@tailwind utilities;

 
@tailwind components;

 
.gallery{
   position: relative;
   padding-top: 0.5rem;
}

 
.gallery_scroller {
   /* snap mandatory on horizontal axis  */
  scroll-snap-type: x mandatory;
  display: flex;
  --tw-scroll-snap-strictness: mandatory;
  align-items: center;
  overflow-y: hidden;
  overflow-x: scroll;
  scroll-behavior: smooth;

  /* Enable Safari touch scrolling physics which is needed for scroll snap */
  -webkit-overflow-scrolling: touch;
}

 
.gallery_scroller div{
   position: relative;
   flex: none;
   scroll-snap-stop: always;
  scroll-snap-align: center;
}

 
.gallery .btn{
   position: absolute;
   top: 50%;
   height: 2rem;
   width: 2rem;
   border-radius: 9999px;
   --tw-bg-opacity: 1;
   background-color: rgb(135 142 136 / var(--tw-bg-opacity, 1));
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
   opacity: 0.6;
  transform: translateY(-80%);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  z-index: 1;
}

 
.gallery .btn.next{
   right: 0px;
  background-image: url('data:image/svg+xml;charset=utf-8,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 12.5L10 8.5L6 4.5" stroke="%23FFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

 
.gallery .btn.prev {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 12.6673L5.33333 8.00065L10 3.33398" stroke="%23FFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  left: 0px;
}

 
#mkLightboxContainer img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

 
#mkLightboxContainer {
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100vh;
    min-width: 100vw;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    box-sizing: border-box;
    z-index: 30;
    display: flex;
    align-items: center;
    justify-content: center;
}

 
#mkLightboxContainer > * {
    z-index: 99;
}

 
#overlay {
    position: absolute;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    background: rgba(0,0,0,.85);
    z-index: 0;
}

 
#mkLightboxContainer #mklbInner {
    position: relative;
    height: 100vh;
    transition: all .4s ease-in-out;
    margin-left: 0;
}

 
#mkLightboxContainer section.imageContainer {
    margin: 0;
    padding: 1em;
    box-sizing: border-box;
    border: none;
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
}

 
#mkLightboxContainer img,
#mkLightboxContainer video {
    background: #fff;
    box-shadow: 0 0 30px #222;
    max-height: 85vh;
    min-width: auto;
    max-width: 75vw;
    width: auto;
    height: auto;
}

 
#mkLightboxContainer .mklbItem:hover {
    cursor: pointer;
    font-style: italic;
}

 
#closeIconContainer {
    width: 25px;
    height: 25px;
    position: fixed;
    top: 15px;
    right: 15px;
    transition: transform .2s linear;
}

 
#closeIconContainer:hover {
    cursor: pointer;
    transform: rotate(90deg);
}

 
#closeIconContainer svg,
#prev svg,
#next svg{
    fill: white;
}

 
#prevContainer,
#nextContainer {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    padding: 10px 5px 10px 5px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .2s ease-in;
}

 
#nextContainer {
    left: auto;
    right: 0;
}

 
#prevContainer:hover,
#nextContainer:hover {
    cursor: pointer;
    background: rgba(0,0,0,0.25);
}

 
#prev,
#next {
    width: 35px;
    height: 35px;
}

 
#mkLightboxContainer .grid {
    display: grid;
    align-content: flex-start;
    grid-gap: 1em;
}

 
#mkLightboxContainer .grid-3 {
    grid-template-columns: repeat(3, 1fr);
}

 
#mkLightboxContainer .grid-4 {
    grid-template-columns: repeat(4, 1fr);
}

 
#mkLightboxContainer .grid figure {
    width: 100%;
    margin: 0;
}

 
#mkLightboxContainer .grid img {
    width: 100%;
}

 
@media screen and (max-width: 768px){
    #mkLightboxContainer .grid-2-sm {
        grid-template-columns: 1fr 1fr;
    }
}

 
@media screen and (max-width: 450px){
    #mkLightboxContainer .grid-12-xs {
        grid-template-columns: 1fr;
    }
}

 
.hero {
  display: grid;
  height: 9rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

 
.hero > * {
  grid-area: 1/-1;
}

 
.hero img {
  min-height: 0;
}

 
/*
.hero:after {
  content: "";
  background: linear-gradient(90deg, #030C27 0%, rgba(3, 12, 39, 0) 100%);
  opacity: 0.7;
  grid-area: 1/-1;
}
*/

 
.accordion {
  transition: 0.4s;
  display: flex;
  max-height: -moz-fit-content;
  max-height: fit-content;
  width: 100%;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
}

 
.accordion-panel {
  transition: max-height 0.2s ease-out;
  max-height: 0px;
  overflow: hidden;
}

 
.accordion:after {
  content: ' ';
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M12.6666%206L7.99998%2010.6667L3.33331%206%22%20stroke%3D%22%23141540%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A%0A');
  display: block;
  height: 1rem;
  width: 1rem;
}

 
.accordion.no-children::after {
  content: none;
}

 
.active:after {
  content: ' ';
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M3.33335%2010L8.00002%205.33333L12.6667%2010%22%20stroke%3D%22%23141540%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A');
  display: block;
  height: 1rem;
  width: 1rem;
}

 
input[type="range"] {
    -webkit-appearance: none;
    margin-right: 15px;
    height: 3px;
    border-radius: 5px;
    background-image: linear-gradient(rgb(20 26 62), rgb(20 26 62)); /* bg-slate-900 */
    background-size: 70% 100%;
    background-repeat: no-repeat;
  }

 
/* Input Thumb */

 
input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    cursor: ew-resize;
    box-shadow: 0 0 2px 0 #555;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
  }

 
input[type="range"]::-moz-range-thumb {
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    cursor: ew-resize;
    box-shadow: 0 0 2px 0 #555;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
  }

 
input[type="range"]::-ms-thumb {
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    cursor: ew-resize;
    box-shadow: 0 0 2px 0 #555;
    -ms-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
  }

 
input[type="range"]::-webkit-slider-thumb:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}

 
input[type="range"]::-moz-range-thumb:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}

 
input[type="range"]::-ms-thumb:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}

 
/* Input Track */

 
input[type=range]::-webkit-slider-runnable-track  {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: transparent;
  }

 
input[type=range]::-moz-range-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: transparent;
  }

 
input[type="range"]::-ms-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: transparent;
  }

 
