*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
*/

html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
}

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}


hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}



table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*


:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}



input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}



img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}



img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}

*, ::before, ::after{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  
}

::backdrop{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  
}
.container{
    width: 100%
}
@media (min-width: 380px){

    .container{
        max-width: 380px
    }
}
@media (min-width: 640px){

    .container{
        max-width: 640px
    }
}
@media (min-width: 768px){

    .container{
        max-width: 768px
    }
}
@media (min-width: 1024px){

    .container{
        max-width: 1024px
    }
}
@media (min-width: 1280px){

    .container{
        max-width: 1280px
    }
}
@media (min-width: 1536px){

    .container{
        max-width: 1536px
    }
}
.pointer-events-none{
    pointer-events: none
}
.static{
    position: static
}
.fixed{
    position: fixed
}
.absolute{
    position: absolute
}
.relative{
    position: relative
}
.sticky{
    position: sticky
}
.inset-0{
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px
}
.inset-x-0{
    left: 0px;
    right: 0px
}
.inset-x-auto{
    left: auto;
    right: auto
}
.inset-y-0{
    top: 0px;
    bottom: 0px
}
.-left-12p{
    left: -12px
}
.-left-7p{
    left: -7px
}
.-top-12p{
    top: -12px
}
.-top-7p{
    top: -7px
}
.bottom-0{
    bottom: 0px
}
.bottom-11{
    bottom: 2.75rem
}
.bottom-2{
    bottom: 0.5rem
}
.bottom-2\.5{
    bottom: 0.625rem
}
.bottom-4{
    bottom: 1rem
}
.bottom-\[18vh\]{
    bottom: 18vh
}

.top-\[18vh\]{
    top: 38vh
}


