/*pdt iuh dai hoc cong nghiep tphcm*/
@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";*,::before,::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

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

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

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

html,:host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

body {
    margin: 0;
    line-height: inherit
}

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

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

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

.text-iuh {
    width: 100%;
    font-size: 26px;
    /*    font-family: "Helvetica Neue Condensed Black";*/
    font-family: "Inter",serif;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-shadow: 5px 0px 3px #08e8ff;
    line-height: 1.2;
    color: #ccd3f5;
}
.text-iuh-welcome {
    font-size: 18px;
    font-family: "Inter",serif;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: -1px;
    text-shadow: 1px 2px 3px #fff7f7;
    line-height: 1.2;
}

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

b,strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

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

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

button,select {
    text-transform: none
}

button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: rgba(0,0,0,0);
    background-image: none
}

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: baseline
}

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

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

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

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

summary {
    display: list-item
}

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

fieldset {
    margin: 0;
    padding: 0
}

legend {
    padding: 0
}

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

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

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

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

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

:disabled {
    cursor: default
}

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

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

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

.container {
    width: 100%
}

@media(min-width: 68.8125rem) {
    .container {
        max-width:68.8125rem
    }
}

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

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

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

.pointer-events-auto {
    pointer-events: auto
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.-inset-2 {
    inset: -0.5rem
}

.inset-0 {
    inset: 0px
}

.inset-2 {
    inset: .5rem
}

.inset-x-0 {
    left: 0px;
    right: 0px
}

.inset-y-0 {
    top: 0px;
    bottom: 0px
}

.-bottom-1 {
    bottom: -0.25rem
}

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

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

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

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

.-left-3 {
    left: -0.75rem
}

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

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

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

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

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

.-right-3 {
    right: -0.75rem
}

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

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

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

.-top-2 {
    top: -0.5rem
}

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

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

.bottom-0 {
    bottom: 0px
}

.bottom-1 {
    bottom: .25rem
}

.bottom-1\/4 {
    bottom: 25%
}

.bottom-12 {
    bottom: 3rem
}

.bottom-16 {
    bottom: 4rem
}

.bottom-2 {
    bottom: .5rem
}

.bottom-3 {
    bottom: .75rem
}

.bottom-4 {
    bottom: 1rem
}

.bottom-6 {
    bottom: 1.5rem
}

.bottom-8 {
    bottom: 2rem
}

.bottom-\[-35\%\] {
    bottom: -35%
}

.bottom-full {
    bottom: 100%
}

.left-0 {
    left: 0px
}

.left-1 {
    left: .25rem
}

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

.left-1\/3 {
    left: 33.333333%
}

.left-1\/4 {
    left: 25%
}

.left-2 {
    left: .5rem
}

.left-3 {
    left: .75rem
}

.left-3\/4 {
    left: 94%
}

.left-4 {
    left: 1rem
}

.left-5 {
    left: 1.25rem
}

.left-6 {
    left: 1.5rem
}

.left-8 {
    left: 2rem
}

.left-\[80\%\] {
    left: 80%
}

.left-auto {
    left: auto
}

.left-full {
    left: 100%
}

.right-0 {
    right: 0px
}

.right-1\/3 {
    right: 33.333333%
}

.right-1\/4 {
    right: 25%
}

.right-12 {
    right: 3rem
}

.right-2 {
    right: .5rem
}

.right-3 {
    right: .75rem
}

.right-4 {
    right: 1rem
}

.right-5 {
    right: 1.25rem
}

.right-6 {
    right: 1.5rem
}

.right-8 {
    right: 2rem
}

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

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

.top-0 {
    top: 0px
}

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

.top-1\/3 {
    top: 33.333333%
}

.top-1\/4 {
    top: 25%
}

.top-12 {
    top: 3rem
}

.top-2 {
    top: .5rem
}

.top-20 {
    top: 5rem
}

.top-3 {
    top: .75rem
}

.top-4 {
    top: 1rem
}

.top-5 {
    top: 1.25rem
}

.top-8 {
    top: 2rem
}

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

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

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

.top-full {
    top: 100%
}

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

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

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

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

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

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

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

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.col-span-1 {
    grid-column: span 1/span 1
}

.col-span-2 {
    grid-column: span 2/span 2
}

.row-span-2 {
    grid-row: span 2/span 2
}

.row-end-auto {
    grid-row-end: auto
}

.-m-4 {
    margin: -1rem
}

.m-0 {
    margin: 0px
}

.\!my-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important
}

.-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem
}

.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

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

.my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

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

.\!-mr-5 {
    margin-right: -1.25rem !important
}

.\!mb-0 {
    margin-bottom: 0px !important
}

.-mr-2\.5 {
    margin-right: -10px
}

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

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

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

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

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

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

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

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

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

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

.ml-3 {
    margin-left: .75rem
}

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

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

.mr-1\.5 {
    margin-right: .375rem
}

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

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

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

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

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

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

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

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

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

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

.mt-auto {
    margin-top: auto
}

.line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

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

.line-clamp-5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.aspect-\[0\.76\] {
    aspect-ratio: .76
}

.aspect-\[1\.5\] {
    aspect-ratio: 1.5
}

.aspect-\[1\/1\] {
    aspect-ratio: 1/1
}

.aspect-\[150\/100\] {
    aspect-ratio: 150/100
}

.aspect-\[16\/9\] {
    aspect-ratio: 16/9
}

.aspect-\[280\/200\] {
    aspect-ratio: 280/200
}

.aspect-\[280\/330\] {
    aspect-ratio: 280/330
}

.aspect-\[373\/177\] {
    aspect-ratio: 373/177
}

.aspect-\[375\/200\] {
    aspect-ratio: 375/200
}

.aspect-\[380\/250\] {
    aspect-ratio: 380/250
}

.aspect-\[390\/270\] {
    aspect-ratio: 390/270
}

.aspect-\[4\/3\] {
    aspect-ratio: 4/3
}

.aspect-\[400\/460\] {
    aspect-ratio: 400/460
}

.aspect-\[780\/500\] {
    aspect-ratio: 780/500
}

.aspect-square {
    aspect-ratio: 1/1
}

.aspect-video {
    aspect-ratio: 16/9
}

.size-10 {
    width: 2.5rem;
    height: 2.5rem
}

.size-11 {
    width: 2.75rem;
    height: 2.75rem
}

.size-12 {
    width: 3rem;
    height: 3rem
}

.size-16 {
    width: 4rem;
    height: 4rem
}

.size-3 {
    width: .75rem;
    height: .75rem
}

.size-32 {
    width: 8rem;
    height: 8rem
}

.size-4 {
    width: 1rem;
    height: 1rem
}

.size-48 {
    width: 12rem;
    height: 12rem
}

.size-5 {
    width: 1.25rem;
    height: 1.25rem
}

.size-6 {
    width: 1.5rem;
    height: 1.5rem
}

.size-8 {
    width: 2rem;
    height: 2rem
}

.size-9 {
    width: 2.25rem;
    height: 2.25rem
}

.size-\[200px\] {
    width: 200px;
    height: 200px
}

.size-\[30px\] {
    width: 30px;
    height: 30px
}

.size-\[40px\] {
    width: 40px;
    height: 40px
}

.size-\[60px\] {
    width: 60px;
    height: 60px
}

.size-\[75px\] {
    width: 75px;
    height: 75px
}

.size-full {
    width: 100%;
    height: 100%
}

.\!h-auto {
    height: auto !important
}

.h-0 {
    height: 0px
}

.h-1 {
    height: .25rem
}

.h-1\.5 {
    height: .375rem
}

.h-10 {
    height: 2.5rem
}

.h-12 {
    height: 3rem
}

.h-16 {
    height: 4rem
}

.h-2 {
    height: .5rem
}

.h-20 {
    height: 5rem
}

.h-28 {
    height: 7rem
}

.h-3 {
    height: .75rem
}

.h-3\.5 {
    height: .875rem
}

.h-32 {
    height: 8rem
}

.h-36 {
    height: 9rem
}

.h-4 {
    height: 1rem
}

.h-40 {
    height: 10rem
}

.h-48 {
    height: 12rem
}

.h-5 {
    height: 1.25rem
}

.h-6 {
    height: 1.5rem
}

.h-64 {
    height: 16rem
}

.h-8 {
    height: 2rem
}

.h-96 {
    height: 24rem
}

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

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

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

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.h-px {
    height: 1px
}

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

.max-h-\[calc\(100vh-12rem\)\] {
    max-height: calc(100vh - 12rem)
}

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

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

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

.min-h-full {
    min-height: 100%
}

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

.w-0\.5 {
    width: .125rem
}

.w-1 {
    width: .25rem
}

.w-1\.5 {
    width: .375rem
}

.w-1\/3 {
    width: 33.333333%
}

.w-10 {
    width: 2.5rem
}

.w-12 {
    width: 3rem
}

.w-16 {
    width: 4rem
}

.w-2 {
    width: .5rem
}

.w-20 {
    width: 5rem
}

.w-28 {
    width: 7rem
}

.w-3 {
    width: .75rem
}

.w-3\.5 {
    width: .875rem
}

.w-3\/12 {
    width: 25%
}

.w-32 {
    width: 8rem
}

.w-4 {
    width: 1rem
}

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

.w-40 {
    width: 10rem
}

.w-48 {
    width: 12rem
}

.w-5 {
    width: 1.25rem
}

.w-5\/12 {
    width: 41.666667%
}

.w-6 {
    width: 1.5rem
}

.w-64 {
    width: 16rem
}

.w-8 {
    width: 2rem
}

.w-96 {
    width: 24rem
}

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

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

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

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

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

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

.w-auto {
    width: auto
}

.w-full {
    width: 100%
}

.min-w-0 {
    min-width: 0px
}

.min-w-40 {
    min-width: 10rem
}

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

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

.max-w-160 {
    max-width: 10rem
}

.max-w-180 {
    max-width: 11.25rem
}

.max-w-250 {
    max-width: 15.625rem
}

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

.max-w-3xl {
    max-width: 48rem
}

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

.max-w-5xl {
    max-width: 64rem
}

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

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

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

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

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

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

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

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

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

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

.max-w-none {
    max-width: none
}

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

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

.shrink-0 {
    flex-shrink: 0
}

.origin-center {
    transform-origin: center
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

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

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

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

.-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-1\/3 {
    --tw-translate-y: -33.333333%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

.translate-x-1\/2 {
    --tw-translate-x: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-1\/3 {
    --tw-translate-x: 33.333333%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

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

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

.translate-y-0 {
    --tw-translate-y: 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))
}

.translate-y-1\/2 {
    --tw-translate-y: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-1\/3 {
    --tw-translate-y: 33.333333%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

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

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

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

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

.translate-y-full {
    --tw-translate-y: 100%;
    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-12 {
    --tw-rotate: -12deg;
    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-3 {
    --tw-rotate: -3deg;
    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-45 {
    --tw-rotate: -45deg;
    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-12 {
    --tw-rotate: 12deg;
    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-180 {
    --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))
}

.rotate-45 {
    --tw-rotate: 45deg;
    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-6 {
    --tw-rotate: 6deg;
    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-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))
}

.-skew-y-\[10deg\] {
    --tw-skew-y: -10deg;
    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))
}

.skew-y-\[10deg\] {
    --tw-skew-y: 10deg;
    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-0 {
    --tw-scale-x: 0;
    --tw-scale-y: 0;
    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))
}

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

@keyframes bounce {
    0%,100% {
        transform: translateY(-25%);
        animation-timing-function: cubic-bezier(0.8, 0, 1, 1)
    }

    50% {
        transform: none;
        animation-timing-function: cubic-bezier(0, 0, 0.2, 1)
    }
}

.animate-\[bounce_1s_infinite_0ms\] {
    animation: bounce 1s infinite 0ms
}

@keyframes bounce {
    0%,100% {
        transform: translateY(-25%);
        animation-timing-function: cubic-bezier(0.8, 0, 1, 1)
    }

    50% {
        transform: none;
        animation-timing-function: cubic-bezier(0, 0, 0.2, 1)
    }
}

.animate-\[bounce_1s_infinite_200ms\] {
    animation: bounce 1s infinite 200ms
}

@keyframes bounce {
    0%,100% {
        transform: translateY(-25%);
        animation-timing-function: cubic-bezier(0.8, 0, 1, 1)
    }

    50% {
        transform: none;
        animation-timing-function: cubic-bezier(0, 0, 0.2, 1)
    }
}

.animate-\[bounce_1s_infinite_400ms\] {
    animation: bounce 1s infinite 400ms
}

.animate-\[float_4s_ease-in-out_infinite\] {
    animation: float 4s ease-in-out infinite
}

.animate-\[float_5s_ease-in-out_infinite\] {
    animation: float 5s ease-in-out infinite
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

.animate-\[spin_20s_linear_infinite\] {
    animation: spin 20s linear infinite
}

@keyframes bounce {
    0%,100% {
        transform: translateY(-25%);
        animation-timing-function: cubic-bezier(0.8, 0, 1, 1)
    }

    50% {
        transform: none;
        animation-timing-function: cubic-bezier(0, 0, 0.2, 1)
    }
}

.animate-bounce {
    animation: bounce 1s infinite
}

@keyframes flash {
    0%,100% {
        opacity: 1;
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: scale(0.85)
    }
}

.animate-flash-badge {
    animation: flash 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
}

@keyframes ping {
    75%,100% {
        transform: scale(2);
        opacity: 0
    }
}

.animate-ping {
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
}

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

    50% {
        transform: rotate(180deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.animate-rotation360 {
    animation: rotation360 10s linear infinite
}

@keyframes toggleIcon {
    0%,100% {
        opacity: 1;
        transform: scale(0.9) rotate(0deg)
    }

    50% {
        opacity: .7;
        transform: scale(1) rotate(22.5deg)
    }
}

.animate-toggleIcon {
    animation: toggleIcon 2s ease-in-out infinite
}

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

.cursor-pointer {
    cursor: pointer
}

.touch-pan-y {
    --tw-pan-y: pan-y;
    touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)
}

.resize-none {
    resize: none
}

.resize {
    resize: both
}

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

.grid-cols-1 {
    grid-template-columns: repeat(1, 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))
}

.flex-row {
    flex-direction: row
}

.flex-col {
    flex-direction: column
}

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

.flex-wrap {
    flex-wrap: wrap
}

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

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

.items-center {
    align-items: center
}

.items-stretch {
    align-items: stretch
}

.justify-start {
    justify-content: flex-start
}

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

.justify-center {
    justify-content: center
}

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

.gap-0 {
    gap: 0px
}

.gap-0\.5 {
    gap: .125rem
}

.gap-1 {
    gap: .25rem
}

.gap-1\.5 {
    gap: .375rem
}

.gap-10 {
    gap: 2.5rem
}

.gap-12 {
    gap: 3rem
}

.gap-2 {
    gap: .5rem
}

.gap-2\.5 {
    gap: 10px
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-8 {
    gap: 2rem
}

.gap-x-0 {
    -moz-column-gap: 0px;
    column-gap: 0px
}

.gap-y-1 {
    row-gap: .25rem
}

.gap-y-6 {
    row-gap: 1.5rem
}

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

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

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

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

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

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

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

.divide-y>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px*(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(243, 244, 246, var(--tw-divide-opacity, 1))
}

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

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

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

.overflow-x-scroll {
    overflow-x: scroll
}

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

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

.whitespace-nowrap {
    white-space: nowrap
}

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

.rounded-1\.25 {
    border-radius: 5px
}

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

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

.rounded-\[2rem\] {
    border-radius: 2rem
}

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

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

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

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

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

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

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

.rounded-bl-lg {
    border-bottom-left-radius: .5rem
}

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

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

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

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

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

.border {
    border-width: 1px
}

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

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

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

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

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

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

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

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

.border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgb(243, 244, 246, var(--tw-border-opacity, 1))
}

.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229, 231, 235, var(--tw-border-opacity, 1))
}

.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209, 213, 219, var(--tw-border-opacity, 1))
}

