/* Responsive page shell for high-traffic frontend Blade pages. */
.eeb-responsive-page {
    --eeb-page-gutter: clamp(1rem, 3vw, 3rem);
    --eeb-page-max: 1320px;
    --eeb-section-y: clamp(2.25rem, 5vw, 5.5rem);
    --eeb-card-pad: clamp(1.1rem, 1.6vw, 2.75rem);
    --eeb-copy: clamp(0.95rem, 0.86rem + 0.24vw, 1.18rem);
    --eeb-heading: clamp(1.6rem, 1.08rem + 1.95vw, 3.75rem);
    --eeb-subheading: clamp(1.25rem, 0.98rem + 1vw, 2.45rem);
    width: 100%;
    overflow-x: clip;
}

.eeb-responsive-page .section-shell,
.eeb-responsive-page .horizontal-padding {
    width: min(100% - (var(--eeb-page-gutter) * 2), var(--eeb-page-max));
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
}

.eeb-responsive-page .section-shell {
    padding-inline: clamp(0.75rem, 1.5vw, 2rem);
}

.eeb-responsive-page .collab-hero-flex,
.eeb-responsive-page .finance-hero-flex {
    width: min(100% - (var(--eeb-page-gutter) * 2), var(--eeb-page-max));
    max-width: var(--eeb-page-max);
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--eeb-page-gutter);
    padding-right: var(--eeb-page-gutter);
}

.eeb-responsive-page .video-section-inner {
    width: 100%;
    max-width: min(960px, 100%);
    margin-left: auto;
    margin-right: auto;
}

.eeb-responsive-page *,
.eeb-responsive-page *::before,
.eeb-responsive-page *::after {
    box-sizing: border-box;
}

.eeb-responsive-page img,
.eeb-responsive-page video,
.eeb-responsive-page canvas,
.eeb-responsive-page svg {
    max-width: 100%;
}

.eeb-responsive-page img,
.eeb-responsive-page video {
    height: auto;
}

.eeb-responsive-page .container,
.eeb-responsive-page .container-sm,
.eeb-responsive-page .container-md,
.eeb-responsive-page .container-lg,
.eeb-responsive-page .container-xl,
.eeb-responsive-page .container-xxl {
    width: min(100% - (var(--eeb-page-gutter) * 2), var(--eeb-page-max));
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}

.eeb-responsive-page .row {
    --bs-gutter-x: clamp(1rem, 2.2vw, 2rem);
    --bs-gutter-y: clamp(1rem, 2.2vw, 2rem);
}

.eeb-responsive-page .FEATURED,
.eeb-responsive-page .AffilText,
.eeb-responsive-page .top-heading,
.eeb-responsive-page .section-heading,
.eeb-responsive-page h1,
.eeb-responsive-page h2 {
    overflow-wrap: anywhere;
}

.eeb-responsive-page .FEATURED,
.eeb-responsive-page .AffilText,
.eeb-responsive-page .top-heading {
    font-size: var(--eeb-heading) !important;
    line-height: 1.15 !important;
}

.eeb-responsive-page .section-heading,
.eeb-responsive-page h3 {
    font-size: var(--eeb-subheading);
    line-height: 1.25;
}

.eeb-responsive-page p,
.eeb-responsive-page li,
.eeb-responsive-page .PArAEEB,
.eeb-responsive-page .PArAEEBabou,
.eeb-responsive-page .oaragrapghcolor,
.eeb-responsive-page .collab-para {
    font-size: var(--eeb-copy);
    line-height: 1.72;
}

.eeb-responsive-page p,
.eeb-responsive-page .PArAEEB,
.eeb-responsive-page .PArAEEBabou,
.eeb-responsive-page .oaragrapghcolor,
.eeb-responsive-page .collab-para {
    text-wrap: pretty;
}

.eeb-responsive-page .card,
.eeb-responsive-page .feature-card,
.eeb-responsive-page .network-box,
.eeb-responsive-page .pricing-card,
.eeb-responsive-page .finance-service-card,
.eeb-responsive-page .finance-support-card,
.eeb-responsive-page .finance-why-card,
.eeb-responsive-page .finance-important-card,
.eeb-responsive-page .finance-estimate-card {
    min-width: 0;
}

.eeb-responsive-page .card-body,
.eeb-responsive-page .feature-card,
.eeb-responsive-page .network-box,
.eeb-responsive-page .pricing-card {
    padding: var(--eeb-card-pad);
}

.eeb-responsive-page .btn,
.eeb-responsive-page button {
    white-space: normal;
    overflow-wrap: anywhere;
}

.eeb-responsive-page .faq-section {
    width: min(100% - (var(--eeb-page-gutter) * 2), 960px);
}

