/*==================================================
                WHY CHOOSE NIH
==================================================*/

.why-choose{
    padding:120px 0;
    background:#f8fbfa;
    position:relative;
    overflow:hidden;
}

.why-choose::before{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    background:rgba(15,107,75,.05);
    border-radius:50%;
    top:-220px;
    left:-220px;
}

.why-choose::after{
    content:"";
    position:absolute;
    width:400px;
    height:400px;
    background:rgba(212,175,55,.08);
    border-radius:50%;
    right:-180px;
    bottom:-180px;
}

.section-heading{
    text-align:center;
    max-width:760px;
    margin:auto;
    margin-bottom:70px;
    position:relative;
    z-index:2;
}

.section-heading .section-tag{
    display:inline-block;
    padding:8px 22px;
    border-radius:40px;
    background:#eaf8f1;
    color:#0f6b4b;
    font-size:14px;
    font-weight:600;
    margin-bottom:18px;
}

.section-heading h2{
    font-family:"Playfair Display",serif;
    font-size:48px;
    color:#222;
    margin-bottom:20px;
    line-height:1.25;
}

.section-heading p{
    color:#666;
    font-size:18px;
    line-height:32px;
}

/*=========================
        GRID
=========================*/

.choose-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;
    position:relative;
    z-index:2;
}

/*=========================
        CARD
=========================*/

.choose-card{

    background:#fff;

    border-radius:25px;

    padding:45px 35px;

    text-align:center;

    transition:.45s;

    box-shadow:0 15px 40px rgba(0,0,0,.06);

    border:1px solid rgba(0,0,0,.05);

    position:relative;

    overflow:hidden;

    height:100%;
}

.choose-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:5px;

    background:#0f6b4b;

    transform:scaleX(0);

    transition:.45s;

}

.choose-card:hover{

    transform:translateY(-15px);

    box-shadow:0 30px 60px rgba(0,0,0,.12);

}

.choose-card:hover::before{

    transform:scaleX(1);

}

/*=========================
        ICON
=========================*/

.choose-card .icon{

    width:85px;

    height:85px;

    margin:auto;

    border-radius:50%;

    background:#eaf8f1;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:30px;

    transition:.4s;

}

.choose-card .icon i{

    font-size:34px;

    color:#0f6b4b;

    transition:.4s;

}

.choose-card:hover .icon{

    background:#0f6b4b;

   
transform:scale(1.12) rotate(8deg);

}

.choose-card:hover .icon i{

    color:#fff;

}

.choose-card h3{

    font-size:24px;

    margin-bottom:15px;

    color:#222;

    font-family:"Playfair Display",serif;

}

.choose-card p{

    color:#666;

    font-size:16px;

    line-height:30px;

}

/*=========================
      HOVER BUTTON EFFECT
=========================*/

.choose-card:hover h3{

    color:#0f6b4b;

}