.left-0{
    left: 0px
}
.right-0{
    right: 0px
}
.right-2{
    right: 0.5rem
}
.right-2\.5{
    right: 0.625rem
}
.right-4{
    right: 1rem
}
.top-0{
    top: 0px
}
.top-4{
    top: 1rem
}
.top-\[28\%\]{
    top: 28%
}
.-z-10{
    z-index: -10
}
.z-10{
    z-index: 10
}
.z-100{
    z-index: 100
}
.z-30{
    z-index: 30
}
.z-50{
    z-index: 50
}
.z-51{
    z-index: 51
}
.order-1{
    order: 1
}
.order-2{
    order: 2
}
.order-3{
    order: 3
}
.order-4{
    order: 4
}
.col-span-1{
    grid-column: span 1 / span 1
}
.col-span-10{
    grid-column: span 10 / span 10
}
.col-span-2{
    grid-column: span 2 / span 2
}
.col-span-4{
    grid-column: span 4 / span 4
}
.-m-1{
    margin: -0.25rem
}
.m-2{
    margin: 0.5rem
}
.m-auto{
    margin: auto
}
.-mx-4{
    margin-left: -1rem;
    margin-right: -1rem
}
.mx-1{
    margin-left: 0.25rem;
    margin-right: 0.25rem
}
.mx-2{
    margin-left: 0.5rem;
    margin-right: 0.5rem
}
.mx-4{
    margin-left: 1rem;
    margin-right: 1rem
}
.mx-8{
    margin-left: 2rem;
    margin-right: 2rem
}
.mx-auto{
    margin-left: auto;
    margin-right: auto
}
.my-0{
    margin-top: 0px;
    margin-bottom: 0px
}
.my-12{
    margin-top: 3rem;
    margin-bottom: 3rem
}
.my-16{
    margin-top: 4rem;
    margin-bottom: 4rem
}
.my-2{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem
}
.my-3{
    margin-top: 0.75rem;
    margin-bottom: 0.75rem
}
.my-4{
    margin-top: 1rem;
    margin-bottom: 1rem
}
.my-5{
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}
.my-8{
    margin-top: 2rem;
    margin-bottom: 2rem
}
.my-auto{
    margin-top: auto;
    margin-bottom: auto
}
.-mb-8{
    margin-bottom: -2rem
}
.-mt-14{
    margin-top: -3.5rem
}
.-mt-16{
    margin-top: -4rem
}
.-mt-2{
    margin-top: -0.5rem
}
.-mt-3{
    margin-top: -0.75rem
}
.-mt-4{
    margin-top: -1rem
}
.-mt-8{
    margin-top: -2rem
}
.-mt-\[16px\]{
    margin-top: -16px
}
.mb-0{
    margin-bottom: 0px
}
.mb-1{
    margin-bottom: 0.25rem
}
.mb-10{
    margin-bottom: 2.5rem
}
.mb-12{
    margin-bottom: 3rem
}
.mb-16{
    margin-bottom: 4rem
}
.mb-2{
    margin-bottom: 0.5rem
}
.mb-20{
    margin-bottom: 5rem
}
.mb-3{
    margin-bottom: 0.75rem
}
.mb-32{
    margin-bottom: 8rem
}
.mb-4{
    margin-bottom: 1rem
}
.mb-40{
    margin-bottom: 10rem
}
.mb-5{
    margin-bottom: 1.25rem
}
.mb-6{
    margin-bottom: 1.5rem
}
.mb-8{
    margin-bottom: 2rem
}
.ml-0{
    margin-left: 0px
}
.ml-10{
    margin-left: 2.5rem
}
.ml-2{
    margin-left: 0.5rem
}
.ml-3{
    margin-left: 0.75rem
}
.ml-4{
    margin-left: 1rem
}
.ml-6{
    margin-left: 1.5rem
}
.ml-8{
    margin-left: 2rem
}
.ml-\[2\.8rem\]{
    margin-left: 2.8rem
}
.ml-auto{
    margin-left: auto
}
.mr-1{
    margin-right: 0.25rem
}
.mr-2{
    margin-right: 0.5rem
}
.mr-3{
    margin-right: 0.75rem
}
.mr-4{
    margin-right: 1rem
}
.mr-6{
    margin-right: 1.5rem
}
.mr-8{
    margin-right: 2rem
}
.mt-0{
    margin-top: 0px
}
.mt-1{
    margin-top: 0.25rem
}
.mt-10{
    margin-top: 2.5rem
}
.mt-12{
    margin-top: 3rem
}
.mt-16{
    margin-top: 4rem
}
.mt-2{
    margin-top: 0.5rem
}
.mt-24{
    margin-top: 6rem
}
.mt-3{
    margin-top: 0.75rem
}
.mt-4{
    margin-top: 1rem
}
.mt-40{
    margin-top: 10rem
}
.mt-5{
    margin-top: 1.25rem
}
.mt-6{
    margin-top: 1.5rem
}
.mt-7{
    margin-top: 1.75rem
}
.mt-8{
    margin-top: 2rem
}
.mt-9{
    margin-top: 2.25rem
}
.mt-\[18vh\]{
    margin-top: 12vh
}
.block{
    display: block
}
.inline-block{
    display: inline-block
}
.inline{
    display: inline
}
.flex{
    display: flex
}
.inline-flex{
    display: inline-flex
}
.table{
    display: table
}
.grid{
    display: grid
}
.contents{
    display: contents
}
.hidden{
    display: none
}
.h-1{
    height: 0.25rem
}
.h-1\/2{
    height: 50%
}
.h-11{
    height: 2.75rem
}
.h-14p{
    height: 14px
}
.h-2{
    height: 0.5rem
}
.h-200p{
    height: 200px
}
.h-24p{
    height: 24px
}
.h-280p{
    height: 280px
}
.h-300p{
    height: 300px
}
.h-32{
    height: 8rem
}
.h-5{
    height: 1.25rem
}
.h-60p{
    height: 60px
}
.h-\[100px\]{
    height: 100px
}
.h-\[160px\]{
    height: 160px
}
.h-\[180px\]{
    height: 180px
}
.h-\[200px\]{
    height: 200px
}
.h-\[280px\]{
    height: 280px
}
.h-\[300px\]{
    height: 300px
}
.h-\[320px\]{
    height: 320px
}
.h-\[328px\]{
    height: 328px
}
.h-\[36px\]{
    height: 36px
}
.h-\[56px\]{
    height: 56px
}
.h-\[72px\]{
    height: 72px
}
.h-\[76px\]{
    height: 76px
}
.h-full{
    height: 100%
}
.h-screen{
    height: 100vh
}
.max-h-52{
    max-height: 13rem
}
.max-h-\[328px\]{
    max-height: 328px
}
.max-h-screen{
    max-height: 100vh
}
.min-h-260p{
    min-height: 260px
}
.min-h-\[220px\]{
    min-height: 220px
}
.min-h-\[320px\]{
    min-height: 320px
}
.min-h-screen{
    min-height: 100vh
}
.w-1{
    width: 0.25rem
}
.w-1\/4{
    width: 25%
}
.w-14p{
    width: 14px
}
.w-24p{
    width: 24px
}
.w-3\/4{
    width: 75%
}
.w-32{
    width: 8rem
}
.w-5{
    width: 1.25rem
}
.w-80{
    width: 20rem
}
.w-\[100\%\]{
    width: 100%
}
.w-\[100px\]{
    width: 100px
}
.w-\[30px\]{
    width: 30px
}
.w-\[36px\]{
    width: 36px
}
.w-\[80\%\]{
    width: 80%
}
.w-full{
    width: 100%
}
.w-screen{
    width: 100vw
}
.w-unset{
    width: unset
}
.min-w-\[180px\]{
    min-width: 180px
}
.min-w-\[30px\]{
    min-width: 30px
}
.max-w-1000p{
    max-width: 1000px
}
.max-w-1200p{
    max-width: 1200px
}
.max-w-120p{
    max-width: 120px
}
.max-w-1600p{
    max-width: 1600px
}
.max-w-189p{
    max-width: 189px
}
.max-w-1920p{
    max-width: 1920px
}
.max-w-280p{
    max-width: 280px
}
.max-w-360p{
    max-width: 360px
}
.max-w-620p{
    max-width: 620px
}
.max-w-700p{
    max-width: 700px
}
.max-w-768p{
    max-width: 768px
}
.max-w-\[1200px\]{
    max-width: 1200px
}
.max-w-\[1300px\]{
    max-width: 1300px
}
.max-w-\[140px\]{
    max-width: 140px
}
.max-w-\[1600px\]{
    max-width: 1600px
}
.max-w-\[1920px\]{
    max-width: 1920px
}
.max-w-\[200px\]{
    max-width: 200px
}
.max-w-\[240px\]{
    max-width: 240px
}
.max-w-\[300px\]{
    max-width: 300px
}
.max-w-\[600px\]{
    max-width: 600px
}
.max-w-\[60px\]{
    max-width: 60px
}
.max-w-\[800px\]{
    max-width: 800px
}
.max-w-\[90\%\]{
    max-width: 90%
}
.max-w-\[980px\]{
    max-width: 1080px
}
.max-w-full{
    max-width: 100%
}
.max-w-none{
    max-width: none
}
.max-w-screen-md{
    max-width: 768px
}
.max-w-sm{
    max-width: 24rem
}
.max-w-xl{
    max-width: 36rem
}
.flex-1{
    flex: 1 1 0%
}
.flex-none{
    flex: none
}
.shrink{
    flex-shrink: 1
}
.grow{
    flex-grow: 1
}
.origin-bottom{
    transform-origin: bottom
}
.-rotate-90{
    --tw-rotate: -90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rotate-0{
    --tw-rotate: 0deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.scale-100{
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.scale-65{
    --tw-scale-x: .65;
    --tw-scale-y: .65;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.transform{
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.cursor-pointer{
    cursor: pointer
}
.resize{
    resize: both
}
.list-outside{
    list-style-position: outside
}
.list-decimal{
    list-style-type: decimal
}
.appearance-none{
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none
}
.grid-flow-row{
    grid-auto-flow: row
}
.grid-flow-col{
    grid-auto-flow: column
}
.auto-rows-auto{
    grid-auto-rows: auto
}
.auto-rows-max{
    grid-auto-rows: max-content
}
.grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr))
}
.grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr))
}
.grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr))
}
.grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr))
}
.grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr))
}
.flex-col{
    flex-direction: column
}
.flex-wrap{
    flex-wrap: wrap
}
.items-start{
    align-items: flex-start
}
.items-center{
    align-items: center
}
.justify-start{
    justify-content: flex-start
}
.justify-end{
    justify-content: flex-end
}
.justify-center{
    justify-content: center
}
.justify-between{
    justify-content: space-between
}
.justify-evenly{
    justify-content: space-evenly
}
.gap-0{
    gap: 0px
}
.gap-1p{
    gap: 1px
}
.gap-2{
    gap: 0.5rem
}
.gap-4{
    gap: 1rem
}
.gap-5{
    gap: 1.25rem
}
.gap-6{
    gap: 1.5rem
}
.gap-7{
    gap: 1.75rem
}
.gap-8{
    gap: 2rem
}
.gap-x-4{
    -moz-column-gap: 1rem;
         column-gap: 1rem
}
.gap-x-6{
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem
}
.gap-y-16{
    row-gap: 4rem
}
.gap-y-4{
    row-gap: 1rem
}
.gap-y-6{
    row-gap: 1.5rem
}
.-space-x-px > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(-1px * var(--tw-space-x-reverse));
    margin-left: calc(-1px * calc(1 - var(--tw-space-x-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))
}
.divide-y > :not([hidden]) ~ :not([hidden]){
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
}
.divide-gray-100 > :not([hidden]) ~ :not([hidden]){
    --tw-divide-opacity: 1;
    border-color: rgb(232 232 232 / var(--tw-divide-opacity))
}
.divide-gray-400 > :not([hidden]) ~ :not([hidden]){
    --tw-divide-opacity: 1;
    border-color: rgb(168 168 168 / var(--tw-divide-opacity))
}
.overflow-hidden{
    overflow: hidden
}
.overflow-x-auto{
    overflow-x: auto
}
.overflow-y-auto{
    overflow-y: auto
}
.overflow-x-hidden{
    overflow-x: hidden
}
.overflow-x-scroll{
    overflow-x: scroll
}
.overflow-y-hidden{
    overflow-y: hidden
}
.overflow-y-scroll{
    overflow-y: scroll
}
.whitespace-nowrap{
    white-space: nowrap
}
.rounded{
    border-radius: 0.25rem
}
.rounded-20p{
    border-radius: 20px
}
.rounded-2xl{
    border-radius: 1rem
}
.rounded-40p{
    border-radius: 40px
}
.rounded-full{
    border-radius: 9999px
}
.rounded-lg{
    border-radius: 0.5rem
}
.rounded-br-20p{
    border-bottom-right-radius: 20px
}
.rounded-br-2xl{
    border-bottom-right-radius: 1rem
}
.rounded-tl-20p{
    border-top-left-radius: 20px
}
.rounded-tl-2xl{
    border-top-left-radius: 1rem
}
.border{
    border-width: 1px
}
.border-\[2px\]{
    border-width: 2px
}
.border-y{
    border-top-width: 1px;
    border-bottom-width: 1px
}
.border-y-\[2px\]{
    border-top-width: 2px;
    border-bottom-width: 2px
}
.border-b{
    border-bottom-width: 1px
}
.border-l-2{
    border-left-width: 2px
}
.border-r{
    border-right-width: 1px
}
.border-r-2{
    border-right-width: 2px
}
.border-r-\[2px\]{
    border-right-width: 2px
}
.border-t{
    border-top-width: 1px
}
.border-APP-blue-dark{
    --tw-border-opacity: 1;
    border-color: rgb(157 184 190 / var(--tw-border-opacity))
}
.border-DFE2EA{
    --tw-border-opacity: 1;
    border-color: rgb(223 226 234 / var(--tw-border-opacity))
}
.border-ESG-blue{
    --tw-border-opacity: 1;
    border-color: rgb(10 151 217 / var(--tw-border-opacity))
}
.border-ESG-green{
    --tw-border-opacity: 1;
    border-color: rgb(86 192 43 / var(--tw-border-opacity))
}
.border-ESG-green-dark{
    --tw-border-opacity: 1;
    border-color: rgb(50 100 54 / var(--tw-border-opacity))
}
.border-ESG-yellow{
    --tw-border-opacity: 1;
    border-color: rgb(253 157 36 / var(--tw-border-opacity))
}
.border-gray-100{
    --tw-border-opacity: 1;
    border-color: rgb(232 232 232 / var(--tw-border-opacity))
}
.border-gray-300{
    --tw-border-opacity: 1;
    border-color: rgb(230 230 230 / var(--tw-border-opacity))
}
.border-gray-400{
    --tw-border-opacity: 1;
    border-color: rgb(168 168 168 / var(--tw-border-opacity))
}
.border-gray-500{
    --tw-border-opacity: 1;
    border-color: rgb(179 179 179 / var(--tw-border-opacity))
}
.border-primary{
    --tw-border-opacity: 1;
    border-color: rgb(33 89 159 / var(--tw-border-opacity))
}
.border-primary-blue{
    --tw-border-opacity: 1;
    border-color: rgb(33 89 159 / var(--tw-border-opacity))
}
.border-primary-darken{
    --tw-border-opacity: 1;
    border-color: rgb(15 78 123 / var(--tw-border-opacity))
}
.border-white{
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity))
}
.border-opacity-50{
    --tw-border-opacity: 0.5
}
.bg-7B868C{
    --tw-bg-opacity: 1;
    background-color: rgb(123 134 140 / var(--tw-bg-opacity))
}
.bg-APP-blue{
    --tw-bg-opacity: 1;
    background-color: rgb(238 242 243 / var(--tw-bg-opacity))
}
.bg-APP-blue-dark{
    --tw-bg-opacity: 1;
    background-color: rgb(157 184 190 / var(--tw-bg-opacity))
}
.bg-DFE2EA{
    --tw-bg-opacity: 1;
    background-color: rgb(223 226 234 / var(--tw-bg-opacity))
}
.bg-ESG-blue{
    --tw-bg-opacity: 1;
    background-color: rgb(10 151 217 / var(--tw-bg-opacity))
}
.bg-ESG-blue-dark{
    --tw-bg-opacity: 1;
    background-color: rgb(25 72 106 / var(--tw-bg-opacity))
}
.bg-ESG-green{
    --tw-bg-opacity: 1;
    background-color: rgb(86 192 43 / var(--tw-bg-opacity))
}
.bg-ESG-green-dark{
    --tw-bg-opacity: 1;
    background-color: rgb(50 100 54 / var(--tw-bg-opacity))
}
.bg-ESG-orange{
    --tw-bg-opacity: 1;
    background-color: rgb(150 62 22 / var(--tw-bg-opacity))
}
.bg-ESG-yellow{
    --tw-bg-opacity: 1;
    background-color: rgb(253 157 36 / var(--tw-bg-opacity))
}
.bg-F8F8F8{
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 248 / var(--tw-bg-opacity))
}
.bg-black{
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity))
}
.bg-gray-200{
    --tw-bg-opacity: 1;
    background-color: rgb(213 214 215 / var(--tw-bg-opacity))
}
.bg-gray-50{
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity))
}
.bg-gray-700{
    --tw-bg-opacity: 1;
    background-color: rgb(82 82 82 / var(--tw-bg-opacity))
}
.bg-primary{
    --tw-bg-opacity: 1;
    background-color: rgb(33 89 159 / var(--tw-bg-opacity))
}
.bg-primary-blue{
    --tw-bg-opacity: 1;
    background-color: rgb(33 89 159 / var(--tw-bg-opacity))
}
.bg-transparent{
    background-color: transparent
}
.bg-white{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.bg-opacity-0{
    --tw-bg-opacity: 0
}
.bg-opacity-20{
    --tw-bg-opacity: 0.2
}
.bg-opacity-25{
    --tw-bg-opacity: 0.25
}
.bg-opacity-30{
    --tw-bg-opacity: 0.3
}
.bg-opacity-40{
    --tw-bg-opacity: 0.4
}
.bg-opacity-50{
    --tw-bg-opacity: 0.5
}
.bg-opacity-60{
    --tw-bg-opacity: 0.6
}
.bg-opacity-80{
    --tw-bg-opacity: 0.8
}
.bg-opacity-90{
    --tw-bg-opacity: 0.9
}
.fill-current{
    fill: currentColor
}
.fill-white{
    fill: #fff
}
.stroke-current{
    stroke: currentColor
}
.stroke-white{
    stroke: #fff
}
.object-cover{
    -o-object-fit: cover;
       object-fit: cover
}
.p-0{
    padding: 0px
}
.p-10{
    padding: 2.5rem
}
.p-14{
    padding: 3.5rem
}
.p-16{
    padding: 4rem
}
.p-2{
    padding: 0.5rem
}
.p-2\.5{
    padding: 0.625rem
}
.p-3{
    padding: 0.75rem
}
.p-4{
    padding: 1rem
}
.p-5{
    padding: 1.25rem
}
.p-6{
    padding: 1.5rem
}
.p-8{
    padding: 2rem
}
.px-0{
    padding-left: 0px;
    padding-right: 0px
}
.px-1{
    padding-left: 0.25rem;
    padding-right: 0.25rem
}
.px-16{
    padding-left: 4rem;
    padding-right: 4rem
}
.px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem
}
.px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem
}
.px-4{
    padding-left: 1rem;
    padding-right: 1rem
}
.px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem
}
.px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem
}
.px-7{
    padding-left: 1.75rem;
    padding-right: 1.75rem
}
.px-8{
    padding-left: 2rem;
    padding-right: 2rem
}
.py-0{
    padding-top: 0px;
    padding-bottom: 0px
}
.py-1{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem
}
.py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}
.py-12{
    padding-top: 3rem;
    padding-bottom: 3rem
}
.py-14{
    padding-top: 3.5rem;
    padding-bottom: 3.5rem
}
.py-16{
    padding-top: 4rem;
    padding-bottom: 4rem
}
.py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}
.py-20{
    padding-top: 5rem;
    padding-bottom: 5rem
}
.py-28{
    padding-top: 7rem;
    padding-bottom: 7rem
}
.py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem
}
.py-32{
    padding-top: 8rem;
    padding-bottom: 8rem
}
.py-4{
    padding-top: 1rem;
    padding-bottom: 1rem
}
.py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}
.py-8{
    padding-top: 2rem;
    padding-bottom: 2rem
}
.py-\[88px\]{
    padding-top: 88px;
    padding-bottom: 88px
}
.pb-0{
    padding-bottom: 0px
}
.pb-12{
    padding-bottom: 3rem
}
.pb-16{
    padding-bottom: 4rem
}
.pb-2{
    padding-bottom: 0.5rem
}
.pb-24{
    padding-bottom: 6rem
}
.pb-28{
    padding-bottom: 7rem
}
.pb-4{
    padding-bottom: 1rem
}
.pb-40{
    padding-bottom: 10rem
}
.pb-6{
    padding-bottom: 1.5rem
}
.pb-7{
    padding-bottom: 1.75rem
}
.pb-8{
    padding-bottom: 2rem
}
.pl-1{
    padding-left: 0.25rem
}
.pl-2{
    padding-left: 0.5rem
}
.pl-4{
    padding-left: 1rem
}
.pl-7{
    padding-left: 1.75rem
}
.pr-0{
    padding-right: 0px
}
.pr-2{
    padding-right: 0.5rem
}
.pr-3{
    padding-right: 0.75rem
}
.pr-6{
    padding-right: 1.5rem
}
.pr-8{
    padding-right: 2rem
}
.pt-12{
    padding-top: 3rem
}
.pt-16{
    padding-top: 4rem
}
.pt-4{
    padding-top: 1rem
}
.pt-5{
    padding-top: 1.25rem
}
.pt-6{
    padding-top: 1.5rem
}
.pt-7{
    padding-top: 1.75rem
}
.pt-8{
    padding-top: 2rem
}
.text-left{
    text-align: left
}
.text-center{
    text-align: center
}
.text-right{
    text-align: right
}
.align-middle{
    vertical-align: middle
}
.font-readex{
    font-family: Readex Pro, sans-serif
}
.text-12{
    font-size: 0.75rem
}
.text-14{
    font-size: 0.875rem
}
.text-16{
    font-size: 1rem
}
.text-18{
    font-size: 1.125rem
}
.text-24{
    font-size: 1.5rem
}
.text-32{
    font-size: 2rem
}
.text-36{
    font-size: 2.25rem
}
.text-40{
    font-size: 2.5rem
}
.text-\[11px\]{
    font-size: 11px
}
.text-\[14px\]{
    font-size: 14px
}
.text-\[16px\]{
    font-size: 16px
}
.text-\[18px\]{
    font-size: 18px
}
.text-\[20px\]{
    font-size: 20px
}
.text-\[30px\]{
    font-size: 30px
}
.text-\[36px\]{
    font-size: 36px
}
.font-bold{
    font-weight: 700
}
.font-medium{
    font-weight: 500
}
.font-normal{
    font-weight: 400
}
.uppercase{
    text-transform: uppercase
}
.leading-120{
    line-height: 120%
}
.leading-125{
    line-height: 125%
}
.leading-150{
    line-height: 150%
}
.leading-\[120\%\]{
    line-height: 120%
}
.text-ESG-blue{
    --tw-text-opacity: 1;
    color: rgb(10 151 217 / var(--tw-text-opacity))
}
.text-ESG-green{
    --tw-text-opacity: 1;
    color: rgb(86 192 43 / var(--tw-text-opacity))
}
.text-ESG-yellow{
    --tw-text-opacity: 1;
    color: rgb(253 157 36 / var(--tw-text-opacity))
}
.text-black{
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity))
}
.text-gray-200{
    --tw-text-opacity: 1;
    color: rgb(213 214 215 / var(--tw-text-opacity))
}
.text-gray-400{
    --tw-text-opacity: 1;
    color: rgb(168 168 168 / var(--tw-text-opacity))
}
.text-gray-500{
    --tw-text-opacity: 1;
    color: rgb(179 179 179 / var(--tw-text-opacity))
}
.text-gray-600{
    --tw-text-opacity: 1;
    color: rgb(105 105 105 / var(--tw-text-opacity))
}
.text-gray-800{
    --tw-text-opacity: 1;
    color: rgb(37 36 41 / var(--tw-text-opacity))
}
.text-gray-900{
    --tw-text-opacity: 1;
    color: rgb(64 64 65 / var(--tw-text-opacity))
}
.text-primary{
    --tw-text-opacity: 1;
    color: rgb(33 89 159 / var(--tw-text-opacity))
}
.text-primary-blue{
    --tw-text-opacity: 1;
    color: rgb(33 89 159 / var(--tw-text-opacity))
}
.text-primary-light{
    --tw-text-opacity: 1;
    color: rgb(13 38 88 / var(--tw-text-opacity))
}
.text-secondary{
    --tw-text-opacity: 1;
    color: rgb(254 223 88 / var(--tw-text-opacity))
}
.text-white{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}



