.seo-page{

background:#f8fafc;

}


.seo-title{

/* max-width:950px; */
margin:auto;
/* text-align:center; */
margin-bottom:60px;

}


.seo-title h2{

font-size:42px;
font-weight:700;
margin-bottom:20px;
color:#222;

}


.seo-title p{

font-size:17px;
line-height:1.9;
color:#666;

}


.seo-card{

background:#fff;

padding:40px;

border-radius:18px;

box-shadow:0 15px 35px rgba(0,0,0,.05);

margin-bottom:35px;

}


.seo-card h3{

font-size:30px;

margin-bottom:20px;

}


.seo-tags{

display:flex;

flex-wrap:wrap;

gap:12px;

}


.seo-tags span{

padding:10px 18px;

background:#fff3eb;

border-radius:30px;

color:#ff344f;

font-weight:600;

}


.seo-heading{

/* text-align:center; */

font-size:34px;

margin-bottom:40px;

}


.seo-box{

 background:#fff;
    padding:25px;
    border-radius:15px;
    border:1px solid #eee;
    height:100%;
    transition:.3s;

}



.seo-box:hover{

transform:translateY(-5px);

box-shadow:0 10px 30px rgba(0,0,0,.08);

}


.seo-box h4{

font-size:24px;

color:#ff344f;

margin-bottom:15px;

}


.seo-box p{

line-height:1.8;

color:#666;

}


.seo-check{

columns:3;

list-style:none;

padding:0;

margin:20px 0;

}


.seo-check li{

position:relative;

padding-left:38px;

margin-bottom:18px;

}


.seo-check li:before{

content:"\f00c";

font-family:FontAwesome;

position:absolute;

left:0;

top:3px;

width:22px;

height:22px;

background:#ff344f;

color:#fff;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

font-size:11px;

}


@media(max-width:767px){

.seo-title h2{

font-size:30px;

}

.seo-card{

padding:25px;

}

.seo-heading{

font-size:28px;

}

.seo-check{

columns:1;

}

}




/* Faq */
   .faq-section{
    background:#f7f9fc;
}

.faq-header h2{
    font-size:42px;
    font-weight:700;
    margin-bottom:15px;
}

.faq-header p{
    /* max-width:850px; */
    margin:auto;
    color:#6b7280;
}

/* FAQ CARD */
.faq-card{
    background:#fff;
    border-radius:16px;
    margin-bottom:20px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    transition:0.3s;
}

.faq-card:hover{
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}

/* TITLE */
.faq-title{
    width:100%;
    border:none;
    background:#fff;
    padding:25px 30px;
    cursor:pointer;
    display:flex;
    justify-content:space-between;
    align-items:center;
    text-align:left;
    font-size:20px;
    font-weight:600;
    color:#111827;
}

.faq-title:focus{
    outline:none;
}

/* ORANGE ICON */
.faq-icon{
    color:#ff344f;
    font-size:18px;
    transition:0.3s ease;
}

/* CONTENT */
.faq-content{
    max-height:0;
    overflow:hidden;
    transition:max-height 0.35s ease;
}

.faq-body{
    padding:0 30px 25px;
    color:#5b6474;
    line-height:1.9;
}

/* ACTIVE */
.faq-card.active .faq-content{
    max-height:300px;
}

.faq-card.active .faq-icon{
    transform:rotate(180deg);
}

@media(max-width:767px){

    .faq-header h2{
        font-size:30px;
    }

    .faq-title{
        padding:20px;
        font-size:18px;
    }

    .faq-body{
        padding:0 20px 20px;
    }
    h1{
font-size: 25px !important;
    }
}

.view-all-btn {
    display: inline-flex;
    align-items: center;
    padding: 10px 18px;
    background: #ff344f;
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 600;
    transition: 0.3s ease;
    margin-bottom: 20px;
}

.view-all-btn:hover {
    background: #e55d00;
    color: #fff;
}