.gallery-section{
    padding:70px 0;
    background:#fff;
    overflow:hidden;
}

.gallery-section .container{
    width:min(1300px,92%);
    margin:auto;
}

.gallery-tag{
    display:block;
    text-align:center;
    color:#0093da;
    font-size:18px;
    margin-bottom:8px;
    font-weight:600;
}

.section-title h2{
    text-align:center;
    font-size:45px;
    color:#006FA3;
    font-weight:800;
    margin-bottom:10px;
    line-height: 1.2;
}

.gallery-slider{
    position:relative;
    margin-top:50px;
    height:520px;
}

.gallery-track{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:0;
    height:100%;
    transition: .5s ease;
}

.gallery-card{
    width:240px;
    height:330px;
    border-radius:24px;
    overflow:hidden;
    position:relative;
    transition: .5s ease;
    flex-shrink:0;
}

.gallery-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position: center;
    display:block;
    image-rendering: auto;
}

.gallery-card.active{

    width:420px;

    height:470px;

    z-index:10;

    transform:scale(1.08);

    margin:0 -25px;

    box-shadow:0 25px 60px rgba(0,0,0,.18);

}

.gallery-card.active::before{

    content:"";

    position:absolute;

    inset:15px;

    border:2px dashed rgba(255,255,255,.9);

    border-radius:22px;

    z-index:5;

}



.gallery-card:nth-child(1){

    transform:translateX(110px) scale(.82);

    opacity:.65;

    z-index:1;

}

.gallery-card:nth-child(2){

    transform:translateX(55px) scale(.90);

    opacity:.85;

    z-index:2;

}

.gallery-card:nth-child(4){

    transform:translateX(-55px) scale(.90);

    opacity:.85;

    z-index:2;

}

.gallery-card:nth-child(5){

    transform:translateX(-110px) scale(.82);

    opacity:.65;

    z-index:1;

}

.gallery-card:nth-child(6){

    display:none;

}

.gallery-btn{

    width:58px;

    height:58px;

    border:none;

    border-radius:50%;

    background:#005e95;

    color:#fff;

    font-size:26px;

    cursor:pointer;

    position:absolute;

    top:50%;

    transform:translateY(-50%);

    display:flex;

    justify-content:center;

    align-items:center;

    transition:.35s;

    z-index:20;

}

.gallery-btn:hover{

    background:#0093da;

    transform:translateY(-50%) scale(1.1);

}

.gallery-btn.prev{

    left:-30px;

}

.gallery-btn.next{

    right:-30px;

}


@media (max-width:480px){

    .gallery-section{
        padding:60px 0;
    }

    .gallery-section .container{
        width:100%;
        padding:0 16px;
    }

    .gallery-tag{
        font-size:15px;
        margin-bottom:6px;
    }

    .section-title h2{
        font-size:30px;
        margin-bottom:12px;
    }

    .section-title p{
        font-size:15px;
        line-height:1.7;
        padding:0 10px;
    }

    .gallery-slider{
        margin-top:40px;
        height:420px;
    }

    .gallery-track{
        justify-content:center;
    }

    /* Hide side cards */
    .gallery-card{
        display:none;
    }

    /* Show only active card */
    .gallery-card.active{
        display:block;
        width:100%;
        max-width:340px;
        height:380px;
        margin:0;
        transform:none;
        opacity:1;
        box-shadow:0 15px 35px rgba(0,0,0,.15);
    }

    .gallery-card.active img{
        width:100%;
        height:100%;
        object-fit:cover;
    }

    .gallery-card.active::before{
        inset:12px;
        border:2px dashed rgba(255,255,255,.9);
        border-radius:18px;
    }

    /* Navigation Buttons */

    .gallery-btn{
        width:42px;
        height:42px;
        font-size:20px;
    }

    .gallery-btn.prev{
        left:5px;
    }

    .gallery-btn.next{
        right:5px;
    }

}