/* =========================================================
   HEADER / NAVIGATION RESPONSIVE
========================================================= */

@media (max-width: 1399.98px) {

    .top-bar-inner,
    .asa-navbar__inner,
    .asa-mega__inner,
    .asa-mega__bottom-inner {
        padding-right: 24px;
        padding-left: 24px;
    }

    .asa-navbar__brand {
        margin-right: 24px;
    }

    .asa-navbar__menu {
        gap: 24px;
    }

    .asa-navbar__menu .asa-navbar__link {
        font-size: 16px;
    }

    .asa-navbar__actions {
        margin-left: 24px;
    }

    .asa-navbar__button {
        padding-right: 17px;
        padding-left: 17px;
        font-size: 12px;
    }

    .asa-mega__inner {
        gap: 26px;
    }

    .asa-mega__column-title {
        font-size: 15px;
    }

    .asa-mega__link {
        font-size: 14px;
    }
}


/* =========================================================
   TABLET / MOBILE NAVIGATION
========================================================= */

@media (max-width: 1199.98px) {

    body.asa-menu-open {
        overflow: hidden;
    }

    .asa-navigation {
        position: relative;
        z-index: 1000;
    }

    /* Top bar */

    .top-bar-inner {
        height: 40px;
        padding-right: 20px;
        padding-left: 20px;
    }

    .top-bar-right {
        gap: 12px;
    }

    .top-bar-ql {
        padding-right: 9px;
        padding-left: 9px;
        font-size: 13px;
    }

    .top-bar-search i {
        font-size: 18px;
    }

    /* Navbar */

    .asa-navbar {
        min-height: 66px;
        position: relative;
    }

    .asa-navbar__inner {
        height: 66px;
        min-height: 66px;
        padding-right: 20px;
        padding-left: 20px;

        position: relative;
    }

    .asa-navbar__brand {
        margin: 0;
    }

    .asa-navbar__brand svg,
    .asa-navbar__logo {
        width: auto;
        height: 36px;
    }

    .asa-navbar__toggler {
        display: inline-flex;
    }


    .asa-navbar__collapse {
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;

        width: 100%;
        max-height: calc(100vh - 106px);

        display: block;

        overflow-x: hidden;
        overflow-y: auto;

        background: #ffffff;

        border-top: 3px solid #009cdb;

        box-shadow: 0 18px 42px rgba(0, 26, 61, 0.22);
    }

    .asa-navbar__collapse:not(.show) {
        display: none;
    }

    .asa-navbar__collapse.collapsing {
        display: block;
        overflow: hidden;
    }

    .asa-navbar__menu {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 8px 0;

        display: block;

        background: #ffffff;
    }

    .asa-navbar__item,
    .asa-navbar__item--mega,
    .asa-navbar__item--dropdown {
        width: 100%;
        height: auto;

        display: block;

        position: relative;

        border-bottom: 1px solid rgba(0, 26, 61, 0.08);
    }

    .asa-navbar__menu .asa-navbar__link,
    .asa-navbar__item--mega>.asa-navbar__link,
    .asa-navbar__item--dropdown>.asa-navbar__link {
        width: 100%;
        height: auto;
        min-height: 52px;
        margin: 0;
        padding: 14px 20px;

        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;

        color: #001a3d;
        background: #ffffff;

        font-size: 14px;
        font-weight: 600;
        line-height: 1.4;

        text-align: left;
    }

    .asa-navbar__menu .asa-navbar__link:hover,
    .asa-navbar__menu .asa-navbar__link:focus,
    .asa-navbar__item--mega.is-open>.asa-navbar__link,
    .asa-navbar__item--dropdown.is-open>.asa-navbar__link {
        color: #0553a8;
        background: #f4f7fa;
    }

    .asa-navbar__mega-toggle i,
    .asa-navbar__dropdown-toggle i {
        flex-shrink: 0;

        color: #009cdb;

        font-size: 11px;
    }

    .asa-navbar__item--mega.is-open>.asa-navbar__mega-toggle i,
    .asa-navbar__item--dropdown.is-open>.asa-navbar__dropdown-toggle i {
        transform: rotate(180deg);
    }

    /* =====================================================
       MOBILE MEGA MENU
    ====================================================== */

    .asa-mega {
        position: static;

        width: 100%;
        margin: 0;
        padding: 0;

        display: none;

        background: #f4f7fa;

        border: 0;
        box-shadow: none;

        opacity: 1;
        visibility: visible;
        pointer-events: auto;

        transform: none;

        transition: none;
    }

    .asa-navbar__item--mega.is-open>.asa-mega {
        display: block;

        opacity: 1;
        visibility: visible;
        pointer-events: auto;

        transform: none;
    }

    .asa-mega__inner {
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;

        display: block;

        background: #f4f7fa;
    }

    .asa-mega__column {
        width: 100%;
        padding: 0;

        display: block;

        border-bottom: 1px solid rgba(0, 26, 61, 0.07);
    }

    .asa-mega__column:last-child {
        border-bottom: 0;
    }

    .asa-mega__column-title {
        width: 100%;
        min-height: 0;
        margin: 0;
        padding: 14px 28px;

        display: flex;
        align-items: center;
        gap: 12px;

        color: #082d5c;

        border-bottom: 0;

        font-size: 14px;
        font-weight: 600;
    }

    .asa-mega__column-title i {
        margin: 0;

        color: #009cdb;

        font-size: 19px;
    }

    .asa-mega__link {
        width: 100%;
        margin: 0;
        padding: 9px 28px 9px 59px;

        display: block;

        color: #667b95;

        font-size: 13px;
        line-height: 1.45;
    }

    .asa-mega__link+.asa-mega__link {
        padding-top: 9px;
    }

    .asa-mega__link:hover,
    .asa-mega__link:focus {
        color: #0553a8;
        background: rgba(255, 255, 255, 0.7);

        transform: none;
    }

    .asa-mega__bottom {
        display: none;
    }

    /* =====================================================
       MOBILE STANDARD DROPDOWN
    ====================================================== */

    .asa-dropdown {
        position: static;

        width: 100%;
        min-width: 0;
        margin: 0;
        padding: 0 0 8px;

        display: none !important;

        background: #f4f7fa;

        border: 0;
        border-radius: 0;

        box-shadow: none;

        opacity: 1;
        visibility: visible;
        pointer-events: auto;

        transform: none !important;

        transition: none;
    }

    .asa-navbar__item--dropdown.is-open>.asa-dropdown {
        display: block !important;

        opacity: 1;
        visibility: visible;
        pointer-events: auto;

        transform: none !important;
    }

    .asa-navbar__menu .asa-dropdown__link {
        width: 100%;
        margin: 0;
        padding: 11px 30px;

        display: flex;
        align-items: center;
        gap: 10px;

        color: #425873;
        background: transparent;

        font-size: 13px;
        font-weight: 500;
    }

    .asa-navbar__menu .asa-dropdown__link:hover,
    .asa-navbar__menu .asa-dropdown__link:focus {
        color: #0553a8;
        background: rgba(255, 255, 255, 0.7);
    }

    /* CTA */

    .asa-navbar__actions {
        width: 100%;
        margin: 0;
        padding: 18px 20px 22px;

        display: block;

        background: #ffffff;
    }

    .asa-navbar__button {
        width: 100%;
        min-height: 44px;
        padding: 13px 18px;

        display: flex;
        align-items: center;
        justify-content: center;

        color: #ffffff;
        background: #0553a8;

        border-color: #0553a8;

        text-align: center;
    }

    .asa-navbar__button:hover,
    .asa-navbar__button:focus {
        color: #ffffff;
        background: #012a5e;
        border-color: #012a5e;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767.98px) {

    .top-bar-inner {
        height: 36px;
        padding-right: 16px;
        padding-left: 16px;
    }

    .top-bar-right {
        width: 100%;
        justify-content: flex-end;
        gap: 8px;
    }

    .top-bar-quicklinks {
        min-width: 0;
    }

    .top-bar-ql {
        padding-right: 7px;
        padding-left: 7px;

        font-size: 11px;
        letter-spacing: 0.2px;
    }

    .lang-div {
        height: 11px;
    }

    .top-bar-search {
        flex-shrink: 0;
    }

    .top-bar-search i {
        font-size: 17px;
    }

    .asa-navbar,
    .asa-navbar__inner {
        min-height: 62px;
        height: 62px;
    }

    .asa-navbar__inner {
        padding-right: 16px;
        padding-left: 16px;
    }

    .asa-navbar__brand svg,
    .asa-navbar__logo {
        height: 31px;
    }

    .asa-navbar__toggler {
        width: 42px;
        height: 38px;
    }

    .asa-navbar__collapse {
        max-height: calc(100vh - 98px);
    }

    .asa-navbar__menu .asa-navbar__link,
    .asa-navbar__item--mega>.asa-navbar__link,
    .asa-navbar__item--dropdown>.asa-navbar__link {
        min-height: 50px;
        padding-right: 16px;
        padding-left: 16px;
    }

    .asa-mega__column-title {
        padding-right: 22px;
        padding-left: 22px;
    }

    .asa-mega__link {
        padding-right: 22px;
        padding-left: 52px;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 575.98px) {

    .top-bar-inner {
        padding-right: 12px;
        padding-left: 12px;
    }

    .top-bar-right {
        justify-content: space-between;
    }

    .top-bar-quicklinks {
        flex: 1;
        min-width: 0;
    }

    .top-bar-ql {
        overflow: hidden;

        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .top-bar-ql:first-child {
        max-width: 155px;
    }

    .top-bar-ql:nth-of-type(2) {
        max-width: 125px;
    }

    .top-bar-search {
        flex-shrink: 0;
    }

    .asa-navbar__inner {
        padding-right: 14px;
        padding-left: 14px;
    }

    .asa-navbar__brand svg,
    .asa-navbar__logo {
        max-width: 205px;
        height: 29px;
    }
}

/* =========================================================
   MOBILE NAVIGATION OVERLAY FIX
========================================================= */

@media (max-width: 1199.98px) {

    body.asa-menu-open {
        overflow: hidden;
    }

    .asa-navbar__collapse {
        position: fixed !important;

        top: 106px !important;
        right: 0 !important;
        bottom: 0;
        left: 0 !important;

        width: 100%;
        height: auto;
        max-height: none;

        overflow-x: hidden;
        overflow-y: auto;

        background: #ffffff;

        border-top: 3px solid #009cdb;
        box-shadow: 0 18px 42px rgba(0, 26, 61, 0.22);

        transform: none !important;

        z-index: 99999;
    }

    .asa-navbar__collapse:not(.show):not(.collapsing) {
        display: none !important;
    }

    .asa-navbar__collapse.show {
        display: block !important;
    }

    .asa-navbar__collapse.collapsing {
        display: block !important;
        height: auto !important;

        transition: none !important;
    }
}

@media (max-width: 767.98px) {

    .asa-navbar__collapse {
        top: 98px !important;
    }
}

@media (max-width: 991.98px) {
    .asa-products {
        padding: 72px 0;
    }

    .asa-products__title {
        font-size: 40px;
    }

    .asa-products__grid {
        gap: 22px;
    }

    .asa-product-card {
        padding: 30px 26px;
    }
}

@media (max-width: 767.98px) {
    .asa-products {
        padding: 60px 0;
    }

    .asa-products__header {
        align-items: flex-start;
        gap: 24px;
    }

    .asa-products__title {
        font-size: 36px;
    }

    .asa-products__grid {
        grid-template-columns: 1fr;
    }

    .asa-product-card__title {
        font-size: 28px;
    }

    .asa-product-card__description {
        font-size: 17px;
    }
}

@media (max-width: 575.98px) {
    .asa-products {
        padding: 48px 0;
    }

    .asa-products__header {
        flex-direction: column;
        margin-bottom: 28px;
    }

    .asa-products__eyebrow {
        font-size: 12px;
        letter-spacing: 2.4px;
    }

    .asa-products__title {
        font-size: 32px;
    }

    .asa-products__all {
        margin-bottom: 0;
        font-size: 16px;
    }

    .asa-product-card {
        padding: 28px 24px;
    }

    .asa-product-card__icon {
        width: 46px;
        height: 46px;
        margin-bottom: 20px;
        font-size: 20px;
    }

    .asa-product-card__title {
        font-size: 26px;
    }

    .asa-product-card__description {
        margin-bottom: 24px;
        font-size: 16px;
    }

    .asa-product-card__link {
        font-size: 16px;
    }
}

@media (max-width: 991.98px) {
    .asa-promo__inner {
        padding-top: 42px;
        padding-bottom: 42px;
        gap: 32px;
    }

    .asa-promo__title {
        font-size: 46px;
    }

    .asa-promo__description {
        font-size: 18px;
    }
}

@media (max-width: 767.98px) {
    .asa-promo__inner {
        flex-direction: column;
        align-items: flex-start;
        padding-top: 38px;
        padding-bottom: 38px;
    }

    .asa-promo__content {
        max-width: 100%;
    }

    .asa-promo__title {
        font-size: 40px;
    }

    .asa-promo__button {
        width: 100%;
        max-width: 280px;
    }
}

@media (max-width: 575.98px) {
    .asa-promo__inner {
        padding-top: 32px;
        padding-bottom: 32px;
        gap: 26px;
    }

    .asa-promo__title {
        font-size: 34px;
    }

    .asa-promo__description {
        font-size: 16px;
        line-height: 1.7;
    }

    .asa-promo__button {
        width: 100%;
        max-width: none;
        padding: 14px 24px;
        font-size: 14px;
    }
}

@media (max-width: 1199.98px) {
    .asa-banner {
        min-height: 300px;
        padding: 36px 38px;
    }

    .asa-banner__title {
        font-size: 35px;
    }
}

@media (max-width: 991.98px) {
    .asa-banners {
        padding: 56px 0;
    }

    .asa-banners__grid {
        gap: 20px;
    }

    .asa-banner {
        min-height: 320px;
        padding: 32px;
    }

    .asa-banner__title {
        font-size: 32px;
    }

    .asa-banner__description {
        font-size: 17px;
    }

    .asa-banner__overlay--dark {
        background: linear-gradient(to right,
                rgba(13, 31, 31, 0.97) 0%,
                rgba(13, 31, 31, 0.88) 55%,
                rgba(13, 31, 31, 0.42) 100%);
    }

    .asa-banner__overlay--blue {
        background: linear-gradient(to right,
                rgba(0, 45, 130, 0.98) 0%,
                rgba(0, 45, 130, 0.9) 55%,
                rgba(0, 45, 130, 0.4) 100%);
    }
}

@media (max-width: 767.98px) {
    .asa-banners {
        padding: 48px 0;
    }

    .asa-banners__grid {
        grid-template-columns: 1fr;
    }

    .asa-banner {
        min-height: 300px;
        padding: 34px 30px;
    }

    .asa-banner__content {
        max-width: 560px;
    }

    .asa-banner__title {
        font-size: 34px;
    }
}

@media (max-width: 575.98px) {
    .asa-banners {
        padding: 40px 0;
    }

    .asa-banners__grid {
        gap: 16px;
    }

    .asa-banner {
        min-height: 340px;
        padding: 28px 24px;
        border-radius: 10px;
    }

    .asa-banner__eyebrow {
        margin-bottom: 12px;
        font-size: 12px;
        letter-spacing: 2px;
    }

    .asa-banner__eyebrow::before {
        width: 16px;
    }

    .asa-banner__title {
        margin-bottom: 12px;
        font-size: 30px;
    }

    .asa-banner__description {
        margin-bottom: 24px;
        font-size: 16px;
        line-height: 1.6;
    }

    .asa-banner__button {
        width: 100%;
        padding: 14px 20px;
        font-size: 13px;
    }

    .asa-banner__overlay--dark {
        background: linear-gradient(to top,
                rgba(13, 31, 31, 0.98) 0%,
                rgba(13, 31, 31, 0.9) 55%,
                rgba(13, 31, 31, 0.35) 100%);
    }

    .asa-banner__overlay--blue {
        background: linear-gradient(to top,
                rgba(0, 45, 130, 0.98) 0%,
                rgba(0, 45, 130, 0.9) 55%,
                rgba(0, 45, 130, 0.35) 100%);
    }
}

@media (max-width: 1399.98px) {
    .asa-footer__top {
        grid-template-columns:
            minmax(240px, 2fr) repeat(4, minmax(130px, 1fr));
        gap: 40px 30px;
    }

    .asa-footer__column--group {
        grid-column: 1 / -1;
        min-width: 0;
    }

    .asa-footer__links--group {
        grid-template-rows: repeat(5, auto);
        grid-auto-columns: minmax(150px, max-content);
        justify-content: start;
        gap: 0 40px;
    }
}

@media (max-width: 1199.98px) {
    .asa-footer__top {
        grid-template-columns:
            minmax(240px, 1.5fr) repeat(2, minmax(160px, 1fr));
    }

    .asa-footer__brand {
        grid-row: span 2;
    }

    .asa-footer__column--group {
        grid-column: 1 / -1;
    }
}

@media (max-width: 991.98px) {
    .asa-footer__inner {
        padding-top: 54px;
    }

    .asa-footer__top {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
        gap: 38px 32px;
    }

    .asa-footer__brand {
        grid-column: 1 / -1;
        grid-row: auto;
    }

    .asa-footer__column--group {
        grid-column: 1 / -1;
    }

    .asa-footer__links--group {
        grid-template-rows: repeat(5, auto);
        grid-auto-columns: minmax(140px, 1fr);
        justify-content: stretch;
    }

    .asa-footer__bottom {
        align-items: flex-start;
        flex-direction: column;
        gap: 16px;
    }
}

@media (max-width: 767.98px) {
    .asa-footer__inner {
        padding-top: 48px;
        padding-bottom: 28px;
    }

    .asa-footer__top {
        grid-template-columns: 1fr;
        gap: 0;

        padding-bottom: 36px;
    }

    .asa-footer__brand {
        grid-column: auto;

        margin-bottom: 36px;
        padding-bottom: 32px;

        border-bottom:
            1px solid rgba(232, 240, 240, 0.14);
    }

    .asa-footer__column,
    .asa-footer__column--group {
        grid-column: auto;

        min-width: 0;
        margin-bottom: 30px;
    }

    .asa-footer__column:last-child {
        margin-bottom: 0;
    }

    .asa-footer__links--group {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }

    .asa-footer__links--group .asa-footer__link {
        white-space: normal;
    }

    .asa-footer__legal {
        gap: 12px 20px;
    }
}

@media (max-width: 575.98px) {
    .asa-footer__inner {
        padding-top: 42px;
        padding-right: 20px;
        padding-left: 20px;
    }

    .asa-footer__logo svg {
        height: 28px;
    }

    .asa-footer__tagline {
        font-size: 17px;
    }

    .asa-footer__contact,
    .asa-footer__link {
        font-size: 16px;
    }

    .asa-footer__column-title {
        font-size: 16px;
    }

    .asa-footer__copyright,
    .asa-footer__legal-link {
        font-size: 14px;
    }

    .asa-footer__legal {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }
}



/* =========================================================
   RESPONSIVE - LARGE
========================================================= */

@media (max-width: 1199.98px) {

    .asa-news__grid {
        grid-template-columns:
            minmax(0, 1.2fr) minmax(300px, 0.8fr);
    }

    .asa-news .asa-news-card--featured .asa-news-card__title {
        font-size: 34px;
    }

    .asa-news .asa-news-card--compact .asa-news-card__title {
        font-size: 23px;
    }

    .asa-news .asa-news-card__date,
    .asa-news .asa-news-card__link {
        font-size: 16px;
    }
}


/* =========================================================
   RESPONSIVE - TABLET
========================================================= */

@media (max-width: 991.98px) {

    .asa-news__grid {
        grid-template-columns: 1fr;
    }

    .asa-news .asa-news-card--featured {
        height: 500px;
        min-height: 500px;
    }

    .asa-news__side {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
        grid-template-rows: none;
    }

    .asa-news .asa-news-card--compact {
        height: 320px;
    }

    .asa-news .asa-news-card--compact .asa-news-card__content {
        padding: 24px;
    }
}


/* =========================================================
   RESPONSIVE - MOBILE
========================================================= */

@media (max-width: 767.98px) {

    .asa-news {
        padding: 42px 0;
    }

    .asa-news__side {
        grid-template-columns: 1fr;
    }

    .asa-news .asa-news-card--featured {
        height: 460px;
        min-height: 460px;
    }

    .asa-news .asa-news-card--compact {
        height: 340px;
    }

    .asa-news .asa-news-card--featured .asa-news-card__title {
        font-size: 31px;
    }

    .asa-news .asa-news-card--compact .asa-news-card__title {
        font-size: 25px;
    }
}


/* =========================================================
   RESPONSIVE - SMALL MOBILE
========================================================= */

@media (max-width: 575.98px) {

    .asa-news {
        padding: 38px 0;
    }

    .asa-news__header {
        align-items: flex-start;
        flex-direction: column;
        gap: 18px;

        margin-bottom: 22px;
    }

    .asa-news__title {
        font-size: 38px;
    }

    .asa-news__all {
        margin-bottom: 0;

        font-size: 16px;
    }

    .asa-news .asa-news-card--featured {
        height: 480px;
        min-height: 480px;
    }

    .asa-news .asa-news-card--compact {
        height: 360px;
    }

    .asa-news .asa-news-card--featured .asa-news-card__content,
    .asa-news .asa-news-card--compact .asa-news-card__content {
        padding: 22px;
    }

    .asa-news .asa-news-card--featured .asa-news-card__title {
        font-size: 28px;
    }

    .asa-news .asa-news-card--compact .asa-news-card__title {
        font-size: 24px;
    }

    .asa-news .asa-news-card__description {
        font-size: 16px;
    }

    .asa-news .asa-news-card__meta {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .asa-news .asa-news-card__date,
    .asa-news .asa-news-card__link {
        font-size: 15px;
    }
}

/* =========================================================
   HERO RESPONSIVE
========================================================= */

@media (max-width: 1599.98px) {
    .asa-hero {
        height: 760px;
    }

    .asa-hero__content-inner {
        max-width: 1320px;
        padding-right: 60px;
        padding-left: 60px;
    }

    .asa-hero__text {
        max-width: 560px;
        padding-right: 70px;
    }

    .asa-hero__title {
        font-size: 58px;
    }

    .asa-hero__arrow--previous {
        left: 40px;
    }

    .asa-hero__arrow--next {
        right: 40px;
    }
}

@media (max-width: 1399.98px) {
    .asa-hero {
        height: 720px;
    }

    .asa-hero__content-inner {
        max-width: 1140px;
        padding-right: 40px;
        padding-left: 40px;
    }

    .asa-hero__text {
        max-width: 530px;
        padding-right: 30px;
    }

    .asa-hero__title {
        font-size: 54px;
    }

    .asa-hero__description {
        font-size: 18px;
        line-height: 1.7;
    }

    .asa-hero__arrow--previous {
        left: 24px;
    }

    .asa-hero__arrow--next {
        right: 24px;
    }
}

@media (max-width: 1199.98px) {
    .asa-hero {
        height: 680px;
        min-height: 620px;
    }

    .asa-hero__content-inner {
        max-width: 960px;
        padding-right: 32px;
        padding-left: 32px;
    }

    .asa-hero__text {
        max-width: 500px;
        padding-right: 20px;
    }

    .asa-hero__title {
        font-size: 48px;
    }

    .asa-hero__description {
        margin-bottom: 30px;
        font-size: 17px;
    }

    .asa-hero__actions {
        margin-bottom: 40px;
    }

    .asa-hero__primary-action,
    .asa-hero__secondary-action {
        padding: 14px 28px;
    }
}

@media (max-width: 991.98px) {
    .asa-hero {
        height: 650px;
        min-height: 650px;
    }

    .asa-hero__image {
        object-position: center center;
    }

    .asa-hero__overlay {
        background:
            linear-gradient(to right,
                rgba(0, 26, 61, 0.25) 0%,
                rgba(0, 26, 61, 0.58) 45%,
                rgba(0, 26, 61, 0.88) 100%);
    }

    .asa-hero__content-inner {
        max-width: 720px;
        padding-right: 32px;
        padding-left: 32px;
    }

    .asa-hero__text {
        max-width: 470px;
        padding-right: 0;
    }

    .asa-hero__title {
        font-size: 44px;
    }

    .asa-hero__eyebrow {
        margin-bottom: 16px;
        font-size: 13px;
        letter-spacing: 2.5px;
    }

    .asa-hero__description {
        font-size: 17px;
        line-height: 1.65;
    }

    .asa-hero__arrow {
        width: 40px;
        height: 40px;
    }

    .asa-hero__arrow--previous {
        left: 16px;
    }

    .asa-hero__arrow--next {
        right: 16px;
    }
}

@media (max-width: 767.98px) {
    .asa-hero {
        height: auto;
        min-height: 680px;
    }

    .asa-hero__image {
        object-position: center center;
    }

    .asa-hero__overlay {
        background:
            linear-gradient(to bottom,
                rgba(0, 26, 61, 0.18) 0%,
                rgba(0, 26, 61, 0.55) 40%,
                rgba(0, 26, 61, 0.94) 100%);
    }

    .asa-hero__content {
        align-items: flex-end;
    }

    .asa-hero__content-inner {
        max-width: 540px;
        padding: 100px 24px 90px;
        justify-content: flex-start;
    }

    .asa-hero__text {
        max-width: 100%;
        padding: 0;
    }

    .asa-hero__eyebrow {
        margin-bottom: 14px;
        font-size: 12px;
        letter-spacing: 2px;
    }

    .asa-hero__eyebrow::before {
        width: 22px;
    }

    .asa-hero__title {
        margin-bottom: 18px;
        font-size: 40px;
        line-height: 1.08;
    }

    .asa-hero__description {
        margin-bottom: 28px;
        font-size: 16px;
        line-height: 1.6;
    }

    .asa-hero__actions {
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    .asa-hero__primary-action,
    .asa-hero__secondary-action {
        padding: 14px 24px;
        font-size: 14px;
    }

    .asa-hero__arrow {
        top: auto;
        bottom: 24px;

        width: 38px;
        height: 38px;

        transform: none;
    }

    .asa-hero__arrow--previous {
        left: 24px;
    }

    .asa-hero__arrow--next {
        right: 24px;
    }

    .asa-hero__indicators {
        bottom: 41px;
    }
}

@media (max-width: 575.98px) {
    .asa-hero {
        min-height: 650px;
    }

    .asa-hero__content-inner {
        padding: 90px 20px 88px;
    }

    .asa-hero__title {
        font-size: 36px;
    }

    .asa-hero__description {
        font-size: 15px;
    }

    .asa-hero__actions {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
        gap: 10px;
    }

    .asa-hero__primary-action,
    .asa-hero__secondary-action {
        width: 100%;
        min-height: 50px;
        padding: 13px 18px;
    }

    .asa-hero__primary-action {
        justify-content: center;
    }

    .asa-hero__secondary-action {
        justify-content: center;
        text-align: center;
    }

    .asa-hero__arrow {
        width: 36px;
        height: 36px;
        font-size: 15px;
    }

    .asa-hero__arrow--previous {
        left: 20px;
    }

    .asa-hero__arrow--next {
        right: 20px;
    }

    .asa-hero__indicators {
        bottom: 39px;
    }

    .asa-hero__indicator {
        width: 18px;
    }

    .asa-hero__indicator.is-active {
        width: 30px;
    }
}

@media (max-width: 399.98px) {
    .asa-hero {
        min-height: 630px;
    }

    .asa-hero__title {
        font-size: 32px;
    }

    .asa-hero__description {
        line-height: 1.55;
    }

    .asa-hero__primary-action,
    .asa-hero__secondary-action {
        font-size: 13px;
        letter-spacing: 0.7px;
    }
}

/* =========================================================
   ARTICLE RESPONSIVE
========================================================= */

@media (max-width: 1199.98px) {
    .asa-article-layout {
        grid-template-columns: minmax(0, 1fr) 300px;
        gap: 44px;
    }

    .asa-article-head__title {
        font-size: 48px;
    }

    .asa-article-hero__image {
        height: 440px;
    }

    .asa-article-sidebar__box,
    .asa-article-sidebar__cta {
        padding: 26px 22px;
    }

    .asa-article-sidebar__post-title {
        font-size: 18px;
    }

    .asa-article-sidebar__cta-title {
        font-size: 25px;
    }
}


@media (max-width: 991.98px) {
    .asa-article-layout {
        grid-template-columns: 1fr;
        gap: 48px;
    }

    .asa-article-body,
    .asa-article-sidebar {
        min-width: 0;
        width: 100%;
    }

    .asa-article-sidebar {
        position: static;
        top: auto;

        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 24px;
    }

    .asa-article-head__title {
        font-size: 44px;
    }

    .asa-article-head__share {
        margin-left: 0;
    }

    .asa-article-hero__image {
        height: 400px;
    }
}


@media (max-width: 767.98px) {
    .asa-article-head {
        padding: 42px 0 30px;
    }

    .asa-article-head__inner,
    .asa-article-hero,
    .asa-article-layout {
        width: calc(100% - 32px);
    }

    .asa-article-head__title {
        font-size: 38px;
    }

    .asa-article-head__meta {
        gap: 16px 20px;
    }

    .asa-article-head__share {
        width: 100%;
    }

    .asa-article-hero__image {
        height: 340px;
    }

    .asa-article-layout {
        gap: 40px;
        padding-top: 42px;
        padding-bottom: 56px;
    }

    .asa-article-sidebar {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .asa-article-body {
        font-size: 18px;
    }

    .asa-article-body__lead {
        font-size: 21px;
    }

    .asa-article-body__content h2 {
        font-size: 29px;
    }

    .asa-article-body__content h3 {
        font-size: 25px;
    }

    .asa-article-body__content blockquote {
        padding: 24px;
        font-size: 21px;
    }
}


@media (max-width: 575.98px) {
    .asa-article-head__title {
        font-size: 33px;
    }

    .asa-article-head__category {
        font-size: 12px;
        letter-spacing: 2px;
    }

    .asa-article-head__meta-item {
        font-size: 15px;
    }

    .asa-article-head__share>span {
        display: none;
    }

    .asa-article-head__share-button {
        width: 38px;
        height: 38px;
    }

    .asa-article-hero__image {
        height: 270px;
        border-radius: 6px;
    }

    .asa-article-hero__caption {
        font-size: 13px;
    }

    .asa-article-body {
        font-size: 17px;
    }

    .asa-article-body__lead {
        font-size: 20px;
    }

    .asa-article-body__content h2 {
        font-size: 27px;
    }

    .asa-article-body__content h3 {
        font-size: 23px;
    }

    .asa-article-body__content blockquote {
        margin: 28px 0;
        padding: 20px;

        font-size: 19px;
    }

    .asa-article-sidebar__box,
    .asa-article-sidebar__cta {
        width: 100%;
        min-width: 0;
        padding: 24px 20px;
    }

    .asa-article-sidebar__post-title {
        font-size: 18px;
    }

    .asa-article-sidebar__cta-title {
        font-size: 24px;
    }

    .asa-article-sidebar__cta-description {
        font-size: 16px;
    }

    .asa-article-sidebar__cta-button {
        width: 100%;
    }
}