/* HERO SECTION STYLE NEW CSS CODE  */
.banner-section-three {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background: #000;
}

.Home_Sec_1 {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #000;
}


.Home_Sec_1 .swiper,
.Home_Sec_1 .swiper-wrapper,
.Home_Sec_1 .swiper-slide {
    height: 100%;
}

.Home_Sec_1 img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


.Home_Sec_1 video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.Home_Sec_1 .swiper-button-next,
.Home_Sec_1 .swiper-button-prev {
    color: #fff;
}

.Home_Sec_1 .swiper-button-next::after,
.Home_Sec_1 .swiper-button-prev::after {
    font-size: 20px !important;
}

@media (max-width: 768px) {
    .banner-section-three {
        height: 30vh;
        margin-top: 60px;
    }

    .Home_Sec_1 {
        height: 100%;
        position: relative;
    }

    .Home_Sec_1 video,
    .Home_Sec_1 img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}