.bg-overlay {
    background-image: url("img/bg5.jpg");
    z-index: -2;
}
.bg-overlay::before,
.carousel-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.bg-overlay::before {
    background-color: rgb(255, 255, 255, 0.8);
}
/* .carousel-item::before {
    background-color: rgb(0, 0, 0, 0.5);
} */
#home {
    padding-top: 58px;
}
.home-border {
    aspect-ratio: 1920 / 200;
}
.home-border::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: 1920 / 200;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: url(img/border.png) no-repeat center;
    background-size: cover;
    z-index: 5;
    pointer-events: none;
}
.home-border::after {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: 1920 / 200;
    background-color: #f8f9fa;
    position: absolute;
    right: 0;
    top: 0;
    clip-path: polygon(
        0 30%,
        73% 80%,
        100% 23%,
        100% 70%,
        100% 100%,
        0 100%,
        0 70%,
        0 100%
    );
}
.gallery-image {
    -webkit-transition: all 4s ease-in-out;
    -o-transition: all 4s ease-in-out;
    transition: all 4s ease-in-out;
    -ms-transition: all 4s ease-in-out;
}
a.gallery:hover > .gallery-image {
    width: 120% !important;
    height: 120% !important;
}
@media (max-width: 767px) {
    .home-pad-on-sm {
        padding-left: 1.5rem !important;
        padding-right: 0.5rem !important;
    }
}
@media (max-width: 575px) {
    .home-pad-on-mobile {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
}