/*
! tailwindcss v3.3.5 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

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

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
*/

html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: Roboto, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

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

/*
Remove the default font size and weight for headings.
*/

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

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

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

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

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

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

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

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

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

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

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

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

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

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

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

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

/*
Set the default cursor for buttons.
*/

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

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

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

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

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

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}

input[type="range"]::-webkit-slider-thumb {
  height: 1rem;
  width: 1rem;
  background: #3B71CA;
  border-radius: 9999px;
  border: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}

.dark input[type="range"]::-webkit-slider-thumb {
  background: #8FAEE0;
}

input[type="range"]:disabled::-webkit-slider-thumb {
  background: #a3a3a3;
}

input[type="range"]:disabled:focus::-webkit-slider-thumb {
  background: #a3a3a3;
}

input[type="range"]:disabled:active::-webkit-slider-thumb {
  background: #a3a3a3;
}

.dark input[type="range"]:disabled::-webkit-slider-thumb {
  background: #737373;
}

.dark input[type="range"]:disabled:focus::-webkit-slider-thumb {
  background: #737373;
}

.dark input[type="range"]:disabled:active::-webkit-slider-thumb {
  background: #737373;
}

input[type="range"]::-moz-range-thumb {
  height: 1rem;
  width: 1rem;
  background: #3B71CA;
  border-radius: 9999px;
  border: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}

.dark input[type="range"]::-moz-range-thumb {
  background: #8FAEE0;
}

input[type="range"]:disabled::-moz-range-thumb {
  background: #a3a3a3;
}

.dark input[type="range"]:disabled::-moz-range-thumb {
  background: #737373;
}

input[type="range"]::-moz-range-progress {
  background: #3061AF;
}

input[type="range"]::-ms-fill-lower {
  background: #3061AF;
}

.dark input[type="range"]::-moz-range-progress {
  background: #6590D5;
}

.dark input[type="range"]::-ms-fill-lower {
  background: #6590D5;
}

input[type="range"]:focus {
  outline: none;
}

input[type="range"]:focus::-webkit-slider-thumb {
  background: #3061AF;
}

input[type="range"]:active::-webkit-slider-thumb {
  background: #285192;
}

.dark input[type="range"]:focus::-webkit-slider-thumb {
  background: #6590D5;
}

.dark input[type="range"]:active::-webkit-slider-thumb {
  background: #3061AF;
}
    * {
        font-family: SCG, sans-serif;
    }

*, ::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:  ;
}

