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

.gallery-preview-section{

    padding:100px 0;

    background:#f8f9fc;

}

.gallery-preview-wrapper{

    display:grid;

    grid-template-columns:1fr 1fr;

    align-items:center;

    gap:70px;

}

/* =========================================
   LEFT CONTENT
========================================= */

.gallery-tag{

    display:inline-block;

    background:#fff4d6;

    color:#ffb400;

    padding:10px 22px;

    border-radius:50px;

    font-size:14px;

    font-weight:700;

    margin-bottom:20px;

}

.gallery-preview-content h2{

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

    font-size:48px;

    font-weight:700;

    line-height:1.15;

    color:#002147;

    margin-bottom:25px;

}

.gallery-preview-content p{

    font-size:17px;

    line-height:1.8;

    color:#666;

    margin-bottom:35px;

}

/* =========================================
   BUTTON
========================================= */

.gallery-btn{

    display:inline-flex;

    align-items:center;

    gap:12px;

    background:#ffb400;

    color:#002147;

    padding:18px 38px;

    border-radius:12px;

    text-decoration:none;

    font-size:16px;

    font-weight:700;

    border:2px solid #ffb400;

    transition:.35s;

    box-shadow:0 10px 25px rgba(255,180,0,.25);

}

.gallery-btn:hover{

    background:#002147;

    color:#ffffff;

    border-color:#002147;

    transform:translateY(-4px);

    box-shadow:0 18px 35px rgba(0,33,71,.20);

}

.gallery-btn i{

    transition:.35s;

}

.gallery-btn:hover i{

    transform:translateX(5px);

}

/* =========================================
   IMAGE SLIDER
========================================= */

.gallery-slider{

    position:relative;

    height:500px;

    border:3px solid rgba(255,180,0,.15);

    border-radius:20px;

    overflow:hidden;

    box-shadow:0 20px 50px rgba(0,33,71,.12);

}

.gallery-slide{

    position:absolute;

    inset:0;

    opacity:0;

    visibility:hidden;

    transition:.8s ease;

}

.gallery-slide.active{

    opacity:1;

    visibility:visible;

}

.gallery-slide img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:transform .6s ease;

}

.gallery-slider:hover img{

    transform:scale(1.05);

}