/* =========================================
REMOVE LINK LINE
========================================= */

.featured-box a{

    text-decoration:none !important;

    outline:none !important;

    border:none !important;

}

/* =========================================
MODERN FEATURE BOX
========================================= */

.featured-box{

    border:none !important;

    border-radius:14px;

    overflow:hidden;

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

    backdrop-filter:blur(10px);

    box-shadow:
    0 10px 30px rgba(0,0,0,.06);

    transition:.4s ease;

    height:100%;

}

/* =========================================
HOVER EFFECT
========================================= */

.featured-box:hover{

    transform:
    translateY(-8px);

    box-shadow:
    0 20px 45px rgba(0,0,0,.10);

}

/* =========================================
BOX CONTENT
========================================= */

.featured-box .box-content{

    padding:25px 10px;

    text-align:center;

}

/* =========================================
ICON STYLE
========================================= */

.icon-featured{

    width:78px;

    height:78px;

    border-radius:22px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin:auto;

    background:
    linear-gradient(
    135deg,
    rgba(239,68,68,.10),
    rgba(59,130,246,.10)
    );

    font-size:32px !important;

    transition:.4s ease;

}

/* =========================================
ICON HOVER
========================================= */

.featured-box:hover .icon-featured{

    transform:scale(1.08);

    border-radius:28px;

}

/* =========================================
TITLE SMALL
========================================= */

.featured-box span{

    font-size:12px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

    margin-top:18px;

    display:block;

}

/* =========================================
TITLE
========================================= */

.featured-box h2{

    font-size:16px !important;

    font-weight:500;

    line-height:1.5;

    margin-top:8px;

    color:#0f172a !important;

}

/* =========================================
GRID SPACE
========================================= */

.featured-boxes .col-md-2{

    margin-bottom:15px;

}

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

@media(max-width:568px){

    .featured-box .box-content{

        padding:18px 10px;

    }

    .icon-featured{

        width:65px;

        height:65px;

        font-size:26px !important;

    }

    .featured-box h2{

        font-size:15px !important;

    }

}