@font-face {
    font-family: 'Suisse';
    src: url('/eand/fonts/fonnts.com-Suisse_Intl_Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

@font-face {
    font-family: 'Suisse';
    src: url('/eand/fonts/fonnts.com-Suisse_Intl_Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Suisse';
    src: url('/eand/fonts/fonnts.com-SuisseIntl-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

:root {
    --bastille: #22222f;
    --bizarre: #eee0e0;
    --timberwolf: #E2E2D7;
    --black: #000000;
    --blue-zodiac: #191329;
    --blue-zodiac-light: #191329;
    --dark-blue: #282938;
    --sky-blue: #3C64EF;
    --neutral01100: #ffffff;
    --neutralwhite: #f2f6fc;
    --pink-swan: #c8b6b6;
    --red: #e00800;
    --white: #ffffff;
    --slate-gray-purple: #75717F;
    --cool-light-gray:#E8E8EA;
    --light-gray: #c4c4c4;
    --gray: #666;
    --violet:#231B39;
    --light-green: #00C26E;
    --muddy-red:#9C1301;
    --biege-35:#E2E2D759;
    --font-size-xxxl: 24px;
    --font-size-xxl: 22.5px;
    --font-size-xl: 18px;
    --font-size-l: 15px;
    --font-size-m: 13.5px;
    --font-size-s: 12px;
    --font-size-xs: 11px;
    --font-size-xxs: 10.5px;
    --font-size-xxxs: 10.2px;
    --font-size-xxxxs: 9.8px;
    --font-family-suisse: "Suisse", Helvetica;
}

body{
    font-family: "Suisse";
    background: var(--white);
  }


.suisse-bold-black-32px {
    color: var(--black);
    font-family: var(--font-family-suisse);
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
}

.suisse-bold-white-32px {
    color: var(--neutral01100);
    font-family: var(--font-family-suisse);
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
}

.suisse-normal-white-24px {
    color: var(--neutral01100);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: 400;
}

.suisse-medium-white-24px {
    color: var(--neutral01100);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: 500;
}

.suisse-bold-white-24px {
    color: var(--white);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: 600;
}

.suisse-normal-blue-24px {
    color: var(--blue-zodiac);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: 400;
}

.suisse-medium-blue-24px {
    color: var(--blue-zodiac);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: 500;
}

.suisse-bold-blue-24px {
    color: var(--blue-zodiac);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: 600;
}

.suisse-normal-black-24px {
    color: var(--black);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: 400;
}

.suisse-bold-black-24px {
    color: var(--black);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: 600;
}

.suisse-bold-blue-24px {
    color: var(--blue-zodiac-light);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: 600;
}

.suisse-bold-blue-18px {
    color: var(--blue-zodiac);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-xl);
    font-style: normal;
    font-weight: 700;
}

.suisse-bold-white-18px {
    color: var(--neutral01100);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-xl);
    font-style: normal;
    font-weight: 700;
}

.suisse-bold-red-18px {
    color: var(--red);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-xl);
    font-style: normal;
    font-weight: 700;
}

.suisse-bold-white-16px {
    color: var(--neutral01100);
    font-family: var(--font-family-suisse);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}

.suisse-bold-blue-15px {
    color: var(--blue-zodiac);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 700;
}

.suisse-bold-white-15px {
    color: var(--neutral01100);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 700;
}

.suisse-semibold-white-15px {
    color: var(--neutral01100);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 400;
}

.suisse-semibold-black-15px {
    color: var(--black);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 300;
}

.suisse-semibold-white-15px {
    color: var(--neutral01100);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 400;
}

.suisse-semibold-sl-gray-15px {
    color: var(--slate-gray-purple);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 400;
}

.suisse-normal-white-15px {
    color: var(--neutral01100);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 200;
}

.suisse-normal-black-15px {
    color: var(--black);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 300;
}

.suisse-bold-red-15px {
    color: var(--red);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 600;
}

.suisse-normal-blue-11px {
    color: var(--blue-zodiac);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 400;
}

.suisse-normal-white-11px {
    color: var(--neutral01100);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 400;
}

.suisse-bold-white-11px {
    color: var(--neutral01100);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 500;
}

.suisse-normal-black-11px {
    color: var(--black);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 400;
}

.suisse-medium-black-9px {
    color: var(--black);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-xxxxs);
    font-style: normal;
    font-weight: 400;
}

.suisse-medium-gray-9px {
    color: var(--gray);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-xxxxs);
    font-style: normal;
    font-weight: 400;
}

.suisse-light-red-11px, .text-danger {
    color: var(--red);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 400;
}

.suisse-medium-black-24px {
    color: var(--black);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: 700;
}

.suisse-medium-black-38px {
    color: var(--black);
    font-family: var(--font-family-suisse);
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
}

.suisse-medium-black-42px {
    color: var(--black);
    font-family: var(--font-family-suisse);
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
}

.suisse-medium-white-21px {
    color: var(--neutral01100);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 500;
}

.suisse-medium-blue-21px {
    color: var(--blue-zodiac);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 500;
}

.suisse-medium-dark-blue-18px {
    color: var(--neutralwhite);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 500;
}

.suisse-medium-white-15px {
    color: var(--neutral01100);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 500;
}


.suisse-medium-black-15px {
    color: var(--black);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 500;
}

.suisse-medium-gray-15px {
    color: var(--gray);
    font-family: var(--font-family-suisse);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
}

.suisse-medium-blue-15px {
    color: var(--blue-zodiac-light);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 400;
}

.suisse-medium-white-12px {
    color: var(--neutral01100);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 500;
}

.suisse-medium-black-12px {
    color: var(--black);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 700;
}

.suisse-medium-white-13px {
    color: var(--neutral01100);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 500;
}

.suisse-normal-white-13px {
    color: var(--neutral01100);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
}

.suisse-normal-white-12px {
    color: var(--neutral01100);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 400;
}

.suisse-light-black-12px {
    color: var(--black);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 300;
}

.suisse-medium-black-12px {
    color: var(--black);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 500;
}

.suisse-medium-black-10-5px {
    color: var(--black);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-xxs);
    font-style: normal;
    font-weight: 500;
}


.suisse-medium-white-10-5px {
    color: var(--neutral01100);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-xxs);
    font-style: normal;
    font-weight: 500;
}
.suisse-medium-blue-10-5px {
    color: var(--blue);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-xxs);
    font-style: normal;
    font-weight: 500;
}

.suisse-medium-gray-10-5px {
    color: var(--gray);
    font-family: var(--font-family-suisse);
    font-size: var(--font-size-xxs);
    font-style: normal;
    font-weight: 500;
}