/*
! tailwindcss v3.3.0 | 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: currentColor; /* 2 */
}

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

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
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: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
    font-feature-settings: normal; /* 5 */
    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, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
    font-size: 1em; /* 2 */
}

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

small {
    font-size: 80%;
}

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

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/*
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-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;
}

/*
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;
}

[type='text'], [type='email'], [type='url'], [type='password'], [type='number'], [type='date'], [type='datetime-local'], [type='month'], [type='search'], [type='tel'], [type='time'], [type='week'], [multiple], textarea, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    border-radius: 0px;
    padding-top: 0.5rem;
    padding-right: 0.75rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 #0000;
}

    [type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
        outline: 2px solid transparent;
        outline-offset: 2px;
        --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/ );
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: #2563eb;
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        border-color: #2563eb;
    }

    input::-moz-placeholder, textarea::-moz-placeholder {
        color: #6b7280;
        opacity: 1;
    }

    input::placeholder, textarea::placeholder {
        color: #6b7280;
        opacity: 1;
    }

::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
}

::-webkit-date-and-time-value {
    min-height: 1.5em;
}

::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-top: 0;
    padding-bottom: 0;
}

select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

[multiple] {
    background-image: initial;
    background-position: initial;
    background-repeat: unset;
    background-size: initial;
    padding-right: 0.75rem;
    -webkit-print-color-adjust: unset;
    print-color-adjust: unset;
}

[type='checkbox'], [type='radio'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    color: #2563eb;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    --tw-shadow: 0 0 #0000;
}

[type='checkbox'] {
    border-radius: 0px;
}

[type='radio'] {
    border-radius: 100%;
}

    [type='checkbox']:focus, [type='radio']:focus {
        outline: 2px solid transparent;
        outline-offset: 2px;
        --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/ );
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: #2563eb;
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    [type='checkbox']:checked, [type='radio']:checked {
        border-color: transparent;
        background-color: currentColor;
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
    }

[type='checkbox']:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

[type='radio']:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}

    [type='checkbox']:checked:hover, [type='checkbox']:checked:focus, [type='radio']:checked:hover, [type='radio']:checked:focus {
        border-color: transparent;
        background-color: currentColor;
    }

[type='checkbox']:indeterminate {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

    [type='checkbox']:indeterminate:hover, [type='checkbox']:indeterminate:focus {
        border-color: transparent;
        background-color: currentColor;
    }

[type='file'] {
    background: unset;
    border-color: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-size: unset;
    line-height: inherit;
}

    [type='file']:focus {
        outline: 1px solid ButtonText;
        outline: 1px auto -webkit-focus-ring-color;
    }

h1 {
    font-size: 2rem;
    font-weight: 700;
}

h2 {
    font-size: 1.75rem;
    font-weight: 700;
}

h3 {
    font-size: 1.5rem;
    font-weight: 700;
}

h4 {
    font-size: 1.25rem;
    font-weight: 700;
}

h5 {
    font-size: 1.125rem;
    font-weight: 700;
}

h6 {
    font-size: 1rem;
    font-weight: 700;
}

*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:;
    --tw-pan-y:;
    --tw-pinch-zoom:;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal:;
    --tw-slashed-zero:;
    --tw-numeric-figure:;
    --tw-numeric-spacing:;
    --tw-numeric-fraction:;
    --tw-ring-inset:;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:;
    --tw-brightness:;
    --tw-contrast:;
    --tw-grayscale:;
    --tw-hue-rotate:;
    --tw-invert:;
    --tw-saturate:;
    --tw-sepia:;
    --tw-drop-shadow:;
    --tw-backdrop-blur:;
    --tw-backdrop-brightness:;
    --tw-backdrop-contrast:;
    --tw-backdrop-grayscale:;
    --tw-backdrop-hue-rotate:;
    --tw-backdrop-invert:;
    --tw-backdrop-opacity:;
    --tw-backdrop-saturate:;
    --tw-backdrop-sepia:;
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:;
    --tw-pan-y:;
    --tw-pinch-zoom:;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal:;
    --tw-slashed-zero:;
    --tw-numeric-figure:;
    --tw-numeric-spacing:;
    --tw-numeric-fraction:;
    --tw-ring-inset:;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:;
    --tw-brightness:;
    --tw-contrast:;
    --tw-grayscale:;
    --tw-hue-rotate:;
    --tw-invert:;
    --tw-saturate:;
    --tw-sepia:;
    --tw-drop-shadow:;
    --tw-backdrop-blur:;
    --tw-backdrop-brightness:;
    --tw-backdrop-contrast:;
    --tw-backdrop-grayscale:;
    --tw-backdrop-hue-rotate:;
    --tw-backdrop-invert:;
    --tw-backdrop-opacity:;
    --tw-backdrop-saturate:;
    --tw-backdrop-sepia:;
}

.container {
    width: 100%;
}

@media (min-width: 430px) {

    .container {
        max-width: 430px;
    }
}

@media (min-width: 576px) {

    .container {
        max-width: 576px;
    }
}

@media (min-width: 768px) {

    .container {
        max-width: 768px;
    }
}

@media (min-width: 992px) {

    .container {
        max-width: 992px;
    }
}

@media (min-width: 1200px) {

    .container {
        max-width: 1200px;
    }
}

@media (min-width: 1400px) {

    .container {
        max-width: 1400px;
    }
}

@media (min-width: 1800px) {

    .container {
        max-width: 1800px;
    }
}

.footer-link {
    white-space: nowrap;
    font-size: 1.25rem;
    font-weight: 400;
    text-transform: capitalize;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

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

.visible {
    visibility: visible;
}

.invisible {
    visibility: hidden;
}

.static {
    position: static;
}

.fixed {
    position: fixed;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.-bottom-\[12px\] {
    bottom: -12px;
}

.-right-0 {
    right: -0px;
}

.bottom-0 {
    bottom: 0px;
}

.bottom-\[40px\] {
    bottom: 40px;
}

.bottom-\[75px\] {
    bottom: 75px;
}

.left-0 {
    left: 0px;
}

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

.right-\[35px\] {
    right: 35px;
}

.start-0 {
    inset-inline-start: 0px;
}

.top-0 {
    top: 0px;
}

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

.top-8 {
    top: 2rem;
}

.top-\[-115px\] {
    top: -115px;
}

.top-\[5px\] {
    top: 5px;
}

.top-\[61px\] {
    top: 61px;
}

.top-\[calc\(-50\%-24px\)\] {
    top: calc(-50% - 24px);
}

.top-\[calc\(50\%-70px\)\] {
    top: calc(50% - 70px);
}

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

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

.z-20 {
    z-index: 20;
}

.z-30 {
    z-index: 30;
}

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

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

.z-\[99998\] {
    z-index: 99998;
}

.z-\[99999\] {
    z-index: 99999;
}

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

.z-\[999\] {
    z-index: 999;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.m-4 {
    margin: 1rem;
}

.m-auto {
    margin: auto;
}

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

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

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

.my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}

.my-14 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
}

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

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

.-ms-6 {
    -webkit-margin-start: -1.5rem;
    margin-inline-start: -1.5rem;
}

.mb-0 {
    margin-bottom: 0px;
}

.mb-12 {
    margin-bottom: 3rem;
}

.mb-14 {
    margin-bottom: 3.5rem;
}

.mb-16 {
    margin-bottom: 4rem;
}

.mb-2 {
    margin-bottom: 0.5rem;
}

.mb-20 {
    margin-bottom: 5rem;
}

.mb-3 {
    margin-bottom: 0.75rem;
}

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

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

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

.mb-7 {
    margin-bottom: 1.75rem;
}

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

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

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

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

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

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

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

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

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

.mb-auto {
    margin-bottom: auto;
}

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

.mt-11 {
    margin-top: 2.75rem;
}

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

.mt-16 {
    margin-top: 4rem;
}

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

.mt-20 {
    margin-top: 5rem;
}

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

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

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

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

.mt-7 {
    margin-top: 1.75rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt-auto {
    margin-top: auto;
}

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

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

.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

.flex {
    display: flex;
}

.table {
    display: table;
}

.grid {
    display: grid;
}

.hidden {
    display: none;
}

.aspect-\[1\.05\] {
    aspect-ratio: 1.05;
}

.aspect-\[1\.15\] {
    aspect-ratio: 1.15;
}

.aspect-\[2\.3\] {
    aspect-ratio: 2.3;
}

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

.h-1 {
    height: 0.25rem;
}

.h-1\.5 {
    height: 0.375rem;
}

.h-10 {
    height: 2.5rem;
}

.h-16 {
    height: 4rem;
}

.h-2 {
    height: 0.5rem;
}

.h-2\.5 {
    height: 0.625rem;
}

.h-24 {
    height: 6rem;
}

.h-28 {
    height: 7rem;
}

.h-4 {
    height: 1rem;
}

.h-5\/6 {
    height: 83.333333%;
}

.h-6 {
    height: 1.5rem;
}

.h-7 {
    height: 1.75rem;
}

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

.h-\[166px\] {
    height: 166px;
}

.h-\[17px\] {
    height: 17px;
}

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

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

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

.h-\[2px\] {
    height: 2px;
}

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

.h-\[3px\] {
    height: 3px;
}

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

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

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

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

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

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

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

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

.h-\[65px\] {
    height: 65px;
}

.h-\[95px\] {
    height: 95px;
}

.h-auto {
    height: auto;
}

.h-full {
    height: 100%;
}

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

.max-h-\[70\%\] {
    max-height: 70%;
}

.max-h-\[calc\(100vh_-_200px\)\] {
    max-height: calc(100vh - 200px);
}

.max-h-\[calc\(250vh\/3\)\] {
    max-height: calc(250vh / 3);
}

.max-h-\[calc\(4\/5\*100vh\)\] {
    max-height: calc(4 / 5 * 100vh);
}

.max-h-\[unset\] {
    max-height: unset;
}

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

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

.min-h-\[calc\(200vh\/3\)\] {
    min-height: calc(200vh / 3);
}

.min-h-\[calc\(250vh\/3\)\] {
    min-height: calc(250vh / 3);
}

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

.w-10 {
    width: 2.5rem;
}

.w-16 {
    width: 4rem;
}

.w-2 {
    width: 0.5rem;
}

.w-2\.5 {
    width: 0.625rem;
}

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

.w-6 {
    width: 1.5rem;
}

.w-8 {
    width: 2rem;
}

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

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

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

.w-\[18px\] {
    width: 18px;
}

.w-\[224px\] {
    width: 224px;
}

.w-\[240px\] {
    width: 240px;
}

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

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

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

.w-\[42px\] {
    width: 42px;
}

.w-\[44px\] {
    width: 44px;
}

.w-\[45px\] {
    width: 45px;
}

.w-\[50\%\] {
    width: 50%;
}

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

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

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

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

.w-\[65px\] {
    width: 65px;
}

.w-\[80px\] {
    width: 80px;
}

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

.w-\[90px\] {
    width: 90px;
}

.w-\[95px\] {
    width: 95px;
}

.w-\[calc\(100\%-92px\)\] {
    width: calc(100% - 92px);
}

.w-\[calc\(100\%\/3\)\] {
    width: calc(100% / 3);
}

.w-\[calc\(100\%_-_70px\)\] {
    width: calc(100% - 70px);
}

.w-auto {
    width: auto;
}

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

.w-full {
    width: 100%;
}

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

.w-\[70px\] {
    width: 70px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.grow {
    flex-grow: 1;
}

.border-collapse {
    border-collapse: collapse;
}

.border-separate {
    border-collapse: separate;
}

.origin-bottom-left {
    transform-origin: bottom left;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes bounce {

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

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

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

@keyframes fade {

    0%, 100% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

.animate-fade {
    animation: fade 2s linear infinite;
}

@keyframes fade {

    0%, 100% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

.animate-fade-slow {
    animation: fade 2s .5s linear infinite;
}

@keyframes spin {

    to {
        transform: rotate(360deg);
    }
}

.animate-spin {
    animation: spin 1s linear infinite;
}

.cursor-pointer {
    cursor: pointer;
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.scroll-mt-\[60px\] {
    scroll-margin-top: 60px;
}

.scroll-mt-\[92px\] {
    scroll-margin-top: 92px;
}

.grid-flow-col {
    grid-auto-flow: column;
}

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

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

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

.grid-rows-\[minmax\(0\2c 1fr\)_120px\] {
    grid-template-rows: minmax(0,1fr) 120px;
}

.flex-row-reverse {
    flex-direction: row-reverse;
}

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

.flex-wrap {
    flex-wrap: wrap;
}

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

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

.items-center {
    align-items: center;
}

.items-baseline {
    align-items: baseline;
}

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

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

.justify-center {
    justify-content: center;
}

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

.justify-evenly {
    justify-content: space-evenly;
}

.gap-0 {
    gap: 0px;
}

.gap-1 {
    gap: 0.25rem;
}

.gap-12 {
    gap: 3rem;
}

.gap-16 {
    gap: 4rem;
}

.gap-2 {
    gap: 0.5rem;
}

.gap-20 {
    gap: 5rem;
}

.gap-3 {
    gap: 0.75rem;
}

.gap-4 {
    gap: 1rem;
}

.gap-5 {
    gap: 1.25rem;
}

.gap-6 {
    gap: 1.5rem;
}

.gap-8 {
    gap: 2rem;
}

.gap-9 {
    gap: 2.25rem;
}

.gap-\[10px\] {
    gap: 10px;
}

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

.gap-\[35px\] {
    gap: 35px;
}

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

.gap-x-6 {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
}

.gap-y-8 {
    row-gap: 2rem;
}

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

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

.self-end {
    align-self: flex-end;
}

.self-stretch {
    align-self: stretch;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-visible {
    overflow: visible;
}

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

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

.overflow-y-visible {
    overflow-y: visible;
}

.rounded {
    border-radius: 0.25rem;
}

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

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

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

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

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

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

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

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

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

.rounded-lg {
    border-radius: 0.5rem;
}

.rounded-md {
    border-radius: 0.375rem;
}

.rounded-xl {
    border-radius: 0.75rem;
}

.rounded-br-xl {
    border-bottom-right-radius: 0.75rem;
}

.rounded-tl-xl {
    border-top-left-radius: 0.75rem;
}

.border {
    border-width: 1px;
}

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

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

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

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

.border-\[2px\] {
    border-width: 2px;
}

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

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

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

.border-solid {
    border-style: solid;
}

.border-\[\#0A1133\] {
    --tw-border-opacity: 1;
    border-color: rgb(10 17 51 / var(--tw-border-opacity));
}

.border-\[\#0C8592\] {
    --tw-border-opacity: 1;
    border-color: rgb(12 133 146 / var(--tw-border-opacity));
}

.border-\[\#108693\] {
    --tw-border-opacity: 1;
    border-color: rgb(16 134 147 / var(--tw-border-opacity));
}

.border-\[\#161542\] {
    --tw-border-opacity: 1;
    border-color: rgb(22 21 66 / var(--tw-border-opacity));
}

.border-\[\#20a79c\] {
    --tw-border-opacity: 1;
    border-color: rgb(32 167 156 / var(--tw-border-opacity));
}

.border-\[\#4D4E4E\] {
    --tw-border-opacity: 1;
    border-color: rgb(77 78 78 / var(--tw-border-opacity));
}

.border-\[\#50525D\] {
    --tw-border-opacity: 1;
    border-color: rgb(80 82 93 / var(--tw-border-opacity));
}

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

.border-\[\#cecece3b\] {
    border-color: #cecece3b;
}

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

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

.border-white\/25 {
    border-color: rgb(255 255 255 / 0.25);
}

.border-l-\[transparent\] {
    border-left-color: transparent;
}

.border-opacity-50 {
    --tw-border-opacity: 0.5;
}

.bg-\[\#0A1133\] {
    --tw-bg-opacity: 1;
    background-color: rgb(10 17 51 / var(--tw-bg-opacity));
}

.bg-\[\#0E7581\] {
    --tw-bg-opacity: 1;
    background-color: rgb(14 117 129 / var(--tw-bg-opacity));
}

.bg-\[\#0F7481\] {
    --tw-bg-opacity: 1;
    background-color: rgb(15 116 129 / var(--tw-bg-opacity));
}

.bg-\[\#108693\] {
    --tw-bg-opacity: 1;
    background-color: rgb(16 134 147 / var(--tw-bg-opacity));
}

.bg-\[\#161542\] {
    --tw-bg-opacity: 1;
    background-color: rgb(22 21 66 / var(--tw-bg-opacity));
}

.bg-\[\#22653D\] {
    --tw-bg-opacity: 1;
    background-color: rgb(34 101 61 / var(--tw-bg-opacity));
}

.bg-\[\#232323a6\] {
    background-color: #232323a6;
}

.bg-\[\#C5C5C7\] {
    --tw-bg-opacity: 1;
    background-color: rgb(197 197 199 / var(--tw-bg-opacity));
}

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

.bg-\[\#EF5616\] {
    --tw-bg-opacity: 1;
    background-color: rgb(239 86 22 / var(--tw-bg-opacity));
}

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

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

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

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

.bg-black\/80 {
    background-color: rgb(0 0 0 / 0.8);
}

.bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(22 112 122 / var(--tw-bg-opacity));
}

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

.bg-white\/\[\.16\] {
    background-color: rgb(255 255 255 / .16);
}

.bg-opacity-10 {
    --tw-bg-opacity: 0.1;
}

.bg-opacity-5 {
    --tw-bg-opacity: 0.05;
}

.bg-opacity-50 {
    --tw-bg-opacity: 0.5;
}

.bg-opacity-80 {
    --tw-bg-opacity: 0.8;
}

.bg-\[linear-gradient\(-90deg\2c \#161543f2_40\%\2c \#2E867B\)\] {
    background-image: linear-gradient(-90deg,#161543f2 40%,#2E867B);
}

.bg-\[linear-gradient\(180deg\2c _transparent_40\%\2c _\#16707A_20\%\2c _\#16707A_80\%\2c _transparent_80\%\)\] {
    background-image: linear-gradient(180deg, transparent 40%, #16707A 20%, #16707A 80%, transparent 80%);
}

.bg-\[linear-gradient\(90deg\2c \#196066_10\%\2c \#091336\)\] {
    background-image: linear-gradient(90deg,#196066 10%,#091336);
}

.bg-\[linear-gradient\(90deg\2c \#269a8c_0\%\2c \#249588_1\%\2c \#1d7172_9\%\2c \#17535e_18\%\2c \#113a4f_28\%\2c \#0d2743_39\%\2c \#0b1a3a_52\%\2c \#091235_68\%\2c \#091034_1\%\)\] {
    background-image: linear-gradient(90deg,#269a8c 0%,#249588 1%,#1d7172 9%,#17535e 18%,#113a4f 28%,#0d2743 39%,#0b1a3a 52%,#091235 68%,#091034 1%);
}

.bg-\[linear-gradient\(90deg\2c _rgba\(255\2c 255\2c 255\2c 0\.0\)_0\%\2c _rgba\(255\2c 255\2c 255\2c 0\.1\)_10\%\2c _rgba\(255\2c 255\2c 255\2c 0\.3\)_40\%\2c _rgba\(17\2c 115\2c 128\2c 1\)_100\%\)\] {
    background-image: linear-gradient(90deg, rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.1) 10%, rgba(255,255,255,0.3) 40%, rgba(17,115,128,1) 100%);
}

.bg-\[linear-gradient\(90deg\2c _rgba\(32\2c 167\2c 156\2c 1\)_0\%\2c _rgba\(30\2c 146\2c 143\2c 1\)_5\%\2c _rgba\(28\2c 113\2c 123\2c 1\)_10\%\2c _rgba\(26\2c 84\2c 105\2c 1\)_20\%\2c _rgba\(24\2c 60\2c 90\2c 1\)_40\%\2c _rgba\(23\2c 42\2c 79\2c 1\)_60\%\2c _rgba\(22\2c 29\2c 71\2c 1\)_72\%\2c _rgba\(22\2c 22\2c 67\2c 1\)_84\%\2c _rgba\(22\2c 20\2c 66\2c 1\)_96\%\)\] {
    background-image: linear-gradient(90deg, rgba(32,167,156,1) 0%, rgba(30,146,143,1) 5%, rgba(28,113,123,1) 10%, rgba(26,84,105,1) 20%, rgba(24,60,90,1) 40%, rgba(23,42,79,1) 60%, rgba(22,29,71,1) 72%, rgba(22,22,67,1) 84%, rgba(22,20,66,1) 96%);
}

.bg-\[linear-gradient\(90deg\2c _rgba\(32\2c 167\2c 156\2c 1\)_0\%\2c _rgba\(31\2c 152\2c 147\2c 1\)_15\%\2c _rgba\(28\2c 112\2c 122\2c 1\)_30\%\2c _rgba\(26\2c 78\2c 102\2c 1\)_45\%\2c _rgba\(24\2c 53\2c 86\2c 1\)_60\%\2c _rgba\(22\2c 34\2c 74\2c 1\)_75\%\2c _rgba\(22\2c 23\2c 68\2c 1\)_90\%\2c _rgba\(22\2c 20\2c 66\2c 1\)_100\%\)\] {
    background-image: linear-gradient(90deg, rgba(32,167,156,1) 0%, rgba(31,152,147,1) 15%, rgba(28,112,122,1) 30%, rgba(26,78,102,1) 45%, rgba(24,53,86,1) 60%, rgba(22,34,74,1) 75%, rgba(22,23,68,1) 90%, rgba(22,20,66,1) 100%);
}

.bg-\[linear-gradient\(90deg\2c rgba\(255\2c _255\2c _255_\2c 0\)\2c _\#22A99D\)\] {
    background-image: linear-gradient(90deg,rgba(255, 255, 255,0), #22A99D);
}

.bg-\[linear-gradient\(to_right\2c _\#269a8c\2c _\#249588_1\%\2c _\#1d7172_9\.3\%\2c _\#17535e_18\.4\%\2c _\#113a4f_28\.3\%\2c _\#0d2743_39\.4\%\2c _\#0b1a3a_52\.2\%\2c _\#091235_68\.6\%\2c _\#091034\)\] {
    background-image: linear-gradient(to right, #269a8c, #249588 1%, #1d7172 9.3%, #17535e 18.4%, #113a4f 28.3%, #0d2743 39.4%, #0b1a3a 52.2%, #091235 68.6%, #091034);
}

.bg-\[radial-gradient\(circle\2c _rgba\(32\2c 167\2c 156\2c 1\)_0\%\2c _rgba\(32\2c 167\2c 156\2c 0\.93\)_10\%\2c _rgba\(32\2c 167\2c 156\2c 0\.80\)_15\%\2c _rgba\(32\2c 167\2c 156\2c 0\.5\)_30\%\2c _rgba\(32\2c 167\2c 156\2c 0\.23\)_60\%\2c _rgba\(32\2c 167\2c 156\2c 0\)_100\%\)\] {
    background-image: radial-gradient(circle, rgba(32,167,156,1) 0%, rgba(32,167,156,0.93) 10%, rgba(32,167,156,0.80) 15%, rgba(32,167,156,0.5) 30%, rgba(32,167,156,0.23) 60%, rgba(32,167,156,0) 100%);
}

.bg-\[url\(\'\.\.\/images\/asset\.svg\'\)\] {
    background-image: url('../images/asset.svg');
}

.bg-\[url\(\'\.\.\/images\/brands\/brands-banner\.jpg\'\)\] {
    background-image: url('../images/brands/brands-banner.jpg');
}

.bg-\[url\(\'\.\.\/images\/brands\/brands-bg\.svg\'\)\] {
    background-image: url('../images/brands/brands-bg.svg');
}

.bg-\[url\(\'\.\.\/images\/circles\.svg\'\)\] {
    background-image: url('../images/circles.svg');
}

.bg-\[url\(\'\.\.\/images\/common-inquiries\.jpg\'\)\] {
    background-image: url('../images/common-inquiries.jpg');
}

.bg-\[url\(\'\.\.\/images\/customer-service-bg\.jpg\'\)\] {
    background-image: url('../images/customer-service-bg.jpg');
}

.bg-\[url\(\'\.\.\/images\/customer-services-bg\.jpg\'\)\] {
    background-image: url('../images/customer-services-bg.jpg');
}

.bg-\[url\(\'\.\.\/images\/customer-support-graph\.svg\'\)\] {
    background-image: url('../images/customer-support-graph.svg');
}

.bg-\[url\(\'\.\.\/images\/electronic-services\/graph\.svg\'\)\] {
    background-image: url('../images/electronic-services/graph.svg');
}

.bg-\[url\(\'\.\.\/images\/faq\.png\'\)\] {
    background-image: url('../images/faq.png');
}

.bg-\[url\(\'\.\.\/images\/footer-bg\.jpg\'\)\] {
    background-image: url('../images/footer-bg.jpg');
}

.bg-\[url\(\'\.\.\/images\/hero-lines\.svg\'\)\2c _linear-gradient\(90deg\2c \#2E867B_30\%\2c \#161543\)\] {
    background-image: url('../images/hero-lines.svg'), linear-gradient(90deg,#2E867B 30%,#161543);
}

.bg-\[url\(\'\.\.\/images\/news\/upper-layout\.svg\'\)\] {
    background-image: url('../images/news/upper-layout.svg');
}

.bg-\[url\(\'\.\.\/images\/training\.jpg\'\)\] {
    background-image: url('../images/training.jpg');
}

.bg-\[url\(\.\.\/images\/about-tree\.jpg\)\] {
    background-image: url(../images/about-tree.jpg);
}

.bg-\[url\(\.\.\/images\/hero\.jpg\)\] {
    background-image: url(../images/hero.jpg);
}

.bg-\[url\(\.\.\/images\/live\/01\.jpg\)\] {
    background-image: url(../images/live/01.jpg);
}

.bg-\[url\(\.\.\/images\/live\/02\.jpg\)\] {
    background-image: url(../images/live/02.jpg);
}

.bg-\[url\(\.\.\/images\/live\/03\.jpg\)\] {
    background-image: url(../images/live/03.jpg);
}

.bg-\[url\(\.\.\/images\/live\/04\.jpg\)\] {
    background-image: url(../images/live/04.jpg);
}

.bg-\[url\(\.\.\/images\/stra-goals-img\.jpg\)\] {
    background-image: url(../images/stra-goals-img.jpg);
}

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

.from-\[\#2E867B\] {
    --tw-gradient-from: #2E867B var(--tw-gradient-from-position);
    --tw-gradient-from-position:;
    --tw-gradient-to: rgb(46 134 123 / 0) var(--tw-gradient-from-position);
    --tw-gradient-to-position:;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

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

.bg-\[length\:auto_7rem\] {
    background-size: auto 7rem;
}

.bg-contain {
    background-size: contain;
}

.bg-cover {
    background-size: cover;
}

.bg-fixed {
    background-attachment: fixed;
}

.bg-clip-content {
    background-clip: content-box;
}

.bg-\[center_center\] {
    background-position: center center;
}

.bg-\[top_center\] {
    background-position: top center;
}

.bg-bottom {
    background-position: bottom;
}

.bg-center {
    background-position: center;
}

.bg-left {
    background-position: left;
}

.bg-left-bottom {
    background-position: left bottom;
}

.bg-left-top {
    background-position: left top;
}

.bg-right {
    background-position: right;
}

.bg-right-bottom {
    background-position: right bottom;
}

.bg-top {
    background-position: top;
}

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

.bg-repeat-x {
    background-repeat: repeat-x;
}

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

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

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

.p-1 {
    padding: 0.25rem;
}

.p-16 {
    padding: 4rem;
}

.p-2 {
    padding: 0.5rem;
}

.p-3 {
    padding: 0.75rem;
}

.p-4 {
    padding: 1rem;
}

.p-5 {
    padding: 1.25rem;
}

.p-6 {
    padding: 1.5rem;
}

.p-\[40px\] {
    padding: 40px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
}

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

.py-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
}

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

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

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

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

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

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

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

.pb-2 {
    padding-bottom: 0.5rem;
}

.pb-20 {
    padding-bottom: 5rem;
}

.pb-24 {
    padding-bottom: 6rem;
}

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

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

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

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

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

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

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

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

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

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

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

.pe-12 {
    -webkit-padding-end: 3rem;
    padding-inline-end: 3rem;
}

.pe-5 {
    -webkit-padding-end: 1.25rem;
    padding-inline-end: 1.25rem;
}

.pl-3 {
    padding-left: 0.75rem;
}

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

.ps-1 {
    -webkit-padding-start: 0.25rem;
    padding-inline-start: 0.25rem;
}

.ps-14 {
    -webkit-padding-start: 3.5rem;
    padding-inline-start: 3.5rem;
}

.ps-\[20px\] {
    -webkit-padding-start: 20px;
    padding-inline-start: 20px;
}

.ps-\[54px\] {
    -webkit-padding-start: 54px;
    padding-inline-start: 54px;
}

.pt-0 {
    padding-top: 0px;
}

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

.pt-14 {
    padding-top: 3.5rem;
}

.pt-20 {
    padding-top: 5rem;
}

.pt-24 {
    padding-top: 6rem;
}

.pt-28 {
    padding-top: 7rem;
}

.pt-32 {
    padding-top: 8rem;
}

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

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

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

.pt-7 {
    padding-top: 1.75rem;
}

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

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

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

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

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

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

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.align-top {
    vertical-align: top;
}

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

.text-3xl {
    font-size: 1.75rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-\[clamp\(14px\2c _5\.5vw\2c _28px\)\] {
    font-size: clamp(14px, 5.5vw, 28px);
}

.text-\[clamp\(16px\2c _6\.5vw\2c _32px\)\] {
    font-size: clamp(16px, 6.5vw, 32px);
}

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

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

.text-sm {
    font-size: 0.875rem;
}

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

.font-black {
    font-weight: 900;
}

.font-bold {
    font-weight: 700;
}

.font-extrabold {
    font-weight: 800;
}

.font-light {
    font-weight: 300;
}

.font-medium {
    font-weight: 500;
}

.font-semibold {
    font-weight: 600;
}

.capitalize {
    text-transform: capitalize;
}

.leading-10 {
    line-height: 2.5rem;
}

.leading-\[1\.6\] {
    line-height: 1.6;
}

.leading-\[1\] {
    line-height: 1;
}

.leading-none {
    line-height: 1;
}

.text-\[\#0A1133\] {
    --tw-text-opacity: 1;
    color: rgb(10 17 51 / var(--tw-text-opacity));
}

.text-\[\#0A1637\] {
    --tw-text-opacity: 1;
    color: rgb(10 22 55 / var(--tw-text-opacity));
}

.text-\[\#0C8592\] {
    --tw-text-opacity: 1;
    color: rgb(12 133 146 / var(--tw-text-opacity));
}

.text-\[\#0E7581\] {
    --tw-text-opacity: 1;
    color: rgb(14 117 129 / var(--tw-text-opacity));
}

.text-\[\#161542\] {
    --tw-text-opacity: 1;
    color: rgb(22 21 66 / var(--tw-text-opacity));
}

.text-\[\#171E3F\] {
    --tw-text-opacity: 1;
    color: rgb(23 30 63 / var(--tw-text-opacity));
}

.text-\[\#17a8bb\] {
    --tw-text-opacity: 1;
    color: rgb(23 168 187 / var(--tw-text-opacity));
}

.text-\[\#7A7B81\] {
    --tw-text-opacity: 1;
    color: rgb(122 123 129 / var(--tw-text-opacity));
}

.text-\[\#828389\] {
    --tw-text-opacity: 1;
    color: rgb(130 131 137 / var(--tw-text-opacity));
}

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

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

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

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

.text-blueLagoon-800 {
    --tw-text-opacity: 1;
    color: rgb(17 115 128 / var(--tw-text-opacity));
}

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

.underline {
    text-decoration-line: underline;
}

.placeholder-\[\#868C98\]::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(134 140 152 / var(--tw-placeholder-opacity));
}

.placeholder-\[\#868C98\]::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(134 140 152 / var(--tw-placeholder-opacity));
}

.opacity-0 {
    opacity: 0;
}

.opacity-60 {
    opacity: 0.6;
}

.opacity-70 {
    opacity: 0.7;
}

.mix-blend-multiply {
    mix-blend-mode: multiply;
}

.shadow-\[0_0_20px_rgba\(255\2c 255\2c 255\2c 0\.1\)\] {
    --tw-shadow: 0 0 20px rgba(255,255,255,0.1);
    --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_4px_25px_0px_\#00000029\] {
    --tw-shadow: 0 4px 25px 0px #00000029;
    --tw-shadow-colored: 0 4px 25px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[7px_7px_5px_0px_rgba\(164\2c 162\2c 162\2c 0\.45\)\] {
    --tw-shadow: 7px 7px 5px 0px rgba(164,162,162,0.45);
    --tw-shadow-colored: 7px 7px 5px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

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

.drop-shadow-\[42px_24px_16px_rgba\(0\2c 0\2c 0\2c \.4\)\] {
    --tw-drop-shadow: drop-shadow(42px 24px 16px rgba(0,0,0,.4));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

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

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

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

.duration-0 {
    transition-duration: 0s;
}

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

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

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

.rotate-y-180 {
    transform: rotateY(180deg);
}

.border-top {
    border-top-width: .5px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.border-bottom {
    border-bottom-width: .5px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.missions-wrapper li {
    position: relative;
    z-index: 1;
    margin-bottom: 2rem;
    font-size: 18px;
}

    .missions-wrapper li::before {
        position: absolute;
        z-index: -1;
        display: block;
        height: 20px;
        width: 220px;
        --tw-translate-y: 28%;
        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));
        content: var(--tw-content);
        background-image: linear-gradient(90deg,transparent 20%,#1E6369);
    }

    .missions-wrapper li::after {
        position: absolute;
        top: 0px;
        height: 30px;
        width: 48px;
        background-image: url("../images/icons/tasks-icon.svg");
        background-position: top;
        content: var(--tw-content);
        background-repeat: no-repeat;
    }

:is([dir="ltr"] .missions-wrapper li) {
    margin-left: 70px;
}

    :is([dir="ltr"] .missions-wrapper li)::before {
        left: 5px;
        content: var(--tw-content);
        background-image: linear-gradient(-90deg,transparent 20%,#1E6369);
    }

    :is([dir="ltr"] .missions-wrapper li)::after {
        content: var(--tw-content);
        left: -70px;
    }

:is([dir="rtl"] .missions-wrapper li) {
    margin-right: 70px;
}

    :is([dir="rtl"] .missions-wrapper li)::before {
        content: var(--tw-content);
        right: 5px;
    }

    :is([dir="rtl"] .missions-wrapper li)::after {
        content: var(--tw-content);
        right: -70px;
    }

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

    .missions-wrapper li::after {
        content: var(--tw-content);
        background-position: 80%;
    }
}

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

    .missions-wrapper li::after {
        content: var(--tw-content);
        background-position: 50%;
    }
}

@media (min-width: 768px) {

    .missions-wrapper li {
        font-size: 20px;
    }

        .missions-wrapper li::before {
            content: var(--tw-content);
            width: 300px;
        }
}

@media (min-width: 1800px) {

    .missions-wrapper li {
        margin-bottom: 50px;
        font-size: 26px;
    }

        .missions-wrapper li::before {
            content: var(--tw-content);
            --tw-translate-y: 60%;
            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));
        }
}

@font-face {
    font-family: FrutigerLTArabic;
    src: url("../fonts/FrutigerLTArabicLight.ttf");
    font-weight: 300;
}

@font-face {
    font-family: FrutigerLTArabic;
    src: url("../fonts/FrutigerLTArabicRoman.ttf");
    font-weight: 400;
}

@font-face {
    font-family: FrutigerLTArabic;
    src: url("../fonts/FrutigerLTArabicBold.ttf");
    font-weight: 700;
}

@font-face {
    font-family: FrutigerLTArabic;
    src: url("../fonts/FrutigerLTArabicBlack.ttf");
    font-weight: 900;
}

:root {
    scroll-behavior: smooth;
}

body {
    font-family: FrutigerLTArabic, sans-serif;
}

/* Style the scrollbar track */
::-webkit-scrollbar-track {
    background: #ffffff; /* Darker background for the track */
    border-radius: 5px;
}

