/*
! tailwindcss v3.4.0 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}

*, ::before, ::after{
        --tw-border-spacing-x: 0;
        --tw-border-spacing-y: 0;
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-rotate: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        --tw-pan-x:  ;
        --tw-pan-y:  ;
        --tw-pinch-zoom:  ;
        --tw-scroll-snap-strictness: proximity;
        --tw-gradient-from-position:  ;
        --tw-gradient-via-position:  ;
        --tw-gradient-to-position:  ;
        --tw-ordinal:  ;
        --tw-slashed-zero:  ;
        --tw-numeric-figure:  ;
        --tw-numeric-spacing:  ;
        --tw-numeric-fraction:  ;
        --tw-ring-inset:  ;
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: rgb(59 130 246 / 0.5);
        --tw-ring-offset-shadow: 0 0 #0000;
        --tw-ring-shadow: 0 0 #0000;
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        --tw-blur:  ;
        --tw-brightness:  ;
        --tw-contrast:  ;
        --tw-grayscale:  ;
        --tw-hue-rotate:  ;
        --tw-invert:  ;
        --tw-saturate:  ;
        --tw-sepia:  ;
        --tw-drop-shadow:  ;
        --tw-backdrop-blur:  ;
        --tw-backdrop-brightness:  ;
        --tw-backdrop-contrast:  ;
        --tw-backdrop-grayscale:  ;
        --tw-backdrop-hue-rotate:  ;
        --tw-backdrop-invert:  ;
        --tw-backdrop-opacity:  ;
        --tw-backdrop-saturate:  ;
        --tw-backdrop-sepia:  
}

::backdrop{
        --tw-border-spacing-x: 0;
        --tw-border-spacing-y: 0;
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-rotate: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        --tw-pan-x:  ;
        --tw-pan-y:  ;
        --tw-pinch-zoom:  ;
        --tw-scroll-snap-strictness: proximity;
        --tw-gradient-from-position:  ;
        --tw-gradient-via-position:  ;
        --tw-gradient-to-position:  ;
        --tw-ordinal:  ;
        --tw-slashed-zero:  ;
        --tw-numeric-figure:  ;
        --tw-numeric-spacing:  ;
        --tw-numeric-fraction:  ;
        --tw-ring-inset:  ;
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: rgb(59 130 246 / 0.5);
        --tw-ring-offset-shadow: 0 0 #0000;
        --tw-ring-shadow: 0 0 #0000;
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        --tw-blur:  ;
        --tw-brightness:  ;
        --tw-contrast:  ;
        --tw-grayscale:  ;
        --tw-hue-rotate:  ;
        --tw-invert:  ;
        --tw-saturate:  ;
        --tw-sepia:  ;
        --tw-drop-shadow:  ;
        --tw-backdrop-blur:  ;
        --tw-backdrop-brightness:  ;
        --tw-backdrop-contrast:  ;
        --tw-backdrop-grayscale:  ;
        --tw-backdrop-hue-rotate:  ;
        --tw-backdrop-invert:  ;
        --tw-backdrop-opacity:  ;
        --tw-backdrop-saturate:  ;
        --tw-backdrop-sepia:  
}
.container{
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem
}
@media (min-width: 480px){

        .container{
                max-width: 480px
        }
}
@media (min-width: 600px){

        .container{
                max-width: 600px;
                padding-right: 2rem;
                padding-left: 2rem
        }
}
@media (min-width: 782px){

        .container{
                max-width: 782px
        }
}
@media (min-width: 960px){

        .container{
                max-width: 960px;
                padding-right: 0rem;
                padding-left: 0rem
        }
}
@media (min-width: 1280px){

        .container{
                max-width: 1280px
        }
}
@media (min-width: 1440px){

        .container{
                max-width: 1440px
        }
}
.visible{
        visibility: visible
}
.static{
        position: static
}
.fixed{
        position: fixed
}
.absolute{
        position: absolute
}
.relative{
        position: relative
}
.inset-0{
        inset: 0px
}
.bottom-0{
        bottom: 0px
}
.left-0{
        left: 0px
}
.left-1\/2{
        left: 50%
}
.right-0{
        right: 0px
}
.right-2{
        right: 0.5rem
}
.top-0{
        top: 0px
}
.top-1\/2{
        top: 50%
}
.top-2{
        top: 0.5rem
}
.z-10{
        z-index: 10
}
.z-50{
        z-index: 50
}
.order-1{
        order: 1
}
.order-2{
        order: 2
}
.m-8{
        margin: 2rem
}
.\!mx-auto{
        margin-left: auto !important;
        margin-right: auto !important
}
.mx-auto{
        margin-left: auto;
        margin-right: auto
}
.my-3{
        margin-top: 0.75rem;
        margin-bottom: 0.75rem
}
.my-8{
        margin-top: 2rem;
        margin-bottom: 2rem
}
.mb-1{
        margin-bottom: 0.25rem
}
.mb-10{
        margin-bottom: 2.5rem
}
.mb-12{
        margin-bottom: 3rem
}
.mb-16{
        margin-bottom: 4rem
}
.mb-4{
        margin-bottom: 1rem
}
.mb-8{
        margin-bottom: 2rem
}
.ml-1{
        margin-left: 0.25rem
}
.ml-2{
        margin-left: 0.5rem
}
.ml-4{
        margin-left: 1rem
}
.ml-auto{
        margin-left: auto
}
.mr-1{
        margin-right: 0.25rem
}
.mr-2{
        margin-right: 0.5rem
}
.mr-auto{
        margin-right: auto
}
.mt-1{
        margin-top: 0.25rem
}
.mt-10{
        margin-top: 2.5rem
}
.mt-12{
        margin-top: 3rem
}
.mt-16{
        margin-top: 4rem
}
.mt-4{
        margin-top: 1rem
}
.mt-6{
        margin-top: 1.5rem
}
.mt-\[1px\]{
        margin-top: 1px
}
.mt-\[50px\]{
        margin-top: 50px
}
.\!block{
        display: block !important
}
.block{
        display: block
}
.inline-block{
        display: inline-block
}
.inline{
        display: inline
}
.flex{
        display: flex
}
.table{
        display: table
}
.grid{
        display: grid
}
.contents{
        display: contents
}
.hidden{
        display: none
}
.h-1{
        height: 0.25rem
}
.h-1\/2{
        height: 50%
}
.h-4{
        height: 1rem
}
.h-6{
        height: 1.5rem
}
.h-\[100vh\]{
        height: 100vh
}
.h-\[162px\]{
        height: 162px
}
.h-\[1px\]{
        height: 1px
}
.h-\[250px\]{
        height: 250px
}
.h-\[25px\]{
        height: 25px
}
.h-\[40px\]{
        height: 40px
}
.h-\[50px\]{
        height: 50px
}
.h-\[600px\]{
        height: 600px
}
.h-\[70vh\]{
        height: 70vh
}
.h-full{
        height: 100%
}
.h-screen{
        height: 100vh
}
.max-h-40{
        max-height: 10rem
}
.max-h-\[8\.5rem\]{
        max-height: 8.5rem
}
.min-h-screen{
        min-height: 100vh
}
.\!w-\[200px\]{
        width: 200px !important
}
.w-1\/2{
        width: 50%
}
.w-16{
        width: 4rem
}
.w-2\/5{
        width: 40%
}
.w-3\/4{
        width: 75%
}
.w-3\/5{
        width: 60%
}
.w-4{
        width: 1rem
}
.w-4\/5{
        width: 80%
}
.w-6{
        width: 1.5rem
}
.w-\[1px\]{
        width: 1px
}
.w-\[200px\]{
        width: 200px
}
.w-\[240px\]{
        width: 240px
}
.w-\[25px\]{
        width: 25px
}
.w-\[280px\]{
        width: 280px
}
.w-\[40px\]{
        width: 40px
}
.w-\[90\%\]{
        width: 90%
}
.w-\[95\%\]{
        width: 95%
}
.w-auto{
        width: auto
}
.w-full{
        width: 100%
}
.w-screen{
        width: 100vw
}
.max-w-\[200px\]{
        max-width: 200px
}
.max-w-\[240px\]{
        max-width: 240px
}
.max-w-\[354px\]{
        max-width: 354px
}
.max-w-\[90\%\]{
        max-width: 90%
}
.max-w-sm{
        max-width: 24rem
}
.flex-1{
        flex: 1 1 0%
}
.flex-grow{
        flex-grow: 1
}
.origin-center{
        transform-origin: center
}
.-translate-x-1\/2{
        --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))
}
.-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))
}
.transform{
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.cursor-pointer{
        cursor: pointer
}
.resize{
        resize: both
}
.list-decimal{
        list-style-type: decimal
}
.list-disc{
        list-style-type: disc
}
.appearance-none{
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none
}
.grid-cols-1{
        grid-template-columns: repeat(1, minmax(0, 1fr))
}
.flex-row{
        flex-direction: row
}
.flex-col{
        flex-direction: column
}
.items-end{
        align-items: flex-end
}
.items-center{
        align-items: center
}
.justify-start{
        justify-content: flex-start
}
.justify-end{
        justify-content: flex-end
}
.justify-center{
        justify-content: center
}
.justify-between{
        justify-content: space-between
}
.\!justify-evenly{
        justify-content: space-evenly !important
}
.gap-2{
        gap: 0.5rem
}
.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))
}
.overflow-hidden{
        overflow: hidden
}
.rounded{
        border-radius: 0.25rem
}
.rounded-full{
        border-radius: 9999px
}
.rounded-lg{
        border-radius: 0.5rem
}
.rounded-md{
        border-radius: 0.375rem
}
.border{
        border-width: 1px
}
.border-b{
        border-bottom-width: 1px
}
.border-b-\[1px\]{
        border-bottom-width: 1px
}
.border-t-\[3px\]{
        border-top-width: 3px
}
.border-primary{
        --tw-border-opacity: 1;
        border-color: rgb(96 97 97 / var(--tw-border-opacity))
}
.border-secondary{
        --tw-border-opacity: 1;
        border-color: rgb(213 163 139 / var(--tw-border-opacity))
}
.border-white{
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity))
}
.border-b-primary{
        --tw-border-opacity: 1;
        border-bottom-color: rgb(96 97 97 / var(--tw-border-opacity))
}
.\!bg-clay{
        --tw-bg-opacity: 1 !important;
        background-color: rgb(213 164 139 / var(--tw-bg-opacity)) !important
}
.bg-\[\#9C9C92\]{
        --tw-bg-opacity: 1;
        background-color: rgb(156 156 146 / var(--tw-bg-opacity))
}
.bg-\[\#CAC9BE\]{
        --tw-bg-opacity: 1;
        background-color: rgb(202 201 190 / var(--tw-bg-opacity))
}
.bg-btn-primary{
        --tw-bg-opacity: 1;
        background-color: rgb(157 156 144 / var(--tw-bg-opacity))
}
.bg-clay{
        --tw-bg-opacity: 1;
        background-color: rgb(213 164 139 / var(--tw-bg-opacity))
}
.bg-gray-200{
        --tw-bg-opacity: 1;
        background-color: rgb(229 231 235 / var(--tw-bg-opacity))
}
.bg-gray-50{
        --tw-bg-opacity: 1;
        background-color: rgb(249 250 251 / var(--tw-bg-opacity))
}
.bg-ivy{
        --tw-bg-opacity: 1;
        background-color: rgb(156 156 146 / var(--tw-bg-opacity))
}
.bg-primary{
        --tw-bg-opacity: 1;
        background-color: rgb(96 97 97 / var(--tw-bg-opacity))
}
.bg-red-500{
        --tw-bg-opacity: 1;
        background-color: rgb(239 68 68 / var(--tw-bg-opacity))
}
.bg-secondary{
        --tw-bg-opacity: 1;
        background-color: rgb(213 163 139 / var(--tw-bg-opacity))
}
.bg-wash{
        --tw-bg-opacity: 1;
        background-color: rgb(230 209 200 / var(--tw-bg-opacity))
}
.bg-white{
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.bg-opacity-45{
        --tw-bg-opacity: 0.45
}
.bg-opacity-50{
        --tw-bg-opacity: 0.5
}
.bg-contain{
        background-size: contain
}
.bg-cover{
        background-size: cover
}
.bg-center{
        background-position: center
}
.bg-no-repeat{
        background-repeat: no-repeat
}
.object-cover{
        -o-object-fit: cover;
           object-fit: cover
}
.\!p-0{
        padding: 0px !important
}
.p-2{
        padding: 0.5rem
}
.p-4{
        padding: 1rem
}
.p-6{
        padding: 1.5rem
}
.px-10{
        padding-left: 2.5rem;
        padding-right: 2.5rem
}
.px-12{
        padding-left: 3rem;
        padding-right: 3rem
}
.px-3{
        padding-left: 0.75rem;
        padding-right: 0.75rem
}
.px-4{
        padding-left: 1rem;
        padding-right: 1rem
}
.px-5{
        padding-left: 1.25rem;
        padding-right: 1.25rem
}
.px-6{
        padding-left: 1.5rem;
        padding-right: 1.5rem
}
.px-8{
        padding-left: 2rem;
        padding-right: 2rem
}
.py-1{
        padding-top: 0.25rem;
        padding-bottom: 0.25rem
}
.py-10{
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
}
.py-12{
        padding-top: 3rem;
        padding-bottom: 3rem
}
.py-16{
        padding-top: 4rem;
        padding-bottom: 4rem
}
.py-2{
        padding-top: 0.5rem;
        padding-bottom: 0.5rem
}
.py-2\.5{
        padding-top: 0.625rem;
        padding-bottom: 0.625rem
}
.py-6{
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
}
.pb-16{
        padding-bottom: 4rem
}
.pb-20{
        padding-bottom: 5rem
}
.pb-4{
        padding-bottom: 1rem
}
.pb-7{
        padding-bottom: 1.75rem
}
.pl-8{
        padding-left: 2rem
}
.pt-10{
        padding-top: 2.5rem
}
.pt-16{
        padding-top: 4rem
}
.pt-4{
        padding-top: 1rem
}
.pt-6{
        padding-top: 1.5rem
}
.text-left{
        text-align: left
}
.text-center{
        text-align: center
}
.font-sweet_sans_pro{
        font-family: SweetSansPro, sans-serif
}
.text-2xl{
        font-size: 1.5rem;
        line-height: 2rem
}
.text-4xl{
        font-size: 2.25rem;
        line-height: 2.5rem
}
.text-5xl{
        font-size: 3rem;
        line-height: 1
}
.text-\[1rem\]{
        font-size: 1rem
}
.text-\[25px\]{
        font-size: 25px
}
.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
}
.text-xs{
        font-size: 0.75rem;
        line-height: 1rem
}
.text-xxl{
        font-size: 1.5rem
}
.font-bold{
        font-weight: 700
}
.font-extrabold{
        font-weight: 800
}
.font-light{
        font-weight: 300
}
.uppercase{
        text-transform: uppercase
}
.lowercase{
        text-transform: lowercase
}
.italic{
        font-style: italic
}
.leading-10{
        line-height: 2.5rem
}
.leading-8{
        line-height: 2rem
}
.leading-relaxed{
        line-height: 1.625
}
.leading-tight{
        line-height: 1.25
}
.tracking-wider{
        letter-spacing: 0.05em
}
.tracking-widest{
        letter-spacing: 0.1em
}
.text-blue-500{
        --tw-text-opacity: 1;
        color: rgb(59 130 246 / var(--tw-text-opacity))
}
.text-clay{
        --tw-text-opacity: 1;
        color: rgb(213 164 139 / var(--tw-text-opacity))
}
.text-dark{
        --tw-text-opacity: 1;
        color: rgb(31 41 55 / var(--tw-text-opacity))
}
.text-gray-500{
        --tw-text-opacity: 1;
        color: rgb(107 114 128 / var(--tw-text-opacity))
}
.text-gray-600{
        --tw-text-opacity: 1;
        color: rgb(75 85 99 / var(--tw-text-opacity))
}
.text-gray-700{
        --tw-text-opacity: 1;
        color: rgb(55 65 81 / var(--tw-text-opacity))
}
.text-gray-800{
        --tw-text-opacity: 1;
        color: rgb(31 41 55 / var(--tw-text-opacity))
}
.text-gray-900{
        --tw-text-opacity: 1;
        color: rgb(17 24 39 / var(--tw-text-opacity))
}
.text-primary{
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity))
}
.text-stone{
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity))
}
.text-white{
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
}
.underline{
        text-decoration-line: underline
}
.antialiased{
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
}
.shadow-xl{
        --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
        --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.outline-none{
        outline: 2px solid transparent;
        outline-offset: 2px
}
.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
}
.duration-300{
        transition-duration: 300ms
}
.ease-in-out{
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}
.alignfull{
        margin: 2rem calc(50% - 50vw) !important;
        max-width: 100vw !important;
        width: 100vw
}
.alignwide{
        margin: 2rem 0;
        max-width: 1280px !important
}
.alignnone{
        margin-left: 0px;
        margin-right: 0px;
        height: auto;
        max-width: 100%
}
.aligncenter{
        margin: 0.5rem auto;
        display: block
}
@media (min-width: 600px){

        .alignleft:not(.wp-block-button){
                margin-right: 0.5rem;
                float: left
        }

        .alignright:not(.wp-block-button){
                margin-left: 0.5rem;
                float: right
        }

        .wp-block-button.alignleft a{
                float: left;
                margin-right: 1rem
        }

        .wp-block-button.alignright a{
                float: right;
                margin-left: 1rem
        }
}
.wp-caption{
        display: inline-block
}
.wp-caption img{
        margin-bottom: 0.5rem;
        line-height: 1
}
.wp-caption-text{
        font-size: 0.875rem;
        color: #4b5563
}
ul.menu li{
        font-family: SweetSansPro, sans-serif;
        font-weight: 300;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity))
}
ul.menu li a{
        display: block;
        width: 100%
}
ul.menu li.menu-item-has-children{
        position: relative
}
ul.menu li.menu-item-has-children ul.sub-menu{
        padding-left: 2rem
}
@media (min-width: 960px){

        ul.menu li.menu-item-has-children ul.sub-menu{
                position: absolute;
                padding-left: 0px;
                opacity: 0
        }
}
@media only screen and (min-width: 960px) {
ul.menu li.menu-item-has-children ul.sub-menu {
                transition: opacity 0.3s ease-in-out
        }
            }
ul.menu li.menu-item-has-children ul.sub-menu li:first-child{
        padding-top: 0.5rem
}
ul.menu li.menu-item-has-children ul.sub-menu li:last-child{
        padding-bottom: 0.5rem
}
@media (min-width: 960px){

        ul.menu li.menu-item-has-children ul.sub-menu li{
                position: relative;
                z-index: 3;
                padding-left: 1rem;
                padding-right: 1rem
        }

        ul.menu li.menu-item-has-children ul.sub-menu li a{
                --tw-text-opacity: 1;
                color: rgb(255 255 255 / var(--tw-text-opacity))
        }

        ul.menu li.menu-item-has-children ul.sub-menu::before{
                position: absolute;
                z-index: 2;
                display: block;
                height: 100%;
                width: 100%;
                border-radius: 0.25rem;
                --tw-bg-opacity: 1;
                background-color: rgb(213 163 139 / var(--tw-bg-opacity));
                opacity: 0
        }
}
@media only screen and (min-width: 960px) {
ul.menu li.menu-item-has-children ul.sub-menu::before {
                transition: opacity 0.3s ease-in-out;
        }
            }
ul.menu li.menu-item-has-children ul.sub-menu::before{
            content: ''
}
/* Interaction with Sub Menu on hover (Desktop only) */
@media (min-width: 960px){

        ul.menu li.menu-item-has-children:hover > ul.sub-menu{
                opacity: 1
        }

        ul.menu li.menu-item-has-children:hover > ul.sub-menu::before{
                opacity: 0.75
        }
}
.home__title{
        font-family: SweetSansPro, sans-serif;
        font-size: 1.25rem;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity))
}
@media (min-width: 960px){

        .home__title{
                font-size: 1.5rem;
                line-height: 2rem
        }
}
.our-learning-style__imagebox{
        display: flex;
        flex-direction: column
}
.our-learning-style__imagebox-image{
        flex: 1 1 0%
}
@media (min-width: 960px){

        .our-learning-style__imagebox-image{
                display: flex;
                align-items: center
        }
}
.our-learning-style__imagebox-image img{
        margin-left: auto;
        margin-right: auto;
        width: 75%
}
@media (min-width: 600px){

        .our-learning-style__imagebox-image img{
                width: 60%
        }
}
@media (min-width: 960px){

        .our-learning-style__imagebox-image img{
                width: auto
        }
}
.our-learning-style__imagebox-content{
        flex: 1 1 0%
}
@media (min-width: 960px){

        .our-learning-style__imagebox-content{
                display: flex;
                align-items: center
        }
}
.our-learning-style__imagebox-content p{
        text-align: center;
        font-family: SweetSansPro, sans-serif;
        font-size: 0.875rem;
        font-weight: 300;
        line-height: 2.5rem;
        letter-spacing: 0.05em;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity))
}
.our-learning-style__quote-content{
        text-align: center;
        font-family: SweetSansPro, sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        line-height: 2.5rem;
        letter-spacing: 0.1em;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity))
}
@media (min-width: 960px){

        .our-learning-style__quote-content{
                font-size: 1.5rem;
                line-height: 3.5rem
        }

        .our-learning-style__quote-content span{
                display: block
        }
}
.our-learning-style__quote-author{
        text-align: center;
        font-family: SweetSansPro, sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        line-height: 2.5rem;
        letter-spacing: 0.1em;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity))
}
@media (min-width: 960px){

        .our-learning-style__quote-author{
                font-size: 1.5rem;
                line-height: 2rem
        }
}
.purposeful-growth__child-pages{
        display: flex;
        flex-direction: column;
        justify-content: space-between
}
@media (min-width: 960px){

        .purposeful-growth__child-pages{
                flex-direction: row
        }
}
.purposeful-growth__child-page {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
.purposeful-growth__child-page__title{
        position: relative;
        width: 100%;
        font-family: SweetSansPro, sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity))
}
@media (min-width: 960px){

        .purposeful-growth__child-page__title{
                border-bottom-width: 1px;
                --tw-border-opacity: 1;
                border-bottom-color: rgb(96 97 97 / var(--tw-border-opacity))
        }
}
.purposeful-growth__child-page__title::after {
                content: '';
                width: 1px;
                height: 150%;
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                display: none;
                --tw-bg-opacity: 1;
                background-color: rgb(96 97 97 / var(--tw-bg-opacity));
            }
