/* stylelint-disable-next-line wrap-rem-on-px/wrap-rem-on-px */
/* stylelint-disable wrap-rem-on-px/wrap-rem-on-px */
/* stylelint-enable wrap-rem-on-px/wrap-rem-on-px */
/*
USAGE:
font-size: fluid(12, 62); : from rem(12)@380px to  rem(62)@1440px
gap: fluid(10, 33, 992);  : from rem(10)@991px to  rem(33)@1440px
margin-right: fluid(32, 65, 320, 2560);  : from rem(32)@320px to  rem(65)@2560px
*/
/*
AUTOFILL

USAGE:
@include mixin.autofill(background-color, text-color);
@include mixin.autofill;

Note: Call this mixin in the wrapper or container to where you intend to manipulate the
      default chrome autofill styles for input, textarea and select elements.
*/
/* stylelint-disable */
/* stylelint-enable */
:root {
  --u-size-tiny: 0.25rem;
  --u-size-2x-tiny: 0.5rem;
  --u-size-3x-tiny: 0.75rem;
  --u-size-small: 1rem;
  --u-size-medium: 1.5rem;
  --u-size-2x-medium: 2rem;
  --u-size-large: 3rem;
  --u-size-2x-large: 4rem;
  --u-size-3x-large: 6rem;
  --u-size-huge: 8rem;
  --u-size-2x-huge: 12rem;
  --u-size-3x-huge: 16rem;
}

/* ===================================
   Brand Palette
=================================== */
:root {
  --black: #000;
  --white: #fff;
  --primary-blue-dark: #024482;
  --primary-blue-light: #C8EBFF;
  --blue-light-secondary: #C0DFEC;
  --primary-blue: #025FD8;
  --primary-cream: #FFFCEE;
  --pink: #FFC7F5;
  --yellow: #FBE546;
  --orange: #FF9F32;
  --red: #FF5F2D;
  --green: #8CE202;
  --base-light: #FFFCEE;
  --base-lighter: #FFFCEE;
}

.ss.page-header {
  background-color: var(--primary-blue-light);
  padding: var(--u-size-2x-large) 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width:1199px) {
  .ss.page-header {
    padding: var(--u-size-huge) 0;
  }
}
.ss.page-header h1 {
  margin-bottom: 0;
  text-align: center;
}

.ss.page-content {
  padding: var(--u-size-large) var(--u-size-small);
  background-color: var(--primary-cream);
}
@media screen and (min-width:1199px) {
  .ss.page-content {
    padding: var(--u-size-3x-large) 0;
    max-width: 60rem;
    margin: 0 auto;
  }
}

