@font-face{
    font-family: 'Poppins-Regular';
    src: url(fonts/Poppins-Regular.ttf);
}

.section {
    background-image: linear-gradient(to top, #00296b 0%, #00296b 75%, #00296b 100%);
    min-height: 100vh;
    font-family: 'PowerGroteskTrial-Regular';
    font-size: 16px;
    padding: 60px 0;
}

.container.gallery-container {
    color: #00296b;
    min-height: 100vh;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.06);
}

.gallery-container h1 {
    text-align: left;
    margin-top: 70px;
    font-family: 'PowerGroteskTrial-Regular';
    color: white;
}
.tz-gallery {
    padding: 40px;
}

.tz-gallery .lightbox img {
    width: 100%;
    margin-bottom: 30px;
    transition: 0.2s ease-in-out;
    box-shadow: 0 2px 3px rgba(0,0,0,0.2);
}


.tz-gallery .lightbox img:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 15px rgba(0,0,0,0.3);
}

.baguetteBox-button {
    background-color: transparent !important;
}


@media(max-width: 768px) {
    .section {
        padding: 0;
    }
}