/* ============================================================
   ASMC
   PHASE 8C
   EXHIBITOR REGISTRATION
============================================================ */


/* ============================================================
   PAGE
============================================================ */

.exhibitor-registration-page {
    background:
        #F6F2F9;
}


.reg8c-page {
    width:
        100%;

    overflow-x:
        hidden;
}


.reg8c-container {
    width:
        min(
            1160px,
            calc(100% - 3rem)
        );

    margin-inline:
        auto;
}



/* ============================================================
   REGISTRATION SECTION
============================================================ */

.reg8c-registration {
    padding:
        clamp(
            3rem,
            5vw,
            5rem
        )
        0
        clamp(
            5rem,
            8vw,
            8rem
        );

    background:
        linear-gradient(
            180deg,
            #FBF9FC 0%,
            #F6F2F9 100%
        );
}



/* ============================================================
   DARK PURPLE INTRO PANEL
============================================================ */

.reg8c-registration-intro {
    position:
        relative;

    display:
        grid;

    grid-template-columns:
        minmax(0, 1.2fr)
        minmax(300px, 0.8fr);

    gap:
        clamp(
            4rem,
            8vw,
            8rem
        );

    align-items:
        end;

    margin-bottom:
        clamp(
            4rem,
            6vw,
            6rem
        );

    padding:
        clamp(
            2.5rem,
            4vw,
            4rem
        );

    overflow:
        hidden;

    border-radius:
        clamp(
            28px,
            3vw,
            42px
        );

    background:
        linear-gradient(
            145deg,
            #211627 0%,
            #341840 55%,
            #4A205F 100%
        );

    box-shadow:
        0 25px 65px
        rgba(
            33,
            22,
            39,
            0.12
        );
}


.reg8c-registration-intro::after {
    content:
        "";

    position:
        absolute;

    width:
        340px;

    height:
        340px;

    right:
        -170px;

    top:
        -190px;

    border:
        1px solid
        rgba(
            247,
            148,
            29,
            0.16
        );

    border-radius:
        50%;

    pointer-events:
        none;
}


.reg8c-registration-intro-main,
.reg8c-registration-intro-side {
    position:
        relative;

    z-index:
        2;
}



/* ============================================================
   BACK LINK
============================================================ */

.reg8c-back {
    display:
        inline-flex;

    margin-bottom:
        2rem;

    font-family:
        var(--font-body, "Inter", sans-serif);

    font-size:
        0.78rem;

    text-decoration:
        none;

    color:
        rgba(
            255,
            255,
            255,
            0.58
        );

    transition:
        color
        180ms
        ease;
}


.reg8c-back:hover {
    color:
        #FFFFFF;
}



/* ============================================================
   KICKERS
============================================================ */

.reg8c-kicker,
.reg8c-section-kicker {
    margin:
        0
        0
        0.85rem;

    font-family:
        var(--font-display, "Poppins", sans-serif);

    font-size:
        0.72rem;

    font-weight:
        600;

    letter-spacing:
        0.1em;

    text-transform:
        uppercase;

    color:
        #F7941D;
}



/* ============================================================
   INTRO TITLE
============================================================ */

.reg8c-registration-intro h1 {
    max-width:
        720px;

    margin:
        0;

    font-family:
        var(--font-display, "Poppins", sans-serif);

    font-size:
        clamp(
            4rem,
            6.8vw,
            7rem
        );

    font-weight:
        700;

    line-height:
        0.9;

    letter-spacing:
        -0.06em;

    color:
        #FFFFFF;
}


.reg8c-registration-intro h1 span {
    display:
        block;

    color:
        #CFAFE8;
}



/* ============================================================
   INTRO RIGHT
============================================================ */

.reg8c-registration-intro-side > p {
    max-width:
        430px;

    margin:
        0
        0
        2rem;

    font-family:
        var(--font-body, "Inter", sans-serif);

    font-size:
        0.94rem;

    line-height:
        1.7;

    color:
        rgba(
            255,
            255,
            255,
            0.68
        );
}



/* ============================================================
   EVENT DETAILS
============================================================ */

.reg8c-event-details {
    border-top:
        1px solid
        rgba(
            255,
            255,
            255,
            0.17
        );
}