.eeb-responsive-page .collab-hero-image img,
.eeb-responsive-page .finance-hero-image img {
    max-width: min(100%, 640px);
}

@media (min-width: 576px) {
    .eeb-responsive-page {
        /* --eeb-page-max: 540px; */
    }

    .eeb-responsive-page .container,
    .eeb-responsive-page .container-sm,
    .eeb-responsive-page .container-md,
    .eeb-responsive-page .container-lg,
    .eeb-responsive-page .container-xl,
    .eeb-responsive-page .container-xxl {
        width: min(100% - (var(--eeb-page-gutter) * 2), var(--eeb-page-max));
    }
}

@media (min-width: 768px) {
    .eeb-responsive-page {
        --eeb-page-max: 720px;
    }

    .eeb-responsive-page .container,
    .eeb-responsive-page .container-sm,
    .eeb-responsive-page .container-md,
    .eeb-responsive-page .container-lg,
    .eeb-responsive-page .container-xl,
    .eeb-responsive-page .container-xxl {
        width: min(100% - (var(--eeb-page-gutter) * 2), var(--eeb-page-max));
    }
}

@media (min-width: 992px) {
    .eeb-responsive-page {
        --eeb-page-max: 960px;
    }

    .eeb-responsive-page .container,
    .eeb-responsive-page .container-sm,
    .eeb-responsive-page .container-md,
    .eeb-responsive-page .container-lg,
    .eeb-responsive-page .container-xl,
    .eeb-responsive-page .container-xxl {
        width: min(100% - (var(--eeb-page-gutter) * 2), var(--eeb-page-max));
    }
}

@media (min-width: 1200px) {
    .eeb-responsive-page {
        --eeb-page-max: 1140px;
    }

    .eeb-responsive-page .container,
    .eeb-responsive-page .container-sm,
    .eeb-responsive-page .container-md,
    .eeb-responsive-page .container-lg,
    .eeb-responsive-page .container-xl,
    .eeb-responsive-page .container-xxl {
        width: min(100% - (var(--eeb-page-gutter) * 2), var(--eeb-page-max));
    }
}

@media (min-width: 1400px) {
    .eeb-responsive-page {
        --eeb-page-max: 1320px;
    }
}

@media (min-width: 1300px) {
    .eeb-responsive-page .oaragrapghcolor,
    .eeb-responsive-page .PArAEEB,
    .eeb-responsive-page .PArAEEBabou,
    .eeb-responsive-page .collab-para,
    .eeb-responsive-page .justify-text {
        text-align: justify;
    }

    .eeb-responsive-page .text-center.text-lg-start,
    .eeb-responsive-page h1.text-center,
    .eeb-responsive-page h2.text-center,
    .eeb-responsive-page .section-heading.text-center {
        text-align: center;
    }
}