@tailwind components;

 
.wp-block-yoast-faq-block{
   max-width: 64rem;
   padding-bottom: 2rem;
}

 
.wp-block-yoast-faq-block a{
   text-decoration-line: underline;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 200ms;
}

 
.wp-block-yoast-faq-block a:hover,
.wp-block-yoast-faq-block a:focus{
   --tw-text-opacity: 1;
   color: rgb(2 86 212 / var(--tw-text-opacity, 1));
}

 
.wp-block-yoast-faq-block a:focus-visible{
   outline: 2px solid transparent;
   outline-offset: 2px;
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(36 99 235 / var(--tw-ring-opacity, 1));
   --tw-ring-offset-width: 2px;
}

 
.wp-block-yoast-faq-block a[aria-current="page"]{
   font-weight: 600;
   --tw-text-opacity: 1;
   color: rgb(1 63 157 / var(--tw-text-opacity, 1));
}

 
.accordion-item {
    position: relative;
    z-index: 1;
}

 
.accordion-toggle:checked + .accordion-header{
   border-bottom-right-radius: 0px;
   border-bottom-left-radius: 0px;
}

 
.accordion-toggle:checked + .accordion-header + .accordion-content{
   max-height: 1000px;
}

 
.accordion-item h2{
   margin: 0px;
}

 
.accordion-container h3{
   margin-top: 1.5rem;
   font-size: 1.125rem;
   line-height: 1.75rem;
   font-weight: 500;
}

 
.accordion-header{
   position: relative;
   padding-right: 2.5rem; /* Add padding-right to make room for the chevron */
}

 
.accordion-content {
    position: relative;
    z-index: 10;
    width: 100%;
}

 
.accordion-content.active {
    max-height: 1000px; /* Adjust this value based on your content */
}

 
.accordion-content p{
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
}

 
.accordion-header svg.active {
    transform: rotate(180deg);
}

 
@media (max-width: 768px) {
    .accordion-content.active {
        position: relative;
        z-index: 10;
        background: inherit;
        width: 100%;
    }
    
    .accordion-item {
        position: relative;
        z-index: 1;
    }
}

 
/* @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Open+Sans:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Poppins%3A400%2C400i%2C500%2C600%2C700%2C800&#038;subset=latin%2Clatin-ext&#038;display=swap&#038;ver=0.38'); */

 
*, ::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(47 118 144 / 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:  ;
   --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: rgb(47 118 144 / 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:  ;
   --tw-contain-size:  ;
   --tw-contain-layout:  ;
   --tw-contain-paint:  ;
   --tw-contain-style:  ;
}

 
/* ! tailwindcss v3.4.17 | 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: Roboto, system-ui, sans-serif; /* 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 */
  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]:where(:not([hidden="until-found"])) {
  display: none;
}

 
[type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select{
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
   background-color: #fff;
   border-color: #878E88;
   border-width: 1px;
   border-radius: 0px;
   padding-top: 0.5rem;
   padding-right: 0.75rem;
   padding-bottom: 0.5rem;
   padding-left: 0.75rem;
   font-size: 1rem;
   line-height: 1.5rem;
   --tw-shadow: 0 0 #0000;
}

 
[type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus{
   outline: 2px solid transparent;
   outline-offset: 2px;
   --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
   --tw-ring-offset-width: 0px;
   --tw-ring-offset-color: #fff;
   --tw-ring-color: #2563eb;
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   border-color: #2563eb;
}

 
input::-moz-placeholder, textarea::-moz-placeholder{
   color: #878E88;
   opacity: 1;
}

 
input::placeholder,textarea::placeholder{
   color: #878E88;
   opacity: 1;
}

 
::-webkit-datetime-edit-fields-wrapper{
   padding: 0;
}

 
::-webkit-date-and-time-value{
   min-height: 1.5em;
}

 
::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{
   padding-top: 0;
   padding-bottom: 0;
}

 
select{
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23878E88' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
   background-position: right 0.5rem center;
   background-repeat: no-repeat;
   background-size: 1.5em 1.5em;
   padding-right: 2.5rem;
   -webkit-print-color-adjust: exact;
           color-adjust: exact;
}

 
[multiple]{
   background-image: initial;
   background-position: initial;
   background-repeat: unset;
   background-size: initial;
   padding-right: 0.75rem;
   -webkit-print-color-adjust: unset;
           color-adjust: unset;
}

 
[type='checkbox'],[type='radio']{
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
   padding: 0;
   -webkit-print-color-adjust: exact;
           color-adjust: exact;
   display: inline-block;
   vertical-align: middle;
   background-origin: border-box;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
   flex-shrink: 0;
   height: 1rem;
   width: 1rem;
   color: #2563eb;
   background-color: #fff;
   border-color: #878E88;
   border-width: 1px;
   --tw-shadow: 0 0 #0000;
}

 
[type='checkbox']{
   border-radius: 0px;
}

 
[type='radio']{
   border-radius: 100%;
}

 
[type='checkbox']:focus,[type='radio']:focus{
   outline: 2px solid transparent;
   outline-offset: 2px;
   --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
   --tw-ring-offset-width: 2px;
   --tw-ring-offset-color: #fff;
   --tw-ring-color: #2563eb;
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

 
[type='checkbox']:checked,[type='radio']:checked{
   border-color: transparent;
   background-color: currentColor;
   background-size: 100% 100%;
   background-position: center;
   background-repeat: no-repeat;
}

 
[type='checkbox']:checked{
   background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

 
[type='radio']:checked{
   background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}

 
[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus{
   border-color: transparent;
   background-color: currentColor;
}

 
[type='checkbox']:indeterminate{
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
   border-color: transparent;
   background-color: currentColor;
   background-size: 100% 100%;
   background-position: center;
   background-repeat: no-repeat;
}

 
[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{
   border-color: transparent;
   background-color: currentColor;
}

 
[type='file']{
   background: unset;
   border-color: inherit;
   border-width: 0;
   border-radius: 0;
   padding: 0;
   font-size: unset;
   line-height: inherit;
}

 
[type='file']:focus{
   outline: 1px auto -webkit-focus-ring-color;
}

 
html{
   scroll-padding-top: 2.5rem;
   scroll-behavior: smooth;
   font-family: Roboto, system-ui, sans-serif;
}

 
body{
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
   font-size: 1rem;
   line-height: 1.5rem;
   font-weight: 300;
   --tw-text-opacity: 1;
   color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}

 
h1{
   font-size: 2.25rem;
   line-height: 2.5rem;
   font-weight: 700;
}

 
h2{
   font-size: 1.875rem;
   line-height: 2.25rem;
   font-weight: 700;
}

 
h3{
   font-size: 1.5rem;
   line-height: 2rem;
   font-weight: 700;
}

 
h4{
   font-size: 1.25rem;
   line-height: 1.75rem;
   font-weight: 700;
}

 
h5{
   font-size: 1.125rem;
   line-height: 1.75rem;
   font-weight: 700;
}

 
h6{
   font-size: 1rem;
   line-height: 1.5rem;
   font-weight: 700;
}

 
p{
   font-size: 1rem;
   line-height: 1.5rem;
   font-weight: 300;
}

 
blockquote{
   border-left-width: 4px;
   --tw-border-opacity: 1;
   border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
   padding-left: 1rem;
   font-style: italic;
}

 
ul{
   list-style-position: inside;
   list-style-type: disc;
}

 
ol{
   list-style-position: inside;
   list-style-type: decimal;
}

 
code{
   border-radius: 0.25rem;
   --tw-bg-opacity: 1;
   background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
   padding: 0.25rem;
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
   font-size: 0.875rem;
   line-height: 1.25rem;
}

 
.caption{
   font-family: Roboto, system-ui, sans-serif;
   font-size: 0.75rem;
   line-height: 1rem;
}

 
.over{
   font-family: Roboto, system-ui, sans-serif;
   font-size: 0.75rem;
   line-height: 1rem;
   text-transform: uppercase;
   letter-spacing: 0.1em; /* letter spacing is 1.2px, should be 1px */
}

 
strong, b{
   font-weight: 700; /* Apply Tailwind's font-bold utility */
}

 
.container{
   width: 100%;
}

 
@media (min-width: 640px){

 
   .container{
      max-width: 640px;
   }
}

 
@media (min-width: 768px){

 
   .container{
      max-width: 768px;
   }
}

 
@media (min-width: 1024px){

 
   .container{
      max-width: 1024px;
   }
}

 
@media (min-width: 1280px){

 
   .container{
      max-width: 1280px;
   }
}

 
@media (min-width: 1536px){

 
   .container{
      max-width: 1536px;
   }
}

 
.header{
   --tw-bg-opacity: 1;
   background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
   --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
   --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

 
.exceprt a{
   text-decoration-line: underline;
}

 
.discount-info{
   border-radius: 0.375rem;
   border-width: 1px;
   --tw-border-opacity: 1;
   border-color: rgb(135 142 136 / var(--tw-border-opacity, 1));
   --tw-bg-opacity: 1;
   background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
   padding-left: 0.75rem;
   padding-right: 0.75rem;
   padding-top: 0.125rem;
   padding-bottom: 0.125rem;
   font-size: 0.75rem;
   line-height: 1rem;
   text-transform: uppercase;
   --tw-text-opacity: 1;
   color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}

 
.container{
   max-width: 80rem;
}

 
.full-page-w {
      width: 99vw;
      margin-left: 50%;
      transform: translateX(-50%);
    }

 
.full-window-width {
      width: 99.3vw;
      margin-left: calc(50% - 50vw);
    }

 
.btn-primary{
   display: inline-flex;
   width: 100%;
   justify-content: center;
   white-space: nowrap;
   border-radius: 0.5rem;
   --tw-bg-opacity: 1;
   background-color: rgb(36 99 235 / var(--tw-bg-opacity, 1));
   padding-left: 0.875rem;
   padding-right: 0.875rem;
   padding-top: 0.625rem;
   padding-bottom: 0.625rem;
   font-size: 0.875rem;
   line-height: 1.25rem;
   font-weight: 500;
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
   --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
   --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   --tw-shadow-color: rgb(30 27 75 / 0.1);
   --tw-shadow: var(--tw-shadow-colored);
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
}

 
.btn-primary:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(2 86 212 / var(--tw-bg-opacity, 1));
}

 
.btn-primary:focus{
   outline: 2px solid transparent;
   outline-offset: 2px;
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(81 68 58 / var(--tw-ring-opacity, 1));
}

 
.btn-primary:focus-visible{
   outline: 2px solid transparent;
   outline-offset: 2px;
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(81 68 58 / var(--tw-ring-opacity, 1));
}

 
.btn-secondary{
   display: inline-flex;
   width: 100%;
   justify-content: center;
   white-space: nowrap;
   border-radius: 0.5rem;
   border-width: 1px;
   --tw-border-opacity: 1;
   border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
   padding-left: 0.875rem;
   padding-right: 0.875rem;
   padding-top: 0.625rem;
   padding-bottom: 0.625rem;
   font-size: 0.875rem;
   line-height: 1.25rem;
   font-weight: 500;
   --tw-text-opacity: 1;
   color: rgb(17 24 39 / var(--tw-text-opacity, 1));
   --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
   --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   --tw-shadow-color: rgb(30 27 75 / 0.1);
   --tw-shadow: var(--tw-shadow-colored);
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
}

 
.btn-secondary:hover{
   --tw-border-opacity: 1;
   border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
   --tw-text-opacity: 1;
   color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

 
.btn-secondary:focus{
   outline: 2px solid transparent;
   outline-offset: 2px;
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1));
}

 
.btn-secondary:focus-visible{
   outline: 2px solid transparent;
   outline-offset: 2px;
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1));
}

 
.btn-triary {
      text-decoration: none !important;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 9999px;
      border-width: 1px;
      --tw-border-opacity: 1;
      border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
      --tw-bg-opacity: 1;
      background-color: rgb(36 99 235 / var(--tw-bg-opacity, 1));
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
      padding-left: 1rem;
      padding-right: 1rem;
      font-size: 1.25rem;
      line-height: 1.75rem;
      font-weight: 300 !important;
      letter-spacing: 0.025em !important;
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }

 
.btn-triary:hover{
   --tw-border-opacity: 1;
   border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
   --tw-text-opacity: 1;
   color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}

 
.btn-transparent {
      text-decoration: none !important;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 9999px;
      background-color: transparent;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
      padding-left: 1rem;
      padding-right: 1rem;
      font-size: 0.875rem;
      line-height: 1.25rem;
      font-weight: 400;
      letter-spacing: 0.025em;
      --tw-text-opacity: 1;
      color: rgb(15 23 42 / var(--tw-text-opacity, 1));
    }

 
.btn-transparent:focus{
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity, 1));
   --tw-ring-offset-width: 2px;
}

 
.btn-outline{
   display: inline-flex;
   align-items: center;
   justify-content: center;
   border-radius: 9999px;
   border-width: 2px;
   --tw-border-opacity: 1;
   border-color: rgb(36 99 235 / var(--tw-border-opacity, 1));
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
   padding-left: 1rem;
   padding-right: 1rem;
   --tw-text-opacity: 1;
   color: rgb(36 99 235 / var(--tw-text-opacity, 1));
}

 
.btn-outline:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(250 252 255 / var(--tw-bg-opacity, 1));
}

 
.btn-outline:focus{
   outline: 2px solid transparent;
   outline-offset: 2px;
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(36 99 235 / var(--tw-ring-opacity, 1));
   --tw-ring-offset-width: 2px;
}

 
.btn-none{
   display: inline-flex;
   align-items: center;
   justify-content: center;
   border-radius: 9999px;
   border-width: 0px;
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
   padding-left: 1rem;
   padding-right: 1rem;
   --tw-text-opacity: 1;
   color: rgb(36 99 235 / var(--tw-text-opacity, 1));
}

 
.btn-none:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(250 252 255 / var(--tw-bg-opacity, 1));
}

 
.btn-none:focus{
   outline: 2px solid transparent;
   outline-offset: 2px;
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(36 99 235 / var(--tw-ring-opacity, 1));
   --tw-ring-offset-width: 2px;
}

 
.btn-cheveron-down:after {
      content: ' ';
      background-image: url('data:image/svg+xml;charset=utf-8,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 6L8 10L12 6" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/></svg>');
      background-size: 16px 16px;
      margin-left: 0.5rem;
      height: 1rem;
      width: 1rem;
      stroke: #2463EB;
    }

 
.tag-secondary{
   margin-left: 0.25rem;
   margin-right: 0.25rem;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   border-radius: 0.25rem;
   border-width: 1px;
   border-color: transparent;
   --tw-bg-opacity: 1;
   background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
   padding-left: 1rem;
   padding-right: 1rem;
   font-size: 0.75rem;
   line-height: 1rem;
   text-transform: uppercase;
   letter-spacing: 0.05em;
   --tw-text-opacity: 1;
   color: rgb(38 38 38 / var(--tw-text-opacity, 1));
}

 
.tag-primary{
   margin-left: 0.25rem;
   margin-right: 0.25rem;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   border-radius: 0.25rem;
   border-width: 1px;
   border-color: transparent;
   --tw-bg-opacity: 1;
   background-color: rgb(218 83 29 / var(--tw-bg-opacity, 1));
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
   padding-left: 1rem;
   padding-right: 1rem;
   font-size: 0.75rem;
   line-height: 1rem;
   text-transform: uppercase;
   --tw-text-opacity: 1;
   color: rgb(245 245 245 / var(--tw-text-opacity, 1));
}

 
.tag-unselected{
   margin-left: 0.25rem;
   margin-right: 0.25rem;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   border-radius: 0.25rem;
   border-width: 1px;
   --tw-bg-opacity: 1;
   background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
   padding-left: 1rem;
   padding-right: 1rem;
   font-size: 0.75rem;
   line-height: 1rem;
   text-transform: uppercase;
   letter-spacing: 0.05em;
   --tw-text-opacity: 1;
   color: rgb(38 38 38 / var(--tw-text-opacity, 1));
}

 
.camp-tag{
   margin-left: 0.25rem;
   margin-right: 0.25rem;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   border-radius: 0.25rem;
   border-width: 1px;
   --tw-bg-opacity: 1;
   background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
   padding-left: 1rem;
   padding-right: 1rem;
   font-size: 0.75rem;
   line-height: 1rem;
   text-transform: uppercase;
   letter-spacing: 0.05em;
   --tw-text-opacity: 1;
   color: rgb(38 38 38 / var(--tw-text-opacity, 1));
}

 
.tag-selected{
   margin-left: 0.25rem;
   margin-right: 0.25rem;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   border-radius: 0.25rem;
   border-width: 1px;
   --tw-bg-opacity: 1;
   background-color: rgb(36 99 235 / var(--tw-bg-opacity, 1));
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
   padding-left: 1rem;
   padding-right: 1rem;
   font-size: 0.75rem;
   line-height: 1rem;
   text-transform: uppercase;
   letter-spacing: 0.05em;
   --tw-text-opacity: 1;
   color: rgb(245 245 245 / var(--tw-text-opacity, 1));
}

 
button[aria-expanded="true"]:after {
      content: ' ';
      stroke: inherit;
      background-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke="currentColor" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 15L12 8L19 15" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
      background-size: 24px 24px;
      margin-left: 0.5rem;
      display: block;
      height: 1.5rem;
      width: 1.5rem;
    }

 
button[aria-expanded="false"]:after {
      content: ' ';
      stroke: inherit;
      background-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke="currentColor" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19 9L12 16L5 9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
      background-size: 24px 24px;
      margin-left: 0.5rem;
      display: block;
      height: 1.5rem;
      width: 1.5rem;
    }

 
.post-edit-link{
   display: inline-flex;
   width: 100%;
   justify-content: center;
   white-space: nowrap;
   border-radius: 0.5rem;
   border-width: 1px;
   --tw-border-opacity: 1;
   border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
   padding-left: 0.875rem;
   padding-right: 0.875rem;
   padding-top: 0.625rem;
   padding-bottom: 0.625rem;
   font-size: 0.875rem;
   line-height: 1.25rem;
   font-weight: 500;
   --tw-text-opacity: 1;
   color: rgb(17 24 39 / var(--tw-text-opacity, 1));
   --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
   --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   --tw-shadow-color: rgb(30 27 75 / 0.1);
   --tw-shadow: var(--tw-shadow-colored);
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
}

 
.post-edit-link:hover{
   --tw-border-opacity: 1;
   border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
   --tw-text-opacity: 1;
   color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

 
.post-edit-link:focus{
   outline: 2px solid transparent;
   outline-offset: 2px;
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1));
}

 
.post-edit-link:focus-visible{
   outline: 2px solid transparent;
   outline-offset: 2px;
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1));
}

 
.post-edit-link{
   min-width: -moz-min-content;
   min-width: min-content;
}

 
/* forms element */

 
.form-group > label{
   font-size: 0.75rem;
   line-height: 1rem;
   font-weight: 300;
   --tw-text-opacity: 1;
   color: rgb(135 142 136 / var(--tw-text-opacity, 1));
}

 
.form-control{
   display: block;
   width: 100%;
   border-radius: 4px;
   --tw-border-opacity: 1;
   border-color: rgb(242 242 242 / var(--tw-border-opacity, 1));
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
   font-size: 1.25rem;
   line-height: 1.75rem;
   --tw-text-opacity: 1;
   color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}

 
.form-control::-moz-placeholder{
   --tw-placeholder-opacity: 1;
   color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}

 
.form-control::placeholder{
   --tw-placeholder-opacity: 1;
   color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}

 
.form-control:focus{
   --tw-border-opacity: 1;
   border-color: rgb(36 99 235 / var(--tw-border-opacity, 1));
}

 
.form-control:focus::-moz-placeholder{
   --tw-placeholder-opacity: 1;
   color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}

 
.form-control:focus::placeholder{
   --tw-placeholder-opacity: 1;
   color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}

 
