/* =====================================
   Guarantee Section
===================================== */

.guarantee{

    padding:90px 0;
    background:#eef5ff;

}

.guarantee-box{

    max-width:850px;
    margin:auto;
    text-align:center;
    background:#fff;
    padding:60px 40px;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.guarantee-box h2{

    font-size:40px;
    margin-bottom:20px;
    color:#0d6efd;

}

.guarantee-box p{

    color:#555;
    font-size:18px;

}

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

.faq{

    padding:90px 0;
    background:#ffffff;

}

.faq h2{

    text-align:center;
    font-size:42px;
    margin-bottom:50px;

}

.faq-item{

    max-width:850px;
    margin:0 auto 20px;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 5px 18px rgba(0,0,0,.08);

}

.faq-question{

    width:100%;
    border:none;
    background:#0d6efd;
    color:#fff;
    padding:22px;
    text-align:left;
    cursor:pointer;
    font-size:18px;
    font-weight:600;

}

.faq-answer{

    background:#fff;
    max-height:0;
    overflow:hidden;
    transition:max-height .35s ease;

}

.faq-answer p{

    padding:25px;
    color:#555;

}

/* =====================================
CTA
===================================== */

.cta{

    padding:100px 0;
    text-align:center;
    background:linear-gradient(135deg,#0d6efd,#2b8cff);
    color:#fff;

}

.cta h2{

    font-size:48px;
    margin-bottom:20px;

}

.cta p{

    max-width:650px;
    margin:0 auto 35px;
    font-size:18px;

}

.big-btn{

    font-size:20px;
    padding:18px 48px;

}

/* =====================================
Footer
===================================== */

footer{

    background:#111827;
    color:#ddd;
    padding:50px 0;

}

.footer{

    text-align:center;

}

.footer-links{

    margin:25px 0;

}

.footer-links a{

    color:#fff;
    margin:0 15px;
    transition:.3s;

}

.footer-links a:hover{

    color:#6fb1ff;

}

.footer-disclaimer{

    max-width:900px;
    margin:30px auto 0;
    color:#bdbdbd;
    font-size:14px;
    line-height:1.8;

}

/* =====================================
Responsive
===================================== */

@media(max-width:992px){

.hero-grid{

grid-template-columns:1fr;
text-align:center;

}

.hero-image{

order:-1;

}

.hero h1{

font-size:42px;

}

.cards{

grid-template-columns:1fr;

}

.feature-grid{

grid-template-columns:1fr;

}

.steps{

grid-template-columns:1fr;

}

.reviews{

grid-template-columns:1fr;

}

.trust{

justify-content:center;

}

}

@media(max-width:768px){

.nav{

flex-direction:column;
gap:18px;

}

.hero{

padding:60px 0;

}

.hero h1{

font-size:34px;

}

.hero p{

font-size:16px;

}

.hero-buttons{

display:flex;
flex-direction:column;
gap:15px;

}

.btn-outline{

margin-left:0;

}

.benefits,
.features,
.how,
.testimonial,
.guarantee,
.faq,
.cta{

padding:60px 0;

}

h2{

font-size:32px !important;

}

.big-btn{

display:block;
width:100%;

}

.footer-links{

display:flex;
flex-direction:column;
gap:15px;

}

}

@media(max-width:480px){

.container{

width:92%;

}

.logo{

font-size:24px;

}

.hero h1{

font-size:30px;

}

.tag{

font-size:12px;

}

.btn,
.btn-outline{

padding:15px 20px;
font-size:15px;

}

.review,
.card,
.feature{

padding:25px;

}

.guarantee-box{

padding:35px 20px;

}

.faq-question{

font-size:16px;
padding:18px;

}

.cta h2{

font-size:30px;

}

}