::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:  ;
}
.container {
  width: 100%;
}
@media (min-width: 320px) {

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

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

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

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

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

  .container {
    max-width: 1536px;
  }
}
.pointer-events-none {
  pointer-events: none !important;
}
.pointer-events-auto {
  pointer-events: auto !important;
}
.\!visible {
  visibility: visible !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
.collapse {
  visibility: collapse !important;
}
.static {
  position: static !important;
}
.\!fixed {
  position: fixed !important;
}
.fixed {
  position: fixed !important;
}
.\!absolute {
  position: absolute !important;
}
.absolute {
  position: absolute !important;
}
.relative {
  position: relative !important;
}
.sticky {
  position: sticky !important;
}
.inset-0 {
  inset: 0px !important;
}
.-bottom-10 {
  bottom: -2.5rem !important;
}
.-bottom-\[47px\] {
  bottom: -47px !important;
}
.-left-\[15px\] {
  left: -15px !important;
}
.-left-\[9999px\] {
  left: -9999px !important;
}
.-top-\[2\.5vw\] {
  top: -2.5vw !important;
}
.-top-\[21px\] {
  top: -21px !important;
}
.-top-\[35px\] {
  top: -35px !important;
}
.-top-\[4\.4vw\] {
  top: -4.4vw !important;
}
.-top-\[9\.2vw\] {
  top: -9.2vw !important;
}
.bottom-0 {
  bottom: 0px !important;
}
.bottom-0\.5 {
  bottom: 0.125rem !important;
}
.bottom-1\/2 {
  bottom: 50% !important;
}
.bottom-5 {
  bottom: 1.25rem !important;
}
.bottom-\[0px\] {
  bottom: 0px !important;
}
.bottom-\[10\%\] {
  bottom: 10% !important;
}
.left-0 {
  left: 0px !important;
}
.left-1\/2 {
  left: 50% !important;
}
.left-3 {
  left: 0.75rem !important;
}
.left-\[50\%\] {
  left: 50% !important;
}
.left-\[50px\] {
  left: 50px !important;
}
.left-\[calc\(50\%-1px\)\] {
  left: calc(50% - 1px) !important;
}
.right-0 {
  right: 0px !important;
}
.right-0\.5 {
  right: 0.125rem !important;
}
.right-1 {
  right: 0.25rem !important;
}
.right-1\.5 {
  right: 0.375rem !important;
}
.right-10 {
  right: 2.5rem !important;
}
.right-3 {
  right: 0.75rem !important;
}
.right-9 {
  right: 2.25rem !important;
}
.top-0 {
  top: 0px !important;
}
.top-1 {
  top: 0.25rem !important;
}
.top-1\/2 {
  top: 50% !important;
}
.top-10 {
  top: 2.5rem !important;
}
.top-2 {
  top: 0.5rem !important;
}
.top-\[11px\] {
  top: 11px !important;
}
.top-\[13px\] {
  top: 13px !important;
}
.top-\[450px\] {
  top: 450px !important;
}
.top-\[50\%\] {
  top: 50% !important;
}
.top-\[50px\] {
  top: 50px !important;
}
.top-full {
  top: 100% !important;
}
.\!z-40 {
  z-index: 40 !important;
}
.-z-\[1\] {
  z-index: -1 !important;
}
.z-10 {
  z-index: 10 !important;
}
.z-20 {
  z-index: 20 !important;
}
.z-30 {
  z-index: 30 !important;
}
.z-40 {
  z-index: 40 !important;
}
.z-50 {
  z-index: 50 !important;
}
.z-\[1000\] {
  z-index: 1000 !important;
}
.z-\[1025\] {
  z-index: 1025 !important;
}
.z-\[1035\] {
  z-index: 1035 !important;
}
.z-\[1040\] {
  z-index: 1040 !important;
}
.z-\[1065\] {
  z-index: 1065 !important;
}
.z-\[1066\] {
  z-index: 1066 !important;
}
.z-\[1070\] {
  z-index: 1070 !important;
}
.z-\[1080\] {
  z-index: 1080 !important;
}
.z-\[1100\] {
  z-index: 1100 !important;
}
.z-\[1\] {
  z-index: 1 !important;
}
.z-\[2\] {
  z-index: 2 !important;
}
.z-\[9999\] {
  z-index: 9999 !important;
}
.z-\[999\] {
  z-index: 999 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-9 {
  order: 9 !important;
}
.col-auto {
  grid-column: auto !important;
}
.col-span-2 {
  grid-column: span 2 / span 2 !important;
}
.float-right {
  float: right !important;
}
.float-left {
  float: left !important;
}
.\!-m-px {
  margin: -1px !important;
}
.m-0 {
  margin: 0px !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.\!my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.-my-\[100px\] {
  margin-top: -100px !important;
  margin-bottom: -100px !important;
}
.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.mx-3 {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
}
.mx-4 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
.mx-\[10px\] {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-3 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}
.my-4 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-5 {
  margin-top: 1.25rem !important;
  margin-bottom: 1.25rem !important;
}
.my-6 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-\[5px\] {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.-mb-10 {
  margin-bottom: -2.5rem !important;
}
.-ml-\[1\.5rem\] {
  margin-left: -1.5rem !important;
}
.-mr-0 {
  margin-right: -0px !important;
}
.-mr-0\.5 {
  margin-right: -0.125rem !important;
}
.-mr-12 {
  margin-right: -3rem !important;
}
.-mt-2 {
  margin-top: -0.5rem !important;
}
.-mt-3 {
  margin-top: -0.75rem !important;
}
.-mt-\[100px\] {
  margin-top: -100px !important;
}
.-mt-\[12\%\] {
  margin-top: -12% !important;
}
.-mt-\[12vw\] {
  margin-top: -12vw !important;
}
.-mt-\[150px\] {
  margin-top: -150px !important;
}
.-mt-\[18\%\] {
  margin-top: -18% !important;
}
.-mt-\[3\.8vw\] {
  margin-top: -3.8vw !important;
}
.-mt-\[50px\] {
  margin-top: -50px !important;
}
.-mt-\[5vw\] {
  margin-top: -5vw !important;
}
.-mt-px {
  margin-top: -1px !important;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-10 {
  margin-bottom: 2.5rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-2\.5 {
  margin-bottom: 0.625rem !important;
}
.mb-3 {
  margin-bottom: 0.75rem !important;
}
.mb-4 {
  margin-bottom: 1rem !important;
}
.mb-5 {
  margin-bottom: 1.25rem !important;
}
.mb-6 {
  margin-bottom: 1.5rem !important;
}
.mb-8 {
  margin-bottom: 2rem !important;
}
.mb-\[0\.125rem\] {
  margin-bottom: 0.125rem !important;
}
.mb-\[0\.5em\] {
  margin-bottom: 0.5em !important;
}
.mb-\[100px\] {
  margin-bottom: 100px !important;
}
.mb-\[10px\] {
  margin-bottom: 10px !important;
}
.mb-\[5\%\] {
  margin-bottom: 5% !important;
}
.ml-1 {
  margin-left: 0.25rem !important;
}
.ml-12 {
  margin-left: 3rem !important;
}
.ml-2 {
  margin-left: 0.5rem !important;
}
.ml-3 {
  margin-left: 0.75rem !important;
}
.ml-4 {
  margin-left: 1rem !important;
}
.ml-6 {
  margin-left: 1.5rem !important;
}
.ml-\[10\%\] {
  margin-left: 10% !important;
}
.ml-\[10px\] {
  margin-left: 10px !important;
}
.ml-\[30px\] {
  margin-left: 30px !important;
}
.ml-\[3px\] {
  margin-left: 3px !important;
}
.ml-\[5\%\] {
  margin-left: 5% !important;
}
.ml-\[9\%\] {
  margin-left: 9% !important;
}
.ml-auto {
  margin-left: auto !important;
}
.mr-1 {
  margin-right: 0.25rem !important;
}
.mr-2 {
  margin-right: 0.5rem !important;
}
.mr-3 {
  margin-right: 0.75rem !important;
}
.mr-4 {
  margin-right: 1rem !important;
}
.mr-6 {
  margin-right: 1.5rem !important;
}
.mr-\[30px\] {
  margin-right: 30px !important;
}
.mr-\[6px\] {
  margin-right: 6px !important;
}
.mr-\[8px\] {
  margin-right: 8px !important;
}
.mr-auto {
  margin-right: auto !important;
}
.mt-0 {
  margin-top: 0px !important;
}
.mt-12 {
  margin-top: 3rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-2\.5 {
  margin-top: 0.625rem !important;
}
.mt-3 {
  margin-top: 0.75rem !important;
}
.mt-4 {
  margin-top: 1rem !important;
}
.mt-5 {
  margin-top: 1.25rem !important;
}
.mt-6 {
  margin-top: 1.5rem !important;
}
.mt-8 {
  margin-top: 2rem !important;
}
.mt-\[0\.15rem\] {
  margin-top: 0.15rem !important;
}
.mt-\[2\.5\%\] {
  margin-top: 2.5% !important;
}
.mt-\[30px\] {
  margin-top: 30px !important;
}
.mt-\[65px\] {
  margin-top: 65px !important;
}
.mt-\[65vw\] {
  margin-top: 65vw !important;
}
.mt-\[76\%\] {
  margin-top: 76% !important;
}
.mt-auto {
  margin-top: auto !important;
}
.box-border {
  box-sizing: border-box !important;
}
.box-content {
  box-sizing: content-box !important;
}
.line-clamp-1 {
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
}
.line-clamp-2 {
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}
.line-clamp-3 {
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}
.line-clamp-4 {
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 4 !important;
}
.line-clamp-5 {
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 5 !important;
}
.line-clamp-6 {
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 6 !important;
}
.\!block {
  display: block !important;
}
.block {
  display: block !important;
}
.inline-block {
  display: inline-block !important;
}
.inline {
  display: inline !important;
}
.flex {
  display: flex !important;
}
.inline-flex {
  display: inline-flex !important;
}
.table {
  display: table !important;
}
.grid {
  display: grid !important;
}
.contents {
  display: contents !important;
}
.hidden {
  display: none !important;
}
.aspect-\[3\.3\/4\.6\] {
  aspect-ratio: 3.3/4.6 !important;
}
.aspect-\[4\/3\] {
  aspect-ratio: 4/3 !important;
}
.aspect-\[5\/2\] {
  aspect-ratio: 5/2 !important;
}
.aspect-\[7\/5\] {
  aspect-ratio: 7/5 !important;
}
.\!h-0 {
  height: 0px !important;
}
.\!h-px {
  height: 1px !important;
}
.h-0 {
  height: 0px !important;
}
.h-1 {
  height: 0.25rem !important;
}
.h-1\.5 {
  height: 0.375rem !important;
}
.h-10 {
  height: 2.5rem !important;
}
.h-12 {
  height: 3rem !important;
}
.h-14 {
  height: 3.5rem !important;
}
.h-16 {
  height: 4rem !important;
}
.h-2\/5 {
  height: 40% !important;
}
.h-3 {
  height: 0.75rem !important;
}
.h-4 {
  height: 1rem !important;
}
.h-5 {
  height: 1.25rem !important;
}
.h-6 {
  height: 1.5rem !important;
}
.h-7 {
  height: 1.75rem !important;
}
.h-8 {
  height: 2rem !important;
}
.h-9 {
  height: 2.25rem !important;
}
.h-\[0\.9375rem\] {
  height: 0.9375rem !important;
}
.h-\[1\.125rem\] {
  height: 1.125rem !important;
}
.h-\[100px\] {
  height: 100px !important;
}
.h-\[105\%\] {
  height: 105% !important;
}
.h-\[10px\] {
  height: 10px !important;
}
.h-\[110\%\] {
  height: 110% !important;
}
.h-\[120px\] {
  height: 120px !important;
}
.h-\[147vw\] {
  height: 147vw !important;
}
.h-\[155vw\] {
  height: 155vw !important;
}
.h-\[160px\] {
  height: 160px !important;
}
.h-\[180px\] {
  height: 180px !important;
}
.h-\[18px\] {
  height: 18px !important;
}
.h-\[1px\] {
  height: 1px !important;
}
.h-\[22px\] {
  height: 22px !important;
}
.h-\[260px\] {
  height: 260px !important;
}
.h-\[2px\] {
  height: 2px !important;
}
.h-\[30\%\] {
  height: 30% !important;
}
.h-\[300px\] {
  height: 300px !important;
}
.h-\[30px\] {
  height: 30px !important;
}
.h-\[32px\] {
  height: 32px !important;
}
.h-\[350px\] {
  height: 350px !important;
}
.h-\[35vw\] {
  height: 35vw !important;
}
.h-\[360vw\] {
  height: 360vw !important;
}
.h-\[380px\] {
  height: 380px !important;
}
.h-\[400px\] {
  height: 400px !important;
}
.h-\[40px\] {
  height: 40px !important;
}
.h-\[42px\] {
  height: 42px !important;
}
.h-\[48px\] {
  height: 48px !important;
}
.h-\[4px\] {
  height: 4px !important;
}
.h-\[500px\] {
  height: 500px !important;
}
.h-\[50px\] {
  height: 50px !important;
}
.h-\[512px\] {
  height: 512px !important;
}
.h-\[56px\] {
  height: 56px !important;
}
.h-\[60px\] {
  height: 60px !important;
}
.h-\[63vw\] {
  height: 63vw !important;
}
.h-\[6px\] {
  height: 6px !important;
}
.h-\[72px\] {
  height: 72px !important;
}
.h-\[81vw\] {
  height: 81vw !important;
}
.h-\[calc\(100\%-100px\)\] {
  height: calc(100% - 100px) !important;
}
.h-\[calc\(100\%-17vw\)\] {
  height: calc(100% - 17vw) !important;
}
.h-\[calc\(100\%-60vw\)\] {
  height: calc(100% - 60vw) !important;
}
.h-auto {
  height: auto !important;
}
.h-fit {
  height: -moz-fit-content !important;
  height: fit-content !important;
}
.h-full {
  height: 100% !important;
}
.h-px {
  height: 1px !important;
}
.h-screen {
  height: 100vh !important;
}
.h-\[15px\] {
  height: 15px !important;
}
.max-h-\[300px\] {
  max-height: 300px !important;
}
.max-h-\[calc\(100\%-64px\)\] {
  max-height: calc(100% - 64px) !important;
}
.max-h-full {
  max-height: 100% !important;
}
.min-h-\[1\.5rem\] {
  min-height: 1.5rem !important;
}
.min-h-\[1000px\] {
  min-height: 1000px !important;
}
.min-h-\[100px\] {
  min-height: 100px !important;
}
.min-h-\[150px\] {
  min-height: 150px !important;
}
.min-h-\[200px\] {
  min-height: 200px !important;
}
.min-h-\[206vw\] {
  min-height: 206vw !important;
}
.min-h-\[28\%\] {
  min-height: 28% !important;
}
.min-h-\[300px\] {
  min-height: 300px !important;
}
.min-h-\[305px\] {
  min-height: 305px !important;
}
.min-h-\[325px\] {
  min-height: 325px !important;
}
.min-h-\[40px\] {
  min-height: 40px !important;
}
.min-h-\[500px\] {
  min-height: 500px !important;
}
.min-h-\[50vw\] {
  min-height: 50vw !important;
}
.min-h-\[auto\] {
  min-height: auto !important;
}
.min-h-\[calc\(100\%-100px\)\] {
  min-height: calc(100% - 100px) !important;
}
.min-h-screen {
  min-height: 100vh !important;
}
.\!w-px {
  width: 1px !important;
}
.w-0 {
  width: 0px !important;
}
.w-1 {
  width: 0.25rem !important;
}
.w-1\.5 {
  width: 0.375rem !important;
}
.w-1\/2 {
  width: 50% !important;
}
.w-10 {
  width: 2.5rem !important;
}
.w-2 {
  width: 0.5rem !important;
}
.w-3 {
  width: 0.75rem !important;
}
.w-3\/4 {
  width: 75% !important;
}
.w-4 {
  width: 1rem !important;
}
.w-5 {
  width: 1.25rem !important;
}
.w-6 {
  width: 1.5rem !important;
}
.w-7 {
  width: 1.75rem !important;
}
.w-8 {
  width: 2rem !important;
}
.w-9 {
  width: 2.25rem !important;
}
.w-\[0\.9375rem\] {
  width: 0.9375rem !important;
}
.w-\[1\.125rem\] {
  width: 1.125rem !important;
}
.w-\[100\%\] {
  width: 100% !important;
}
.w-\[100px\] {
  width: 100px !important;
}
.w-\[1200px\] {
  width: 1200px !important;
}
.w-\[120px\] {
  width: 120px !important;
}
.w-\[150px\] {
  width: 150px !important;
}
.w-\[15px\] {
  width: 15px !important;
}
.w-\[160px\] {
  width: 160px !important;
}
.w-\[180px\] {
  width: 180px !important;
}
.w-\[1px\] {
  width: 1px !important;
}
.w-\[260px\] {
  width: 260px !important;
}
.w-\[2px\] {
  width: 2px !important;
}
.w-\[300px\] {
  width: 300px !important;
}
.w-\[304px\] {
  width: 304px !important;
}
.w-\[30px\] {
  width: 30px !important;
}
.w-\[328px\] {
  width: 328px !important;
}
.w-\[32px\] {
  width: 32px !important;
}
.w-\[345px\] {
  width: 345px !important;
}
.w-\[40\%\] {
  width: 40% !important;
}
.w-\[400px\] {
  width: 400px !important;
}
.w-\[40px\] {
  width: 40px !important;
}
.w-\[45\%\] {
  width: 45% !important;
}
.w-\[4px\] {
  width: 4px !important;
}
.w-\[50px\] {
  width: 50px !important;
}
.w-\[50vw\] {
  width: 50vw !important;
}
.w-\[54vw\] {
  width: 54vw !important;
}
.w-\[59vw\] {
  width: 59vw !important;
}
.w-\[60\%\] {
  width: 60% !important;
}
.w-\[60px\] {
  width: 60px !important;
}
.w-\[6px\] {
  width: 6px !important;
}
.w-\[70px\] {
  width: 70px !important;
}
.w-\[72px\] {
  width: 72px !important;
}
.w-\[76px\] {
  width: 76px !important;
}
.w-\[90\%\] {
  width: 90% !important;
}
.w-\[calc\(100\%-100px\)\] {
  width: calc(100% - 100px) !important;
}
.w-\[calc\(100\%-16px\)\] {
  width: calc(100% - 16px) !important;
}
.w-\[calc\(100\%-30px\)\] {
  width: calc(100% - 30px) !important;
}
.w-auto {
  width: auto !important;
}
.w-fit {
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.w-full {
  width: 100% !important;
}
.w-max {
  width: -moz-max-content !important;
  width: max-content !important;
}
.w-screen {
  width: 100vw !important;
}
.min-w-0 {
  min-width: 0px !important;
}
.min-w-\[100px\] {
  min-width: 100px !important;
}
.min-w-\[200px\] {
  min-width: 200px !important;
}
.min-w-\[310px\] {
  min-width: 310px !important;
}
.min-w-\[48px\] {
  min-width: 48px !important;
}
.min-w-\[64px\] {
  min-width: 64px !important;
}
.min-w-fit {
  min-width: -moz-fit-content !important;
  min-width: fit-content !important;
}
.min-w-max {
  min-width: -moz-max-content !important;
  min-width: max-content !important;
}
.max-w-4xl {
  max-width: 56rem !important;
}
.max-w-6xl {
  max-width: 72rem !important;
}
.max-w-7xl {
  max-width: 80rem !important;
}
.max-w-\[200px\] {
  max-width: 200px !important;
}
.max-w-\[267px\] {
  max-width: 267px !important;
}
.max-w-\[300px\] {
  max-width: 300px !important;
}
.max-w-\[325px\] {
  max-width: 325px !important;
}
.max-w-\[400px\] {
  max-width: 400px !important;
}
.max-w-\[500px\] {
  max-width: 500px !important;
}
.max-w-\[90\%\] {
  max-width: 90% !important;
}
.max-w-\[calc\(100\%-1rem\)\] {
  max-width: calc(100% - 1rem) !important;
}
.max-w-full {
  max-width: 100% !important;
}
.max-w-sm {
  max-width: 24rem !important;
}
.flex-1 {
  flex: 1 1 0% !important;
}
.flex-\[0_0_100\%\] {
  flex: 0 0 100% !important;
}
.flex-\[1\] {
  flex: 1 !important;
}
.flex-\[1_1_100\%\] {
  flex: 1 1 100% !important;
}
.flex-\[1_1_40vw\] {
  flex: 1 1 40vw !important;
}
.flex-\[1_1_48\%\] {
  flex: 1 1 48% !important;
}
.flex-\[1_1_75\%\] {
  flex: 1 1 75% !important;
}
.flex-\[1_1_auto\] {
  flex: 1 1 auto !important;
}
.flex-\[2\] {
  flex: 2 !important;
}
.flex-auto {
  flex: 1 1 auto !important;
}
.shrink-0 {
  flex-shrink: 0 !important;
}
.grow {
  flex-grow: 1 !important;
}
.grow-0 {
  flex-grow: 0 !important;
}
.basis-auto {
  flex-basis: auto !important;
}
.border-collapse {
  border-collapse: collapse !important;
}
.origin-\[0_0\] {
  transform-origin: 0 0 !important;
}
.origin-\[center_bottom_0\] {
  transform-origin: center bottom 0 !important;
}
.origin-bottom {
  transform-origin: bottom !important;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50% !important;
  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)) !important;
}
.-translate-x-\[150\%\] {
  --tw-translate-x: -150% !important;
  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)) !important;
}
.-translate-x-\[50\%\] {
  --tw-translate-x: -50% !important;
  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)) !important;
}
.-translate-x-full {
  --tw-translate-x: -100% !important;
  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)) !important;
}
.-translate-y-1\/2 {
  --tw-translate-y: -50% !important;
  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)) !important;
}
.-translate-y-\[50\%\] {
  --tw-translate-y: -50% !important;
  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)) !important;
}
.translate-x-1\/2 {
  --tw-translate-x: 50% !important;
  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)) !important;
}
.translate-x-\[150\%\] {
  --tw-translate-x: 150% !important;
  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)) !important;
}
.translate-x-full {
  --tw-translate-x: 100% !important;
  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)) !important;
}
.translate-y-\[-50px\] {
  --tw-translate-y: -50px !important;
  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)) !important;
}
.translate-y-\[100\%\] {
  --tw-translate-y: 100% !important;
  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)) !important;
}
.rotate-180 {
  --tw-rotate: 180deg !important;
  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)) !important;
}
.scale-0 {
  --tw-scale-x: 0 !important;
  --tw-scale-y: 0 !important;
  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)) !important;
}
.scale-100 {
  --tw-scale-x: 1 !important;
  --tw-scale-y: 1 !important;
  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)) !important;
}
.scale-\[0\.25\] {
  --tw-scale-x: 0.25 !important;
  --tw-scale-y: 0.25 !important;
  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)) !important;
}
.scale-\[0\.8\] {
  --tw-scale-x: 0.8 !important;
  --tw-scale-y: 0.8 !important;
  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)) !important;
}
.scale-\[1\.02\] {
  --tw-scale-x: 1.02 !important;
  --tw-scale-y: 1.02 !important;
  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)) !important;
}
.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)) !important;
}
.transform-none {
  transform: none !important;
}
@keyframes fade-in {

  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
.animate-\[fade-in_0\.15s_both\] {
  animation: fade-in 0.15s both !important;
}
@keyframes fade-in {

  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
.animate-\[fade-in_0\.3s_both\] {
  animation: fade-in 0.3s both !important;
}
@keyframes fade-in {

  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
.animate-\[fade-in_350ms_ease-in-out\] {
  animation: fade-in 350ms ease-in-out !important;
}
@keyframes fade-out {

  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
.animate-\[fade-out_0\.15s_both\] {
  animation: fade-out 0.15s both !important;
}
@keyframes fade-out {

  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
.animate-\[fade-out_0\.3s_both\] {
  animation: fade-out 0.3s both !important;
}
@keyframes fade-out {

  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
.animate-\[fade-out_350ms_ease-in-out\] {
  animation: fade-out 350ms ease-in-out !important;
}
@keyframes progress {

  0% {
    transform: translateX(-45%);
  }

  100% {
    transform: translateX(100%);
  }
}
.animate-\[progress_3s_ease-in-out_infinite\] {
  animation: progress 3s ease-in-out infinite !important;
}
@keyframes show-up-clock {

  0% {
    opacity: 0;
    transform: scale(0.7);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.animate-\[show-up-clock_350ms_linear\] {
  animation: show-up-clock 350ms linear !important;
}
@keyframes spinner-grow {

  0% {
    transform: scale(0);
  }

  50% {
    transform: none;
    opacity: 1;
  }
}
.animate-\[spinner-grow_0\.75s_linear_infinite\] {
  animation: spinner-grow 0.75s linear infinite !important;
}
@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 !important;
}
.cursor-default {
  cursor: default !important;
}
.cursor-ew-resize {
  cursor: ew-resize !important;
}
.cursor-none {
  cursor: none !important;
}
.cursor-pointer {
  cursor: pointer !important;
}
.touch-none {
  touch-action: none !important;
}
.touch-pan-x {
  --tw-pan-x: pan-x !important;
  touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom) !important;
}
.touch-pan-y {
  --tw-pan-y: pan-y !important;
  touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom) !important;
}
.select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}
.select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
          user-select: all !important;
}
.resize {
  resize: both !important;
}
.snap-x {
  scroll-snap-type: x var(--tw-scroll-snap-strictness) !important;
}
.snap-start {
  scroll-snap-align: start !important;
}
.list-none {
  list-style-type: none !important;
}
.appearance-none {
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
}
.grid-flow-row {
  grid-auto-flow: row !important;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.\!flex-row {
  flex-direction: row !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-col {
  flex-direction: column !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.items-end {
  align-items: flex-end !important;
}
.items-center {
  align-items: center !important;
}
.items-baseline {
  align-items: baseline !important;
}
.items-stretch {
  align-items: stretch !important;
}
.justify-start {
  justify-content: flex-start !important;
}
.justify-end {
  justify-content: flex-end !important;
}
.justify-center {
  justify-content: center !important;
}
.justify-between {
  justify-content: space-between !important;
}
.justify-around {
  justify-content: space-around !important;
}
.justify-evenly {
  justify-content: space-evenly !important;
}
.justify-stretch {
  justify-content: stretch !important;
}
.gap-0 {
  gap: 0px !important;
}
.gap-1 {
  gap: 0.25rem !important;
}
.gap-2 {
  gap: 0.5rem !important;
}
.gap-3 {
  gap: 0.75rem !important;
}
.gap-4 {
  gap: 1rem !important;
}
.gap-5 {
  gap: 1.25rem !important;
}
.gap-6 {
  gap: 1.5rem !important;
}
.gap-\[1\%\] {
  gap: 1% !important;
}
.gap-\[10px\] {
  gap: 10px !important;
}
.gap-\[2\%\] {
  gap: 2% !important;
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0 !important;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse)) !important;
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))) !important;
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0 !important;
  margin-right: calc(1rem * var(--tw-space-x-reverse)) !important;
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))) !important;
}
.self-end {
  align-self: flex-end !important;
}
.overflow-auto {
  overflow: auto !important;
}
.\!overflow-hidden {
  overflow: hidden !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.overflow-y-hidden {
  overflow-y: hidden !important;
}
.overflow-y-visible {
  overflow-y: visible !important;
}
.overflow-y-scroll {
  overflow-y: scroll !important;
}
.overscroll-contain {
  overscroll-behavior: contain !important;
}
.truncate {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.overflow-ellipsis {
  text-overflow: ellipsis !important;
}
.text-ellipsis {
  text-overflow: ellipsis !important;
}
.text-clip {
  text-overflow: clip !important;
}
.whitespace-normal {
  white-space: normal !important;
}
.\!whitespace-nowrap {
  white-space: nowrap !important;
}
.whitespace-nowrap {
  white-space: nowrap !important;
}
.break-normal {
  overflow-wrap: normal !important;
  word-break: normal !important;
}
.break-words {
  overflow-wrap: break-word !important;
}
.rounded {
  border-radius: 0.25rem !important;
}
.rounded-3xl {
  border-radius: 1.5rem !important;
}
.rounded-\[\.5em\] {
  border-radius: .5em !important;
}
.rounded-\[0\.25rem\] {
  border-radius: 0.25rem !important;
}
.rounded-\[0\.5rem\] {
  border-radius: 0.5rem !important;
}
.rounded-\[0\.6rem\] {
  border-radius: 0.6rem !important;
}
.rounded-\[100\%\] {
  border-radius: 100% !important;
}
.rounded-\[10px\] {
  border-radius: 10px !important;
}
.rounded-\[10px_10px_40px_10px\] {
  border-radius: 10px 10px 40px 10px !important;
}
.rounded-\[16px\] {
  border-radius: 16px !important;
}
.rounded-\[50\%\] {
  border-radius: 50% !important;
}
.rounded-\[999px\] {
  border-radius: 999px !important;
}
.rounded-\[inherit\] {
  border-radius: inherit !important;
}
.rounded-full {
  border-radius: 9999px !important;
}
.rounded-lg {
  border-radius: 0.5rem !important;
}
.rounded-md {
  border-radius: 0.375rem !important;
}
.rounded-sm {
  border-radius: 0.125rem !important;
}
.rounded-xl {
  border-radius: 0.75rem !important;
}
.rounded-b-lg {
  border-bottom-right-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}
.rounded-l {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.rounded-l-\[0\.25rem\] {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.rounded-r {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
.rounded-r-\[0\.25rem\] {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
.rounded-t-\[0\.6rem\] {
  border-top-left-radius: 0.6rem !important;
  border-top-right-radius: 0.6rem !important;
}
.rounded-t-lg {
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}
.rounded-br-\[1em\] {
  border-bottom-right-radius: 1em !important;
}
.rounded-tl-\[2em\] {
  border-top-left-radius: 2em !important;
}
.rounded-tr-3xl {
  border-top-right-radius: 1.5rem !important;
}
.rounded-tr-\[2em\] {
  border-top-right-radius: 2em !important;
}
.\!border-0 {
  border-width: 0px !important;
}
.\!border-\[3px\] {
  border-width: 3px !important;
}
.border {
  border-width: 1px !important;
}
.border-0 {
  border-width: 0px !important;
}
.border-2 {
  border-width: 2px !important;
}
.border-\[\.125rem\] {
  border-width: .125rem !important;
}
.border-\[0\.125rem\] {
  border-width: 0.125rem !important;
}
.border-\[14px\] {
  border-width: 14px !important;
}
.border-x-0 {
  border-left-width: 0px !important;
  border-right-width: 0px !important;
}
.border-b {
  border-bottom-width: 1px !important;
}
.border-b-0 {
  border-bottom-width: 0px !important;
}
.border-b-2 {
  border-bottom-width: 2px !important;
}
.border-b-4 {
  border-bottom-width: 4px !important;
}
.border-b-\[11\.5vw\] {
  border-bottom-width: 11.5vw !important;
}
.border-b-\[9\.3vw\] {
  border-bottom-width: 9.3vw !important;
}
.border-l {
  border-left-width: 1px !important;
}
.border-l-0 {
  border-left-width: 0px !important;
}
.border-l-4 {
  border-left-width: 4px !important;
}
.border-l-\[0\.125rem\] {
  border-left-width: 0.125rem !important;
}
.border-l-\[100vw\] {
  border-left-width: 100vw !important;
}
.border-r-0 {
  border-right-width: 0px !important;
}
.border-r-\[100vw\] {
  border-right-width: 100vw !important;
}
.border-t {
  border-top-width: 1px !important;
}
.border-t-0 {
  border-top-width: 0px !important;
}
.border-t-\[4\.5vw\] {
  border-top-width: 4.5vw !important;
}
.border-t-\[9\.3vw\] {
  border-top-width: 9.3vw !important;
}
.\!border-solid {
  border-style: solid !important;
}
.border-solid {
  border-style: solid !important;
}
.border-none {
  border-style: none !important;
}
.\!border-\[\#14a44d\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(20 164 77 / var(--tw-border-opacity)) !important;
}
.\!border-\[\#b2b3b4\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(178 179 180 / var(--tw-border-opacity)) !important;
}
.\!border-\[\#dc4c64\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(220 76 100 / var(--tw-border-opacity)) !important;
}
.border-\[\#14a44d\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(20 164 77 / var(--tw-border-opacity)) !important;
}
.border-\[\#3b71ca\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(59 113 202 / var(--tw-border-opacity)) !important;
}
.border-\[\#dc4c64\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(220 76 100 / var(--tw-border-opacity)) !important;
}
.border-black {
  --tw-border-opacity: 1 !important;
  border-color: rgb(0 0 0 / var(--tw-border-opacity)) !important;
}
.border-gray-200 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(229 231 235 / var(--tw-border-opacity)) !important;
}
.border-gray-300 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important;
}
.border-nav {
  --tw-border-opacity: 1 !important;
  border-color: rgb(49 121 234 / var(--tw-border-opacity)) !important;
}
.border-neutral-100 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(245 245 245 / var(--tw-border-opacity)) !important;
}
.border-neutral-200 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(229 229 229 / var(--tw-border-opacity)) !important;
}
.border-neutral-300 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(212 212 212 / var(--tw-border-opacity)) !important;
}
.border-primary {
  --tw-border-opacity: 1 !important;
  border-color: rgb(59 113 202 / var(--tw-border-opacity)) !important;
}
.border-primary-400 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(143 174 224 / var(--tw-border-opacity)) !important;
}
.border-sec {
  --tw-border-opacity: 1 !important;
  border-color: rgb(145 145 150 / var(--tw-border-opacity)) !important;
}
.border-transparent {
  border-color: transparent !important;
}
.border-white {
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
}
.border-l-\[\#EBEBEB\] {
  --tw-border-opacity: 1 !important;
  border-left-color: rgb(235 235 235 / var(--tw-border-opacity)) !important;
}
.border-l-main {
  --tw-border-opacity: 1 !important;
  border-left-color: rgb(22 30 93 / var(--tw-border-opacity)) !important;
}
.border-l-white {
  --tw-border-opacity: 1 !important;
  border-left-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
}
.border-r-\[\#EAEDF2\] {
  --tw-border-opacity: 1 !important;
  border-right-color: rgb(234 237 242 / var(--tw-border-opacity)) !important;
}
.border-r-\[\#F8F5F5\] {
  --tw-border-opacity: 1 !important;
  border-right-color: rgb(248 245 245 / var(--tw-border-opacity)) !important;
}
.border-t-transparent {
  border-top-color: transparent !important;
}
.\!bg-\[\#858585\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(133 133 133 / var(--tw-bg-opacity)) !important;
}
.\!bg-danger-100 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(250 229 233 / var(--tw-bg-opacity)) !important;
}
.\!bg-neutral-100 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity)) !important;
}
.\!bg-primary-100 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(227 235 247 / var(--tw-bg-opacity)) !important;
}
.\!bg-success-100 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(214 250 228 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#00000012\] {
  background-color: #00000012 !important;
}
.bg-\[\#00000066\] {
  background-color: #00000066 !important;
}
.bg-\[\#000000e6\] {
  background-color: #000000e6 !important;
}
.bg-\[\#0006\] {
  background-color: #0006 !important;
}
.bg-\[\#224071\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(34 64 113 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#3b71ca\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(59 113 202 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#6d6d6d\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(109 109 109 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#707070\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(112 112 112 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#959595\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(149 149 149 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#E8EAEB\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(232 234 235 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#EAEDF2\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(234 237 242 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#EBEBEB\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(235 235 235 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#EFEFEF\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(239 239 239 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#F5F7FA\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(245 247 250 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#F7F9FC\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(247 249 252 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#aaa\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(170 170 170 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#eceff1\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(236 239 241 / var(--tw-bg-opacity)) !important;
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.4\)\] {
  background-color: rgba(0,0,0,0.4) !important;
}
.bg-black {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
}
.bg-black\/10 {
  background-color: rgb(0 0 0 / 0.1) !important;
}
.bg-black\/40 {
  background-color: rgb(0 0 0 / 0.4) !important;
}
.bg-current {
  background-color: currentColor !important;
}
.bg-gray-100 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important;
}
.bg-inherit {
  background-color: inherit !important;
}
.bg-main {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(22 30 93 / var(--tw-bg-opacity)) !important;
}
.bg-neutral-600 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(82 82 82 / var(--tw-bg-opacity)) !important;
}
.bg-neutral-700 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(64 64 64 / var(--tw-bg-opacity)) !important;
}
.bg-primary {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(59 113 202 / var(--tw-bg-opacity)) !important;
}
.bg-primary-100 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(227 235 247 / var(--tw-bg-opacity)) !important;
}
.bg-primary-400 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(143 174 224 / var(--tw-bg-opacity)) !important;
}
.bg-primary-accent-200 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(206 219 238 / var(--tw-bg-opacity)) !important;
}
.bg-redscg {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(224 29 29 / var(--tw-bg-opacity)) !important;
}
.bg-sec {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(145 145 150 / var(--tw-bg-opacity)) !important;
}
.bg-success {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(20 164 77 / var(--tw-bg-opacity)) !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.bg-white {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.bg-white\/30 {
  background-color: rgb(255 255 255 / 0.3) !important;
}
.bg-zinc-500 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(113 113 122 / var(--tw-bg-opacity)) !important;
}
.bg-zinc-600 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(82 82 91 / var(--tw-bg-opacity)) !important;
}
.bg-zinc-600\/50 {
  background-color: rgb(82 82 91 / 0.5) !important;
}
.bg-zinc-700 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(63 63 70 / var(--tw-bg-opacity)) !important;
}
.bg-\[url\(\'\.\.\/images\/about_bg_1_m\.jpg\'\)\] {
  background-image: url('../images/about_bg_1_m.jpg') !important;
}
.bg-\[url\(\'\.\.\/images\/about_bg_2_m\.png\'\)\] {
  background-image: url('../images/about_bg_2_m.png') !important;
}
.bg-\[url\(\'\.\.\/images\/about_bg_3\.jpg\'\)\] {
  background-image: url('../images/about_bg_3.jpg') !important;
}
.bg-\[url\(\'\.\.\/images\/about_overlay\.png\'\)\] {
  background-image: url('../images/about_overlay.png') !important;
}
.bg-\[url\(\'\.\.\/images\/arrow-circle-left-outline\.png\'\)\] {
  background-image: url('../images/arrow-circle-left-outline.png') !important;
}
.bg-\[url\(\'\.\.\/images\/arrow-circle-right-outline\.png\'\)\] {
  background-image: url('../images/arrow-circle-right-outline.png') !important;
}
.bg-\[url\(\'\.\.\/images\/bg-icon-prop\.png\'\)\] {
  background-image: url('../images/bg-icon-prop.png') !important;
}
.bg-\[url\(\'\.\.\/images\/bg-prod-2\.jpg\'\)\] {
  background-image: url('../images/bg-prod-2.jpg') !important;
}
.bg-\[url\(\'\.\.\/images\/bg-prod-other-top_m\.png\'\)\] {
  background-image: url('../images/bg-prod-other-top_m.png') !important;
}
.bg-\[url\(\'\.\.\/images\/bg-prod-pipe-section_m\.png\'\)\] {
  background-image: url('../images/bg-prod-pipe-section_m.png') !important;
}
.bg-\[url\(\'\.\.\/images\/bg_aboutus_bottom_m\.png\'\)\] {
  background-image: url('../images/bg_aboutus_bottom_m.png') !important;
}
.bg-\[url\(\'\.\.\/images\/bg_achivement_m\.png\'\)\] {
  background-image: url('../images/bg_achivement_m.png') !important;
}
.bg-\[url\(\'\.\.\/images\/bg_bottom_prod\.jpg\'\)\] {
  background-image: url('../images/bg_bottom_prod.jpg') !important;
}
.bg-\[url\(\'\.\.\/images\/bg_download\.jpg\'\)\] {
  background-image: url('../images/bg_download.jpg') !important;
}
.bg-\[url\(\'\.\.\/images\/bg_mrdurian_m\.jpg\'\)\] {
  background-image: url('../images/bg_mrdurian_m.jpg') !important;
}
.bg-\[url\(\'\.\.\/images\/bg_news_01_m\.png\'\)\] {
  background-image: url('../images/bg_news_01_m.png') !important;
}
.bg-\[url\(\'\.\.\/images\/bg_news_section_m\.png\'\)\] {
  background-image: url('../images/bg_news_section_m.png') !important;
}
.bg-\[url\(\'\.\.\/images\/email-icon\.png\'\)\] {
  background-image: url('../images/email-icon.png') !important;
}
.bg-\[url\(\'\.\.\/images\/home_bg_m\.png\'\)\] {
  background-image: url('../images/home_bg_m.png') !important;
}
.bg-\[url\(\'\.\.\/images\/icon_locate\.png\'\)\] {
  background-image: url('../images/icon_locate.png') !important;
}
.bg-\[url\(\'\.\.\/images\/icon_phone_call\.png\'\)\] {
  background-image: url('../images/icon_phone_call.png') !important;
}
.bg-\[url\(\'\.\.\/images\/linemini-icon\.png\'\)\] {
  background-image: url('../images/linemini-icon.png') !important;
}
.bg-\[url\(\'\.\.\/images\/pipe_acc_01\.png\'\)\] {
  background-image: url('../images/pipe_acc_01.png') !important;
}
.bg-\[url\(\'\.\.\/images\/play_icon\.png\'\)\] {
  background-image: url('../images/play_icon.png') !important;
}
.bg-\[url\(\'\.\.\/images\/telephone-icon\.png\'\)\] {
  background-image: url('../images/telephone-icon.png') !important;
}
.bg-\[url\(\'\/images\/bg-content-bottom\.jpg\'\)\] {
  background-image: url('/images/bg-content-bottom.jpg') !important;
}
/* .bg-\[url\(\\\'\.\.\/images\/email-icon\.png\\\'\)\] {
  background-image: url(\'../images/email-icon.png\') !important;
}
.bg-\[url\(\\\'\.\.\/images\/linemini-icon\.png\\\'\)\] {
  background-image: url(\'../images/linemini-icon.png\') !important;
}
.bg-\[url\(\\\'\.\.\/images\/telephone-icon\.png\\\'\)\] {
  background-image: url(\'../images/telephone-icon.png\') !important;
} */
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important;
}
.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)) !important;
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important;
}
.from-\[\#181E59\] {
  --tw-gradient-from: #181E59 var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(24 30 89 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-\[\#2985ED\] {
  --tw-gradient-from: #2985ED var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(41 133 237 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-\[\#E01D1D\] {
  --tw-gradient-from: #E01D1D var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(224 29 29 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-\[\#F8F5F5\] {
  --tw-gradient-from: #F8F5F5 var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(248 245 245 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-\[\#f4f4f6\] {
  --tw-gradient-from: #f4f4f6 var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(244 244 246 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-white {
  --tw-gradient-from: #fff var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.via-\[\#19508E\] {
  --tw-gradient-to: rgb(25 80 142 / 0)  var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), #19508E var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}
.via-\[\#DCEEF4\] {
  --tw-gradient-to: rgb(220 238 244 / 0)  var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), #DCEEF4 var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}
.via-\[\#E01D1D\] {
  --tw-gradient-to: rgb(224 29 29 / 0)  var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), #E01D1D var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}
.via-\[\#E6EFF8\] {
  --tw-gradient-to: rgb(230 239 248 / 0)  var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), #E6EFF8 var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}
.via-\[\#FFF\] {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), #FFF var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}
.via-50\% {
  --tw-gradient-via-position: 50% !important;
}
.via-80\% {
  --tw-gradient-via-position: 80% !important;
}
.to-\[\#0A7DA8\] {
  --tw-gradient-to: #0A7DA8 var(--tw-gradient-to-position) !important;
}
.to-\[\#131A40\] {
  --tw-gradient-to: #131A40 var(--tw-gradient-to-position) !important;
}
.to-\[\#D2DFE3\] {
  --tw-gradient-to: #D2DFE3 var(--tw-gradient-to-position) !important;
}
.to-\[\#E6EFF8\] {
  --tw-gradient-to: #E6EFF8 var(--tw-gradient-to-position) !important;
}
.to-\[\#F8F5F5\] {
  --tw-gradient-to: #F8F5F5 var(--tw-gradient-to-position) !important;
}
.to-\[\#FFF0\] {
  --tw-gradient-to: #FFF0 var(--tw-gradient-to-position) !important;
}
.to-\[\#f4f4f6\] {
  --tw-gradient-to: #f4f4f6 var(--tw-gradient-to-position) !important;
}
.to-white {
  --tw-gradient-to: #fff var(--tw-gradient-to-position) !important;
}
.to-50\% {
  --tw-gradient-to-position: 50% !important;
}
.bg-100 {
  background-size: 100% 100% !important;
}
.bg-\[3px_auto\] {
  background-size: 3px auto !important;
}
.bg-\[length\:14px\] {
  background-size: 14px !important;
}
.bg-\[size\:100\%_18vw\] {
  background-size: 100% 18vw !important;
}
.bg-\[size\:160\%_100\%\] {
  background-size: 160% 100% !important;
}
.bg-\[size\:auto_18px\] {
  background-size: auto 18px !important;
}
.bg-\[size\:auto_22px\] {
  background-size: auto 22px !important;
}
.bg-\[size\:auto_30\%\] {
  background-size: auto 30% !important;
}
.bg-contain {
  background-size: contain !important;
}
.bg-cover {
  background-size: cover !important;
}
.bg-w100 {
  background-size: 100% auto !important;
}
.bg-clip-padding {
  background-clip: padding-box !important;
}
.bg-\[position\:top\] {
  background-position: top !important;
}
.bg-bottom {
  background-position: bottom !important;
}
.bg-center {
  background-position: center !important;
}
.bg-left {
  background-position: left !important;
}
.bg-right {
  background-position: right !important;
}
.bg-right-top {
  background-position: right top !important;
}
.bg-top {
  background-position: top !important;
}
.bg-no-repeat {
  background-repeat: no-repeat !important;
}
.fill-\[\#afafaf\] {
  fill: #afafaf !important;
}
.fill-current {
  fill: currentColor !important;
}
.fill-main {
  fill: #161E5D !important;
}
.fill-sec {
  fill: #919196 !important;
}
.fill-white {
  fill: #fff !important;
}
.stroke-main {
  stroke: #161E5D !important;
}
.stroke-sec {
  stroke: #919196 !important;
}
.stroke-\[3\] {
  stroke-width: 3 !important;
}
.object-contain {
  -o-object-fit: contain !important;
     object-fit: contain !important;
}
.object-cover {
  -o-object-fit: cover !important;
     object-fit: cover !important;
}
.object-center {
  -o-object-position: center !important;
     object-position: center !important;
}
.object-top {
  -o-object-position: top !important;
     object-position: top !important;
}
.\!p-0 {
  padding: 0px !important;
}
.p-0 {
  padding: 0px !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-2\.5 {
  padding: 0.625rem !important;
}
.p-3 {
  padding: 0.75rem !important;
}
.p-4 {
  padding: 1rem !important;
}
.p-5 {
  padding: 1.25rem !important;
}
.p-6 {
  padding: 1.5rem !important;
}
.p-\[12px\] {
  padding: 12px !important;
}
.p-\[1rem\] {
  padding: 1rem !important;
}
.p-\[5px\] {
  padding: 5px !important;
}
.p-\[auto\] {
  padding: auto !important;
}
.\!py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.\!py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.px-0\.5 {
  padding-left: 0.125rem !important;
  padding-right: 0.125rem !important;
}
.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.px-1\.5 {
  padding-left: 0.375rem !important;
  padding-right: 0.375rem !important;
}
.px-10 {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}
.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.px-2\.5 {
  padding-left: 0.625rem !important;
  padding-right: 0.625rem !important;
}
.px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
.px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.px-5 {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}
.px-6 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.px-\[0\.4rem\] {
  padding-left: 0.4rem !important;
  padding-right: 0.4rem !important;
}
.px-\[1\.4rem\] {
  padding-left: 1.4rem !important;
  padding-right: 1.4rem !important;
}
.px-\[10\%\] {
  padding-left: 10% !important;
  padding-right: 10% !important;
}
.px-\[10px\] {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.px-\[12px\] {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.px-\[1em\] {
  padding-left: 1em !important;
  padding-right: 1em !important;
}
.px-\[5\%\] {
  padding-left: 5% !important;
  padding-right: 5% !important;
}
.px-\[auto\] {
  padding-left: auto !important;
  padding-right: auto !important;
}
.py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-1\.5 {
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-6 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-\[0\.25rem\] {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-\[0\.32rem\] {
  padding-top: 0.32rem !important;
  padding-bottom: 0.32rem !important;
}
.py-\[0\.33rem\] {
  padding-top: 0.33rem !important;
  padding-bottom: 0.33rem !important;
}
.py-\[0\.4rem\] {
  padding-top: 0.4rem !important;
  padding-bottom: 0.4rem !important;
}
.py-\[0\.5em\] {
  padding-top: 0.5em !important;
  padding-bottom: 0.5em !important;
}
.py-\[10px\] {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.py-\[1em\] {
  padding-top: 1em !important;
  padding-bottom: 1em !important;
}
.py-\[1px\] {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}
.py-\[5px\] {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.pb-0 {
  padding-bottom: 0px !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-10 {
  padding-bottom: 2.5rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 0.75rem !important;
}
.pb-4 {
  padding-bottom: 1rem !important;
}
.pb-6 {
  padding-bottom: 1.5rem !important;
}
.pb-\[10\%\] {
  padding-bottom: 10% !important;
}
.pb-\[12vw\] {
  padding-bottom: 12vw !important;
}
.pb-\[15vw\] {
  padding-bottom: 15vw !important;
}
.pb-\[20vw\] {
  padding-bottom: 20vw !important;
}
.pb-\[25vw\] {
  padding-bottom: 25vw !important;
}
.pb-\[50px\] {
  padding-bottom: 50px !important;
}
.pb-\[5px\] {
  padding-bottom: 5px !important;
}
.pb-\[5vw\] {
  padding-bottom: 5vw !important;
}
.pb-\[80px\] {
  padding-bottom: 80px !important;
}
.pb-\[\] {
  padding-bottom:  !important;
}
.pl-0 {
  padding-left: 0px !important;
}
.pl-1 {
  padding-left: 0.25rem !important;
}
.pl-2 {
  padding-left: 0.5rem !important;
}
.pl-5 {
  padding-left: 1.25rem !important;
}
.pl-6 {
  padding-left: 1.5rem !important;
}
.pl-\[1\.5rem\] {
  padding-left: 1.5rem !important;
}
.pl-\[18px\] {
  padding-left: 18px !important;
}
.pl-\[30px\] {
  padding-left: 30px !important;
}
.pl-\[50px\] {
  padding-left: 50px !important;
}
.pl-\[8px\] {
  padding-left: 8px !important;
}
.pr-2 {
  padding-right: 0.5rem !important;
}
.pr-3 {
  padding-right: 0.75rem !important;
}
.pr-\[24px\] {
  padding-right: 24px !important;
}
.pr-\[5\%\] {
  padding-right: 5% !important;
}
.pt-0 {
  padding-top: 0px !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-10 {
  padding-top: 2.5rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-2\.5 {
  padding-top: 0.625rem !important;
}
.pt-4 {
  padding-top: 1rem !important;
}
.pt-5 {
  padding-top: 1.25rem !important;
}
.pt-6 {
  padding-top: 1.5rem !important;
}
.pt-8 {
  padding-top: 2rem !important;
}
.pt-\[0\.37rem\] {
  padding-top: 0.37rem !important;
}
.pt-\[11\.5vw\] {
  padding-top: 11.5vw !important;
}
.pt-\[15\%\] {
  padding-top: 15% !important;
}
.pt-\[150px\] {
  padding-top: 150px !important;
}
.pt-\[18\%\] {
  padding-top: 18% !important;
}
.pt-\[20vw\] {
  padding-top: 20vw !important;
}
.pt-\[25vw\] {
  padding-top: 25vw !important;
}
.pt-\[2em\] {
  padding-top: 2em !important;
}
.pt-\[40vw\] {
  padding-top: 40vw !important;
}
.pt-\[50px\] {
  padding-top: 50px !important;
}
.pt-\[5vw\] {
  padding-top: 5vw !important;
}
.pt-\[6px\] {
  padding-top: 6px !important;
}
.pt-\[6vw\] {
  padding-top: 6vw !important;
}
.text-left {
  text-align: left !important;
}
.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right !important;
}
.text-start {
  text-align: start !important;
}
.text-end {
  text-align: end !important;
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-\[-0\.125em\] {
  vertical-align: -0.125em !important;
}
.text-2xl {
  font-size: 1.5rem !important;
  line-height: 2rem !important;
}
.text-3xl {
  font-size: 1.875rem !important;
  line-height: 2.25rem !important;
}
.text-4xl {
  font-size: 2.25rem !important;
  line-height: 2.5rem !important;
}
.text-\[0\.8rem\] {
  font-size: 0.8rem !important;
}
.text-\[0\.9rem\] {
  font-size: 0.9rem !important;
}
.text-\[1\.1rem\] {
  font-size: 1.1rem !important;
}
.text-\[10px\] {
  font-size: 10px !important;
}
.text-\[120\%\] {
  font-size: 120% !important;
}
.text-\[125\%\] {
  font-size: 125% !important;
}
.text-\[12px\] {
  font-size: 12px !important;
}
.text-\[13px\] {
  font-size: 13px !important;
}
.text-\[16px\] {
  font-size: 16px !important;
}
.text-\[18px\] {
  font-size: 18px !important;
}
.text-\[1rem\] {
  font-size: 1rem !important;
}
.text-\[2\.5rem\] {
  font-size: 2.5rem !important;
}
.text-\[3\.75rem\] {
  font-size: 3.75rem !important;
}
.text-\[34px\] {
  font-size: 34px !important;
}
.text-\[8\.5px\] {
  font-size: 8.5px !important;
}
.text-base {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}
.text-lg {
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
}
.text-sm {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.text-xl {
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
}
.text-xs {
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}
.font-black {
  font-weight: 900 !important;
}
.font-bold {
  font-weight: 700 !important;
}
.font-light {
  font-weight: 300 !important;
}
.font-medium {
  font-weight: 500 !important;
}
.font-normal {
  font-weight: 400 !important;
}
.font-semibold {
  font-weight: 600 !important;
}
.uppercase {
  text-transform: uppercase !important;
}
.normal-case {
  text-transform: none !important;
}
.italic {
  font-style: italic !important;
}
.not-italic {
  font-style: normal !important;
}
.leading-10 {
  line-height: 2.5rem !important;
}
.leading-6 {
  line-height: 1.5rem !important;
}
.leading-7 {
  line-height: 1.75rem !important;
}
.leading-9 {
  line-height: 2.25rem !important;
}
.leading-\[1\.2\] {
  line-height: 1.2 !important;
}
.leading-\[1\.5\] {
  line-height: 1.5 !important;
}
.leading-\[1\.6\] {
  line-height: 1.6 !important;
}
.leading-\[19px\] {
  line-height: 19px !important;
}
.leading-\[2\.15\] {
  line-height: 2.15 !important;
}
.leading-\[40px\] {
  line-height: 40px !important;
}
.leading-loose {
  line-height: 2 !important;
}
.leading-none {
  line-height: 1 !important;
}
.leading-normal {
  line-height: 1.5 !important;
}
.leading-relaxed {
  line-height: 1.625 !important;
}
.leading-snug {
  line-height: 1.375 !important;
}
.tracking-\[-0\.00833em\] {
  letter-spacing: -0.00833em !important;
}
.tracking-\[\.1rem\] {
  letter-spacing: .1rem !important;
}
.tracking-\[0\.1rem\] {
  letter-spacing: 0.1rem !important;
}
.tracking-\[1\.7px\] {
  letter-spacing: 1.7px !important;
}
.tracking-normal {
  letter-spacing: 0em !important;
}
.\!text-\[\#14a44d\] {
  --tw-text-opacity: 1 !important;
  color: rgb(20 164 77 / var(--tw-text-opacity)) !important;
}
.\!text-\[\#dc4c64\] {
  --tw-text-opacity: 1 !important;
  color: rgb(220 76 100 / var(--tw-text-opacity)) !important;
}
.\!text-danger-700 {
  --tw-text-opacity: 1 !important;
  color: rgb(176 35 58 / var(--tw-text-opacity)) !important;
}
.\!text-gray-50 {
  --tw-text-opacity: 1 !important;
  color: rgb(249 250 251 / var(--tw-text-opacity)) !important;
}
.\!text-primary {
  --tw-text-opacity: 1 !important;
  color: rgb(59 113 202 / var(--tw-text-opacity)) !important;
}
.\!text-primary-700 {
  --tw-text-opacity: 1 !important;
  color: rgb(40 81 146 / var(--tw-text-opacity)) !important;
}
.\!text-success-700 {
  --tw-text-opacity: 1 !important;
  color: rgb(14 117 55 / var(--tw-text-opacity)) !important;
}
.\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.text-\[\#14a44d\] {
  --tw-text-opacity: 1 !important;
  color: rgb(20 164 77 / var(--tw-text-opacity)) !important;
}
.text-\[\#212529\] {
  --tw-text-opacity: 1 !important;
  color: rgb(33 37 41 / var(--tw-text-opacity)) !important;
}
.text-\[\#273060\] {
  --tw-text-opacity: 1 !important;
  color: rgb(39 48 96 / var(--tw-text-opacity)) !important;
}
.text-\[\#29305D\] {
  --tw-text-opacity: 1 !important;
  color: rgb(41 48 93 / var(--tw-text-opacity)) !important;
}
.text-\[\#3b71ca\] {
  --tw-text-opacity: 1 !important;
  color: rgb(59 113 202 / var(--tw-text-opacity)) !important;
}
.text-\[\#4583E6\] {
  --tw-text-opacity: 1 !important;
  color: rgb(69 131 230 / var(--tw-text-opacity)) !important;
}
.text-\[\#4f4f4f\] {
  --tw-text-opacity: 1 !important;
  color: rgb(79 79 79 / var(--tw-text-opacity)) !important;
}
.text-\[\#b3afaf\] {
  --tw-text-opacity: 1 !important;
  color: rgb(179 175 175 / var(--tw-text-opacity)) !important;
}
.text-\[\#b3b3b3\] {
  --tw-text-opacity: 1 !important;
  color: rgb(179 179 179 / var(--tw-text-opacity)) !important;
}
.text-\[\#dc4c64\] {
  --tw-text-opacity: 1 !important;
  color: rgb(220 76 100 / var(--tw-text-opacity)) !important;
}
.text-\[\#ffffff8a\] {
  color: #ffffff8a !important;
}
.text-\[rgb\(220\2c 76\2c 100\)\] {
  --tw-text-opacity: 1 !important;
  color: rgb(220 76 100 / var(--tw-text-opacity)) !important;
}
.text-base {
  --tw-text-opacity: 1 !important;
  color: rgb(247 249 252 / var(--tw-text-opacity)) !important;
}
.text-black {
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}
.text-black\/50 {
  color: rgb(0 0 0 / 0.5) !important;
}
.text-black\/\[64\] {
  color: rgb(0 0 0 / 64) !important;
}
.text-blue-950 {
  --tw-text-opacity: 1 !important;
  color: rgb(23 37 84 / var(--tw-text-opacity)) !important;
}
.text-current {
  color: currentColor !important;
}
.text-danger {
  --tw-text-opacity: 1 !important;
  color: rgb(220 76 100 / var(--tw-text-opacity)) !important;
}
.text-gray-200 {
  --tw-text-opacity: 1 !important;
  color: rgb(229 231 235 / var(--tw-text-opacity)) !important;
}
.text-gray-300 {
  --tw-text-opacity: 1 !important;
  color: rgb(209 213 219 / var(--tw-text-opacity)) !important;
}
.text-gray-400 {
  --tw-text-opacity: 1 !important;
  color: rgb(156 163 175 / var(--tw-text-opacity)) !important;
}
.text-gray-50 {
  --tw-text-opacity: 1 !important;
  color: rgb(249 250 251 / var(--tw-text-opacity)) !important;
}
.text-gray-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(107 114 128 / var(--tw-text-opacity)) !important;
}
.text-gray-600 {
  --tw-text-opacity: 1 !important;
  color: rgb(75 85 99 / var(--tw-text-opacity)) !important;
}
.text-gray-700 {
  --tw-text-opacity: 1 !important;
  color: rgb(55 65 81 / var(--tw-text-opacity)) !important;
}
.text-gray-900 {
  --tw-text-opacity: 1 !important;
  color: rgb(17 24 39 / var(--tw-text-opacity)) !important;
}
.text-green-600 {
  --tw-text-opacity: 1 !important;
  color: rgb(22 163 74 / var(--tw-text-opacity)) !important;
}
.text-main {
  --tw-text-opacity: 1 !important;
  color: rgb(22 30 93 / var(--tw-text-opacity)) !important;
}
.text-nav {
  --tw-text-opacity: 1 !important;
  color: rgb(49 121 234 / var(--tw-text-opacity)) !important;
}
.text-neutral-200 {
  --tw-text-opacity: 1 !important;
  color: rgb(229 229 229 / var(--tw-text-opacity)) !important;
}
.text-neutral-400 {
  --tw-text-opacity: 1 !important;
  color: rgb(163 163 163 / var(--tw-text-opacity)) !important;
}
.text-neutral-50 {
  --tw-text-opacity: 1 !important;
  color: rgb(250 250 250 / var(--tw-text-opacity)) !important;
}
.text-neutral-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(115 115 115 / var(--tw-text-opacity)) !important;
}
.text-neutral-600 {
  --tw-text-opacity: 1 !important;
  color: rgb(82 82 82 / var(--tw-text-opacity)) !important;
}
.text-neutral-700 {
  --tw-text-opacity: 1 !important;
  color: rgb(64 64 64 / var(--tw-text-opacity)) !important;
}
.text-primary {
  --tw-text-opacity: 1 !important;
  color: rgb(59 113 202 / var(--tw-text-opacity)) !important;
}
.text-primary-400 {
  --tw-text-opacity: 1 !important;
  color: rgb(143 174 224 / var(--tw-text-opacity)) !important;
}
.text-primary-700 {
  --tw-text-opacity: 1 !important;
  color: rgb(40 81 146 / var(--tw-text-opacity)) !important;
}
.text-redscg {
  --tw-text-opacity: 1 !important;
  color: rgb(224 29 29 / var(--tw-text-opacity)) !important;
}
.text-sec {
  --tw-text-opacity: 1 !important;
  color: rgb(145 145 150 / var(--tw-text-opacity)) !important;
}
.text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.underline {
  text-decoration-line: underline !important;
}
.no-underline {
  text-decoration-line: none !important;
}
.underline-offset-4 {
  text-underline-offset: 4px !important;
}
.underline-offset-auto {
  text-underline-offset: auto !important;
}
.antialiased {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
.\!opacity-0 {
  opacity: 0 !important;
}
.\!opacity-100 {
  opacity: 1 !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-100 {
  opacity: 1 !important;
}
.opacity-50 {
  opacity: 0.5 !important;
}
.opacity-75 {
  opacity: 0.75 !important;
}
.opacity-\[\.53\] {
  opacity: .53 !important;
}
.opacity-\[\.54\] {
  opacity: .54 !important;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-\[0_0px_3px_0_rgba\(0\2c 0\2c 0\2c 0\.07\)\2c 0_2px_2px_0_rgba\(0\2c 0\2c 0\2c 0\.04\)\] {
  --tw-shadow: 0 0px 3px 0 rgba(0,0,0,0.07),0 2px 2px 0 rgba(0,0,0,0.04) !important;
  --tw-shadow-colored: 0 0px 3px 0 var(--tw-shadow-color), 0 2px 2px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-\[0_10px_15px_-3px_rgba\(0\2c 0\2c 0\2c 0\.07\)\2c 0_4px_6px_-2px_rgba\(0\2c 0\2c 0\2c 0\.05\)\] {
  --tw-shadow: 0 10px 15px -3px rgba(0,0,0,0.07),0 4px 6px -2px rgba(0,0,0,0.05) !important;
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -2px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-\[0_2px_5px_0_rgba\(0\2c 0\2c 0\2c 0\.16\)\2c _0_2px_10px_0_rgba\(0\2c 0\2c 0\2c 0\.12\)\] {
  --tw-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12) !important;
  --tw-shadow-colored: 0 2px 5px 0 var(--tw-shadow-color), 0 2px 10px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-\[0_3px_6px_rgba\(0\2c 0\2c 0\2c 0\.16\)\] {
  --tw-shadow: 0 3px 6px rgba(0,0,0,0.16) !important;
  --tw-shadow-colored: 0 3px 6px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-\[0_4px_9px_-4px_\#3b71ca\] {
  --tw-shadow: 0 4px 9px -4px #3b71ca !important;
  --tw-shadow-colored: 0 4px 9px -4px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-\[0_4px_9px_-4px_rgba\(145\2c 145\2c 150\2c 0\.2\)\] {
  --tw-shadow: 0 4px 9px -4px rgba(145,145,150,0.2) !important;
  --tw-shadow-colored: 0 4px 9px -4px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-\[0px_2px_15px_-3px_rgba\(0\2c 0\2c 0\2c \.07\)\2c _0px_10px_20px_-2px_rgba\(0\2c 0\2c 0\2c \.04\)\] {
  --tw-shadow: 0px 2px 15px -3px rgba(0,0,0,.07), 0px 10px 20px -2px rgba(0,0,0,.04) !important;
  --tw-shadow-colored: 0px 2px 15px -3px var(--tw-shadow-color), 0px 10px 20px -2px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-\[0px_3px_6px_rgba\(0\2c 0\2c 0\2c 0\.16\)\] {
  --tw-shadow: 0px 3px 6px rgba(0,0,0,0.16) !important;
  --tw-shadow-colored: 0px 3px 6px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-none {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.outline-none {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}
.outline {
  outline-style: solid !important;
}
.outline-offset-0 {
  outline-offset: 0px !important;
}
.blur {
  --tw-blur: blur(8px) !important;
  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) !important;
}
.brightness-50 {
  --tw-brightness: brightness(.5) !important;
  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) !important;
}
.brightness-75 {
  --tw-brightness: brightness(.75) !important;
  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) !important;
}
.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)) !important;
  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) !important;
}
.drop-shadow-md {
  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)) !important;
  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) !important;
}
.drop-shadow-sm {
  --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05)) !important;
  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) !important;
}
.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) !important;
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.transition-\[background-color\2c _opacity\] {
  transition-property: background-color, opacity !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.transition-\[background-color\2c box-shadow\2c border\] {
  transition-property: background-color,box-shadow,border !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.transition-\[height\] {
  transition-property: height !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.transition-\[opacity\] {
  transition-property: opacity !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.transition-\[transform\2c _opacity\] {
  transition-property: transform, opacity !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.transition-\[transform\2c height\] {
  transition-property: transform,height !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.transition-\[width\] {
  transition-property: width !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.transition-all {
  transition-property: all !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.transition-opacity {
  transition-property: opacity !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.transition-transform {
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.delay-\[0ms\] {
  transition-delay: 0ms !important;
}
.duration-1000 {
  transition-duration: 1000ms !important;
}
.duration-150 {
  transition-duration: 150ms !important;
}
.duration-200 {
  transition-duration: 200ms !important;
}
.duration-300 {
  transition-duration: 300ms !important;
}
.duration-500 {
  transition-duration: 500ms !important;
}
.duration-\[1000ms\] {
  transition-duration: 1000ms !important;
}
.duration-\[150ms\] {
  transition-duration: 150ms !important;
}
.duration-\[250ms\] {
  transition-duration: 250ms !important;
}
.duration-\[350ms\] {
  transition-duration: 350ms !important;
}
.duration-\[400ms\] {
  transition-duration: 400ms !important;
}
.ease-\[cubic-bezier\(0\2c 0\2c 0\.15\2c 1\)\2c _cubic-bezier\(0\2c 0\2c 0\.15\2c 1\)\] {
  transition-timing-function: cubic-bezier(0,0,0.15,1), cubic-bezier(0,0,0.15,1) !important;
}
.ease-\[cubic-bezier\(0\.25\2c 0\.1\2c 0\.25\2c 1\)\] {
  transition-timing-function: cubic-bezier(0.25,0.1,0.25,1) !important;
}
.ease-\[cubic-bezier\(0\.25\2c 0\.1\2c 0\.25\2c 1\.0\)\] {
  transition-timing-function: cubic-bezier(0.25,0.1,0.25,1.0) !important;
}
.ease-\[cubic-bezier\(0\.4\2c 0\2c 0\.2\2c 1\)\] {
  transition-timing-function: cubic-bezier(0.4,0,0.2,1) !important;
}
.ease-\[ease\] {
  transition-timing-function: ease !important;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ease-linear {
  transition-timing-function: linear !important;
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}
.\!\[clip\:rect\(0\2c 0\2c 0\2c 0\)\] {
  clip: rect(0,0,0,0) !important;
}
.\[clip-path\:polygon\(0\%_0\%\2c 100\%_0\%\2c 100\%_100\%\2c 0\%_98\.5\%\)\] {
  -webkit-clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 98.5%);
          clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 98.5%);
}
.\[clip-path\:polygon\(0_4\%\2c 100\%_0\2c 100\%_100\%\2c 0\%_100\%\)\] {
  -webkit-clip-path: polygon(0 4%,100% 0,100% 100%,0% 100%);
          clip-path: polygon(0 4%,100% 0,100% 100%,0% 100%);
}
.\[direction\:ltr\] {
  direction: ltr;
}
.\[overflow-anchor\:none\] {
  overflow-anchor: none;
}
.\[transition\:background-color_\.2s_linear\2c _height_\.2s_ease-in-out\] {
  transition: background-color .2s linear, height .2s ease-in-out;
}
.\[transition\:background-color_\.2s_linear\2c _width_\.2s_ease-in-out\2c _opacity\] {
  transition: background-color .2s linear, width .2s ease-in-out, opacity;
}
.\[transition\:background-color_250ms_cubic-bezier\(0\.4\2c 0\2c 0\.2\2c 1\)_0ms\2c box-shadow_250ms_cubic-bezier\(0\.4\2c 0\2c 0\.2\2c 1\)_0ms\2c border_250ms_cubic-bezier\(0\.4\2c 0\2c 0\.2\2c 1\)_0ms\] {
  transition: background-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms,box-shadow 250ms cubic-bezier(0.4,0,0.2,1) 0ms,border 250ms cubic-bezier(0.4,0,0.2,1) 0ms;
}

/* --------------- */

#home_section,
#download_section {
    --swiper-pagination-bullet-horizontal-gap: 5px;
    --swiper-pagination-bullet-size: 8px;
}

#home_section .swiper::before {
    content: '';
    display: block;
    z-index: 5;
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 20%;
    width: 100%;
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    --tw-gradient-from: #0000 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);
    --tw-gradient-to: #2E2E2E var(--tw-gradient-to-position);
}

#home_section .swiper-pagination,
#download_section .swiper-pagination,
#aboutus_section .swiper-pagination {
  margin-left: 10%;
  margin-bottom: 1.5rem;
  display: flex;
  height: 40px;
  width: 50%;
  align-items: center;
  text-align: start;
}

#home_section .swiper-pagination-bullet,
#download_section .swiper-pagination-bullet,
#info_product_section .swiper-pagination-bullet,
#aboutus_section .swiper-pagination-bullet {
    border: 0;
    border-color: transparent;
    background-color: transparent;
    background-image: url('data:image/png;base64,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');
    background-size: contain;
    background-repeat: no-repeat;
    /* transition: background .5s, opacity 0.5s; */
}

#home_section .swiper-pagination-bullet:hover,
#download_section .swiper-pagination-bullet:hover,
#info_product_section .swiper-pagination-bullet:hover,
#aboutus_section .swiper-pagination-bullet:hover {
    border: 0;
    border-color: transparent;
    background-color: transparent;
    opacity: 0.7;
}

#home_section .swiper-pagination-bullet-active,
#download_section .swiper-pagination-bullet-active,
#info_product_section .swiper-pagination-bullet-active {
    border: 0;
    border-color: transparent;
    background-color: transparent;
    width: 14px;
    height: 14px;
    background-image: url('data:image/png;base64,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');
    background-size: contain;
    background-repeat: no-repeat;
}

#info_product_section {
    --swiper-pagination-bullet-active-opacity: 1;
    --swiper-pagination-bullet-inactive-opacity: 0.5;
    --swiper-pagination-bullet-horizontal-gap: 5px;
    --swiper-pagination-bullet-size: 12px;
}

#aboutus_section {
    --swiper-pagination-bullet-active-opacity: 1;
    --swiper-pagination-bullet-inactive-opacity: 0.8;
    --swiper-pagination-bullet-horizontal-gap: 5px;
    --swiper-pagination-bullet-size: 16px;
}

#aboutus_section .swiper-pagination-bullet-active {
    border: 0;
    border-color: transparent;
    background-color: transparent;
    width: 24px;
    height: 24px;
    background-image: url('data:image/png;base64,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');
    background-size: contain;
    background-repeat: no-repeat;
}

#info_product_section .swiper-pagination-bullet {
  background-image: url('data:image/png;base64,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');
}

#info_product_section .swiper-pagination-bullet-active {
    width: 18px;
    height: 18px;
    background-image: url('data:image/png;base64,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');
}

#home_section .hi-prod-item:before,
#download_section .hi-prod-item:before,
#search_result_section .hi-prod-item:before {
    opacity: 0;
    transition: opacity 0.5s;
    content: '';
    display: block;
    z-index: 2;
    pointer-events: none;
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 40%;
    width: 100%;
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    --tw-gradient-from: #0000 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);
    --tw-gradient-to: #000000c7 var(--tw-gradient-to-position);
}

#dealer_section .dealer-loop:before {
    content: '';
    display: block;
    z-index: 2;
    pointer-events: none;
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 10%;
    width: 100%;
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    --tw-gradient-from: #0000 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);
    --tw-gradient-to: #00000011 var(--tw-gradient-to-position);
}

#dealer_section .dealer-con {
    /* ===== Scrollbar CSS ===== */
    /* Firefox */
    scrollbar-width: auto;
    scrollbar-color: #161e5d #f4f7fa;
}

#dealer_section .dealer-con::-webkit-scrollbar {
    /* ===== Scrollbar CSS ===== */
    /* Chrome, Edge, and Safari */
    width: 12px;
}

#dealer_section .dealer-con::-webkit-scrollbar-track {
    /* ===== Scrollbar CSS ===== */
    /* Chrome, Edge, and Safari */
    background: transparent;
    box-shadow: inset 0 0 0 20px #b9cfe455;
    border-radius: 19px;
    border: 3.5px solid transparent;
}

#dealer_section .dealer-con::-webkit-scrollbar-thumb {
    /* ===== Scrollbar CSS ===== */
    /* Chrome, Edge, and Safari */
    background-color: #161e5d;
    border-radius: 12px;
    border: none;
    min-height: 80px !important;
}

#home_section .hi-prod-item:hover:before,
#download_section .hi-prod-item:hover:before ,
#search_result_section .hi-prod-item:hover:before {
    opacity: 1;
}

#aboutus_section .branch-con {
    z-index: 1;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

#aboutus_section .branch-con::-webkit-scrollbar {
    display: none;
}

#aboutus_section .branch-wrap:before {
    content: '';
    display: block;
    z-index: 2;
    pointer-events: none;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    width: 20%;
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    --tw-gradient-from: #0000 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);
    --tw-gradient-to: #00000033 var(--tw-gradient-to-position);
}

#aboutus_section .timeline_set .right::-webkit-scrollbar {
    display: none;
}

#aboutus_section .timeline_set .right:before {
    content: '';
    display: block;
    z-index: 2;
    pointer-events: none;
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 10%;
    width: 100%;
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    --tw-gradient-from: #FFF0 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);
    --tw-gradient-to: #FFFFFF var(--tw-gradient-to-position);
}

#aboutus_section .timeline_set .right .wrapbox {
    /* ===== Scrollbar CSS ===== */
    /* Firefox */
    scrollbar-width: auto;
    scrollbar-color: #161e5d #f4f7fa;
}

#aboutus_section .timeline_set .right .wrapbox::-webkit-scrollbar {
    /* ===== Scrollbar CSS ===== */
    /* Chrome, Edge, and Safari */
    width: 12px;
}

#aboutus_section .timeline_set .right .wrapbox::-webkit-scrollbar-track {
    /* ===== Scrollbar CSS ===== */
    /* Chrome, Edge, and Safari */
    background: transparent;
    box-shadow: inset 0 0 0 20px #b9cfe455;
    border-radius: 19px;
    border: 2px solid transparent;
}

#aboutus_section .timeline_set .right .wrapbox::-webkit-scrollbar-thumb {
    /* ===== Scrollbar CSS ===== */
    /* Chrome, Edge, and Safari */
    background-color: #161e5d;
    border-radius: 19px;
    border: none;
    min-height: 50px !important;
}

#aboutus_section .swiper-button-disabled {
  pointer-events: none;
  opacity: 0.5;
  --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);
}

@media (min-width: 1024px) {
    #home_section .swiper-pagination,
    #download_section .swiper-pagination {
    margin-left: 10%;
    margin-bottom: 3rem;
    display: flex;
    height: 40px;
    width: 40%;
    align-items: center;
    text-align: start;
  }
    #home_section .swiper-pagination-bullet-active,
    #download_section .swiper-pagination-bullet-active {
        width: 20px;
        height: 20px;
    }
    #home_section,
    #download_section {
        --swiper-pagination-bullet-horizontal-gap: 9px;
        --swiper-pagination-bullet-size: 10px;
    }
    #aboutus_section .branch-wrap:before {
        display: none;
    }
}

.selection\:bg-transparent *::-moz-selection {
  background-color: transparent !important;
}

.selection\:bg-transparent *::selection {
  background-color: transparent !important;
}

.selection\:bg-transparent::-moz-selection {
  background-color: transparent !important;
}

.selection\:bg-transparent::selection {
  background-color: transparent !important;
}

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

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

.before\:h-\[0\.875rem\]::before {
  content: var(--tw-content) !important;
  height: 0.875rem !important;
}

.before\:w-\[0\.875rem\]::before {
  content: var(--tw-content) !important;
  width: 0.875rem !important;
}

.before\:scale-0::before {
  content: var(--tw-content) !important;
  --tw-scale-x: 0 !important;
  --tw-scale-y: 0 !important;
  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)) !important;
}

.before\:rounded-full::before {
  content: var(--tw-content) !important;
  border-radius: 9999px !important;
}

.before\:bg-transparent::before {
  content: var(--tw-content) !important;
  background-color: transparent !important;
}

.before\:opacity-0::before {
  content: var(--tw-content) !important;
  opacity: 0 !important;
}

.before\:shadow-\[0px_0px_0px_13px_transparent\]::before {
  content: var(--tw-content) !important;
  --tw-shadow: 0px 0px 0px 13px transparent !important;
  --tw-shadow-colored: 0px 0px 0px 13px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.before\:content-\[\'\'\]::before {
  --tw-content: '' !important;
  content: var(--tw-content) !important;
}

.checked\:\!border-\[\#14a44d\]:checked {
  --tw-border-opacity: 1 !important;
  border-color: rgb(20 164 77 / var(--tw-border-opacity)) !important;
}

.checked\:\!border-\[\#dc4c64\]:checked {
  --tw-border-opacity: 1 !important;
  border-color: rgb(220 76 100 / var(--tw-border-opacity)) !important;
}

.checked\:border-primary:checked {
  --tw-border-opacity: 1 !important;
  border-color: rgb(59 113 202 / var(--tw-border-opacity)) !important;
}

.checked\:\!bg-\[\#14a44d\]:checked {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(20 164 77 / var(--tw-bg-opacity)) !important;
}

.checked\:\!bg-\[\#dc4c64\]:checked {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(220 76 100 / var(--tw-bg-opacity)) !important;
}

.checked\:bg-primary:checked {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(59 113 202 / var(--tw-bg-opacity)) !important;
}

.checked\:before\:opacity-\[0\.16\]:checked::before {
  content: var(--tw-content) !important;
  opacity: 0.16 !important;
}

.checked\:after\:absolute:checked::after {
  content: var(--tw-content) !important;
  position: absolute !important;
}

.checked\:after\:-mt-px:checked::after {
  content: var(--tw-content) !important;
  margin-top: -1px !important;
}

.checked\:after\:ml-\[0\.25rem\]:checked::after {
  content: var(--tw-content) !important;
  margin-left: 0.25rem !important;
}

.checked\:after\:block:checked::after {
  content: var(--tw-content) !important;
  display: block !important;
}

.checked\:after\:h-\[0\.8125rem\]:checked::after {
  content: var(--tw-content) !important;
  height: 0.8125rem !important;
}

.checked\:after\:w-\[0\.375rem\]:checked::after {
  content: var(--tw-content) !important;
  width: 0.375rem !important;
}

.checked\:after\:rotate-45:checked::after {
  content: var(--tw-content) !important;
  --tw-rotate: 45deg !important;
  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)) !important;
}

.checked\:after\:border-\[0\.125rem\]:checked::after {
  content: var(--tw-content) !important;
  border-width: 0.125rem !important;
}

.checked\:after\:border-l-0:checked::after {
  content: var(--tw-content) !important;
  border-left-width: 0px !important;
}

.checked\:after\:border-t-0:checked::after {
  content: var(--tw-content) !important;
  border-top-width: 0px !important;
}

.checked\:after\:border-solid:checked::after {
  content: var(--tw-content) !important;
  border-style: solid !important;
}

.checked\:after\:border-white:checked::after {
  content: var(--tw-content) !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
}

.checked\:after\:\!bg-\[\#14a44d\]:checked::after {
  content: var(--tw-content) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(20 164 77 / var(--tw-bg-opacity)) !important;
}

.checked\:after\:\!bg-\[\#dc4c64\]:checked::after {
  content: var(--tw-content) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(220 76 100 / var(--tw-bg-opacity)) !important;
}

.checked\:after\:bg-transparent:checked::after {
  content: var(--tw-content) !important;
  background-color: transparent !important;
}

.checked\:after\:content-\[\'\'\]:checked::after {
  --tw-content: '' !important;
  content: var(--tw-content) !important;
}

.empty\:hidden:empty {
  display: none !important;
}

.hover\:isolate:hover {
  isolation: isolate !important;
}

.hover\:line-clamp-none:hover {
  overflow: visible !important;
  display: block !important;
  -webkit-box-orient: horizontal !important;
  -webkit-line-clamp: none !important;
}

.hover\:scale-105:hover {
  --tw-scale-x: 1.05 !important;
  --tw-scale-y: 1.05 !important;
  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)) !important;
}

.hover\:cursor-pointer:hover {
  cursor: pointer !important;
}

.hover\:rounded-\[50\%\]:hover {
  border-radius: 50% !important;
}

.hover\:border-transparent:hover {
  border-color: transparent !important;
}

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

.hover\:bg-\[\#00000014\]:hover {
  background-color: #00000014 !important;
}

.hover\:bg-\[\#00000026\]:hover {
  background-color: #00000026 !important;
}

.hover\:bg-\[\#FFF4\]:hover {
  background-color: #FFF4 !important;
}

.hover\:bg-\[unset\]:hover {
  background-color: unset !important;
}

.hover\:bg-nav:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(49 121 234 / var(--tw-bg-opacity)) !important;
}