.form-control:focus{
   outline: 2px solid transparent;
   outline-offset: 2px;
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(36 99 235 / var(--tw-ring-opacity, 1));
}

 
@media (min-width: 640px){

 
   .form-control{
      font-size: 1.25rem;
      line-height: 1.75rem;
   }
}

 
.form-group > input[type='text'],input[type='email'],textarea{
   display: block;
   width: 100%;
   border-radius: 4px;
   --tw-border-opacity: 1;
   border-color: rgb(242 242 242 / var(--tw-border-opacity, 1));
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
   font-size: 1.25rem;
   line-height: 1.75rem;
   --tw-text-opacity: 1;
   color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}

 
.form-group > input[type='text']::-moz-placeholder, input[type='email']::-moz-placeholder, textarea::-moz-placeholder{
   --tw-placeholder-opacity: 1;
   color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}

 
.form-group > input[type='text']::placeholder,input[type='email']::placeholder,textarea::placeholder{
   --tw-placeholder-opacity: 1;
   color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}

 
.form-group > input[type='text']:focus,input[type='email']:focus,textarea:focus{
   --tw-border-opacity: 1;
   border-color: rgb(36 99 235 / var(--tw-border-opacity, 1));
}

 
.form-group > input[type='text']:focus::-moz-placeholder, input[type='email']:focus::-moz-placeholder, textarea:focus::-moz-placeholder{
   --tw-placeholder-opacity: 1;
   color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}

 
.form-group > input[type='text']:focus::placeholder,input[type='email']:focus::placeholder,textarea:focus::placeholder{
   --tw-placeholder-opacity: 1;
   color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}

 
.form-group > input[type='text']:focus,input[type='email']:focus,textarea:focus{
   outline: 2px solid transparent;
   outline-offset: 2px;
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(36 99 235 / var(--tw-ring-opacity, 1));
}

 
@media (min-width: 640px){

 
   .form-group > input[type='text'],input[type='email'],textarea{
      font-size: 1.25rem;
      line-height: 1.75rem;
   }
}

 
.form-group > input[type='checkbox']{
   height: 1rem;
   width: 1rem;
   border-radius: 0.25rem;
   --tw-border-opacity: 1;
   border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
   --tw-text-opacity: 1;
   color: rgb(2 86 212 / var(--tw-text-opacity, 1));
}

 
.form-group > input[type='checkbox']:focus{
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(36 99 235 / var(--tw-ring-opacity, 1));
}

 
.form-group > input[type='checkbox'].has-error{
   height: 1rem;
   width: 1rem;
   border-radius: 0.25rem;
   --tw-border-opacity: 1;
   border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
   --tw-text-opacity: 1;
   color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}

 
.form-group > input[type='checkbox'].has-error:focus{
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(158 10 15 / var(--tw-ring-opacity, 1));
}

 
.has-error{
   --tw-border-opacity: 1 !important;
   border-color: rgb(252 165 165 / var(--tw-border-opacity, 1)) !important;
   padding-right: 2.5rem !important;
   --tw-text-opacity: 1 !important;
   color: rgb(127 29 29 / var(--tw-text-opacity, 1)) !important;
}

 
.has-error::-moz-placeholder{
   --tw-placeholder-opacity: 1 !important;
   color: rgb(252 165 165 / var(--tw-placeholder-opacity, 1)) !important;
}

 
.has-error::placeholder{
   --tw-placeholder-opacity: 1 !important;
   color: rgb(252 165 165 / var(--tw-placeholder-opacity, 1)) !important;
}

 
.has-error:focus{
   --tw-border-opacity: 1 !important;
   border-color: rgb(158 10 15 / var(--tw-border-opacity, 1)) !important;
   outline: 2px solid transparent !important;
   outline-offset: 2px !important;
   --tw-ring-opacity: 1 !important;
   --tw-ring-color: rgb(158 10 15 / var(--tw-ring-opacity, 1)) !important;
}

 
.help-block-error{
   --tw-bg-opacity: 1;
   background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
   padding-left: 0.5rem;
   padding-right: 0.5rem;
   font-size: 0.75rem;
   line-height: 1rem;
   --tw-text-opacity: 1;
   color: rgb(249 250 251 / var(--tw-text-opacity, 1));
}

 
.post-ratings{
   display: flex;
}

 
.post-ratings IMG{
   margin-right: 0.5rem;
   height: 1.5rem;
   width: 1.5rem;
}

 
.visited{
   --tw-border-opacity: 1 !important;
   border-color: rgb(47 118 144 / var(--tw-border-opacity, 1)) !important;
}

 
/* Ranking table header */

 
.ranking-table-header {
      display: grid;
      grid-template-columns: [place] 185px [name] 25% [prof] 11% [cap] 17% [area] 21% [price] 10%;
    }

 
@media screen and (min-width: 768px) and (max-width: 1024px) {
      .ranking-table-header {
        grid-template-columns: [place] 185px [name] 25% [prof] 11% [cap] 13% [area] 18% [price] 11%;
      }
    }

 
@media screen and (min-width: 1280px) {
      .ranking-table-header {
        grid-template-columns: [place] 185px [name] 25% [prof] 11% [cap] 17% [area] 22% [price] 9%;
      }
    }

 
.container-7xl{
   width: 100%;
}

 
@media (min-width: 640px){

 
   .container-7xl{
      max-width: 640px;
   }
}

 
@media (min-width: 768px){

 
   .container-7xl{
      max-width: 768px;
   }
}

 
@media (min-width: 1024px){

 
   .container-7xl{
      max-width: 1024px;
   }
}

 
@media (min-width: 1280px){

 
   .container-7xl{
      max-width: 1280px;
   }
}

 
@media (min-width: 1536px){

 
   .container-7xl{
      max-width: 1536px;
   }
}

 
.container-7xl{
   margin-left: auto;
   margin-right: auto;
   max-width: 80rem;
   padding-left: 0.5rem;
   padding-right: 0.5rem;
}

 
/* Toggle button */

 
.toggle-bg:after {
      content: '';
      position: absolute;
      top: 0.125rem;
      left: 0.125rem;
      height: 1.25rem;
      width: 1.25rem;
      border-radius: 9999px;
      border-width: 1px;
      --tw-border-opacity: 1;
      border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
      --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
      --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      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;
      }

 
input:checked + .toggle-bg:after {
          transform: translateX(100%);
          --tw-border-opacity: 1;
          border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
      }

 
input:checked + .toggle-bg{
   --tw-border-opacity: 1;
   border-color: rgb(68 142 253 / var(--tw-border-opacity, 1));
   --tw-bg-opacity: 1;
   background-color: rgb(68 142 253 / var(--tw-bg-opacity, 1));
}

 
/* Product gallery */

 
.gallery-slider-thumb{
   cursor: pointer;
   border-radius: 0.25rem;
   border-width: 1.5px;
   --tw-border-opacity: 1;
   border-color: rgb(199 210 254 / var(--tw-border-opacity, 1));
}

 
.gallery-slider-thumb:hover{
   --tw-border-opacity: 1;
   border-color: rgb(129 140 248 / var(--tw-border-opacity, 1));
}

 
.gallery-slider-thumb.thumb-active{
   border-radius: 0.5rem;
   border-width: 2px;
   --tw-border-opacity: 1;
   border-color: rgb(36 99 235 / var(--tw-border-opacity, 1));
}

 
.gallery-slider-thumb.thumb-active:hover{
   --tw-border-opacity: 1;
   border-color: rgb(36 99 235 / var(--tw-border-opacity, 1));
}

 
.gallery-slider-control svg{
   cursor: pointer;
}

 
/* Product tabs */

 
.tabbed .tabs .tab{
   cursor: pointer;
   font-size: 1.125rem;
   line-height: 1.75rem;
   padding-left: 2rem;
   padding-right: 1.5rem;
   padding-top: 0.25rem;
   padding-bottom: 1.25rem;
}

 
.tabbed .tabs .tab:hover{
   opacity: 0.6;
}

 
.tabbed .tabs .tab.tab-active{
   border-bottom-width: 1px;
   --tw-border-opacity: 1;
   border-color: rgb(36 99 235 / var(--tw-border-opacity, 1));
   --tw-text-opacity: 1;
   color: rgb(36 99 235 / var(--tw-text-opacity, 1));
}

 
.tabbed .tab-content{
   display: none;
}

 
.tabbed .tab-content.tab-active{
   display: block;
}

 
/* Product reviews pagination */

 
.reviews-pagination .nav-button{
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   font-size: 0.875rem;
   line-height: 1.25rem;
   height: 2rem;
   width: 2rem;
   cursor: pointer;
   border-radius: 0.25rem;
}

 
.reviews-pagination .nav-button:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(199 210 254 / var(--tw-bg-opacity, 1));
}

 
.reviews-pagination .nav-button.current{
   --tw-bg-opacity: 1;
   background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}

 
