/*
==================================================
WHY US
==================================================
*/

.sidv-why-us{

    padding:8rem 0;

    background:#F8FAFC;

    overflow:hidden;

}

/*
==================================================
HEADER
==================================================
*/

.sidv-why-us__header{

    max-width:820px;

    margin:0 auto 4rem;

    text-align:center;

}

.sidv-why-us__eyebrow{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:.65rem 1.2rem;

    border-radius:999px;

    background:#FEF3C7;

    color:#D97706;

    font-size:.82rem;

    font-weight:700;

    letter-spacing:.08em;

    text-transform:uppercase;

}

.sidv-why-us__header h2{

    margin:1.5rem 0;

    font-size:clamp(2.5rem,4vw,3.8rem);

    line-height:1.1;

    color:#0F172A;

}

.sidv-why-us__header p{

    color:#64748B;

    line-height:1.9;

}

/*
==================================================
HERO CARD
==================================================
*/

.sidv-why-us__hero-card{

    display:grid;

    grid-template-columns:1.4fr .8fr;

    gap:3rem;

    align-items:center;

    padding:4rem;

    margin-bottom:5rem;

    border-radius:32px;

    background:linear-gradient(135deg,#102B46,#163A5C);

    color:#FFFFFF;

    box-shadow:0 30px 80px rgba(15,23,42,.18);

    opacity:0;

    transform:translateY(50px);

    transition:.9s ease;

}

.sidv-why-us.is-visible
.sidv-why-us__hero-card{

    opacity:1;

    transform:none;

}

.sidv-why-us__hero-content span{

    display:inline-flex;

    padding:.55rem 1rem;

    border-radius:999px;

    background:rgba(255,255,255,.12);

    color:#F59E0B;

    font-size:.78rem;

    font-weight:700;

    letter-spacing:.08em;

    text-transform:uppercase;

}

.sidv-why-us__hero-content h3{

    margin:1.5rem 0;

    font-size:clamp(2rem,3vw,3rem);

    line-height:1.15;

}

.sidv-why-us__hero-content p{

    color:rgba(255,255,255,.82);

    line-height:1.9;

    margin-bottom:2.5rem;

}

.sidv-why-us__hero-number{

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    text-align:center;

}

.sidv-why-us__hero-number strong{

    font-size:clamp(4rem,8vw,6rem);

    color:#F59E0B;

    line-height:1;

}

.sidv-why-us__hero-number span{

    margin-top:1rem;

    color:rgba(255,255,255,.85);

    font-weight:600;

    line-height:1.6;

}

/*
==================================================
BUTTON
==================================================
*/

.sidv-why-us__hero-content
.sidv-btn-primary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:1rem 2rem;

    border-radius:999px;

    background:#F59E0B;

    color:#FFF;

    text-decoration:none;

    font-weight:700;

    transition:.3s;

}

.sidv-why-us__hero-content
.sidv-btn-primary:hover{

    background:#D97706;

    transform:translateY(-3px);

}

/*
==================================================
BENEFITS
==================================================
*/

.sidv-why-us__benefits{

    display:grid;

    grid-template-columns:repeat(3,minmax(0,1fr));

    gap:2rem;

}

.sidv-benefit-card{

    padding:2.3rem;

    border-radius:26px;

    background:#FFFFFF;

    border:1px solid #E5E7EB;

    transition:.35s;

    opacity:0;

    transform:translateY(35px);

}

.sidv-why-us.is-visible
.sidv-benefit-card{

    opacity:1;

    transform:none;

}

.sidv-benefit-card:nth-child(2){transition-delay:.08s;}
.sidv-benefit-card:nth-child(3){transition-delay:.16s;}
.sidv-benefit-card:nth-child(4){transition-delay:.24s;}
.sidv-benefit-card:nth-child(5){transition-delay:.32s;}
.sidv-benefit-card:nth-child(6){transition-delay:.40s;}

.sidv-benefit-card:hover{

    transform:translateY(-10px);

    border-color:#F59E0B;

    box-shadow:0 22px 60px rgba(15,23,42,.08);

}

.sidv-benefit-card__icon{

    display:flex;

    align-items:center;

    justify-content:center;

    width:72px;

    height:72px;

    margin-bottom:1.5rem;

    border-radius:20px;

    background:#FEF3C7;

    color:#D97706;

    transition:.35s;

}

.sidv-benefit-card:hover
.sidv-benefit-card__icon{

    background:#F59E0B;

    color:#FFFFFF;

    transform:rotate(-6deg);

}

.sidv-benefit-card h3{

    margin-bottom:1rem;

    color:#0F172A;

    font-size:1.3rem;

}

.sidv-benefit-card p{

    margin:0;

    color:#64748B;

    line-height:1.8;

}

/*
==================================================
STATS
==================================================
*/

.sidv-why-us__stats{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:2rem;

    margin-top:5rem;

}

.sidv-stat-card{

    padding:2rem;

    text-align:center;

    border-radius:24px;

    background:#FFFFFF;

    border:1px solid #E5E7EB;

    transition:.35s;

}

.sidv-stat-card:hover{

    transform:translateY(-8px);

    border-color:#F59E0B;

    box-shadow:0 20px 50px rgba(15,23,42,.06);

}

.sidv-stat-card strong{

    display:block;

    margin-bottom:.6rem;

    font-size:2.5rem;

    color:#F59E0B;

}

.sidv-stat-card span{

    color:#64748B;

    font-weight:600;

}

/*
==================================================
RESPONSIVE
==================================================
*/

@media(max-width:1100px){

    .sidv-why-us__hero-card{

        grid-template-columns:1fr;

        text-align:center;

    }

    .sidv-why-us__benefits{

        grid-template-columns:repeat(2,1fr);

    }

    .sidv-why-us__stats{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:768px){

    .sidv-why-us{

        padding:6rem 0;

    }

    .sidv-why-us__hero-card{

        padding:2.5rem;

    }

    .sidv-why-us__benefits{

        grid-template-columns:1fr;

    }

    .sidv-why-us__stats{

        grid-template-columns:1fr;

    }

}