/* Title Bar */

.page-title-bar{
background:#e0af33;
padding:35px 0;
text-align:center;
}

.page-title-bar h1{
color:#ffffff;
font-size:34px;
font-weight:600;
letter-spacing:2px;
text-transform:uppercase;
margin:0;
font-family:'Poppins',sans-serif;
}

/* Mobile */

@media(max-width:768px){

.page-title-bar h1{
font-size:22px;
line-height:1.4;
}

}

.page-title-bar{
background:linear-gradient(90deg,#dea426,#3e8797);
padding:40px 0;
text-align:center;
}

.page-title-bar h1{
color:#fff;
font-size:36px;
font-weight:700;
letter-spacing:2px;
text-transform:uppercase;
text-shadow:0 2px 5px rgba(0,0,0,0.2);
}







/* SECTION */

.nx-safe-section{
padding:80px 0;
background:#f8f9fb;
font-family:'Poppins',sans-serif;
}

/* GRID */

.nx-safe-wrapper{
display:flex;
align-items:center;
gap:50px;
flex-wrap:wrap;
}

/* IMAGE */

.nx-safe-image{
flex:1;
overflow:hidden;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,0.15);
}

.nx-safe-image img{
width:100%;
height:100%;
object-fit:cover;
transition:transform 0.6s ease;
}

.nx-safe-image:hover img{
transform:scale(1.08);
}

/* CONTENT */

.nx-safe-content{
flex:1;
background:#ffffff;
padding:40px;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
transition:all 0.4s ease;
}

.nx-safe-content:hover{
transform:translateY(-6px);
}

/* HEADING */

.nx-safe-content h2{
font-size:28px;
color:#c47a1b;
margin-bottom:20px;
line-height:1.4;
}

/* PARAGRAPH */

.nx-safe-content p{
font-size:16px;
line-height:1.8;
color:#444;
margin-bottom:15px;
}

/* FEATURES */

.nx-safe-features{
list-style:none;
padding:0;
margin-top:15px;
}

.nx-safe-features li{
margin-bottom:10px;
font-size:15px;
color:#333;
}

/* BUTTON */

