/* ==========================================
   Feature Strip
========================================== */


.spyx-feature-strip .spyx-container{
    margin:0 auto;
    padding:0 20px;
        height: auto;

}

.spyx-feature-strip .feature-strip-card{
    background:#0d0d0d91;
    border:1px solid rgba(255,255,255,.08);
    border-radius:14px;
    box-shadow:0 10px 30px rgba(0,0,0,.35);
    padding:14px 0;
    
    overflow:hidden;
    width:100%;
}

.spyx-feature-strip .feature-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
}

.spyx-feature-strip .feature-item{
    position:relative;
    display:grid;
    grid-template-columns:52px 1fr;
    align-items:center;
    column-gap:18px;
    padding:18px 34px;
    transition:all .25s ease;
}

.spyx-feature-strip .feature-item:not(:last-child)::after{
    content:"";
    position:absolute;
    right:0;
    top:12px;
    bottom:12px;
    width:1px;
    background:rgba(255,255,255,.08);
}

.spyx-feature-strip .feature-item:hover{
    background:rgba(255,255,255,.03);
}

.spyx-feature-strip .feature-item img{
    width:52px;
    height:52px;
    object-fit:contain;
    justify-self:center;
    transition:transform .25s ease;
}

.spyx-feature-strip .feature-item:hover img{
    transform:scale(1.08);
}

.spyx-feature-strip .feature-item span{
    font-family:'Oswald',sans-serif;
    font-size:16px;
    font-weight:500;
    line-height:1.4;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:.3px;
}
.feature-swipe-hint{
    display:none;
}
/* ==========================================
   Tablet & Mobile Slider
   Only affects Feature Strip
========================================== */

@media (max-width:1024px){

    .spyx-feature-strip{
        margin-bottom:45px;
    }
    .feature-swipe-hint{
        display:flex;
        justify-content:center;
        align-items:center;
        padding:14px 12px 16px;
    }

    .feature-swipe-hint span{
        font-family:'Inter',sans-serif;
        font-size:13px;
        font-weight:500;
        color:rgba(255,255,255,.65);
        letter-spacing:.5px;
        user-select:none;
    }
    .spyx-feature-strip .spyx-container{
        max-width:100%;
        padding:0 16px;
    }

    .spyx-feature-strip .feature-strip-card{
        padding:0;
                padding-left: 10px;
border:0;
        overflow:hidden;
        border-radius:14px;
    }

    .spyx-feature-strip .feature-grid{

        display:flex;
        gap:16px;

        overflow-x:auto;
        overflow-y:hidden;

        scroll-snap-type:x mandatory;
        -webkit-overflow-scrolling:touch;

        padding:18px;

        scrollbar-width:none;

    }

    .spyx-feature-strip .feature-grid::-webkit-scrollbar{
        display:none;
    }

    .spyx-feature-strip .feature-item{

       flex:0 0 calc(50% - 8px);
min-width:calc(50% - 8px);

        display:flex;
        flex-direction:column;

        justify-content:center;
        align-items:center;

        text-align:center;

        gap:14px;

        padding:24px 18px;

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

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

        border-radius:12px;

        scroll-snap-align:start;

    }

    .spyx-feature-strip .feature-item::after{
        display:none;
    }

    .spyx-feature-strip .feature-item img{

        width:48px;
        height:48px;

        object-fit:contain;

    }

    .spyx-feature-strip .feature-item span{

        font-family:'Oswald',sans-serif;

        font-size:15px;

        font-weight:500;

        line-height:1.4;

        color:#fff;

        text-transform:uppercase;

    }

}

/* ==========================================
   Small Phones
========================================== */

@media (max-width:599px){


    .spyx-feature-strip .spyx-container{

        padding:0 12px;

    }

    .spyx-feature-strip .feature-grid{

        gap:12px;

        padding:12px;

    }

  .spyx-feature-strip .feature-item{

    flex:0 0 calc(50% - 6px);

    padding:22px 16px;

}

    .spyx-feature-strip .feature-item img{

        width:42px;
        height:42px;

    }

    .spyx-feature-strip .feature-item span{

        font-size:14px;

    }

}