@charset "UTF-8";@import"https://fonts.cdnfonts.com/css/grava";* {
    font-variant-ligatures: 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 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(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: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

*,:before,:after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: currentColor
}

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

html,:host {
    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,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    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,samp,pre {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    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-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,select {
    text-transform: none
}

button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]) {
    -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,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
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

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

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

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

:disabled {
    cursor: default
}

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

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

[hidden]:where(:not([hidden=until-found])) {
    display: none
}

.container {
    width: 100%
}

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

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

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

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

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

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

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

.\!visible {
    visibility: visible!important
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.-bottom-12 {
    bottom: -3rem
}

.-bottom-14 {
    bottom: -3.5rem
}

.-bottom-2 {
    bottom: -.5rem
}

.-bottom-20 {
    bottom: -5rem
}

.-bottom-24 {
    bottom: -6rem
}

.-bottom-3 {
    bottom: -.75rem
}

.-bottom-5 {
    bottom: -1.25rem
}

.-bottom-8 {
    bottom: -2rem
}

.-left-2 {
    left: -.5rem
}

.-left-44 {
    left: -11rem
}

.-left-5 {
    left: -1.25rem
}

.-right-1 {
    right: -.25rem
}

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

.-right-14 {
    right: -3.5rem
}

.-right-16 {
    right: -4rem
}

.-right-2 {
    right: -.5rem
}

.-right-20 {
    right: -5rem
}

.-right-5 {
    right: -1.25rem
}

.-right-6,.-right-\[1\.5rem\] {
    right: -1.5rem
}

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

.-top-12 {
    top: -3rem
}

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

.bottom-0 {
    bottom: 0
}

.bottom-10 {
    bottom: 2.5rem
}

.bottom-3 {
    bottom: .75rem
}

.bottom-4 {
    bottom: 1rem
}

.bottom-5 {
    bottom: 1.25rem
}

.bottom-6 {
    bottom: 1.5rem
}

.bottom-8 {
    bottom: 2rem
}

.bottom-\[-80px\] {
    bottom: -80px
}

.bottom-\[5\.5\%\] {
    bottom: 5.5%
}

.left-0 {
    left: 0
}

.left-4 {
    left: 1rem
}

.left-5 {
    left: 1.25rem
}

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

.left-\[0px\] {
    left: 0
}

.left-\[116px\] {
    left: 116px
}

.left-\[138px\] {
    left: 138px
}

.left-\[19px\] {
    left: 19px
}

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

.left-\[255px\] {
    left: 255px
}

.left-\[25px\] {
    left: 25px
}

.left-\[286px\] {
    left: 286px
}

.left-\[56px\] {
    left: 56px
}

.right-0 {
    right: 0
}

.right-1 {
    right: .25rem
}

.right-14 {
    right: 3.5rem
}

.right-2 {
    right: .5rem
}

.right-24 {
    right: 6rem
}

.right-3 {
    right: .75rem
}

.right-4 {
    right: 1rem
}

.right-5 {
    right: 1.25rem
}

.right-8 {
    right: 2rem
}

.right-\[-25px\] {
    right: -25px
}

.right-\[0px\] {
    right: 0
}

.right-\[4\.7rem\] {
    right: 4.7rem
}

.right-\[4\.9rem\] {
    right: 4.9rem
}

.right-\[7\%\] {
    right: 7%
}

.top-0 {
    top: 0
}

.top-10 {
    top: 2.5rem
}

.top-12 {
    top: 3rem
}

.top-14 {
    top: 3.5rem
}

.top-20 {
    top: 5rem
}

.top-24 {
    top: 6rem
}

.top-28 {
    top: 7rem
}

.top-32 {
    top: 8rem
}

.top-36 {
    top: 9rem
}

.top-5 {
    top: 1.25rem
}

.top-8 {
    top: 2rem
}

.top-\[-150px\] {
    top: -150px
}

.top-\[-40px\] {
    top: -40px
}

.top-\[0px\] {
    top: 0
}

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

.top-\[120px\] {
    top: 120px
}

.top-\[15\%\] {
    top: 15%
}

.top-\[170px\] {
    top: 170px
}

.top-\[18px\] {
    top: 18px
}

.top-\[230px\] {
    top: 230px
}

.top-\[237px\] {
    top: 237px
}

.top-\[255px\] {
    top: 255px
}

.top-\[280px\] {
    top: 280px
}

.top-\[29\.5\%\] {
    top: 29.5%
}

.top-\[294px\] {
    top: 294px
}

.top-\[2px\] {
    top: 2px
}

.top-\[30\%\] {
    top: 30%
}

.top-\[420px\] {
    top: 420px
}

.top-\[450px\] {
    top: 450px
}

.top-\[5\.1rem\] {
    top: 5.1rem
}

.top-\[60px\] {
    top: 60px
}

.top-\[7\%\] {
    top: 7%
}

.top-\[80px\] {
    top: 80px
}

.top-\[93px\] {
    top: 93px
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

.z-\[-1\] {
    z-index: -1
}

.m-0 {
    margin: 0
}

.m-auto {
    margin: auto
}

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

.my-3 {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.my-\[24px\] {
    margin-top: 24px;
    margin-bottom: 24px
}

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

.mb-2 {
    margin-bottom: .5rem
}

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

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-\[-5\%\] {
    margin-bottom: -5%
}

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

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

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

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

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

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

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

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

.ml-1 {
    margin-left: .25rem
}

.ml-10 {
    margin-left: 2.5rem
}

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

.ml-5 {
    margin-left: 1.25rem
}

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

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

.mr-1 {
    margin-right: .25rem
}

.mr-2 {
    margin-right: .5rem
}

.mt-0 {
    margin-top: 0
}

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

.mt-1 {
    margin-top: .25rem
}

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

.mt-2 {
    margin-top: .5rem
}

.mt-24 {
    margin-top: 6rem
}

.mt-3 {
    margin-top: .75rem
}

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

.mt-5 {
    margin-top: 1.25rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt-\[5rem\] {
    margin-top: 5rem
}

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

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

.box-border {
    box-sizing: border-box
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.hidden {
    display: none
}

.h-1 {
    height: .25rem
}

.h-10 {
    height: 2.5rem
}

.h-12 {
    height: 3rem
}

.h-16 {
    height: 4rem
}

.h-20 {
    height: 5rem
}

.h-24 {
    height: 6rem
}

.h-4 {
    height: 1rem
}

.h-5 {
    height: 1.25rem
}

.h-6 {
    height: 1.5rem
}

.h-8 {
    height: 2rem
}

.h-\[0\.5px\] {
    height: .5px
}

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

.h-\[100\%\] {
    height: 100%
}

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

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

.h-\[100vh\] {
    height: 100vh
}

.h-\[1019\.45px\] {
    height: 1019.45px
}

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

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

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

.h-\[1353\.53px\] {
    height: 1353.53px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h-\[255\.53px\] {
    height: 255.53px
}

.h-\[257\.99px\] {
    height: 257.99px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h-\[380\.01px\] {
    height: 380.01px
}

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

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

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

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

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

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

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

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

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

.h-\[45\.32px\] {
    height: 45.32px
}

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

.h-\[45vh\] {
    height: 45vh
}

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

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

.h-\[49\.99px\] {
    height: 49.99px
}

.h-\[50\%\] {
    height: 50%
}

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

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

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

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

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

.h-\[53\.32px\] {
    height: 53.32px
}

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

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

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

.h-\[550\.45px\] {
    height: 550.45px
}

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

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

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

.h-\[55vh\] {
    height: 55vh
}

.h-\[560\.01px\] {
    height: 560.01px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h-\[70vh\] {
    height: 70vh
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.h-min {
    height: -moz-min-content;
    height: min-content
}

.max-h-0 {
    max-height: 0px
}

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

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

.min-h-\[150px\] {
    min-height: 150px
}

.min-h-\[250px\] {
    min-height: 250px
}

.min-h-\[594px\] {
    min-height: 594px
}

.min-h-\[60px\] {
    min-height: 60px
}

.min-h-\[744px\] {
    min-height: 744px
}

.min-h-\[794px\] {
    min-height: 794px
}

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

.w-1 {
    width: .25rem
}

.w-10 {
    width: 2.5rem
}

.w-10\/12 {
    width: 83.333333%
}

.w-11\/12 {
    width: 91.666667%
}

.w-12 {
    width: 3rem
}

.w-16 {
    width: 4rem
}

.w-20 {
    width: 5rem
}

.w-24 {
    width: 6rem
}

.w-4 {
    width: 1rem
}

.w-4\/12 {
    width: 33.333333%
}

.w-5 {
    width: 1.25rem
}

.w-6 {
    width: 1.5rem
}

.w-6\/12 {
    width: 50%
}

.w-8 {
    width: 2rem
}

.w-8\/12 {
    width: 66.666667%
}

.w-9\/12 {
    width: 75%
}

.w-\[0\.1px\] {
    width: .1px
}

.w-\[100\%\] {
    width: 100%
}

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

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

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

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

.w-\[114\.53px\] {
    width: 114.53px
}

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

.w-\[120\%\] {
    width: 120%
}

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

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

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

.w-\[129\.99px\] {
    width: 129.99px
}

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

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

.w-\[131\.56px\] {
    width: 131.56px
}

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

.w-\[135\.34px\] {
    width: 135.34px
}

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

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

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

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

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

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

.w-\[155\.05px\] {
    width: 155.05px
}

.w-\[163\%\] {
    width: 163%
}

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

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

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

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

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

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

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

.w-\[189\.78px\] {
    width: 189.78px
}

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

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

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

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

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

.w-\[20\%\] {
    width: 20%
}

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

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

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

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

.w-\[215\.37px\] {
    width: 215.37px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-\[309\.41px\] {
    width: 309.41px
}

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

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

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

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

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

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

.w-\[326\.27px\] {
    width: 326.27px
}

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

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

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

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

.w-\[35\%\] {
    width: 35%
}

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

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

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

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

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

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

.w-\[40\%\] {
    width: 40%
}

.w-\[40\.87px\] {
    width: 40.87px
}

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

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

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

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

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

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

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

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

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

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

.w-\[47\.87px\] {
    width: 47.87px
}

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

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

.w-\[500vh\] {
    width: 500vh
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-\[75\%\] {
    width: 75%
}

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

.w-\[77\.9px\] {
    width: 77.9px
}

.w-\[80\%\] {
    width: 80%
}

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

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

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

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

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

.w-\[90vw\] {
    width: 90vw
}

.w-\[95\%\] {
    width: 95%
}

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

.w-\[calc\(100vw-2rem\)\] {
    width: calc(100vw - 2rem)
}

.w-\[full\] {
    width: full
}

.w-auto {
    width: auto
}

.w-fit {
    width: -moz-fit-content;
    width: fit-content
}

.w-full {
    width: 100%
}

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

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

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

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

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

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

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

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

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

.grow {
    flex-grow: 1
}

.origin-left {
    transform-origin: left
}

.-translate-y-2 {
    --tw-translate-y: -.5rem;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-0 {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-10 {
    --tw-translate-x: 2.5rem;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-0 {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-90 {
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

.scale-150 {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-\[200\%\] {
    --tw-scale-x: 200%;
    --tw-scale-y: 200%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-x-0 {
    --tw-scale-x: 0;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes chatOpen {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.animate-chat-open {
    animation: chatOpen .4s ease-out
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: scale(.95)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.animate-fade-in {
    animation: fadeIn .3s ease-in
}

.cursor-default {
    cursor: default
}

.cursor-not-allowed {
    cursor: not-allowed
}

.cursor-pointer {
    cursor: pointer
}

.resize-none {
    resize: none
}

.resize {
    resize: both
}

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

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

.list-none {
    list-style-type: none
}

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

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

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

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

.flex-row {
    flex-direction: row
}

.flex-col {
    flex-direction: column
}

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

.flex-wrap {
    flex-wrap: wrap
}

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

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

.gap-0 {
    gap: 0px
}

.gap-1 {
    gap: .25rem
}

.gap-10 {
    gap: 2.5rem
}

.gap-12 {
    gap: 3rem
}

.gap-2 {
    gap: .5rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-8 {
    gap: 2rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gap-\[49\.5px\] {
    gap: 49.5px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.overflow-hidden {
    overflow: hidden
}

.overflow-clip {
    overflow: clip
}

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

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

.overflow-x-hidden {
    overflow-x: hidden
}

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

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.whitespace-nowrap {
    white-space: nowrap
}

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

.break-all {
    word-break: break-all
}

.rounded {
    border-radius: .25rem
}

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

.rounded-3xl {
    border-radius: 1.5rem
}

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

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

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

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

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

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

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

.rounded-lg {
    border-radius: .5rem
}

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

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

.rounded-t-3xl {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem
}

.rounded-bl-\[16px\] {
    border-bottom-left-radius: 16px
}

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

.rounded-br-3xl {
    border-bottom-right-radius: 1.5rem
}

.rounded-br-\[24px\] {
    border-bottom-right-radius: 24px
}

.rounded-br-\[32px\] {
    border-bottom-right-radius: 32px
}

.rounded-br-\[8\.53px\] {
    border-bottom-right-radius: 8.53px
}

.rounded-br-lg {
    border-bottom-right-radius: .5rem
}

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

.rounded-tl-3xl {
    border-top-left-radius: 1.5rem
}

.rounded-tl-\[24px\] {
    border-top-left-radius: 24px
}

.rounded-tl-\[32px\] {
    border-top-left-radius: 32px
}

.rounded-tl-\[8\.53px\] {
    border-top-left-radius: 8.53px
}

.rounded-tl-lg {
    border-top-left-radius: .5rem
}

.rounded-tr-3xl {
    border-top-right-radius: 1.5rem
}

.rounded-tr-\[16px\] {
    border-top-right-radius: 16px
}

.border {
    border-width: 1px
}

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

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

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

.border-\[3px\] {
    border-width: 3px
}

.border-\[4px\] {
    border-width: 4px
}

.border-x-0 {
    border-left-width: 0px;
    border-right-width: 0px
}

.border-y-0 {
    border-top-width: 0px;
    border-bottom-width: 0px
}

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

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

.border-l-0 {
    border-left-width: 0px
}

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

.border-r-0 {
    border-right-width: 0px
}

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

.border-t-0 {
    border-top-width: 0px
}

.border-none {
    border-style: none
}

.border-\[\#002244\] {
    --tw-border-opacity: 1;
    border-color: rgb(0 34 68 / var(--tw-border-opacity, 1))
}

.border-\[\#546B82\] {
    --tw-border-opacity: 1;
    border-color: rgb(84 107 130 / var(--tw-border-opacity, 1))
}

.border-\[\#98A2B3\] {
    --tw-border-opacity: 1;
    border-color: rgb(152 162 179 / var(--tw-border-opacity, 1))
}

.border-\[\#B0BAC5\] {
    --tw-border-opacity: 1;
    border-color: rgb(176 186 197 / var(--tw-border-opacity, 1))
}

.border-\[\#D0D5DD\] {
    --tw-border-opacity: 1;
    border-color: rgb(208 213 221 / var(--tw-border-opacity, 1))
}

.border-\[\#E6E9EC\] {
    --tw-border-opacity: 1;
    border-color: rgb(230 233 236 / var(--tw-border-opacity, 1))
}

.border-\[\#EAECF0\] {
    --tw-border-opacity: 1;
    border-color: rgb(234 236 240 / var(--tw-border-opacity, 1))
}

.border-\[\#EDEFF1\] {
    --tw-border-opacity: 1;
    border-color: rgb(237 239 241 / var(--tw-border-opacity, 1))
}

.border-\[\#EF4444\] {
    --tw-border-opacity: 1;
    border-color: rgb(239 68 68 / var(--tw-border-opacity, 1))
}

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

.border-\[\#cfd4dc\] {
    --tw-border-opacity: 1;
    border-color: rgb(207 212 220 / var(--tw-border-opacity, 1))
}

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

.border-b-\[\#FFCC33\] {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(255 204 51 / var(--tw-border-opacity, 1))
}

.border-l-\[\#FFCC33\] {
    --tw-border-opacity: 1;
    border-left-color: rgb(255 204 51 / var(--tw-border-opacity, 1))
}

.bg-\[\#0005\] {
    background-color: #0005
}

.bg-\[\#002244\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 34 68 / var(--tw-bg-opacity, 1))
}

.bg-\[\#D0D5DD\] {
    --tw-bg-opacity: 1;
    background-color: rgb(208 213 221 / var(--tw-bg-opacity, 1))
}

.bg-\[\#E6E9E1\] {
    --tw-bg-opacity: 1;
    background-color: rgb(230 233 225 / var(--tw-bg-opacity, 1))
}

.bg-\[\#E6E9EC\] {
    --tw-bg-opacity: 1;
    background-color: rgb(230 233 236 / var(--tw-bg-opacity, 1))
}

.bg-\[\#EAECF0\] {
    --tw-bg-opacity: 1;
    background-color: rgb(234 236 240 / var(--tw-bg-opacity, 1))
}

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

.bg-\[\#EDEFF1\] {
    --tw-bg-opacity: 1;
    background-color: rgb(237 239 241 / var(--tw-bg-opacity, 1))
}

.bg-\[\#F2F4F7\] {
    --tw-bg-opacity: 1;
    background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1))
}

.bg-\[\#F3F4F6\] {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1))
}

.bg-\[\#F7440B\] {
    --tw-bg-opacity: 1;
    background-color: rgb(247 68 11 / var(--tw-bg-opacity, 1))
}

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

.bg-\[\#FCFCFD\] {
    --tw-bg-opacity: 1;
    background-color: rgb(252 252 253 / var(--tw-bg-opacity, 1))
}

.bg-\[\#FDF7E7\] {
    --tw-bg-opacity: 1;
    background-color: rgb(253 247 231 / var(--tw-bg-opacity, 1))
}

.bg-\[\#FFCC33\] {
    --tw-bg-opacity: 1;
    background-color: #3186c5;
}

.bg-\[\#FFEFC0\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 239 192 / var(--tw-bg-opacity, 1))
}

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

.bg-\[\#FFFFFF\],.bg-\[\#FFF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

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

.bg-\[\#d7dce2\] {
    --tw-bg-opacity: 1;
    background-color: rgb(215 220 226 / var(--tw-bg-opacity, 1))
}

.bg-\[\#ffcc33\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 204 51 / var(--tw-bg-opacity, 1))
}

.bg-\[\#fff\],.bg-\[\#ffffff\],.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

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

.bg-gradient-to-t {
    background-image: linear-gradient(to top,var(--tw-gradient-stops))
}

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

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

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

.p-0 {
    padding: 0
}

.p-1 {
    padding: .25rem
}

.p-2 {
    padding: .5rem
}

.p-2\.5 {
    padding: .625rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-\[10px\] {
    padding: 10px
}

.p-\[24px\] {
    padding: 24px
}

.p-\[25px\] {
    padding: 25px
}

.p-\[26px\] {
    padding: 26px
}

.p-\[32px\] {
    padding: 32px
}

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

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

.px-3 {
    padding-left: .75rem;
    padding-right: .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-\[20px\] {
    padding-left: 20px;
    padding-right: 20px
}

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

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

.py-0 {
    padding-top: 0;
    padding-bottom: 0
}

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

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

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

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

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.pb-14 {
    padding-bottom: 3.5rem
}

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

.pb-5 {
    padding-bottom: 1.25rem
}

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

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

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

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

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

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

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

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

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

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

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

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

.pl-7 {
    padding-left: 1.75rem
}

.pl-\[110px\] {
    padding-left: 110px
}

.pl-\[18px\] {
    padding-left: 18px
}

.pl-\[20px\] {
    padding-left: 20px
}

.pl-\[24px\] {
    padding-left: 24px
}

.pl-\[25px\] {
    padding-left: 25px
}

.pr-5 {
    padding-right: 1.25rem
}

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

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

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

.pt-0 {
    padding-top: 0
}

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.font-grava {
    font-family: grava
}

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

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

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

.text-6xl {
    font-size: 3.75rem;
    line-height: 1
}

.text-7xl {
    font-size: 4.5rem;
    line-height: 1
}

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

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

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

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

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

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

.text-\[18\.88px\] {
    font-size: 18.88px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.font-\[300\] {
    font-weight: 300
}

.font-\[350\] {
    font-weight: 350
}

.font-\[400\] {
    font-weight: 400
}

.font-\[450\] {
    font-weight: 450
}

.font-\[500\] {
    font-weight: 500
}

.font-\[550\] {
    font-weight: 550
}

.font-\[600\] {
    font-weight: 600
}

.font-\[700\],.font-bold {
    font-weight: 700
}

.font-light {
    font-weight: 300
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.italic {
    font-style: italic
}

.leading-5 {
    line-height: 1.25rem
}

.leading-6 {
    line-height: 1.5rem
}

.leading-\[1\.4\%\] {
    line-height: 1.4%
}

.leading-\[1\.4em\] {
    line-height: 1.4em
}

.leading-\[1\.5em\] {
    line-height: 1.5em
}

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

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

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

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

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

.leading-\[18px\] {
    line-height: 18px
}

.leading-\[20px\] {
    line-height: 20px
}

.leading-\[24px\] {
    line-height: 24px
}

.leading-\[25px\] {
    line-height: 25px
}

.leading-\[26px\] {
    line-height: 26px
}

.leading-\[27px\] {
    line-height: 27px
}

.leading-\[28px\] {
    line-height: 28px
}

.leading-\[30px\] {
    line-height: 30px
}

.leading-\[32\.82px\] {
    line-height: 32.82px
}

.leading-\[32px\] {
    line-height: 32px
}

.leading-\[34\.1px\] {
    line-height: 34.1px
}

.leading-\[34px\] {
    line-height: 34px
}

.leading-\[35px\] {
    line-height: 35px
}

.leading-\[36\.1px\] {
    line-height: 36.1px
}

.leading-\[40px\] {
    line-height: 40px
}

.leading-\[60px\] {
    line-height: 60px
}

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

.tracking-\[-0\.02em\] {
    letter-spacing: -.02em
}

.tracking-\[-0\.8\%\] {
    letter-spacing: -.8%
}

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

.tracking-\[0\.02\%\] {
    letter-spacing: .02%
}

.tracking-\[0\.05em\] {
    letter-spacing: .05em
}

.tracking-\[0\.064px\] {
    letter-spacing: .064px
}

.tracking-\[0\.2\%\] {
    letter-spacing: .2%
}

.tracking-\[0\.25em\] {
    letter-spacing: .25em
}

.tracking-\[0\.28px\] {
    letter-spacing: .28px
}

.tracking-\[0\.2em\] {
    letter-spacing: .2em
}

.tracking-\[0\.336px\] {
    letter-spacing: .336px
}

.tracking-\[1\.4\%\] {
    letter-spacing: 1.4%
}

.tracking-\[25\%\] {
    letter-spacing: 25%
}

.tracking-wide {
    letter-spacing: .025em
}

.tracking-wider {
    letter-spacing: .05em
}

.text-\[\#000000\],.text-\[\#000\] {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1))
}

.text-\[\#001F3E\] {
    --tw-text-opacity: 1;
    color: rgb(0 31 62 / var(--tw-text-opacity, 1))
}

.text-\[\#002244\] {
    --tw-text-opacity: 1;
    color: rgb(0 34 68 / var(--tw-text-opacity, 1))
}

.text-\[\#050505\] {
    --tw-text-opacity: 1;
    color: rgb(5 5 5 / var(--tw-text-opacity, 1))
}

.text-\[\#090540\] {
    --tw-text-opacity: 1;
    color: #ffffff;
}

.text-\[\#141B34\] {
    --tw-text-opacity: 1;
    color: rgb(20 27 52 / var(--tw-text-opacity, 1))
}

.text-\[\#19352D\] {
    --tw-text-opacity: 1;
    color: rgb(25 53 45 / var(--tw-text-opacity, 1))
}

.text-\[\#334E69\] {
    --tw-text-opacity: 1;
    color: rgb(51 78 105 / var(--tw-text-opacity, 1))
}

.text-\[\#475466\] {
    --tw-text-opacity: 1;
    color: rgb(71 84 102 / var(--tw-text-opacity, 1))
}

.text-\[\#475467\] {
    --tw-text-opacity: 1;
    color: rgb(71 84 103 / var(--tw-text-opacity, 1))
}

.text-\[\#546B82\] {
    --tw-text-opacity: 1;
    color: rgb(84 107 130 / var(--tw-text-opacity, 1))
}

.text-\[\#667085\] {
    --tw-text-opacity: 1;
    color: rgb(102 112 133 / var(--tw-text-opacity, 1))
}

.text-\[\#8A8989\] {
    --tw-text-opacity: 1;
    color: rgb(138 137 137 / var(--tw-text-opacity, 1))
}

.text-\[\#8A99A9\] {
    --tw-text-opacity: 1;
    color: rgb(138 153 169 / var(--tw-text-opacity, 1))
}

.text-\[\#909CAB\] {
    --tw-text-opacity: 1;
    color: rgb(144 156 171 / var(--tw-text-opacity, 1))
}

.text-\[\#98A2B3\] {
    --tw-text-opacity: 1;
    color: rgb(152 162 179 / var(--tw-text-opacity, 1))
}

.text-\[\#B0B0B0\] {
    --tw-text-opacity: 1;
    color: rgb(176 176 176 / var(--tw-text-opacity, 1))
}

.text-\[\#B0BAC5\] {
    --tw-text-opacity: 1;
    color: rgb(176 186 197 / var(--tw-text-opacity, 1))
}

.text-\[\#E6E9EC\] {
    --tw-text-opacity: 1;
    color: rgb(230 233 236 / var(--tw-text-opacity, 1))
}

.text-\[\#EF4444\] {
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity, 1))
}

.text-\[\#FFCC33\] {
    --tw-text-opacity: 1;
    color: rgb(255 204 51 / var(--tw-text-opacity, 1))
}

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

.text-\[\#ffcc33\] {
    --tw-text-opacity: 1;
    color: rgb(255 204 51 / var(--tw-text-opacity, 1))
}

.text-\[\#ffffff\],.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.underline {
    text-decoration-line: underline
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-20 {
    opacity: .2
}

.opacity-30 {
    opacity: .3
}

.opacity-40 {
    opacity: .4
}

.opacity-50 {
    opacity: .5
}

.opacity-70 {
    opacity: .7
}

.shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}

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

.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}

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

.outline {
    outline-style: solid
}

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

.transition-\[max-height\] {
    transition-property: max-height;
    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
}

.delay-150 {
    transition-delay: .15s
}

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

.duration-300 {
    transition-duration: .3s
}

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

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

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

.\[-ms-overflow-style\:none\] {
    -ms-overflow-style: none
}

.\[scrollbar-width\:none\] {
    scrollbar-width: none
}

.hover\:-translate-y-3:hover {
    --tw-translate-y: -.75rem;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:scale-105:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

.hover\:rounded-lg:hover {
    border-radius: .5rem
}

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

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

.hover\:border-\[\#002244\]:hover {
    --tw-border-opacity: 1;
    border-color: rgb(0 34 68 / var(--tw-border-opacity, 1))
}

.hover\:border-\[\#FFCC33\]:hover,.hover\:border-\[\#ffcc33\]:hover {
    --tw-border-opacity: 1;
    border-color: rgb(255 204 51 / var(--tw-border-opacity, 1))
}

.hover\:border-\[\#ffffff\]:hover {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1))
}

.hover\:border-\[rgb\(0\,34\,68\)\]:hover {
    --tw-border-opacity: 1;
    border-color: rgb(0 34 68 / var(--tw-border-opacity, 1))
}

.hover\:bg-\[\#002244\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 34 68 / var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#090540\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(9 5 64 / var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#E0E7EF\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(224 231 239 / var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#FFCC3314\]:hover {
    background-color: #ffcc3314
}

.hover\:bg-\[\#FFCC33\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 204 51 / var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#e6b82e\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(230 184 46 / var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#fff\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.hover\:bg-opacity-0:hover {
    --tw-bg-opacity: 0
}

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

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

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

.active\:scale-95:active {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.active\:bg-\[\#D1D9E4\]:active {
    --tw-bg-opacity: 1;
    background-color: rgb(209 217 228 / var(--tw-bg-opacity, 1))
}

.group:hover .group-hover\:ml-2 {
    margin-left: .5rem
}

.group:hover .group-hover\:mr-2 {
    margin-right: .5rem
}

.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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:text-\[\#002244\] {
    --tw-text-opacity: 1;
    color: rgb(0 34 68 / var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:text-\[\#FFCC33\],.group:hover .group-hover\:text-\[\#ffcc33\] {
    --tw-text-opacity: 1;
    color: #e0272a;
}

.group:hover .group-hover\:text-\[\#ffffff\] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

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

.group:hover .group-hover\:opacity-100 {
    opacity: 1
}

.group:hover .group-hover\:opacity-60 {
    opacity: .6
}

@media not all and (min-width: 640px) {
    .max-sm\:pt-\[10\%\] {
        padding-top:10%
    }

    .max-sm\:pt-\[30\%\] {
        padding-top: 30%
    }
}

@media(min-width: 300px) {
    .xs\:flex {
        display:flex
    }

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

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

@media(min-width: 640px) {
    .sm\:absolute {
        position:absolute
    }

    .sm\:relative {
        position: relative
    }

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

    .sm\:hidden {
        display: none
    }

    .sm\:h-7 {
        height: 1.75rem
    }

    .sm\:h-\[1120\.45px\] {
        height: 1120.45px
    }

    .sm\:h-\[1700\.53px\] {
        height: 1700.53px
    }

    .sm\:h-\[216px\] {
        height: 216px
    }

    .sm\:h-\[298px\] {
        height: 298px
    }

    .sm\:h-\[300px\] {
        height: 300px
    }

    .sm\:h-\[385px\] {
        height: 385px
    }

    .sm\:h-\[460px\] {
        height: 460px
    }

    .sm\:h-\[476px\] {
        height: 476px
    }

    .sm\:h-\[480px\] {
        height: 480px
    }

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

    .sm\:h-\[53px\] {
        height: 53px
    }

    .sm\:h-\[540px\] {
        height: 540px
    }

    .sm\:h-\[55px\] {
        height: 55px
    }

    .sm\:h-\[59\.5px\] {
        height: 59.5px
    }

    .sm\:h-\[750px\] {
        height: 750px
    }

    .sm\:h-\[900px\] {
        height: 900px
    }

    .sm\:h-\[auto\],.sm\:h-auto {
        height: auto
    }

    .sm\:w-7 {
        width: 1.75rem
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .sm\:w-\[80\%\] {
        width: 80%
    }

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

    .sm\:max-w-xs {
        max-width: 20rem
    }

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

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

    .sm\:justify-start {
        justify-content: flex-start
    }

    .sm\:gap-\[12px\] {
        gap: 12px
    }

    .sm\:gap-\[150px\] {
        gap: 150px
    }

    .sm\:gap-\[16px\] {
        gap: 16px
    }

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

    .sm\:gap-\[24px\] {
        gap: 24px
    }

    .sm\:gap-\[32px\] {
        gap: 32px
    }

    .sm\:gap-\[40px\] {
        gap: 40px
    }

    .sm\:gap-\[48px\] {
        gap: 48px
    }

    .sm\:gap-\[72px\] {
        gap: 72px
    }

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

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

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

    .sm\:p-6 {
        padding: 1.5rem
    }

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

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

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

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

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

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

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

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

    .sm\:pl-\[110px\] {
        padding-left: 110px
    }

    .sm\:pl-\[80px\] {
        padding-left: 80px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .sm\:leading-\[24px\] {
        line-height: 24px
    }

    .sm\:leading-\[26px\] {
        line-height: 26px
    }

    .sm\:leading-\[27px\] {
        line-height: 27px
    }

    .sm\:leading-\[30px\] {
        line-height: 30px
    }

    .sm\:leading-\[35px\] {
        line-height: 35px
    }

    .sm\:leading-\[40px\] {
        line-height: 40px
    }

    .sm\:leading-\[42px\] {
        line-height: 42px
    }

    .sm\:leading-\[50px\] {
        line-height: 50px
    }

    .sm\:tracking-\[0\.2\%\] {
        letter-spacing: .2%
    }

    .sm\:tracking-\[0\.8\%\] {
        letter-spacing: .8%
    }

    .sm\:tracking-\[1\.0\%\] {
        letter-spacing: 1%
    }

    .sm\:tracking-\[1\.4\%\] {
        letter-spacing: 1.4%
    }
}

@media(min-width: 768px) {
    .md\:-bottom-24 {
        bottom:-6rem
    }

    .md\:-bottom-32 {
        bottom: -8rem
    }

    .md\:-right-\[45\%\] {
        right: -45%
    }

    .md\:bottom-\[-56\%\] {
        bottom: -56%
    }

    .md\:bottom-\[-60\%\] {
        bottom: -60%
    }

    .md\:left-auto {
        left: auto
    }

    .md\:right-0 {
        right: 0
    }

    .md\:right-14 {
        right: 3.5rem
    }

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

    .md\:right-8 {
        right: 2rem
    }

    .md\:right-\[0rem\] {
        right: 0rem
    }

    .md\:right-\[1rem\] {
        right: 1rem
    }

    .md\:right-\[8rem\] {
        right: 8rem
    }

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

    .md\:top-12 {
        top: 3rem
    }

    .md\:top-40 {
        top: 10rem
    }

    .md\:top-5 {
        top: 1.25rem
    }

    .md\:top-\[-14\%\] {
        top: -14%
    }

    .md\:top-\[10\%\] {
        top: 10%
    }

    .md\:top-\[14\%\] {
        top: 14%
    }

    .md\:top-\[20\%\] {
        top: 20%
    }

    .md\:block {
        display: block
    }

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

    .md\:flex {
        display: flex
    }

    .md\:grid {
        display: grid
    }

    .md\:hidden {
        display: none
    }

    .md\:h-32 {
        height: 8rem
    }

    .md\:h-\[100vh\] {
        height: 100vh
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .md\:h-\[75vh\] {
        height: 75vh
    }

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

    .md\:h-min {
        height: -moz-min-content;
        height: min-content
    }

    .md\:w-32 {
        width: 8rem
    }

    .md\:w-6\/12 {
        width: 50%
    }

    .md\:w-\[113px\] {
        width: 113px
    }

    .md\:w-\[21px\] {
        width: 21px
    }

    .md\:w-\[251px\] {
        width: 251px
    }

    .md\:w-\[265px\] {
        width: 265px
    }

    .md\:w-\[28px\] {
        width: 28px
    }

    .md\:w-\[350px\] {
        width: 350px
    }

    .md\:w-\[415px\] {
        width: 415px
    }

    .md\:w-\[429px\] {
        width: 429px
    }

    .md\:w-\[468px\] {
        width: 468px
    }

    .md\:w-\[493px\] {
        width: 493px
    }

    .md\:w-\[50\%\] {
        width: 50%
    }

    .md\:w-\[500px\] {
        width: 500px
    }

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

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

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

    .md\:w-\[629px\] {
        width: 629px
    }

    .md\:w-\[66px\] {
        width: 66px
    }

    .md\:w-\[686px\] {
        width: 686px
    }

    .md\:w-\[749px\] {
        width: 749px
    }

    .md\:w-\[75\%\] {
        width: 75%
    }

    .md\:w-\[761px\] {
        width: 761px
    }

    .md\:w-\[833px\] {
        width: 833px
    }

    .md\:w-\[851px\] {
        width: 851px
    }

    .md\:w-\[93px\] {
        width: 93px
    }

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

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

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

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

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

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

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

    .md\:gap-0 {
        gap: 0px
    }

    .md\:gap-24 {
        gap: 6rem
    }

    .md\:gap-3 {
        gap: .75rem
    }

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

    .md\:gap-5 {
        gap: 1.25rem
    }

    .md\:gap-8 {
        gap: 2rem
    }

    .md\:gap-\[120px\] {
        gap: 120px
    }

    .md\:gap-\[14px\] {
        gap: 14px
    }

    .md\:gap-\[16px\] {
        gap: 16px
    }

    .md\:gap-\[21px\] {
        gap: 21px
    }

    .md\:gap-\[48px\] {
        gap: 48px
    }

    .md\:gap-\[93px\] {
        gap: 93px
    }

    .md\:p-5 {
        padding: 1.25rem
    }

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

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

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

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

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

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

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

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

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

    .md\:text-8xl {
        font-size: 6rem;
        line-height: 1
    }

    .md\:text-\[1rem\] {
        font-size: 1rem
    }

    .md\:text-\[2\.5rem\] {
        font-size: 2.5rem
    }

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

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

    .md\:text-\[6rem\] {
        font-size: 6rem
    }

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

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

    .md\:leading-\[34px\] {
        line-height: 34px
    }

    .md\:leading-\[40px\] {
        line-height: 40px
    }
}

@media(min-width: 1024px) {
    .lm\:-right-10 {
        right:-2.5rem
    }

    .lm\:-right-24 {
        right: -6rem
    }

    .lm\:-right-\[10rem\] {
        right: -10rem
    }

    .lm\:bottom-6 {
        bottom: 1.5rem
    }

    .lm\:bottom-\[-40\%\] {
        bottom: -40%
    }

    .lm\:bottom-\[-40px\] {
        bottom: -40px
    }

    .lm\:left-8 {
        left: 2rem
    }

    .lm\:left-auto {
        left: auto
    }

    .lm\:right-0 {
        right: 0
    }

    .lm\:right-24 {
        right: 6rem
    }

    .lm\:right-28 {
        right: 7rem
    }

    .lm\:right-5 {
        right: 1.25rem
    }

    .lm\:right-52 {
        right: 13rem
    }

    .lm\:right-64 {
        right: 16rem
    }

    .lm\:right-\[1\.5rem\] {
        right: 1.5rem
    }

    .lm\:right-\[10rem\] {
        right: 10rem
    }

    .lm\:right-\[15\%\] {
        right: 15%
    }

    .lm\:right-\[20rem\] {
        right: 20rem
    }

    .lm\:right-\[26\%\] {
        right: 26%
    }

    .lm\:right-\[2rem\] {
        right: 2rem
    }

    .lm\:right-\[30\%\] {
        right: 30%
    }

    .lm\:top-14 {
        top: 3.5rem
    }

    .lm\:top-2 {
        top: .5rem
    }

    .lm\:top-20 {
        top: 5rem
    }

    .lm\:top-36 {
        top: 9rem
    }

    .lm\:top-\[1\%\] {
        top: 1%
    }

    .lm\:top-\[10\%\] {
        top: 10%
    }

    .lm\:top-\[6\%\] {
        top: 6%
    }

    .lm\:top-\[8\%\] {
        top: 8%
    }

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

    .lm\:-ml-1 {
        margin-left: -.25rem
    }

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

    .lm\:ml-1 {
        margin-left: .25rem
    }

    .lm\:ml-1\.5 {
        margin-left: .375rem
    }

    .lm\:mt-0 {
        margin-top: 0
    }

    .lm\:mt-1 {
        margin-top: .25rem
    }

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

    .lm\:mt-\[1s\%\] {
        margin-top: 1s%
    }

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

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

    .lm\:mt-\[3\%\] {
        margin-top: 3%
    }

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

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

    .lm\:mt-\[5\%\] {
        margin-top: 5%
    }

    .lm\:mt-\[6\%\] {
        margin-top: 6%
    }

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

    .lm\:block {
        display: block
    }

    .lm\:inline-block {
        display: inline-block
    }

    .lm\:flex {
        display: flex
    }

    .lm\:hidden {
        display: none
    }

    .lm\:h-44 {
        height: 11rem
    }

    .lm\:h-\[100vh\] {
        height: 100vh
    }

    .lm\:h-\[120vh\] {
        height: 120vh
    }

    .lm\:h-\[160px\] {
        height: 160px
    }

    .lm\:h-\[165px\] {
        height: 165px
    }

    .lm\:h-\[256px\] {
        height: 256px
    }

    .lm\:h-\[312px\] {
        height: 312px
    }

    .lm\:h-\[330px\] {
        height: 330px
    }

    .lm\:h-\[338px\] {
        height: 338px
    }

    .lm\:h-\[350px\] {
        height: 350px
    }

    .lm\:h-\[440px\] {
        height: 440px
    }

    .lm\:h-\[45px\] {
        height: 45px
    }

    .lm\:h-\[51\.99px\] {
        height: 51.99px
    }

    .lm\:h-\[52px\] {
        height: 52px
    }

    .lm\:h-\[550px\] {
        height: 550px
    }

    .lm\:h-\[58px\] {
        height: 58px
    }

    .lm\:h-\[604px\] {
        height: 604px
    }

    .lm\:h-\[643px\] {
        height: 643px
    }

    .lm\:h-\[65vh\] {
        height: 65vh
    }

    .lm\:h-\[688px\] {
        height: 688px
    }

    .lm\:h-\[719px\] {
        height: 719px
    }

    .lm\:h-\[720px\] {
        height: 720px
    }

    .lm\:h-\[724px\] {
        height: 724px
    }

    .lm\:h-\[741px\] {
        height: 741px
    }

    .lm\:h-\[75px\] {
        height: 75px
    }

    .lm\:h-\[790px\] {
        height: 790px
    }

    .lm\:h-\[794px\] {
        height: 794px
    }

    .lm\:h-\[80px\] {
        height: 80px
    }

    .lm\:h-\[80vh\] {
        height: 80vh
    }

    .lm\:h-\[811px\] {
        height: 811px
    }

    .lm\:h-\[821px\] {
        height: 821px
    }

    .lm\:h-\[841px\] {
        height: 841px
    }

    .lm\:h-\[865px\] {
        height: 865px
    }

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

    .lm\:h-min {
        height: -moz-min-content;
        height: min-content
    }

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

    .lm\:w-10\/12 {
        width: 83.333333%
    }

    .lm\:w-2\/12 {
        width: 16.666667%
    }

    .lm\:w-52 {
        width: 13rem
    }

    .lm\:w-6\/12 {
        width: 50%
    }

    .lm\:w-\[100\%\] {
        width: 100%
    }

    .lm\:w-\[148px\] {
        width: 148px
    }

    .lm\:w-\[156px\] {
        width: 156px
    }

    .lm\:w-\[180px\] {
        width: 180px
    }

    .lm\:w-\[190\.63px\] {
        width: 190.63px
    }

    .lm\:w-\[191px\] {
        width: 191px
    }

    .lm\:w-\[194\.63px\] {
        width: 194.63px
    }

    .lm\:w-\[210\.63px\] {
        width: 210.63px
    }

    .lm\:w-\[242\.63px\] {
        width: 242.63px
    }

    .lm\:w-\[274px\] {
        width: 274px
    }

    .lm\:w-\[287px\] {
        width: 287px
    }

    .lm\:w-\[296px\] {
        width: 296px
    }

    .lm\:w-\[30px\] {
        width: 30px
    }

    .lm\:w-\[326px\] {
        width: 326px
    }

    .lm\:w-\[340px\] {
        width: 340px
    }

    .lm\:w-\[346px\] {
        width: 346px
    }

    .lm\:w-\[350px\] {
        width: 350px
    }

    .lm\:w-\[389px\] {
        width: 389px
    }

    .lm\:w-\[429px\] {
        width: 429px
    }

    .lm\:w-\[448px\] {
        width: 448px
    }

    .lm\:w-\[450px\] {
        width: 450px
    }

    .lm\:w-\[461px\] {
        width: 461px
    }

    .lm\:w-\[468px\] {
        width: 468px
    }

    .lm\:w-\[481px\] {
        width: 481px
    }

    .lm\:w-\[498px\] {
        width: 498px
    }

    .lm\:w-\[514px\] {
        width: 514px
    }

    .lm\:w-\[565px\] {
        width: 565px
    }

    .lm\:w-\[571px\] {
        width: 571px
    }

    .lm\:w-\[580px\] {
        width: 580px
    }

    .lm\:w-\[581px\] {
        width: 581px
    }

    .lm\:w-\[60px\] {
        width: 60px
    }

    .lm\:w-\[611px\] {
        width: 611px
    }

    .lm\:w-\[612px\] {
        width: 612px
    }

    .lm\:w-\[615px\] {
        width: 615px
    }

    .lm\:w-\[627px\] {
        width: 627px
    }

    .lm\:w-\[64px\] {
        width: 64px
    }

    .lm\:w-\[663px\] {
        width: 663px
    }

    .lm\:w-\[669px\] {
        width: 669px
    }

    .lm\:w-\[692px\] {
        width: 692px
    }

    .lm\:w-\[710px\] {
        width: 710px
    }

    .lm\:w-\[715px\] {
        width: 715px
    }

    .lm\:w-\[766px\] {
        width: 766px
    }

    .lm\:w-\[786px\] {
        width: 786px
    }

    .lm\:w-\[789px\] {
        width: 789px
    }

    .lm\:w-\[80px\] {
        width: 80px
    }

    .lm\:w-\[810px\] {
        width: 810px
    }

    .lm\:w-\[815px\] {
        width: 815px
    }

    .lm\:w-\[831px\] {
        width: 831px
    }

    .lm\:w-\[833px\] {
        width: 833px
    }

    .lm\:w-\[873px\] {
        width: 873px
    }

    .lm\:w-\[878px\] {
        width: 878px
    }

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

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

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

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

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

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

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

    .lm\:gap-0 {
        gap: 0px
    }

    .lm\:gap-10 {
        gap: 2.5rem
    }

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

    .lm\:gap-5 {
        gap: 1.25rem
    }

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

    .lm\:gap-\[113px\] {
        gap: 113px
    }

    .lm\:gap-\[150px\] {
        gap: 150px
    }

    .lm\:gap-\[20px\] {
        gap: 20px
    }

    .lm\:gap-\[213px\] {
        gap: 213px
    }

    .lm\:gap-\[286px\] {
        gap: 286px
    }

    .lm\:gap-\[32px\] {
        gap: 32px
    }

    .lm\:gap-\[33px\] {
        gap: 33px
    }

    .lm\:gap-\[39px\] {
        gap: 39px
    }

    .lm\:gap-\[40px\] {
        gap: 40px
    }

    .lm\:gap-\[50px\] {
        gap: 50px
    }

    .lm\:gap-\[56px\] {
        gap: 56px
    }

    .lm\:gap-\[64px\] {
        gap: 64px
    }

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

    .lm\:gap-\[92px\] {
        gap: 92px
    }

    .lm\:gap-\[93px\] {
        gap: 93px
    }

    .lm\:gap-\[96px\] {
        gap: 96px
    }

    .lm\:whitespace-nowrap {
        white-space: nowrap
    }

    .lm\:border-\[1px\] {
        border-width: 1px
    }

    .lm\:border-x-0 {
        border-left-width: 0px;
        border-right-width: 0px
    }

    .lm\:border-y-0 {
        border-top-width: 0px;
        border-bottom-width: 0px
    }

    .lm\:border-r-0 {
        border-right-width: 0px
    }

    .lm\:border-t-0 {
        border-top-width: 0px
    }

    .lm\:border-dashed {
        border-style: dashed
    }

    .lm\:border-\[\#C9C9C9\] {
        --tw-border-opacity: 1;
        border-color: rgb(201 201 201 / var(--tw-border-opacity, 1))
    }

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

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

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

    .lm\:px-\[20\%\] {
        padding-left: 20%;
        padding-right: 20%
    }

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

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

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

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

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

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

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

    .lm\:py-\[40\.5px\] {
        padding-top: 40.5px;
        padding-bottom: 40.5px
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .lm\:pl-\[110px\] {
        padding-left: 110px
    }

    .lm\:pl-\[56px\] {
        padding-left: 56px
    }

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

    .lm\:pt-0 {
        padding-top: 0
    }

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

    .lm\:pt-\[3\%\] {
        padding-top: 3%
    }

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

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

    .lm\:pt-\[5\%\] {
        padding-top: 5%
    }

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

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

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

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

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

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

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

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

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

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

    .lm\:text-\[21\.88px\] {
        font-size: 21.88px
    }

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

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

    .lm\:text-\[27\.35px\] {
        font-size: 27.35px
    }

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

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

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

    .lm\:text-\[3rem\] {
        font-size: 3rem
    }

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

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

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

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

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

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

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

    .lm\:leading-\[24px\] {
        line-height: 24px
    }

    .lm\:leading-\[25px\] {
        line-height: 25px
    }

    .lm\:leading-\[27px\] {
        line-height: 27px
    }

    .lm\:leading-\[28px\] {
        line-height: 28px
    }

    .lm\:leading-\[30px\] {
        line-height: 30px
    }

    .lm\:leading-\[32\.82px\] {
        line-height: 32.82px
    }

    .lm\:leading-\[33px\] {
        line-height: 33px
    }

    .lm\:leading-\[34\.18px\] {
        line-height: 34.18px
    }

    .lm\:leading-\[35px\] {
        line-height: 35px
    }

    .lm\:leading-\[36px\] {
        line-height: 36px
    }

    .lm\:leading-\[48px\] {
        line-height: 48px
    }

    .lm\:leading-\[49px\] {
        line-height: 49px
    }

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

    .lm\:leading-\[55px\] {
        line-height: 55px
    }

    .lm\:leading-\[60px\] {
        line-height: 60px
    }

    .lm\:leading-\[72px\] {
        line-height: 72px
    }

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

    .lm\:tracking-\[1\.4\%\] {
        letter-spacing: 1.4%
    }
}

@media(min-width: 1280px) {
    .lg\:-bottom-2 {
        bottom:-.5rem
    }

    .lg\:-right-1 {
        right: -.25rem
    }

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

    .lg\:bottom-8 {
        bottom: 2rem
    }

    .lg\:bottom-\[-105\.9\%\] {
        bottom: -105.9%
    }

    .lg\:bottom-\[-115\.9\%\] {
        bottom: -115.9%
    }

    .lg\:bottom-\[-138\%\] {
        bottom: -138%
    }

    .lg\:bottom-\[-18\.9\%\] {
        bottom: -18.9%
    }

    .lg\:bottom-\[-35\%\] {
        bottom: -35%
    }

    .lg\:bottom-\[-40\%\] {
        bottom: -40%
    }

    .lg\:bottom-\[-40\.8\%\] {
        bottom: -40.8%
    }

    .lg\:bottom-\[-42\%\] {
        bottom: -42%
    }

    .lg\:bottom-\[-43\%\] {
        bottom: -43%
    }

    .lg\:bottom-\[-44\%\] {
        bottom: -44%
    }

    .lg\:bottom-\[-45\.2\%\] {
        bottom: -45.2%
    }

    .lg\:bottom-\[-51\%\] {
        bottom: -51%
    }

    .lg\:bottom-\[-68\%\] {
        bottom: -68%
    }

    .lg\:bottom-\[-68\.9\%\] {
        bottom: -68.9%
    }

    .lg\:bottom-\[-70\%\] {
        bottom: -70%
    }

    .lg\:bottom-\[-81\.5\%\] {
        bottom: -81.5%
    }

    .lg\:left-\[-100px\] {
        left: -100px
    }

    .lg\:left-\[156px\] {
        left: 156px
    }

    .lg\:left-\[32px\] {
        left: 32px
    }

    .lg\:left-\[41px\] {
        left: 41px
    }

    .lg\:left-\[55\.49px\] {
        left: 55.49px
    }

    .lg\:left-\[56px\] {
        left: 56px
    }

    .lg\:left-\[60px\] {
        left: 60px
    }

    .lg\:left-\[610px\] {
        left: 610px
    }

    .lg\:left-\[70px\] {
        left: 70px
    }

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

    .lg\:right-44 {
        right: 11rem
    }

    .lg\:right-\[15\%\] {
        right: 15%
    }

    .lg\:right-\[15rem\] {
        right: 15rem
    }

    .lg\:right-\[18\%\] {
        right: 18%
    }

    .lg\:right-\[20\%\] {
        right: 20%
    }

    .lg\:right-\[20rem\] {
        right: 20rem
    }

    .lg\:right-\[30\%\] {
        right: 30%
    }

    .lg\:right-\[30rem\] {
        right: 30rem
    }

    .lg\:right-\[32\%\] {
        right: 32%
    }

    .lg\:right-\[35px\] {
        right: 35px
    }

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

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

    .lg\:top-14 {
        top: 3.5rem
    }

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

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

    .lg\:top-5 {
        top: 1.25rem
    }

    .lg\:top-8 {
        top: 2rem
    }

    .lg\:top-\[-10\%\] {
        top: -10%
    }

    .lg\:top-\[-190px\] {
        top: -190px
    }

    .lg\:top-\[10\%\] {
        top: 10%
    }

    .lg\:top-\[114px\] {
        top: 114px
    }

    .lg\:top-\[135px\] {
        top: 135px
    }

    .lg\:top-\[151\.66px\] {
        top: 151.66px
    }

    .lg\:top-\[200px\] {
        top: 200px
    }

    .lg\:top-\[220px\] {
        top: 220px
    }

    .lg\:top-\[259px\] {
        top: 259px
    }

    .lg\:top-\[3\.5\%\] {
        top: 3.5%
    }

    .lg\:top-\[35\%\] {
        top: 35%
    }

    .lg\:top-\[40px\] {
        top: 40px
    }

    .lg\:top-\[535px\] {
        top: 535px
    }

    .lg\:top-\[630px\] {
        top: 630px
    }

    .lg\:top-\[72px\] {
        top: 72px
    }

    .lg\:top-\[80px\] {
        top: 80px
    }

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

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

    .lg\:mb-10 {
        margin-bottom: 2.5rem
    }

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

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

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

    .lg\:ml-8 {
        margin-left: 2rem
    }

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

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

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

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

    .lg\:mt-8 {
        margin-top: 2rem
    }

    .lg\:mt-\[-6\%\] {
        margin-top: -6%
    }

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

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

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

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

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

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

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

    .lg\:mt-\[6\%\] {
        margin-top: 6%
    }

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

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:hidden {
        display: none
    }

    .lg\:h-28 {
        height: 7rem
    }

    .lg\:h-6 {
        height: 1.5rem
    }

    .lg\:h-\[100vh\] {
        height: 100vh
    }

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

    .lg\:h-\[110vh\] {
        height: 110vh
    }

    .lg\:h-\[120vh\] {
        height: 120vh
    }

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

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

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

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

    .lg\:h-\[195\.53px\] {
        height: 195.53px
    }

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

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

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

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

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

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

    .lg\:h-\[305\.18px\] {
        height: 305.18px
    }

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

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

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

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

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

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

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

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

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

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

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

    .lg\:h-\[424\.53px\] {
        height: 424.53px
    }

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

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

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

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

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

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

    .lg\:h-\[53\.32px\] {
        height: 53.32px
    }

    .lg\:h-\[534\.53px\] {
        height: 534.53px
    }

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

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

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

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

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

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

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

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

    .lg\:h-\[60vh\] {
        height: 60vh
    }

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

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

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

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

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

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

    .lg\:h-\[70vh\] {
        height: 70vh
    }

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

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

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

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

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

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

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

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

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

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

   

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

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

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

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

    .lg\:h-min {
        height: -moz-min-content;
        height: min-content
    }

    .lg\:min-h-\[91vh\] {
        min-height: 91vh
    }

    .lg\:min-h-\[95vh\] {
        min-height: 95vh
    }

    .lg\:w-10\/12 {
        width: 83.333333%
    }

    .lg\:w-4\/12 {
        width: 33.333333%
    }

    .lg\:w-6 {
        width: 1.5rem
    }

    .lg\:w-7\/12 {
        width: 58.333333%
    }

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

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

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

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

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

    .lg\:w-\[114\.53px\] {
        width: 114.53px
    }

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

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

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

    .lg\:w-\[135\.34px\] {
        width: 135.34px
    }

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

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

    .lg\:w-\[153\.51px\] {
        width: 153.51px
    }

    .lg\:w-\[155\.05px\] {
        width: 155.05px
    }

    .lg\:w-\[155\.36px\] {
        width: 155.36px
    }

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

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

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

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

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

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

    .lg\:w-\[190\.63px\] {
        width: 190.63px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .lg\:w-\[355\.81px\] {
        width: 355.81px
    }

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

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

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

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

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

    .lg\:w-\[40\.87px\] {
        width: 40.87px
    }

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

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

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

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

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

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

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

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

    .lg\:w-\[47\.87px\] {
        width: 47.87px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .lg\:w-\[737px\] {
        width: 737px
    }

    .lg\:w-\[75\%\] {
        width: 75%
    }

    .lg\:w-\[754px\] {
        width: 754px
    }

    .lg\:w-\[831px\] {
        width: 831px
    }

    .lg\:w-\[844px\] {
        width: 844px
    }

    .lg\:w-\[85\%\] {
        width: 85%
    }

    .lg\:w-\[85px\] {
        width: 85px
    }

    .lg\:w-\[878px\] {
        width: 878px
    }

    .lg\:w-\[88\%\] {
        width: 88%
    }

    .lg\:w-\[90\%\] {
        width: 90%
    }

    .lg\:w-\[91\%\] {
        width: 91%
    }

    .lg\:w-\[92px\] {
        width: 92px
    }

    .lg\:w-\[95\%\] {
        width: 95%
    }

    .lg\:w-\[97px\] {
        width: 97px
    }

    .lg\:w-auto {
        width: auto
    }

    .lg\:w-full {
        width: 100%
    }

    .lg\:max-w-full {
        max-width: 100%
    }

    .lg\:flex-1 {
        flex: 1 1 0%
    }

    .lg\:rotate-0 {
        --tw-rotate: 0deg;
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .lg\:grid-cols-5 {
        grid-template-columns: repeat(5,minmax(0,1fr))
    }

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:items-start {
        align-items: flex-start
    }

    .lg\:items-center {
        align-items: center
    }

    .lg\:justify-start {
        justify-content: flex-start
    }

    .lg\:justify-end {
        justify-content: flex-end
    }

    .lg\:justify-center {
        justify-content: center
    }

    .lg\:justify-between {
        justify-content: space-between
    }

    .lg\:gap-0 {
        gap: 0px
    }

    .lg\:gap-3 {
        gap: .75rem
    }

    .lg\:gap-4 {
        gap: 1rem
    }

    .lg\:gap-5 {
        gap: 1.25rem
    }

    .lg\:gap-6 {
        gap: 1.5rem
    }

    .lg\:gap-\[112px\] {
        gap: 112px
    }

    .lg\:gap-\[113px\] {
        gap: 113px
    }

    .lg\:gap-\[133px\] {
        gap: 133px
    }

    .lg\:gap-\[140px\] {
        gap: 140px
    }

    .lg\:gap-\[175px\] {
        gap: 175px
    }

    .lg\:gap-\[270px\] {
        gap: 270px
    }

    .lg\:gap-\[320px\] {
        gap: 320px
    }

    .lg\:gap-\[32px\] {
        gap: 32px
    }

    .lg\:gap-\[33px\] {
        gap: 33px
    }

    .lg\:gap-\[40px\] {
        gap: 40px
    }

    .lg\:gap-\[48px\] {
        gap: 48px
    }

    .lg\:gap-\[53px\] {
        gap: 53px
    }

    .lg\:gap-\[54px\] {
        gap: 54px
    }

    .lg\:gap-\[55px\] {
        gap: 55px
    }

    .lg\:gap-\[69px\] {
        gap: 69px
    }

    .lg\:gap-\[76px\] {
        gap: 76px
    }

    .lg\:gap-\[80px\] {
        gap: 80px
    }

    .lg\:gap-\[94px\] {
        gap: 94px
    }

    .lg\:gap-\[96px\] {
        gap: 96px
    }

    .lg\:overflow-y-auto {
        overflow-y: auto
    }

    .lg\:overflow-y-scroll {
        overflow-y: scroll
    }

    .lg\:rounded-\[16px\] {
        border-radius: 16px
    }

    .lg\:border-b-\[1px\] {
        border-bottom-width: 1px
    }

    .lg\:bg-\[\#ffffff\] {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
    }

    .lg\:p-\[24px\] {
        padding: 24px
    }

    .lg\:p-\[32px\] {
        padding: 32px
    }

    .lg\:p-\[50px\] {
        padding: 50px
    }

    .lg\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .lg\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .lg\:px-\[101px\] {
        padding-left: 101px;
        padding-right: 101px
    }

    .lg\:px-\[24px\] {
        padding-left: 24px;
        padding-right: 24px
    }

    .lg\:px-\[280px\] {
        padding-left: 280px;
        padding-right: 280px
    }

    .lg\:px-\[28px\] {
        padding-left: 28px;
        padding-right: 28px
    }

    .lg\:px-\[55px\] {
        padding-left: 55px;
        padding-right: 55px
    }

    .lg\:px-\[56px\] {
        padding-left: 56px;
        padding-right: 56px
    }

    .lg\:px-\[60px\] {
        padding-left: 60px;
        padding-right: 60px
    }

    .lg\:px-\[64px\] {
        padding-left: 64px;
        padding-right: 64px
    }

    .lg\:px-\[80px\] {
        padding-left: 80px;
        padding-right: 80px
    }

    .lg\:py-\[112px\] {
        padding-top: 112px;
        padding-bottom: 112px
    }

    .lg\:py-\[120px\] {
        padding-top: 120px;
        padding-bottom: 120px
    }

    .lg\:py-\[36px\] {
        padding-top: 36px;
        padding-bottom: 36px
    }

    .lg\:py-\[49px\] {
        padding-top: 49px;
        padding-bottom: 49px
    }

    .lg\:py-\[53px\] {
        padding-top: 53px;
        padding-bottom: 53px
    }

    .lg\:py-\[60px\] {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .lg\:py-\[64px\] {
        padding-top: 64px;
        padding-bottom: 64px
    }

    .lg\:py-\[74px\] {
        padding-top: 74px;
        padding-bottom: 74px
    }

    .lg\:py-\[88px\] {
        padding-top: 88px;
        padding-bottom: 88px
    }

    .lg\:pb-0 {
        padding-bottom: 0
    }

    .lg\:pb-6 {
        padding-bottom: 1.5rem
    }

    .lg\:pb-\[0px\] {
        padding-bottom: 0
    }

    .lg\:pb-\[102px\] {
        padding-bottom: 102px
    }

    .lg\:pb-\[112px\] {
        padding-bottom: 112px
    }

    .lg\:pb-\[120px\] {
        padding-bottom: 120px
    }

    .lg\:pb-\[16px\] {
        padding-bottom: 16px
    }

    .lg\:pb-\[24px\] {
        padding-bottom: 24px
    }

    .lg\:pb-\[25px\] {
        padding-bottom: 25px
    }

    .lg\:pb-\[38px\] {
        padding-bottom: 38px
    }

    .lg\:pb-\[46px\] {
        padding-bottom: 46px
    }

    .lg\:pb-\[56px\] {
        padding-bottom: 56px
    }

    .lg\:pb-\[60px\] {
        padding-bottom: 60px
    }

    .lg\:pb-\[64px\] {
        padding-bottom: 64px
    }

    .lg\:pb-\[75px\] {
        padding-bottom: 75px
    }

    .lg\:pl-\[105px\] {
        padding-left: 105px
    }

    .lg\:pl-\[110px\] {
        padding-left: 110px
    }

    .lg\:pl-\[112px\] {
        padding-left: 112px
    }

    .lg\:pl-\[18px\] {
        padding-left: 18px
    }

    .lg\:pl-\[48px\] {
        padding-left: 48px
    }

    .lg\:pl-\[50px\] {
        padding-left: 50px
    }

    .lg\:pl-\[56px\] {
        padding-left: 56px
    }

    .lg\:pl-\[60px\] {
        padding-left: 60px
    }

    .lg\:pl-\[86px\] {
        padding-left: 86px
    }

    .lg\:pl-\[91px\] {
        padding-left: 91px
    }

    .lg\:pr-\[0px\] {
        padding-right: 0
    }

    .lg\:pr-\[101px\] {
        padding-right: 101px
    }

    .lg\:pr-\[106px\] {
        padding-right: 106px
    }

    .lg\:pr-\[110px\] {
        padding-right: 110px
    }

    .lg\:pr-\[14px\] {
        padding-right: 14px
    }

    .lg\:pr-\[48px\] {
        padding-right: 48px
    }

    .lg\:pr-\[56px\] {
        padding-right: 56px
    }

    .lg\:pr-\[59px\] {
        padding-right: 59px
    }

    .lg\:pr-\[93px\] {
        padding-right: 93px
    }

    .lg\:pt-0 {
        padding-top: 0
    }

    .lg\:pt-\[0\%\] {
        padding-top: 0%
    }

    .lg\:pt-\[0px\] {
        padding-top: 0
    }

    .lg\:pt-\[102px\] {
        padding-top: 102px
    }

    .lg\:pt-\[110px\] {
        padding-top: 110px
    }

    .lg\:pt-\[114px\] {
        padding-top: 114px
    }

    .lg\:pt-\[120px\] {
        padding-top: 120px
    }

    .lg\:pt-\[14px\] {
        padding-top: 14px
    }

    .lg\:pt-\[30px\] {
        padding-top: 30px
    }

    .lg\:pt-\[39px\] {
        padding-top: 39px
    }

    .lg\:pt-\[40px\] {
        padding-top: 40px
    }

    .lg\:pt-\[46px\] {
        padding-top: 46px
    }

    .lg\:pt-\[48px\] {
        padding-top: 48px
    }

    .lg\:pt-\[60px\] {
        padding-top: 60px
    }

    .lg\:pt-\[64px\] {
        padding-top: 64px
    }

    .lg\:pt-\[72px\] {
        padding-top: 72px
    }

    .lg\:pt-\[75px\] {
        padding-top: 75px
    }

   

    .lg\:text-right {
        text-align: right
    }

    .lg\:text-start {
        text-align: start
    }

    .lg\:text-\[13px\] {
        font-size: 13px
    }

    .lg\:text-\[14px\] {
        font-size: 14px
    }

    .lg\:text-\[16px\] {
        font-size: 16px
    }

    .lg\:text-\[18px\] {
        font-size: 18px
    }

    .lg\:text-\[19px\] {
        font-size: 19px
    }

    .lg\:text-\[20px\] {
        font-size: 20px
    }

    .lg\:text-\[22px\] {
        font-size: 22px
    }

    .lg\:text-\[24px\] {
        font-size: 24px
    }

    .lg\:text-\[25px\] {
        font-size: 25px
    }

    .lg\:text-\[27\.35px\] {
        font-size: 27.35px
    }

    .lg\:text-\[27px\] {
        font-size: 27px
    }

    .lg\:text-\[28px\] {
        font-size: 28px
    }

    .lg\:text-\[30px\] {
        font-size: 30px
    }

    .lg\:text-\[32px\] {
        font-size: 32px
    }

    .lg\:text-\[34px\] {
        font-size: 34px
    }

    .lg\:text-\[40px\] {
        font-size: 40px
    }

    .lg\:text-\[47px\] {
        font-size: 47px
    }

    .lg\:text-\[48px\] {
        font-size: 48px
    }

    .lg\:text-\[50px\] {
        font-size: 50px
    }

    .lg\:text-\[56px\] {
        font-size: 56px
    }

    .lg\:text-\[71px\] {
        font-size: 71px
    }

    .lg\:text-\[75px\] {
        font-size: 75px
    }

    .lg\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .lg\:leading-\[1\.5em\] {
        line-height: 1.5em
    }

    .lg\:leading-\[1\.6em\] {
        line-height: 1.6em
    }

    .lg\:leading-\[105\%\] {
        line-height: 105%
    }

    .lg\:leading-\[120\%\] {
        line-height: 120%
    }

    .lg\:leading-\[130\%\] {
        line-height: 130%
    }

    .lg\:leading-\[150\%\] {
        line-height: 150%
    }

    .lg\:leading-\[155\%\] {
        line-height: 155%
    }

    .lg\:leading-\[25px\] {
        line-height: 25px
    }

    .lg\:leading-\[26px\] {
        line-height: 26px
    }

    .lg\:leading-\[27px\] {
        line-height: 27px
    }

    .lg\:leading-\[28px\] {
        line-height: 28px
    }

    .lg\:leading-\[30px\] {
        line-height: 30px
    }

    .lg\:leading-\[34\.1px\] {
        line-height: 34.1px
    }

    .lg\:leading-\[34px\] {
        line-height: 34px
    }

    .lg\:leading-\[35px\] {
        line-height: 35px
    }

    .lg\:leading-\[38px\] {
        line-height: 38px
    }

    .lg\:leading-\[40px\] {
        line-height: 40px
    }

    .lg\:leading-\[48px\] {
        line-height: 48px
    }

    .lg\:leading-\[50px\] {
        line-height: 50px
    }

    .lg\:leading-\[60px\] {
        line-height: 60px
    }

    .lg\:leading-\[78\.75px\] {
        line-height: 78.75px
    }

    .lg\:leading-\[78px\] {
        line-height: 78px
    }

    .lg\:tracking-\[0\.05\%\] {
        letter-spacing: .05%
    }

    .lg\:tracking-\[0\.2\%\] {
        letter-spacing: .2%
    }

    .lg\:tracking-\[0\.4\%\] {
        letter-spacing: .4%
    }

    .lg\:tracking-\[1\.4\%\] {
        letter-spacing: 1.4%
    }
}

@media(min-width: 1436px) {
    .xl\:grid-cols-3 {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }

    .xl\:px-\[100px\] {
        padding-left: 100px;
        padding-right: 100px
    }
}

.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
    display: none
}

[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.25,.75,.75)
}

[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(.6,-.28,.735,.045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.175,.885,.32,1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.47,0,.745,.715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.39,.575,.565,1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.445,.05,.55,.95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity,transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0)
}

[data-aos=fade-up] {
    transform: translate3d(0,100px,0)
}

[data-aos=fade-down] {
    transform: translate3d(0,-100px,0)
}

[data-aos=fade-right] {
    transform: translate3d(-100px,0,0)
}

[data-aos=fade-left] {
    transform: translate3d(100px,0,0)
}

[data-aos=fade-up-right] {
    transform: translate3d(-100px,100px,0)
}

[data-aos=fade-up-left] {
    transform: translate3d(100px,100px,0)
}

[data-aos=fade-down-right] {
    transform: translate3d(-100px,-100px,0)
}

[data-aos=fade-down-left] {
    transform: translate3d(100px,-100px,0)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity,transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
    transform: scale(.6)
}

[data-aos=zoom-in-up] {
    transform: translate3d(0,100px,0) scale(.6)
}

[data-aos=zoom-in-down] {
    transform: translate3d(0,-100px,0) scale(.6)
}

[data-aos=zoom-in-right] {
    transform: translate3d(-100px,0,0) scale(.6)
}

[data-aos=zoom-in-left] {
    transform: translate3d(100px,0,0) scale(.6)
}

[data-aos=zoom-out] {
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    transform: translate3d(0,100px,0) scale(1.2)
}

[data-aos=zoom-out-down] {
    transform: translate3d(0,-100px,0) scale(1.2)
}

[data-aos=zoom-out-right] {
    transform: translate3d(-100px,0,0) scale(1.2)
}

[data-aos=zoom-out-left] {
    transform: translate3d(100px,0,0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    transform: translateZ(0)
}

[data-aos=slide-up] {
    transform: translate3d(0,100%,0)
}

[data-aos=slide-down] {
    transform: translate3d(0,-100%,0)
}

[data-aos=slide-right] {
    transform: translate3d(-100%,0,0)
}

[data-aos=slide-left] {
    transform: translate3d(100%,0,0)
}

[data-aos^=flip][data-aos^=flip] {
    backface-visibility: hidden;
    transition-property: transform
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

:root {
    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: #07bc0c;
    --toastify-color-warning: #f1c40f;
    --toastify-color-error: hsl(6, 78%, 57%);
    --toastify-color-transparent: rgba(255, 255, 255, .7);
    --toastify-icon-color-info: var(--toastify-color-info);
    --toastify-icon-color-success: var(--toastify-color-success);
    --toastify-icon-color-warning: var(--toastify-color-warning);
    --toastify-icon-color-error: var(--toastify-color-error);
    --toastify-container-width: fit-content;
    --toastify-toast-width: 320px;
    --toastify-toast-offset: 16px;
    --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
    --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
    --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
    --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
    --toastify-toast-background: #fff;
    --toastify-toast-padding: 14px;
    --toastify-toast-min-height: 64px;
    --toastify-toast-max-height: 800px;
    --toastify-toast-bd-radius: 6px;
    --toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);
    --toastify-font-family: sans-serif;
    --toastify-z-index: 9999;
    --toastify-text-color-light: #757575;
    --toastify-text-color-dark: #fff;
    --toastify-text-color-info: #fff;
    --toastify-text-color-success: #fff;
    --toastify-text-color-warning: #fff;
    --toastify-text-color-error: #fff;
    --toastify-spinner-color: #616161;
    --toastify-spinner-color-empty-area: #e0e0e0;
    --toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
    --toastify-color-progress-dark: #bb86fc;
    --toastify-color-progress-info: var(--toastify-color-info);
    --toastify-color-progress-success: var(--toastify-color-success);
    --toastify-color-progress-warning: var(--toastify-color-warning);
    --toastify-color-progress-error: var(--toastify-color-error);
    --toastify-color-progress-bgo: .2
}

.Toastify__toast-container {
    z-index: var(--toastify-z-index);
    -webkit-transform: translate3d(0,0,var(--toastify-z-index));
    position: fixed;
    width: var(--toastify-container-width);
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-direction: column
}

.Toastify__toast-container--top-left {
    top: var(--toastify-toast-top);
    left: var(--toastify-toast-left)
}

.Toastify__toast-container--top-center {
    top: var(--toastify-toast-top);
    left: 50%;
    transform: translate(-50%);
    align-items: center
}

.Toastify__toast-container--top-right {
    top: var(--toastify-toast-top);
    right: var(--toastify-toast-right);
    align-items: end
}

.Toastify__toast-container--bottom-left {
    bottom: var(--toastify-toast-bottom);
    left: var(--toastify-toast-left)
}

.Toastify__toast-container--bottom-center {
    bottom: var(--toastify-toast-bottom);
    left: 50%;
    transform: translate(-50%);
    align-items: center
}

.Toastify__toast-container--bottom-right {
    bottom: var(--toastify-toast-bottom);
    right: var(--toastify-toast-right);
    align-items: end
}

.Toastify__toast {
    --y: 0;
    position: relative;
    touch-action: none;
    width: var(--toastify-toast-width);
    min-height: var(--toastify-toast-min-height);
    box-sizing: border-box;
    margin-bottom: 1rem;
    padding: var(--toastify-toast-padding);
    border-radius: var(--toastify-toast-bd-radius);
    box-shadow: var(--toastify-toast-shadow);
    max-height: var(--toastify-toast-max-height);
    font-family: var(--toastify-font-family);
    z-index: 0;
    display: flex;
    flex: 1 auto;
    align-items: center;
    word-break: break-word
}

@media only screen and (max-width: 480px) {
    .Toastify__toast-container {
        width:100vw;
        left: env(safe-area-inset-left);
        margin: 0
    }

    .Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right {
        top: env(safe-area-inset-top);
        transform: translate(0)
    }

    .Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right {
        bottom: env(safe-area-inset-bottom);
        transform: translate(0)
    }

    .Toastify__toast-container--rtl {
        right: env(safe-area-inset-right);
        left: initial
    }

    .Toastify__toast {
        --toastify-toast-width: 100%;
        margin-bottom: 0;
        border-radius: 0
    }
}

.Toastify__toast-container[data-stacked=true] {
    width: var(--toastify-toast-width)
}

.Toastify__toast--stacked {
    position: absolute;
    width: 100%;
    transform: translate3d(0,var(--y),0) scale(var(--s));
    transition: transform .3s
}

.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
    transition: opacity .1s
}

.Toastify__toast--stacked[data-collapsed=false] {
    overflow: visible
}

.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>* {
    opacity: 0
}

.Toastify__toast--stacked:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: calc(var(--g) * 1px);
    bottom: 100%
}

.Toastify__toast--stacked[data-pos=top] {
    top: 0
}

.Toastify__toast--stacked[data-pos=bot] {
    bottom: 0
}

.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {
    transform-origin: top
}

.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {
    transform-origin: bottom
}

.Toastify__toast--stacked:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    transform: scaleY(3);
    z-index: -1
}

.Toastify__toast--rtl {
    direction: rtl
}

.Toastify__toast--close-on-click {
    cursor: pointer
}

.Toastify__toast-icon {
    margin-inline-end:10px;width: 22px;
    flex-shrink: 0;
    display: flex
}

.Toastify--animate {
    animation-fill-mode: both;
    animation-duration: .5s
}

.Toastify--animate-icon {
    animation-fill-mode: both;
    animation-duration: .3s
}

.Toastify__toast-theme--dark {
    background: var(--toastify-color-dark);
    color: var(--toastify-text-color-dark)
}

.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default {
    background: var(--toastify-color-light);
    color: var(--toastify-text-color-light)
}

.Toastify__toast-theme--colored.Toastify__toast--info {
    color: var(--toastify-text-color-info);
    background: var(--toastify-color-info)
}

.Toastify__toast-theme--colored.Toastify__toast--success {
    color: var(--toastify-text-color-success);
    background: var(--toastify-color-success)
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
    color: var(--toastify-text-color-warning);
    background: var(--toastify-color-warning)
}

.Toastify__toast-theme--colored.Toastify__toast--error {
    color: var(--toastify-text-color-error);
    background: var(--toastify-color-error)
}

.Toastify__progress-bar-theme--light {
    background: var(--toastify-color-progress-light)
}

.Toastify__progress-bar-theme--dark {
    background: var(--toastify-color-progress-dark)
}

.Toastify__progress-bar--info {
    background: var(--toastify-color-progress-info)
}

.Toastify__progress-bar--success {
    background: var(--toastify-color-progress-success)
}

.Toastify__progress-bar--warning {
    background: var(--toastify-color-progress-warning)
}

.Toastify__progress-bar--error {
    background: var(--toastify-color-progress-error)
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
    background: var(--toastify-color-transparent)
}

.Toastify__close-button {
    color: #fff;
    position: absolute;
    top: 6px;
    right: 6px;
    background: transparent;
    outline: none;
    border: none;
    padding: 0;
    cursor: pointer;
    opacity: .7;
    transition: .3s ease;
    z-index: 1
}

.Toastify__toast--rtl .Toastify__close-button {
    left: 6px;
    right: unset
}

.Toastify__close-button--light {
    color: #000;
    opacity: .3
}

.Toastify__close-button>svg {
    fill: currentColor;
    height: 16px;
    width: 14px
}

.Toastify__close-button:hover,.Toastify__close-button:focus {
    opacity: 1
}

@keyframes Toastify__trackProgress {
    0% {
        transform: scaleX(1)
    }

    to {
        transform: scaleX(0)
    }
}

.Toastify__progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: .7;
    transform-origin: left
}

.Toastify__progress-bar--animated {
    animation: Toastify__trackProgress linear 1 forwards
}

.Toastify__progress-bar--controlled {
    transition: transform .2s
}

.Toastify__progress-bar--rtl {
    right: 0;
    left: initial;
    transform-origin: right;
    border-bottom-left-radius: initial
}

.Toastify__progress-bar--wrp {
    position: absolute;
    overflow: hidden;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    border-bottom-left-radius: var(--toastify-toast-bd-radius);
    border-bottom-right-radius: var(--toastify-toast-bd-radius)
}

.Toastify__progress-bar--wrp[data-hidden=true] {
    opacity: 0
}

.Toastify__progress-bar--bg {
    opacity: var(--toastify-color-progress-bgo);
    width: 100%;
    height: 100%
}

.Toastify__spinner {
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    border: 2px solid;
    border-radius: 100%;
    border-color: var(--toastify-spinner-color-empty-area);
    border-right-color: var(--toastify-spinner-color);
    animation: Toastify__spin .65s linear infinite
}

@keyframes Toastify__bounceInRight {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px,0,0)
    }

    75% {
        transform: translate3d(10px,0,0)
    }

    90% {
        transform: translate3d(-5px,0,0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px,var(--y),0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,var(--y),0)
    }
}

@keyframes Toastify__bounceInLeft {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px,0,0)
    }

    75% {
        transform: translate3d(-10px,0,0)
    }

    90% {
        transform: translate3d(5px,0,0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px,var(--y),0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,var(--y),0)
    }
}

@keyframes Toastify__bounceInUp {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    75% {
        transform: translate3d(0,10px,0)
    }

    90% {
        transform: translate3d(0,-5px,0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__bounceOutUp {
    20% {
        transform: translate3d(0,calc(var(--y) - 10px),0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,calc(var(--y) + 20px),0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes Toastify__bounceInDown {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,25px,0)
    }

    75% {
        transform: translate3d(0,-10px,0)
    }

    90% {
        transform: translate3d(0,5px,0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutDown {
    20% {
        transform: translate3d(0,calc(var(--y) - 10px),0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,calc(var(--y) + 20px),0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left {
    animation-name: Toastify__bounceInLeft
}

.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right {
    animation-name: Toastify__bounceInRight
}

.Toastify__bounce-enter--top-center {
    animation-name: Toastify__bounceInDown
}

.Toastify__bounce-enter--bottom-center {
    animation-name: Toastify__bounceInUp
}

.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left {
    animation-name: Toastify__bounceOutLeft
}

.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right {
    animation-name: Toastify__bounceOutRight
}

.Toastify__bounce-exit--top-center {
    animation-name: Toastify__bounceOutUp
}

.Toastify__bounce-exit--bottom-center {
    animation-name: Toastify__bounceOutDown
}

@keyframes Toastify__zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes Toastify__zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: translate3d(0,var(--y),0) scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.Toastify__zoom-enter {
    animation-name: Toastify__zoomIn
}

.Toastify__zoom-exit {
    animation-name: Toastify__zoomOut
}

@keyframes Toastify__flipIn {
    0% {
        transform: perspective(400px) rotateX(90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateX(-20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@keyframes Toastify__flipOut {
    0% {
        transform: translate3d(0,var(--y),0) perspective(400px)
    }

    30% {
        transform: translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        transform: translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.Toastify__flip-enter {
    animation-name: Toastify__flipIn
}

.Toastify__flip-exit {
    animation-name: Toastify__flipOut
}

@keyframes Toastify__slideInRight {
    0% {
        transform: translate3d(110%,0,0);
        visibility: visible
    }

    to {
        transform: translate3d(0,var(--y),0)
    }
}

@keyframes Toastify__slideInLeft {
    0% {
        transform: translate3d(-110%,0,0);
        visibility: visible
    }

    to {
        transform: translate3d(0,var(--y),0)
    }
}

@keyframes Toastify__slideInUp {
    0% {
        transform: translate3d(0,110%,0);
        visibility: visible
    }

    to {
        transform: translate3d(0,var(--y),0)
    }
}

@keyframes Toastify__slideInDown {
    0% {
        transform: translate3d(0,-110%,0);
        visibility: visible
    }

    to {
        transform: translate3d(0,var(--y),0)
    }
}

@keyframes Toastify__slideOutRight {
    0% {
        transform: translate3d(0,var(--y),0)
    }

    to {
        visibility: hidden;
        transform: translate3d(110%,var(--y),0)
    }
}

@keyframes Toastify__slideOutLeft {
    0% {
        transform: translate3d(0,var(--y),0)
    }

    to {
        visibility: hidden;
        transform: translate3d(-110%,var(--y),0)
    }
}

@keyframes Toastify__slideOutDown {
    0% {
        transform: translate3d(0,var(--y),0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0,500px,0)
    }
}

@keyframes Toastify__slideOutUp {
    0% {
        transform: translate3d(0,var(--y),0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0,-500px,0)
    }
}

.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left {
    animation-name: Toastify__slideInLeft
}

.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right {
    animation-name: Toastify__slideInRight
}

.Toastify__slide-enter--top-center {
    animation-name: Toastify__slideInDown
}

.Toastify__slide-enter--bottom-center {
    animation-name: Toastify__slideInUp
}

.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left {
    animation-name: Toastify__slideOutLeft;
    animation-timing-function: ease-in;
    animation-duration: .3s
}

.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right {
    animation-name: Toastify__slideOutRight;
    animation-timing-function: ease-in;
    animation-duration: .3s
}

.Toastify__slide-exit--top-center {
    animation-name: Toastify__slideOutUp;
    animation-timing-function: ease-in;
    animation-duration: .3s
}

.Toastify__slide-exit--bottom-center {
    animation-name: Toastify__slideOutDown;
    animation-timing-function: ease-in;
    animation-duration: .3s
}

@keyframes Toastify__spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.carousel .control-arrow,.carousel.carousel-slider .control-arrow {
    transition: all .25s ease-in;
    opacity: .4;
    filter: alpha(opacity=40);
    position: absolute;
    z-index: 2;
    top: 20px;
    background: none;
    border: 0;
    font-size: 32px;
    cursor: pointer
}

.carousel .control-arrow:focus,.carousel .control-arrow:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before {
    margin: 0 5px;
    display: inline-block;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    content: ""
}

.carousel .control-disabled.control-arrow {
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: inherit;
    display: none
}

.carousel .control-prev.control-arrow {
    left: 0
}

.carousel .control-prev.control-arrow:before {
    border-right: 8px solid #fff
}

.carousel .control-next.control-arrow {
    right: 0
}

.carousel .control-next.control-arrow:before {
    border-left: 8px solid #fff
}

.carousel-root {
    outline: none
}

.carousel {
    position: relative;
    width: 100%
}

.carousel * {
    box-sizing: border-box
}

.carousel img {
    width: 100%;
    display: inline-block;
    pointer-events: none
}

.carousel .carousel {
    position: relative
}

.carousel .control-arrow {
    outline: 0;
    border: 0;
    background: none;
    top: 50%;
    margin-top: -13px;
    font-size: 18px
}

.carousel .thumbs-wrapper {
    margin: 20px;
    overflow: hidden
}

.carousel .thumbs {
    transition: all .15s ease-in;
    transform: translateZ(0);
    position: relative;
    list-style: none;
    white-space: nowrap
}

.carousel .thumb {
    transition: border .15s ease-in;
    display: inline-block;
    margin-right: 6px;
    white-space: nowrap;
    overflow: hidden;
    border: 3px solid #fff;
    padding: 2px
}

.carousel .thumb:focus {
    border: 3px solid #ccc;
    outline: none
}

.carousel .thumb.selected,.carousel .thumb:hover {
    border: 3px solid #333
}

.carousel .thumb img {
    vertical-align: top
}

.carousel.carousel-slider {
    position: relative;
    margin: 0;
    overflow: hidden
}

.carousel.carousel-slider .control-arrow {
    top: 0;
    color: #fff;
    font-size: 26px;
    bottom: 0;
    margin-top: 0;
    padding: 5px
}

.carousel.carousel-slider .control-arrow:hover {
    background: #0003
}

.carousel .slider-wrapper {
    overflow: hidden;
    margin: auto;
    width: 100%;
    transition: height .15s ease-in
}

.carousel .slider-wrapper.axis-horizontal .slider {
    -ms-box-orient: horizontal;
    display: -moz-flex;
    display: flex
}

.carousel .slider-wrapper.axis-horizontal .slider .slide {
    flex-direction: column;
    flex-flow: column
}

.carousel .slider-wrapper.axis-vertical {
    -ms-box-orient: horizontal;
    display: -moz-flex;
    display: flex
}

.carousel .slider-wrapper.axis-vertical .slider {
    flex-direction: column
}

.carousel .slider {
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none;
    width: 100%
}

.carousel .slider.animated {
    transition: all .35s ease-in-out
}

.carousel .slide {
    min-width: 100%;
    margin: 0;
    position: relative;
    text-align: center
}

.carousel .slide img {
    width: 100%;
    vertical-align: top;
    border: 0
}

.carousel .slide iframe {
    display: inline-block;
    width: calc(100% - 80px);
    margin: 0 40px 40px;
    border: 0
}

.carousel .slide .legend {
    transition: all .5s ease-in-out;
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -45%;
    width: 90%;
    border-radius: 10px;
    background: #000;
    color: #fff;
    padding: 10px;
    font-size: 12px;
    text-align: center;
    opacity: .25;
    transition: opacity .35s ease-in-out
}

.carousel .control-dots {
    position: absolute;
    bottom: 0;
    margin: 10px 0;
    padding: 0;
    text-align: center;
    width: 100%;
    z-index: 1
}

@media(min-width: 960px) {
    .carousel .control-dots {
        bottom:0
    }
}

.carousel .control-dots .dot {
    transition: opacity .25s ease-in;
    opacity: .3;
    filter: alpha(opacity=30);
    box-shadow: 1px 1px 2px #000000e6;
    background: #fff;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    cursor: pointer;
    display: inline-block;
    margin: 0 8px
}

.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.carousel .carousel-status {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
    font-size: 10px;
    text-shadow: 1px 1px 1px rgba(0,0,0,.9);
    color: #fff
}

.carousel:hover .slide .legend {
    opacity: 1
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,.slick-slider .slick-list {
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,.slick-track:after {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url(/assets/ajax-loader-BcnMEykj.gif) center center no-repeat
}

@font-face {
    font-family: slick;
    font-weight: 400;
    font-style: normal;
    src: url(data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=);
    src: url(data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=) format("embedded-opentype"),url(data:font/woff;base64,d09GRk9UVE8AAAVkAAsAAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAi4AAAKbH/pWDkZGVE0AAAM4AAAAGgAAABxt0civR0RFRgAAA1QAAAAcAAAAIAAyAARPUy8yAAADcAAAAFIAAABgUBj/rmNtYXAAAAPEAAAAUAAAAWIiC0SwaGVhZAAABBQAAAAuAAAANgABMftoaGVhAAAERAAAABwAAAAkA+UCA2htdHgAAARgAAAADgAAAA4ESgBKbWF4cAAABHAAAAAGAAAABgAFUABuYW1lAAAEeAAAANwAAAFuBSeBwnBvc3QAAAVUAAAAEAAAACAAAwABeJw9ks9vEkEUx2cpWyeUoFYgNkHi2Wt7N3rVm3cTs3UVLC4LxIWEQvi1P3i7O1tYLJDAmlgKGEhQrsajf0j7J3jYTXrQWUrMJG+++b55n5e8NwwKBhHDMLv5kxT3ATEBxKBn3qOAl9zxHgb1MAPhHQgHkyF08Gr/L8B/Eb6zWnmCJ7AJVLubQOheArXvJ1A4EXi6j4I+Zg9F0QFKvsnlBCmXeve+sFEnb/nCptdtQ4QYhVFRAT1HrF8UQK/RL/SbmUbclsvGVFXRZKDHUE38cc4qpkbAAsuwiImvro+ufcfaOIQ6szlrmjRJDaKZKnbjN3GWKIbiIzRFUfCffuxxKOL+3LDlDVvx2TdxN84qZEsnhNBa6pgm2dAsnzbLsETdsmRFxUeHV4e+I2/ptN8TyqV8T3Dt29t7EYOuajVIw2y1Wy3M86w0zg/Fz2IvawmQAUHOVrPVfLkoScVynsqsTG0MGUs4z55nh3mnOJa+li+rl9WpPIcFfDubDeaDC+fLBdYN3QADzLauGfj4B6sZmq6CCpqmtSvF0qlUl2qf5AJIUCSlTqlb7lUG+LRfGzZGzZEyBgccMu6MuqPecNDvD4Y9Kjtj4gD+DsvKVMTcMdtqtZtmkzQstQvYje7Syep0PDSAhSOeHYXYWThEF//A/0YvYV1fSQtpKU5STtrhbQ444OtpKSWJIg3pOg8cBs7maTY1EZf07aq+hjWs7IWzdCYTGhb2CtZ47x+Uhx28AAB4nGNgYGBkAIJz765vANHnCyvqYTQAWnkHswAAeJxjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3icY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQMDAyOQUmCAgoA01xQGB4ZExUmMD/4/YNBjvP3/NgNEDQPjbbBKBQZGADfLDgsAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMCQqKClOUJz0/z9YHRLv/+L7D+8V3cuHmgAHjGwM6ELUByxUMIOZCmbgAAA5LQ8XeJxjYGRgYABiO68w73h+m68M3EwMIHC+sKIeTqsyqDLeZrwN5HIwgKUB/aYJUgAAeJxjYGRgYLzNwMCgx8QAAkA2IwMqYAIAMGIB7QIAAAACAAAlACUAJQAlAAAAAFAAAAUAAHicbY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV4nGNgZkAGjAxoAAAAjgAF) format("woff"),url(data:font/ttf;base64,AAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=) format("truetype"),url(/assets/slick-BlzDm7g2.svg#slick) format("svg")
}

.slick-prev,.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    transform: translateY(-50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent
}

.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent
}

.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before,.slick-next:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent
}

.slick-dots li button:hover,.slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover:before,.slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}

@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper: before {
    height:100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper: before {
    width:100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,#00000080,#0000)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,#00000080,#0000)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,#00000080,#0000)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,#00000080,#0000)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
    display: none!important
}

.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none!important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0,-50%,0)
}

.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform,.2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translate(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.card-wrapper {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    overflow: visible;
    transition: all .5s ease;
    justify-content: center
}

.card {
    cursor: pointer;
    box-shadow: 0 4px 8px #0003;
    transition: transform .3s ease-in-out,z-index .3s ease-in-out;
    position: relative;
    transform-origin: center
}

.card-1 {
    z-index: 1;
    left: 80px
}

.card-2 {
    z-index: 2;
    left: 30px
}

.card-3 {
    z-index: 3;
    left: -25px
}

.card-4 {
    z-index: 4;
    left: -80px
}

.card:hover {
    transform: scale(1.1)!important
}

.card-wrapper:hover .card {
    position: relative;
    left: unset;
    transform: translate(0)
}

.card-wrapper:hover .card-1 {
    right: 40px
}

.card-wrapper:hover .card-2 {
    left: -5px
}

.card-wrapper:hover .card-3 {
    left: 20px
}

.card-wrapper:hover .card-4 {
    right: -50px
}

.container {
    margin: 0 auto;
    width: 400px;
    height: 320px;
    position: relative;
    perspective: 1500px;
    touch-action: pan-y
}

@media(max-width: 768px) {
    .container {
        perspective:800px;
        width: 300px;
        height: 320px
    }

    .item {
        width: 20%;
        transform: translateZ(300px)!important
    }

    .next,.prev {
        display: none
    }
}

.carousel {
    height: 100%;
    width: 100%;
    position: absolute;
    transform-style: preserve-3d;
    touch-action: none
}

.item {
    display: block;
    position: absolute;
    width: 400px;
    height: 251px;
    line-height: 320px;
    text-align: center;
    opacity: 1;
    border-radius: 10px;
    transform-style: preserve-3d;
    backface-visibility: hidden
}

.carousel:active {
    cursor: grabbing
}

.a {
    transform: rotateY(0) translateZ(350px)
}

.b {
    transform: rotateY(60deg) translateZ(350px)
}

.custom-slider .ant-slider-handle:after {
    border-color: #fc3!important;
    border-width: 3px!important;
    box-shadow: 0 0 0 2px #fc3!important;
    height: 14px!important;
    width: 14px!important;
    margin-top: .5px!important
}

.swiper-slide {
    width: 28%;
    height: 332px;
    display: flex;
    flex-direction: column
}

.carousel .slide {
    opacity: 0;
    transition: opacity .5s ease-in-out
}

.carousel .slide.selected {
    opacity: 1
}

.carousel {
    height: 100%;
    width: 100%;
    position: absolute;
    transform-style: preserve-3d
}

.carousel.manual-transition {
    transition: transform 1s
}

.item {
    display: block;
    position: absolute;
    width: 400px;
    height: 251px;
    line-height: 320px;
    text-align: center;
    opacity: 1;
    border-radius: 10px;
    transform-style: preserve-3d
}

.card-face {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    transform-style: preserve-3d
}

.card-front {
    z-index: 2
}

.card-back {
    transform: rotateY(180deg);
    position: absolute;
    top: 0;
    left: 0
}

.card-face img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.a {
    transform: rotateY(0) translateZ(400px)
}

.b {
    transform: rotateY(60deg) translateZ(400px)
}

.c {
    transform: rotateY(120deg) translateZ(400px)
}

.d {
    transform: rotateY(180deg) translateZ(400px)
}

.e {
    transform: rotateY(240deg) translateZ(400px)
}

.f {
    transform: rotateY(300deg) translateZ(400px)
}

.next,.prev {
    color: #444;
    position: absolute;
    top: 150px;
    padding: 1em 2em;
    cursor: pointer;
    background: #ccc;
    border-radius: 5px;
    border-top: 1px solid #FFF;
    box-shadow: 0 5px #999;
    transition: box-shadow .1s,top .1s;
    display: none
}

.next:hover,.prev:hover {
    color: #000
}

.next:active,.prev:active {
    top: 154px;
    box-shadow: 0 1px #999
}

.next {
    right: 5em
}

.prev {
    left: 5em
}

.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999
}

.dropdown-menu.show {
    display: block
}

.card-stack {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto
}

.card-container {
    position: sticky;
    width: 100%;
    padding: 40px;
    margin-bottom: 20px;
    margin-top: 50px;
    border-radius: 24px;
    transform-origin: top center;
    will-change: transform,filter,position,top;
    transition: top .5s ease-in-out
}

.card-inner {
    width: 100%;
    background: #f9fafb;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 50px 48px;
    border-radius: 24px;
    will-change: transform,filter;
    min-height: 450px;
    transition: transform .5s ease-in-out,filter .5s ease-in-out
}

@media(max-width: 767px) {
    .card-stack {
        max-width:100%
    }

    .card-container {
        padding: 20px 10px;
        margin-bottom: 10px
    }

    .card-inner {
        flex-direction: column;
        padding: 30px 20px;
        min-height: 500px;
        transition: transform .4s ease-in-out,filter .4s ease-in-out
    }
}

.slick-dots li button:before {
    font-size: 12px
}

.slick-slide {
    width: 164px
}

.slick-slide>div {
    margin: 0 -200px;
    width: 350px;
    display: flex
}

@media screen and (min-width: 768px) {
    .slick-slide>div {
        margin:0 -25px;
        width: 350px;
        display: flex
    }
}

@media screen and (min-width: 800px) {
    .slick-slide>div {
        margin:0 -25px;
        width: 400px;
        display: flex
    }
}

* {
    margin: 0;
    padding: 0
}

::-webkit-scrollbar {
    display: none
}

html {
    scrollbar-width: none;
    overflow-y: auto!important
}

body {
    -ms-overflow-style: none
}

.font-medium {
    font-weight: 400;
    line-height: 105%
}

.font-med {
    font-weight: 380!important;
    line-height: 105%!important
}

.font-bo {
    font-weight: 500;
    letter-spacing: 2px
}

.font-semibold {
    font-weight: 500
}

.lastF {
    margin-bottom: 3%
}

.text-xl {
    font-size: 1.2rem;
    line-height: 1.75rem
}

.teamBase {
    margin-top: -10%
}

@media(max-width: 767px) {
    .lastF {
        margin-bottom:6%;
        align-items: baseline
    }
}

@media(max-width: 768px) {
    .teamBase {
        margin-top:-36%
    }
}

@media(min-width: 1280px) {
    .lg\:text-\[56px\] {
        font-size:50px!important
    }

    .lg\:text-\[24px\] {
        font-size: 20px!important
    }
}

.lm\:border-\[\#C9C9C9\] {
    --tw-border-opacity: .5;
    border-color: rgb(201 201 201 / var(--tw-border-opacity, 1))
}

@media(min-width: 1024px) {
    .lm\:text-\[60px\] {
        font-size:50px!important
    }

    .cardContainer .card1 {
        padding: 50px 10px!important
    }
}

.mt-0\.5 {
    margin-top: -.125rem!important
}

.dropdown-menu {
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 999;
    height: auto!important
}

:root {
    --card-height: 40vw;
    --card-margin: 4vw;
    --card-top-offset: 1em;
    --numcards: 4;
    --outline-width: 0px
}

header,main {
    width: 80vw;
    margin: 0 auto
}

header {
    height: 35vh;
    display: grid;
    place-items: center;
    margin-bottom: 80px
}

.text-sm {
    font-size: 14px!important;
    font-weight: 300!important
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 300
}

.w-\[152px\] {
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 15px
}

.animate__delay-01s {
    animation-delay: .1s!important
}

.animate__delay-04s {
    animation-delay: 0s!important
}

.animate__delay-08s,.animate__delay-06s {
    animation-delay: .2s!important
}

.animate__delay-10s {
    animation-delay: .4s!important
}

.-bottom-2 {
    bottom: -.3rem!important
}

.framer-0ZCIA .framer-13ha838 {
    width: 140px!important
}

.border-\[1\.5px\] {
    border-width: 1.2px!important
}

.slick-slide>div {
    margin: 0 -99px;
    width: 405px;
    display: flex
}

.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.scrollbar-hide::-webkit-scrollbar {
    display: none
}

@keyframes bounce {
    0%,20%,50%,80%,to {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-20px)
    }

    60% {
        transform: translateY(-10px)
    }
}

.animate-bounce {
    animation: bounce 1s ease 3
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate-fade-in {
    animation: fade-in .5s ease-out
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://res.cloudinary.com/code-idea/image/upload/v1738850988/Screenshot_2025-02-06_at_14.07.41_mkcf9e.png) no-repeat center center/cover;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    z-index: 9999
}

.containerP {
    display: flex;
    font-size: 2.5rem;
    font-weight: 700;
    font-style: italic;
    color: #024;
    text-align: center;
    justify-content: center;
    align-items: center
}

.static-text {
    margin-right: 15px;
    white-space: nowrap
}

.rolling-text {
    height: 1.3em;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    bottom: 0;
    color: #024
}

.emphasis {
    color: #fc3!important;
    text-align: left
}

.rolling-text span {
    display: block;
    animation: fastLoop 2s cubic-bezier(.7,0,.3,1) infinite,slowStop 6s cubic-bezier(.7,0,.3,1) 1 forwards;
    text-align: left
}

@keyframes fastLoop {
    0% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-100%)
    }

    20% {
        transform: translateY(-200%)
    }

    30% {
        transform: translateY(-300%)
    }

    40% {
        transform: translateY(-400%)
    }

    50% {
        transform: translateY(-500%)
    }

    60% {
        transform: translateY(-600%)
    }

    70% {
        transform: translateY(-700%)
    }

    80% {
        transform: translateY(-800%)
    }

    90% {
        transform: translateY(-900%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes slowStop {
    0% {
        transform: translateY(0)
    }

    90% {
        transform: translateY(-1007%)
    }

    to {
        transform: translateY(-1007%)
    }
}

.unveil-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    pointer-events: none
}

.unveil-section {
    position: absolute;
    background-color: #fff;
    animation: unveilQuadrant 1.5s cubic-bezier(.7,0,.3,1) 6s forwards
}

.unveil-top-left {
    top: 0;
    left: 0;
    width: 50%;
    height: 50%;
    transform-origin: top left
}

.unveil-top-right {
    top: 0;
    right: 0;
    width: 50%;
    height: 50%;
    transform-origin: top right
}

.unveil-bottom-left {
    bottom: 0;
    left: 0;
    width: 50%;
    height: 50%;
    transform-origin: bottom left
}

.unveil-bottom-right {
    bottom: 0;
    right: 0;
    width: 50%;
    height: 50%;
    transform-origin: bottom right
}

@keyframes unveilQuadrant {
    0% {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(0);
        opacity: 0
    }
}

.website-content {
    padding: 20px;
    text-align: center
}

@media(max-width: 768px) {
    .static-text,.rolling-text {
        font-size:1.5rem
    }
}

@media(max-width: 480px) {
    .static-text,.rolling-text {
        font-size:1.5rem
    }
}

/*!
* animate.css - https://animate.style/
* Version - 4.1.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2020 Animate.css
*/
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animate__animated.animate__infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animate__animated.animate__repeat-1 {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: var(--animate-repeat);
    animation-iteration-count: var(--animate-repeat)
}

.animate__animated.animate__repeat-2 {
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
    animation-iteration-count: calc(var(--animate-repeat) * 2)
}

.animate__animated.animate__repeat-3 {
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
    animation-iteration-count: calc(var(--animate-repeat) * 3)
}

.animate__animated.animate__delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay)
}

.animate__animated.animate__delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-delay: calc(var(--animate-delay) * 2);
    animation-delay: calc(var(--animate-delay) * 2)
}

.animate__animated.animate__delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-delay: calc(var(--animate-delay) * 3);
    animation-delay: calc(var(--animate-delay) * 3)
}

.animate__animated.animate__delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-delay: calc(var(--animate-delay) * 4);
    animation-delay: calc(var(--animate-delay) * 4)
}

.animate__animated.animate__delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-delay: calc(var(--animate-delay) * 5);
    animation-delay: calc(var(--animate-delay) * 5)
}

.animate__animated.animate__faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-duration: calc(var(--animate-duration) / 2);
    animation-duration: calc(var(--animate-duration) / 2)
}

.animate__animated.animate__fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-duration: calc(var(--animate-duration) * .8);
    animation-duration: calc(var(--animate-duration) * .8)
}

.animate__animated.animate__slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration) * 2);
    animation-duration: calc(var(--animate-duration) * 2)
}

.animate__animated.animate__slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-duration: calc(var(--animate-duration) * 3);
    animation-duration: calc(var(--animate-duration) * 3)
}

@media print,(prefers-reduced-motion:reduce) {
    .animate__animated {
        -webkit-animation-duration: 1ms!important;
        animation-duration: 1ms!important;
        -webkit-transition-duration: 1ms!important;
        transition-duration: 1ms!important;
        -webkit-animation-iteration-count: 1!important;
        animation-iteration-count: 1!important
    }

    .animate__animated[class*=Out] {
        opacity: 0
    }
}

@-webkit-keyframes bounce {
    0%,20%,53%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0) scaleY(1.1);
        transform: translate3d(0,-30px,0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0) scaleY(1.05);
        transform: translate3d(0,-15px,0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
        transform: translate3d(0,-4px,0) scaleY(1.02)
    }
}

@keyframes bounce {
    0%,20%,53%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0) scaleY(1.1);
        transform: translate3d(0,-30px,0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0) scaleY(1.05);
        transform: translate3d(0,-15px,0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
        transform: translate3d(0,-4px,0) scaleY(1.02)
    }
}

.animate__bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.animate__flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }
}

.animate__pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }
}

.animate__rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shakeX {
    0%,to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

@keyframes shakeX {
    0%,to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

.animate__shakeX {
    -webkit-animation-name: shakeX;
    animation-name: shakeX
}

@-webkit-keyframes shakeY {
    0%,to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }
}

@keyframes shakeY {
    0%,to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }
}

.animate__shakeY {
    -webkit-animation-name: shakeY;
    animation-name: shakeY
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translate(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translate(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translate(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translate(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translate(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translate(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translate(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translate(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translate(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translate(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translate(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translate(0)
    }
}

.animate__headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg)
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg)
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg)
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg)
    }

    to {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg)
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg)
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg)
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg)
    }

    to {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0)
    }
}

.animate__swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }
}

.animate__tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.animate__wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skew(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skew(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skew(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skew(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skew(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skew(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skew(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skew(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skew(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skew(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skew(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skew(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skew(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skew(-.1953125deg) skewY(-.1953125deg)
    }
}

.animate__jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
    animation-duration: calc(var(--animate-duration) * 1.3);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0px) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0px) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInDown {
    -webkit-animation-name: backInDown;
    animation-name: backInDown
}

@-webkit-keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translate(-2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0px) scale(.7);
        transform: translate(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translate(-2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0px) scale(.7);
        transform: translate(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInLeft {
    -webkit-animation-name: backInLeft;
    animation-name: backInLeft
}

@-webkit-keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translate(2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0px) scale(.7);
        transform: translate(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translate(2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0px) scale(.7);
        transform: translate(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInRight {
    -webkit-animation-name: backInRight;
    animation-name: backInRight
}

@-webkit-keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0px) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0px) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInUp {
    -webkit-animation-name: backInUp;
    animation-name: backInUp
}

@-webkit-keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0px) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0px) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutDown {
    -webkit-animation-name: backOutDown;
    animation-name: backOutDown
}

@-webkit-keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0px) scale(.7);
        transform: translate(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translate(-2000px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0px) scale(.7);
        transform: translate(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translate(-2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutLeft {
    -webkit-animation-name: backOutLeft;
    animation-name: backOutLeft
}

@-webkit-keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0px) scale(.7);
        transform: translate(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translate(2000px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0px) scale(.7);
        transform: translate(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translate(2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutRight {
    -webkit-animation-name: backOutRight;
    animation-name: backOutRight
}

@-webkit-keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0px) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0px) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutUp {
    -webkit-animation-name: backOutUp;
    animation-name: backOutUp
}

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }
}

.animate__bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration) * .75);
    animation-duration: calc(var(--animate-duration) * .75);
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0) scaleY(3);
        transform: translate3d(0,-3000px,0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0) scaleY(.9);
        transform: translate3d(0,25px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.95);
        transform: translate3d(0,-10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0) scaleY(.985);
        transform: translate3d(0,5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0) scaleY(3);
        transform: translate3d(0,-3000px,0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0) scaleY(.9);
        transform: translate3d(0,25px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.95);
        transform: translate3d(0,-10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0) scaleY(.985);
        transform: translate3d(0,5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.animate__bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0) scaleX(3);
        transform: translate3d(-3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0) scaleX(1);
        transform: translate3d(25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0) scaleX(.98);
        transform: translate3d(-10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0) scaleX(.995);
        transform: translate3d(5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0) scaleX(3);
        transform: translate3d(-3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0) scaleX(1);
        transform: translate3d(25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0) scaleX(.98);
        transform: translate3d(-10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0) scaleX(.995);
        transform: translate3d(5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.animate__bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0) scaleX(3);
        transform: translate3d(3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0) scaleX(1);
        transform: translate3d(-25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0) scaleX(.98);
        transform: translate3d(10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0) scaleX(.995);
        transform: translate3d(-5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0) scaleX(3);
        transform: translate3d(3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0) scaleX(1);
        transform: translate3d(-25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0) scaleX(.98);
        transform: translate3d(10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0) scaleX(.995);
        transform: translate3d(-5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.animate__bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0) scaleY(5);
        transform: translate3d(0,3000px,0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.95);
        transform: translate3d(0,10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0) scaleY(.985);
        transform: translate3d(0,-5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0) scaleY(5);
        transform: translate3d(0,3000px,0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.95);
        transform: translate3d(0,10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0) scaleY(.985);
        transform: translate3d(0,-5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.animate__bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

.animate__bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration) * .75);
    animation-duration: calc(var(--animate-duration) * .75);
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.985);
        transform: translate3d(0,10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0) scaleY(3);
        transform: translate3d(0,2000px,0) scaleY(3)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.985);
        transform: translate3d(0,10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0) scaleY(3);
        transform: translate3d(0,2000px,0) scaleY(3)
    }
}

.animate__bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0) scaleX(.9);
        transform: translate3d(20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0) scaleX(2);
        transform: translate3d(-2000px,0,0) scaleX(2)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0) scaleX(.9);
        transform: translate3d(20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0) scaleX(2);
        transform: translate3d(-2000px,0,0) scaleX(2)
    }
}

.animate__bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0) scaleX(.9);
        transform: translate3d(-20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0) scaleX(2);
        transform: translate3d(2000px,0,0) scaleX(2)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0) scaleX(.9);
        transform: translate3d(-20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0) scaleX(2);
        transform: translate3d(2000px,0,0) scaleX(2)
    }
}

.animate__bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.985);
        transform: translate3d(0,-10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0) scaleY(.9);
        transform: translate3d(0,20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0) scaleY(3);
        transform: translate3d(0,-2000px,0) scaleY(3)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.985);
        transform: translate3d(0,-10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0) scaleY(.9);
        transform: translate3d(0,20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0) scaleY(3);
        transform: translate3d(0,-2000px,0) scaleY(3)
    }
}

.animate__bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate__fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.animate__fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.animate__fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.animate__fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.animate__fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.animate__fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopLeft {
    -webkit-animation-name: fadeInTopLeft;
    animation-name: fadeInTopLeft
}

@-webkit-keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopRight {
    -webkit-animation-name: fadeInTopRight;
    animation-name: fadeInTopRight
}

@-webkit-keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomLeft {
    -webkit-animation-name: fadeInBottomLeft;
    animation-name: fadeInBottomLeft
}

@-webkit-keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomRight {
    -webkit-animation-name: fadeInBottomRight;
    animation-name: fadeInBottomRight
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animate__fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.animate__fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

.animate__fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.animate__fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

.animate__fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.animate__fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

.animate__fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.animate__fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

.animate__fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }
}

@keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }
}

.animate__fadeOutTopLeft {
    -webkit-animation-name: fadeOutTopLeft;
    animation-name: fadeOutTopLeft
}

@-webkit-keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }
}

@keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }
}

.animate__fadeOutTopRight {
    -webkit-animation-name: fadeOutTopRight;
    animation-name: fadeOutTopRight
}

@-webkit-keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }
}

@keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }
}

.animate__fadeOutBottomRight {
    -webkit-animation-name: fadeOutBottomRight;
    animation-name: fadeOutBottomRight
}

@-webkit-keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }
}

@keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }
}

