*, ::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: transparent; } body {
margin: 0; line-height: inherit; } hr {
height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
} h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
} a {
color: inherit;
text-decoration: inherit;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp,
pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-feature-settings: normal; font-variation-settings: normal; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -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: transparent; background-image: none; } :-moz-focusring {
outline: auto;
} :-moz-ui-invalid {
box-shadow: none;
} progress {
vertical-align: baseline;
} ::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
} [type='search'] {
-webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; } summary {
display: list-item;
} blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
}
legend {
padding: 0;
}
ol,
ul,
menu {
list-style: none;
margin: 0;
padding: 0;
} dialog {
padding: 0;
} textarea {
resize: vertical;
} input::-moz-placeholder, textarea::-moz-placeholder {
opacity: 1; color: #9ca3af; }
input::placeholder,
textarea::placeholder {
opacity: 1; color: #9ca3af; } button,
[role="button"] {
cursor: pointer;
} :disabled {
cursor: default;
} img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block; vertical-align: middle; } img,
video {
max-width: 100%;
height: auto;
} [hidden]:where(:not([hidden="until-found"])) {
display: none;
}
h1 {
font-size: 3rem;
line-height: 3.125rem;
font-weight: 700;
margin-bottom: 2rem;
}
@media (min-width: 640px) {
h1 {
font-size: 4rem;
line-height: 4.125rem;
}
}
@media (min-width: 1024px) {
h1 {
font-size: 5rem;
line-height: 5.625rem;
}
}
h2 {
font-size: 2.5rem;
line-height: 3rem;
font-weight: 500;
margin-bottom: 1rem;
}
@media (min-width: 640px) {
h2 {
font-size: 3rem;
line-height: 3.5rem;
}
}
@media (min-width: 1024px) {
h2 {
font-size: 3.75rem;
line-height: 4.375rem;
}
}
h3 {
font-size: 1.5rem;
line-height: 1.625rem;
font-weight: 700;
margin-bottom: 1rem;
}
@media (min-width: 640px) {
h3 {
font-size: 2.125rem;
line-height: 2.325rem;
}
}
@media (min-width: 1024px) {
h3 {
font-size: 3.125rem;
line-height: 3.75rem;
}
}
h4 {
font-size: 1.5rem;
line-height: 1.75rem;
font-weight: 600;
margin-bottom: 1rem;
}
@media (min-width: 640px) {
h4 {
font-size: 1.5rem;
line-height: 1.75rem;
}
}
@media (min-width: 1024px) {
h4 {
font-size: 2.5rem;
line-height: 2.75rem;
}
}
body {
font-family: Rubik, sans-serif;
}
p {
margin-bottom: 1rem;
font-size: 16px;
line-height: 25px;
strong {
font-weight: 600;
}
}
.p-md {
font-size: 20px;
line-height: 25px;
}
.p-lg {
font-size: 25px;
line-height: 35px;
}
.p-xl {
font-size: 30px;
line-height: 40px;
letter-spacing: 0.02em;
}
input:not([type="submit"]),
textarea {
margin-top: 20px;
width: 100%;
resize: none;
border-bottom-width: 1px;
background-color: transparent;
padding-top: 10px;
padding-bottom: 10px;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
&:focus {
--tw-border-opacity: 1;
border-bottom-color: rgb(0 0 0 / var(--tw-border-opacity));
}
&:focus {
outline: 2px solid transparent;
outline-offset: 2px;
}
::-moz-placeholder {
--tw-text-opacity: 1;
color: rgb(138 139 140 / var(--tw-text-opacity));
}
::placeholder {
--tw-text-opacity: 1;
color: rgb(138 139 140 / var(--tw-text-opacity));
}
}
.text-gradient {
background-image: linear-gradient(135deg, #CCE70B 4%, #00BFFF 65%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.outline-text {
color: transparent;
-webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: white;
text-stroke: 1px white; -webkit-text-stroke: 1px rgba(255, 255, 255, 0.3);
text-shadow: 0 0 black;
}
.btn {
display: flex;
cursor: pointer;
align-items: center;
justify-content: center;
border-radius: 9999px;
background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
--tw-gradient-from: #CCE70B var(--tw-gradient-from-position);
--tw-gradient-to: rgb(204 231 11 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
--tw-gradient-from-position: 4%;
--tw-gradient-to: #00BFFF var(--tw-gradient-to-position);
--tw-gradient-to-position: 85%;
padding-left: 30px;
padding-right: 30px;
padding-top: 18px;
padding-bottom: 18px;
text-align: center;
font-size: 15px;
font-weight: 500;
line-height: 25px;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
.btn:hover {
--tw-gradient-to-position: 65%;
}
.btn {
> svg {
margin-right: 10px;
}
}
ol {
list-style-type: decimal;
&:not(.list-none):not(.sub-menu) {
margin-bottom: 1rem;
}
&:not(.list-none):not(.sub-menu) {
padding-inline-start: 1rem;
}
&.list-none {
margin-bottom: 1rem;
}
li {
@media (min-width: 1024px) {
&:not(:last-of-type) {
margin-bottom: .15rem;
}
}
}
}
ul:not(.slick-dots) {
line-height: 1;
&:not(.list-none):not(.sub-menu) {
margin-bottom: 1rem;
}
&:not(.list-none):not(.sub-menu) {
padding-inline-start: 1rem;
}
&.list-none {
margin-bottom: 1rem;
}
li {
@media (min-width: 1024px) {
&:not(:last-of-type) {
margin-bottom: .15rem;
}
}
}
}
.container {
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 1rem;
padding-left: 1rem;
}
@media (min-width: 576) {
.container {
max-width: 576;
padding-right: 2rem;
padding-left: 2rem;
}
}
@media (min-width: 768px) {
.container {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.container {
max-width: 1024px;
padding-right: 2rem;
padding-left: 2rem;
}
}
@media (min-width: 1360px) {
.container {
max-width: 1360px;
padding-right: 2rem;
padding-left: 2rem;
}
}
.btn-primary {
background-color: #CCE70B;
color: #fff;
padding: 0.75rem 1.5rem;
border-radius: 0.5rem;
font-weight: 600;
display: inline-block;
white-space: nowrap;
text-align: center;
}
.btn-primary:hover {
opacity: 0.8;
}
@media (min-width: 640px) {
.btn-primary {
padding: 0.85rem 1.75rem;
}
}
@media (min-width: 768px) {
.btn-primary {
padding: 1rem 2rem;
}
}
@media (min-width: 1024px) {
.btn-primary {
padding: 1.25rem 2.25rem;
}
}
.invisible {
visibility: hidden;
}
.fixed {
position: fixed;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.inset-0 {
inset: 0px;
}
.bottom-0 {
bottom: 0px;
}
.bottom-\[-20px\] {
bottom: -20px;
}
.bottom-\[-38px\] {
bottom: -38px;
}
.bottom-\[30px\] {
bottom: 30px;
}
.end-\[-50px\] {
inset-inline-end: -50px;
}
.left-0 {
left: 0px;
}
.left-\[-1px\] {
left: -1px;
}
.left-\[-5px\] {
left: -5px;
}
.left-\[10px\] {
left: 10px;
}
.left-\[15px\] {
left: 15px;
}
.left-\[35px\] {
left: 35px;
}
.left-\[45px\] {
left: 45px;
}
.left-\[65px\] {
left: 65px;
}
.right-0 {
right: 0px;
}
.right-5 {
right: 1.25rem;
}
.right-\[35px\] {
right: 35px;
}
.top-0 {
top: 0px;
}
.top-5 {
top: 1.25rem;
}
.top-\[-1px\] {
top: -1px;
}
.top-\[-50\%\] {
top: -50%;
}
.top-\[-5px\] {
top: -5px;
}
.top-\[0\] {
top: 0;
}
.top-\[100px\] {
top: 100px;
}
.top-\[12px\] {
top: 12px;
}
.top-\[15px\] {
top: 15px;
}
.top-\[230px\] {
top: 230px;
}
.top-\[50\%\] {
top: 50%;
}
.z-10 {
z-index: 10;
}
.z-20 {
z-index: 20;
}
.z-\[100\] {
z-index: 100;
}
.z-\[1080\] {
z-index: 1080;
}
.z-\[1090\] {
z-index: 1090;
}
.z-\[1\] {
z-index: 1;
}
.z-\[2\] {
z-index: 2;
}
.z-\[3\] {
z-index: 3;
}
.z-\[99999\] {
z-index: 99999;
}
.order-2 {
order: 2;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.my-0 {
margin-top: 0px;
margin-bottom: 0px;
}
.my-\[-150px\] {
margin-top: -150px;
margin-bottom: -150px;
}
.my-\[12px\] {
margin-top: 12px;
margin-bottom: 12px;
}
.my-\[30px\] {
margin-top: 30px;
margin-bottom: 30px;
}
.\!mt-0 {
margin-top: 0px !important;
}
.-mb-4 {
margin-bottom: -1rem;
}
.mb-0 {
margin-bottom: 0px;
}
.mb-3 {
margin-bottom: 0.75rem;
}
.mb-4 {
margin-bottom: 1rem;
}
.mb-5 {
margin-bottom: 1.25rem;
}
.mb-\[-1rem\] {
margin-bottom: -1rem;
}
.mb-\[10px\] {
margin-bottom: 10px;
}
.mb-\[12px\] {
margin-bottom: 12px;
}
.mb-\[15px\] {
margin-bottom: 15px;
}
.mb-\[16px\] {
margin-bottom: 16px;
}
.mb-\[18px\] {
margin-bottom: 18px;
}
.mb-\[20px\] {
margin-bottom: 20px;
}
.mb-\[22px\] {
margin-bottom: 22px;
}
.mb-\[23px\] {
margin-bottom: 23px;
}
.mb-\[25px\] {
margin-bottom: 25px;
}
.mb-\[28px\] {
margin-bottom: 28px;
}
.mb-\[30px\] {
margin-bottom: 30px;
}
.mb-\[38px\] {
margin-bottom: 38px;
}
.mb-\[40px\] {
margin-bottom: 40px;
}
.mb-\[60px\] {
margin-bottom: 60px;
}
.mb-\[8px\] {
margin-bottom: 8px;
}
.ml-\[10px\] {
margin-left: 10px;
}
.ml-\[30px\] {
margin-left: 30px;
}
.mr-2 {
margin-right: 0.5rem;
}
.ms-2 {
margin-inline-start: 0.5rem;
}
.ms-auto {
margin-inline-start: auto;
}
.mt-0 {
margin-top: 0px;
}
.mt-2 {
margin-top: 0.5rem;
}
.mt-5 {
margin-top: 1.25rem;
}
.mt-\[100px\] {
margin-top: 100px;
}
.mt-\[12px\] {
margin-top: 12px;
}
.mt-\[15px\] {
margin-top: 15px;
}
.mt-\[20px\] {
margin-top: 20px;
}
.mt-\[30px\] {
margin-top: 30px;
}
.mt-\[35px\] {
margin-top: 35px;
}
.mt-\[40px\] {
margin-top: 40px;
}
.mt-\[50px\] {
margin-top: 50px;
}
.mt-\[60px\] {
margin-top: 60px;
}
.mt-auto {
margin-top: auto;
}
.block {
display: block;
}
.inline-block {
display: inline-block;
}
.inline {
display: inline;
}
.flex {
display: flex;
}
.inline-flex {
display: inline-flex;
}
.table {
display: table;
}
.grid {
display: grid;
}
.hidden {
display: none;
}
.aspect-\[1\/1\] {
aspect-ratio: 1/1;
}
.aspect-\[2\/3\] {
aspect-ratio: 2/3;
}
.aspect-\[3\/2\] {
aspect-ratio: 3/2;
}
.aspect-\[5\/4\] {
aspect-ratio: 5/4;
}
.size-3 {
width: 0.75rem;
height: 0.75rem;
}
.h-\[100px\] {
height: 100px;
}
.h-\[10px\] {
height: 10px;
}
.h-\[11px\] {
height: 11px;
}
.h-\[130px\] {
height: 130px;
}
.h-\[1px\] {
height: 1px;
}
.h-\[250px\] {
height: 250px;
}
.h-\[300px\] {
height: 300px;
}
.h-\[30px\] {
height: 30px;
}
.h-\[310px\] {
height: 310px;
}
.h-\[36px\] {
height: 36px;
}
.h-\[43px\] {
height: 43px;
}
.h-\[44px\] {
height: 44px;
}
.h-\[45px\] {
height: 45px;
}
.h-\[46px\] {
height: 46px;
}
.h-\[50px\] {
height: 50px;
}
.h-\[5px\] {
height: 5px;
}
.h-\[60px\] {
height: 60px;
}
.h-\[calc\(100vh-100px\)\] {
height: calc(100vh - 100px);
}
.h-auto {
height: auto;
}
.h-full {
height: 100%;
}
.h-screen {
height: 100vh;
}
.max-h-\[43px\] {
max-height: 43px;
}
.max-h-\[46px\] {
max-height: 46px;
}
.max-h-\[53px\] {
max-height: 53px;
}
.max-h-\[550px\] {
max-height: 550px;
}
.min-h-\[80px\] {
min-height: 80px;
}
.w-0 {
width: 0px;
}
.w-\[10px\] {
width: 10px;
}
.w-\[11px\] {
width: 11px;
}
.w-\[1px\] {
width: 1px;
}
.w-\[200px\] {
width: 200px;
}
.w-\[2px\] {
width: 2px;
}
.w-\[30px\] {
width: 30px;
}
.w-\[44px\] {
width: 44px;
}
.w-\[45px\] {
width: 45px;
}
.w-\[50px\] {
width: 50px;
}
.w-\[5px\] {
width: 5px;
}
.w-\[60px\] {
width: 60px;
}
.w-\[6px\] {
width: 6px;
}
.w-auto {
width: auto;
}
.w-full {
width: 100%;
}
.min-w-0 {
min-width: 0px;
}
.min-w-\[44px\] {
min-width: 44px;
}
.min-w-\[45px\] {
min-width: 45px;
}
.min-w-\[50px\] {
min-width: 50px;
}
.max-w-\[1080px\] {
max-width: 1080px;
}
.max-w-\[1120px\] {
max-width: 1120px;
}
.max-w-\[1720px\] {
max-width: 1720px;
}
.max-w-\[280px\] {
max-width: 280px;
}
.max-w-\[500px\] {
max-width: 500px;
}
.max-w-\[640px\] {
max-width: 640px;
}
.max-w-\[75\%\] {
max-width: 75%;
}
.max-w-\[900px\] {
max-width: 900px;
}
.border-collapse {
border-collapse: collapse;
}
.translate-x-\[calc\(100\%-45px\)\] {
--tw-translate-x: calc(100% - 45px);
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-\[-40\%\] {
--tw-translate-y: -40%;
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-\[100px\] {
--tw-translate-y: 100px;
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-\[80\%\] {
--tw-translate-y: 80%;
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-\[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));
}
.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 slideIn {
0% {
transform: translateX(calc(100% - 45px));
}
100% {
transform: translateX(0);
}
}
.animate-slide-in {
animation: slideIn 1s ease-out 1;
}
.cursor-pointer {
cursor: pointer;
}
.select-none {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.scroll-mt-\[100px\] {
scroll-margin-top: 100px;
}
.scroll-mt-\[120px\] {
scroll-margin-top: 120px;
}
.scroll-mt-\[150px\] {
scroll-margin-top: 150px;
}
.list-disc {
list-style-type: disc;
}
.list-none {
list-style-type: none;
}
.columns-2 {
-moz-columns: 2;
columns: 2;
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-row {
flex-direction: row;
}
.flex-col {
flex-direction: column;
}
.flex-wrap {
flex-wrap: wrap;
}
.items-start {
align-items: flex-start;
}
.items-center {
align-items: center;
}
.justify-start {
justify-content: flex-start;
}
.justify-end {
justify-content: flex-end;
}
.justify-center {
justify-content: center;
}
.justify-between {
justify-content: space-between;
}
.gap-4 {
gap: 1rem;
}
.gap-8 {
gap: 2rem;
}
.gap-\[10px\] {
gap: 10px;
}
.gap-\[15px\] {
gap: 15px;
}
.gap-\[17px\] {
gap: 17px;
}
.gap-\[18px\] {
gap: 18px;
}
.gap-\[1rem\] {
gap: 1rem;
}
.gap-\[20px\] {
gap: 20px;
}
.gap-\[22px\] {
gap: 22px;
}
.gap-\[25px\] {
gap: 25px;
}
.gap-\[30px\] {
gap: 30px;
}
.gap-\[38px\] {
gap: 38px;
}
.gap-\[40px\] {
gap: 40px;
}
.gap-\[44px\] {
gap: 44px;
}
.gap-\[45px\] {
gap: 45px;
}
.gap-\[4px\] {
gap: 4px;
}
.gap-\[50px\] {
gap: 50px;
}
.gap-\[5px\] {
gap: 5px;
}
.gap-\[60px\] {
gap: 60px;
}
.gap-\[8px\] {
gap: 8px;
}
.gap-x-\[50px\] {
-moz-column-gap: 50px;
column-gap: 50px;
}
.gap-y-\[130px\] {
row-gap: 130px;
}
.gap-y-\[40px\] {
row-gap: 40px;
}
.gap-y-\[50px\] {
row-gap: 50px;
}
.gap-y-\[60px\] {
row-gap: 60px;
}
.space-y-\[10px\] > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(10px * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(10px * var(--tw-space-y-reverse));
}
.space-y-\[20px\] > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(20px * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(20px * var(--tw-space-y-reverse));
}
.overflow-hidden {
overflow: hidden;
}
.overflow-y-auto {
overflow-y: auto;
}
.scroll-smooth {
scroll-behavior: smooth;
}
.whitespace-nowrap {
white-space: nowrap;
}
.text-balance {
text-wrap: balance;
}
.rounded-\[10px\] {
border-radius: 10px;
}
.rounded-\[50\%\] {
border-radius: 50%;
}
.rounded-\[9px\] {
border-radius: 9px;
}
.rounded-full {
border-radius: 9999px;
}
.rounded-b-\[10px\] {
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.rounded-t-\[10px\] {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.rounded-bl-\[10px\] {
border-bottom-left-radius: 10px;
}
.rounded-tl-\[10px\] {
border-top-left-radius: 10px;
}
.rounded-tr-\[10px\] {
border-top-right-radius: 10px;
}
.border {
border-width: 1px;
}
.border-0 {
border-width: 0px;
}
.border-2 {
border-width: 2px;
}
.border-b {
border-bottom-width: 1px;
}
.border-t {
border-top-width: 1px;
}
.border-\[\#8A8B8C\] {
--tw-border-opacity: 1;
border-color: rgb(138 139 140 / var(--tw-border-opacity));
}
.border-black {
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-secondary {
--tw-border-opacity: 1;
border-color: rgb(0 191 255 / var(--tw-border-opacity));
}
.border-white {
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.bg-\[\#8A8B8C\] {
--tw-bg-opacity: 1;
background-color: rgb(138 139 140 / var(--tw-bg-opacity));
}
.bg-\[\#E4E6E8\] {
--tw-bg-opacity: 1;
background-color: rgb(228 230 232 / var(--tw-bg-opacity));
}
.bg-\[\#EEF0F2\] {
--tw-bg-opacity: 1;
background-color: rgb(238 240 242 / var(--tw-bg-opacity));
}
.bg-\[\#F8F9FA\] {
--tw-bg-opacity: 1;
background-color: rgb(248 249 250 / var(--tw-bg-opacity));
}
.bg-\[\#ddd\] {
--tw-bg-opacity: 1;
background-color: rgb(221 221 221 / var(--tw-bg-opacity));
}
.bg-\[\#f6f7f7\] {
--tw-bg-opacity: 1;
background-color: rgb(246 247 247 / var(--tw-bg-opacity));
}
.bg-\[\#fafafa\] {
--tw-bg-opacity: 1;
background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
.bg-\[rgba\(255\2c 255\2c 255\2c \.9\)\] {
background-color: rgba(255,255,255,.9);
}
.bg-black {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-dark {
--tw-bg-opacity: 1;
background-color: rgb(37 37 37 / var(--tw-bg-opacity));
}
.bg-transparent {
background-color: transparent;
}
.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-\[linear-gradient\(-55deg\2c \#00BFFF\2c \#CCE70B\)\] {
background-image: linear-gradient(-55deg,#00BFFF,#CCE70B);
}
.bg-\[linear-gradient\(-55deg\2c rgba\(0\2c 191\2c 255\)_50\%\2c rgba\(204\2c 231\2c 1\)\)\] {
background-image: linear-gradient(-55deg,rgba(0,191,255) 50%,rgba(204,231,1));
}
.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-t {
background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.from-primary {
--tw-gradient-from: #CCE70B var(--tw-gradient-from-position);
--tw-gradient-to: rgb(204 231 11 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[4\%\] {
--tw-gradient-from-position: 4%;
}
.from-\[85\%\] {
--tw-gradient-from-position: 85%;
}
.to-secondary {
--tw-gradient-to: #00BFFF var(--tw-gradient-to-position);
}
.to-\[4\%\] {
--tw-gradient-to-position: 4%;
}
.to-\[65\%\] {
--tw-gradient-to-position: 65%;
}
.to-\[85\%\] {
--tw-gradient-to-position: 85%;
}
.bg-\[length\:200\%_auto\] {
background-size: 200% auto;
}
.bg-cover {
background-size: cover;
}
.bg-bottom {
background-position: bottom;
}
.bg-left {
background-position: left;
}
.bg-repeat-x {
background-repeat: repeat-x;
}
.stroke-black {
stroke: #000;
}
.stroke-dark {
stroke: #252525;
}
.stroke-white {
stroke: #fff;
}
.object-contain {
-o-object-fit: contain;
object-fit: contain;
}
.object-cover {
-o-object-fit: cover;
object-fit: cover;
}
.p-0 {
padding: 0px;
}
.p-\[20px\] {
padding: 20px;
}
.p-\[2px\] {
padding: 2px;
}
.p-\[30px\] {
padding: 30px;
}
.p-\[40px\] {
padding: 40px;
}
.p-\[50px\] {
padding: 50px;
}
.px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.px-\[10px\] {
padding-left: 10px;
padding-right: 10px;
}
.px-\[1rem\] {
padding-left: 1rem;
padding-right: 1rem;
}
.px-\[20px\] {
padding-left: 20px;
padding-right: 20px;
}
.px-\[24px\] {
padding-left: 24px;
padding-right: 24px;
}
.px-\[28px\] {
padding-left: 28px;
padding-right: 28px;
}
.px-\[30px\] {
padding-left: 30px;
padding-right: 30px;
}
.px-\[40px\] {
padding-left: 40px;
padding-right: 40px;
}
.px-\[45px\] {
padding-left: 45px;
padding-right: 45px;
}
.px-\[50px\] {
padding-left: 50px;
padding-right: 50px;
}
.py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.py-\[10px\] {
padding-top: 10px;
padding-bottom: 10px;
}
.py-\[12px\] {
padding-top: 12px;
padding-bottom: 12px;
}
.py-\[130px\] {
padding-top: 130px;
padding-bottom: 130px;
}
.py-\[18px\] {
padding-top: 18px;
padding-bottom: 18px;
}
.py-\[20px\] {
padding-top: 20px;
padding-bottom: 20px;
}
.py-\[25px\] {
padding-top: 25px;
padding-bottom: 25px;
}
.py-\[30px\] {
padding-top: 30px;
padding-bottom: 30px;
}
.py-\[35px\] {
padding-top: 35px;
padding-bottom: 35px;
}
.py-\[40px\] {
padding-top: 40px;
padding-bottom: 40px;
}
.py-\[45px\] {
padding-top: 45px;
padding-bottom: 45px;
}
.py-\[50px\] {
padding-top: 50px;
padding-bottom: 50px;
}
.py-\[58px\] {
padding-top: 58px;
padding-bottom: 58px;
}
.py-\[60px\] {
padding-top: 60px;
padding-bottom: 60px;
}
.py-\[70px\] {
padding-top: 70px;
padding-bottom: 70px;
}
.py-\[75px\] {
padding-top: 75px;
padding-bottom: 75px;
}
.py-\[80px\] {
padding-top: 80px;
padding-bottom: 80px;
}
.pb-2 {
padding-bottom: 0.5rem;
}
.pb-\[100px\] {
padding-bottom: 100px;
}
.pb-\[120px\] {
padding-bottom: 120px;
}
.pb-\[130px\] {
padding-bottom: 130px;
}
.pb-\[15px\] {
padding-bottom: 15px;
}
.pb-\[20px\] {
padding-bottom: 20px;
}
.pb-\[30px\] {
padding-bottom: 30px;
}
.pb-\[35px\] {
padding-bottom: 35px;
}
.pb-\[40px\] {
padding-bottom: 40px;
}
.pb-\[50px\] {
padding-bottom: 50px;
}
.pb-\[60px\] {
padding-bottom: 60px;
}
.pb-\[70px\] {
padding-bottom: 70px;
}
.pb-\[80px\] {
padding-bottom: 80px;
}
.pe-\[30px\] {
padding-inline-end: 30px;
}
.pl-5 {
padding-left: 1.25rem;
}
.pl-\[25px\] {
padding-left: 25px;
}
.pl-\[50px\] {
padding-left: 50px;
}
.ps-3 {
padding-inline-start: 0.75rem;
}
.ps-\[30px\] {
padding-inline-start: 30px;
}
.pt-\[100px\] {
padding-top: 100px;
}
.pt-\[130px\] {
padding-top: 130px;
}
.pt-\[150px\] {
padding-top: 150px;
}
.pt-\[20px\] {
padding-top: 20px;
}
.pt-\[30px\] {
padding-top: 30px;
}
.pt-\[40px\] {
padding-top: 40px;
}
.pt-\[45px\] {
padding-top: 45px;
}
.pt-\[50px\] {
padding-top: 50px;
}
.pt-\[60px\] {
padding-top: 60px;
}
.pt-\[70px\] {
padding-top: 70px;
}
.pt-\[72px\] {
padding-top: 72px;
}
.pt-\[75px\] {
padding-top: 75px;
}
.pt-\[90px\] {
padding-top: 90px;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.font-rubik {
font-family: Rubik, sans-serif;
}
.text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
.text-\[12px\] {
font-size: 12px;
}
.text-\[13px\] {
font-size: 13px;
}
.text-\[14px\] {
font-size: 14px;
}
.text-\[15px\] {
font-size: 15px;
}
.text-\[16px\] {
font-size: 16px;
}
.text-\[18px\] {
font-size: 18px;
}
.text-\[20px\] {
font-size: 20px;
}
.text-\[30px\] {
font-size: 30px;
}
.text-\[70px\] {
font-size: 70px;
}
.text-\[90px\] {
font-size: 90px;
}
.text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}
.text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}
.font-bold {
font-weight: 700;
}
.font-light {
font-weight: 300;
}
.font-medium {
font-weight: 500;
}
.font-semibold {
font-weight: 600;
}
.uppercase {
text-transform: uppercase;
}
.italic {
font-style: italic;
}
.leading-\[\.75\] {
line-height: .75;
}
.leading-\[0\.65\] {
line-height: 0.65;
}
.leading-\[1\] {
line-height: 1;
}
.leading-\[22px\] {
line-height: 22px;
}
.leading-\[25px\] {
line-height: 25px;
}
.leading-\[28px\] {
line-height: 28px;
}
.leading-\[35px\] {
line-height: 35px;
}
.leading-\[40px\] {
line-height: 40px;
}
.leading-\[90px\] {
line-height: 90px;
}
.tracking-\[-0\.02em\] {
letter-spacing: -0.02em;
}
.text-\[\#8A8B8C\] {
--tw-text-opacity: 1;
color: rgb(138 139 140 / var(--tw-text-opacity));
}
.text-black {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-dark {
--tw-text-opacity: 1;
color: rgb(37 37 37 / var(--tw-text-opacity));
}
.text-gray-400 {
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity));
}
.text-gray-800 {
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity));
}
.text-secondary {
--tw-text-opacity: 1;
color: rgb(0 191 255 / var(--tw-text-opacity));
}
.text-slate-500 {
--tw-text-opacity: 1;
color: rgb(100 116 139 / var(--tw-text-opacity));
}
.text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.underline {
text-decoration-line: underline;
}
.opacity-0 {
opacity: 0;
}
.shadow-\[0px_20px_24px_0px_rgba\(0\2c 0\2c 0\2c 0\.06\)\] {
--tw-shadow: 0px 20px 24px 0px rgba(0,0,0,0.06);
--tw-shadow-colored: 0px 20px 24px 0px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none {
outline: 2px solid transparent;
outline-offset: 2px;
}
.outline {
outline-style: solid;
}
.grayscale {
--tw-grayscale: grayscale(100%);
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);
}
.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;
}
.duration-300 {
transition-duration: 300ms;
}
.duration-500 {
transition-duration: 500ms;
}
.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);
}
.hover\:text-gradient:hover {
background-image: linear-gradient(135deg, #CCE70B 4%, #00BFFF 65%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.group:hover .group-hover\:text-gradient {
background-image: linear-gradient(135deg, #CCE70B 4%, #00BFFF 65%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.group:hover .group-hover\:filter-white {
filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(264deg) brightness(109%) contrast(103%);
}
@media (min-width: 1024px) {
.group:hover .lg\:group-hover\:text-gradient {
background-image: linear-gradient(135deg, #CCE70B 4%, #00BFFF 65%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.group:hover .lg\:group-hover\:filter-white {
filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(264deg) brightness(109%) contrast(103%);
}
}
.hover\:scale-\[1\.15\]:hover {
--tw-scale-x: 1.15;
--tw-scale-y: 1.15;
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\:border-0:hover {
border-width: 0px;
}
.hover\:bg-black:hover {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.hover\:bg-primary:hover {
--tw-bg-opacity: 1;
background-color: rgb(204 231 11 / var(--tw-bg-opacity));
}
.hover\:bg-secondary:hover {
--tw-bg-opacity: 1;
background-color: rgb(0 191 255 / var(--tw-bg-opacity));
}
.hover\:bg-transparent:hover {
background-color: transparent;
}
.hover\:bg-white:hover {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.hover\:bg-right:hover {
background-position: right;
}
.hover\:text-dark:hover {
--tw-text-opacity: 1;
color: rgb(37 37 37 / var(--tw-text-opacity));
}
.hover\:text-primary:hover {
--tw-text-opacity: 1;
color: rgb(204 231 11 / var(--tw-text-opacity));
}
.hover\:text-white:hover {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:underline:hover {
text-decoration-line: underline;
}
.group:nth-child(odd) .group-odd\:right-0 {
right: 0px;
}
.group:nth-child(odd) .group-odd\:right-\[-1px\] {
right: -1px;
}
.group:nth-child(odd) .group-odd\:from-secondary {
--tw-gradient-from: #00BFFF var(--tw-gradient-from-position);
--tw-gradient-to: rgb(0 191 255 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.group:nth-child(odd) .group-odd\:to-primary {
--tw-gradient-to: #CCE70B var(--tw-gradient-to-position);
}
.group:nth-child(even) .group-even\:left-0 {
left: 0px;
}
.group:nth-child(even) .group-even\:left-\[-1px\] {
left: -1px;
}
.group:nth-child(even) .group-even\:from-primary {
--tw-gradient-from: #CCE70B var(--tw-gradient-from-position);
--tw-gradient-to: rgb(204 231 11 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.group:nth-child(even) .group-even\:to-secondary {
--tw-gradient-to: #00BFFF var(--tw-gradient-to-position);
}
.group:hover .group-hover\:w-full {
width: 100%;
}
.group:hover .group-hover\:border-0 {
border-width: 0px;
}
.group\/box:hover .group-hover\/box\:border-black {
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.group:hover .group-hover\:border-black {
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.group\/submenuitem:hover .group-hover\/submenuitem\:bg-transparent {
background-color: transparent;
}
.group:hover .group-hover\:bg-black {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.group\/submenuitem:hover .group-hover\/submenuitem\:bg-\[linear-gradient\(-55deg\2c \#00BFFF\2c \#CCE70B\)\] {
background-image: linear-gradient(-55deg,#00BFFF,#CCE70B);
}
.group:hover .group-hover\:bg-gradient-to-r {
background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.group:hover .group-hover\:from-primary {
--tw-gradient-from: #CCE70B var(--tw-gradient-from-position);
--tw-gradient-to: rgb(204 231 11 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.group:hover .group-hover\:to-secondary {
--tw-gradient-to: #00BFFF var(--tw-gradient-to-position);
}
.group\/btn:hover .group-hover\/btn\:bg-\[length\:200\%_auto\] {
background-size: 200% auto;
}
.group\/btn:hover .group-hover\/btn\:stroke-white {
stroke: #fff;
}
.group\/submenuitem:hover .group-hover\/submenuitem\:stroke-white {
stroke: #fff;
}
.group:hover .group-hover\:stroke-dark {
stroke: #252525;
}
.group:hover .group-hover\:stroke-white {
stroke: #fff;
}
.group\/submenuitem:hover .group-hover\/submenuitem\:text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.group\/play:hover .group-hover\/play\:opacity-75 {
opacity: 0.75;
}
.group:hover .group-hover\:opacity-0 {
opacity: 0;
}
.group:hover .group-hover\:opacity-100 {
opacity: 1;
}
@media not all and (min-width: 1280px) {
.max-xl\:hidden {
display: none;
}
.max-xl\:h-\[calc\(100\%-100px\)\] {
height: calc(100% - 100px);
}
.max-xl\:h-screen {
height: 100vh;
}
.max-xl\:min-h-\[calc\(100\%-100px\)\] {
min-height: calc(100% - 100px);
}
.max-xl\:min-h-screen {
min-height: 100vh;
}
.max-xl\:flex-wrap {
flex-wrap: wrap;
}
.max-xl\:py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
}
@media not all and (min-width: 1024px) {
.max-lg\:bottom-0 {
bottom: 0px;
}
.max-lg\:flex {
display: flex;
}
.max-lg\:hidden {
display: none;
}
.max-lg\:divide-y > :not([hidden]) ~ :not([hidden]) {
--tw-divide-y-reverse: 0;
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.max-lg\:divide-\[\#ddd\] > :not([hidden]) ~ :not([hidden]) {
--tw-divide-opacity: 1;
border-color: rgb(221 221 221 / var(--tw-divide-opacity));
}
.max-lg\:pt-\[30px\] {
padding-top: 30px;
}
.max-lg\:text-\[13px\] {
font-size: 13px;
}
.max-lg\:text-\[14px\] {
font-size: 14px;
}
}
@media not all and (min-width: 768px) {
.max-md\:left-\[-45px\] {
left: -45px;
}
.max-md\:left-\[-5px\] {
left: -5px;
}
.max-md\:hidden {
display: none;
}
.max-md\:px-\[40px\] {
padding-left: 40px;
padding-right: 40px;
}
.max-md\:ps-\[30px\] {
padding-inline-start: 30px;
}
.max-md\:ps-\[calc\(1rem-1px\)\] {
padding-inline-start: calc(1rem - 1px);
}
}
@media not all and (min-width: 640px) {
.max-sm\:right-\[-100px\] {
right: -100px;
}
.max-sm\:mx-auto {
margin-left: auto;
margin-right: auto;
}
.max-sm\:hidden {
display: none;
}
.max-sm\:w-full {
width: 100%;
}
.max-sm\:max-w-\[300px\] {
max-width: 300px;
}
.max-sm\:items-center {
align-items: center;
}
.max-sm\:divide-y > :not([hidden]) ~ :not([hidden]) {
--tw-divide-y-reverse: 0;
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.max-sm\:divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
--tw-divide-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-divide-opacity));
}
.max-sm\:pt-2 {
padding-top: 0.5rem;
}
.max-sm\:text-center {
text-align: center;
}
.max-sm\:text-\[13px\] {
font-size: 13px;
}
.max-sm\:text-\[26px\] {
font-size: 26px;
}
}
@media (min-width: 640px) {
.sm\:left-\[65px\] {
left: 65px;
}
.sm\:my-\[-200px\] {
margin-top: -200px;
margin-bottom: -200px;
}
.sm\:ms-3 {
margin-inline-start: 0.75rem;
}
.sm\:flex {
display: flex;
}
.sm\:hidden {
display: none;
}
.sm\:h-\[400px\] {
height: 400px;
}
.sm\:h-\[46px\] {
height: 46px;
}
.sm\:w-1\/2 {
width: 50%;
}
.sm\:w-1\/3 {
width: 33.333333%;
}
.sm\:w-2\/3 {
width: 66.666667%;
}
.sm\:w-\[calc\(100\%\/2-45px\)\] {
width: calc(100% / 2 - 45px);
}
.sm\:w-\[calc\(100\%\/2-50px\)\] {
width: calc(100% / 2 - 50px);
}
.sm\:w-auto {
width: auto;
}
.sm\:max-w-\[310px\] {
max-width: 310px;
}
.sm\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sm\:flex-row {
flex-direction: row;
}
.sm\:items-center {
align-items: center;
}
.sm\:justify-between {
justify-content: space-between;
}
.sm\:gap-8 {
gap: 2rem;
}
.sm\:gap-\[50px\] {
gap: 50px;
}
.sm\:gap-\[60px\] {
gap: 60px;
}
.sm\:border-0 {
border-width: 0px;
}
.sm\:p-\[50px\] {
padding: 50px;
}
.sm\:px-\[74px\] {
padding-left: 74px;
padding-right: 74px;
}
.sm\:py-\[100px\] {
padding-top: 100px;
padding-bottom: 100px;
}
.sm\:py-\[30px\] {
padding-top: 30px;
padding-bottom: 30px;
}
.sm\:py-\[50px\] {
padding-top: 50px;
padding-bottom: 50px;
}
.sm\:py-\[70px\] {
padding-top: 70px;
padding-bottom: 70px;
}
.sm\:pb-0 {
padding-bottom: 0px;
}
.sm\:pb-\[50px\] {
padding-bottom: 50px;
}
.sm\:pt-\[200px\] {
padding-top: 200px;
}
.sm\:pt-\[50px\] {
padding-top: 50px;
}
.sm\:pt-\[90px\] {
padding-top: 90px;
}
.sm\:text-center {
text-align: center;
}
.sm\:text-end {
text-align: end;
}
.sm\:text-xs {
font-size: 0.75rem;
line-height: 1rem;
}
}
@media (min-width: 768px) {
.md\:left-0 {
left: 0px;
}
.md\:right-0 {
right: 0px;
}
.md\:mx-auto {
margin-left: auto;
margin-right: auto;
}
.md\:-mt-2 {
margin-top: -0.5rem;
}
.md\:mt-\[80px\] {
margin-top: 80px;
}
.md\:hidden {
display: none;
}
.md\:h-\[230px\] {
height: 230px;
}
.md\:h-\[410px\] {
height: 410px;
}
.md\:h-full {
height: 100%;
}
.md\:w-1\/2 {
width: 50%;
}
.md\:w-\[calc\(100\%\/2-20px\)\] {
width: calc(100% / 2 - 20px);
}
.md\:w-\[calc\(100\%\/2-38px\)\] {
width: calc(100% / 2 - 38px);
}
.md\:w-\[calc\(100\%\/3-50px\)\] {
width: calc(100% / 3 - 50px);
}
.md\:grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md\:flex-row {
flex-direction: row;
}
.md\:items-center {
align-items: center;
}
.md\:gap-\[30px\] {
gap: 30px;
}
.md\:gap-\[40px\] {
gap: 40px;
}
.md\:gap-\[80px\] {
gap: 80px;
}
.md\:gap-\[90px\] {
gap: 90px;
}
.md\:p-\[40px\] {
padding: 40px;
}
.md\:px-\[40px\] {
padding-left: 40px;
padding-right: 40px;
}
.md\:py-\[100px\] {
padding-top: 100px;
padding-bottom: 100px;
}
.md\:py-\[75px\] {
padding-top: 75px;
padding-bottom: 75px;
}
.md\:py-\[80px\] {
padding-top: 80px;
padding-bottom: 80px;
}
.md\:py-\[90px\] {
padding-top: 90px;
padding-bottom: 90px;
}
.md\:pb-\[130px\] {
padding-bottom: 130px;
}
.md\:pb-\[70px\] {
padding-bottom: 70px;
}
.md\:pt-\[150px\] {
padding-top: 150px;
}
.md\:pt-\[60px\] {
padding-top: 60px;
}
.md\:pt-\[80px\] {
padding-top: 80px;
}
.md\:pt-\[90px\] {
padding-top: 90px;
}
.md\:text-\[24px\] {
font-size: 24px;
}
.md\:leading-\[1\.75rem\] {
line-height: 1.75rem;
}
.md\:even\:gap-y-\[100px\]:nth-child(even) {
row-gap: 100px;
}
.md\:even\:pt-\[140px\]:nth-child(even) {
padding-top: 140px;
}
.group:nth-child(odd) .md\:group-odd\:right-\[-45px\] {
right: -45px;
}
.group:nth-child(odd) .md\:group-odd\:right-\[-5px\] {
right: -5px;
}
.group:nth-child(odd) .md\:group-odd\:pe-\[60px\] {
padding-inline-end: 60px;
}
.group:nth-child(even) .md\:group-even\:left-\[-45px\] {
left: -45px;
}
.group:nth-child(even) .md\:group-even\:left-\[-5px\] {
left: -5px;
}
.group:nth-child(even) .md\:group-even\:ps-\[60px\] {
padding-inline-start: 60px;
}
}
@media (min-width: 1024px) {
.lg\:invisible {
visibility: hidden;
}
.lg\:absolute {
position: absolute;
}
.lg\:sticky {
position: sticky;
}
.lg\:left-\[35px\] {
left: 35px;
}
.lg\:right-\[35px\] {
right: 35px;
}
.lg\:top-0 {
top: 0px;
}
.lg\:top-\[132px\] {
top: 132px;
}
.lg\:top-\[190px\] {
top: 190px;
}
.lg\:top-\[32px\] {
top: 32px;
}
.lg\:z-\[1100\] {
z-index: 1100;
}
.lg\:mx-4 {
margin-left: 1rem;
margin-right: 1rem;
}
.lg\:mx-auto {
margin-left: auto;
margin-right: auto;
}
.lg\:mb-\[-30px\] {
margin-bottom: -30px;
}
.lg\:mb-\[10px\] {
margin-bottom: 10px;
}
.lg\:mb-\[70px\] {
margin-bottom: 70px;
}
.lg\:mb-\[75px\] {
margin-bottom: 75px;
}
.lg\:mb-\[80px\] {
margin-bottom: 80px;
}
.lg\:me-2 {
margin-inline-end: 0.5rem;
}
.lg\:mt-0 {
margin-top: 0px;
}
.lg\:mt-10 {
margin-top: 2.5rem;
}
.lg\:mt-2 {
margin-top: 0.5rem;
}
.lg\:mt-\[120px\] {
margin-top: 120px;
}
.lg\:mt-\[20px\] {
margin-top: 20px;
}
.lg\:mt-\[32px\] {
margin-top: 32px;
}
.lg\:mt-\[40px\] {
margin-top: 40px;
}
.lg\:mt-\[60px\] {
margin-top: 60px;
}
.lg\:mt-\[70px\] {
margin-top: 70px;
}
.lg\:mt-auto {
margin-top: auto;
}
.lg\:block {
display: block;
}
.lg\:flex {
display: flex;
}
.lg\:hidden {
display: none;
}
.lg\:h-\[120px\] {
height: 120px;
}
.lg\:h-\[130px\] {
height: 130px;
}
.lg\:h-\[350px\] {
height: 350px;
}
.lg\:h-\[65px\] {
height: 65px;
}
.lg\:h-\[90px\] {
height: 90px;
}
.lg\:h-\[calc\(100vh-132px\)\] {
height: calc(100vh - 132px);
}
.lg\:h-full {
height: 100%;
}
.lg\:max-h-\[53px\] {
max-height: 53px;
}
.lg\:w-1\/2 {
width: 50%;
}
.lg\:w-1\/3 {
width: 33.333333%;
}
.lg\:w-2\/3 {
width: 66.666667%;
}
.lg\:w-2\/5 {
width: 40%;
}
.lg\:w-2\/6 {
width: 33.333333%;
}
.lg\:w-3\/5 {
width: 60%;
}
.lg\:w-4\/6 {
width: 66.666667%;
}
.lg\:w-6\/12 {
width: 50%;
}
.lg\:w-\[65px\] {
width: 65px;
}
.lg\:w-\[90px\] {
width: 90px;
}
.lg\:w-\[calc\(100\%\/3\)\] {
width: calc(100% / 3);
}
.lg\:w-\[calc\(100\%\/3-38px\)\] {
width: calc(100% / 3 - 38px);
}
.lg\:w-\[calc\(100\%\/4-50px\)\] {
width: calc(100% / 4 - 50px);
}
.lg\:w-auto {
width: auto;
}
.lg\:max-w-\[1080px\] {
max-width: 1080px;
}
.lg\:max-w-\[50\%\] {
max-width: 50%;
}
.lg\:max-w-\[65\%\] {
max-width: 65%;
}
.lg\:max-w-\[75\%\] {
max-width: 75%;
}
.lg\:translate-x-\[calc\(100\%\)\] {
--tw-translate-x: calc(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));
}
.lg\: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));
}
.lg\: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));
}
.lg\:scale-95 {
--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));
}
.lg\: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));
}
.lg\:scroll-mt-\[160px\] {
scroll-margin-top: 160px;
}
.lg\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lg\:flex-row {
flex-direction: row;
}
.lg\:flex-col {
flex-direction: column;
}
.lg\:items-start {
align-items: flex-start;
}
.lg\:items-end {
align-items: flex-end;
}
.lg\:items-center {
align-items: center;
}
.lg\:justify-end {
justify-content: flex-end;
}
.lg\:justify-center {
justify-content: center;
}
.lg\:justify-between {
justify-content: space-between;
}
.lg\:gap-\[100px\] {
gap: 100px;
}
.lg\:gap-\[110px\] {
gap: 110px;
}
.lg\:gap-\[20px\] {
gap: 20px;
}
.lg\:gap-\[30px\] {
gap: 30px;
}
.lg\:gap-\[38px\] {
gap: 38px;
}
.lg\:gap-\[40px\] {
gap: 40px;
}
.lg\:gap-\[50px\] {
gap: 50px;
}
.lg\:gap-\[60px\] {
gap: 60px;
}
.lg\:gap-\[70px\] {
gap: 70px;
}
.lg\:gap-\[80px\] {
gap: 80px;
}
.lg\:gap-\[90px\] {
gap: 90px;
}
.lg\:gap-x-\[50px\] {
-moz-column-gap: 50px;
column-gap: 50px;
}
.lg\:gap-x-\[90px\] {
-moz-column-gap: 90px;
column-gap: 90px;
}
.lg\:rounded-\[20px\] {
border-radius: 20px;
}
.lg\:bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.lg\:stroke-white {
stroke: #fff;
}
.lg\:p-\[50px\] {
padding: 50px;
}
.lg\:p-\[60px\] {
padding: 60px;
}
.lg\:p-\[75px\] {
padding: 75px;
}
.lg\:p-\[90px\] {
padding: 90px;
}
.lg\:px-\[2rem\] {
padding-left: 2rem;
padding-right: 2rem;
}
.lg\:px-\[30px\] {
padding-left: 30px;
padding-right: 30px;
}
.lg\:px-\[38px\] {
padding-left: 38px;
padding-right: 38px;
}
.lg\:px-\[50px\] {
padding-left: 50px;
padding-right: 50px;
}
.lg\:py-\[100px\] {
padding-top: 100px;
padding-bottom: 100px;
}
.lg\:py-\[120px\] {
padding-top: 120px;
padding-bottom: 120px;
}
.lg\:py-\[130px\] {
padding-top: 130px;
padding-bottom: 130px;
}
.lg\:py-\[18px\] {
padding-top: 18px;
padding-bottom: 18px;
}
.lg\:py-\[40px\] {
padding-top: 40px;
padding-bottom: 40px;
}
.lg\:py-\[45px\] {
padding-top: 45px;
padding-bottom: 45px;
}
.lg\:py-\[50px\] {
padding-top: 50px;
padding-bottom: 50px;
}
.lg\:py-\[60px\] {
padding-top: 60px;
padding-bottom: 60px;
}
.lg\:py-\[70px\] {
padding-top: 70px;
padding-bottom: 70px;
}
.lg\:py-\[75px\] {
padding-top: 75px;
padding-bottom: 75px;
}
.lg\:py-\[78\] {
padding-top: 78;
padding-bottom: 78;
}
.lg\:py-\[80px\] {
padding-top: 80px;
padding-bottom: 80px;
}
.lg\:pb-\[130px\] {
padding-bottom: 130px;
}
.lg\:pb-\[70px\] {
padding-bottom: 70px;
}
.lg\:pb-\[75px\] {
padding-bottom: 75px;
}
.lg\:pb-\[80px\] {
padding-bottom: 80px;
}
.lg\:pe-\[25px\] {
padding-inline-end: 25px;
}
.lg\:ps-3 {
padding-inline-start: 0.75rem;
}
.lg\:pt-\[100px\] {
padding-top: 100px;
}
.lg\:pt-\[120px\] {
padding-top: 120px;
}
.lg\:pt-\[130px\] {
padding-top: 130px;
}
.lg\:pt-\[50px\] {
padding-top: 50px;
}
.lg\:pt-\[60px\] {
padding-top: 60px;
}
.lg\:pt-\[70px\] {
padding-top: 70px;
}
.lg\:pt-\[75px\] {
padding-top: 75px;
}
.lg\:pt-\[80px\] {
padding-top: 80px;
}
.lg\:pt-\[90px\] {
padding-top: 90px;
}
.lg\:text-\[20px\] {
font-size: 20px;
}
.lg\:text-\[40px\] {
font-size: 40px;
}
.lg\:text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}
.lg\:leading-\[50px\] {
line-height: 50px;
}
.lg\:text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.lg\:opacity-0 {
opacity: 0;
}
.lg\:even\:pt-\[200px\]:nth-child(even) {
padding-top: 200px;
}
.lg\:hover\:scale-\[1\.1\]: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));
}
.lg\:hover\:border-transparent:hover {
border-color: transparent;
}
.lg\:hover\:text-white:hover {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.lg\:hover\:underline:hover {
text-decoration-line: underline;
}
.group:nth-child(odd) .lg\:group-odd\:pe-\[120px\] {
padding-inline-end: 120px;
}
.group:nth-child(even) .lg\:group-even\:ps-\[120px\] {
padding-inline-start: 120px;
}
.group\/box:hover .lg\:group-hover\/box\:translate-x-\[-120px\] {
--tw-translate-x: -120px;
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 .lg\: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 .lg\:group-hover\:translate-y-\[-15px\] {
--tw-translate-y: -15px;
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 .lg\:group-hover\:scale-100 {
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .lg\:group-hover\:scale-\[1\.4\] {
--tw-scale-x: 1.4;
--tw-scale-y: 1.4;
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 .lg\:group-hover\:bg-gradient-to-br {
background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.group:hover .lg\:group-hover\:text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.group:hover .lg\:group-hover\:opacity-100 {
opacity: 1;
}
}
@media (min-width: 1280px) {
.xl\:left-\[-100px\] {
left: -100px;
}
.xl\:right-\[-100px\] {
right: -100px;
}
.xl\:mx-auto {
margin-left: auto;
margin-right: auto;
}
.xl\:mb-\[30px\] {
margin-bottom: 30px;
}
.xl\:mb-\[40px\] {
margin-bottom: 40px;
}
.xl\:mb-\[50px\] {
margin-bottom: 50px;
}
.xl\:mt-\[50px\] {
margin-top: 50px;
}
.xl\:h-full {
height: 100%;
}
.xl\:h-screen {
height: 100vh;
}
.xl\:min-h-screen {
min-height: 100vh;
}
.xl\:w-\[220px\] {
width: 220px;
}
.xl\:w-\[310px\] {
width: 310px;
}
.xl\:w-\[calc\(100\%\/3-20px\)\] {
width: calc(100% / 3 - 20px);
}
.xl\:w-\[calc\(100\%\/4-20px\)\] {
width: calc(100% / 4 - 20px);
}
.xl\:w-\[calc\(100\%\/4-60px\)\] {
width: calc(100% / 4 - 60px);
}
.xl\:w-\[calc\(100\%\/5-50px\)\] {
width: calc(100% / 5 - 50px);
}
.xl\:w-full {
width: 100%;
}
.xl\:min-w-\[220px\] {
min-width: 220px;
}
.xl\:min-w-\[310px\] {
min-width: 310px;
}
.xl\:max-w-\[1080px\] {
max-width: 1080px;
}
.xl\:max-w-\[800px\] {
max-width: 800px;
}
.xl\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.xl\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.xl\:flex-row {
flex-direction: row;
}
.xl\:flex-col {
flex-direction: column;
}
.xl\:items-start {
align-items: flex-start;
}
.xl\:items-center {
align-items: center;
}
.xl\:justify-between {
justify-content: space-between;
}
.xl\:gap-\[30px\] {
gap: 30px;
}
.xl\:gap-\[60px\] {
gap: 60px;
}
.xl\:overflow-hidden {
overflow: hidden;
}
.xl\:bg-contain {
background-size: contain;
}
.xl\:p-\[100px\] {
padding: 100px;
}
.xl\:p-\[90px\] {
padding: 90px;
}
.xl\:px-\[200px\] {
padding-left: 200px;
padding-right: 200px;
}
.xl\:py-\[11px\] {
padding-top: 11px;
padding-bottom: 11px;
}
.xl\:pb-\[75px\] {
padding-bottom: 75px;
}
.xl\:text-\[20px\] {
font-size: 20px;
}
.xl\:text-\[25px\] {
font-size: 25px;
}
.xl\:leading-\[28px\] {
line-height: 28px;
}
.xl\:tracking-\[0\.02em\] {
letter-spacing: 0.02em;
}
}
@media (min-width: 1536px) {
.\32xl\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.\32xl\:flex-row {
flex-direction: row;
}
.\32xl\:gap-\[40px\] {
gap: 40px;
}
.\32xl\:gap-\[90px\] {
gap: 90px;
}
.\32xl\:gap-x-\[90px\] {
-moz-column-gap: 90px;
column-gap: 90px;
}
.\32xl\:text-\[15px\] {
font-size: 15px;
}
}
.\[\&\>ul\]\:list-disc>ul {
list-style-type: disc;
}
.\[\&\>ul\]\:space-y-5>ul > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.\[\&\>ul\]\:pb-4>ul {
padding-bottom: 1rem;
}
.\[\&_\.p-md\]\:font-semibold .p-md {
font-weight: 600;
}
.\[\&_img\]\:mt-\[40px\] img {
margin-top: 40px;
}
@media (min-width: 1024px) {
.lg\:\[\&_img\]\:mt-\[50px\] img {
margin-top: 50px;
}
}
.\[\&_ul\]\:list-disc ul {
list-style-type: disc;
}
.\[\&_ul\]\:leading-\[2\] ul {
line-height: 2;
} .form-flex {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
@media (min-width: 1024px) and (max-width: 1300px) {
flex-direction: column;
align-items: start;
button[type="submit"] {
width: 100%;
}
> p {
width: 100%;
@media (max-width: 500px) {
display: flex;
justify-content: flex-end;
}
}
}
@media (max-width: 500px) {
flex-direction: column;
align-items: start;
button[type="submit"] {
width: 100%;
}
> p {
width: 100%;
@media (max-width: 500px) {
display: flex;
justify-content: flex-end;
}
}
}
p {
margin-bottom: 0px;
}
p {
@media (max-width: 500px) {
line-height: 1.2;
}
a {
text-decoration-line: underline;
}
}
}
.hide-br {
br {
display: none;
}
}
.wpcf7-spinner,
.wpcf7-response-output {
display: none !important;
}
.wpcf7-list-item-label {
font-size: 14px;
line-height: 22px;
}
.wpcf7-not-valid-tip {
font-size: 14px;
}
#wpadminbar {
@media (max-width: 1024px) {
display: none;
}
}
.service-slider {
.slick-track {
margin: 0;
display: flex !important;
}
.slick-slide {
height: inherit !important;
}
}
.service-slider,
.webinar-slider {
&:before {
content: '';
display: block;
width: 100vw;
height: 100%;
position: absolute;
top: 0;
left: 0;
transform: translateX(-100%);
z-index: 9;
}
.slick-track {
display: flex !important;
}
.slick-slide {
height: inherit !important;
}
.slick-list {
overflow: visible;
@media (min-width: 1300px) {
margin: 0 -15px;
}
@media (max-width: 1300px) {
margin: 0 -5px;
}
.slick-slide {
@media (min-width: 1300px) {
margin: 0 15px;
}
@media (max-width: 1300px) {
margin: 0 5px;
}
&:not(.slick-active) {
pointer-events: none;
}
&:not(.slick-active) {
opacity: 0.4;
}
}
}
}
:not(.bg-dark) {
.slick-webinar-arrow {
&:not(.slick-disabled) {
&:hover {
svg {
path {
stroke: #fff;
}
}
}
}
}
}
.show-slider {
.slick-track {
display: flex !important;
}
.slick-slide {
height: inherit !important;
}
.slick-list {
@media (min-width: 1300px) {
margin: 0 -31px;
}
@media (max-width: 1300px) {
margin: 0 -15px;
}
.slick-slide {
@media (min-width: 1300px) {
margin: 0 31px;
}
@media (max-width: 1300px) {
margin: 0 15px;
}
}
}
}
.logo-slider,
.logo-slider-2 {
.slick-list {
@media (min-width: 1300px) {
margin: 0 -30px;
}
@media (max-width: 1300px) {
margin: 0 -15px;
}
.slick-slide {
@media (min-width: 1300px) {
margin: 0 30px;
}
@media (max-width: 1300px) {
margin: 0 15px;
}
}
}
}
.slick-dots {
margin-bottom: 0px;
margin-top: 2rem;
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
li {
margin-bottom: 0px;
}
li {
button {
margin-bottom: 0px;
}
button {
display: flex;
}
button {
height: 8px;
}
button {
width: 8px;
}
button {
border-radius: 9999px;
}
button {
padding: 0px;
}
button {
font-size: 0px;
}
}
}
.show-slider,
.logo-slider {
.slick-dots {
li {
&:not(.slick-active) {
button {
--tw-bg-opacity: 1;
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}
}
&.slick-active {
button {
--tw-bg-opacity: 1;
background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}
}
}
}
}
.logo-slider-2 {
.slick-dots {
li {
&:not(.slick-active) {
button {
--tw-bg-opacity: 1;
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
}
&.slick-active {
button {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}
}
}
}
.slick-logo-arrow {
&:hover {
svg {
path {
stroke: #fff;
}
}
}
}
.slick-custom-arrow {
&:hover {
svg {
path {
stroke: #00BFFF;
}
}
}
}
.gradient-border .button-content {
display: flex;
align-items: center;
justify-content: center;
transition: background 0.5s, box-shadow 0.5s;
> svg {
margin-right: 10px;
}
}
.gradient-border:hover .button-content {
background: linear-gradient(45deg, #CCE70B, #00BFFF); }
#breadcrumbs {
> span {
color: rgba(255, 255, 255, 0.6);
> span.breadcrumb_last {
position: relative;
}
> span.breadcrumb_last {
display: inline-flex;
}
> span.breadcrumb_last {
flex-direction: column;
}
> span.breadcrumb_last {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
> span.breadcrumb_last {
&:after {
content: '';
}
&:after {
display: inline-flex;
}
&:after {
height: 1px;
}
&:after {
width: 0px;
}
&:after {
background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
&:after {
--tw-gradient-from: #CCE70B var(--tw-gradient-from-position);
--tw-gradient-to: rgb(204 231 11 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
&:after {
--tw-gradient-to: transparent var(--tw-gradient-to-position);
}
&:after {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
&:after {
transition-duration: 300ms;
}
&:hover:after {
width: 100%;
}
}
}
}
.tab-name-group {
&.active {
.tab-name {
background-image: linear-gradient(135deg, #CCE70B 4%, #00BFFF 65%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.tab-name-line {
width: 100%;
}
.tab-name-line {
background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.tab-name-line {
--tw-gradient-from: #CCE70B var(--tw-gradient-from-position);
--tw-gradient-to: rgb(204 231 11 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.tab-name-line {
--tw-gradient-to: #00BFFF var(--tw-gradient-to-position);
}
}
&:not(.active) {
.tab-name {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
}
.tab-name-group-2 {
&.active {
.tab-name {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.tab-name-line {
width: 100%;
}
.tab-name-line {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
}
&:not(.active) {
.tab-name {
--tw-text-opacity: 1;
color: rgb(138 139 140 / var(--tw-text-opacity));
}
}
}
.service-list-item {
.button-content {
&:hover {
svg path {
stroke: #fff;
}
}
}
}
.slick-webinar-arrow {
&.slick-disabled {
opacity: 0.5;
background: transparent;
svg {
path {
//stroke: white !important;
}
}
}
}
.slick-light-arrow {
&.slick-disabled {
opacity: 0.5;
background: transparent;
svg {
path {
stroke: black !important;
}
}
}
}
#primary-menu {
> ul {
position: relative;
}
> ul {
margin-bottom: 0px;
}
> ul {
display: flex;
}
> ul {
align-items: center;
}
> ul {
> li {
position: relative;
}
> li {
margin-bottom: 0px;
}
> li {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
> li {
transition-duration: 300ms;
}
> li {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
> li {
> a {
border-radius: 9999px;
}
> a {
padding-left: 20px;
padding-right: 20px;
}
&:hover {
> a {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
> ul {
visibility: visible;
}
> ul {
opacity: 1;
}
}
> ul {
gap: 150px;
}
> ul {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
> ul {
transition-duration: 300ms;
}
> ul {
li {
white-space: nowrap;
}
li {
a {
position: relative;
}
a {
margin-bottom: 8px;
}
a {
display: inline-block;
}
a {
padding-bottom: 8px;
}
a {
font-weight: 500;
}
a {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
a {
&:hover::before {
content: var(--tw-content);
width: 100%;
}
&:before {
content: '';
}
&:before {
position: absolute;
}
&:before {
bottom: 0px;
}
&:before {
left: 0px;
}
&:before {
display: inline-flex;
}
&:before {
height: 1px;
}
&:before {
width: 0px;
}
&:before {
background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
&:before {
--tw-gradient-from: #CCE70B var(--tw-gradient-from-position);
--tw-gradient-to: rgb(204 231 11 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
&:before {
--tw-gradient-to: #00BFFF var(--tw-gradient-to-position);
}
&:before {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
&:before {
transition-duration: 300ms;
}
&:hover:before {
width: 100%;
}
}
}
}
}
}
}
.inner-link {
&:hover {
.inner-link-line {
width: 100%;
}
}
}
.bg-gradient {
background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
--tw-gradient-from: #CCE70B var(--tw-gradient-from-position);
--tw-gradient-to: rgb(204 231 11 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
--tw-gradient-from-position: 4%;
--tw-gradient-to: #00BFFF var(--tw-gradient-to-position);
--tw-gradient-to-position: 85%;
}
.ul-content {
ul {
margin-bottom: 30px;
}
ul {
list-style-type: disc;
}
@media (min-width: 1024px) {
ul {
margin-bottom: 60px;
}
}
}
.single-content {
h2 {
margin-bottom: 1rem;
}
h2 {
font-weight: 600;
}
@media (min-width: 640px) {
h2 {
font-size: 1.5rem;
}
}
@media (min-width: 640px) {
h2 {
line-height: 1.75rem;
}
}
@media (min-width: 1024px) {
h2 {
font-size: 2.5rem;
}
}
@media (min-width: 1024px) {
h2 {
line-height: 2.75rem;
}
}
h3 {
margin-bottom: 40px;
}
h3 {
font-size: 30px;
}
h3 {
font-weight: 600;
}
h3 {
line-height: 40px;
}
h3 {
letter-spacing: -0.02em;
}
ul {
margin-bottom: 30px;
}
ul {
list-style-type: disc;
}
@media (min-width: 1024px) {
ul {
margin-bottom: 60px;
}
}
}
.page-content {
ul {
margin-bottom: 30px;
}
ul {
list-style-type: disc;
}
@media (min-width: 1024px) {
ul {
margin-bottom: 60px;
}
}
}
.card-text {
@media (min-width: 1024px) {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 68px;
overflow: hidden;
}
}
.gallery-slider {
.slick-slide {
img {
margin-left: auto;
margin-right: auto;
}
}
}
.member-content {
ul {
list-style-type: disc;
}
}
.member-image-text {
writing-mode: vertical-rl;
text-orientation: mixed;
}
.timeline-content {
.p-md p {
font-size: 20px;
}
.p-md p {
line-height: 28px;
}
.p-md p {
letter-spacing: 0.02em;
}
} .filter-white {
filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1148%) hue-rotate(202deg) brightness(117%) contrast(100%);
}
.filter-gray {
filter: brightness(0) saturate(100%) invert(78%) sepia(12%) saturate(8%) hue-rotate(161deg) brightness(100%) contrast(94%);
&:hover {
filter: brightness(0) saturate(100%) invert(15%) sepia(1%) saturate(669%) hue-rotate(314deg) brightness(87%) contrast(82%);
}
}
.filter-black {
filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(20%) hue-rotate(39deg) brightness(93%) contrast(107%);
}
#fixedBox {
&.active {
.close-button {
visibility: hidden;
}
.close-button {
opacity: 0;
}
.open-button {
visibility: visible;
}
.open-button {
opacity: 1;
}
}
&:not(.active) {
.close-button {
visibility: visible;
}
.close-button {
opacity: 1;
}
.open-button {
visibility: hidden;
}
.open-button {
opacity: 0;
}
}
.fixed-text {
writing-mode: vertical-rl;
text-orientation: mixed;
}
}
.wpml-ls {
> ul {
display: flex;
}
> ul {
align-items: center;
}
> ul {
.wpml-ls-item:not(:last-of-type) {
margin-bottom: 0px;
}
}
}
.responsive__menu {
.responsive__menu_inner {
.responsive__menu_inner_content {
ul.menu {
li {
@media (min-width: 1024px) {
&:hover {
&.menu-item-has-children {
> ul.sub-menu {
visibility: visible;
}
> ul.sub-menu {
opacity: 1;
}
}
> div > .menu-item-bordered {
width: 100%;
}
li {
.menu-item-bordered {
width: 60px;
}
.menu-item-bordered {
--tw-bg-opacity: 1;
background-color: rgb(138 139 140 / var(--tw-bg-opacity));
}
.menu-item-bordered {
opacity: 0.5;
}
&:hover {
> div > .menu-item-bordered {
width: 100%;
}
> div > .menu-item-bordered {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
}
}
}
}
}
}
}
}
}
body.responsive__menu_active {
overflow: hidden;
.responsive__menu_line {
&.responsive__menu_line_1 {
stroke-dasharray: 90 207;
stroke-dashoffset: -134;
stroke-width: 6;
}
&.responsive__menu_line_2 {
stroke-dasharray: 1 60;
stroke-dashoffset: -30;
stroke-width: 6;
}
&.responsive__menu_line_3 {
stroke-dasharray: 90 207;
stroke-dashoffset: -134;
stroke-width: 6;
}
}
}
.clamp-title,
.clamp-text {
display: block;
} @media (min-width: 1024px) {
.clamp-title {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp: 3;
}
.clamp-text {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp: 4;
}
}
.course-content {
ul > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(10px * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(10px * var(--tw-space-y-reverse));
}
ul {
padding-inline-start: 0px !important;
}
ul {
li {
position: relative;
}
li {
padding-left: 25px;
}
@media (min-width: 1024px) {
li {
font-size: 20px;
}
}
li {
&:before {
content: '';
}
&:before {
position: absolute;
}
&:before {
top: 12px;
}
&:before {
left: 0px;
}
&:before {
height: 5px;
}
&:before {
width: 5px;
}
&:before {
border-radius: 9999px;
}
&:before {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
}
}
}
.listing-default {
padding-left: 0px !important;
line-height: 2 !important;
li {
position: relative;
}
li {
padding-left: 1rem;
}
li {
&:before {
content: '';
}
&:before {
position: absolute;
}
&:before {
top: 12px;
}
&:before {
left: 0px;
}
&:before {
height: 5px;
}
&:before {
width: 5px;
}
&:before {
border-radius: 9999px;
}
&:before {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
}
}
.slider-box-title {
@media (min-width:576px) and (max-width: 1024px) {
max-height: 81px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
@media (max-width: 576px) {
max-height: 108px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
}
.slider-box-text {
@media (min-width:576px) and (max-width: 1024px) {
height: 72px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
@media (max-width: 576px) {
height: 58px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}