.reviews-pagination .nav-button.current:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(199 210 254 / var(--tw-bg-opacity, 1));
}

 
/* Red-starred placeholder input */

 
.ph-input{position:relative;}

 
.ph-input input{z-index:9;background:transparent;border:1px solid #aaa;padding: 5px}

 
.ph-input label{position:absolute;left:8px;top:6px;z-index:1;color:#96A9B5;font-size: 1rem;line-height: 1.5rem;}

 
.ph-input label::after{content:" *";--tw-text-opacity: 1;color: rgb(218 83 29 / var(--tw-text-opacity, 1));}

 
input[required]:valid + label{display: none;}

 
/* Tooltip */

 
.tooltip-text{
   position: absolute;
   z-index: 50;
   margin-top: 0.5rem;
   display: none;
   border-radius: 0.5rem;
   --tw-bg-opacity: 1;
   background-color: rgb(49 46 129 / var(--tw-bg-opacity, 1));
   padding: 0.75rem;
   padding-left: 0.75rem;
   padding-right: 0.75rem;
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
   text-align: center;
   font-size: 0.875rem;
   line-height: 1.25rem;
   --tw-text-opacity: 1;
   color: rgb(249 250 251 / var(--tw-text-opacity, 1));
   opacity: 0.8;
}

 
.group:hover .tooltip-text{
   display: block;
}

 
/* Hid TNS Navigation */

 
.tns-nav{
   display: none !important;
}

 
.section-with p{
   padding-top: 0.5rem;
   padding-bottom: 1rem;
}

 
/* Checkout */

 
label.color-choice input:checked{
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
   --tw-ring-offset-width: 1px;
}

 
label.color-choice{
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

 
footer a{
   --tw-text-opacity: 1;
   color: rgb(135 142 136 / var(--tw-text-opacity, 1));
}

 
footer a:hover{
   --tw-text-opacity: 1;
   color: rgb(254 203 4 / var(--tw-text-opacity, 1));
}

 
/* Faceted slider START */

 
.faceted-custom-slider .slider-proper{
   position: relative;
   height: 0.125rem !important;
   width: 100%;
   border-style: none !important;
   --tw-bg-opacity: 1 !important;
   background-color: rgb(0 20 51 / var(--tw-bg-opacity, 1)) !important;
   background-image: none !important;
}

 
.faceted-custom-slider .slider-proper .ui-slider-range{
   height: 100%;
   --tw-bg-opacity: 1 !important;
   background-color: rgb(0 20 51 / var(--tw-bg-opacity, 1)) !important;
   background-image: none !important;
}

 
.faceted-custom-slider .slider-proper .ui-slider-handle{
   position: absolute;
   top: 0px !important;
   height: 1.25rem !important;
   width: 1.25rem !important;
   --tw-translate-y: -50% !important;
   --tw-translate-x: -50% !important;
   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)) !important;
   border-radius: 9999px !important;
   border-style: none !important;
   --tw-bg-opacity: 1 !important;
   background-color: rgb(0 20 51 / var(--tw-bg-opacity, 1)) !important;
   background-image: none !important;
}

 
/* Faceted slider END */

 
/*Dropdown content */

 
.dropdown{
   position: relative;
    display: inline-block;
}

 
.dropdown-content{
   position: absolute;
   z-index: 50;
   display: none;
}

 
/* Show the dropdown menu on hover */

 
.dropdown:hover .dropdown-content {display: block;}

 
/*Flying menu based on dropdown content */

 
.dropdown A.menu{
   border-bottom-width: 2px;
   border-color: transparent;
   padding-top: 1rem;
   padding-bottom: 1rem;
   padding-left: 0.25rem;
   padding-right: 0.25rem;
   font-size: 1.25rem;
   line-height: 1.75rem;
   font-weight: 500;
   --tw-text-opacity: 1;
   color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}

 
.dropdown A.menu:hover{
   border-bottom-width: 2px;
   --tw-border-opacity: 1;
   border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
   --tw-text-opacity: 1;
   color: rgb(242 242 242 / var(--tw-text-opacity, 1));
}

 
.dropdown A.white{
   border-radius: 0.375rem;
   font-size: 0.875rem;
   line-height: 1.25rem;
   font-weight: 700;
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

 
.dropdown A.white:hover{
   --tw-text-opacity: 1;
   color: rgb(135 142 136 / var(--tw-text-opacity, 1));
}

 
div.dropdown-content A.dropdown-item{
   display: flex;
   align-items: flex-start;
   padding: 0.5rem;
}

 
div.dropdown-content A.dropdown-item:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}

 
/* icons */

 
.icon{
   display: flex;
   height: 2.5rem;
   width: 2.5rem;
   flex-shrink: 0;
   align-items: center;
   justify-content: center;
   background-size: contain;
   background-repeat: no-repeat;
}

 
@media (min-width: 640px){

 
   .icon{
      height: 3rem;
      width: 3rem;
   }
}

 
/* Dropdown Content (Hidden by Default) */

 
/* slide */

 
.slideshow-container {
  max-width: 2000px;
  position: relative;
  margin-left: auto;
  margin-right: auto; 
}

 
.slide-prev-button, .slide-next-button{
   position: absolute;
   top: 50%;
   cursor: pointer;
}

 
.slide-prev-button{
   left: 0.25rem;
}

 
.slide-next-button{
   right: 0.25rem;
}

 
/* breadcrumb */

 
.breadcrumb{
   font-size: 1rem;
   line-height: 1.5rem;
   font-weight: 300;
   text-transform: capitalize;
   --tw-text-opacity: 1;
   color: rgb(55 48 163 / var(--tw-text-opacity, 1));
}

 
.breadcrumb_last{
   --tw-text-opacity: 1;
   color: rgb(49 46 129 / var(--tw-text-opacity, 1));
}

 
/* Pagination  */

 
.pagination{
   margin: auto;
   display: inline-flex;
   font-size: 1.125rem;
   line-height: 1.75rem;
   font-weight: 500;
}

 
A.page-numbers{
   display: inline-flex;
   align-items: center;
   border-color: transparent;
   padding: 0.5rem;
   padding-left: 1rem;
   padding-right: 1rem;
   --tw-text-opacity: 1;
   color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}

 
A.page-numbers:hover{
   --tw-border-opacity: 1;
   border-color: rgb(135 142 136 / var(--tw-border-opacity, 1));
   --tw-text-opacity: 1;
   color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}

 
A.page-icons{
   display: inline-flex;
   align-items: center;
   border-color: transparent;
   padding: 0.5rem;
   --tw-text-opacity: 1;
   color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}

 
A.page-icons:hover{
   --tw-border-opacity: 1;
   border-color: rgb(135 142 136 / var(--tw-border-opacity, 1));
   --tw-text-opacity: 1;
   color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}

 
span.current{
   display: inline-flex;
   align-items: center;
   border-radius: 0.5rem;
   --tw-bg-opacity: 1;
   background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
   padding: 0.5rem;
   padding-left: 1rem;
   padding-right: 1rem;
}

 
/* hamburger menu */

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

 
.mobile-menu{
   position: absolute;
   top: 5rem;
   z-index: 20;
   height: 100vh;
   width: 100vw;
   overflow: scroll;
   --tw-bg-opacity: 1;
   background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

 
.nav-toggle {
  position: absolute;
  display: block;
  width: 2rem;
  height: 1.5rem;
  top: 1.375rem;
  right: var(--space-3);
}

 
.nav-toggle span {
  height: 2px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

 
.nav-toggle span:before, .nav-toggle span:after{
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  height: 2px;
}

 
.nav-toggle span:before {
  top: -.55rem;
}

 
.nav-toggle span:after {
  bottom: -.55rem;
}

 
nav.on .nav-toggle span:before, 
nav.on .nav-toggle span:after{
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

 
nav .nav-toggles{
   display: block;
}

 
.nav-btn-filled{
   display: inline-flex;
   width: 100%;
   justify-content: center;
   white-space: nowrap;
   border-radius: 0.5rem;
   --tw-bg-opacity: 1;
   background-color: rgb(36 99 235 / var(--tw-bg-opacity, 1));
   padding-left: 0.875rem;
   padding-right: 0.875rem;
   padding-top: 0.625rem;
   padding-bottom: 0.625rem;
   font-size: 0.875rem;
   line-height: 1.25rem;
   font-weight: 500;
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
   --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
   --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   --tw-shadow-color: rgb(30 27 75 / 0.1);
   --tw-shadow: var(--tw-shadow-colored);
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
}

 
.nav-btn-filled:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(2 86 212 / var(--tw-bg-opacity, 1));
}

 
.nav-btn-filled:focus{
   outline: 2px solid transparent;
   outline-offset: 2px;
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(81 68 58 / var(--tw-ring-opacity, 1));
}

 
.nav-btn-filled:focus-visible{
   outline: 2px solid transparent;
   outline-offset: 2px;
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(81 68 58 / var(--tw-ring-opacity, 1));
}

 
.nav-btn-filled{
   margin-bottom: 0.5rem;
   width: 100%;
}

 
.nav-btn-filled-parent{
   border-bottom-width: 1px;
   --tw-border-opacity: 1;
   border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}

 
.prepend-icon-raw {
  display: block;
  height: 0.875rem;
  margin-right: 0.5rem;
}

 
div.lang-switcher a.lang:first-child:after {
      content: ' ';
      background-image: url('data:image/svg+xml;charset=utf-8,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 6L8 10L12 6" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/></svg>');
      background-size: 16px 16px;
      margin-left: 0.5rem;
      height: 1rem;
      width: 1rem;
      stroke: #2463EB;
    }

 
.wp-block spandiv.inline-block.lang-switcher a.lang:first-child a {
      text-decoration: none !important;
      font-weight: 400 !important;
    }

 
div.lang-switcher a.lang:first-child{
   display: flex;
   align-items: center;
}

 
div.lang-switcher a.lang:first-child > :not([hidden]) ~ :not([hidden]){
   --tw-space-x-reverse: 0;
   margin-right: calc(0.5rem * var(--tw-space-x-reverse));
   margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

 
div.lang-switcher a.lang:first-child{
   text-decoration-line: none !important;
}

 
.wp-block div.lang-switcher a.lang:first-child:hoverspan.inline-block a {
      text-decoration: none;
      font-weight: 400;
    }

 
div.lang-switcher a.lang:first-child:hover{
   text-decoration-line: none;
}

 
iframe[allowfullscreen]{
   aspect-ratio: 16 / 9;
   width: 100%;
}

 
/* .wp-block  LI A, .wp-block P A, .wp-block SPAN A {
        @apply underline font-medium;
    } */

 
.wp-block span.inline-block.no-underline a {
      text-decoration: none;
      font-weight: 400;
    }

 
.wp-block-image  IMG,  .wp-block IMG{
   border-radius: 0.5rem;
}

 
.wp-block-separator{
   width: 100%;
}

 
@media (min-width: 640px){

 
   .wp-block-separator{
      margin-top: 2.5rem;
      margin-bottom: 2.5rem;
      display: block;
      --tw-text-opacity: 1;
      color: rgb(209 213 219 / var(--tw-text-opacity, 1));
   }
}

 
.wp-block  H1, H1.wp-block-heading{
   padding-left: 0.5rem;
   padding-right: 0.5rem;
   padding-top: 1rem;
   padding-bottom: 1rem;
}

 
@media (min-width: 640px){

 
   .wp-block  H1, H1.wp-block-heading{
      padding-left: 0px;
      padding-right: 0px;
   }
}

 
.wp-block  H2, H2.wp-block-heading{
   padding-left: 0.5rem;
   padding-right: 0.5rem;
   padding-top: 1rem;
   padding-bottom: 1rem;
}

 
@media (min-width: 640px){

 
   .wp-block  H2, H2.wp-block-heading{
      padding-left: 0px;
      padding-right: 0px;
   }
}

 
.wp-block  H2 EM, .wp-block H2 I{
   font-style: normal;
}

 
.wp-block h3 em, .wp-block h3 i{
   font-style: normal;
}

 
.wp-block  H3, H3.wp-block-heading{
   padding-left: 0.5rem;
   padding-right: 0.5rem;
   padding-top: 1rem;
   padding-bottom: 0.5rem;
}

 
@media (min-width: 640px){

 
   .wp-block  H3, H3.wp-block-heading{
      padding-left: 0px;
      padding-right: 0px;
   }
}

 
.wp-block  H4, H4.wp-block-heading{
   padding-left: 0.5rem;
   padding-right: 0.5rem;
   padding-top: 0.5rem;
   padding-bottom: 0.25rem;
}

 
@media (min-width: 640px){

 
   .wp-block  H4, H4.wp-block-heading{
      padding-left: 0px;
      padding-right: 0px;
   }
}

 
.wp-block  H5, H5.wp-block-heading{
   padding-left: 0.5rem;
   padding-right: 0.5rem;
   padding-top: 0.5rem;
   padding-bottom: 0.25rem;
}

 
@media (min-width: 640px){

 
   .wp-block  H5, H5.wp-block-heading{
      padding-left: 0px;
      padding-right: 0px;
   }
}

 
.wp-block  H6, H6.wp-block-heading{
   padding-left: 0.5rem;
   padding-right: 0.5rem;
   padding-top: 0.5rem;
   padding-bottom: 0.25rem;
   font-size: 0.875rem !important;
   line-height: 1.25rem !important;
   text-transform: uppercase;
   letter-spacing: 0.1em;
   --tw-text-opacity: 1;
   color: rgb(36 99 235 / var(--tw-text-opacity, 1));
}

 
@media (min-width: 640px){

 
   .wp-block  H6, H6.wp-block-heading{
      padding-left: 0px;
      padding-right: 0px;
   }
}

 
.wp-block  > P{
   padding-left: 0.5rem;
   padding-right: 0.5rem;
   padding-top: 0.5rem;
   padding-bottom: 1rem;
}

 
@media (min-width: 640px){

 
   .wp-block  > P{
      padding-left: 0px;
      padding-right: 0px;
   }
}

 
.wp-block LI{
   margin-left: 1.5rem;
}

 
.wp-block LI SPAN{
   font-size: 1rem;
   line-height: 1.5rem;
}

 
.wp-block ul li, .wp-block ul li span{
   list-style-type: disc;
   font-size: 1rem;
   line-height: 1.5rem;
}

 
.wp-block ol li, .wp-block ol li span{
   list-style-type: decimal;
}

 
.wp-block  UL{
   padding-left: 0.5rem;
   padding-right: 0.5rem;
   padding-top: 1rem;
   padding-bottom: 1rem;
}

 
@media (min-width: 640px){

 
   .wp-block  UL{
      padding-left: 0px;
      padding-right: 0px;
   }
}

 
blockquote{
   padding-left: 0.5rem;
   padding-right: 0.5rem;
   font-weight: 200;
}

 
@media (min-width: 640px){

 
   blockquote{
      padding-left: 0px;
      padding-right: 0px;
   }
}

 
figure.wp-block-table{
   margin-top: 1rem;
   margin-bottom: 2rem;
   overflow-x: auto;
   border-radius: 0.5rem;
   border-width: 2px;
   --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
   --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

 
.wp-block TABLE{
   min-width: 100%;
   table-layout: auto;
}

 
.wp-block TABLE > :not([hidden]) ~ :not([hidden]){
   --tw-divide-y-reverse: 0;
   border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
   border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
   --tw-divide-opacity: 1;
   border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1));
}

 
.wp-block TABLE{
   border-radius: 0.5rem;
}

 
.wp-block thead{
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

 
.wp-block TH{
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
   padding-left: 1.5rem;
   padding-right: 1.5rem;
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
   text-align: left;
   font-size: 0.75rem;
   line-height: 1rem;
   font-weight: 500;
   text-transform: uppercase;
   letter-spacing: 0.05em;
   --tw-text-opacity: 1;
   color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}

 
.wp-block TR:nth-child(odd){
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

 
.wp-block TR:nth-child(even){
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

 
.wp-block TD{
   padding-left: 0.5rem;
   padding-right: 0.5rem;
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
   font-size: 1rem;
   line-height: 1.5rem;
}

 
.wp-block TD:first-child{
   font-weight: 400;
}

 
@media (min-width: 640px){

 
   .wp-block TD{
      padding-left: 1.5rem;
      padding-right: 1.5rem;
   }
}

 
/* figure.wp-block-image {
      @apply py-4;
    } */

 
.wp-block .alignright {
      float: right;
      margin: 0.5em 0 0.5em 1em;
    }

 
.wp-block-group{
   padding-top: 1rem;
   padding-bottom: 1rem;
}

 
.wp-block-gallery{
   display: grid;
   grid-template-columns: repeat(1, minmax(0, 1fr));
   gap: 0.5rem;
}

 
#mkLightboxContainer .wp-block-gallery {
    display: grid;
    align-content: flex-start;
    grid-gap: 1em;
}

 
#mkLightboxContainer .wp-block-gallery figure {
    width: 100%;
    margin: 0;
}

 
#mkLightboxContainer .wp-block-gallery img {
    width: 100%;
}

 
@media (min-width: 640px){

 
   .wp-block-gallery{
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1rem;
   }
}

 
@media (min-width: 768px){

 
   .wp-block-gallery{
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 1.5rem;
   }
}

 
@media (min-width: 1024px){

 
   .wp-block-gallery{
      grid-template-columns: repeat(4, minmax(0, 1fr));
   }
}

 
.wp-block-gallery figure.wp-block-image IMG{
   display: flex;
   height: 100%;
   width: 100%;
   flex-grow: 1;
   -o-object-fit: cover;
      object-fit: cover;
}

 
.wp-block-columns{
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 1rem;
}

 
#mkLightboxContainer .wp-block-columns {
    display: grid;
    align-content: flex-start;
    grid-gap: 1em;
}

 
#mkLightboxContainer .wp-block-columns figure {
    width: 100%;
    margin: 0;
}

 
#mkLightboxContainer .wp-block-columns img {
    width: 100%;
}

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

 
figcaption{
   margin-top: 0.5rem;
   text-align: left;
   font-size: 0.75rem;
   line-height: 1rem;
   --tw-text-opacity: 1;
   color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

 
P.wp-caption-text{
   margin-top: 0.5rem;
   text-align: left;
   font-size: 0.75rem;
   line-height: 1rem;
   --tw-text-opacity: 1;
   color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

 
.schema-faq > DIV.schema-faq-section{
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
   border-radius: 0.5rem;
   --tw-bg-opacity: 1;
   background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
   padding: 1rem;
}

 
DIV.schema-faq-section > STRONG{
   font-size: 1.5rem;
   line-height: 2rem;
   font-weight: 400;
   --tw-text-opacity: 1;
   color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}

 
STRONG.schema-faq-question > STRONG{
   font-size: 1.5rem;
   line-height: 2rem;
   font-weight: 400;
   --tw-text-opacity: 1;
   color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}

 
DIV.schema-faq-section > P.schema-faq-answer{
   font-size: 0.875rem;
   line-height: 1.25rem;
   --tw-text-opacity: 1;
   color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

 
.has-red-color{
   --tw-text-opacity: 1;
   color: rgb(158 10 15 / var(--tw-text-opacity, 1));
}

 
.has-orange-color{
   --tw-text-opacity: 1;
   color: rgb(218 83 29 / var(--tw-text-opacity, 1));
}

 
.has-yellow-color{
   --tw-text-opacity: 1;
   color: rgb(254 203 4 / var(--tw-text-opacity, 1));
}

 
.has-dark-yellow-color{
   --tw-text-opacity: 1;
   color: rgb(247 147 29 / var(--tw-text-opacity, 1));
}

 
.has-slate-color{
   --tw-text-opacity: 1;
   color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

 
.has-gray-color{
   --tw-text-opacity: 1;
   color: rgb(135 142 136 / var(--tw-text-opacity, 1));
}

 
.has-blue-color{
   --tw-text-opacity: 1;
   color: rgb(47 118 144 / var(--tw-text-opacity, 1));
}

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

 
.wp-block-contact-form-7-contact-form-selector{
   margin-left: auto;
   margin-right: auto;
   max-width: 100%;
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
   padding: 2rem;
}

 
@media (min-width: 640px){

 
   .wp-block-contact-form-7-contact-form-selector{
      max-width: 56rem !important;
   }
}

 
.wpcf7{
   margin-left: auto;
   margin-right: auto;
   max-width: 32rem;
   padding-top: 1rem;
   padding-bottom: 1rem;
}

 
@media (min-width: 1024px){

 
   .wpcf7{
      max-width: none;
   }
}

 
.wpcf7-form-control-wrap{
   margin-top: 0.25rem;
}

 
.wpcf7-form-control{
   margin-top: 0.25rem;
}

 
.wpcf7-form{
   display: grid;
   grid-template-columns: repeat(1, minmax(0, 1fr));
   row-gap: 1rem;
}

 
#mkLightboxContainer .wpcf7-form {
    display: grid;
    align-content: flex-start;
    grid-gap: 1em;
}

 
#mkLightboxContainer .wpcf7-form figure {
    width: 100%;
    margin: 0;
}

 
#mkLightboxContainer .wpcf7-form img {
    width: 100%;
}

 
.wpcf7-submit{
   display: inline-flex;
   width: 100%;
   justify-content: center;
   white-space: nowrap;
   border-radius: 0.5rem;
   --tw-bg-opacity: 1;
   background-color: rgb(36 99 235 / var(--tw-bg-opacity, 1));
   padding-left: 0.875rem;
   padding-right: 0.875rem;
   padding-top: 0.625rem;
   padding-bottom: 0.625rem;
   font-size: 0.875rem;
   line-height: 1.25rem;
   font-weight: 500;
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
   --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
   --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   --tw-shadow-color: rgb(30 27 75 / 0.1);
   --tw-shadow: var(--tw-shadow-colored);
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
}

 
.wpcf7-submit:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(2 86 212 / var(--tw-bg-opacity, 1));
}

 
.wpcf7-submit:focus{
   outline: 2px solid transparent;
   outline-offset: 2px;
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(81 68 58 / var(--tw-ring-opacity, 1));
}

 
.wpcf7-submit:focus-visible{
   outline: 2px solid transparent;
   outline-offset: 2px;
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(81 68 58 / var(--tw-ring-opacity, 1));
}

 
.wpcf7-submit{
   margin-top: 1rem;
   width: 100%;
}

 
.wpcf7-list-item-label{
   margin-left: 0.75rem;
   font-size: 0.875rem;
   line-height: 1.25rem;
}

 
span.wpcf7-list-item label{
   display: flex;
}

 
.wpcf7-not-valid-tip {
      /* @apply mt-2 text-sm text-red-600;*/
      --tw-bg-opacity: 1;
      background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      font-size: 0.75rem;
      line-height: 1rem;
      --tw-text-opacity: 1;
      color: rgb(249 250 251 / var(--tw-text-opacity, 1));
    }

 
