/* ========================================
   DYNAPERF PAGE
======================================== */

.dynaperf-content{

    overflow:hidden;

}

/* HERO */

.dynaperf-hero{

    text-align:center;

    margin-bottom:5rem;

}

.dynaperf-hero span{

    color:#009dff;

    letter-spacing:4px;

    font-size:.8rem;

    opacity:.7;

}

.dynaperf-hero h2{

    margin:
    1rem 0;

}

.dynaperf-hero p{

    opacity:.65;

}

/* SECTION */

.dynaperf-section{

    display:grid;

    grid-template-columns:
    1fr 1fr;

    gap:3rem;

    align-items:center;

    margin-bottom:6rem;
    
    overflow:hidden;

}

/* REVERSE */

.dynaperf-section.reverse .text-block{

    order:2;

}

.dynaperf-section.reverse .image-slider{

    order:1;

}

/* MOBILE */

@media(max-width:900px){

    .dynaperf-section{

        grid-template-columns:1fr;

    }

}

@media(max-width:768px){

    .image-slider img{

        height:240px;

    }

}

/* TEXT */

.text-block h3{

    font-size:1.8rem;

    line-height:1.3;

    margin-bottom:1.5rem;

}

.text-block p{

    line-height:2;

    opacity:.75;

}

/* SLIDER */

.image-slider{

    display:flex;

    gap:1rem;

    overflow-x:auto;

    scroll-snap-type:x mandatory;

    scrollbar-width:none;

}

.image-slider::-webkit-scrollbar{

    display:none;

}

/* IMAGE */

.image-slider img{

    flex:0 0 100%;

    width:100%;

    width:100%;

    height:320px;

    object-fit:cover;

    border-radius:28px;

    scroll-snap-align:center;

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

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

}

/* FINAL */

.dynaperf-final{

    text-align:center;

    padding-top:3rem;

}

.dynaperf-final h3{

    color:#009dff;

    letter-spacing:6px;

    margin-bottom:1rem;

}

.dynaperf-final p{

    opacity:.65;

}

.image-slider{

    width:100%;

    overflow:hidden;

}