.ss.generic-content {
  color: var(--primary-blue-dark);
}
.ss.generic-content a {
  font-weight: 700;
  line-height: 144%;
}
.ss.generic-content ul, .ss.generic-content ol {
  padding-left: 1.75rem;
  margin-bottom: 2.5rem;
}
.ss.generic-content ul li, .ss.generic-content ol li {
  list-style-position: outside;
  letter-spacing: -0.01rem;
}
@media screen and (min-width:1199px) {
  .ss.generic-content ul li, .ss.generic-content ol li {
    letter-spacing: -0.01125rem;
    font-size: 1.125rem;
  }
}
.ss.generic-content h1, .ss.generic-content h2, .ss.generic-content h3, .ss.generic-content h4, .ss.generic-content h5, .ss.generic-content h6 {
  line-height: 128%;
  letter-spacing: normal;
  font-variant-numeric: tabular-nums;
}
.ss.generic-content h1 {
  font-size: 2rem;
}
@media screen and (min-width:1199px) {
  .ss.generic-content h1 {
    font-size: 3rem;
  }
}
.ss.generic-content h2 {
  font-size: 2rem;
  margin-bottom: 2.5rem;
}
.ss.generic-content h3 {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--primary-blue);
  font-family: var(--primary-font);
  margin-bottom: 1.25rem;
}
.ss.generic-content h4 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 2.5rem;
  font-family: var(--primary-font);
}
.ss.generic-content p {
  margin-bottom: 2.5rem;
}
.ss.generic-content p:has(+ p, + ul, + ol) {
  margin-bottom: var(--u-size-medium);
}
.ss.generic-content p:last-of-type {
  margin-bottom: 0;
}
.ss.generic-content blockquote {
  position: relative;
  padding: var(--u-size-medium);
  border-radius: 0.3125rem;
  margin: var(--u-size-2x-medium) 0;
  background: rgba(255, 199, 246, 0.6);
  color: var(--primary-blue-dark);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 144%;
  letter-spacing: -0.01rem;
}
@media screen and (min-width:991px) {
  .ss.generic-content blockquote {
    font-size: 1.125rem;
    letter-spacing: -0.01125rem;
    margin-left: clamp(4rem, 4.28571vw + 2.955356875rem, 6.8125rem);
  }
}
.ss.generic-content blockquote::before {
  position: absolute;
  top: 0;
  left: -5.3125rem;
  display: none;
  width: 3.5625rem;
  height: 3.25rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='61' height='56' viewBox='0 0 61 56' fill='none'%3E%3Cpath d='M57.9834 0.890625C58.3788 0.890665 58.8719 0.973676 59.2491 1.35352C59.6247 1.73189 59.706 2.22459 59.7061 2.61914V12.082C59.706 12.4766 59.6248 12.9692 59.2491 13.3477C58.8719 13.7275 58.3788 13.8105 57.9834 13.8105C55.6592 13.8105 53.9024 14.7737 52.6875 16.6045C51.4467 18.4747 50.7343 21.314 50.7276 25.0908H57.9834C58.3787 25.0909 58.8719 25.1731 59.2491 25.5527C59.6249 25.9313 59.7061 26.4247 59.7061 26.8193V52.9453C59.706 53.3399 59.6247 53.8326 59.2491 54.2109C58.8719 54.5908 58.3788 54.6738 57.9834 54.6738H37.5313C37.1359 54.6738 36.6419 54.5909 36.2647 54.2109C35.8893 53.8326 35.8087 53.3397 35.8086 52.9453V26.9863C35.8087 19.3942 37.5891 13.164 41.2227 8.28418C44.8428 3.30982 50.5523 0.890625 57.9834 0.890625ZM24.8711 12.082C24.8711 12.5438 24.7347 13.0358 24.3272 13.3916C23.9429 13.727 23.4641 13.8105 23.0655 13.8105C20.7413 13.8105 18.9854 14.7737 17.7705 16.6045C16.5295 18.4747 15.8163 21.3138 15.8096 25.0908H23.0655C23.473 25.0908 23.9423 25.1785 24.3184 25.5303C24.681 25.8695 24.8091 26.3187 24.8623 26.6943L24.8711 26.7568V52.9453C24.871 53.4071 24.7348 53.8991 24.3272 54.2549C23.9429 54.5903 23.4641 54.6738 23.0655 54.6738H2.69632C2.28886 54.6738 1.81937 54.586 1.44339 54.2344C1.08089 53.8953 0.953736 53.4459 0.900421 53.0703L0.890656 53.0078V26.9863C0.890719 19.3943 2.67122 13.164 6.30472 8.28418C9.92483 3.30974 15.6343 0.890625 23.0655 0.890625C23.473 0.890629 23.9423 0.978414 24.3184 1.33008C24.681 1.6692 24.809 2.11849 24.8623 2.49414L24.8711 2.55664V12.082Z' stroke='%23024482' stroke-width='1.78226'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 3.5625rem 3.25rem;
  content: "";
}
@media screen and (min-width:991px) {
  .ss.generic-content blockquote::before {
    display: block;
  }
}
.ss.generic-content blockquote strong, .ss.generic-content blockquote b {
  font-weight: 600;
}
.ss.generic-content code {
  padding: var(--u-size-small);
  border-radius: var(--u-size-tiny);
  background-color: #e0e0e0;
  margin: var(--u-size-medium) 0;
}

/*# sourceMappingURL=content-template.css.map */