/* Style the scrollbar thumb */
::-webkit-scrollbar-thumb {
    background: #091034;
    border-radius: 5px;
    height: 5px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #091034;
    }

::-webkit-scrollbar-button {
    display: none;
}

::-webkit-scrollbar {
    width: 10px;
}

.container {
    width: 100%;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 575.9px) {
    .container {
        max-width: 540px;
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
}

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

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1320px;
        padding-right: 1px;
        padding-left: 1px;
    }
}

@media (min-width: 1800px) {
    .container {
        max-width: 1730px;
        padding-right: 1px;
        padding-left: 1px;
    }
}

.time-detailes {
    border-radius: 90px 99px 99px 24px;
}

html[dir=rtl] .time-detailes {
    border-radius: 99px 90px 24px 99px;
}

.swiper-pagination {
    display: flex;
    gap: 18px;
    align-items: center;
}

.swiper-pagination-bullet {
    width: 85px;
    height: 5px;
    border-radius: 0;
    background-color: #fff;
    margin: 0 !important;
    opacity: 1;
}

@media (max-width: 575.9px) {
    .swiper-pagination-bullet {
        width: 40px;
        height: 3px;
    }
}

.swiper-pagination-bullet-active {
    background-color: transparent;
}

html[dir=rtl] .swiper-pagination-bullet-active {
    background-image: linear-gradient(-90deg, rgba(34, 169, 157, 0.75), transparent);
}