.wpcf7-not-valid input[type='checkbox']{
   height: 1rem;
   width: 1rem;
   border-radius: 0.25rem;
   --tw-border-opacity: 1;
   border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
   --tw-text-opacity: 1;
   color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}

 
.wpcf7-not-valid input[type='checkbox']:focus{
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(158 10 15 / var(--tw-ring-opacity, 1));
}

 
.wpcf7-not-valid .wpcf7-list-item-label{
   --tw-text-opacity: 1;
   color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}

 
.wpcf7-not-valid .wpcf7-list-item-label::-moz-placeholder{
   --tw-placeholder-opacity: 1;
   color: rgb(252 165 165 / var(--tw-placeholder-opacity, 1));
}

 
.wpcf7-not-valid .wpcf7-list-item-label::placeholder{
   --tw-placeholder-opacity: 1;
   color: rgb(252 165 165 / var(--tw-placeholder-opacity, 1));
}

 
.wpcf7-text, .wpcf7-textarea, .wpcf7-quiz{
   display: block;
   width: 100%;
   border-radius: 4px;
   --tw-border-opacity: 1;
   border-color: rgb(242 242 242 / var(--tw-border-opacity, 1));
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
   font-size: 1.25rem;
   line-height: 1.75rem;
   --tw-text-opacity: 1;
   color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}

 
.wpcf7-text::-moz-placeholder, .wpcf7-textarea::-moz-placeholder, .wpcf7-quiz::-moz-placeholder{
   --tw-placeholder-opacity: 1;
   color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}

 
.wpcf7-text::placeholder, .wpcf7-textarea::placeholder, .wpcf7-quiz::placeholder{
   --tw-placeholder-opacity: 1;
   color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}

 
.wpcf7-text:focus, .wpcf7-textarea:focus, .wpcf7-quiz:focus{
   --tw-border-opacity: 1;
   border-color: rgb(36 99 235 / var(--tw-border-opacity, 1));
}

 
.wpcf7-text:focus::-moz-placeholder, .wpcf7-textarea:focus::-moz-placeholder, .wpcf7-quiz:focus::-moz-placeholder{
   --tw-placeholder-opacity: 1;
   color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}

 
.wpcf7-text:focus::placeholder, .wpcf7-textarea:focus::placeholder, .wpcf7-quiz:focus::placeholder{
   --tw-placeholder-opacity: 1;
   color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}

 
.wpcf7-text:focus, .wpcf7-textarea:focus, .wpcf7-quiz:focus{
   outline: 2px solid transparent;
   outline-offset: 2px;
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(36 99 235 / var(--tw-ring-opacity, 1));
}

 
@media (min-width: 640px){

 
   .wpcf7-text, .wpcf7-textarea, .wpcf7-quiz{
      font-size: 1.25rem;
      line-height: 1.75rem;
   }
}

 
.form-group > input[type='checkbox']input[type='text'].wpcf7-not-valid,.form-group > input[type='checkbox'] 
    input[type='email'].wpcf7-not-valid{
   height: 1rem;
   width: 1rem;
   border-radius: 0.25rem;
   --tw-border-opacity: 1;
   border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
   --tw-text-opacity: 1;
   color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}

 
.form-group > input[type='checkbox']input[type='text'].wpcf7-not-valid:focus,.form-group > input[type='checkbox'] 
    input[type='email'].wpcf7-not-valid:focus{
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(158 10 15 / var(--tw-ring-opacity, 1));
}

 
input[type='text'].wpcf7-not-valid, 
    input[type='email'].wpcf7-not-valid{
   --tw-border-opacity: 1 !important;
   border-color: rgb(252 165 165 / var(--tw-border-opacity, 1)) !important;
   padding-right: 2.5rem !important;
   --tw-text-opacity: 1 !important;
   color: rgb(127 29 29 / var(--tw-text-opacity, 1)) !important;
}

 
input[type='text'].wpcf7-not-valid::-moz-placeholder, input[type='email'].wpcf7-not-valid::-moz-placeholder{
   --tw-placeholder-opacity: 1 !important;
   color: rgb(252 165 165 / var(--tw-placeholder-opacity, 1)) !important;
}

 
input[type='text'].wpcf7-not-valid::placeholder, 
    input[type='email'].wpcf7-not-valid::placeholder{
   --tw-placeholder-opacity: 1 !important;
   color: rgb(252 165 165 / var(--tw-placeholder-opacity, 1)) !important;
}

 
input[type='text'].wpcf7-not-valid:focus, 
    input[type='email'].wpcf7-not-valid:focus{
   --tw-border-opacity: 1 !important;
   border-color: rgb(158 10 15 / var(--tw-border-opacity, 1)) !important;
   outline: 2px solid transparent !important;
   outline-offset: 2px !important;
   --tw-ring-opacity: 1 !important;
   --tw-ring-color: rgb(158 10 15 / var(--tw-ring-opacity, 1)) !important;
}

 
.wpcf7 .screen-reader-response{
   display: none;
}

 
/*
    .wpcf7 span.wpcf7-form-control-wrap[data-name="random-math-quiz"] {
      @apply hidden;
  }
  */

 
.screen-reader-response{
   display: none;
}

 
form.invalid .wpcf7-response-output{
   margin-top: 0.5rem;
   border-radius: 0.375rem;
   border-width: 1px;
   --tw-border-opacity: 1;
   border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
   --tw-bg-opacity: 1;
   background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
   padding: 1rem;
   font-size: 0.875rem;
   line-height: 1.25rem;
   --tw-text-opacity: 1;
   color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}

 
form.sent .wpcf7-response-output{
   margin-top: 0.5rem;
   border-radius: 0.375rem;
   border-width: 1px;
   --tw-border-opacity: 1;
   border-color: rgb(134 239 172 / var(--tw-border-opacity, 1));
   --tw-bg-opacity: 1;
   background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
   padding: 1rem;
   font-size: 0.875rem;
   line-height: 1.25rem;
   --tw-text-opacity: 1;
   color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}

 