.opacity-0{
    opacity: 0
}
.opacity-25{
    opacity: 0.25
}
.opacity-5{
    opacity: 0.05
}
.opacity-50{
    opacity: 0.5
}
.opacity-70{
    opacity: 0.7
}
.opacity-90{
    opacity: 0.9
}



.shadow{
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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-global{
    --tw-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    --tw-shadow-colored: 0px 0px 10px 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 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-sm{
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.outline-none{
    outline: 2px solid transparent;
    outline-offset: 2px
}
.outline{
    outline-style: solid
}
.filter{
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.backdrop-blur-md{
    --tw-backdrop-blur: blur(12px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
            backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.backdrop-blur-xl{
    --tw-backdrop-blur: blur(24px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
            backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.transition-all{
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.transition-colors{
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.transition-opacity{
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.transition-transform{
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.duration-1000{
    transition-duration: 1000ms
}
.duration-150{
    transition-duration: 150ms
}
.duration-200{
    transition-duration: 200ms
}
.duration-300{
    transition-duration: 300ms
}
.duration-500{
    transition-duration: 500ms
}
.will-change-\[transform\2c filter\]{
    will-change: transform,filter
}
.will-change-scroll{
    will-change: scroll-position
}
.will-change-transform{
    will-change: transform
}
.line-clamp-2{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}
.line-clamp-3{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

@font-face {
    font-display: swap; 
    font-family: "Readex Pro";
    font-style: normal;
    font-weight: 400;
    src: url("") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ibm-plex-sans-regular - latin */
@font-face {
    font-display: swap; 
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 400;
    src: url("2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ibm-plex-sans-500 - latin */
@font-face {
    font-display: swap; 
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 500;
    src: url("") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ibm-plex-sans-700 - latin */
@font-face {
    font-display: swap; 
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 700;
    src: url("") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
[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]{-webkit-backface-visibility:hidden;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)}

.os-size-observer,.os-size-observer-listener{box-sizing:border-box;direction:inherit;overflow:hidden;pointer-events:none;visibility:hidden}
.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{left:0;position:absolute;top:0;writing-mode:horizontal-tb}
.os-size-observer{border:inherit;bottom:0;box-sizing:inherit;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;left:0;margin:-133px;padding:inherit;right:0;top:0;transform:scale(.1);z-index:-1}
.os-size-observer:before{box-sizing:inherit;content:"";flex:none;height:10px;padding:10px;width:10px}
.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}
.os-size-observer-listener{border:inherit;box-sizing:border-box;flex:auto;margin:-133px;padding:inherit;position:relative;transform:scale(10)}
.os-size-observer-listener.ltr{margin-left:0;margin-right:-266px}
.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}
.os-size-observer-listener:empty:before{content:"";height:100%;width:100%}
.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{border:inherit;box-sizing:content-box;display:block;flex:auto;padding:inherit;position:relative}
.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}
.os-size-observer-listener-item{bottom:0;direction:ltr;flex:none;overflow:hidden;right:0}
.os-size-observer-listener-item-final{transition:none}
@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}
.os-trinsic-observer{border:none;box-sizing:border-box;contain:strict;flex:none;height:0;margin:0;max-height:1px;max-width:0;overflow:hidden;padding:0;position:relative;top:calc(100% + 1px);z-index:-1}
.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}
.os-trinsic-observer:not(:empty)>.os-size-observer{height:1000%;min-height:1px;min-width:1px;width:1000%}
.os-environment{--os-custom-prop:-1;height:200px;opacity:0;overflow:scroll;position:fixed;visibility:hidden;width:200px;z-index:var(--os-custom-prop)}
.os-environment div{height:200%;margin:10px 0;width:200%}
.os-environment.os-environment-flexbox-glue{display:flex;flex-direction:row;flex-wrap:nowrap;height:auto;min-height:200px;min-width:200px;width:auto}
.os-environment.os-environment-flexbox-glue div{flex:auto;height:auto;margin:0;max-height:100%;max-width:100%;width:auto}
.os-environment.os-environment-flexbox-glue-max{max-height:200px}
.os-environment.os-environment-flexbox-glue-max div{overflow:visible}
.os-environment.os-environment-flexbox-glue-max div:before{content:"";display:block;height:999px;width:999px}
.os-environment,.os-viewport{-ms-overflow-style:scrollbar!important}
.os-viewport-scrollbar-hidden.os-environment,.os-viewport-scrollbar-hidden.os-viewport,[data-overlayscrollbars-initialize],[data-overlayscrollbars~=scrollbarHidden]{scrollbar-width:none!important}
.os-viewport-scrollbar-hidden.os-environment::-webkit-scrollbar,.os-viewport-scrollbar-hidden.os-environment::-webkit-scrollbar-corner,.os-viewport-scrollbar-hidden.os-viewport::-webkit-scrollbar,.os-viewport-scrollbar-hidden.os-viewport::-webkit-scrollbar-corner,[data-overlayscrollbars-initialize]::-webkit-scrollbar,[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar-corner{-webkit-appearance:none!important;appearance:none!important;display:none!important;height:0!important;width:0!important}
[data-overlayscrollbars-initialize]{overflow:auto}
html.os-viewport-scrollbar-hidden,html.os-viewport-scrollbar-hidden>body,html[data-overlayscrollbars]{box-sizing:border-box;height:100%;margin:0;width:100%}
html[data-overlayscrollbars]>body{overflow:visible}
[data-overlayscrollbars~=host]{position:relative}
.os-padding,[data-overlayscrollbars~=host]{display:flex;flex-direction:row!important;flex-wrap:nowrap!important}
.os-padding,.os-viewport{border:none;box-sizing:inherit;flex:auto!important;height:auto;margin:0;padding:0;position:relative;width:100%;z-index:0}
.os-viewport{--os-vaw:0;--os-vah:0}
.os-viewport.os-viewport-arrange:before{content:"";height:var(--os-vah);min-height:1px;min-width:1px;pointer-events:none;position:absolute;width:var(--os-vaw);z-index:-1}
[data-overlayscrollbars~=host],[data-overlayscrollbars~=viewport]{overflow:hidden}
[data-overlayscrollbars~=overflowVisible]{overflow:visible}
[data-overlayscrollbars-overflow-x=hidden]{overflow-x:hidden}
[data-overlayscrollbars-overflow-x=scroll]{overflow-x:scroll}
[data-overlayscrollbars-overflow-x=hidden]{overflow-y:hidden}
[data-overlayscrollbars-overflow-y=scroll]{overflow-y:scroll}
.os-padding,.os-viewport{overflow:hidden}
.os-overflow-visible{overflow:visible}
.os-content{box-sizing:inherit}
[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] .os-padding{display:grid;grid-template:1fr/1fr}
[data-overlayscrollbars-grid]>.os-padding,[data-overlayscrollbars-grid]>.os-padding>.os-viewport,[data-overlayscrollbars-grid]>.os-viewport{height:auto!important;width:auto!important}
.os-scrollbar{contain:size layout;contain:size layout style;opacity:0;pointer-events:none;position:absolute;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;visibility:hidden}
body>.os-scrollbar{position:fixed;z-index:99999}
.os-scrollbar-transitionless{transition:none}
.os-scrollbar-track{border:none!important;direction:ltr!important;padding:0!important;position:relative}
.os-scrollbar-handle{position:absolute}
.os-scrollbar-handle,.os-scrollbar-track{height:100%;pointer-events:none;width:100%}
.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle,.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track{pointer-events:auto;touch-action:none}
.os-scrollbar-horizontal{bottom:0;left:0}
.os-scrollbar-vertical{right:0;top:0}
.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}
.os-scrollbar-rtl.os-scrollbar-vertical{left:0;right:auto}
.os-scrollbar-interaction.os-scrollbar-visible,.os-scrollbar-visible{opacity:1;visibility:visible}
.os-scrollbar-auto-hidden{opacity:0;visibility:hidden}
.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}
.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important}
.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0}
.os-scrollbar-vertical .os-scrollbar-handle{right:0}
.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{left:0;right:auto}
.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}
.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{bottom:0;top:0}
.os-scrollbar{--os-size:0;--os-padding-perpendicular:0;--os-padding-axis:0;--os-track-border-radius:0;--os-track-bg:none;--os-track-bg-hover:none;--os-track-bg-active:none;--os-track-border:none;--os-track-border-hover:none;--os-track-border-active:none;--os-handle-border-radius:0;--os-handle-bg:none;--os-handle-bg-hover:none;--os-handle-bg-active:none;--os-handle-border:none;--os-handle-border-hover:none;--os-handle-border-active:none;--os-handle-min-size:33px;--os-handle-max-size:none;--os-handle-perpendicular-size:100%;--os-handle-perpendicular-size-hover:100%;--os-handle-perpendicular-size-active:100%;--os-handle-interactive-area-offset:0}
.os-scrollbar .os-scrollbar-track{background:var(--os-track-bg);border:var(--os-track-border);border-radius:var(--os-track-border-radius);transition:opacity .15s,background-color .15s,border-color .15s}
.os-scrollbar .os-scrollbar-track:hover{background:var(--os-track-bg-hover);border:var(--os-track-border-hover)}
.os-scrollbar .os-scrollbar-track:active{background:var(--os-track-bg-active);border:var(--os-track-border-active)}
.os-scrollbar .os-scrollbar-handle{background:var(--os-handle-bg);border:var(--os-handle-border);border-radius:var(--os-handle-border-radius)}
.os-scrollbar .os-scrollbar-handle:before{bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}
.os-scrollbar .os-scrollbar-handle:hover{background:var(--os-handle-bg-hover);border:var(--os-handle-border-hover)}
.os-scrollbar .os-scrollbar-handle:active{background:var(--os-handle-bg-active);border:var(--os-handle-border-active)}
.os-scrollbar-horizontal{height:var(--os-size);padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size)}
.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}
.os-scrollbar-horizontal .os-scrollbar-handle{height:var(--os-handle-perpendicular-size);max-width:var(--os-handle-max-size);min-width:var(--os-handle-min-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}
.os-scrollbar-horizontal .os-scrollbar-handle:before{bottom:calc(var(--os-padding-perpendicular)*-1);top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset))*-1)}
.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}
.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}
.os-scrollbar-vertical{bottom:var(--os-size);padding:var(--os-padding-axis) var(--os-padding-perpendicular);width:var(--os-size)}
.os-scrollbar-vertical .os-scrollbar-handle{max-height:var(--os-handle-max-size);min-height:var(--os-handle-min-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s;width:var(--os-handle-perpendicular-size)}
.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset))*-1);right:calc(var(--os-padding-perpendicular)*-1)}
.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{left:calc(var(--os-padding-perpendicular)*-1);right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset))*-1)}
.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}
.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}
.os-theme-none.os-scrollbar,[data-overlayscrollbars~=updating]>.os-scrollbar{display:none!important}
.os-theme-dark,.os-theme-light{--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-border-radius:10px;--os-handle-interactive-area-offset:4px;--os-handle-border-radius:10px;box-sizing:border-box}
.os-theme-dark{--os-handle-bg:rgba(0,0,0,.44);--os-handle-bg-hover:rgba(0,0,0,.55);--os-handle-bg-active:rgba(0,0,0,.66)}
.os-theme-light{--os-handle-bg:hsla(0,0%,100%,.44);--os-handle-bg-hover:hsla(0,0%,100%,.55);--os-handle-bg-active:hsla(0,0%,100%,.66)}
.os-no-css-vars.os-theme-dark.os-scrollbar .os-scrollbar-handle,.os-no-css-vars.os-theme-dark.os-scrollbar .os-scrollbar-track,.os-no-css-vars.os-theme-light.os-scrollbar .os-scrollbar-handle,.os-no-css-vars.os-theme-light.os-scrollbar .os-scrollbar-track{border-radius:10px}
.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal,.os-no-css-vars.os-theme-light.os-scrollbar-horizontal{height:10px;padding:2px;right:10px}
.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal.os-scrollbar-rtl,.os-no-css-vars.os-theme-light.os-scrollbar-horizontal.os-scrollbar-rtl{left:10px;right:0}
.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal .os-scrollbar-handle,.os-no-css-vars.os-theme-light.os-scrollbar-horizontal .os-scrollbar-handle{max-width:none;min-width:33px}
.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-no-css-vars.os-theme-light.os-scrollbar-horizontal .os-scrollbar-handle:before{bottom:-2px;top:-6px}
.os-no-css-vars.os-theme-dark.os-scrollbar-vertical,.os-no-css-vars.os-theme-light.os-scrollbar-vertical{bottom:10px;padding:2px;width:10px}
.os-no-css-vars.os-theme-dark.os-scrollbar-vertical .os-scrollbar-handle,.os-no-css-vars.os-theme-light.os-scrollbar-vertical .os-scrollbar-handle{max-height:none;min-height:33px}
.os-no-css-vars.os-theme-dark.os-scrollbar-vertical .os-scrollbar-handle:before,.os-no-css-vars.os-theme-light.os-scrollbar-vertical .os-scrollbar-handle:before{left:-6px;right:-2px}
.os-no-css-vars.os-theme-dark.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before,.os-no-css-vars.os-theme-light.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{left:-2px;right:-6px}
.os-no-css-vars.os-theme-dark .os-scrollbar-handle{background:rgba(0,0,0,.44)}
.os-no-css-vars.os-theme-dark:hover .os-scrollbar-handle{background:rgba(0,0,0,.55)}
.os-no-css-vars.os-theme-dark:active .os-scrollbar-handle{background:rgba(0,0,0,.66)}
.os-no-css-vars.os-theme-light .os-scrollbar-handle{background:hsla(0,0%,100%,.44)}
.os-no-css-vars.os-theme-light:hover .os-scrollbar-handle{background:hsla(0,0%,100%,.55)}
.os-no-css-vars.os-theme-light:active .os-scrollbar-handle{background:hsla(0,0%,100%,.66)}
/* @import 'video.js/dist/video-js.css'; */
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}
[data-tippy-root]{max-width:calc(100vw - 10px)}
.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}
.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}
.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}
.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}
.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}
.tippy-box[data-placement^=left]>.tippy-arrow{right:0}
.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}
.tippy-box[data-placement^=right]>.tippy-arrow{left:0}
.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}
.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}
.tippy-arrow{width:16px;height:16px;color:#333}
.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}
.tippy-content{position:relative;padding:5px 9px;z-index:1}
.tippy-box[data-animation=scale][data-placement^=top]{transform-origin:bottom}
.tippy-box[data-animation=scale][data-placement^=bottom]{transform-origin:top}
.tippy-box[data-animation=scale][data-placement^=left]{transform-origin:right}
.tippy-box[data-animation=scale][data-placement^=right]{transform-origin:left}
.tippy-box[data-animation=scale][data-state=hidden]{transform:scale(.5);opacity:0}
/* @import 'lity/dist/lity'; */
#preloader {
  
}
/* @import 'swiper/swiper.min.css';
@import 'swiper/components/navigation/navigation.min.css';
@import 'swiper/components/pagination/pagination.min.css'; */
.swiper-button-next,
.swiper-button-prev {
    width: 44px;
    height: 44px;
    transition-property: opacity;
    transition-duration: 150ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    /* top: calc(50% - 16px) !important; */
}
.swiper-button-next:hover,
.swiper-button-prev:hover{
    opacity: 0.75
}
.swiper-button-prev {
    background-image: url("../img/swiper-prev.svg");
}
.swiper-timeline-prev {
    background-image: url("../img/swiper-prev-timeline.svg");
}
.swiper-s1-button-prev {
    background-image: url("../img/swiper-s1-prev.svg");
}
.swiper-news-button-prev {
    background-image: url("../img/swiper-news-prev.svg");
}
.swiper-button-next::after,
.swiper-button-prev::after {
    content: none;
}
.swiper-button-next {
    background-image: url("../img/swiper-next.svg");
}
.swiper-timeline-next {
    background-image: url("../img/swiper-next-timeline.svg");
}
.swiper-s1-button-next {
    background-image: url("../img/swiper-s1-next.svg");
}
.swiper-news-button-next {
    background-image: url("../img/swiper-news-next.svg");
}
.swiper-pagination-bullet{
    transition-property: all;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    background-color: #FFDC34 !important;
    margin: 0 20px 0 0 !important
}
.swiper-pagination-bullet-active{
    --tw-bg-opacity: 1;
    background-color: rgb(33 89 159 / var(--tw-bg-opacity))
}
.swiper-pagination-progressbar{
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    background-color: #DFE2EA;
    width: 480px;
    height: 2px
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    --tw-bg-opacity: 1;
    background-color: rgb(33 89 159 / var(--tw-bg-opacity))
}
.swiper-pagination-text {
    bottom: 0 !important;
}
.swiper-pagination-text .swiper-pagination-bullet{
    height: unset;
    width: unset;
    border-radius: 1.5rem;
    border-width: 2px;
    border-color: transparent;
    background-color: transparent;
    padding-left: 1rem;
    padding-right: 1rem;
    opacity: 0.6;
        padding-bottom: 1px;
        margin: .5rem auto !important
}
.swiper-pagination-text .swiper-pagination-bullet-active{
    width: unset;
    border-radius: 1.5rem;
    --tw-border-opacity: 1;
    border-color: rgb(33 89 159 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(33 89 159 / var(--tw-text-opacity));
    opacity: 1
}
.swiper-pagination-gallery {
    bottom: 0 !important;
}
.swiper-pagination-gallery .swiper-pagination-bullet{
    border-radius: 1.5rem;
    border-width: 1px;
    border-color: transparent;
    background-color: transparent
}
.swiper-pagination-gallery .swiper-pagination-bullet-active {
        
    }
.swiper-pagination-progressbar{
    margin-left: 4rem;
    margin-right: 4rem;
    width: unset
}
.swiper-slide {
  height: auto;
}
[data-aos="width-right"] {
    width: 0;
    transition-property: width;
}
[data-aos="width-right"].aos-animate {
        width: 100%;
    }
[data-aos="width-left"] {
    width: 0;
    margin-left: 100%;
    transition-property: width, margin-left;
}
[data-aos="width-left"].aos-animate {
        width: 100%;
        margin-left: 0;
    }
[data-aos="scale-in"] {
    opacity: 0;
    transform: scale(1.5);
    transition-property: transform opacity;
}
[data-aos="scale-in"].aos-animate {
        opacity: 1;
        transform: scale(1);
    }
[data-aos="scale-out"] {
    opacity: 0;
    transform: scale(0);
    transition-property: transform opacity;
}
[data-aos="scale-out"].aos-animate {
        opacity: 1;
        transform: scale(1);
    }
[data-aos="slide-left-h"] {
    transform: translateX(-100%);
    transition-property: transform;
}
[data-aos="slide-left-h"].aos-animate {
        transform: translateX(0%);
    }
[data-aos="slide-top-h"] {
    transform: translateY(120%);
    transition-property: transform;
}
[data-aos="slide-top-h"].aos-animate {
        transform: translateY(0%);
    }
[data-aos="scaleY-down"] {
    transform: scaleY(0) scaleX(2);
    filter: drop-shadow(0 0 8px #30C7EC) saturate(2);
    transition-property: transform, filter;
    transition-timing-function: ease-out;
    transform-origin: top center;
}
[data-aos="scaleY-down"].aos-animate {
        transform: scaleY(1) scaleX(1);
        filter: drop-shadow(0 0 0 #30C7EC) saturate(1);
    }
[data-aos="scale-down"] {
    transform: scaleY(0);
    transition-property: transform;
    transition-timing-function: ease-out;
    transform-origin: top center;
}
[data-aos="scale-down"].aos-animate {
        transform: scaleY(1);
    }
[data-aos="blur-up"] {
    opacity: 0;
    filter: blur(6px);
    transform: translateY(36px);
    transition-property: transform, filter, opacity;
    transition-timing-function: ease-out;
}
[data-aos="blur-up"].aos-animate {
        opacity: 1;
        filter: blur(0px);
        transform: translateY(0);
    }
[data-aos="blur-down"] {
    opacity: 0;
    filter: blur(6px);
    transform: translateY(-36px);
    transition-property: transform, filter, opacity;
    transition-timing-function: ease-out;
}
[data-aos="blur-down"].aos-animate {
        opacity: 1;
        filter: blur(0px);
        transform: translateY(0);
    }
[data-aos="blur-left"] {
    opacity: 0;
    filter: blur(6px);
    transform: translateX(-36px);
    transition-property: transform, filter, opacity;
    transition-timing-function: ease-out;
}
[data-aos="blur-left"].aos-animate {
        opacity: 1;
        filter: blur(0px);
        transform: translateX(0);
    }
[data-aos="blur-right"] {
    opacity: 0;
    filter: blur(6px);
    transform: translateX(36px);
    transition-property: transform, filter, opacity;
    transition-timing-function: ease-out;
}
[data-aos="blur-right"].aos-animate {
        opacity: 1;
        filter: blur(0px);
        transform: translateX(0);
    }
[data-aos="blur-out"] {
    opacity: 0;
    filter: blur(6px);
    transform: scale(2);
    transition-property: transform, filter, opacity;
    transition-timing-function: ease-out;
}
[data-aos="blur-out"].aos-animate {
        opacity: 1;
        filter: blur(0);
        transform: scale(1);
    }
[data-aos="blur-in"] {
    opacity: 0;
    filter: blur(6px);
    transform: scale(.9);
    transition-property: transform, filter, opacity;
    transition-timing-function: ease-out;
}
[data-aos="blur-in"].aos-animate {
        opacity: 1;
        filter: blur(0);
        transform: scale(1);
    }
[data-aos="line-down-174"] {
    max-height: 0px;
    transition-property: max-height;
}
[data-aos="line-down-174"].aos-animate {
        max-height: 174px;
    }
[data-aos="line-down-224"] {
    max-height: 0px;
    transition-property: max-height;
}
[data-aos="line-down-224"].aos-animate {
        max-height: 224px;
    }
[data-aos="scale-out-app"] {
    opacity: 0;
    transform: scale(.5);
    transition-property: transform opacity;
}
[data-aos="scale-out-app"].aos-animate {
        opacity: 1;
        transform: scale(1);
    }
.button{
    display: inline-flex;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    align-items: center;
    justify-content: center;
    border-radius: 0.25rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    --tw-bg-opacity: 1;
    background-color: rgb(33 89 159 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    height: 42px
}
.button:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(15 78 123 / var(--tw-bg-opacity))
}
.button:focus{
    outline: 2px solid transparent;
    outline-offset: 2px
}
.button:disabled{
    opacity: 0.5
}
.button-arrow{
    position: relative;
    border-width: 0px;
    background-color: transparent;
    padding-left: 0px;
    padding-right: 0px;
    --tw-text-opacity: 1;
    color: rgb(33 89 159 / var(--tw-text-opacity));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-delay: 100ms;
    transition-duration: 150ms;
    height: 28px
}
.button-arrow:hover{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.button-arrow:before {
    content: url(img/chevron-right.svg);
    width: 28px;
    height: 100%;
    margin-right: 16px;
    margin-bottom: -4px;
    margin-left: 11px;
}
.button-arrow::after {
    content: '';
    width: 28px;
    position: absolute;
    left: 0px;
    height: 100%;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(33 89 159 / var(--tw-bg-opacity));
    z-index: -1;
}
.button-arrow:hover::after {
    content: '';
    transition-property: all;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    width: calc(100% + 1rem);
}
.button-outline{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(33 89 159 / var(--tw-border-opacity));
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 18px;
    padding-bottom: 18px;
    --tw-text-opacity: 1;
    color: rgb(33 89 159 / var(--tw-text-opacity));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.button-outline:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(33 89 159 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.btn-5 {
  /* @apply border-transparent;
  box-shadow: inset 0 0 20px rgba(0, 168, 229, 0);
  outline: 1px solid #1D3253;
  outline-color: rgba(0, 168, 229, .5);
  outline-offset: 0px;
  text-shadow: none;
  transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1); */
  border-color: transparent;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms
}
.btn-5::after{
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-radius: 0.5rem;
    border-width: 1px;
    opacity: 1;
    transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
    content: ''
}
.btn-5:hover{
    --tw-border-opacity: 1;
    border-color: rgb(13 38 88 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(13 38 88 / var(--tw-text-opacity))
}
.btn-5:hover::after{
    --tw-scale-y: 1.5;
    --tw-scale-x: 1.25;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 0
}
.button-outline.button-draw {
    transition: color 0.25s;
}
.button-outline.button-draw::before,
    .button-outline.button-draw::after {
        content: "";
        border: 1px solid transparent;
        border-radius: 0.5rem;
        width: 0;
        height: 0;
        position: absolute;
    }
.button-outline.button-draw::before {
    top: -1px;
    left: -1px;
  }
.button-outline.button-draw::after {
    bottom: -1px;
    right: -1px;
  }
.button-outline.button-draw:hover{
    border-collapse: collapse;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(13 38 88 / var(--tw-text-opacity));
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.button-outline.button-draw:hover::before,
  .button-outline.button-draw:hover::after {
    width: calc(100% + 2px);
    height: calc(100% + 2px);
  }
.button-outline.button-draw:hover::before {
    /* @apply border-primary border-t border-r; */
    border-top-color: #00A8E5;
    border-right-color: #00A8E5;
    transition:
      width 0.1s ease-out,
      height 0.1s ease-out 0.1s; 
  }
.button-outline.button-draw:hover::after {
    /* @apply border-b border-l; */
    border-bottom-color: #00A8E5;
    border-left-color: #00A8E5;
    transition:
      border-color 0s ease-out 0.2s, 
      width 0.1s ease-out 0.2s,
      height 0.1s ease-out 0.3s;
  }
.button-outline-white{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    border-width: 1px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.button-outline-white.button-lg{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: 1.25rem
}
.button-outline-white:hover{
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.2;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
#navbar .navbar-toggler{
    display: flex;
    cursor: pointer;
    align-items: center;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms
}
#navbar .navbar-toggler .line {
      fill: none;
      stroke-width: 6;
      transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
        stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
    }
#navbar .navbar-toggler .line1 {
      stroke-dasharray: 60 207;
      stroke-width: 6;
    }
#navbar .navbar-toggler .line2 {
      stroke-dasharray: 60 60;
      stroke-width: 6;
    }
#navbar .navbar-toggler .line3 {
      stroke-dasharray: 60 207;
      stroke-width: 6;
    }
#navbar.opened .navbar-toggler .line1 {
      stroke-dasharray: 90 207;
      stroke-dashoffset: -134;
      stroke-width: 6;
    }
#navbar.opened .navbar-toggler .line2 {
      stroke-dasharray: 1 60;
      stroke-dashoffset: -30;
      stroke-width: 6;
    }
#navbar.opened .navbar-toggler .line3 {
      stroke-dasharray: 90 207;
      stroke-dashoffset: -134;
      stroke-width: 6;
    }
#navbar #navbar-nav{
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms
}
#navbar.opened #navbar-nav{
    background-color: rgb(255 255 255 / 0.9)
}
@media (min-width: 1024px){

    #navbar.opened #navbar-nav{
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity))
    }

    #navbar.opened #navbar-nav a{
        --tw-border-opacity: 1;
        border-color: rgb(33 89 159 / var(--tw-border-opacity));
        --tw-text-opacity: 1;
        color: rgb(33 89 159 / var(--tw-text-opacity))
    }
}
#navbar.opened #navbar-nav .search{
    --tw-border-opacity: 1;
    border-color: rgb(33 89 159 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(33 89 159 / var(--tw-text-opacity))
}
#navbar:not(.opened) .navbar-light{
    background-color: rgb(255 255 255 / 0.8);
    --tw-backdrop-blur: blur(12px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
            backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
#navbar:not(.opened) .navbar-light a{
    --tw-border-opacity: 1;
    border-color: rgb(33 89 159 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(33 89 159 / var(--tw-text-opacity))
}
#navbar:not(.opened) .navbar-light .search{
    --tw-border-opacity: 1;
    border-color: rgb(33 89 159 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(33 89 159 / var(--tw-text-opacity))
}
#navbar .navbar-menu{
    position: fixed;
    left: 0px;
    right: 0px;
    top: 60px;
    z-index: 50;
    height: calc(100vh - 60px);
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: rgb(13 38 88 / 0.9);
    padding-left: 1.25rem;
    padding-right: 1.25rem
}
#navbar .navbar-menu .navbar-level-1 > li > a{
    display: block;
    width: 100%;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