html[dir=ltr] .swiper-pagination-bullet-active {
    background-image: linear-gradient(90deg, rgba(34, 169, 157, 0.75), transparent);
}

.hero__links {
    border-width: 1px 0;
    border-style: solid;
}

html[dir=rtl] .hero__links {
    -o-border-image: linear-gradient(-90deg, rgba(34, 169, 157, 0.75), transparent) 1;
    border-image: linear-gradient(-90deg, rgba(34, 169, 157, 0.75), transparent) 1;
}

html[dir=ltr] .hero__links {
    -o-border-image: linear-gradient(90deg, rgba(34, 169, 157, 0.75), transparent) 1;
    border-image: linear-gradient(90deg, rgba(34, 169, 157, 0.75), transparent) 1;
}

.swiper-pagination--dark .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    background: #0a1637 !important;
}

.photos__pagination--dark .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    background: #0a1637;
}

.banner {
    background: linear-gradient(90deg, #229989 0%, #219888 0.3%, #175e63 34.5%, #103348 63.7%, #0b1938 86.4%, #0a1032 100%);
    background-blend-mode: multiply;
}

html[dir=ltr] .banner {
    background: linear-gradient(-90deg, #229989 0%, #219888 0.3%, #175e63 34.5%, #103348 63.7%, #0b1938 86.4%, #0a1032 100%);
}

html[dir=rtl] .readMore {
    background: linear-gradient(to left, rgba(34, 169, 157, 0.5) 0%, rgba(35, 169, 157, 0.495) 0%, rgba(102, 195, 187, 0.345) 19%, rgba(157, 216, 211, 0.22) 37%, rgba(199, 233, 230, 0.125) 54%, rgba(230, 245, 244, 0.055) 71%, rgba(248, 252, 252, 0.015) 87%, rgba(255, 255, 255, 0) 100%);
}

html[dir=ltr] .readMore {
    background: linear-gradient(to right, rgba(34, 169, 157, 0.5) 0%, rgba(35, 169, 157, 0.495) 0%, rgba(102, 195, 187, 0.345) 19%, rgba(157, 216, 211, 0.22) 37%, rgba(199, 233, 230, 0.125) 54%, rgba(230, 245, 244, 0.055) 71%, rgba(248, 252, 252, 0.015) 87%, rgba(255, 255, 255, 0) 100%);
}

.transite-wrapper {
    --transite-time: 120s;
    --carmove-time: 5s;
}

    .transite-wrapper.transite--low {
        --transite-time: 120s;
        --carmove-time: 5s;
    }

    .transite-wrapper.transite--mid {
        --transite-time: 200s;
        --carmove-time: 8s;
    }

    .transite-wrapper.transite--high {
        --transite-time: 300s;
        --carmove-time: 10s;
    }

@keyframes line {
    0% {
        background-position-x: 0;
    }

    100% {
        background-position-x: 20000px;
    }
}

.transite-way {
    animation: wayAnimation 3s infinite;
    animation-delay: 0s;
    animation-timing-function: linear;
}

@keyframes carAnimation {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-15px);
    }

    100% {
        transform: translateY(0);
    }
}

.transite-way {
    width: 100%;
    background-image: url("../images/Bridge.svg");
    background-repeat: repeat-x;
    background-position-x: 0;
    background-position-y: 0;
    background-size: contain;
    animation: line var(--transite-time) linear infinite;
}

.site-content h2 {
    margin-top: 60px;
    position: relative;
    z-index: 10;
    font-size: 30px;
    font-weight: 600;
    -webkit-padding-start: 3.5rem;
    padding-inline-start: 3.5rem;
    color: #16707a;
}

@media (min-width: 768px) {
    .site-content h2 {
        font-size: 50px;
    }
}

@media (max-width: 767px) {
    .site-content h2 {
        font-size: 2.25rem;
        -webkit-padding-start: 2.5rem;
        padding-inline-start: 2.5rem;
    }
}

.site-content h2::before {
    content: "";
    position: absolute;
    z-index: -10;
    height: 100%;
    aspect-ratio: 1.55;
    background-image: url("../images/training/blue-square.png");
    background-size: contain;
    background-repeat: no-repeat;
}

html[dir=rtl] .site-content h2::before {
    transform: translateX(50%);
}

html[dir=ltr] .site-content h2::before {
    transform: translateX(-50%);
}

.site-content h3 {
    font-weight: bold;
    font-size: 25px;
    margin-top: 30px;
}

.site-content p {
    font-weight: bold;
    font-size: 20px;
    margin-top: 30px;
}

.site-content ul {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

    .site-content ul li {
        width: 100%;
        margin-bottom: 0;
        position: relative;
        font-weight: bold;
        font-size: 20px;
        display: flex;
        gap: 5px;
        align-items: baseline;
    }

        .site-content ul li::before {
            content: "";
            width: 15px;
            height: 15px;
            background-repeat: no-repeat;
            background-size: contain;
            background-image: url(../images/training/checked-icon.svg);
            display: inline-block;
            flex-shrink: 0;
            position: relative;
            top: 3px;
        }

        .site-content ul li::after {
            content: "";
            display: block;
            position: absolute;
            bottom: -10px;
            width: 100%;
            height: 6px;
            max-width: 350px;
            background: radial-gradient(circle at 50% 50%, rgb(34, 169, 157), rgba(34, 169, 157, 0.95) 11%, rgba(34, 169, 157, 0.81) 30%, rgba(34, 169, 157, 0.57) 53%, rgba(34, 169, 157, 0.26) 81%, rgba(34, 169, 157, 0) 100%);
        }

.card-content p {
    font-weight: 500;
    color: #fff;
}

.card-content ul {
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

    .card-content ul li {
        color: white;
        width: 100%;
        margin-bottom: 0;
        position: relative;
        font-weight: bold;
        display: flex;
        align-items: baseline;
    }

        .card-content ul li::before {
            content: "";
            width: 1.25rem;
            height: 1.25rem;
            margin: 0 5px;
            background-repeat: no-repeat;
            background-size: contain;
            background-image: url(../images/traveler-packages/list-icon.svg);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.establish-img-wrapper {
    align-items: flex-start;
}

.live-video.active {
    outline: 5px solid white;
    outline-offset: -5px;
}

.trucks__type {
    position: relative;
}

    .trucks__type::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 10px;
        padding: 1px;
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
    }

html[dir=rtl] .trucks__type::before {
    background: linear-gradient(-90deg, rgba(34, 169, 157, 0.75), transparent);
}

html[dir=ltr] .trucks__type::before {
    background: linear-gradient(90deg, rgba(34, 169, 157, 0.75), transparent);
}

.handle-background {
    background-position-y: -200px;
}

@media (max-width: 768px) {
    .handle-background {
        background-position-y: 40px;
    }
}

html[dir=ltr] .rotateYEn {
    transform: rotateY(180deg);
}

.main-title::after {
    content: "";
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='137.257' height='87.982'%3E%3Cpath fill='%230c8592' d='M133.068 11.178C110.092 7.535 88.574.939 72.492.02 48.246-1.366-14.048 70.051 2.873 76.867c8.466 3.41 44.752 9.925 61.833 11.092 22.186 1.516 89.942-73.36 68.362-76.781Z' data-name='Path 3304'/%3E%3C/svg%3E");
    position: absolute;
    top: 0px;
    inset-inline-start: 0px;
    z-index: 0;
}

.main-title__secondary::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='262.081' height='167.995'%3E%3Cpath fill='%23161542' d='M254.084 21.344C210.212 14.389 169.126 1.793 138.419.038 92.124-2.607-26.821 133.757 5.487 146.771c16.164 6.512 85.451 18.953 118.065 21.181 42.36 2.894 171.741-140.075 130.532-146.608Z' data-name='Path 308'/%3E%3C/svg%3E");
}

@media (max-width: 991.9px) {
    .main-title::after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64.995' height='41.662'%3E%3Cpath fill='%230c8592' d='M63.011 5.289C52.131 3.564 41.942.441 34.327.005 22.846-.651-6.652 33.166 1.361 36.394c4.009 1.615 21.191 4.7 29.28 5.252 10.507.722 42.589-34.733 32.37-36.357Z' data-name='Path 3304'/%3E%3C/svg%3E");
    }
}

.sub-title::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='66.844' height='41.283'%3E%3Cpath fill='%230c8592' d='M64.804 5.245c-11.19-1.709-21.669-4.8-29.5-5.236-11.807-.65-42.144 32.86-33.9 36.057 4.123 1.6 21.794 4.657 30.113 5.206 10.799.711 43.797-34.422 33.287-36.027Z' data-name='Path 3303'/%3E%3C/svg%3E");
    position: absolute;
    top: 0;
    inset-inline-start: 0px;
    z-index: 1;
}

@media (max-width: 991.9px) {
    .sub-title::after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='47.555' height='29.37'%3E%3Cpath fill='%230c8592' d='M46.103 3.731C38.142 2.515 30.687.314 25.115.006 16.715-.456-4.868 23.383.994 25.658c2.933 1.138 15.5 3.313 21.423 3.7 7.687.51 31.164-24.485 23.686-25.627Z' data-name='Path 3303'/%3E%3C/svg%3E");
    }
}

.truck-title {
    flex-direction: row-reverse;
}

    .truck-title::after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='95.305' height='60.298'%3E%3Cg fill='%23fff' data-name='Group 959'%3E%3Cpath d='M95.305 49.707a2.035 2.035 0 0 1-2.089 1.066c-1.387-.044-2.777-.011-4.238-.011a9.654 9.654 0 0 1-3.722 7.557 9.21 9.21 0 0 1-6.156 1.976c-3.916-.134-8.726-3.054-9.135-9.466H36.434a9.555 9.555 0 0 1-3.944 7.658 9.2 9.2 0 0 1-6.118 1.8c-3.678-.2-8.489-2.907-8.945-9.524h-.974c-2.234 0-4.468.011-6.7 0a3.142 3.142 0 0 1-3.411-3.426c-.007-.953 0-1.907 0-2.962H2.351a7.872 7.872 0 0 1-1.114-.038A1.348 1.348 0 0 1 .01 43.024a1.361 1.361 0 0 1 1.075-1.53 3.4 3.4 0 0 1 .919-.094q6.656-.008 13.312 0a4.1 4.1 0 0 1 .649.032 1.487 1.487 0 0 1 1.327 1.535 1.432 1.432 0 0 1-1.461 1.392c-1.8.035-3.6.016-5.4.018H9.378v3.318a5.392 5.392 0 0 0 .7.09c2.421.007 4.841-.011 7.26.017.528.006.731-.207.943-.661a9.438 9.438 0 0 1 17.346.028.912.912 0 0 0 .97.631q14.753-.021 29.507-.013c.211 0 .423-.033.734-.061V37.294c0-.248-.013-.5.008-.744a1.54 1.54 0 0 1 1.475-1.509 1.473 1.473 0 0 1 1.49 1.565c.019 3.351.009 6.7.01 10.053a2.579 2.579 0 0 0 .014.649c.046.171.19.428.312.44.163.018.365-.145.514-.27.083-.07.088-.227.141-.339 1.731-3.647 4.618-5.685 8.648-5.7a9.071 9.071 0 0 1 8.712 5.727.884.884 0 0 0 .962.635c1.018-.035 2.039-.01 3.128-.01v-6.6c-.519 0-1.062.013-1.606 0a4.615 4.615 0 0 1-4.676-4.748 92.486 92.486 0 0 1 0-2.885 1.512 1.512 0 0 1 1.728-1.7c1.394-.018 2.789 0 4.31 0a3.312 3.312 0 0 0-1.469-2.209 6.235 6.235 0 0 0-2.785-1.1c-5.832-.1-11.666-.052-17.5-.051a3.242 3.242 0 0 0-.441.072c0 .542.021 1.063 0 1.581a1.467 1.467 0 0 1-1.447 1.507 1.5 1.5 0 0 1-1.515-1.458c-.027-.277-.012-.558-.012-.837v-26.3H9.324v26.294a9.114 9.114 0 0 1-.018.93 1.466 1.466 0 0 1-2.889.23 3.946 3.946 0 0 1-.074-1.015q-.005-12.938 0-25.877c0-2.411 1.195-3.6 3.6-3.6h56.316c2.375 0 3.553 1.172 3.561 3.529v2.779c.392.018.72.046 1.047.046 3.2 0 6.393.068 9.587-.014 4.013-.1 7.519 2.665 6.82 8.116-.063.5-.589.932-1.023 1.577.707 2.835 1.471 5.929 2.268 9.014a.966.966 0 0 0 .568.6 7.8 7.8 0 0 1 6.087 6.313 1.035 1.035 0 0 0 .131.243Zm-25.4-33.92v9.66H85.47c-.053-.29-.083-.532-.141-.766-.661-2.674-1.346-5.343-1.977-8.024-.161-.683-.429-.943-1.172-.934-3.782.042-7.565.018-11.346.021-.306-.005-.607.023-.932.038Zm9.623 41.538a6.467 6.467 0 1 0-6.516-6.407 6.523 6.523 0 0 0 6.513 6.402ZM33.417 50.87a6.468 6.468 0 1 0-6.551 6.454 6.488 6.488 0 0 0 6.548-6.459Zm36.459-38.21h14.423a3.2 3.2 0 0 0-3.429-3.3c-3.409-.018-6.817-.006-10.226 0-.24 0-.48.035-.768.058Zm22.38 25.488v-3.251h-3.245c-.259 2.953.259 3.472 3.242 3.246Z' data-name='Path 310'/%3E%3Cpath d='M36.466 28.134c2.722-2.739 5.3-5.335 7.878-7.927q2.5-2.506 5-5c.109-.11.215-.224.329-.329a1.5 1.5 0 0 1 2.229-.073 1.482 1.482 0 0 1-.106 2.162q-7.061 7.09-14.152 14.149a1.445 1.445 0 0 1-2.292-.014q-3.9-3.864-7.766-7.767a1.489 1.489 0 1 1 2.111-2.085c2.011 1.982 4 3.984 5.994 5.984.237.238.441.512.775.9Z' data-name='Path 311'/%3E%3Cpath d='M50.796 44.365c-3.567 0-7.135.019-10.7-.023a2.437 2.437 0 0 1-1.5-.508 1.4 1.4 0 0 1 .6-2.322 3.286 3.286 0 0 1 1.008-.121q10.609-.01 21.218 0a4.867 4.867 0 0 1 .65.024 1.508 1.508 0 0 1 1.393 1.481 1.445 1.445 0 0 1-1.494 1.457c-1.55.036-3.1.015-4.653.016l-6.522-.004Z' data-name='Path 312'/%3E%3Cpath d='M14.231 37.996H5.023c-1.176 0-1.855-.554-1.852-1.479 0-.91.71-1.494 1.863-1.495q9.208-.008 18.415 0c1.4 0 2.2 1.085 1.632 2.172a1.619 1.619 0 0 1-1.643.808c-3.071-.014-6.141-.006-9.207-.006Z' data-name='Path 313'/%3E%3Cpath d='M79.479 47.787a3.06 3.06 0 0 1 3.089 3.059 3.081 3.081 0 1 1-6.161.01 3.047 3.047 0 0 1 3.072-3.069Z' data-name='Path 314'/%3E%3Cpath d='M30.015 50.839a3.08 3.08 0 0 1-3.053 3.1 3.144 3.144 0 0 1-3.1-3.081 3.076 3.076 0 0 1 3.078-3.076 3.025 3.025 0 0 1 3.075 3.057Z' data-name='Path 315'/%3E%3C/g%3E%3C/svg%3E");
    }

