.carousel-container {
    position: relative !important;
    overflow: hidden;
    margin-right: calc(-1 * (100vw - 100%));
    padding-right: calc(100vw - 100%);
}

.owl-gallery {
    overflow: visible !important;
}

.owl-gallery .owl-stage-outer {
    overflow: inherit !important;
    padding-left: 0 !important;
}

.owl-gallery .owl-stage {
    margin-left: 0 !important;
}

.owl-gallery .owl-item {
    max-height: 450px;
    overflow: hidden;
    position: relative;
    transition: var(--transition);
}

.owl-gallery .owl-item::before {
    content: "";
    background-color: var(--blue);
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: var(--transition);
}

.owl-gallery .owl-item::after {
    content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Calque_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 645.97 745.85"><defs><style>.cls-1{fill:%23ffffff;}</style></defs><g id="Calque_1-2"><path class="cls-1" d="M606.26,181.34H164.17V0h442.09v181.34ZM181.34,164.17h407.75V17.17H181.34v147.01Z"/><path class="cls-1" d="M181.34,581.68H0V164.17h181.34v417.51ZM17.17,564.51h147.01V181.34H17.17v383.17Z"/><path class="cls-1" d="M606.26,745.85H164.17v-181.34h442.09v181.34ZM181.34,728.69h407.75v-147.01H181.34v147.01Z"/><path class="cls-1" d="M645.97,463.6H246.8v-181.34h399.17v181.34ZM263.97,446.43h364.83v-147.01h-364.83v147.01Z"/></g></svg>');
    position: absolute;
    top: calc(50% - 165px);
    left: calc(50% - 160px);
    right: 0;
    bottom: 0;
    height: 100%;
    width: 40%;
    opacity: 0;
    transition: var(--transition);
}

.owl-gallery .owl-item:hover::before {
    opacity: 0.2;
    transition: var(--transition);
}

.owl-gallery .owl-item:hover::after {
    opacity: 0.5;
    transition: var(--transition);
}

.owl-gallery .owl-item img {
    object-fit: cover;
    height: 100%;
}

.carousel-container .gallery-custom-nav {
    position: absolute;
    right: 10%;
    bottom: 60px;
    z-index: 1;
    background-color: var(--brown);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.carousel-container .gallery-custom-nav .customNextBtn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.owl-gallery .owl-dots {
    display: flex;
}

.owl-gallery .owl-dots button {
    margin: 0 !important;
}

.owl-gallery .owl-dots button span {
    width: 7px !important;
    height: 7px !important;
    background-color: #DCE4E9 !important;
}

.owl-gallery .owl-dots button.active span {
    background-color: var(--brown) !important;
}

.full-screen-gallery {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgb(0 0 0 / 40%);
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: var(--transition);
}

.full-screen-gallery.open {
    opacity: 1;
    pointer-events: inherit;
    transition: var(--transition);
}

.full-screen-gallery .closeCross {
    position: fixed;
    top: 55px;
    right: 60px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.full-screen-gallery .closeCross span {
    width: 100%;
    position: absolute;
    height: 1px;
    background-color: var(--white);
    transform: rotate(45deg);
}

.full-screen-gallery .closeCross span:last-child {
    transform: rotate(-45deg);
}

.full-screen-gallery .full-screen-owl-gallery {
    width: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 500px;
}

.full-screen-gallery .full-screen-owl-gallery .owl-stage-outer {
    height: 500px;
}

.full-screen-gallery .full-screen-owl-gallery .owl-stage-outer .owl-stage, .full-screen-gallery .full-screen-owl-gallery .owl-stage-outer .owl-stage .owl-item {
    height: 100%;
}

.full-screen-gallery .full-screen-owl-gallery .owl-stage-outer .owl-stage .owl-item img {
    object-fit: cover;
    height: 100%;
}

.full-screen-gallery .full-screen-gallery-custom-nav .customPrevBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--brown);
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: absolute;
    top: 45%;
    z-index: 1;
    left: 20%;
    transform: rotate(180deg);
}

.full-screen-gallery .full-screen-gallery-custom-nav .customNextBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--brown);
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: absolute;
    top: 45%;
    z-index: 1;
    right: 20%;
}

@media (max-width:1200px) {
    .full-screen-gallery .full-screen-owl-gallery {
        width: 70%;
    }

    .full-screen-gallery .full-screen-gallery-custom-nav .customPrevBtn {
        left: 10%;
    }

    .full-screen-gallery .full-screen-gallery-custom-nav .customNextBtn {
        right: 10%;
    }
}

@media (max-width:991px) {
    .full-screen-gallery .full-screen-owl-gallery {
        width: 80%;
    }

    .full-screen-gallery .full-screen-gallery-custom-nav .customPrevBtn {
        left: 5%;
    }

    .full-screen-gallery .full-screen-gallery-custom-nav .customNextBtn {
        right: 5%;
    }
}

@media (max-width:767px) {
    .full-screen-gallery .full-screen-owl-gallery {
        width: 95%;
    }

    .full-screen-gallery .full-screen-gallery-custom-nav .customPrevBtn {
        display: none;
    }

    .full-screen-gallery .full-screen-gallery-custom-nav .customNextBtn {
        display: none;
    }
}


/* Block Homepage */
.hp-gallery {
    padding-bottom: 250px !important;
    margin-bottom: 250px !important;
    z-index: 2;
}

@media (max-width:1200px) {
    .hp-gallery {
        margin-bottom: 200px !important;
    }
}

@media (max-width: 991px) {
    .hp-gallery {
        padding-bottom: 170px !important;
        margin-bottom: 220px !important;
    }
}

@media (max-width: 767px) {
    .hp-gallery {
        padding-bottom: 130px !important;
        margin-bottom: 170px !important;
    }
}

@media (max-width: 575px) {
    .hp-gallery {
        padding-bottom: 100px !important;
        margin-bottom: 140px !important;
    }
}

@media (max-width:400px) {
    .hp-gallery {
        padding-bottom: 80px !important;
        margin-bottom: 120px !important;
    }
}

.hp-gallery .row-container-carousel {
    position: relative;
}

.hp-gallery .column-container-carousel {
    position: absolute !important;
    top: calc(100% + 20px) !important;
}