.border-primary-darkblue {
    --tw-border-opacity: 1;
    border-color: rgb(21, 56, 152, var(--tw-border-opacity, 1))
}

.border-primary-yellow\/20 {
    border-color: rgba(249,178,0,.2)
}

.border-secondary-blue {
    --tw-border-opacity: 1;
    border-color: rgb(142, 216, 248, var(--tw-border-opacity, 1))
}

.border-secondary-subBlue {
    --tw-border-opacity: 1;
    border-color: rgb(227, 246, 253, var(--tw-border-opacity, 1))
}

.border-secondary-subBlue\/20 {
    border-color: rgba(227,246,253,.2)
}

.border-secondary-subBlue\/30 {
    border-color: rgba(227,246,253,.3)
}

.border-stroke {
    --tw-border-opacity: 1;
    border-color: rgb(227, 227, 227, var(--tw-border-opacity, 1))
}

.border-transparent {
    border-color: rgba(0,0,0,0)
}

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

.border-white\/10 {
    border-color: hsla(0,0%,100%,.1)
}

.border-white\/20 {
    border-color: hsla(0,0%,100%,.2)
}

.border-x-secondary-subBlue {
    --tw-border-opacity: 1;
    border-left-color: rgb(227, 246, 253, var(--tw-border-opacity, 1));
    border-right-color: rgb(227, 246, 253, var(--tw-border-opacity, 1))
}

.\!bg-primary-yellow {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(249, 178, 0, var(--tw-bg-opacity, 1)) !important
}

.bg-\[\#000\]\/80 {
    background-color: rgba(0,0,0,.8)
}

.bg-\[\#1877F2\] {
    --tw-bg-opacity: 1;
    background-color: rgb(24, 119, 242, var(--tw-bg-opacity, 1))
}

.bg-\[\#25D366\] {
    --tw-bg-opacity: 1;
    background-color: rgb(37, 211, 102, var(--tw-bg-opacity, 1))
}

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

.bg-\[\#fa7e1e\] {
    --tw-bg-opacity: 1;
    background-color: rgb(250, 126, 30, var(--tw-bg-opacity, 1))
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(57, 57, 57, var(--tw-bg-opacity, 1))
}

.bg-black\/50 {
    background-color: rgba(57,57,57,.5)
}

.bg-blue-600\/90 {
    background-color: rgba(37,99,235,.9)
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243, 244, 246, var(--tw-bg-opacity, 1))
}

.bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(209, 213, 219, var(--tw-bg-opacity, 1))
}

.bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(249, 250, 251, var(--tw-bg-opacity, 1))
}

.bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(34, 197, 94, var(--tw-bg-opacity, 1))
}

.bg-orange-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(249, 115, 22, var(--tw-bg-opacity, 1))
}

.bg-primary-darkblue {
    --tw-bg-opacity: 1;
    background-color: rgb(21, 56, 152, var(--tw-bg-opacity, 1))
}

.bg-primary-darkblue\/0 {
    background-color: rgba(21,56,152,0)
}

.bg-primary-darkblue\/40 {
    background-color: rgba(21,56,152,.4)
}

.bg-primary-darkblue\/80 {
    background-color: rgba(21,56,152,.8)
}

.bg-primary-yellow {
    --tw-bg-opacity: 1;
    background-color: rgb(249, 178, 0, var(--tw-bg-opacity, 1))
}

.bg-primary-yellow\/0 {
    background-color: rgba(249,178,0,0)
}

.bg-primary-yellow\/10 {
    background-color: rgba(249,178,0,.1)
}

.bg-primary-yellow\/20 {
    background-color: rgba(249,178,0,.2)
}

.bg-primary-yellow\/30 {
    background-color: rgba(249,178,0,.3)
}

.bg-primary-yellow\/40 {
    background-color: rgba(249,178,0,.4)
}

.bg-primary-yellow\/5 {
    background-color: rgba(249,178,0,.05)
}

.bg-red {
    --tw-bg-opacity: 1;
    background-color: rgb(221, 47, 44, var(--tw-bg-opacity, 1))
}

.bg-red-light {
    --tw-bg-opacity: 1;
    background-color: rgb(255, 235, 238, var(--tw-bg-opacity, 1))
}

.bg-secondary-blue {
    --tw-bg-opacity: 1;
    background-color: rgb(142, 216, 248, var(--tw-bg-opacity, 1))
}

.bg-secondary-subBlue {
    --tw-bg-opacity: 1;
    background-color: rgb(227, 246, 253, var(--tw-bg-opacity, 1))
}

.bg-secondary-subBlue\/20 {
    background-color: rgba(227,246,253,.2)
}

.bg-secondary-subBlue\/30 {
    background-color: rgba(227,246,253,.3)
}

.bg-secondary-subBlue\/50 {
    background-color: rgba(227,246,253,.5)
}

.bg-stroke1 {
    --tw-bg-opacity: 1;
    background-color: rgb(249, 249, 249, var(--tw-bg-opacity, 1))
}

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

.bg-white\/10 {
    background-color: hsla(0,0%,100%,.1)
}

.bg-white\/20 {
    background-color: hsla(0,0%,100%,.2)
}

.bg-white\/5 {
    background-color: hsla(0,0%,100%,.05)
}

.bg-white\/90 {
    background-color: hsla(0,0%,100%,.9)
}

.bg-white\/95 {
    background-color: hsla(0,0%,100%,.95)
}

.bg-deco {
    /*    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='412' height='538' viewBox='0 0 412 538' fill='none'%3E%3Cpath d='M205.897 175.675L103.082 128.742L0.266663 175.675V271.751L103.082 224.818L205.897 271.751V175.675Z' fill='%238ED8F8'/%3E%3Cpath d='M205.897 424.703L103.082 377.771L0.266663 424.703V520.779L103.082 473.846L205.897 520.779V424.703Z' fill='%238ED8F8'/%3E%3Cpath d='M411.319 271.172L308.504 224.239L205.689 271.172V367.247L308.504 320.315L411.319 367.247V271.172Z' fill='%238ED8F8'/%3E%3Cpath d='M411.319 109.853L308.504 62.92L205.689 109.853V176.885L308.504 129.952L411.319 176.885V109.853Z' fill='%23F9B200'/%3E%3Cpath d='M411.319 515.939L308.504 469.006L205.689 515.939V582.971L308.504 536.038L411.319 582.971V515.939Z' fill='%238ED8F8'/%3E%3Cpath d='M206.991 83.3348L104.176 36.4019L1.361 83.3348V113.852L104.176 66.9188L206.991 113.852V83.3348Z' fill='%238ED8F8'/%3E%3Cpath d='M411.319 397.133L308.504 350.2L205.689 397.133V427.65L308.504 380.77L411.319 427.65V397.133Z' fill='%238ED8F8'/%3E%3Cpath d='M205.897 366.879L103.082 319.946L0.266663 366.879V397.396L103.082 350.463L205.897 397.396V366.879Z' fill='%23F9B200'/%3E%3Cpath d='M205.897 581.392L103.082 534.459L0.266663 581.392V611.962L103.082 565.029L205.897 611.962V581.392Z' fill='%238ED8F8'/%3E%3Cpath d='M205.897 47.2407L103.082 0.307739L0.266663 47.2407V65.4982L103.082 18.5653L205.897 65.4982V47.2407Z' fill='%23F9B200'/%3E%3Cpath d='M411.319 612.172L308.504 565.239L205.689 612.172V630.43L308.504 583.497L411.319 630.43V612.172Z' fill='%23F9B200'/%3E%3C/svg%3E")*/
    background-image: url('../uploads/banner/bg-footers.png');
}

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

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

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

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

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

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

.bg-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='41' viewBox='0 0 40 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3395 3.34491L18.6699 10.6753L16.4074 16.6737L10.4089 18.9362L3.07855 11.6059L9.07704 9.34339L11.3395 3.34491ZM10.945 1.52075L8.2914 8.55776L1.25439 11.2114L10.156 20.113L17.193 17.4594L19.8467 10.4224L10.945 1.52075Z' fill='%23F9B200'/%3E%3Cpath d='M29.5912 21.5966L36.9216 28.927L30.9231 31.1895L28.6606 37.188L21.3303 29.8576L23.5928 23.8591L29.5912 21.5966ZM29.8441 20.4198L22.8071 23.0735L20.1535 30.1105L29.0551 39.0121L31.7087 31.9751L38.7458 29.3215L29.8441 20.4198Z' fill='%23F9B200'/%3E%3Cpath d='M10.4089 21.5966L16.4074 23.8591L18.6699 29.8576L11.3395 37.188L9.07704 31.1895L3.07855 28.927L10.4089 21.5966ZM10.156 20.4198L1.25439 29.3215L8.2914 31.9751L10.945 39.0121L19.8467 30.1105L17.193 23.0735L10.156 20.4198Z' fill='%238ED8F8'/%3E%3Cpath d='M28.6606 3.34491L30.9231 9.34339L36.9216 11.6059L29.5912 18.9362L23.5928 16.6737L21.3303 10.6753L28.6606 3.34491ZM29.0551 1.52075L20.1535 10.4224L22.8071 17.4594L29.8441 20.113L38.7458 11.2114L31.7087 8.55776L29.0551 1.52075Z' fill='%238ED8F8'/%3E%3Cpath d='M11.3395 3.34491L18.6699 10.6753L16.4074 16.6737L10.4089 18.9362L3.07855 11.6059L9.07704 9.34339L11.3395 3.34491ZM10.945 1.52075L8.2914 8.55776L1.25439 11.2114L10.156 20.113L17.193 17.4594L19.8467 10.4224L10.945 1.52075Z' fill='%23F9B200'/%3E%3Cpath d='M29.5912 21.5966L36.9216 28.927L30.9231 31.1895L28.6606 37.188L21.3303 29.8576L23.5928 23.8591L29.5912 21.5966ZM29.8441 20.4198L22.8071 23.0735L20.1535 30.1105L29.0551 39.0121L31.7087 31.9751L38.7458 29.3215L29.8441 20.4198Z' fill='%23F9B200'/%3E%3Cpath d='M10.4089 21.5966L16.4074 23.8591L18.6699 29.8576L11.3395 37.188L9.07704 31.1895L3.07855 28.927L10.4089 21.5966ZM10.156 20.4198L1.25439 29.3215L8.2914 31.9751L10.945 39.0121L19.8467 30.1105L17.193 23.0735L10.156 20.4198Z' fill='%238ED8F8'/%3E%3Cpath d='M28.6606 3.34491L30.9231 9.34339L36.9216 11.6059L29.5912 18.9362L23.5928 16.6737L21.3303 10.6753L28.6606 3.34491ZM29.0551 1.52075L20.1535 10.4224L22.8071 17.4594L29.8441 20.113L38.7458 11.2114L31.7087 8.55776L29.0551 1.52075Z' fill='%238ED8F8'/%3E%3C/svg%3E%0A")
}

.bg-program {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='292' height='292' viewBox='0 0 292 292' fill='none'%3E%3Cpath d='M99.2896 -56.9077L170.944 14.7465L148.828 73.3817L90.1928 95.4976L18.5386 23.8433L77.1737 1.72744L99.2896 -56.9077ZM95.4334 -74.7389L69.4941 -5.95215L0.707399 19.9871L87.7208 107L156.508 81.0613L182.447 12.2745L95.4334 -74.7389Z' fill='white'/%3E%3Cpath d='M277.7 121.503L349.354 193.157L290.719 215.273L268.603 273.908L196.949 202.254L219.065 143.619L277.7 121.503ZM280.172 110L211.385 135.939L185.446 204.726L272.459 291.739L298.399 222.952L367.185 197.013L280.172 110Z' fill='white'/%3E%3Cpath d='M90.1928 121.503L148.828 143.619L170.944 202.254L99.2896 273.908L77.1737 215.273L18.5386 193.157L90.1928 121.503ZM87.7208 110L0.707397 197.013L69.4941 222.952L95.4334 291.739L182.447 204.726L156.508 135.939L87.7208 110Z' fill='white'/%3E%3Cpath d='M268.603 -56.9077L290.719 1.72744L349.354 23.8433L277.7 95.4976L219.065 73.3817L196.949 14.7465L268.603 -56.9077ZM272.459 -74.7389L185.446 12.2745L211.385 81.0613L280.172 107L367.185 19.9871L298.399 -5.95215L272.459 -74.7389Z' fill='white'/%3E%3C/svg%3E")
}