.animate__fadeOutBottomLeft {
    -webkit-animation-name: fadeOutBottomLeft;
    animation-name: fadeOutBottomLeft
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
        transform: perspective(400px) scaleZ(1) translateZ(0) rotateY(-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform: perspective(400px) scaleZ(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform: perspective(400px) scaleZ(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        transform: perspective(400px) scaleZ(1) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
        transform: perspective(400px) scaleZ(1) translateZ(0) rotateY(-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform: perspective(400px) scaleZ(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform: perspective(400px) scaleZ(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        transform: perspective(400px) scaleZ(1) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animate__animated.animate__flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInX {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.animate__flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration) * .75);
    animation-duration: calc(var(--animate-duration) * .75);
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.animate__flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration) * .75);
    animation-duration: calc(var(--animate-duration) * .75);
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skew(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skew(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skew(-5deg)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skew(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skew(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skew(-5deg)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.animate__lightSpeedInRight {
    -webkit-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0) skewX(30deg);
        transform: translate3d(-100%,0,0) skew(30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skew(-20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skew(5deg)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0) skewX(30deg);
        transform: translate3d(-100%,0,0) skew(30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skew(-20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skew(5deg)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.animate__lightSpeedInLeft {
    -webkit-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skew(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skew(30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutRight {
    -webkit-animation-name: lightSpeedOutRight;
    animation-name: lightSpeedOutRight;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
        transform: translate3d(-100%,0,0) skew(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
        transform: translate3d(-100%,0,0) skew(-30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutLeft {
    -webkit-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform: rotate3d(0,0,1,-200deg);
        transform: rotate3d(0,0,1,-200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform: rotate3d(0,0,1,-200deg);
        transform: rotate3d(0,0,1,-200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate3d(0,0,1,-90deg);
        transform: rotate3d(0,0,1,-90deg);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate3d(0,0,1,-90deg);
        transform: rotate3d(0,0,1,-90deg);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate3d(0,0,1,200deg);
        transform: rotate3d(0,0,1,200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate3d(0,0,1,200deg);
        transform: rotate3d(0,0,1,200deg);
        opacity: 0
    }
}

.animate__rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }
}

.animate__rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

.animate__rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

.animate__rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate3d(0,0,1,90deg);
        transform: rotate3d(0,0,1,90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate3d(0,0,1,90deg);
        transform: rotate3d(0,0,1,90deg);
        opacity: 0
    }
}

.animate__rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate3d(0,0,1,80deg);
        transform: rotate3d(0,0,1,80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate3d(0,0,1,60deg);
        transform: rotate3d(0,0,1,60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate3d(0,0,1,80deg);
        transform: rotate3d(0,0,1,80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate3d(0,0,1,60deg);
        transform: rotate3d(0,0,1,60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

.animate__hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration) * 2);
    animation-duration: calc(var(--animate-duration) * 2);
    -webkit-animation-name: hinge;
    animation-name: hinge;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.animate__rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}

.animate__rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.animate__zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.animate__zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0)
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0)
    }
}

.animate__zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0)
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0)
    }
}

.animate__zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    -webkit-transform-origin: right center;
    transform-origin: right center
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.animate__slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.animate__slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.animate__slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.animate__slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.animate__slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.animate__slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.animate__slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.animate__slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}


.apices-page-wrapper {
            opacity: 0;
            transition: opacity 0.8s ease-in;
            min-height: 100vh;
        }

        .apices-page-wrapper.loaded {
            opacity: 1;
        }

        .apices-login-container {
            display: flex;
            min-height: 100vh;
        }

        /* Hero Section */
        .apices-hero-section {
            position: relative;
            width: 50%;
            background: linear-gradient(135deg, #002244 0%, #003366 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 3rem;
            background-image: url('https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?w=1200&q=80');
            background-size: cover;
            background-position: center;
        }

        .apices-hero-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(135deg, rgba(0, 34, 68, 0.92) 0%, rgba(224, 39, 42, 0.75) 100%);
        }

        .apices-hero-content {
            position: relative;
            z-index: 1;
            max-width: 550px;
            color: white;
        }

        .apices-hero-title {
            font-size: 3.5rem;
            font-weight: 700;
            line-height: 1.1;
            margin-bottom: 1.5rem;
            animation: apicesSlideUp 0.8s ease-out 0.2s both;
        }

        .apices-hero-subtitle {
            font-size: 1.75rem;
            color: rgba(255, 255, 255, 0.95);
            margin-bottom: 2.5rem;
            font-weight: 300;
            animation: apicesSlideUp 0.8s ease-out 0.4s both;
        }

        .apices-hero-buttons {
            display: flex;
            gap: 1rem;
            flex-wrap: wrap;
            animation: apicesSlideUp 0.8s ease-out 0.6s both;
        }

        @keyframes apicesSlideUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .apices-btn {
            padding: 1rem 2rem;
            border: none;
            border-radius: 10px;
            font-size: 1.05rem;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .apices-btn:disabled {
            opacity: 0.6;
            cursor: not-allowed;
        }

        .apices-btn-primary {
            background: #3186c5;
            color: #ffffff;
        }

        .apices-btn-primary:hover:not(:disabled) {
            background: #3186c5;
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(255, 215, 91, 0.4);
        }

        .apices-btn-secondary {
            background: transparent;
            color: white;
            border: 2px solid white;
        }

        .apices-btn-secondary:hover:not(:disabled) {
            background: white;
            color: #002244;
            transform: translateY(-2px);
        }

        /* Login Section */
        .apices-login-section {
            width: 50%;
            background: white;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 2rem;
            overflow-y: auto;
        }

        .apices-login-inner-container {
            width: 100%;
            max-width: 480px;
            animation: apicesSlideIn 0.6s ease-out;
        }

        @keyframes apicesSlideIn {
            from {
                transform: translateX(30px);
                opacity: 0;
            }
            to {
                transform: translateX(0);
                opacity: 1;
            }
        }

        .apices-logo-container {
            display: flex;
            justify-content: flex-end;
            margin-bottom: 2.5rem;
        }

        .apices-logo-container svg {
            max-width: 100%;
            height: auto;
        }

        .apices-login-header {
            margin-bottom: 2rem;
        }

        .apices-login-title {
            font-size: 2rem;
            color: #002244;
            font-weight: 700;
            margin-bottom: 0.5rem;
        }

        .apices-login-welcome {
            color: #546B82;
            font-size: 1rem;
        }

        .apices-login-form {
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
        }

        .apices-form-group {
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
        }

        .apices-form-label {
            color: #002244;
            font-weight: 600;
            font-size: 0.95rem;
        }

        .apices-form-input {
            padding: 1rem 1.25rem;
            border: 2px solid #E5E7EB;
            border-radius: 10px;
            font-size: 1rem;
            transition: all 0.3s ease;
            background: #F9FAFB;
            width: 100%;
        }

        .apices-form-input:focus {
            outline: none;
            border-color: #E0272A;
            background: white;
            box-shadow: 0 0 0 3px rgba(224, 39, 42, 0.1);
        }

        .apices-form-input.apices-error {
            border-color: #E0272A;
        }

        .apices-password-wrapper {
            position: relative;
            width: 100%;
        }

        .apices-password-toggle {
            position: absolute;
            right: 1rem;
            top: 50%;
            transform: translateY(-50%);
            background: none;
            border: none;
            cursor: pointer;
            color: #546B82;
            padding: 0.5rem;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .apices-password-toggle:hover {
            color: #E0272A;
        }

        .apices-eye-icon {
            width: 20px;
            height: 20px;
        }

        .apices-error-message {
            color: #E0272A;
            font-size: 0.875rem;
            min-height: 1.25rem;
        }

        .apices-form-footer {
            display: flex;
            justify-content: flex-end;
            margin-top: -0.5rem;
        }

        .apices-forgot-password {
            color: #E0272A;
            text-decoration: none;
            font-size: 0.95rem;
            font-weight: 500;
        }

        .apices-forgot-password:hover {
            text-decoration: underline;
        }

        .apices-btn-login {
            background: #3186c5;
            color: #FFFFFF;
            padding: 1.125rem;
            font-size: 1.05rem;
            margin-top: 0.5rem;
            width: 100%;
        }

        .apices-btn-login:hover:not(:disabled) {
            background: #E0272A;
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(255, 215, 91, 0.3);
        }

        .apices-signup-link {
            text-align: center;
            margin-top: 1.5rem;
            padding-top: 1.5rem;
            border-top: 1px solid #E5E7EB;
        }

        .apices-signup-link p {
            color: #546B82;
            font-size: 0.95rem;
        }

        .apices-signup-link a {
            color: #E0272A;
            text-decoration: none;
            font-weight: 600;
        }

        .apices-signup-link a:hover {
            text-decoration: underline;
        }

        .apices-contact-info {
            margin-top: 2rem;
            padding: 1.5rem;
            background: #F9FAFB;
            border-radius: 10px;
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }

        .apices-contact-item {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            color: #546B82;
            font-size: 0.95rem;
            word-break: break-word;
        }

        .apices-contact-item svg {
            flex-shrink: 0;
        }

        .apices-login-footer {
            margin-top: 2rem;
            text-align: center;
        }

        .apices-regulatory-text {
            color: #546B82;
            font-size: 0.85rem;
            margin-bottom: 0.5rem;
        }

        .apices-copyright {
            color: #9CA3AF;
            font-size: 0.8rem;
        }

        /* Tablet Responsiveness */
        @media (max-width: 1024px) {
            .apices-login-container {
                flex-direction: column;
            }

            .apices-hero-section,
            .apices-login-section {
                width: 100%;
            }

            .apices-hero-section {
                min-height: 40vh;
                padding: 2.5rem 1.5rem;
            }

            .apices-hero-title {
                font-size: 2.75rem;
            }

            .apices-hero-subtitle {
                font-size: 1.35rem;
                margin-bottom: 2rem;
            }

            .apices-login-section {
                border-radius: 30px 30px 0 0;
                margin-top: -30px;
                position: relative;
                z-index: 2;
                box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.1);
                padding: 2.5rem 1.5rem;
                min-height: 60vh;
            }

            .apices-logo-container {
                justify-content: center;
                margin-bottom: 2rem;
            }

            .apices-login-header {
                text-align: center;
            }

            .apices-login-inner-container {
                max-width: 520px;
            }
        }

        /* Mobile Responsiveness */
        @media (max-width: 640px) {
            .apices-hero-section {
                min-height: 35vh;
                padding: 2rem 1.25rem;
            }

            .apices-hero-title {
                font-size: 2rem;
                margin-bottom: 1rem;
            }

            .apices-hero-subtitle {
                font-size: 1.1rem;
                margin-bottom: 1.5rem;
            }

            .apices-hero-buttons {
                flex-direction: column;
                gap: 0.75rem;
            }

            .apices-btn {
                width: 100%;
                padding: 1rem;
                font-size: 1rem;
            }

            .apices-login-section {
                padding: 2rem 1.25rem;
            }

            .apices-logo-container {
                margin-bottom: 1.5rem;
            }

            .apices-logo-container svg {
                width: 100px;
                height: 33px;
            }

            .apices-login-title {
                font-size: 1.75rem;
            }

            .apices-login-welcome {
                font-size: 0.95rem;
            }

            .apices-form-input {
                padding: 1rem;
                font-size: 16px;
            }

            .apices-form-label {
                font-size: 0.9rem;
            }

            .apices-contact-info {
                padding: 1.25rem;
                gap: 1rem;
            }

            .apices-contact-item {
                font-size: 0.85rem;
                flex-wrap: wrap;
            }

            .apices-contact-item span {
                flex: 1;
                min-width: 0;
            }

            .apices-regulatory-text,
            .apices-copyright {
                font-size: 0.75rem;
            }
        }

        /* Extra Small Mobile Devices */
        @media (max-width: 375px) {
            .apices-hero-title {
                font-size: 1.75rem;
            }

            .apices-hero-subtitle {
                font-size: 1rem;
            }

            .apices-login-section {
                padding: 1.5rem 1rem;
            }

            .apices-login-title {
                font-size: 1.5rem;
            }

            .apices-btn {
                padding: 0.875rem;
                font-size: 0.95rem;
            }

            .apices-contact-info {
                padding: 1rem;
            }

            .apices-contact-item {
                font-size: 0.8rem;
            }
        }

        /* Landscape orientation for mobile */
        @media (max-height: 600px) and (orientation: landscape) {
            .apices-hero-section {
                min-height: 100vh;
            }

            .apices-login-section {
                margin-top: 0;
                border-radius: 0;
            }

            .apices-login-container {
                flex-direction: row;
            }

            .apices-hero-section,
            .apices-login-section {
                width: 50%;
            }
        }

/* ============================================
   APICES PASSWORD RESET PAGE STYLES
   Extends the existing Apices design system
   ============================================ */

/* Password Reset Container */
.forgot-password-container {
    min-height: 100vh;
    background: linear-gradient(135deg, #002244 0%, #003366 50%, #E0272A 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    position: relative;
    overflow: hidden;
}

.forgot-password-container::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -50%;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, rgba(255, 215, 91, 0.1) 0%, transparent 70%);
    animation: apicesPulse 15s ease-in-out infinite;
}

.forgot-password-container::after {
    content: '';
    position: absolute;
    bottom: -50%;
    left: -50%;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, rgba(224, 39, 42, 0.15) 0%, transparent 70%);
    animation: apicesPulse 20s ease-in-out infinite reverse;
}

@keyframes apicesPulse {
    0%, 100% {
        transform: scale(1);
        opacity: 0.5;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.8;
    }
}

.forgot-password-wrapper {
    width: 100%;
    max-width: 520px;
    position: relative;
    z-index: 1;
    animation: apicesSlideUp 0.6s ease-out;
}

/* Card Styles */
.forgot-password-card {
    background: white;
    border-radius: 24px;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.forgot-password-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

/* Header Section - Matching Apices Login */
.card-header {
    background: linear-gradient(135deg, #002244 0%, #003366 100%);
    padding: 3rem 2rem;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.card-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="20" height="20" patternUnits="userSpaceOnUse"><path d="M 20 0 L 0 0 0 20" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)" /></svg>');
    opacity: 0.5;
}

.header-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #E0272A 0%, #FF3B3E 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    box-shadow: 0 8px 16px rgba(224, 39, 42, 0.3);
    position: relative;
    z-index: 1;
    animation: apicesIconBounce 2s ease-in-out infinite;
}

@keyframes apicesIconBounce {
    0%, 100% {
        transform: translateY(0) scale(1);
    }
    50% {
        transform: translateY(-5px) scale(1.05);
    }
}

.header-icon i {
    font-size: 2rem;
    color: white;
}

.header-title {
    font-size: 2rem;
    font-weight: 700;
    color: white;
    margin-bottom: 0.75rem;
    position: relative;
    z-index: 1;
}

.header-subtitle {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.6;
    max-width: 400px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

/* Card Body - Matching Apices Login */
.card-body {
    padding: 2.5rem 2rem;
}

/* Alert Styles - Matching Apices Design */
.alert {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: 12px;
    margin-bottom: 1.5rem;
    animation: apicesSlideDown 0.4s ease-out;
}

@keyframes apicesSlideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.alert i {
    font-size: 1.5rem;
    flex-shrink: 0;
    margin-top: 0.125rem;
}

.alert-content {
    flex: 1;
}

.alert-content strong {
    display: block;
    margin-bottom: 0.25rem;
    font-weight: 600;
}

.alert-content p {
    margin: 0;
    font-size: 0.95rem;
}

.alert-content ul {
    margin: 0.5rem 0 0 0;
    list-style: none;
    padding-left: 0;
}

.alert-content ul li {
    position: relative;
    padding-left: 1rem;
    margin-bottom: 0.25rem;
    font-size: 0.9rem;
}

.alert-content ul li::before {
    content: '•';
    position: absolute;
    left: 0;
    font-weight: bold;
}

.alert-success {
    background: #D1FAE5;
    border: 1px solid #A7F3D0;
    color: #065F46;
}

.alert-error {
    background: #FEE2E2;
    border: 1px solid #FCA5A5;
    color: #991B1B;
}

/* Form Styles - Matching Apices Login */
.reset-form {
    margin-bottom: 2rem;
}

.form-group {
    margin-bottom: 1.5rem;
}

.form-label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    font-weight: 600;
    color: #002244;
    margin-bottom: 0.75rem;
}

.form-label i {
    color: #E0272A;
    font-size: 0.9rem;
}

.input-wrapper {
    position: relative;
}

.form-input {
    width: 100%;
    padding: 1rem 1rem 1rem 3rem;
    font-size: 1rem;
    border: 2px solid #E5E7EB;
    border-radius: 10px;
    background: #F9FAFB;
    transition: all 0.3s ease;
    font-family: inherit;
}

.form-input:focus {
    outline: none;
    border-color: #E0272A;
    background: white;
    box-shadow: 0 0 0 3px rgba(224, 39, 42, 0.1);
}

.form-input::placeholder {
    color: #9CA3AF;
}

.form-input.is-invalid {
    border-color: #E0272A;
    background: #FEE2E2;
}

.form-input.is-invalid:focus {
    box-shadow: 0 0 0 3px rgba(224, 39, 42, 0.15);
}

.input-icon {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: #9CA3AF;
    pointer-events: none;
    transition: color 0.3s ease;
}

.form-input:focus + .input-icon {
    color: #E0272A;
}

.error-message {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.5rem;
    font-size: 0.875rem;
    color: #991B1B;
    animation: apicesShake 0.4s ease-in-out;
}

@keyframes apicesShake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    75% { transform: translateX(5px); }
}

.error-message i {
    font-size: 0.875rem;
}

/* Button Styles - Matching Apices Login */
.form-actions {
    margin-top: 2rem;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1.125rem 2rem;
    font-size: 1.05rem;
    font-weight: 600;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    font-family: inherit;
    position: relative;
    overflow: hidden;
}

.btn-primary {
    background: #FFD75B;
    color: #002244;
    box-shadow: 0 4px 12px rgba(255, 215, 91, 0.3);
}

.btn-primary:hover:not(:disabled) {
    background: #FFC940;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 215, 91, 0.4);
}

.btn-primary:active:not(:disabled) {
    transform: translateY(0);
}

.btn-primary:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.btn-full {
    width: 100%;
}

.btn-content,
.btn-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
}

.btn-loading {
    display: none;
}

.btn-content i,
.btn-loading i {
    font-size: 1.1rem;
}

/* Additional Options */
.additional-options {
    margin-top: 2rem;
}

.divider {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 2rem 0 1.5rem;
}

.divider::before,
.divider::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #E5E7EB;
}

.divider span {
    padding: 0 1rem;
    color: #9CA3AF;
    font-size: 0.9rem;
    font-weight: 500;
}

.option-links {
    display: flex;
    justify-content: center;
    gap: 1rem;
}

.option-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.875rem 1.5rem;
    color: #546B82;
    text-decoration: none;
    border: 2px solid #E5E7EB;
    border-radius: 10px;
    font-weight: 500;
    font-size: 0.95rem;
    transition: all 0.3s ease;
    background: #F9FAFB;
}

.option-link:hover {
    background: #E0272A;
    color: white;
    border-color: #E0272A;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(224, 39, 42, 0.2);
}

.option-link i {
    font-size: 0.9rem;
}

/* Help Section */
.help-section {
    margin-top: 2rem;
    padding: 1.5rem;
    background: #F9FAFB;
    border-radius: 10px;
    border: 1px solid #E5E7EB;
}

.help-title {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1rem;
    font-weight: 600;
    color: #002244;
    margin-bottom: 1rem;
}

.help-title i {
    color: #E0272A;
    font-size: 1.1rem;
}

.help-content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.help-item {
    font-size: 0.9rem;
}

.help-item strong {
    display: block;
    color: #002244;
    margin-bottom: 0.25rem;
    font-weight: 600;
}

.help-item p {
    color: #546B82;
    margin: 0;
    line-height: 1.6;
}

/* Tablet Responsiveness - Matching Login Page */
@media (max-width: 1024px) {
    .forgot-password-wrapper {
        max-width: 520px;
    }

    .card-header {
        padding: 2.5rem 1.5rem;
    }

    .header-title {
        font-size: 1.75rem;
    }

    .header-subtitle {
        font-size: 0.95rem;
    }

    .card-body {
        padding: 2rem 1.5rem;
    }
}

/* Mobile Responsiveness - Matching Login Page */
@media (max-width: 640px) {
    .forgot-password-container {
        padding: 1rem;
    }

    .card-header {
        padding: 2rem 1.25rem;
    }

    .header-icon {
        width: 70px;
        height: 70px;
        margin-bottom: 1rem;
    }

    .header-icon i {
        font-size: 1.75rem;
    }

    .header-title {
        font-size: 1.75rem;
    }

    .header-subtitle {
        font-size: 0.95rem;
    }

    .card-body {
        padding: 2rem 1.25rem;
    }

    .form-input {
        padding: 1rem 1rem 1rem 2.75rem;
        font-size: 16px; /* Prevents iOS zoom */
    }

    .input-icon {
        left: 0.875rem;
    }

    .btn {
        padding: 1rem;
        font-size: 1rem;
    }

    .option-link {
        padding: 0.875rem 1.25rem;
        font-size: 0.95rem;
    }

    .help-section {
        padding: 1.25rem;
    }

    .help-item {
        font-size: 0.85rem;
    }

    .alert {
        padding: 1rem;
        gap: 0.75rem;
    }

    .alert i {
        font-size: 1.25rem;
    }

    .alert-content p,
    .alert-content ul li {
        font-size: 0.875rem;
    }
}

/* Extra Small Mobile Devices - Matching Login Page */
@media (max-width: 375px) {
    .card-header {
        padding: 1.75rem 1rem;
    }

    .header-icon {
        width: 60px;
        height: 60px;
    }

    .header-icon i {
        font-size: 1.5rem;
    }

    .header-title {
        font-size: 1.5rem;
    }

    .header-subtitle {
        font-size: 0.9rem;
    }

    .card-body {
        padding: 1.75rem 1rem;
    }

    .btn {
        padding: 0.875rem;
        font-size: 0.95rem;
    }

    .form-label {
        font-size: 0.9rem;
    }

    .help-section {
        padding: 1rem;
    }
}


/* GMCS Featured Properties - Fixed & Responsive Styles */

/* Container and Layout */
.gmcs-featured-section {
    background: linear-gradient(180deg, #F9FAFB 0%, #FFFFFF 100%);
}

.gmcs-py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.gmcs-px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.gmcs-lg-px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
}

.gmcs-bg-light {
    background-color: #F9FAFB;
}

.gmcs-container {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

.gmcs-mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.gmcs-text-center {
    text-align: center;
}

.gmcs-mb-12 {
    margin-bottom: 3rem;
}

/* Section Header */
.gmcs-section-label {
    font-family: 'Grava', sans-serif;
    color: #334E69;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    line-height: 130%;
    margin-bottom: 1rem;
}

.gmcs-section-title {
    font-family: 'Grava', sans-serif;
    color: #002244;
    font-weight: 500;
    font-size: 48px;
    line-height: 60px;
    margin: 0;
}

/* Products Grid */
.gmcs-products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
    max-width: 100%;
}

/* Product Card */
.gmcs-product-card {
    background: #FFFFFF;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    cursor: pointer;
    display: flex;
    flex-direction: column;
}

.gmcs-product-card:hover {
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0, 34, 68, 0.15);
}

.gmcs-card-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Image Section */
.gmcs-card-image-wrapper {
    position: relative;
    width: 100%;
    height: 280px;
    overflow: hidden;
    background: #002244;
}

.gmcs-card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.6s ease;
}

.gmcs-product-card:hover .gmcs-card-image {
    transform: scale(1.15);
    opacity: 0.8;
}

/* Price Badge */
.gmcs-price-badge {
    position: absolute;
    top: 20px;
    right: 20px;
    background: rgba(255, 204, 51, 0.95);
    backdrop-filter: blur(10px);
    color: #002244;
    padding: 10px 20px;
    border-radius: 8px;
    font-family: 'Grava', sans-serif;
    font-weight: 700;
    font-size: 18px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    z-index: 2;
}

/* Overlay */
.gmcs-card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 34, 68, 0) 0%, rgba(0, 34, 68, 0.9) 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 30px;
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 1;
}