@media (min-width: 960px){

        .purposeful-growth__child-page__title::after{
                display: block
        }
}
.purposeful-growth__child-page__title span{
        display: block
}
@media (min-width: 960px){

        .purposeful-growth__child-page__title span:last-child{
                margin-bottom: 3rem
        }
}
.purposeful-growth__learn-more{
        margin-top: 3rem
}
@media (min-width: 782px){

        .purposeful-growth__learn-more{
                margin-top: 60%
        }
}
@media (min-width: 1280px){

        .purposeful-growth__learn-more{
                margin-top: 50%
        }
}
.community-engagement__imagebox{
        display: flex;
        flex-direction: column
}
@media (min-width: 960px){

        .community-engagement__imagebox{
                flex-direction: row;
                justify-content: space-between
        }
}
.community-engagement__imagebox-image{
        display: flex;
        flex: 1 1 0%;
        flex-direction: column
}
.community-engagement__imagebox-image img{
        margin-left: auto;
        margin-right: auto;
        width: 60%
}
@media (min-width: 960px){

        .community-engagement__imagebox-image img{
                margin-left: 0px;
                margin-right: 0px;
                margin-top: auto;
                margin-bottom: auto;
                width: 85%
        }
}
@media (min-width: 1280px){

        .community-engagement__imagebox-image img{
                width: 55%
        }
}
.community-engagement__imagebox-content{
        flex: 1 1 0%;
        text-align: center;
        font-family: SweetSansPro, sans-serif;
        font-size: 0.875rem;
        font-weight: 300;
        line-height: 2.5rem;
        letter-spacing: 0.05em;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity))
}
.community-engagement__quote-content{
        text-align: center;
        font-family: SweetSansPro, sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        line-height: 2.5rem;
        letter-spacing: 0.1em;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
}
@media (min-width: 960px){

        .community-engagement__quote-content{
                font-size: 1.5rem;
                line-height: 3.5rem
        }
}
.community-engagement__quote-author{
        text-align: center;
        font-family: SweetSansPro, sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
}
@media (min-width: 960px){

        .community-engagement__quote-author{
                font-size: 1.5rem;
                line-height: 2rem
        }
}
.community-engagement__more-about-title{
        text-align: center;
        font-family: SweetSansPro, sans-serif;
        font-size: 1.25rem;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 0.1em
}
.community-engagement__sibling-pages{
        display: flex;
        flex-direction: column;
        align-items: center
}
@media (min-width: 960px){

        .community-engagement__sibling-pages{
                flex-direction: row;
                justify-content: space-evenly
        }
}
.community-engagement__sibling-page{
        display: flex;
        flex-direction: column;
        align-items: center
}
.community-engagement__sibling-page__title{
        font-family: SweetSansPro, sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity))
}
.community-engagement__sibling-page__title span{
        display: block
}
.healthy-habits__imagebox{
        display: flex;
        flex-direction: column
}
@media (min-width: 960px){

        .healthy-habits__imagebox{
                flex-direction: row-reverse
        }
}
.healthy-habits__imagebox-image{
        display: flex;
        flex: 1 1 0%;
        flex-direction: column
}
.healthy-habits__imagebox-image img{
        margin-left: auto;
        margin-right: auto;
        width: 40%
}
@media (min-width: 960px){

        .healthy-habits__imagebox-image img{
                margin-left: 0px;
                margin-right: 0px;
                margin-top: auto;
                margin-bottom: auto;
                width: 70%
        }
}
@media (min-width: 1280px){

        .healthy-habits__imagebox-image img{
                width: 45%
        }
}
.healthy-habits__imagebox-content{
        flex: 1 1 0%;
        text-align: center;
        font-family: SweetSansPro, sans-serif;
        font-size: 0.875rem;
        font-weight: 300;
        line-height: 2.5rem;
        letter-spacing: 0.05em;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity))
}
.healthy-habits__quote-content{
        text-align: center;
        font-family: SweetSansPro, sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        line-height: 2.5rem;
        letter-spacing: 0.1em;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
}
@media (min-width: 960px){

        .healthy-habits__quote-content{
                font-size: 1.5rem;
                line-height: 3.5rem
        }
}
.healthy-habits__quote-author{
        text-align: center;
        font-family: SweetSansPro, sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
}
@media (min-width: 960px){

        .healthy-habits__quote-author{
                font-size: 1.5rem;
                line-height: 2rem
        }
}
.healthy-habits__more-about-title{
        text-align: center;
        font-family: SweetSansPro, sans-serif;
        font-size: 1.25rem;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 0.1em
}
.healthy-habits__sibling-pages{
        display: flex;
        flex-direction: column;
        align-items: center
}
@media (min-width: 960px){

        .healthy-habits__sibling-pages{
                flex-direction: row;
                justify-content: space-evenly
        }
}
.healthy-habits__sibling-page{
        display: flex;
        flex-direction: column;
        align-items: center
}
.healthy-habits__sibling-page__title{
        font-family: SweetSansPro, sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity))
}
.healthy-habits__sibling-page__title span{
        display: block
}
.giving-back__imagebox{
        display: flex;
        flex-direction: column
}
@media (min-width: 960px){

        .giving-back__imagebox{
                flex-direction: row;
                justify-content: space-between
        }
}
.giving-back__imagebox-image{
        display: flex;
        flex: 1 1 0%;
        flex-direction: column
}
.giving-back__imagebox-image img{
        margin-left: auto;
        margin-right: auto;
        width: 60%
}
@media (min-width: 960px){

        .giving-back__imagebox-image img{
                margin-left: 0px;
                margin-right: 0px;
                margin-top: auto;
                margin-bottom: auto;
                width: 90%
        }
}
@media (min-width: 1280px){

        .giving-back__imagebox-image img{
                width: 60%
        }
}
.giving-back__imagebox-content{
        flex: 1 1 0%;
        text-align: center;
        font-family: SweetSansPro, sans-serif;
        font-size: 0.875rem;
        font-weight: 300;
        line-height: 2.5rem;
        letter-spacing: 0.05em;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity))
}
.giving-back__quote-content{
        text-align: center;
        font-family: SweetSansPro, sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        line-height: 2.5rem;
        letter-spacing: 0.1em;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
}
@media (min-width: 960px){

        .giving-back__quote-content{
                font-size: 1.5rem;
                line-height: 3.5rem
        }
}
.giving-back__quote-author{
        text-align: center;
        font-family: SweetSansPro, sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
}
@media (min-width: 960px){

        .giving-back__quote-author{
                font-size: 1.5rem;
                line-height: 2rem
        }
}
.giving-back__more-about-title{
        text-align: center;
        font-family: SweetSansPro, sans-serif;
        font-size: 1.25rem;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 0.1em
}
.giving-back__sibling-pages{
        display: flex;
        flex-direction: column;
        align-items: center
}
@media (min-width: 960px){

        .giving-back__sibling-pages{
                flex-direction: row;
                justify-content: space-evenly
        }
}
.giving-back__sibling-page{
        display: flex;
        flex-direction: column;
        align-items: center
}
.giving-back__sibling-page__title{
        font-family: SweetSansPro, sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity))
}
.giving-back__sibling-page__title span{
        display: block
}
.contact-us {
}
.join-our-team__cultural-inclusivity__title{
        text-align: center;
        font-family: SweetSansPro, sans-serif;
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 0.1em
}
@media (min-width: 960px){

        .join-our-team__cultural-inclusivity__title{
                font-size: 1.875rem;
                line-height: 2.25rem
        }
}
.join-our-team__cultural-inclusivity__imagebox{
        display: flex;
        flex-direction: column
}
.join-our-team__cultural-inclusivity__imagebox-image{
        flex: 1 1 0%
}
@media (min-width: 960px){

        .join-our-team__cultural-inclusivity__imagebox-image{
                display: flex;
                align-items: center
        }
}
.join-our-team__cultural-inclusivity__imagebox-image img{
        margin-left: auto;
        margin-right: auto;
        width: 75%
}
@media (min-width: 600px){

        .join-our-team__cultural-inclusivity__imagebox-image img{
                width: 60%
        }
}
@media (min-width: 960px){

        .join-our-team__cultural-inclusivity__imagebox-image img{
                width: 70%
        }
}
.join-our-team__cultural-inclusivity__imagebox-content{
        flex: 1 1 0%
}
@media (min-width: 960px){

        .join-our-team__cultural-inclusivity__imagebox-content{
                display: flex;
                align-items: center
        }
}
.join-our-team__cultural-inclusivity__imagebox-content p{
        text-align: left;
        font-family: SweetSansPro, sans-serif;
        font-size: 0.875rem;
        font-weight: 300;
        line-height: 2.5rem;
        letter-spacing: 0.05em;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity))
}
.join-our-team__cultural-inclusivity__imagebox-content ul li{
        text-align: left;
        font-family: SweetSansPro, sans-serif;
        font-size: 0.875rem;
        font-weight: 300;
        line-height: 2.5rem;
        letter-spacing: 0.05em;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity))
}
.join-our-team__cultural-inclusivity__quote-content{
        text-align: center;
        font-family: SweetSansPro, sans-serif;
        font-weight: 300;
        line-height: 2.5rem;
        letter-spacing: 0.1em;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
}
@media (min-width: 960px){

        .join-our-team__cultural-inclusivity__quote-content{
                font-size: 1.5rem;
                line-height: 3.5rem
        }
}
.join-our-team__cultural-inclusivity__quote-author{
        text-align: center;
        font-family: SweetSansPro, sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
}
@media (min-width: 960px){

        .join-our-team__cultural-inclusivity__quote-author{
                font-size: 1.5rem;
                line-height: 2rem
        }
}
.join-our-team__custom-banner{
        position: relative;
        display: flex;
        height: 70vh;
        align-items: center;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat
}
.join-our-team__custom-banner::before {
            content: '';
            background: linear-gradient(to right, rgba(255, 255, 255, .8) 0%, rgba(255, 255, 255, 0) 100%);
            position: absolute;
            display: block;
            height: 100%;
            width: 100%;
        }