.hover\:bg-neutral-100:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity)) !important;
}

.hover\:bg-neutral-200:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity)) !important;
}

.hover\:bg-primary-600:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(48 97 175 / var(--tw-bg-opacity)) !important;
}

.hover\:bg-primary-accent-100:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(217 228 243 / var(--tw-bg-opacity)) !important;
}

.hover\:bg-sec:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(145 145 150 / var(--tw-bg-opacity)) !important;
}

.hover\:bg-gradient-to-t:hover {
  background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important;
}

.hover\:from-\[\#2764AA\]:hover {
  --tw-gradient-from: #2764AA var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(39 100 170 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.hover\:to-\[\#1A1E53\]:hover {
  --tw-gradient-to: #1A1E53 var(--tw-gradient-to-position) !important;
}

.hover\:fill-\[\#8b8b8b\]:hover {
  fill: #8b8b8b !important;
}

.hover\:text-\[\#3b71ca\]:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(59 113 202 / var(--tw-text-opacity)) !important;
}

.hover\:text-\[\#8b8b8b\]:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(139 139 139 / var(--tw-text-opacity)) !important;
}

.hover\:text-main:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(22 30 93 / var(--tw-text-opacity)) !important;
}

.hover\:text-primary:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(59 113 202 / var(--tw-text-opacity)) !important;
}

