/*=================================
      GALLERY PREMIUM
=================================*/


.gallery{

    padding:56px 0;

    background:#050914;

    overflow:hidden;

}



.gallery .section-title{

    text-align:center;

    margin-bottom:60px;

}



.gallery-subtitle{

    color:#00c6ff;

    letter-spacing:3px;

    font-weight:700;

    font-size:14px;

}



.gallery h2{

    color:white;

    font-size:45px;

    margin-top:15px;

}



.gallery h2 span{

    color:#00c6ff;

}



.gallery p{

    color:#b8c5d8;

    font-size:17px;

}



/* SLIDER */


.gallery-slider{

    overflow:hidden;

    width:100%;

}



.gallery-track{

    display:flex;

    gap:30px;

    width:max-content;

    animation:galleryMove 25s linear infinite;

}



.gallery-slider:hover .gallery-track{

    animation-play-state:paused;

}





.gallery-item{

    width:300px;

    height:220px;

    border-radius:25px;

    overflow:hidden;

    position:relative;

    border:1px solid rgba(0,198,255,.25);

    background:#111;

    transition:.5s;

}



.gallery-item::before{

    content:"";

    position:absolute;

    inset:0;

    background:

    linear-gradient(

        120deg,

        transparent,

        rgba(0,198,255,.5),

        transparent

    );

    transform:translateX(-100%);

    transition:.8s;

    z-index:2;

}



.gallery-item:hover::before{

    transform:translateX(100%);

}



.gallery-item img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.6s;

}



.gallery-item:hover img{

    transform:scale(1.15);

}



.gallery-item:hover{

    transform:

    translateY(-15px)

    rotateY(8deg);


    box-shadow:

    0 25px 60px rgba(0,140,255,.4);

}





@keyframes galleryMove{


from{

    transform:translateX(0);

}


to{

    transform:translateX(-50%);

}


}




@media(max-width:768px){


.gallery-item{

    width:240px;

    height:180px;

}


.gallery h2{

    font-size:34px;

}


}/*=============================
      LIGHTBOX PREMIUM
=============================*/


.lightbox{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.90);

    backdrop-filter:blur(15px);

    display:flex;

    align-items:center;

    justify-content:center;

    opacity:0;

    visibility:hidden;

    transition:.5s;

    z-index:99999;

}



.lightbox.active{

    opacity:1;

    visibility:visible;

}



.lightbox-img{

    max-width:85%;

    max-height:80%;

    border-radius:25px;

    box-shadow:

    0 0 60px rgba(0,198,255,.5);

    animation:zoomImage .5s ease;

}



@keyframes zoomImage{


from{

    transform:scale(.7);

    opacity:0;

}


to{

    transform:scale(1);

    opacity:1;

}


}



.lightbox button{

    position:absolute;

    border:none;

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

    color:white;

    font-size:35px;

    width:55px;

    height:55px;

    border-radius:50%;

    cursor:pointer;

    transition:.3s;

}



.lightbox button:hover{

    background:#0066ff;

    transform:scale(1.1);

}



.close{

    top:30px;

    right:40px;

}



.prev{

    left:40px;

}



.next{

    right:40px;

}



@media(max-width:768px){


.lightbox-img{

    max-width:95%;

}



.prev{

    left:15px;

}



.next{

    right:15px;

}



.close{

    right:15px;

}


}