@import "header.css"; /* Header CSS IMPORT */
@import "footer.css"; /* Header CSS IMPORT */
@import "banner.css"; /* Banner CSS IMPORT */
@import "top-header.css"; /* Banner CSS IMPORT */




.yuiyu{
    display:none;
}

.cuiyu{
    display:block;
    margin-top: 125px!important;
    width: 100%;
    height: 600px;
}


@media (max-width: 767px){

.yuiyu{
    width: -webkit-fill-available;
    margin-top: 154px!important;
    display: block;
    width: 100%;
    height: 200px;
}

.cuiyu{
    display:none;
}

}


body{
    font-family: Arial, Helvetica, sans-serif;
    margin:0;
    background:#f6f6f6;
}

/* Section */
.services-section{
    padding:60px 20px;
    text-align:center;
}

/* Heading */
.services-section h5{
    letter-spacing:2px;
    color:#777;
    margin-bottom:10px;
}

.services-section h2{
    font-size:32px;
    margin-bottom:50px;
}

/* Grid Layout */
.services-grid{
    max-width:1100px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

/* Service Box */
.service-box{
    background:#fff;
    padding:35px 25px;
    border:2px solid #26ace2;
    border-radius:6px;
    transition:0.3s;
}

.service-box:hover{
    transform:translateY(-6px);
    box-shadow:0 8px 25px rgba(0,0,0,0.08);
}

/* Icon */
.service-icon{
    font-size:35px;
    color:#26ace2;
    margin-bottom:15px;
}

/* Title */
.service-box h3{
    margin-bottom:10px;
}

/* Text */
.service-box p{
    font-size:14px;
    color:#777;
    line-height:1.6;
}

/* Tablet */
@media(max-width:900px){
    .services-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

/* Mobile */
@media(max-width:600px){
    .services-grid{
        grid-template-columns:1fr;
            padding-left: 20px;
            padding-right: 20px;
    }

    .services-section h2{
        font-size:24px;
}
.services-section h5 {
    padding-top: 40px;
}
    }


*{
margin:0;
padding:0;
box-sizing:border-box;
font-family: Arial, Helvetica, sans-serif;
}

body{
background:#f3f6f9;
}

/* SECTION */

.testimonial-section{
padding:70px 20px;
text-align:center;
max-width:1200px;
margin:auto;
}

.testimonial-section h2{
font-size:36px;
margin-bottom:10px;
}

.highlight{
background:#ff6b3d;
color:#fff;
padding:4px 10px;
border-radius:6px;
}

.subtitle{
color:#666;
max-width:650px;
margin:auto;
margin-bottom:50px;
line-height:1.6;
}

/* GRID */

.testimonial-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
}

/* CARD */

.testimonial-card{
background:white;
padding:30px;
border-radius:20px;
text-align:left;
box-shadow:0 8px 25px rgba(0,0,0,0.06);
transition:0.3s;
}

.testimonial-card:hover{
transform:translateY(-6px);
}

/* HEADER */

.card-header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:15px;
font-weight:bold;
}

.rating{
color:#22c55e;
font-weight:bold;
}

/* TEXT */

.testimonial-text{
color:#555;
line-height:1.6;
margin-bottom:20px;
}

/* CLIENT */

.client-name{
font-size:18px;
font-weight:bold;
}

.client-id{
color:#888;
font-size:14px;
}

/* RESPONSIVE */

@media(max-width:992px){
.testimonial-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:600px){

.testimonial-section h2{
font-size:26px;
padding-top: 50px;
}

.testimonial-grid{
grid-template-columns:1fr;
}

}

/* Section */

.map-section{
max-width:1100px;
margin:auto;
}

/* Title */

.map-title{
display:flex;
align-items:center;
gap:10px;
font-size:26px;
font-weight:700;
color:#e94b8b;
margin-bottom:20px;
}

.map-title svg{
width:22px;
height:22px;
fill:#e94b8b;
}

/* Map Box */

.map-box{
width:100%;
border-radius:18px;
overflow:hidden;
box-shadow:0 8px 25px rgba(0,0,0,0.1);
}

/* Responsive iframe */

.map-box iframe{
width:100%;
height:450px;
border:0;
}

/* Mobile */

@media(max-width:768px){

.map-title{
font-size:20px;
padding-top:20px;
}

.map-box iframe{
height:300px;
}

}

/* FAQ container */

.faq-section{
max-width:900px;
margin:auto;
}

.faq-title{
text-align:center;
font-size:32px;
font-weight:700;
margin-bottom:40px;
color:#b50760;
}

/* FAQ item */

.faq-item{
background:#fff;
border-radius:10px;
margin-bottom:15px;
box-shadow:0 4px 15px rgba(0,0,0,0.08);
overflow:hidden;
}

/* Question */

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

.faq-question:hover{
background:#fafafa;
}

/* icon */

.faq-icon{
font-size:22px;
color:#e94b8b;
}

/* answer */

.faq-answer{
max-height:0;
overflow:hidden;
transition:0.3s ease;
padding:0 20px;
font-size:15px;
color:#555;
line-height:1.6;
}

.faq-item.active .faq-answer{
max-height:200px;
padding:15px 20px 20px;
}

/* mobile */

@media(max-width:768px){

.faq-title{
font-size:26px;
padding-top: 50px;
}

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

}