:root {
  --black: #000000;
  --white: #ffffff;
  --dark-10: rgba(0, 0, 0, 0.10);
  --dark-25: rgba(0, 0, 0, 0.25);
  --dark-50: rgba(0, 0, 0, 0.50);
  --light-25: rgba(255, 255, 255, 0.25);
  --light-50: rgba(255, 255, 255, 0.50);
  --blue: #007EA7; /*ask before using*/
  --dark-blue: #006796;
  --deep-blue: #0b4a6b;
  /* --dark-blue: #004769; */
  --highlight-blue: #00ABE4;
  --highlight-yellow: #E59500;
  --powder-blue: #E0FBFC;
  --body-blue: #373F51;
  --section-background: rgba(143, 222, 255, 0.47);
  --error: red;
  --success: green;
  --background-section: var(--white);
  --background-panel: var(--white);
  --background-card: var(--white);
  --background-card-hover: var(--dark-blue);
  --background-bright: var(--highlight-blue);
  --panel-rad: var(--rad-nil);
  --card-rad: var(--rad-nil);
  --img-rad: var(--rad-nil);
  --btn-rad: var(--rad-xxl);
  --input-rad: var(--rad-nil);
  --primitive-family-titles: 'Inter';
  --primitive-family-body: 'Inter';
  --heading-lg-ff: var(--primitive-family-titles);
  --heading-md-ff: var(--primitive-family-titles);
  --heading-md-fs: clamp(2.4rem, 1.5396rem + 2.2642vw, 4.8rem);
  --heading-sm-ff: var(--primitive-family-titles);
  --heading-sm-fs: clamp(2.4rem, 1.8264rem + 1.5094vw, 4rem);
  --heading-sm-lh: clamp(3.2rem, 2.4830rem + 1.8868vw, 5.2rem);
  --heading-lg-fs: clamp(4rem, 2.2792rem + 4.5283vw, 8.8rem);
  --heading-lg-lh: clamp(5.2rem, 3.2642rem + 5.0943vw, 10.6rem);
  --heading-lg-ls: 0px;
  --heading-md-lh: clamp(3.2rem, 2.0528rem + 3.0189vw, 6.4rem);
  --heading-md-ls: 0px;
  --headline-lg-ff: var(--primitive-family-titles);
  --headline-lg-fs: clamp(2rem, 1.5698rem + 1.1321vw, 3.2rem);
  --headline-lg-lh: clamp(2.8rem, 2.2264rem + 1.5094vw, 4.4rem);
  --headline-lg-ls: 0px;
  --headline-md-ff: var(--primitive-family-titles);
  --heading-sm-ls: 0px;
  --headline-md-fs: clamp(1.8rem, 1.5849rem + 0.5660vw, 2.4rem);
  --headline-md-lh: clamp(2.4rem, 2.1132rem + 0.7547vw, 3.2rem);
  --headline-md-ls: 0px;
  --headline-sm-ff: var(--primitive-family-titles);
  --headline-sm-fs: clamp(1.4rem, 1.2566rem + 0.3774vw, 1.8rem);
  --headline-sm-lh: clamp(1.8rem, 1.5849rem + 0.5660vw, 2.4rem);
  --headline-sm-ls: 0px;
  --body-lg-ff: var(--primitive-family-body);
  --title-lg-ff: var(--primitive-family-body);
  --title-lg-fs: clamp(2.4rem, 1.8264rem + 1.5094vw, 4rem);
  --title-lg-lh: clamp(3rem, 2.3547rem + 1.6981vw, 4.8rem);
  --title-lg-ls: 0px;
  --title-md-ff: var(--primitive-family-body);
  --title-sm-ff: var(--primitive-family-body);
  --title-xs-ff: var(--primitive-family-body);
  --title-xs-fs: clamp(1.6rem, 1.4566rem + 0.3774vw, 2rem);
  --title-xs-lh: clamp(2rem, 1.8566rem + 0.3774vw, 2.4rem);
  --title-sm-fs: clamp(2rem, 1.7132rem + 0.7547vw, 2.8rem);
  --title-sm-lh: clamp(2.4rem, 2.0415rem + 0.9434vw, 3.4rem);  
  --title-md-fs: clamp(2.4rem, 2.1132rem + 0.7547vw, 3.2rem);
  --title-md-lh: clamp(2.8rem, 2.4415rem + 0.9434vw, 3.8rem);
  --title-md-ls: 0px;
  --title-sm-ls: 0px;
  --title-xs-ls: 0px;
  --body-md-ff: var(--primitive-family-body);
  --body-sm-ff: var(--primitive-family-body);
  --body-xs-ff: var(--primitive-family-body);
  --body-lg-fs: clamp(2rem, 1.8566rem + 0.3774vw, 2.4rem);
  --body-lg-lh: clamp(2.4rem, 2.0415rem + 0.9434vw, 3.4rem);
  --button-ff: var(--primitive-family-body);
  --nav-lg-ff: var(--primitive-family-body);
  --nav-md-ff: var(--primitive-family-body);
  --nav-sm-ff: var(--primitive-family-body);
  --stat-lg-ff: var(--primitive-family-titles);
  --stat-md-ff: var(--primitive-family-titles);
  --breadcrumb-default-ff: var(--primitive-family-body);
  --breadcrumb-active-ff: var(--primitive-family-body);
  --quote-lg-ff: var(--primitive-family-titles);
  --quote-md-ff: var(--primitive-family-titles);
  --tag-ff: var(--primitive-family-body);
  --section-title-ff: var(--primitive-family-titles);
  --label-ff: var(--primitive-family-body);
  --label-xs-ff: var(--primitive-family-body);
  --body-lg-ls: 0px;
  --body-md-fs: clamp(1.4rem, 1.2566rem + 0.3774vw, 1.8rem);
  --body-md-lh: clamp(2rem, 1.7849rem + 0.5660vw, 2.6rem);
  --body-md-ls: 0px;
  --body-sm-fs: clamp(1.2rem, 1.0566rem + 0.3774vw, 1.6rem);
  --body-sm-lh: clamp(1.6rem, 1.4566rem + 0.3774vw, 2rem);
  --body-sm-ls: 0px;
  --body-xs-fs: clamp(1.2rem, 1.1283rem + 0.1887vw, 1.4rem);
  --body-xs-lh: clamp(1.6rem, 1.5283rem + 0.1887vw, 1.8rem);
  --body-xs-ls: 0px;
  --quote-lg-fs: clamp(2.4rem, 1.5396rem + 2.2642vw, 4.8rem);
  --quote-lg-lh: clamp(3.6rem, 2.7396rem + 2.2642vw, 6rem);
  --quote-lg-ls: 0px;
  --quote-md-fs: clamp(1.6rem, 1.3132rem + 0.7547vw, 2.4rem);
  --quote-md-lh: clamp(2.4rem, 1.8264rem + 1.5094vw, 4rem);
  --quote-md-ls: 0px;
  --nav-lg-fs: clamp(1.4rem, 1.2566rem + 0.3774vw, 1.8rem);
  --button-fs: clamp(1.4rem, 1.3283rem + 0.1887vw, 1.6rem);
  --button-lh: clamp(1.4rem, 1.3283rem + 0.1887vw, 1.6rem);
  --button-ls: 0px;
  --nav-lg-lh: clamp(1.4rem, 1.0415rem + 0.9434vw, 2.4rem);
  --nav-lg-ls: 0px;
  --nav-md-fs: clamp(1.6rem, 1.6000rem + 0.0000vw, 1.6rem);
  --nav-md-lh: clamp(2.4rem, 2.4000rem + 0.0000vw, 2.4rem);
  --nav-md-ls: 0px;
  --nav-sm-fs: clamp(1.2rem, 1.1283rem + 0.1887vw, 1.4rem);
  --nav-sm-lh: clamp(1.4rem, 1.3283rem + 0.1887vw, 1.6rem);
  --nav-sm-ls: 0px;
  --stat-lg-fs: clamp(3.2rem, 2.0528rem + 3.0189vw, 6.4rem);
  --stat-md-fs: clamp(3.2rem, 2.9132rem + 0.7547vw, 4rem);
  --breadcrumb-default-fs: clamp(1.2rem, 1.1283rem + 0.1887vw, 1.4rem);
  --breadcrumb-default-lh: clamp(1.6rem, 1.4566rem + 0.3774vw, 2rem);
  --breadcrumb-default-ls: 0px;
  --breadcrumb-active-fs: clamp(1.2rem, 1.1283rem + 0.1887vw, 1.4rem);
  --breadcrumb-active-lh: clamp(1.6rem, 1.4566rem + 0.3774vw, 2rem);
  --breadcrumb-active-ls: 0px;
  --tag-fs: clamp(1.2rem, 1.1283rem + 0.1887vw, 1.4rem);
  --icon-fs: clamp(1.6rem, 1.4566rem + 0.3774vw, 2rem);
  --tag-lh: clamp(1.8rem, 1.7283rem + 0.1887vw, 2rem);
  --tag-ls: 1px;
  --stat-lg-lh: clamp(4rem, 2.6736rem + 3.4906vw, 7.7rem);
  --stat-lg-ls: 0px;
  --stat-md-lh: clamp(3.8rem, 3.4415rem + 0.9434vw, 4.8rem);
  --stat-md-ls: 0px;
  --section-title-fs: clamp(1.2rem, 1.1283rem + 0.1887vw, 1.4rem);
  --section-title-lh: clamp(1.6rem, 1.4566rem + 0.3774vw, 2rem);
  --section-title-ls: 0px;
  --label-fs: clamp(1.2rem, 1.1283rem + 0.1887vw, 1.4rem);
  --label-xs-fs: clamp(1rem, 0.9283rem + 0.1887vw, 1.2rem);
  --label-lh: clamp(1.4rem, 1.3283rem + 0.1887vw, 1.6rem);
  --label-xs-lh: clamp(1rem, 0.9283rem + 0.1887vw, 1.2rem);
  --label-ls: 0px;
  --label-xs-ls: 0px;
  --card-stats-ff: var(--primitive-family-body);
  --card-stats-fs: clamp(1.4rem, 0.8981rem + 1.3208vw, 2.8rem);
  --card-stats-lh: clamp(1.8rem, 1.1547rem + 1.6981vw, 3.6rem);
  --card-stats-lg-fs: clamp(3.2rem, 2.7698rem + 1.1321vw, 4.4rem);
  --card-stats-lg-lh--2: clamp(4rem, 3.5698rem + 1.1321vw, 5.2rem);
  --xl-3: clamp(5.6rem, 1.8717rem + 9.8113vw, 16rem);
  --xl-4: clamp(5.6rem, 2.4453rem + 8.3019vw, 14.4rem);
  --lg-1: clamp(5.6rem, 3.5925rem + 5.2830vw, 11.2rem);
  --lg-2: clamp(4rem, 2.2792rem + 4.5283vw, 8.8rem);
  --lg-3: clamp(3.6rem, 2.0226rem + 4.1509vw, 8rem);
  --lg-4: clamp(2.8rem, 1.2226rem + 4.1509vw, 7.2rem);
  --md-1: clamp(3.2rem, 2.0528rem + 3.0189vw, 6.4rem);
  --md-2: clamp(3.2rem, 2.3396rem + 2.2642vw, 5.6rem);
  --md-3: clamp(3.2rem, 2.6264rem + 1.5094vw, 4.8rem);
  --md-4: clamp(3.2rem, 2.9132rem + 0.7547vw, 4rem);
  --sm-1: clamp(2rem, 1.5698rem + 1.1321vw, 3.2rem);
  --sm-2: clamp(1.6rem, 1.3132rem + 0.7547vw, 2.4rem);
  --sm-3: clamp(1.2rem, 1.0566rem + 0.3774vw, 1.6rem);
  --sm-4: clamp(0.8rem, 0.6566rem + 0.3774vw, 1.2rem);
  --xs-1: clamp(0.8rem, 0.8000rem + 0.0000vw, 0.8rem);
  --xs-2: clamp(0.4rem, 0.4000rem + 0.0000vw, 0.4rem);
  --nil: clamp(0rem, 0.0000rem + 0.0000vw, 0rem);
  --rad-nil: 0px;
  --rad-xs: 2px;
  --rad-sm: 4px;
  --rad-md: 8px;
  --rad-lg: 16px;
  --rad-xl: 16px;
  --rad-xxl: 24px;
  --sh-nil: 0px;
  --sh-xs: 2px;
  --sh-sm: 4px;
  --sh-md: 8px;
  --sh-lg: 16px;
  --sh-xl: 16px;
  --sh-xxl: 24px
}
@media (min-width:768px) {
  :root {
    --rad-nil: 0px;
    --rad-xs: 2px;
    --rad-sm: 6px;
    --rad-md: 12px;
    --rad-lg: 20px;
    --rad-xl: 24px;
    --rad-xxl: 40px;
    --sh-nil: 0px;
    --sh-xs: 2px;
    --sh-sm: 6px;
    --sh-md: 12px;
    --sh-lg: 20px;
    --sh-xl: 24px;
    --sh-xxl: 40px
  }
}
@media (min-width:1200px) {
  :root {
    --rad-nil: 0px;
    --rad-xs: 4px;
    --rad-sm: 8px;
    --rad-md: 16px;
    --rad-lg: 24px;
    --rad-xl: 40px;
    --rad-xxl: 60px;
    --sh-nil: 0px;
    --sh-xs: 4px;
    --sh-sm: 8px;
    --sh-md: 16px;
    --sh-lg: 24px;
    --sh-xl: 40px;
    --sh-xxl: 60px
  }
}