.hover\:text-primary-600:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(48 97 175 / var(--tw-text-opacity)) !important;
}

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

.hover\:underline:hover {
  text-decoration-line: underline !important;
}

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

.hover\:\!opacity-90:hover {
  opacity: 0.9 !important;
}

.hover\:opacity-100:hover {
  opacity: 1 !important;
}

.hover\:opacity-75:hover {
  opacity: 0.75 !important;
}

.hover\:\!shadow-none:hover {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.hover\:shadow-\[0_8px_9px_-4px_rgba\(145\2c 145\2c 150\2c 0\.3\)\2c 0_4px_18px_0_rgba\(145\2c 145\2c 150\2c 0\.2\)\]:hover {
  --tw-shadow: 0 8px 9px -4px rgba(145,145,150,0.3),0 4px 18px 0 rgba(145,145,150,0.2) !important;
  --tw-shadow-colored: 0 8px 9px -4px var(--tw-shadow-color), 0 4px 18px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.hover\:shadow-\[0_8px_9px_-4px_rgba\(59\2c 113\2c 202\2c 0\.3\)\2c 0_4px_18px_0_rgba\(59\2c 113\2c 202\2c 0\.2\)\]:hover {
  --tw-shadow: 0 8px 9px -4px rgba(59,113,202,0.3),0 4px 18px 0 rgba(59,113,202,0.2) !important;
  --tw-shadow-colored: 0 8px 9px -4px var(--tw-shadow-color), 0 4px 18px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.hover\:outline-none:hover {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}

.hover\:outline-4:hover {
  outline-width: 4px !important;
}

.hover\:outline-\[\#181E59\]:hover {
  outline-color: #181E59 !important;
}

.hover\:brightness-105:hover {
  --tw-brightness: brightness(1.05) !important;
  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) !important;
}

.hover\:brightness-90:hover {
  --tw-brightness: brightness(.9) !important;
  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) !important;
}

.hover\:drop-shadow-lg:hover {
  --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1)) !important;
  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) !important;
}

