@keyframes Marquee_scroll__rUlEB {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes Marquee_scrollY__W6HPS {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100%)
    }
}

.Marquee_marqueeContainer__soaOO {
    overflow-x: hidden !important;
    display: flex !important;
    flex-direction: row !important;
    position: relative;
    width: 100%
}

.Marquee_marqueeContainer__soaOO:hover div {
    animation-play-state: var(--pause-on-hover)
}

.Marquee_marqueeContainer__soaOO:active div {
    animation-play-state: var(--pause-on-click)
}

.Marquee_overlay__oeUX9 {
    position: absolute;
    width: 100%;
    height: 100%
}

.Marquee_overlay__oeUX9:after,
.Marquee_overlay__oeUX9:before {
    background: linear-gradient(to right, var(--gradient-color));
    content: "";
    height: 100%;
    position: absolute;
    width: var(--gradient-width);
    z-index: 2
}

.Marquee_overlay__oeUX9:after {
    right: 0;
    top: 0;
    transform: rotate(180deg)
}

.Marquee_overlay__oeUX9:before {
    left: 0;
    top: 0
}

.Marquee_marquee___gjJ7 {
    flex: 0 0 auto;
    min-width: 100%;
    z-index: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    animation: Marquee_scroll__rUlEB var(--duration) linear var(--delay) var(--iteration-count);
    animation-play-state: var(--play);
    animation-delay: var(--delay);
    animation-direction: var(--direction)
}

.Marquee_marqueeContainer__soaOO.Marquee_vertical__AymcN {
    overflow-y: hidden !important;
    flex-direction: column !important
}

.Marquee_marqueeContainer__soaOO.Marquee_vertical__AymcN .Marquee_marquee___gjJ7 {
    flex-direction: column;
    animation: Marquee_scrollY__W6HPS var(--duration) linear var(--delay) var(--iteration-count);
    animation-direction: var(--ydirection)
}

.Marquee_marqueeContainer__soaOO.Marquee_vertical__AymcN:hover div {
    animation-play-state: var(--pause-on-hover) !important
}

.Marquee_marqueeContainer__soaOO.Marquee_vertical__AymcN:active div {
    animation-play-state: var(--pause-on-click) !important
}

.Marquee_marqueeContainer__soaOO.Marquee_vertical__AymcN .Marquee_overlay__oeUX9:after,
.Marquee_marqueeContainer__soaOO.Marquee_vertical__AymcN .Marquee_overlay__oeUX9:before {
    width: 100%;
    height: var(--gradient-width);
    background: linear-gradient(to bottom, var(--gradient-color))
}

.Marquee_marqueeContainer__soaOO.Marquee_vertical__AymcN .Marquee_overlay__oeUX9:after {
    right: 0;
    top: 0;
    transform: rotate(180deg);
    top: auto;
    right: auto;
    bottom: 0;
    left: 0
}

.Marquee_marqueeContainer__soaOO.Marquee_vertical__AymcN .Marquee_overlay__oeUX9:before {
    left: 0;
    top: 0
}

#nprogress {
    pointer-events: none
}

#nprogress .bar {
    background: #29d;
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px
}

#nprogress .peg {
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #29d, 0 0 5px #29d;
    opacity: 1;
    transform: rotate(3deg) translateY(-4px)
}

#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1031;
    top: 15px;
    right: 15px
}

#nprogress .spinner-icon {
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border-color: #29d transparent transparent #29d;
    border-style: solid;
    border-width: 2px;
    border-radius: 50%;
    animation: nprogress-spinner .4s linear infinite
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative
}

.nprogress-custom-parent #nprogress .bar,
.nprogress-custom-parent #nprogress .spinner {
    position: absolute
}

@keyframes nprogress-spinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}


/*
! tailwindcss v3.3.1 | MIT License | https://tailwindcss.com
*/
*,
:after,
:before {
    border: 0 solid #e5e7eb
}

:after,
:before {
    --tw-content: ""
}

html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal
}

body {
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

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

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

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

b,
strong {
    font-weight: bolder
}

code,
kbd,
pre,
samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

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

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: baseline
}

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

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

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

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

