.hero_banner_sec__inner {
    position: relative;
    overflow: hidden;
}

.hero_banner_sec__inner .content_wrapper {
    min-height: 860px;
    padding-top: 80px;
    padding-bottom: 80px;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.hero_banner_sec__inner .content_wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: radial-gradient(79.06% 73.37% at 50% 26.63%, rgba(2, 10, 26, 0) 0%, rgba(2, 10, 26, 0.6) 100%);
    width: 100%;
    height: 100%;
    z-index: 1;
}

.hero_banner_sec__inner .content_wrapper__inner {
    position: relative;
    z-index: 4;
    max-width: 1073px;
}

.hero_banner_sec__inner .content_wrapper__inner .tagline {
    color: var(--heidner_primary_cream);
    margin-bottom: 12px;
}

.hero_banner_sec__inner .content_wrapper__inner .heading {
    color: var(--heidner_primary_cream);
    margin-bottom: 24px;
}

.hero_banner_sec__inner .content_wrapper__inner .btn_list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.hero_banner_sec__inner .image_sec_wrapper {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.hero_banner_sec__inner .image_sec_wrapper__inner,
.hero_banner_sec__inner .img_wrapper,
.hero_banner_sec__inner .video_type,
.hero_banner_sec__inner .video_type__inner,
.hero_banner_sec__inner .embeded_video,
.hero_banner_sec__inner .mp4_video {
    width: 100%;
    height: 100%;
}

.hero_banner_sec__inner .image,
.hero_banner_sec__inner iframe,
.hero_banner_sec__inner video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

@media (max-width: 1359px) {
    .hero_banner_sec__inner .content_wrapper {
        min-height: 816px;
    }
}

@media (max-width: 991px) {
    .hero_banner_sec__inner .content_wrapper {
        min-height: 716px;
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

@media (max-width: 767px) {
    .hero_banner_sec__inner .content_wrapper {
        min-height: 616px;
        padding-top: 32px;
        padding-bottom: 32px;
    }
}

@media (max-width: 575px) {

    .hero_banner_sec__inner .content_wrapper {
        min-height: 516px;
    }
}