/*==========================================================
                WHY CHOOSE VS TECH
==========================================================*/

.why-choose{

    position:relative;

    padding:120px 0;

    background:#FFFFFF;

    overflow:hidden;

}

.why-grid{

    display:grid;

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

    gap:30px;

    margin-top:70px;

}

.why-card{

    background:#F8FAFC;

    padding:40px 35px;

    border-radius:24px;

    text-align:center;

    border:1px solid transparent;

    box-shadow:

    0 15px 35px rgba(15,23,42,.06);

    transition:.35s ease;

}

.why-card:hover{

    transform:translateY(-10px);

    border-color:#00C2FF;

    box-shadow:

    0 25px 55px rgba(0,194,255,.15);

}

.why-icon{

    width:85px;

    height:85px;

    margin:0 auto 25px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(
    135deg,
    #1D4ED8,
    #00C2FF);

    color:#fff;

    font-size:2rem;

    transition:.4s ease;

}

.why-card:hover .why-icon{

    transform:rotateY(180deg);

}

.why-card h3{

    color:#0B132B;

    font-size:1.45rem;

    margin-bottom:15px;

}

.why-card p{

    color:#64748B;

    line-height:1.8;

}

.why-choose::before{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    background:rgba(0,194,255,.06);

    border-radius:50%;

    filter:blur(80px);

    top:-120px;

    right:-120px;

}

.why-choose::after{

    content:"";

    position:absolute;

    width:300px;

    height:300px;

    background:rgba(29,78,216,.06);

    border-radius:50%;

    filter:blur(80px);

    bottom:-120px;

    left:-120px;

}


@media(max-width:991px){

    .why-grid{

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

    }

}

@media(max-width:768px){

    .why-grid{

        grid-template-columns:1fr;

    }

    .why-choose{

        padding:80px 0;

    }

}