@media (max-width: 991.9px) {
    .truck-title::after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='57.758' height='36.542' viewBox='0 0 57.758 36.542'%3E%3Cg id='Group_959' data-name='Group 959' transform='translate(-1106.922 -1387.493)'%3E%3Cpath id='Path_310' data-name='Path 310' d='M1164.68,1417.614a1.234,1.234,0,0,1-1.266.646c-.841-.026-1.683-.007-2.569-.007a5.851,5.851,0,0,1-2.256,4.58,5.581,5.581,0,0,1-3.731,1.2,5.809,5.809,0,0,1-5.536-5.736H1129a5.791,5.791,0,0,1-2.39,4.641,5.574,5.574,0,0,1-3.708,1.09,5.807,5.807,0,0,1-5.421-5.772h-.59c-1.354,0-2.708.007-4.061,0a1.9,1.9,0,0,1-2.067-2.076c0-.578,0-1.156,0-1.8-.848,0-1.633,0-2.418,0a4.764,4.764,0,0,1-.675-.023.817.817,0,0,1-.744-.8.825.825,0,0,1,.652-.927,2.055,2.055,0,0,1,.557-.057q4.034,0,8.067,0a2.48,2.48,0,0,1,.393.02.9.9,0,0,1,.8.93.868.868,0,0,1-.885.843c-1.091.021-2.181.01-3.272.011h-.637v2.011a3.269,3.269,0,0,0,.422.055c1.467,0,2.934-.007,4.4.01.32,0,.443-.125.572-.4a5.72,5.72,0,0,1,10.512.017.553.553,0,0,0,.588.382q8.941-.013,17.883-.008c.128,0,.256-.02.445-.037v-.625q0-2.849,0-5.7c0-.15-.008-.3,0-.451a.933.933,0,0,1,.894-.915.893.893,0,0,1,.9.948c.012,2.031.005,4.062.006,6.092a1.561,1.561,0,0,0,.009.393c.028.1.115.259.189.267.1.011.221-.088.312-.164.05-.042.053-.137.086-.206a5.727,5.727,0,0,1,10.521.018.536.536,0,0,0,.583.385c.617-.021,1.235-.006,1.9-.006v-4c-.314,0-.644.008-.973,0a2.8,2.8,0,0,1-2.834-2.877c-.008-.583-.01-1.166,0-1.749a.916.916,0,0,1,1.047-1.033c.845-.01,1.69,0,2.612,0a2.007,2.007,0,0,0-.89-1.339,3.776,3.776,0,0,0-1.687-.666c-3.534-.061-7.07-.032-10.605-.031a1.976,1.976,0,0,0-.267.044c0,.329.013.644,0,.958a.889.889,0,0,1-.877.914.91.91,0,0,1-.918-.883c-.017-.168-.007-.338-.007-.507v-15.938h-34.856v15.935a5.557,5.557,0,0,1-.01.564.889.889,0,0,1-1.751.14,2.384,2.384,0,0,1-.045-.615q0-7.841,0-15.682a1.927,1.927,0,0,1,2.183-2.185h34.13a1.9,1.9,0,0,1,2.158,2.138c0,.542,0,1.085,0,1.684.238.011.436.028.635.028,1.937,0,3.874.041,5.81-.009,2.432-.062,4.557,1.615,4.133,4.919-.038.3-.357.565-.62.956.428,1.718.891,3.593,1.375,5.463a.586.586,0,0,0,.344.362,4.724,4.724,0,0,1,3.689,3.826.623.623,0,0,0,.079.147Zm-15.395-20.556v5.854h9.433c-.032-.176-.051-.322-.086-.464-.4-1.62-.816-3.238-1.2-4.863-.1-.414-.26-.572-.71-.566-2.292.026-4.584.011-6.876.013C1149.664,1397.032,1149.482,1397.048,1149.285,1397.058Zm5.832,25.173a3.919,3.919,0,1,0-3.949-3.883A3.953,3.953,0,0,0,1155.117,1422.231Zm-27.945-3.912a3.92,3.92,0,1,0-3.97,3.911A3.932,3.932,0,0,0,1127.172,1418.319Zm22.1-23.156h8.741a1.938,1.938,0,0,0-2.078-2c-2.066-.011-4.131,0-6.2,0-.146,0-.291.021-.465.035Zm13.563,15.447v-1.97h-1.967C1160.709,1410.431,1161.023,1410.746,1162.83,1410.609Z' fill='%23fff'/%3E%3Cpath id='Path_311' data-name='Path 311' d='M1143.486,1412.214c1.649-1.66,3.21-3.233,4.774-4.8q1.512-1.519,3.031-3.032c.066-.066.13-.136.2-.2a.908.908,0,0,1,1.351-.045.9.9,0,0,1-.064,1.31q-4.279,4.3-8.577,8.575a.875.875,0,0,1-1.389-.009q-2.366-2.342-4.706-4.707a.9.9,0,1,1,1.28-1.264c1.219,1.2,2.425,2.415,3.633,3.627C1143.162,1411.813,1143.286,1411.979,1143.486,1412.214Z' transform='translate(-14.467 -7.671)' fill='%23fff'/%3E%3Cpath id='Path_312' data-name='Path 312' d='M1158.133,1436.519c-2.162,0-4.324.012-6.486-.014a1.476,1.476,0,0,1-.911-.308.847.847,0,0,1,.362-1.407,1.992,1.992,0,0,1,.611-.073q6.43-.006,12.859,0a2.962,2.962,0,0,1,.394.014.914.914,0,0,1,.844.9.875.875,0,0,1-.905.883c-.94.022-1.88.009-2.82.01Z' transform='translate(-20.424 -22.139)' fill='%23fff'/%3E%3Cpath id='Path_313' data-name='Path 313' d='M1117.241,1429.251q-2.79,0-5.58,0c-.713,0-1.125-.336-1.122-.9s.43-.905,1.129-.906q5.58,0,11.16,0c.849,0,1.332.657.989,1.316a.981.981,0,0,1-1,.49C1120.96,1429.246,1119.1,1429.251,1117.241,1429.251Z' transform='translate(-1.695 -18.731)' fill='%23fff'/%3E%3Cpath id='Path_314' data-name='Path 314' d='M1195.96,1442.016a1.854,1.854,0,0,1,1.872,1.854,1.867,1.867,0,1,1-3.734.006A1.847,1.847,0,0,1,1195.96,1442.016Z' transform='translate(-40.872 -25.563)' fill='%23fff'/%3E%3Cpath id='Path_315' data-name='Path 315' d='M1137.87,1443.865a1.867,1.867,0,0,1-1.85,1.881,1.906,1.906,0,0,1-1.88-1.867,1.864,1.864,0,0,1,1.865-1.864A1.833,1.833,0,0,1,1137.87,1443.865Z' transform='translate(-12.761 -25.562)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
    }
}

.truck-arrow {
    animation: 2s linear 1s arrow-rtl infinite;
}

html[dir=ltr] .truck-arrow {
    animation: 2s linear 1s arrow-ltr infinite;
}

@keyframes arrow-rtl {
    0% {
        right: 10%;
    }

    50% {
        opacity: 1;
    }

    100% {
        right: -15%;
        opacity: 0;
    }
}

@keyframes arrow-ltr {
    0% {
        left: 10%;
    }

    50% {
        opacity: 1;
    }

    100% {
        left: -15%;
        opacity: 0;
    }
}

.trucks-data__content {
    padding-bottom: 3px;
    /* Track */
    /* Handle */
    /* Handle on hover */
}

    .trucks-data__content table {
        margin-top: 3px;
        border-spacing: 1px;
        width: 100%;
    }

    .trucks-data__content::-webkit-scrollbar {
        width: 3px;
        height: 8px;
    }

    .trucks-data__content::-webkit-scrollbar-track {
        border-radius: 3px;
        background: #183556;
    }

    .trucks-data__content::-webkit-scrollbar-thumb {
        background: radial-gradient(circle, rgb(32, 167, 156) 0%, rgba(32, 167, 156, 0.5) 100%);
        border-radius: 3px;
    }

.trucks-data:after {
    content: "";
    position: absolute;
    bottom: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='565' height='206' fill='none'%3E%3Cpath fill='%23fff' d='M41.27 205.224 44.117 47.5l2.85 157.72-5.699.004ZM83.943 35.715l2.849 167.021h-5.694l2.845-167.021ZM123.769 25.177l2.849 173.2h-5.7l2.851-173.2ZM163.593 16.1l2.849 176.555h-5.7L163.593 16.1ZM203.417 8.569l2.849 177.247h-5.7l2.851-177.247ZM243.242 3.7l2.849 174.41h-5.7L243.242 3.7ZM283.066.264l2.849 169.529h-5.7L283.066.264ZM322.89.264l2.849 160.9h-5.7L322.89.264ZM362.718 3.118l2.849 149.382h-5.7l2.851-149.382ZM402.542 7.339l2.849 136.849h-5.7l2.851-136.85ZM442.367 14.731l2.849 122.157h-5.7l2.851-122.157ZM482.191 23.017 485.04 129.7h-5.7l2.851-106.682ZM522.015 32.472l2.849 91.5h-5.7l2.851-91.5ZM561.839 42.426l2.849 77.135h-5.7l2.851-77.135ZM.598 205.224 3.447 59.912l2.85 145.312h-5.7Z' opacity='.4'/%3E%3C/svg%3E");
    width: 500px;
    height: 190px;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.5;
    left: 0;
}

html[dir=ltr] .trucks-data:after {
    left: unset;
    right: 0;
    transform: rotateY(180deg);
}

@media (max-width: 991.9px) {
    .trucks-data:after {
        display: none;
    }
}

/* 3. NavBar
*********************************************/
.header {
    --bg-gradient-opacity: 0;
    --header-bg: rgba(22, 21, 67, var(--bg-gradient-opacity));
    --header-active-bg: rgba(255, 255, 255, 0.05);
    --header-links-color: #fff;
    --header-height: 80px;
    --header-x-offset: 1.5rem;
    background: var(--header-bg);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    transition: all 0.25s ease-in-out;
    padding-top: var(--header-x-offset);
    padding-bottom: var(--header-x-offset);
}

html[dir=ltr] .header {
    left: 0;
}

html[dir=rtl] .header {
    right: 0;
}

@media (max-width: 991.9px) {
    .header {
        --header-x-offset: 0.25rem;
    }
}

.header.header--active-scroll {
    --bg-gradient-opacity: 0.9;
    --header-x-offset: 0;
}

.header__logo img {
    max-height: calc(var(--header-height) - 1rem);
}

.header__navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: var(--header-height);
}

.header__navbar-nav > ul {
    list-style: none;
    margin-bottom: 0;
    padding: 0;
}

    .header__navbar-nav > ul > li > a {
        text-transform: uppercase;
        font-weight: 500;
        font-size: 1rem;
        font-weight: bold;
    }

@media (min-width: 1800px) {
    .header__navbar-nav > ul > li > a {
        font-size: 1.25rem;
    }
}

html[dir=rtl] .header__navbar-nav .dropdown-toggle::after {
    margin-left: 0;
    margin-right: 0.255em;
}

.header__navbar-nav .dropdown-menu {
    --bs-dropdown-spacer: 0;
    --bs-dropdown-border-width: 0;
    --bs-dropdown-item-padding-y: 0.75rem;
    --bs-dropdown-item-padding-x: 1.5rem;
    --bs-dropdown-font-size: 0.875rem;
    --bs-dropdown-link-active-bg: var(--bs-dropdown-link-hover-bg);
    --bs-dropdown-link-active-color: var(--bs-body-color);
    --bs-dropdown-padding-y: 0;
}

    .header__navbar-nav .dropdown-menu > li:not(:last-child) {
        border-bottom: 1px solid #eee;
    }

.header__navbar-nav .dropdown-item {
    font-weight: 500;
    text-align: start;
    display: block;
    padding: 0.5rem 1rem;
}

@media (min-width: 1200px) {
    .header .dropdown-item {
        transition: all 0.25s ease-in-out;
    }

        .header .dropdown-item.active, .header .dropdown-item:hover {
            color: #0e7581 !important;
        }

    .header__navbar-nav > ul {
        display: flex;
    }

        .header__navbar-nav > ul > li {
            padding: 0.5rem 0;
            margin-left: 0.75rem;
            margin-right: 0.75rem;
            position: relative;
            flex-shrink: 0;
        }

            .header__navbar-nav > ul > li:after {
                content: "";
                display: block;
                width: 0.125rem;
                height: 20px;
                background: #fff;
                position: absolute;
                inset-inline-end: -1.063rem;
                top: 50%;
                transform: translateY(-50%);
            }

            .header__navbar-nav > ul > li:last-child:after, .header__navbar-nav > ul > li:nth-last-child(2):after {
                content: none;
            }

            .header__navbar-nav > ul > li > a {
                color: var(--header-links-color);
                display: inline-block;
                position: relative;
                padding-left: 0.75rem;
                padding-right: 0.75rem;
            }

                .header__navbar-nav > ul > li > a::before {
                    content: "";
                    display: block;
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    top: 0;
                    opacity: 0;
                    visibility: hidden;
                    transition: all 0.25s ease-in-out;
                }

    html[dir=ltr] .header__navbar-nav > ul > li > a::before {
        left: 0;
        background: linear-gradient(to right, rgba(34, 169, 157, 0.5) 0%, rgba(35, 169, 157, 0.495) 0%, rgba(102, 195, 187, 0.345) 19%, rgba(157, 216, 211, 0.22) 37%, rgba(199, 233, 230, 0.125) 54%, rgba(230, 245, 244, 0.055) 71%, rgba(248, 252, 252, 0.015) 87%, rgba(255, 255, 255, 0) 100%);
    }

    html[dir=rtl] .header__navbar-nav > ul > li > a::before {
        right: 0;
        transform: translateX(0.25rem);
        background: linear-gradient(to left, rgba(34, 169, 157, 0.5) 0%, rgba(35, 169, 157, 0.495) 0%, rgba(102, 195, 187, 0.345) 19%, rgba(157, 216, 211, 0.22) 37%, rgba(199, 233, 230, 0.125) 54%, rgba(230, 245, 244, 0.055) 71%, rgba(248, 252, 252, 0.015) 87%, rgba(255, 255, 255, 0) 100%);
    }

    .header__navbar-nav > ul > li .dropdown-menu {
        position: absolute;
        width: 200px;
        display: block;
        background-color: #ffffff;
        border-radius: 4px;
        color: #333;
        opacity: 0;
        visibility: hidden;
        z-index: 99;
        pointer-events: none;
        transition: all 0.25s ease-in-out;
        transform: translateY(0.625rem);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    }

    .header__navbar-nav > ul > li > .dropdown-menu {
        top: 35px;
    }

    html[dir=ltr] .header__navbar-nav > ul > li > .dropdown-menu {
        left: 0;
    }

    html[dir=rtl] .header__navbar-nav > ul > li > .dropdown-menu {
        right: 0;
    }

    .header__navbar-nav > ul > li > .dropdown-menu .dropdown-menu {
        top: 10px;
    }

    html[dir=ltr] .header__navbar-nav > ul > li > .dropdown-menu .dropdown-menu {
        left: 90%;
    }

    html[dir=rtl] .header__navbar-nav > ul > li > .dropdown-menu .dropdown-menu {
        right: 90%;
    }

    .header__navbar-nav > ul > li:hover > a:before, .header__navbar-nav > ul > li > a.active:before {
        transform: translateX(0) !important;
        opacity: 1;
        visibility: visible;
    }

    .header__navbar-nav > ul .dropdown:hover > .dropdown-menu {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
        transform: translate(0);
    }
}

@media (max-width: 1199.9px) {
    .header {
        --header-height: 60px;
    }

        .header .dropdown-item.active {
            background-color: rgba(255, 255, 255, 0.3);
            font-weight: 600;
        }

        .header::before {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: fixed;
            top: 0;
            background-color: rgba(0, 0, 0, 0.7);
            z-index: 8;
            opacity: 0;
            visibility: hidden;
            transition: all 0.25s ease-in-out;
        }

    html[dir=ltr] .header::before {
        left: 0;
    }

    html[dir=rtl] .header::before {
        right: 0;
    }

    .header--active-mobile-menu::before, .header--active-mobile-menu::after {
        opacity: 1;
        visibility: visible;
    }

    .header__menu-toggler {
        cursor: pointer;
        padding: 8px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 50px;
        height: 40px;
        transition: all 0.25s ease-in-out;
        z-index: 999;
        position: relative;
    }

        .header__menu-toggler:before, .header__menu-toggler:after {
            content: "";
            display: block;
            width: 35px;
            height: 4px;
            background-color: #fff;
            transition: all 0.2s ease-in-out;
        }

        .header__menu-toggler:before {
            box-shadow: 0 10px 0 #fff;
        }
}

@media (max-width: 1199.9px) and (max-width: 1199.9px) {
    .header--active-mobile-menu .header__menu-toggler:before {
        box-shadow: unset;
        transform: translateY(10px) rotate(45deg);
    }

    .header--active-mobile-menu .header__menu-toggler:after {
        transform: translateY(-10px) rotate(-45deg);
    }
}

@media (max-width: 1199.9px) {
    .header__navbar-nav {
        position: fixed;
        width: 300px;
        height: 100%;
        background-image: linear-gradient(to top, rgb(26, 168, 156), rgb(28, 155, 148), rgb(26, 108, 119), rgb(24, 70, 96), rgb(23, 43, 79), rgb(22, 26, 77), rgb(22, 21, 66));
        top: 0;
        overflow: auto;
        z-index: 999;
        transition: all 0.25s ease-in-out;
    }

    html[dir=ltr] .header__navbar-nav {
        left: 0;
        transform: translate(-100%);
    }

    html[dir=rtl] .header__navbar-nav {
        right: 0;
        transform: translate(100%);
    }
}

@media (max-width: 1199.9px) and (max-width: 1199.9px) {
    html[dir=ltr] .header--active-mobile-menu .header__navbar-nav {
        transform: translate(0);
    }

    html[dir=rtl] .header--active-mobile-menu .header__navbar-nav {
        transform: translate(0);
    }
}

@media (max-width: 1199.9px) {
    .header__navbar-nav:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: -1;
    }

    .header__navbar-nav > ul {
        display: flex;
        flex-direction: column;
        list-style: none;
        margin-bottom: 0;
        padding: 1rem;
    }

        .header__navbar-nav > ul > li:not(:first-of-type) {
            border-bottom: 1px solid #eee;
        }

            .header__navbar-nav > ul > li:not(:first-of-type) > a {
                display: block;
                color: var(--header-links-color);
                padding: 0.75rem 1.5rem;
            }

        .header__navbar-nav > ul > li:last-child {
            border-bottom: none;
        }

        .header__navbar-nav > ul .dropdown-menu {
            position: static;
            background: rgba(26, 168, 156, 0.2588235294);
            color: #ffffff;
            border-radius: 4px;
            margin-bottom: 0.75rem;
            -webkit-margin-start: 1rem;
            margin-inline-start: 1rem;
            display: none;
        }

            .header__navbar-nav > ul .dropdown-menu li:not(:last-child) {
                border-bottom: 1px solid #eee;
            }

        .header__navbar-nav > ul .dropdown:focus > .dropdown-menu, .header__navbar-nav > ul .dropdown:hover > .dropdown-menu {
            display: block;
        }
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height 0.5s ease;
}

.acc--collapse:not(.show) {
    display: none;
}

.accordion {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}

.accordion__intro {
    position: relative;
    cursor: pointer;
}

    .accordion__intro img {
        width: 20px;
        transition: all 0.5s ease-out;
    }

    .accordion__intro:not(.collapsed) img {
        transform: rotate(180deg);
    }

.application-card__content {
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    background: linear-gradient(120deg, rgba(255, 255, 255, 0.5) -70%, transparent);
    /* background-size: 200%; */
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-repeat: no-repeat;
}

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

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

.before\:bottom-2::before {
    content: var(--tw-content);
    bottom: 0.5rem;
}

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

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

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

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

.before\:top-\[48px\]::before {
    content: var(--tw-content);
    top: 48px;
}

.before\:top-\[5px\]::before {
    content: var(--tw-content);
    top: 5px;
}

.before\:top-\[calc\(50\%-17px\)\]::before {
    content: var(--tw-content);
    top: calc(50% - 17px);
}

.before\:-z-10::before {
    content: var(--tw-content);
    z-index: -10;
}

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

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

.before\:block::before {
    content: var(--tw-content);
    display: block;
}

.before\:inline-block::before {
    content: var(--tw-content);
    display: inline-block;
}

.before\:aspect-\[1\.55\]::before {
    content: var(--tw-content);
    aspect-ratio: 1.55;
}