fieldset {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

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

textarea {
    resize: vertical
}

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

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

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

:disabled {
    cursor: default
}

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

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

[hidden] {
    display: none
}

*,
:after,
:before {
    --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-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .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-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .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%
}

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

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

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

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

.fit {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%
}

.accTrigger[data-state=open] svg path {
    transition: transform .35s ease
}

.accTrigger[data-state=open] svg path:first-child {
    transform-origin: center;
    transform: rotate(90deg)
}

.accBody[data-state=open] .bgItem {
    background-color: #56c1ff
}

.accBody[data-state=open] .watermark {
    display: block
}

.displayTitle {
    font-family: var(--font-udog);
    font-size: 60px;
    font-weight: 700;
    line-height: 130%;
    text-transform: uppercase
}

@media (max-width:1239px) {
    .displayTitle {
        font-size: 44px
    }
}

.largeTitle {
    font-family: var(--font-udog);
    font-size: 41px;
    font-weight: 700;
    line-height: 130%;
    text-transform: uppercase
}

@media (max-width:1239px) {
    .largeTitle {
        font-size: 34px
    }
}

.sectionTitle {
    font-family: var(--font-udog);
    font-size: 34px;
    font-weight: 700;
    line-height: 130%;
    text-transform: uppercase
}

@media (max-width:1239px) {
    .sectionTitle {
        font-size: 31px
    }
}

.title1 {
    font-size: 23px
}

.title1,
.title2 {
    font-family: var(--font-udog);
    font-weight: 700;
    line-height: 130%
}

.title2 {
    font-size: 20px
}

@media (max-width:1239px) {
    .title2 {
        font-size: 19px
    }
}

.title3 {
    font-size: 18px
}

.title3,
.title4 {
    font-family: var(--font-udog);
    font-weight: 700;
    line-height: 130%
}

.title4 {
    font-size: 17px
}

.subtitle1 {
    font-family: var(--font-udog);
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 700;
    line-height: 170%
}

.subtitle2 {
    font-size: 22px
}

.subtitle2,
.subtitle3 {
    font-family: var(--font-udog);
    text-transform: uppercase;
    font-weight: 700;
    line-height: 150%
}

.subtitle3 {
    font-size: 20px
}

.subtitle4 {
    font-family: var(--font-udog);
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    line-height: 150%
}

.headline1 {
    font-size: 20px;
    line-height: 170%
}

.headline1,
.headline2 {
    font-family: var(--font-udog);
    font-family: new-science, sans-serif;
    font-weight: 700
}

.headline2 {
    font-size: 16px;
    line-height: 150%
}

.body1 {
    font-size: 17px;
    font-weight: 500;
    line-height: 170%
}

@media (max-width:1239px) {
    .body1 {
        font-size: 16px
    }
}

.body2 {
    font-size: 16px;
    font-weight: 500;
    line-height: 170%
}

@media (max-width:1239px) {
    .body2 {
        font-size: 15px
    }
}

.description1 {
    font-size: 16px;
    font-weight: 500;
    line-height: 150%
}

@media (max-width:1239px) {
    .description1 {
        font-size: 15px
    }
}

.description2 {
    font-size: 15px;
    font-weight: 500;
    line-height: 150%
}

@media (max-width:1239px) {
    .description2 {
        font-size: 14px
    }
}

.paragraph1 {
    font-size: 17px;
    font-weight: 500;
    line-height: 200%
}

@media (max-width:1239px) {
    .paragraph1 {
        font-size: 16px
    }
}

.button1 {
    font-family: var(--font-udog);
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 700;
    line-height: 130%
}

.annotation {
    font-size: 15px;
    font-weight: 400;
    line-height: 170%
}

@media (max-width:1239px) {
    .annotation {
        font-size: 14px
    }
}

.footnote {
    font-size: 13.5px;
    font-weight: 400;
    line-height: 170%
}

@media (max-width:1239px) {
    .footnote {
        font-size: 12px
    }
}

.label {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    line-height: 170%
}

@media (max-width:1239px) {
    .label {
        font-size: 11px
    }
}

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

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.-right-10 {
    right: -2.5rem
}

.-top-10 {
    top: -2.5rem
}

.bottom-0 {
    bottom: 0
}

.left-0 {
    left: 0
}

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

.right-0 {
    right: 0
}

.top-0 {
    top: 0
}

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

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

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-30 {
    z-index: 30
}

.mx-\[40px\] {
    margin-left: 40px;
    margin-right: 40px
}

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

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

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

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

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

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

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

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

.ml-\[12px\] {
    margin-left: 12px
}

.ml-\[20px\] {
    margin-left: 20px
}

.ml-\[60px\] {
    margin-left: 60px
}

.ml-\[auto\],
.ml-auto {
    margin-left: auto
}

.mr-\[20px\] {
    margin-right: 20px
}

.mr-\[24px\] {
    margin-right: 24px
}

.mr-\[40px\] {
    margin-right: 40px
}

.mr-\[9\.5px\] {
    margin-right: 9.5px
}

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

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

.mt-auto {
    margin-top: auto
}

.block {
    display: block
}

.\ !flex {
    display: flex !important
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.hidden {
    display: none
}

.h-10 {
    height: 2.5rem
}

.h-7 {
    height: 1.75rem
}

.h-\[12px\] {
    height: 12px
}

.h-\[15px\] {
    height: 15px
}

.h-\[20px\] {
    height: 20px
}

.h-\[24px\] {
    height: 24px
}

.h-\[2px\] {
    height: 2px
}

.h-\[40px\] {
    height: 40px
}

.h-\[48px\] {
    height: 48px
}

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.h-screen {
    height: 100vh
}

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

.w-10 {
    width: 2.5rem
}

.w-5 {
    width: 1.25rem
}

.w-7 {
    width: 1.75rem
}

.w-\[200px\] {
    width: 200px
}

.w-\[38px\] {
    width: 38px
}

.w-auto {
    width: auto
}

.\!min-w-0 {
    min-width:0!important
}

.w-full {
    width: 100%
}

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

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

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

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

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

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

.basis-\[19\%\] {
    flex-basis: 19%
}

.basis-\[31\.5\%\] {
    flex-basis: 31.5%
}

.basis-\[37\%\] {
    flex-basis: 37%
}

.origin-left {
    transform-origin: left
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.-translate-x-1\/2,
.-translate-y-1\/2 {
    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%
}

.translate-y-\[1px\] {
    --tw-translate-y: 1px
}

.translate-y-\[1px\],
.translate-y-full {
    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-full {
    --tw-translate-y: 100%
}

.scale-x-0 {
    --tw-scale-x: 0
}

.scale-x-0,
.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
}

.flex-col {
    flex-direction: column
}

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

.items-center {
    align-items: center
}

.justify-center {
    justify-content: center
}

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

.gap-1 {
    gap: .25rem
}

.gap-12 {
    gap: 3rem
}

.gap-4 {
    gap: 1rem
}

.gap-\[100px\] {
    gap: 100px
}

.gap-\[10px\] {
    gap: 10px
}

.gap-\[17px\] {
    gap: 17px
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.rounded {
    border-radius: .25rem
}

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

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

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

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

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

.rounded-md {
    border-radius: .375rem
}

.rounded-xl {
    border-radius: .75rem
}

.border {
    border-width: 1px
}

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

.border-b-\[rgba\(0\2c 0\2c 0\2c \.15\)\] {
    border-bottom-color: rgba(0, 0, 0, .15)
}

.\ !bg-\[\#fafafa\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(250 250 250/var(--tw-bg-opacity)) !important
}

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

.bg-\[\#03055E\] {
    --tw-bg-opacity: 1;
    background-color: rgb(3 5 94/var(--tw-bg-opacity))
}

.bg-\[\#56C1FF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(86 193 255/var(--tw-bg-opacity))
}

.bg-\[\#56C1FF\]\/\[\.2\] {
    background-color: rgba(86, 193, 255, .2)
}

.bg-\[\#FF1E2D\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 30 45/var(--tw-bg-opacity))
}

.bg-\[\#fafafa\] {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity))
}

.bg-\[rgba\(0\2c 0\2c 0\2c \.2\)\] {
    background-color: rgba(0, 0, 0, .2)
}

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

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

.px-\[300px\] {
    padding-left: 300px;
    padding-right: 300px
}

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

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

.py-\[100px\] {
    padding-top: 100px;
    padding-bottom: 100px
}

.py-\[200px\] {
    padding-top: 200px;
    padding-bottom: 200px
}

.py-\[30px\] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pb-7 {
    padding-bottom: 1.75rem
}

.pb-\[12px\] {
    padding-bottom: 12px
}

.pb-\[56px\] {
    padding-bottom: 56px
}

.pb-\[7px\] {
    padding-bottom: 7px
}

.pl-12 {
    padding-left: 3rem
}

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

.pr-\[30px\] {
    padding-right: 30px
}

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

.pt-\[90px\] {
    padding-top: 90px
}

.text-left {
    text-align: left
}

.text-\[10px\] {
    font-size: 10px
}

.text-\[12\.5px\] {
    font-size: 12.5px
}

.text-\[12px\] {
    font-size: 12px
}

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

.font-bold {
    font-weight: 700
}

.font-medium {
    font-weight: 500
}

.uppercase {
    text-transform: uppercase
}

.leading-\[110\%\] {
    line-height: 110%
}

.leading-\[210\%\] {
    line-height: 210%
}

.text-\[\#03055E\] {
    --tw-text-opacity: 1;
    color: rgb(3 5 94/var(--tw-text-opacity))
}

.text-\[\#FF1E2D\] {
    --tw-text-opacity: 1;
    color: rgb(255 30 45/var(--tw-text-opacity))
}

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

.underline {
    text-decoration-line: underline
}

.opacity-0 {
    opacity: 0
}

.opacity-50 {
    opacity: .5
}

.shadow-\[0px_0px_40px_0px_rgba\(0\2c 0\2c 0\2c 0\.15\)\] {
    --tw-shadow: 0px 0px 40px 0px rgba(0, 0, 0, .15);
    --tw-shadow-colored: 0px 0px 40px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.transition {
    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(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.duration-200 {
    transition-duration: .2s
}

.duration-500 {
    transition-duration: .5s
}

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

@keyframes enter {
    0% {
        opacity: var(--tw-enter-opacity, 1);
        transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))
    }
}

@keyframes exit {
    to {
        opacity: var(--tw-exit-opacity, 1);
        transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))
    }
}

.duration-200 {
    animation-duration: .2s
}

.duration-500 {
    animation-duration: .5s
}

.ease-in {
    animation-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.running {
    animation-play-state: running
}

@keyframes spinning {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

:export {
    contentDarkBlue: #03055e;
    contentBlue: #56c1ff;
    contentYellow: #56c1ff;
    contentRed: #ff1e2d;
    contentGreen: #34a853
}

*,
:after,
:before {
    box-sizing: border-box
}

article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    color: #03045e
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0
}

#nprogress .bar {
    background: #733e3e;
    height: 3px;
    z-index: 100000000000
}

#nprogress .peg {
    box-shadow: 0 0 10px #733e3e, 0 0 5px #733e3e
}

#nprogress .spinner-icon {
    border-top-color: #733e3e;
    border-left-color: #733e3e
}

html {
    font-family: new-science, sans-serif
}

button {
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.grecaptcha-badge {
    visibility: hidden
}

.first\:pt-\[26px\]:first-child {
    padding-top: 26px
}

.hover\:text-\[\#FF1E2D\]:hover {
    --tw-text-opacity: 1;
    color: rgb(255 30 45/var(--tw-text-opacity))
}

.group:hover .group-hover\:-translate-y-1 {
    --tw-translate-y: -0.25rem
}

.group:hover .group-hover\:-translate-y-1,
.group:hover .group-hover\:translate-y-\[-2px\] {
    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))
}