.hover\:grayscale:hover {
  --tw-grayscale: grayscale(100%) !important;
  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) !important;
}

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

.hover\:before\:opacity-\[0\.04\]:hover::before {
  content: var(--tw-content) !important;
  opacity: 0.04 !important;
}

.hover\:before\:shadow-\[0px_0px_0px_13px_rgba\(0\2c 0\2c 0\2c 0\.6\)\]:hover::before {
  content: var(--tw-content) !important;
  --tw-shadow: 0px 0px 0px 13px rgba(0,0,0,0.6) !important;
  --tw-shadow-colored: 0px 0px 0px 13px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.focus\:isolate:focus {
  isolation: isolate !important;
}

.focus\:z-\[3\]:focus {
  z-index: 3 !important;
}

.focus\:rounded-\[50\%\]:focus {
  border-radius: 50% !important;
}

.focus\:\!border-\[\#14a44d\]:focus {
  --tw-border-opacity: 1 !important;
  border-color: rgb(20 164 77 / var(--tw-border-opacity)) !important;
}

.focus\:\!border-\[\#dc4c64\]:focus {
  --tw-border-opacity: 1 !important;
  border-color: rgb(220 76 100 / var(--tw-border-opacity)) !important;
}

.focus\:border-primary:focus {
  --tw-border-opacity: 1 !important;
  border-color: rgb(59 113 202 / var(--tw-border-opacity)) !important;
}

.focus\:border-sec:focus {
  --tw-border-opacity: 1 !important;
  border-color: rgb(145 145 150 / var(--tw-border-opacity)) !important;
}

.focus\:border-transparent:focus {
  border-color: transparent !important;
}

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

.focus\:bg-\[\#00000014\]:focus {
  background-color: #00000014 !important;
}

.focus\:bg-\[\#00000026\]:focus {
  background-color: #00000026 !important;
}

.focus\:bg-nav:focus {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(49 121 234 / var(--tw-bg-opacity)) !important;
}

.focus\:bg-neutral-200:focus {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity)) !important;
}

.focus\:bg-primary-600:focus {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(48 97 175 / var(--tw-bg-opacity)) !important;
}

.focus\:bg-primary-accent-100:focus {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(217 228 243 / var(--tw-bg-opacity)) !important;
}

.focus\:bg-sec:focus {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(145 145 150 / var(--tw-bg-opacity)) !important;
}

.focus\:bg-slate-600:focus {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity)) !important;
}

.focus\:from-\[\#2764AA\]:focus {
  --tw-gradient-from: #2764AA var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(39 100 170 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.focus\:to-\[\#1A1E53\]:focus {
  --tw-gradient-to: #1A1E53 var(--tw-gradient-to-position) !important;
}

.focus\:text-\[\#3b71ca\]:focus {
  --tw-text-opacity: 1 !important;
  color: rgb(59 113 202 / var(--tw-text-opacity)) !important;
}

.focus\:text-gray-700:focus {
  --tw-text-opacity: 1 !important;
  color: rgb(55 65 81 / var(--tw-text-opacity)) !important;
}

.focus\:text-neutral-700:focus {
  --tw-text-opacity: 1 !important;
  color: rgb(64 64 64 / var(--tw-text-opacity)) !important;
}

.focus\:text-primary:focus {
  --tw-text-opacity: 1 !important;
  color: rgb(59 113 202 / var(--tw-text-opacity)) !important;
}

.focus\:text-primary-600:focus {
  --tw-text-opacity: 1 !important;
  color: rgb(48 97 175 / var(--tw-text-opacity)) !important;
}

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

.focus\:\!opacity-90:focus {
  opacity: 0.9 !important;
}

.focus\:opacity-100:focus {
  opacity: 1 !important;
}

.focus\:\!shadow-\[inset_0_0_0_1px_\#14a44d\]:focus {
  --tw-shadow: inset 0 0 0 1px #14a44d !important;
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.focus\:\!shadow-\[inset_0_0_0_1px_\#dc4c64\]:focus {
  --tw-shadow: inset 0 0 0 1px #dc4c64 !important;
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.focus\:shadow-\[0_8px_9px_-4px_rgba\(145\2c 145\2c 150\2c 0\.3\)\2c 0_4px_18px_0_rgba\(145\2c 145\2c 150\2c 0\.2\)\]:focus {
  --tw-shadow: 0 8px 9px -4px rgba(145,145,150,0.3),0 4px 18px 0 rgba(145,145,150,0.2) !important;
  --tw-shadow-colored: 0 8px 9px -4px var(--tw-shadow-color), 0 4px 18px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.focus\:shadow-\[0_8px_9px_-4px_rgba\(59\2c 113\2c 202\2c 0\.3\)\2c 0_4px_18px_0_rgba\(59\2c 113\2c 202\2c 0\.2\)\]:focus {
  --tw-shadow: 0 8px 9px -4px rgba(59,113,202,0.3),0 4px 18px 0 rgba(59,113,202,0.2) !important;
  --tw-shadow-colored: 0 8px 9px -4px var(--tw-shadow-color), 0 4px 18px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.focus\:shadow-\[inset_0_0_0_1px_rgb\(145\2c 145\2c 150\)\]:focus {
  --tw-shadow: inset 0 0 0 1px rgb(145,145,150) !important;
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.focus\:shadow-none:focus {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.focus\:shadow-te-primary:focus {
  --tw-shadow: 0 0 0 1px rgb(59, 113, 202) !important;
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

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

.focus\:ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.focus\:brightness-90:focus {
  --tw-brightness: brightness(.9) !important;
  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) !important;
}

.focus\:transition-\[border-color_0\.2s\]:focus {
  transition-property: border-color 0.2s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}

.focus\:placeholder\:opacity-100:focus::-moz-placeholder {
  opacity: 1 !important;
}

.focus\:placeholder\:opacity-100:focus::placeholder {
  opacity: 1 !important;
}

.focus\:before\:scale-100:focus::before {
  content: var(--tw-content) !important;
  --tw-scale-x: 1 !important;
  --tw-scale-y: 1 !important;
  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)) !important;
}

.focus\:before\:opacity-\[0\.12\]:focus::before {
  content: var(--tw-content) !important;
  opacity: 0.12 !important;
}

.focus\:before\:shadow-\[0px_0px_0px_13px_rgba\(0\2c 0\2c 0\2c 0\.6\)\]:focus::before {
  content: var(--tw-content) !important;
  --tw-shadow: 0px 0px 0px 13px rgba(0,0,0,0.6) !important;
  --tw-shadow-colored: 0px 0px 0px 13px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.focus\:before\:transition-\[box-shadow_0\.2s\2c transform_0\.2s\]:focus::before {
  content: var(--tw-content) !important;
  transition-property: box-shadow 0.2s,transform 0.2s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}

.focus\:after\:absolute:focus::after {
  content: var(--tw-content) !important;
  position: absolute !important;
}

.focus\:after\:z-\[1\]:focus::after {
  content: var(--tw-content) !important;
  z-index: 1 !important;
}

.focus\:after\:block:focus::after {
  content: var(--tw-content) !important;
  display: block !important;
}

.focus\:after\:h-\[0\.875rem\]:focus::after {
  content: var(--tw-content) !important;
  height: 0.875rem !important;
}

.focus\:after\:w-\[0\.875rem\]:focus::after {
  content: var(--tw-content) !important;
  width: 0.875rem !important;
}

.focus\:after\:rounded-\[0\.125rem\]:focus::after {
  content: var(--tw-content) !important;
  border-radius: 0.125rem !important;
}

.focus\:after\:content-\[\'\'\]:focus::after {
  --tw-content: '' !important;
  content: var(--tw-content) !important;
}

.checked\:focus\:before\:scale-100:focus:checked::before {
  content: var(--tw-content) !important;
  --tw-scale-x: 1 !important;
  --tw-scale-y: 1 !important;
  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)) !important;
}

.checked\:focus\:before\:shadow-\[0px_0px_0px_13px_\#3b71ca\]:focus:checked::before {
  content: var(--tw-content) !important;
  --tw-shadow: 0px 0px 0px 13px #3b71ca !important;
  --tw-shadow-colored: 0px 0px 0px 13px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.checked\:focus\:before\:transition-\[box-shadow_0\.2s\2c transform_0\.2s\]:focus:checked::before {
  content: var(--tw-content) !important;
  transition-property: box-shadow 0.2s,transform 0.2s !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}

.checked\:focus\:after\:-mt-px:focus:checked::after {
  content: var(--tw-content) !important;
  margin-top: -1px !important;
}

.checked\:focus\:after\:ml-\[0\.25rem\]:focus:checked::after {
  content: var(--tw-content) !important;
  margin-left: 0.25rem !important;
}

.checked\:focus\:after\:h-\[0\.8125rem\]:focus:checked::after {
  content: var(--tw-content) !important;
  height: 0.8125rem !important;
}

.checked\:focus\:after\:w-\[0\.375rem\]:focus:checked::after {
  content: var(--tw-content) !important;
  width: 0.375rem !important;
}

.checked\:focus\:after\:rotate-45:focus:checked::after {
  content: var(--tw-content) !important;
  --tw-rotate: 45deg !important;
  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)) !important;
}

.checked\:focus\:after\:rounded-none:focus:checked::after {
  content: var(--tw-content) !important;
  border-radius: 0px !important;
}

.checked\:focus\:after\:border-\[0\.125rem\]:focus:checked::after {
  content: var(--tw-content) !important;
  border-width: 0.125rem !important;
}

.checked\:focus\:after\:border-l-0:focus:checked::after {
  content: var(--tw-content) !important;
  border-left-width: 0px !important;
}

.checked\:focus\:after\:border-t-0:focus:checked::after {
  content: var(--tw-content) !important;
  border-top-width: 0px !important;
}

.checked\:focus\:after\:border-solid:focus:checked::after {
  content: var(--tw-content) !important;
  border-style: solid !important;
}

.checked\:focus\:after\:border-white:focus:checked::after {
  content: var(--tw-content) !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
}

.checked\:focus\:after\:bg-transparent:focus:checked::after {
  content: var(--tw-content) !important;
  background-color: transparent !important;
}

.active\:line-clamp-none:active {
  overflow: visible !important;
  display: block !important;
  -webkit-box-orient: horizontal !important;
  -webkit-line-clamp: none !important;
}

.active\:bg-\[\#cacfd1\]:active {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(202 207 209 / var(--tw-bg-opacity)) !important;
}

.active\:bg-nav:active {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(49 121 234 / var(--tw-bg-opacity)) !important;
}

.active\:bg-primary-700:active {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(40 81 146 / var(--tw-bg-opacity)) !important;
}

.active\:bg-primary-accent-200:active {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(206 219 238 / var(--tw-bg-opacity)) !important;
}

.active\:bg-sec:active {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(145 145 150 / var(--tw-bg-opacity)) !important;
}

.active\:bg-slate-700:active {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity)) !important;
}

.active\:text-neutral-800:active {
  --tw-text-opacity: 1 !important;
  color: rgb(38 38 38 / var(--tw-text-opacity)) !important;
}

.active\:text-primary-700:active {
  --tw-text-opacity: 1 !important;
  color: rgb(40 81 146 / var(--tw-text-opacity)) !important;
}

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

.active\:no-underline:active {
  text-decoration-line: none !important;
}

.active\:shadow-\[0_8px_9px_-4px_rgba\(145\2c 145\2c 150\2c 0\.3\)\2c 0_4px_18px_0_rgba\(145\2c 145\2c 150\2c 0\.2\)\]:active {
  --tw-shadow: 0 8px 9px -4px rgba(145,145,150,0.3),0 4px 18px 0 rgba(145,145,150,0.2) !important;
  --tw-shadow-colored: 0 8px 9px -4px var(--tw-shadow-color), 0 4px 18px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.active\:shadow-\[0_8px_9px_-4px_rgba\(59\2c 113\2c 202\2c 0\.3\)\2c 0_4px_18px_0_rgba\(59\2c 113\2c 202\2c 0\.2\)\]:active {
  --tw-shadow: 0 8px 9px -4px rgba(59,113,202,0.3),0 4px 18px 0 rgba(59,113,202,0.2) !important;
  --tw-shadow-colored: 0 8px 9px -4px var(--tw-shadow-color), 0 4px 18px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.disabled\:pointer-events-none:disabled {
  pointer-events: none !important;
}

.disabled\:bg-transparent:disabled {
  background-color: transparent !important;
}

.disabled\:text-neutral-400:disabled {
  --tw-text-opacity: 1 !important;
  color: rgb(163 163 163 / var(--tw-text-opacity)) !important;
}

.disabled\:text-slate-300:disabled {
  --tw-text-opacity: 1 !important;
  color: rgb(203 213 225 / var(--tw-text-opacity)) !important;
}

.disabled\:hover\:bg-transparent:hover:disabled {
  background-color: transparent !important;
}

.group\/x:hover .group-hover\/x\:h-\[11px\] {
  height: 11px !important;
}

.group\/y:hover .group-hover\/y\:w-\[11px\] {
  width: 11px !important;
}

.group\/news:hover .group-hover\/news\:border-main {
  --tw-border-opacity: 1 !important;
  border-color: rgb(22 30 93 / var(--tw-border-opacity)) !important;
}

.group:hover .group-hover\:border-main {
  --tw-border-opacity: 1 !important;
  border-color: rgb(22 30 93 / var(--tw-border-opacity)) !important;
}

.group\/x:hover .group-hover\/x\:bg-\[\#999\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(153 153 153 / var(--tw-bg-opacity)) !important;
}

.group\/y:hover .group-hover\/y\:bg-\[\#999\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(153 153 153 / var(--tw-bg-opacity)) !important;
}

.group:hover .group-hover\:bg-main {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(22 30 93 / var(--tw-bg-opacity)) !important;
}

.group\/back2top:hover .group-hover\/back2top\:fill-main {
  fill: #161E5D !important;
}

.group\/news:hover .group-hover\/news\:text-main {
  --tw-text-opacity: 1 !important;
  color: rgb(22 30 93 / var(--tw-text-opacity)) !important;
}

.group\/ps:hover .group-hover\/ps\:opacity-60 {
  opacity: 0.6 !important;
}

.group:hover .group-hover\:opacity-100 {
  opacity: 1 !important;
}

.group\/news:hover .group-hover\/news\:brightness-90 {
  --tw-brightness: brightness(.9) !important;
  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) !important;
}

.group:hover .group-hover\:brightness-100 {
  --tw-brightness: brightness(1) !important;
  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) !important;
}

.group\/x:focus .group-focus\/x\:h-\[0\.6875rem\] {
  height: 0.6875rem !important;
}

.group\/y:focus .group-focus\/y\:w-\[0\.6875rem\] {
  width: 0.6875rem !important;
}

.group\/x:focus .group-focus\/x\:bg-\[\#999\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(153 153 153 / var(--tw-bg-opacity)) !important;
}

.group\/y:focus .group-focus\/y\:bg-\[\#999\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(153 153 153 / var(--tw-bg-opacity)) !important;
}

.group\/ps:focus .group-focus\/ps\:opacity-100 {
  opacity: 1 !important;
}

.group\/ps:focus .group-focus\/ps\:opacity-60 {
  opacity: 0.6 !important;
}

.group\/ps:active .group-active\/ps\:opacity-100 {
  opacity: 1 !important;
}

.group\/ps.ps--active-x .group-\[\&\.ps--active-x\]\/ps\:block {
  display: block !important;
}

.group\/ps.ps--active-y .group-\[\&\.ps--active-y\]\/ps\:block {
  display: block !important;
}

.group.hi-prod-item:hover .group-\[\.hi-prod-item\:hover\]\:block {
  display: block !important;
}

.group\/x.ps--clicking .group-\[\&\.ps--clicking\]\/x\:h-\[11px\] {
  height: 11px !important;
}

.group\/y.ps--clicking .group-\[\&\.ps--clicking\]\/y\:w-\[11px\] {
  width: 11px !important;
}

.group[data-te-datepicker-cell-current] .group-\[\[data-te-datepicker-cell-current\]\]\:border {
  border-width: 1px !important;
}

.group[data-te-datepicker-cell-current] .group-\[\[data-te-datepicker-cell-current\]\]\:border-solid {
  border-style: solid !important;
}

.group[data-te-datepicker-cell-current] .group-\[\[data-te-datepicker-cell-current\]\]\:border-black {
  --tw-border-opacity: 1 !important;
  border-color: rgb(0 0 0 / var(--tw-border-opacity)) !important;
}

.group\/ps.ps--active-x .group-\[\&\.ps--active-x\]\/ps\:bg-transparent {
  background-color: transparent !important;
}

.group\/ps.ps--active-y .group-\[\&\.ps--active-y\]\/ps\:bg-transparent {
  background-color: transparent !important;
}

.group\/x.ps--clicking .group-\[\&\.ps--clicking\]\/x\:bg-\[\#999\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(153 153 153 / var(--tw-bg-opacity)) !important;
}

.group\/y.ps--clicking .group-\[\&\.ps--clicking\]\/y\:bg-\[\#999\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(153 153 153 / var(--tw-bg-opacity)) !important;
}

.group:not([data-te-datepicker-cell-disabled]):not([data-te-datepicker-cell-selected]):hover .group-\[\:not\(\[data-te-datepicker-cell-disabled\]\)\:not\(\[data-te-datepicker-cell-selected\]\)\:hover\]\:bg-neutral-300 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(212 212 212 / var(--tw-bg-opacity)) !important;
}

