/* ==========================================================
   NIMMEX
   EXPERTISE SECTION
========================================================== */

#expertise{
    background:#08111d;
    position:relative;
    overflow:hidden;
}

#expertise::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at top right,
        rgba(10,132,255,.10),
        transparent 45%);
    pointer-events:none;
}

#expertise .container{
    position:relative;
    z-index:2;
}

#expertise .feature-box{

    background:linear-gradient(
        180deg,
        rgba(255,255,255,.04),
        rgba(255,255,255,.02)
    );

    border:1px solid rgba(255,255,255,.08);

    border-radius:22px;

    padding:42px 34px;

    height:100%;

    transition:.35s ease;

    position:relative;

    overflow:hidden;

}

#expertise .feature-box::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:4px;

    background:#0A84FF;

    transform:scaleX(0);

    transform-origin:left;

    transition:.35s;

}

#expertise .feature-box:hover{

    transform:translateY(-10px);

    border-color:rgba(10,132,255,.45);

    box-shadow:
        0 25px 70px rgba(10,132,255,.20);

}

#expertise .feature-box:hover::before{

    transform:scaleX(1);

}

#expertise .service-icon{

    width:82px;

    height:82px;

    border-radius:22px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:28px;

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

    border:1px solid rgba(10,132,255,.25);

    color:#0A84FF;

    font-size:34px;

    transition:.35s;

}

#expertise .feature-box:hover .service-icon{

    background:#0A84FF;

    color:#fff;

    transform:rotate(-6deg) scale(1.08);

}

#expertise h4{

    font-size:1.45rem;

    margin-bottom:18px;

}

#expertise p{

    color:#B8C4D4;

    line-height:1.8;

    margin-left:auto;
    margin-right:auto;
    margin-top:0;
    margin-bottom:0;

}

@media(max-width:991px){

    #expertise .feature-box{

        padding:34px 28px;

    }

}

@media(max-width:767px){

    #expertise .feature-box{

        text-align:center;

    }

    #expertise .service-icon{

        margin-left:auto;
        margin-right:auto;

    }

}