.reg8c-event-details > div {
    display:
        flex;

    flex-direction:
        column;

    gap:
        0.3rem;

    padding:
        0.95rem
        0;

    border-bottom:
        1px solid
        rgba(
            255,
            255,
            255,
            0.17
        );
}


.reg8c-event-details span {
    font-family:
        var(--font-display, "Poppins", sans-serif);

    font-size:
        0.66rem;

    font-weight:
        600;

    letter-spacing:
        0.08em;

    text-transform:
        uppercase;

    color:
        #F7941D;
}


.reg8c-event-details strong {
    font-family:
        var(--font-display, "Poppins", sans-serif);

    font-size:
        0.9rem;

    font-weight:
        600;

    color:
        #FFFFFF;
}


.reg8c-event-details small {
    font-family:
        var(--font-body, "Inter", sans-serif);

    color:
        rgba(
            255,
            255,
            255,
            0.52
        );
}



/* ============================================================
   WORKSPACE
============================================================ */

.reg8c-workspace {
    display:
        grid;

    grid-template-columns:
        minmax(300px, 0.76fr)
        minmax(0, 1.24fr);

    gap:
        clamp(
            2.5rem,
            5vw,
            5rem
        );

    align-items:
        start;
}



/* ============================================================
   SIDEBAR
============================================================ */

.reg8c-sidebar {
    display:
        flex;

    flex-direction:
        column;

    gap:
        1.5rem;
}



/* ============================================================
   PACKAGE CARD
============================================================ */

.reg8c-package-card {
    padding:
        clamp(
            1.6rem,
            2.5vw,
            2.2rem
        );

    border-radius:
        28px;

    background:
        linear-gradient(
            145deg,
            #211627 0%,
            #351A42 58%,
            #49205E 100%
        );

    box-shadow:
        0 22px 52px
        rgba(
            33,
            22,
            39,
            0.12
        );

    color:
        #FFFFFF;
}


.reg8c-package-card-header {
    display:
        flex;

    align-items:
        flex-start;

    justify-content:
        space-between;

    gap:
        1rem;

    margin-bottom:
        2rem;
}


.reg8c-package-card-header p {
    margin:
        0
        0
        0.25rem;

    font-family:
        var(--font-body, "Inter", sans-serif);

    font-size:
        0.68rem;

    color:
        rgba(
            255,
            255,
            255,
            0.55
        );
}


.reg8c-package-card-header h2 {
    margin:
        0;

    font-family:
        var(--font-display, "Poppins", sans-serif);

    font-size:
        1.3rem;

    font-weight:
        600;

    color:
        #FFFFFF;
}


.reg8c-package-badge {
    padding:
        0.45rem
        0.65rem;

    border:
        1px solid
        rgba(
            247,
            148,
            29,
            0.4
        );

    border-radius:
        999px;

    font-family:
        var(--font-display, "Poppins", sans-serif);

    font-size:
        0.59rem;

    font-weight:
        600;

    letter-spacing:
        0.07em;

    color:
        #F7941D;
}



/* ============================================================
   PACKAGE PRICE
============================================================ */

.reg8c-package-price {
    margin-bottom:
        2rem;
}


.reg8c-package-price strong {
    font-family:
        var(--font-display, "Poppins", sans-serif);

    font-size:
        clamp(
            2.2rem,
            3vw,
            3.1rem
        );

    font-weight:
        700;

    line-height:
        1;

    letter-spacing:
        -0.045em;

    color:
        #F7941D;
}



/* ============================================================
   PACKAGE FEATURES
============================================================ */

.reg8c-package-features {
    border-top:
        1px solid
        rgba(
            255,
            255,
            255,
            0.14
        );
}