@media only screen and (min-width: 1024px) {
.join-our-team__custom-banner::before {
                background: linear-gradient(to right, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, 0) 100%)
        }
            }
.join-our-team__custom-banner-content{
        font-family: SweetSansPro, sans-serif;
        font-size: 0.875rem;
        font-weight: 300;
        line-height: 2.5rem;
        letter-spacing: 0.05em
}
.join-our-team__custom-banner-content-container{
        z-index: 10;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-left: 2.5rem;
        padding-right: 2.5rem
}
@media (min-width: 782px){

        .join-our-team__custom-banner-content-container{
                padding-left: 3.5rem;
                padding-right: 3.5rem
        }
}
@media (min-width: 960px){

        .join-our-team__custom-banner-content-container{
                margin-left: 0px;
                margin-right: 0px;
                width: 42%;
                padding-left: 5rem;
                padding-right: 5rem
        }
}
.join-our-team__custom-banner-button{
        margin-left: auto;
        margin-right: auto;
        display: block;
        border-radius: 9999px;
        --tw-bg-opacity: 1;
        background-color: rgb(157 156 144 / var(--tw-bg-opacity));
        padding: 1rem;
        font-family: SweetSansPro, sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
}
@media (min-width: 960px){

        .join-our-team__custom-banner-button{
                margin-left: 0px
        }
}
.join-our-team__title{
        text-align: center
}
.join-our-team__imagebox{
        display: flex;
        flex-direction: column
}
.join-our-team__imagebox-image{
        flex: 1 1 0%
}
@media (min-width: 960px){

        .join-our-team__imagebox-image{
                display: flex;
                align-items: center
        }
}
.join-our-team__imagebox-image img{
        margin-left: auto;
        margin-right: auto;
        width: 75%
}
@media (min-width: 600px){

        .join-our-team__imagebox-image img{
                width: 60%
        }
}
@media (min-width: 960px){

        .join-our-team__imagebox-image img{
                width: auto
        }
}
.join-our-team__imagebox-title{
        text-align: center;
        font-family: SweetSansPro, sans-serif;
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity))
}
@media (min-width: 960px){

        .join-our-team__imagebox-title{
                font-size: 1.875rem;
                line-height: 2.25rem
        }
}
.join-our-team__imagebox-content{
        flex: 1 1 0%
}
@media (min-width: 960px){

        .join-our-team__imagebox-content{
                display: flex;
                align-items: center
        }
}
.join-our-team__imagebox-content p{
        text-align: center;
        font-family: SweetSansPro, sans-serif;
        font-size: 0.875rem;
        font-weight: 300;
        line-height: 2.5rem;
        letter-spacing: 0.05em;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity))
}
.join-our-team__our-culture-title{
        text-align: center;
        font-family: SweetSansPro, sans-serif;
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 0.1em
}
@media (min-width: 960px){

        .join-our-team__our-culture-title{
                font-size: 1.875rem;
                line-height: 2.25rem
        }
}
.join-our-team__our-culture-quote-content{
        text-align: center;
        font-family: SweetSansPro, sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        line-height: 2.5rem;
        letter-spacing: 0.1em;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
}
@media (min-width: 960px){

        .join-our-team__our-culture-quote-content{
                font-size: 1.5rem;
                line-height: 3.5rem
        }
}
.join-our-team__our-culture-quote-author{
        text-align: center;
        font-family: SweetSansPro, sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
}
@media (min-width: 960px){

        .join-our-team__our-culture-quote-author{
                font-size: 1.5rem;
                line-height: 2rem
        }
}
.vacant-positions__job-summary__container{
        margin-left: auto;
        margin-right: auto
}
.vacant-positions__job-summary{
        text-align: center;
        font-family: SweetSansPro, sans-serif;
        font-size: 0.875rem;
        font-weight: 300;
        line-height: 2.5rem;
        letter-spacing: 0.1em;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
}
.vacant-positions__job-summary span{
        display: block
}
.vacant-positions__about-the-role__title{
        text-transform: uppercase
}
.vacant-positions__about-the-role__imagebox{
        display: flex;
        flex-direction: column
}
@media (min-width: 960px){

        .vacant-positions__about-the-role__imagebox-content{
                display: flex;
                flex: 1 1 0%;
                align-items: center
        }
}
.vacant-positions__about-the-role__imagebox-content p{
        text-align: center;
        font-family: SweetSansPro, sans-serif;
        font-weight: 300;
        line-height: 2.5rem;
        letter-spacing: 0.05em;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity))
}
.vacant-positions__about-the-role__imagebox-title{
        text-align: center;
        font-family: SweetSansPro, sans-serif;
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 0.1em
}
@media (min-width: 960px){

        .vacant-positions__about-the-role__imagebox-title{
                font-size: 1.875rem;
                line-height: 2.25rem
        }

        .vacant-positions__about-the-role__imagebox-image{
                display: flex;
                flex: 1 1 0%;
                align-items: center
        }
}
.vacant-positions__about-the-role__imagebox-image img{
        margin-left: auto;
        margin-right: auto;
        width: 75%
}
@media (min-width: 600px){

        .vacant-positions__about-the-role__imagebox-image img{
                width: 60%
        }
}
@media (min-width: 960px){

        .vacant-positions__about-the-role__imagebox-image img{
                width: auto
        }
}
.vacant-positions__job-description__imagebox{
        display: flex;
        flex-direction: column
}
@media (min-width: 960px){

        .vacant-positions__job-description__imagebox-content{
                display: flex;
                flex: 1 1 0%;
                align-items: center
        }
}
.vacant-positions__job-description__imagebox-content p{
        text-align: center;
        font-family: SweetSansPro, sans-serif;
        font-weight: 300;
        line-height: 2.5rem;
        letter-spacing: 0.05em;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity))
}
.vacant-positions__job-description__imagebox-title{
        text-align: center;
        font-family: SweetSansPro, sans-serif;
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 0.1em
}
@media (min-width: 960px){

        .vacant-positions__job-description__imagebox-title{
                font-size: 1.875rem;
                line-height: 2.25rem
        }

        .vacant-positions__job-description__imagebox-image{
                display: flex;
                flex: 1 1 0%;
                align-items: center
        }
}
.vacant-positions__job-description__imagebox-image img{
        margin-left: auto;
        margin-right: auto;
        width: 75%
}
@media (min-width: 600px){

        .vacant-positions__job-description__imagebox-image img{
                width: 60%
        }
}
@media (min-width: 960px){

        .vacant-positions__job-description__imagebox-image img{
                width: auto
        }
}
.vacant-positions__apply-now{
        max-width: 240px
}
.ivylane__form-title{
        text-align: center;
        font-family: SweetSansPro, sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity))
}
.ivylane__form-validations p{
        width: auto;
        border-radius: 0.375rem;
        --tw-bg-opacity: 1;
        background-color: rgb(230 209 200 / var(--tw-bg-opacity));
        font-family: SweetSansPro, sans-serif;
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 300
}
.ivylane__form-validations p span{
        display: block;
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        padding-left: 1rem;
        padding-right: 1rem;
        font-family: SweetSansPro, sans-serif;
        letter-spacing: 0.05em;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity))
}
.ivylane__form-validations p span:first-child{
        padding-top: 1rem
}
.ivylane__form-validations p span:last-child{
        padding-bottom: 1rem
}
.ivylane__form-email--success{
        --tw-text-opacity: 1;
        color: rgb(22 163 74 / var(--tw-text-opacity))
}
.ivylane__form-email--fail{
        --tw-text-opacity: 1;
        color: rgb(220 38 38 / var(--tw-text-opacity))
}
.ivylane__form-container {

    }