.before\:h-\[20px\]::before {
    content: var(--tw-content);
    height: 20px;
}

.before\:h-\[30px\]::before {
    content: var(--tw-content);
    height: 30px;
}

.before\:h-\[55px\]::before {
    content: var(--tw-content);
    height: 55px;
}

.before\:h-\[60px\]::before {
    content: var(--tw-content);
    height: 60px;
}

.before\:h-\[65px\]::before {
    content: var(--tw-content);
    height: 65px;
}

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

.before\:w-\[100px\]::before {
    content: var(--tw-content);
    width: 100px;
}

.before\:w-\[200px\]::before {
    content: var(--tw-content);
    width: 200px;
}

.before\:w-\[300px\]::before {
    content: var(--tw-content);
    width: 300px;
}

.before\:w-\[33\%\]::before {
    content: var(--tw-content);
    width: 33%;
}

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

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

.before\:translate-y-\[-60px\]::before {
    content: var(--tw-content);
    --tw-translate-y: -60px;
    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));
}

.before\:translate-y-\[30\%\]::before {
    content: var(--tw-content);
    --tw-translate-y: 30%;
    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));
}

.before\:rounded-\[36px\]::before {
    content: var(--tw-content);
    border-radius: 36px;
}

.before\:bg-\[\#030504\]::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(3 5 4 / var(--tw-bg-opacity));
}

.before\:bg-\[\#0F7481\]::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(15 116 129 / var(--tw-bg-opacity));
}

.before\:bg-\[\#0a1133\]::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(10 17 51 / var(--tw-bg-opacity));
}

.before\:bg-\[\#134354\]::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(19 67 84 / var(--tw-bg-opacity));
}