.group:hover .group-hover\:translate-y-\[-2px\] {
    --tw-translate-y: -2px
}

.group:hover .group-hover\:scale-x-100 {
    --tw-scale-x: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes accordion-up {
    0% {
        height: var(--radix-accordion-content-height)
    }

    to {
        height: 0
    }
}

.data-\[state\=closed\]\:animate-accordion-up[data-state=closed] {
    animation: accordion-up .2s ease-out
}

@keyframes accordion-down {
    0% {
        height: 0
    }

    to {
        height: var(--radix-accordion-content-height)
    }
}

.data-\[state\=open\]\:animate-accordion-down[data-state=open] {
    animation: accordion-down .2s ease-out
}

@media (max-width:1727px) {
    .maxdesktop\:max-w-\[1200px\] {
        max-width: 1200px
    }

    .maxdesktop\:basis-\[28\%\] {
        flex-basis: 28%
    }
}

@media (max-width:1239px) {
    .maxlaptop\:order-1 {
        order: 1
    }

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

    .maxlaptop\:mb-0 {
        margin-bottom: 0
    }

    .maxlaptop\:ml-0 {
        margin-left: 0
    }

    .maxlaptop\:mr-0 {
        margin-right: 0
    }

    .maxlaptop\:block {
        display: block
    }

    .maxlaptop\:flex {
        display: flex
    }

    .maxlaptop\:hidden {
        display: none
    }

    .maxlaptop\:h-4 {
        height: 1rem
    }

    .maxlaptop\:h-5 {
        height: 1.25rem
    }

    .maxlaptop\:w-4 {
        width: 1rem
    }

    .maxlaptop\:w-5 {
        width: 1.25rem
    }

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

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

    .maxlaptop\:basis-\[34\.5\%\] {
        flex-basis: 34.5%
    }

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

    .maxlaptop\:gap-2 {
        gap: .5rem
    }

    .maxlaptop\:py-\[40px\] {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .maxlaptop\:pb-\[11px\] {
        padding-bottom: 11px
    }

    .maxlaptop\:pb-\[40px\] {
        padding-bottom: 40px
    }

    .maxlaptop\:pt-\[80px\] {
        padding-top: 80px
    }

    .maxlaptop\:text-\[10px\] {
        font-size: 10px
    }

    .maxlaptop\:text-\[11\.5px\] {
        font-size: 11.5px
    }
}

@media (max-width:949px) {
    .maxtablet\:order-1 {
        order: 1
    }

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

    .maxtablet\:mb-\[32px\] {
        margin-bottom: 32px
    }

    .maxtablet\:h-auto {
        height: auto
    }

    .maxtablet\:w-\[118px\] {
        width: 118px
    }

    .maxtablet\:w-\[168px\] {
        width: 168px
    }

    .maxtablet\:basis-\[26\%\] {
        flex-basis: 26%
    }

    .maxtablet\:basis-\[50\%\] {
        flex-basis: 50%
    }

    .maxtablet\:basis-full {
        flex-basis: 100%
    }

    .maxtablet\:flex-col {
        flex-direction: column
    }

    .maxtablet\:flex-wrap {
        flex-wrap: wrap
    }

    .maxtablet\:items-start {
        align-items: flex-start
    }

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

    .maxtablet\:self-start {
        align-self: flex-start
    }

    .maxtablet\:rounded-\[16px\] {
        border-radius: 16px
    }

    .maxtablet\:pb-0 {
        padding-bottom: 0
    }

    .maxtablet\:pb-\[5px\] {
        padding-bottom: 5px
    }

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

    .maxtablet\:text-\[12px\] {
        font-size: 12px
    }

    .maxtablet\:text-\[9px\] {
        font-size: 9px
    }
}

@media (max-width:599px) {
    .maxphone\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .maxphone\:mb-\[40px\] {
        margin-bottom: 40px
    }

    .maxphone\:flex {
        display: flex
    }

    .maxphone\:h-4 {
        height: 1rem
    }

    .maxphone\:w-4 {
        width: 1rem
    }

    .maxphone\:w-\[108px\] {
        width: 108px
    }

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

    .maxphone\:basis-auto {
        flex-basis: auto
    }

    .maxphone\:scale-110 {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .maxphone\:flex-col {
        flex-direction: column
    }

    .maxphone\:items-start {
        align-items: flex-start
    }

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

    .maxphone\:gap-\[6px\] {
        gap: 6px
    }

    .maxphone\:gap-\[80px\] {
        gap: 80px
    }

    .maxphone\:rounded-\[12px\] {
        border-radius: 12px
    }

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

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

    .maxphone\:py-3 {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .maxphone\:pb-0 {
        padding-bottom: 0
    }

    .maxphone\:pb-\[40px\] {
        padding-bottom: 40px
    }

    .maxphone\:pl-9 {
        padding-left: 2.25rem
    }

    .maxphone\:pr-0 {
        padding-right: 0
    }

    .maxphone\:pr-3 {
        padding-right: .75rem
    }

    .maxphone\:pt-\[60px\] {
        padding-top: 60px
    }

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

.\[\&\:not\(\:last-child\)\]\:mb-\[12px\]:not(:last-child) {
    margin-bottom: 12px
}

.\[\&_path\]\:fill-ltBlue path {
    fill: #56c1ff
}

.\[\&_path\]\:fill-white path {
    fill: #fff
}

@font-face {
    font-family: __udog_97464a;
    src: url(../../fonts/eeedae48ae9b7628-s.p.otf) format("opentype");
    font-display: swap;
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: __udog_97464a;
    src: url(../../fonts/22be51e188863ef7-s.p.otf) format("opentype");
    font-display: swap;
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: __udog_Fallback_97464a;
    src: local("Arial");
    ascent-override: 70.44%;
    descent-override: 15.65%;
    line-gap-override: 0.00%;
    size-adjust: 127.77%
}

.__className_97464a {
    font-family: __udog_97464a, __udog_Fallback_97464a
}

.__variable_97464a {
    --font-udog: "__udog_97464a", "__udog_Fallback_97464a"
}

@font-face {
    font-family: __udogbold_c9702d;
    src: url(../../fonts/83c26a3f93ddfb16-s.p.otf) format("opentype");
    font-display: swap;
    font-weight: 700
}

@font-face {
    font-family: __udogbold_c9702d;
    src: url(../../fonts/8023e1778f85299c-s.p.otf) format("opentype");
    font-display: swap;
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: __udogbold_Fallback_c9702d;
    src: local("Arial");
    ascent-override: 106.34%;
    descent-override: 23.63%;
    line-gap-override: 0.00%;
    size-adjust: 84.63%
}

.__className_c9702d {
    font-family: __udogbold_c9702d, __udogbold_Fallback_c9702d
}

.__variable_c9702d {
    --font-udogbold: "__udogbold_c9702d", "__udogbold_Fallback_c9702d"
}