.ivylane__form-group{
        position: relative
}
.ivylane__form-group p{
        display: flex;
        height: 50px;
        align-items: center;
        font-family: SweetSansPro, sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity))
}
.ivylane__form-group label{
        font-family: SweetSansPro, sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity))
}
.ivylane__form-group label.as-placeholder{
        position: absolute;
        top: 0px;
        left: 0px
}
.ivylane__form-group input + label.as-placeholder{
        padding-bottom: 0.5rem
}
.ivylane__form-group textarea{
        width: 100%;
        border-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgb(96 97 97 / var(--tw-border-opacity));
        font-family: SweetSansPro, sans-serif;
        font-weight: 300;
        line-height: 2rem;
        letter-spacing: 0.05em;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity));
        outline: 2px solid transparent;
        outline-offset: 2px
}
.ivylane__form-group input[type=checkbox]:checked{
        --tw-bg-opacity: 1;
        background-color: rgb(230 209 200 / var(--tw-bg-opacity))
}
.ivylane__form-group input:not([type=submit]):not([type=checkbox]){
        height: 50px;
        width: 100%;
        border-bottom-width: 1px;
        --tw-border-opacity: 1;
        border-bottom-color: rgb(96 97 97 / var(--tw-border-opacity));
        font-family: SweetSansPro, sans-serif;
        font-weight: 300;
        line-height: 2rem;
        letter-spacing: 0.05em;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity));
        outline: 2px solid transparent;
        outline-offset: 2px
}
.ivylane__form-group input:not([type=submit]):not([type=checkbox])::-moz-placeholder{
        font-family: SweetSansPro, sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity))
}
.ivylane__form-group input:not([type=submit]):not([type=checkbox])::placeholder{
        font-family: SweetSansPro, sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity))
}
.ivylane__form-checkbox-group{
        display: flex
}
.ivylane__form-checkbox-group ul li{
        display: inline-block
}
.ivylane__form-checkbox-group input[type=checkbox]{
        margin-right: 0.25rem;
        margin-left: 1rem;
        width: auto
}
.ivylane__form-dropdown select{
        height: 50px;
        width: 100%;
        border-bottom-width: 1px;
        --tw-border-opacity: 1;
        border-bottom-color: rgb(96 97 97 / var(--tw-border-opacity));
        padding: 0px !important;
        font-family: SweetSansPro, sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity));
            -webkit-appearance: none;
            -moz-appearance : none
}
.ivylane__form-dropdown select option{
        position: relative
}
.ivylane__form-dropdown select option span{
        position: absolute
}
.ivylane__form-submit{
        margin-top: 50px;
        width: 100%;
        --tw-bg-opacity: 1;
        background-color: rgb(157 156 144 / var(--tw-bg-opacity));
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        font-family: SweetSansPro, sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
}
.ivylane__form-drop-area{
        position: relative;
        height: 162px;
        width: 100%;
        cursor: pointer;
        border-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgb(96 97 97 / var(--tw-border-opacity))
}
.ivylane__form-drop-area-instructions{
        position: absolute;
        text-align: center;
        font-family: SweetSansPro, sans-serif;
        font-weight: 300;
        text-transform: uppercase;

            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%)
}
.ivylane__form-drop-area input[type=file] {
            visibility: hidden;
            position: absolute;
            height: 1px;
            width: 1px;
        }