.reg8c-package-features > div {
    display:
        grid;

    grid-template-columns:
        32px
        minmax(0, 1fr);

    gap:
        0.75rem;

    align-items:
        center;

    padding:
        0.9rem
        0;

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


.reg8c-package-features span {
    font-family:
        var(--font-display, "Poppins", sans-serif);

    font-size:
        0.64rem;

    color:
        #F7941D;
}


.reg8c-package-features p {
    margin:
        0;

    font-family:
        var(--font-body, "Inter", sans-serif);

    font-size:
        0.78rem;

    line-height:
        1.45;

    color:
        rgba(
            255,
            255,
            255,
            0.76
        );
}



/* ============================================================
   PACKAGE DEADLINE
============================================================ */

.reg8c-package-deadline {
    display:
        flex;

    flex-direction:
        column;

    gap:
        0.35rem;

    margin-top:
        1.5rem;

    padding-top:
        1.3rem;

    border-top:
        1px solid
        rgba(
            247,
            148,
            29,
            0.24
        );
}


.reg8c-package-deadline span {
    font-family:
        var(--font-body, "Inter", sans-serif);

    font-size:
        0.66rem;

    color:
        rgba(
            255,
            255,
            255,
            0.5
        );
}


.reg8c-package-deadline strong {
    font-family:
        var(--font-display, "Poppins", sans-serif);

    font-size:
        0.88rem;

    font-weight:
        600;

    color:
        #FFFFFF;
}



/* ============================================================
   PAYMENT CARD
============================================================ */

.reg8c-payment-card {
    padding:
        1.6rem;

    border:
        1px solid
        rgba(
            102,
            46,
            147,
            0.13
        );

    border-radius:
        24px;

    background:
        rgba(
            255,
            255,
            255,
            0.7
        );
}


.reg8c-payment-heading {
    margin-bottom:
        1.3rem;
}


.reg8c-payment-heading h3 {
    max-width:
        300px;

    margin:
        0;

    font-family:
        var(--font-display, "Poppins", sans-serif);

    font-size:
        1.25rem;

    font-weight:
        600;

    line-height:
        1.2;

    color:
        #211627;
}


.reg8c-payment-list > div {
    display:
        grid;

    grid-template-columns:
        95px
        minmax(0, 1fr);

    gap:
        0.8rem;

    padding:
        0.7rem
        0;

    border-bottom:
        1px solid
        rgba(
            33,
            22,
            39,
            0.1
        );
}


.reg8c-payment-list span {
    font-family:
        var(--font-body, "Inter", sans-serif);

    font-size:
        0.67rem;

    color:
        rgba(
            58,
            45,
            64,
            0.62
        );
}


.reg8c-payment-list strong {
    font-family:
        var(--font-display, "Poppins", sans-serif);

    font-size:
        0.7rem;

    font-weight:
        600;

    line-height:
        1.5;

    color:
        #211627;
}



/* ============================================================
   FORM CARD
============================================================ */

.reg8c-form-card {
    padding:
        clamp(
            2rem,
            3.5vw,
            3.5rem
        );

    border:
        1px solid
        rgba(
            102,
            46,
            147,
            0.12
        );

    border-radius:
        32px;

    background:
        #FFFFFF;

    box-shadow:
        0 22px 54px
        rgba(
            33,
            22,
            39,
            0.06
        );
}


.reg8c-form-heading {
    margin-bottom:
        3rem;
}


.reg8c-form-heading h2 {
    margin:
        0
        0
        1rem;

    font-family:
        var(--font-display, "Poppins", sans-serif);

    font-size:
        clamp(
            2.7rem,
            4vw,
            4.15rem
        );

    font-weight:
        700;

    line-height:
        0.96;

    letter-spacing:
        -0.05em;

    color:
        #211627;
}


.reg8c-form-heading h2 span {
    display:
        block;

    color:
        #662E93;
}


.reg8c-form-lead {
    max-width:
        520px;

    margin:
        0;

    font-family:
        var(--font-body, "Inter", sans-serif);

    font-size:
        0.9rem;

    line-height:
        1.65;

    color:
        #3A2D40;
}



/* ============================================================
   FORM
============================================================ */

.reg8c-form-section {
    margin:
        0
        0
        3rem;

    padding:
        0;

    border:
        0;
}


.reg8c-form-section legend {
    width:
        100%;

    margin-bottom:
        1.5rem;

    padding-bottom:
        0.8rem;

    border-bottom:
        1px solid
        rgba(
            33,
            22,
            39,
            0.13
        );

    font-family:
        var(--font-display, "Poppins", sans-serif);

    font-size:
        0.9rem;

    font-weight:
        600;

    color:
        #211627;
}


.reg8c-fields {
    display:
        grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );

    gap:
        1.8rem
        1.6rem;
}


.reg8c-field-full {
    grid-column:
        1 / -1;
}


