:root {
  --color-header-bg: #001845;
  --color-dark-bg: #34446f;
  --color-white: #fff;
  --color-black: #000;
  --color-accent: #de5629;
  --color-accent-hover: red;
  --color-notice-bg: #fdb;
  --color-light-bg: #d6dae2;
  --color-super-light-bg: #f6f6f6;
  --color-tender-stroke: #f0f0f0;
  --color-success: #188a57;
  --color-success-bg: lightgreen;
  --color-error-main: #d00;
  --color-error-bg: #d99;
  --color-disabled-main: #666;
  --color-disabled-bg: var(--color-light-bg);
  --color-input-hover: #59d;
  --color-input-focus: #28e;
  --color-table-prop-yes: #ec6d4a;
  --z-index-header: 100;
  --z-index-filters: calc(var(--z-index-header) - 10);
  --z-index-floating-event-head: calc(var(--z-index-header) + 10);
  --z-index-event-sharer: calc(var(--z-index-floating-event-head) + 1000);
  --z-index-dialog-curtain: calc(var(--z-index-event-sharer) - 100);
  --z-index-mobile-menu: calc(var(--z-index-dialog-curtain) + 10);
}

:root {
    --org-lp-color-orange-darkest: #DE5629;
    --org-lp-color-orange-darkest-hover: #D00;
    --org-lp-color-orange-dark: #EC6D4A;
    --org-lp-color-orange: #ff6341;
    --org-lp-color-purple: #56599B;
    --org-lp-color-darksection: #212134;
    --org-lp-color-lightgray: #f6f6f6;
}


* {
    box-sizing: border-box;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

section {
    margin: 0;
    padding: 0 11px;
    position: relative;
}

@media (min-width: 960px) {
    section {
        padding: 0 20px;
    }
}
@media (min-width: 1440px) {
    section {
        padding: 0 30px;
    }
}
.s {
    position: relative;
    padding: 30px;
    margin: 0;
    background-color: var(--color-white);
    color: var(--color-black);
    font-family: Roboto, sans-serif;
}
.s-hero {
    background-size: cover;
    background-position: center top;
    overflow: hidden;
}
.s-hero-customers {
    background-color: #009b3f;
    /* background-image: url(/images/b2b/organizerLanding/bg-hero-customers.jpg); */
    color: #fff;
}

@media (min-width: 1360px) {
    .s-hero {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

.sb {
    /* max-width: 1312px; */
    width: 1200px;
    margin: 0 auto;
}

.s-hero .hero-layout {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.s-hero .for-whom {
    font-weight: 300;
    color: var(--org-lp-color-orange);
    font-size: 40px;
}

.s-hero-customers .for-whom {
    color: #000;
}

.section-title {
    font-size: 32px;
    line-height: 1.1;
    font-weight: bold;
    text-align: center;
}

@media (min-width: 1024px) {
    .section-title {
        font-size: 48px;
    }
}

.s-hero .section-title {
    font-size: 34px;
    line-height: 1.2;
    font-weight: 300;
    text-align: left;
}

@media (min-width: 1080px) {
    .s-hero .section-title {
        font-size: 50px;
    }
}

@media (min-width: 1360px) {
    .s-hero .section-title {
        font-size: 60px;
    }
}

.s-hero-customers .section-title {
    max-width: 930px;
}

.s-gray {
    background-color: var(--org-lp-color-lightgray);
}

.s-logos-roster.s-clients {
    /* background-image: url(/images/b2b/organizerLanding/bg-hero.jpg); */
}
.s-logos-roster.s-clients .section-title .h {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
    max-width: 980px;
    font-size: 32px;
    color: var(--color-black);
    line-height: 1.5;
}

.s-logos-roster .sc {
    justify-content: center;
    align-items: center;
    display: flex;
    gap: 50px 40px;
    flex-flow: row wrap;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

.s-logos-roster .sc > div {
    width: 100px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.s-logos-roster .sc img {
    max-width: 100%;
    width: 100%;
    height: auto;
    filter: grayscale(100%);
}

.s-logos-roster.s-clients img {
    mix-blend-mode: darken;
}

.s-best-results-type .section-title {
    margin: 30px 0 40px;
}

@media (min-width: 1200px) {
    .s-best-results-type .section-title {
        margin: 50px 0 60px;
    }
}

.s-best-results-type .items {
    display: grid;
    grid-template-columns: 100fr;
    grid-column-gap: 48px;
    grid-row-gap: 60px;
    text-align: center;
}

@media (min-width: 640px) {
    .s-best-results-type .items {
        grid-template-columns: 50fr 50fr;
    }
}

@media (min-width: 720px) {
    .s-best-results-type .items {
        grid-template-columns: 33fr 33fr 33fr;
    }
}

.s-best-results-type .icon {
    display: flex;
    width: 100%;
    height: 100px;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px;
}

.s-best-results-type .title {
    font-weight: bold;
    font-size: 24px;
    line-height: 1.4;
    margin: 0 auto 30px;
}

.s-best-results-type .description {
    font-size: 18px;
    line-height: 1.5;
}

.s-best-results-type svg {
	width: 80px;
	height: 80px;
}