.ivylane__form-drop-area-text{
        font-family: SweetSansPro, sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity))
}
.ivylane__form-modal--minmax{
        cursor: pointer;
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: 300;
        text-transform: uppercase;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
}
.ivylane__form-modal--minmax p{
        margin-left: 0.25rem;
        margin-top: 0.25rem;
        font-family: SweetSansPro, sans-serif;
        font-size: 1rem;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 0.05em
}
.ivylane__form-modal-title{
        font-family: SweetSansPro, sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
}
.ivylane__form-modal-container{
        position: absolute;
        bottom: 0px;
        right: 0px;
        width: 95%;
        border-radius: 0.375rem;
        --tw-bg-opacity: 1;
        background-color: rgb(202 201 190 / var(--tw-bg-opacity));
        padding: 0.5rem
}
@media (min-width: 480px){

        .ivylane__form-modal-container{
                padding: 1rem
        }
}
@media (min-width: 782px){

        .ivylane__form-modal-container{
                padding: 2.5rem
        }
}
.ivylane__form-modal-container {

            z-index: 1;
            left: 50%;
            transform: translateX(-50%);

        }
@media only screen and (min-width: 480px) {
.ivylane__form-modal-container {
                width: 85%

        }
            }
@media only screen and (min-width: 600px) {
.ivylane__form-modal-container {
                width: 70%

        }
            }