.reg8c-field label {
    display:
        flex;

    justify-content:
        space-between;

    gap:
        1rem;

    margin-bottom:
        0.5rem;

    font-family:
        var(--font-display, "Poppins", sans-serif);

    font-size:
        0.72rem;

    font-weight:
        600;

    color:
        #211627;
}


.reg8c-field label span {
    font-family:
        var(--font-body, "Inter", sans-serif);

    font-weight:
        400;

    color:
        rgba(
            58,
            45,
            64,
            0.52
        );
}


.reg8c-field input {
    width:
        100%;

    height:
        48px;

    box-sizing:
        border-box;

    padding:
        0
        0.1rem;

    border:
        0;

    border-bottom:
        1px solid
        rgba(
            33,
            22,
            39,
            0.22
        );

    border-radius:
        0;

    outline:
        none;

    background:
        transparent;

    font-family:
        var(--font-body, "Inter", sans-serif);

    font-size:
        0.96rem;

    color:
        #211627;

    transition:
        border-color
        180ms
        ease;
}


.reg8c-field input:focus {
    border-color:
        #662E93;
}


.reg8c-field input::placeholder {
    color:
        rgba(
            58,
            45,
            64,
            0.4
        );
}



/* ============================================================
   SUBMIT
============================================================ */

.reg8c-submit-area {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        2rem;
}


.reg8c-submit-area p {
    max-width:
        280px;

    margin:
        0;

    font-family:
        var(--font-body, "Inter", sans-serif);

    font-size:
        0.7rem;

    line-height:
        1.5;

    color:
        rgba(
            58,
            45,
            64,
            0.6
        );
}


.reg8c-submit {
    min-height:
        52px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        1rem;

    padding:
        0.85rem
        1.3rem;

    border:
        0;

    border-radius:
        999px;

    background:
        #662E93;

    cursor:
        pointer;

    font-family:
        var(--font-display, "Poppins", sans-serif);

    font-size:
        0.82rem;

    font-weight:
        600;

    color:
        #FFFFFF;

    transition:
        transform
        180ms
        ease,
        background-color
        180ms
        ease;
}


.reg8c-submit:hover {
    transform:
        translateY(-2px);

    background:
        #92278F;
}



/* ============================================================
   EXHIBITION OPPORTUNITIES
============================================================ */

.reg8c-opportunities {
    padding:
        clamp(
            4.5rem,
            7vw,
            6.5rem
        )
        0;

    background:
        linear-gradient(
            135deg,
            #54256A 0%,
            #662E93 55%,
            #7A328C 100%
        );

    color:
        #FFFFFF;
}



/* ============================================================
   OPPORTUNITIES HEADING
============================================================ */

.reg8c-opportunities-heading {
    display:
        grid;

    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(300px, 0.85fr);

    gap:
        clamp(
            3rem,
            7vw,
            7rem
        );

    align-items:
        end;

    margin-bottom:
        clamp(
            2.5rem,
            4vw,
            3.5rem
        );
}


.reg8c-opportunities-kicker {
    margin:
        0
        0
        0.8rem;

    font-family:
        var(--font-display, "Poppins", sans-serif);

    font-size:
        0.72rem;

    font-weight:
        600;

    letter-spacing:
        0.1em;

    text-transform:
        uppercase;

    color:
        #F7B45C;
}


.reg8c-opportunities-heading h2 {
    margin:
        0;

    font-family:
        var(--font-display, "Poppins", sans-serif);

    font-size:
        clamp(
            3rem,
            5vw,
            5.2rem
        );

    font-weight:
        700;

    line-height:
        0.94;

    letter-spacing:
        -0.055em;

    color:
        #FFFFFF;
}


.reg8c-opportunities-heading h2 span {
    display:
        block;

    color:
        #F7B45C;
}



/* ============================================================
   OPPORTUNITY COPY
============================================================ */

.reg8c-opportunities-copy {
    display:
        flex;

    flex-direction:
        column;

    gap:
        0.85rem;
}


.reg8c-opportunities-copy p {
    margin:
        0;

    font-family:
        var(--font-body, "Inter", sans-serif);

    font-size:
        0.88rem;

    line-height:
        1.65;

    color:
        rgba(
            255,
            255,
            255,
            0.72
        );
}


.reg8c-opportunities-copy p:last-child {
    color:
        #FFFFFF;
}



