/* Media query breakpoints */
@font-face {
  font-display: swap;
  font-family: "Poppins Light";
  font-style: normal;
  font-weight: 300;
  src: url("/themes/custom/microsites/assets/fonts/Poppins/Poppins-Light.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap;
  font-family: "Poppins Regular";
  font-style: normal;
  font-weight: 400;
  src: url("/themes/custom/microsites/assets/fonts/Poppins/Poppins-Regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap;
  font-family: "Poppins Medium";
  font-style: normal;
  font-weight: 500;
  src: url("/themes/custom/microsites/assets/fonts/Poppins/Poppins-Medium.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap;
  font-family: "Poppins Semibold";
  font-style: normal;
  font-weight: 600;
  src: url("/themes/custom/microsites/assets/fonts/Poppins/Poppins-SemiBold.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap;
  font-family: "Poppins Bold";
  font-style: normal;
  font-weight: 700;
  src: url("/themes/custom/microsites/assets/fonts/Poppins/Poppins-Bold.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/*
    - Name: "_generic.scss"
    - Description: "Add custom styles generic"
*/
body:has(.palette_one) .vlsuite-layout-bg-wrapper.bg-dark-blue-tr::before {
  background: linear-gradient(0deg, rgba(194, 123, 243, 0.9) 0%, rgba(68, 13, 102, 0.9) 100%);
}

body:has(.palette_two) .vlsuite-layout-bg-wrapper.bg-dark-blue-tr::before {
  background: linear-gradient(0deg, rgba(102, 204, 229, 0.9) 0%, rgba(26, 77, 98, 0.9) 100%);
}

body:has(.palette_three) .vlsuite-layout-bg-wrapper.bg-dark-blue-tr::before {
  background: linear-gradient(0deg, rgba(179, 153, 229, 0.9) 0%, rgba(90, 54, 130, 0.9) 100%);
}

.c-banner__text h2 {
  font-family: var(--bold);
  font-size: 1.625rem;
  line-height: 1.875rem;
}
@media (min-width: 480px) {
  .c-banner__text h2 {
    font-size: 1.75rem;
    line-height: 2rem;
  }
}
@media (min-width: 576px) {
  .c-banner__text h2 {
    font-size: 2.125rem;
    line-height: 2.375rem;
  }
}
@media (min-width: 992px) {
  .c-banner__text h2 {
    font-size: 2.375rem;
    line-height: 2.75rem;
  }
}
.c-banner__text p {
  margin: revert;
}

body:has(.palette_one) {
  --color-base: var(--primary-color);
  --primary-color: var(--primary-color-700);
  --primary-color-100: hsla(206, 100%, 96%, 1);
  --primary-color-200: hsla(206, 95%, 85%, 1);
  --primary-color-300: hsla(206, 90%, 70%, 1);
  --primary-color-500: hsla(205, 85%, 50%, 1);
  --primary-color-700: hsla(204, 100%, 30%, 1);
  --primary-color-900: hsla(206, 85%, 15%, 1);
  --secondary-color: var(--secondary-color-500);
  --secondary-color-100: hsla(228, 38%, 95%, 1);
  --secondary-color-300: hsla(228, 35%, 94%, 1);
  --secondary-color-500: hsla(228, 33%, 91%, 1);
  --secondary-color-900: hsla(227, 30%, 88%, 1);
  --gray-100: hsla(230, 79%, 98%, 1);
  --gray-200: hsla(230, 18%, 93%, 1);
  --gray-300: hsla(230, 6%, 84%, 1);
  --gray-500: hsla(230, 4%, 69%, 1);
  --gray-700: hsla(231, 2%, 47%, 1);
  --gray-900: hsla(225, 3%, 26%, 1);
  --bold: "Poppins Bold", sans-serif;
  --semi: "Poppins SemiBold", sans-serif;
  --medium: "Poppins Medium", sans-serif;
  --regular: "Poppins Regular", sans-serif;
  --light: "Poppins Light", sans-serif;
}

body:has(.palette_two) {
  --color-base: var(--primary-color);
  --primary-color: var(--primary-color-700);
  --primary-color-100: hsl(197, 70%, 90%);
  --primary-color-200: hsl(197, 70%, 75%);
  --primary-color-300: hsl(197, 70%, 60%);
  --primary-color-500: hsl(197, 70%, 45%);
  --primary-color-700: hsl(197, 70%, 30%);
  --primary-color-900: hsl(197, 70%, 15%);
  --secondary-color: var(--secondary-color-500);
  --secondary-color-100: hsl(14, 85%, 95%);
  --secondary-color-300: hsl(14, 85%, 65%);
  --secondary-color-500: hsl(14, 85%, 55%);
  --secondary-color-700: hsl(14, 85%, 35%);
  --secondary-color-900: hsl(14, 85%, 20%);
}

body:has(.palette_three) {
  --color-base: var(--primary-color);
  --primary-color: var(--primary-color-700);
  --primary-color-100: hsl(270, 60%, 95%);
  --primary-color-200: hsl(270, 60%, 85%);
  --primary-color-300: hsl(270, 60%, 70%);
  --primary-color-500: hsl(270, 60%, 50%);
  --primary-color-700: hsl(270, 60%, 35%);
  --primary-color-900: hsl(270, 60%, 15%);
  --secondary-color: var(--secondary-color-500);
  --secondary-color-100: hsl(45, 85%, 95%);
  --secondary-color-300: hsl(45, 85%, 65%);
  --secondary-color-500: hsl(45, 85%, 55%);
  --secondary-color-700: hsl(45, 85%, 35%);
  --secondary-color-900: hsl(45, 85%, 20%);
}
/*# sourceMappingURL=style.css.map */