#navbar .navbar-menu .navbar-level-1 > li > a:hover{
    --tw-border-opacity: 1;
    border-color: rgb(13 38 88 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(13 38 88 / var(--tw-text-opacity))
}
#navbar .navbar-menu .navbar-level-1 > li:not(.collapsed) > a{
    --tw-border-opacity: 1;
    border-color: rgb(13 38 88 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(13 38 88 / var(--tw-text-opacity))
}
#navbar .navbar-menu .navbar-level-2 > li.has-child{
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    display: flex;
    align-items: center
}
#navbar .navbar-menu .navbar-level-2 > li.has-child:hover:after {
          content: url('../img/icon-navbar-arrow-hover.svg');
          --tw-text-opacity: 1;
          color: rgb(13 38 88 / var(--tw-text-opacity));
        }
#navbar .navbar-menu .navbar-level-2 > li.has-child.collapsed:after{
    --tw-rotate: 0deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
#navbar .navbar-menu .navbar-level-2 > li.has-child:after{
    margin-top: auto;
    margin-bottom: auto;
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
          content: url('../img/icon-navbar-arrow.svg');
          width: 24px;
          height: 24px
}
#navbar .navbar-menu .navbar-level-2 > li > a{
    display: block;
    width: 100%;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 1.125rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
#navbar .navbar-menu .navbar-level-2 > li > a:hover{
    --tw-text-opacity: 1;
    color: rgb(13 38 88 / var(--tw-text-opacity))
}
#navbar .navbar-menu .navbar-level-3{
    padding-bottom: 2rem
}
#navbar .navbar-menu .navbar-level-3 > li{
    margin-top: 0px;
    margin-bottom: 0px;
    border-bottom-width: 1px;
    --tw-border-opacity: 0.5;
        border-color: #122849
}
#navbar .navbar-menu .navbar-level-3 > li > a{
    display: block;
    width: 100%;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 1rem;
    --tw-text-opacity: 1;
    color: rgb(223 226 234 / var(--tw-text-opacity))
}
#navbar .navbar-menu .navbar-level-3 > li > a:hover{
    --tw-text-opacity: 1;
    color: rgb(13 38 88 / var(--tw-text-opacity))
}
#navbar .navbar-menu-desktop{
    position: fixed;
    left: 0px;
    right: 0px;
    top: 80px;
    z-index: 49;
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: rgb(33 89 159 / var(--tw-bg-opacity));
    padding-left: 1.25rem;
    padding-right: 1.25rem
}
#navbar .navbar-menu-desktop .navbar-level-1 > li > a{
    position: relative;
    display: block;
    width: 100%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
