/*
! tailwindcss v3.4.1 | 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, 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]) {
  -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 */
  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,
[type='button'],
[type='reset'],
[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;
}

/* width SCROLL BAR 
  ::-webkit-scrollbar {
    width: 1rem;
  }*/

/* Track 
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 2rem;
  }*/

/* Handle 
  ::-webkit-scrollbar-thumb {
    background: #eaf5fb;
    border-radius: 2rem;
  }*/

/* Handle on hover 
  ::-webkit-scrollbar-thumb:hover {
    background: #eaf5fb09;
  }*/

@font-face {
  font-family: Poppins;

  font-style: normal;

  font-weight: 400;

  font-display: swap;

  src: url(https://images.sunsationalswimschool.com/font/Poppins-Regular.ttf);
}

@font-face {
  font-family: BebasNeue;

  font-style: normal;

  font-weight: 400;

  font-display: swap;

  src: url(https://images.sunsationalswimschool.com/font/BebasNeue.otf);
}

@font-face {
  font-family: "Bebas Neue";

  font-style: normal;

  font-weight: 400;

  font-display: swap;

  src: url(https://images.sunsationalswimschool.com/font/BebasNeue.otf);
}

@font-face {
  font-family: LeckerliOne;

  font-style: normal;

  font-weight: 400;

  font-display: swap;

  src: url(https://images.sunsationalswimschool.com/font/LeckerliOne-Regular.ttf);
}

@font-face {
  font-family: "Leckerli One";

  font-style: normal;

  font-weight: 400;

  font-display: swap;

  src: url(https://images.sunsationalswimschool.com/font/LeckerliOne-Regular.ttf);
}

html {
  font-family: "Poppins", sans-serif, system-ui;
}

h1 {
  font-size: 1.5rem;
}

@media (min-width: 768px) {
  h1 {
    font-size: 2.5rem;
  }
}

h2 {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  h2 {
    font-size: 2rem;
  }
}

.leading-h1 {
  line-height: 135%;
}

p > a {
  --tw-text-opacity: 1;
  color: rgb(21 88 214 / var(--tw-text-opacity));
}

*, ::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: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --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:  ;
}

::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: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --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:  ;
}

.btn-main-red {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  border-radius: 40px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(153 27 27 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(221 41 19 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.625rem;
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.text-cursive-red {
  padding-left: 0.5rem;
  padding-right: 0.75rem;
  font-family: "LeckerliOne";
  --tw-text-opacity: 1;
  color: rgb(235 62 38 / var(--tw-text-opacity));
}

.hero-wavey-border-top-mobile {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="375" height="71" viewBox="0 0 375 71" fill="none"><path d="M-205.619 60.8916C-232.419 55.2834 -262.53 54.4631 -291.872 57.3463C-318.155 59.9287 -332.029 62.8676 -334.545 44.3458C-335.325 38.5937 -334.116 31.7774 -325.033 28.3535C-319.77 26.3696 -313.105 26.0564 -306.815 25.8128C-112.802 18.2974 81.2119 10.7827 275.225 3.26736C299.105 2.34274 322.988 1.41732 346.872 0.846263C365.295 0.405857 386.677 0.917982 396.831 8.83207C403.5 14.0305 403.138 21.2263 398.866 27.3801C386.578 45.0848 352.793 56.0204 318.174 54.4194C305.193 53.8188 293.175 51.06 280.926 48.9154C231.629 40.2832 175.562 41.6635 126.053 52.7273C121.439 53.7582 116.716 54.8905 111.804 54.9203C106.559 54.9524 101.739 53.7265 97.0309 52.6203C41.0415 39.4656 -27.3504 40.8167 -84.1336 56.1985C-107.55 62.5415 -130.945 71.3874 -156.561 70.7598C-173.279 70.3494 -190.27 64.1037 -205.619 60.8916Z" fill="white"/></svg>');
  background-position-y: -53px;
}

.hero-wavey-border-top-desktop {
  background-image: url('data:image/svg+xml,<svg width="1440" height="32" viewBox="0 0 1440 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M40.5 15.661C24.2465 8.06283 5.85529 5.79417 -12.1531 7.79526C-13.3545 7.92876 -14.5139 8.06755 -15.6313 8.20132C-29.5163 9.86361 -36.9184 10.7498 -37.9367 -8.95891C-38.2782 -15.5723 -37.3777 -23.3147 -31.7433 -26.8293C-28.4787 -28.8658 -24.3961 -28.9295 -20.5449 -28.9303C38.8554 -28.942 98.2556 -28.9535 157.656 -28.965C217.056 -28.9764 276.457 -28.9879 335.857 -28.9996L335.943 -28.9996C343.628 -29.0009 351.313 -29.0022 358.997 -28.9445L464.656 -28.965C524.056 -28.9764 583.457 -28.9879 642.857 -28.9996L642.943 -28.9996C650.628 -29.0009 658.313 -29.0022 665.997 -28.9445L771.656 -28.965C831.056 -28.9764 890.457 -28.9879 949.857 -28.9996L949.943 -28.9996C957.628 -29.0009 965.313 -29.0022 972.997 -28.9445L1078.66 -28.965L1256.86 -28.9996L1256.94 -28.9996C1264.63 -29.0009 1272.32 -29.0022 1280.01 -28.9444L1385.66 -28.965L1563.86 -28.9996L1563.94 -28.9996C1578.54 -29.002 1593.13 -29.0045 1607.72 -28.6031C1618.99 -28.2928 1632.06 -26.7624 1638.08 -17.2623C1642.03 -11.0221 1641.64 -2.80817 1638.88 4.04131C1630.95 23.7476 1610.04 34.762 1588.91 31.4013C1582.72 30.4175 1576.93 27.9556 1571.15 25.4986C1569.52 24.8079 1567.9 24.1176 1566.26 23.4607C1536.33 11.4098 1502.01 10.5112 1471.48 20.9776C1471.3 21.0391 1471.12 21.1011 1470.94 21.1631C1468.27 22.0848 1465.53 23.0276 1462.72 22.8562C1459.72 22.6738 1456.97 21.2485 1454.29 19.8593C1454.11 19.7635 1453.92 19.6679 1453.74 19.5729C1419.82 2.05392 1377.97 0.577484 1342.89 15.661C1340.02 16.8965 1337.14 18.245 1334.25 19.5984C1324.85 24.0091 1315.33 28.4714 1305.41 29.242C1298.09 31.864 1290.02 32.6908 1281.91 31.4013C1275.72 30.4175 1269.93 27.9556 1264.15 25.4986C1262.52 24.8079 1260.9 24.1176 1259.26 23.4607C1229.33 11.4098 1195.01 10.5112 1164.48 20.9776C1164.3 21.0391 1164.12 21.1011 1163.94 21.1631C1161.27 22.0848 1158.53 23.0276 1155.72 22.8562C1152.72 22.6738 1149.97 21.2485 1147.29 19.8593C1147.11 19.7635 1146.92 19.6679 1146.74 19.5729C1112.82 2.05392 1070.97 0.577484 1035.89 15.661C1033.02 16.8964 1030.14 18.2446 1027.26 19.5978L1027.25 19.5984C1017.85 24.0092 1008.33 28.4715 998.413 29.242C991.091 31.864 983.015 32.6908 974.909 31.4013C968.724 30.4175 962.93 27.9556 957.147 25.4986C955.521 24.8079 953.896 24.1176 952.264 23.4607C922.328 11.4098 888.015 10.5112 857.483 20.9776C857.366 21.0175 857.25 21.0576 857.133 21.0977L856.958 21.1581L856.943 21.1631C854.269 22.0848 851.533 23.0276 848.719 22.8562C845.717 22.6738 842.97 21.2485 840.293 19.8592C840.108 19.7635 839.924 19.6679 839.74 19.5729C805.818 2.05392 763.97 0.577484 728.889 15.661C726.015 16.8965 723.14 18.2451 720.254 19.5984C710.848 24.0092 701.333 28.4715 691.413 29.242C684.091 31.864 676.015 32.6908 667.909 31.4013C661.724 30.4175 655.93 27.9556 650.147 25.4986C648.521 24.8079 646.896 24.1176 645.264 23.4607C615.328 11.4098 581.015 10.5112 550.483 20.9776C550.303 21.0391 550.123 21.1011 549.943 21.1631C547.269 22.0848 544.533 23.0276 541.719 22.8562C538.717 22.6738 535.97 21.2485 533.293 19.8592C533.108 19.7635 532.924 19.6679 532.74 19.5729C498.818 2.05392 456.97 0.577484 421.889 15.661C419.015 16.8964 416.14 18.2447 413.255 19.5979L413.254 19.5984C403.848 24.0092 394.333 28.4714 384.413 29.242C377.091 31.864 369.015 32.6908 360.909 31.4013C354.725 30.4175 348.93 27.9556 343.147 25.4987C341.521 24.808 339.896 24.1176 338.264 23.4607C308.328 11.4098 274.015 10.5112 243.483 20.9776L243.159 21.0889L242.943 21.1631C240.269 22.0848 237.533 23.0276 234.719 22.8562C231.717 22.6738 228.971 21.2485 226.293 19.8592L226.29 19.8577C226.106 19.7624 225.923 19.6674 225.74 19.5729C191.818 2.05392 149.97 0.577484 114.889 15.661C112.015 16.8965 109.14 18.245 106.254 19.5983L106.254 19.5984C94.6112 25.0583 82.8005 30.5971 70.2618 29.115C63.2267 28.2827 56.1779 24.2776 49.4298 20.4433L49.4298 20.4433C46.3822 18.7117 43.396 17.0149 40.5 15.661Z" fill="white"/></svg>');
}

.hero-image-background-mobile {
  background-image: url("https://images.sunsationalswimschool.com/pages/local/private-swim-lessons-hero-banner-medium.webp");
  /*background-image: url("https://images.sunsationalswimschool.com/pages/local/private-swim-lessons-hero-banner-mobile-small.webp");*/
  background-position: 44% 0.5rem;
}

@media screen and (min-width: 440px) {
  .hero-image-background-mobile {
    background-position: 43% 0.25rem;
  }
}

.hero-wavey-border-bottom-mobile {
  background-image: url("https://images.sunsationalswimschool.com/illustrations/wavey-border-bottom-mobile.svg");
  background-repeat: repeat-x;
}

@media screen and (max-width: 768px) {
  .bg-big-wave-mobile {
    background-size: 927px;
    background-position-x: -0.25rem;
  }
}

.text-shadow {
  text-shadow: 0px 8px 8px rgba(0, 0, 0, 0.16);
}

.double-underline-curved-blue {
  background-image: url('data:image/svg+xml,<svg width="227" height="21" viewBox="0 0 227 21" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><path d="M33 11C77.7623 -2.64535 160.067 0.765975 194 11" stroke="%232C9AD9" stroke-width="3" stroke-linecap="round"/><path d="M33 17C77.7623 3.35465 160.067 6.76598 194 17" stroke="%232C9AD9" stroke-width="3" stroke-linecap="round"/></g></svg>');
  background-repeat: no-repeat;
}

/*OPTION ONE
  .bg-radial-gradient-white-to-transparent {
    background: radial-gradient(
      circle at 104% 52%,
      rgba(255, 255, 255, 0) 12%,
      rgba(255, 255, 255, 1) 57%,
      rgb(255 255 255) 47%
    );
    /*OPTION 2
    background: radial-gradient(
      circle at 118% 52%,
      rgba(255, 255, 255, 0) 12%,
      rgba(255, 255, 255, 1) 29%,
      rgba(255, 255, 255, 1) 44%
    );
  }*/

.bg-featured-on-the-list-orange {
  background: url("https://images.sunsationalswimschool.com/pages/local/featured-on-the-list-2024-03-12.webp");
}

.bg-featured-on-abc-orange {
  background: url("https://images.sunsationalswimschool.com/pages/local/featured-on-abc-orange-2024-03-12.webp");
}

.bg-featured-on-empact-orange {
  background: url("https://images.sunsationalswimschool.com/pages/local/featured-on-empact-orange-2024-03-12.webp");
}

.bg-featured-on-cbs-orange {
  background: url("https://images.sunsationalswimschool.com/pages/local/featured-on-cbs-orange-2024-03-12.webp");
}

.footer-wave-brand-blue {
  --fill: #2c9ad9;
  --size: 20px;
  --R: calc(var(--size) * 1.28);
  -webkit-mask: radial-gradient(
          var(--R) at 50% calc(1.8 * var(--size)),
          #000 99%,
          #0000 101%
        )
        calc(50% - 2 * var(--size)) 0 / calc(4 * var(--size)) 100%,
      radial-gradient(
          var(--R) at 50% calc(-0.8 * var(--size)),
          #0000 99%,
          #000 101%
        )
        50% var(--size) / calc(4 * var(--size)) 100% repeat-x;
  background: var(--fill);
  maring: 15px;
}

.footer-wave-blue-medium {
  --fill: #007ACC;
  --size: 20px;
  --R: calc(var(--size) * 1.28);
  -webkit-mask: radial-gradient(
          var(--R) at 50% calc(1.8 * var(--size)),
          #000 99%,
          #0000 101%
        )
        calc(50% - 2 * var(--size)) 0 / calc(4 * var(--size)) 100%,
      radial-gradient(
          var(--R) at 50% calc(-0.8 * var(--size)),
          #0000 99%,
          #000 101%
        )
        50% var(--size) / calc(4 * var(--size)) 100% repeat-x;
  background: var(--fill);
  maring: 15px;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.visible {
  visibility: visible;
}

.collapse {
  visibility: collapse;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.bottom-0 {
  bottom: 0px;
}

.left-0 {
  left: 0px;
}

.right-0 {
  right: 0px;
}

.top-0 {
  top: 0px;
}

.top-1\/2 {
  top: 50%;
}

.top-16 {
  top: 4rem;
}

.top-20 {
  top: 5rem;
}

.z-\[10\] {
  z-index: 10;
}

.z-\[20\] {
  z-index: 20;
}

.z-\[30\] {
  z-index: 30;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.col-span-full {
  grid-column: 1 / -1;
}

.m-auto {
  margin: auto;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.-mb-4 {
  margin-bottom: -1rem;
}

.-mt-8 {
  margin-top: -2rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.mb-\[-1\.6rem\] {
  margin-bottom: -1.6rem;
}

.mb-\[8px\] {
  margin-bottom: 8px;
}

.ml-2 {
  margin-left: 0.5rem;
}

.ml-4 {
  margin-left: 1rem;
}

.ml-6 {
  margin-left: 1.5rem;
}

.mt-0 {
  margin-top: 0px;
}

.mt-0\.5 {
  margin-top: 0.125rem;
}

.mt-12 {
  margin-top: 3rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-20 {
  margin-top: 5rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mt-\[-3px\] {
  margin-top: -3px;
}

.mt-\[-8px\] {
  margin-top: -8px;
}

.mt-\[1px\] {
  margin-top: 1px;
}

.line-clamp-11 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 11;
}

.line-clamp-16 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 16;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.table {
  display: table;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.size-10 {
  width: 2.5rem;
  height: 2.5rem;
}

.size-11 {
  width: 2.75rem;
  height: 2.75rem;
}

.size-12 {
  width: 3rem;
  height: 3rem;
}

.size-20 {
  width: 5rem;
  height: 5rem;
}

.size-36 {
  width: 9rem;
  height: 9rem;
}

.size-5 {
  width: 1.25rem;
  height: 1.25rem;
}

.size-6 {
  width: 1.5rem;
  height: 1.5rem;
}

.size-8 {
  width: 2rem;
  height: 2rem;
}

.size-\[105\%\] {
  width: 105%;
  height: 105%;
}

.size-full {
  width: 100%;
  height: 100%;
}

.h-1 {
  height: 0.25rem;
}

.h-1\.5 {
  height: 0.375rem;
}

.h-14 {
  height: 3.5rem;
}

.h-16 {
  height: 4rem;
}

.h-20 {
  height: 5rem;
}

.h-24 {
  height: 6rem;
}

.h-3 {
  height: 0.75rem;
}

.h-4 {
  height: 1rem;
}

.h-5 {
  height: 1.25rem;
}

.h-6 {
  height: 1.5rem;
}

.h-7 {
  height: 1.75rem;
}

.h-8 {
  height: 2rem;
}

.h-\[16px\] {
  height: 16px;
}

.h-\[2\.375rem\] {
  height: 2.375rem;
}

.h-\[252px\] {
  height: 252px;
}

.h-\[372px\] {
  height: 372px;
}

.h-\[6\.5rem\] {
  height: 6.5rem;
}

.h-\[60\.99px\] {
  height: 60.99px;
}

.h-\[62vh\] {
  height: 62vh;
}

.h-full {
  height: 100%;
}

.max-h-20 {
  max-height: 5rem;
}

.max-h-\[260px\] {
  max-height: 260px;
}

.max-h-\[530px\] {
  max-height: 530px;
}

.w-1 {
  width: 0.25rem;
}

.w-1\.5 {
  width: 0.375rem;
}

.w-1\/2 {
  width: 50%;
}

.w-14 {
  width: 3.5rem;
}

.w-16 {
  width: 4rem;
}

.w-20 {
  width: 5rem;
}

.w-24 {
  width: 6rem;
}

.w-28 {
  width: 7rem;
}

.w-3 {
  width: 0.75rem;
}

.w-4 {
  width: 1rem;
}

.w-4\/5 {
  width: 80%;
}

.w-5 {
  width: 1.25rem;
}

.w-6 {
  width: 1.5rem;
}

.w-\[18px\] {
  width: 18px;
}

.w-\[5\.75rem\] {
  width: 5.75rem;
}

.w-\[6\.375rem\] {
  width: 6.375rem;
}

.w-full {
  width: 100%;
}

.min-w-\[256px\] {
  min-width: 256px;
}

.max-w-2xl {
  max-width: 42rem;
}

.max-w-\[1836px\] {
  max-width: 1836px;
}

.max-w-\[355px\] {
  max-width: 355px;
}

.max-w-\[4\.75rem\] {
  max-width: 4.75rem;
}

.max-w-\[40rem\] {
  max-width: 40rem;
}

.max-w-\[47rem\] {
  max-width: 47rem;
}

.max-w-\[530px\] {
  max-width: 530px;
}

.max-w-\[66\%\] {
  max-width: 66%;
}

.max-w-\[80rem\] {
  max-width: 80rem;
}

.max-w-none {
  max-width: none;
}

.max-w-screen-2xl {
  max-width: 1536px;
}

.max-w-screen-3xl {
  max-width: 2680px;
}

.max-w-screen-lg {
  max-width: 1160px;
}

.max-w-screen-xl {
  max-width: 1280px;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-\[1_0_100\%\] {
  flex: 1 0 100%;
}

.flex-\[1_0_16rem\] {
  flex: 1 0 16rem;
}

.flex-\[1_0_49\%\] {
  flex: 1 0 49%;
}

.flex-none {
  flex: none;
}

.shrink {
  flex-shrink: 1;
}

.shrink-0 {
  flex-shrink: 0;
}

.flex-grow {
  flex-grow: 1;
}

.grow {
  flex-grow: 1;
}

.grow-0 {
  flex-grow: 0;
}

.basis-0 {
  flex-basis: 0px;
}

.basis-1\/12 {
  flex-basis: 8.333333%;
}

.basis-1\/3 {
  flex-basis: 33.333333%;
}

.basis-1\/4 {
  flex-basis: 25%;
}

.basis-1\/6 {
  flex-basis: 16.666667%;
}

.basis-10\/12 {
  flex-basis: 83.333333%;
}

.basis-4 {
  flex-basis: 1rem;
}

.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;
}

.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.snap-x {
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
}

.snap-center {
  scroll-snap-align: center;
}

.scroll-m-20 {
  scroll-margin: 5rem;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.items-stretch {
  align-items: stretch;
}

.justify-start {
  justify-content: flex-start;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-10 {
  gap: 2.5rem;
}

.gap-12 {
  gap: 3rem;
}

.gap-16 {
  gap: 4rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-3\.5 {
  gap: 0.875rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-\[11px\] {
  gap: 11px;
}

.gap-x-1 {
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.gap-x-14 {
  -moz-column-gap: 3.5rem;
       column-gap: 3.5rem;
}

.gap-y-16 {
  row-gap: 4rem;
}

.gap-y-4 {
  row-gap: 1rem;
}

.space-y-12 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(3rem * var(--tw-space-y-reverse));
}

.self-stretch {
  align-self: stretch;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-x-scroll {
  overflow-x: scroll;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-\[1\.25rem\] {
  border-radius: 1.25rem;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-l-\[5rem\] {
  border-top-left-radius: 5rem;
  border-bottom-left-radius: 5rem;
}

.border {
  border-width: 1px;
}

.border-2 {
  border-width: 2px;
}

.border-4 {
  border-width: 4px;
}

.border-b-\[1px\] {
  border-bottom-width: 1px;
}

.border-r {
  border-right-width: 1px;
}

.border-\[\#E2E2E2\] {
  --tw-border-opacity: 1;
  border-color: rgb(226 226 226 / var(--tw-border-opacity));
}

.border-\[\#f4a10066\] {
  border-color: #f4a10066;
}

.border-border-light {
  --tw-border-opacity: 1;
  border-color: rgb(226 226 226 / var(--tw-border-opacity));
}

.border-brand-orange {
  --tw-border-opacity: 1;
  border-color: rgb(244 161 0 / var(--tw-border-opacity));
}

.border-light-grey-1 {
  --tw-border-opacity: 1;
  border-color: rgb(226 226 226 / var(--tw-border-opacity));
}

.border-neutral-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 229 229 / var(--tw-border-opacity));
}

.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.border-b-\[\#E2E2E2\] {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(226 226 226 / var(--tw-border-opacity));
}

.bg-\[\#007CC2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 124 194 / var(--tw-bg-opacity));
}

.bg-\[\#008538\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 133 56 / var(--tw-bg-opacity));
}

.bg-\[\#0237B4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(2 55 180 / var(--tw-bg-opacity));
}

.bg-\[\#0279CA\] {
  --tw-bg-opacity: 1;
  background-color: rgb(2 121 202 / var(--tw-bg-opacity));
}

.bg-\[\#2C9AD91A\] {
  background-color: #2C9AD91A;
}

.bg-\[\#2C9AD933\] {
  background-color: #2C9AD933;
}

.bg-\[\#DD2913\] {
  --tw-bg-opacity: 1;
  background-color: rgb(221 41 19 / var(--tw-bg-opacity));
}

.bg-\[\#FEF3C7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity));
}

.bg-\[\#FEF6E5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 246 229 / var(--tw-bg-opacity));
}

.bg-\[\#a92600\] {
  --tw-bg-opacity: 1;
  background-color: rgb(169 38 0 / var(--tw-bg-opacity));
}

.bg-\[\#ebf3f8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(235 243 248 / var(--tw-bg-opacity));
}

.bg-brand-blue {
  --tw-bg-opacity: 1;
  background-color: rgb(44 154 217 / var(--tw-bg-opacity));
}

.bg-brand-orange {
  --tw-bg-opacity: 1;
  background-color: rgb(244 161 0 / var(--tw-bg-opacity));
}

.bg-brand-red {
  --tw-bg-opacity: 1;
  background-color: rgb(235 62 38 / var(--tw-bg-opacity));
}

.bg-brand-yellow-light {
  --tw-bg-opacity: 1;
  background-color: rgb(254 246 229 / var(--tw-bg-opacity));
}

.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

.bg-sky-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(14 165 233 / var(--tw-bg-opacity));
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-opacity-30 {
  --tw-bg-opacity: 0.3;
}

.bg-\[url\(\'https\:\/\/images\.sunsationalswimschool\.com\/illustrations\/background-wave-stroke\.svg\'\)\] {
  background-image: url('https://images.sunsationalswimschool.com/illustrations/background-wave-stroke.svg');
}

.bg-\[url\(\'https\:\/\/images\.sunsationalswimschool\.com\/illustrations\/big-waves-blue-long\.svg\'\)\] {
  background-image: url('https://images.sunsationalswimschool.com/illustrations/big-waves-blue-long.svg');
}

.bg-\[url\(\'https\:\/\/images\.sunsationalswimschool\.com\/illustrations\/bottom-wave-desktop\.svg\'\)\] {
  background-image: url('https://images.sunsationalswimschool.com/illustrations/bottom-wave-desktop.svg');
}

.bg-\[url\(\'https\:\/\/images\.sunsationalswimschool\.com\/illustrations\/footer-background-clouds\.svg\'\)\] {
  background-image: url('https://images.sunsationalswimschool.com/illustrations/footer-background-clouds.svg');
}

.bg-\[url\(\'https\:\/\/images\.sunsationalswimschool\.com\/illustrations\/mobile-menu-bar-vertical\.svg\'\)\] {
  background-image: url('https://images.sunsationalswimschool.com/illustrations/mobile-menu-bar-vertical.svg');
}

.bg-\[url\(\'https\:\/\/images\.sunsationalswimschool\.com\/pages\/hero-header-desktop-main_dv_2-2024-03-15\.webp\'\)\] {
  background-image: url('https://images.sunsationalswimschool.com/pages/hero-header-desktop-main_dv_2-2024-03-15.webp');
}

.bg-\[url\(\'https\:\/\/images\.sunsationalswimschool\.com\/pages\/local\/sunsational-star-radiant-2024-03-14\.webp\'\)\] {
  background-image: url('https://images.sunsationalswimschool.com/pages/local/sunsational-star-radiant-2024-03-14.webp');
}

.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.bg-gradient-to-l {
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.from-\[\#0337b4\] {
  --tw-gradient-from: #0337b4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(3 55 180 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#2C9AD900\] {
  --tw-gradient-from: #2C9AD900 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(44 154 217 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#FEF6E5\] {
  --tw-gradient-from: #FEF6E5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 246 229 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#ebf3f8\] {
  --tw-gradient-from: #ebf3f8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(235 243 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-brand-yellow-light {
  --tw-gradient-from: #FEF6E5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 246 229 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-10\% {
  --tw-gradient-from-position: 10%;
}

.from-50\% {
  --tw-gradient-from-position: 50%;
}

.from-\[33\%\] {
  --tw-gradient-from-position: 33%;
}

.to-\[\#2C9AD91A\] {
  --tw-gradient-to: #2C9AD91A var(--tw-gradient-to-position);
}

.to-\[\#2C9AD933\] {
  --tw-gradient-to: #2C9AD933 var(--tw-gradient-to-position);
}

.to-\[\#FEF6E5\] {
  --tw-gradient-to: #FEF6E5 var(--tw-gradient-to-position);
}

.to-white {
  --tw-gradient-to: #fff var(--tw-gradient-to-position);
}

.to-100\% {
  --tw-gradient-to-position: 100%;
}

.to-20\% {
  --tw-gradient-to-position: 20%;
}

.to-50\% {
  --tw-gradient-to-position: 50%;
}

.bg-\[length\:13rem_129\%\] {
  background-size: 13rem 129%;
}

.bg-\[size\:414\%\] {
  background-size: 414%;
}

.bg-cover {
  background-size: cover;
}

.bg-\[35\%_top\] {
  background-position: 35% top;
}

.bg-\[center_bottom\] {
  background-position: center bottom;
}

.bg-\[left\] {
  background-position: left;
}

.bg-bottom {
  background-position: bottom;
}

.bg-center {
  background-position: center;
}

.bg-right-top {
  background-position: right top;
}

.bg-no-repeat {
  background-repeat: no-repeat;
}

.bg-repeat-x {
  background-repeat: repeat-x;
}

.stroke-slate-700 {
  stroke: #334155;
}

.p-1 {
  padding: 0.25rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-20 {
  padding: 5rem;
}

.p-4 {
  padding: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-8 {
  padding: 2rem;
}

.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.py-\[3\.75rem\] {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}

.pb-10 {
  padding-bottom: 2.5rem;
}

.pb-12 {
  padding-bottom: 3rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pb-2\.5 {
  padding-bottom: 0.625rem;
}

.pb-24 {
  padding-bottom: 6rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pb-\[13rem\] {
  padding-bottom: 13rem;
}

.pb-px {
  padding-bottom: 1px;
}

.pl-3 {
  padding-left: 0.75rem;
}

.pl-4 {
  padding-left: 1rem;
}

.pl-5 {
  padding-left: 1.25rem;
}

.pl-8 {
  padding-left: 2rem;
}

.pr-2 {
  padding-right: 0.5rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pt-0 {
  padding-top: 0px;
}

.pt-0\.5 {
  padding-top: 0.125rem;
}

.pt-10 {
  padding-top: 2.5rem;
}

.pt-20 {
  padding-top: 5rem;
}

.pt-3 {
  padding-top: 0.75rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.align-middle {
  vertical-align: middle;
}

.font-\[\'BebasNeue\'\] {
  font-family: 'BebasNeue';
}

.font-\[\'Poppins\'\] {
  font-family: 'Poppins';
}

.font-\[BebasNeue\] {
  font-family: BebasNeue;
}

.font-\[LeckerliOne\] {
  font-family: LeckerliOne;
}

.font-\[Poppins\] {
  font-family: Poppins;
}

.text-2xl {
  font-size: 2rem;
}

.text-4xl {
  font-size: 2.5rem;
}

.text-base {
  font-size: 1rem;
}

.text-lg {
  font-size: 1.25rem;
}

.text-lg-2 {
  font-size: 1.375rem;
}

.text-sm {
  font-size: 0.8rem;
}

.text-xl {
  font-size: 1.5rem;
}

.text-xs {
  font-size: 0.75rem;
}

.font-bold {
  font-weight: 700;
}

.font-normal {
  font-weight: 400;
}

.font-semibold {
  font-weight: 600;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

.italic {
  font-style: italic;
}

.leading-10 {
  line-height: 2.5rem;
}

.leading-7 {
  line-height: 1.75rem;
}

.leading-none {
  line-height: 1;
}

.leading-normal {
  line-height: 1.5;
}

.leading-snug {
  line-height: 1.375;
}

.leading-tight {
  line-height: 1.25;
}

.tracking-wide {
  letter-spacing: 0.025em;
}

.text-\[\#0237B4\] {
  --tw-text-opacity: 1;
  color: rgb(2 55 180 / var(--tw-text-opacity));
}

.text-\[\#1a0dab\] {
  --tw-text-opacity: 1;
  color: rgb(26 13 171 / var(--tw-text-opacity));
}

.text-blue-medium {
  --tw-text-opacity: 1;
  color: rgb(21 88 214 / var(--tw-text-opacity));
}

.text-brand-orange {
  --tw-text-opacity: 1;
  color: rgb(244 161 0 / var(--tw-text-opacity));
}

.text-brand-orange-dark {
  --tw-text-opacity: 1;
  color: rgb(153 101 0 / var(--tw-text-opacity));
}

.text-brand-red {
  --tw-text-opacity: 1;
  color: rgb(235 62 38 / var(--tw-text-opacity));
}

.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

.text-primary {
  --tw-text-opacity: 1;
  color: rgb(25 31 50 / var(--tw-text-opacity));
}

.text-secondary {
  --tw-text-opacity: 1;
  color: rgb(83 87 91 / var(--tw-text-opacity));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.opacity-20 {
  opacity: 0.2;
}

.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-brand-red {
  --tw-shadow-color: #EB3E26;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-gray-600 {
  --tw-shadow-color: #4b5563;
  --tw-shadow: var(--tw-shadow-colored);
}

.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.backdrop-filter {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.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;
}

.line-clamp-11 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 11;
}

.line-clamp-16 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 16;
}

/* Hide scrollbar for Chrome, Safari and Opera */

/* Hide scrollbar for IE, Edge and Firefox */

.marker\:content-\[\'\'\] *::marker {
  --tw-content: '';
  content: var(--tw-content);
}

.marker\:content-\[\'\'\]::marker {
  --tw-content: '';
  content: var(--tw-content);
}

.hover\:border-b-2:hover {
  border-bottom-width: 2px;
}

.hover\:border-brand-blue:hover {
  --tw-border-opacity: 1;
  border-color: rgb(44 154 217 / var(--tw-border-opacity));
}

.hover\:border-brand-orange:hover {
  --tw-border-opacity: 1;
  border-color: rgb(244 161 0 / var(--tw-border-opacity));
}

.hover\:border-brand-red:hover {
  --tw-border-opacity: 1;
  border-color: rgb(235 62 38 / var(--tw-border-opacity));
}

.hover\:border-brand-yellow:hover {
  --tw-border-opacity: 1;
  border-color: rgb(255 196 0 / var(--tw-border-opacity));
}

.group[open] .group-open\:hidden {
  display: none;
}

.group[open] .group-open\:stroke-blue-dark {
  stroke: #005995;
}

.group[open] .group-open\:text-primary {
  --tw-text-opacity: 1;
  color: rgb(25 31 50 / var(--tw-text-opacity));
}

@media (min-width: 395px) {
  .xs\:flex-\[1_0_355px\] {
    flex: 1 0 355px;
  }

  .xs\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 640px) {
  .sm\:mt-24 {
    margin-top: 6rem;
  }

  .sm\:inline-block {
    display: inline-block;
  }

  .sm\:scroll-m-24 {
    scroll-margin: 6rem;
  }

  .sm\:gap-12 {
    gap: 3rem;
  }

  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 768px) {
  .md\:order-2 {
    order: 2;
  }

  .md\:mb-8 {
    margin-bottom: 2rem;
  }

  .md\:block {
    display: block;
  }

  .md\:inline-block {
    display: inline-block;
  }

  .md\:flex {
    display: flex;
  }

  .md\:hidden {
    display: none;
  }

  .md\:max-w-\[44\%\] {
    max-width: 44%;
  }

  .md\:max-w-\[445px\] {
    max-width: 445px;
  }

  .md\:flex-1 {
    flex: 1 1 0%;
  }

  .md\:flex-\[1_0_32\%\] {
    flex: 1 0 32%;
  }

  .md\:flex-\[1_0_368px\] {
    flex: 1 0 368px;
  }

  .md\:basis-2\/5 {
    flex-basis: 40%;
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:items-start {
    align-items: flex-start;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:justify-between {
    justify-content: space-between;
  }

  .md\:gap-10 {
    gap: 2.5rem;
  }

  .md\:gap-20 {
    gap: 5rem;
  }

  .md\:gap-3 {
    gap: 0.75rem;
  }

  .md\:border-0 {
    border-width: 0px;
  }

  .md\:bg-\[size\:100\%\] {
    background-size: 100%;
  }

  .md\:bg-\[50px_10px\] {
    background-position: 50px 10px;
  }

  .md\:p-0 {
    padding: 0px;
  }

  .md\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .md\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .md\:pb-20 {
    padding-bottom: 5rem;
  }

  .md\:pl-20 {
    padding-left: 5rem;
  }

  .md\:pr-20 {
    padding-right: 5rem;
  }

  .md\:pt-10 {
    padding-top: 2.5rem;
  }

  .md\:text-left {
    text-align: left;
  }

  .md\:text-center {
    text-align: center;
  }

  .md\:text-5xl {
    font-size: 2.75rem;
  }

  .md\:text-base {
    font-size: 1rem;
  }

  .md\:leading-6 {
    line-height: 1.5rem;
  }

  .md\:leading-\[4rem\] {
    line-height: 4rem;
  }
}

@media (min-width: 1024px) {
  .md-2\:flex {
    display: flex;
  }

  .md-2\:hidden {
    display: none;
  }

  .md-2\:basis-3\/4 {
    flex-basis: 75%;
  }

  .md-2\:items-start {
    align-items: flex-start;
  }

  .md-2\:justify-center {
    justify-content: center;
  }

  .md-2\:gap-12 {
    gap: 3rem;
  }

  .md-2\:text-left {
    text-align: left;
  }
}

@media (min-width: 1160px) {
  .lg\:invisible {
    visibility: hidden;
  }

  .lg\:mb-20 {
    margin-bottom: 5rem;
  }

  .lg\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .lg\:mt-10 {
    margin-top: 2.5rem;
  }

  .lg\:mt-5 {
    margin-top: 1.25rem;
  }

  .lg\:line-clamp-12 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 12;
  }

  .lg\:block {
    display: block;
  }

  .lg\:inline-block {
    display: inline-block;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:min-h-\[25rem\] {
    min-height: 25rem;
  }

  .lg\:min-w-\[23\.75rem\] {
    min-width: 23.75rem;
  }

  .lg\:max-w-none {
    max-width: none;
  }

  .lg\:flex-\[1_0_24\%\] {
    flex: 1 0 24%;
  }

  .lg\:flex-\[1_0_33\%\] {
    flex: 1 0 33%;
  }

  .lg\:basis-\[30\%\] {
    flex-basis: 30%;
  }

  .lg\:list-disc {
    list-style-type: disc;
  }

  .lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:items-center {
    align-items: center;
  }

  .lg\:gap-40 {
    gap: 10rem;
  }

  .lg\:bg-inherit {
    background-color: inherit;
  }

  .lg\:from-15\% {
    --tw-gradient-from-position: 15%;
  }

  .lg\:to-40\% {
    --tw-gradient-to-position: 40%;
  }

  .lg\:p-0 {
    padding: 0px;
  }

  .lg\:p-20 {
    padding: 5rem;
  }

  .lg\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .lg\:pb-12 {
    padding-bottom: 3rem;
  }

  .lg\:pb-20 {
    padding-bottom: 5rem;
  }

  .lg\:pb-\[9\.5rem\] {
    padding-bottom: 9.5rem;
  }

  .lg\:pt-\[5\.5rem\] {
    padding-top: 5.5rem;
  }

  .lg\:text-center {
    text-align: center;
  }

  .lg\:line-clamp-12 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 12;
  }
}

@media (min-width: 1280px) {
  .xl\:mt-32 {
    margin-top: 8rem;
  }

  .xl\:scroll-m-32 {
    scroll-margin: 8rem;
  }
}

@media (min-width: 1536px) {
  .\32xl\:mb-12 {
    margin-bottom: 3rem;
  }

  .\32xl\:mb-8 {
    margin-bottom: 2rem;
  }

  .\32xl\:mt-12 {
    margin-top: 3rem;
  }

  .\32xl\:pb-12 {
    padding-bottom: 3rem;
  }
}