/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.93.0_webpack-cli@5.1.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/.pnpm/postcss-loader@8.1.1_postcss@8.4.40_typescript@5.5.4_webpack@5.93.0_webpack-cli@5.1.4_/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.93.0_webpack-cli@5.1.4_/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/assets/scss/site.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Typography */
.typograph-5xl{
  font-size: 3rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.025em;
}
.typograph-4xl{
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.025em;
}
.typograph-2xl-bold{
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2rem;
}
.typograph-3xl-semibold{
  font-size: 30px;
  font-weight: 600;
  line-height: 2.25rem;
}
.typograph-xl-bold{
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.75rem;
}
.typograph-sm{
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.025em;
}
.typograph-sm-bold{
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0.025em;
}
.typograph-lg-semibold{
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.75rem;
}
.typograph-lg{
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
}
.typograph-base{
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}
.typograph-base-bold{
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
}
.typograph-base-semibold{
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}
/* gradient class */
.new-gradient {
  margin: inherit;
}
-max-area.new-gradient{
  margin-left: auto;
  margin-right: auto;
  max-width: 1938px;
}
.new-gradient.rounded-bottom{
  border-bottom-left-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
}
.home-hero-text{
  justify-content: center;
}
.home-hero-text.title-style{
  font-size: 3.75rem;
  line-height: 1;
  font-weight: 700;
  line-height: 60px;
  --tw-text-opacity: 1;
  color: rgba(12, 43, 69, 1);
  color: rgba(12, 43, 69, var(--tw-text-opacity));
}
@media (min-width: 58.125rem){
  .home-hero-text.title-style{
    font-size: 6rem;
    line-height: 1;
    line-height: 96px;
  }
}
@media (min-width: 64rem){
  .home-hero-text.title-style{
    font-size: 8rem;
    line-height: 1;
    line-height: 128px;
  }
}
.home-hero-text.title-style em{
  font-family: 'PolySans Bulky Italic', Helvetica, sans-serif;
}
.home-hero-text .icon {
    flex: 0;
  }
.home-hero-text .icon svg {
      margin: inherit;
    }
.home-hero-text .icon svg path{
  height: 1rem;
  width: 1rem;
  stroke: #103A58;
}
.flowline-yellow{
  background-image: url(c7fceba7c9e59470fc6b.svg);
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
}
@media (min-width: 64rem){
  .flowline-yellow{
    background-image: url(2cdb0325817e47217927.svg);
  }
}
.flowline-home-page-hero-block{
  background-image: url(c334762c64e93a0b27de.svg);
  background-size: cover;
  background-position: calc(-23rem - -60px) 2.5rem;
  background-repeat: no-repeat;
}
@media (min-width: 768px){
  .flowline-home-page-hero-block{
    background-position: -20rem 3rem;
  }
}
@media (min-width: 58.125rem){
  .flowline-home-page-hero-block{
    background-position: center top;
  }
}
@media (min-width: 64rem){
  .flowline-home-page-hero-block{
    background-image: url(882da0a36f4bbb73689e.svg);
  }
}
-max-area.flowline-home-page-hero-block{
  left: 50%;
  max-width: 2274px;
  --tw-translate-x: -50%;
  transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-image: url(6997c8008e945758614f.svg);
  background-position: center -35px;
  background-repeat: no-repeat;
}
/* step-list block background */
.flowline-step-list-block{
  background-image: url(9fda5c42ef428072800b.svg);
  background-size: cover;
  background-position: 0rem -15rem;
  background-repeat: no-repeat;
}
@media (min-width: 640px){
  .flowline-step-list-block{
    background-image: url(0320267b75b1059f300f.svg);
  }
}
@media (min-width: 58.125rem){
  .flowline-step-list-block{
    background-image: url(0320267b75b1059f300f.svg);
    background-position: center top;
  }
}
@media (min-width: 64rem){
  .flowline-step-list-block{
    background-image: url(312dcc96dc1d3e9c6f47.svg);
  }
}
/* text with image block background */
.flowline-text-with-image-block-left{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-image: url(de1da655f5e599e9afd7.svg);
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}
@media (min-width: 64rem){
  .flowline-text-with-image-block-left{
    background-image: url(05c93112afedfd603671.svg);
  }
}
@media (min-width: 90rem){
  .flowline-text-with-image-block-left{
    background-image: url(50462e4bdf00322e548c.svg);
  }
}
@media (min-width: 120rem){
  .flowline-text-with-image-block-left{
    background-image: url(34b7889929869a48e95b.svg);
  }
}
.flowline-text-with-image-block-right::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    --tw-scale-x: -1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(-1) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    background-image: url(de1da655f5e599e9afd7.svg);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
  }
@media (min-width: 64rem){
  .flowline-text-with-image-block-right::before{
    background-image: url(05c93112afedfd603671.svg);
  }
}
@media (min-width: 90rem){
  .flowline-text-with-image-block-right::before{
    background-image: url(50462e4bdf00322e548c.svg);
  }
}
@media (min-width: 120rem){
  .flowline-text-with-image-block-right::before{
    background-image: url(34b7889929869a48e95b.svg);
  }
}
.flowline-text-with-image-block-right::before {
    z-index: -1;
  }