#navbar .navbar-menu-desktop .navbar-level-1 > li > a:hover{
    --tw-text-opacity: 1;
    color: rgb(253 129 70 / var(--tw-text-opacity))
}
#navbar .navbar-menu-desktop .navbar-level-1 > li > a:after {
          content: url('../img/icon-navbar-arrow.svg');
          width: 24px;
          height: 24px;
          position: absolute;
          right: 0;
          top: 0;
          bottom: 0;
          margin: auto;
        }
#navbar .navbar-menu-desktop .navbar-level-1 > li > a:hover:after {
          content: url('../img/icon-navbar-arrow-hover.svg');
        }
#navbar .navbar-menu-desktop .navbar-level-1 > li > a.active:after {
            content: url('../img/icon-navbar-arrow-hover.svg');
          }
#navbar .navbar-menu-desktop .navbar-level-1 > li > a.active{
    --tw-text-opacity: 1;
    color: rgb(253 129 70 / var(--tw-text-opacity))
}
#navbar .navbar-menu-desktop .navbar-level-2 > li{
    margin-top: 0px;
    margin-bottom: 0px
}
#navbar .navbar-menu-desktop .navbar-level-2 > li.has-child{
    position: relative;
    display: flex;
    align-items: center
}
#navbar .navbar-menu-desktop .navbar-level-2 > li.has-child.collapsed:after{
    --tw-rotate: 0deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
#navbar .navbar-menu-desktop .navbar-level-2 > li > a{
    display: block;
    width: 100%;
    font-size: 1.125rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