.before\:bg-\[linear-gradient\(90deg\2c \#fff\2c \#e3f0f1_4\%\2c \#a4cfd4_14\%\2c \#71b4bb_24\%\2c \#489ea8_33\%\2c \#2b8f9b_41\%\2c \#1a8692_48\%\2c \#148390_53\%\)\]::before {
    content: var(--tw-content);
    background-image: linear-gradient(90deg,#fff,#e3f0f1 4%,#a4cfd4 14%,#71b4bb 24%,#489ea8 33%,#2b8f9b 41%,#1a8692 48%,#148390 53%);
}

.before\:bg-\[linear-gradient\(90deg\2c _rgba\(203\2c 234\2c 231\2c 0\)_0\%\2c _rgba\(60\2c 1788\2c 166\2c 0\.5\)_50\%\2c _rgba\(32\2c 167\2c 156\2c 1\)_100\%\)\]::before {
    content: var(--tw-content);
    background-image: linear-gradient(90deg, rgba(203,234,231,0) 0%, rgba(60,1788,166,0.5) 50%, rgba(32,167,156,1) 100%);
}

.before\:bg-\[linear-gradient\(90deg\2c transparent_20\%\2c \#1E6369\)\]::before {
    content: var(--tw-content);
    background-image: linear-gradient(90deg,transparent 20%,#1E6369);
}

.before\:bg-\[linear-gradient\(to_bottom\2c _\#23998b\2c _\#1a6c6e_26\.9\%\2c _\#113a4e_60\.3\%\2c _\#0c1b3a_85\.8\%\2c _\#0a1033\)\]::before {
    content: var(--tw-content);
    background-image: linear-gradient(to bottom, #23998b, #1a6c6e 26.9%, #113a4e 60.3%, #0c1b3a 85.8%, #0a1033);
}

.before\:bg-\[linear-gradient\(to_right\2c _\#20A79C\2c _\#172E52_82\.1\%\2c _\#161442\)\]::before {
    content: var(--tw-content);
    background-image: linear-gradient(to right, #20A79C, #172E52 82.1%, #161442);
}

.before\:bg-\[linear-gradient\(to_top\2c _rgba\(26\2c _168\2c _156\2c _0\.33\)\2c _rgba\(28\2c _155\2c _148\2c _0\.33\)\2c _rgba\(26\2c _108\2c _119\2c _0\.33\)\2c _rgba\(24\2c _70\2c _96\2c _0\.33\)\2c _rgba\(23\2c _43\2c _79\2c _0\.33\)\2c _rgba\(22\2c _26\2c _77\2c _0\.33\)\2c _rgba\(22\2c _21\2c _66\2c _0\.33\)\)\]::before {
    content: var(--tw-content);
    background-image: linear-gradient(to top, rgba(26, 168, 156, 0.33), rgba(28, 155, 148, 0.33), rgba(26, 108, 119, 0.33), rgba(24, 70, 96, 0.33), rgba(23, 43, 79, 0.33), rgba(22, 26, 77, 0.33), rgba(22, 21, 66, 0.33));
}

.before\:bg-\[url\(\'\.\.\/images\/customer-service-overlay\.jpg\'\)\]::before {
    content: var(--tw-content);
    background-image: url('../images/customer-service-overlay.jpg');
}

.before\:bg-\[url\(\'\.\.\/images\/founded\/shape\.svg\'\)\]::before {
    content: var(--tw-content);
    background-image: url('../images/founded/shape.svg');
}

.before\:bg-\[url\(\'\.\.\/images\/shape\.svg\'\)\]::before {
    content: var(--tw-content);
    background-image: url('../images/shape.svg');
}

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

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

.before\:from-\[\#269A8C\]::before {
    content: var(--tw-content);
    --tw-gradient-from: #269A8C var(--tw-gradient-from-position);
    --tw-gradient-from-position:;
    --tw-gradient-to: rgb(38 154 140 / 0) var(--tw-gradient-from-position);
    --tw-gradient-to-position:;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.before\:via-\[\#1B696D\]::before {
    content: var(--tw-content);
    --tw-gradient-via-position:;
    --tw-gradient-to: rgb(27 105 109 / 0) var(--tw-gradient-to-position);
    --tw-gradient-to-position:;
    --tw-gradient-stops: var(--tw-gradient-from), #1B696D var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.before\:via-40\%::before {
    content: var(--tw-content);
    --tw-gradient-via-position: 40%;
}

.before\:to-\[\#091034\]::before {
    content: var(--tw-content);
    --tw-gradient-to: #091034 var(--tw-gradient-to-position);
    --tw-gradient-to-position:;
}

.before\:bg-contain::before {
    content: var(--tw-content);
    background-size: contain;
}

.before\:bg-cover::before {
    content: var(--tw-content);
    background-size: cover;
}

.before\:bg-bottom::before {
    content: var(--tw-content);
    background-position: bottom;
}

.before\:bg-no-repeat::before {
    content: var(--tw-content);
    background-repeat: no-repeat;
}

.before\:opacity-100::before {
    content: var(--tw-content);
    opacity: 1;
}

.before\:opacity-30::before {
    content: var(--tw-content);
    opacity: 0.3;
}

.before\:opacity-90::before {
    content: var(--tw-content);
    opacity: 0.9;
}

.before\:opacity-\[\.27\]::before {
    content: var(--tw-content);
    opacity: .27;
}

.before\:opacity-\[\.34\]::before {
    content: var(--tw-content);
    opacity: .34;
}

.before\:opacity-\[60\%\]::before {
    content: var(--tw-content);
    opacity: 60%;
}

.before\:mix-blend-multiply::before {
    content: var(--tw-content);
    mix-blend-mode: multiply;
}

.before\:mix-blend-hard-light::before {
    content: var(--tw-content);
    mix-blend-mode: hard-light;
}

.before\:transition::before {
    content: var(--tw-content);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

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

.before\:ease-in-out::before {
    content: var(--tw-content);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

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

.after\:bottom-0::after {
    content: var(--tw-content);
    bottom: 0px;
}

.after\:left-0::after {
    content: var(--tw-content);
    left: 0px;
}

.after\:left-\[50\%\]::after {
    content: var(--tw-content);
    left: 50%;
}

.after\:top-\[10px\]::after {
    content: var(--tw-content);
    top: 10px;
}

.after\:top-\[50\%\]::after {
    content: var(--tw-content);
    top: 50%;
}

.after\:-z-10::after {
    content: var(--tw-content);
    z-index: -10;
}

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

.after\:hidden::after {
    content: var(--tw-content);
    display: none;
}

.after\:aspect-\[1\.55\]::after {
    content: var(--tw-content);
    aspect-ratio: 1.55;
}

.after\:h-\[160\%\]::after {
    content: var(--tw-content);
    height: 160%;
}

.after\:h-\[200px\]::after {
    content: var(--tw-content);
    height: 200px;
}

.after\:h-\[300px\]::after {
    content: var(--tw-content);
    height: 300px;
}

.after\:h-\[6px\]::after {
    content: var(--tw-content);
    height: 6px;
}

.after\:w-1\/2::after {
    content: var(--tw-content);
    width: 50%;
}

.after\:w-\[300px\]::after {
    content: var(--tw-content);
    width: 300px;
}

.after\:w-full::after {
    content: var(--tw-content);
    width: 100%;
}

.after\:max-w-\[800px\]::after {
    content: var(--tw-content);
    max-width: 800px;
}

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

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

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

.after\:bg-\[radial-gradient\(circle_at_50\%_50\%\2c rgba\(34\2c _169\2c _157\2c _1\)\2c rgba\(34\2c _169\2c _157\2c _0\.95\)_11\%\2c rgba\(34\2c _169\2c _157\2c _0\.81\)_30\%\2c rgba\(34\2c _169\2c _157\2c _0\.57\)_53\%\2c rgba\(34\2c _169\2c _157\2c _0\.26\)_81\%\2c _rgba\(34\2c _169\2c _157\2c _0\)_100\%\)\]::after {
    content: var(--tw-content);
    background-image: radial-gradient(circle at 50% 50%,rgba(34, 169, 157, 1),rgba(34, 169, 157, 0.95) 11%,rgba(34, 169, 157, 0.81) 30%,rgba(34, 169, 157, 0.57) 53%,rgba(34, 169, 157, 0.26) 81%, rgba(34, 169, 157, 0) 100%);
}

.after\:bg-\[url\(\'\.\.\/images\/group\.svg\'\)\]::after {
    content: var(--tw-content);
    background-image: url('../images/group.svg');
}

.after\:bg-\[url\(\'\.\.\/images\/road-assistance\/24h-bg\.svg\'\)\]::after {
    content: var(--tw-content);
    background-image: url('../images/road-assistance/24h-bg.svg');
}

.after\:bg-contain::after {
    content: var(--tw-content);
    background-size: contain;
}

.after\:bg-cover::after {
    content: var(--tw-content);
    background-size: cover;
}

.after\:bg-center::after {
    content: var(--tw-content);
    background-position: center;
}

.after\:bg-no-repeat::after {
    content: var(--tw-content);
    background-repeat: no-repeat;
}

.after\:mix-blend-color-dodge::after {
    content: var(--tw-content);
    mix-blend-mode: color-dodge;
}

.last\:border-0:last-child {
    border-width: 0px;
}

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

.hover\:bg-white\/30:hover {
    background-color: rgb(255 255 255 / 0.3);
}

.hover\:bg-white\/75:hover {
    background-color: rgb(255 255 255 / 0.75);
}

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

.focus\:outline-0:focus {
    outline-width: 0px;
}

.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);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.disabled\:opacity-0:disabled {
    opacity: 0;
}

.group.active .group-\[\.active\]\:visible {
    visibility: visible;
}

.group.active .group-\[\.active\]\:invisible {
    visibility: hidden;
}

.group.active .group-\[\.active\]\:block {
    display: block;
}

.group.empty .group-\[\.empty\]\:block {
    display: block;
}

.group.is-loading .group-\[\.is-loading\]\:block {
    display: block;
}

.group.transite--high .group-\[\.transite--high\]\:block {
    display: block;
}

.group.transite--mid .group-\[\.transite--mid\]\:block {
    display: block;
}

.group.active .group-\[\.active\]\:hidden {
    display: none;
}

.group.empty .group-\[\.empty\]\:hidden {
    display: none;
}

.group.is-loading .group-\[\.is-loading\]\:hidden {
    display: none;
}

.group.transite--high .group-\[\.transite--high\]\:hidden {
    display: none;
}

.group.transite--mid .group-\[\.transite--mid\]\:hidden {
    display: none;
}

.group.active .group-\[\.active\]\:-translate-y-1\/4 {
    --tw-translate-y: -25%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

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

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

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

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

.group.transite--high .group-\[\.transite--high\]\:bg-\[\#ce282f\] {
    --tw-bg-opacity: 1;
    background-color: rgb(206 40 47 / var(--tw-bg-opacity));
}

.group.transite--mid .group-\[\.transite--mid\]\:bg-\[\#22653D\]\/70 {
    background-color: rgb(34 101 61 / 0.7);
}

.group.active .group-\[\.active\]\:opacity-0 {
    opacity: 0;
}

.group.active .group-\[\.active\]\:opacity-100 {
    opacity: 1;
}

.group.active .group-\[\.active\]\:duration-200 {
    transition-duration: 200ms;
}

.group.active .group-\[\.active\]\:rotate-y-180 {
    transform: rotateY(180deg);
}

.group.active .group-\[\.active\]\:before\:opacity-0::before {
    content: var(--tw-content);
    opacity: 0;
}

:is([dir="ltr"] .ltr\:-left-\[110px\]) {
    left: -110px;
}

:is([dir="ltr"] .ltr\:left-0) {
    left: 0px;
}

:is([dir="ltr"] .ltr\:left-7) {
    left: 1.75rem;
}

:is([dir="ltr"] .ltr\:left-\[-10\%\]) {
    left: -10%;
}

:is([dir="ltr"] .ltr\:right-0) {
    right: 0px;
}

:is([dir="ltr"] .ltr\:right-\[100px\]) {
    right: 100px;
}

:is([dir="ltr"] .ltr\:right-\[60px\]) {
    right: 60px;
}

:is([dir="ltr"] .ltr\:-ml-4) {
    margin-left: -1rem;
}

:is([dir="ltr"] .ltr\:mr-5) {
    margin-right: 1.25rem;
}

:is([dir="ltr"] .ltr\:hidden) {
    display: none;
}

:is([dir="ltr"] .ltr\:min-w-\[1360px\]) {
    min-width: 1360px;
}

:is([dir="ltr"] .ltr\:rotate-180) {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

:is([dir="ltr"] .ltr\:scale-x-\[-1\]) {
    --tw-scale-x: -1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

:is([dir="ltr"] .ltr\:rounded-tl-\[55px\]) {
    border-top-left-radius: 55px;
}

:is([dir="ltr"] .ltr\:border-l) {
    border-left-width: 1px;
}

:is([dir="ltr"] .ltr\:border-l-4) {
    border-left-width: 4px;
}

:is([dir="ltr"] .ltr\:border-r-4) {
    border-right-width: 4px;
}

:is([dir="ltr"] .ltr\:bg-\[linear-gradient\(-90deg\2c \#269a8c_0\%\2c \#249588_1\%\2c \#1d7172_9\%\2c \#17535e_18\%\2c \#113a4f_28\%\2c \#0d2743_39\%\2c \#0b1a3a_52\%\2c \#091235_68\%\2c \#091034_1\%\)\]) {
    background-image: linear-gradient(-90deg,#269a8c 0%,#249588 1%,#1d7172 9%,#17535e 18%,#113a4f 28%,#0d2743 39%,#0b1a3a 52%,#091235 68%,#091034 1%);
}

:is([dir="ltr"] .ltr\:bg-\[linear-gradient\(-90deg\2c _rgba\(22\2c 20\2c 66\2c 0\)_0\%\2c _rgba\(22\2c 20\2c 66\2c 0\.5\)_20\%\2c _rgba\(17\2c 115\2c 128\2c 1\)_100\%\)\]) {
    background-image: linear-gradient(-90deg, rgba(22,20,66,0) 0%, rgba(22,20,66,0.5) 20%, rgba(17,115,128,1) 100%);
}

:is([dir="ltr"] .ltr\:bg-\[linear-gradient\(-90deg\2c _rgba\(255\2c 255\2c 255\2c 0\)_0\%\2c _rgba\(255\2c 255\2c 255\2c 0\.5\)_20\%\2c _rgba\(255\2c 255\2c 255\2c 1\)_100\%\)\]) {
    background-image: linear-gradient(-90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 20%, rgba(255,255,255,1) 100%);
}

:is([dir="ltr"] .ltr\:bg-\[linear-gradient\(-90deg\2c _rgba\(255\2c 255\2c 255\2c 0\.0\)_0\%\2c _rgba\(255\2c 255\2c 255\2c 0\.1\)_10\%\2c _rgba\(255\2c 255\2c 255\2c 0\.3\)_40\%\2c _rgba\(17\2c 115\2c 128\2c 1\)_100\%\)\]) {
    background-image: linear-gradient(-90deg, rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.1) 10%, rgba(255,255,255,0.3) 40%, rgba(17,115,128,1) 100%);
}

:is([dir="ltr"] .ltr\:bg-\[linear-gradient\(-90deg\2c _rgba\(255\2c 255\2c 255\2c 0\.0\)_0\%\2c _rgba\(255\2c 255\2c 255\2c 0\.1\)_5\%\2c _rgba\(255\2c 255\2c 255\2c 0\.3\)_30\%\2c _rgba\(17\2c 115\2c 128\2c 1\)_100\%\)\]) {
    background-image: linear-gradient(-90deg, rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.1) 5%, rgba(255,255,255,0.3) 30%, rgba(17,115,128,1) 100%);
}

:is([dir="ltr"] .ltr\:bg-\[linear-gradient\(-90deg\2c _rgba\(32\2c 167\2c 156\2c 1\)_0\%\2c _rgba\(30\2c 146\2c 143\2c 1\)_5\%\2c _rgba\(28\2c 113\2c 123\2c 1\)_10\%\2c _rgba\(26\2c 84\2c 105\2c 1\)_20\%\2c _rgba\(24\2c 60\2c 90\2c 1\)_40\%\2c _rgba\(23\2c 42\2c 79\2c 1\)_60\%\2c _rgba\(22\2c 29\2c 71\2c 1\)_72\%\2c _rgba\(22\2c 22\2c 67\2c 1\)_84\%\2c _rgba\(22\2c 20\2c 66\2c 1\)_96\%\)\]) {
    background-image: linear-gradient(-90deg, rgba(32,167,156,1) 0%, rgba(30,146,143,1) 5%, rgba(28,113,123,1) 10%, rgba(26,84,105,1) 20%, rgba(24,60,90,1) 40%, rgba(23,42,79,1) 60%, rgba(22,29,71,1) 72%, rgba(22,22,67,1) 84%, rgba(22,20,66,1) 96%);
}

:is([dir="ltr"] .ltr\:bg-\[linear-gradient\(-90deg\2c rgba\(32\2c 167\2c 156\2c 0\.4\)_0\%\2c rgba\(30\2c 138\2c 138\2c 0\.4\)_4\%\2c rgba\(27\2c 106\2c 119\2c 0\.4\)_10\%\2c rgba\(26\2c 79\2c 102\2c 0\.4\)_17\%\2c rgba\(24\2c 57\2c 88\2c 0\.4\)_24\%\2c rgba\(23\2c 40\2c 78\2c 0\.4\)_33\%\2c rgba\(22\2c 28\2c 71\2c 0\.4\)_43\%\2c rgba\(22\2c 21\2c 67\2c 0\.4\)_58\%\2c rgba\(22\2c 20\2c 66\2c 0\.4\)_100\%\)\]) {
    background-image: linear-gradient(-90deg,rgba(32,167,156,0.4) 0%,rgba(30,138,138,0.4) 4%,rgba(27,106,119,0.4) 10%,rgba(26,79,102,0.4) 17%,rgba(24,57,88,0.4) 24%,rgba(23,40,78,0.4) 33%,rgba(22,28,71,0.4) 43%,rgba(22,21,67,0.4) 58%,rgba(22,20,66,0.4) 100%);
}

:is([dir="ltr"] .ltr\:bg-\[linear-gradient\(-90deg\2c transparent\2c \#16707A\)\]) {
    background-image: linear-gradient(-90deg,transparent,#16707A);
}

:is([dir="ltr"] .ltr\:bg-\[linear-gradient\(90deg\2c \#161543_40\%\2c \#2E867B\)\]) {
    background-image: linear-gradient(90deg,#161543 40%,#2E867B);
}

:is([dir="ltr"] .ltr\:bg-\[linear-gradient\(90deg\2c \#269a8c_0\%\2c \#249588_1\%\2c \#1d7172_9\%\2c \#17535e_18\%\2c \#113a4f_28\%\2c \#0d2743_39\%\2c \#0b1a3a_52\%\2c \#091235_68\%\2c \#091034_1\%\)\]) {
    background-image: linear-gradient(90deg,#269a8c 0%,#249588 1%,#1d7172 9%,#17535e 18%,#113a4f 28%,#0d2743 39%,#0b1a3a 52%,#091235 68%,#091034 1%);
}

:is([dir="ltr"] .ltr\:bg-\[linear-gradient\(90deg\2c _rgba\(22\2c 20\2c 66\2c 1\)_0\%\2c _rgba\(22\2c 23\2c 68\2c 1\)_15\%\2c _rgba\(22\2c 34\2c 74\2c 1\)_30\%\2c _rgba\(24\2c 53\2c 86\2c 1\)_45\%\2c _rgba\(26\2c 78\2c 102\2c 1\)_60\%\2c _rgba\(28\2c 112\2c 122\2c 1\)_75\%\2c _rgba\(31\2c 152\2c 147\2c 1\)_90\%\2c _rgba\(32\2c 167\2c 156\2c 1\)_100\%\)\]) {
    background-image: linear-gradient(90deg, rgba(22,20,66,1) 0%, rgba(22,23,68,1) 15%, rgba(22,34,74,1) 30%, rgba(24,53,86,1) 45%, rgba(26,78,102,1) 60%, rgba(28,112,122,1) 75%, rgba(31,152,147,1) 90%, rgba(32,167,156,1) 100%);
}

:is([dir="ltr"] .ltr\:bg-\[linear-gradient\(to_left\2c rgba\(255\2c 255\2c 255\2c 0\)_0\%\2c rgba\(255\2c 255\2c 255\2c 0\.02\)_20\%\2c rgba\(255\2c 255\2c 255\2c 0\.06\)_40\%\2c rgba\(255\2c 255\2c 255\2c 0\.14\)_59\%\2c rgba\(255\2c 255\2c 255\2c 0\.25\)_79\%\2c rgba\(255\2c 255\2c 255\2c 0\.38\)_98\%\2c rgba\(255\2c 255\2c 255\2c 0\.4\)_100\%\)\]) {
    background-image: linear-gradient(to left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.02) 20%,rgba(255,255,255,0.06) 40%,rgba(255,255,255,0.14) 59%,rgba(255,255,255,0.25) 79%,rgba(255,255,255,0.38) 98%,rgba(255,255,255,0.4) 100%);
}

:is([dir="ltr"] .ltr\:bg-\[linear-gradient\(to_right\2c rgba\(32\2c 167\2c 156\2c 0\.5\)_0\%\2c rgba\(31\2c 158\2c 151\2c 0\.5\)_13\%\2c rgba\(29\2c 136\2c 137\2c 0\.5\)_32\%\2c rgba\(27\2c 100\2c 115\2c 0\.5\)_57\%\2c rgba\(24\2c 50\2c 84\2c 0\.5\)_85\%\2c rgba\(22\2c 20\2c 66\2c 0\.5\)_100\%\)\]) {
    background-image: linear-gradient(to right,rgba(32,167,156,0.5) 0%,rgba(31,158,151,0.5) 13%,rgba(29,136,137,0.5) 32%,rgba(27,100,115,0.5) 57%,rgba(24,50,84,0.5) 85%,rgba(22,20,66,0.5) 100%);
}

:is([dir="ltr"] .ltr\:bg-\[url\(\'\.\.\/images\/hero-lines\.svg\'\)\2c _linear-gradient\(-90deg\2c \#269a8c_0\%\2c \#249588_1\%\2c \#1d7172_9\%\2c \#17535e_18\%\2c \#113a4f_28\%\2c \#0d2743_39\%\2c \#0b1a3a_52\%\2c \#091235_68\%\2c \#091034_1\%\)\]) {
    background-image: url('../images/hero-lines.svg'), linear-gradient(-90deg,#269a8c 0%,#249588 1%,#1d7172 9%,#17535e 18%,#113a4f 28%,#0d2743 39%,#0b1a3a 52%,#091235 68%,#091034 1%);
}

:is([dir="ltr"] .ltr\:bg-gradient-to-l) {
    background-image: linear-gradient(to left, var(--tw-gradient-stops));
}

:is([dir="ltr"] .ltr\:from-\[\#20A79C\]) {
    --tw-gradient-from: #20A79C var(--tw-gradient-from-position);
    --tw-gradient-from-position:;
    --tw-gradient-to: rgb(32 167 156 / 0) var(--tw-gradient-from-position);
    --tw-gradient-to-position:;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

:is([dir="ltr"] .ltr\:to-\[transparent\]) {
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-to-position:;
}

:is([dir="ltr"] .ltr\:pb-3) {
    padding-bottom: 0.75rem;
}

:is([dir="ltr"] .ltr\:pl-3) {
    padding-left: 0.75rem;
}

:is([dir="ltr"] .ltr\:pr-2) {
    padding-right: 0.5rem;
}

:is([dir="ltr"] .ltr\:pr-\[24px\]) {
    padding-right: 24px;
}

:is([dir="ltr"] .ltr\:pt-2) {
    padding-top: 0.5rem;
}

:is([dir="ltr"] .ltr\:shadow-\[0px_3px_-3px_-3px_\#0000005E\]) {
    --tw-shadow: 0px 3px -3px -3px #0000005E;
    --tw-shadow-colored: 0px 3px -3px -3px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

:is([dir="ltr"] .before\:ltr\:left-0)::before {
    content: var(--tw-content);
    left: 0px;
}

:is([dir="ltr"] .before\:ltr\:left-\[40px\])::before {
    content: var(--tw-content);
    left: 40px;
}

:is([dir="ltr"] .ltr\:before\:left-0)::before {
    content: var(--tw-content);
    left: 0px;
}

:is([dir="ltr"] .before\:ltr\:translate-x-\[-50\%\])::before {
    content: var(--tw-content);
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

:is([dir="ltr"] .ltr\:before\:-translate-x-\[50\%\])::before {
    content: var(--tw-content);
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

:is([dir="ltr"] .ltr\:before\:translate-x-\[-50\%\])::before {
    content: var(--tw-content);
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

:is([dir="ltr"] .before\:ltr\:bg-\[linear-gradient\(-90deg\2c transparent_20\%\2c \#1E6369\)\])::before {
    content: var(--tw-content);
    background-image: linear-gradient(-90deg,transparent 20%,#1E6369);
}

:is([dir="ltr"] .ltr\:before\:bg-\[linear-gradient\(-90deg\2c \#fff\2c \#e3f0f1_4\%\2c \#a4cfd4_14\%\2c \#71b4bb_24\%\2c \#489ea8_33\%\2c \#2b8f9b_41\%\2c \#1a8692_48\%\2c \#148390_53\%\)\])::before {
    content: var(--tw-content);
    background-image: linear-gradient(-90deg,#fff,#e3f0f1 4%,#a4cfd4 14%,#71b4bb 24%,#489ea8 33%,#2b8f9b 41%,#1a8692 48%,#148390 53%);
}

:is([dir="ltr"] .ltr\:before\:bg-\[linear-gradient\(to_right\2c _rgba\(34\2c _169\2c _157\2c _1\)\2c _rgba\(35\2c _169\2c _157\2c _0\.99\)_0\%\2c _rgba\(102\2c _195\2c _187\2c _0\.69\)_19\%\2c _rgba\(157\2c _216\2c _211\2c _0\.44\)_37\%\2c _rgba\(199\2c _233\2c _230\2c _0\.25\)_54\%\2c _rgba\(230\2c _245\2c _244\2c _0\.11\)_71\%\2c _rgba\(248\2c _252\2c _252\2c _0\.03\)_87\%\2c _rgba\(255\2c _255\2c _255\2c _0\)_100\%\)\])::before {
    content: var(--tw-content);
    background-image: linear-gradient(to right, rgba(34, 169, 157, 1), rgba(35, 169, 157, 0.99) 0%, rgba(102, 195, 187, 0.69) 19%, rgba(157, 216, 211, 0.44) 37%, rgba(199, 233, 230, 0.25) 54%, rgba(230, 245, 244, 0.11) 71%, rgba(248, 252, 252, 0.03) 87%, rgba(255, 255, 255, 0) 100%);
}

:is([dir="ltr"] .ltr\:before\:bg-gradient-to-tl)::before {
    content: var(--tw-content);
    background-image: linear-gradient(to top left, var(--tw-gradient-stops));
}

:is([dir="ltr"] .before\:ltr\:rotate-y-180)::before {
    content: var(--tw-content);
    transform: rotateY(180deg);
}

:is([dir="ltr"] .ltr\:after\:right-0)::after {
    content: var(--tw-content);
    right: 0px;
}

:is([dir="rtl"] .rtl\:-right-\[110px\]) {
    right: -110px;
}

:is([dir="rtl"] .rtl\:left-0) {
    left: 0px;
}

:is([dir="rtl"] .rtl\:left-5) {
    left: 1.25rem;
}

:is([dir="rtl"] .rtl\:left-\[100px\]) {
    left: 100px;
}

:is([dir="rtl"] .rtl\:left-\[60px\]) {
    left: 60px;
}

:is([dir="rtl"] .rtl\:right-0) {
    right: 0px;
}

:is([dir="rtl"] .rtl\:right-\[-10\%\]) {
    right: -10%;
}

:is([dir="rtl"] .rtl\:ml-5) {
    margin-left: 1.25rem;
}

:is([dir="rtl"] .rtl\:hidden) {
    display: none;
}

:is([dir="rtl"] .rtl\:min-w-\[1265px\]) {
    min-width: 1265px;
}

:is([dir="rtl"] .rtl\:rotate-180) {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

:is([dir="rtl"] .rtl\:rounded-tr-\[55px\]) {
    border-top-right-radius: 55px;
}

:is([dir="rtl"] .rtl\:border-l-4) {
    border-left-width: 4px;
}

:is([dir="rtl"] .rtl\:border-r) {
    border-right-width: 1px;
}

:is([dir="rtl"] .rtl\:border-r-4) {
    border-right-width: 4px;
}

:is([dir="rtl"] .rtl\:bg-\[linear-gradient\(180deg\2c \#269a8c_0\%\2c \#249588_1\%\2c \#1d7172_9\%\2c \#17535e_18\%\2c \#113a4f_28\%\2c \#0d2743_39\%\2c \#0b1a3a_52\%\2c \#091235_68\%\2c \#091034_1\%\)\]) {
    background-image: linear-gradient(180deg,#269a8c 0%,#249588 1%,#1d7172 9%,#17535e 18%,#113a4f 28%,#0d2743 39%,#0b1a3a 52%,#091235 68%,#091034 1%);
}

:is([dir="rtl"] .rtl\:bg-\[linear-gradient\(90deg\2c \#269a8c_0\%\2c \#249588_1\%\2c \#1d7172_9\%\2c \#17535e_18\%\2c \#113a4f_28\%\2c \#0d2743_39\%\2c \#0b1a3a_52\%\2c \#091235_68\%\2c \#091034_1\%\)\]) {
    background-image: linear-gradient(90deg,#269a8c 0%,#249588 1%,#1d7172 9%,#17535e 18%,#113a4f 28%,#0d2743 39%,#0b1a3a 52%,#091235 68%,#091034 1%);
}

:is([dir="rtl"] .rtl\:bg-\[linear-gradient\(90deg\2c _rgba\(255\2c 255\2c 255\2c 0\)_0\%\2c _rgba\(255\2c 255\2c 255\2c 0\.5\)_20\%\2c _rgba\(255\2c 255\2c 255\2c 1\)_100\%\)\]) {
    background-image: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 20%, rgba(255,255,255,1) 100%);
}

:is([dir="rtl"] .rtl\:bg-\[linear-gradient\(90deg\2c _rgba\(255\2c 255\2c 255\2c 0\.0\)_0\%\2c _rgba\(255\2c 255\2c 255\2c 0\.1\)_10\%\2c _rgba\(255\2c 255\2c 255\2c 0\.3\)_40\%\2c _rgba\(17\2c 115\2c 128\2c 1\)_100\%\)\]) {
    background-image: linear-gradient(90deg, rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.1) 10%, rgba(255,255,255,0.3) 40%, rgba(17,115,128,1) 100%);
}

:is([dir="rtl"] .rtl\:bg-\[linear-gradient\(90deg\2c _rgba\(255\2c 255\2c 255\2c 0\.0\)_0\%\2c _rgba\(255\2c 255\2c 255\2c 0\.1\)_5\%\2c _rgba\(255\2c 255\2c 255\2c 0\.3\)_30\%\2c _rgba\(17\2c 115\2c 128\2c 1\)_100\%\)\]) {
    background-image: linear-gradient(90deg, rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.1) 5%, rgba(255,255,255,0.3) 30%, rgba(17,115,128,1) 100%);
}

:is([dir="rtl"] .rtl\:bg-\[linear-gradient\(90deg\2c _rgba\(32\2c 167\2c 156\2c 1\)_0\%\2c _rgba\(31\2c 152\2c 147\2c 1\)_15\%\2c _rgba\(28\2c 112\2c 122\2c 1\)_30\%\2c _rgba\(26\2c 78\2c 102\2c 1\)_45\%\2c _rgba\(24\2c 53\2c 86\2c 1\)_60\%\2c _rgba\(22\2c 34\2c 74\2c 1\)_75\%\2c _rgba\(22\2c 23\2c 68\2c 1\)_90\%\2c _rgba\(22\2c 20\2c 66\2c 1\)_100\%\)\]) {
    background-image: linear-gradient(90deg, rgba(32,167,156,1) 0%, rgba(31,152,147,1) 15%, rgba(28,112,122,1) 30%, rgba(26,78,102,1) 45%, rgba(24,53,86,1) 60%, rgba(22,34,74,1) 75%, rgba(22,23,68,1) 90%, rgba(22,20,66,1) 100%);
}

:is([dir="rtl"] .rtl\:bg-\[linear-gradient\(90deg\2c rgba\(32\2c 167\2c 156\2c 0\.4\)_0\%\2c rgba\(30\2c 138\2c 138\2c 0\.4\)_4\%\2c rgba\(27\2c 106\2c 119\2c 0\.4\)_10\%\2c rgba\(26\2c 79\2c 102\2c 0\.4\)_17\%\2c rgba\(24\2c 57\2c 88\2c 0\.4\)_24\%\2c rgba\(23\2c 40\2c 78\2c 0\.4\)_33\%\2c rgba\(22\2c 28\2c 71\2c 0\.4\)_43\%\2c rgba\(22\2c 21\2c 67\2c 0\.4\)_58\%\2c rgba\(22\2c 20\2c 66\2c 0\.4\)_100\%\)\]) {
    background-image: linear-gradient(90deg,rgba(32,167,156,0.4) 0%,rgba(30,138,138,0.4) 4%,rgba(27,106,119,0.4) 10%,rgba(26,79,102,0.4) 17%,rgba(24,57,88,0.4) 24%,rgba(23,40,78,0.4) 33%,rgba(22,28,71,0.4) 43%,rgba(22,21,67,0.4) 58%,rgba(22,20,66,0.4) 100%);
}

:is([dir="rtl"] .rtl\:bg-\[linear-gradient\(90deg\2c transparent\2c \#16707A\)\]) {
    background-image: linear-gradient(90deg,transparent,#16707A);
}

:is([dir="rtl"] .rtl\:bg-\[linear-gradient\(to_left\2c rgba\(32\2c 167\2c 156\2c 0\.5\)_0\%\2c rgba\(31\2c 158\2c 151\2c 0\.5\)_13\%\2c rgba\(29\2c 136\2c 137\2c 0\.5\)_32\%\2c rgba\(27\2c 100\2c 115\2c 0\.5\)_57\%\2c rgba\(24\2c 50\2c 84\2c 0\.5\)_85\%\2c rgba\(22\2c 20\2c 66\2c 0\.5\)_100\%\)\]) {
    background-image: linear-gradient(to left,rgba(32,167,156,0.5) 0%,rgba(31,158,151,0.5) 13%,rgba(29,136,137,0.5) 32%,rgba(27,100,115,0.5) 57%,rgba(24,50,84,0.5) 85%,rgba(22,20,66,0.5) 100%);
}

:is([dir="rtl"] .rtl\:bg-\[linear-gradient\(to_right\2c rgba\(255\2c 255\2c 255\2c 0\)_0\%\2c rgba\(255\2c 255\2c 255\2c 0\.02\)_20\%\2c rgba\(255\2c 255\2c 255\2c 0\.06\)_40\%\2c rgba\(255\2c 255\2c 255\2c 0\.14\)_59\%\2c rgba\(255\2c 255\2c 255\2c 0\.25\)_79\%\2c rgba\(255\2c 255\2c 255\2c 0\.38\)_98\%\2c rgba\(255\2c 255\2c 255\2c 0\.4\)_100\%\)\]) {
    background-image: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.02) 20%,rgba(255,255,255,0.06) 40%,rgba(255,255,255,0.14) 59%,rgba(255,255,255,0.25) 79%,rgba(255,255,255,0.38) 98%,rgba(255,255,255,0.4) 100%);
}

:is([dir="rtl"] .rtl\:bg-\[url\(\'\.\.\/images\/hero-lines\.svg\'\)\2c _linear-gradient\(90deg\2c \#269a8c_0\%\2c \#249588_1\%\2c \#1d7172_9\%\2c \#17535e_18\%\2c \#113a4f_28\%\2c \#0d2743_39\%\2c \#0b1a3a_52\%\2c \#091235_68\%\2c \#091034_1\%\)\]) {
    background-image: url('../images/hero-lines.svg'), linear-gradient(90deg,#269a8c 0%,#249588 1%,#1d7172 9%,#17535e 18%,#113a4f 28%,#0d2743 39%,#0b1a3a 52%,#091235 68%,#091034 1%);
}

:is([dir="rtl"] .rtl\:bg-gradient-to-r) {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

:is([dir="rtl"] .rtl\:from-\[\#20A79C\]) {
    --tw-gradient-from: #20A79C var(--tw-gradient-from-position);
    --tw-gradient-from-position:;
    --tw-gradient-to: rgb(32 167 156 / 0) var(--tw-gradient-from-position);
    --tw-gradient-to-position:;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

:is([dir="rtl"] .rtl\:to-\[transparent\]) {
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-to-position:;
}

:is([dir="rtl"] .rtl\:pb-4) {
    padding-bottom: 1rem;
}

:is([dir="rtl"] .rtl\:pl-2) {
    padding-left: 0.5rem;
}

:is([dir="rtl"] .rtl\:pl-\[24px\]) {
    padding-left: 24px;
}

:is([dir="rtl"] .rtl\:pr-3) {
    padding-right: 0.75rem;
}

:is([dir="rtl"] .before\:rtl\:right-0)::before {
    content: var(--tw-content);
    right: 0px;
}

:is([dir="rtl"] .before\:rtl\:right-\[40px\])::before {
    content: var(--tw-content);
    right: 40px;
}

:is([dir="rtl"] .rtl\:before\:right-0)::before {
    content: var(--tw-content);
    right: 0px;
}

:is([dir="rtl"] .rtl\:before\:translate-x-\[50\%\])::before {
    content: var(--tw-content);
    --tw-translate-x: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

:is([dir="rtl"] .rtl\:before\:bg-\[linear-gradient\(90deg\2c \#fff\2c \#e3f0f1_4\%\2c \#a4cfd4_14\%\2c \#71b4bb_24\%\2c \#489ea8_33\%\2c \#2b8f9b_41\%\2c \#1a8692_48\%\2c \#148390_53\%\)\])::before {
    content: var(--tw-content);
    background-image: linear-gradient(90deg,#fff,#e3f0f1 4%,#a4cfd4 14%,#71b4bb 24%,#489ea8 33%,#2b8f9b 41%,#1a8692 48%,#148390 53%);
}

:is([dir="rtl"] .rtl\:before\:bg-\[linear-gradient\(to_left\2c _rgba\(34\2c _169\2c _157\2c _1\)\2c _rgba\(35\2c _169\2c _157\2c _0\.99\)_0\%\2c _rgba\(102\2c _195\2c _187\2c _0\.69\)_19\%\2c _rgba\(157\2c _216\2c _211\2c _0\.44\)_37\%\2c _rgba\(199\2c _233\2c _230\2c _0\.25\)_54\%\2c _rgba\(230\2c _245\2c _244\2c _0\.11\)_71\%\2c _rgba\(248\2c _252\2c _252\2c _0\.03\)_87\%\2c _rgba\(255\2c _255\2c _255\2c _0\)_100\%\)\])::before {
    content: var(--tw-content);
    background-image: linear-gradient(to left, rgba(34, 169, 157, 1), rgba(35, 169, 157, 0.99) 0%, rgba(102, 195, 187, 0.69) 19%, rgba(157, 216, 211, 0.44) 37%, rgba(199, 233, 230, 0.25) 54%, rgba(230, 245, 244, 0.11) 71%, rgba(248, 252, 252, 0.03) 87%, rgba(255, 255, 255, 0) 100%);
}

:is([dir="rtl"] .rtl\:before\:bg-gradient-to-tr)::before {
    content: var(--tw-content);
    background-image: linear-gradient(to top right, var(--tw-gradient-stops));
}

:is([dir="rtl"] .rtl\:after\:left-0)::after {
    content: var(--tw-content);
    left: 0px;
}

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

    .max-4xl\:flex-wrap {
        flex-wrap: wrap;
    }
}

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

    .max-2xl\:w-32 {
        width: 8rem;
    }

    .max-2xl\:max-w-\[250px\] {
        max-width: 250px;
    }

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

    .max-2xl\:flex-wrap {
        flex-wrap: wrap;
    }

    .max-2xl\:bg-contain {
        background-size: contain;
    }

    .max-2xl\:text-base {
        font-size: 1rem;
    }
}

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

    .max-xl\:hidden {
        display: none;
    }

    .max-xl\:w-4 {
        width: 1rem;
    }

    .max-xl\:flex-wrap {
        flex-wrap: wrap;
    }

    .max-xl\:gap-1 {
        gap: 0.25rem;
    }

    .max-xl\:p-12 {
        padding: 3rem;
    }

    .max-xl\:text-lg {
        font-size: 1.125rem;
    }
}

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

    .max-lg\:top-\[calc\(50\%-22px\)\] {
        top: calc(50% - 22px);
    }

    .max-lg\:mx-auto {
        margin-left: auto;
        margin-right: auto;
    }

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

    .max-lg\:mb-\[40px\] {
        margin-bottom: 40px;
    }

    .max-lg\:ms-0 {
        -webkit-margin-start: 0px;
        margin-inline-start: 0px;
    }

    .max-lg\:mt-12 {
        margin-top: 3rem;
    }

    .max-lg\:mt-40 {
        margin-top: 10rem;
    }

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

    .max-lg\:mt-8 {
        margin-top: 2rem;
    }

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

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

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

    .max-lg\:hidden {
        display: none;
    }

    .max-lg\:min-h-\[100px\] {
        min-height: 100px;
    }

    .max-lg\:w-\[120px\] {
        width: 120px;
    }

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

    .max-lg\:w-\[550px\] {
        width: 550px;
    }

    .max-lg\:w-\[80px\] {
        width: 80px;
    }

    .max-lg\:w-\[calc\(100\%-120px\)\] {
        width: calc(100% - 120px);
    }

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

    .max-lg\:max-w-\[550px\] {
        max-width: 550px;
    }

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

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

    .max-lg\:translate-y-\[40px\] {
        --tw-translate-y: 40px;
        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));
    }

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

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

    .max-lg\:flex-col {
        flex-direction: column;
    }

    .max-lg\:flex-col-reverse {
        flex-direction: column-reverse;
    }

    .max-lg\:flex-wrap {
        flex-wrap: wrap;
    }

    .max-lg\:justify-start {
        justify-content: flex-start;
    }

    .max-lg\:justify-center {
        justify-content: center;
    }

    .max-lg\:gap-12 {
        gap: 3rem;
    }

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

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

    .max-lg\:border-b {
        border-bottom-width: 1px;
    }

    .max-lg\:border-none {
        border-style: none;
    }

    .max-lg\:bg-\[url\(\.\.\/images\/founded\/jeser-icon-rotate\.svg\)\] {
        background-image: url(../images/founded/jeser-icon-rotate.svg);
    }

    .max-lg\:px-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .max-lg\:px-3 {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

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

    .max-lg\:py-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

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

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

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

    .max-lg\:pb-10 {
        padding-bottom: 2.5rem;
    }

    .max-lg\:pb-4 {
        padding-bottom: 1rem;
    }

    .max-lg\:pb-\[60px\] {
        padding-bottom: 60px;
    }

    .max-lg\:ps-\[18px\] {
        -webkit-padding-start: 18px;
        padding-inline-start: 18px;
    }

    .max-lg\:ps-\[26px\] {
        -webkit-padding-start: 26px;
        padding-inline-start: 26px;
    }

    .max-lg\:pt-\[60px\] {
        padding-top: 60px;
    }

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

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

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

    .max-lg\:text-\[22px\] {
        font-size: 22px;
    }

    .max-lg\:text-\[26px\] {
        font-size: 26px;
    }

    .max-lg\:text-\[36px\] {
        font-size: 36px;
    }

    .max-lg\:text-sm {
        font-size: 0.875rem;
    }

    .max-lg\:before\:top-\[calc\(50\%-10px\)\]::before {
        content: var(--tw-content);
        top: calc(50% - 10px);
    }

    .max-lg\:before\:h-\[1px\]::before {
        content: var(--tw-content);
        height: 1px;
    }

    .max-lg\:before\:h-\[20px\]::before {
        content: var(--tw-content);
        height: 20px;
    }

    :is([dir="ltr"] .max-lg\:ltr\:left-\[2px\]) {
        left: 2px;
    }

    :is([dir="rtl"] .max-lg\:rtl\:right-\[2px\]) {
        right: 2px;
    }
}

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

    .max-md\:mb-4 {
        margin-bottom: 1rem;
    }

    .max-md\:hidden {
        display: none;
    }

    .max-md\:h-12 {
        height: 3rem;
    }

    .max-md\:min-h-\[calc\(100vh\/2\)\] {
        min-height: calc(100vh / 2);
    }

    .max-md\:w-12 {
        width: 3rem;
    }

    .max-md\:w-9 {
        width: 2.25rem;
    }

    .max-md\:translate-x-\[45\%\] {
        --tw-translate-x: 45%;
        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));
    }

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

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

    .max-md\:bg-top {
        background-position: top;
    }

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

    .max-md\:py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .max-md\:text-4xl {
        font-size: 2rem;
    }

    .max-md\:text-base {
        font-size: 1rem;
    }

    .max-md\:text-lg {
        font-size: 1.125rem;
    }

    .max-md\:text-sm {
        font-size: 0.875rem;
    }
}

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

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

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

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

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

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

    .max-sm\:justify-center {
        justify-content: center;
    }

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

    .max-sm\:text-sm {
        font-size: 0.875rem;
    }
}

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

    .max-xs\:before\:top-\[calc\(50\%-36px\)\]::before {
        content: var(--tw-content);
        top: calc(50% - 36px);
    }

    .max-xs\:before\:h-\[70px\]::before {
        content: var(--tw-content);
        height: 70px;
    }
}

@media (min-width: 430px) {

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

    .xs\:justify-center {
        justify-content: center;
    }

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

    :is([dir="ltr"] .xs\:ltr\:bg-\[linear-gradient\(-90deg\2c _rgba\(255\2c 255\2c 255\2c 0\.0\)_0\%\2c _rgba\(255\2c 255\2c 255\2c 0\.1\)_10\%\2c _rgba\(255\2c 255\2c 255\2c 0\.3\)_40\%\2c _rgba\(17\2c 115\2c 128\2c 1\)_100\%\)\]) {
        background-image: linear-gradient(-90deg, rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.1) 10%, rgba(255,255,255,0.3) 40%, rgba(17,115,128,1) 100%);
    }

    :is([dir="rtl"] .xs\:rtl\:bg-\[linear-gradient\(90deg\2c _rgba\(255\2c 255\2c 255\2c 0\.0\)_0\%\2c _rgba\(255\2c 255\2c 255\2c 0\.1\)_10\%\2c _rgba\(255\2c 255\2c 255\2c 0\.3\)_40\%\2c _rgba\(17\2c 115\2c 128\2c 1\)_100\%\)\]) {
        background-image: linear-gradient(90deg, rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.1) 10%, rgba(255,255,255,0.3) 40%, rgba(17,115,128,1) 100%);
    }
}

@media (min-width: 576px) {

    .sm\:ms-auto {
        -webkit-margin-start: auto;
        margin-inline-start: auto;
    }

    .sm\:block {
        display: block;
    }

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

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

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

    .sm\:max-w-none {
        max-width: none;
    }

    .sm\:grid-rows-\[minmax\(0\2c 1fr\)_170px\] {
        grid-template-rows: minmax(0,1fr) 170px;
    }

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

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

    .sm\:gap-1 {
        gap: 0.25rem;
    }

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

    .sm\:gap-16 {
        gap: 4rem;
    }

    .sm\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem;
    }

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

    .before\:sm\:w-\[39\%\]::before {
        content: var(--tw-content);
        width: 39%;
    }

    :is([dir="rtl"] .sm\:rtl\:right-\[00px\]) {
        right: 00px;
    }
}

@media (min-width: 768px) {

    .md\:absolute {
        position: absolute;
    }

    .md\:bottom-\[calc\(100\%-10px\)\] {
        bottom: calc(100% - 10px);
    }

    .md\:right-0 {
        right: 0px;
    }

    .md\:start-16 {
        inset-inline-start: 4rem;
    }

    .md\:top-3\/4 {
        top: 75%;
    }

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

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

    .md\:my-10 {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }

    .md\:-mt-44 {
        margin-top: -11rem;
    }

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

    .md\:mb-12 {
        margin-bottom: 3rem;
    }

    .md\:mb-8 {
        margin-bottom: 2rem;
    }

    .md\:mt-16 {
        margin-top: 4rem;
    }

    .md\:mt-6 {
        margin-top: 1.5rem;
    }

    .md\:mt-\[60px\] {
        margin-top: 60px;
    }

    .md\:mt-\[80px\] {
        margin-top: 80px;
    }

    .md\:mt-\[90px\] {
        margin-top: 90px;
    }

    .md\:block {
        display: block;
    }

    .md\:flex {
        display: flex;
    }

    .md\:h-1 {
        height: 0.25rem;
    }

    .md\:h-7 {
        height: 1.75rem;
    }

    .md\:h-\[125px\] {
        height: 125px;
    }

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

    .md\:h-\[70px\] {
        height: 70px;
    }

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

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

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

    .md\:w-\[70px\] {
        width: 70px;
    }

    .md\:max-w-\[81\.36\%\] {
        max-width: 81.36%;
    }

    .md\:max-w-none {
        max-width: none;
    }

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

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

    .md\:flex-nowrap {
        flex-wrap: nowrap;
    }

    .md\:items-center {
        align-items: center;
    }

    .md\:gap-12 {
        gap: 3rem;
    }

    .md\:gap-14 {
        gap: 3.5rem;
    }

    .md\:gap-16 {
        gap: 4rem;
    }

    .md\:gap-6 {
        gap: 1.5rem;
    }

    .md\:whitespace-nowrap {
        white-space: nowrap;
    }

    .md\:rounded-\[48px\] {
        border-radius: 48px;
    }

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

    .md\:p-4 {
        padding: 1rem;
    }

    .md\:p-6 {
        padding: 1.5rem;
    }

    .md\:p-8 {
        padding: 2rem;
    }

    .md\:p-\[90px\] {
        padding: 90px;
    }

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

    .md\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem;
    }

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

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

    .md\:py-12 {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

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

    .md\:py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

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

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

    .md\:pb-14 {
        padding-bottom: 3.5rem;
    }

    .md\:pt-12 {
        padding-top: 3rem;
    }

    .md\:pt-40 {
        padding-top: 10rem;
    }

    .md\:pt-\[155px\] {
        padding-top: 155px;
    }

    .md\:text-justify {
        text-align: justify;
    }

    .md\:text-\[1rem\] {
        font-size: 1rem;
    }

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

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

    .md\:text-\[26px\] {
        font-size: 26px;
    }

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

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

    .md\:text-\[32px\] {
        font-size: 32px;
    }

    .md\:text-\[35px\] {
        font-size: 35px;
    }

    .md\:text-\[36px\] {
        font-size: 36px;
    }

    .md\:text-\[40px\] {
        font-size: 40px;
    }

    .md\:text-\[45px\] {
        font-size: 45px;
    }

    .md\:text-\[50px\] {
        font-size: 50px;
    }

    .md\:text-\[23px\] {
        font-size: 23px;
    }

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

    .md\:text-\[\#0A1133\] {
        --tw-text-opacity: 1;
        color: rgb(10 17 51 / var(--tw-text-opacity));
    }

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

    .before\:md\:w-\[41\%\]::before {
        content: var(--tw-content);
        width: 41%;
    }

    .before\:md\:rounded-\[48px\]::before {
        content: var(--tw-content);
        border-radius: 48px;
    }

    .md\:after\:block::after {
        content: var(--tw-content);
        display: block;
    }

    .md\:after\:content-\[url\(\'\.\.\/images\/canvas\.svg\'\)\]::after {
        --tw-content: url('../images/canvas.svg');
        content: var(--tw-content);
    }

    :is([dir="ltr"] .md\:ltr\:pl-5) {
        padding-left: 1.25rem;
    }

    :is([dir="ltr"] .md\:ltr\:pr-\[36px\]) {
        padding-right: 36px;
    }

    :is([dir="rtl"] .md\:rtl\:pl-\[36px\]) {
        padding-left: 36px;
    }

    :is([dir="rtl"] .md\:rtl\:pr-5) {
        padding-right: 1.25rem;
    }
}

@media (min-width: 992px) {

    .lg\:start-20 {
        inset-inline-start: 5rem;
    }

    .lg\:start-28 {
        inset-inline-start: 7rem;
    }

    .lg\:-mt-36 {
        margin-top: -9rem;
    }

    .lg\:mb-0 {
        margin-bottom: 0px;
    }

    .lg\:me-0 {
        -webkit-margin-end: 0px;
        margin-inline-end: 0px;
    }

    .lg\:me-auto {
        -webkit-margin-end: auto;
        margin-inline-end: auto;
    }

    .lg\:ms-0 {
        -webkit-margin-start: 0px;
        margin-inline-start: 0px;
    }

    .lg\:ms-auto {
        -webkit-margin-start: auto;
        margin-inline-start: auto;
    }

    .lg\:mt-5 {
        margin-top: 1.25rem;
    }

    .lg\:mt-\[180px\] {
        margin-top: 180px;
    }

    .lg\:mt-\[60px\] {
        margin-top: 60px;
    }

    .lg\:flex {
        display: flex;
    }

    .lg\:hidden {
        display: none;
    }

    .lg\:h-\[215px\] {
        height: 215px;
    }

    .lg\:h-\[33px\] {
        height: 33px;
    }

    .lg\:h-\[62px\] {
        height: 62px;
    }

    .lg\:h-\[84px\] {
        height: 84px;
    }

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

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

    .lg\:w-\[215px\] {
        width: 215px;
    }

    .lg\:w-\[31px\] {
        width: 31px;
    }

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

    .lg\:w-\[99px\] {
        width: 99px;
    }

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

    .lg\:max-w-\[550px\] {
        max-width: 550px;
    }

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

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

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

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

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

    .lg\:flex-row {
        flex-direction: row;
    }

    .lg\:flex-col {
        flex-direction: column;
    }

    .lg\:flex-wrap {
        flex-wrap: wrap;
    }

    .lg\:items-center {
        align-items: center;
    }

    .lg\:justify-center {
        justify-content: center;
    }

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

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

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

    .lg\:gap-8 {
        gap: 2rem;
    }

    .lg\:rounded-br-\[40px\] {
        border-bottom-right-radius: 40px;
    }

    .lg\:rounded-tl-\[40px\] {
        border-top-left-radius: 40px;
    }

    .lg\:bg-\[url\(\.\.\/images\/founded\/jeser-icon\.svg\)\] {
        background-image: url(../images/founded/jeser-icon.svg);
    }

    .lg\:p-12 {
        padding: 3rem;
    }

    .lg\:p-8 {
        padding: 2rem;
    }

    .lg\:p-\[60px\] {
        padding: 60px;
    }

    .lg\:p-\[90px\] {
        padding: 90px;
    }

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

    .lg\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem;
    }

    .lg\:py-32 {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .lg\:pb-\[65px\] {
        padding-bottom: 65px;
    }

    .lg\:ps-14 {
        -webkit-padding-start: 3.5rem;
        padding-inline-start: 3.5rem;
    }

    .lg\:pt-32 {
        padding-top: 8rem;
    }

    .lg\:pt-40 {
        padding-top: 10rem;
    }

    .lg\:text-left {
        text-align: left;
    }

    .lg\:text-right {
        text-align: right;
    }

    .lg\:text-3xl {
        font-size: 1.75rem;
    }

    .lg\:text-4xl {
        font-size: 2rem;
    }

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

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

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

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

    .lg\:text-\[40px\] {
        font-size: 40px;
    }

    .lg\:text-\[65px\] {
        font-size: 65px;
    }

    .lg\:text-lg {
        font-size: 1.125rem;
    }

    .lg\:font-bold {
        font-weight: 700;
    }

    .lg\:after\:top-\[30px\]::after {
        content: var(--tw-content);
        top: 30px;
    }

    .lg\:after\:w-\[500px\]::after {
        content: var(--tw-content);
        width: 500px;
    }

    :is([dir="ltr"] .ltr\:lg\:translate-y-\[-22\%\]) {
        --tw-translate-y: -22%;
        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));
    }

    :is([dir="ltr"] .ltr\:lg\:translate-y-\[-23\%\]) {
        --tw-translate-y: -23%;
        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));
    }

    :is([dir="rtl"] .rtl\:lg\:translate-y-\[-22\%\]) {
        --tw-translate-y: -22%;
        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));
    }

    :is([dir="rtl"] .rtl\:lg\:translate-y-\[-23\%\]) {
        --tw-translate-y: -23%;
        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));
    }
}

@media (min-width: 1200px) {

    .xl\:top-\[-60\%\] {
        top: -60%;
    }

    .xl\:order-1 {
        order: 1;
    }

    .xl\:order-2 {
        order: 2;
    }

    .xl\:mb-0 {
        margin-bottom: 0px;
    }

    .xl\:mt-0 {
        margin-top: 0px;
    }

    .xl\:mt-5 {
        margin-top: 1.25rem;
    }

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

    .xl\:hidden {
        display: none;
    }

    .xl\:h-auto {
        height: auto;
    }

    .xl\:h-screen {
        height: 100vh;
    }

    .xl\:min-h-\[100svh\] {
        min-height: 100svh;
    }

    .xl\:w-auto {
        width: auto;
    }

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

    .xl\:max-w-\[550px\] {
        max-width: 550px;
    }

    .xl\:translate-y-\[-35\%\] {
        --tw-translate-y: -35%;
        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));
    }

    .xl\:translate-y-\[-37\%\] {
        --tw-translate-y: -37%;
        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));
    }

    .xl\:scroll-mt-20 {
        scroll-margin-top: 5rem;
    }

    .xl\:scroll-mt-\[120px\] {
        scroll-margin-top: 120px;
    }

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

    .xl\:grid-cols-\[56\%_44\%\] {
        grid-template-columns: 56% 44%;
    }

    .xl\:flex-row {
        flex-direction: row;
    }

    .xl\:items-center {
        align-items: center;
    }

    .xl\:justify-between {
        justify-content: space-between;
    }

    .xl\:gap-2 {
        gap: 0.5rem;
    }

    .xl\:rounded-\[60px\] {
        border-radius: 60px;
    }

    .xl\:p-\[140px\] {
        padding: 140px;
    }

    .xl\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem;
    }

    .xl\:pb-\[100px\] {
        padding-bottom: 100px;
    }

    .xl\:ps-32 {
        -webkit-padding-start: 8rem;
        padding-inline-start: 8rem;
    }

    .xl\:text-3xl {
        font-size: 1.75rem;
    }

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

    .xl\:text-\[40px\] {
        font-size: 40px;
    }

    .before\:xl\:rounded-\[60px\]::before {
        content: var(--tw-content);
        border-radius: 60px;
    }

    .group\/item:hover .xl\:group-hover\/item\:scale-\[1\.2\] {
        --tw-scale-x: 1.2;
        --tw-scale-y: 1.2;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    :is([dir="ltr"] .ltr\:xl\:ml-0) {
        margin-left: 0px;
    }

    :is([dir="ltr"] .ltr\:xl\:mr-0) {
        margin-right: 0px;
    }

    :is([dir="ltr"] .ltr\:xl\:translate-y-\[-18\%\]) {
        --tw-translate-y: -18%;
        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));
    }

    :is([dir="ltr"] .ltr\:xl\:translate-y-\[-19\%\]) {
        --tw-translate-y: -19%;
        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));
    }

    :is([dir="rtl"] .rtl\:xl\:ml-0) {
        margin-left: 0px;
    }

    :is([dir="rtl"] .rtl\:xl\:mr-0) {
        margin-right: 0px;
    }

    :is([dir="rtl"] .rtl\:xl\:translate-y-\[-15\%\]) {
        --tw-translate-y: -15%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    :is([dir="rtl"] .rtl\:xl\:translate-y-\[-21\%\]) {
        --tw-translate-y: -21%;
        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));
    }
}

@media (min-width: 1400px) {

    @media (min-width: 576px) {

        .\32xl\:sm\:w-\[75px\] {
            width: 75px;
        }
    }

    .\32xl\:start-20 {
        inset-inline-start: 5rem;
    }

    .\32xl\:start-36 {
        inset-inline-start: 9rem;
    }

    .\32xl\:mx-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .\32xl\:inline-block {
        display: inline-block;
    }

    .\32xl\:h-3 {
        height: 0.75rem;
    }

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

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

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

    .\32xl\:w-3 {
        width: 0.75rem;
    }

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

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

    .\32xl\:max-w-\[85\%\] {
        max-width: 85%;
    }

    .\32xl\:max-w-\[930px\] {
        max-width: 930px;
    }

    .\32xl\:translate-y-\[-22\%\] {
        --tw-translate-y: -22%;
        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));
    }

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

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

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

    .\32xl\:justify-around {
        justify-content: space-around;
    }

    .\32xl\:gap-12 {
        gap: 3rem;
    }

    .\32xl\:gap-6 {
        gap: 1.5rem;
    }

    .\32xl\:gap-8 {
        gap: 2rem;
    }

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

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

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

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

    .\32xl\:text-\[35px\] {
        font-size: 35px;
    }

    .\32xl\:text-\[40px\] {
        font-size: 40px;
    }

    .\32xl\:text-\[44px\] {
        font-size: 44px;
    }

    .\32xl\:text-\[50px\] {
        font-size: 50px;
    }

    :is([dir="ltr"] .ltr\:2xl\:translate-y-\[-12\%\]) {
        --tw-translate-y: -12%;
        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));
    }

    :is([dir="ltr"] .ltr\:2xl\:translate-y-\[-9\%\]) {
        --tw-translate-y: -9%;
        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));
    }

    :is([dir="rtl"] .rtl\:2xl\:translate-y-\[-10\%\]) {
        --tw-translate-y: -10%;
        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));
    }

    :is([dir="rtl"] .rtl\:2xl\:translate-y-\[-13\%\]) {
        --tw-translate-y: -13%;
        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));
    }
}

@media (min-width: 1800px) {

    .\34xl\:start-20 {
        inset-inline-start: 5rem;
    }

    .\34xl\:start-48 {
        inset-inline-start: 12rem;
    }

    .\34xl\:top-14 {
        top: 3.5rem;
    }

    .\34xl\:mb-12 {
        margin-bottom: 3rem;
    }

    .\34xl\:mt-\[100px\] {
        margin-top: 100px;
    }

    .\34xl\:mt-\[80px\] {
        margin-top: 80px;
    }

    .\34xl\:block {
        display: block;
    }

    .\34xl\:h-20 {
        height: 5rem;
    }

    .\34xl\:h-4 {
        height: 1rem;
    }

    .\34xl\:h-\[175px\] {
        height: 175px;
    }

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

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

    .\34xl\:w-4 {
        width: 1rem;
    }

    .\34xl\:w-\[100px\] {
        width: 100px;
    }

    .\34xl\:w-\[120px\] {
        width: 120px;
    }

    .\34xl\:w-\[52px\] {
        width: 52px;
    }

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

    .\34xl\:w-\[80px\] {
        width: 80px;
    }

    .\34xl\:w-\[90px\] {
        width: 90px;
    }

    .\34xl\:translate-y-\[-20\%\] {
        --tw-translate-y: -20%;
        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));
    }

    .\34xl\:translate-y-\[-22\%\] {
        --tw-translate-y: -22%;
        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));
    }

    .\34xl\:translate-y-\[70\%\] {
        --tw-translate-y: 70%;
        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));
    }

    .\34xl\:grid-rows-\[minmax\(0\2c 1fr\)_260px\] {
        grid-template-rows: minmax(0,1fr) 260px;
    }

    .\34xl\:justify-between {
        justify-content: space-between;
    }

    .\34xl\:gap-10 {
        gap: 2.5rem;
    }

    .\34xl\:gap-12 {
        gap: 3rem;
    }

    .\34xl\:gap-16 {
        gap: 4rem;
    }

    .\34xl\:gap-20 {
        gap: 5rem;
    }

    .\34xl\:gap-3 {
        gap: 0.75rem;
    }

    .\34xl\:gap-6 {
        gap: 1.5rem;
    }

    .\34xl\:gap-\[45px\] {
        gap: 45px;
    }

    .\34xl\:gap-y-\[50px\] {
        row-gap: 50px;
    }

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

    .\34xl\:p-\[50px\] {
        padding: 50px;
    }

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

    .\34xl\:px-\[100px\] {
        padding-left: 100px;
        padding-right: 100px;
    }

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

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

    .\34xl\:py-\[100px\] {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .\34xl\:py-\[70px\] {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .\34xl\:pb-\[70px\] {
        padding-bottom: 70px;
    }

    .\34xl\:pt-\[200px\] {
        padding-top: 200px;
    }

    .\34xl\:pt-\[240px\] {
        padding-top: 240px;
    }

    .\34xl\:text-2xl {
        font-size: 1.5rem;
    }

    .\34xl\:text-\[1\.25rem\] {
        font-size: 1.25rem;
    }

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

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

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

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

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

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

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

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

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

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

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

    .\34xl\:text-lg {
        font-size: 1.125rem;
    }

    .before\:4xl\:h-\[70px\]::before {
        content: var(--tw-content);
        height: 70px;
    }

    .before\:4xl\:w-\[280px\]::before {
        content: var(--tw-content);
        width: 280px;
    }

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

    :is([dir="ltr"] .ltr\:4xl\:translate-y-\[-2\%\]) {
        --tw-translate-y: -2%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    :is([dir="ltr"] .ltr\:4xl\:translate-y-\[6\%\]) {
        --tw-translate-y: 6%;
        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));
    }

    :is([dir="ltr"] .\34xl\:ltr\:pl-6) {
        padding-left: 1.5rem;
    }

    :is([dir="ltr"] .\34xl\:ltr\:pr-\[50px\]) {
        padding-right: 50px;
    }

    :is([dir="ltr"] .before\:4xl\:ltr\:left-\[60px\])::before {
        content: var(--tw-content);
        left: 60px;
    }

    :is([dir="rtl"] .rtl\:4xl\:translate-y-\[-2\%\]) {
        --tw-translate-y: -2%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    :is([dir="rtl"] .rtl\:4xl\:translate-y-\[2\%\]) {
        --tw-translate-y: 2%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    :is([dir="rtl"] .\34xl\:rtl\:pl-\[50px\]) {
        padding-left: 50px;
    }

    :is([dir="rtl"] .\34xl\:rtl\:pr-6) {
        padding-right: 1.5rem;
    }

    :is([dir="rtl"] .before\:4xl\:rtl\:right-\[60px\])::before {
        content: var(--tw-content);
        right: 60px;
    }
}

@media (min-width: 1400px) {

    .\32xl\:\[\&\:nth-child\(2\)\]\:-ms-8:nth-child(2) {
        margin-inline-start: -2rem;
    }

    .\32xl\:\[\&\:nth-child\(2\)\]\:me-8:nth-child(2) {
        -webkit-margin-end: 2rem;
        margin-inline-end: 2rem;
    }

    .\32xl\:\[\&\:nth-child\(3\)\]\:-me-8:nth-child(3) {
        -webkit-margin-end: -2rem;
        margin-inline-end: -2rem;
    }

    .\32xl\:\[\&\:nth-child\(3\)\]\:ms-8:nth-child(3) {
        -webkit-margin-start: 2rem;
        margin-inline-start: 2rem;
    }

    .\32xl\:\[\&\:nth-child\(6\)\]\:-ms-12:nth-child(6) {
        margin-inline-start: -3rem;
    }

    .\32xl\:\[\&\:nth-child\(6\)\]\:me-8:nth-child(6) {
        -webkit-margin-end: 2rem;
        margin-inline-end: 2rem;
    }

    .\32xl\:\[\&\:nth-child\(7\)\]\:-me-8:nth-child(7) {
        -webkit-margin-end: -2rem;
        margin-inline-end: -2rem;
    }

    .\32xl\:\[\&\:nth-child\(7\)\]\:ms-8:nth-child(7) {
        -webkit-margin-start: 2rem;
        margin-inline-start: 2rem;
    }
}
/*# sourceMappingURL=style.css.map */



/*csutom ali*/
::-webkit-scrollbar-thumb {
    background: #05935f;
    border-radius: 5px;
    height: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: #05935f;
}
.header {
    background: #104636;
}
.border-\[\#108693\] {
    border-color: rgb(5 147 95);
}
a.SwitchLanguage {
    background: #05935f;
}
.before\:bg-\[linear-gradient\(to_top\2c _rgba\(26\2c _168\2c _156\2c _0\.33\)\2c _rgba\(28\2c _155\2c _148\2c _0\.33\)\2c _rgba\(26\2c _108\2c _119\2c _0\.33\)\2c _rgba\(24\2c _70\2c _96\2c _0\.33\)\2c _rgba\(23\2c _43\2c _79\2c _0\.33\)\2c _rgba\(22\2c _26\2c _77\2c _0\.33\)\2c _rgba\(22\2c _21\2c _66\2c _0\.33\)\)\]::before {
    content: var(--tw-content);
    background-image: linear-gradient(to top, rgb(26 168 58 / 33%), rgb(28 155 44 / 33%), rgb(26 119 55 / 33%), rgb(24 96 46 / 33%), rgb(23 79 61 / 33%), rgb(22 77 36 / 33%), rgb(21 66 22 / 33%));
}
:is([dir="rtl"] .rtl\:before\:bg-\[linear-gradient\(90deg\2c \#fff\2c \#e3f0f1_4\%\2c \#a4cfd4_14\%\2c \#71b4bb_24\%\2c \#489ea8_33\%\2c \#2b8f9b_41\%\2c \#1a8692_48\%\2c \#148390_53\%\)\])::before {
    background-image: linear-gradient(90deg, #00875f, #00875f 4%, #00875f 14%, #00875f 24%, #00875f 33%, #269574 41%, #088d65 48%, #037655 53% 53%);
    /* background: rgb(0 102 72); */
}

.text-\[\#0E7581\] {
    color: #104636;
}

.bg-\[\#108693\] {
    background-color: rgb(16 70 54);
}

.bg-\[\#0A1133\] {
    background-color: #104636;
}
.bg-\[\#0A1133\] {
    --tw-bg-opacity: 1;
    background-color: #104636;
}

.news__swiper a.rounded-md {
    background: #05935f;
    /* background-image: linear-gradient(90deg, #27ad85 0%, #27ad85 1%, #27ad85 9%, #27ad85 18%, #27ad85 28%, #104636 39%, #104636 52%, #104636 68%, #104636 1%); */
}
.bg-\[\#108693\] {
    background-color: #05935f;
}

section a.leading-none {
    background: #05935f !important;
}

.swiper-pagination-bullet-active {
    background: #05935f !important;
}

.before\:to-\[\#091034\]::before {
    content: var(--tw-content);
    --tw-gradient-to: #104636 var(--tw-gradient-to-position);
    --tw-gradient-to-position:;
    background: #104636;
}

:is([dir="rtl"] .rtl\:bg-\[linear-gradient\(90deg\2c _rgba\(255\2c 255\2c 255\2c 0\.0\)_0\%\2c _rgba\(255\2c 255\2c 255\2c 0\.1\)_10\%\2c _rgba\(255\2c 255\2c 255\2c 0\.3\)_40\%\2c _rgba\(17\2c 115\2c 128\2c 1\)_100\%\)\]) {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.1) 10%, rgba(255, 255, 255, 0.3) 40%, #05935f 100%);
}