:root { 
  --backgroundenterprise: #f4f6f9;
  --black: #000000;
  --dark: #222222;
  --focus-alternative: #c6e3f1;
  --green-commercial: #208838;
  --grey-1: #f4f6f9;
  --grey-2: #edeff0;
  --grey-3: #c2d1d9;
  --info-alternative: #d6edf7;
  --lynch: #617892;
  --primary: #1e789f;
  --primary-light: #319dd7;
  --primary1: #006f98;
  --secondary: #0b2e4f;
  --secondary-dark: #1d2d3d;
  --secondary-light: #3c5872;
  --success-alternative: #e7f5ed;
  --white: #ffffff;
  --yellow-commercial: #ffbf37;
 
  --font-size-l: 24px;
  --font-size-m: 20px;
  --font-size-s: 16px;
  --font-size-xl: 32px;
  --font-size-xs: 14px;
  --font-size-xxl: 48px;
  --font-size-xxs: 12px;
 
  --font-family-albert_sans: "Albert Sans", sans-serif;

  --font-family-inter-bold: "Inter-Bold", Helvetica;
  --font-family-inter-regular: "Inter-Regular", Helvetica;
  --font-family-open_sans: var(--font-family-albert_sans);
  --font-family-satoshi-bold: "Albert-Sans-Bold", Helvetica;
  --font-family-satoshi-regular: "Albert-Sans-Regular", Helvetica;

  --display-responsive: flex;
}

@media(max-width:1000px){
  :root { 
    --font-size-l: 20px;
    --font-size-m: 18px;
    --font-size-s: 16px;
    --font-size-xl: 24px;
    --font-size-xs: 14px;
    --font-size-xxl: 32px;
    --font-size-xxs: 12px;

    --display-responsive: block;
  }
}

.desktoph1---48-bold {
  font-family: var(--font-family-satoshi-bold);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
  letter-spacing: -0.41px;
}

.desktoph2---32-bold {
  font-family: var(--font-family-satoshi-bold);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
  letter-spacing: -0.53px;
}

.desktopsubtitle-2---20-regular {
  font-family: var(--font-family-satoshi-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.05px;
}

.desktoph3---24-bold {
  font-family: var(--font-family-satoshi-bold);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
  letter-spacing: -0.16px;
}

.desktopsubtitle-1---24-regular {
  font-family: var(--font-family-satoshi-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.06px;
}

.desktoph4---20-bold {
  font-family: var(--font-family-satoshi-bold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.desktoph5---18-black {
  font-family: var(--font-family-satoshi-bold);
  font-size: 18px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: -0.04px;
}

.headingsubtitle-1---regular {
  font-family: var(--font-family-satoshi-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.06px;
}

.opensans-semi-bold-fiord-14px {
  color: var(--secondary-light);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 600;
}

.opensans-bold-blue-whale-16px {
  color: var(--secondary);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

.opensans-semi-bold-blue-whale-16px {
  color: var(--secondary);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
}

.opensans-semi-bold-big-stone-16px {
  color: var(--secondary-dark);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.opensans-blue-whale-16px {
  color: var(--secondary);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

.satoshi-bold-big-stone-20px {
  color: var(--secondary-dark);
  font-family: var(--font-family-satoshi-bold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.opensans-normal-big-stone-14px {
  color: var(--secondary-dark);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.opensans-bold-bahama-blue-14px {
  color: var(--primary);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

.opensans-normal-big-stone-16px {
  color: var(--secondary-dark);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.opensans-semi-bold-white-16px {
  color: var(--white);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
}

.opensans-normal-blue-whale-16px {
  color: var(--secondary);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.satoshi-regular-normal-big-stone-20px {
  color: var(--secondary-dark);
  font-family: var(--font-family-satoshi-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.opensans-bold-blue-whale-24px {
  color: var(--secondary);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.opensans-bold-log-cabin-14px {
  color: var(--dark);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 700;
}

.opensans-normal-fiord-13px {
  color: var(--secondary-light);
  font-family: var(--font-family-open_sans);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
}

.opensans-normal-lynch-12px {
  color: var(--lynch);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 400;
}

.opensans-normal-jelly-bean-14px {
  color: var(--primary);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.opensans-normal-blue-whale-14px {
  color: var(--secondary);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.opensans-semi-bold-blue-whale-52px {
  color: var(--secondary);
  font-family: var(--font-family-open_sans);
  font-size: 52px;
  font-style: normal;
  font-weight: 600;
}

@media(max-width:1000px){
  .opensans-semi-bold-blue-whale-52px {
    font-size: 48px;
  }
}

.inter-regular-normal-big-stone-16px {
  color: var(--secondary-dark);
  font-family: var(--font-family-inter-regular);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}
