/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-4[0].rules[0].use[1]!../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-4[0].rules[0].use[2]!./Tailwind/tailwind.css ***!
  \*********************************************************************************************************************************************************************************************/
*, ::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 rgba(0,0,0,0);
    --tw-ring-shadow: 0 0 rgba(0,0,0,0);
    --tw-shadow: 0 0 rgba(0,0,0,0);
    --tw-shadow-colored: 0 0 rgba(0,0,0,0);
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  
}
::-webkit-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 rgba(0,0,0,0);
    --tw-ring-shadow: 0 0 rgba(0,0,0,0);
    --tw-shadow: 0 0 rgba(0,0,0,0);
    --tw-shadow-colored: 0 0 rgba(0,0,0,0);
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  
}
::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 rgba(0,0,0,0);
    --tw-ring-shadow: 0 0 rgba(0,0,0,0);
    --tw-shadow: 0 0 rgba(0,0,0,0);
    --tw-shadow-colored: 0 0 rgba(0,0,0,0);
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  
}
.tw-absolute {
    position: absolute
}
.tw-relative {
    position: relative
}
.tw-inset-0 {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px
}
.tw-bottom-0 {
    bottom: 0px
}
.tw-isolate {
    isolation: isolate
}
.tw-row-span-2 {
    grid-row: span 2 / span 2
}
.tw-m-0 {
    margin: 0px
}
.tw-mx-auto {
    margin-left: auto;
    margin-right: auto
}
.tw-my-0 {
    margin-top: 0px;
    margin-bottom: 0px
}
.tw-my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}
.\!tw-mt-0 {
    margin-top: 0px !important
}
.tw-mb-0 {
    margin-bottom: 0px
}
.tw-mb-10 {
    margin-bottom: 2.5rem
}
.tw-mb-4 {
    margin-bottom: 1rem
}
.tw-mb-\[100px\] {
    margin-bottom: 100px
}
.tw-mb-\[10px\] {
    margin-bottom: 10px
}
.tw-mb-\[20px\] {
    margin-bottom: 20px
}
.tw-mb-\[24px\] {
    margin-bottom: 24px
}
.tw-mb-\[40px\] {
    margin-bottom: 40px
}
.tw-mb-\[60px\] {
    margin-bottom: 60px
}
.tw-ml-10 {
    margin-left: 2.5rem
}
.tw-ml-auto {
    margin-left: auto
}
.tw-mr-16 {
    margin-right: 4rem
}
.tw-mr-\[20px\] {
    margin-right: 20px
}
.tw-mt-0 {
    margin-top: 0px
}
.tw-mt-16 {
    margin-top: 4rem
}
.tw-mt-2 {
    margin-top: 0.5rem
}
.tw-mt-3 {
    margin-top: 0.75rem
}
.tw-mt-4 {
    margin-top: 1rem
}
.tw-mt-\[20px\] {
    margin-top: 20px
}
.tw-mt-\[40px\] {
    margin-top: 40px
}
.tw-mt-\[60px\] {
    margin-top: 60px
}
.tw-mt-\[80px\] {
    margin-top: 80px
}
.tw-block {
    display: block
}
.tw-inline-block {
    display: inline-block
}
.\!tw-flex {
    display: flex !important
}
.tw-flex {
    display: flex
}
.tw-grid {
    display: grid
}
.tw-hidden {
    display: none
}
.tw-aspect-\[1504\/900\] {
    aspect-ratio: 1504/900
}
.tw-aspect-\[360\/428\] {
    aspect-ratio: 360/428
}
.tw-aspect-\[790\/595\] {
    aspect-ratio: 790/595
}
.tw-h-\[10px\] {
    height: 10px
}
.tw-h-\[205px\] {
    height: 205px
}
.tw-h-\[20px\] {
    height: 20px
}
.tw-h-\[40px\] {
    height: 40px
}
.tw-h-\[62\%\] {
    height: 62%
}
.tw-h-\[65rem\] {
    height: 65rem
}
.tw-h-\[80px\] {
    height: 80px
}
.tw-h-full {
    height: 100%
}
.tw-max-h-\[108px\] {
    max-height: 108px
}
.tw-max-h-\[60px\] {
    max-height: 60px
}
.tw-min-h-\[560px\] {
    min-height: 560px
}
.tw-w-\[10px\] {
    width: 10px
}
.tw-w-\[206px\] {
    width: 206px
}
.tw-w-\[20px\] {
    width: 20px
}
.tw-w-\[300px\] {
    width: 300px
}
.tw-w-auto {
    width: auto
}
.tw-w-full {
    width: 100%
}
.tw-min-w-\[210px\] {
    min-width: 210px
}
.tw-max-w-5xl {
    max-width: 64rem
}
.tw-max-w-\[108px\] {
    max-width: 108px
}
.tw-max-w-\[1130px\] {
    max-width: 1130px
}
.tw-max-w-\[1280px\] {
    max-width: 1280px
}
.tw-max-w-\[1310px\] {
    max-width: 1310px
}
.tw-max-w-\[1500px\] {
    max-width: 1500px
}
.tw-max-w-\[270px\] {
    max-width: 270px
}
.tw-max-w-\[520px\] {
    max-width: 520px
}
.tw-max-w-\[535px\] {
    max-width: 535px
}
.tw-max-w-\[700px\] {
    max-width: 700px
}
.tw-max-w-\[734px\] {
    max-width: 734px
}
.tw-max-w-\[820px\] {
    max-width: 820px
}
.tw-max-w-full {
    max-width: 100%
}
.tw-flex-1 {
    flex: 1 1 0%
}
.tw-snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness)
}
.tw-snap-start {
    scroll-snap-align: start
}
.tw-list-none {
    list-style-type: none
}
.tw-break-before-column {
    -moz-column-break-before: column;
         break-before: column
}
.tw-auto-cols-max {
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content
}
.tw-grid-flow-col {
    grid-auto-flow: column
}
.tw-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}
.tw-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}
.tw-flex-row {
    flex-direction: row
}
.tw-flex-col {
    flex-direction: column
}
.tw-flex-col-reverse {
    flex-direction: column-reverse
}
.tw-items-start {
    align-items: flex-start
}
.tw-items-end {
    align-items: flex-end
}
.tw-items-center {
    align-items: center
}
.tw-justify-start {
    justify-content: flex-start
}
.tw-justify-end {
    justify-content: flex-end
}
.tw-justify-center {
    justify-content: center
}
.tw-gap-0 {
    grid-gap: 0px;
    gap: 0px
}
.tw-gap-10 {
    grid-gap: 2.5rem;
    gap: 2.5rem
}
.tw-gap-8 {
    grid-gap: 2rem;
    gap: 2rem
}
.tw-gap-9 {
    grid-gap: 2.25rem;
    gap: 2.25rem
}
.tw-gap-\[15px\] {
    grid-gap: 15px;
    gap: 15px
}
.tw-space-y-\[20px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(20px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(20px * var(--tw-space-y-reverse))
}
.tw-self-stretch {
    align-self: stretch
}
.tw-overflow-hidden {
    overflow: hidden
}
.tw-overflow-x-auto {
    overflow-x: auto
}
.tw-scroll-smooth {
    scroll-behavior: smooth
}
.tw-rounded {
    border-radius: 0.25rem
}
.tw-rounded-full {
    border-radius: 9999px
}
.tw-border {
    border-width: 1px
}
.tw-border-0 {
    border-width: 0px
}
.tw-border-b-2 {
    border-bottom-width: 2px
}
.tw-border-solid {
    border-style: solid
}
.tw-border-dtna-dark-gray {
    --tw-border-opacity: 1;
    border-color: rgb(0 42 58 / var(--tw-border-opacity))
}
.tw-border-b-\[\#225568\] {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(34 85 104 / var(--tw-border-opacity))
}
.tw-border-b-\[\#F8F8F8\] {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(248 248 248 / var(--tw-border-opacity))
}
.tw-bg-\[\#F8F8F8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 248 / var(--tw-bg-opacity))
}
.tw-bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity))
}
.tw-bg-dark {
    --tw-bg-opacity: 1;
    background-color: rgb(32 32 32 / var(--tw-bg-opacity))
}
.tw-bg-dtna-dark-gray {
    --tw-bg-opacity: 1;
    background-color: rgb(0 42 58 / var(--tw-bg-opacity))
}
.tw-bg-dtna-electric-blue {
    --tw-bg-opacity: 1;
    background-color: rgb(0 173 240 / var(--tw-bg-opacity))
}
.tw-bg-dtna-gray {
    --tw-bg-opacity: 1;
    background-color: rgb(112 112 112 / var(--tw-bg-opacity))
}
.tw-bg-dtna-gray-light {
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 248 / var(--tw-bg-opacity))
}
.tw-bg-dtna-petrol-dark {
    --tw-bg-opacity: 1;
    background-color: rgb(34 85 104 / var(--tw-bg-opacity))
}
.tw-bg-dtna-petrol-dark\/50 {
    background-color: rgb(34 85 104 / 0.5)
}
.tw-bg-dtna-petrol-light {
    --tw-bg-opacity: 1;
    background-color: rgb(97 149 169 / var(--tw-bg-opacity))
}
.tw-bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219 / var(--tw-bg-opacity))
}
.tw-bg-hmh-yellow {
    --tw-bg-opacity: 1;
    background-color: rgb(255 239 40 / var(--tw-bg-opacity))
}
.tw-bg-red-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(185 28 28 / var(--tw-bg-opacity))
}
.tw-bg-transparent {
    background-color: transparent
}
.tw-bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.tw-bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--tw-gradient-stops))
}
.tw-from-dtna-petrol-dark {
    --tw-gradient-from: #225568 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(34 85 104 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.tw-bg-cover {
    background-size: cover
}
.tw-bg-center {
    background-position: center
}
.tw-bg-left {
    background-position: left
}
.tw-bg-no-repeat {
    background-repeat: no-repeat
}
.tw-p-0 {
    padding: 0px
}
.tw-p-4 {
    padding: 1rem
}
.tw-p-6 {
    padding: 1.5rem
}
.tw-p-8 {
    padding: 2rem
}
.tw-p-\[16px\] {
    padding: 16px
}
.tw-p-\[20px\] {
    padding: 20px
}
.tw-px-0 {
    padding-left: 0px;
    padding-right: 0px
}
.tw-px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}
.tw-px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem
}
.tw-px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}
.tw-px-\[10px\] {
    padding-left: 10px;
    padding-right: 10px
}
.tw-px-\[20px\] {
    padding-left: 20px;
    padding-right: 20px
}
.tw-px-\[32px\] {
    padding-left: 32px;
    padding-right: 32px
}
.tw-px-\[4px\] {
    padding-left: 4px;
    padding-right: 4px
}
.tw-px-\[80px\] {
    padding-left: 80px;
    padding-right: 80px
}
.tw-py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem
}
.tw-py-\[100px\] {
    padding-top: 100px;
    padding-bottom: 100px
}
.tw-py-\[135px\] {
    padding-top: 135px;
    padding-bottom: 135px
}
.tw-py-\[20px\] {
    padding-top: 20px;
    padding-bottom: 20px
}
.tw-py-\[50px\] {
    padding-top: 50px;
    padding-bottom: 50px
}
.tw-py-\[8px\] {
    padding-top: 8px;
    padding-bottom: 8px
}
.tw-pb-\[10px\] {
    padding-bottom: 10px
}
.tw-pl-0 {
    padding-left: 0px
}
.tw-pr-0 {
    padding-right: 0px
}
.tw-pr-16 {
    padding-right: 4rem
}
.tw-pt-\[80px\] {
    padding-top: 80px
}
.tw-text-center {
    text-align: center
}
.tw-font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}
.\!tw-text-\[18px\] {
    font-size: 18px !important
}
.tw-text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}
.tw-text-\[11px\] {
    font-size: 11px
}
.tw-text-\[16px\] {
    font-size: 16px
}
.tw-text-\[18px\] {
    font-size: 18px
}
.tw-text-\[24px\] {
    font-size: 24px
}
.tw-text-\[36px\] {
    font-size: 36px
}
.tw-text-\[50px\] {
    font-size: 50px
}
.tw-text-\[70px\] {
    font-size: 70px
}
.tw-font-bold {
    font-weight: 700
}
.tw-font-light {
    font-weight: 300
}
.tw-leading-\[0\] {
    line-height: 0
}
.tw-leading-\[1\.25em\] {
    line-height: 1.25em
}
.tw-leading-\[1\.5em\] {
    line-height: 1.5em
}
.tw-leading-\[1\.6em\] {
    line-height: 1.6em
}
.tw-leading-\[1\.8em\] {
    line-height: 1.8em
}
.tw-leading-\[1em\] {
    line-height: 1em
}
.tw-leading-none {
    line-height: 1
}
.tw-leading-snug {
    line-height: 1.375
}
.tw-leading-tight {
    line-height: 1.25
}
.tw-text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity))
}
.tw-text-dtna-dark-gray {
    --tw-text-opacity: 1;
    color: rgb(0 42 58 / var(--tw-text-opacity))
}
.tw-text-dtna-petrol-dark {
    --tw-text-opacity: 1;
    color: rgb(34 85 104 / var(--tw-text-opacity))
}
.tw-text-dtna-petrol-light {
    --tw-text-opacity: 1;
    color: rgb(97 149 169 / var(--tw-text-opacity))
}
.tw-text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.tw-opacity-5 {
    opacity: 0.05
}
.tw-opacity-50 {
    opacity: 0.5
}
.tw-mix-blend-multiply {
    mix-blend-mode: multiply
}
.tw-ring-dark {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(32 32 32 / var(--tw-ring-opacity))
}
.tw-ring-dtna-petrol-light {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(97 149 169 / var(--tw-ring-opacity))
}
.hover\:tw-cursor-pointer:hover {
    cursor: pointer
}
.hover\:tw-border-b-\[\#225568\]:hover {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(34 85 104 / var(--tw-border-opacity))
}
.hover\:tw-bg-neutral-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(163 163 163 / var(--tw-bg-opacity))
}
.hover\:\!tw-text-white:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}
.hover\:tw-text-black:hover {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity))
}
.hover\:tw-text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.hover\:tw-no-underline:hover {
    -webkit-text-decoration-line: none;
            text-decoration-line: none
}
.hover\:tw-opacity-100:hover {
    opacity: 1
}
.hover\:tw-ring-2:hover {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0))
}
@media (min-width: 768px) {
    .md\:tw-col-start-2 {
        grid-column-start: 2
    }
    .md\:tw-mx-auto {
        margin-left: auto;
        margin-right: auto
    }
    .md\:tw-my-0 {
        margin-top: 0px;
        margin-bottom: 0px
    }
    .md\:tw-my-6 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }
    .md\:tw-mb-0 {
        margin-bottom: 0px
    }
    .md\:tw-mb-20 {
        margin-bottom: 5rem
    }
    .md\:tw-mb-8 {
        margin-bottom: 2rem
    }
    .md\:tw-mb-\[150px\] {
        margin-bottom: 150px
    }
    .md\:tw-mb-\[40px\] {
        margin-bottom: 40px
    }
    .md\:tw-ml-4 {
        margin-left: 1rem
    }
    .md\:tw-mt-0 {
        margin-top: 0px
    }
    .md\:tw-mt-8 {
        margin-top: 2rem
    }
    .md\:tw-mt-\[30px\] {
        margin-top: 30px
    }
    .md\:tw-mt-\[35px\] {
        margin-top: 35px
    }
    .md\:tw-block {
        display: block
    }
    .md\:tw-flex {
        display: flex
    }
    .md\:tw-h-\[100px\] {
        height: 100px
    }
    .md\:tw-h-\[200px\] {
        height: 200px
    }
    .md\:tw-h-\[378px\] {
        height: 378px
    }
    .md\:tw-h-\[400px\] {
        height: 400px
    }
    .md\:tw-h-\[50px\] {
        height: 50px
    }
    .md\:tw-w-5\/12 {
        width: 41.666667%
    }
    .md\:tw-w-7\/12 {
        width: 58.333333%
    }
    .md\:tw-w-\[360px\] {
        width: 360px
    }
    .md\:tw-w-\[378px\] {
        width: 378px
    }
    .md\:tw-max-w-\[320px\] {
        max-width: 320px
    }
    .md\:-tw-translate-y-\[calc\(100\%\+40px\)\] {
        --tw-translate-y: calc(calc(100% + 40px) * -1);
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .md\:tw-translate-x-\[87px\] {
        --tw-translate-x: 87px;
        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))
    }
    .md\:tw-columns-2 {
        -moz-columns: 2;
             columns: 2
    }
    .md\:tw-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .md\:tw-grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .md\:tw-flex-row {
        flex-direction: row
    }
    .md\:tw-items-center {
        align-items: center
    }
    .md\:tw-gap-12 {
        grid-gap: 3rem;
        gap: 3rem
    }
    .md\:tw-gap-6 {
        grid-gap: 1.5rem;
        gap: 1.5rem
    }
    .md\:tw-gap-\[64px\] {
        grid-gap: 64px;
        gap: 64px
    }
    .md\:tw-space-y-\[65px\] > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(65px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(65px * var(--tw-space-y-reverse))
    }
    .md\:tw-bg-center {
        background-position: center
    }
    .md\:tw-p-0 {
        padding: 0px
    }
    .md\:tw-p-12 {
        padding: 3rem
    }
    .md\:tw-p-\[50px\] {
        padding: 50px
    }
    .md\:tw-p-\[87px\] {
        padding: 87px
    }
    .md\:tw-px-0 {
        padding-left: 0px;
        padding-right: 0px
    }
    .md\:tw-px-\[100px\] {
        padding-left: 100px;
        padding-right: 100px
    }
    .md\:tw-px-\[130px\] {
        padding-left: 130px;
        padding-right: 130px
    }
    .md\:tw-px-\[200px\] {
        padding-left: 200px;
        padding-right: 200px
    }
    .md\:tw-px-\[48px\] {
        padding-left: 48px;
        padding-right: 48px
    }
    .md\:tw-px-\[80px\] {
        padding-left: 80px;
        padding-right: 80px
    }
    .md\:tw-px-\[87px\] {
        padding-left: 87px;
        padding-right: 87px
    }
    .md\:tw-py-\[55px\] {
        padding-top: 55px;
        padding-bottom: 55px
    }
    .md\:tw-py-\[90px\] {
        padding-top: 90px;
        padding-bottom: 90px
    }
    .md\:tw-pb-\[170px\] {
        padding-bottom: 170px
    }
    .md\:tw-pl-\[30px\] {
        padding-left: 30px
    }
    .md\:tw-pr-\[100px\] {
        padding-right: 100px
    }
    .md\:tw-pt-0 {
        padding-top: 0px
    }
    .md\:tw-pt-\[120px\] {
        padding-top: 120px
    }
    .md\:\!tw-text-\[24px\] {
        font-size: 24px !important
    }
    .md\:tw-text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }
    .md\:tw-text-\[24px\] {
        font-size: 24px
    }
    .md\:tw-text-\[42px\] {
        font-size: 42px
    }
    .md\:tw-text-\[50px\] {
        font-size: 50px
    }
}
@media (min-width: 1024px) {
    .lg\:tw-col-span-1 {
        grid-column: span 1 / span 1
    }
    .lg\:tw-col-span-4 {
        grid-column: span 4 / span 4
    }
    .lg\:tw-ml-16 {
        margin-left: 4rem
    }
    .lg\:tw-inline-block {
        display: inline-block
    }
    .lg\:tw-grid {
        display: grid
    }
    .lg\:tw-w-\[760px\] {
        width: 760px
    }
    .lg\:tw-w-\[850px\] {
        width: 850px
    }
    .lg\:tw-grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
    .lg\:tw-flex-row {
        flex-direction: row
    }
    .lg\:tw-px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }
    .lg\:tw-py-\[180px\] {
        padding-top: 180px;
        padding-bottom: 180px
    }
}
@media (min-width: 1280px) {
    .xl\:tw-mb-\[40px\] {
        margin-bottom: 40px
    }
    .xl\:tw-ml-4 {
        margin-left: 1rem
    }
    .xl\:tw-mt-0 {
        margin-top: 0px
    }
    .xl\:tw-mt-\[35px\] {
        margin-top: 35px
    }
    .xl\:tw-flex {
        display: flex
    }
    .xl\:tw-h-\[600px\] {
        height: 600px
    }
    .xl\:tw-w-5\/12 {
        width: 41.666667%
    }
    .xl\:tw-w-6\/12 {
        width: 50%
    }
    .xl\:tw-w-7\/12 {
        width: 58.333333%
    }
    .xl\:-tw-translate-y-\[calc\(100\%\+40px\)\] {
        --tw-translate-y: calc(calc(100% + 40px) * -1);
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .xl\:tw-translate-x-\[87px\] {
        --tw-translate-x: 87px;
        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))
    }
    .xl\:tw-flex-row {
        flex-direction: row
    }
    .xl\:tw-p-0 {
        padding: 0px
    }
    .xl\:tw-p-\[87px\] {
        padding: 87px
    }
    .xl\:tw-pl-\[90px\] {
        padding-left: 90px
    }
    .xl\:tw-pr-\[80px\] {
        padding-right: 80px
    }
    .xl\:tw-pr-\[90px\] {
        padding-right: 90px
    }
    .xl\:tw-text-\[24px\] {
        font-size: 24px
    }
    .xl\:tw-text-\[42px\] {
        font-size: 42px
    }
}

/*# sourceMappingURL=tw-site.css.map*/