@media (min-width: 1600px) {
    .eeb-responsive-page {
        --eeb-page-gutter: clamp(2.5rem, 4vw, 5rem);
        --eeb-page-max: 1520px;
        --eeb-copy: clamp(1rem, 0.82rem + 0.24vw, 1.2rem);
        --eeb-heading: clamp(2rem, 1.15rem + 1.9vw, 4rem);
        --eeb-subheading: clamp(1.45rem, 1rem + 0.9vw, 2.6rem);
    }

    .eeb-responsive-page .container,
    .eeb-responsive-page .container-sm,
    .eeb-responsive-page .container-md,
    .eeb-responsive-page .container-lg,
    .eeb-responsive-page .container-xl,
    .eeb-responsive-page .container-xxl,
    .eeb-responsive-page .section-shell,
    .eeb-responsive-page .horizontal-padding {
        width: min(100% - (var(--eeb-page-gutter) * 2), var(--eeb-page-max));
    }

    .eeb-responsive-page .faq-section,
    .eeb-responsive-page .network-faq-wrap .faq-section {
        width: min(100% - (var(--eeb-page-gutter) * 2), 1120px);
        max-width: 1120px !important;
    }

    .eeb-responsive-page .collab-hero-image img,
    .eeb-responsive-page .finance-hero-image img {
        max-width: min(100%, 720px);
    }

    .eeb-responsive-page .collab-hero-text,
    .eeb-responsive-page .finance-hero-text {
        max-width: 760px;
    }

    .eeb-responsive-page .collab-hero-text .collab-para,
    .eeb-responsive-page .finance-hero-text .collab-para {
        max-width: 70ch;
    }

    .eeb-responsive-page .video-section-inner {
        max-width: min(1120px, 100%);
    }

    .eeb-home-page .modern-service-card {
        min-height: 100%;
    }

    .eeb-home-page .modern-service-card .modern-service-img,
    .eeb-home-page .modern-service-img {
        height: clamp(220px, 14vw, 300px);
    }

    .eeb-home-page .service-area-left,
    .eeb-home-page .service-area-right {
        max-width: none;
    }

    .eeb-home-page .service-area-left {
        flex: 1 1 560px;
    }

    .eeb-home-page .service-area-right {
        flex: 1.2 1 680px;
    }

    .eeb-home-page #nyc-service-map {
        max-width: none !important;
        height: clamp(380px, 24vw, 520px) !important;
    }

    .eeb-home-page .process-steps {
        justify-content: space-between;
    }

    .eeb-home-page .process-step {
        flex: 1 1 260px;
        max-width: 340px;
    }

    .eeb-home-page .row > .col-lg-4:has(.modern-service-card),
    .eeb-home-page .row > .col-md-6:has(.modern-service-card),
    .eeb-home-page .why-eeb-section .col-lg-4,
    .eeb-affiliates-page .row-cols-lg-2 > .col,
    .eeb-finance-page .row-cols-lg-3 > *,
    .eeb-collaboration-page .row-cols-lg-3 > *,
    .networking-page .row-cols-lg-3 > *,
    .eeb-networking-page .row-cols-lg-3 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .eeb-finance-page .row-cols-lg-4 > *,
    .eeb-collaboration-page .row-cols-lg-4 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .eeb-finance-page .finance-why-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .eeb-about-page .row > .col-md-4 {
        flex: 0 0 auto;
        width: 25%;
    }

    .eeb-affiliates-page .process-steps {
        justify-content: space-between;
    }

    .eeb-affiliates-page .process-step {
        flex: 1 1 260px;
        max-width: 340px;
    }

    .eeb-home-page .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .eeb-affiliates-page .row-cols-md-2 > .col {
        flex: 0 0 auto;
        width: 33.333333%;
    }

    .my-nav > .container-xxl,
    .frontend-contact-bar > .container-xxl,
    .hero-marquee-wrap > .container-xxl {
        max-width: 1520px;
    }
}

@media (min-width: 1920px) {
    .eeb-responsive-page {
        --eeb-page-gutter: clamp(4rem, 4vw, 8rem);
        --eeb-page-max: 1840px;
        --eeb-card-pad: clamp(1.5rem, 1.25vw, 3rem);
    }

    .eeb-responsive-page .container,
    .eeb-responsive-page .container-sm,
    .eeb-responsive-page .container-md,
    .eeb-responsive-page .container-lg,
    .eeb-responsive-page .container-xl,
    .eeb-responsive-page .container-xxl,
    .eeb-responsive-page .section-shell,
    .eeb-responsive-page .horizontal-padding {
        width: min(100% - (var(--eeb-page-gutter) * 2), var(--eeb-page-max));
    }

    .eeb-responsive-page .faq-section,
    .eeb-responsive-page .network-faq-wrap .faq-section {
        width: min(100% - (var(--eeb-page-gutter) * 2), 1280px);
        max-width: 1280px !important;
    }

    .eeb-responsive-page .collab-hero-image img,
    .eeb-responsive-page .finance-hero-image img {
        max-width: min(100%, 820px);
    }

    .eeb-responsive-page .collab-hero-text,
    .eeb-responsive-page .finance-hero-text {
        max-width: 860px;
    }

    .eeb-responsive-page .video-section-inner {
        max-width: min(1280px, 100%);
    }

    .eeb-home-page .row > .col-lg-4:has(.modern-service-card),
    .eeb-home-page .row > .col-md-6:has(.modern-service-card),
    .eeb-home-page .why-eeb-section .col-lg-4,
    .eeb-finance-page .row-cols-lg-3 > *,
    .eeb-collaboration-page .row-cols-lg-3 > *,
    .networking-page .row-cols-lg-3 > *,
    .networking-page .networking-grid > .col,
    .eeb-networking-page .row-cols-lg-3 > *,
    .eeb-networking-page .networking-grid > .col {
        flex: 0 0 auto;
        width: 20%;
    }

    .eeb-affiliates-page .row-cols-lg-2 > .col {
        flex: 0 0 auto;
        width: 33.333333%;
    }

    .eeb-finance-page .row-cols-lg-4 > *,
    .eeb-collaboration-page .row-cols-lg-4 > * {
        flex: 0 0 auto;
        width: 16.666667%;
    }

    .eeb-finance-page .finance-why-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .eeb-about-page .row > .col-md-4 {
        flex: 0 0 auto;
        width: 20%;
    }

    .eeb-affiliates-page .process-step {
        max-width: 380px;
    }

    .eeb-home-page .process-step {
        max-width: 390px;
    }

    .eeb-home-page .service-area-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .my-nav > .container-xxl,
    .frontend-contact-bar > .container-xxl,
    .hero-marquee-wrap > .container-xxl {
        max-width: 1840px;
    }
}