.nx-safe-btn{
display:inline-block;
margin-top:20px;
background:linear-gradient(45deg,#d88b1f,#f2a93b);
color:#fff;
padding:13px 28px;
border-radius:30px;
text-decoration:none;
font-weight:600;
transition:all 0.4s ease;
}

.nx-safe-btn:hover{
background:linear-gradient(45deg,#c46f0c,#e79520);
transform:translateY(-3px);
box-shadow:0 10px 20px rgba(0,0,0,0.2);
}

/* MOBILE */

@media(max-width:768px){

.nx-safe-wrapper{
flex-direction:column;
}

.nx-safe-content h2{
font-size:22px;
}

}






/* SECTION */

.nx-safe-why-section{
padding:90px 0;
background:#f6f7f9;
font-family:'Poppins',sans-serif;
overflow:hidden;
}

/* GRID */

.nx-safe-why-wrapper{
display:flex;
align-items:center;
gap:60px;
flex-wrap:wrap;
}

/* CONTENT */

.nx-safe-why-content{
flex:1;
background:#ffffff;
padding:40px;
border-radius:12px;
box-shadow:0 15px 40px rgba(0,0,0,0.08);

opacity:0;
transform:translateX(-60px);
animation:nxSlideLeft 1s ease forwards;
}

/* IMAGE */

.nx-safe-why-image{
flex:1;
overflow:hidden;
border-radius:12px;
box-shadow:0 15px 40px rgba(0,0,0,0.15);

opacity:0;
transform:translateX(60px);
animation:nxSlideRight 1s ease forwards;
animation-delay:0.3s;
}

.nx-safe-why-image img{
width:100%;
height:100%;
object-fit:cover;
transition:transform 0.7s ease;
}

/* IMAGE HOVER */

.nx-safe-why-image:hover img{
transform:scale(1.1);
}

/* HEADING */

.nx-safe-why-content h2{
font-size:30px;
color:#c57c1d;
margin-bottom:20px;
}

/* TEXT */

.nx-safe-why-content p{
font-size:16px;
line-height:1.8;
color:#444;
margin-bottom:15px;
}

/* ANIMATIONS */

@keyframes nxSlideLeft{

from{
opacity:0;
transform:translateX(-60px);
}

to{
opacity:1;
transform:translateX(0);
}

}

@keyframes nxSlideRight{

from{
opacity:0;
transform:translateX(60px);
}

to{
opacity:1;
transform:translateX(0);
}

}

/* MOBILE */

@media(max-width:768px){

.nx-safe-why-wrapper{
flex-direction:column;
}

.nx-safe-why-content h2{
font-size:22px;
}

}



/* WHAT OUR CUSTOMERS SAY */


.reviews-section{
padding:110px 0;
background:#f7f7f7;
font-family:'Poppins',sans-serif;
overflow:hidden;
}

.reviews-title{
text-align:center;
font-size:36px;
margin-bottom:70px;
font-weight:600;
}

.reviews-title span{
color:#d88b1f;
}

/* WRAPPER */

.reviews-wrapper{
display:flex;
align-items:center;
justify-content:center;
gap:25px;
position:relative;
}

/* SLIDER */

.reviews-slider{
overflow:hidden;
width:100%;
}

.reviews-track{
display:flex;
transition:transform .5s ease;
will-change:transform;
}

/* CARD */

.review-card{
flex:0 0 calc(100% / 3);
aspect-ratio:1/1;
background:#fff;
padding:32px;
margin:10px;
border-radius:16px;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
display:flex;
flex-direction:column;
justify-content:space-between;
transition:all .35s ease;
position:relative;
}

/* CARD HOVER */

.review-card:hover{
transform:translateY(-10px);
box-shadow:0 25px 60px rgba(0,0,0,0.15);
}

/* REVIEW TEXT */

.review-card p{
font-size:15px;
line-height:1.8;
color:#444;
margin-top:10px;
}

.review-card strong{
color:#d88b1f;
font-weight:600;
}

/* GOOGLE BADGE */

.google-badge{
width:44px;
height:44px;
background:#4285F4;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
font-weight:600;
font-size:18px;
box-shadow:0 6px 15px rgba(0,0,0,0.15);
}

/* ARROWS */

.arrow{
background:#d88b1f;
border:none;
color:#fff;
font-size:26px;
width:50px;
height:50px;
border-radius:50%;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
transition:all .3s ease;
box-shadow:0 8px 20px rgba(0,0,0,0.2);
}

.arrow:hover{
background:#b86e0e;
transform:scale(1.1);
}

/* ARROW POSITION */

.arrow.left{
position:absolute;
left:-10px;
top:50%;
transform:translateY(-50%);
}

.arrow.right{
position:absolute;
right:-10px;
top:50%;
transform:translateY(-50%);
}

/* MOBILE */

@media(max-width:768px){

.reviews-section{
padding:80px 0;
}

.reviews-title{
font-size:28px;
margin-bottom:40px;
}

.review-card{
flex:0 0 100%;
aspect-ratio:1/1;
padding:24px;
margin:0;
}

.reviews-wrapper{
gap:12px;
}

.arrow{
width:42px;
height:42px;
font-size:22px;
}



.arrow.right{
right:-5px;
}

}



/* =============FAQ SECTION=================== */

.faq-section{
padding:110px 0;
background:#f9fafc;
font-family:'Poppins',sans-serif;
}

.faq-title{
text-align:center;
font-size:36px;
font-weight:600;
margin-bottom:70px;
}

.faq-title span{
background:linear-gradient(90deg,#d88b1f,#f0a63d);
-webkit-background-clip:text;
color:transparent;
}

.faq-container{
max-width:950px;
margin:auto;
}

/* FAQ CARD */

.faq-item{
background:#fff;
border-radius:14px;
margin-bottom:18px;
box-shadow:0 8px 25px rgba(0,0,0,0.08);
border-left:4px solid transparent;
transition:all .3s ease;
}

.faq-item:hover{
transform:translateY(-3px);
box-shadow:0 15px 40px rgba(0,0,0,0.12);
}

.faq-item.active{
border-left:4px solid #d88b1f;
}

/* QUESTION */

.faq-question{
width:100%;
padding:24px 26px;
background:none;
border:none;
cursor:pointer;
display:flex;
justify-content:space-between;
align-items:center;
font-size:18px;
font-weight:600;
text-align:left;
}

.faq-question strong{
color:#d88b1f;
}

/* ICON */

.faq-icon{
font-size:22px;
color:#d88b1f;
transition:0.3s;
}

.faq-item.active .faq-icon{
transform:rotate(45deg);
}

/* ANSWER */

.faq-answer{
max-height:0;
overflow:hidden;
transition:max-height .4s ease;
padding:0 26px;
}

.faq-answer p{
padding-bottom:24px;
line-height:1.8;
color:#555;
font-size:15px;
}

/* MOBILE */

@media(max-width:768px){

.faq-title{
font-size:28px;
}

.faq-question{
font-size:16px;
padding:20px;
}

}


.faq-contact-buttons{
margin-top:18px;
display:flex;
gap:12px;
flex-wrap:wrap;
}

.faq-call-btn{
background:#d88b1f;
color:#fff;
padding:10px 20px;
border-radius:30px;
text-decoration:none;
font-size:14px;
font-weight:500;
}

.faq-call-btn:hover{
background:#b86e0e;
}

.faq-whatsapp-btn{
background:#25D366;
color:#fff;
padding:10px 20px;
border-radius:30px;
text-decoration:none;
font-size:14px;
font-weight:500;
}

.faq-whatsapp-btn:hover{
background:#1ebe5d;
}