.main-banner {
    width: 100%;
    overflow: hidden;
}

.main-banner .owl-banner .item {
    height: 750px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}

    .main-banner .owl-banner .item::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.4);
        z-index: 2;
    }

    .main-banner .owl-banner .item .header-text {
        position: relative;
        z-index: 3;
        text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
    }

        .main-banner .owl-banner .item .header-text h2 {
            color: #ffffff;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            line-height: 1.2;
        }

@media (max-width: 767px) {
    .main-banner .item h2 {
        font-size: 32px;
        line-height: 1.3;
    }
}