/* =========================================
   AKI FEST GALLERY
========================================= */


/* =========================
   GALLERY SECTION
========================= */


.gallery {


    padding:80px 20px;


    text-align:center;


    overflow:hidden;


}







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


.gallery .section-title h2 {


    font-size:42px;


    color:#ff6fa9;


}



.gallery .section-title p {


    color:#666;


    font-size:18px;


    margin-bottom:45px;


}







/* =========================
   GALLERY GRID
========================= */


.gallery-grid {


    max-width:1200px;


    margin:auto;


    display:grid;


    grid-template-columns:repeat(4,1fr);


    gap:25px;


}







/* =========================
   GALLERY CARD
========================= */


.gallery-item {


    background:white;


    padding:10px;


    border-radius:35px;


    overflow:hidden;


    box-shadow:


    0 12px 30px rgba(255,140,190,.2);


    transition:.35s ease;


}







.gallery-item:hover {


    transform:translateY(-10px);


}







/* =========================
   GALLERY IMAGE
========================= */


.gallery-item img {


    width:100%;


    height:280px;


    object-fit:cover;


    border-radius:28px;


    display:block;


    opacity:1;


    visibility:visible;


}







.gallery-item:hover img {


    transform:scale(1.05);


}







/* =========================
   TABLET
========================= */


@media(max-width:1100px){


    .gallery-grid {


        grid-template-columns:repeat(3,1fr);


    }


}







/* =========================
   MOBILE
========================= */


@media(max-width:850px){


    .gallery {


        padding:60px 15px;


    }



    .gallery .section-title h2 {


        font-size:32px;


    }



    .gallery .section-title p {


        font-size:15px;


        margin-bottom:35px;


    }



    .gallery-grid {


        width:100%;


        grid-template-columns:repeat(2,1fr);


        gap:15px;


    }



    .gallery-item {


        width:100%;


        padding:8px;


        border-radius:25px;


    }



    .gallery-item img {


        height:220px;


        border-radius:20px;


    }



}







/* =========================
   SMALL PHONES
========================= */


@media(max-width:500px){


    .gallery-grid {


        grid-template-columns:1fr;


    }



    .gallery-item img {


        height:260px;


    }


}







@media(max-width:400px){


    .gallery-item img {


        height:220px;


    }


}