#navbar .navbar-menu-desktop .navbar-level-2 > li > a:hover{
    --tw-text-opacity: 1;
	 color: rgb(253 129 70 / var(--tw-text-opacity))
}
#navbar .navbar-menu-desktop .navbar-level-2 > li > a.disabled{
    pointer-events: none;
    cursor: default
}
#navbar .navbar-menu-desktop .navbar-level-2 > li > a.disabled:hover{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
#navbar .navbar-menu-desktop .navbar-level-3{
    padding-bottom: 1.5rem
}
#navbar .navbar-menu-desktop .navbar-level-3 > li{
    margin-top: 0px;
    margin-bottom: 0px
}
#navbar .navbar-menu-desktop .navbar-level-3 > li > a{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    display: block;
    width: 100%;
    font-size: 1rem;
    --tw-text-opacity: 1;
    color: rgb(223 226 234 / var(--tw-text-opacity))
}
#navbar .navbar-menu-desktop .navbar-level-3 > li > a:hover{
    --tw-text-opacity: 1;
    color: rgb(253 129 70 / var(--tw-text-opacity))
}
/* @import '_checkbox.css'; */
.select{
    position: relative;
    border-radius: 0.25rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(105 105 105 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    height: 44px
}
.select select{
    width: 100%;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-right: 18px
}
.select:focus-within{
    --tw-border-opacity: 1;
    border-color: rgb(33 89 159 / var(--tw-border-opacity))
}
.select::after{
    pointer-events: none;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    display: flex;
    align-items: center;
    content: "";
    display: inline-block;
    cursor: pointer;
    width: 32px;
    height: 100%;
    background: url("../img/icon-dropdown-arrow.svg") no-repeat center center
}
.input{
    display: block;
    width: 100%;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(230 230 230 / var(--tw-border-opacity));
    padding: 0.75rem;
    outline: 2px solid transparent;
    outline-offset: 2px;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
input.input {
    height: 44px;
}
.input:focus,
.input:hover{
    --tw-border-opacity: 1;
    border-color: rgb(33 89 159 / var(--tw-border-opacity))
}
.input::-moz-placeholder{
    --tw-text-opacity: 1;
    color: rgb(179 179 179 / var(--tw-text-opacity))
}
.input::placeholder{
    --tw-text-opacity: 1;
    color: rgb(179 179 179 / var(--tw-text-opacity))
}
.input:disabled{
    border-radius: 0px;
    border-color: transparent;
    --tw-bg-opacity: 0.7;
    font-weight: 700
}
/* @import '_radio.css'; */
/* @import '_wp.css'; */
svg * { 
  transform-box: fill-box;
  transform-origin: center;
}
.tippy-box[data-theme~='app']{
    --tw-bg-opacity: 1;
    background-color: rgb(33 89 159 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.tippy-box[data-theme~='app'] .tippy-arrow{
    --tw-text-opacity: 1;
    color: rgb(33 89 159 / var(--tw-text-opacity))
}
.tippy-box[data-theme~='app-light']{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(33 89 159 / var(--tw-text-opacity));
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.tippy-box[data-theme~='app-light'] .tippy-arrow{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.lity-close {
  position: absolute !important;
  color: #252429 !important;
  text-shadow: none !important;
  font-size: 28px !important;
  right: 1rem !important;
  top: 1rem !important;
}
h1{
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 150%;
    --tw-text-opacity: 1;
    color: rgb(33 89 159 / var(--tw-text-opacity))
}
@media (min-width: 768px){

    h1{
        font-size: 4rem
    }
}
h2{
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    line-height: 150%;
    --tw-text-opacity: 1;
    color: rgb(33 89 159 / var(--tw-text-opacity))
}
@media (min-width: 768px){

    h2{
        font-size: 2.25rem
    }
}
h3{
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
    line-height: 150%;
    --tw-text-opacity: 1;
    color: rgb(37 36 41 / var(--tw-text-opacity))
}
@media (min-width: 768px){

    h3{
        font-size: 1.5rem
    }
}
h4{
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
    line-height: 175%;
    --tw-text-opacity: 1;
    color: rgb(37 36 41 / var(--tw-text-opacity))
}
@media (min-width: 768px){

    h4{
        font-size: 1.25rem
    }
}
h5{
    font-size: 1.125rem;
    line-height: 175%
}
h6{
    font-size: 1rem;
    line-height: 175%
}
p{
    margin-bottom: 0.5rem;
    font-size: 1rem;
    line-height: 175%
}
p small{
    font-size: 0.875rem
}
a{
    --tw-text-opacity: 1;
    color: rgb(13 38 88 / var(--tw-text-opacity));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
a:hover{
    --tw-text-opacity: 1;
    color: rgb(33 89 159 / var(--tw-text-opacity))
}
.bg-pattern-white {
  background: url('../img/bg-pattern-utility.png') repeat;
}
.bg-pattern-black {
  background: url('../img/bg-pattern-utility-black.png') repeat;
}
nav#breadcrumbs::before {

    }
nav#breadcrumbs{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    font-size: 0.875rem
}
nav#breadcrumbs a, nav#breadcrumbs .breadcrumb_last{
    margin-left: 0.5rem;
    margin-right: 0.5rem
}
nav#breadcrumbs a{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
nav#breadcrumbs a:hover{
    --tw-text-opacity: 1;
    color: rgb(33 89 159 / var(--tw-text-opacity))
}
.filter-shadow {
  filter: drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.25));
}
.text-5xl{
    font-size: 4rem;
    font-weight: 500;
    line-height: 150%
}
.text-4xl{
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 150%
}
.text-3xl{
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 150%
}
.text-2xl{
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 150%
}
.text-xl{
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 150%
}
.text-lg{
    font-size: 1.125rem;
    line-height: 150%
}
.text-base{
    font-size: 1rem;
    font-weight: 500;
    line-height: 150%
}
.text-sm{
    font-size: 0.875rem;
    line-height: 150%
}
.font-saira.text-5xl{
    font-size: 2.25rem;
    font-weight: 600;
    font-style: italic;
    line-height: 120%
}
@media (min-width: 768px){

    .font-saira.text-5xl{
        font-size: 3.75rem
    }
}
.font-saira.text-4xl{
    font-size: 1.25rem;
    font-weight: 600;
    font-style: italic;
    line-height: 120%
}
@media (min-width: 768px){

    .font-saira.text-4xl{
        font-size: 1.75rem
    }
}
.font-saira.text-3xl{
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 120%
}
.font-saira.text-2xl{
    font-size: 0.75rem;
    line-height: 120%
}
.bg-image {
  background-image: url('../img/bg-utility-texture.png');
  background-color: #f8f8f8;
}
.bg-image-mega{
    --tw-bg-opacity: 1;
    background-color: rgb(33 89 159 / var(--tw-bg-opacity));
  background-image: url('../img/bg-utility-texture2.png')
}
ul.footer-navigation{
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 0.875rem
}
@media (min-width: 1024px){

    ul.footer-navigation{
        margin-top: 0px;
        margin-bottom: 0px
    }
}
ul.footer-navigation li:first-child{
    position: relative

    /* &::before {
      @apply absolute left-0;
      content: url('../img/icon-navigation.svg');
    } */
}
ul.footer-navigation li{
    display: inline-block
}
ul.footer-navigation li:not(:first-child)::before{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
      content: '>'
}
.text-display{
    font-size: 3.75rem;
    font-weight: 300;
    line-height: 110%
}
.text-5xl {
  font-size: 64px;
  line-height: 150%;
  font-weight: medium;
}
.text-4xl {
  font-size: 40px;
  line-height: 150%;
  font-weight: medium;
}
.text-3xl {
  font-size: 30px;
  line-height: 150%;
  font-weight: medium;
}
.text-2xl {
  font-size: 24px;
  line-height: 150%;
  font-weight: medium;
}
.text-lg {
  font-size: 18px;
  line-height: 150%;
}
.text-base {
  font-size: 16px;
  line-height: 150%;
}
.text-sm {
  font-size: 14px;
  line-height: 150%;
}
.box{
    margin: 1.25rem;
    overflow: hidden;
    border-radius: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: 1.25rem
}
@media (min-width: 1280px){

    .box{
        margin-left: auto;
        margin-right: auto;
        padding-left: 2rem;
        padding-right: 2rem
    }
}
.box {
  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04),
    0px 0px 1px rgba(0, 0, 0, 0.04);
}
.box.bg-gradient{
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    --tw-gradient-from: #fff;
    --tw-gradient-to: rgb(255 255 255 / 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #eeeeee
}
.article h1{
    margin-bottom: 1rem;
    font-size: 1.75rem;
    line-height: 150%;
    --tw-text-opacity: 1;
    color: rgb(33 89 159 / var(--tw-text-opacity))
}
@media (min-width: 768px){

    .article h1{
        font-size: 4rem
    }
}
.article h2{
    margin-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 150%;
    --tw-text-opacity: 1;
    color: rgb(33 89 159 / var(--tw-text-opacity))
}
@media (min-width: 768px){

    .article h2{
        font-size: 2.25rem
    }
}
.article h3{
    margin-bottom: 1rem;
    font-size: 1.25rem;
    line-height: 150%;
    --tw-text-opacity: 1;
    color: rgb(37 36 41 / var(--tw-text-opacity))
}
@media (min-width: 768px){

    .article h3{
        font-size: 1.5rem
    }
}
.article h4{
    margin-bottom: 1rem;
    font-size: 1.125rem;
    line-height: 175%;
    --tw-text-opacity: 1;
    color: rgb(37 36 41 / var(--tw-text-opacity))
}
@media (min-width: 768px){

    .article h4{
        font-size: 1.25rem
    }
}
.article h5{
    margin-bottom: 1rem;
    font-size: 1.125rem;
    line-height: 175%
}
.article h6{
    margin-bottom: 1rem;
    font-size: 1rem;
    line-height: 175%
}
.article p{
    margin-bottom: 1rem;
    font-size: 1rem;
    line-height: 175%
}
.article p small{
    font-size: 0.875rem
}
.article a{
    --tw-text-opacity: 1;
    color: rgb(13 38 88 / var(--tw-text-opacity));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.article a:hover{
    --tw-text-opacity: 1;
    color: rgb(33 89 159 / var(--tw-text-opacity))
}
.article figure{
    margin-top: 1.75rem;
    margin-bottom: 1.75rem
}
.article figure img{
    margin-left: auto;
    margin-right: auto
}
.article figure figcaption{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(37 36 41 / var(--tw-text-opacity));
    font-size: 0.875rem;
  font-size: 14px;
  line-height: 150%
}
.article ul li{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem
}
.article ul > li {
      background: url('../img/list-dot.svg') no-repeat 0px top;
      padding-left: 28px;
    }
.article .full-width-youtube-video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
  }
.article .full-width-youtube-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
ul li{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem
}
ul.list li{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem
}
ul.list.list-red > li {
    background: url('../img/list-dot-red.svg') no-repeat 0px top;
    padding-left: 24px;
  }
ul.list.list-green > li {
    background: url('../img/list-dot-green.svg') no-repeat 0px top;
    padding-left: 24px;
  }
ul.list > li {
    background: url('../img/list-dot.svg') no-repeat 0px top;
    padding-left: 28px;
  }
ul.list-ase{
    list-style-position: outside;
    list-style-type: none
}
ul.list-ase > li{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    padding-left: 1.5rem;
    background: url('../img/list-dot.svg') no-repeat 0px top
}
ol.list-number{
    list-style-position: outside;
    list-style-type: decimal
}
ol.list-number > li{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    margin-left: 1.25rem;
    padding-left: 0.25rem
}
ol.list-number > ol, ol.list-number > ul{
    margin-left: 1rem
}
ol.list-roman{
    list-style-position: outside;
    list-style-type: upper-roman
}
ol.list-roman > li{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    margin-left: 1.25rem;
    padding-left: 0.25rem
}
ol.list-roman > ol, ol.list-roman > ul{
    margin-left: 1rem
}
html,
body{
    font-family: "Microsoft YaHei";
	/*font-family: IBM Plex Sans, sans-serif;*/
    font-size: 1rem;
    --tw-text-opacity: 1;
    color: rgb(64 64 65 / var(--tw-text-opacity))
}
.lity {
  background: rgba(0, 0, 0, 0.28) !important;
  -webkit-backdrop-filter: saturate(150%) blur(12px);
          backdrop-filter: saturate(150%) blur(12px);
}
.triangle-l {
  background: rgba(255, 255, 255, 0.68);
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
  -webkit-backdrop-filter: saturate(180%) blur(5px);
          backdrop-filter: saturate(180%) blur(5px);
}
.triangle-r {
  background: rgba(255, 255, 255, 0.68);
  -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0%);
  clip-path: polygon(0 100%, 100% 100%, 100% 0%);
  -webkit-backdrop-filter: saturate(180%) blur(5px);
          backdrop-filter: saturate(180%) blur(5px);
}
.text-vertical {
      writing-mode: vertical-lr;
    }
.letter-12 {
      letter-spacing: 12px;
    }
.leading-150p {
      line-height: 150%;
    }