form.unaccepted .wpcf7-response-output{
   margin-top: 0.5rem;
   border-radius: 0.375rem;
   border-width: 1px;
   --tw-border-opacity: 1;
   border-color: rgb(253 224 71 / var(--tw-border-opacity, 1));
   --tw-bg-opacity: 1;
   background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
   padding: 1rem;
   font-size: 0.875rem;
   line-height: 1.25rem;
   --tw-text-opacity: 1;
   color: rgb(161 98 7 / var(--tw-text-opacity, 1));
}

 
/* gutenberg */

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

 
.wpcf7 p{
   padding-bottom: 0px !important;
}

 
.jambotron {
        background: linear-gradient(180deg, #F2F2F2 0%, rgba(242, 242, 242, 0.00) 100%);
    }

 
.jambotron .reduced-title-container a:first-child{
   display: inline-flex;
   width: 100%;
   justify-content: center;
   white-space: nowrap;
   border-radius: 0.5rem;
   --tw-bg-opacity: 1;
   background-color: rgb(36 99 235 / var(--tw-bg-opacity, 1));
   padding-left: 0.875rem;
   padding-right: 0.875rem;
   padding-top: 0.625rem;
   padding-bottom: 0.625rem;
   font-size: 0.875rem;
   line-height: 1.25rem;
   font-weight: 500;
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
   --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
   --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   --tw-shadow-color: rgb(30 27 75 / 0.1);
   --tw-shadow: var(--tw-shadow-colored);
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
}

 
.jambotron .reduced-title-container a:first-child:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(2 86 212 / var(--tw-bg-opacity, 1));
}

 
.jambotron .reduced-title-container a:first-child:focus{
   outline: 2px solid transparent;
   outline-offset: 2px;
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(81 68 58 / var(--tw-ring-opacity, 1));
}

 
.jambotron .reduced-title-container a:first-child:focus-visible{
   outline: 2px solid transparent;
   outline-offset: 2px;
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(81 68 58 / var(--tw-ring-opacity, 1));
}

 
.jambotron .reduced-title-container a.video{
   display: inline-flex;
   width: 100%;
   justify-content: center;
   white-space: nowrap;
   border-radius: 0.5rem;
   border-width: 1px;
   --tw-border-opacity: 1;
   border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
   padding-left: 0.875rem;
   padding-right: 0.875rem;
   padding-top: 0.625rem;
   padding-bottom: 0.625rem;
   font-size: 0.875rem;
   line-height: 1.25rem;
   font-weight: 500;
   --tw-text-opacity: 1;
   color: rgb(17 24 39 / var(--tw-text-opacity, 1));
   --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
   --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   --tw-shadow-color: rgb(30 27 75 / 0.1);
   --tw-shadow: var(--tw-shadow-colored);
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
}

 
.jambotron .reduced-title-container a.video:hover{
   --tw-border-opacity: 1;
   border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
   --tw-text-opacity: 1;
   color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

 
.jambotron .reduced-title-container a.video:focus{
   outline: 2px solid transparent;
   outline-offset: 2px;
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1));
}

 
.jambotron .reduced-title-container a.video:focus-visible{
   outline: 2px solid transparent;
   outline-offset: 2px;
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1));
}

 
.jambotron .reduced-title-container a.video{
   width: -moz-fit-content;
   width: fit-content;
}

 
.jambotron .reduced-title-container a.video::before {
        content: ' ';
        /*background-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none xmlns="http://www.w3.org/2000/svg"><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 8L16 12L10 16V8Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');*/
        background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 8L16 12L10 16V8Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
        background-size: 24px 24px;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
        height: 1.5rem;
        width: 1.5rem;
        stroke: #2463EB;
    }

 
.jambotron .jambo-controls{
   position: absolute;
   top: 50%;
   z-index: 10;
   height: 3rem;
   width: 3rem;
   --tw-translate-y: -50%;
   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;
   align-items: center;
   justify-content: center;
   border-radius: 0.25rem;
   background-color: rgb(255 255 255 / 0.9);
   display: none;
}

 
@media (min-width: 768px){

 
   .jambotron .jambo-controls{
      display: flex;
   }
}

 
.jambotron .jambo-controls.prev{
   left: 1rem;
}

 
.jambotron .jambo-controls.next{
   right: 1rem;
}

 
.jambotron.full-page-w {
        margin-left: 50%;
        transform: translateX(-50%);
        margin-left: calc(50%);
    }

 
@media (min-width: 640px){

 
   .jambotron.full-page-w{
      margin-left: 50%;
      width: 100vw;
   }
}

 
.jambotron .jambo-dots{
   position: absolute;
   bottom: 1rem;
   left: 50%;
   display: flex;
   --tw-translate-x: -50%;
   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: row;
   -moz-column-gap: 0.5rem;
        column-gap: 0.5rem;
}

 
.jambotron .jambo-dots > .jambo-dot{
   height: 0.75rem;
   width: 0.75rem;
   border-radius: 9999px;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
   --tw-bg-opacity: 0.6;
}

 
.jambotron .jambo-dots > .jambo-dot.dot-active{
   --tw-bg-opacity: 1;
}

 
/* jambotron-content */

 
.jambotron-content H1,.jambotron-content H2{
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

 
.jambotron-content H5,.jambotron-content P{
   padding-bottom: 2rem;
   --tw-text-opacity: 1;
   color: rgb(165 180 252 / var(--tw-text-opacity, 1));
}

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

 
.pointer-events-none{
   pointer-events: none;
}

 
.visible{
   visibility: visible;
}

 
.fixed{
   position: fixed;
}

 
.absolute{
   position: absolute;
}

 
.relative{
   position: relative;
}

 
.inset-0{
   inset: 0px;
}

 
.\!top-0{
   top: 0px !important;
}

 
.bottom-4{
   bottom: 1rem;
}

 
.left-0\.5{
   left: 0.125rem;
}

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

 
.right-4{
   right: 1rem;
}

 
.right-6{
   right: 1.5rem;
}

 
.top-0{
   top: 0px;
}

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

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

 
.top-20{
   top: 5rem;
}

 
.top-4{
   top: 1rem;
}

 
.top-6{
   top: 1.5rem;
}

 
.z-0{
   z-index: 0;
}

 
.z-10{
   z-index: 10;
}

 
.z-20{
   z-index: 20;
}

 
.z-50{
   z-index: 50;
}

 
.order-last{
   order: 9999;
}

 
.float-right{
   float: right;
}

 
.-m-3{
   margin: -0.75rem;
}

 
.mx-2{
   margin-left: 0.5rem;
   margin-right: 0.5rem;
}

 
.mx-4{
   margin-left: 1rem;
   margin-right: 1rem;
}

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

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

 
.-mt-7{
   margin-top: -1.75rem;
}

 
.mb-10{
   margin-bottom: 2.5rem;
}

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

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

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

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

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

 
.ml-3{
   margin-left: 0.75rem;
}

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

 
.ml-\[calc\(50\%\)\]{
   margin-left: calc(50%);
}

 
.ml-auto{
   margin-left: auto;
}

 
.mr-auto{
   margin-right: auto;
}

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

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

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

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

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

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

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

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

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

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

 
.hidden{
   display: none;
}

 
.aspect-video{
   aspect-ratio: 16 / 9;
}

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

 
.\!h-0\.5{
   height: 0.125rem !important;
}

 
.\!h-5{
   height: 1.25rem !important;
}

 
.h-0{
   height: 0px;
}

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

 
.h-1\/3{
   height: 33.333333%;
}

 
.h-1\/4{
   height: 25%;
}

 
.h-10{
   height: 2.5rem;
}

 
.h-12{
   height: 3rem;
}

 
.h-14{
   height: 3.5rem;
}

 
.h-16{
   height: 4rem;
}

 
.h-2{
   height: 0.5rem;
}

 
.h-2\/3{
   height: 66.666667%;
}

 
.h-2\/4{
   height: 50%;
}

 
.h-20{
   height: 5rem;
}

 
.h-24{
   height: 6rem;
}

 
.h-28{
   height: 7rem;
}

 
.h-3{
   height: 0.75rem;
}

 
.h-3\/4{
   height: 75%;
}

 
.h-32{
   height: 8rem;
}

 
.h-36{
   height: 9rem;
}

 
.h-4{
   height: 1rem;
}

 
.h-40{
   height: 10rem;
}

 
.h-44{
   height: 11rem;
}

 
.h-48{
   height: 12rem;
}

 
.h-5{
   height: 1.25rem;
}

 
.h-52{
   height: 13rem;
}

 
.h-56{
   height: 14rem;
}

 
.h-6{
   height: 1.5rem;
}

 
.h-60{
   height: 15rem;
}

 
.h-64{
   height: 16rem;
}

 
.h-7{
   height: 1.75rem;
}

 
.h-72{
   height: 18rem;
}

 
.h-8{
   height: 2rem;
}

 
.h-80{
   height: 20rem;
}

 
.h-96{
   height: 24rem;
}

 
.h-\[40rem\]{
   height: 40rem;
}

 
.h-\[43rem\]{
   height: 43rem;
}

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

 
.h-\[95\%\]{
   height: 95%;
}

 
.h-auto{
   height: auto;
}

 
.h-full{
   height: 100%;
}

 
.h-px{
   height: 1px;
}

 
.h-screen{
   height: 100vh;
}

 
.max-h-64{
   max-height: 16rem;
}

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

 
.max-h-\[30rem\]{
   max-height: 30rem;
}

 
.max-h-\[40rem\]{
   max-height: 40rem;
}

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

 
.max-h-fit{
   max-height: -moz-fit-content;
   max-height: fit-content;
}

 
.min-h-screen{
   min-height: 100vh;
}

 
.\!w-5{
   width: 1.25rem !important;
}

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

 
.w-1\/4{
   width: 25%;
}

 
.w-10{
   width: 2.5rem;
}

 
.w-12{
   width: 3rem;
}

 
.w-16{
   width: 4rem;
}

 
.w-2\/3{
   width: 66.666667%;
}

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

 
.w-20{
   width: 5rem;
}

 
.w-3{
   width: 0.75rem;
}

 
.w-3\/4{
   width: 75%;
}

 
.w-32{
   width: 8rem;
}

 
.w-4{
   width: 1rem;
}

 
.w-48{
   width: 12rem;
}

 
.w-5{
   width: 1.25rem;
}

 
.w-6{
   width: 1.5rem;
}

 
.w-7{
   width: 1.75rem;
}

 
.w-8{
   width: 2rem;
}

 
.w-auto{
   width: auto;
}

 
.w-full{
   width: 100%;
}

 
.w-screen{
   width: 100vw;
}

 
.min-w-full{
   min-width: 100%;
}

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

 
.max-w-3xl{
   max-width: 48rem;
}

 
.max-w-4xl{
   max-width: 56rem;
}

 
.max-w-5xl{
   max-width: 64rem;
}

 
.max-w-6xl{
   max-width: 72rem;
}

 
.max-w-7xl{
   max-width: 80rem;
}

 
.max-w-full{
   max-width: 100%;
}

 
.max-w-lg{
   max-width: 32rem;
}

 
.max-w-md{
   max-width: 28rem;
}

 
.max-w-sm{
   max-width: 24rem;
}

 
.max-w-xl{
   max-width: 36rem;
}

 
.max-w-xs{
   max-width: 20rem;
}

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

 
.flex-none{
   flex: none;
}

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

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

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

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

 
.table-auto{
   table-layout: auto;
}

 
.\!-translate-y-1\/2{
   --tw-translate-y: -50% !important;
   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)) !important;
}

 
.-translate-y-1\/2{
   --tw-translate-y: -50%;
   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));
}

 
.translate-y-0{
   --tw-translate-y: 0px;
   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;
}

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

 
.resize{
   resize: both;
}

 
.snap-mandatory{
   --tw-scroll-snap-strictness: mandatory;
}

 
.snap-always{
   scroll-snap-stop: always;
}

 
.list-decimal{
   list-style-type: decimal;
}

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

 
.columns-1{
   -moz-columns: 1;
        columns: 1;
}

 
.columns-2{
   -moz-columns: 2;
        columns: 2;
}

 
.columns-3{
   -moz-columns: 3;
        columns: 3;
}

 
.columns-4{
   -moz-columns: 4;
        columns: 4;
}

 
.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-cols-4{
   grid-template-columns: repeat(4, minmax(0, 1fr));
}

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

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

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

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

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

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

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

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

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

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

 
.gap-10{
   gap: 2.5rem;
}

 
.gap-2{
   gap: 0.5rem;
}

 
.gap-4{
   gap: 1rem;
}

 
.gap-6{
   gap: 1.5rem;
}

 
.gap-8{
   gap: 2rem;
}

 
.gap-x-2{
   -moz-column-gap: 0.5rem;
        column-gap: 0.5rem;
}

 
.space-x-1 > :not([hidden]) ~ :not([hidden]){
   --tw-space-x-reverse: 0;
   margin-right: calc(0.25rem * var(--tw-space-x-reverse));
   margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}

 
.space-x-10 > :not([hidden]) ~ :not([hidden]){
   --tw-space-x-reverse: 0;
   margin-right: calc(2.5rem * var(--tw-space-x-reverse));
   margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
}

 
.space-x-2 > :not([hidden]) ~ :not([hidden]){
   --tw-space-x-reverse: 0;
   margin-right: calc(0.5rem * var(--tw-space-x-reverse));
   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 * var(--tw-space-x-reverse));
   margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

 