.from-\[\#0070FF80\]\/50 {
    --tw-gradient-from: rgb(0 112 255 / 0.5) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 112 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

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

.from-black\/90 {
    --tw-gradient-from: rgb(57 57 57 / 0.9) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(57 57 57 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-blue-100 {
    --tw-gradient-from: #dbeafe var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(219 234 254 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-blue-600 {
    --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-blue-600\/20 {
    --tw-gradient-from: rgb(37 99 235 / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-blue-900\/95 {
    --tw-gradient-from: rgb(30 58 138 / 0.95) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-primary-darkblue {
    --tw-gradient-from: #001ef3db var(--tw-gradient-from-position);
    --tw-gradient-to: #153898 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-primary-darkblue\/0 {
    --tw-gradient-from: rgb(21 56 152 / 0) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(21 56 152 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-primary-darkblue\/30 {
    --tw-gradient-from: rgb(21 56 152 / 0.3) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(21 56 152 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-primary-darkblue\/70 {
    --tw-gradient-from: rgb(21 56 152 / 0.7) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(21 56 152 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-primary-darkblue\/80 {
    --tw-gradient-from: rgb(21 56 152 / 0.8) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(21 56 152 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-primary-darkblue\/90 {
    --tw-gradient-from: rgb(21 56 152 / 0.9) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(21 56 152 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-primary-yellow {
    --tw-gradient-from: #F9B200 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(249 178 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-primary-yellow\/0 {
    --tw-gradient-from: rgb(249 178 0 / 0) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(249 178 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-primary-yellow\/20 {
    --tw-gradient-from: rgb(249 178 0 / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(249 178 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-primary-yellow\/30 {
    --tw-gradient-from: rgb(249 178 0 / 0.3) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(249 178 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-primary-yellow\/50 {
    --tw-gradient-from: rgb(249 178 0 / 0.5) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(249 178 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-secondary-blue\/50 {
    --tw-gradient-from: rgb(142 216 248 / 0.5) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(142 216 248 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-secondary-subBlue {
    --tw-gradient-from: #E3F6FD var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(227 246 253 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

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

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

.via-black\/50 {
    --tw-gradient-to: rgb(57 57 57 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(57 57 57 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-blue-900\/50 {
    --tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(30 58 138 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-primary-darkblue {
    --tw-gradient-to: rgb(21 56 152 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #153898 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-primary-darkblue\/40 {
    --tw-gradient-to: rgb(21 56 152 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(21 56 152 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-primary-darkblue\/50 {
    --tw-gradient-to: rgb(21 56 152 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(21 56 152 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-primary-darkblue\/70 {
    --tw-gradient-to: rgb(21 56 152 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(21 56 152 / 0.7) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-primary-darkblue\/95 {
    --tw-gradient-to: rgb(21 56 152 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(21 56 152 / 0.95) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-primary-yellow {
    --tw-gradient-to: rgb(249 178 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #F9B200 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-primary-yellow\/30 {
    --tw-gradient-to: rgb(249 178 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(249 178 0 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-primary-yellow\/40 {
    --tw-gradient-to: rgb(249 178 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(249 178 0 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-primary-yellow\/5 {
    --tw-gradient-to: rgb(249 178 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(249 178 0 / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-transparent {
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-white\/20 {
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.to-\[\#0855C5\] {
    --tw-gradient-to: #0855C5 var(--tw-gradient-to-position)
}

.to-black\/60 {
    --tw-gradient-to: rgb(57 57 57 / 0.6) var(--tw-gradient-to-position)
}

.to-blue-700 {
    --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position)
}

.to-primary-darkblue\/0 {
    --tw-gradient-to: rgb(21 56 152 / 0) var(--tw-gradient-to-position)
}

.to-primary-darkblue\/80 {
    --tw-gradient-to: rgb(21 56 152 / 0.8) var(--tw-gradient-to-position)
}

.to-primary-darkblue\/90 {
    --tw-gradient-to: rgb(21 56 152 / 0.9) var(--tw-gradient-to-position)
}

.to-primary-yellow\/0 {
    --tw-gradient-to: rgb(249 178 0 / 0) var(--tw-gradient-to-position)
}

.to-primary-yellow\/20 {
    --tw-gradient-to: rgb(249 178 0 / 0.2) var(--tw-gradient-to-position)
}

.to-primary-yellow\/30 {
    --tw-gradient-to: rgb(249 178 0 / 0.3) var(--tw-gradient-to-position)
}

.to-purple-100 {
    --tw-gradient-to: #f3e8ff var(--tw-gradient-to-position)
}

.to-purple-600 {
    --tw-gradient-to: #9333ea var(--tw-gradient-to-position)
}

.to-purple-600\/20 {
    --tw-gradient-to: rgb(147 51 234 / 0.2) var(--tw-gradient-to-position)
}

.to-secondary-blue {
    --tw-gradient-to: #8ED8F8 var(--tw-gradient-to-position)
}

.to-secondary-subBlue {
    --tw-gradient-to: #E3F6FD var(--tw-gradient-to-position)
}

.to-secondary-subBlue\/0 {
    --tw-gradient-to: rgb(227 246 253 / 0) var(--tw-gradient-to-position)
}

.to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position)
}

.to-90\% {
    --tw-gradient-to-position: 90%
}

.bg-contain {
    background-size: contain
}

.bg-cover {
    background-size: cover
}

.bg-center {
    background-position: center
}

.bg-no-repeat {
    background-repeat: no-repeat
}

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

.object-center {
    -o-object-position: center;
    object-position: center
}

.p-0 {
    padding: 0px
}

.p-0\.5 {
    padding: .125rem
}

.p-1 {
    padding: .25rem
}

.p-1\.5 {
    padding: .375rem
}

.p-2 {
    padding: .5rem
}

.p-2\.5 {
    padding: 10px
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-8 {
    padding: 2rem
}

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

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

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

.px-0\.5 {
    padding-left: .125rem;
    padding-right: .125rem
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

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

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

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

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

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

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

.py-0\.5 {
    padding-top: .125rem;
    padding-bottom: .125rem
}

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

.py-1\.5 {
    padding-top: .375rem;
    padding-bottom: .375rem
}

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

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

.py-2\.5 {
    padding-top: 10px;
    padding-bottom: 10px
}

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

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

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

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

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

.\!pb-12 {
    padding-bottom: 3rem !important
}

.\!pb-14 {
    padding-bottom: 3.5rem !important
}

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

.\!pt-5 {
    padding-top: 1.25rem !important
}

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

.pb-0 {
    padding-bottom: 0px
}

.pb-10 {
    padding-bottom: 2.5rem
}

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

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

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

.pb-6 {
    padding-bottom: 1.5rem
}

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

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

.pl-1\.25 {
    padding-left: 5px
}

.pl-10 {
    padding-left: 2.5rem
}

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

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

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

.pl-6 {
    padding-left: 1.5rem
}

.pr-0\.5 {
    padding-right: .125rem
}

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

.pr-2\.5 {
    padding-right: 10px
}

.pr-8 {
    padding-right: 2rem
}

.pr-\[4\.5rem\] {
    padding-right: 4.5rem
}

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

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

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

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

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

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

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

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.font-mono {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}

.font-montserrat {
    font-family: "Roboto",serif
}

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

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

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

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

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

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

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

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

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

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

.font-bold {
    font-weight: 700
}

.font-light {
    font-weight: 300
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.italic {
    font-style: italic
}

.not-italic {
    font-style: normal
}

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

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

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

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

.leading-\[166\.667\%\] {
    line-height: 166.667%
}

.leading-relaxed {
    line-height: 1.625
}

.tracking-tight {
    letter-spacing: -0.025em
}

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

.text-\[\#9E9E9E\] {
    --tw-text-opacity: 1;
    color: rgb(158, 158, 158, var(--tw-text-opacity, 1))
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(57, 57, 57, var(--tw-text-opacity, 1))
}

.text-black1 {
    --tw-text-opacity: 1;
    color: rgb(51, 51, 51, var(--tw-text-opacity, 1))
}

.text-black2 {
    --tw-text-opacity: 1;
    color: rgb(66, 66, 66, var(--tw-text-opacity, 1))
}

.text-gray-200 {
    --tw-text-opacity: 1;
    color: rgb(229, 231, 235, var(--tw-text-opacity, 1))
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156, 163, 175, var(--tw-text-opacity, 1))
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107, 114, 128, var(--tw-text-opacity, 1))
}

.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75, 85, 99, var(--tw-text-opacity, 1))
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55, 65, 81, var(--tw-text-opacity, 1))
}

.text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(31, 41, 55, var(--tw-text-opacity, 1))
}

.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17, 24, 39, var(--tw-text-opacity, 1))
}

.text-primary-darkblue {
    --tw-text-opacity: 1;
    color: rgb(21, 56, 152, var(--tw-text-opacity, 1))
}

.text-primary-darkblue\/70 {
    color: rgba(21,56,152,.7)
}

.text-primary-darkblue\/80 {
    color: rgba(21,56,152,.8)
}

.text-primary-yellow {
    --tw-text-opacity: 1;
    color: rgb(249, 178, 0, var(--tw-text-opacity, 1))
}

.text-primary-yellow\/20 {
    color: rgba(249,178,0,.2)
}

.text-purple-600 {
    --tw-text-opacity: 1;
    color: rgb(147, 51, 234, var(--tw-text-opacity, 1))
}

.text-red {
    --tw-text-opacity: 1;
    color: rgb(221, 47, 44, var(--tw-text-opacity, 1))
}

.text-secondary-blue {
    --tw-text-opacity: 1;
    color: rgb(142, 216, 248, var(--tw-text-opacity, 1))
}

.text-titleColor {
    --tw-text-opacity: 1;
    color: rgb(21, 56, 152, var(--tw-text-opacity, 1))
}

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

.text-white\/5 {
    color: hsla(0,0%,100%,.05)
}

.text-white\/70 {
    color: hsla(0,0%,100%,.7)
}

.text-white\/80 {
    color: hsla(0,0%,100%,.8)
}

.text-white\/90 {
    color: hsla(0,0%,100%,.9)
}

.text-yellow {
    --tw-text-opacity: 1;
    color: rgb(249, 178, 0, var(--tw-text-opacity, 1))
}

.text-yellowLogo {
    --tw-text-opacity: 1;
    color: rgb(233, 178, 15, var(--tw-text-opacity, 1))
}

.underline {
    text-decoration-line: underline
}

.opacity-0 {
    opacity: 0
}

.opacity-10 {
    opacity: .1
}

.opacity-100 {
    opacity: 1
}

.opacity-15 {
    opacity: .15
}

.opacity-20 {
    opacity: .2
}

.opacity-40 {
    opacity: .4
}

.opacity-50 {
    opacity: .5
}

.opacity-60 {
    opacity: .6
}

.opacity-75 {
    opacity: .75
}

.opacity-80 {
    opacity: .8
}

.opacity-90 {
    opacity: .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 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)
}

.shadow-\[inset_1px_1px_10px_0_rgba\(142\,216\,248\,0\.30\)\] {
    --tw-shadow: inset 1px 1px 10px 0 rgba(142,216,248,0.30);
    --tw-shadow-colored: inset 1px 1px 10px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)
}

.shadow-accredited {
    --tw-shadow: 0.1875rem 0.1875rem 0.75rem 0rem rgba(0, 0, 207, 0.20);
    --tw-shadow-colored: 0.1875rem 0.1875rem 0.75rem 0rem var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)
}

.shadow-childPage {
    --tw-shadow: 0.5625rem 0 1.25rem 0rem rgb(0 4 168 / 18%);
    --tw-shadow-colored: 0.5625rem 0 1.25rem 0rem var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)


}

.shadow-inset-blue {
    --tw-shadow: inset 0.0625rem 0.0625rem 0.9375rem 0 rgba(142, 216, 248, 0.5);
    --tw-shadow-colored: inset 0.0625rem 0.0625rem 0.9375rem 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),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 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)
}

.shadow-md {
    --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 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),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 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)
}

.shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)
}

.outline-none {
    outline: 2px solid rgba(0,0,0,0);
    outline-offset: 2px
}

.outline {
    outline-style: solid
}

.ring {
    --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(3px + 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 rgba(0, 0, 0, 0))
}

.ring-2 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))
}

.ring-gray-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(243 244 246 / var(--tw-ring-opacity, 1))
}

.ring-secondary-subBlue {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(227 246 253 / var(--tw-ring-opacity, 1))
}

.blur-2xl {
    --tw-blur: blur(40px);
    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)
}

.blur-3xl {
    --tw-blur: blur(64px);
    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)
}

.blur-\[1px\] {
    --tw-blur: blur(1px);
    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)
}

.blur-lg {
    --tw-blur: blur(16px);
    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)
}

.blur-md {
    --tw-blur: blur(12px);
    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)
}

.blur-sm {
    --tw-blur: blur(4px);
    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)
}

.blur-xl {
    --tw-blur: blur(24px);
    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)
}

.brightness-\[0\.9\] {
    --tw-brightness: brightness(0.9);
    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)
}

.drop-shadow-btn-slide {
    --tw-drop-shadow: drop-shadow(0.125rem 0.125rem 0.625rem rgba(0, 0, 0, 0.05));
    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)
}

.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-\[1px\] {
    --tw-backdrop-blur: blur(1px);
    -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-sm {
    --tw-backdrop-blur: blur(4px);
    -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 {
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}

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

.delay-100 {
    transition-delay: 100ms
}

.delay-200 {
    transition-delay: 200ms
}

.delay-75 {
    transition-delay: 75ms
}

.duration-1000 {
    transition-duration: 1000ms
}

.duration-200 {
    transition-duration: 200ms
}

.duration-300 {
    transition-duration: 300ms
}

.duration-500 {
    transition-duration: 500ms
}

.duration-700 {
    transition-duration: 700ms
}

.ease-\[cubic-bezier\(0\.4\,0\,0\.2\,1\)\] {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

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

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

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

footer {
    background: url(../images/bg-footermb.jpg) no-repeat top center;
    background-size: cover
}

@media(min-width: 1024px) {
    footer {
        background:url(../images/bg-footer.jpg) no-repeat center center;
        background-size: cover
    }
}

header .language-switcher {
    transition: all .5s ease-in-out;
    border-radius: 16px;
    
}

header .language-switcher.active {
    flex-direction: row-reverse
}




.header-nav::before {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.5);
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
    z-index: 40
}

@media(min-width: 1101px) {
    .header-nav .main-nav {
/*        height: 80px*/
    }

    .header-nav .main-nav .group\/sub-menu>ul,.header-nav .main-nav .group\/sub1-menu>ul {
        display: none
    }

    .header-nav .main-nav .group\/sub-menu:hover>ul,.header-nav .main-nav .group\/sub1-menu:hover>ul {
        opacity: 1;
        visibility: visible;
        display: grid;
        opacity: 1;
        transform: translateY(0);
        animation: fadeInUp .5s ease-out forwards
    }
}

@media(max-width: 1100px) {
    .header-nav .main-nav {
        display:none;
        flex-direction: column;
        position: fixed;
        top: 0;
        right: -100%;
        width: 300px;
        height: 100dvh;
        background: #fff;
        z-index: 50;
        transition: all .3s cubic-bezier(0.4, 0, 0.2, 1);
        overflow-y: auto;
        padding: 0 0 20px
    }

    .header-nav .main-nav .group\/sub-menu>ul,.header-nav .main-nav .group\/sub1-menu>ul {
        display: none;
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        width: 100%
    }

    .header-nav .main-nav .group\/sub-menu>ul.submenu-active,.header-nav .main-nav .group\/sub1-menu>ul.submenu-active {
        display: block;
        padding-left: 10px
    }

    .header-nav .main-nav ul {
        flex-direction: column;
        height: auto;
        padding: 0;
        margin: 0;
        gap: 0
    }

    .header-nav .main-nav ul li {
        width: 100%;
        height: auto
    }

    .header-nav .main-nav ul li a {
        padding: 15px 20px;
        justify-content: space-between;
        width: 100%;
        color: #153898
    }

    .header-nav .main-nav ul li a:hover {
        color: #f9b200
    }

    .header-nav .main-nav ul li a svg {
        transition: transform .3s ease
    }

    .header-nav .main-nav ul li a svg.rotate-active {
        transform: rotate(180deg);
        color: #f9b200
    }
}

.header-nav.menu-active::before {
    opacity: 1;
    visibility: visible
}

.header-nav.menu-active .main-nav {
    right: 0;
    display: flex
}

.hamburger-menu {
    display: none;
    cursor: pointer
}

@media(max-width: 1200px) {
    .hamburger-menu {
        display:block
    }
}

body {
    margin: 0;
    padding: 0;
    font-family: "Inter",serif;
    font-size: 16px
}

* {
    box-sizing: border-box
}

img {
    display: block;
    max-width: 100%
}

a {
    text-decoration: none
}

.bg-about {
    position: relative
}

.bg-about::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 150%;
    left: -16px;
    height: 80%;
    border-radius: 87px 0px 0px 0px;
    background: #f9b200
}

@media(min-width: 1024px) {
    .bg-about::before {
        left:10%;
        height: 100%;
        border-radius: 250px 0px 0px 250px;
        background: #f9b200
    }
}

.srollVertical {
    scrollbar-width: thin;
    scrollbar-color: rgb(58 93 190) rgb(214 244 251);
}

.srollVertical::-webkit-scrollbar-track {
    -webkit-box-shadow: 4px 4px 15px 0px rgba(0,0,0,.05);
    border-radius: 30px;
    background-color: #d6f0ff
}

.srollVertical::-webkit-scrollbar {
    width: 4px;
    background-color: #d6f0ff;
    border-radius: 20px
}

.srollVertical::-webkit-scrollbar-thumb {
    border-radius: 20px;
    -webkit-box-shadow: 4px 4px 15px 0px rgba(0,0,0,.05);
    background-color: #0000a8
}

.srollHorizontal {
    scrollbar-width: thin;
    scrollbar-color: #0000a8 #d6f0ff
}

.srollHorizontal::-webkit-scrollbar-track {
    -webkit-box-shadow: 4px 4px 15px 0px rgba(0,0,0,.05);
    border-radius: 20px;
    background-color: #d6f0ff
}

.srollHorizontal::-webkit-scrollbar {
    height: 4px;
    background-color: #d6f0ff;
    border-radius: 20px
}

.srollHorizontal::-webkit-scrollbar-thumb {
    border-radius: 20px;
    -webkit-box-shadow: 4px 4px 15px 0px rgba(0,0,0,.05);
    background-color: #0000a8
}

.image-hover {
    position: relative;
    overflow: hidden;
    isolation: isolate
}

.image-hover img {
    transition: transform .6s cubic-bezier(0.33, 1, 0.68, 1)
}

.image-hover::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(225deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
    transition: transform .8s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1
}

.image-hover::after {
    content: "";
    position: absolute;
    inset: 0;
    background: hsla(0,0%,100%,.1);
    opacity: 0;
    transition: opacity .4s ease;
    z-index: 1
}

.image-hover:hover img {
    transform: scale(1.05)
}

.image-hover:hover::before {
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0)
}

.image-hover:hover::after {
    opacity: 1
}

.iuh-gallery-item::before {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%)
}

.iuh-event::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;
    z-index: -1;
    background: linear-gradient(-90deg, rgba(21, 56, 152, 0.8) 11.43%, #153898 92.6%)
}

.iuh-event::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;
    z-index: -2;
    background: url(../images/bg-event.jpg) no-repeat center center/cover
}

.iuh-btn {
    position: relative;
    overflow: hidden;
    border-radius: 60px;
    background: #153898;
    transition: all .5s ease-in-out
}

.iuh-btn::before {
    content: "";
    position: absolute;
    background: #f9b200;
    z-index: 1;
    height: 100%;
    width: 100%;
    left: -300%;
    transition: all .5s ease-in-out;
    transform: rotate(45deg);
    scale: 5
}

.iuh-btn:hover {
    box-shadow: 2px 4px 6px 0px rgba(0,0,0,.3)
}

.iuh-btn:hover::before {
    left: 0
}

.iuh-btn > a, .iuh-btn button {
    z-index: 2;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: -4px;
    padding: 10px 30px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
}

.swiper-horizontal .swiper-pagination-bullet {
    position: relative;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    border: 1px solid #153898;
    background-color: #fff
}

@media(min-width: 768px) {
    .swiper-horizontal .swiper-pagination-bullet {
        width:20px;
        height: 20px
    }
}

.swiper-horizontal .swiper-pagination-bullet::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 9px;
    height: 9px;
    border-radius: 100%;
    background-color: #FDB72A;
    opacity: 0
}

@media(min-width: 768px) {
    .swiper-horizontal .swiper-pagination-bullet::before {
        width:14px;
        height: 14px
    }
}

.swiper-horizontal .swiper-pagination-bullet-active::before {
    opacity: 1
}

.pulse-animation::before,.pulse-animation::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(214, 240, 255, 0.8), rgba(214, 240, 255, 0.4));
    border-radius: 100%;
    z-index: 2
}

.pulse-animation::before {
    animation: pulse-ring-1 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite
}

.pulse-animation::after {
    z-index: 1;
    animation: pulse-ring-2 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
    animation-delay: .6s
}

@keyframes pulse-ring-1 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.9)
    }

    50% {
        opacity: .6
    }

    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(2)
    }
}

@keyframes pulse-ring-2 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.8)
    }

    50% {
        opacity: .4
    }

    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1.8)
    }
}

.pulse-animation:hover::before,.pulse-animation:hover::after {
    animation-play-state: paused;
    opacity: .2
}

@media(prefers-reduced-motion: reduce) {
    .pulse-animation::before,.pulse-animation::after {
        animation: none;
        opacity: .2
    }
}

.modal.modalActive {
    opacity: 1;
    z-index: 999;
    width: 100%;
    height: 100%
}

.grid-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    grid-gap: 16px;
    grid-auto-rows: 150px;
    grid-auto-flow: row dense
}

@media(min-width: 767px) {
    .grid-gallery {
        grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));
        grid-gap: 20px;
        grid-auto-rows: 200px
    }
}

@media(min-width: 1024px) {
    .grid-gallery {
        grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
        grid-gap: 20px;
        grid-auto-rows: 300px
    }
}

.cooperation-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1fr, 1fr));
    grid-gap: 16px;
    grid-auto-rows: 1fr;
    grid-auto-flow: row dense
}

@media(min-width: 768px) {
    .cooperation-grid {
        grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
        grid-gap: 20px;
        grid-auto-rows: 300px
    }
}

.iuh-program-item {
    background: linear-gradient(90deg, #ffd440 0%, #fff98c 31.98%, #ffc624 68.02%, #ffd74f 100%)
}

@media(max-width: 767px) {
    .iuh-program-item-mobile {
        background:linear-gradient(90deg, #ffd440 0%, #fff98c 31.98%, #ffc624 68.02%, #ffd74f 100%)
    }
}

.iuh-awards {
    background: conic-gradient(from -45deg at 50% 50%, #153898 0deg, rgba(21, 56, 152, 0.6) 360deg),url(../images/award.jpg) #d3d3d3 50%/cover no-repeat
}

.iuh-awards .iuh-awards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    grid-gap: 16px;
    grid-auto-rows: 180px;
    grid-auto-flow: row dense
}

@media(min-width: 768px) {
    .iuh-awards .iuh-awards-grid {
        grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
        grid-gap: 20px
    }
}

.iuh-awards .awardsCounting {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #fff;
    box-shadow: 2px 2px 10px 0px rgba(0,0,0,.05);
    position: relative;
    isolation: isolate;
    overflow: hidden;
    z-index: 1
}

.iuh-awards .awardsCounting::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #f9b200;
    z-index: -1;
    opacity: 0;
    transform: translateY(100%);
    transition: transform .6s ease-out,opacity .4s ease-out
}

.iuh-awards .awardsCounting:hover::before {
    opacity: 1;
    transform: translateY(0)
}

.iuh-awards .awardsCounting-content {
    display: flex;
    align-items: start;
    justify-content: center;
    padding: 0 10px;
    width: 100%
}

.iuh-awards .awardsCounting-content-title {
    color: #153898;
    font-size: 35px;
    font-weight: 800
}

@media(min-width: 768px) {
    .iuh-awards .awardsCounting-content-title {
        font-size:45px
    }
}

.iuh-awards .awardsCounting-content-plus {
    font-size: 30px;
    font-weight: 700;
    color: #153898
}

@media(min-width: 768px) {
    .iuh-awards .awardsCounting-content-plus {
        font-size:40px
    }
}

.iuh-awards .awardsCounting-content-text {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    padding: 0 10px;
    color: #212121
}

@media(min-width: 768px) {
    .iuh-awards .awardsCounting-content-text {
        font-size:20px
    }
}

.iuh-accredited {
    background: linear-gradient(180deg, #fff 0%, #edf9ff 100%)
}

.iuh-accredited .boxCircurlar {
    position: relative;
    width: 500px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    flex-shrink: 0;
    overflow: hidden;
    will-change: transform;
    backface-visibility: hidden;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 2px;
    padding: 2px;
    background: none
}

@media(max-width: 768px) {
    .iuh-accredited .boxCircurlar {
        width:300px;
        height: 300px
    }
}

.iuh-accredited .boxCircurlar .center-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 15%;
    height: 15%;
    z-index: 11;
    transition: all .3s ease
}

.iuh-accredited .boxCircurlar .center-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform .5s ease;
    transform: scale(1)
}

.iuh-accredited .boxCircurlar .center-logo:hover img {
    transform: scale(1.1)
}

.iuh-accredited .boxCircurlar .center-logo::before {
    content: "";
    position: absolute;
    inset: -10px;
    background: #fff;
    border-radius: 50%;
    animation: spin 10s linear infinite;
    border: 1px dashed #0000a8
}

.iuh-accredited .boxCircurlar .quarter {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: all .3s ease;
    z-index: 1
}

.iuh-accredited .boxCircurlar .quarter::before {
    background: radial-gradient(79.23% 88.33% at 35.8% 44.16%, rgba(0, 0, 168, 0.1) 0%, #0000a8 100%);
    content: "";
    position: absolute;
    inset: -10px;
    z-index: 1;
    pointer-events: none;
    transition: all .3s ease
}

.iuh-accredited .boxCircurlar .quarter:hover,.iuh-accredited .boxCircurlar .quarter.active {
    background: #f5f5f5
}

.iuh-accredited .boxCircurlar .quarter:hover::before,.iuh-accredited .boxCircurlar .quarter.active::before {
    background: rgba(0,0,0,0)
}

.iuh-accredited .boxCircurlar .quarter:hover img,.iuh-accredited .boxCircurlar .quarter.active img {
    transform: translateX(-10%)
}

.iuh-accredited .boxCircurlar .quarter:hover .content,.iuh-accredited .boxCircurlar .quarter.active .content {
    opacity: 0;
    transform: translateX(10%) translate(-50%, -50%)
}

.iuh-accredited .boxCircurlar .quarter:hover img {
    transform: translateX(-10%)
}

.iuh-accredited .boxCircurlar .quarter .content {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #edf9ff;
    text-shadow: 2px 2px 10px rgba(0,0,0,.9);
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 2;
    transition: all .3s ease;
    transform: translate(-50%, -50%)
}

@media(min-width: 768px) {
    .iuh-accredited .boxCircurlar .quarter .content {
        font-size:30px
    }
}

.iuh-accredited .boxCircurlar .quarter:nth-child(1) {
    border-top-left-radius: 100%
}

.iuh-accredited .boxCircurlar .quarter:nth-child(1) .content {
    top: 60%;
    left: 60%
}

.iuh-accredited .boxCircurlar .quarter:nth-child(2) {
    border-top-right-radius: 100%
}

.iuh-accredited .boxCircurlar .quarter:nth-child(2) .content {
    top: 60%;
    left: 40%
}

.iuh-accredited .boxCircurlar .quarter:nth-child(3) {
    border-bottom-left-radius: 100%
}

.iuh-accredited .boxCircurlar .quarter:nth-child(3) .content {
    top: 40%;
    left: 60%
}

.iuh-accredited .boxCircurlar .quarter:nth-child(4) {
    border-bottom-right-radius: 100%
}

.iuh-accredited .boxCircurlar .quarter:nth-child(4) .content {
    top: 40%;
    left: 40%
}

@keyframes pulse {
    0%,100% {
        transform: translate(-50%, -50%) scale(1)
    }

    50% {
        transform: translate(-50%, -50%) scale(1.05)
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes glow {
    from {
        opacity: .5;
        transform: scale(0.95)
    }

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

.iuh-accredited .tab-content {
    flex: 1
}

.iuh-accredited .tab-content .tab-pane {
    display: none;
    animation: fadeIn .5s ease
}

@media(min-width: 1024px) {
    .iuh-accredited .tab-content .tab-pane {
        animation:fadeInRight .5s ease
    }
}

.iuh-accredited .tab-content .tab-pane.active {
    display: block
}

.iuhTabsContents {
    flex: 1
}

.iuhTabsContents .iuhContentTab {
    display: none;
    animation: fadeIn .5s ease
}

.iuhTabsContents .iuhContentTab.active {
    display: grid
}

.iuh-research .swiper_research {
    padding: 2.5% 0 115px
}

@media(min-width: 768px) {
    .iuh-research .swiper_research {
        padding:2.5% 0 125px
    }
}

.iuh-research .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 300px;
    height: auto;
    aspect-ratio: 16/9
}

@media(min-width: 768px) {
    .iuh-research .swiper-slide {
        width:500px
    }
}

@media(min-width: 1024px) {
    .iuh-research .swiper-slide {
        width:780px
    }
}

.iuh-research .research-picture::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(21, 56, 152, 0.1) 0%, #153898) 100%;
    transition-property: transform;
    transition-duration: 700ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.iuh-research .research-title {
    opacity: 0;
    transform: translateY(100%) translateX(-50%);
    transition: all .5s ease-in-out
}

.iuh-research .swiper-slide-active .research-title {
    opacity: 1;
    transform: translateY(0) translateX(-50%)
}

.iuh-research .swiper-slide-active .research-picture::before {
    opacity: 0;
    transform: translateY(100%)
}

@media(max-width: 640px) {
    .iuh-research .navigation-wrapper {
        padding:0 .5rem
    }
}

.iuh-research .navigation-wrapper .swiper-button-custom-prev,.iuh-research .navigation-wrapper .swiper-button-custom-next {
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out
}

@media(hover: none) {
    .iuh-research .navigation-wrapper .swiper-button-custom-prev,.iuh-research .navigation-wrapper .swiper-button-custom-next {
        opacity:1;
        visibility: visible
    }
}

.iuh-research .swiper_research:hover .swiper-button-custom-prev,.iuh-research .swiper_research:hover .swiper-button-custom-next {
    opacity: 1;
    visibility: visible
}

@media(max-width: 360px) {
    .iuh-research .swiper_research .navigation-wrapper {
        display:none
    }
}

.social-icon {
    transition: all .5s cubic-bezier(0.4, 0, 0.2, 1)
}

.social-icon:not(:first-child) {
    transform: scale(0.8)
}

.social-icon:hover {
    transform: scale(1.1) !important
}

.pulse-ring {
    position: relative
}

.pulse-ring::before,.pulse-ring::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    border: 2px solid rgba(0,0,207,.5);
    pointer-events: none;
    z-index: -1
}

.pulse-ring::before {
    animation: pulse-ring-1 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite
}

.pulse-ring::after {
    z-index: 1;
    animation: pulse-ring-2 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
    animation-delay: .6s
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(50%)
    }

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

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(50%)
    }

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

@keyframes pulse {
    0% {
        transform: scale(0.8);
        opacity: .5
    }

    50% {
        transform: scale(1.1);
        opacity: .3
    }

    100% {
        transform: scale(1.4);
        opacity: 0
    }
}

#scrollToTop {
    transform: translateY(20px);
    transition: all .3s ease
}

#scrollToTop.visible {
    transform: translateY(0)
}

#scrollToTop:hover svg {
    animation: bounce-up .5s ease infinite
}

@keyframes bounce-up {
    0%,100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-3px)
    }
}

.iuhBtnTab.active {
    background: #0000a8;
    color: #fff
}

.iuhArticleContent {
    color: #212121;
    font-size: 16px;
    line-height: 1.75;
    max-width: 100%;
    overflow-x: hidden
}

.iuhArticleContent h1,.iuhArticleContent h2,.iuhArticleContent h3,.iuhArticleContent h4,.iuhArticleContent h5,.iuhArticleContent h6 {
    color: #0000a8;
    font-weight: 600;
    margin: clamp(.5em,2vw,.75em) 0 clamp(.5em,2vw,.75em);
    line-height: 1.3;
    scroll-margin-top: 2rem
}

.iuhArticleContent h1 {
    font-size: clamp(1.5rem,4vw,2.25rem)
}

.iuhArticleContent h2 {
    font-size: clamp(1.25rem,3vw,1.5rem)
}

.iuhArticleContent h3 {
    font-size: clamp(1rem,2.5vw,1.25rem)
}

.iuhArticleContent h4 {
    font-size: clamp(.75rem,2vw,1rem)
}

.iuhArticleContent h5 {
    font-size: clamp(.75rem,1.5vw,1rem)
}

.iuhArticleContent h6 {
    font-size: 1rem
}

.iuhArticleContent p {
    font-size: 16px
}

.iuhArticleContent p:last-child {
    margin-bottom: 0
}

.iuhArticleContent ul,.iuhArticleContent ol {
    margin: clamp(1em,3vw,1.5em) 0;
    padding-left: clamp(1.25em,4vw,1.5em)
}

.iuhArticleContent ul li,.iuhArticleContent ol li {
    margin-bottom: clamp(.3em,2vw,.5em);
    padding-left: .5em;
    position: relative
}

.iuhArticleContent ul li::before,.iuhArticleContent ol li::before {
    content: "";
    position: absolute;
    left: -1em;
    top: .6em;
    width: clamp(4px,1vw,6px);
    height: clamp(4px,1vw,6px);
    border-radius: 50%;
    background-color: #0000a8;
    transition: transform .2s ease
}

.iuhArticleContent ul li:hover::before,.iuhArticleContent ol li:hover::before {
    transform: scale(1.2)
}

.iuhArticleContent a {
    color: #153898;
    text-decoration: none;
    background: linear-gradient(to right, currentColor 0%, currentColor 100%);
    background-size: 0 1px;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size .3s ease;
    padding-bottom: 2px
}

.iuhArticleContent a:hover {
    background-size: 100% 1px
}

.iuhArticleContent blockquote {
    margin: clamp(1.5em,4vw,2em) 0;
    padding: clamp(1em,3vw,1.5em) clamp(1.5em,4vw,2em);
    border-left: 4px solid #0000a8;
    background-color: #f8fafc;
    border-radius: clamp(.25rem,1vw,.5rem);
    font-style: italic;
    color: #4a5568;
    box-shadow: 0 2px 4px rgba(0,0,0,.05);
    transition: transform .3s ease,box-shadow .3s ease
}

.iuhArticleContent blockquote:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,.1)
}