.group:not([data-te-datepicker-cell-selected])[data-te-datepicker-cell-focused] .group-\[\:not\(\[data-te-datepicker-cell-selected\]\)\[data-te-datepicker-cell-focused\]\]\:bg-neutral-100 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity)) !important;
}

.group[data-te-datepicker-cell-selected] .group-\[\[data-te-datepicker-cell-selected\]\]\:bg-primary {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(59 113 202 / var(--tw-bg-opacity)) !important;
}

.group[data-te-datepicker-cell-selected] .group-\[\[data-te-datepicker-cell-selected\]\]\:text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.group\/ps.ps--scrolling-x .group-\[\&\.ps--scrolling-x\]\/ps\:opacity-60 {
  opacity: 0.6 !important;
}

.group\/ps.ps--scrolling-y .group-\[\&\.ps--scrolling-y\]\/ps\:opacity-60 {
  opacity: 0.6 !important;
}

.group.swiper-slide-active .group-\[\.swiper-slide-active\]\:opacity-100 {
  opacity: 1 !important;
}

.peer:focus ~ .peer-focus\:-translate-y-\[0\.75rem\] {
  --tw-translate-y: -0.75rem !important;
  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)) !important;
}

.peer:focus ~ .peer-focus\:-translate-y-\[0\.9rem\] {
  --tw-translate-y: -0.9rem !important;
  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)) !important;
}

.peer:focus ~ .peer-focus\:-translate-y-\[1\.15rem\] {
  --tw-translate-y: -1.15rem !important;
  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)) !important;
}

.peer:focus ~ .peer-focus\:scale-\[0\.8\] {
  --tw-scale-x: 0.8 !important;
  --tw-scale-y: 0.8 !important;
  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)) !important;
}

.peer:focus ~ .peer-focus\:\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.peer:focus ~ .peer-focus\:text-gray-200 {
  --tw-text-opacity: 1 !important;
  color: rgb(229 231 235 / var(--tw-text-opacity)) !important;
}

.peer:focus ~ .peer-focus\:text-primary {
  --tw-text-opacity: 1 !important;
  color: rgb(59 113 202 / var(--tw-text-opacity)) !important;
}

.peer:focus ~ .peer-focus\:text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.peer.items-toggle:checked ~ .peer-\[\.items-toggle\:checked\]\:block {
  display: block !important;
}

.peer.items-toggle:checked ~ .peer-\[\.items-toggle\:checked\]\:flex {
  display: flex !important;
}

.peer.search-toggle:checked ~ .peer-\[\.search-toggle\:checked\]\:flex {
  display: flex !important;
}

.peer.items-toggle:checked ~ .peer-\[\.items-toggle\:checked\]\:hidden {
  display: none !important;
}

.peer.search-toggle:checked ~ .peer-\[\.search-toggle\:checked\]\:hidden {
  display: none !important;
}

.data-\[te-datepicker-cell-disabled\]\:pointer-events-none[data-te-datepicker-cell-disabled] {
  pointer-events: none !important;
}

.data-\[te-carousel-fade\]\:z-0[data-te-carousel-fade] {
  z-index: 0 !important;
}

.data-\[te-carousel-fade\]\:z-\[1\][data-te-carousel-fade] {
  z-index: 1 !important;
}

.data-\[te-input-state-active\]\:block[data-te-input-state-active] {
  display: block !important;
}

.data-\[te-tab-active\]\:block[data-te-tab-active] {
  display: block !important;
}

.data-\[te-tab-active\]\:flex[data-te-tab-active] {
  display: flex !important;
}

.data-\[popper-reference-hidden\]\:hidden[data-popper-reference-hidden] {
  display: none !important;
}

.data-\[te-input-state-active\]\:-translate-y-\[0\.75rem\][data-te-input-state-active] {
  --tw-translate-y: -0.75rem !important;
  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)) !important;
}

.data-\[te-input-state-active\]\:-translate-y-\[0\.9rem\][data-te-input-state-active] {
  --tw-translate-y: -0.9rem !important;
  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)) !important;
}

.data-\[te-input-state-active\]\:-translate-y-\[1\.15rem\][data-te-input-state-active] {
  --tw-translate-y: -1.15rem !important;
  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)) !important;
}

.data-\[te-input-state-active\]\:scale-\[0\.8\][data-te-input-state-active] {
  --tw-scale-x: 0.8 !important;
  --tw-scale-y: 0.8 !important;
  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)) !important;
}

.data-\[te-select-open\]\:scale-100[data-te-select-open] {
  --tw-scale-x: 1 !important;
  --tw-scale-y: 1 !important;
  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)) !important;
}

.data-\[te-datepicker-cell-disabled\]\:cursor-default[data-te-datepicker-cell-disabled] {
  cursor: default !important;
}

.data-\[te-input-disabled\]\:cursor-default[data-te-input-disabled] {
  cursor: default !important;
}

.data-\[te-select-option-disabled\]\:cursor-default[data-te-select-option-disabled] {
  cursor: default !important;
}

.data-\[te-select-selected\]\:data-\[te-select-option-disabled\]\:cursor-default[data-te-select-option-disabled][data-te-select-selected] {
  cursor: default !important;
}

.data-\[te-nav-active\]\:border-sec[data-te-nav-active] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(145 145 150 / var(--tw-border-opacity)) !important;
}

.data-\[te-input-disabled\]\:bg-\[\#e9ecef\][data-te-input-disabled] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(233 236 239 / var(--tw-bg-opacity)) !important;
}

.data-\[te-input-multiple-active\]\:bg-black\/5[data-te-input-multiple-active] {
  background-color: rgb(0 0 0 / 0.05) !important;
}

.data-\[te-input-state-active\]\:bg-black\/5[data-te-input-state-active] {
  background-color: rgb(0 0 0 / 0.05) !important;
}

.data-\[te-select-option-selected\]\:bg-black\/\[0\.02\][data-te-select-option-selected] {
  background-color: rgb(0 0 0 / 0.02) !important;
}

.data-\[te-select-option-selected\]\:data-\[te-input-state-active\]\:bg-black\/5[data-te-input-state-active][data-te-select-option-selected] {
  background-color: rgb(0 0 0 / 0.05) !important;
}

.data-\[te-select-selected\]\:data-\[te-select-option-disabled\]\:bg-transparent[data-te-select-option-disabled][data-te-select-selected] {
  background-color: transparent !important;
}

.data-\[te-nav-active\]\:font-bold[data-te-nav-active] {
  font-weight: 700 !important;
}

.data-\[te-datepicker-cell-disabled\]\:text-neutral-300[data-te-datepicker-cell-disabled] {
  --tw-text-opacity: 1 !important;
  color: rgb(212 212 212 / var(--tw-text-opacity)) !important;
}

.data-\[te-select-option-disabled\]\:text-gray-400[data-te-select-option-disabled] {
  --tw-text-opacity: 1 !important;
  color: rgb(156 163 175 / var(--tw-text-opacity)) !important;
}

.data-\[te-select-selected\]\:data-\[te-select-option-disabled\]\:text-gray-400[data-te-select-option-disabled][data-te-select-selected] {
  --tw-text-opacity: 1 !important;
  color: rgb(156 163 175 / var(--tw-text-opacity)) !important;
}

.data-\[te-carousel-fade\]\:opacity-0[data-te-carousel-fade] {
  opacity: 0 !important;
}

.data-\[te-carousel-fade\]\:opacity-100[data-te-carousel-fade] {
  opacity: 1 !important;
}

.data-\[te-select-open\]\:opacity-100[data-te-select-open] {
  opacity: 1 !important;
}

.data-\[te-carousel-fade\]\:duration-\[600ms\][data-te-carousel-fade] {
  transition-duration: 600ms !important;
}

.data-\[te-input-slate-active\]\:placeholder\:opacity-100[data-te-input-slate-active]::-moz-placeholder {
  opacity: 1 !important;
}

.data-\[te-input-slate-active\]\:placeholder\:opacity-100[data-te-input-slate-active]::placeholder {
  opacity: 1 !important;
}

.data-\[te-input-state-active\]\:placeholder\:opacity-100[data-te-input-state-active]::-moz-placeholder {
  opacity: 1 !important;
}

.data-\[te-input-state-active\]\:placeholder\:opacity-100[data-te-input-state-active]::placeholder {
  opacity: 1 !important;
}

.data-\[te-datepicker-cell-disabled\]\:hover\:cursor-default:hover[data-te-datepicker-cell-disabled] {
  cursor: default !important;
}

.group[data-te-datepicker-cell-focused] .group-\[\[data-te-datepicker-cell-focused\]\]\:data-\[te-datepicker-cell-selected\]\:bg-primary[data-te-datepicker-cell-selected] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(59 113 202 / var(--tw-bg-opacity)) !important;
}

.group\/validation[data-te-was-validated] .group-data-\[te-was-validated\]\/validation\:mb-4 {
  margin-bottom: 1rem !important;
}

.group[data-te-input-focused] .group-data-\[te-input-focused\]\:border-x-0 {
  border-left-width: 0px !important;
  border-right-width: 0px !important;
}

.group[data-te-input-state-active] .group-data-\[te-input-state-active\]\:border-x-0 {
  border-left-width: 0px !important;
  border-right-width: 0px !important;
}

.group[data-te-input-focused] .group-data-\[te-input-focused\]\:border-l-0 {
  border-left-width: 0px !important;
}

.group[data-te-input-focused] .group-data-\[te-input-focused\]\:border-r-0 {
  border-right-width: 0px !important;
}

.group[data-te-input-focused] .group-data-\[te-input-focused\]\:border-t {
  border-top-width: 1px !important;
}

.group[data-te-input-state-active] .group-data-\[te-input-state-active\]\:border-l-0 {
  border-left-width: 0px !important;
}

.group[data-te-input-state-active] .group-data-\[te-input-state-active\]\:border-r-0 {
  border-right-width: 0px !important;
}

.group[data-te-input-state-active] .group-data-\[te-input-state-active\]\:border-t {
  border-top-width: 1px !important;
}

.group[data-te-input-focused] .group-data-\[te-input-focused\]\:border-solid {
  border-style: solid !important;
}

.group[data-te-input-state-active] .group-data-\[te-input-state-active\]\:border-solid {
  border-style: solid !important;
}

.group[data-te-input-focused] .group-data-\[te-input-focused\]\:border-\[\#14a44d\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(20 164 77 / var(--tw-border-opacity)) !important;
}

.group[data-te-input-focused] .group-data-\[te-input-focused\]\:border-\[\#dc4c64\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(220 76 100 / var(--tw-border-opacity)) !important;
}

.group[data-te-input-focused] .group-data-\[te-input-focused\]\:border-primary {
  --tw-border-opacity: 1 !important;
  border-color: rgb(59 113 202 / var(--tw-border-opacity)) !important;
}

.group[data-te-input-focused] .group-data-\[te-input-focused\]\:border-white {
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
}

.group[data-te-input-focused] .group-data-\[te-input-focused\]\:border-t-transparent {
  border-top-color: transparent !important;
}

.group[data-te-input-state-active] .group-data-\[te-input-state-active\]\:border-t-transparent {
  border-top-color: transparent !important;
}

.group\/opt[data-te-select-option-group-ref] .group-data-\[te-select-option-group-ref\]\/opt\:pl-7 {
  padding-left: 1.75rem !important;
}

.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[-1px_0_0_\#14a44d\2c _0_1px_0_0_\#14a44d\2c _0_-1px_0_0_\#14a44d\] {
  --tw-shadow: -1px 0 0 #14a44d, 0 1px 0 0 #14a44d, 0 -1px 0 0 #14a44d !important;
  --tw-shadow-colored: -1px 0 0 var(--tw-shadow-color), 0 1px 0 0 var(--tw-shadow-color), 0 -1px 0 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[-1px_0_0_\#3b71ca\2c _0_1px_0_0_\#3b71ca\2c _0_-1px_0_0_\#3b71ca\] {
  --tw-shadow: -1px 0 0 #3b71ca, 0 1px 0 0 #3b71ca, 0 -1px 0 0 #3b71ca !important;
  --tw-shadow-colored: -1px 0 0 var(--tw-shadow-color), 0 1px 0 0 var(--tw-shadow-color), 0 -1px 0 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[-1px_0_0_\#dc4c64\2c _0_1px_0_0_\#dc4c64\2c _0_-1px_0_0_\#dc4c64\] {
  --tw-shadow: -1px 0 0 #dc4c64, 0 1px 0 0 #dc4c64, 0 -1px 0 0 #dc4c64 !important;
  --tw-shadow-colored: -1px 0 0 var(--tw-shadow-color), 0 1px 0 0 var(--tw-shadow-color), 0 -1px 0 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[-1px_0_0_\#ffffff\2c _0_1px_0_0_\#ffffff\2c _0_-1px_0_0_\#ffffff\] {
  --tw-shadow: -1px 0 0 #ffffff, 0 1px 0 0 #ffffff, 0 -1px 0 0 #ffffff !important;
  --tw-shadow-colored: -1px 0 0 var(--tw-shadow-color), 0 1px 0 0 var(--tw-shadow-color), 0 -1px 0 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[0_1px_0_0_\#14a44d\] {
  --tw-shadow: 0 1px 0 0 #14a44d !important;
  --tw-shadow-colored: 0 1px 0 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[0_1px_0_0_\#3b71ca\] {
  --tw-shadow: 0 1px 0 0 #3b71ca !important;
  --tw-shadow-colored: 0 1px 0 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[0_1px_0_0_\#dc4c64\] {
  --tw-shadow: 0 1px 0 0 #dc4c64 !important;
  --tw-shadow-colored: 0 1px 0 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[0_1px_0_0_\#ffffff\] {
  --tw-shadow: 0 1px 0 0 #ffffff !important;
  --tw-shadow-colored: 0 1px 0 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[1px_0_0_\#14a44d\2c _0_-1px_0_0_\#14a44d\2c _0_1px_0_0_\#14a44d\] {
  --tw-shadow: 1px 0 0 #14a44d, 0 -1px 0 0 #14a44d, 0 1px 0 0 #14a44d !important;
  --tw-shadow-colored: 1px 0 0 var(--tw-shadow-color), 0 -1px 0 0 var(--tw-shadow-color), 0 1px 0 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[1px_0_0_\#3b71ca\2c _0_-1px_0_0_\#3b71ca\2c _0_1px_0_0_\#3b71ca\] {
  --tw-shadow: 1px 0 0 #3b71ca, 0 -1px 0 0 #3b71ca, 0 1px 0 0 #3b71ca !important;
  --tw-shadow-colored: 1px 0 0 var(--tw-shadow-color), 0 -1px 0 0 var(--tw-shadow-color), 0 1px 0 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[1px_0_0_\#dc4c64\2c _0_-1px_0_0_\#dc4c64\2c _0_1px_0_0_\#dc4c64\] {
  --tw-shadow: 1px 0 0 #dc4c64, 0 -1px 0 0 #dc4c64, 0 1px 0 0 #dc4c64 !important;
  --tw-shadow-colored: 1px 0 0 var(--tw-shadow-color), 0 -1px 0 0 var(--tw-shadow-color), 0 1px 0 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[1px_0_0_\#ffffff\2c _0_-1px_0_0_\#ffffff\2c _0_1px_0_0_\#ffffff\] {
  --tw-shadow: 1px 0 0 #ffffff, 0 -1px 0 0 #ffffff, 0 1px 0 0 #ffffff !important;
  --tw-shadow-colored: 1px 0 0 var(--tw-shadow-color), 0 -1px 0 0 var(--tw-shadow-color), 0 1px 0 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.group\/validation[data-te-was-validated] .peer:valid ~ .group-data-\[te-was-validated\]\/validation\:peer-valid\:block {
  display: block !important;
}

.group\/validation[data-te-was-validated] .peer:valid ~ .group-data-\[te-was-validated\]\/validation\:peer-valid\:text-green-600 {
  --tw-text-opacity: 1 !important;
  color: rgb(22 163 74 / var(--tw-text-opacity)) !important;
}

.group\/validation[data-te-was-validated] .peer:invalid ~ .group-data-\[te-was-validated\]\/validation\:peer-invalid\:block {
  display: block !important;
}

.group\/validation[data-te-was-validated] .peer:invalid ~ .group-data-\[te-was-validated\]\/validation\:peer-invalid\:text-\[rgb\(220\2c 76\2c 100\)\] {
  --tw-text-opacity: 1 !important;
  color: rgb(220 76 100 / var(--tw-text-opacity)) !important;
}

.peer[data-te-input-state-active] ~ .peer-data-\[te-input-state-active\]\:-translate-y-\[0\.75rem\] {
  --tw-translate-y: -0.75rem !important;
  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)) !important;
}

.peer[data-te-input-state-active] ~ .peer-data-\[te-input-state-active\]\:-translate-y-\[0\.9rem\] {
  --tw-translate-y: -0.9rem !important;
  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)) !important;
}

.peer[data-te-input-state-active] ~ .peer-data-\[te-input-state-active\]\:-translate-y-\[1\.15rem\] {
  --tw-translate-y: -1.15rem !important;
  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)) !important;
}

.peer[data-te-input-state-active] ~ .peer-data-\[te-input-state-active\]\:scale-\[0\.8\] {
  --tw-scale-x: 0.8 !important;
  --tw-scale-y: 0.8 !important;
  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)) !important;
}

.peer[data-te-input-focused] ~ .peer-data-\[te-input-focused\]\:\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.peer[data-te-input-focused] ~ .peer-data-\[te-input-focused\]\:text-primary {
  --tw-text-opacity: 1 !important;
  color: rgb(59 113 202 / var(--tw-text-opacity)) !important;
}

:is([dir="rtl"] .rtl\:\!left-auto) {
  left: auto !important;
}

:is([dir="rtl"] .rtl\:\!origin-\[50\%_50\%_0\]) {
  transform-origin: 50% 50% 0 !important;
}

:is([dir="rtl"] .rtl\:\[direction\:rtl\]) {
  direction: rtl;
}

@media (prefers-reduced-motion: reduce) {

  .motion-reduce\:transform-none {
    transform: none !important;
  }

  @keyframes spinner-grow {

    0% {
      transform: scale(0);
    }

    50% {
      transform: none;
      opacity: 1;
    }
  }

  .motion-reduce\:animate-\[spinner-grow_1\.5s_linear_infinite\] {
    animation: spinner-grow 1.5s linear infinite !important;
  }

  .motion-reduce\:animate-none {
    animation: none !important;
  }

  .motion-reduce\:transition-none {
    transition-property: none !important;
  }
}

:is(.dark .dark\:border-0) {
  border-width: 0px !important;
}

:is(.dark .dark\:border-\[\#14a44d\]) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(20 164 77 / var(--tw-border-opacity)) !important;
}

:is(.dark .dark\:border-\[\#dc4c64\]) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(220 76 100 / var(--tw-border-opacity)) !important;
}

:is(.dark .dark\:border-gray-700) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(55 65 81 / var(--tw-border-opacity)) !important;
}

:is(.dark .dark\:border-neutral-400) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(163 163 163 / var(--tw-border-opacity)) !important;
}

:is(.dark .dark\:border-neutral-500) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(115 115 115 / var(--tw-border-opacity)) !important;
}

:is(.dark .dark\:border-neutral-600) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(82 82 82 / var(--tw-border-opacity)) !important;
}

:is(.dark .dark\:border-primary-400) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(143 174 224 / var(--tw-border-opacity)) !important;
}

:is(.dark .dark\:\!bg-neutral-600) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(82 82 82 / var(--tw-bg-opacity)) !important;
}

:is(.dark .dark\:bg-gray-800) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity)) !important;
}

:is(.dark .dark\:bg-gray-900) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity)) !important;
}

:is(.dark .dark\:bg-neutral-600) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(82 82 82 / var(--tw-bg-opacity)) !important;
}

:is(.dark .dark\:bg-neutral-700) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(64 64 64 / var(--tw-bg-opacity)) !important;
}

:is(.dark .dark\:bg-neutral-800) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity)) !important;
}

:is(.dark .dark\:bg-primary-600) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(48 97 175 / var(--tw-bg-opacity)) !important;
}

:is(.dark .dark\:bg-transparent) {
  background-color: transparent !important;
}

:is(.dark .dark\:bg-zinc-500) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(113 113 122 / var(--tw-bg-opacity)) !important;
}

:is(.dark .dark\:bg-zinc-600\/50) {
  background-color: rgb(82 82 91 / 0.5) !important;
}

:is(.dark .dark\:bg-zinc-700) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(63 63 70 / var(--tw-bg-opacity)) !important;
}

:is(.dark .dark\:bg-zinc-800) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(39 39 42 / var(--tw-bg-opacity)) !important;
}

:is(.dark .dark\:fill-gray-400) {
  fill: #9ca3af !important;
}

:is(.dark .dark\:\!text-primary-400) {
  --tw-text-opacity: 1 !important;
  color: rgb(143 174 224 / var(--tw-text-opacity)) !important;
}

:is(.dark .dark\:text-gray-200) {
  --tw-text-opacity: 1 !important;
  color: rgb(229 231 235 / var(--tw-text-opacity)) !important;
}

:is(.dark .dark\:text-gray-300) {
  --tw-text-opacity: 1 !important;
  color: rgb(209 213 219 / var(--tw-text-opacity)) !important;
}