.gmcs-product-card:hover .gmcs-card-overlay {
    opacity: 1;
}

/* View Button */
.gmcs-view-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #FFCC33;
    color: #002244;
    padding: 14px 28px;
    border: none;
    border-radius: 8px;
    font-family: 'Grava', sans-serif;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    transform: translateY(20px);
}

.gmcs-product-card:hover .gmcs-view-btn {
    transform: translateY(0);
}

.gmcs-view-btn:hover {
    background: #002244;
    color: #FFFFFF;
    transform: translateY(-3px);
    box-shadow: 0 8px 16px rgba(255, 204, 51, 0.3);
}

.gmcs-arrow-icon {
    width: 20px;
    height: 20px;
    transition: transform 0.3s ease;
}

.gmcs-view-btn:hover .gmcs-arrow-icon {
    transform: translateX(5px);
}

/* Content Section */
.gmcs-card-content {
    padding: 24px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.gmcs-card-title {
    font-family: 'Grava', sans-serif;
    color: #002244;
    font-weight: 600;
    font-size: 20px;
    line-height: 130%;
    margin: 0 0 8px 0;
    transition: color 0.3s ease;
}

.gmcs-product-card:hover .gmcs-card-title {
    color: #FFCC33;
}

/* Location */
.gmcs-card-location {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: 'Grava', sans-serif;
    color: #334E69;
    font-weight: 400;
    font-size: 14px;
    margin: 0 0 16px 0;
}

.gmcs-location-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    color: #FFCC33;
}