/* ============================================================
   COMPACT OPPORTUNITY GRID
============================================================ */

.reg8c-opportunity-grid {
    display:
        grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        );

    gap:
        0.65rem;
}



/* ============================================================
   COMPACT OPPORTUNITY ITEM
============================================================ */

.reg8c-opportunity {
    min-height:
        64px;

    display:
        flex;

    align-items:
        center;

    padding:
        0.8rem
        1rem;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            0.14
        );

    border-radius:
        12px;

    background:
        rgba(
            255,
            255,
            255,
            0.055
        );

    backdrop-filter:
        blur(4px);
}


.reg8c-opportunity p {
    margin:
        0;

    font-family:
        var(--font-display, "Poppins", sans-serif);

    font-size:
        0.77rem;

    font-weight:
        500;

    line-height:
        1.35;

    color:
        #FFFFFF;
}



/* ============================================================
   FOCUS
============================================================ */

.reg8c-back:focus-visible,
.reg8c-submit:focus-visible,
.reg8c-field input:focus-visible {
    outline:
        3px solid
        rgba(
            247,
            148,
            29,
            0.42
        );

    outline-offset:
        4px;
}



/* ============================================================
   TABLET
============================================================ */

@media (max-width: 950px) {

    .reg8c-registration-intro {
        grid-template-columns:
            1fr;

        gap:
            2.5rem;
    }


    .reg8c-workspace {
        grid-template-columns:
            1fr;

        gap:
            2.5rem;
    }


    .reg8c-sidebar {
        display:
            grid;

        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }


    .reg8c-opportunities-heading {
        grid-template-columns:
            1fr;

        gap:
            2rem;
    }


    .reg8c-opportunity-grid {
        grid-template-columns:
            repeat(
                3,
                minmax(0, 1fr)
            );
    }

}



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

@media (max-width: 700px) {

    .reg8c-container {
        width:
            min(
                100% - 2rem,
                1160px
            );
    }


    .reg8c-registration {
        padding:
            2rem
            0
            4rem;
    }


    .reg8c-registration-intro {
        margin-bottom:
            3rem;

        padding:
            2rem;
    }


    .reg8c-registration-intro h1 {
        font-size:
            clamp(
                3.2rem,
                14vw,
                4.8rem
            );
    }


    .reg8c-sidebar {
        grid-template-columns:
            1fr;
    }


    .reg8c-form-card {
        padding:
            2rem
            1.4rem;

        border-radius:
            24px;
    }


    .reg8c-fields {
        grid-template-columns:
            1fr;
    }


    .reg8c-field-full {
        grid-column:
            auto;
    }


    .reg8c-submit-area {
        flex-direction:
            column;

        align-items:
            stretch;
    }


    .reg8c-submit-area p {
        max-width:
            none;
    }


    .reg8c-submit {
        width:
            100%;
    }


    .reg8c-opportunities {
        padding:
            4rem
            0;
    }


    .reg8c-opportunities-heading h2 {
        font-size:
            clamp(
                2.8rem,
                12vw,
                4rem
            );
    }


    .reg8c-opportunity-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }


    .reg8c-opportunity {
        min-height:
            58px;
    }

}



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

@media (max-width: 480px) {

    .reg8c-registration-intro {
        padding:
            1.6rem;
    }


    .reg8c-payment-list > div {
        grid-template-columns:
            1fr;

        gap:
            0.2rem;
    }


    .reg8c-package-card-header {
        flex-direction:
            column;
    }


    .reg8c-form-heading h2 {
        font-size:
            clamp(
                2.5rem,
                11vw,
                3.4rem
            );
    }


    .reg8c-opportunity-grid {
        grid-template-columns:
            1fr;
    }


    .reg8c-opportunity {
        min-height:
            52px;
    }

}



/* ============================================================
   REDUCED MOTION
============================================================ */

@media (prefers-reduced-motion: reduce) {

    .reg8c-back,
    .reg8c-field input,
    .reg8c-submit {
        transition:
            none;
    }

}

/* ============================================================
   8C FINAL
   EXHIBITION OPPORTUNITIES COLOR REFINEMENT
============================================================ */

.reg8c-opportunities {
    background:
        linear-gradient(
            145deg,
            #F0EAF4 0%,
            #F6F2F9 55%,
            #F4E9F4 100%
        );

    color:
        #211627;
}


