/* ==========================================
   Firouze Design System
   Effects
========================================== */

.hvr-float-shadow{

    display:block;
    position:relative;

    transition:all .35s ease;

    box-shadow:none;

    border-radius:var(--radius-sm);

}

.hvr-float-shadow:hover{

    transform:none;

    box-shadow:
        0 8px 24px rgba(0,162,157,.18),
        0 0 10px rgba(0,162,157,.10);

}

.hvr-float-shadow:before{

    display:none;

}
@media (max-width:991px){

.hvr-float-shadow:hover{

    box-shadow:0 10px 12px -8px rgba(var(--color-primary-rgb),0.10);

}

}