.elementor-12825 .elementor-element.elementor-element-484ce69{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12825 .elementor-element.elementor-element-89a96aa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-12825 .elementor-element.elementor-element-d2d98fa{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(max-width:767px){.elementor-12825 .elementor-element.elementor-element-d2d98fa{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for html, class: .elementor-element-d2d98fa *//* =========================================================
   ERGN MEMBERSHIP HERO
   FINAL MOBILE CENTER ALIGNMENT FIX
========================================================= */

@media (max-width: 767px) {

    /* -----------------------------------------
       CENTER THE INTRO / HEADING AREA
    ------------------------------------------ */

    .ergn-mh-content {
        width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }


    /* -----------------------------------------
       CENTER EYEBROW
    ------------------------------------------ */

    .ergn-mh-eyebrow {
        width: 100%;
        justify-content: center;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }


    /* -----------------------------------------
       CENTER TITLE WRAPPER
    ------------------------------------------ */

    .ergn-mh-title {
        width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;

        padding-left: 0;
        padding-right: 0;
        padding-bottom: 8px;

        text-align: center !important;

        overflow: visible !important;
    }


    /* -----------------------------------------
       CENTER BOTH TITLE LINES
       + KEEP THEM ON ONE LINE EACH
    ------------------------------------------ */

    .ergn-mh-title-white,
    .ergn-mh-title-gold {
        display: block;

        width: fit-content;
        max-width: 100%;

        margin-left: auto !important;
        margin-right: auto !important;

        white-space: nowrap;

        text-align: center;

        line-height: 1.2;

        overflow: visible !important;
    }


    .ergn-mh-title-white {
        font-size: clamp(30px, 8.4vw, 43px);
    }


    .ergn-mh-title-gold {
        margin-top: 2px;

        padding-bottom: .15em;

        font-size: clamp(29px, 8.1vw, 42px);

        line-height: 1.22;
    }


    /* -----------------------------------------
       CENTER DESCRIPTION
    ------------------------------------------ */

    .ergn-mh-description {
        width: 100%;
        max-width: 500px;

        margin-left: auto;
        margin-right: auto;

        padding-left: 14px;
        padding-right: 14px;

        text-align: center;
    }


    /* Keep the premium vertical accent */

    .ergn-mh-description::before {
        left: 0;
    }


    /* -----------------------------------------
       CENTER MEMBERSHIP OPTIONS
    ------------------------------------------ */

    .ergn-mh-types {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }


    .ergn-mh-type {
        justify-content: center;
        text-align: center;
    }


    /* -----------------------------------------
       CENTER BUTTON AREA
    ------------------------------------------ */

    .ergn-mh-actions {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }


    /* -----------------------------------------
       CENTER BOTTOM BRAND
    ------------------------------------------ */

    .ergn-mh-trust {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

}


/* =========================================================
   SMALL MOBILE — 480px AND BELOW
========================================================= */

@media (max-width: 480px) {

    .ergn-mh-title {
        text-align: center !important;
    }


    .ergn-mh-title-white {
        font-size: clamp(28px, 8.2vw, 35px);
        letter-spacing: -1px;
    }


    .ergn-mh-title-gold {
        font-size: clamp(27px, 7.9vw, 34px);
        letter-spacing: -1px;

        padding-bottom: .16em;
    }


    .ergn-mh-eyebrow {
        justify-content: center;
    }


    .ergn-mh-description {
        padding-left: 16px;
        padding-right: 16px;
    }

}


/* =========================================================
   VERY SMALL MOBILE — 360px AND BELOW
========================================================= */

@media (max-width: 360px) {

    .ergn-mh-title-white {
        font-size: 27px;
    }


    .ergn-mh-title-gold {
        font-size: 26px;

        padding-bottom: .17em;
    }

}/* End custom CSS */