@media only screen and (min-width: 782px) {
.ivylane__form-modal-container {
                max-width: 490px;
                width: auto;
                right: 0;
                left: unset;
                transform: unset

        }
            }
.ivylane__form-modal-group{
        position: relative
}
.ivylane__form-modal-group p{
        display: flex;
        align-items: center;
        font-family: SweetSansPro, sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity))
}
.ivylane__form-modal-group label{
        font-family: SweetSansPro, sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity))
}
.ivylane__form-modal-group label.as-placeholder{
        position: absolute;
        top: 0px;
        left: 0px
}
.ivylane__form-modal-group input + label.as-placeholder{
        padding-bottom: 0.5rem
}
.ivylane__form-modal-group textarea{
        width: 100%;
        border-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgb(96 97 97 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(202 201 190 / var(--tw-bg-opacity));
        font-family: SweetSansPro, sans-serif;
        font-weight: 300;
        line-height: 2rem;
        letter-spacing: 0.05em;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity));
        outline: 2px solid transparent;
        outline-offset: 2px
}
.ivylane__form-modal-group input:not([type=submit]):not([type=checkbox]){
        height: 40px;
        width: 100%;
        border-bottom-width: 1px;
        --tw-border-opacity: 1;
        border-bottom-color: rgb(96 97 97 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(202 201 190 / var(--tw-bg-opacity));
        font-family: SweetSansPro, sans-serif;
        font-size: 0.875rem;
        font-weight: 300;
        line-height: 2rem;
        letter-spacing: 0.05em;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity));
        outline: 2px solid transparent;
        outline-offset: 2px
}
.ivylane__form-modal-group input:not([type=submit]):not([type=checkbox])::-moz-placeholder{
        font-family: SweetSansPro, sans-serif;
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity))
}
.ivylane__form-modal-group input:not([type=submit]):not([type=checkbox])::placeholder{
        font-family: SweetSansPro, sans-serif;
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity))
}
.ivylane__form-modal-checkbox-group{
        display: flex
}
.ivylane__form-modal-checkbox-group ul li{
        display: inline-block;
        font-size: 0.875rem;
        line-height: 1.25rem
}
.ivylane__form-modal-checkbox-group input[type=checkbox]{
        margin-right: 0.25rem;
        margin-left: 0.25rem;
        width: auto
}
@media (min-width: 782px){

        .ivylane__form-modal-checkbox-group input[type=checkbox]{
                margin-left: 1rem
        }
}
.ivylane__form-modal-submit{
        margin-left: auto;
        margin-right: auto;
        margin-top: 1.5rem;
        display: block;
        width: 100%;
        border-radius: 0.375rem;
        border-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgb(96 97 97 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        padding: 1rem;
        font-family: SweetSansPro, sans-serif;
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity))
}
.ivylane__form-email--success {
        visibility: hidden;
    }
.ivylane__form-email--fail {
        visibility: hidden;
    }
.reviews__container{
        position: relative
}
.reviews__container p{
        position: absolute;
        font-family: SweetSansPro, sans-serif;
        font-size: 0.75rem;
        line-height: 1rem;
        font-weight: 300;
        letter-spacing: 0.05em;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity))
}
@media (min-width: 480px){

        .reviews__container p{
                line-height: 1rem
        }
}
@media (min-width: 782px){

        .reviews__container p{
                line-height: 1.5rem
        }
}
.reviews__container p {

            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
.tmp-home__banner{
        position: relative;
        height: 100%;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;

        background-position: center
}
@media screen and (min-width: 600px) {

            @media screen and (min-height: 300px) {
.tmp-home__banner {
                background-position-y: 30%

    }
            }
        }
@media screen and (min-width: 1400px) {
.tmp-home__banner {
            background-position-y: 30%

    }
        }
@media screen and (min-width: 2000px) {
.tmp-home__banner {
            background-position-y: 25%

    }
        }
.tmp-home__title{
        font-family: SweetSansPro, sans-serif;
        font-size: 1.25rem;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity))
}
@media (min-width: 960px){

        .tmp-home__title{
                font-size: 1.5rem;
                line-height: 2rem
        }
}
.tmp-home__imagebox{
        display: flex;
        flex-direction: column
}
@media (min-width: 960px){

        .tmp-home__imagebox{
                flex-direction: row
        }
}
.tmp-home__imagebox.reverse{
        display: flex;
        flex-direction: column
}
@media (min-width: 960px){

        .tmp-home__imagebox.reverse{
                flex-direction: row-reverse
        }
}
.tmp-home .ivylane__form-title{
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
}
.tmp-home .ivylane__form-container{
        --tw-bg-opacity: 1;
        background-color: rgb(156 156 146 / var(--tw-bg-opacity));
        padding-top: 3rem;
        padding-bottom: 3rem;
        padding-left: 3rem;
        padding-right: 3rem
}
.tmp-home .ivylane__form-submit-container{
        width: 100%;
        --tw-bg-opacity: 1;
        background-color: rgb(156 156 146 / var(--tw-bg-opacity))
}
.tmp-home .ivylane__form-submit.btn-primary{
        margin-left: auto !important;
        margin-right: auto !important;
        display: block !important;
        width: 200px !important;
        border-radius: 9999px;
        --tw-bg-opacity: 1 !important;
        background-color: rgb(213 164 139 / var(--tw-bg-opacity)) !important
}
.tmp-home .ivylane__form-group input:not([type=submit]):not([type=checkbox]){
        border-bottom-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(156 156 146 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
}
.tmp-home .ivylane__form-group input:not([type=submit]):not([type=checkbox])::-moz-placeholder{
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
}
.tmp-home .ivylane__form-group input:not([type=submit]):not([type=checkbox])::placeholder{
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
}
.tmp-home .ivylane__form-group p,
    .tmp-home .ivylane__form-group label{
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
}
.tmp-home .ivylane__form-group input[type=checkbox]{
        position: relative;
        height: 1rem;
        width: 1rem;
        cursor: pointer;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        border-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(156 156 146 / var(--tw-bg-opacity))
}
.tmp-home .ivylane__form-group input[type=checkbox]:checked{
        --tw-border-opacity: 1;
        border-color: rgb(96 97 97 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(156 156 146 / var(--tw-bg-opacity));
        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")
}
/* Override autocomplete styles */
.tmp-home .ivylane__form-group input:-webkit-autofill,
    .tmp-home .ivylane__form-group input:-webkit-autofill:hover,
    .tmp-home .ivylane__form-group input:-webkit-autofill:focus,
    .tmp-home .ivylane__form-group input:-webkit-autofill:active {
        -webkit-background-clip: text;
        -webkit-text-fill-color: white !important;
        -webkit-transition: background-color 5000s ease-in-out 0s;
        transition: background-color 5000s ease-in-out 0s;
        box-shadow: inset 0 0 20px 20px #9C9C92 !important;
        background-color: #9C9C92 !important;
    }
.tmp-home .ivylane__form-group textarea{
        border-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(156 156 146 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
}
.ivylane__header-logo-and-nav{
        margin-left: auto;
        margin-right: auto;
        width: 80%;
        padding-left: 1.5rem;
        padding-right: 1.5rem
}
@media (min-width: 782px){

        .ivylane__header-logo-and-nav{
                padding-left: 0px;
                padding-right: 0px
        }
}
.ivylane__nav-toggle {}
.ivylane__primary-menu-container{
        margin-top: 1rem;
        padding: 1rem
}
@media (min-width: 960px){

        .ivylane__primary-menu-container{
                display: block;
                background-color: transparent;
                padding: 0px
        }
}
.ivylane__primary-menu{
        display: flex;
        flex-direction: column;
        text-transform: uppercase
}
@media (min-width: 960px){

        .ivylane__primary-menu{
                flex-direction: row;
                justify-content: space-between
        }
}
.ivylane__primary-menu-item a{
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        text-align: left;
        font-size: 0.875rem;
        line-height: 1.25rem;
        letter-spacing: 0.1em;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity))
}
@media (min-width: 960px){

        .ivylane__primary-menu-item a{
                text-align: center
        }
}
.ivylane__footer-wrapper{
        margin-left: auto;
        margin-right: auto;
        display: flex;
        width: 100%;
        flex-direction: column;
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        font-family: SweetSansPro, sans-serif
}
@media (min-width: 782px){

        .ivylane__footer-wrapper{
                padding-left: 0px;
                padding-right: 0px
        }
}
@media (min-width: 960px){

        .ivylane__footer-wrapper{
                flex-direction: row;
                justify-content: space-between;
                padding-top: 3.5rem;
                padding-bottom: 3.5rem
        }
}
.ivylane__footer-menu li:not(:first-child){
        margin-top: 1rem
}
.ivylane__footer-menu li a{
        font-size: 0.875rem;
        line-height: 1.25rem;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity))
}
.ivylane__footer-trademark-and-year{
        margin-top: 1rem;
        text-align: left;
        text-transform: uppercase;
        letter-spacing: 0.1em
}
@media (min-width: 960px){

        .ivylane__footer-trademark-and-year{
                text-align: right
        }
}
.ivylane__footer-email-and-mobile{
        margin-top: 1rem;
        text-align: left;
        letter-spacing: 0.1em
}
@media (min-width: 960px){

        .ivylane__footer-email-and-mobile{
                text-align: right
        }
}
.roof-spc{
        margin-top: 4rem
}
@media (min-width: 782px){

        .roof-spc{
                margin-top: 5rem
        }
}
@media (min-width: 960px){

        .roof-spc{
                margin-top: 8rem
        }
}
.floor-spc{
        margin-bottom: 4rem
}
@media (min-width: 782px){

        .floor-spc{
                margin-bottom: 5rem
        }
}
@media (min-width: 960px){

        .floor-spc{
                margin-bottom: 8rem
        }
}
.quote-roof-spc{
        padding-top: 4rem
}
@media (min-width: 782px){

        .quote-roof-spc{
                padding-top: 6rem
        }
}
@media (min-width: 960px){

        .quote-roof-spc{
                padding-top: 8rem
        }
}
.quote-floor-spc{
        padding-bottom: 4rem
}
@media (min-width: 782px){

        .quote-floor-spc{
                padding-bottom: 6rem
        }
}
@media (min-width: 960px){

        .quote-floor-spc{
                padding-bottom: 8rem
        }
}
img.zoom{
        cursor: pointer;
    transition: transform .2s
}
img.zoom:hover {
    transform: scale(1.5);
}
.carousel-title{
        font-family: SweetSansPro, sans-serif;
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: 300;
        text-transform: uppercase;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity))
}
@media (min-width: 960px){

        .carousel-title{
                font-size: 1.875rem;
                line-height: 2.25rem
        }
}
.carousel-wrapper{
        display: flex
}
.carousel-swiper{
        max-width: 354px
}
@media (min-width: 600px){

        .carousel-swiper{
                max-width: 100%
        }
}
.carousel-swiper {
        flex: 7;

        /* .swiper-wrapper .swiper-slide > figure > img { */
        /*     @apply */
        /*     w-4/5 */
        /*     sm:w-full */
        /*     ; */
        /* } */
    }
