@font-face {
    font-family: "artprojects";
    src: url("../fonts/artprojects.eot");
    src: url("../fonts/artprojects.eot?kjnab4#iefix") format("embedded-opentype"),
        url("../fonts/artprojects.woff2?kjnab4") format("woff2"),
        url("../fonts/artprojects.woff?kjnab4") format("woff"),
        url("../fonts/artprojects.ttf?kjnab4") format("truetype"),
        url("../fonts/artprojects.svg?kjnab4#artprojects") format("svg");
    font-style: normal;
    font-weight: 400;
}

.icon,
.swiper-button-prev,
.swiper-button-next {
    display: inline-block;
    font-family: "artprojects" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    vertical-align: -.125em;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.swiper-button-prev svg,
.swiper-button-next svg {
    display: none;
}

@supports (height:100dvh) {
    :root {
        --unit-80vh: 80dvh;
    }
}

:root {
    --unit-80vh: 80vh;
    --swiper-theme-color: #000000;
    --swiper-navigation-size: 16px;
    --nav-offset: 14px;
}

@media screen and (min-width: 768px) {
    :root {
        --swiper-navigation-size: 32px;
        --nav-offset: 2.5rem
    }
}

.gallery-section {
    height: var(--unit-80vh);
    position: relative;
}

.gallery-section .section-title {
    line-height: 0.75;
    padding-bottom: 1rem;
}

.gallery-section .swiper-container {
    width: 100%;
    background-color: var(--white);
    border-top: 1px solid var(--black);
    border-bottom: 1px solid var(--black);
    padding: 3rem 5rem;
    margin-bottom: 5rem;
    height: 100%;
    position: relative;
}

.gallery-section .swiper,
.gallery-section .swiper-slide {
    height: 100%;
}

.gallery-section .swiper-slide .swiper-image {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-height: 90%;
}

.gallery-section .swiper-slide .swiper-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.swiper-button-prev {
    left: var(--nav-offset) !important;
    text-align: center;
}

.swiper-button-next {
    right: var(--nav-offset) !important;
    text-align: center;
}

.swiper-button-prev::after,
.swiper-button-next::after {
    font-family: "artprojects";
    font-size: var(--swiper-navigation-size);
    display: inline-block;
}

.swiper-button-next::after {
    content: "\ea01";
}

.swiper-button-prev::after {
    content: "\ea02";
}

.swiper-button-lock {
    /*display: none !important;*/
    opacity: 1 !important;
}

.section-advisory-projects {
    margin-bottom: 9rem !important;
}