/* =========================
   FORCE HERO CONTENT ABOVE EFFECTS
   ========================= */
/* .main-newsletter {
    min-height: 500px;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background-image: url("/img/newsevent/newsletter.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.main-newsletter::before {
    content: "";
    position: absolute;
    inset: -2px;
    background:
        radial-gradient(900px 520px at 18% 18%, rgba(13, 110, 253, .35), transparent 60%),
        radial-gradient(900px 520px at 78% 22%, rgba(255, 193, 7, .25), transparent 60%);
    mix-blend-mode: screen;
    opacity: .8;
    pointer-events: none;
    z-index: 0;
} */

.main-newsletter {
    margin-top: 80px;
    min-height: 500px;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background-image: url("/img/newsevent/newsletter.png");
    background-size: cover;
    background-position: 85% top;
    background-repeat: no-repeat;
}

@media (min-width: 992px) and (max-width: 1366px) {
    .main-newsletter {
        min-height: 420px !important;
        background-position: 82% top !important;
        background-size: cover !important;
    }
}

@media (max-width: 991.98px) {
    .main-newsletter {
        min-height: 420px !important;
        background-position: 85% top !important;
        background-size: cover !important;
    }
}

@media (max-width: 767.98px) {
    .main-newsletter {
        min-height: 360px !important;
        background-position: 88% top !important;
    }
}

@media (max-width: 575.98px) {
    .main-newsletter {
        min-height: 280px !important;
        background-position: 90% top !important;
    }
}

@media (max-width: 480px) {
    .main-newsletter {
        min-height: 240px !important;
        background-position: 92% top !important;
    }
}

@media (max-width: 420px) {
    .main-newsletter {
        min-height: 220px !important;
        background-position: 94% top !important;
    }

    .hero-text {
        padding: 16px 0;
    }

    .hero-text h1 {
        margin: 0;
        line-height: 1.15;
    }
}

@media (max-width: 390px) {
    .main-newsletter {
        min-height: 200px !important;
        background-position: 96% top !important;
    }
}

@media (max-width: 360px) {
    .main-newsletter {
        min-height: 180px !important;
        background-position: right top !important;
    }

    .hero-text {
        padding: 12px 0;
    }
}

.main-newsletter .container-fluid,
.main-newsletter .hero-text,
.main-newsletter .btn-live {
    position: relative;
    z-index: 2;
}