section.banner .owl-stage {

    display: flex;

}



section.banner .banner__text {

    padding-right: 60px;

}



section.banner .banner__carousel1 {

    position: relative;

}



section.banner .banner__carousel1 .owl-dots {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

}



section.banner span.h1 {

    font-family: "InterBold";

    font-size: 60px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    margin-bottom: 30px;
    display: block;

}



.owl-theme .owl-dots .owl-dot.active span {

    background: #D7B447;

}



.owl-theme .owl-dots .owl-dot span {

    background: white;

}





@media (max-width: 1399px) {

    section.banner .banner__content {

        margin: auto;

        padding: 0;

    }



    section.banner .banner__text {

        padding-right: 0;

        position: absolute;

        z-index: 3;

    }



    section.banner .content span.h1, section.banner .content p {

        color: white;

    }



    section.banner .content {

        position: absolute;

        z-index: 3;

        width: 100%;

        padding: 0 172px;

        height: 100%;

        display: flex;

    }



    section.banner .carousel-indicators {

        gap: 10px;

        z-index: 3;

        position: unset;

    }



    section.banner .carousel-indicators [data-bs-target] {

        border-radius: 50%;

        height: 10px;

        width: 100%;

        max-width: 10px;

        opacity: unset;

        background: white;

        border-top: 0;

        border-bottom: 0;

        margin: 0;

    }



    section.banner .carousel-indicators .active {

        background: #D7B447;

    }



    section.banner .carousel-overlay {

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        background: rgba(0, 0, 0, 0.5); /* semi-transparent black */

        z-index: 2;

        pointer-events: none; /* makes sure overlay doesn't block interaction */

    }



    section.banner .carousel-item img {

        height: 600px;

        object-fit: cover;

    }



}



@media (max-width: 1199px) {

    section.banner span.h1 {

        font-size: 50px;

    }



    section.banner .content {

        padding: 70px 30px;

    }

}



@media (max-width: 767px) {

    section.banner span.h1 {

        font-size: 40px;

    }



    section.banner .content {

        padding: 50px 20px;

    }

}



@media (max-width: 575px) {

    section.banner .carousel-item img {

        height: 800px;

    }

}



@media (max-width: 490px) {

    section.banner .carousel-item img {

        height: 900px;

    }

}