/* ==========================================
WHY CHOOSE
==========================================*/

.why-choose{
 
    padding:42px 0;
 
    background:#FAFBFD;
 
}

.why-choose .container{

    width:min(1240px,92%);

    margin:auto;

}

.section-heading{

    text-align:center;

    margin-bottom:70px;

}

.section-tag{

    display:inline-block;

    color:#D62828;

    font-weight:700;

    letter-spacing:2px;

    margin-bottom:18px;

}

.section-heading h2{

    font-family:Oswald,sans-serif;

    font-size:clamp(2.2rem, 3.4vw, 3.15rem);

    color:#0E497C;

    margin-bottom:18px;

}

.section-heading p{

    max-width:760px;

    margin:auto;

    line-height:1.8;

    color:#555;

    font-size:clamp(1rem, 1.2vw, 1.08rem);

}

.why-grid{

    display:grid;

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

    gap:40px;

}

.why-card{

    background:#fff;

    border-radius:24px;

    overflow:hidden;

    border:1px solid rgba(14,73,124,.08);

    transition:.35s;

    box-shadow:0 20px 50px rgba(14,73,124,.06);

}

.why-card:hover{

    transform:translateY(-8px);

    box-shadow:0 30px 70px rgba(14,73,124,.14);

}

.why-image{

    height:230px;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:8px 0 0;

    background:
    radial-gradient(circle,#eef6fd 0%,#f8fbff 70%);

}

.why-image img{

    width:62%;
    max-height:86%;
    object-fit:contain;
    display:block;
    transition:.4s;

}

.why-card:hover .why-image img{

    transform:scale(1.06);

}

.why-content{

    padding:26px 40px 34px;

}

.why-content h3{

    font-family:Oswald,sans-serif;

    color:#0E497C;

    font-size:31px;

    margin-bottom:18px;

}

.underline{

    width:70px;

    height:4px;

    background:#D62828;

    border-radius:50px;

    margin-bottom:24px;

    transition:.35s;

}

.why-card:hover .underline{

    width:120px;

}

.why-content p{

    color:#555;

    line-height:1.9;

    font-size:17px;

}

@media(max-width:992px){

.why-grid{

grid-template-columns:1fr;

}

.section-heading h2{

font-size:48px;

}

}

@media(max-width:576px){

.why-content{

padding:30px;

}

.why-image{

height:220px;

}

.section-heading h2{

font-size:38px;

}

}