.space-x-6 > :not([hidden]) ~ :not([hidden]){
   --tw-space-x-reverse: 0;
   margin-right: calc(1.5rem * var(--tw-space-x-reverse));
   margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}

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

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

 
.divide-y > :not([hidden]) ~ :not([hidden]){
   --tw-divide-y-reverse: 0;
   border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
   border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

 
.divide-gray-200 > :not([hidden]) ~ :not([hidden]){
   --tw-divide-opacity: 1;
   border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1));
}

 
.overflow-auto{
   overflow: auto;
}

 
.overflow-hidden{
   overflow: hidden;
}

 
.overflow-clip{
   overflow: clip;
}

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

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

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

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

 
.scroll-smooth{
   scroll-behavior: smooth;
}

 
.whitespace-nowrap{
   white-space: nowrap;
}

 
.break-words{
   overflow-wrap: break-word;
}

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

 
.\!rounded-none{
   border-radius: 0px !important;
}

 
.rounded{
   border-radius: 0.25rem;
}

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

 
.rounded-\[4px\]{
   border-radius: 4px;
}

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

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

 
.rounded-md{
   border-radius: 0.375rem;
}

 
.rounded-xl{
   border-radius: 0.75rem;
}

 
.\!rounded-b-none{
   border-bottom-right-radius: 0px !important;
   border-bottom-left-radius: 0px !important;
}

 
.rounded-b-lg{
   border-bottom-right-radius: 0.5rem;
   border-bottom-left-radius: 0.5rem;
}

 
.rounded-b-md{
   border-bottom-right-radius: 0.375rem;
   border-bottom-left-radius: 0.375rem;
}

 
.rounded-b-sm{
   border-bottom-right-radius: 0.125rem;
   border-bottom-left-radius: 0.125rem;
}

 
.rounded-l-lg{
   border-top-left-radius: 0.5rem;
   border-bottom-left-radius: 0.5rem;
}

 
.rounded-l-md{
   border-top-left-radius: 0.375rem;
   border-bottom-left-radius: 0.375rem;
}

 
.rounded-l-sm{
   border-top-left-radius: 0.125rem;
   border-bottom-left-radius: 0.125rem;
}

 
.rounded-r-lg{
   border-top-right-radius: 0.5rem;
   border-bottom-right-radius: 0.5rem;
}

 
.rounded-r-md{
   border-top-right-radius: 0.375rem;
   border-bottom-right-radius: 0.375rem;
}

 
.rounded-r-sm{
   border-top-right-radius: 0.125rem;
   border-bottom-right-radius: 0.125rem;
}

 
.rounded-t-lg{
   border-top-left-radius: 0.5rem;
   border-top-right-radius: 0.5rem;
}

 
.rounded-t-md{
   border-top-left-radius: 0.375rem;
   border-top-right-radius: 0.375rem;
}

 
.rounded-t-sm{
   border-top-left-radius: 0.125rem;
   border-top-right-radius: 0.125rem;
}

 
.border{
   border-width: 1px;
}

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

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

 
.border-\[1\.5px\]{
   border-width: 1.5px;
}

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

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

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

 
.border-t{
   border-top-width: 1px;
}

 
.\!border-none{
   border-style: none !important;
}

 
.border-blue-500{
   --tw-border-opacity: 1;
   border-color: rgb(47 118 144 / var(--tw-border-opacity, 1));
}

 
.border-gray-100{
   --tw-border-opacity: 1;
   border-color: rgb(242 242 242 / var(--tw-border-opacity, 1));
}

 
.border-gray-200{
   --tw-border-opacity: 1;
   border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}

 
.border-gray-300{
   --tw-border-opacity: 1;
   border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}

 
.border-gray-500{
   --tw-border-opacity: 1;
   border-color: rgb(135 142 136 / var(--tw-border-opacity, 1));
}

 
.border-gray-600{
   --tw-border-opacity: 1;
   border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}

 
.border-gray-900{
   --tw-border-opacity: 1;
   border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
}

 
.border-primary-500{
   --tw-border-opacity: 1;
   border-color: rgb(36 99 235 / var(--tw-border-opacity, 1));
}

 
.border-red-300{
   --tw-border-opacity: 1;
   border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
}

 
.border-transparent{
   border-color: transparent;
}

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

 
.\!bg-primary-900{
   --tw-bg-opacity: 1 !important;
   background-color: rgb(0 20 51 / var(--tw-bg-opacity, 1)) !important;
}

 
.\!bg-transparent{
   background-color: transparent !important;
}

 
.bg-black{
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

 
.bg-blue-900{
   --tw-bg-opacity: 1;
   background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
}

 
.bg-gray-100{
   --tw-bg-opacity: 1;
   background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
}

 
.bg-gray-200{
   --tw-bg-opacity: 1;
   background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

 
.bg-gray-300{
   --tw-bg-opacity: 1;
   background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}

 
.bg-gray-400{
   --tw-bg-opacity: 1;
   background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}

 
.bg-gray-50{
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

 
.bg-gray-500{
   --tw-bg-opacity: 1;
   background-color: rgb(135 142 136 / var(--tw-bg-opacity, 1));
}

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

 
.bg-gray-900{
   --tw-bg-opacity: 1;
   background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}

 
.bg-green-400{
   --tw-bg-opacity: 1;
   background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));
}

 
.bg-green-50{
   --tw-bg-opacity: 1;
   background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}

 
.bg-green-600{
   --tw-bg-opacity: 1;
   background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}

 
.bg-green-900{
   --tw-bg-opacity: 1;
   background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1));
}

 
.bg-indigo-900{
   --tw-bg-opacity: 1;
   background-color: rgb(49 46 129 / var(--tw-bg-opacity, 1));
}

 
.bg-orange-500{
   --tw-bg-opacity: 1;
   background-color: rgb(218 83 29 / var(--tw-bg-opacity, 1));
}

 
.bg-primary-100{
   --tw-bg-opacity: 1;
   background-color: rgb(225 237 255 / var(--tw-bg-opacity, 1));
}

 
.bg-primary-200{
   --tw-bg-opacity: 1;
   background-color: rgb(169 203 254 / var(--tw-bg-opacity, 1));
}

 
.bg-primary-300{
   --tw-bg-opacity: 1;
   background-color: rgb(81 68 58 / var(--tw-bg-opacity, 1));
}

 
.bg-primary-400{
   --tw-bg-opacity: 1;
   background-color: rgb(68 142 253 / var(--tw-bg-opacity, 1));
}

 
.bg-primary-500{
   --tw-bg-opacity: 1;
   background-color: rgb(36 99 235 / var(--tw-bg-opacity, 1));
}

 
.bg-primary-600{
   --tw-bg-opacity: 1;
   background-color: rgb(2 86 212 / var(--tw-bg-opacity, 1));
}

 
.bg-primary-700{
   --tw-bg-opacity: 1;
   background-color: rgb(1 63 157 / var(--tw-bg-opacity, 1));
}

 
.bg-primary-800{
   --tw-bg-opacity: 1;
   background-color: rgb(1 43 106 / var(--tw-bg-opacity, 1));
}

 
.bg-primary-900{
   --tw-bg-opacity: 1;
   background-color: rgb(0 20 51 / var(--tw-bg-opacity, 1));
}

 
.bg-purple-900{
   --tw-bg-opacity: 1;
   background-color: rgb(88 28 135 / var(--tw-bg-opacity, 1));
}

 
.bg-red-400{
   --tw-bg-opacity: 1;
   background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
}

 
.bg-red-50{
   --tw-bg-opacity: 1;
   background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}

 
.bg-red-900{
   --tw-bg-opacity: 1;
   background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
}

 
.bg-secondary-100{
   --tw-bg-opacity: 1;
   background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}

 
.bg-secondary-200{
   --tw-bg-opacity: 1;
   background-color: rgb(199 210 254 / var(--tw-bg-opacity, 1));
}

 
.bg-secondary-300{
   --tw-bg-opacity: 1;
   background-color: rgb(165 180 252 / var(--tw-bg-opacity, 1));
}

 
.bg-secondary-400{
   --tw-bg-opacity: 1;
   background-color: rgb(129 140 248 / var(--tw-bg-opacity, 1));
}

 
.bg-secondary-500{
   --tw-bg-opacity: 1;
   background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
}

 
.bg-secondary-600{
   --tw-bg-opacity: 1;
   background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
}

 
.bg-secondary-700{
   --tw-bg-opacity: 1;
   background-color: rgb(67 56 202 / var(--tw-bg-opacity, 1));
}

 
.bg-secondary-800{
   --tw-bg-opacity: 1;
   background-color: rgb(55 48 163 / var(--tw-bg-opacity, 1));
}

 
.bg-secondary-900{
   --tw-bg-opacity: 1;
   background-color: rgb(49 46 129 / var(--tw-bg-opacity, 1));
}

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

 
.bg-slate-900{
   --tw-bg-opacity: 1;
   background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}

 
.bg-teal-900{
   --tw-bg-opacity: 1;
   background-color: rgb(19 78 74 / var(--tw-bg-opacity, 1));
}

 
.bg-transparent{
   background-color: transparent;
}

 
.bg-triary-100{
   --tw-bg-opacity: 1;
   background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}

 