.iuhArticleContent blockquote p:last-child {
    margin-bottom: 0
}

.iuhArticleContent table {
    width: 100%;
    margin: clamp(1em,3vw,1.5em) 0;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: .5rem;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0,0,0,.05)
}

@media(max-width: 768px) {
    .iuhArticleContent table {
        display:block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

.iuhArticleContent table th,.iuhArticleContent table td {
    border: 1px solid #e2e8f0;
    padding: clamp(.5em,2vw,.75em) clamp(.75em,2vw,1em);
    text-align: left
}

.iuhArticleContent table th {
    background-color: #f8fafc;
    font-weight: 600;
    color: #0000a8;
    white-space: nowrap
}

.iuhArticleContent table tr {
    transition: background-color .2s ease
}

.iuhArticleContent table tr:nth-child(even) {
    background-color: #f8fafc
}

.iuhArticleContent table tr:hover {
    background-color: #edf2f7
}

.iuhArticleContent img {
    max-width: 100%;
    height: auto;
    border-radius: clamp(.25rem,1vw,.5rem);
    margin: clamp(1em,3vw,1.5em) 0;
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
    transition: transform .3s ease,box-shadow .3s ease;
    margin: 0 auto
}

.iuhArticleContent img:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,.15)
}

.iuhArticleContent figure {
    margin: 0
}