.tags{
    position: relative;
    display: block
}
@media (min-width: 1024px){

    .tags{
        height: 2.25rem
    }
}
.tags.opened .tags-header .tags-arrow{
    --tw-rotate: 0deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.tags.opened .tags-list{
    visibility: visible;
    --tw-translate-y: 0px;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1
}
.tags .tags-header{
    cursor: pointer;
    --tw-bg-opacity: 1;
    background-color: rgb(64 64 65 / var(--tw-bg-opacity));
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
@media (min-width: 1024px){

    .tags .tags-header{
        display: none
    }
}
.tags .tags-header .tags-arrow{
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    display: inline-block;
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    vertical-align: middle;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.tags .tags-list{
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 0;
    width: 100%;
    transform-origin: top;
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1)
}
@media (min-width: 1024px){

    .tags .tags-list{
        visibility: visible;
        top: unset;
        left: unset;
        display: block;
        transform: none;
        opacity: 1
    }
}
.tags .tags-list .tag{
    margin-top: 0px;
    margin-bottom: 0px;
    display: block;
    border-radius: 0px;
    border-width: 0px;
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: rgb(82 82 82 / var(--tw-bg-opacity));
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(179 179 179 / var(--tw-text-opacity))
}
@media (min-width: 1024px){

    .tags .tags-list .tag{
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
        display: inline-block;
        border-radius: 1.5rem;
        border-width: 1px;
        background-color: transparent;
        padding-top: 0px;
        padding-bottom: 0px
    }
}
.tags .tags-list .tag.active{
    --tw-border-opacity: 1;
    border-color: rgb(33 89 159 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(33 89 159 / var(--tw-text-opacity))
}
.tags-menu{
    position: relative;
    display: block
}
@media (min-width: 1024px){

    .tags-menu{
        height: 2.25rem
    }
}
.tags-menu.opened .tags-header .tags-arrow{
    --tw-rotate: 0deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.tags-menu.opened .tags-list{
    visibility: visible;
    --tw-translate-y: 0px;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1
}
.tags-menu .tags-header{
    cursor: pointer;
    --tw-bg-opacity: 1;
    background-color: rgb(64 64 65 / var(--tw-bg-opacity));
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
@media (min-width: 1024px){

    .tags-menu .tags-header{
        display: none
    }
}
.tags-menu .tags-header .tags-arrow{
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    display: inline-block;
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    vertical-align: middle;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.tags-menu .tags-list{
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 10;
    width: 100%;
    transform-origin: top;
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1)
}
@media (min-width: 1024px){

    .tags-menu .tags-list{
        visibility: visible;
        position: relative;
        top: unset;
        left: unset;
        display: block;
        transform: none;
        opacity: 1
    }
}
.tags-menu .tags-list .tag{
    margin-top: 0px;
    margin-bottom: 0px;
    display: block;
    border-radius: 0px;
    border-width: 0px;
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: rgb(82 82 82 / var(--tw-bg-opacity));
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(179 179 179 / var(--tw-text-opacity))
}
@media (min-width: 1024px){

    .tags-menu .tags-list .tag{
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
        display: inline-block;
        border-bottom-width: 2px;
        background-color: transparent;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-bottom: 1.5rem
    }
}
.tags-menu .tags-list .tag.active{
    --tw-border-opacity: 1;
    border-color: rgb(33 89 159 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(33 89 159 / var(--tw-text-opacity))
}
.pagination a{
    border-radius: 0.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    --tw-text-opacity: 1;
    color: rgb(64 64 65 / var(--tw-text-opacity))
}
.pagination a:hover{
    --tw-text-opacity: 1;
    color: rgb(33 89 159 / var(--tw-text-opacity))
}
.pagination a.active{
    --tw-text-opacity: 1;
    color: rgb(33 89 159 / var(--tw-text-opacity))
}
.pagination a:disabled, .pagination a.disabled{
    pointer-events: none;
    cursor: not-allowed;
    --tw-text-opacity: 1;
    color: rgb(179 179 179 / var(--tw-text-opacity))
}
.wpml-ls-link{
    --tw-text-opacity: 1;
    color: rgb(32 32 32 / var(--tw-text-opacity));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  padding: 0.5rem 1.25rem !important
}
.wpml-ls-link:hover{
    --tw-text-opacity: 1;
    color: rgb(33 89 159 / var(--tw-text-opacity))
}
.wpcf7-recaptcha div{
    margin-left: auto;
    margin-right: auto
}
.scroll-snap-slide {
  scroll-snap-align: start;
}
.scroll-snap-y {
  scroll-snap-type: y mandatory;
}
.scroll-snap-x {
  scroll-snap-type: x mandatory;
}
@media (min-width: 1024px){

    .table{
        table-layout: fixed
    }
}
.table a{
    white-space: nowrap
}
.table.table-striped tbody tr:nth-child(odd){
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.table.table-striped tbody tr:nth-child(even){
    --tw-bg-opacity: 1;
    background-color: rgb(223 226 234 / var(--tw-bg-opacity))
}
.table{
    min-width: 100%
}
.table thead tr{
    text-align: left
}
.table thead tr th{
    white-space: nowrap;
    --tw-bg-opacity: 1;
    background-color: rgb(33 89 159 / var(--tw-bg-opacity));
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    vertical-align: top;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
@media (min-width: 768px){

    .table thead tr th{
        padding-left: 10px;
        padding-right: 10px
    }
}
.table tbody tr td{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    vertical-align: top
}
@media (min-width: 768px){

    .table tbody tr td{
        padding-left: 10px;
        padding-right: 10px
    }
}
.table tbody tr td {
        color: #252429;
      }
.bounce {
	animation: bounce 3s infinite ease-in-out;
}
input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }
@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-30px);
  }
  100% {
    transform: translateY(0);
  }
}
.table{
    margin-bottom: 2rem
}
.table tr th, .table tr td{
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(213 214 215 / var(--tw-border-opacity));
    padding-top: 0.75rem;
    padding-bottom: 0.75rem
}
.table tr th{
    --tw-bg-opacity: 1;
    background-color: rgb(33 89 159 / var(--tw-bg-opacity));
    padding: 0.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.video-js .vjs-big-play-button {
  inset: 0 !important;
  margin: auto !important;
  width: 54px !important;
  height: 54px !important;
  border-radius: 50% !important;
  background-color: rgb(255 255 255 / 25%) !important;
}
.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  top: 3px !important;
}
.word-break {
  word-break: break-word;
}
ul.navbar{
    display: grid;
    height: 100%;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr))
}
@media (min-width: 640px){

    ul.navbar{
        display: flex
    }
}
ul.navbar li{
    margin-top: 0px;
    margin-bottom: 0px;
    flex: 1 1 0%;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(223 226 234 / var(--tw-border-opacity))
}
@media (min-width: 640px){

    ul.navbar li{
        border-top-width: 0px;
        border-left-width: 0px;
        border-right-width: 0px;
        --tw-border-opacity: 1;
        border-color: rgb(33 89 159 / var(--tw-border-opacity))
    }
}
ul.navbar li a{
    display: flex;
    height: 140px;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(33 89 159 / var(--tw-text-opacity))
}
@media (min-width: 640px){

    ul.navbar li a{
        height: 100%;
        width: 100%
    }
}
@media (min-width: 768px){

    ul.navbar li a{
        height: unset
    }
}
ul.navbar li a:hover{
    background-color: rgb(33 89 159 / var(--tw-bg-opacity));
    --tw-bg-opacity: .15
}
ul.navbar li a.active{
    --tw-bg-opacity: 1;
    background-color: rgb(33 89 159 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
ul.navbar li a.active:hover{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
@keyframes -line-ani {
  from {
      stroke-dashoffset: 0;
  }
  to {
      stroke-dashoffset: -1000;
  }
}
.line-ani {
    animation: -line-ani 20s linear infinite;
}
@keyframes rotating {
  from{
     transform: rotate(0deg);
  }
  to{
     transform: rotate(360deg);
  }
}
.s2-icon-group:hover .s2-sun ,
.s4-icon-group:hover .s4-sun {
  animation: rotating 8s linear infinite;
}
.nGY2 .nGY2GThumbnailAlbumTitle, .nGY2 .nGY2GThumbnailDescription, .nGY2 .nGY2GThumbnailImageTitle {
  text-shadow: none !important;
}
.bg-gradient {
  background: linear-gradient(180deg, #1D3253 24.48%, #058248 100%);
}
.bg-gradient a{
    --tw-text-opacity: 1;
    color: rgb(13 38 88 / var(--tw-text-opacity));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms
}
.bg-gradient a:hover{
    --tw-text-opacity: 1;
    color: rgb(254 223 88 / var(--tw-text-opacity))
}
.placeholder\:text-white::-moz-placeholder{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.placeholder\:text-white::placeholder{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.placeholder\:opacity-50::-moz-placeholder{
    opacity: 0.5
}
.placeholder\:opacity-50::placeholder{
    opacity: 0.5
}
.hover\:border-2:hover{
    border-width: 2px
}
.hover\:border-black:hover{
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity))
}
.hover\:bg-ESG-blue:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(10 151 217 / var(--tw-bg-opacity))
}
.hover\:bg-ESG-green:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(86 192 43 / var(--tw-bg-opacity))
}
.hover\:bg-ESG-yellow:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(253 157 36 / var(--tw-bg-opacity))
}
.hover\:bg-F6F7F8:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(246 247 248 / var(--tw-bg-opacity))
}
.hover\:bg-black:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity))
}
.hover\:bg-gray-100:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(232 232 232 / var(--tw-bg-opacity))
}
.hover\:bg-nav-hover:hover{
    background-color: rgba(29, 50, 83, 0.3)
}
.hover\:bg-primary:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(33 89 159 / var(--tw-bg-opacity))
}
.hover\:bg-white:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.hover\:bg-opacity-20:hover{
    --tw-bg-opacity: 0.2
}
.hover\:bg-opacity-50:hover{
    --tw-bg-opacity: 0.5
}
.hover\:text-ESG-orange:hover{
    --tw-text-opacity: 1;
    color: rgb(150 62 22 / var(--tw-text-opacity))
}
.hover\:text-black:hover{
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity))
}
.hover\:text-gray-700:hover{
    --tw-text-opacity: 1;
    color: rgb(82 82 82 / var(--tw-text-opacity))
}
.hover\:text-primary:hover{
    --tw-text-opacity: 1;
    color: rgb(33 89 159 / var(--tw-text-opacity))
}
.hover\:text-primary-darken:hover{
    --tw-text-opacity: 1;
    color: rgb(15 78 123 / var(--tw-text-opacity))
}
.hover\:text-primary-light:hover{
    --tw-text-opacity: 1;
    color: rgb(13 38 88 / var(--tw-text-opacity))
}
.hover\:text-secondary:hover{
    --tw-text-opacity: 1;
    color: rgb(254 223 88 / var(--tw-text-opacity))
}
.hover\:text-white:hover{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.focus\:appearance-none:focus{
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none
}
.focus\:border-2:focus{
    border-width: 2px
}
.focus\:border-black:focus{
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity))
}
.focus\:border-primary-light:focus{
    --tw-border-opacity: 1;
    border-color: rgb(13 38 88 / var(--tw-border-opacity))
}
.focus\:outline-none:focus{
    outline: 2px solid transparent;
    outline-offset: 2px
}
.focus\:ring-4:focus{
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.group:hover .group-hover\:scale-110{
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:hover .group-hover\:bg-primary-light{
    --tw-bg-opacity: 1;
    background-color: rgb(13 38 88 / var(--tw-bg-opacity))
}
.group:hover .group-hover\:bg-opacity-50{
    --tw-bg-opacity: 0.5
}
.group:hover .group-hover\:bg-opacity-60{
    --tw-bg-opacity: 0.6
}
.group:hover .group-hover\:stroke-secondary{
    stroke: #FEDF58
}
.group:hover .group-hover\:text-primary-light{
    --tw-text-opacity: 1;
    color: rgb(13 38 88 / var(--tw-text-opacity))
}
.group:hover .group-hover\:text-white{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.group:hover .group-hover\:opacity-50{
    opacity: 0.5
}
.group:hover .group-hover\:opacity-90{
    opacity: 0.9
}
.group:hover .group-hover\:saturate-\[110\%\]{
    --tw-saturate: saturate(110%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
@media (max-width: 1400px){

    .max-\[1400px\]\:col-span-2{
        grid-column: span 2 / span 2
    }

    .max-\[1400px\]\:flex{
        display: flex
    }

    .max-\[1400px\]\:justify-center{
        justify-content: center
    }
}
@media (max-width: 1300px){

    .max-\[1300px\]\:px-6{
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .max-\[1300px\]\:pb-6{
        padding-bottom: 1.5rem
    }
}
@media (max-width: 1190px){

    .max-\[1190px\]\:top-1\/3{
        top: 33.333333%
    }

    .max-\[1190px\]\:top-1\/4{
        top: 25%
    }
}
@media (max-width: 1000px){

    .max-\[1000px\]\:col-span-3{
        grid-column: span 3 / span 3
    }

    .max-\[1000px\]\:mx-auto{
        margin-left: auto;
        margin-right: auto
    }
}
@media (max-width: 967px){

    .max-\[967px\]\:hidden{
        display: none
    }
}
@media (max-width: 800px){

    .max-\[800px\]\:hidden{
        display: none
    }

    .max-\[800px\]\:max-w-\[90\%\]{
        max-width: 90%
    }

    .max-\[800px\]\:pt-8{
        padding-top: 2rem
    }
}
@media (max-width: 770px){

    .max-\[770px\]\:order-2{
        order: 2
    }
}
@media (max-width: 750px){

    .max-\[750px\]\:grid-cols-1{
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }
}
@media (min-width: 380px){

    .xs\:my-4{
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .xs\:min-h-135p{
        min-height: 135px
    }

    .xs\:grid-cols-1{
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .xs\:text-\[16px\]{
        font-size: 16px
    }

    .xs\:text-\[18px\]{
        font-size: 18px
    }
}
@media (min-width: 400px){

    .min-\[400px\]\:h-480p{
        height: 480px
    }
}
@media (min-width: 640px){

    .sm\:col-span-2{
        grid-column: span 2 / span 2
    }

    .sm\:mr-4{
        margin-right: 1rem
    }

    .sm\:block{
        display: block
    }

    .sm\:flex{
        display: flex
    }

    .sm\:hidden{
        display: none
    }

    .sm\:w-fit{
        width: -moz-fit-content;
        width: fit-content
    }

    .sm\:grid-cols-1{
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .sm\:grid-cols-4{
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .sm\:justify-center{
        justify-content: center
    }

    .sm\:border-l-0{
        border-left-width: 0px
    }

    .sm\:border-r-0{
        border-right-width: 0px
    }

    .sm\:border-t-0{
        border-top-width: 0px
    }

    .sm\:border-primary{
        --tw-border-opacity: 1;
        border-color: rgb(33 89 159 / var(--tw-border-opacity))
    }

    .sm\:p-5{
        padding: 1.25rem
    }

    .sm\:text-center{
        text-align: center
    }
}
@media (min-width: 768px){

    .md\:bottom-4{
        bottom: 1rem
    }

    .md\:bottom-8{
        bottom: 2rem
    }

    .md\:right-4{
        right: 1rem
    }

    .md\:top-0{
        top: 0px
    }

    .md\:order-1{
        order: 1
    }

    .md\:order-2{
        order: 2
    }

    .md\:col-span-2{
        grid-column: span 2 / span 2
    }

    .md\:row-span-2{
        grid-row: span 2 / span 2
    }

    .md\:mx-0{
        margin-left: 0px;
        margin-right: 0px
    }

    .md\:mx-4{
        margin-left: 1rem;
        margin-right: 1rem
    }

    .md\:my-16{
        margin-top: 4rem;
        margin-bottom: 4rem
    }

    .md\:my-4{
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .md\:mb-4{
        margin-bottom: 1rem
    }

    .md\:mb-64{
        margin-bottom: 16rem
    }
	.md\:mb-84{
        margin-bottom: 22rem
    }

    .md\:ml-4{
        margin-left: 1rem
    }

    .md\:ml-5{
        margin-left: 1.25rem
    }

    .md\:mr-0{
        margin-right: 0px
    }

    .md\:mr-10{
        margin-right: 2.5rem
    }

    .md\:mt-0{
        margin-top: 0px
    }

    .md\:mt-3{
        margin-top: 0.75rem
    }

    .md\:mt-unset{
        margin-top: unset
    }

    .md\:block{
        display: block
    }

    .md\:inline-block{
        display: inline-block
    }

    .md\:flex{
        display: flex
    }

    .md\:inline-flex{
        display: inline-flex
    }

    .md\:grid{
        display: grid
    }

    .md\:hidden{
        display: none
    }

    .md\:h-480p{
        height: 480px
    }

    .md\:h-\[200px\]{
        height: 200px
    }

    .md\:h-\[437px\]{
        height: 437px
    }

    .md\:h-unset{
        height: unset
    }

    .md\:max-h-\[300px\]{
        max-height: 300px
    }

    .md\:max-h-\[437px\]{
        max-height: 437px
    }

    .md\:w-1\/2{
        width: 50%
    }

    .md\:w-240p{
        width: 240px
    }

    .md\:w-\[300px\]{
        width: 300px
    }

    .md\:w-auto{
        width: auto
    }

    .md\:w-full{
        width: 100%
    }

    .md\:min-w-1\/2{
        min-width: 50%
    }

    .md\:min-w-\[300px\]{
        min-width: 300px
    }

    .md\:max-w-\[220px\]{
        max-width: 220px
    }

    .md\:max-w-\[284px\]{
        max-width: 284px
    }

    .md\:max-w-\[596px\]{
        max-width: 596px
    }

    .md\:max-w-\[620px\]{
        max-width: 620px
    }

    .md\:scale-100{
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .md\:columns-2{
        -moz-columns: 2;
             columns: 2
    }

    .md\:grid-cols-2{
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .md\:grid-cols-3{
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .md\:grid-cols-4{
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .md\:grid-cols-5{
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .md\:flex-row{
        flex-direction: row
    }

    .md\:items-center{
        align-items: center
    }

    .md\:justify-start{
        justify-content: flex-start
    }

    .md\:justify-center{
        justify-content: center
    }

    .md\:gap-12{
        gap: 3rem
    }

    .md\:gap-20{
        gap: 5rem
    }

    .md\:gap-8{
        gap: 2rem
    }

    .md\:border-x{
        border-left-width: 1px;
        border-right-width: 1px
    }

    .md\:border-y-0{
        border-top-width: 0px;
        border-bottom-width: 0px
    }

    .md\:p-16{
        padding: 4rem
    }

    .md\:p-6{
        padding: 1.5rem
    }

    .md\:p-8{
        padding: 2rem
    }

    .md\:px-0{
        padding-left: 0px;
        padding-right: 0px
    }

    .md\:px-16{
        padding-left: 4rem;
        padding-right: 4rem
    }

    .md\:px-6{
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .md\:px-8{
        padding-left: 2rem;
        padding-right: 2rem
    }

    .md\:py-0{
        padding-top: 0px;
        padding-bottom: 0px
    }

    .md\:py-16{
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .md\:py-4{
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .md\:py-6{
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .md\:py-8{
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .md\:pb-0{
        padding-bottom: 0px
    }

    .md\:pl-6{
        padding-left: 1.5rem
    }

    .md\:pr-6{
        padding-right: 1.5rem
    }

    .md\:pt-0{
        padding-top: 0px
    }

    .md\:pt-12{
        padding-top: 3rem
    }

    .md\:text-left{
        text-align: left
    }

    .md\:text-18{
        font-size: 1.125rem
    }

    .md\:text-20{
        font-size: 1.25rem
    }

    .md\:text-24{
        font-size: 1.5rem
    }

    .md\:text-\[16px\]{
        font-size: 16px
    }
    .md\:text-\[18px\]{
        font-size: 18px
    }

    .md\:text-\[20px\]{
        font-size: 20px
    }

    .md\:text-\[24px\]{
        font-size: 24px
    }

    .md\:text-\[64px\]{
        font-size: 64px
    }
}
@media (min-width: 800px){

    .min-\[800px\]\:mt-40{
        margin-top: 10rem
    }

    .min-\[800px\]\:p-14{
        padding: 3.5rem
    }

    .min-\[800px\]\:px-14{
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }
}
@media (min-width: 967px){

    .min-\[967px\]\:hidden{
        display: none
    }
}
@media (min-width: 1000px){

    .min-\[1000px\]\:overflow-y-auto{
        overflow-y: auto
    }
}
@media (min-width: 1024px){

    .lg\:absolute{
        position: absolute
    }

    .lg\:bottom-16{
        bottom: 4rem
    }

    .lg\:left-32{
        left: 8rem
    }

    .lg\:right-unset{
        right: unset
    }

    .lg\:top-10{
        top: 2.5rem
    }

    .lg\:top-unset{
        top: unset
    }

    .lg\:order-1{
        order: 1
    }

    .lg\:order-2{
        order: 2
    }

    .lg\:order-3{
        order: 3
    }

    .lg\:order-4{
        order: 4
    }

    .lg\:row-span-2{
        grid-row: span 2 / span 2
    }

    .lg\:mx-auto{
        margin-left: auto;
        margin-right: auto
    }

    .lg\:my-16{
        margin-top: 4rem;
        margin-bottom: 4rem
    }

    .lg\:my-7{
        margin-top: 1.75rem;
        margin-bottom: 1.75rem
    }

    .lg\:-mt-10{
        margin-top: -2.5rem
    }

    .lg\:-mt-4{
        margin-top: -1rem
    }

    .lg\:-mt-6{
        margin-top: -1.5rem
    }

    .lg\:mb-0{
        margin-bottom: 0px
    }

    .lg\:mb-10{
        margin-bottom: 2.5rem
    }

    .lg\:mb-4{
        margin-bottom: 1rem
    }

    .lg\:ml-4{
        margin-left: 1rem
    }

    .lg\:mt-16{
        margin-top: 4rem
    }

    .lg\:block{
        display: block
    }

    .lg\:inline-block{
        display: inline-block
    }

    .lg\:flex{
        display: flex
    }

    .lg\:grid{
        display: grid
    }

    .lg\:hidden{
        display: none
    }

    .lg\:h-300p{
        height: 300px
    }

    .lg\:h-310p{
        height: 310px
    }

    .lg\:h-80p{
        height: 80px
    }

    .lg\:h-\[280px\]{
        height: 280px
    }

    .lg\:h-\[600px\]{
        height: 600px
    }

    .lg\:h-unset{
        height: unset
    }

    .lg\:max-h-\[440px\]{
        max-height: 440px
    }

    .lg\:max-h-\[8000px\]{
        max-height: 8000px
    }

    .lg\:max-h-\[868px\]{
        max-height: 868px
    }

    .lg\:min-h-\[720px\]{
        min-height: 720px
    }

    .lg\:w-480p{
        width: 480px
    }

    .lg\:w-\[360px\]{
        width: 360px
    }

    .lg\:w-\[36px\]{
        width: 36px
    }

    .lg\:w-\[960px\]{
        width: 960px
    }

    .lg\:w-full{
        width: 100%
    }

    .lg\:w-unset{
        width: unset
    }

    .lg\:min-w-360p{
        min-width: 360px
    }

    .lg\:min-w-\[36px\]{
        min-width: 36px
    }

    .lg\:max-w-\[596px\]{
        max-width: 596px
    }

    .lg\:max-w-\[600px\]{
        max-width: 600px
    }

    .lg\:max-w-\[640px\]{
        max-width: 640px
    }

    .lg\:grid-cols-2{
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .lg\:grid-cols-3{
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .lg\:grid-cols-4{
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .lg\:grid-cols-5{
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .lg\:grid-rows-2{
        grid-template-rows: repeat(2, minmax(0, 1fr))
    }

    .lg\:flex-row{
        flex-direction: row
    }

    .lg\:items-start{
        align-items: flex-start
    }

    .lg\:justify-end{
        justify-content: flex-end
    }

    .lg\:gap-4{
        gap: 1rem
    }

    .lg\:gap-8{
        gap: 2rem
    }

    .lg\:self-end{
        align-self: flex-end
    }

    .lg\:self-center{
        align-self: center
    }

    .lg\:bg-white{
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity))
    }

    .lg\:p-0{
        padding: 0px
    }

    .lg\:p-16{
        padding: 4rem
    }

    .lg\:p-8{
        padding: 2rem
    }

    .lg\:px-0{
        padding-left: 0px;
        padding-right: 0px
    }

    .lg\:px-16{
        padding-left: 4rem;
        padding-right: 4rem
    }

    .lg\:px-4{
        padding-left: 1rem;
        padding-right: 1rem
    }

    .lg\:px-6{
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .lg\:py-16{
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .lg\:py-4{
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .lg\:text-right{
        text-align: right
    }

    .lg\:text-18{
        font-size: 1.125rem
    }

    .lg\:text-20{
        font-size: 1.25rem
    }

    .lg\:text-36{
        font-size: 2.25rem
    }

    .lg\:text-40{
        font-size: 2.5rem
    }
}
@media (min-width: 1280px){

    .xl\:bottom-16{
        bottom: 4rem
    }

    .xl\:left-32{
        left: 8rem
    }

    .xl\:left-unset{
        left: unset
    }

    .xl\:right-32{
        right: 8rem
    }

    .xl\:right-unset{
        right: unset
    }

    .xl\:top-unset{
        top: unset
    }

    .xl\:order-1{
        order: 1
    }

    .xl\:order-2{
        order: 2
    }

    .xl\:order-3{
        order: 3
    }

    .xl\:order-4{
        order: 4
    }

    .xl\:col-span-2{
        grid-column: span 2 / span 2
    }

    .xl\:row-span-2{
        grid-row: span 2 / span 2
    }

    .xl\:mx-0{
        margin-left: 0px;
        margin-right: 0px
    }

    .xl\:mx-auto{
        margin-left: auto;
        margin-right: auto
    }

    .xl\:hidden{
        display: none
    }

    .xl\:w-1\/2{
        width: 50%
    }

    .xl\:w-3\/5{
        width: 60%
    }

    .xl\:w-560p{
        width: 560px
    }

    .xl\:w-\[960px\]{
        width: 960px
    }

    .xl\:grid-cols-3{
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .xl\:grid-cols-4{
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .xl\:grid-rows-2{
        grid-template-rows: repeat(2, minmax(0, 1fr))
    }

    .xl\:justify-between{
        justify-content: space-between
    }

    .xl\:p-0{
        padding: 0px
    }

    .xl\:p-16{
        padding: 4rem
    }

    .xl\:px-0{
        padding-left: 0px;
        padding-right: 0px
    }

    .xl\:px-8{
        padding-left: 2rem;
        padding-right: 2rem
    }

    .xl\:py-0{
        padding-top: 0px;
        padding-bottom: 0px
    }
}
@media (min-width: 1536px){

    .\32xl\:w-1\/3{
        width: 33.333333%
    }
}