/* ============================================================
   SECTION LABEL
============================================================ */

.reg8c-opportunities-kicker {
    color:
        #F7941D;
}



/* ============================================================
   HEADING
============================================================ */

.reg8c-opportunities-heading h2 {
    color:
        #211627;
}


.reg8c-opportunities-heading h2 span {
    color:
        #662E93;
}



/* ============================================================
   SUPPORTING COPY
============================================================ */

.reg8c-opportunities-copy p {
    color:
        rgba(
            58,
            45,
            64,
            0.72
        );
}


.reg8c-opportunities-copy p:last-child {
    color:
        #211627;
}



/* ============================================================
   CATEGORY TILES
============================================================ */

.reg8c-opportunity {
    border:
        1px solid
        rgba(
            102,
            46,
            147,
            0.11
        );

    background:
        rgba(
            255,
            255,
            255,
            0.72
        );

    box-shadow:
        0 8px 24px
        rgba(
            33,
            22,
            39,
            0.035
        );

    backdrop-filter:
        blur(6px);

    -webkit-backdrop-filter:
        blur(6px);
}


.reg8c-opportunity p {
    color:
        #211627;
}

/* ============================================================
   8C FINAL
   EXHIBITION OPPORTUNITIES — COLUMN LAYOUT
============================================================ */

.reg8c-opportunities {
    background:
        linear-gradient(
            145deg,
            #E8DDF0 0%,
            #EEE4F3 48%,
            #E2D2EC 100%
        );

    color:
        #211627;
}



/* ============================================================
   HEADING
============================================================ */

.reg8c-opportunities-kicker {
    color:
        #92278F;
}


.reg8c-opportunities-heading h2 {
    color:
        #211627;
}


.reg8c-opportunities-heading h2 span {
    color:
        #662E93;
}


.reg8c-opportunities-copy p {
    color:
        rgba(
            58,
            45,
            64,
            0.72
        );
}


.reg8c-opportunities-copy p:last-child {
    color:
        #662E93;
}



/* ============================================================
   PRODUCT COLUMNS
============================================================ */

.reg8c-opportunity-grid {
    display:
        grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        );

    gap:
        0
        clamp(
            2rem,
            4vw,
            4rem
        );
}



/* ============================================================
   PRODUCT ITEM
============================================================ */

.reg8c-opportunity {
    min-height:
        auto;

    display:
        block;

    padding:
        0.8rem
        0;

    border:
        0;

    border-bottom:
        1px solid
        rgba(
            102,
            46,
            147,
            0.14
        );

    border-radius:
        0;

    background:
        transparent;

    box-shadow:
        none;

    backdrop-filter:
        none;

    -webkit-backdrop-filter:
        none;
}


.reg8c-opportunity p {
    margin:
        0;

    font-family:
        var(--font-display, "Poppins", sans-serif);

    font-size:
        0.82rem;

    font-weight:
        500;

    line-height:
        1.4;

    color:
        #211627;
}



/* ============================================================
   TABLET
============================================================ */

@media (max-width: 950px) {

    .reg8c-opportunity-grid {
        grid-template-columns:
            repeat(
                3,
                minmax(0, 1fr)
            );
    }

}



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

@media (max-width: 700px) {

    .reg8c-opportunity-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );

        gap:
            0
            1.5rem;
    }

}



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

@media (max-width: 480px) {

    .reg8c-opportunity-grid {
        grid-template-columns:
            1fr;
    }

}

/* ============================================================
   8C FINAL
   EXHIBITION OPPORTUNITIES — VERTICAL COLUMN DIVIDERS
============================================================ */


/* Remove the horizontal separators */

.reg8c-opportunity {
    border-bottom:
        0;

    padding:
        0.7rem
        0
        0.7rem
        1.15rem;
}



/* ============================================================
   DESKTOP
   4 COLUMNS
============================================================ */

.reg8c-opportunity:nth-child(4n + 1) {
    border-left:
        2px solid
        rgba(
            33,
            22,
            39,
            0.8
        );
}


.reg8c-opportunity:nth-child(4n + 2),
.reg8c-opportunity:nth-child(4n + 3),
.reg8c-opportunity:nth-child(4n + 4) {
    border-left:
        0;
}