.iuhArticleContent figure img {
    margin: 0 auto
}

.iuhArticleContent figure figcaption {
    text-align: center;
    color: #64748b;
    font-size: clamp(.75em,2vw,.875em);
    margin-top: clamp(.3em,1vw,.5em);
    padding: .5em;
    background: #f8fafc;
    border-radius: 0 0 .5rem .5rem
}

.iuhArticleContent .note,.iuhArticleContent .warning,.iuhArticleContent .tip {
    padding: clamp(1em,3vw,1.5em);
    margin: clamp(1em,3vw,1.5em) 0;
    border-radius: .5rem;
    border-left: 4px solid
}

@media(max-width: 768px) {
    .iuhArticleContent .note,.iuhArticleContent .warning,.iuhArticleContent .tip {
        margin:1em -1em;
        border-radius: 0
    }
}

.iuhArticleContent .note {
    background-color: #edf9ff;
    border-color: #153898
}

.iuhArticleContent .warning {
    background-color: #fff5f5;
    border-color: #e53e3e
}

.iuhArticleContent .tip {
    background-color: #f0fff4;
    border-color: #48bb78
}

.iuhArticleContent pre,.iuhArticleContent code {
    font-family: "Fira Code",monospace;
    border-radius: clamp(.25rem,1vw,.5rem)
}

.iuhArticleContent pre {
    background: #f8fafc;
    padding: clamp(1em,3vw,1.5em);
    margin: clamp(1em,3vw,1.5em) 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    box-shadow: inset 0 2px 4px rgba(0,0,0,.05)
}

.iuhArticleContent code {
    background: #f1f5f9;
    padding: .2em .4em;
    font-size: .875em
}

.group\/card:hover {
    transform: translateY(-2px)
}

.group\/card:active {
    transform: translateY(0)
}

.group\/card:hover svg {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
}

@keyframes moveAround {
    0% {
        transform: rotate(0deg) translateX(50px) rotate(0deg)
    }

    100% {
        transform: rotate(360deg) translateX(50px) rotate(-360deg)
    }
}

@media(max-width: 1100px) {
    .mobile-menu-active {
        max-height:1000px !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) !important
    }

    .mobile-menu-closed {
        max-height: 0;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px)
    }
}

.iuhFadeInScroll {
    opacity: 0;
    transform: translateY(100px);
    transition: opacity .8s ease-in-out,transform .8s ease-in-out
}

.iuhFadeInScroll.iuhFadeIned {
    opacity: 1;
    transform: translateY(0)
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px)
    }

    to {
        opacity: 1;
        transform: translateY(-1px)
    }
}

@keyframes fadeInDown {
    from {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-100%)
    }
}

.content-fadein {
    animation: fadeInUp .8s ease-out forwards;
    padding-top: 80px
}

@media(min-width: 1200px) {
    .content-fadein {
        padding-top:120px
    }
}

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

.\!max-w-\[800px\] {
    max-width: 800px !important
}

.page-with-gradient,.iuhAbout,.iuhDiploma,.iuhContact,.iuhTrainingPrograms,.iuhResearch,.iuhNews,.iuhNotifyDetail,.iuhEventDetail,.iuhNewsDetail,.iuhCommittee,.iuhNotify,.iuhDetail,.iuhChildrenPage {
    position: relative
}

.page-with-gradient::before,.iuhAbout::before,.iuhDiploma::before,.iuhContact::before,.iuhTrainingPrograms::before,.iuhResearch::before,.iuhNews::before,.iuhNotifyDetail::before,.iuhEventDetail::before,.iuhNewsDetail::before,.iuhCommittee::before,.iuhNotify::before,.iuhDetail::before,.iuhChildrenPage::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 400px;
    background: linear-gradient(180deg, #edf9ff 0%, #fff 100%)
}

.iuhAlumni {
    background: #f9fafb
}

.placeholder\:text-gray-400::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(156, 163, 175, var(--tw-text-opacity, 1))
}

.placeholder\:text-gray-400::placeholder {
    --tw-text-opacity: 1;
    color: rgb(156, 163, 175, var(--tw-text-opacity, 1))
}

.before\:pointer-events-none::before {
    content: var(--tw-content);
    pointer-events: none
}

.before\:absolute::before {
    content: var(--tw-content);
    position: absolute
}

.before\:inset-0::before {
    content: var(--tw-content);
    inset: 0px
}

.before\:top-full::before {
    content: var(--tw-content);
    top: 100%
}

.before\:z-\[2\]::before {
    content: var(--tw-content);
    z-index: 2
}

.before\:size-full::before {
    content: var(--tw-content);
    width: 100%;
    height: 100%
}

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

.before\:from-primary-darkblue\/50::before {
    content: var(--tw-content);
    --tw-gradient-from: rgb(21 56 152 / 0.5) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(21 56 152 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.before\:transition-all::before {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}

.before\:duration-700::before {
    content: var(--tw-content);
    transition-duration: 700ms
}

.first\:border-t:first-child {
    border-top-width: 1px
}

.last\:border-none:last-child {
    border-style: none
}

.hover\:-top-2:hover {
    top: -0.5rem
}

.hover\:top-1:hover {
    top: .25rem
}

.hover\:-translate-x-3:hover {
    --tw-translate-x: -0.75rem;
    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))
}

.hover\:-translate-y-0\.5:hover {
    --tw-translate-y: -0.125rem;
    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))
}

.hover\:-translate-y-1:hover {
    --tw-translate-y: -0.25rem;
    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))
}

.hover\:-translate-y-2:hover {
    --tw-translate-y: -0.5rem;
    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))
}

.hover\:translate-x-0\.5:hover {
    --tw-translate-x: 0.125rem;
    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))
}

.hover\:translate-x-3:hover {
    --tw-translate-x: 0.75rem;
    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))
}

.hover\:translate-y-\[-0\.5rem\]:hover {
    --tw-translate-y: -0.5rem;
    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))
}

.hover\:rotate-12:hover {
    --tw-rotate: 12deg;
    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))
}

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

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

.hover\:scale-\[1\.02\]:hover {
    --tw-scale-x: 1.02;
    --tw-scale-y: 1.02;
    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))
}

.hover\:gap-3:hover {
    gap: .75rem
}

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

.hover\:border:hover {
    border-width: 1px
}

.hover\:border-primary-darkblue:hover {
    --tw-border-opacity: 1;
    border-color: rgb(21, 56, 152, var(--tw-border-opacity, 1))
}

.hover\:border-primary-yellow:hover {
    --tw-border-opacity: 1;
    border-color: rgb(249, 178, 0, var(--tw-border-opacity, 1))
}