/* faq block background */
.flowline-faq-block{
  background-image: url(09d2db275dda8842c450.svg);
  background-size: cover;
  background-position: 0 -24rem;
  background-repeat: no-repeat;
}
@media (min-width: 58.125rem){
  .flowline-faq-block{
    background-image: url(e69e8385806e97330f32.svg);
    background-position: center;
  }
}
@media (min-width: 64rem){
  .flowline-faq-block{
    background-image: url(fa4c032d6c3d77227324.svg);
    background-size: contain;
    background-position: top center;
  }
}
@media (min-width: 90rem){
  .flowline-faq-block{
    background-image: url(5e0d6ce2775dac1b4a13.svg);
  }
}
@media (min-width: 120rem){
  .flowline-faq-block{
    background-image: url(547494290271c868fe6f.svg);
  }
}
/* footer block background */
.flowline-footer-block{
  background-image: url(3f3a8d2568cafb2f3b7d.svg);
  background-size: cover;
  background-position: bottom right;
  background-repeat: no-repeat;
}
@media (min-width: 58.125rem){
  .flowline-footer-block{
    background-image: url(9d77a2fa0b5e7437c3f7.svg);
    background-size: contain;
  }
}
@media (min-width: 64rem){
  .flowline-footer-block{
    background-image: url(96692dc9636ccc6f571a.svg);
  }
}
@media (min-width: 90rem){
  .flowline-footer-block{
    background-image: url(09807aebaf98e78f883b.svg);
  }
}
@media (min-width: 120rem){
  .flowline-footer-block{
    background-image: url(944b22a45fc23da047d4.svg);
  }
}
/* hero block background */
.flowline-hero-block{
  background-image: url(c52998e4947c33d4a01c.svg);
  background-size: cover;
  background-position: 0 -24rem;
  background-repeat: no-repeat;
}
@media (min-width: 58.125rem){
  .flowline-hero-block{
    background-image: url(20595afbb35b6d843a82.svg);
    background-position: bottom;
  }
}
@media (min-width: 64rem){
  .flowline-hero-block{
    background-image: url(47338ccaaa50e5552917.svg);
  }
}
@media (min-width: 90rem){
  .flowline-hero-block{
    background-image: url(444ef632021b9bb2e1d6.svg);
  }
}
@media (min-width: 120rem){
  .flowline-hero-block{
    background-image: url(2fa216d595d3f7b845e4.svg);
  }
}
/* about block background */
.flowline-about-block{
  background-image: url(8ccb081f47d0291ae1eb.svg);
  background-size: cover;
  background-position: 0 -24rem;
  background-repeat: no-repeat;
}
@media (min-width: 58.125rem){
  .flowline-about-block{
    background-image: url(f24f661402b518dcf2ed.svg);
    background-position: bottom;
  }
}
@media (min-width: 90rem){
  .flowline-about-block{
    background-image: url(c14ba95b8f85bab439e7.svg);
  }
}
/* register block background */
.flowline-register-block{
  background-image: url(08a14647505bbc5d489e.svg);
  background-size: cover;
  background-position: 0 -24rem;
  background-repeat: no-repeat;
}
@media (min-width: 58.125rem){
  .flowline-register-block{
    background-image: url(5d95bf14d57d266664bf.svg);
    background-position: bottom;
  }
}
@media (min-width: 64rem){
  .flowline-register-block{
    background-image: url(98ab5c624f7d5294cb91.svg);
  }
}
@media (min-width: 90rem){
  .flowline-register-block{
    background-image: url(0469f319f678cc8df579.svg);
  }
}
/* register block background */
.flowline-confirmation-block{
  background-image: url(b7f0e12349e5238cfff3.svg);
  background-size: cover;
  background-position: 0 -24rem;
  background-repeat: no-repeat;
}
@media (min-width: 58.125rem){
  .flowline-confirmation-block{
    background-image: url(feb5d384387d8bbc9fc0.svg);
    background-position: bottom;
  }
}
@media (min-width: 90rem){
  .flowline-confirmation-block{
    background-image: url(475a66e906f5b5e5cd8f.svg);
  }
}
.info-area.footer div{
  font-family: 'Pangea Semi Bold', Trebuchet, sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
@media (min-width: 90rem){
  .info-area.footer div{
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.info-area.footer div p:first-child{
  font-family: 'Pangea Bold', Trebuchet, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.5;
}
@media (min-width: 90rem){
  .info-area.footer div p:first-child{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
/* about us background */
.flowline-about-us-block{
  background-image: url(6979591c024ef7820403.svg);
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}
@media (min-width: 58.125rem){
  .flowline-about-us-block{
    background-image: url(5d95bf14d57d266664bf.svg);
  }
}
@media (min-width: 64rem){
  .flowline-about-us-block{
    background-image: url(1cd7696bf55299ab027e.svg);
  }
}
@media (min-width: 90rem){
  .flowline-about-us-block{
    background-image: url(e52489c01e5b0a76c5ff.svg);
  }
}
/* register background */
.flowline-register-my-interest-block{
  background-image: url(67e7684572cb782889ca.svg);
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}
@media (min-width: 58.125rem){
  .flowline-register-my-interest-block{
    background-image: url(1d63dbfda88f71bdf3bf.svg);
  }
}
@media (min-width: 64rem){
  .flowline-register-my-interest-block{
    background-image: url(5091ed193c3699e8a11d.svg);
  }
}
@media (min-width: 90rem){
  .flowline-register-my-interest-block{
    background-image: url(d853f12f6a83feeff204.svg);
  }
}
/* thank you background */
.flowline-thank-you-block{
  height: 100vh;
  background-image: url(12a8a739c90f0c7594e8.svg);
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}
@media (min-width: 58.125rem){
  .flowline-thank-you-block{
    background-image: url(0c326c318b43a5a9196b.svg);
    background-size: contain;
    background-position: top right;
  }
}
@media (min-width: 64rem){
  .flowline-thank-you-block{
    background-image: url(f4a99016d568f914400e.svg);
  }
}
@font-face {
  font-family: 'Polysans Bulky';
  src: url(24527f9a88b95915961e.woff2) format('woff2'),
  url(8a9119a578fda67f6d66.woff) format('woff');
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Polysans Bulky Italic';
  src: url(e134775910ad8e4b7066.woff2) format('woff2'),
  url(a00e23b3cc5955a604c7.woff) format('woff');
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Pangea Bold';
  src: url(44450756a849f6d532e4.woff2) format('woff2'),
  url(6119bdd7cd5f06cdb6ff.woff) format('woff');
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pangea Bold Italic';
  src: url(60ee02ddbec9646540bf.woff2) format('woff2'),
  url(9ac3824a5a43b8d217b4.woff) format('woff');
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pangea Medium';
  src: url(75f57d01829e93280c23.woff2) format('woff2'),
  url(ac04b3426c00e58af8e7.woff) format('woff');
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pangea Medium Italic';
  src: url(e1e81957b886cbd44308.woff2) format('woff2'),
  url(5ee671aa890e26e2fc14.woff) format('woff');
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pangea Semi Bold';
  src: url(0a0785e73e9c4033f9aa.woff2) format('woff2'),
  url(0981634c8d4c4013e26c.woff) format('woff');
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pangea Semi Bold Italic';
  src: url(105f0ff2f7823f04ab2b.woff2) format('woff2'),
  url(288fa61ada2a24b37613.woff) format('woff');
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "OC Blimp v2 Bobble 3";
  src: url(74a135ea6b1f07f56029.woff2) format("woff2"),
  url(e2dc38bde095840b6203.woff) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
/* ------ generic classes ------ */
.button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
}
.button .button-area{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.button .button-area .icon{
  display: flex;
  height: 1rem;
  width: 1rem;
  align-items: center;
  justify-content: center;
}
.button .button-area .icon > svg{
  stroke-width: 2;
}
/* - disabled button make the icon has different color - */
.button .button-area .icon.disabled svg,
.button .button-area .icon.disabled path{
  stroke: #94a3b8;
}
/* todo - iconleft should be a fill one, iconright should be a stroke one */
.button .button-area .icon.disabled circle{
  fill: none;
  stroke: #94a3b8;
}
.button .button-area .text{
  font-family: 'Pangea Semi Bold', Trebuchet, sans-serif;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
/* ------ specific classes ------ */
/* --- background color --- */
/* - idle - */
.button:has(.button-primary):has(.button-idle){
  --tw-bg-opacity: 1;
  background-color: rgba(218, 13, 172, 1);
  background-color: rgba(218, 13, 172, var(--tw-bg-opacity));
}
/* - idle on hover or focused - */
.button:has(.button-primary):has(.button-idle):hover,
.button:has(.button-primary):has(.button-idle):focus{
  --tw-bg-opacity: 1;
  background-color: rgba(183, 11, 146, 1);
  background-color: rgba(183, 11, 146, var(--tw-bg-opacity));
}
/* - hover/focused - */
.button:has(.button-primary):has(.button-hoverfocused){
  --tw-bg-opacity: 1;
  background-color: rgba(183, 11, 146, 1);
  background-color: rgba(183, 11, 146, var(--tw-bg-opacity));
}
/* - disabled - */
.button:has(.button-primary):has(.button-disabled){
  --tw-bg-opacity: 1;
  background-color: rgba(226, 232, 240, 1);
  background-color: rgba(226, 232, 240, var(--tw-bg-opacity));
}
/* --- primary --- */
/* -- small -- */
/* - idle - */
.button .button-primary.button-small.button-idle .button-area{
  height: 2.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.button .button-primary.button-small.button-idle .button-area .text{
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.5;
}
/* - hover/focused - */
.button .button-primary.button-small.button-hoverfocused .button-area{
  height: 2.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.button .button-primary.button-small.button-hoverfocused .button-area .text{
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.5;
}
/* - disabled - */
.button .button-primary.button-small.button-disabled .button-area{
  height: 2.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.button .button-primary.button-small.button-disabled .button-area .text{
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgba(148, 163, 184, 1);
  color: rgba(148, 163, 184, var(--tw-text-opacity));
}
/* -- large -- */
/* - idle - */
.button .button-primary.button-large.button-idle .button-area{
  height: 3rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.button .button-primary.button-large.button-idle .button-area .text{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
/* - hover/focused - */
.button .button-primary.button-large.button-hoverfocused .button-area{
  height: 2.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.button .button-primary.button-large.button-hoverfocused .button-area .text{
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.5;
}
/* - disabled - */
.button .button-primary.button-large.button-disabled .button-area{
  height: 2.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.button .button-primary.button-large.button-disabled .button-area .text{
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgba(148, 163, 184, 1);
  color: rgba(148, 163, 184, var(--tw-text-opacity));
}
/* ! tailwindcss v3.4.7 | MIT License | https://tailwindcss.com */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}
*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
  --tw-ring-shadow: 0 0 rgba(0,0,0,0);
  --tw-shadow: 0 0 rgba(0,0,0,0);
  --tw-shadow-colored: 0 0 rgba(0,0,0,0);
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
  --tw-ring-shadow: 0 0 rgba(0,0,0,0);
  --tw-shadow: 0 0 rgba(0,0,0,0);
  --tw-shadow-colored: 0 0 rgba(0,0,0,0);
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
.pointer-events-none{
  pointer-events: none;
}
.static{
  position: static;
}
.\!fixed{
  position: fixed !important;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.inset-x-0{
  left: 0px;
  right: 0px;
}
.inset-y-0{
  top: 0px;
  bottom: 0px;
}
.bottom-0{
  bottom: 0px;
}
.left-0{
  left: 0px;
}
.left-\[50\%\]{
  left: 50%;
}
.right-0{
  right: 0px;
}
.top-0{
  top: 0px;
}
.z-10{
  z-index: 10;
}
.z-20{
  z-index: 20;
}
.z-30{
  z-index: 30;
}
.z-40{
  z-index: 40;
}
.z-\[29\]{
  z-index: 29;
}
.col-span-2{
  grid-column: span 2 / span 2;
}
.\!m-0{
  margin: 0px !important;
}
.m-1{
  margin: 0.25rem;
}
.m-auto{
  margin: auto;
}
.mx-0{
  margin-left: 0px;
  margin-right: 0px;
}
.mx-1{
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-2{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-5{
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-10{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.my-11{
  margin-top: 2.75rem;
  margin-bottom: 2.75rem;
}
.my-16{
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-20{
  margin-top: 5rem;
  margin-bottom: 5rem;
}
.my-3{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-7m{
  margin-top: 1.969rem;
  margin-bottom: 1.969rem;
}
.my-8{
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.\!mb-0{
  margin-bottom: 0px !important;
}
.\!mb-5{
  margin-bottom: 1.25rem !important;
}
.\!ml-0{
  margin-left: 0px !important;
}
.\!mr-0{
  margin-right: 0px !important;
}
.\!mr-auto{
  margin-right: auto !important;
}
.\!mt-0{
  margin-top: 0px !important;
}
.\!mt-12{
  margin-top: 3rem !important;
}
.mb-0{
  margin-bottom: 0px;
}
.mb-1{
  margin-bottom: 0.25rem;
}
.mb-10{
  margin-bottom: 2.5rem;
}
.mb-11{
  margin-bottom: 2.75rem;
}
.mb-12{
  margin-bottom: 3rem;
}
.mb-16{
  margin-bottom: 4rem;
}
.mb-2{
  margin-bottom: 0.5rem;
}
.mb-20{
  margin-bottom: 5rem;
}
.mb-3{
  margin-bottom: 0.75rem;
}
.mb-4{
  margin-bottom: 1rem;
}
.mb-5{
  margin-bottom: 1.25rem;
}
.mb-6{
  margin-bottom: 1.5rem;
}
.mb-8{
  margin-bottom: 2rem;
}
.mb-9{
  margin-bottom: 2.25rem;
}
.mb-\[1\.5rem\]{
  margin-bottom: 1.5rem;
}
.mb-\[195px\]{
  margin-bottom: 195px;
}
.mb-\[80px\]{
  margin-bottom: 80px;
}
.ml-10{
  margin-left: 2.5rem;
}
.ml-2{
  margin-left: 0.5rem;
}
.ml-3{
  margin-left: 0.75rem;
}
.ml-4{
  margin-left: 1rem;
}
.ml-5{
  margin-left: 1.25rem;
}
.ml-8{
  margin-left: 2rem;
}
.mr-1{
  margin-right: 0.25rem;
}
.mr-1\.5{
  margin-right: 0.375rem;
}
.mr-2{
  margin-right: 0.5rem;
}
.mr-2\.5{
  margin-right: 0.625rem;
}
.mr-3{
  margin-right: 0.75rem;
}
.mr-4{
  margin-right: 1rem;
}
.mr-6{
  margin-right: 1.5rem;
}
.mt-0\.5{
  margin-top: 0.125rem;
}
.mt-1{
  margin-top: 0.25rem;
}
.mt-1\.5{
  margin-top: 0.375rem;
}
.mt-10{
  margin-top: 2.5rem;
}
.mt-11{
  margin-top: 2.75rem;
}
.mt-12{
  margin-top: 3rem;
}
.mt-14{
  margin-top: 3.5rem;
}
.mt-16{
  margin-top: 4rem;
}
.mt-2{
  margin-top: 0.5rem;
}
.mt-20{
  margin-top: 5rem;
}
.mt-24{
  margin-top: 6rem;
}
.mt-3{
  margin-top: 0.75rem;
}
.mt-32{
  margin-top: 8rem;
}
.mt-4{
  margin-top: 1rem;
}
.mt-48{
  margin-top: 12rem;
}
.mt-5{
  margin-top: 1.25rem;
}
.mt-6{
  margin-top: 1.5rem;
}
.mt-7{
  margin-top: 1.75rem;
}
.mt-7m{
  margin-top: 1.969rem;
}
.mt-8{
  margin-top: 2rem;
}
.mt-9{
  margin-top: 2.25rem;
}
.mt-\[0\.17rem\]{
  margin-top: 0.17rem;
}
.mt-\[0\.26rem\]{
  margin-top: 0.26rem;
}
.mt-\[120px\]{
  margin-top: 120px;
}
.mt-\[5px\]{
  margin-top: 5px;
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.grid{
  display: grid;
}
.contents{
  display: contents;
}
.\!hidden{
  display: none !important;
}
.hidden{
  display: none;
}
.\!h-auto{
  height: auto !important;
}
.h-1{
  height: 0.25rem;
}
.h-10{
  height: 2.5rem;
}
.h-12{
  height: 3rem;
}
.h-14{
  height: 3.5rem;
}
.h-16{
  height: 4rem;
}
.h-2{
  height: 0.5rem;
}
.h-4{
  height: 1rem;
}
.h-5{
  height: 1.25rem;
}
.h-6{
  height: 1.5rem;
}
.h-7{
  height: 1.75rem;
}
.h-\[220px\]{
  height: 220px;
}
.h-\[240px\]{
  height: 240px;
}
.h-\[24px\]{
  height: 24px;
}
.h-\[3rem\]{
  height: 3rem;
}
.h-\[40px\]{
  height: 40px;
}
.h-\[48px\]{
  height: 48px;
}
.h-\[60px\]{
  height: 60px;
}
.h-\[68px\]{
  height: 68px;
}
.h-\[80px\]{
  height: 80px;
}
.h-\[8px\]{
  height: 8px;
}
.h-\[inherit\]{
  height: inherit;
}
.h-auto{
  height: auto;
}
.h-fit{
  height: -moz-fit-content;
  height: fit-content;
}
.h-full{
  height: 100%;
}
.h-screen{
  height: 100vh;
}
.max-h-\[138px\]{
  max-height: 138px;
}
.max-h-\[48px\]{
  max-height: 48px;
}
.max-h-\[50px\]{
  max-height: 50px;
}
.max-h-\[862px\]{
  max-height: 862px;
}
.\!min-h-\[52px\]{
  min-height: 52px !important;
}
.min-h-11{
  min-height: 2.75rem;
}
.min-h-14{
  min-height: 3.5rem;
}
.min-h-24{
  min-height: 6rem;
}
.min-h-6{
  min-height: 1.5rem;
}
.min-h-\[108px\]{
  min-height: 108px;
}
.min-h-\[116px\]{
  min-height: 116px;
}
.min-h-\[118px\]{
  min-height: 118px;
}
.min-h-\[124px\]{
  min-height: 124px;
}
.min-h-\[156px\]{
  min-height: 156px;
}
.min-h-\[196px\]{
  min-height: 196px;
}
.min-h-\[276px\]{
  min-height: 276px;
}
.min-h-\[328px\]{
  min-height: 328px;
}
.min-h-\[52px\]{
  min-height: 52px;
}
.min-h-\[60px\]{
  min-height: 60px;
}
.min-h-\[72px\]{
  min-height: 72px;
}
.min-h-\[92px\]{
  min-height: 92px;
}
.\!w-full{
  width: 100% !important;
}
.w-4{
  width: 1rem;
}
.w-5{
  width: 1.25rem;
}
.w-6{
  width: 1.5rem;
}
.w-7{
  width: 1.75rem;
}
.w-\[110px\]{
  width: 110px;
}
.w-\[130px\]{
  width: 130px;
}
.w-\[180px\]{
  width: 180px;
}
.w-\[220px\]{
  width: 220px;
}
.w-\[240px\]{
  width: 240px;
}
.w-\[253px\]{
  width: 253px;
}
.w-\[40px\]{
  width: 40px;
}
.w-\[49px\]{
  width: 49px;
}
.w-\[80px\]{
  width: 80px;
}
.w-auto{
  width: auto;
}
.w-full{
  width: 100%;
}
.w-max{
  width: -moz-max-content;
  width: max-content;
}
.w-screen{
  width: 100vw;
}
.min-w-0{
  min-width: 0px;
}
.min-w-124{
  min-width: 7.75rem;
}
.min-w-6{
  min-width: 1.5rem;
}
.min-w-\[285px\]{
  min-width: 285px;
}
.min-w-\[40px\]{
  min-width: 40px;
}
.min-w-\[50px\]{
  min-width: 50px;
}
.max-w-16{
  max-width: 4rem;
}
.max-w-24{
  max-width: 6rem;
}
.max-w-64m4{
  max-width: 19.564rem;
}
.max-w-8xlms{
  max-width: 92.125rem;
}
.max-w-\[1280px\]{
  max-width: 1280px;
}
.max-w-\[150px\]{
  max-width: 150px;
}
.max-w-\[210px\]{
  max-width: 210px;
}
.max-w-\[256px\]{
  max-width: 256px;
}
.max-w-\[310px\]{
  max-width: 310px;
}
.max-w-\[335px\]{
  max-width: 335px;
}
.max-w-\[360px\]{
  max-width: 360px;
}
.max-w-\[400px\]{
  max-width: 400px;
}
.max-w-\[416px\]{
  max-width: 416px;
}
.max-w-\[425px\]{
  max-width: 425px;
}
.max-w-\[448px\]{
  max-width: 448px;
}
.max-w-\[480px\]{
  max-width: 480px;
}
.max-w-\[540px\]{
  max-width: 540px;
}
.max-w-\[546px\]{
  max-width: 546px;
}
.max-w-\[632px\]{
  max-width: 632px;
}
.max-w-\[720px\]{
  max-width: 720px;
}
.max-w-\[722px\]{
  max-width: 722px;
}
.max-w-\[774px\]{
  max-width: 774px;
}
.max-w-fit{
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.max-w-full{
  max-width: 100%;
}
.max-w-lgm{
  max-width: 33.75rem;
}
.max-w-md{
  max-width: 28rem;
}
.flex-1{
  flex: 1 1 0%;
}
.shrink{
  flex-shrink: 1;
}
.grow{
  flex-grow: 1;
}
.basis-0{
  flex-basis: 0px;
}
.basis-full{
  flex-basis: 100%;
}
.-translate-x-\[50\%\]{
  --tw-translate-x: -50%;
  transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer{
  cursor: pointer;
}
.resize-none{
  resize: none;
}
.appearance-none{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-rows-1{
  grid-template-rows: repeat(1, minmax(0, 1fr));
}
.flex-row{
  flex-direction: row;
}
.flex-col{
  flex-direction: column;
}
.flex-col-reverse{
  flex-direction: column-reverse;
}
.flex-wrap{
  flex-wrap: wrap;
}
.place-items-end{
  align-items: end;
  justify-items: end;
  place-items: end;
}
.content-center{
  align-content: center;
}
.items-start{
  align-items: flex-start;
}
.items-end{
  align-items: flex-end;
}
.items-center{
  align-items: center;
}
.justify-start{
  justify-content: flex-start;
}
.justify-end{
  justify-content: flex-end;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.justify-around{
  justify-content: space-around;
}
.gap-1{
  gap: 0.25rem;
}
.gap-1\.5{
  gap: 0.375rem;
}
.gap-10{
  gap: 2.5rem;
}
.gap-12{
  gap: 3rem;
}
.gap-2{
  gap: 0.5rem;
}
.gap-3{
  gap: 0.75rem;
}
.gap-4{
  gap: 1rem;
}
.gap-5{
  gap: 1.25rem;
}
.gap-6{
  gap: 1.5rem;
}
.gap-8{
  gap: 2rem;
}
.gap-\[4rem\]{
  gap: 4rem;
}
.gap-x-5{
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}
.gap-x-8{
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
.space-x-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * 0);
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * (1 - 0));
  margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));
  margin-left: calc(0.5rem * calc(1 - 0));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * 0);
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * (1 - 0));
  margin-left: calc(1rem * (1 - var(--tw-space-x-reverse)));
  margin-left: calc(1rem * calc(1 - 0));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.self-start{
  align-self: flex-start;
}
.self-end{
  align-self: flex-end;
}
.self-center{
  align-self: center;
}
.self-stretch{
  align-self: stretch;
}
.justify-self-start{
  justify-self: start;
}
.justify-self-end{
  justify-self: end;
}
.overflow-hidden{
  overflow: hidden;
}
.text-ellipsis{
  text-overflow: ellipsis;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.text-balance{
  text-wrap: balance;
}
.\!rounded-\[10px\]{
  border-radius: 10px !important;
}
.rounded{
  border-radius: 0.25rem;
}
.rounded-2xl{
  border-radius: 1rem;
}
.rounded-3xl{
  border-radius: 1.5rem;
}
.rounded-\[60px\]{
  border-radius: 60px;
}
.rounded-\[8px\]{
  border-radius: 8px;
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-lg{
  border-radius: 0.5rem;
}
.rounded-xl{
  border-radius: 0.75rem;
}
.\!rounded-b-none{
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.rounded-b-3xl{
  border-bottom-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}
.rounded-r-full{
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}
.rounded-br-full{
  border-bottom-right-radius: 9999px;
}
.rounded-tr-full{
  border-top-right-radius: 9999px;
}
.\!border-2{
  border-width: 2px !important;
}
.border{
  border-width: 1px;
}
.border-2{
  border-width: 2px;
}
.border-4{
  border-width: 4px;
}
.border-b-2{
  border-bottom-width: 2px;
}
.border-t-2{
  border-top-width: 2px;
}
.\!border-red-60{
  --tw-border-opacity: 1 !important;
  border-color: rgba(255, 62, 80, 1) !important;
  border-color: rgba(255, 62, 80, var(--tw-border-opacity)) !important;
}
.\!border-turquoise-active{
  --tw-border-opacity: 1 !important;
  border-color: rgba(0, 119, 135, 1) !important;
  border-color: rgba(0, 119, 135, var(--tw-border-opacity)) !important;
}
.border-\[\#007686\]{
  --tw-border-opacity: 1;
  border-color: rgba(0, 118, 134, 1);
  border-color: rgba(0, 118, 134, var(--tw-border-opacity));
}
.border-\[\#0c2b45\]{
  --tw-border-opacity: 1;
  border-color: rgba(12, 43, 69, 1);
  border-color: rgba(12, 43, 69, var(--tw-border-opacity));
}
.border-\[\#103A58\]{
  --tw-border-opacity: 1;
  border-color: rgba(16, 58, 88, 1);
  border-color: rgba(16, 58, 88, var(--tw-border-opacity));
}
.border-\[\#103a58\]{
  --tw-border-opacity: 1;
  border-color: rgba(16, 58, 88, 1);
  border-color: rgba(16, 58, 88, var(--tw-border-opacity));
}
.border-\[\#CBD5E1FF\]{
  border-color: rgba(203,213,225,1);
}
.border-\[\#DAE4EB\]{
  --tw-border-opacity: 1;
  border-color: rgba(218, 228, 235, 1);
  border-color: rgba(218, 228, 235, var(--tw-border-opacity));
}
.border-elephant{
  --tw-border-opacity: 1;
  border-color: rgba(16, 58, 88, 1);
  border-color: rgba(16, 58, 88, var(--tw-border-opacity));
}
.border-midnight-300{
  --tw-border-opacity: 1;
  border-color: rgba(203, 213, 225, 1);
  border-color: rgba(203, 213, 225, var(--tw-border-opacity));
}
.border-midnight-600{
  --tw-border-opacity: 1;
  border-color: rgba(75, 92, 117, 1);
  border-color: rgba(75, 92, 117, var(--tw-border-opacity));
}
.border-midnight-700{
  --tw-border-opacity: 1;
  border-color: rgba(42, 68, 94, 1);
  border-color: rgba(42, 68, 94, var(--tw-border-opacity));
}
.border-red-60{
  --tw-border-opacity: 1;
  border-color: rgba(255, 62, 80, 1);
  border-color: rgba(255, 62, 80, var(--tw-border-opacity));
}
.border-slate-200{
  --tw-border-opacity: 1;
  border-color: rgba(226, 232, 240, 1);
  border-color: rgba(226, 232, 240, var(--tw-border-opacity));
}
.border-slate-300{
  --tw-border-opacity: 1;
  border-color: rgba(203, 213, 225, 1);
  border-color: rgba(203, 213, 225, var(--tw-border-opacity));
}
.border-turquoise-dark{
  --tw-border-opacity: 1;
  border-color: rgba(0, 119, 135, 1);
  border-color: rgba(0, 119, 135, var(--tw-border-opacity));
}
.\!bg-red-100{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(254, 226, 226, 1) !important;
  background-color: rgba(254, 226, 226, var(--tw-bg-opacity)) !important;
}
.bg-\[\#007686\]{
  --tw-bg-opacity: 1;
  background-color: rgba(0, 118, 134, 1);
  background-color: rgba(0, 118, 134, var(--tw-bg-opacity));
}
.bg-\[\#0c2b45\]{
  --tw-bg-opacity: 1;
  background-color: rgba(12, 43, 69, 1);
  background-color: rgba(12, 43, 69, var(--tw-bg-opacity));
}
.bg-\[\#13ead0\]{
  --tw-bg-opacity: 1;
  background-color: rgba(19, 234, 208, 1);
  background-color: rgba(19, 234, 208, var(--tw-bg-opacity));
}
.bg-\[\#1eecd3\]{
  --tw-bg-opacity: 1;
  background-color: rgba(30, 236, 211, 1);
  background-color: rgba(30, 236, 211, var(--tw-bg-opacity));
}
.bg-\[\#2a445e\]{
  --tw-bg-opacity: 1;
  background-color: rgba(42, 68, 94, 1);
  background-color: rgba(42, 68, 94, var(--tw-bg-opacity));
}
.bg-\[\#319656\]{
  --tw-bg-opacity: 1;
  background-color: rgba(49, 150, 86, 1);
  background-color: rgba(49, 150, 86, var(--tw-bg-opacity));
}
.bg-\[\#BECEDA\]{
  --tw-bg-opacity: 1;
  background-color: rgba(190, 206, 218, 1);
  background-color: rgba(190, 206, 218, var(--tw-bg-opacity));
}
.bg-\[\#CBD5E1\]{
  --tw-bg-opacity: 1;
  background-color: rgba(203, 213, 225, 1);
  background-color: rgba(203, 213, 225, var(--tw-bg-opacity));
}
.bg-\[\#EFF4F7\]{
  --tw-bg-opacity: 1;
  background-color: rgba(239, 244, 247, 1);
  background-color: rgba(239, 244, 247, var(--tw-bg-opacity));
}
.bg-\[\#d90dac\]{
  --tw-bg-opacity: 1;
  background-color: rgba(217, 13, 172, 1);
  background-color: rgba(217, 13, 172, var(--tw-bg-opacity));
}
.bg-\[\#feeef0\]{
  --tw-bg-opacity: 1;
  background-color: rgba(254, 238, 240, 1);
  background-color: rgba(254, 238, 240, var(--tw-bg-opacity));
}
.bg-brand-pink-default{
  --tw-bg-opacity: 1;
  background-color: rgba(218, 13, 172, 1);
  background-color: rgba(218, 13, 172, var(--tw-bg-opacity));
}
.bg-elephant{
  --tw-bg-opacity: 1;
  background-color: rgba(16, 58, 88, 1);
  background-color: rgba(16, 58, 88, var(--tw-bg-opacity));
}
.bg-gray-400{
  --tw-bg-opacity: 1;
  background-color: rgba(156, 163, 175, 1);
  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
}
.bg-inherit{
  background-color: inherit;
}
.bg-interaction-opacity-scrim-70{
  --tw-bg-opacity: 1;
  background-color: rgba(148, 163, 184, 1);
  background-color: rgba(148, 163, 184, var(--tw-bg-opacity));
}
.bg-midnight-700{
  --tw-bg-opacity: 1;
  background-color: rgba(42, 68, 94, 1);
  background-color: rgba(42, 68, 94, var(--tw-bg-opacity));
}
.bg-midnight-900{
  --tw-bg-opacity: 1;
  background-color: rgba(12, 43, 69, 1);
  background-color: rgba(12, 43, 69, var(--tw-bg-opacity));
}
.bg-mystic{
  --tw-bg-opacity: 1;
  background-color: rgba(232, 238, 242, 1);
  background-color: rgba(232, 238, 242, var(--tw-bg-opacity));
}
.bg-neutral-midnight-100{
  --tw-bg-opacity: 1;
  background-color: rgba(241, 245, 249, 1);
  background-color: rgba(241, 245, 249, var(--tw-bg-opacity));
}
.bg-neutral-midnight-300{
  --tw-bg-opacity: 1;
  background-color: rgba(203, 213, 225, 1);
  background-color: rgba(203, 213, 225, var(--tw-bg-opacity));
}
.bg-neutral-midnight-600{
  --tw-bg-opacity: 1;
  background-color: rgba(75, 92, 117, 1);
  background-color: rgba(75, 92, 117, var(--tw-bg-opacity));
}
.bg-neutral-midnight-700{
  --tw-bg-opacity: 1;
  background-color: rgba(42, 68, 94, 1);
  background-color: rgba(42, 68, 94, var(--tw-bg-opacity));
}
.bg-neutral-midnight-900{
  --tw-bg-opacity: 1;
  background-color: rgba(12, 43, 69, 1);
  background-color: rgba(12, 43, 69, var(--tw-bg-opacity));
}
.bg-purple-hollywood-cerise{
  --tw-bg-opacity: 1;
  background-color: rgba(218, 13, 172, 1);
  background-color: rgba(218, 13, 172, var(--tw-bg-opacity));
}
.bg-red-100{
  --tw-bg-opacity: 1;
  background-color: rgba(254, 226, 226, 1);
  background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
}
.bg-sanJuan{
  --tw-bg-opacity: 1;
  background-color: rgba(47, 81, 106, 1);
  background-color: rgba(47, 81, 106, var(--tw-bg-opacity));
}
.bg-slate-300{
  --tw-bg-opacity: 1;
  background-color: rgba(203, 213, 225, 1);
  background-color: rgba(203, 213, 225, var(--tw-bg-opacity));
}
.bg-slate-50{
  --tw-bg-opacity: 1;
  background-color: rgba(248, 250, 252, 1);
  background-color: rgba(248, 250, 252, var(--tw-bg-opacity));
}
.bg-turquoise{
  --tw-bg-opacity: 1;
  background-color: rgba(19, 234, 208, 1);
  background-color: rgba(19, 234, 208, var(--tw-bg-opacity));
}
.bg-turquoise-active{
  --tw-bg-opacity: 1;
  background-color: rgba(0, 119, 135, 1);
  background-color: rgba(0, 119, 135, var(--tw-bg-opacity));
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.bg-gradient-light-orange-light-pink{
  background-image: linear-gradient(124deg, #F98F51 19.86%, #FF40D6 90.22%);
}
.bg-gradient-to-r{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-\[\#F98F51\]{
  --tw-gradient-from: #F98F51 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(249, 143, 81, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-\[\#FF40D6\]{
  --tw-gradient-to: #FF40D6 var(--tw-gradient-to-position);
}
.bg-clip-text{
  -webkit-background-clip: text;
          background-clip: text;
}
.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}
.p-2{
  padding: 0.5rem;
}
.p-3{
  padding: 0.75rem;
}
.p-4{
  padding: 1rem;
}
.p-6{
  padding: 1.5rem;
}
.p-8{
  padding: 2rem;
}
.p-\[0\.3rem\]{
  padding: 0.3rem;
}
.px-0{
  padding-left: 0px;
  padding-right: 0px;
}
.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-5m{
  padding-left: 1.563rem;
  padding-right: 1.563rem;
}
.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-9{
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}
.py-0\.5{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-16{
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-\[0\.85rem\]{
  padding-top: 0.85rem;
  padding-bottom: 0.85rem;
}
.py-\[1\.9rem\]{
  padding-top: 1.9rem;
  padding-bottom: 1.9rem;
}
.py-\[8px\]{
  padding-top: 8px;
  padding-bottom: 8px;
}
.py-\[calc\(40\%-0\.2rem\)\]{
  padding-top: calc(40% - 0.2rem);
  padding-bottom: calc(40% - 0.2rem);
}
.pb-1\.5{
  padding-bottom: 0.375rem;
}
.pb-10{
  padding-bottom: 2.5rem;
}
.pb-2{
  padding-bottom: 0.5rem;
}
.pb-2\.5{
  padding-bottom: 0.625rem;
}
.pb-24{
  padding-bottom: 6rem;
}
.pb-5{
  padding-bottom: 1.25rem;
}
.pb-6{
  padding-bottom: 1.5rem;
}
.pb-7{
  padding-bottom: 1.75rem;
}
.pb-8{
  padding-bottom: 2rem;
}
.pb-9{
  padding-bottom: 2.25rem;
}
.pl-0{
  padding-left: 0px;
}
.pl-2{
  padding-left: 0.5rem;
}
.pl-3{
  padding-left: 0.75rem;
}
.pl-3\.5{
  padding-left: 0.875rem;
}
.pl-5{
  padding-left: 1.25rem;
}
.pl-5m{
  padding-left: 1.563rem;
}
.pl-6{
  padding-left: 1.5rem;
}
.pl-8{
  padding-left: 2rem;
}
.pr-10{
  padding-right: 2.5rem;
}
.pr-3{
  padding-right: 0.75rem;
}
.pr-4{
  padding-right: 1rem;
}
.pr-7{
  padding-right: 1.75rem;
}
.pr-7m{
  padding-right: 1.875rem;
}
.pr-8{
  padding-right: 2rem;
}
.pr-\[3\.75rem\]{
  padding-right: 3.75rem;
}
.pt-1\.5{
  padding-top: 0.375rem;
}
.pt-10{
  padding-top: 2.5rem;
}
.pt-12{
  padding-top: 3rem;
}
.pt-20{
  padding-top: 5rem;
}
.pt-3{
  padding-top: 0.75rem;
}
.pt-5{
  padding-top: 1.25rem;
}
.pt-6{
  padding-top: 1.5rem;
}
.pt-7{
  padding-top: 1.75rem;
}
.pt-8{
  padding-top: 2rem;
}
.pt-9{
  padding-top: 2.25rem;
}
.pt-\[0\.7rem\]{
  padding-top: 0.7rem;
}
.pt-\[6rem\]{
  padding-top: 6rem;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.\!font-pangeaMedium{
  font-family: 'Pangea Medium', Trebuchet, sans-serif !important;
}
.\!font-pangeaSemiBold{
  font-family: 'Pangea Semi Bold', Trebuchet, sans-serif !important;
}
.font-newPangeaMedium{
  font-family: 'PangeaMedium', Trebuchet, sans-serif;
}
.font-newPangeaRegular{
  font-family: 'PangeaRegular', Trebuchet, sans-serif;
}
.font-newPangeaSemiBold{
  font-family: 'PangeaSemiBold', Trebuchet, sans-serif;
}
.font-pangea-medium{
  font-family: 'Pangea Medium', Trebuchet, sans-serif;
}
.font-pangea-semi-bold{
  font-family: 'Pangea Semi Bold', Trebuchet, sans-serif;
}
.font-pangeaBold{
  font-family: 'Pangea Bold', Trebuchet, sans-serif;
}
.font-pangeaMedium{
  font-family: 'Pangea Medium', Trebuchet, sans-serif;
}
.font-pangeaRegular{
  font-family: 'Pangea Regular', Trebuchet, sans-serif;
}
.font-pangeaSemiBold{
  font-family: 'Pangea Semi Bold', Trebuchet, sans-serif;
}
.font-polysans-bulky{
  font-family: 'PolySans Bulky', Helvetica, sans-serif;
}
.font-polysans-bulky-italic{
  font-family: 'PolySans Bulky Italic', Helvetica, sans-serif;
}
.font-polysansBulky{
  font-family: 'PolySans Bulky', Helvetica, sans-serif;
}
.\!text-sm{
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-2xlm{
  font-size: 1.5rem;
}
.text-3xl{
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-3xlm{
  font-size: 2rem;
}
.text-4xl{
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-4xlm{
  font-size: 2.5rem;
}
.text-5xl{
  font-size: 3rem;
  line-height: 1;
}
.text-\[0\.7rem\]{
  font-size: 0.7rem;
}
.text-\[0\.88rem\]{
  font-size: 0.88rem;
}
.text-\[1\.125rem\]{
  font-size: 1.125rem;
}
.text-\[14px\]{
  font-size: 14px;
}
.text-\[16px\]{
  font-size: 16px;
}
.text-\[32px\]{
  font-size: 32px;
}
.text-\[60px\]{
  font-size: 60px;
}
.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-basem{
  font-size: 1.063rem;
}
.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-lgm{
  font-size: 1.188rem;
}
.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xlm{
  font-size: 1.375rem;
}
.\!font-semibold{
  font-weight: 600 !important;
}
.font-bold{
  font-weight: 700;
}
.font-medium{
  font-weight: 500;
}
.font-semibold{
  font-weight: 600;
}
.italic{
  font-style: italic;
}
.not-italic{
  font-style: normal;
}
.\!leading-3{
  line-height: .75rem !important;
}
.\!leading-7{
  line-height: 1.75rem !important;
}
.\!leading-none{
  line-height: 1 !important;
}
.leading-3{
  line-height: .75rem;
}
.leading-5{
  line-height: 1.25rem;
}
.leading-51{
  line-height: 1.3rem;
}
.leading-52{
  line-height: 1.381rem;
}
.leading-521{
  line-height: 1.463rem;
}
.leading-53{
  line-height: 2.2rem;
}
.leading-6{
  line-height: 1.5rem;
}
.leading-7{
  line-height: 1.75rem;
}
.leading-8{
  line-height: 2rem;
}
.leading-9{
  line-height: 2.25rem;
}
.leading-\[100\%\]{
  line-height: 100%;
}
.leading-\[128\%\]{
  line-height: 128%;
}
.leading-\[150\%\]{
  line-height: 150%;
}
.leading-\[24px\]{
  line-height: 24px;
}
.leading-\[48px\]{
  line-height: 48px;
}
.leading-\[60px\]{
  line-height: 60px;
}
.leading-full{
  line-height: 100%;
}
.leading-fullg{
  line-height: 130%;
}
.leading-fullm{
  line-height: 110%;
}
.leading-loose{
  line-height: 2;
}
.leading-none{
  line-height: 1;
}
.leading-normal{
  line-height: 1.5;
}
.leading-tight{
  line-height: 1.25;
}
.tracking-\[-0\.4px\]{
  letter-spacing: -0.4px;
}
.tracking-\[0\.4px\]{
  letter-spacing: 0.4px;
}
.tracking-minus2{
  letter-spacing: -0.125rem;
}
.tracking-tighter{
  letter-spacing: -0.05em;
}
.tracking-wide{
  letter-spacing: 0.025em;
}
.\!text-\[\#103a58\]{
  --tw-text-opacity: 1 !important;
  color: rgba(16, 58, 88, 1) !important;
  color: rgba(16, 58, 88, var(--tw-text-opacity)) !important;
}
.\!text-neutral-midnight-800{
  --tw-text-opacity: 1 !important;
  color: rgba(16, 58, 88, 1) !important;
  color: rgba(16, 58, 88, var(--tw-text-opacity)) !important;
}
.\!text-neutral-midnight-900{
  --tw-text-opacity: 1 !important;
  color: rgba(12, 43, 69, 1) !important;
  color: rgba(12, 43, 69, var(--tw-text-opacity)) !important;
}
.text-\[\#007686\]{
  --tw-text-opacity: 1;
  color: rgba(0, 118, 134, 1);
  color: rgba(0, 118, 134, var(--tw-text-opacity));
}
.text-\[\#007787\]{
  --tw-text-opacity: 1;
  color: rgba(0, 119, 135, 1);
  color: rgba(0, 119, 135, var(--tw-text-opacity));
}
.text-\[\#0c2b45\]{
  --tw-text-opacity: 1;
  color: rgba(12, 43, 69, 1);
  color: rgba(12, 43, 69, var(--tw-text-opacity));
}
.text-\[\#103A58\]{
  --tw-text-opacity: 1;
  color: rgba(16, 58, 88, 1);
  color: rgba(16, 58, 88, var(--tw-text-opacity));
}
.text-\[\#103a58\]{
  --tw-text-opacity: 1;
  color: rgba(16, 58, 88, 1);
  color: rgba(16, 58, 88, var(--tw-text-opacity));
}
.text-\[\#13ead0\]{
  --tw-text-opacity: 1;
  color: rgba(19, 234, 208, 1);
  color: rgba(19, 234, 208, var(--tw-text-opacity));
}
.text-\[\#2a445e\]{
  --tw-text-opacity: 1;
  color: rgba(42, 68, 94, 1);
  color: rgba(42, 68, 94, var(--tw-text-opacity));
}
.text-\[\#496B83\]{
  --tw-text-opacity: 1;
  color: rgba(73, 107, 131, 1);
  color: rgba(73, 107, 131, var(--tw-text-opacity));
}
.text-\[\#b60b91\]{
  --tw-text-opacity: 1;
  color: rgba(182, 11, 145, 1);
  color: rgba(182, 11, 145, var(--tw-text-opacity));
}
.text-\[\#d90dac\]{
  --tw-text-opacity: 1;
  color: rgba(217, 13, 172, 1);
  color: rgba(217, 13, 172, var(--tw-text-opacity));
}
.text-bismark{
  --tw-text-opacity: 1;
  color: rgba(73, 107, 131, 1);
  color: rgba(73, 107, 131, var(--tw-text-opacity));
}
.text-brand-turquoise-dark{
  --tw-text-opacity: 1;
  color: rgba(0, 119, 135, 1);
  color: rgba(0, 119, 135, var(--tw-text-opacity));
}
.text-brand-turquoise-default{
  --tw-text-opacity: 1;
  color: rgba(19, 234, 208, 1);
  color: rgba(19, 234, 208, var(--tw-text-opacity));
}
.text-elephant{
  --tw-text-opacity: 1;
  color: rgba(16, 58, 88, 1);
  color: rgba(16, 58, 88, var(--tw-text-opacity));
}
.text-elephant2{
  --tw-text-opacity: 1;
  color: rgba(10, 37, 56, 1);
  color: rgba(10, 37, 56, var(--tw-text-opacity));
}
.text-gray-400{
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, 1);
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}
.text-gray-700{
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, 1);
  color: rgba(55, 65, 81, var(--tw-text-opacity));
}
.text-midnight-300{
  --tw-text-opacity: 1;
  color: rgba(203, 213, 225, 1);
  color: rgba(203, 213, 225, var(--tw-text-opacity));
}
.text-midnight-600{
  --tw-text-opacity: 1;
  color: rgba(75, 92, 117, 1);
  color: rgba(75, 92, 117, var(--tw-text-opacity));
}
.text-midnight-700{
  --tw-text-opacity: 1;
  color: rgba(42, 68, 94, 1);
  color: rgba(42, 68, 94, var(--tw-text-opacity));
}
.text-midnight-800{
  --tw-text-opacity: 1;
  color: rgba(16, 58, 88, 1);
  color: rgba(16, 58, 88, var(--tw-text-opacity));
}
.text-midnight-900{
  --tw-text-opacity: 1;
  color: rgba(12, 43, 69, 1);
  color: rgba(12, 43, 69, var(--tw-text-opacity));
}
.text-neutral-midnight-700{
  --tw-text-opacity: 1;
  color: rgba(42, 68, 94, 1);
  color: rgba(42, 68, 94, var(--tw-text-opacity));
}
.text-neutral-midnight-800{
  --tw-text-opacity: 1;
  color: rgba(16, 58, 88, 1);
  color: rgba(16, 58, 88, var(--tw-text-opacity));
}
.text-neutral-midnight-900{
  --tw-text-opacity: 1;
  color: rgba(12, 43, 69, 1);
  color: rgba(12, 43, 69, var(--tw-text-opacity));
}
.text-neutral-midnight-950{
  --tw-text-opacity: 1;
  color: rgba(3, 25, 43, 1);
  color: rgba(3, 25, 43, var(--tw-text-opacity));
}
.text-purple-hollywood-cerise{
  --tw-text-opacity: 1;
  color: rgba(218, 13, 172, 1);
  color: rgba(218, 13, 172, var(--tw-text-opacity));
}
.text-purple-red-violet{
  --tw-text-opacity: 1;
  color: rgba(183, 11, 146, 1);
  color: rgba(183, 11, 146, var(--tw-text-opacity));
}
.text-red-60{
  --tw-text-opacity: 1;
  color: rgba(255, 62, 80, 1);
  color: rgba(255, 62, 80, var(--tw-text-opacity));
}
.text-sanJuan{
  --tw-text-opacity: 1;
  color: rgba(47, 81, 106, 1);
  color: rgba(47, 81, 106, var(--tw-text-opacity));
}
.text-slate-300{
  --tw-text-opacity: 1;
  color: rgba(203, 213, 225, 1);
  color: rgba(203, 213, 225, var(--tw-text-opacity));
}
.text-slate-400{
  --tw-text-opacity: 1;
  color: rgba(148, 163, 184, 1);
  color: rgba(148, 163, 184, var(--tw-text-opacity));
}
.text-slate-500{
  --tw-text-opacity: 1;
  color: rgba(100, 116, 139, 1);
  color: rgba(100, 116, 139, var(--tw-text-opacity));
}
.text-transparent{
  color: transparent;
}
.text-turquoise{
  --tw-text-opacity: 1;
  color: rgba(19, 234, 208, 1);
  color: rgba(19, 234, 208, var(--tw-text-opacity));
}
.text-turquoise-active{
  --tw-text-opacity: 1;
  color: rgba(0, 119, 135, 1);
  color: rgba(0, 119, 135, var(--tw-text-opacity));
}
.text-white{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.underline{
  text-decoration-line: underline;
}
.opacity-70{
  opacity: 0.7;
}
.shadow{
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}
.shadow-\[0px_4px_12px_0px_rgba\(0\2c 0\2c 0\2c 0\.25\)\]{
  --tw-shadow: 0px 4px 12px 0px rgba(0,0,0,0.25);
  --tw-shadow-colored: 0px 4px 12px 0px var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0px 4px 12px 0px rgba(0,0,0,0.25);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}
.shadow-xl{
  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}
.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-300{
  transition-duration: 300ms;
}
.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
/* font face imports */
@font-face {
  font-family: "OC Blimp v2 Bobble 3";
  src: url(752e3b8a86a82bc9503b.eot);
  src: url(752e3b8a86a82bc9503b.eot?#iefix) format("embedded-opentype"), url(74a135ea6b1f07f56029.woff2) format("woff2"), url(e2dc38bde095840b6203.woff) format("woff"), url(c3c328293f2cd76cad4f.ttf) format("truetype"), url(1aae0c324c928df4a06f.svg#OCBlimpv2-Bobble3) format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "OC Blimp v2 Bobble 3 1";
  src: url(752e3b8a86a82bc9503b.eot);
  src: url(752e3b8a86a82bc9503b.eot?#iefix) format("embedded-opentype"), url(74a135ea6b1f07f56029.woff2) format("woff2"), url(e2dc38bde095840b6203.woff) format("woff"), url(c3c328293f2cd76cad4f.ttf) format("truetype"), url(1aae0c324c928df4a06f.svg#OCBlimpv2-Bobble3) format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PolySans Bulky Italic";
  src: url(afa885a20c14cfd76e8e.eot);
  src: url(afa885a20c14cfd76e8e.eot?#iefix) format("embedded-opentype"), url(fe7e367dc069b88dfe1b.woff2) format("woff2"), url(d614cf40876277f0061e.woff) format("woff"), url(78f09ffe1d8af51ba693.ttf) format("truetype"), url(df846d4103c1538bd930.svg#PolySans-BulkyItalic) format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "PolySans Bulky";
  src: url(706f4ac00457e4056d95.eot);
  src: url(706f4ac00457e4056d95.eot?#iefix) format("embedded-opentype"), url(0f9958c33dc3c4a45e2f.woff2) format("woff2"), url(403b674912fa90e4c59f.woff) format("woff"), url(ff926ed49c5129ab1996.ttf) format("truetype"), url(65f733a97b9f83c3d9ad.svg#PolySans-Bulky) format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PolySans Bulky Italic";
  src: url(afa885a20c14cfd76e8e.eot);
  src: url(afa885a20c14cfd76e8e.eot?#iefix) format("embedded-opentype"), url(fe7e367dc069b88dfe1b.woff2) format("woff2"), url(d614cf40876277f0061e.woff) format("woff"), url(78f09ffe1d8af51ba693.ttf) format("truetype"), url(df846d4103c1538bd930.svg#PolySans-BulkyItalic) format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "PolySans Bulky 1";
  src: url(706f4ac00457e4056d95.eot);
  src: url(706f4ac00457e4056d95.eot?#iefix) format("embedded-opentype"), url(0f9958c33dc3c4a45e2f.woff2) format("woff2"), url(403b674912fa90e4c59f.woff) format("woff"), url(ff926ed49c5129ab1996.ttf) format("truetype"), url(65f733a97b9f83c3d9ad.svg#PolySans-Bulky) format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Pangea Regular";
  src: url(6a46e9f5bb7095904e60.eot);
  src: url(6a46e9f5bb7095904e60.eot?#iefix) format("embedded-opentype"), url(ae8fa4424c1a34d1d0b9.woff2) format("woff2"), url(22e6a659d350c8fe3457.woff) format("woff"), url(c7ae2eb8a110ab1b3887.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Pangea Medium";
  src: url(e7bd132e744eaba9eac1.eot);
  src: url(e7bd132e744eaba9eac1.eot?#iefix) format("embedded-opentype"), url(f53dc2d431f7ffcd2614.woff2) format("woff2"), url(0d6e64b2bdc1d4a82b6e.woff) format("woff"), url(57fc1eae45e89a08876e.ttf) format("truetype"), url(b8be63bce3cba71d83a2.svg) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Pangea Semi Bold";
  src: url(3d2d973428faab09737d.eot);
  src: url(3d2d973428faab09737d.eot?#iefix) format("embedded-opentype"), url(6809ce530be2e0c6cfe4.woff2) format("woff2"), url(78116c8dbe007c2400be.woff) format("woff"), url(569d6582c9bd377ed1fd.ttf) format("truetype"), url(6a37fc040ef16bbb4714.svg) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Pangea Bold";
  src: url(1647640ba216462e46e2.eot);
  src: url(1647640ba216462e46e2.eot?#iefix) format("embedded-opentype"), url(13431fe968a2b2edd2ea.woff2) format("woff2"), url(9f6d7141201bca496c2f.woff) format("woff"), url(a9ab7b173f850f38c4e4.ttf) format("truetype"), url(cb01031451027d614d79.svg) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PangeaBold";
  src: url(c23d56f02e4a736ea5f6.woff2) format("woff2"), url(60a94e0c134521d98092.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PangeaMedium";
  src: url(78492a25a72da8425029.woff2) format("woff2"), url(06ee5bf8e526c9443ab9.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PangeaRegular";
  src: url(6a3aebe25b3f8d82b421.woff2) format("woff2"), url(c9877e381c86d19cbfbc.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PangeaSemiBold";
  src: url(953300c3089585f2791b.woff2) format("woff2"), url(e08757fad93cbd000594.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* new styles */
/* removes the edit page button from optimizely */
#epi-quickNavigator {
  display: none !important;
}
/* text */
.type-sm-medium{
  font-family: 'Pangea Medium', Trebuchet, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.025em;
}
.type-sm-bold{
  font-family: 'Pangea Bold', Trebuchet, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  letter-spacing: 0em;
}
.type-base-medium{
  font-family: 'Pangea Medium', Trebuchet, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  letter-spacing: 0em;
}
.type-base-semibold{
  font-family: 'Pangea Semi Bold', Trebuchet, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  letter-spacing: 0em;
}
.type-base-bold{
  font-family: 'Pangea Bold', Trebuchet, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  letter-spacing: 0em;
}
.type-lg-medium{
  font-family: 'Pangea Medium', Trebuchet, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  letter-spacing: 0em;
}
.type-lg-semibold{
  font-family: 'Pangea Semi Bold', Trebuchet, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  letter-spacing: 0em;
}
.type-lg-bold{
  font-family: 'Pangea Bold', Trebuchet, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  letter-spacing: 0em;
}
.type-xl-medium{
  font-family: 'Pangea Medium', Trebuchet, sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
  letter-spacing: 0em;
}
.type-xl-bold{
  font-family: 'Pangea Bold', Trebuchet, sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  letter-spacing: 0em;
}
.type-2xl-medium{
  font-family: 'Pangea Medium', Trebuchet, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 500;
  letter-spacing: 0em;
}
.type-2xl-bold{
  font-family: 'Pangea Bold', Trebuchet, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  letter-spacing: 0em;
}
.type-3xl-medium{
  font-family: 'Pangea Medium', Trebuchet, sans-serif;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 500;
  letter-spacing: 0em;
}
.type-3xl-bold{
  font-family: 'Pangea Bold', Trebuchet, sans-serif;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
  letter-spacing: 0em;
}
.type-4xl{
  font-family: 'Pangea Semi Bold', Trebuchet, sans-serif;
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 600;
  letter-spacing: -0.025em;
}
.type-5xl{
  font-family: 'PolySans Bulky', Helvetica, sans-serif;
  font-size: 3rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.025em;
}
.type-6xl{
  font-family: 'PolySans Bulky', Helvetica, sans-serif;
  font-size: 3.75rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.025em;
}
.type-7xl{
  font-family: 'PolySans Bulky', Helvetica, sans-serif;
  font-size: 4.5rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.025em;
}
.type-8xl{
  font-family: 'PolySans Bulky', Helvetica, sans-serif;
  font-size: 6rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.05em;
}
.type-9xl{
  font-family: 'PolySans Bulky', Helvetica, sans-serif;
  font-size: 8rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.05em;
}
/* custom blimp font */
.type-highlight-10xl{
  background-image: linear-gradient(124deg, #F98F51 19.86%, #FF40D6 90.22%);
  font-family: 'OC Blimp v2 Bobble 3', Helvetica, sans-serif;
  font-size: 10rem;
  letter-spacing: -0.05em;
}
.type-highlight-8xl{
  background-image: linear-gradient(124deg, #F98F51 19.86%, #FF40D6 90.22%);
  font-family: 'OC Blimp v2 Bobble 3', Helvetica, sans-serif;
  font-size: 6rem;
  line-height: 1;
  letter-spacing: -0.05em;
}
.type-highlight-6xl{
  background-image: linear-gradient(124deg, #F98F51 19.86%, #FF40D6 90.22%);
  font-family: 'OC Blimp v2 Bobble 3', Helvetica, sans-serif;
  font-size: 3.75rem;
  line-height: 1;
  letter-spacing: -0.05em;
}
/* flow lines */
/* home */
.flowline{
  background-image: url(9abd71321efbbf4983e6.jpg);
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
}
@media (min-width: 23.375rem){
  .flowline{
    background-image: url(3ec5f7e46cdcf52d576d.jpg);
  }
}
@media (min-width: 58.125rem){
  .flowline{
    background-image: url(b996b8c8ffe77af48d8b.jpg);
  }
}
@media (min-width: 64rem){
  .flowline{
    background-image: url(69211e1c42608f10bd14.jpg);
  }
}
@media (min-width: 90rem){
  .flowline{
    background-image: url(8de484f9a3851aceeb9f.jpg);
  }
}
.flowline-1{
  background-image: url(2ac84bede46a2ed98e54.svg);
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
}
@media (min-width: 58.125rem){
  .flowline-1{
    background-image: url(e886c1f681d1d6eb1f4e.svg);
  }
}
.flowline-home-body{
  background-image: url(b07c91d2f19e84ac0fb1.svg);
  background-position: 400px top;
  background-repeat: no-repeat;
}
.flowline-events-body{
  background-image: url(8857de8e2f0c533d2002.svg);
  background-position: center top;
  background-repeat: no-repeat;
}
@media (min-width: 64rem){
  .flowline-events-body{
    background-image: url(2f14309da714d5f02fc5.svg);
  }
}
@media (min-width: 90rem){
  .flowline-events-body{
    background-image: url(5e20ed22ef396ed55dab.svg);
  }
}
/* flowline to be removed after the new implementation */
.flowline-2{
  background-image: url(51d27cdac137f94f66c7.svg);
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
}
@media (min-width: 58.125rem){
  .flowline-2{
    background-image: url(7be6a07f9f36a66d77ad.svg);
  }
}
.flowline-3{
  background-image: url(2cd72f9cba10d475910c.svg);
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
}
@media (min-width: 58.125rem){
  .flowline-3{
    background-image: url(7b5d0ff7d497445980bd.svg);
  }
}
.flowline-4{
  background-image: url(c93485d9ede93f4b4851.svg);
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
}
@media (min-width: 58.125rem){
  .flowline-4{
    background-image: url(98a790f51f2cef11425f.svg);
  }
}
.flowline-5{
  background-image: url(55beb6aacec706657ccb.svg);
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
}
@media (min-width: 58.125rem){
  .flowline-5{
    background-image: url(77a33b194e544d56960c.svg);
  }
}
.flowline-calculator-1{
  background-image: url(72e9d348a772b1e3fae0.svg);
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
}
@media (min-width: 58.125rem){
  .flowline-calculator-1{
    background-image: url(7e396ac4f4a0ec2bb0b6.svg);
  }
}
.flowline-results-page{
  background-image: url(ae309c870636e7c33f4b.svg);
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
}
.title-style{
  margin-bottom: 1.5rem;
  margin-top: 1rem;
  text-wrap: balance;
  text-align: center;
  font-family: 'PolySans Bulky', Helvetica, sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  font-style: normal;
  line-height: 100%;
  --tw-text-opacity: 1;
  color: rgba(16, 58, 88, 1);
  color: rgba(16, 58, 88, var(--tw-text-opacity));
}
@media (min-width: 64rem){
  .title-style{
    margin-bottom: 3rem;
    font-size: 6.5rem;
  }
}
@media (min-width: 90rem){
  .title-style{
    font-size: 8.75rem;
  }
}
.same-width{
  min-width: 8.688rem;
}
.header-list li:last-child{
  margin-right: 0px;
}
/* centered menu */
.header-item .header-link{
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}
.header-item .header-link:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(10, 213, 188, 1);
  background-color: rgba(10, 213, 188, var(--tw-bg-opacity));
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}
.header-item .header-link:hover .text-menu{
  --tw-text-opacity: 1;
  color: rgba(12, 43, 69, 1);
  color: rgba(12, 43, 69, var(--tw-text-opacity));
}
.header-item .header-link:hover svg{
  --tw-text-opacity: 1;
  color: rgba(12, 43, 69, 1);
  color: rgba(12, 43, 69, var(--tw-text-opacity));
}
.header-item .header-link.current{
  pointer-events: none;
  --tw-bg-opacity: 1;
  background-color: rgba(0, 119, 135, 1);
  background-color: rgba(0, 119, 135, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.header-item .header-link.current .text-menu{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.header-item .header-link.current path{
  stroke: #fff;
}
/* paragraph classes */
.special-font{
  text-align: center;
  font-family: 'OC Blimp v2 Bobble 3', Helvetica, sans-serif;
  color: inherit;
}
.home-hero-text .special-font{
  padding: 1rem;
  padding-right: 0px;
  font-size: 2.5rem;
}
@media (min-width: 768px){
  .home-hero-text .special-font{
    position: relative;
    margin-top: -1rem;
    display: block;
  }
}
@media (min-width: 64rem){
  .home-hero-text .special-font{
    margin-top: 0px;
    display: inline;
    font-size: 7.25rem;
  }
}
@media (min-width: 90rem){
  .home-hero-text .special-font{
    font-size: 10rem;
  }
}
.benefits-list .title-area .special-font{
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-bottom: -1rem;
  display: block;
  padding: 0.75rem;
  font-size: 3.75rem;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media (min-width: 64rem){
  .benefits-list .title-area .special-font{
    margin-bottom: 0px;
    margin-top: 7.5rem;
    display: inline;
  }
}
.home-hero-text .special-font,
.hero-text .special-font,
.step-item .special-font{
  margin-left: -1.25rem;
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
  --tw-gradient-from: #FF5C00 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(255, 92, 0, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #DA0DAC var(--tw-gradient-to-position);
  -webkit-background-clip: text;
          background-clip: text;
  letter-spacing: 0.138rem;
  color: transparent;
}
@media (min-width: 64rem){
  .home-hero-text .special-font,
.hero-text .special-font,
.step-item .special-font{
    margin-left: -2.25rem;
    letter-spacing: 0.5rem;
  }
}
.home-hero-text .icon svg g path{
  height: 1rem;
  width: 1rem;
  stroke: #fff;
}
.title-hero{
  margin-bottom: 1.5rem;
  margin-top: 1rem;
  text-wrap: balance;
  text-align: center;
  font-family: 'PolySans Bulky', Helvetica, sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  font-style: normal;
  line-height: 100%;
  letter-spacing: -0.125rem;
  --tw-text-opacity: 1;
  color: rgba(16, 58, 88, 1);
  color: rgba(16, 58, 88, var(--tw-text-opacity));
}
@media (min-width: 64rem){
  .title-hero{
    margin-bottom: 1.5rem;
    max-width: 53.375rem;
    font-size: 4.5rem;
    line-height: 1;
  }
}
.title-hero .special-font{
  position: relative;
  margin-bottom: -4px;
  margin-left: -19.5px;
  margin-right: -9px;
  margin-top: -10.5px;
  display: block;
  padding-left: 1.25rem;
  padding-top: 0.5rem;
}
@media (min-width: 64rem){
  .title-hero .special-font{
    margin-top: 0px;
    display: inline;
    padding-right: 0.25rem;
    font-size: 5.25rem;
    letter-spacing: -0.125rem;
  }
}
/* centered menu */
.header-item .header-link{
  display: flex;
  justify-content: center;
  border-radius: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-family: 'PangeaSemiBold', Trebuchet, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 127%;
}
.header-item .header-link.current{
  pointer-events: none;
  --tw-bg-opacity: 1;
  background-color: rgba(0, 119, 135, 1);
  background-color: rgba(0, 119, 135, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
/* footer */
.copyright-text{
  margin-top: 0.5rem;
}
@media (min-width: 64rem){
  .copyright-text{
    margin-top: 0px;
  }
}
.copyright-text p{
  margin-top: 1.3rem;
}
.copyright-text p:first-child{
  margin-top: 0px;
}
@media (min-width: 64rem){
  .copyright-text p{
    margin-top: 0px;
  }
}
/* product */
.product .text-container p{
  font-family: 'Pangea Medium', Trebuchet, sans-serif;
  font-size: 1.188rem;
  font-weight: 500;
  line-height: 130%;
}
@media (min-width: 58.125rem){
  .product .text-container p{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
.product .text-container p strong{
  font-family: 'PangeaSemiBold', Trebuchet, sans-serif;
  line-height: 130%;
}
@media (min-width: 64rem){
  .product .image-container{
    min-height: 9.25rem;
  }
}
.product .cta-area{
  --tw-text-opacity: 1;
  color: rgba(16, 58, 88, 1);
  color: rgba(16, 58, 88, var(--tw-text-opacity));
}
.product .cta-area .find-more{
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(19, 234, 208, 1);
  border-color: rgba(19, 234, 208, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(19, 234, 208, 1);
  background-color: rgba(19, 234, 208, var(--tw-bg-opacity));
  font-family: 'Pangea Medium', Trebuchet, sans-serif;
  font-weight: 600;
  line-height: 130%;
  --tw-text-opacity: 1;
  color: rgba(16, 58, 88, 1);
  color: rgba(16, 58, 88, var(--tw-text-opacity));
}
.product .cta-area .calculate{
  --tw-bg-opacity: 1;
  background-color: rgba(16, 58, 88, 1);
  background-color: rgba(16, 58, 88, var(--tw-bg-opacity));
  font-family: 'Pangea Medium', Trebuchet, sans-serif;
  font-weight: 600;
  line-height: 124%;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.product .cta-area .calculate a p{
  margin-right: 0.25rem;
}
.cta-product-list .cta-link:first-child:nth-last-child(n+2),
a ~ *{
  margin-bottom: 0.5rem;
}
.product .image-container img{
  margin-left: auto;
  margin-right: auto;
}
.products-list{
  display: inline-flex;
  min-height: 276px;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 1.58rem;
}
@media (min-width: 64rem){
  .products-list{
    flex-direction: row;
  }
}
.products-list .product{
  display: inline-flex;
  flex-shrink: 1;
  flex-grow: 1;
  flex-basis: 0px;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1.5rem;
  align-self: stretch;
  border-radius: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 64rem){
  .products-list .product{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
.products-list .product,
.products-list.d2c .product{
  --tw-bg-opacity: 1;
  background-color: rgba(19, 234, 208, 1);
  background-color: rgba(19, 234, 208, var(--tw-bg-opacity));
}
.products-list .product .title-area h3,
.products-list.d2c .product .title-area h3{
  --tw-text-opacity: 1;
  color: rgba(12, 43, 69, 1);
  color: rgba(12, 43, 69, var(--tw-text-opacity));
}
.products-list .product .description-area,
.products-list.d2c .product .description-area{
  --tw-text-opacity: 1;
  color: rgba(3, 25, 43, 1);
  color: rgba(3, 25, 43, var(--tw-text-opacity));
}
.products-list .product .cta-area a,
.products-list.d2c .product .cta-area a{
  display: inline-flex;
  flex: 1 1 0%;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  border-radius: 60px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(42, 68, 94, 1);
  border-color: rgba(42, 68, 94, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.products-list .product .cta-area a:hover,
.products-list.d2c .product .cta-area a:hover{
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(12, 43, 69, 1);
  border-color: rgba(12, 43, 69, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(241, 245, 249, 1);
  background-color: rgba(241, 245, 249, var(--tw-bg-opacity));
}
.products-list .product .cta-area a .text-area,
.products-list.d2c .product .cta-area a .text-area{
  font-family: 'Pangea Medium', Trebuchet, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgba(16, 58, 88, 1);
  color: rgba(16, 58, 88, var(--tw-text-opacity));
}
.products-list .product .cta-area a .text-area:hover,
.products-list.d2c .product .cta-area a .text-area:hover{
  --tw-text-opacity: 1;
  color: rgba(12, 43, 69, 1);
  color: rgba(12, 43, 69, var(--tw-text-opacity));
}
@media (min-width: 64rem){
  .products-list .product .cta-area a .text-area,
.products-list.d2c .product .cta-area a .text-area{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.products-list.b2c .product{
  --tw-bg-opacity: 1;
  background-color: rgba(12, 43, 69, 1);
  background-color: rgba(12, 43, 69, var(--tw-bg-opacity));
}
.products-list.b2c .product .title-area h3{
  --tw-text-opacity: 1;
  color: rgba(19, 234, 208, 1);
  color: rgba(19, 234, 208, var(--tw-text-opacity));
}
.products-list.b2c .product .description-area{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.products-list.b2c .product .cta-area a{
  display: inline-flex;
  flex: 1 1 0%;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  border-radius: 60px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(42, 68, 94, 1);
  border-color: rgba(42, 68, 94, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.products-list.b2c .product .cta-area a:hover{
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(12, 43, 69, 1);
  border-color: rgba(12, 43, 69, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(241, 245, 249, 1);
  background-color: rgba(241, 245, 249, var(--tw-bg-opacity));
}
.products-list.b2c .product .cta-area a .text-area{
  font-family: 'Pangea Medium', Trebuchet, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgba(16, 58, 88, 1);
  color: rgba(16, 58, 88, var(--tw-text-opacity));
}
.products-list.b2c .product .cta-area a .text-area:hover{
  --tw-text-opacity: 1;
  color: rgba(12, 43, 69, 1);
  color: rgba(12, 43, 69, var(--tw-text-opacity));
}
@media (min-width: 64rem){
  .products-list.b2c .product .cta-area a .text-area{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
/* benefits - testimonials block */
.benefit-area,
.benefit-area.d2c{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
}
@media (min-width: 64rem){
  .benefit-area,
.benefit-area.d2c{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 90rem){
  .benefit-area,
.benefit-area.d2c{
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}
.benefit-area .benefit,
.benefit-area.d2c .benefit{
  max-width: 360px;
  flex: 1 0 auto;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  border-radius: 1.5rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(23, 23, 23, 1);
  border-color: rgba(23, 23, 23, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 58.125rem){
  .benefit-area .benefit,
.benefit-area.d2c .benefit{
    min-width: 280px;
  }
}
.benefit-area .benefit .image-area,
.benefit-area.d2c .benefit .image-area{
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(19, 234, 208, 1);
  background-color: rgba(19, 234, 208, var(--tw-bg-opacity));
  padding: 0.75rem;
}
.benefit-area .benefit .image-area .image-wrapper,
.benefit-area.d2c .benefit .image-area .image-wrapper{
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
}
.benefit-area .benefit .image-area .image-wrapper .image,
.benefit-area.d2c .benefit .image-area .image-wrapper .image{
  position: relative;
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.benefit-area .benefit .text-area,
.benefit-area.d2c .benefit .text-area{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
}
.benefit-area .benefit .text-area .title,
.benefit-area.d2c .benefit .text-area .title{
  align-self: stretch;
  text-align: center;
  font-family: 'Pangea Semi Bold', Trebuchet, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgba(12, 43, 69, 1);
  color: rgba(12, 43, 69, var(--tw-text-opacity));
}
.benefit-area .benefit .text-area .description,
.benefit-area.d2c .benefit .text-area .description{
  align-self: stretch;
  text-align: center;
  font-family: 'Pangea Medium', Trebuchet, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgba(12, 43, 69, 1);
  color: rgba(12, 43, 69, var(--tw-text-opacity));
}
.benefit-area.b2c .benefit .image-area{
  max-height: 78px;
  max-width: 78px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  padding: 0px;
}
.benefit-area.b2c .benefit .image-area .image-wrapper{
  display: flex;
  height: auto;
  width: auto;
  align-items: center;
  justify-content: center;
}
.benefit-area.b2c .benefit .image-area .image-wrapper .image{
  position: relative;
  display: flex;
  height: auto;
  width: auto;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.benefit-area.b2c .benefit .image-area .image-wrapper .image img{
  width: 100%;
}
.benefit-area.b2c .benefit .text-area{
  flex-direction: column-reverse;
}
.benefit-area.b2c .benefit .text-area .title{
  font-size: 1rem;
  line-height: 1.5rem;
}
.benefit-area.b2c .benefit .text-area .description{
  margin-top: 1.5rem;
  font-family: 'Pangea Medium Italic', Trebuchet, sans-serif;
  font-weight: 100;
}
/* text with image block */
.text-with-image-block{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 33.75rem;
  padding: 1.25rem;
}
@media (min-width: 640px){
  .text-with-image-block{
    padding: 0px;
  }
}
@media (min-width: 64rem){
  .text-with-image-block{
    max-width: 100%;
  }
}
@media (min-width: 90rem){
  .text-with-image-block{
    max-width: 92.125rem;
  }
}
.text-with-image-block .gray-style{
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgba(241, 245, 249, 1);
  background-color: rgba(241, 245, 249, var(--tw-bg-opacity));
  padding: 1.25rem;
}
@media (min-width: 64rem){
  .text-with-image-block .gray-style{
    padding-left: 4rem;
    padding-right: 4rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
@media (min-width: 90rem){
  .text-with-image-block .gray-style{
    padding-left: 7rem;
    padding-right: 7rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
.text-with-image-block .cta-link p{
  margin-right: 0.25rem;
}
.text-with-image-block .description p,
.faq-answer h3,
.faq-answer p{
  margin-bottom: 1rem;
}
.text-with-image-block .right-area .title{
  font-family: 'Pangea Semi Bold', Trebuchet, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgba(0, 118, 134, 1);
  color: rgba(0, 118, 134, var(--tw-text-opacity));
}
.text-with-image-block .right-area .description{
  font-family: 'Pangea Medium', Trebuchet, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgba(12, 43, 69, 1);
  color: rgba(12, 43, 69, var(--tw-text-opacity));
}
.text-with-image-block .right-area .description p a{
  text-decoration-line: underline;
}
.text-with-image-block .right-area .description p a:hover{
  opacity: 0.8;
}
.text-with-image-block .right-area .cta{
  margin-top: 1rem;
  display: inline-flex;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 60px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 58.125rem){
  .text-with-image-block .right-area .cta{
    height: 3rem;
  }
}
.text-with-image-block .right-area .cta .text-area{
  font-family: 'Pangea Semi Bold', Trebuchet, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  line-height: 1.5;
}
@media (min-width: 64rem){
  .text-with-image-block .right-area .cta .text-area{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.text-with-image-block .right-area .cta .text-area,
.text-with-image-block.d2c .right-area .cta .text-area{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.text-with-image-block.b2c .right-area .cta .text-area{
  --tw-text-opacity: 1;
  color: rgba(19, 234, 208, 1);
  color: rgba(19, 234, 208, var(--tw-text-opacity));
}
.text-with-image-block .right-area .cta,
.text-with-image-block.d2c .right-area .cta{
  --tw-bg-opacity: 1;
  background-color: rgba(218, 13, 172, 1);
  background-color: rgba(218, 13, 172, var(--tw-bg-opacity));
}
.text-with-image-block .right-area .cta:hover,
.text-with-image-block.d2c .right-area .cta:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(183, 11, 146, 1);
  background-color: rgba(183, 11, 146, var(--tw-bg-opacity));
}
.text-with-image-block.b2c .right-area .cta{
  --tw-bg-opacity: 1;
  background-color: rgba(12, 43, 69, 1);
  background-color: rgba(12, 43, 69, var(--tw-bg-opacity));
}
.text-with-image-block.b2c .right-area .cta:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(3, 25, 43, 1);
  background-color: rgba(3, 25, 43, var(--tw-bg-opacity));
}
.text-with-image-block.b2c .right-area .title{
  --tw-text-opacity: 1;
  color: rgba(0, 119, 135, 1);
  color: rgba(0, 119, 135, var(--tw-text-opacity));
}
.text-with-image-block.d2c .right-area .title{
  --tw-text-opacity: 1;
  color: rgba(0, 118, 134, 1);
  color: rgba(0, 118, 134, var(--tw-text-opacity));
}
.faq-answer h3{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
/* step-list */
.step-list-block .text-area{
  margin-bottom: 2.5rem;
}
.step-list-block .left{
  width: 100%;
}
@media (min-width: 64rem){
  .step-list-block .left{
    display: flex;
    max-width: 32.5rem;
    flex-direction: column;
    justify-content: space-between;
  }
}
.step-list-block .left .image-area{
  display: flex;
  justify-content: center;
}
@media (min-width: 64rem){
  .step-list-block .left .image-area{
    position: relative;
    z-index: -10;
    margin-right: -8rem;
    justify-content: flex-end;
  }
}
@media (min-width: 90rem){
  .step-list-block .left .image-area{
    margin-right: calc((100% - 22rem) * -1);
    margin-right: calc(calc(100% - 22rem) * -1);
  }
}
.step-list-block .right .image-area{
  display: flex;
  justify-content: center;
}
@media (min-width: 64rem){
  .step-list-block .right .image-area{
    position: absolute;
    bottom: 0px;
    left: -18rem;
    z-index: 1;
  }
}
.step-list-block .image-area img{
  max-width: 20.188rem;
}
@media (min-width: 64rem){
  .step-list-block .image-area img{
    max-width: 25.625rem;
  }
}
.step-list-block .text-area .cta-area a{
  margin-top: 1.5rem;
  width: 10.063rem;
  display: flex;
  height: 3rem;
  min-width: 7.75rem;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(42, 68, 94, 1);
  background-color: rgba(42, 68, 94, var(--tw-bg-opacity));
  font-family: 'Pangea Semi Bold', Trebuchet, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 124%;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.step-list-block .text-area .cta-area a:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(12, 43, 69, 1);
  background-color: rgba(12, 43, 69, var(--tw-bg-opacity));
}
.step-list-block .step-list{
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
}
@media (min-width: 64rem){
  .step-list-block .step-list{
    align-items: flex-end;
    justify-content: flex-end;
  }
}
.step-list-block .step-list .step-item{
  align-items: center;
  align-self: stretch;
  border-radius: 1.5rem;
  border-width: 2px;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 64rem){
  .step-list-block .step-list .step-item{
    display: flex;
    flex-direction: row;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
.step-list-block .step-list .step-item,
.step-list-block.d2c .step-list .step-item{
  --tw-border-opacity: 1;
  border-color: rgba(12, 43, 69, 1);
  border-color: rgba(12, 43, 69, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.step-list-block.b2c{
  --tw-bg-opacity: 1;
  background-color: rgba(12, 43, 69, 1);
  background-color: rgba(12, 43, 69, var(--tw-bg-opacity));
}
.step-list-block.b2c .step-list .step-item{
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgba(241, 245, 249, 1);
  background-color: rgba(241, 245, 249, var(--tw-bg-opacity));
}
@media (min-width: 90rem){
  .step-list-block .step-list .step-item:nth-child(odd){
    width: calc(100% - 9rem);
    align-self: auto;
  }
  .step-list-block .step-list .step-item:nth-child(even){
    margin-right: 6.875rem;
  }
}
.step-list-block .step-list .step-item .nt-area{
  display: flex;
  align-items: center;
}
.step-list-block .step-list .step-item .nt-area .number,
.step-list-block .step-list .step-item .number{
  min-width: 85.5px;
  -webkit-background-clip: text;
          background-clip: text;
  padding: 0.375rem;
  text-align: center;
  font-size: 6rem;
  line-height: 1;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgba(12, 43, 69, 1);
  color: rgba(12, 43, 69, var(--tw-text-opacity));
  color: transparent;
}
.step-list-block .step-list .step-item .nt-area .number.d2c,
.step-list-block .step-list .step-item .number.d2c{
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
  --tw-gradient-from: #F98F51 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(249, 143, 81, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #FF40D6 var(--tw-gradient-to-position);
  font-family: 'OC Blimp v2 Bobble 3', Helvetica, sans-serif;
}
.step-list-block .step-list .step-item .nt-area .number.b2c,
.step-list-block .step-list .step-item .number.b2c{
  font-family: 'Pangea Bold', Trebuchet, sans-serif;
  --tw-text-opacity: 1;
  color: rgba(12, 43, 69, 1);
  color: rgba(12, 43, 69, var(--tw-text-opacity));
}
@media (min-width: 64rem){
  .step-list-block .step-list .step-item .number{
    margin-right: 1rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    font-size: 7rem;
  }
}
.step-list-block .step-list .step-item .nt-area .number{
  display: block;
}
@media (min-width: 64rem){
  .step-list-block .step-list .step-item .nt-area .number{
    display: none;
  }
}
.step-list-block .step-list .step-item .nt-area .title{
  margin-bottom: 0.25rem;
  font-family: 'Pangea Semi Bold', Trebuchet, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgba(12, 43, 69, 1);
  color: rgba(12, 43, 69, var(--tw-text-opacity));
}
@media (min-width: 58.125rem){
  .step-list-block .step-list .step-item .nt-area .title{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 64rem){
  .step-list-block .step-list .step-item .nt-area .title{
    padding-left: 0px;
  }
}
.step-list-block .step-list .step-item .text .description{
  font-family: 'Pangea Medium', Trebuchet, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgba(16, 58, 88, 1);
  color: rgba(16, 58, 88, var(--tw-text-opacity));
}
@media (min-width: 58.125rem){
  .step-list-block .step-list .step-item .text .description{
    font-size: 1rem;
    line-height: 1.5rem;
    line-height: 1.5;
  }
}
/* benefits */
@media (min-width: 90rem){
  .benefits ul li:nth-child(3n+2){
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
}
.benefits .benefit{
  display: flex;
  flex: 0 0 30%;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding: 1.125rem;
  text-align: center;
}
/* accreditations */
.accreditations-list{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5rem;
  width: 100%;
  max-width: 33.75rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media (min-width: 640px){
  .accreditations-list{
    padding: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (min-width: 64rem){
  .accreditations-list{
    margin-bottom: 7.5rem;
    max-width: 60rem;
  }
}
@media (min-width: 90rem){
  .accreditations-list{
    max-width: 92rem;
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}
@media (min-width: 120rem){
  .accreditations-list{
    padding-left: 0px;
    padding-right: 0px;
  }
}
/* cta banner block */
.cta-banner-block .cta-link{
  border-radius: calc(3.75rem - 2rem);
}
.cta-banner-block .cta-link svg{
  min-width: 1.25rem;
}
/* register my interest form */
.register-interest-form{
  margin-bottom: 3.5rem;
}
.register-interest-form .privacy-policy-text a,
.register-interest-form .privacy-policy-text a:hover,
.checkbox.terms-conditions .form-small-text p a,
.checkbox.terms-conditions .form-small-text p a:hover,
.text-styling p a,
.text-styling p a:hover{
  --tw-text-opacity: 1;
  color: rgba(183, 11, 146, 1);
  color: rgba(183, 11, 146, var(--tw-text-opacity));
  text-decoration-line: underline;
}
.text-styling ul{
  list-style-type: disc;
  padding-left: 1rem;
}
.text-styling ol{
  list-style-type: decimal;
  padding-left: 1rem;
}
.link-styling p a,
.link-styling p a:hover,
.link-styling a,
.link-styling a:hover{
  --tw-text-opacity: 1;
  color: rgba(183, 11, 146, 1);
  color: rgba(183, 11, 146, var(--tw-text-opacity));
  text-decoration-line: underline;
}
.link-styling-dark p a{
  --tw-text-opacity: 1;
  color: rgba(19, 234, 208, 1);
  color: rgba(19, 234, 208, var(--tw-text-opacity));
}
.link-styling-dark p a:hover{
  text-decoration-line: underline;
}
.register-interest-form .privacy-policy-text p{
  margin-top: 1.5rem;
  font-family: 'Pangea Medium', Trebuchet, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgba(16, 58, 88, 1);
  color: rgba(16, 58, 88, var(--tw-text-opacity));
}
/* register my interest */
.register-interest{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5rem;
  width: 100%;
  max-width: 33.75rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media (min-width: 640px){
  .register-interest{
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (min-width: 64rem){
  .register-interest{
    margin-bottom: 7.5rem;
    max-width: 100%;
  }
}
.register-interest .banner-area{
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgba(19, 234, 208, 1);
  background-color: rgba(19, 234, 208, var(--tw-bg-opacity));
  padding: 2rem;
  padding-bottom: 0px;
}
@media (min-width: 64rem){
  .register-interest .banner-area{
    min-height: 20rem;
    flex-direction: row;
    padding: 0px;
  }
}
.register-interest .text-area{
  max-width: 37.188rem;
}
.register-interest .text-area .title{
  max-width: 13rem;
  font-family: 'Pangea Semi Bold', Trebuchet, sans-serif;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgba(16, 58, 88, 1);
  color: rgba(16, 58, 88, var(--tw-text-opacity));
}
@media (min-width: 58.125rem){
  .register-interest .text-area .title{
    max-width: 100%;
  }
}
@media (min-width: 64rem){
  .register-interest .text-area .title{
    font-size: 2.5rem;
  }
}
@media (min-width: 90rem){
  .register-interest .text-area .title{
    font-size: 3rem;
    line-height: 1;
  }
}
.register-interest .text-area .title .special-font{
  font-size: 2.25rem;
  line-height: 2.5rem;
}
@media (min-width: 64rem){
  .register-interest .text-area .title .special-font{
    font-size: 3rem;
    line-height: 1;
  }
}
@media (min-width: 90rem){
  .register-interest .text-area .title .special-font{
    font-size: 4rem;
  }
}
.register-interest .text-area .description{
  margin-top: 0.75rem;
  font-family: 'Pangea Medium', Trebuchet, sans-serif;
  font-size: 1.188rem;
  --tw-text-opacity: 1;
  color: rgba(16, 58, 88, 1);
  color: rgba(16, 58, 88, var(--tw-text-opacity));
}
@media (min-width: 64rem){
  .register-interest .text-area .description{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
.register-interest .left-area{
  margin-left: auto;
  margin-top: auto;
  max-width: 11rem;
}
@media (min-width: 64rem){
  .register-interest .left-area{
    max-width: 15rem;
  }
}
.register-interest .right-area{
  margin-right: auto;
}
@media (min-width: 64rem){
  .register-interest .right-area{
    margin-left: 3.5rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media (min-width: 90rem){
  .register-interest .right-area{
    margin-left: 4.375rem;
  }
}
.register-interest .right-area .cta-area{
  margin-top: 0.75rem;
  display: flex;
}
@media (min-width: 64rem){
  .register-interest .right-area .cta-area{
    margin-top: 2rem;
    justify-content: flex-start;
  }
}
.register-interest .right-area .cta-area a{
  --tw-bg-opacity: 1;
  background-color: rgba(16, 58, 88, 1);
  background-color: rgba(16, 58, 88, var(--tw-bg-opacity));
  font-family: 'Pangea Semi Bold', Trebuchet, sans-serif;
  font-weight: 200;
}
.register-interest .right-area .cta-area a:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(10, 37, 56, 1);
  background-color: rgba(10, 37, 56, var(--tw-bg-opacity));
}
/* line height classes */
/* gradient classes */
.gradient-1 {
  background: linear-gradient(110deg, #f98f51 5.6%, #f40dc1 92.32%);
}
.gradient-2 {
  background: linear-gradient(110deg, #13efd4 5.6%, #f40dc1 92.32%);
}
/* button classes */
.cta-link{
  display: flex;
  height: 3rem;
  min-width: 7.75rem;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(218, 13, 172, 1);
  background-color: rgba(218, 13, 172, var(--tw-bg-opacity));
  font-family: 'Pangea Semi Bold', Trebuchet, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 124%;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.cta-link-dark{
  display: flex;
  height: 3rem;
  min-width: 7.75rem;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(183, 11, 146, 1);
  background-color: rgba(183, 11, 146, var(--tw-bg-opacity));
  font-family: 'Pangea Semi Bold', Trebuchet, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 124%;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.cta-link-secondary-light-large{
  display: flex;
  height: 3rem;
  min-width: 7.75rem;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(42, 68, 94, 1);
  background-color: rgba(42, 68, 94, var(--tw-bg-opacity));
  font-family: 'Pangea Semi Bold', Trebuchet, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 124%;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.cta-link-secondary-light-large:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(12, 43, 69, 1);
  background-color: rgba(12, 43, 69, var(--tw-bg-opacity));
}
.cta-padding a,
.cta-padding button{
  padding-left: 1.5rem;
  padding-right: 1rem;
}
.cta-link-pfull,
.cta-link-pfull a{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.text-faq ul{
  list-style-type: disc;
  padding-left: 1rem;
}
.text-faq ol{
  list-style-type: decimal;
  padding-left: 1rem;
}
.faq-list .faq-item:last-child .faq-answer,
.faq-answer p{
  margin-bottom: 1rem;
}
/* heating pump cta buttons */
.heating-pump-error .cta-link{
  display: flex;
  height: 3rem;
  min-width: 7.75rem;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(218, 13, 172, 1);
  background-color: rgba(218, 13, 172, var(--tw-bg-opacity));
  font-family: 'Pangea Semi Bold', Trebuchet, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 124%;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.heating-pump-error .cta-link.without-bg{
  min-width: 0px;
  background-color: inherit;
  padding-left: 0px;
  padding-right: 0px;
  --tw-text-opacity: 1;
  color: rgba(47, 81, 106, 1);
  color: rgba(47, 81, 106, var(--tw-text-opacity));
}
/* form classes */
.form-input-checkbox{
  margin-left: 1rem;
  margin-right: 1rem;
  height: 1.5rem;
  width: 1.5rem;
  cursor: pointer;
  border-radius: 0.25rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(0, 119, 135, 1);
  border-color: rgba(0, 119, 135, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.form-input-checkbox:hover{
  --tw-border-opacity: 1;
  border-color: rgba(16, 58, 88, 1);
  border-color: rgba(16, 58, 88, var(--tw-border-opacity));
}
.form-input-checkbox:checked{
  background-clip: content-box;
  padding: 0.5rem;
  accent-color: #103A58;
}
.form-input-checkbox:disabled{
  --tw-border-opacity: 1;
  border-color: rgba(203, 213, 225, 1);
  border-color: rgba(203, 213, 225, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(241, 245, 249, 1);
  background-color: rgba(241, 245, 249, var(--tw-bg-opacity));
}
.form-input-checkbox:checked{
  --tw-bg-opacity: 1;
  background-color: rgba(220, 38, 38, 1);
  background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
}
/*Radio*/
/*.form-input-radio {*/
/*    @apply  cursor-pointer appearance-none rounded-full border-2 border-yellow-20 bg-white checked:bg-midnight-800 checked:bg-clip-content checked:p-1;*/
/*}*/
.form-input-radio{
  position: relative;
  margin-left: 1rem;
  margin-right: 1rem;
  height: 1.5rem;
  width: 1.5rem;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(0, 119, 135, 1);
  border-color: rgba(0, 119, 135, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.form-input-radio:hover{
  --tw-border-opacity: 1;
  border-color: rgba(16, 58, 88, 1);
  border-color: rgba(16, 58, 88, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(241, 245, 249, 1);
  background-color: rgba(241, 245, 249, var(--tw-bg-opacity));
}
/* Selected state */
.form-input-radio:checked{
  --tw-border-opacity: 1;
  border-color: rgba(16, 58, 88, 1);
  border-color: rgba(16, 58, 88, var(--tw-border-opacity));
  padding: 0.25rem;
}
.form-input-radio:checked::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 0.75rem;
  width: 0.75rem;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(-50%, -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(31, 41, 55, 1);
  background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
}
/* Disabled state */
.form-input-radio:disabled{
  cursor: not-allowed;
  --tw-border-opacity: 1;
  border-color: rgba(209, 213, 219, 1);
  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
}
.form-input-radio:disabled:checked::before{
  --tw-bg-opacity: 1;
  background-color: rgba(209, 213, 219, 1);
  background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
}
/* Error state - Idle */
.form-input-radio.error-idle{
  --tw-border-opacity: 1;
  border-color: rgba(220, 38, 38, 1);
  border-color: rgba(220, 38, 38, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(254, 226, 226, 1);
  background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
}
.form-input-radio.error-idle:checked::before{
  --tw-bg-opacity: 1;
  background-color: rgba(220, 38, 38, 1);
  background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
}
/* Error state - Hover */
.form-input-radio.error-hover:hover{
  --tw-border-opacity: 1;
  border-color: rgba(239, 68, 68, 1);
  border-color: rgba(239, 68, 68, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(254, 226, 226, 1);
  background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
}
.form-input-radio.error-hover:checked::before{
  --tw-bg-opacity: 1;
  background-color: rgba(239, 68, 68, 1);
  background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
}
/*Radio end*/
.form-small-text{
  font-family: 'Pangea Semi Bold', Trebuchet, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  line-height: 130%;
  --tw-text-opacity: 1;
  color: rgba(16, 58, 88, 1);
  color: rgba(16, 58, 88, var(--tw-text-opacity));
}
.form-error-message{
  font-family: 'Pangea Medium', Trebuchet, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  font-style: normal;
  line-height: 130%;
  --tw-text-opacity: 1;
  color: rgba(255, 62, 80, 1);
  color: rgba(255, 62, 80, var(--tw-text-opacity));
}
.form-input-error-bg{
  --tw-border-opacity: 1;
  border-color: rgba(255, 62, 80, 1);
  border-color: rgba(255, 62, 80, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(254, 226, 226, 1);
  background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
}
/* .form-input-error-bg > input[type="checkbox"],
.form-input-error-bg > input[type="radio"] {
  @apply checked:bg-red-60;
} */
.form-input-error-bg > input[type=text]{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 62, 80, 1);
  background-color: rgba(255, 62, 80, var(--tw-bg-opacity));
}
.form-input-bg{
  --tw-border-opacity: 1;
  border-color: rgba(0, 119, 135, 1);
  border-color: rgba(0, 119, 135, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.form-input-bg:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(230, 255, 250, 1);
  background-color: rgba(230, 255, 250, var(--tw-bg-opacity));
}
.form-input-bg-aem{
  --tw-border-opacity: 1;
  border-color: rgba(0, 119, 135, 1);
  border-color: rgba(0, 119, 135, var(--tw-border-opacity));
}
.form-input-bg-aem:focus{
  --tw-border-opacity: 1;
  border-color: rgba(0, 95, 204, 1);
  border-color: rgba(0, 95, 204, var(--tw-border-opacity));
  outline-color: #005FCC;
}
.form-input-bg-aem:focus-visible{
  --tw-border-opacity: 1;
  border-color: rgba(0, 95, 204, 1);
  border-color: rgba(0, 95, 204, var(--tw-border-opacity));
  outline-color: #005FCC;
}
.form-title{
  font-family: 'Pangea Semi Bold', Trebuchet, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgba(16, 58, 88, 1);
  color: rgba(16, 58, 88, var(--tw-text-opacity));
}
.form-subtitle{
  margin-bottom: 1rem;
  font-family: 'Pangea Medium', Trebuchet, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 130%;
  --tw-text-opacity: 1;
  color: rgba(16, 58, 88, 1);
  color: rgba(16, 58, 88, var(--tw-text-opacity));
}
.input-register-interest .input-checkbox{
  width: 100%;
}
.input-register-interest .input-checkbox:last-child{
  margin-right: 0px;
}
.input-checkbox{
  margin-bottom: 0.75rem;
  margin-right: 31px;
  display: flex;
  height: 5rem;
  width: 100%;
  cursor: pointer;
  align-items: center;
  border-radius: 0.5rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(16, 58, 88, 1);
  border-color: rgba(16, 58, 88, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(229, 255, 249, 1);
  background-color: rgba(229, 255, 249, var(--tw-bg-opacity));
}
.input-checkbox:hover{
  --tw-border-opacity: 1;
  border-color: rgba(16, 58, 88, 1);
  border-color: rgba(16, 58, 88, var(--tw-border-opacity));
}
.input-checkbox:focus{
  --tw-border-opacity: 1;
  border-color: rgba(16, 58, 88, 1);
  border-color: rgba(16, 58, 88, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(229, 255, 249, 1);
  background-color: rgba(229, 255, 249, var(--tw-bg-opacity));
}
.input-checkbox:has(:checked){
  --tw-bg-opacity: 1;
  background-color: rgba(19, 234, 208, 1);
  background-color: rgba(19, 234, 208, var(--tw-bg-opacity));
}
.input-checkbox:hover:has(:checked){
  --tw-bg-opacity: 1;
  background-color: rgba(10, 212, 188, 1);
  background-color: rgba(10, 212, 188, var(--tw-bg-opacity));
}
@media (min-width: 64rem){
  .input-checkbox{
    width: 263px;
  }
}
.input-checkbox.error-idle:has(:checked){
  --tw-bg-opacity: 1;
  background-color: rgba(254, 226, 226, 1);
  background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
}
.input-checkbox.error-idle:hover:has(:checked){
  --tw-bg-opacity: 1;
  background-color: rgba(254, 242, 242, 1);
  background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
}
.input-checkbox-selected{
  --tw-border-opacity: 1;
  border-color: rgba(0, 119, 135, 1);
  border-color: rgba(0, 119, 135, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(19, 234, 208, 1);
  background-color: rgba(19, 234, 208, var(--tw-bg-opacity));
}
.input-checkbox-selected:hover{
  --tw-border-opacity: 1;
  border-color: rgba(16, 58, 88, 1);
  border-color: rgba(16, 58, 88, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(10, 213, 188, 1);
  background-color: rgba(10, 213, 188, var(--tw-bg-opacity));
}
.input-text{
  height: 3.5rem;
  border-radius: 0.5rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(0, 119, 135, 1);
  border-color: rgba(0, 119, 135, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 0.875rem;
  font-family: 'Pangea Medium', Trebuchet, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgba(12, 43, 69, 1);
  color: rgba(12, 43, 69, var(--tw-text-opacity));
}
.input-text:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(230, 255, 250, 1);
  background-color: rgba(230, 255, 250, var(--tw-bg-opacity));
}
.input-text:focus-visible{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
/* Gutter */
.section-gutter{
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
@media (min-width: 64rem){
  .section-gutter{
    margin-left: 1.969rem;
    margin-right: 1.969rem;
  }
}
@media (min-width: 90rem){
  .section-gutter{
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }
}
@media (min-width: 120rem){
  .section-gutter{
    margin-left: 14rem;
    margin-right: 14rem;
  }
}
.section-gutter2{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 33.75rem;
}
@media (min-width: 64rem){
  .section-gutter2{
    max-width: 100%;
  }
}
@media (min-width: 90rem){
  .section-gutter2{
    max-width: 92rem;
  }
}
/* rich text area */
.rich-text-area{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5rem;
  width: 100%;
  max-width: 53.375rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media (min-width: 90rem){
  .rich-text-area{
    margin-bottom: 7.5rem;
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}
@media (min-width: 64rem){
  .rich-text-area .prose-rich-text-style h1:first-child{
    margin-top: 0px;
  }
  .rich-text-area h1{
    margin-top: 2.25rem;
  }
}
.rich-text-area .content-table{
  width: 100%;
  overflow-x: auto;
}
.rich-text-area ul *::marker{
  color: rgb(16, 58, 88);
}
.rich-text-area ul::marker{
  color: rgb(16, 58, 88);
}
/* simple header area */
.simple-header-area{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 33.75rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
}
@media (min-width: 64rem){
  .simple-header-area{
    max-width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media (min-width: 90rem){
  .simple-header-area{
    max-width: 92.849rem;
  }
}
.simple-header-area .logo-text-area{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.simple-header-area .logo-area a{
  max-width: 6.25rem;
}
@media (min-width: 58.125rem){
  .simple-header-area .logo-area a{
    max-width: 7.313rem;
  }
}
@media (min-width: 64rem){
  .simple-header-area .logo-area a{
    max-width: 8.688rem;
  }
}
.simple-header-area .logo-area img{
  width: 100%;
}
@media (min-width: 58.125rem){
  .simple-header-area .logo-area p{
    margin-left: 1.5rem;
  }
}
.simple-header-area .text-right p,
.simple-header-area .text-right span{
  font-family: 'Pangea Semi Bold', Trebuchet, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  line-height: 130%;
  --tw-text-opacity: 1;
  color: rgba(16, 58, 88, 1);
  color: rgba(16, 58, 88, var(--tw-text-opacity));
}
@media (min-width: 64rem){
  .simple-header-area .text-right p,
.simple-header-area .text-right span{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.simple-header-area .text-right p a,
.simple-header-area .text-right span a,
.checkbox-description a{
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgba(218, 13, 172, 1);
  color: rgba(218, 13, 172, var(--tw-text-opacity));
  text-decoration-line: underline;
}
.checkbox-area p a,
.footer-user-form-book-consultation p a{
  cursor: pointer;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgba(183, 11, 146, 1);
  color: rgba(183, 11, 146, var(--tw-text-opacity));
  text-decoration-line: underline;
}
/* tenant */
.SocialLandlordTenantPage{
  min-height: 100lvh;
}
.tenant-wrapper{
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}
.SocialLandlordTenantPage .tenant-area {
  flex: 1;
}
/* calculator */
.SolarPanelSavingCalculatorPage{
  height: 100dvh;
}
.calc-area{
  display: flex;
  flex-direction: column;
}
.calc-height{
  height: calc(100vh - 9rem);
}
@media (min-width: 64rem){
  .calc-height{
    height: calc(100vh - 5.5rem);
  }
}
.steps-area{
  margin-top: auto;
  border-top-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(190, 206, 218, 1);
  border-color: rgba(190, 206, 218, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.steps-area .cta-link{
  font-family: 'Pangea Semi Bold', Trebuchet, sans-serif;
}
.steps-area .cta-link:disabled{
  opacity: 0.4;
}
.steps-area .leave-button::before{
  margin-right: 0.5rem;
  content: "←";
}
.steps-area .cta-link::after{
  margin-left: 0.25rem;
  content: "→";
}
@media (min-width: 64rem){
  .step-area{
    margin-top: 3rem;
  }
}
.steps-area-header .item-top{
  margin-left: 0px;
}
.time-info{
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.75rem;
  display: flex;
  max-width: 12.44rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(190, 206, 218, 1);
  border-color: rgba(190, 206, 218, var(--tw-border-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-family: 'Pangea Semi Bold', Trebuchet, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.138rem;
  --tw-text-opacity: 1;
  color: rgba(73, 107, 131, 1);
  color: rgba(73, 107, 131, var(--tw-text-opacity));
}
@media (min-width: 64rem){
  .time-info{
    position: absolute;
    right: 0px;
    top: 0px;
    margin-top: 5.469rem;
  }
}
.leave-button{
  display: flex;
  min-width: 8rem;
  max-width: 12.44rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(97, 133, 158, 1);
  border-color: rgba(97, 133, 158, var(--tw-border-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-family: 'Pangea Semi Bold', Trebuchet, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.138rem;
  --tw-text-opacity: 1;
  color: rgba(16, 58, 88, 1);
  color: rgba(16, 58, 88, var(--tw-text-opacity));
}
.time-info svg{
  margin-right: 0.5rem;
}
.time-info p{
  padding-top: 0.125rem;
}
.step-area .main-title h2{
  margin-bottom: 1rem;
  font-family: 'Pangea Bold', Trebuchet, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgba(16, 58, 88, 1);
  color: rgba(16, 58, 88, var(--tw-text-opacity));
}
@media (min-width: 64rem){
  .step-area .main-title h2{
    font-size: 2rem;
  }
}
.step-area .main-title p{
  margin-bottom: 1.5rem;
  font-family: 'Pangea Regular', Trebuchet, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.3rem;
  --tw-text-opacity: 1;
  color: rgba(16, 58, 88, 1);
  color: rgba(16, 58, 88, var(--tw-text-opacity));
}
.step0 .image-area{
  margin-bottom: 2rem;
  margin-top: 0.75rem;
  max-width: 9.5rem;
}
@media (min-width: 58.125rem){
  .step0 .image-area{
    margin-bottom: 2.5rem;
    margin-top: 1rem;
    max-width: 16.063rem;
  }
}
@media (min-width: 64rem){
  .step0 .image-area{
    margin-bottom: 2.5rem;
    margin-top: 5.469rem;
    max-width: 21.313rem;
  }
}
.step0 .text-area{
  max-width: 39.375rem;
  text-align: center;
}
.step0 .button-area{
  display: flex;
  align-items: center;
  justify-content: center;
}
.step0 .text-area h2{
  margin-bottom: 1rem;
  text-align: center;
  font-family: 'Pangea Bold', Trebuchet, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.625rem;
  --tw-text-opacity: 1;
  color: rgba(16, 58, 88, 1);
  color: rgba(16, 58, 88, var(--tw-text-opacity));
}
@media (min-width: 64rem){
  .step0 .text-area h2{
    font-size: 2rem;
  }
}
.step0 .text-area p{
  margin-bottom: 1.5rem;
  font-family: 'Pangea Regular', Trebuchet, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3rem;
  --tw-text-opacity: 1;
  color: rgba(73, 107, 131, 1);
  color: rgba(73, 107, 131, var(--tw-text-opacity));
}
.fields-area{
  margin-top: 2.5rem;
  display: flex;
}
.fields-area .input-checkbox{
  height: 3rem;
  width: 100%;
}
@media (min-width: 58.125rem){
  .fields-area .input-checkbox{
    height: 5rem;
  }
}
@media (min-width: 64rem){
  .fields-area .input-checkbox{
    max-width: 18.75rem;
  }
}
.fields-area .input-checkbox:last-child{
  margin-right: 0px;
}
.fields-half-size{
  display: flex;
  width: 100%;
  flex-direction: column;
}
@media (min-width: 58.125rem){
  .fields-half-size{
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.fields-half-size .input-checkbox{
  height: 3rem;
  width: 100%;
}
@media (min-width: 58.125rem){
  .fields-half-size .input-checkbox{
    margin-right: 3rem;
    max-width: 14rem;
    flex-basis: 50%;
  }
}
@media (min-width: 64rem){
  .fields-half-size .input-checkbox{
    margin-right: 1.75rem;
    max-width: 18.75rem;
  }
}
@media (min-width: 58.125rem){
  .fields-half-size .input-checkbox:nth-child(2n+2){
    margin-right: 0px;
  }
}
.warning-area{
  margin-top: 2rem;
  display: flex;
  justify-content: space-between;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgba(254, 231, 233, 1);
  background-color: rgba(254, 231, 233, var(--tw-bg-opacity));
  padding: 1.5rem;
}
@media (min-width: 64rem){
  .warning-area{
    align-items: center;
  }
}
.warning-area p{
  margin-top: 1rem;
  font-family: 'Pangea Medium', Trebuchet, sans-serif;
  font-size: 1rem;
  line-height: 1.3rem;
  --tw-text-opacity: 1;
  color: rgba(16, 58, 88, 1);
  color: rgba(16, 58, 88, var(--tw-text-opacity));
}
.message-area{
  margin-top: 1.5rem;
}
.message-area p{
  font-family: 'Pangea Semi Bold', Trebuchet, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.463rem;
  --tw-text-opacity: 1;
  color: rgba(97, 133, 158, 1);
  color: rgba(97, 133, 158, var(--tw-text-opacity));
}
.warning-area .image-area{
  display: none;
}
@media (min-width: 58.125rem){
  .warning-area .image-area{
    display: block;
    max-width: 7.563rem;
  }
}
@media (min-width: 64rem){
  .warning-area .image-area{
    max-width: 10.125rem;
  }
}
/*
.warning-area .text-button-area {
  @apply tablet:max-w-64m3 desktop:max-w-96m2;
}
*/
.warning-area .button-area{
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}
@media (min-width: 64rem){
  .warning-area .button-area{
    flex-direction: row;
    align-items: center;
  }
}
@media (min-width: 58.125rem){
  .warning-area .button-area > a{
    margin-bottom: 0.5rem;
  }
}
@media (min-width: 64rem){
  .warning-area .button-area > a{
    margin-right: 1.5rem;
  }
}
.warning-area .button-area .button-just-text{
  margin-top: 0.5rem;
  width: 6.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
}
@media (min-width: 64rem){
  .warning-area .button-area .button-just-text{
    width: auto;
  }
}
.checkbox-wrapper{
  padding-top: 2rem;
}
.checkbox-area{
  margin-bottom: 1rem;
  display: flex;
  width: 100%;
  align-items: flex-start;
}
.checkbox-area .checkbox{
  margin-right: 0.75rem;
}
.checkbox-style{
  margin-top: 0.25rem;
  height: 1.5rem;
  width: 1.5rem;
  min-width: 1.5rem;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0.25rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(16, 58, 88, 1);
  border-color: rgba(16, 58, 88, var(--tw-border-opacity));
}
.checkbox-style:checked{
  --tw-border-opacity: 1;
  border-color: rgba(16, 58, 88, 1);
  border-color: rgba(16, 58, 88, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(16, 58, 88, 1);
  background-color: rgba(16, 58, 88, var(--tw-bg-opacity));
  background-clip: content-box;
  padding: 0.25rem;
}
.checkbox-area .text-area h6{
  margin-bottom: 0.5rem;
  font-family: 'Pangea Semi Bold', Trebuchet, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3rem;
  --tw-text-opacity: 1;
  color: rgba(16, 58, 88, 1);
  color: rgba(16, 58, 88, var(--tw-text-opacity));
}
.checkbox-area .text-area p{
  margin-top: 1rem;
  font-family: 'Pangea Medium', Trebuchet, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3rem;
  --tw-text-opacity: 1;
  color: rgba(16, 58, 88, 1);
  color: rgba(16, 58, 88, var(--tw-text-opacity));
}
.checkbox-area .text-area p:first-child{
  margin-top: 0.1rem;
}
.checkbox-area .text-area p:first-child strong{
  font-family: 'Pangea Semi Bold', Trebuchet, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgba(10, 37, 56, 1);
  color: rgba(10, 37, 56, var(--tw-text-opacity));
}
.field-semibold{
  margin-bottom: 0.5rem;
  font-family: 'Pangea Semi Bold', Trebuchet, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.381rem;
  --tw-text-opacity: 1;
  color: rgba(16, 58, 88, 1);
  color: rgba(16, 58, 88, var(--tw-text-opacity));
}
.btn-addr-area .field-semibold{
  margin-top: auto;
  margin-bottom: auto;
}
.input-address{
  height: 3.5rem;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.dropdown-addr{
  position: absolute;
  left: 50%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  max-height: 24.563rem;
  width: 100%;
  --tw-translate-x: -50%;
  transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  flex-direction: column;
  overflow-y: auto;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-right-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(0, 119, 135, 1);
  border-color: rgba(0, 119, 135, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.dropdown-addr .addr-details{
  cursor: pointer;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-bottom: 0.5rem;
  padding-top: 0.75rem;
  font-family: 'Pangea Medium', Trebuchet, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  line-height: 130%;
  --tw-text-opacity: 1;
  color: rgba(16, 58, 88, 1);
  color: rgba(16, 58, 88, var(--tw-text-opacity));
}
.dropdown-addr .addr-details:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(230, 255, 250, 1);
  background-color: rgba(230, 255, 250, var(--tw-bg-opacity));
}
.results-wrapper{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.125rem;
}
@media (min-width: 64rem){
  .results-wrapper{
    max-width: 100%;
    padding-bottom: 1rem;
  }
}
@media (min-width: 90rem){
  .results-wrapper{
    max-width: 92.125rem;
    padding-left: 0px;
    padding-right: 0px;
  }
}
.results-loading-wrapper{
  position: relative;
  min-height: calc(100dvh - 9rem);
}
.loading-wrapper{
  position: absolute;
  left: 50%;
  top: 50%;
  display: flex;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(-50%, -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  flex-direction: column;
  align-items: center;
}
.call-text{
  font-family: 'Pangea Medium', Trebuchet, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  line-height: 130%;
  --tw-text-opacity: 1;
  color: rgba(16, 58, 88, 1);
  color: rgba(16, 58, 88, var(--tw-text-opacity));
}
.error-block .call-text p{
  font-family: 'Pangea Medium', Trebuchet, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  line-height: 130%;
  --tw-text-opacity: 1;
  color: rgba(16, 58, 88, 1);
  color: rgba(16, 58, 88, var(--tw-text-opacity));
}
.error-block .call-text p a{
  --tw-text-opacity: 1;
  color: rgba(218, 13, 172, 1);
  color: rgba(218, 13, 172, var(--tw-text-opacity));
  text-decoration-line: underline;
}
.results-addr{
  display: flex;
  width: 100%;
  flex-direction: column;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-width: 2px;
  border-top-width: 0px;
  --tw-border-opacity: 1;
  border-color: rgba(202, 106, 17, 1);
  border-color: rgba(202, 106, 17, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(254, 242, 231, 1);
  background-color: rgba(254, 242, 231, var(--tw-bg-opacity));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-bottom: 0.625rem;
  padding-top: 1rem;
  font-family: 'Pangea Medium', Trebuchet, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  line-height: 130%;
  --tw-text-opacity: 1;
  color: rgba(16, 58, 88, 1);
  color: rgba(16, 58, 88, var(--tw-text-opacity));
}
.results-addr .addr-details{
  cursor: pointer;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-bottom: 0.5rem;
  padding-top: 0.75rem;
  font-family: 'Pangea Medium', Trebuchet, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  line-height: 130%;
  --tw-text-opacity: 1;
  color: rgba(16, 58, 88, 1);
  color: rgba(16, 58, 88, var(--tw-text-opacity));
}
.results-addr .addr-details:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(252, 202, 156, 1);
  background-color: rgba(252, 202, 156, var(--tw-bg-opacity));
}
/* cloak for alpinejs */
[x-cloak] {
  display: none;
}
/* stepper classes */
.stepper-item:has(~ .stepper-active){
  --tw-border-opacity: 1;
  border-color: rgba(16, 58, 88, 1);
  border-color: rgba(16, 58, 88, var(--tw-border-opacity));
}
.stepListBlock{
  margin-top: 7.5rem;
}
.stepListBlock .step-list-block{
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 64rem){
  .stepListBlock .step-list-block{
    margin-bottom: 7.5rem;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
}
.stepListBlock .step-list-block .cta-area a{
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  align-items: flex-start;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.563rem;
  padding-right: 1.75rem;
  font-family: 'Pangea Semi Bold', Trebuchet, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  line-height: 130%;
}
.disclaimer-area h2{
  margin-bottom: 0.75rem;
  font-family: 'Pangea Semi Bold', Trebuchet, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  line-height: 110%;
}
.disclaimer-area p{
  margin-bottom: 0.75rem;
  font-family: 'Pangea Medium', Trebuchet, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  line-height: 130%;
}
.disclaimer-area p:last-child{
  margin-bottom: 0px;
}
/* loading spinner */
.loader-pink {
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(farthest-side, #da0dac 94%, rgba(0, 0, 0, 0)) top/8px 8px no-repeat, conic-gradient(rgba(0, 0, 0, 0) 30%, #da0dac);
  -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 8px), #000 0);
  animation: l13 1s infinite linear;
}
@keyframes l13 {
  100% {
    transform: rotate(1turn);
  }
}
.loader-cyan {
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(farthest-side, #1fecd3 94%, rgba(0, 0, 0, 0)) top/8px 8px no-repeat, conic-gradient(rgba(0, 0, 0, 0) 30%, #1fecd3);
  -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 8px), #000 0);
  animation: l13 1s infinite linear;
}
@keyframes l13 {
  100% {
    transform: rotate(1turn);
  }
}
.selected-date p{
  font-size: 0.7rem;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
@media (min-width: 640px){
  .selected-date p{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.selected-hour p{
  justify-content: center;
  font-size: 0.96rem;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
@media (min-width: 64rem){
  .selected-hour p{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.selected-date,
.selected-hour{
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgba(16, 58, 88, 1);
  background-color: rgba(16, 58, 88, var(--tw-bg-opacity));
  padding: 0.3rem;
  font-size: 0.7rem;
}
.selected-date:hover,
.selected-hour:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(16, 58, 88, 1) !important;
  background-color: rgba(16, 58, 88, var(--tw-bg-opacity)) !important;
}
@media (min-width: 640px){
  .selected-date,
.selected-hour{
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.selected-date{
  height: 68px;
  justify-content: space-between;
}
.time-slot .item-hour .selected-hour{
  max-height: 48px !important;
}
.selected-date-disabled{
  display: flex;
  height: 68px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  align-self: stretch;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1 !important;
  background-color: rgba(248, 250, 252, 1) !important;
  background-color: rgba(248, 250, 252, var(--tw-bg-opacity)) !important;
  padding: 0.3rem;
}
@media (min-width: 640px){
  .selected-date-disabled{
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.selected-date-disabled p{
  font-size: 0.7rem !important;
  --tw-text-opacity: 1 !important;
  color: rgba(203, 213, 225, 1) !important;
  color: rgba(203, 213, 225, var(--tw-text-opacity)) !important;
}
@media (min-width: 640px){
  .selected-date-disabled p{
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }
}
.subtitle-book-consultation{
  width: auto;
  text-align: center;
  font-family: 'PolySans Bulky 1', Helvetica, sans-serif;
  font-size: 60px;
  line-height: 100%;
  --tw-text-opacity: 1;
  color: rgba(16, 58, 88, 1);
  color: rgba(16, 58, 88, var(--tw-text-opacity));
}
@media (min-width: 64rem){
  .subtitle-book-consultation{
    width: 684px;
  }
}
.subtitle-book-consultation .special-font{
  margin-left: -8px;
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
  --tw-gradient-from: #FF5C00 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(255, 92, 0, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #DA0DAC var(--tw-gradient-to-position);
  -webkit-background-clip: text;
          background-clip: text;
  padding-left: 0.6rem;
  padding-top: 0.5rem;
  font-size: 80px;
  color: transparent;
}
.footer-user-form-book-consultation{
  margin-top: 0.5rem;
  font-family: 'Pangea Medium', Trebuchet, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  color: rgba(47, 81, 106, 1);
  color: rgba(47, 81, 106, var(--tw-text-opacity));
  --tw-text-opacity: 1;
  color: rgb(16 58 88 / 1);
}
@supports (color: rgb(0 0 0 / 0)){
.footer-user-form-book-consultation{
    color: rgb(16 58 88 / var(--tw-text-opacity));
  }
}
.footer-user-form-book-consultation a{
  text-decoration-line: underline;
}
.book-scheduler-title h2{
  font-family: 'Pangea Semi Bold', Trebuchet, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgba(16, 58, 88, 1);
  color: rgba(16, 58, 88, var(--tw-text-opacity));
}
@media (min-width: 768px){
  .book-scheduler-title h2{
    line-height: 1;
  }
}
.book-scheduler-title p{
  margin-bottom: 2.5rem;
  margin-top: 1rem;
  font-family: 'Pangea Medium', Trebuchet, sans-serif;
  font-size: 1.125rem;
  line-height: 1.3rem;
  --tw-text-opacity: 1;
  color: rgba(16, 58, 88, 1);
  color: rgba(16, 58, 88, var(--tw-text-opacity));
}
footer .social-links img {
  max-width: none;
}
.step-list-number-aem {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* Typography */
.typograph-5xl{
  font-family: 'PolySans Bulky', Helvetica, sans-serif;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.025em;
}
.typograph-4xl{
  font-family: 'Pangea Semi Bold', Trebuchet, sans-serif;
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.025em;
}
.typograph-2xl-bold{
  font-family: 'Pangea Bold', Trebuchet, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2rem;
}
.typograph-3xl-semibold{
  font-family: 'Pangea Semi Bold', Trebuchet, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 2.25rem;
}
.typograph-xl-bold{
  font-family: 'Pangea Bold', Trebuchet, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.75rem;
}
.typograph-sm{
  font-family: 'Pangea Medium', Trebuchet, sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.025em;
}
.typograph-sm-bold{
  font-family: 'Pangea Bold', Trebuchet, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0.025em;
}
.typograph-lg-semibold{
  font-family: 'Pangea Semi Bold', Trebuchet, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.75rem;
}
.typograph-lg{
  font-family: 'Pangea Medium', Trebuchet, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
}
.typograph-base{
  font-family: 'Pangea Medium', Trebuchet, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}
.typograph-base-bold{
  font-family: 'Pangea Bold', Trebuchet, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
}
.typograph-base-semibold{
  font-family: 'Pangea Semi Bold', Trebuchet, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}
/***************TENANT PAGES****************/
/*TENANT PAGE DELETE THIS AFTER THE MERGE WITH NEW DESIGN AND CHANGE CSS CLASS FROM TENANT PAGES*/
/* form classes */
.form-input-checkbox-tenant{
  margin-left: 1rem;
  margin-right: 1rem;
  height: 1.5rem;
  width: 1.5rem;
  cursor: pointer;
  border-radius: 0.25rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(0, 119, 135, 1);
  border-color: rgba(0, 119, 135, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.form-input-checkbox-tenant:hover{
  --tw-border-opacity: 1;
  border-color: rgba(16, 58, 88, 1);
  border-color: rgba(16, 58, 88, var(--tw-border-opacity));
}
.form-input-checkbox-tenant:checked{
  background-clip: content-box;
  padding: 0.5rem;
  accent-color: #103A58;
}
.form-input-checkbox-tenant:disabled{
  --tw-border-opacity: 1;
  border-color: rgba(203, 213, 225, 1);
  border-color: rgba(203, 213, 225, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(241, 245, 249, 1);
  background-color: rgba(241, 245, 249, var(--tw-bg-opacity));
}
.form-input-checkbox-tenant:checked{
  --tw-bg-opacity: 1;
  background-color: rgba(220, 38, 38, 1);
  background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
}
/*Radio*/
/*.form-input-radio {*/
/*    @apply  cursor-pointer appearance-none rounded-full border-2 border-yellow-20 bg-white checked:bg-midnight-800 checked:bg-clip-content checked:p-1;*/
/*}*/
.radio-area{
  display: grid;
  grid-gap: 1.25rem;
  gap: 1.25rem;
}
@media (min-width: 58.125rem){
  .radio-area{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.form-input-radio-tenant{
  position: relative;
  margin-left: 1rem;
  margin-right: 1rem;
  height: 1.5rem;
  width: 1.5rem;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(0, 119, 135, 1);
  border-color: rgba(0, 119, 135, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.form-input-radio-tenant:hover{
  --tw-border-opacity: 1;
  border-color: rgba(16, 58, 88, 1);
  border-color: rgba(16, 58, 88, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(241, 245, 249, 1);
  background-color: rgba(241, 245, 249, var(--tw-bg-opacity));
}
/* Selected state */
.form-input-radio-tenant:checked{
  --tw-border-opacity: 1;
  border-color: rgba(16, 58, 88, 1);
  border-color: rgba(16, 58, 88, var(--tw-border-opacity));
  padding: 0.25rem;
}
.form-input-radio-tenant:checked::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 0.75rem;
  width: 0.75rem;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(-50%, -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(31, 41, 55, 1);
  background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
}
/* Disabled state */
.form-input-radio-tenant:disabled{
  cursor: not-allowed;
  --tw-border-opacity: 1;
  border-color: rgba(209, 213, 219, 1);
  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
}
.form-input-radio-tenant:disabled:checked::before{
  --tw-bg-opacity: 1;
  background-color: rgba(209, 213, 219, 1);
  background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
}
/* Error state - Idle */
.form-input-radio-tenant.error-idle{
  --tw-border-opacity: 1;
  border-color: rgba(220, 38, 38, 1);
  border-color: rgba(220, 38, 38, var(--tw-border-opacity));
}
.form-input-radio-tenant.error-idle:checked::before{
  --tw-bg-opacity: 1;
  background-color: rgba(220, 38, 38, 1);
  background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
}
/* Error state - Hover */
.form-input-radio-tenant.error-hover:hover{
  --tw-border-opacity: 1;
  border-color: rgba(239, 68, 68, 1);
  border-color: rgba(239, 68, 68, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(211, 41, 82, 1);
  background-color: rgba(211, 41, 82, var(--tw-bg-opacity));
}
.form-input-radio-tenant.error-hover:checked::before{
  --tw-bg-opacity: 1;
  background-color: rgba(239, 68, 68, 1);
  background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
}
/*Radio end*/
.form-input-bg-tenant{
  --tw-border-opacity: 1;
  border-color: rgba(0, 119, 135, 1);
  border-color: rgba(0, 119, 135, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.form-input-bg-tenant:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(230, 255, 250, 1);
  background-color: rgba(230, 255, 250, var(--tw-bg-opacity));
}
.input-checkbox-tenant{
  display: flex;
  height: 5rem;
  width: 100%;
  cursor: pointer;
  align-items: center;
  border-radius: 0.5rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(0, 119, 135, 1);
  border-color: rgba(0, 119, 135, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(230, 255, 250, 1);
  background-color: rgba(230, 255, 250, var(--tw-bg-opacity));
}
.input-checkbox-tenant:hover{
  --tw-border-opacity: 1;
  border-color: rgba(16, 58, 88, 1);
  border-color: rgba(16, 58, 88, var(--tw-border-opacity));
}
.input-checkbox-tenant:has(:checked){
  --tw-bg-opacity: 1;
  background-color: rgba(19, 234, 208, 1);
  background-color: rgba(19, 234, 208, var(--tw-bg-opacity));
}
.input-checkbox-tenant:hover:has(:checked){
  --tw-bg-opacity: 1;
  background-color: rgba(10, 213, 188, 1);
  background-color: rgba(10, 213, 188, var(--tw-bg-opacity));
}
.checkbox-tenant.error-idle{
  --tw-border-opacity: 1;
  border-color: rgba(220, 38, 38, 1);
  border-color: rgba(220, 38, 38, var(--tw-border-opacity));
}
.input-checkbox-selected-tenant{
  --tw-border-opacity: 1;
  border-color: rgba(0, 119, 135, 1);
  border-color: rgba(0, 119, 135, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(19, 234, 208, 1);
  background-color: rgba(19, 234, 208, var(--tw-bg-opacity));
}
.input-checkbox-selected-tenant:hover{
  --tw-border-opacity: 1;
  border-color: rgba(16, 58, 88, 1);
  border-color: rgba(16, 58, 88, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(10, 213, 188, 1);
  background-color: rgba(10, 213, 188, var(--tw-bg-opacity));
}
.input-text-tenant{
  height: 3.5rem;
  border-radius: 0.5rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(0, 119, 135, 1);
  border-color: rgba(0, 119, 135, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 0.875rem;
  font-family: 'Pangea Medium', Trebuchet, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgba(12, 43, 69, 1);
  color: rgba(12, 43, 69, var(--tw-text-opacity));
}
.input-text-tenant:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(230, 255, 250, 1);
  background-color: rgba(230, 255, 250, var(--tw-bg-opacity));
}
.input-text-tenant:focus-visible{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
/* FAQ for confirmation page on tenant journey */
/* */
.header-help-text > p > a{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgba(217, 13, 172, 1);
  color: rgba(217, 13, 172, var(--tw-text-opacity));
}
.first\:mt-6:first-child{
  margin-top: 1.5rem;
}
.first\:rounded-b-none:first-child{
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.first\:rounded-t-xl:first-child{
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.first\:border-0:first-child{
  border-width: 0px;
}
.last\:flex-none:last-child{
  flex: none;
}
.last\:rounded-b-2xl:last-child{
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.last\:rounded-b-xl:last-child{
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
.last\:rounded-t-none:last-child{
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.first-of-type\:rounded-t-2xl:first-of-type{
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.checked\:border-elephant:checked{
  --tw-border-opacity: 1;
  border-color: rgba(16, 58, 88, 1);
  border-color: rgba(16, 58, 88, var(--tw-border-opacity));
}
.checked\:\!bg-red-100:checked{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(254, 226, 226, 1) !important;
  background-color: rgba(254, 226, 226, var(--tw-bg-opacity)) !important;
}
.checked\:bg-elephant:checked{
  --tw-bg-opacity: 1;
  background-color: rgba(16, 58, 88, 1);
  background-color: rgba(16, 58, 88, var(--tw-bg-opacity));
}
.checked\:bg-clip-content:checked{
  background-clip: content-box;
}
.checked\:p-1:checked{
  padding: 0.25rem;
}
.hover\:bg-\[\#B70B92\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(183, 11, 146, 1);
  background-color: rgba(183, 11, 146, var(--tw-bg-opacity));
}
.hover\:bg-brand-pink-dark:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(183, 11, 146, 1);
  background-color: rgba(183, 11, 146, var(--tw-bg-opacity));
}
.hover\:bg-jungle-mist:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(190, 206, 218, 1);
  background-color: rgba(190, 206, 218, var(--tw-bg-opacity));
}
.hover\:bg-midnight-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(16, 58, 88, 1);
  background-color: rgba(16, 58, 88, var(--tw-bg-opacity));
}
.hover\:bg-neutral-midnight-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(248, 250, 252, 1);
  background-color: rgba(248, 250, 252, var(--tw-bg-opacity));
}
.hover\:bg-neutral-midnight-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(16, 58, 88, 1);
  background-color: rgba(16, 58, 88, var(--tw-bg-opacity));
}
.hover\:bg-neutral-midnight-900:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(12, 43, 69, 1);
  background-color: rgba(12, 43, 69, var(--tw-bg-opacity));
}
.hover\:bg-purple-red-violet:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(183, 11, 146, 1);
  background-color: rgba(183, 11, 146, var(--tw-bg-opacity));
}
.hover\:bg-slate-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(226, 232, 240, 1);
  background-color: rgba(226, 232, 240, var(--tw-bg-opacity));
}
.hover\:text-neutral-midnight-800:hover{
  --tw-text-opacity: 1;
  color: rgba(16, 58, 88, 1);
  color: rgba(16, 58, 88, var(--tw-text-opacity));
}
.hover\:opacity-80:hover{
  opacity: 0.8;
}
.hover\:shadow-md:hover{
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}
.focus\:border-gray-500:focus{
  --tw-border-opacity: 1;
  border-color: rgba(107, 114, 128, 1);
  border-color: rgba(107, 114, 128, var(--tw-border-opacity));
}
.focus\:bg-white:focus{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:outline-none:focus-visible{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.active\:bg-neutral-midnight-100:active{
  --tw-bg-opacity: 1;
  background-color: rgba(241, 245, 249, 1);
  background-color: rgba(241, 245, 249, var(--tw-bg-opacity));
}
.active\:bg-neutral-midnight-900:active{
  --tw-bg-opacity: 1;
  background-color: rgba(12, 43, 69, 1);
  background-color: rgba(12, 43, 69, var(--tw-bg-opacity));
}
.active\:bg-turquoise-active:active{
  --tw-bg-opacity: 1;
  background-color: rgba(0, 119, 135, 1);
  background-color: rgba(0, 119, 135, var(--tw-bg-opacity));
}
.disabled\:bg-catskill-white:disabled{
  --tw-bg-opacity: 1;
  background-color: rgba(239, 244, 247, 1);
  background-color: rgba(239, 244, 247, var(--tw-bg-opacity));
}
.disabled\:bg-mystic2:disabled{
  --tw-bg-opacity: 1;
  background-color: rgba(218, 228, 235, 1);
  background-color: rgba(218, 228, 235, var(--tw-bg-opacity));
}
.disabled\:text-\[\#9EB7C8\]:disabled{
  --tw-text-opacity: 1;
  color: rgba(158, 183, 200, 1);
  color: rgba(158, 183, 200, var(--tw-text-opacity));
}
@media (min-width: 640px){
  .sm\:mb-0{
    margin-bottom: 0px;
  }
  .sm\:mt-5{
    margin-top: 1.25rem;
  }
  .sm\:mt-auto{
    margin-top: auto;
  }
  .sm\:block{
    display: block;
  }
  .sm\:h-full{
    height: 100%;
  }
  .sm\:min-h-\[280px\]{
    min-height: 280px;
  }
  .sm\:w-\[172px\]{
    width: 172px;
  }
  .sm\:w-auto{
    width: auto;
  }
  .sm\:w-full{
    width: 100%;
  }
  .sm\:min-w-\[280px\]{
    min-width: 280px;
  }
  .sm\:flex-none{
    flex: none;
  }
  .sm\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:flex-row{
    flex-direction: row;
  }
  .sm\:place-content-center{
    align-content: center;
    justify-content: center;
    place-content: center;
  }
  .sm\:justify-start{
    justify-content: flex-start;
  }
  .sm\:justify-between{
    justify-content: space-between;
  }
  .sm\:self-center{
    align-self: center;
  }
  .sm\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }
  .sm\:px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .sm\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .sm\:py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .sm\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .sm\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .last\:sm\:w-\[335px\]:last-child{
    width: 335px;
  }
}
@media (min-width: 768px){
  .md\:-bottom-\[2rem\]{
    bottom: -2rem;
  }
  .md\:h-16{
    height: 4rem;
  }
  .md\:w-\[130px\]{
    width: 130px;
  }
  .md\:w-\[632px\]{
    width: 632px;
  }
  .md\:w-\[704px\]{
    width: 704px;
  }
  .md\:w-full{
    width: 100%;
  }
  .md\:max-w-\[130px\]{
    max-width: 130px;
  }
  .md\:max-w-\[164px\]{
    max-width: 164px;
  }
  .md\:max-w-smm2{
    max-width: 29.37rem;
  }
  .md\:flex-row{
    flex-direction: row;
  }
  .md\:gap-x-4{
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  .md\:py-48{
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
  .md\:text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}
@media (min-width: 1024px){
  .lg\:gap-3{
    gap: 0.75rem;
  }
}
@media (min-width: 1280px){
  .xl\:mt-10{
    margin-top: 2.5rem;
  }
  .xl\:gap-4{
    gap: 1rem;
  }
}
@media (min-width: 20.063rem){
  .xs\:w-full{
    width: 100%;
  }
}
@media (min-width: 23.375rem){
  .mobile\:mb-6{
    margin-bottom: 1.5rem;
  }
  .mobile\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 58.125rem){
  .tablet\:-bottom-\[0rem\]{
    bottom: -0rem;
  }
  .tablet\:col-span-2{
    grid-column: span 2 / span 2;
  }
  .tablet\:mx-16m{
    margin-left: 4.688rem;
    margin-right: 4.688rem;
  }
  .tablet\:my-6{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .tablet\:my-8{
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .tablet\:mb-0{
    margin-bottom: 0px;
  }
  .tablet\:mr-0{
    margin-right: 0px;
  }
  .tablet\:mr-5{
    margin-right: 1.25rem;
  }
  .tablet\:mr-8{
    margin-right: 2rem;
  }
  .tablet\:mt-7m{
    margin-top: 1.969rem;
  }
  .tablet\:block{
    display: block;
  }
  .tablet\:flex{
    display: flex;
  }
  .tablet\:inline-flex{
    display: inline-flex;
  }
  .tablet\:hidden{
    display: none;
  }
  .tablet\:h-12{
    height: 3rem;
  }
  .tablet\:h-20{
    height: 5rem;
  }
  .tablet\:h-\[0px\]{
    height: 0px;
  }
  .tablet\:h-\[48px\]{
    height: 48px;
  }
  .tablet\:h-\[64px\]{
    height: 64px;
  }
  .tablet\:h-\[96px\]{
    height: 96px;
  }
  .tablet\:w-\[335px\]{
    width: 335px;
  }
  .tablet\:w-\[562px\]{
    width: 562px;
  }
  .tablet\:max-w-2lgm2{
    max-width: 49.875rem;
  }
  .tablet\:max-w-56{
    max-width: 14rem;
  }
  .tablet\:max-w-\[391px\]{
    max-width: 391px;
  }
  .tablet\:max-w-\[700px\]{
    max-width: 700px;
  }
  .tablet\:max-w-\[790px\]{
    max-width: 790px;
  }
  .tablet\:max-w-mdm3{
    max-width: 39.375rem;
  }
  .tablet\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .tablet\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .tablet\:flex-row{
    flex-direction: row;
  }
  .tablet\:flex-col{
    flex-direction: column;
  }
  .tablet\:flex-wrap{
    flex-wrap: wrap;
  }
  .tablet\:items-start{
    align-items: flex-start;
  }
  .tablet\:items-center{
    align-items: center;
  }
  .tablet\:justify-start{
    justify-content: flex-start;
  }
  .tablet\:justify-center{
    justify-content: center;
  }
  .tablet\:justify-between{
    justify-content: space-between;
  }
  .tablet\:gap-10{
    gap: 2.5rem;
  }
  .tablet\:gap-\[3\.8rem\]{
    gap: 3.8rem;
  }
  .tablet\:self-start{
    align-self: flex-start;
  }
  .tablet\:self-stretch{
    align-self: stretch;
  }
  .tablet\:px-20{
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .tablet\:py-16{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .tablet\:py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .tablet\:py-32{
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .tablet\:pb-2{
    padding-bottom: 0.5rem;
  }
  .tablet\:pb-8{
    padding-bottom: 2rem;
  }
  .tablet\:pt-20{
    padding-top: 5rem;
  }
  .tablet\:pt-24{
    padding-top: 6rem;
  }
  .tablet\:text-left{
    text-align: left;
  }
  .tablet\:font-pangeaSemiBold{
    font-family: 'Pangea Semi Bold', Trebuchet, sans-serif;
  }
  .tablet\:\!text-lg{
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
  }
  .tablet\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .tablet\:text-3xlm{
    font-size: 2rem;
  }
  .tablet\:text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .tablet\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }
  .tablet\:text-6xl{
    font-size: 3.75rem;
    line-height: 1;
  }
  .tablet\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .tablet\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .tablet\:font-semibold{
    font-weight: 600;
  }
  .tablet\:leading-521{
    line-height: 1.463rem;
  }
}
@media (min-width: 64rem){
  .desktop\:-bottom-\[7rem\]{
    bottom: -7rem;
  }
  .desktop\:top-auto{
    top: auto;
  }
  .desktop\:mx-16{
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .desktop\:mx-auto{
    margin-left: auto;
    margin-right: auto;
  }
  .desktop\:my-24{
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
  .desktop\:\!mt-\[67px\]{
    margin-top: 67px !important;
  }
  .desktop\:mb-10{
    margin-bottom: 2.5rem;
  }
  .desktop\:mb-28m{
    margin-bottom: 7.5rem;
  }
  .desktop\:mb-6{
    margin-bottom: 1.5rem;
  }
  .desktop\:mb-8{
    margin-bottom: 2rem;
  }
  .desktop\:mb-\[160px\]{
    margin-bottom: 160px;
  }
  .desktop\:mb-auto{
    margin-bottom: auto;
  }
  .desktop\:ml-10{
    margin-left: 2.5rem;
  }
  .desktop\:ml-12{
    margin-left: 3rem;
  }
  .desktop\:mr-5{
    margin-right: 1.25rem;
  }
  .desktop\:mt-0{
    margin-top: 0px;
  }
  .desktop\:mt-10{
    margin-top: 2.5rem;
  }
  .desktop\:mt-16{
    margin-top: 4rem;
  }
  .desktop\:mt-4{
    margin-top: 1rem;
  }
  .desktop\:mt-5{
    margin-top: 1.25rem;
  }
  .desktop\:mt-8{
    margin-top: 2rem;
  }
  .desktop\:mt-auto{
    margin-top: auto;
  }
  .desktop\:block{
    display: block;
  }
  .desktop\:flex{
    display: flex;
  }
  .desktop\:hidden{
    display: none;
  }
  .desktop\:h-24{
    height: 6rem;
  }
  .desktop\:h-\[128px\]{
    height: 128px;
  }
  .desktop\:h-\[400px\]{
    height: 400px;
  }
  .desktop\:h-\[480px\]{
    height: 480px;
  }
  .desktop\:h-\[64px\]{
    height: 64px;
  }
  .desktop\:h-\[80px\]{
    height: 80px;
  }
  .desktop\:w-1\/2{
    width: 50%;
  }
  .desktop\:w-\[250px\]{
    width: 250px;
  }
  .desktop\:w-\[318px\]{
    width: 318px;
  }
  .desktop\:w-\[350px\]{
    width: 350px;
  }
  .desktop\:w-\[400px\]{
    width: 400px;
  }
  .desktop\:w-\[480px\]{
    width: 480px;
  }
  .desktop\:w-\[600px\]{
    width: 600px;
  }
  .desktop\:w-\[632px\]{
    width: 632px;
  }
  .desktop\:w-\[684px\]{
    width: 684px;
  }
  .desktop\:w-\[722px\]{
    width: 722px;
  }
  .desktop\:w-\[920px\]{
    width: 920px;
  }
  .desktop\:w-auto{
    width: auto;
  }
  .desktop\:w-full{
    width: 100%;
  }
  .desktop\:min-w-472{
    min-width: 29.5rem;
  }
  .desktop\:min-w-577{
    min-width: 36.063rem;
  }
  .desktop\:min-w-\[285px\]{
    min-width: 285px;
  }
  .desktop\:\!max-w-\[350px\]{
    max-width: 350px !important;
  }
  .desktop\:max-w-3xlm{
    max-width: 53.375rem;
  }
  .desktop\:max-w-4xlm{
    max-width: 60rem;
  }
  .desktop\:max-w-64m3{
    max-width: 18.75rem;
  }
  .desktop\:max-w-72m{
    max-width: 19.938rem;
  }
  .desktop\:max-w-\[1062px\]{
    max-width: 1062px;
  }
  .desktop\:max-w-\[1280px\]{
    max-width: 1280px;
  }
  .desktop\:max-w-\[321px\]{
    max-width: 321px;
  }
  .desktop\:max-w-\[340px\]{
    max-width: 340px;
  }
  .desktop\:max-w-\[350px\]{
    max-width: 350px;
  }
  .desktop\:max-w-\[362px\]{
    max-width: 362px;
  }
  .desktop\:max-w-\[470px\]{
    max-width: 470px;
  }
  .desktop\:max-w-\[500px\]{
    max-width: 500px;
  }
  .desktop\:max-w-\[590px\]{
    max-width: 590px;
  }
  .desktop\:max-w-\[650px\]{
    max-width: 650px;
  }
  .desktop\:max-w-\[684px\]{
    max-width: 684px;
  }
  .desktop\:max-w-\[688px\]{
    max-width: 688px;
  }
  .desktop\:max-w-\[720px\]{
    max-width: 720px;
  }
  .desktop\:max-w-\[722px\]{
    max-width: 722px;
  }
  .desktop\:max-w-\[750px\]{
    max-width: 750px;
  }
  .desktop\:max-w-\[960px\]{
    max-width: 960px;
  }
  .desktop\:max-w-full{
    max-width: 100%;
  }
  .desktop\:max-w-mdm{
    max-width: 34.563rem;
  }
  .desktop\:max-w-mdm3{
    max-width: 39.375rem;
  }
  .desktop\:max-w-xsm3{
    max-width: 23.188rem;
  }
  .desktop\:basis-1\/2{
    flex-basis: 50%;
  }
  .desktop\:flex-row{
    flex-direction: row;
  }
  .desktop\:flex-row-reverse{
    flex-direction: row-reverse;
  }
  .desktop\:flex-col{
    flex-direction: column;
  }
  .desktop\:flex-wrap{
    flex-wrap: wrap;
  }
  .desktop\:flex-nowrap{
    flex-wrap: nowrap;
  }
  .desktop\:items-start{
    align-items: flex-start;
  }
  .desktop\:items-end{
    align-items: flex-end;
  }
  .desktop\:items-center{
    align-items: center;
  }
  .desktop\:justify-center{
    justify-content: center;
  }
  .desktop\:justify-between{
    justify-content: space-between;
  }
  .desktop\:justify-around{
    justify-content: space-around;
  }
  .desktop\:gap-10{
    gap: 2.5rem;
  }
  .desktop\:gap-6{
    gap: 1.5rem;
  }
  .desktop\:gap-8{
    gap: 2rem;
  }
  .desktop\:space-x-4 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * 0);
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * (1 - 0));
    margin-left: calc(1rem * (1 - var(--tw-space-x-reverse)));
    margin-left: calc(1rem * calc(1 - 0));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .desktop\:self-start{
    align-self: flex-start;
  }
  .desktop\:p-12{
    padding: 3rem;
  }
  .desktop\:p-8{
    padding: 2rem;
  }
  .desktop\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }
  .desktop\:px-16{
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .desktop\:px-20{
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .desktop\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .desktop\:px-\[2\.55rem\]{
    padding-left: 2.55rem;
    padding-right: 2.55rem;
  }
  .desktop\:py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .desktop\:py-14{
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  .desktop\:py-16{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .desktop\:py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .desktop\:py-24{
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .desktop\:py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .desktop\:py-\[184px\]{
    padding-top: 184px;
    padding-bottom: 184px;
  }
  .desktop\:pb-20{
    padding-bottom: 5rem;
  }
  .desktop\:pb-\[160px\]{
    padding-bottom: 160px;
  }
  .desktop\:pl-0{
    padding-left: 0px;
  }
  .desktop\:pl-8{
    padding-left: 2rem;
  }
  .desktop\:pr-5{
    padding-right: 1.25rem;
  }
  .desktop\:pr-7{
    padding-right: 1.75rem;
  }
  .desktop\:pr-7m{
    padding-right: 1.875rem;
  }
  .desktop\:pt-0{
    padding-top: 0px;
  }
  .desktop\:pt-24{
    padding-top: 6rem;
  }
  .desktop\:pt-4{
    padding-top: 1rem;
  }
  .desktop\:pt-8{
    padding-top: 2rem;
  }
  .desktop\:text-left{
    text-align: left;
  }
  .desktop\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .desktop\:text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .desktop\:text-4xlm{
    font-size: 2.5rem;
  }
  .desktop\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }
  .desktop\:text-6xl{
    font-size: 3.75rem;
    line-height: 1;
  }
  .desktop\:text-8xlm{
    font-size: 6.5rem;
  }
  .desktop\:text-\[4rem\]{
    font-size: 4rem;
  }
  .desktop\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .desktop\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .desktop\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .desktop\:leading-521{
    line-height: 1.463rem;
  }
  .desktop\:leading-7{
    line-height: 1.75rem;
  }
  .desktop\:leading-\[48px\]{
    line-height: 48px;
  }
  .desktop\:leading-\[67px\]{
    line-height: 67px;
  }
  .desktop\:leading-\[72px\]{
    line-height: 72px;
  }
  .desktop\:leading-loose{
    line-height: 2;
  }
  .desktop\:last\:mr-0:last-child{
    margin-right: 0px;
  }
  .desktop\:last\:pr-0:last-child{
    padding-right: 0px;
  }
}
@media (min-width: 90rem){
  .large\:-bottom-\[9em\]{
    bottom: -9em;
  }
  .large\:mr-8{
    margin-right: 2rem;
  }
  .large\:h-\[48px\]{
    height: 48px;
  }
  .large\:h-\[80px\]{
    height: 80px;
  }
  .large\:min-h-\[58\.125rem\]{
    min-height: 58.125rem;
  }
  .large\:min-h-\[600px\]{
    min-height: 600px;
  }
  .large\:min-w-472{
    min-width: 29.5rem;
  }
  .large\:min-w-\[200px\]{
    min-width: 200px;
  }
  .large\:max-w-2lgm{
    max-width: 45rem;
  }
  .large\:max-w-8xl{
    max-width: 92rem;
  }
  .large\:max-w-8xlms{
    max-width: 92.125rem;
  }
  .large\:max-w-\[480px\]{
    max-width: 480px;
  }
  .large\:max-w-\[482px\]{
    max-width: 482px;
  }
  .large\:max-w-\[700px\]{
    max-width: 700px;
  }
  .large\:max-w-\[718px\]{
    max-width: 718px;
  }
  .large\:max-w-mdm2{
    max-width: 37.188rem;
  }
  .large\:max-w-mlgm{
    max-width: 32.5rem;
  }
  .large\:gap-24{
    gap: 6rem;
  }
  .large\:gap-8{
    gap: 2rem;
  }
  .large\:px-16{
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .large\:px-16m{
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
  .large\:px-20{
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .large\:px-28{
    padding-left: 7rem;
    padding-right: 7rem;
  }
  .large\:py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .large\:pr-8{
    padding-right: 2rem;
  }
  .large\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .large\:text-4xlm{
    font-size: 2.5rem;
  }
  .large\:text-8xl{
    font-size: 6rem;
    line-height: 1;
  }
  .large\:text-9xlm{
    font-size: 8.75rem;
  }
  .large\:text-\[6\.14rem\]{
    font-size: 6.14rem;
  }
  .large\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .large\:leading-\[100px\]{
    line-height: 100px;
  }
}
@media (min-width: 120rem){
  .extra\:max-w-mdm2{
    max-width: 37.188rem;
  }
  .extra\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }
}
.\[\&\:not\(\:last-child\)\]\:border-b-2:not(:last-child){
  border-bottom-width: 2px;
}