.carousel-controls {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
.carousel-controls button {
            background-image: url(../images/carousel_next_button.png?299c29f6e6525040b6901e10ac09577a);
            height: 50%;
            width: 50%;
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;

        }
.carousel-controls.prev {
        transform: rotate(180deg);
    }
.carousel-item-container{
        position: absolute;

            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%)
}
.carousel-item-title{
        font-family: SweetSansPro, sans-serif;
        font-size: 1.25rem;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 0.1em
}
.carousel-item-content{
        font-family: SweetSansPro, sans-serif;
        font-weight: 300
}
.gallery-carousel{
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2.5rem;
        width: 90%
}
@media (min-width: 960px){

        .gallery-carousel{
                margin-bottom: 5rem
        }
}
.gallery-title{
        font-family: SweetSansPro, sans-serif;
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: 300;
        text-transform: uppercase;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity))
}
.gallery-swiper{
        margin-top: 1rem
}
@media (min-width: 960px){

        .gallery-swiper{
                margin-top: 1.5rem
        }
}
.custom-logo-link img{
        max-width: 200px
}
@media (min-width: 600px){

        .custom-logo-link img{
                max-width: 320px
        }
}
@media (min-width: 960px){

        .custom-logo-link img{
                max-width: 360px
        }
}
.a4-w{
        padding-left: 1.25rem;
        padding-right: 1.25rem
}
@media (min-width: 480px){

        .a4-w{
                max-width: 595px
        }
}
@media (min-width: 782px){

        .a4-w{
                padding-left: 0px;
                padding-right: 0px
        }
}
@media (min-width: 960px){

        .a4-w{
                max-width: 794px
        }
}
@media (min-width: 1280px){

        .a4-w{
                max-width: 1240px;
                padding-left: 5rem;
                padding-right: 5rem
        }
}
.centered{
        margin-left: auto;
        margin-right: auto;
        width: 100%
}
.section-roof{
        margin-top: 4rem
}
@media (min-width: 960px){

        .section-roof{
                margin-top: 5rem
        }
}
@media (min-width: 1280px){

        .section-roof{
                margin-top: 8rem
        }
}
.section-floor{
        margin-bottom: 4rem
}
@media (min-width: 960px){

        .section-floor{
                margin-bottom: 5rem
        }
}
@media (min-width: 1280px){

        .section-floor{
                margin-bottom: 8rem
        }
}
.container{
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        padding-left: 1.25rem;
        padding-right: 1.25rem
}
@media (min-width: 480px){

        .container{
                padding-left: 0px;
                padding-right: 0px
        }
}
.page-title{
        font-family: SweetSansPro, sans-serif;
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity))
}
@media (min-width: 960px){

        .page-title{
                font-size: 1.875rem;
                line-height: 2.25rem
        }
}
p.page-paragraph{
        font-family: SweetSansPro, sans-serif;
        font-size: 0.875rem;
        font-weight: 300;
        line-height: 2.5rem;
        letter-spacing: 0.05em;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity))
}
a.btn-primary{
        margin-left: auto;
        margin-right: auto;
        display: block;
        border-radius: 9999px;
        --tw-bg-opacity: 1;
        background-color: rgb(157 156 144 / var(--tw-bg-opacity));
        padding: 1rem;
        font-family: SweetSansPro, sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
}
.green-frame {
    background-image: url(../images/green_frame.png?6cf950ed95c10ef58433717c12cde4c3);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.orange-frame {
    background-image: url(../images/orange_frame.png?fdabc8e8241a8d1189425cd104223488);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
/* header full bg sampler */
.header-sampler {
    background-image: url(../images/malena-zapata-vNsTWGIAwd8-unsplash.jpg?0204a39a40fe84e4e51be9f474eee983);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.grecaptcha-badge {
    visibility: hidden;
}
/* Coming Soon Section Styles */
.coming-soon-wrapper{
        position: relative;
        height: 100%;
        width: 100%
}
.coming-soon-wrapper .banner-overlay-light{
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 20%;
        background-color: rgba(255, 255, 255, 0.3);
        z-index: 1
}
.coming-soon-wrapper .banner-overlay-light span{
        width: 100%;
        text-align: center;
        font-family: SweetSansPro, sans-serif;
        font-size: 1.5rem;
        line-height: 2rem;
        text-transform: uppercase;
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity))
}
@media (min-width: 960px){

        .coming-soon-wrapper .banner-overlay-light span{
                font-size: 3rem;
                line-height: 1
        }
}
@media (min-width: 1280px){

        .coming-soon-wrapper .banner-overlay-light span{
                font-size: 4.5rem;
                line-height: 1
        }
}
.coming-soon-wrapper .banner-overlay-light span {
        font-weight: 300;
        letter-spacing: 0.5em;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
@media screen and (min-width: 768px) {
.coming-soon-wrapper .banner-overlay-light span {
            font-weight: 200
    }
        }
.coming-soon-wrapper .banner-overlay-dark{
        position: absolute;
        left: 0px;
        width: 100%;
        top: 20%;
        height: 80%;
        background-color: rgba(0, 0, 0, 0.3);
        z-index: 1
}
/* article > *:not(.entry-content), */
/* .entry-content > * { */
/*     @apply mx-auto max-w-content; */
/* } */
/**/
/* .entry-content, .block-editor-block-list__layout { */
/*     h1 { */
/*         @apply text-[25px] */
/*     } */
/**/
/*     h2 { */
/*         @apply text-xl; */
/*     } */
/**/
/*     h3 { */
/*         @apply text-lg; */
/*     } */
/**/
/*     p, ul, ol { */
/*         a { */
/*             @apply text-blue-500 underline; */
/**/
/*             &:hover { */
/*                 @apply no-underline; */
/*             } */
/*         } */
/**/
/*         @apply mb-8; */
/*     } */
/**/
/*     ul:not(.block-editor-block-variation-picker__variations) { */
/*         li { */
/*             @apply list-disc list-inside; */
/*         } */
/*     } */
/**/
/*     ol { */
/*         li { */
/*             @apply list-decimal list-inside; */
/*         } */
/*     } */
/* } */
@font-face {
    font-family: "SweetSansPro";
    src: url(../fonts/SweetSansProThin.woff?ddc41e22332b80a7037a0019128c7af3) format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: "SweetSansPro";
    src: url(../fonts/SweetSansProLight.woff?3cf5ff4ffd7052e2d212e9e11d13cf55) format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "SweetSansPro";
    src: url(../fonts/SweetSansProRegular.woff?e00d983beac64f41e7c1ac873299d824) format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "SweetSansPro";
    src: url(../fonts/SweetSansProMedium.woff?80e817585943ef41fa17da23221a8a9a) format("woff");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "SweetSansPro";
    src: url(../fonts/SweetSansProBold.woff?abf61be6dee132b309c3ac06a8bf288a) format("woff");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "SweetSansPro";
    src: url(../fonts/SweetSansProItalic.woff?eb1da591b229a6aab062270ccf166217) format("woff");
    font-weight: 400;
    font-style: italic;
}
.checked\:border-stone:checked{
        --tw-border-opacity: 1;
        border-color: rgb(96 97 97 / var(--tw-border-opacity))
}
.checked\:bg-ivy:checked{
        --tw-bg-opacity: 1;
        background-color: rgb(156 156 146 / var(--tw-bg-opacity))
}
.hover\:bg-\[\#B08968\]:hover{
        --tw-bg-opacity: 1;
        background-color: rgb(176 137 104 / var(--tw-bg-opacity))
}
.hover\:text-gray-700:hover{
        --tw-text-opacity: 1;
        color: rgb(55 65 81 / var(--tw-text-opacity))
}
.hover\:text-primary:hover{
        --tw-text-opacity: 1;
        color: rgb(96 97 97 / var(--tw-text-opacity))
}
@media (min-width: 480px){

        .xs\:max-w-\[595px\]{
                max-width: 595px
        }

        .xs\:p-4{
                padding: 1rem
        }

        .xs\:leading-4{
                line-height: 1rem
        }
}
@media (min-width: 600px){

        .sm\:w-3\/5{
                width: 60%
        }

        .sm\:w-full{
                width: 100%
        }

        .sm\:max-w-\[320px\]{
                max-width: 320px
        }

        .sm\:p-8{
                padding: 2rem
        }

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

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

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

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

        .sm\:text-xxl{
                font-size: 1.5rem
        }
}
@media (min-width: 782px){

        .md\:right-4{
                right: 1rem
        }

        .md\:top-4{
                top: 1rem
        }

        .md\:order-1{
                order: 1
        }

        .md\:order-2{
                order: 2
        }

        .md\:my-6{
                margin-top: 1.5rem;
                margin-bottom: 1.5rem
        }

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

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

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

        .md\:mt-20{
                margin-top: 5rem
        }

        .md\:mt-\[60\%\]{
                margin-top: 60%
        }

        .md\:flex{
                display: flex
        }

        .md\:h-\[400px\]{
                height: 400px
        }

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

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

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

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

        .md\:p-10{
                padding: 2.5rem
        }

        .md\:p-8{
                padding: 2rem
        }

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

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

        .md\:px-14{
                padding-left: 3.5rem;
                padding-right: 3.5rem
        }

        .md\:px-16{
                padding-left: 4rem;
                padding-right: 4rem
        }

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

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

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

        .md\:pb-24{
                padding-bottom: 6rem
        }

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

        .md\:pt-24{
                padding-top: 6rem
        }

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

        .md\:text-right{
                text-align: right
        }

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

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

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

        .md\:leading-6{
                line-height: 1.5rem
        }
}
@media (min-width: 960px){

        .lg\:absolute{
                position: absolute
        }

        .lg\:relative{
                position: relative
        }

        .lg\:z-\[2\]{
                z-index: 2
        }

        .lg\:z-\[3\]{
                z-index: 3
        }

        .lg\:mx-0{
                margin-left: 0px;
                margin-right: 0px
        }

        .lg\:my-auto{
                margin-top: auto;
                margin-bottom: auto
        }

        .lg\:\!ml-0{
                margin-left: 0px !important
        }

        .lg\:\!ml-auto{
                margin-left: auto !important
        }

        .lg\:\!mr-0{
                margin-right: 0px !important
        }

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

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

        .lg\:ml-0{
                margin-left: 0px
        }

        .lg\:ml-6{
                margin-left: 1.5rem
        }

        .lg\:ml-auto{
                margin-left: auto
        }

        .lg\:mr-6{
                margin-right: 1.5rem
        }

        .lg\:mr-auto{
                margin-right: auto
        }

        .lg\:mt-0{
                margin-top: 0px
        }

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

        .lg\:mt-12{
                margin-top: 3rem
        }

        .lg\:mt-16{
                margin-top: 4rem
        }

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

        .lg\:mt-6{
                margin-top: 1.5rem
        }

        .lg\:mt-auto{
                margin-top: auto
        }

        .lg\:block{
                display: block
        }

        .lg\:flex{
                display: flex
        }

        .lg\:hidden{
                display: none
        }

        .lg\:h-\[500px\]{
                height: 500px
        }

        .lg\:h-\[50px\]{
                height: 50px
        }

        .lg\:h-\[800px\]{
                height: 800px
        }

        .lg\:h-\[90\%\]{
                height: 90%
        }

        .lg\:h-full{
                height: 100%
        }

        .lg\:\!w-\[49\%\]{
                width: 49% !important
        }

        .lg\:w-\[42\%\]{
                width: 42%
        }

        .lg\:w-\[50px\]{
                width: 50px
        }

        .lg\:w-\[70\%\]{
                width: 70%
        }

        .lg\:w-\[85\%\]{
                width: 85%
        }

        .lg\:w-\[90\%\]{
                width: 90%
        }

        .lg\:w-auto{
                width: auto
        }

        .lg\:w-full{
                width: 100%
        }

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

        .lg\:max-w-\[360px\]{
                max-width: 360px
        }

        .lg\:max-w-\[480px\]{
                max-width: 480px
        }

        .lg\:max-w-\[794px\]{
                max-width: 794px
        }

        .lg\:flex-1{
                flex: 1 1 0%
        }

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

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

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

        .lg\:justify-end{
                justify-content: flex-end
        }

        .lg\:justify-between{
                justify-content: space-between
        }

        .lg\:justify-evenly{
                justify-content: space-evenly
        }

        .lg\:gap-4{
                gap: 1rem
        }

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

        .lg\:rounded{
                border-radius: 0.25rem
        }

        .lg\:border-b{
                border-bottom-width: 1px
        }

        .lg\:border-b-primary{
                --tw-border-opacity: 1;
                border-bottom-color: rgb(96 97 97 / var(--tw-border-opacity))
        }

        .lg\:bg-secondary{
                --tw-bg-opacity: 1;
                background-color: rgb(213 163 139 / var(--tw-bg-opacity))
        }

        .lg\:bg-transparent{
                background-color: transparent
        }

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

        .lg\:p-12{
                padding: 3rem
        }

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

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

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

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

        .lg\:py-14{
                padding-top: 3.5rem;
                padding-bottom: 3.5rem
        }

        .lg\:py-16{
                padding-top: 4rem;
                padding-bottom: 4rem
        }

        .lg\:py-32{
                padding-top: 8rem;
                padding-bottom: 8rem
        }

        .lg\:pl-0{
                padding-left: 0px
        }

        .lg\:pr-12{
                padding-right: 3rem
        }

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

        .lg\:pt-16{
                padding-top: 4rem
        }

        .lg\:pt-2{
                padding-top: 0.5rem
        }

        .lg\:pt-6{
                padding-top: 1.5rem
        }

        .lg\:\!text-left{
                text-align: left !important
        }

        .lg\:text-left{
                text-align: left
        }

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

        .lg\:\!text-right{
                text-align: right !important
        }

        .lg\:text-right{
                text-align: right
        }

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

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

        .lg\:text-5xl{
                font-size: 3rem;
                line-height: 1
        }

        .lg\:text-\[1\.5rem\]{
                font-size: 1.5rem
        }

        .lg\:text-small{
                font-size: 0.875rem
        }

        .lg\:text-xxl{
                font-size: 1.5rem
        }

        .lg\:leading-10{
                line-height: 2.5rem
        }

        .lg\:leading-\[3\.5rem\]{
                line-height: 3.5rem
        }

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

        .lg\:opacity-0{
                opacity: 0
        }

        .lg\:opacity-100{
                opacity: 1
        }

        .lg\:opacity-75{
                opacity: 0.75
        }
}
@media (min-width: 1280px){

        .xl\:mt-32{
                margin-top: 8rem
        }

        .xl\:mt-\[50\%\]{
                margin-top: 50%
        }

        .xl\:h-\[85\%\]{
                height: 85%
        }

        .xl\:w-\[45\%\]{
                width: 45%
        }

        .xl\:w-\[55\%\]{
                width: 55%
        }

        .xl\:w-\[60\%\]{
                width: 60%
        }

        .xl\:max-w-\[1240px\]{
                max-width: 1240px
        }

        .xl\:px-\[5\%\]{
                padding-left: 5%;
                padding-right: 5%
        }

        .xl\:text-7xl{
                font-size: 4.5rem;
                line-height: 1
        }
}
@media (min-width: 1440px){

        .\32xl\:max-w-\[2480px\]{
                max-width: 2480px
        }
}