.hover\:border-primary-yellow\/30:hover {
    border-color: rgba(249,178,0,.3)
}

.hover\:border-secondary-subBlue:hover {
    --tw-border-opacity: 1;
    border-color: rgb(227, 246, 253, var(--tw-border-opacity, 1))
}

.hover\:border-secondary-yellow:hover {
    --tw-border-opacity: 1;
    border-color: rgb(255, 226, 147, var(--tw-border-opacity, 1))
}

.hover\:\!bg-secondary-yellow:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255, 226, 147, var(--tw-bg-opacity, 1)) !important
}

.hover\:bg-blue-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(219, 234, 254, var(--tw-bg-opacity, 1))
}

.hover\:bg-green-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(220, 252, 231, var(--tw-bg-opacity, 1))
}

.hover\:bg-primary-darkblue:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(21, 56, 152, var(--tw-bg-opacity, 1))
}

.hover\:bg-primary-yellow:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(249, 178, 0, var(--tw-bg-opacity, 1))
}

.hover\:bg-primary-yellow\/10:hover {
    background-color: rgba(249,178,0,.1)
}

.hover\:bg-primary-yellow\/20:hover {
    background-color: rgba(249,178,0,.2)
}

.hover\:bg-purple-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243, 232, 255, var(--tw-bg-opacity, 1))
}

.hover\:bg-secondary-subBlue:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(227, 246, 253, var(--tw-bg-opacity, 1))
}

.hover\:bg-secondary-subYellow:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(254, 249, 227, var(--tw-bg-opacity, 1))
}

.hover\:bg-white\/20:hover {
    background-color: hsla(0,0%,100%,.2)
}

.hover\:from-blue-700:hover {
    --tw-gradient-from: #1d4ed8 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(29 78 216 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.hover\:to-purple-600:hover {
    --tw-gradient-to: #9333ea var(--tw-gradient-to-position)
}

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

.hover\:pl-6:hover {
    padding-left: 1.5rem
}

.hover\:text-green-600:hover {
    --tw-text-opacity: 1;
    color: rgb(22, 163, 74, var(--tw-text-opacity, 1))
}

.hover\:text-primary-darkblue:hover {
    --tw-text-opacity: 1;
    color: rgb(21, 56, 152, var(--tw-text-opacity, 1))
}

.hover\:text-primary-yellow:hover {
    --tw-text-opacity: 1;
    color: rgb(249, 178, 0, var(--tw-text-opacity, 1))
}

.hover\:text-purple-600:hover {
    --tw-text-opacity: 1;
    color: rgb(147, 51, 234, var(--tw-text-opacity, 1))
}

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

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

.hover\:opacity-90:hover {
    opacity: .9
}

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

.hover\:shadow-\[0_0_25px_rgba\(0\,70\,186\,0\.1\)\]:hover {
    --tw-shadow: 0 0 25px rgba(0,70,186,0.1);
    --tw-shadow-colored: 0 0 25px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)
}

.hover\:shadow-\[inset_1px_1px_10px_rgba\(142\,216\,248\,0\.3\)\]:hover {
    --tw-shadow: inset 1px 1px 10px rgba(142,216,248,0.3);
    --tw-shadow-colored: inset 1px 1px 10px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)
}

.hover\:shadow-gold:hover {
    --tw-shadow: 0.125rem 0.125rem 0.9375rem 0 rgba(249, 178, 0, 0.15);
    --tw-shadow-colored: 0.125rem 0.125rem 0.9375rem 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)
}

.hover\:shadow-lg:hover {
    --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 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)
}

.hover\:shadow-md:hover {
    --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 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)
}

.hover\:shadow-news:hover {
    --tw-shadow: 0.1875rem 0.1875rem 0.75rem 0rem rgba(0, 0, 207, 0.20);
    --tw-shadow-colored: 0.1875rem 0.1875rem 0.75rem 0rem var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)
}

.hover\:shadow-xl:hover {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)
}

.hover\:shadow-primary-yellow\/10:hover {
    --tw-shadow-color: rgb(249 178 0 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:shadow-primary-yellow\/20:hover {
    --tw-shadow-color: rgb(249 178 0 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}

.before\:hover\:top-0:hover::before {
    content: var(--tw-content);
    top: 0px
}

.before\:hover\:scale-\[1\.2\]:hover::before {
    content: var(--tw-content);
    --tw-scale-x: 1.2;
    --tw-scale-y: 1.2;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.focus\:border-primary-darkblue:focus {
    --tw-border-opacity: 1;
    border-color: rgb(21, 56, 152, var(--tw-border-opacity, 1))
}

.focus\:shadow-\[0_0_0_4px_rgba\(0\,0\,207\,0\.1\)\]:focus {
    --tw-shadow: 0 0 0 4px rgba(0,0,207,0.1);
    --tw-shadow-colored: 0 0 0 4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)
}

.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 rgba(0, 0, 0, 0))
}

.focus\:ring-primary-yellow:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(249 178 0 / var(--tw-ring-opacity, 1))
}

.focus\:ring-primary-yellow\/30:focus {
    --tw-ring-color: rgb(249 178 0 / 0.3)
}

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

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

.disabled\:opacity-50:disabled {
    opacity: .5
}

.disabled\:hover\:bg-white\/90:hover:disabled {
    background-color: hsla(0,0%,100%,.9)
}

.disabled\:hover\:text-primary-darkblue:hover:disabled {
    --tw-text-opacity: 1;
    color: rgb(21, 56, 152, var(--tw-text-opacity, 1))
}

.group\/sub-menu:hover .group-hover\/sub-menu\:visible {
    visibility: visible
}

.group\/sub1-menu:hover .group-hover\/sub1-menu\:visible {
    visibility: visible
}

.group:hover .group-hover\:visible {
    visibility: visible
}

.group:hover .group-hover\:relative {
    position: relative
}

.group\/item:hover .group-hover\/item\:top-0 {
    top: 0px
}

.group:hover .group-hover\:bottom-auto {
    bottom: auto
}

.group:hover .group-hover\:left-auto {
    left: auto
}

.group:hover .group-hover\:right-auto {
    right: auto
}

.group:hover .group-hover\:line-clamp-none {
    overflow: visible;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-line-clamp: none
}

.group:hover .group-hover\:h-2 {
    height: .5rem
}

.group:hover .group-hover\:h-auto {
    height: auto
}

.group\/about:hover .group-hover\/about\:translate-y-0 {
    --tw-translate-y: 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))
}