/* Property Features */
.gmcs-property-features {
    display: flex;
    align-items: center;
    gap: 20px;
    padding-top: 12px;
    border-top: 1px solid #E5E7EB;
    margin-top: auto;
}

.gmcs-feature-item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: 'Grava', sans-serif;
    color: #002244;
    font-weight: 500;
    font-size: 15px;
}

.gmcs-feature-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    color: #334E69;
}

/* Responsive Design */
@media (max-width: 640px) {
    .gmcs-py-16 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
    
    .gmcs-px-5 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
    .gmcs-products-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    
    .gmcs-card-image-wrapper {
        height: 220px;
    }
    
    .gmcs-card-content {
        padding: 20px;
        gap: 10px;
    }
    
    .gmcs-card-title {
        font-size: 18px;
    }
    
    .gmcs-card-location {
        font-size: 13px;
        margin-bottom: 12px;
    }
    
    .gmcs-property-features {
        gap: 16px;
        flex-wrap: wrap;
    }
    
    .gmcs-feature-item {
        font-size: 14px;
    }
    
    .gmcs-feature-icon {
        width: 18px;
        height: 18px;
    }
    
    .gmcs-price-badge {
        padding: 8px 16px;
        font-size: 16px;
        top: 16px;
        right: 16px;
    }
    
    .gmcs-view-btn {
        padding: 12px 24px;
        font-size: 14px;
    }
    
    .gmcs-section-title {
        font-size: 32px;
        line-height: 40px;
    }
    
    .gmcs-section-label {
        font-size: 12px;
    }
}