@media (min-width: 2560px) {
    .eeb-responsive-page {
        --eeb-page-gutter: clamp(5rem, 4vw, 10rem);
        --eeb-page-max: 2440px;
        --eeb-copy: clamp(1.08rem, 0.95rem + 0.18vw, 1.28rem);
        --eeb-heading: clamp(2.4rem, 1.35rem + 1.55vw, 4.75rem);
        --eeb-subheading: clamp(1.65rem, 1.08rem + 0.72vw, 2.85rem);
    }

    .eeb-responsive-page .container,
    .eeb-responsive-page .container-sm,
    .eeb-responsive-page .container-md,
    .eeb-responsive-page .container-lg,
    .eeb-responsive-page .container-xl,
    .eeb-responsive-page .container-xxl,
    .eeb-responsive-page .section-shell,
    .eeb-responsive-page .horizontal-padding {
        width: min(100% - (var(--eeb-page-gutter) * 2), var(--eeb-page-max));
    }

    .eeb-responsive-page .collab-hero-image img,
    .eeb-responsive-page .finance-hero-image img {
        max-width: min(100%, 960px);
    }

    .eeb-responsive-page .faq-section,
    .eeb-responsive-page .network-faq-wrap .faq-section {
        width: min(100% - (var(--eeb-page-gutter) * 2), 1480px);
        max-width: 1480px !important;
    }

    .eeb-responsive-page .video-section-inner {
        max-width: min(1480px, 100%);
    }

    .eeb-home-page .row > .col-lg-4:has(.modern-service-card),
    .eeb-home-page .row > .col-md-6:has(.modern-service-card),
    .eeb-home-page .why-eeb-section .col-lg-4,
    .networking-page .networking-grid > .col,
    .eeb-networking-page .networking-grid > .col {
        flex: 0 0 auto;
        width: 16.666667%;
    }

    .eeb-home-page .process-step {
        max-width: 460px;
    }

    .eeb-home-page .service-area-list {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .eeb-finance-page .row-cols-lg-3 > *,
    .eeb-collaboration-page .row-cols-lg-3 > *,
    .eeb-networking-page .row-cols-lg-3 > *,
    .eeb-affiliates-page .row-cols-md-2 > .col {
        flex: 0 0 auto;
        width: 20%;
    }

    .eeb-about-page .row > .col-md-4 {
        flex: 0 0 auto;
        width: 16.666667%;
    }

    .my-nav > .container-xxl,
    .frontend-contact-bar > .container-xxl,
    .hero-marquee-wrap > .container-xxl {
        max-width: 2440px;
    }
}

@media (min-width: 3200px) {
    .eeb-responsive-page {
        --eeb-page-gutter: clamp(6rem, 4vw, 12rem);
        --eeb-page-max: 2920px;
    }

    .eeb-responsive-page .container,
    .eeb-responsive-page .container-sm,
    .eeb-responsive-page .container-md,
    .eeb-responsive-page .container-lg,
    .eeb-responsive-page .container-xl,
    .eeb-responsive-page .container-xxl,
    .eeb-responsive-page .section-shell,
    .eeb-responsive-page .horizontal-padding {
        width: min(100% - (var(--eeb-page-gutter) * 2), var(--eeb-page-max));
    }

    .eeb-responsive-page .faq-section,
    .eeb-responsive-page .network-faq-wrap .faq-section {
        width: min(100% - (var(--eeb-page-gutter) * 2), 1680px);
        max-width: 1680px !important;
    }

    .eeb-home-page .row > .col-lg-4:has(.modern-service-card),
    .eeb-home-page .row > .col-md-6:has(.modern-service-card),
    .eeb-home-page .why-eeb-section .col-lg-4,
    .networking-page .networking-grid > .col,
    .eeb-networking-page .networking-grid > .col {
        flex: 0 0 auto;
        width: 14.285714%;
    }

    .eeb-finance-page .row-cols-lg-4 > *,
    .eeb-collaboration-page .row-cols-lg-4 > * {
        flex: 0 0 auto;
        width: 12.5%;
    }

    .eeb-about-page .row > .col-md-4 {
        flex: 0 0 auto;
        width: 14.285714%;
    }

    .my-nav > .container-xxl,
    .frontend-contact-bar > .container-xxl,
    .hero-marquee-wrap > .container-xxl {
        max-width: 2920px;
    }
}
