/* Homepage video banner: keep the footage visible while preserving text readability. */
.ub_hbanner_wrap {
    height: 700px;
    min-height: 0;
    padding: 0;
    background-image: none !important;
}

.bann_caption {
    position: relative;
    width: 67%;
    margin: 0 auto;
    padding: 38px 20px !important;
    background: rgb(107 137 0 / 40%);
}

.ub_hbanner_wrap::after,
.ub_binner::before {
    display: none;
}

.ub_hbanner_wrap::after {
    background: radial-gradient(
        ellipse at center,
        rgba(0, 0, 0, 0.20) 0%,
        rgba(0, 0, 0, 0.10) 34%,
        rgba(0, 0, 0, 0.02) 62%,
        rgba(0, 0, 0, 0) 78%
    );
}

.ub_hbanner_wrap .cnt h1,
.ub_hbanner_wrap .cnt h2,
.ub_hbanner_wrap .cnt h6,
.ub_hbanner_wrap .cnt p {
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.62);
}

@media (max-width: 1480px) {
    .ub_hbanner_wrap {
        height: 560px;
        padding: 0;
    }
}

@media (max-width: 991px) {
    .ub_hbanner_wrap {
        height: 500px;
    }
}

@media (max-width: 767px) {
    .ub_hbanner_wrap {
        display: flex;
        flex-direction: column;
        height: auto;
        overflow: visible;
        background-color: #6b8900;
    }

    .ub_banner_video {
        position: relative;
        inset: auto;
        order: 1;
        display: block;
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
        object-fit: cover;
    }

    .ub_hbanner_wrap .ub_binner {
        order: 2;
        display: block;
        width: 100%;
        padding: 0;
    }

    .bann_caption {
        width: 100%;
        padding: 32px 20px !important;
        background: rgb(107 137 0 / 100%);
    }

    .bann_caption .btn_wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 12px;
    }

    .bann_caption a.cmn_btn,
    .bann_caption a.cmn_btn.second {
        margin-top: 0;
        padding: 0 18px;
        font-size: 16px;
        line-height: 56px;
        white-space: nowrap;
    }
}

@media (max-width: 480px) {
    .ub_hbanner_wrap {
        height: auto;
    }
}