/* ============================================================
   TABLET
   3 COLUMNS
============================================================ */

@media (max-width: 950px) {

    .reg8c-opportunity {
        border-left:
            0;
    }


    .reg8c-opportunity:nth-child(3n + 1) {
        border-left:
            2px solid
            rgba(
                33,
                22,
                39,
                0.8
            );
    }

}



/* ============================================================
   MOBILE
   2 COLUMNS
============================================================ */

@media (max-width: 700px) {

    .reg8c-opportunity {
        border-left:
            0;
    }


    .reg8c-opportunity:nth-child(2n + 1) {
        border-left:
            2px solid
            rgba(
                33,
                22,
                39,
                0.8
            );
    }

}



/* ============================================================
   SMALL MOBILE
   1 COLUMN
============================================================ */

@media (max-width: 480px) {

    .reg8c-opportunity {
        border-left:
            2px solid
            rgba(
                33,
                22,
                39,
                0.8
            );
    }

}

/* ============================================================
   8C FINAL
   EXHIBITION OPPORTUNITIES — DIVIDER FOR EVERY COLUMN
============================================================ */


/* Remove any previous borders */

.reg8c-opportunity {
    border-left:
        0;

    border-bottom:
        0;

    padding:
        0.7rem
        0
        0.7rem
        1.15rem;
}


/* ============================================================
   DESKTOP
   4 COLUMNS
============================================================ */

.reg8c-opportunity:nth-child(4n + 1),
.reg8c-opportunity:nth-child(4n + 2),
.reg8c-opportunity:nth-child(4n + 3),
.reg8c-opportunity:nth-child(4n + 4) {
    border-left:
        2px solid
        rgba(
            33,
            22,
            39,
            0.78
        );
}


/* ============================================================
   TABLET
   3 COLUMNS
============================================================ */

@media (max-width: 950px) {

    .reg8c-opportunity {
        border-left:
            2px solid
            rgba(
                33,
                22,
                39,
                0.78
            );
    }

}


/* ============================================================
   MOBILE
   2 COLUMNS
============================================================ */

@media (max-width: 700px) {

    .reg8c-opportunity {
        border-left:
            2px solid
            rgba(
                33,
                22,
                39,
                0.78
            );
    }

}


/* ============================================================
   SMALL MOBILE
   1 COLUMN
============================================================ */

@media (max-width: 480px) {

    .reg8c-opportunity {
        border-left:
            2px solid
            rgba(
                33,
                22,
                39,
                0.78
            );
    }

}

/* ============================================================
   8C FINAL
   EXHIBITION OPPORTUNITIES — PRODUCT ICONS
============================================================ */

.reg8c-opportunity p {
    display:
        flex;

    align-items:
        flex-start;

    gap:
        0.7rem;

    width:
        100%;
}


/* Small icon before every product */

.reg8c-opportunity p::before {
    content:
        "✦";

    flex:
        0 0
        24px;

    width:
        24px;

    height:
        24px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    margin-top:
        -0.1rem;

    border-radius:
        50%;

    background:
        #211627;

    font-family:
        Arial,
        sans-serif;

    font-size:
        0.7rem;

    line-height:
        1;

    color:
        #F7941D;
}

/* ============================================================
   8C FINAL
   EXHIBITION OPPORTUNITIES — ICON REFINEMENT
============================================================ */

.reg8c-opportunity p::before {
    content:
        "✦";

    flex:
        0 0 auto;

    width:
        auto;

    height:
        auto;

    display:
        inline-block;

    margin-top:
        -0.15rem;

    border-radius:
        0;

    background:
        transparent;

    font-family:
        Arial,
        sans-serif;

    font-size:
        1.3rem;

    line-height:
        1;

    color:
        #F7941D;
}

/* ============================================================
   8C FINAL
   EXHIBITION OPPORTUNITIES — ICON REFINEMENT
============================================================ */

.reg8c-opportunity p::before {
    content:
        "✦";

    flex:
        0 0 auto;

    width:
        auto;

    height:
        auto;

    display:
        inline-block;

    margin-top:
        -0.15rem;

    border-radius:
        0;

    background:
        transparent;

    font-family:
        Arial,
        sans-serif;

    font-size:
        1.3rem;

    line-height:
        1;

    color:
        #F7941D;
}