.bg-triary-200{
   --tw-bg-opacity: 1;
   background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1));
}

 
.bg-triary-300{
   --tw-bg-opacity: 1;
   background-color: rgb(212 212 212 / var(--tw-bg-opacity, 1));
}

 
.bg-triary-400{
   --tw-bg-opacity: 1;
   background-color: rgb(163 163 163 / var(--tw-bg-opacity, 1));
}

 
.bg-triary-500{
   --tw-bg-opacity: 1;
   background-color: rgb(115 115 115 / var(--tw-bg-opacity, 1));
}

 
.bg-triary-600{
   --tw-bg-opacity: 1;
   background-color: rgb(82 82 82 / var(--tw-bg-opacity, 1));
}

 
.bg-triary-700{
   --tw-bg-opacity: 1;
   background-color: rgb(64 64 64 / var(--tw-bg-opacity, 1));
}

 
.bg-triary-800{
   --tw-bg-opacity: 1;
   background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
}

 
.bg-triary-900{
   --tw-bg-opacity: 1;
   background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
}

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

 
.bg-white\/90{
   background-color: rgb(255 255 255 / 0.9);
}

 
.bg-yellow-200{
   --tw-bg-opacity: 1;
   background-color: rgb(254 240 138 / var(--tw-bg-opacity, 1));
}

 
.bg-yellow-300{
   --tw-bg-opacity: 1;
   background-color: rgb(253 224 71 / var(--tw-bg-opacity, 1));
}

 
.bg-yellow-50{
   --tw-bg-opacity: 1;
   background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
}

 
.bg-yellow-900{
   --tw-bg-opacity: 1;
   background-color: rgb(113 63 18 / var(--tw-bg-opacity, 1));
}

 
.\!bg-none{
   background-image: none !important;
}

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

 
.from-black{
   --tw-gradient-from: #000 var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

 
.to-transparent{
   --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

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

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

 
.object-cover{
   -o-object-fit: cover;
      object-fit: cover;
}

 
.object-bottom{
   -o-object-position: bottom;
      object-position: bottom;
}

 
.object-center{
   -o-object-position: center;
      object-position: center;
}

 
.p-1{
   padding: 0.25rem;
}

 
.p-10{
   padding: 2.5rem;
}

 
.p-2{
   padding: 0.5rem;
}

 
.p-3{
   padding: 0.75rem;
}

 
.p-4{
   padding: 1rem;
}

 
.p-5{
   padding: 1.25rem;
}

 
.p-6{
   padding: 1.5rem;
}

 
.p-8{
   padding: 2rem;
}

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

 
.px-0{
   padding-left: 0px;
   padding-right: 0px;
}

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

 
.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-3{
   padding-left: 0.75rem;
   padding-right: 0.75rem;
}

 
.px-3\.5{
   padding-left: 0.875rem;
   padding-right: 0.875rem;
}

 
.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-0\.5{
   padding-top: 0.125rem;
   padding-bottom: 0.125rem;
}

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

 
.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-20{
   padding-top: 5rem;
   padding-bottom: 5rem;
}

 
.py-24{
   padding-top: 6rem;
   padding-bottom: 6rem;
}

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

 
.pb-1{
   padding-bottom: 0.25rem;
}

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

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

 
.pb-16{
   padding-bottom: 4rem;
}

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

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

 
.pb-4{
   padding-bottom: 1rem;
}

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

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

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

 
.pr-10{
   padding-right: 2.5rem;
}

 
.pr-12{
   padding-right: 3rem;
}

 
.pr-6{
   padding-right: 1.5rem;
}

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

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

 
.pt-2{
   padding-top: 0.5rem;
}

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

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

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

 
.pt-8{
   padding-top: 2rem;
}

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

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

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

 
.align-text-top{
   vertical-align: text-top;
}

 
.font-mono{
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
}

 
.font-sans{
   font-family: Roboto, system-ui, sans-serif;
}

 
.font-serif{
   font-family: Poppins, sans-serif, ui-serif, Georgia, Cambria, Times New Roman, Times, serif;
}

 
.\!text-sm{
   font-size: 0.875rem !important;
   line-height: 1.25rem !important;
}

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

 
.text-3xl{
   font-size: 1.875rem;
   line-height: 2.25rem;
}

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

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

 
.text-lg{
   font-size: 1.125rem;
   line-height: 1.75rem;
}

 
.text-sm{
   font-size: 0.875rem;
   line-height: 1.25rem;
}

 
.text-xl{
   font-size: 1.25rem;
   line-height: 1.75rem;
}

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

 
.\!font-light{
   font-weight: 300 !important;
}

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

 
.font-light{
   font-weight: 300;
}

 
.font-medium{
   font-weight: 500;
}

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

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

 
.uppercase{
   text-transform: uppercase;
}

 
.capitalize{
   text-transform: capitalize;
}

 
.italic{
   font-style: italic;
}

 
.leading-9{
   line-height: 2.25rem;
}

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

 
.tracking-\[0\.01em\]{
   letter-spacing: 0.01em;
}

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

 
.tracking-wider{
   letter-spacing: 0.05em;
}

 
.tracking-widest{
   letter-spacing: 0.1em;
}

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

 
.text-black{
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

 
.text-gray-100{
   --tw-text-opacity: 1;
   color: rgb(242 242 242 / var(--tw-text-opacity, 1));
}

 
.text-gray-200{
   --tw-text-opacity: 1;
   color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}

 
.text-gray-50{
   --tw-text-opacity: 1;
   color: rgb(249 250 251 / var(--tw-text-opacity, 1));
}

 
.text-gray-500{
   --tw-text-opacity: 1;
   color: rgb(135 142 136 / var(--tw-text-opacity, 1));
}

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

 
.text-gray-900{
   --tw-text-opacity: 1;
   color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}

 
.text-green-700{
   --tw-text-opacity: 1;
   color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}

 
.text-neutral-100{
   --tw-text-opacity: 1;
   color: rgb(245 245 245 / var(--tw-text-opacity, 1));
}

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

 
.text-neutral-800{
   --tw-text-opacity: 1;
   color: rgb(38 38 38 / var(--tw-text-opacity, 1));
}

 
.text-primary-100{
   --tw-text-opacity: 1;
   color: rgb(225 237 255 / var(--tw-text-opacity, 1));
}

 
.text-primary-200{
   --tw-text-opacity: 1;
   color: rgb(169 203 254 / var(--tw-text-opacity, 1));
}

 
.text-primary-300{
   --tw-text-opacity: 1;
   color: rgb(81 68 58 / var(--tw-text-opacity, 1));
}

 
.text-primary-400{
   --tw-text-opacity: 1;
   color: rgb(68 142 253 / var(--tw-text-opacity, 1));
}

 
.text-primary-500{
   --tw-text-opacity: 1;
   color: rgb(36 99 235 / var(--tw-text-opacity, 1));
}

 
.text-primary-600{
   --tw-text-opacity: 1;
   color: rgb(2 86 212 / var(--tw-text-opacity, 1));
}

 
.text-primary-700{
   --tw-text-opacity: 1;
   color: rgb(1 63 157 / var(--tw-text-opacity, 1));
}

 
.text-primary-800{
   --tw-text-opacity: 1;
   color: rgb(1 43 106 / var(--tw-text-opacity, 1));
}

 
.text-primary-900{
   --tw-text-opacity: 1;
   color: rgb(0 20 51 / var(--tw-text-opacity, 1));
}

 
.text-red-700{
   --tw-text-opacity: 1;
   color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}

 
.text-red-900{
   --tw-text-opacity: 1;
   color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}

 
.text-secondary-300{
   --tw-text-opacity: 1;
   color: rgb(165 180 252 / var(--tw-text-opacity, 1));
}

 
.text-slate-500{
   --tw-text-opacity: 1;
   color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

 
.text-slate-600{
   --tw-text-opacity: 1;
   color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}

 
.text-slate-800{
   --tw-text-opacity: 1;
   color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}

 
.text-slate-900{
   --tw-text-opacity: 1;
   color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}

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

 
.text-yellow-500{
   --tw-text-opacity: 1;
   color: rgb(254 203 4 / var(--tw-text-opacity, 1));
}

 
.text-yellow-700{
   --tw-text-opacity: 1;
   color: rgb(161 98 7 / var(--tw-text-opacity, 1));
}

 
.text-yellow-800{
   --tw-text-opacity: 1;
   color: rgb(247 147 29 / var(--tw-text-opacity, 1));
}

 
.underline{
   text-decoration-line: underline;
}

 
.no-underline{
   text-decoration-line: none;
}

 
.placeholder-gray-400::-moz-placeholder{
   --tw-placeholder-opacity: 1;
   color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}

 
.placeholder-gray-400::placeholder{
   --tw-placeholder-opacity: 1;
   color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}

 
.placeholder-red-300::-moz-placeholder{
   --tw-placeholder-opacity: 1;
   color: rgb(252 165 165 / var(--tw-placeholder-opacity, 1));
}

 
.placeholder-red-300::placeholder{
   --tw-placeholder-opacity: 1;
   color: rgb(252 165 165 / var(--tw-placeholder-opacity, 1));
}

 
.opacity-0{
   opacity: 0;
}

 
.opacity-60{
   opacity: 0.6;
}

 
.opacity-80{
   opacity: 0.8;
}

 
.mix-blend-multiply{
   mix-blend-mode: multiply;
}

 
.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-sm{
   --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
   --tw-shadow-colored: 0 1px 2px 0 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-indigo-950\/10{
   --tw-shadow-color: rgb(30 27 75 / 0.1);
   --tw-shadow: var(--tw-shadow-colored);
}

 
.outline-none{
   outline: 2px solid transparent;
   outline-offset: 2px;
}

 
.outline{
   outline-style: solid;
}

 
.ring{
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

 
.ring-1{
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

 
.ring-2{
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

 
.ring-black{
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1));
}

 
.ring-primary-500{
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(36 99 235 / var(--tw-ring-opacity, 1));
}

 
.ring-opacity-5{
   --tw-ring-opacity: 0.05;
}

 
.ring-offset-1{
   --tw-ring-offset-width: 1px;
}

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

 
.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-colors{
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
}

 
.transition-transform{
   transition-property: transform;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
}

 
.duration-150{
   transition-duration: 150ms;
}

 
.duration-200{
   transition-duration: 200ms;
}

 
.duration-300{
   transition-duration: 300ms;
}

 
.duration-700{
   transition-duration: 700ms;
}

 
.ease-in{
   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

 
.ease-in-out{
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

 
.ease-out{
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

 
.wp-block .hover\:no-underline:hoverspan.inline-block a {
      text-decoration: none;
      font-weight: 400;
    }

 
.odd\:bg-white:nth-child(odd){
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

 
.hover\:scale-110:hover{
   --tw-scale-x: 1.1;
   --tw-scale-y: 1.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(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

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

 
.hover\:border-gray-200:hover{
   --tw-border-opacity: 1;
   border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}

 
.hover\:border-gray-500:hover{
   --tw-border-opacity: 1;
   border-color: rgb(135 142 136 / var(--tw-border-opacity, 1));
}

 
.hover\:border-gray-700:hover{
   --tw-border-opacity: 1;
   border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}

 
.hover\:border-primary-500:hover{
   --tw-border-opacity: 1;
   border-color: rgb(36 99 235 / var(--tw-border-opacity, 1));
}

 
.hover\:bg-gray-50:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

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

 
.hover\:bg-primary-50:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(250 252 255 / var(--tw-bg-opacity, 1));
}

 
.hover\:bg-primary-600:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(2 86 212 / var(--tw-bg-opacity, 1));
}

 
.hover\:text-gray-100:hover{
   --tw-text-opacity: 1;
   color: rgb(242 242 242 / var(--tw-text-opacity, 1));
}

 
.hover\:text-gray-200:hover{
   --tw-text-opacity: 1;
   color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}

 
.hover\:text-gray-700:hover{
   --tw-text-opacity: 1;
   color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

 
.hover\:text-slate-900:hover{
   --tw-text-opacity: 1;
   color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}

 
.hover\:text-yellow-500:hover{
   --tw-text-opacity: 1;
   color: rgb(254 203 4 / var(--tw-text-opacity, 1));
}

 
.hover\:underline:hover{
   text-decoration-line: underline;
}

 
.hover\:no-underline:hover{
   text-decoration-line: none;
}

 
.focus\:border-primary-500:focus{
   --tw-border-opacity: 1;
   border-color: rgb(36 99 235 / var(--tw-border-opacity, 1));
}

 
.focus\:border-red-500:focus{
   --tw-border-opacity: 1;
   border-color: rgb(158 10 15 / var(--tw-border-opacity, 1));
}

 
.focus\:outline-none:focus{
   outline: 2px solid transparent;
   outline-offset: 2px;
}

 
.focus\:ring:focus{
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

 
.focus\:ring-2:focus{
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

 
.focus\:ring-gray-300:focus{
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1));
}

 
.focus\:ring-primary-300:focus{
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(81 68 58 / var(--tw-ring-opacity, 1));
}

 
.focus\:ring-primary-500:focus{
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(36 99 235 / var(--tw-ring-opacity, 1));
}

 
.focus\:ring-red-500:focus{
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(158 10 15 / var(--tw-ring-opacity, 1));
}

 
.focus\:ring-slate-500:focus{
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity, 1));
}

 
.focus\:ring-offset-2:focus{
   --tw-ring-offset-width: 2px;
}

 
.focus-visible\:outline-none:focus-visible{
   outline: 2px solid transparent;
   outline-offset: 2px;
}

 
.focus-visible\:ring:focus-visible{
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

 
.focus-visible\:ring-gray-300:focus-visible{
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1));
}

 
.focus-visible\:ring-primary-300:focus-visible{
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(81 68 58 / var(--tw-ring-opacity, 1));
}

 
.group:hover .group-hover\:block{
   display: block;
}

 
@media (min-width: 640px){

 
   .sm\:order-first{
      order: -9999;
   }

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

 
   .sm\:my-10{
      margin-top: 2.5rem;
      margin-bottom: 2.5rem;
   }

 
   .sm\:mb-0{
      margin-bottom: 0px;
   }

 
   .sm\:ml-0{
      margin-left: 0px;
   }

 
   .sm\:ml-\[50\%\]{
      margin-left: 50%;
   }

 
   .sm\:ml-auto{
      margin-left: auto;
   }

 
   .sm\:mr-0{
      margin-right: 0px;
   }

 
   .sm\:mr-auto{
      margin-right: auto;
   }

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

 
   .sm\:block{
      display: block;
   }

 
   .sm\:flex{
      display: flex;
   }

 
   .sm\:hidden{
      display: none;
   }

 
   .sm\:h-12{
      height: 3rem;
   }

 
   .sm\:h-\[40rem\]{
      height: 40rem;
   }

 
   .sm\:h-full{
      height: 100%;
   }

 
   .sm\:max-h-\[40rem\]{
      max-height: 40rem;
   }

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

 
   .sm\:w-1\/3{
      width: 33.333333%;
   }

 
   .sm\:w-1\/4{
      width: 25%;
   }

 
   .sm\:w-12{
      width: 3rem;
   }

 
   .sm\:w-2\/3{
      width: 66.666667%;
   }

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

 
   .sm\:w-3\/4{
      width: 75%;
   }

 
   .sm\:w-\[100vw\]{
      width: 100vw;
   }

 
   .sm\:w-auto{
      width: auto;
   }

 
   .sm\:\!max-w-4xl{
      max-width: 56rem !important;
   }

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

 
   .sm\:shrink{
      flex-shrink: 1;
   }

 
   .sm\:columns-2{
      -moz-columns: 2;
           columns: 2;
   }

 
   .sm\:auto-cols-max{
      grid-auto-columns: max-content;
   }

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

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

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

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

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

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

 
   .sm\:gap-4{
      gap: 1rem;
   }

 
   .sm\:gap-8{
      gap: 2rem;
   }

 
   .sm\:p-10{
      padding: 2.5rem;
   }

 
   .sm\:p-8{
      padding: 2rem;
   }

 
   .sm\:px-0{
      padding-left: 0px;
      padding-right: 0px;
   }

 
   .sm\:px-1{
      padding-left: 0.25rem;
      padding-right: 0.25rem;
   }

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

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

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

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

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

 
   .sm\:pb-16{
      padding-bottom: 4rem;
   }

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

 
   .sm\:pl-0{
      padding-left: 0px;
   }

 
   .sm\:pt-8{
      padding-top: 2rem;
   }

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

 
   .sm\:text-xl{
      font-size: 1.25rem;
      line-height: 1.75rem;
   }

 
   .sm\:text-gray-300{
      --tw-text-opacity: 1;
      color: rgb(209 213 219 / var(--tw-text-opacity, 1));
   }
}

 
@media (min-width: 768px){

 
   .md\:order-1{
      order: 1;
   }

 
   .md\:order-2{
      order: 2;
   }

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

 
   .md\:block{
      display: block;
   }

 
   .md\:flex{
      display: flex;
   }

 
   .md\:auto-cols-max{
      grid-auto-columns: max-content;
   }

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

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

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

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

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

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

 
   .md\:space-x-10 > :not([hidden]) ~ :not([hidden]){
      --tw-space-x-reverse: 0;
      margin-right: calc(2.5rem * var(--tw-space-x-reverse));
      margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
   }

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

 
@media (min-width: 1024px){

 
   .lg\:col-span-5{
      grid-column: span 5 / span 5;
   }

 
   .lg\:col-span-7{
      grid-column: span 7 / span 7;
   }

 
   .lg\:col-start-1{
      grid-column-start: 1;
   }

 
   .lg\:col-start-8{
      grid-column-start: 8;
   }

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

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

 
   .lg\:grid{
      display: grid;
   }

 
   .lg\:hidden{
      display: none;
   }

 
   .lg\:max-w-3xl{
      max-width: 48rem;
   }

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

 
   .lg\:max-w-sm{
      max-width: 24rem;
   }

 
   .lg\:columns-3{
      -moz-columns: 3;
           columns: 3;
   }

 
   .lg\:auto-rows-min{
      grid-auto-rows: min-content;
   }

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

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

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

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

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

 
   .lg\:gap-x-8{
      -moz-column-gap: 2rem;
           column-gap: 2rem;
   }

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

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

 
   .lg\:py-16{
      padding-top: 4rem;
      padding-bottom: 4rem;
   }
}