:is(.dark .dark\:text-gray-400) {
  --tw-text-opacity: 1 !important;
  color: rgb(156 163 175 / var(--tw-text-opacity)) !important;
}

:is(.dark .dark\:text-gray-500) {
  --tw-text-opacity: 1 !important;
  color: rgb(107 114 128 / var(--tw-text-opacity)) !important;
}

:is(.dark .dark\:text-neutral-200) {
  --tw-text-opacity: 1 !important;
  color: rgb(229 229 229 / var(--tw-text-opacity)) !important;
}

:is(.dark .dark\:text-neutral-300) {
  --tw-text-opacity: 1 !important;
  color: rgb(212 212 212 / var(--tw-text-opacity)) !important;
}

:is(.dark .dark\:text-neutral-400) {
  --tw-text-opacity: 1 !important;
  color: rgb(163 163 163 / var(--tw-text-opacity)) !important;
}

:is(.dark .dark\:text-primary-400) {
  --tw-text-opacity: 1 !important;
  color: rgb(143 174 224 / var(--tw-text-opacity)) !important;
}

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

:is(.dark .dark\:shadow-\[0_4px_9px_-4px_rgba\(59\2c 113\2c 202\2c 0\.5\)\]) {
  --tw-shadow: 0 4px 9px -4px rgba(59,113,202,0.5) !important;
  --tw-shadow-colored: 0 4px 9px -4px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

:is(.dark .dark\:placeholder\:text-gray-200)::-moz-placeholder {
  --tw-text-opacity: 1 !important;
  color: rgb(229 231 235 / var(--tw-text-opacity)) !important;
}

:is(.dark .dark\:placeholder\:text-gray-200)::placeholder {
  --tw-text-opacity: 1 !important;
  color: rgb(229 231 235 / var(--tw-text-opacity)) !important;
}

:is(.dark .dark\:placeholder\:text-neutral-200)::-moz-placeholder {
  --tw-text-opacity: 1 !important;
  color: rgb(229 229 229 / var(--tw-text-opacity)) !important;
}

:is(.dark .dark\:placeholder\:text-neutral-200)::placeholder {
  --tw-text-opacity: 1 !important;
  color: rgb(229 229 229 / var(--tw-text-opacity)) !important;
}

:is(.dark .dark\:checked\:border-primary:checked) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(59 113 202 / var(--tw-border-opacity)) !important;
}

:is(.dark .dark\:checked\:bg-primary:checked) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(59 113 202 / var(--tw-bg-opacity)) !important;
}

:is(.dark .dark\:hover\:\!bg-\[\#555\]:hover) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(85 85 85 / var(--tw-bg-opacity)) !important;
}

:is(.dark .dark\:hover\:bg-neutral-500:hover) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(115 115 115 / var(--tw-bg-opacity)) !important;
}

:is(.dark .dark\:hover\:bg-neutral-600:hover) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(82 82 82 / var(--tw-bg-opacity)) !important;
}

:is(.dark .dark\:hover\:bg-neutral-700:hover) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(64 64 64 / var(--tw-bg-opacity)) !important;
}

:is(.dark .dark\:hover\:bg-white\/10:hover) {
  background-color: rgb(255 255 255 / 0.1) !important;
}

:is(.dark .dark\:hover\:fill-gray-100:hover) {
  fill: #f3f4f6 !important;
}

