/*
Theme Name: LandingBook
Theme URI: https://https://kingonlinebookid.com/.com
Author: kingonlinebookid Team
Description: Custom WordPress theme for kingonlinebookid - converted from static HTML. Client can edit all content via ACF fields.
Version: 1.0
*/

/* ============================== */
/* Fixed section styles for upload */
/* ============================== */

/* Trust Stats Band */
.lb_stats{width:100%;padding:70px 0;background:#0a0a0a;border-top:1px solid rgba(255,255,255,0.08);border-bottom:1px solid rgba(255,255,255,0.08);}
.lb_stats .stats_wrap{display:flex;flex-wrap:wrap;width:100%;justify-content:space-between;text-align:center;}
.lb_stats .stats_wrap li{width:calc(25% - 20px);padding:20px;}
.lb_stats .stats_wrap li h3{font-size:54px;font-weight:bold;color:#FF0000;line-height:1;text-shadow:0 0 18px rgba(231,19,34,0.6);margin:0 0 12px;}
.lb_stats .stats_wrap li p{font-size:18px;font-weight:normal;color:#fff;margin:0;text-transform:uppercase;letter-spacing:1px;}

/* Client Reviews */
.lb_review{width:100%;padding:120px 0;background:url('../images/bg2.jpg') no-repeat center center;background-size:cover;background-attachment:fixed;}
.lb_review h2{width:100%;text-align:center;margin:0 0 15px;font-size:60px;line-height:normal;font-weight:bold;color:#fff;}
.lb_review h2 span{color:#FF0000;}
.lb_review .review_sub{width:100%;text-align:center;margin:0 0 60px;font-size:20px;line-height:30px;color:#fff;font-weight:normal;}
.lb_review .review_ul{display:flex;flex-wrap:wrap;width:100%;}
.lb_review .review_ul li{margin:15px;width:calc((100% / 3) - 30px);border:1px solid rgba(255,255,255,0.2);background:#101010;box-shadow:0 25px 20px 0 rgba(0,0,0,0.5);border-radius:10px;padding:35px 30px;display:flex;flex-wrap:wrap;}
.lb_review .review_ul li .review_stars{width:100%;margin:0 0 18px;color:#ffb800;font-size:20px;letter-spacing:3px;}
.lb_review .review_ul li p{width:100%;margin:0 0 25px;font-size:16px;line-height:26px;color:#fff;font-weight:normal;font-style:italic;}
.lb_review .review_ul li .review_user{display:flex;align-items:center;width:100%;margin-top:auto;}
.lb_review .review_ul li .review_user .review_av{width:52px;height:52px;flex:0 0 52px;border-radius:50%;background:#E71322;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:bold;color:#fff;margin:0 15px 0 0;}
.lb_review .review_ul li .review_user .review_meta h4{font-size:18px;font-weight:bold;color:#fff;margin:0;}
.lb_review .review_ul li .review_user .review_meta span{font-size:13px;color:rgba(255,255,255,0.6);}

/* FAQ Accordion */
.lb_faq{width:100%;padding:120px 0;background:#000;}
.lb_faq h2{width:100%;text-align:center;margin:0 0 60px;font-size:60px;line-height:normal;font-weight:bold;color:#fff;}
.lb_faq h2 span{color:#FF0000;}
.lb_faq .faq_wrap{max-width:980px;margin:0 auto;width:100%;}
.lb_faq .faq_item{border:1px solid rgba(255,255,255,0.15);background:#101010;border-radius:10px;margin:0 0 16px;overflow:hidden;}
.lb_faq .faq_item.active{border-color:rgba(231,19,34,0.5);box-shadow:0 0 20px rgba(231,19,34,0.15);}
.lb_faq .faq_q{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;cursor:pointer;font-size:20px;font-weight:bold;color:#fff;transition:color 0.3s ease;}
.lb_faq .faq_q:hover{color:#FF0000;}
.lb_faq .faq_q .faq_ico{flex:0 0 auto;width:24px;height:24px;position:relative;margin-left:20px;transition:transform 0.3s ease;}
.lb_faq .faq_q .faq_ico::before,.lb_faq .faq_q .faq_ico::after{content:"";position:absolute;background:#E71322;border-radius:2px;}
.lb_faq .faq_q .faq_ico::before{left:50%;top:0;transform:translateX(-50%);width:3px;height:100%;}
.lb_faq .faq_q .faq_ico::after{top:50%;left:0;transform:translateY(-50%);height:3px;width:100%;}
.lb_faq .faq_item.active .faq_ico{transform:rotate(135deg);}
.lb_faq .faq_a{max-height:0;overflow:hidden;padding:0 28px;transition:max-height 0.4s ease,padding 0.4s ease;}
.lb_faq .faq_item.active .faq_a{max-height:320px;padding:0 28px 24px;}
.lb_faq .faq_a p{font-size:16px;line-height:26px;color:rgba(255,255,255,0.8);margin:0;font-weight:normal;}

/* Contact */
.lb_contact{width:100%;padding:120px 0;background:url('../images/bg3.jpg') no-repeat center center;background-size:cover;background-attachment:fixed;}
.lb_contact h2{width:100%;text-align:center;margin:0 0 15px;font-size:60px;line-height:normal;font-weight:bold;color:#fff;}
.lb_contact h2 span{color:#FF0000;}
.lb_contact .contact_sub{width:100%;text-align:center;margin:0 0 60px;font-size:20px;line-height:30px;color:#fff;font-weight:normal;}
.lb_contact .contact_wrap{display:flex;flex-wrap:wrap;width:100%;justify-content:center;gap:30px;}
.lb_contact .contact_card{width:calc((100% / 4) - 23px);min-width:220px;background:#101010;border:1px solid rgba(255,255,255,0.2);border-radius:10px;padding:40px 25px;text-align:center;box-shadow:0 25px 20px 0 rgba(0,0,0,0.5);transition:transform 0.4s ease,border-color 0.4s ease;display:flex;flex-direction:column;align-items:center;}
.lb_contact .contact_card:hover{border-color:#E71322;transform:translateY(-6px);}
.lb_contact .contact_card .contact_ico{width:70px;height:70px;border-radius:50%;background:#E71322;display:flex;align-items:center;justify-content:center;margin:0 0 22px;box-shadow:0 0 18px rgba(231,19,34,0.5);}
.lb_contact .contact_card .contact_ico img{max-width:34px;max-height:34px;}
.lb_contact .contact_card .contact_ico svg{width:34px;height:34px;fill:#fff;}
.lb_contact .contact_card h4{font-size:20px;font-weight:bold;color:#fff;margin:0 0 8px;}
.lb_contact .contact_card p{font-size:15px;line-height:22px;color:rgba(255,255,255,0.7);margin:0 0 22px;font-weight:normal;}
.lb_contact .contact_card .a_wa{margin-top:auto;display:inline-block;font-size:16px;font-weight:bold;color:#fff;padding:12px 26px;border:1px solid #E71322;border-radius:10px;background:#E71322;transition:background 0.4s ease;}
.lb_contact .contact_card .a_wa:hover{background:#000;}

@media screen and (max-width:1023px){
	.lb_stats .stats_wrap li h3{font-size:40px;}
	.lb_review h2,.lb_faq h2,.lb_contact h2{font-size:44px;}
	.lb_review .review_ul li{width:calc(50% - 30px);}
	.lb_contact .contact_card{width:calc(50% - 15px);}
}
@media screen and (max-width:767px){
	.lb_stats{padding:40px 0;}
	.lb_stats .stats_wrap li{width:50%;padding:14px;}
	.lb_stats .stats_wrap li h3{font-size:32px;margin:0 0 6px;}
	.lb_stats .stats_wrap li p{font-size:13px;}
	.lb_review{padding:40px 0;}
	.lb_review h2,.lb_faq h2,.lb_contact h2{font-size:26px;margin:0 0 16px;}
	.lb_review .review_sub,.lb_contact .contact_sub{font-size:14px;line-height:20px;margin:0 0 30px;}
	.lb_review .review_ul li{width:100%;margin:0 0 16px;padding:25px;}
	.lb_review .review_ul li p{font-size:14px;line-height:22px;}
	.lb_faq{padding:40px 0;}
	.lb_faq h2{margin:0 0 30px;}
	.lb_faq .faq_q{font-size:16px;padding:18px 20px;}
	.lb_faq .faq_a{padding:0 20px;}
	.lb_faq .faq_item.active .faq_a{padding:0 20px 18px;}
	.lb_contact{padding:40px 0;}
	.lb_contact .contact_wrap{gap:16px;}
	.lb_contact .contact_card{width:100%;padding:30px 25px;}
}