.group\/about:hover .group-hover\/about\:translate-y-full {
    --tw-translate-y: 100%;
    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\/achievement:hover .group-hover\/achievement\:translate-x-2 {
    --tw-translate-x: 0.5rem;
    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\/btn:hover .group-hover\/btn\:translate-x-1 {
    --tw-translate-x: 0.25rem;
    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\/department:hover .group-hover\/department\:-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group\/department:hover .group-hover\/department\:translate-x-2 {
    --tw-translate-x: 0.5rem;
    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\/dept:hover .group-hover\/dept\:translate-x-1 {
    --tw-translate-x: 0.25rem;
    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\/hero:hover .group-hover\/hero\:translate-x-2 {
    --tw-translate-x: 0.5rem;
    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\/item:hover .group-hover\/item\:translate-x-1 {
    --tw-translate-x: 0.25rem;
    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\/item:hover .group-hover\/item\:translate-x-2 {
    --tw-translate-x: 0.5rem;
    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\/lang:hover .group-hover\/lang\:translate-x-0\.5 {
    --tw-translate-x: 0.125rem;
    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\/link:hover .group-hover\/link\:translate-y-0 {
    --tw-translate-y: 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))
}

.group\/link:hover .group-hover\/link\:translate-y-\[-100\%\] {
    --tw-translate-y: -100%;
    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\/news:hover .group-hover\/news\:translate-x-1 {
    --tw-translate-x: 0.25rem;
    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\/smallActive:hover .group-hover\/smallActive\:translate-x-0\.5 {
    --tw-translate-x: 0.125rem;
    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\/smallActive:hover .group-hover\/smallActive\:translate-x-1 {
    --tw-translate-x: 0.25rem;
    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\/sub-menu:hover .group-hover\/sub-menu\:translate-y-0 {
    --tw-translate-y: 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))
}

.group\/sub1-menu:hover .group-hover\/sub1-menu\:translate-x-0 {
    --tw-translate-x: 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))
}

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

.group:hover .group-hover\:translate-x-0 {
    --tw-translate-x: 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))
}

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

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

.group:hover .group-hover\:translate-y-0 {
    --tw-translate-y: 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))
}

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

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

.group:hover .group-hover\:translate-y-\[-8px\] {
    --tw-translate-y: -8px;
    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\/department:hover .group-hover\/department\:rotate-12 {
    --tw-rotate: 12deg;
    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\/department:hover .group-hover\/department\:rotate-180 {
    --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))
}

.group\/item:hover .group-hover\/item\:rotate-3 {
    --tw-rotate: 3deg;
    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\/lang:hover .group-hover\/lang\:rotate-12 {
    --tw-rotate: 12deg;
    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\/link:hover .group-hover\/link\:rotate-3 {
    --tw-rotate: 3deg;
    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\/objective:hover .group-hover\/objective\:rotate-3 {
    --tw-rotate: 3deg;
    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\/smallActive:hover .group-hover\/smallActive\:rotate-1 {
    --tw-rotate: 1deg;
    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\/sub-menu:hover .group-hover\/sub-menu\:rotate-180 {
    --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))
}

.group:hover .group-hover\: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))
}

.group:hover .group-hover\:rotate-1 {
    --tw-rotate: 1deg;
    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\:rotate-12 {
    --tw-rotate: 12deg;
    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\:rotate-2 {
    --tw-rotate: 2deg;
    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\:rotate-3 {
    --tw-rotate: 3deg;
    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\:rotate-45 {
    --tw-rotate: 45deg;
    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\:rotate-6 {
    --tw-rotate: 6deg;
    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\: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))
}

.group:hover .group-hover\:rotate-\[180deg\] {
    --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))
}

.group:hover .group-hover\:rotate-\[8deg\] {
    --tw-rotate: 8deg;
    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\/about:hover .group-hover\/about\: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\/achievement:hover .group-hover\/achievement\: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\/actives:hover .group-hover\/actives\: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\/department:hover .group-hover\/department\: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\/department:hover .group-hover\/department\:scale-150 {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group\/field:hover .group-hover\/field\: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\/hero:hover .group-hover\/hero\:scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    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\/item:hover .group-hover\/item\: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\/item:hover .group-hover\/item\:scale-150 {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group\/link:hover .group-hover\/link\: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\/news:hover .group-hover\/news\: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\/objective:hover .group-hover\/objective\: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\/smallActive:hover .group-hover\/smallActive\: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\:scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    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\: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\:scale-125 {
    --tw-scale-x: 1.25;
    --tw-scale-y: 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))
}

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

.group:hover .group-hover\: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))
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

.group:hover .group-hover\:animate-spin {
    animation: spin 1s linear infinite
}

.group:hover .group-hover\:justify-start {
    justify-content: flex-start
}

.group:hover .group-hover\:gap-3 {
    gap: .75rem
}

.group\/item:hover .group-hover\/item\:border-primary-yellow\/50 {
    border-color: rgba(249,178,0,.5)
}

.group\/news:hover .group-hover\/news\:border-secondary-blue {
    --tw-border-opacity: 1;
    border-color: rgb(142, 216, 248, var(--tw-border-opacity, 1))
}

.group\/news:hover .group-hover\/news\:border-secondary-subBlue {
    --tw-border-opacity: 1;
    border-color: rgb(227, 246, 253, var(--tw-border-opacity, 1))
}

.group:hover .group-hover\:border-primary-yellow {
    --tw-border-opacity: 1;
    border-color: rgb(249, 178, 0, var(--tw-border-opacity, 1))
}

.group:hover .group-hover\:border-primary-yellow\/30 {
    border-color: rgba(249,178,0,.3)
}

.group:hover .group-hover\:border-secondary-blue {
    --tw-border-opacity: 1;
    border-color: rgb(142, 216, 248, var(--tw-border-opacity, 1))
}

.group:hover .group-hover\:border-secondary-yellow {
    --tw-border-opacity: 1;
    border-color: rgb(255, 226, 147, var(--tw-border-opacity, 1))
}

.group\/achievement:hover .group-hover\/achievement\:bg-primary-yellow {
    --tw-bg-opacity: 1;
    background-color: rgb(249, 178, 0, var(--tw-bg-opacity, 1))
}

.group\/department:hover .group-hover\/department\:bg-primary-yellow {
    --tw-bg-opacity: 1;
    background-color: rgb(249, 178, 0, var(--tw-bg-opacity, 1))
}

.group\/department:hover .group-hover\/department\:bg-primary-yellow\/10 {
    background-color: rgba(249,178,0,.1)
}

.group\/department:hover .group-hover\/department\:bg-primary-yellow\/20 {
    background-color: rgba(249,178,0,.2)
}

.group\/dept:hover .group-hover\/dept\:bg-primary-yellow {
    --tw-bg-opacity: 1;
    background-color: rgb(249, 178, 0, var(--tw-bg-opacity, 1))
}

.group\/field:hover .group-hover\/field\:bg-primary-yellow {
    --tw-bg-opacity: 1;
    background-color: rgb(249, 178, 0, var(--tw-bg-opacity, 1))
}

.group\/item:hover .group-hover\/item\:bg-primary-yellow {
    --tw-bg-opacity: 1;
    background-color: rgb(249, 178, 0, var(--tw-bg-opacity, 1))
}

.group\/item:hover .group-hover\/item\:bg-primary-yellow\/10 {
    background-color: rgba(249,178,0,.1)
}

.group\/news:hover .group-hover\/news\:bg-secondary-blue {
    --tw-bg-opacity: 1;
    background-color: rgb(142, 216, 248, var(--tw-bg-opacity, 1))
}

.group\/objective:hover .group-hover\/objective\:bg-primary-yellow {
    --tw-bg-opacity: 1;
    background-color: rgb(249, 178, 0, var(--tw-bg-opacity, 1))
}

.group:hover .group-hover\:bg-primary-darkblue\/10 {
    background-color: rgba(21,56,152,.1)
}

.group:hover .group-hover\:bg-primary-yellow {
    --tw-bg-opacity: 1;
    background-color: rgb(249, 178, 0, var(--tw-bg-opacity, 1))
}

.group:hover .group-hover\:bg-primary-yellow\/10 {
    background-color: rgba(249,178,0,.1)
}

.group:hover .group-hover\:bg-primary-yellow\/20 {
    background-color: rgba(249,178,0,.2)
}

.group:hover .group-hover\:bg-primary-yellow\/30 {
    background-color: rgba(249,178,0,.3)
}

.group:hover .group-hover\:bg-secondary-subBlue\/30 {
    background-color: rgba(227,246,253,.3)
}

.group:hover .group-hover\:bg-secondary-subYellow {
    --tw-bg-opacity: 1;
    background-color: rgb(254, 249, 227, var(--tw-bg-opacity, 1))
}

.group:hover .group-hover\:bg-secondary-yellow {
    --tw-bg-opacity: 1;
    background-color: rgb(255, 226, 147, var(--tw-bg-opacity, 1))
}

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

.group:hover .group-hover\:bg-icon-fill {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='41' viewBox='0 0 40 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3395 3.34491L18.6699 10.6753L16.4074 16.6737L10.4089 18.9362L3.07855 11.6059L9.07704 9.34339L11.3395 3.34491ZM10.945 1.52075L8.2914 8.55776L1.25439 11.2114L10.156 20.113L17.193 17.4594L19.8467 10.4224L10.945 1.52075Z' fill='%23F9B200'/%3E%3Cpath d='M29.5912 21.5966L36.9216 28.927L30.9231 31.1895L28.6606 37.188L21.3303 29.8576L23.5928 23.8591L29.5912 21.5966ZM29.8441 20.4198L22.8071 23.0735L20.1535 30.1105L29.0551 39.0121L31.7087 31.9751L38.7458 29.3215L29.8441 20.4198Z' fill='%23F9B200'/%3E%3Cpath d='M10.4089 21.5966L16.4074 23.8591L18.6699 29.8576L11.3395 37.188L9.07704 31.1895L3.07855 28.927L10.4089 21.5966ZM10.156 20.4198L1.25439 29.3215L8.2914 31.9751L10.945 39.0121L19.8467 30.1105L17.193 23.0735L10.156 20.4198Z' fill='%23153898'/%3E%3Cpath d='M28.6606 3.34491L30.9231 9.34339L36.9216 11.6059L29.5912 18.9362L23.5928 16.6737L21.3303 10.6753L28.6606 3.34491ZM29.0551 1.52075L20.1535 10.4224L22.8071 17.4594L29.8441 20.113L38.7458 11.2114L31.7087 8.55776L29.0551 1.52075Z' fill='%23153898'/%3E%3Cpath d='M10.156 20.113L17.193 17.4594L19.8467 10.4224L10.945 1.52075L8.2914 8.55776L1.25439 11.2114L10.156 20.113Z' fill='%23F9B200'/%3E%3Cpath d='M29.8441 20.4198L22.8105 23.0769L20.1535 30.1105L29.0551 39.0121L31.7087 31.9751L38.7458 29.3215L29.8441 20.4198Z' fill='%23F9B200'/%3E%3Cpath d='M19.8467 30.1105L17.193 23.0769L10.156 20.4198L1.25439 29.3215L8.2914 31.9751L10.945 39.0121L19.8467 30.1105Z' fill='%23153898'/%3E%3Cpath d='M20.1535 10.4224L22.8105 17.4594L29.8441 20.113L38.7458 11.2114L31.7087 8.55776L29.0551 1.52075L20.1535 10.4224Z' fill='%23153898'/%3E%3C/svg%3E%0A")
}

.group:hover .group-hover\:bg-icon-light {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3395 3.0784L18.6699 10.4088L16.4074 16.4072L10.4089 18.6697L3.07855 11.3394L9.07704 9.07688L11.3395 3.0784ZM10.945 1.25424L8.2914 8.29125L1.25439 10.9449L10.156 19.8465L17.193 17.1929L19.8467 10.1559L10.945 1.25424Z' fill='%23F9B200'/%3E%3Cpath d='M29.5912 21.3301L36.9216 28.6605L30.9231 30.923L28.6606 36.9214L21.3303 29.5911L23.5928 23.5926L29.5912 21.3301ZM29.8441 20.1533L22.8071 22.807L20.1535 29.844L29.0551 38.7456L31.7087 31.7086L38.7458 29.055L29.8441 20.1533Z' fill='%23F9B200'/%3E%3Cpath d='M10.4089 21.3301L16.4074 23.5926L18.6699 29.5911L11.3395 36.9214L9.07704 30.923L3.07855 28.6605L10.4089 21.3301ZM10.156 20.1533L1.25439 29.055L8.2914 31.7086L10.945 38.7456L19.8467 29.844L17.193 22.807L10.156 20.1533Z' fill='%238ED8F8'/%3E%3Cpath d='M28.6606 3.0784L30.9231 9.07688L36.9216 11.3394L29.5912 18.6697L23.5928 16.4072L21.3303 10.4088L28.6606 3.0784ZM29.0551 1.25424L20.1535 10.1559L22.8071 17.1929L29.8441 19.8465L38.7458 10.9449L31.7087 8.29125L29.0551 1.25424Z' fill='%238ED8F8'/%3E%3Cpath d='M10.156 19.8465L17.193 17.1929L19.8467 10.1559L10.945 1.25424L8.2914 8.29125L1.25439 10.9449L10.156 19.8465Z' fill='%23F9B200'/%3E%3Cpath d='M29.8441 20.1533L22.8105 22.8103L20.1535 29.844L29.0551 38.7456L31.7087 31.7086L38.7458 29.055L29.8441 20.1533Z' fill='%23F9B200'/%3E%3Cpath d='M19.8467 29.844L17.193 22.8103L10.156 20.1533L1.25439 29.055L8.2914 31.7086L10.945 38.7456L19.8467 29.844Z' fill='%238ED8F8'/%3E%3Cpath d='M20.1535 10.1559L22.8105 17.1929L29.8441 19.8465L38.7458 10.9449L31.7087 8.29125L29.0551 1.25424L20.1535 10.1559Z' fill='%238ED8F8'/%3E%3C/svg%3E%0A")
}

.group\/actives:hover .group-hover\/actives\:from-primary-darkblue\/20 {
    --tw-gradient-from: rgb(21 56 152 / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(21 56 152 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.group\/department:hover .group-hover\/department\:from-primary-yellow\/5 {
    --tw-gradient-from: rgb(249 178 0 / 0.05) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(249 178 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.group\/field:hover .group-hover\/field\:from-primary-darkblue\/90 {
    --tw-gradient-from: rgb(21 56 152 / 0.9) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(21 56 152 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.group\/hero:hover .group-hover\/hero\:from-primary-darkblue\/80 {
    --tw-gradient-from: rgb(21 56 152 / 0.8) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(21 56 152 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.group\/item:hover .group-hover\/item\:from-primary-yellow\/5 {
    --tw-gradient-from: rgb(249 178 0 / 0.05) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(249 178 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.group\/objective:hover .group-hover\/objective\:from-primary-darkblue\/80 {
    --tw-gradient-from: rgb(21 56 152 / 0.8) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(21 56 152 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.group\/smallActive:hover .group-hover\/smallActive\:from-primary-darkblue\/20 {
    --tw-gradient-from: rgb(21 56 152 / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(21 56 152 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.group:hover .group-hover\:from-black\/80 {
    --tw-gradient-from: rgb(57 57 57 / 0.8) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(57 57 57 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.group:hover .group-hover\:from-black\/95 {
    --tw-gradient-from: rgb(57 57 57 / 0.95) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(57 57 57 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.group:hover .group-hover\:from-primary-darkblue\/20 {
    --tw-gradient-from: rgb(21 56 152 / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(21 56 152 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.group:hover .group-hover\:from-primary-darkblue\/80 {
    --tw-gradient-from: rgb(21 56 152 / 0.8) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(21 56 152 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.group:hover .group-hover\:from-primary-yellow\/10 {
    --tw-gradient-from: rgb(249 178 0 / 0.1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(249 178 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.group:hover .group-hover\:from-primary-yellow\/5 {
    --tw-gradient-from: rgb(249 178 0 / 0.05) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(249 178 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.group:hover .group-hover\:from-primary-yellow\/70 {
    --tw-gradient-from: rgb(249 178 0 / 0.7) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(249 178 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.group:hover .group-hover\:via-black\/60 {
    --tw-gradient-to: rgb(57 57 57 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(57 57 57 / 0.6) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.group\/department:hover .group-hover\/department\:to-primary-darkblue\/5 {
    --tw-gradient-to: rgb(21 56 152 / 0.05) var(--tw-gradient-to-position)
}

.group\/item:hover .group-hover\/item\:to-primary-darkblue\/5 {
    --tw-gradient-to: rgb(21 56 152 / 0.05) var(--tw-gradient-to-position)
}

.group:hover .group-hover\:to-black\/40 {
    --tw-gradient-to: rgb(57 57 57 / 0.4) var(--tw-gradient-to-position)
}

.group:hover .group-hover\:to-primary-darkblue\/5 {
    --tw-gradient-to: rgb(21 56 152 / 0.05) var(--tw-gradient-to-position)
}

.group:hover .group-hover\:to-primary-yellow\/10 {
    --tw-gradient-to: rgb(249 178 0 / 0.1) var(--tw-gradient-to-position)
}

.group:hover .group-hover\:to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position)
}

.group:hover .group-hover\:stroke-\[2\.5\] {
    stroke-width: 2.5
}

.group:hover .group-hover\:font-bold {
    font-weight: 700
}

.group:hover .group-hover\:font-medium {
    font-weight: 500
}

.group:hover .group-hover\:font-semibold {
    font-weight: 600
}

.group\/achievement:hover .group-hover\/achievement\:text-primary-darkblue {
    --tw-text-opacity: 1;
    color: rgb(21, 56, 152, var(--tw-text-opacity, 1))
}

.group\/achievement:hover .group-hover\/achievement\:text-primary-yellow {
    --tw-text-opacity: 1;
    color: rgb(249, 178, 0, var(--tw-text-opacity, 1))
}

.group\/achievement:hover .group-hover\/achievement\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255, 255, 255, var(--tw-text-opacity, 1))
}

.group\/actives:hover .group-hover\/actives\:text-primary-yellow {
    --tw-text-opacity: 1;
    color: rgb(249, 178, 0, var(--tw-text-opacity, 1))
}

.group\/department:hover .group-hover\/department\:text-primary-darkblue {
    --tw-text-opacity: 1;
    color: rgb(21, 56, 152, var(--tw-text-opacity, 1))
}

.group\/department:hover .group-hover\/department\:text-primary-yellow {
    --tw-text-opacity: 1;
    color: rgb(249, 178, 0, var(--tw-text-opacity, 1))
}

.group\/department:hover .group-hover\/department\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255, 255, 255, var(--tw-text-opacity, 1))
}

.group\/dept:hover .group-hover\/dept\:text-primary-yellow {
    --tw-text-opacity: 1;
    color: rgb(249, 178, 0, var(--tw-text-opacity, 1))
}

.group\/field:hover .group-hover\/field\:text-primary-yellow {
    --tw-text-opacity: 1;
    color: rgb(249, 178, 0, var(--tw-text-opacity, 1))
}

.group\/field:hover .group-hover\/field\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255, 255, 255, var(--tw-text-opacity, 1))
}

.group\/hero:hover .group-hover\/hero\:text-primary-yellow {
    --tw-text-opacity: 1;
    color: rgb(249, 178, 0, var(--tw-text-opacity, 1))
}

.group\/hero:hover .group-hover\/hero\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255, 255, 255, var(--tw-text-opacity, 1))
}

.group\/item:hover .group-hover\/item\:text-primary-yellow {
    --tw-text-opacity: 1;
    color: rgb(249, 178, 0, var(--tw-text-opacity, 1))
}

.group\/item:hover .group-hover\/item\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255, 255, 255, var(--tw-text-opacity, 1))
}

.group\/news:hover .group-hover\/news\:text-black1 {
    --tw-text-opacity: 1;
    color: rgb(51, 51, 51, var(--tw-text-opacity, 1))
}

.group\/news:hover .group-hover\/news\:text-primary-darkblue {
    --tw-text-opacity: 1;
    color: rgb(21, 56, 152, var(--tw-text-opacity, 1))
}

.group\/news:hover .group-hover\/news\:text-primary-yellow {
    --tw-text-opacity: 1;
    color: rgb(249, 178, 0, var(--tw-text-opacity, 1))
}

.group\/objective:hover .group-hover\/objective\:text-primary-yellow {
    --tw-text-opacity: 1;
    color: rgb(249, 178, 0, var(--tw-text-opacity, 1))
}

.group\/objective:hover .group-hover\/objective\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255, 255, 255, var(--tw-text-opacity, 1))
}

.group\/smallActive:hover .group-hover\/smallActive\:text-primary-yellow {
    --tw-text-opacity: 1;
    color: rgb(249, 178, 0, var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:text-black1 {
    --tw-text-opacity: 1;
    color: rgb(51, 51, 51, var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:text-black1\/90 {
    color: rgba(51,51,51,.9)
}

.group:hover .group-hover\:text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55, 65, 81, var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(31, 41, 55, var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:text-primary-darkblue {
    --tw-text-opacity: 1;
    color: rgb(21, 56, 152, var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:text-primary-darkblue\/80 {
    color: rgba(21,56,152,.8)
}

.group:hover .group-hover\:text-primary-yellow {
    --tw-text-opacity: 1;
    color: rgb(249, 178, 0, var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:text-primary-yellow\/30 {
    color: rgba(249,178,0,.3)
}

.group:hover .group-hover\:text-purple-600 {
    --tw-text-opacity: 1;
    color: rgb(147, 51, 234, var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255, 255, 255, var(--tw-text-opacity, 1))
}

.group\/about:hover .group-hover\/about\:opacity-0 {
    opacity: 0
}

.group\/about:hover .group-hover\/about\:opacity-100 {
    opacity: 1
}

.group\/department:hover .group-hover\/department\:opacity-100 {
    opacity: 1
}

.group\/item:hover .group-hover\/item\:opacity-100 {
    opacity: 1
}

.group\/sub-menu:hover .group-hover\/sub-menu\:opacity-100 {
    opacity: 1
}

.group\/sub1-menu:hover .group-hover\/sub1-menu\:opacity-100 {
    opacity: 1
}

.group:hover .group-hover\:opacity-0 {
    opacity: 0
}

.group:hover .group-hover\:opacity-100 {
    opacity: 1
}

.group:hover .group-hover\:opacity-25 {
    opacity: .25
}

.group:hover .group-hover\:opacity-75 {
    opacity: .75
}

.group:hover .group-hover\:opacity-80 {
    opacity: .8
}

.group:hover .group-hover\:opacity-90 {
    opacity: .9
}

.group:hover .group-hover\:shadow-gold {
    --tw-shadow: 0.125rem 0.125rem 0.9375rem 0 rgba(249, 178, 0, 0.15);
    --tw-shadow-colored: 0.125rem 0.125rem 0.9375rem 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)
}

.group:hover .group-hover\: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 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)
}

.group:hover .group-hover\:shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)
}

.group:hover .group-hover\:shadow-primary-yellow\/30 {
    --tw-shadow-color: rgb(249 178 0 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}

.group:hover .group-hover\:ring-primary-yellow\/50 {
    --tw-ring-color: rgb(249 178 0 / 0.5)
}

.group\/about:hover .group-hover\/about\:brightness-\[0\.85\] {
    --tw-brightness: brightness(0.85);
    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)
}

.group\/item:hover .group-hover\/item\:brightness-110 {
    --tw-brightness: brightness(1.1);
    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)
}

.group:hover .group-hover\: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)
}

.group:hover .group-hover\:delay-0 {
    transition-delay: 0s
}

.group:hover .group-hover\:delay-150 {
    transition-delay: 150ms
}

.group\/sub1-menu:hover .group-hover\/sub1-menu\:hover\:text-primary-yellow:hover {
    --tw-text-opacity: 1;
    color: rgb(249, 178, 0, var(--tw-text-opacity, 1))
}

.data-\[active\=true\]\:bg-secondary-subYellow[data-active=true] {
    --tw-bg-opacity: 1;
    background-color: rgb(254, 249, 227, var(--tw-bg-opacity, 1))
}

.data-\[active\=true\]\:font-medium[data-active=true] {
    font-weight: 500
}

@media(min-width: 640px) {
    .sm\:-bottom-4 {
        bottom:-1rem
    }

    .sm\:-left-4 {
        left: -1rem
    }

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

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

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

    .sm\:bottom-4 {
        bottom: 1rem
    }

    .sm\:left-3 {
        left: .75rem
    }

    .sm\:left-4 {
        left: 1rem
    }

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

    .sm\:top-\[45\%\] {
        top: 45%
    }

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

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

    .sm\:col-span-1 {
        grid-column: span 1/span 1
    }

    .sm\:col-span-2 {
        grid-column: span 2/span 2
    }

    .sm\:-m-6 {
        margin: -1.5rem
    }

    .sm\:my-8 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .sm\:mb-0 {
        margin-bottom: 0px
    }

    .sm\:mb-12 {
        margin-bottom: 3rem
    }

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

    .sm\:mb-3 {
        margin-bottom: .75rem
    }

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

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

    .sm\:mb-8 {
        margin-bottom: 2rem
    }

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

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

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

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

    .sm\:line-clamp-3 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3
    }

    .sm\:line-clamp-none {
        overflow: visible;
        display: block;
        -webkit-box-orient: horizontal;
        -webkit-line-clamp: none
    }

    .sm\:hidden {
        display: none
    }

    .sm\:aspect-\[1180\/270\] {
        aspect-ratio: 1180/270
    }

    .sm\:aspect-\[21\/9\] {
        aspect-ratio: 21/9
    }

    .sm\:aspect-\[300\/350\] {
        aspect-ratio: 300/350
    }

    .sm\:aspect-\[4\/3\] {
        aspect-ratio: 4/3
    }

    .sm\:size-10 {
        width: 2.5rem;
        height: 2.5rem
    }

    .sm\:size-12 {
        width: 3rem;
        height: 3rem
    }

    .sm\:size-5 {
        width: 1.25rem;
        height: 1.25rem
    }

    .sm\:size-6 {
        width: 1.5rem;
        height: 1.5rem
    }

    .sm\:size-\[40px\] {
        width: 40px;
        height: 40px
    }

    .sm\:h-1\.5 {
        height: .375rem
    }

    .sm\:h-10 {
        height: 2.5rem
    }

    .sm\:h-12 {
        height: 3rem
    }

    .sm\:h-14 {
        height: 3.5rem
    }

    .sm\:h-16 {
        height: 4rem
    }

    .sm\:h-24 {
        height: 6rem
    }

    .sm\:h-40 {
        height: 10rem
    }

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

    .sm\:h-6 {
        height: 1.5rem
    }

    .sm\:h-64 {
        height: 16rem
    }

    .sm\:h-7 {
        height: 1.75rem
    }

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

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

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

    .sm\:w-1\.5 {
        width: .375rem
    }

    .sm\:w-10 {
        width: 2.5rem
    }

    .sm\:w-12 {
        width: 3rem
    }

    .sm\:w-14 {
        width: 3.5rem
    }

    .sm\:w-16 {
        width: 4rem
    }

    .sm\:w-24 {
        width: 6rem
    }

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

    .sm\:w-6 {
        width: 1.5rem
    }

    .sm\:w-7 {
        width: 1.75rem
    }

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

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

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

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

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

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

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

    .sm\:gap-12 {
        gap: 3rem
    }

    .sm\:gap-14 {
        gap: 3.5rem
    }

    .sm\:gap-16 {
        gap: 4rem
    }

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

    .sm\:gap-3 {
        gap: .75rem
    }

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

    .sm\:gap-5 {
        gap: 1.25rem
    }

    .sm\:gap-6 {
        gap: 1.5rem
    }

    .sm\:gap-8 {
        gap: 2rem
    }

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

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

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

    .sm\:rounded-bl-3xl {
        border-bottom-left-radius: 1.5rem
    }

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

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

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

    .sm\:p-1 {
        padding: .25rem
    }

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

    .sm\:p-2\.5 {
        padding: 10px
    }

    .sm\:p-3 {
        padding: .75rem
    }

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

    .sm\:p-6 {
        padding: 1.5rem
    }

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

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

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

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

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

    .sm\:py-2\.5 {
        padding-top: 10px;
        padding-bottom: 10px
    }

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

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

    .sm\:\!pb-14 {
        padding-bottom: 3.5rem !important
    }

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

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

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

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

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

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

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

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

@media(min-width: 768px) {
    .md\:bottom-2 {
        bottom:.5rem
    }

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

    .md\:bottom-\[-10\%\] {
        bottom: -10%
    }

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

    .md\:left-8 {
        left: 2rem
    }

    .md\:right-3 {
        right: .75rem
    }

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

    .md\:right-6 {
        right: 1.5rem
    }

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

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

    .md\:mb-0 {
        margin-bottom: 0px
    }

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

    .md\:aspect-\[210\/297\] {
        aspect-ratio: 210/297
    }

    .md\:aspect-\[280\/330\] {
        aspect-ratio: 280/330
    }

    .md\:aspect-\[370\/294\] {
        aspect-ratio: 370/294
    }

    .md\:aspect-auto {
        aspect-ratio: auto
    }

    .md\:size-10 {
        width: 2.5rem;
        height: 2.5rem
    }

    .md\:size-20 {
        width: 5rem;
        height: 5rem
    }

    .md\:size-5 {
        width: 1.25rem;
        height: 1.25rem
    }

    .md\:size-6 {
        width: 1.5rem;
        height: 1.5rem
    }

    .md\:size-\[70px\] {
        width: 70px;
        height: 70px
    }

    .md\:h-14 {
        height: 3.5rem
    }

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

    .md\:w-60 {
        width: 15rem
    }

    .md\:w-\[1100px\] {
        width: 1100px
    }

    .md\:w-\[500px\] {
        width: 500px
    }

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

    .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\:flex-row {
        flex-direction: row
    }

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

    .md\:justify-start {
        justify-content: flex-start
    }

    .md\:gap-16 {
        gap: 4rem
    }

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

    .md\:gap-5 {
        gap: 1.25rem
    }

    .md\:gap-6 {
        gap: 1.5rem
    }

    .md\:gap-8 {
        gap: 2rem
    }

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

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

    .md\:p-6 {
        padding: 1.5rem
    }

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

    .md\:px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

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

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

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

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

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

    .md\:pr-14 {
        padding-right: 3.5rem
    }

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

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

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

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

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

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

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

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

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

    .md\:leading-\[1\] {
        line-height: 1
    }
}

@media(min-width: 1024px) {
    .lg\:left-\[calc\(50\%\+500px\)\] {
        left:calc(50% + 500px)
    }

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

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

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

    .lg\:col-span-1 {
        grid-column: span 1/span 1
    }

    .lg\:col-span-2 {
        grid-column: span 2/span 2
    }

    .lg\:col-span-3 {
        grid-column: span 3/span 3
    }

    .lg\:col-start-2 {
        grid-column-start: 2
    }

    .lg\:-m-8 {
        margin: -2rem
    }

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

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

    .lg\:my-8 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

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

    .lg\:mb-10 {
        margin-bottom: 2.5rem
    }

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

    .lg\:mb-8 {
        margin-bottom: 2rem
    }

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

    .lg\:mt-14 {
        margin-top: 3.5rem
    }

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

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

    .lg\:line-clamp-4 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4
    }

    .lg\:line-clamp-5 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5
    }

    .lg\:block {
        display: block
    }

    .lg\:hidden {
        display: none
    }

    .lg\:aspect-\[300\/360\] {
        aspect-ratio: 300/360
    }

    .lg\:aspect-auto {
        aspect-ratio: auto
    }

    .lg\:size-14 {
        width: 3.5rem;
        height: 3.5rem
    }

    .lg\:size-7 {
        width: 1.75rem;
        height: 1.75rem
    }

    .lg\:size-\[100px\] {
        width: 100px;
        height: 100px
    }

    .lg\:size-\[290px\] {
        width: 290px;
        height: 290px
    }

    .lg\:size-\[48px\] {
        width: 48px;
        height: 48px
    }

    .lg\:size-\[50px\] {
        width: 50px;
        height: 50px
    }

    .lg\:size-\[90px\] {
        width: 90px;
        height: 90px
    }

    .lg\:h-48 {
        height: 12rem
    }

    .lg\:h-80 {
        height: 20rem
    }

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

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

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

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

    .lg\:w-3\/12 {
        width: 25%
    }

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

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

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

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

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

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

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

    .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\:flex-row {
        flex-direction: row
    }

    .lg\:gap-10 {
        gap: 2.5rem
    }

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

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

    .lg\:gap-5 {
        gap: 1.25rem
    }

    .lg\:gap-6 {
        gap: 1.5rem
    }

    .lg\:gap-8 {
        gap: 2rem
    }

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

    .lg\:gap-\[90px\] {
        gap: 90px
    }

    .lg\:gap-x-5 {
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem
    }

    .lg\:gap-y-1 {
        row-gap: .25rem
    }

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

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

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

    .lg\:p-2\.5 {
        padding: 10px
    }

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

    .lg\:p-6 {
        padding: 1.5rem
    }

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

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

    .lg\:\!py-\[85px\] {
        padding-top: 85px !important;
        padding-bottom: 85px !important
    }

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

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

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

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

    .lg\:py-1 {
        padding-top: .25rem;
        padding-bottom: .25rem
    }

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

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

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

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

    .lg\:\!pb-16 {
        padding-bottom: 4rem !important
    }

    .lg\:pb-0 {
        padding-bottom: 0px
    }

    .lg\:pb-12 {
        padding-bottom: 3rem
    }

    .lg\:pb-16 {
        padding-bottom: 4rem
    }

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

    .lg\:pb-6 {
        padding-bottom: 1.5rem
    }

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

    .lg\:pt-0 {
        padding-top: 0px
    }

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

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

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

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

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

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

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

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

    .lg\:text-\[1\.2rem\] {
        font-size: 1.2rem
    }

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

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

    .lg\:text-titleDK {
        font-size: 1.8rem
    }

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

@media(min-width: 1280px) {
    .xl\:flex {
        display:flex
    }

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

@media(min-width: 68.8125rem) {
    .menuMb\:absolute {
        position:absolute
    }

    .menuMb\:left-full {
        left: 100%
    }

    .menuMb\:top-0 {
        top: 0px
    }

    .menuMb\:block {
        display: block
    }

    .menuMb\:flex {
        display: flex
    }

    .menuMb\:hidden {
        display: none
    }

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

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

    .menuMb\:max-h-none {
        max-height: none
    }

    .menuMb\:w-60 {
        width: 15rem
    }

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

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

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

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

    .menuMb\:items-end {
        align-items: flex-end
    }

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

    .menuMb\:overflow-visible {
        overflow: visible
    }

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

    .menuMb\:border-none {
        border-style: none
    }

    .menuMb\:bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255, 255, 255, var(--tw-bg-opacity, 1))
    }
    .menuMb\:bg-orange {
        --tw-bg-opacity: 1;
       background-color: rgb(253, 183, 36, var(--tw-bg-opacity, 1))
    }

    .menuMb\:pr-0 {
        padding-right: 0px
    }

    .menuMb\:last\:border-none:last-child {
        border-style: none
    }

    .menuMb\:hover\:pl-6:hover {
        padding-left: 1.5rem
    }

    .group\/subbar-menu:hover .menuMb\:group-hover\/subbar-menu\:visible {
        visibility: visible
    }

    .group\/subbar-menu:hover .menuMb\:group-hover\/subbar-menu\:translate-y-0 {
        --tw-translate-y: 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))
    }

    .group\/sub-menu:hover .menuMb\:group-hover\/sub-menu\:rotate-180 {
        --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))
    }

    .group\/sub1-menu:hover .menuMb\:group-hover\/sub1-menu\:rotate-\[-90deg\] {
        --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))
    }

    .group\/subbar-menu:hover .menuMb\:group-hover\/subbar-menu\:opacity-100 {
        opacity: 1
    }
}




/*languuege */
/*
.lang-btn[data-active="true"] {
    background-color: #9cadff38; 
    font-weight: bold; 
}

*/



/* Fri Oct 24 2025 10:58:34 GMT+0700 (Indochina Time) */
/* v2.1.3 */