:is(.dark .dark\:hover\:text-\[\#3b71ca\]:hover) {
  --tw-text-opacity: 1 !important;
  color: rgb(59 113 202 / var(--tw-text-opacity)) !important;
}

:is(.dark .dark\:hover\:text-primary-400:hover) {
  --tw-text-opacity: 1 !important;
  color: rgb(143 174 224 / var(--tw-text-opacity)) !important;
}

:is(.dark .dark\:hover\:shadow-\[0_8px_9px_-4px_rgba\(59\2c 113\2c 202\2c 0\.2\)\2c 0_4px_18px_0_rgba\(59\2c 113\2c 202\2c 0\.1\)\]:hover) {
  --tw-shadow: 0 8px 9px -4px rgba(59,113,202,0.2),0 4px 18px 0 rgba(59,113,202,0.1) !important;
  --tw-shadow-colored: 0 8px 9px -4px var(--tw-shadow-color), 0 4px 18px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

:is(.dark .dark\:focus\:\!bg-\[\#555\]:focus) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(85 85 85 / var(--tw-bg-opacity)) !important;
}

:is(.dark .dark\:focus\:bg-white\/10:focus) {
  background-color: rgb(255 255 255 / 0.1) !important;
}

:is(.dark .dark\:focus\:text-\[\#3b71ca\]:focus) {
  --tw-text-opacity: 1 !important;
  color: rgb(59 113 202 / var(--tw-text-opacity)) !important;
}

:is(.dark .dark\:focus\:text-primary-400:focus) {
  --tw-text-opacity: 1 !important;
  color: rgb(143 174 224 / var(--tw-text-opacity)) !important;
}

:is(.dark .dark\:focus\:shadow-\[0_8px_9px_-4px_rgba\(59\2c 113\2c 202\2c 0\.2\)\2c 0_4px_18px_0_rgba\(59\2c 113\2c 202\2c 0\.1\)\]:focus) {
  --tw-shadow: 0 8px 9px -4px rgba(59,113,202,0.2),0 4px 18px 0 rgba(59,113,202,0.1) !important;
  --tw-shadow-colored: 0 8px 9px -4px var(--tw-shadow-color), 0 4px 18px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

:is(.dark .dark\:focus\:before\:shadow-\[0px_0px_0px_13px_rgba\(255\2c 255\2c 255\2c 0\.4\)\]:focus)::before {
  content: var(--tw-content) !important;
  --tw-shadow: 0px 0px 0px 13px rgba(255,255,255,0.4) !important;
  --tw-shadow-colored: 0px 0px 0px 13px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

:is(.dark .dark\:checked\:focus\:before\:shadow-\[0px_0px_0px_13px_\#3b71ca\]:focus:checked)::before {
  content: var(--tw-content) !important;
  --tw-shadow: 0px 0px 0px 13px #3b71ca !important;
  --tw-shadow-colored: 0px 0px 0px 13px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

:is(.dark .dark\:active\:shadow-\[0_8px_9px_-4px_rgba\(59\2c 113\2c 202\2c 0\.2\)\2c 0_4px_18px_0_rgba\(59\2c 113\2c 202\2c 0\.1\)\]:active) {
  --tw-shadow: 0 8px 9px -4px rgba(59,113,202,0.2),0 4px 18px 0 rgba(59,113,202,0.1) !important;
  --tw-shadow-colored: 0 8px 9px -4px var(--tw-shadow-color), 0 4px 18px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

:is(.dark .dark\:disabled\:text-neutral-600:disabled) {
  --tw-text-opacity: 1 !important;
  color: rgb(82 82 82 / var(--tw-text-opacity)) !important;
}

:is(.dark .dark\:disabled\:hover\:bg-transparent:hover:disabled) {
  background-color: transparent !important;
}

:is(.dark .group[data-te-datepicker-cell-current] .dark\:group-\[\[data-te-datepicker-cell-current\]\]\:border-white) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
}

:is(.dark .group:not([data-te-datepicker-cell-disabled]):not([data-te-datepicker-cell-selected]):hover .dark\:group-\[\:not\(\[data-te-datepicker-cell-disabled\]\)\:not\(\[data-te-datepicker-cell-selected\]\)\:hover\]\:bg-white\/10) {
  background-color: rgb(255 255 255 / 0.1) !important;
}

:is(.dark .group:not([data-te-datepicker-cell-selected])[data-te-datepicker-cell-focused] .dark\:group-\[\:not\(\[data-te-datepicker-cell-selected\]\)\[data-te-datepicker-cell-focused\]\]\:bg-white\/10) {
  background-color: rgb(255 255 255 / 0.1) !important;
}

:is(.dark .group[data-te-datepicker-cell-disabled] .dark\:group-\[\[data-te-datepicker-cell-disabled\]\]\:text-neutral-500) {
  --tw-text-opacity: 1 !important;
  color: rgb(115 115 115 / var(--tw-text-opacity)) !important;
}

:is(.dark .peer:focus ~ .dark\:peer-focus\:text-gray-200) {
  --tw-text-opacity: 1 !important;
  color: rgb(229 231 235 / var(--tw-text-opacity)) !important;
}

:is(.dark .peer:focus ~ .dark\:peer-focus\:text-primary) {
  --tw-text-opacity: 1 !important;
  color: rgb(59 113 202 / var(--tw-text-opacity)) !important;
}

:is(.dark .dark\:data-\[te-buttons-timepicker\]\:bg-zinc-700[data-te-buttons-timepicker]) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(63 63 70 / var(--tw-bg-opacity)) !important;
}

:is(.dark .dark\:data-\[te-input-disabled\]\:bg-zinc-600[data-te-input-disabled]) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(82 82 91 / var(--tw-bg-opacity)) !important;
}

:is(.dark .dark\:data-\[te-input-multiple-active\]\:bg-white\/30[data-te-input-multiple-active]) {
  background-color: rgb(255 255 255 / 0.3) !important;
}

:is(.dark .dark\:data-\[te-input-state-active\]\:bg-white\/30[data-te-input-state-active]) {
  background-color: rgb(255 255 255 / 0.3) !important;
}

:is(.dark .dark\:data-\[te-select-option-selected\]\:data-\[te-input-state-active\]\:bg-white\/30[data-te-input-state-active][data-te-select-option-selected]) {
  background-color: rgb(255 255 255 / 0.3) !important;
}

:is(.dark .dark\:data-\[te-select-option-disabled\]\:text-gray-400[data-te-select-option-disabled]) {
  --tw-text-opacity: 1 !important;
  color: rgb(156 163 175 / var(--tw-text-opacity)) !important;
}

@media not all and (min-width: 1280px) {

  .max-xl\:absolute {
    position: absolute !important;
  }

  .max-xl\:right-0 {
    right: 0px !important;
  }

  .max-xl\:top-0 {
    top: 0px !important;
  }

  .max-xl\:h-\[100vh\] {
    height: 100vh !important;
  }

  .max-xl\:w-\[100vw\] {
    width: 100vw !important;
  }

  .max-xl\:max-w-md {
    max-width: 28rem !important;
  }

  .max-xl\:grow {
    flex-grow: 1 !important;
  }

  .max-xl\:flex-col {
    flex-direction: column !important;
  }

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

  .max-xl\:px-\[5\%\] {
    padding-left: 5% !important;
    padding-right: 5% !important;
  }
}

@media not all and (min-width: 1024px) {

  .max-lg\:-right-5 {
    right: -1.25rem !important;
  }

  .max-lg\:translate-y-1\/2 {
    --tw-translate-y: 50% !important;
    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)) !important;
  }

  .max-lg\:overflow-y-hidden {
    overflow-y: hidden !important;
  }

  .max-lg\:overflow-x-scroll {
    overflow-x: scroll !important;
  }

  .max-lg\:pr-5 {
    padding-right: 1.25rem !important;
  }
}

@media not all and (min-width: 768px) {

  .max-md\:flex-col {
    flex-direction: column !important;
  }
}

@media not all and (min-width: 640px) {

  .max-sm\:absolute {
    position: absolute !important;
  }

  .max-sm\:-bottom-10 {
    bottom: -2.5rem !important;
  }

  .max-sm\:-right-6 {
    right: -1.5rem !important;
  }

  .max-sm\:right-0 {
    right: 0px !important;
  }

  .max-sm\:top-0 {
    top: 0px !important;
  }

  .max-sm\:order-1 {
    order: 1 !important;
  }

  .max-sm\:order-2 {
    order: 2 !important;
  }

  .max-sm\:order-3 {
    order: 3 !important;
  }

  .max-sm\:order-4 {
    order: 4 !important;
  }

  .max-sm\:m-4 {
    margin: 1rem !important;
  }

  .max-sm\:my-\[5\%\] {
    margin-top: 5% !important;
    margin-bottom: 5% !important;
  }

  .max-sm\:-mt-\[10\%\] {
    margin-top: -10% !important;
  }

  .max-sm\:-mt-\[5\%\] {
    margin-top: -5% !important;
  }

  .max-sm\:block {
    display: block !important;
  }

  .max-sm\:hidden {
    display: none !important;
  }

  .max-sm\:w-full {
    width: 100% !important;
  }

  .max-sm\:flex-auto {
    flex: 1 1 auto !important;
  }

  .max-sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .max-sm\:flex-col {
    flex-direction: column !important;
  }

  .max-sm\:flex-col-reverse {
    flex-direction: column-reverse !important;
  }

  .max-sm\:flex-wrap {
    flex-wrap: wrap !important;
  }

  .max-sm\:items-center {
    align-items: center !important;
  }

  .max-sm\:justify-between {
    justify-content: space-between !important;
  }

  .max-sm\:rounded-md {
    border-radius: 0.375rem !important;
  }

  .max-sm\:p-2 {
    padding: 0.5rem !important;
  }

  .max-sm\:px-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .max-sm\:px-\[5\%\] {
    padding-left: 5% !important;
    padding-right: 5% !important;
  }

  .max-sm\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .max-sm\:py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .max-sm\:pb-10 {
    padding-bottom: 2.5rem !important;
  }

  .max-sm\:pr-\[20\%\] {
    padding-right: 20% !important;
  }

  .max-sm\:pr-\[5\%\] {
    padding-right: 5% !important;
  }

  .max-sm\:pt-8 {
    padding-top: 2rem !important;
  }
}

@media (min-width: 576px) {

  .min-\[576px\]\:mt-16 {
    margin-top: 4rem !important;
  }

  .min-\[576px\]\:max-w-4xl {
    max-width: 56rem !important;
  }
}

@media (min-width: 640px) {

  .sm\:absolute {
    position: absolute !important;
  }

  .sm\:bottom-0 {
    bottom: 0px !important;
  }

  .sm\:left-10 {
    left: 2.5rem !important;
  }

  .sm\:right-10 {
    right: 2.5rem !important;
  }

  .sm\:top-0 {
    top: 0px !important;
  }

  .sm\:top-\[300px\] {
    top: 300px !important;
  }

  .sm\:col-span-2 {
    grid-column: span 2 / span 2 !important;
  }

  .sm\:row-span-2 {
    grid-row: span 2 / span 2 !important;
  }

  .sm\:row-span-3 {
    grid-row: span 3 / span 3 !important;
  }

  .sm\:-my-\[15vw\] {
    margin-top: -15vw !important;
    margin-bottom: -15vw !important;
  }

  .sm\:my-10 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }

  .sm\:my-6 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .sm\:-mb-9 {
    margin-bottom: -2.25rem !important;
  }

  .sm\:-mr-\[5\%\] {
    margin-right: -5% !important;
  }

  .sm\:-mt-\[10\%\] {
    margin-top: -10% !important;
  }

  .sm\:-mt-\[100px\] {
    margin-top: -100px !important;
  }

  .sm\:-mt-\[12\%\] {
    margin-top: -12% !important;
  }

  .sm\:-mt-\[12vw\] {
    margin-top: -12vw !important;
  }

  .sm\:-mt-\[200px\] {
    margin-top: -200px !important;
  }

  .sm\:-mt-\[20vw\] {
    margin-top: -20vw !important;
  }

  .sm\:-mt-\[50px\] {
    margin-top: -50px !important;
  }

  .sm\:-mt-\[70px\] {
    margin-top: -70px !important;
  }

  .sm\:mb-2 {
    margin-bottom: 0.5rem !important;
  }

  .sm\:mb-6 {
    margin-bottom: 1.5rem !important;
  }

  .sm\:mb-\[3\%\] {
    margin-bottom: 3% !important;
  }

  .sm\:ml-0 {
    margin-left: 0px !important;
  }

  .sm\:mr-\[37\.5px\] {
    margin-right: 37.5px !important;
  }

  .sm\:mr-\[40px\] {
    margin-right: 40px !important;
  }

  .sm\:mt-0 {
    margin-top: 0px !important;
  }

  .sm\:mt-4 {
    margin-top: 1rem !important;
  }

  .sm\:mt-6 {
    margin-top: 1.5rem !important;
  }

  .sm\:mt-8 {
    margin-top: 2rem !important;
  }

  .sm\:mt-\[33\%\] {
    margin-top: 33% !important;
  }

  .sm\:mt-\[37\.5px\] {
    margin-top: 37.5px !important;
  }

  .sm\:mt-\[40px\] {
    margin-top: 40px !important;
  }

  .sm\:mr-2 {
    margin-right: 0.5rem !important;
  }

  .sm\:block {
    display: block !important;
  }

  .sm\:inline-block {
    display: inline-block !important;
  }

  .sm\:hidden {
    display: none !important;
  }

  .sm\:h-12 {
    height: 3rem !important;
  }

  .sm\:h-16 {
    height: 4rem !important;
  }

  .sm\:h-20 {
    height: 5rem !important;
  }

  .sm\:h-6 {
    height: 1.5rem !important;
  }

  .sm\:h-8 {
    height: 2rem !important;
  }

  .sm\:h-9 {
    height: 2.25rem !important;
  }

  .sm\:h-\[140vw\] {
    height: 140vw !important;
  }

  .sm\:h-\[200px\] {
    height: 200px !important;
  }

  .sm\:h-\[230px\] {
    height: 230px !important;
  }

  .sm\:h-\[23vw\] {
    height: 23vw !important;
  }

  .sm\:h-\[30vw\] {
    height: 30vw !important;
  }

  .sm\:h-\[44vw\] {
    height: 44vw !important;
  }

  .sm\:h-\[450px\] {
    height: 450px !important;
  }

  .sm\:h-\[500px\] {
    height: 500px !important;
  }

  .sm\:h-\[60px\] {
    height: 60px !important;
  }

  .sm\:h-\[60vw\] {
    height: 60vw !important;
  }

  .sm\:h-\[700px\] {
    height: 700px !important;
  }

  .sm\:h-\[75px\] {
    height: 75px !important;
  }

  .sm\:h-\[calc\(100\%-11vw\)\] {
    height: calc(100% - 11vw) !important;
  }

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

  .sm\:h-\[18px\] {
    height: 18px !important;
  }

  .sm\:min-h-\[150px\] {
    min-height: 150px !important;
  }

  .sm\:min-h-\[17vw\] {
    min-height: 17vw !important;
  }

  .sm\:min-h-\[40vw\] {
    min-height: 40vw !important;
  }

  .sm\:min-h-\[79vw\] {
    min-height: 79vw !important;
  }

  .sm\:w-1\/2 {
    width: 50% !important;
  }

  .sm\:w-12 {
    width: 3rem !important;
  }

  .sm\:w-16 {
    width: 4rem !important;
  }

  .sm\:w-6 {
    width: 1.5rem !important;
  }

  .sm\:w-8 {
    width: 2rem !important;
  }

  .sm\:w-\[1130px\] {
    width: 1130px !important;
  }

  .sm\:w-\[1600px\] {
    width: 1600px !important;
  }

  .sm\:w-\[230px\] {
    width: 230px !important;
  }

  .sm\:w-\[32vw\] {
    width: 32vw !important;
  }

  .sm\:w-\[33vw\] {
    width: 33vw !important;
  }

  .sm\:w-\[350px\] {
    width: 350px !important;
  }

  .sm\:w-\[36vw\] {
    width: 36vw !important;
  }

  .sm\:w-\[45\%\] {
    width: 45% !important;
  }

  .sm\:w-\[500px\] {
    width: 500px !important;
  }

  .sm\:w-\[60\%\] {
    width: 60% !important;
  }

  .sm\:w-\[75\%\] {
    width: 75% !important;
  }

  .sm\:w-\[75px\] {
    width: 75px !important;
  }

  .sm\:w-\[80\%\] {
    width: 80% !important;
  }

  .sm\:w-\[95\%\] {
    width: 95% !important;
  }

  .sm\:w-\[calc\(\(100\%\/2\)-16px\)\] {
    width: calc((100% / 2) - 16px) !important;
  }

  .sm\:w-\[calc\(100\%-37\.5px\)\] {
    width: calc(100% - 37.5px) !important;
  }

  .sm\:w-\[calc\(33\%-1rem\)\] {
    width: calc(33% - 1rem) !important;
  }

  .sm\:w-\[calc\(50\%-10px\)\] {
    width: calc(50% - 10px) !important;
  }

  .sm\:w-\[calc\(50\%-1rem\)\] {
    width: calc(50% - 1rem) !important;
  }

  .sm\:w-\[calc\(50\%-2\.5rem\)\] {
    width: calc(50% - 2.5rem) !important;
  }

  .sm\:w-full {
    width: 100% !important;
  }

  .sm\:w-auto {
    width: auto !important;
  }

  .sm\:min-w-\[330px\] {
    min-width: 330px !important;
  }

  .sm\:min-w-\[360px\] {
    min-width: 360px !important;
  }

  .sm\:max-w-6xl {
    max-width: 72rem !important;
  }

  .sm\:max-w-\[48\%\] {
    max-width: 48% !important;
  }

  .sm\:flex-\[1\] {
    flex: 1 !important;
  }

  .sm\:flex-\[1_1_38\%\] {
    flex: 1 1 38% !important;
  }

  .sm\:flex-\[1_1_48\.5\%\] {
    flex: 1 1 48.5% !important;
  }

  .sm\:flex-\[1_1_58\%\] {
    flex: 1 1 58% !important;
  }

  .sm\:flex-\[2\] {
    flex: 2 !important;
  }

  .sm\:flex-auto {
    flex: 1 1 auto !important;
  }

  .sm\:grow {
    flex-grow: 1 !important;
  }

  .sm\:grid-flow-col {
    grid-auto-flow: column !important;
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .sm\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  .sm\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  }

  .sm\:flex-row {
    flex-direction: row !important;
  }

  .sm\:flex-wrap {
    flex-wrap: wrap !important;
  }

  .sm\:flex-nowrap {
    flex-wrap: nowrap !important;
  }

  .sm\:items-start {
    align-items: flex-start !important;
  }

  .sm\:items-center {
    align-items: center !important;
  }

  .sm\:items-baseline {
    align-items: baseline !important;
  }

  .sm\:justify-start {
    justify-content: flex-start !important;
  }

  .sm\:justify-between {
    justify-content: space-between !important;
  }

  .sm\:gap-10 {
    gap: 2.5rem !important;
  }

  .sm\:gap-2 {
    gap: 0.5rem !important;
  }

  .sm\:gap-4 {
    gap: 1rem !important;
  }

  .sm\:gap-5 {
    gap: 1.25rem !important;
  }

  .sm\:gap-6 {
    gap: 1.5rem !important;
  }

  .sm\:gap-\[2\%\] {
    gap: 2% !important;
  }

  .sm\:gap-\[20px\] {
    gap: 20px !important;
  }

  .sm\:gap-x-\[3\%\] {
    -moz-column-gap: 3% !important;
         column-gap: 3% !important;
  }

  .sm\:gap-y-6 {
    row-gap: 1.5rem !important;
  }

  .sm\:rounded-2xl {
    border-radius: 1rem !important;
  }

  .sm\:rounded-lg {
    border-radius: 0.5rem !important;
  }

  .sm\:bg-transparent {
    background-color: transparent !important;
  }

  .sm\:bg-\[url\(\'\.\.\/images\/about_bg_1\.jpg\'\)\] {
    background-image: url('../images/about_bg_1.jpg') !important;
  }

  .sm\:bg-\[url\(\'\.\.\/images\/bg-prod-other-top\.png\'\)\] {
    background-image: url('../images/bg-prod-other-top.png') !important;
  }

  .sm\:bg-\[url\(\'\.\.\/images\/bg-prod-pipe-top\.png\'\)\2c url\(\'\.\.\/images\/bg-prod-pipe-bottom\.png\'\)\] {
    background-image: url('../images/bg-prod-pipe-top.png'),url('../images/bg-prod-pipe-bottom.png') !important;
  }

  .sm\:bg-\[url\(\'\.\.\/images\/bg_dealer\.png\'\)\] {
    background-image: url('../images/bg_dealer.png') !important;
  }

  .sm\:bg-\[url\(\'\.\.\/images\/bg_mrdurian\.jpg\'\)\] {
    background-image: url('../images/bg_mrdurian.jpg') !important;
  }

  .sm\:bg-\[url\(\'\.\.\/images\/bg_news_section\.png\'\)\] {
    background-image: url('../images/bg_news_section.png') !important;
  }

  .sm\:bg-\[url\(\'\.\.\/images\/home_bg_01\.png\'\)\] {
    background-image: url('../images/home_bg_01.png') !important;
  }

  .sm\:bg-100 {
    background-size: 100% 100% !important;
  }

  .sm\:bg-\[size\:100\%_12vw\] {
    background-size: 100% 12vw !important;
  }

  .sm\:bg-\[size\:100\%_31vw\2c 100\%_31vw\] {
    background-size: 100% 31vw,100% 31vw !important;
  }

  .sm\:bg-\[position\:top\2c bottom\] {
    background-position: top,bottom !important;
  }

  .sm\:p-10 {
    padding: 2.5rem !important;
  }

  .sm\:p-2 {
    padding: 0.5rem !important;
  }

  .sm\:p-3 {
    padding: 0.75rem !important;
  }

  .sm\:p-6 {
    padding: 1.5rem !important;
  }

  .sm\:p-8 {
    padding: 2rem !important;
  }

  .sm\:p-\[6\%\] {
    padding: 6% !important;
  }

  .sm\:px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .sm\:px-10 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }

  .sm\:px-5 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }

  .sm\:px-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .sm\:px-\[10\%\] {
    padding-left: 10% !important;
    padding-right: 10% !important;
  }

  .sm\:px-\[70px\] {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }

  .sm\:py-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .sm\:py-10 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  .sm\:py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .sm\:pb-10 {
    padding-bottom: 2.5rem !important;
  }

  .sm\:pb-\[100px\] {
    padding-bottom: 100px !important;
  }

  .sm\:pb-\[12vw\] {
    padding-bottom: 12vw !important;
  }

  .sm\:pb-\[20px\] {
    padding-bottom: 20px !important;
  }

  .sm\:pb-\[5\%\] {
    padding-bottom: 5% !important;
  }

  .sm\:pb-\[50px\] {
    padding-bottom: 50px !important;
  }

  .sm\:pl-\[40px\] {
    padding-left: 40px !important;
  }

  .sm\:pr-\[20\%\] {
    padding-right: 20% !important;
  }

  .sm\:pt-0 {
    padding-top: 0px !important;
  }

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

  .sm\:pt-12 {
    padding-top: 3rem !important;
  }

  .sm\:pt-20 {
    padding-top: 5rem !important;
  }

  .sm\:pt-\[100px\] {
    padding-top: 100px !important;
  }

  .sm\:pt-\[12vw\] {
    padding-top: 12vw !important;
  }

  .sm\:pt-\[15\%\] {
    padding-top: 15% !important;
  }

  .sm\:pt-\[200px\] {
    padding-top: 200px !important;
  }

  .sm\:pt-\[50px\] {
    padding-top: 50px !important;
  }

  .sm\:pt-\[6vw\] {
    padding-top: 6vw !important;
  }

  .sm\:pt-\[70px\] {
    padding-top: 70px !important;
  }

  .sm\:text-left {
    text-align: left !important;
  }

  .sm\:text-right {
    text-align: right !important;
  }

  .sm\:text-2xl {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
  }

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

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

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

  .sm\:text-\[16px\] {
    font-size: 16px !important;
  }

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

  .sm\:text-lg {
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
  }

  .sm\:text-sm {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
  }

  .sm\:text-xl {
    font-size: 1.25rem !important;
    line-height: 1.75rem !important;
  }

  .sm\:leading-8 {
    line-height: 2rem !important;
  }

  .sm\:leading-\[2em\] {
    line-height: 2em !important;
  }

  .sm\:leading-none {
    line-height: 1 !important;
  }

  .sm\:text-base {
    --tw-text-opacity: 1 !important;
    color: rgb(247 249 252 / var(--tw-text-opacity)) !important;
  }

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

@media (min-width: 768px) {

  .md\:order-none {
    order: 0 !important;
  }

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

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

  .md\:h-\[38vw\] {
    height: 38vw !important;
  }

  .md\:w-1\/4 {
    width: 25% !important;
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .md\:flex-row {
    flex-direction: row !important;
  }

  .md\:gap-4 {
    gap: 1rem !important;
  }

  .md\:gap-8 {
    gap: 2rem !important;
  }

  .md\:border-l {
    border-left-width: 1px !important;
  }

  .md\:border-t-0 {
    border-top-width: 0px !important;
  }

  .md\:px-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .md\:pr-1 {
    padding-right: 0.25rem !important;
  }

  .md\:pr-\[17px\] {
    padding-right: 17px !important;
  }
}

@media (min-width: 1024px) {

  .lg\:-bottom-\[5\%\] {
    bottom: -5% !important;
  }

  .lg\:top-\[250px\] {
    top: 250px !important;
  }

  .lg\:order-2 {
    order: 2 !important;
  }

  .lg\:order-3 {
    order: 3 !important;
  }

  .lg\:-mt-\[10\%\] {
    margin-top: -10% !important;
  }

  .lg\:-mt-\[100px\] {
    margin-top: -100px !important;
  }

  .lg\:-mt-\[15vw\] {
    margin-top: -15vw !important;
  }

  .lg\:-mt-\[200px\] {
    margin-top: -200px !important;
  }

  .lg\:mb-12 {
    margin-bottom: 3rem !important;
  }

  .lg\:mb-4 {
    margin-bottom: 1rem !important;
  }

  .lg\:mt-6 {
    margin-top: 1.5rem !important;
  }

  .lg\:h-16 {
    height: 4rem !important;
  }

  .lg\:h-\[115vw\] {
    height: 115vw !important;
  }

  .lg\:h-\[35vw\] {
    height: 35vw !important;
  }

  .lg\:h-\[80\%\] {
    height: 80% !important;
  }

  .lg\:h-\[85\%\] {
    height: 85% !important;
  }

  .lg\:min-h-\[150px\] {
    min-height: 150px !important;
  }

  .lg\:w-1\/2 {
    width: 50% !important;
  }

  .lg\:w-1\/3 {
    width: 33.333333% !important;
  }

  .lg\:w-1\/5 {
    width: 20% !important;
  }

  .lg\:w-2\/3 {
    width: 66.666667% !important;
  }

  .lg\:w-\[105\%\] {
    width: 105% !important;
  }

  .lg\:w-\[85\%\] {
    width: 85% !important;
  }

  .lg\:w-\[calc\(\(100\%\/3\)-16px\)\] {
    width: calc((100% / 3) - 16px) !important;
  }

  .lg\:w-\[calc\(25\%-1rem\)\] {
    width: calc(25% - 1rem) !important;
  }

  .lg\:w-full {
    width: 100% !important;
  }

  .lg\:max-w-6xl {
    max-width: 72rem !important;
  }

  .lg\:flex-1 {
    flex: 1 1 0% !important;
  }

  .lg\:flex-\[1_1_38\%\] {
    flex: 1 1 38% !important;
  }

  .lg\:flex-\[1_1_58\%\] {
    flex: 1 1 58% !important;
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .lg\:justify-between {
    justify-content: space-between !important;
  }

  .lg\:gap-16 {
    gap: 4rem !important;
  }

  .lg\:gap-4 {
    gap: 1rem !important;
  }

  .lg\:gap-6 {
    gap: 1.5rem !important;
  }

  .lg\:bg-\[url\(\'\.\.\/images\/about_bg_2\.png\'\)\] {
    background-image: url('../images/about_bg_2.png') !important;
  }

  .lg\:bg-\[url\(\'\.\.\/images\/about_bg_3\.jpg\'\)\] {
    background-image: url('../images/about_bg_3.jpg') !important;
  }

  .lg\:bg-\[url\(\'\.\.\/images\/bg_aboutus_bottom\.png\'\)\] {
    background-image: url('../images/bg_aboutus_bottom.png') !important;
  }

  .lg\:bg-\[url\(\'\.\.\/images\/bg_achivement\.png\'\)\] {
    background-image: url('../images/bg_achivement.png') !important;
  }

  .lg\:bg-\[url\(\'\.\.\/images\/bg_news_01\.png\'\)\] {
    background-image: url('../images/bg_news_01.png') !important;
  }

  .lg\:to-\[\#6F6F6F\] {
    --tw-gradient-to: #6F6F6F var(--tw-gradient-to-position) !important;
  }

  .lg\:px-10 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }

  .lg\:px-12 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .lg\:px-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .lg\:py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .lg\:pb-\[10vw\] {
    padding-bottom: 10vw !important;
  }

  .lg\:pb-\[150px\] {
    padding-bottom: 150px !important;
  }

  .lg\:pt-\[150px\] {
    padding-top: 150px !important;
  }

  .lg\:text-2xl {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
  }

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

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

  .lg\:text-\[16px\] {
    font-size: 16px !important;
  }

  .lg\:opacity-0 {
    opacity: 0 !important;
  }

  .lg\:\[clip-path\:polygon\(0\%_0\%\2c 100\%_0\%\2c 100\%_100\%\2c 0\%_93\%\)\] {
    -webkit-clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 93%);
            clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 93%);
  }

  .lg\:\[clip-path\:polygon\(0_16\%\2c 100\%_0\2c 100\%_100\%\2c 0\%_100\%\)\] {
    -webkit-clip-path: polygon(0 16%,100% 0,100% 100%,0% 100%);
            clip-path: polygon(0 16%,100% 0,100% 100%,0% 100%);
  }
}

@media (min-width: 1280px) {

  .xl\:ml-0 {
    margin-left: 0px !important;
  }

  .xl\:ml-\[7\.5\%\] {
    margin-left: 7.5% !important;
  }

  .xl\:ml-\[calc\(\(100vw-1152px\)\/2\)\] {
    margin-left: calc((100vw - 1152px) / 2) !important;
  }

  .xl\:flex {
    display: flex !important;
  }

  .xl\:hidden {
    display: none !important;
  }

  .xl\:h-12 {
    height: 3rem !important;
  }

  .xl\:w-\[150px\] {
    width: 150px !important;
  }

  .xl\:w-\[250px\] {
    width: 250px !important;
  }

  .xl\:w-\[calc\(1152px\+\(\(100vw-1152px\)\/2\)\)\] {
    width: calc(1152px + ((100vw - 1152px) / 2)) !important;
  }

  .xl\:flex-grow {
    flex-grow: 1 !important;
  }

  .xl\:items-center {
    align-items: center !important;
  }

  .xl\:justify-evenly {
    justify-content: space-evenly !important;
  }

  .xl\:px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .xl\:px-\[10\%\] {
    padding-left: 10% !important;
    padding-right: 10% !important;
  }

  .xl\:px-\[15\%\] {
    padding-left: 15% !important;
    padding-right: 15% !important;
  }

  .xl\:pb-\[150px\] {
    padding-bottom: 150px !important;
  }

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

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

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

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

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

  .xl\:text-\[16px\] {
    font-size: 16px !important;
  }
}

@media (min-width: 320px) {

  @media not all and (min-width: 768px) {

    @media (orientation: landscape) {

      .xs\:max-md\:landscape\:mt-24 {
        margin-top: 6rem !important;
      }

      .xs\:max-md\:landscape\:h-8 {
        height: 2rem !important;
      }

      .xs\:max-md\:landscape\:h-\[360px\] {
        height: 360px !important;
      }

      .xs\:max-md\:landscape\:h-full {
        height: 100% !important;
      }

      .xs\:max-md\:landscape\:w-8 {
        width: 2rem !important;
      }

      .xs\:max-md\:landscape\:w-\[475px\] {
        width: 475px !important;
      }

      .xs\:max-md\:landscape\:flex-row {
        flex-direction: row !important;
      }
    }
  }

  @media (max-width: 825px) {

    @media (orientation: landscape) {

      .min-\[320px\]\:max-\[825px\]\:landscape\:h-auto {
        height: auto !important;
      }

      .min-\[320px\]\:max-\[825px\]\:landscape\:min-h-\[305px\] {
        min-height: 305px !important;
      }

      .min-\[320px\]\:max-\[825px\]\:landscape\:min-h-\[auto\] {
        min-height: auto !important;
      }

      .min-\[320px\]\:max-\[825px\]\:landscape\:min-w-\[auto\] {
        min-width: auto !important;
      }

      .min-\[320px\]\:max-\[825px\]\:landscape\:\!flex-row {
        flex-direction: row !important;
      }

      .min-\[320px\]\:max-\[825px\]\:landscape\:flex-col {
        flex-direction: column !important;
      }

      .min-\[320px\]\:max-\[825px\]\:landscape\:\!justify-around {
        justify-content: space-around !important;
      }

      .min-\[320px\]\:max-\[825px\]\:landscape\:overflow-y-auto {
        overflow-y: auto !important;
      }

      .min-\[320px\]\:max-\[825px\]\:landscape\:rounded-lg {
        border-radius: 0.5rem !important;
      }

      .min-\[320px\]\:max-\[825px\]\:landscape\:rounded-bl-lg {
        border-bottom-left-radius: 0.5rem !important;
      }

      .min-\[320px\]\:max-\[825px\]\:landscape\:rounded-bl-none {
        border-bottom-left-radius: 0px !important;
      }

      .min-\[320px\]\:max-\[825px\]\:landscape\:rounded-tr-none {
        border-top-right-radius: 0px !important;
      }

      .min-\[320px\]\:max-\[825px\]\:landscape\:p-\[10px\] {
        padding: 10px !important;
      }

      .min-\[320px\]\:max-\[825px\]\:landscape\:pr-\[10px\] {
        padding-right: 10px !important;
      }

      .min-\[320px\]\:max-\[825px\]\:landscape\:text-5xl {
        font-size: 3rem !important;
        line-height: 1 !important;
      }

      .min-\[320px\]\:max-\[825px\]\:landscape\:text-\[3rem\] {
        font-size: 3rem !important;
      }

      .min-\[320px\]\:max-\[825px\]\:landscape\:font-normal {
        font-weight: 400 !important;
      }
    }
  }
}

.\[\&\.ps--clicking\]\:\!bg-\[\#eee\].ps--clicking {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity)) !important;
}

.\[\&\.ps--clicking\]\:\!opacity-90.ps--clicking {
  opacity: 0.9 !important;
}

:is(.dark .dark\:\[\&\.ps--clicking\]\:\!bg-\[\#555\].ps--clicking) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(85 85 85 / var(--tw-bg-opacity)) !important;
}

.\[\&\.swiper-slide-active\]\:scale-125.swiper-slide-active {
  --tw-scale-x: 1.25 !important;
  --tw-scale-y: 1.25 !important;
  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)) !important;
}

.\[\&\:\:-webkit-scrollbar-button\]\:block::-webkit-scrollbar-button {
  display: block !important;
}

.\[\&\:\:-webkit-scrollbar-button\]\:h-0::-webkit-scrollbar-button {
  height: 0px !important;
}

.\[\&\:\:-webkit-scrollbar-button\]\:bg-transparent::-webkit-scrollbar-button {
  background-color: transparent !important;
}

.\[\&\:\:-webkit-scrollbar-thumb\]\:h-\[50px\]::-webkit-scrollbar-thumb {
  height: 50px !important;
}

.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded::-webkit-scrollbar-thumb {
  border-radius: 0.25rem !important;
}

.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-\[\#999\]::-webkit-scrollbar-thumb {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(153 153 153 / var(--tw-bg-opacity)) !important;
}

.\[\&\:\:-webkit-scrollbar-track-piece\]\:rounded-none::-webkit-scrollbar-track-piece {
  border-radius: 0px !important;
}

.\[\&\:\:-webkit-scrollbar-track-piece\]\:rounded-l::-webkit-scrollbar-track-piece {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.\[\&\:\:-webkit-scrollbar-track-piece\]\:bg-transparent::-webkit-scrollbar-track-piece {
  background-color: transparent !important;
}

.\[\&\:\:-webkit-scrollbar\]\:h-1::-webkit-scrollbar {
  height: 0.25rem !important;
}

.\[\&\:\:-webkit-scrollbar\]\:w-1::-webkit-scrollbar {
  width: 0.25rem !important;
}

.\[\&\:has\(\.items-toggle\:checked\)\]\:overflow-hidden:has(.items-toggle:checked) {
  overflow: hidden !important;
}

.\[\&\:not\(\[data-te-input-placeholder-active\]\)\]\:placeholder\:opacity-0:not([data-te-input-placeholder-active])::-moz-placeholder {
  opacity: 0 !important;
}

.\[\&\:not\(\[data-te-input-placeholder-active\]\)\]\:placeholder\:opacity-0:not([data-te-input-placeholder-active])::placeholder {
  opacity: 0 !important;
}

.hover\:\[\&\:not\(\[data-te-select-option-disabled\]\)\]\:bg-black\/5:not([data-te-select-option-disabled]):hover {
  background-color: rgb(0 0 0 / 0.05) !important;
}

:is(.dark .dark\:hover\:\[\&\:not\(\[data-te-select-option-disabled\]\)\]\:bg-white\/30:not([data-te-select-option-disabled]):hover) {
  background-color: rgb(255 255 255 / 0.3) !important;
}

.\[\&\:nth-child\(odd\)\]\:bg-neutral-50:nth-child(odd) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity)) !important;
}

:is(.dark .\[\&\:nth-child\(odd\)\]\:dark\:bg-neutral-700):nth-child(odd) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(64 64 64 / var(--tw-bg-opacity)) !important;
}

.\[\&\>svg\]\:pointer-events-none>svg {
  pointer-events: none !important;
}

.\[\&\>svg\]\:mx-auto>svg {
  margin-left: auto !important;
  margin-right: auto !important;
}

.\[\&\>svg\]\:h-4>svg {
  height: 1rem !important;
}

.\[\&\>svg\]\:h-5>svg {
  height: 1.25rem !important;
}

.\[\&\>svg\]\:h-6>svg {
  height: 1.5rem !important;
}

.\[\&\>svg\]\:w-4>svg {
  width: 1rem !important;
}

.\[\&\>svg\]\:w-5>svg {
  width: 1.25rem !important;
}

.\[\&\>svg\]\:w-6>svg {
  width: 1.5rem !important;
}

.\[\&\>svg\]\:rotate-180>svg {
  --tw-rotate: 180deg !important;
  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)) !important;
}

.\[\&\>svg\]\:fill-neutral-500>svg {
  fill: #737373 !important;
}

:is(.dark .dark\:\[\&\>svg\]\:fill-white>svg) {
  fill: #fff !important;
}

.\[\&\[data-te-dropdown-show\]\]\:block[data-te-dropdown-show] {
  display: block !important;
}

.bg-\[url\(\'\/images\/1_BG\.png\'\)\] {
  background-image: url('../images/1_BG.png') !important;
}