@media (min-width: 641px) and (max-width: 768px) {
    .gmcs-products-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
    
    .gmcs-card-image-wrapper {
        height: 240px;
    }
    
    .gmcs-section-title {
        font-size: 36px;
        line-height: 44px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .gmcs-products-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.75rem;
    }
    
    .gmcs-card-image-wrapper {
        height: 260px;
    }
    
    .gmcs-lg-px-20 {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    
    .gmcs-section-title {
        font-size: 40px;
        line-height: 50px;
    }
}

@media (min-width: 1025px) and (max-width: 1280px) {
    .gmcs-products-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .gmcs-lg-px-20 {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
}

@media (min-width: 1281px) {
    .gmcs-products-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* Animation for AOS */
[data-aos="fade-up"] {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s ease;
}

[data-aos="fade-up"].aos-animate {
    opacity: 1;
    transform: translateY(0);
}

/* Group utility class */
.gmcs-group {
    position: relative;
}


/* ================================================
   Property Show Page CSS
   ================================================ */

/* Breadcrumb Section */
.gmcs-breadcrumb-section {
    background-color: #f3f4f6;
    padding: 2rem 0;
}

.gmcs-container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.gmcs-mx-auto { margin-left: auto; margin-right: auto; }
.gmcs-px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }

@media (min-width: 1024px) {
    .gmcs-lg-px-20 { padding-left: 5rem; padding-right: 5rem; }
}

.gmcs-flex { display: flex; }
.gmcs-items-center { align-items: center; }
.gmcs-text-sm { font-size: 0.875rem; line-height: 1.25rem; }

.gmcs-text-gray-600 { color: #4b5563; }
.gmcs-text-gray-400 { color: #9ca3af; }
.gmcs-text-gray-900 { color: #111827; }
.gmcs-font-medium { font-weight: 500; }

.gmcs-text-gray-600:hover { color: #2563eb; }
.gmcs-transition { transition: all 0.3s ease; }

.gmcs-w-4 { width: 1rem; }
.gmcs-h-4 { height: 1rem; }
.gmcs-mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }

/* Property Details Section */
.gmcs-property-details {
    padding: 4rem 0;
}

.gmcs-py-16 { padding-top: 4rem; padding-bottom: 4rem; }
.gmcs-py-8 { padding-top: 2rem; padding-bottom: 2rem; }

.gmcs-grid { display: grid; }
.gmcs-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.gmcs-gap-8 { gap: 2rem; }
.gmcs-gap-4 { gap: 1rem; }

@media (min-width: 1024px) {
    .gmcs-lg-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .gmcs-lg-col-span-2 { grid-column: span 2 / span 2; }
    .gmcs-lg-col-span-1 { grid-column: span 1 / span 1; }
}

/* Property Gallery */
.gmcs-property-gallery {
    margin-bottom: 2rem;
}

.gmcs-mb-8 { margin-bottom: 2rem; }
.gmcs-mb-4 { margin-bottom: 1rem; }
.gmcs-mb-6 { margin-bottom: 1.5rem; }

.gmcs-main-image img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    border-radius: 0.5rem;
}

.gmcs-w-full { width: 100%; }
.gmcs-rounded-lg { border-radius: 0.5rem; }
.gmcs-rounded { border-radius: 0.25rem; }
.gmcs-object-cover { object-fit: cover; }

.gmcs-thumbnail-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.gmcs-thumbnail {
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 0.25rem;
    overflow: hidden;
    transition: all 0.3s ease;
}

.gmcs-thumbnail:hover {
    border-color: #2563eb;
    transform: scale(1.05);
}

.gmcs-border-2 { border-width: 2px; }
.gmcs-border-primary { border-color: #2563eb; }
.gmcs-border-transparent { border-color: transparent; }
.gmcs-cursor-pointer { cursor: pointer; }

.gmcs-thumbnail img {
    width: 100%;
    height: 6rem;
    object-fit: cover;
}

.gmcs-h-24 { height: 6rem; }

/* Property Header */
.gmcs-property-header .gmcs-text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
}

.gmcs-text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
.gmcs-text-2xl { font-size: 1.5rem; line-height: 2rem; }
.gmcs-text-xl { font-size: 1.25rem; line-height: 1.75rem; }
.gmcs-text-lg { font-size: 1.125rem; line-height: 1.75rem; }

.gmcs-font-bold { font-weight: 700; }
.gmcs-font-semibold { font-weight: 600; }

.gmcs-text-primary { color: #2563eb; }

.gmcs-items-start { align-items: flex-start; }
.gmcs-justify-between { justify-content: space-between; }

/* Featured Badge */
.gmcs-bg-yellow-100 { background-color: #fef3c7; }
.gmcs-text-yellow-800 { color: #92400e; }
.gmcs-px-4 { padding-left: 1rem; padding-right: 1rem; }
.gmcs-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.gmcs-rounded-full { border-radius: 9999px; }

/* Price Display */
.gmcs-price {
    font-size: 2.25rem;
    font-weight: 700;
    color: #2563eb;
    margin-bottom: 1.5rem;
}

/* Property Features Grid */
.gmcs-property-features {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
    .gmcs-md-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .gmcs-md-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .gmcs-md-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.gmcs-feature-box {
    background-color: #f9fafb;
    padding: 1rem;
    border-radius: 0.5rem;
    text-align: center;
}

.gmcs-bg-gray-50 { background-color: #f9fafb; }
.gmcs-p-4 { padding: 1rem; }
.gmcs-p-6 { padding: 1.5rem; }
.gmcs-text-center { text-align: center; }

.gmcs-w-8 { width: 2rem; }
.gmcs-h-8 { height: 2rem; }
.gmcs-w-5 { width: 1.25rem; }
.gmcs-h-5 { height: 1.25rem; }

.gmcs-mx-auto { margin-left: auto; margin-right: auto; }
.gmcs-mb-2 { margin-bottom: 0.5rem; }
.gmcs-mr-2 { margin-right: 0.5rem; }

/* Cards */
.gmcs-bg-white { background-color: #ffffff; }
.gmcs-shadow-sm { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }
.gmcs-shadow-lg { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); }

/* Description */
.gmcs-text-gray-700 { color: #374151; }
.gmcs-leading-relaxed { line-height: 1.625; }

/* Property Details List */
.gmcs-detail-item {
    display: flex;
    justify-content: space-between;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #e5e7eb;
}

.gmcs-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.gmcs-border-b { border-bottom-width: 1px; border-color: #e5e7eb; }

/* Amenities Grid */
.gmcs-amenity-item {
    display: flex;
    align-items: center;
    color: #374151;
}

/* Sidebar - Sticky */
.gmcs-sticky { position: sticky; }
.gmcs-top-4 { top: 1rem; }

/* Contact Form */
.gmcs-inquiry-form input,
.gmcs-inquiry-form textarea {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    transition: all 0.3s ease;
}

.gmcs-inquiry-form input:focus,
.gmcs-inquiry-form textarea:focus {
    outline: none;
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.gmcs-border { border-width: 1px; }
.gmcs-border-gray-300 { border-color: #d1d5db; }

/* Buttons */
.gmcs-bg-primary {
    background-color: #2563eb;
}

.gmcs-bg-primary:hover {
    background-color: #1d4ed8;
}

.gmcs-text-white { color: #ffffff; }
.gmcs-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }

button.gmcs-w-full {
    width: 100%;
    padding: 0.75rem;
    background-color: #2563eb;
    color: white;
    border-radius: 0.5rem;
    font-weight: 600;
    transition: background-color 0.3s ease;
    border: none;
    cursor: pointer;
}

button.gmcs-w-full:hover {
    background-color: #1d4ed8;
}

/* Share Buttons */
.gmcs-share-card .gmcs-flex {
    display: flex;
    gap: 0.75rem;
}

.gmcs-gap-3 { gap: 0.75rem; }

.gmcs-flex-1 { flex: 1 1 0%; }

.gmcs-bg-blue-600 { background-color: #2563eb; }
.gmcs-bg-blue-600:hover { background-color: #1d4ed8; }

.gmcs-bg-sky-500 { background-color: #0ea5e9; }
.gmcs-bg-sky-500:hover { background-color: #0284c7; }

.gmcs-bg-green-600 { background-color: #16a34a; }
.gmcs-bg-green-600:hover { background-color: #15803d; }

.gmcs-share-card a {
    padding: 0.5rem;
    border-radius: 0.25rem;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

/* Related Properties */
.gmcs-related-properties {
    margin-top: 4rem;
}

.gmcs-mt-16 { margin-top: 4rem; }

/* Product Card */
.gmcs-product-card {
    position: relative;
    overflow: hidden;
    border-radius: 0.5rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.gmcs-product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
}

.gmcs-card-image-wrapper {
    position: relative;
    overflow: hidden;
    height: 250px;
}

.gmcs-card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.gmcs-product-card:hover .gmcs-card-image {
    transform: scale(1.1);
}

.gmcs-card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
    display: flex;
    align-items: flex-end;
    padding: 1rem;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.gmcs-product-card:hover .gmcs-card-overlay {
    opacity: 1;
}

.gmcs-view-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0.75rem 1rem;
    background-color: rgba(37, 99, 235, 0.9);
    color: white;
    border-radius: 0.375rem;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.gmcs-view-btn:hover {
    background-color: #2563eb;
}

.gmcs-arrow-icon {
    width: 1.25rem;
    height: 1.25rem;
}

.gmcs-card-content {
    padding: 1.5rem;
}

.gmcs-card-title {
    font-size: 1.125rem;
    font-weight: 600;
    color: #111827;
    margin-bottom: 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gmcs-card-location {
    display: flex;
    align-items: center;
    color: #6b7280;
    font-size: 0.875rem;
    margin-bottom: 1rem;
}

.gmcs-location-icon {
    width: 1rem;
    height: 1rem;
    margin-right: 0.25rem;
}

.gmcs-property-features {
    display: flex;
    gap: 1rem;
}

.gmcs-feature-item {
    display: flex;
    align-items: center;
    color: #6b7280;
    font-size: 0.875rem;
}

.gmcs-feature-icon {
    width: 1rem;
    height: 1rem;
    margin-right: 0.25rem;
}

/* Video Container */
.gmcs-video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
}

.gmcs-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0.5rem;
}

.gmcs-h-96 { height: 24rem; }

/* Map */
#map {
    width: 100%;
    height: 24rem;
    border-radius: 0.5rem;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .gmcs-property-features {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    
    .gmcs-thumbnail-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    
    .gmcs-main-image img {
        height: 300px;
    }
    
    .gmcs-text-3xl {
        font-size: 1.5rem;
    }
    
    .gmcs-price {
        font-size: 1.875rem;
    }
}

@media (max-width: 640px) {
    .gmcs-thumbnail-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    
    .gmcs-share-card .gmcs-flex {
        flex-direction: column;
    }
    
    .gmcs-share-card a {
        width: 100%;
    }
}

/* Utility Classes */
.gmcs-bg-gray-100 { background-color: #f3f4f6; }
.gmcs-text-gray-600 { color: #4b5563; }

/* Focus Outline */
*:focus-visible {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
}

/* Smooth Scrolling */
html {
    scroll-behavior: smooth;
}

/* Loading Animation for Images */
.gmcs-card-image,
.gmcs-main-image img {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: loading 1.5s infinite;
}

@keyframes loading {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

.gmcs-card-image[src],
.gmcs-main-image img[src] {
    animation: none;
    background: none;
}



/* ============================================
   PROPERTY CATEGORY PAGE STYLES
   ============================================ */

/* Breadcrumb Section */
.gmcs-breadcrumb-section {
    background-color: #f7fafc;
}

/* Category Header with Gradient */
.gmcs-category-header {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    position: relative;
    overflow: hidden;
}

.gmcs-category-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><rect width="100" height="100" fill="none"/><circle cx="50" cy="50" r="40" fill="rgba(255,255,255,0.05)"/></svg>');
    opacity: 0.3;
}

.gmcs-category-header h1 {
    position: relative;
    z-index: 1;
}

/* Filter Sidebar */
.gmcs-filters {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.gmcs-filter-group label {
    color: #374151;
    font-weight: 600;
}

.gmcs-filters input[type="text"],
.gmcs-filters input[type="number"],
.gmcs-filters select {
    transition: all 0.3s ease;
}

.gmcs-filters input[type="text"]:focus,
.gmcs-filters input[type="number"]:focus,
.gmcs-filters select:focus {
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

/* Category List in Sidebar */
.gmcs-filters ul li a {
    transition: all 0.3s ease;
}

.gmcs-filters ul li a:hover {
    transform: translateX(5px);
}

/* Properties Grid */
.gmcs-products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.5rem;
}

/* Product Card Styles */
.gmcs-product-card {
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
}

.gmcs-product-card:hover {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    transform: translateY(-5px);
}

.gmcs-card-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Card Image */
.gmcs-card-image-wrapper {
    position: relative;
    overflow: hidden;
    height: 250px;
}

.gmcs-card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.gmcs-product-card:hover .gmcs-card-image {
    transform: scale(1.1);
}

/* Card Overlay */
.gmcs-card-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
    padding: 1.5rem;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.gmcs-product-card:hover .gmcs-card-overlay {
    opacity: 1;
}

/* View Button */
.gmcs-view-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
    color: #667eea;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.gmcs-view-btn:hover {
    background: #667eea;
    color: #ffffff;
    transform: translateX(5px);
}

.gmcs-arrow-icon {
    width: 1.25rem;
    height: 1.25rem;
    margin-left: 0.5rem;
    transition: transform 0.3s ease;
}

.gmcs-view-btn:hover .gmcs-arrow-icon {
    transform: translateX(5px);
}

/* Featured Badge */
.gmcs-absolute {
    position: absolute;
}

.gmcs-top-3 {
    top: 0.75rem;
}

.gmcs-left-3 {
    left: 0.75rem;
}

/* Card Content */
.gmcs-card-content {
    padding: 1.5rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.gmcs-card-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1a202c;
    margin-bottom: 0.75rem;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.gmcs-card-location {
    display: flex;
    align-items: center;
    color: #718096;
    font-size: 0.875rem;
    margin-bottom: 1rem;
}

.gmcs-location-icon {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.5rem;
    color: #667eea;
}

/* Property Features */
.gmcs-property-features {
    display: flex;
    gap: 1rem;
    margin-top: auto;
}

.gmcs-feature-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #4a5568;
    font-size: 0.875rem;
}

.gmcs-feature-icon {
    width: 1.25rem;
    height: 1.25rem;
    color: #667eea;
}

/* Sort Dropdown */
.gmcs-flex {
    display: flex;
}

.gmcs-flex-wrap {
    flex-wrap: wrap;
}

.gmcs-items-center {
    align-items: center;
}

.gmcs-justify-between {
    justify-content: space-between;
}

.gmcs-gap-2 {
    gap: 0.5rem;
}

.gmcs-gap-4 {
    gap: 1rem;
}

/* Empty State */
.gmcs-text-center {
    text-align: center;
}

.gmcs-py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

/* Sticky Sidebar */
.gmcs-sticky {
    position: sticky;
}

.gmcs-top-4 {
    top: 1rem;
}

/* Responsive Grid */
@media (min-width: 768px) {
    .gmcs-md-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .gmcs-lg-grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    
    .gmcs-lg-grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    
    .gmcs-lg-col-span-1 {
        grid-column: span 1 / span 1;
    }
    
    .gmcs-lg-col-span-3 {
        grid-column: span 3 / span 3;
    }
    
    .gmcs-lg-px-20 {
        padding-left: 5rem;
        padding-right: 5rem;
    }
}

/* Pagination Styles */
.pagination {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 2rem;
}

.pagination .page-link {
    padding: 0.5rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    color: #4a5568;
    text-decoration: none;
    transition: all 0.3s ease;
}

.pagination .page-link:hover {
    background: #667eea;
    color: #ffffff;
    border-color: #667eea;
}

.pagination .page-item.active .page-link {
    background: #667eea;
    color: #ffffff;
    border-color: #667eea;
}

.pagination .page-item.disabled .page-link {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Button Styles */
button[type="submit"],
.gmcs-inline-block {
    cursor: pointer;
}

/* Form Elements */
input[type="text"],
input[type="number"],
input[type="email"],
input[type="tel"],
select,
textarea {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
select:focus,
textarea:focus {
    outline: none;
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

/* Utility Classes */
.gmcs-mb-2 { margin-bottom: 0.5rem; }
.gmcs-mb-4 { margin-bottom: 1rem; }
.gmcs-mb-6 { margin-bottom: 1.5rem; }
.gmcs-mb-8 { margin-bottom: 2rem; }
.gmcs-mb-12 { margin-bottom: 3rem; }

.gmcs-mt-2 { margin-top: 0.5rem; }
.gmcs-mt-4 { margin-top: 1rem; }
.gmcs-mt-8 { margin-top: 2rem; }
.gmcs-mt-12 { margin-top: 3rem; }

.gmcs-p-6 { padding: 1.5rem; }
.gmcs-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.gmcs-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.gmcs-py-8 { padding-top: 2rem; padding-bottom: 2rem; }
.gmcs-py-12 { padding-top: 3rem; padding-bottom: 3rem; }
.gmcs-py-16 { padding-top: 4rem; padding-bottom: 4rem; }

.gmcs-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.gmcs-px-4 { padding-left: 1rem; padding-right: 1rem; }
.gmcs-px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
.gmcs-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }

.gmcs-rounded { border-radius: 0.25rem; }
.gmcs-rounded-lg { border-radius: 0.5rem; }
.gmcs-rounded-full { border-radius: 9999px; }

.gmcs-text-xs { font-size: 0.75rem; }
.gmcs-text-sm { font-size: 0.875rem; }
.gmcs-text-lg { font-size: 1.125rem; }
.gmcs-text-xl { font-size: 1.25rem; }
.gmcs-text-2xl { font-size: 1.5rem; }
.gmcs-text-3xl { font-size: 1.875rem; }
.gmcs-text-4xl { font-size: 2.25rem; }

.gmcs-font-medium { font-weight: 500; }
.gmcs-font-semibold { font-weight: 600; }
.gmcs-font-bold { font-weight: 700; }

.gmcs-text-white { color: #ffffff; }
.gmcs-text-gray-400 { color: #cbd5e0; }
.gmcs-text-gray-500 { color: #a0aec0; }
.gmcs-text-gray-600 { color: #718096; }
.gmcs-text-gray-700 { color: #4a5568; }
.gmcs-text-gray-900 { color: #1a202c; }

.gmcs-bg-white { background-color: #ffffff; }
.gmcs-bg-gray-50 { background-color: #f9fafb; }
.gmcs-bg-gray-100 { background-color: #f7fafc; }
.gmcs-bg-primary { background-color: #667eea; }
.gmcs-bg-yellow-100 { background-color: #fef3c7; }
.gmcs-bg-yellow-400 { background-color: #fbbf24; }

.gmcs-text-yellow-800 { color: #92400e; }
.gmcs-text-yellow-900 { color: #78350f; }
.gmcs-text-primary { color: #667eea; }

.gmcs-border { border-width: 1px; }
.gmcs-border-t { border-top-width: 1px; }
.gmcs-border-gray-300 { border-color: #d1d5db; }
.gmcs-border-transparent { border-color: transparent; }
.gmcs-border-primary { border-color: #667eea; }

.gmcs-shadow-sm {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.gmcs-shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.gmcs-transition {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.gmcs-container {
    width: 100%;
    max-width: 1280px;
}

.gmcs-mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.gmcs-w-full { width: 100%; }
.gmcs-h-96 { height: 24rem; }

.gmcs-space-y-2 > * + * {
    margin-top: 0.5rem;
}

.gmcs-max-w-3xl {
    max-width: 48rem;
}

/* Hover Effects */
.gmcs-bg-primary:hover,
.hover\:gmcs-bg-primary-dark:hover {
    background-color: #5568d3;
}

.hover\:gmcs-text-primary:hover {
    color: #667eea;
}

.hover\:gmcs-bg-gray-50:hover {
    background-color: #f9fafb;
}

.hover\:gmcs-bg-gray-100:hover {
    background-color: #f7fafc;
}

/* Responsive Utilities */
@media (max-width: 767px) {
    .gmcs-products-grid {
        grid-template-columns: 1fr;
    }
    
    .gmcs-category-header h1 {
        font-size: 1.875rem;
    }
    
    .gmcs-filters {
        margin-bottom: 2rem;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .gmcs-products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Animation Classes */
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

[data-aos="fade-up"] {
    animation: fadeUp 0.6s ease-out;
}

/* Custom Scrollbar */
.gmcs-filters::-webkit-scrollbar {
    width: 8px;
}

.gmcs-filters::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.gmcs-filters::-webkit-scrollbar-thumb {
    background: #667eea;
    border-radius: 10px;
}

.gmcs-filters::-webkit-scrollbar-thumb:hover {
    background: #5568d3;
}


/*Slider*/
.banner {
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  width: 100vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slides-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.slide-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease-in-out, visibility 1s ease-in-out;
  z-index: 0;
}

.slide-item.active {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}

.bg-holder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
}

.bg-holder.overlay::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

.bg-youtube {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}

.bg-youtube iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

@media (min-aspect-ratio: 16/9) {
  .bg-youtube iframe {
    width: 100vw;
    height: 56.25vw;
  }
}

@media (max-aspect-ratio: 16/9) {
  .bg-youtube iframe {
    width: 177.78vh;
    height: 100vh;
  }
}

.banner .container {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 100%;
  padding: 0 2rem;
}

.h-banner-full {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Slide Navigation Dots */
.slide-dots {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 12px;
  z-index: 10;
}

.dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  border: 2px solid rgba(255, 255, 255, 0.8);
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0;
}

.dot:hover {
  background: rgba(255, 255, 255, 0.8);
  transform: scale(1.2);
}

.dot.active {
  background: #ffffff;
  width: 30px;
  border-radius: 6px;
}

/* Slide Content Animations */
.slide-subtitle,
.slide-title,
.slide-buttons {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.slide-item.active .slide-subtitle {
  animation: fadeInUp 0.8s ease forwards;
  animation-delay: 0.3s;
}

.slide-item.active .slide-title {
  animation: fadeInUp 0.8s ease forwards;
  animation-delay: 0.5s;
}

.slide-item.active .slide-buttons {
  animation: fadeInUp 0.8s ease forwards;
  animation-delay: 0.7s;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.main-title {
  font-size: 3.5rem;
  line-height: 1.2;
  letter-spacing: 0.1rem;
  margin: 0;
  padding: 0;
}

.banner-buttons {
  display: flex;
  gap: 1.5rem;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.btn-banner {
  display: inline-block;
  padding: 1.2rem 3rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  color: #ffffff;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
  border: 3px solid rgba(255, 255, 255, 0.9);
  border-radius: 50px;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  letter-spacing: 0.08rem;
  backdrop-filter: blur(15px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.btn-banner::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  transform: translate(-50%, -50%);
  transition: width 0.6s, height 0.6s;
}

.btn-banner:hover::before {
  width: 300px;
  height: 300px;
}

.btn-banner:hover {
  background: transparent;
  transform: translateY(-5px) scale(1.05);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4), 0 0 20px rgba(255, 255, 255, 0.2);
  border-color: #ffffff;
}

.btn-rent {
  background: linear-gradient(135deg, rgba(52, 152, 219, 0.3), rgba(41, 128, 185, 0.2));
}

.btn-rent:hover {
  background: transparent;
  text-shadow: 0 0 10px rgba(52, 152, 219, 0.5);
}

.btn-sale {
  background: linear-gradient(135deg, rgba(46, 204, 113, 0.3), rgba(39, 174, 96, 0.2));
}

.btn-sale:hover {
  background: transparent;
  text-shadow: 0 0 10px rgba(46, 204, 113, 0.5);
}

@media (max-width: 767px) {
  .main-title {
    font-size: 2rem;
  }
  
  .banner-buttons {
    gap: 1rem;
  }
  
  .btn-banner {
    padding: 0.9rem 2rem;
    font-size: 0.9rem;
  }
  
  .slide-dots {
    bottom: 20px;
  }
  
  .dot {
    width: 10px;
    height: 10px;
  }
  
  .dot.active {
    width: 24px;
  }
}