/*
! 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 */
}
html {
    overflow-x: hidden;
}
/*
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: #cbd5e1;
    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: #161616;
        --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: #161616;
    }

    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: #cbd5e1;
    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: #25935f;
        --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: #25935f;
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
    }

.feedback-panel [type='checkbox'], .feedback-panel [type='radio'] {
    height: 2rem;
    width: 2rem;
}
[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: #25935f;
    }

[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-scroll-snap-strictness: proximity;

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

::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-scroll-snap-strictness: proximity;

    --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;

}
.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;
    }
}
@media (max-width: 768px) {

    .container {
        padding-inline: calc(var(--spacing) * 4);
    }
}
.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;
}


.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;
}
/*.aboutuslinks-section-en .en-arrow, .mediacenterlinks-section-en .en-arrow,
.aboutuslinks-section-en .ltr\:rotate-180:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
    rotate: 360deg;
}*/
.-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-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));
}
.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-primary {
    background-color: var(--primary);
}

.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-to: rgb(46 134 123 / 0) var(--tw-gradient-from-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-\[\#161543\] {
    --tw-gradient-to: #161543 var(--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;
}
.pb-0 {
    padding-bottom: 0;
}

.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: 15px;
}

.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 {
    width: 9px;
    height: 9px
}

::-webkit-scrollbar-track {
    background: #fff
}

::-webkit-scrollbar-thumb {
    background-color: #8e949a;
    border: 2px solid #fff;
    border-radius: 15px
}

* {
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
}

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

@media (max-width: 575.9px) {
    .container {
        max-width: 540px;

    }
}

@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: 1400px;

    }
}

@media (min-width: 1800px) {
    .container {
        max-width: 1800px;

    }
}

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

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

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

.swiper-pagination-bullet {
    width:16px;
    height: 16px;
    border-radius: 100px;
    background-color: #d2d6db;
    margin: 0 !important;
    opacity: 1;
}



.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: relative;
    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);
}
    .header.header--active-scroll {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 99;
    }

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: 600;
        font-size:14px !important;
        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: #1b8354 !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 (min-width: 1199.9px) {
    .search-results {

        max-height: 350px;
    }
    div#search-dialog.group {
        display: none;
    }

    div#search-dialog.group.active {
            display: block;
            height:fit-content;
            position: fixed;
            top:104px;
            transform: translateY(1px);
     }
    #back-dialog {
        background: #fff;
        max-height: 50%;
        overflow-y: initial !important;
        position: relative;
    }
}


@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::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;
        padding: 0;
    }
    .header--active-mobile-menu .header__menu-toggler {
        padding: 8px;
        position: absolute;
        right: 0;
        top: 0;
        color: #000;
    }
    .header--active-mobile-menu .header__menu-toggler svg {
        display: none;
    }
        .header--active-mobile-menu .header__menu-toggler:before, .header--active-mobile-menu  .header__menu-toggler:after {
            content: "";
            display: block;
            width: 24px;
            height: 4px;
            background-color: #000000;
            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;
        width: 100%;
    }


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

            .header__navbar-nav > ul > li:not(:first-of-type) > a {
                display: flex;
                justify-content: space-between;
                /*                color: var(--header-links-color);*/
                color: #161616;
               padding: 0.5rem 0 ;
            }

        .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);
            background: transparent;
            color: #ffffff;
            border-radius: 4px;
            margin-bottom: 0.75rem;
            -webkit-margin-start:0;
            margin-inline-start:0;
            display: none;
        }
/*    .header__navbar-nav .dropdown-menu > .dropdown > a {
        font-weight: 600;
    }*/

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

    .header__navbar-nav .dropdown-item {
        color: #161616;
        padding: 0.2rem 0;
        color: #161616;
        font-weight: 400;
        font-size: 14px !important;
    }
        .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 p {
        color: var(--color-gray-700);
    }


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

    .accordion__intro img,
    .accordion__intro svg
    {
        width: 20px;
        transition: all 0.5s ease-out;
        color: #737373;
    }

    .accordion__intro:not(.collapsed) img,
    .accordion__intro:not(.collapsed) svg {
        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-to: rgb(38 154 140 / 0) var(--tw-gradient-from-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.before\:via-\[\#1B696D\]::before {
    content: var(--tw-content);
    --tw-gradient-to: rgb(27 105 109 / 0) var(--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);

}

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

: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-to: rgb(32 167 156 / 0) var(--tw-gradient-from-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);

}

: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="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(270deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.1) 10%, rgba(255, 255, 255, 0.3) 40%, #05935f 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-to: rgb(32 167 156 / 0) var(--tw-gradient-from-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);

}

: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="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%);
    background-image: linear-gradient(270deg, #00875f, #00875f 4%, #00875f 14%, #00875f 24%, #00875f 33%, #269574 41%, #088d65 48%, #037655 53% 53%);
    background: rgb(0 102 72 / 9%);
    background: rgb(17 100 87 / 60%);
}

: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*/
body {
        font-family: "IBM Plex Sans Arabic", sans-serif !important;
/*    font-family: "Cairo", sans-serif;*/
}
    body.page-studentpackage button#tab-faq,
    body.page-disability-package button#tab-faq {
        display: none;
    }
.text-gray-600 {
    color: #475569;
}
.visually-hidden {
    border: 0;
    padding: 0;
    margin: 0;
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); 
    clip: rect(1px, 1px, 1px, 1px); 
    clip-path: inset(50%);
    white-space: nowrap; 
}



.setting-menu img {
    filter: brightness(0) saturate(100%) invert(67%) sepia(58%) saturate(124%) hue-rotate(176deg) brightness(89%) contrast(78%);
    height: 25px;
}

.home-menu img {
    filter: invert(1);
}

a#shareApp img {
    filter: brightness(0) saturate(100%) invert(67%) sepia(58%) saturate(124%) hue-rotate(176deg) brightness(89%) contrast(78%);
    height: 25px;
}

.search-trigger img {
    filter: brightness(0) saturate(100%) invert(67%) sepia(58%) saturate(124%) hue-rotate(176deg) brightness(89%) contrast(78%);
    height: 25px;
}
a.SwitchLanguage {
display:flex;
}
a.SwitchLanguage img {
    filter: brightness(0) saturate(100%) invert(67%) sepia(58%) saturate(124%) hue-rotate(176deg) brightness(89%) contrast(78%);
    height: 25px;
    padding-left: 5px;
}
a.SwitchLanguage2 img {
    filter: brightness(0) saturate(100%) invert(67%) sepia(58%) saturate(124%) hue-rotate(176deg) brightness(89%) contrast(78%);
    height: 25px;
/*    padding-left: 5px;*/
}
.h-info-st1 {
    height: 72px;
    font-size: 14px !important;
    justify-content: center;
    min-width: 5rem;
    text-decoration: none;
}
@media (max-width: 1200px) {
    .search-trigger , a.SwitchLanguage {
        display: none !important;
    }
}

    @media (min-width: 1200px) {

        div#headerNav {
            margin-inline-start: 2.5rem;
        }

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

            .header__navbar-nav > ul > li > a {
                color: #161616;
                font-size: 14px !important;
                font-weight: 600;
                height: 72px;
                justify-content: center;
                min-width: 5rem;
                text-decoration: none;
                padding-bottom: .875rem;
                padding-top: .875rem;
                display: flex;
                align-items: center;
            }

            html .header__navbar-nav > ul > li > a::before, .header__navbar-nav > ul > li:after {
                display: none !important;
            }

            .header__navbar-nav > ul > li > .dropdown-menu {
                top: 100%;
            }

            .header__navbar-nav > ul > li > a.active {
                background: var(--color-primary-600) !important;
                color: #fff !important;
                border-radius: 6px;
            }
            .header__navbar-nav > ul > li > a:active {
                background: var(--color-primary-900) !important;

            }

                .header__navbar-nav > ul > li > a.active::after {
                    content: "";
                    background: var(--color-primary-400) !important;
                    border-radius: 6px;
                    height: 6px;
                    margin: 0 -3px;
                    position: absolute;
                    left: .625rem;
                    right: .625rem;
                    bottom: 0;
                }


            .header__navbar-nav > ul > li:hover > a {
                /*                color: rgb(27 131 84);*/
                background-color: var(--color-gray-100);
                border-radius: 6px;
            }

                .header__navbar-nav > ul > li:hover > a:after {
                    content: "";
                    background: gray;
                    border-radius: 6px;
                    height: 6px;
                    margin: 0 -3px;
                    position: absolute;
                    left: .625rem;
                    right: .625rem;
                    bottom: 0;
                }
        #search-trigger.active {
            /* color: #0F7481 !important; */
            /* background-color: #e8f4f8 !important; */
            /* border-radius: 8px; */

            background: #1b8354 !important;
            color: #fff !important;
            border-radius: 6px;
        }

            #search-trigger.active svg {
                /* color: #0F7481 !important; */
                color: #fff !important;
            }

            #search-trigger.active .search-text {
                /* color: #0F7481 !important; */
                color: #fff !important;
            }

            #search-trigger.active::after {
                content: "";
                background: var(--color-primary-400) !important;
                border-radius: 6px;
                height: 6px;
                margin: 0 -3px;
                position: absolute;
                left: .625rem;
                right: .625rem;
                bottom: 0;
            }
        /*        mega menu */
        .header__navbar-nav > ul > li {
            position: static;
        }

        html .header__navbar-nav > ul > li > .dropdown-menu {
            width: 100%;
            transform: none !important;
        }

        .header__navbar-nav > ul.mega-menu {
            position: static;
            transform: none !important;
        }


        .mega-menu .drop-one {
            max-width: 1488px;
            margin: auto;
            left: 0;
            display: grid !important;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 1.5rem;
            grid-template-columns: 1fr 1fr 1fr;
            gap: 1rem;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            grid-auto-rows: 100%;
            padding: 2rem 5rem;
        }

            .mega-menu .drop-one::after {
                content: "";
                background: #fff;
                width: 100%;
                height: 100%;
                position: absolute;
                margin: 0 -10000px;
                padding: 0 100000px;
                top: 0;
                left: 0;
                right: 0;
                z-index: -1;
                display: block;
            }

        .mega-menu ul.drop-two {
            position: relative !important;
            opacity: 1 !important;
            visibility: visible !important;
            right: 0 !important;
            width: 100% !important;
            box-shadow: none !important;
            transform: none !important;
        }

        .mega-menu .dropdown li {
            border: 0 !important;
        }

        .mega-menu .dropdown .dropdown-menu a {
            font-weight: 600;
            padding: 1rem !important;
            border-radius: .5rem;
            border: 0;
            margin-bottom: 5px;
        }

        .mega-menu .dropdown a:hover {
            color: var(--color-gray-800) !important;
            background-color: var(--color-gray-100);
        }
            .mega-menu .dropdown a:hover svg.rotate-180 {
                rotate: -1800deg !important;
            }
        .mega-menu .drop-two a {
            font-weight: 400 !important;
        }
        /*legend mega menu */
    }
    /*legend min width 1200 */
  

    ::-webkit-scrollbar-thumb {
        background: #05935f;
        border-radius: 5px;
        height: 5px;
    }

        ::-webkit-scrollbar-thumb:hover {
            background: #05935f;
        }

    .header {
        /*    background: #104636;*/
        background: #fff;
        padding: 0;
    }
    /*top header */
    .flex {
        display: flex;
    }

    /*.gap-4 {
    gap: 1rem;
}

.gap-6 {
    gap: 1.5rem;
}

.p-4 {
    padding: 1rem;
}

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

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

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

.w-5 {
    width: 1.25rem;
}

.w-8 {
    width: 2rem;
}

.w-9 {
    width: 2.25rem;
}

.h-8 {
    height: 2rem;
}

.h-9 {
    height: 2.25rem;
}*/

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

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


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

    .text-sa-600 {
        color: rgb(27 131 84);
    }

    .space-y-8 > :not([hidden]) ~ :not([hidden]) {
        margin-bottom: 0;
        margin-top: 2rem;
    }

    .bg-white {
        background-color: #fff;
    }

    .bg-gray-100 {
        background-color: #f1f5f9;
    }

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

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

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

    .border-sa-600 {
        border-color: rgb(27 131 84);
    }

.border-sa-600 {
    border-color: var(--color-primary-900);
}



    @media (min-width: 1536px) {
        .\32xl\:px-20 {
            padding-left: 5rem;
            padding-right: 5rem;
        }
    }

    @media (min-width: 1280px) {
        .xl\:px-16 {
            padding-left: 4rem;
            padding-right: 4rem;
        }
    }

    @media (min-width: 1024px) {
        .lg\:px-12 {
            padding-left: 3rem;
            padding-right: 3rem;
        }
    }

    @media (min-width: 768px) {
        .md\:px-8 {
            padding-left: 2rem;
            padding-right: 2rem;
        }
    }

    @media (min-width: 640px) {
        .sm\:px-6 {
            padding-left: 1.5rem;
            padding-right: 1.5rem;
        }
    }

    .top-header-note {
        padding: 0 5px;
        border-bottom: solid 1px #ededed;
    }

        .top-header-note > .container {
            padding: 5px 0;
            /*        border-bottom: solid 1px #e2e8f0;*/
        }

        .top-header-note span.font-medium.mr-font-size {
            font-size: 14px !important;
            padding: 0 5px;
            font-weight: 400;
        }

    @media (max-width: 768px) {
        /*    .top-header-note .container {
        border-bottom: solid 1px #e2e8f0;
    }*/
    }

    @media (min-width: 1200px) {
        html[dir=ltr] .header__navbar-nav > ul > li > .dropdown-menu .dropdown-menu {
            left: 0 !important;
            right: 0 !important;
        }

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


    /*new by ali code*/
.home-banner {
    justify-content: center;
}
@media (min-width: 992px) {
    .home-banner {
        min-height: 370px;
    }
}
.border-border {
    border-color: var(--border)
}
    .m-0 {
        margin: calc(var(--spacing)*0)
    }

    .-mx-1 {
        margin-inline: calc(var(--spacing)*-1)
    }

    .mx-4 {
        margin-inline: calc(var(--spacing)*4)
    }

    .mx-auto {
        margin-inline: auto
    }

    .my-1 {
        margin-block: calc(var(--spacing)*1)
    }

    .my-2 {
        margin-block: calc(var(--spacing)*2)
    }

    .my-auto {
        margin-block: auto
    }

    .ms-0 {
        margin-inline-start: calc(var(--spacing)*0);
    }

    .ms-1 {
        margin-inline-start: calc(var(--spacing)*1)
    }

    .ms-2 {
        margin-inline-start: calc(var(--spacing)*2)
    }

    .ms-2\.5 {
        margin-inline-start: calc(var(--spacing)*2.5)
    }

    .ms-3 {
        margin-inline-start: calc(var(--spacing)*3)
    }

    .ms-4 {
        margin-inline-start: calc(var(--spacing)*4)
    }

    .ms-8 {
        margin-inline-start: calc(var(--spacing)*8)
    }

    .ms-auto {
        margin-inline-start: auto
    }

    .me-1 {
        margin-inline-end: calc(var(--spacing)*1)
    }

    .me-2 {
        margin-inline-end: calc(var(--spacing)*2)
    }

    .me-auto {
        margin-inline-end: auto
    }

    .mt-1 {
        margin-top: calc(var(--spacing)*1)
    }

    .mt-2 {
        margin-top: calc(var(--spacing)*2)
    }

    .mt-4 {
        margin-top: calc(var(--spacing)*4)
    }

    .mt-6 {
        margin-top: calc(var(--spacing)*6)
    }

    .mt-8 {
        margin-top: calc(var(--spacing)*8)
    }

    .mt-12 {
        margin-top: calc(var(--spacing)*12)
    }

    .mt-16 {
        margin-top: calc(var(--spacing)*16)
    }

    .mt-auto {
        margin-top: auto
    }

    .mr-2 {
        margin-right: calc(var(--spacing)*2)
    }

    .mb-0 {
        margin-bottom: calc(var(--spacing)*0)
    }

    .mb-1 {
        margin-bottom: calc(var(--spacing)*1)
    }

    .mb-2 {
        margin-bottom: calc(var(--spacing)*2)
    }

    .mb-4 {
        margin-bottom: calc(var(--spacing)*4)
    }

    .mb-5 {
        margin-bottom: calc(var(--spacing)*5)
    }

    .mb-6 {
        margin-bottom: calc(var(--spacing)*6)
    }

    .mb-8 {
        margin-bottom: calc(var(--spacing)*8)
    }

    .mb-15 {
        margin-bottom: calc(var(--spacing)*15)
    }

    .mb-28 {
        margin-bottom: calc(var(--spacing)*28)
    }

    .mb-30 {
        margin-bottom: calc(var(--spacing)*30)
    }

    .ml-1 {
        margin-left: calc(var(--spacing)*1)
    }

    .ml-auto {
        margin-left: auto
    }

    .line-clamp-1 {
        -webkit-line-clamp: 1
    }

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

    .line-clamp-2 {
        -webkit-line-clamp: 2
    }

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

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

    .peer-focus\:before\:absolute:is(:where(.peer):focus~*):before {
        content: var(--tw-content);
        position: absolute
    }

    .peer-focus\:before\:top-\[-5px\]:is(:where(.peer):focus~*):before {
        content: var(--tw-content);
        top: -5px
    }

    .peer-focus\:before\:left-\[-5px\]:is(:where(.peer):focus~*):before {
        content: var(--tw-content);
        left: -5px
    }

    .peer-focus\:before\:size-8:is(:where(.peer):focus~*):before {
        content: var(--tw-content);
        width: calc(var(--spacing)*8);
        height: calc(var(--spacing)*8)
    }

    .peer-focus\:before\:border-2:is(:where(.peer):focus~*):before {
        content: var(--tw-content);
        border-style: var(--tw-border-style);
        border-width: 2px
    }

    .peer-focus\:before\:border-foreground:is(:where(.peer):focus~*):before {
        content: var(--tw-content);
        border-color: var(--foreground)
    }

    .peer-focus\:before\:content-\[\"\"\]:is(:where(.peer):focus~*):before {
        --tw-content: "";
        content: var(--tw-content)
    }

    .peer-focus-visible\:before\:absolute:is(:where(.peer):focus-visible~*):before {
        content: var(--tw-content);
        position: absolute
    }

    .peer-focus-visible\:before\:top-\[-5px\]:is(:where(.peer):focus-visible~*):before {
        content: var(--tw-content);
        top: -5px
    }

    .peer-focus-visible\:before\:left-\[-5px\]:is(:where(.peer):focus-visible~*):before {
        content: var(--tw-content);
        left: -5px
    }

    .peer-focus-visible\:before\:size-8:is(:where(.peer):focus-visible~*):before {
        content: var(--tw-content);
        width: calc(var(--spacing)*8);
        height: calc(var(--spacing)*8)
    }

    .peer-focus-visible\:before\:border-2:is(:where(.peer):focus-visible~*):before {
        content: var(--tw-content);
        border-style: var(--tw-border-style);
        border-width: 2px
    }

    .peer-focus-visible\:before\:border-foreground:is(:where(.peer):focus-visible~*):before {
        content: var(--tw-content);
        border-color: var(--foreground)
    }

    .peer-focus-visible\:before\:content-\[\"\"\]:is(:where(.peer):focus-visible~*):before {
        --tw-content: "";
        content: var(--tw-content)
    }

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

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

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

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

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

    .after\:h-4:after {
        content: var(--tw-content);
        height: calc(var(--spacing)*4)
    }

    .after\:w-4:after {
        content: var(--tw-content);
        width: calc(var(--spacing)*4)
    }

    .after\:-translate-x-1\/2:after {
        --tw-translate-x: calc(calc(1/2*100%)*-1)
    }

    .after\:-translate-x-1\/2:after,
    .after\:-translate-y-1\/2:after {
        content: var(--tw-content);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .after\:-translate-y-1\/2:after {
        --tw-translate-y: calc(calc(1/2*100%)*-1)
    }

    .after\:rounded:after {
        content: var(--tw-content);
        border-radius: .25rem
    }

    .after\:rounded-full:after {
        content: var(--tw-content);
        border-radius: 3.40282e+38px
    }

    .after\:border-2:after {
        content: var(--tw-content);
        border-style: var(--tw-border-style);
        border-width: 2px
    }

    .after\:border-foreground:after {
        content: var(--tw-content);
        border-color: var(--foreground)
    }

    .after\:bg-primary:after {
        content: var(--tw-content);
        background-color: var(--primary)
    }

    .after\:bg-transparent:after {
        content: var(--tw-content);
        background-color: #0000
    }

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

    .after\:transition-all:after {
        content: var(--tw-content);
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .after\:content-\[\"\"\]:after {
        --tw-content: "";
        content: var(--tw-content)
    }

    .last\:mb-0:last-child {
        margin-bottom: calc(var(--spacing)*0)
    }

    .visited\:text-primary-800:visited {
        color: var(--color-primary-800)
    }

    .visited\:text-white\/90:visited {
        color: #ffffffe6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .visited\:text-white\/90:visited {
            color: color-mix(in oklab, var(--color-white)90%, transparent)
        }
    }

    .focus-within\:border-error-700:focus-within {
        border-color: var(--color-error-700)
    }

    .focus-within\:border-gray-400:focus-within {
        border-color: var(--color-gray-400)
    }

    @media (hover:hover) {
        .hover\:border-\[\#b42318\]:hover {
            border-color: #b42318
        }

        .hover\:border-error-700:hover {
            border-color: var(--color-error-700)
        }

        .hover\:border-foreground:hover {
            border-color: var(--foreground)
        }

        .hover\:border-gray-100:hover {
            border-color: var(--color-gray-100)
        }

        .hover\:border-gray-200:hover {
            border-color: var(--color-gray-200)
        }

        .hover\:border-gray-400:hover {
            border-color: var(--color-gray-400)
        }

        .hover\:border-gray-800:hover {
            border-color: var(--color-gray-800)
        }

        .hover\:border-primary-700:hover {
            border-color: var(--color-primary-700)
        }

        .hover\:border-primary-900:hover {
            border-color: var(--color-primary-900)
        }

        .hover\:border-text-dark-600:hover {
            border-color: var(--color-text-dark-600)
        }

        .hover\:border-white:hover {
            border-color: var(--color-white)
        }

        .hover\:border-white\/40:hover {
            border-color: #fff6
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:border-white\/40:hover {
                border-color: color-mix(in oklab, var(--color-white)40%, transparent)
            }
        }

        .hover\:bg-accent:hover {
            background-color: var(--accent)
        }

        .hover\:bg-destructive\/90:hover {
            background-color: var(--destructive)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-destructive\/90:hover {
                background-color: color-mix(in oklab, var(--destructive)90%, transparent)
            }
        }

        .hover\:bg-gray-50:hover {
            background-color: var(--color-gray-50)
        }

        .hover\:bg-gray-100:hover {
            background-color: var(--color-gray-100)
        }

        .hover\:bg-gray-200:hover {
            background-color: var(--color-gray-200)
        }

        .hover\:bg-gray-800:hover {
            background-color: var(--color-gray-800)
        }

        .hover\:bg-green-700:hover {
            background-color: var(--color-green-700)
        }

        .hover\:bg-muted\/50:hover {
            background-color: var(--muted)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-muted\/50:hover {
                background-color: color-mix(in oklab, var(--muted)50%, transparent)
            }
        }

        .hover\:bg-primary-100:hover {
            background-color: var(--color-primary-100)
        }

        .hover\:bg-primary-300:hover {
            background-color: var(--color-primary-300)
        }

        .hover\:bg-primary-700:hover {
            background-color: var(--color-primary-700)
        }

        .hover\:bg-primary-900:hover {
            background-color: var(--color-primary-900)
        }

        .hover\:bg-primary\/90:hover {
            background-color: var(--primary)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-primary\/90:hover {
                background-color: color-mix(in oklab, var(--primary)90%, transparent)
            }
        }

        .hover\:bg-red-700:hover {
            background-color: var(--color-red-700)
        }

        .hover\:bg-secondary\/80:hover {
            background-color: var(--secondary)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-secondary\/80:hover {
                background-color: color-mix(in oklab, var(--secondary)80%, transparent)
            }
        }

        .hover\:bg-text-dark-600:hover {
            background-color: var(--color-text-dark-600)
        }

        .hover\:bg-white\/20:hover {
            background-color: #fff3
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-white\/20:hover {
                background-color: color-mix(in oklab, var(--color-white)20%, transparent)
            }
        }

        .hover\:bg-zinc-50:hover {
            background-color: var(--color-zinc-50)
        }

        .hover\:fill-white:hover {
            fill: var(--color-white)
        }

        .hover\:stroke-destructive:hover {
            stroke: var(--destructive)
        }

        .hover\:stroke-white:hover {
            stroke: var(--color-white)
        }

        .hover\:text-accent-foreground:hover {
            color: var(--accent-foreground)
        }

        .hover\:text-destructive:hover {
            color: var(--destructive)
        }

        .hover\:text-foreground:hover {
            color: var(--foreground)
        }

        .hover\:text-gray-500:hover {
            color: var(--color-gray-500)
        }

        .hover\:text-gray-700:hover {
            color: var(--color-gray-700)
        }

        .hover\:text-gray-800:hover {
            color: var(--color-gray-800)
        }

        .hover\:text-primary:hover {
            color: var(--primary)
        }

        .hover\:text-primary-400:hover {
            color: var(--color-primary-400)
        }

        .hover\:text-primary-700:hover {
            color: var(--color-primary-700)
        }

        .hover\:text-white:hover {
            color: var(--color-white)
        }

        .hover\:text-white\/80:hover {
            color: #fffc
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:text-white\/80:hover {
                color: color-mix(in oklab, var(--color-white)80%, transparent)
            }
        }

        .hover\:underline:hover {
            text-decoration-line: underline
        }

        .hover\:shadow-\[0_0_0_4px_\#f3f4f6\]:hover {
            --tw-shadow: 0 0 0 4px var(--tw-shadow-color, #f3f4f6)
        }

        .hover\:shadow-\[0_0_0_12px_rgb\(243_244_246\)\]:hover,
        .hover\:shadow-\[0_0_0_4px_\#f3f4f6\]:hover {
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .hover\:shadow-\[0_0_0_12px_rgb\(243_244_246\)\]:hover {
            --tw-shadow: 0 0 0 12px var(--tw-shadow-color, #f3f4f6)
        }

        .hover\:shadow-green-600\/30:hover {
            --tw-shadow-color: #00a5444d
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:shadow-green-600\/30:hover {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-600)30%, transparent)var(--tw-shadow-alpha), transparent)
            }
        }

        .hover\:shadow-red-600\/30:hover {
            --tw-shadow-color: #e400144d
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:shadow-red-600\/30:hover {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-600)30%, transparent)var(--tw-shadow-alpha), transparent)
            }
        }

        .hover\:before\:bg-gray-100:hover:before {
            content: var(--tw-content);
            background-color: var(--color-gray-100)
        }

        .hover\:after\:bg-primary-800:hover:after {
            content: var(--tw-content);
            background-color: var(--color-primary-800)
        }
    }

    .focus\:not-sr-only:focus {
        clip-path: none;
        white-space: normal;
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
        position: static;
        overflow: visible
    }

    .focus\:border:focus {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .focus\:border-\[\#161616\]:focus {
        border-color: #161616
    }

    .focus\:border-\[\#fff\]:focus {
        border-color: #fff
    }

    .focus\:border-gray-400:focus {
        border-color: var(--color-gray-400)
    }

    .focus\:border-primary:focus {
        border-color: var(--primary)
    }

    .focus\:border-white:focus {
        border-color: var(--color-white)
    }

    .focus\:bg-accent:focus {
        background-color: var(--accent)
    }

    .focus\:bg-white:focus {
        background-color: var(--color-white)
    }

    .focus\:text-accent-foreground:focus {
        color: var(--accent-foreground)
    }

    .focus\:underline:focus {
        text-decoration-line: underline
    }

    .focus\:shadow-\[0_0_0_2px_white\,0_0_0_4px_\#161616\]:focus {
        --tw-shadow: 0 0 0 2px var(--tw-shadow-color, #fff), 0 0 0 4px var(--tw-shadow-color, #161616);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus\:shadow-\[inset_0_0_0_1px_\#161616\,inset_0_0_0_2px_\#fff\]:focus {
        --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #161616), inset 0 0 0 2px var(--tw-shadow-color, #fff)
    }

    .focus\:shadow-\[inset_0_0_0_1px_\#161616\,inset_0_0_0_2px_\#fff\]:focus,
    .focus\:shadow-\[inset_0_0_0_1px_\#161616\]:focus {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus\:shadow-\[inset_0_0_0_1px_\#161616\]:focus {
        --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #161616)
    }

    .focus\:shadow-\[inset_0_0_0_1px_\#fff\]:focus {
        --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #fff)
    }

    .focus\:shadow-\[inset_0_0_0_1px_\#fff\]:focus,
    .focus\:shadow-\[inset_0_0_0_2px_\#161616\]:focus {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus\:shadow-\[inset_0_0_0_2px_\#161616\]:focus {
        --tw-shadow: inset 0 0 0 2px var(--tw-shadow-color, #161616)
    }

    .focus\:ring:focus {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor)
    }

    .focus\:ring-0:focus,
    .focus\:ring:focus {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus\:ring-0:focus {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor)
    }

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

    .focus\:ring-ring:focus {
        --tw-ring-color: var(--ring)
    }

    .focus\:ring-offset-0:focus {
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
    }

    .focus\:ring-offset-2:focus {
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
    }

    .focus\:\!outline-2:focus {
        outline-style: var(--tw-outline-style) !important;
        outline-width: 2px !important
    }

    .focus\:outline:focus {
        outline-style: var(--tw-outline-style);
        outline-width: 1px
    }

    .focus\:outline-2:focus {
        outline-style: var(--tw-outline-style);
        outline-width: 2px
    }

    .focus\:outline-\[3px\]:focus {
        outline-style: var(--tw-outline-style);
        outline-width: 3px
    }

    .focus\:\!outline-offset-2:focus {
        outline-offset: 2px !important
    }

    .focus\:outline-offset-0:focus {
        outline-offset: 0
    }

    .focus\:outline-offset-2:focus {
        outline-offset: 2px
    }

    .focus\:outline-\[\#161616\]:focus {
        outline-color: #161616
    }

    .focus\:outline-foreground:focus {
        outline-color: var(--foreground)
    }

    .focus\:outline-white:focus {
        outline-color: var(--color-white)
    }

    .focus\:outline-none:focus {
        --tw-outline-style: none;
        outline-style: none
    }

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

    .focus-visible\:border:focus-visible {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .focus-visible\:border-\[\#161616\]:focus-visible {
        border-color: #161616
    }

    .focus-visible\:border-\[\#fff\]:focus-visible {
        border-color: #fff
    }

    .focus-visible\:border-gray-400:focus-visible {
        border-color: var(--color-gray-400)
    }

    .focus-visible\:border-primary:focus-visible {
        border-color: var(--primary)
    }

    .focus-visible\:border-ring:focus-visible {
        border-color: var(--ring)
    }

    .focus-visible\:border-white:focus-visible {
        border-color: var(--color-white)
    }

    .focus-visible\:bg-background:focus-visible {
        background-color: var(--background)
    }

    .focus-visible\:bg-primary-800:focus-visible {
        background-color: var(--color-primary-800)
    }

    .focus-visible\:underline:focus-visible {
        text-decoration-line: underline
    }

    .focus-visible\:shadow-\[0_0_0_2px_white\,0_0_0_4px_\#161616\]:focus-visible {
        --tw-shadow: 0 0 0 2px var(--tw-shadow-color, #fff), 0 0 0 4px var(--tw-shadow-color, #161616);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus-visible\:shadow-\[inset_0_0_0_1px_\#161616\,inset_0_0_0_2px_\#fff\]:focus-visible {
        --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #161616), inset 0 0 0 2px var(--tw-shadow-color, #fff);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus-visible\:shadow-\[inset_0_0_0_1px_\#161616\]:focus-visible {
        --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #161616);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus-visible\:shadow-\[inset_0_0_0_1px_\#fff\]:focus-visible {
        --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #fff);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus-visible\:shadow-\[inset_0_0_0_2px_\#161616\]:focus-visible {
        --tw-shadow: inset 0 0 0 2px var(--tw-shadow-color, #161616);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus-visible\:shadow-lg:focus-visible {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus-visible\:ring:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

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

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

    .focus-visible\:ring-\[3px\]:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus-visible\:shadow-green-600\/30:focus-visible {
        --tw-shadow-color: #00a5444d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus-visible\:shadow-green-600\/30:focus-visible {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-600)30%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .focus-visible\:shadow-red-600\/30:focus-visible {
        --tw-shadow-color: #e400144d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus-visible\:shadow-red-600\/30:focus-visible {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-600)30%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .focus-visible\:ring-destructive\/20:focus-visible {
        --tw-ring-color: var(--destructive)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus-visible\:ring-destructive\/20:focus-visible {
            --tw-ring-color: color-mix(in oklab, var(--destructive)20%, transparent)
        }
    }

    .focus-visible\:ring-foreground:focus-visible {
        --tw-ring-color: var(--foreground)
    }

    .focus-visible\:ring-primary:focus-visible {
        --tw-ring-color: var(--primary)
    }

    .focus-visible\:ring-ring:focus-visible,
    .focus-visible\:ring-ring\/50:focus-visible {
        --tw-ring-color: var(--ring)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus-visible\:ring-ring\/50:focus-visible {
            --tw-ring-color: color-mix(in oklab, var(--ring)50%, transparent)
        }
    }

    .focus-visible\:ring-offset-0:focus-visible {
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
    }

    .focus-visible\:ring-offset-1:focus-visible {
        --tw-ring-offset-width: 1px;
        --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
    }

    .focus-visible\:ring-offset-2:focus-visible {
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
    }

    .focus-visible\:ring-offset-background:focus-visible {
        --tw-ring-offset-color: var(--background)
    }

    .focus-visible\:\!outline-2:focus-visible {
        outline-style: var(--tw-outline-style) !important;
        outline-width: 2px !important
    }

    .focus-visible\:outline:focus-visible {
        outline-style: var(--tw-outline-style);
        outline-width: 1px
    }

    .focus-visible\:outline-0:focus-visible {
        outline-style: var(--tw-outline-style);
        outline-width: 0
    }

    .focus-visible\:outline-2:focus-visible {
        outline-style: var(--tw-outline-style);
        outline-width: 2px
    }

    .focus-visible\:outline-\[3px\]:focus-visible {
        outline-style: var(--tw-outline-style);
        outline-width: 3px
    }

    .focus-visible\:outline-offset-0:focus-visible {
        outline-offset: 0
    }

    .focus-visible\:outline-offset-1:focus-visible {
        outline-offset: 1px
    }

    .focus-visible\:outline-offset-2:focus-visible {
        outline-offset: 2px
    }

    .focus-visible\:outline-\[\#161616\]:focus-visible {
        outline-color: #161616
    }

    .focus-visible\:outline-foreground:focus-visible {
        outline-color: var(--foreground)
    }

    .focus-visible\:outline-white:focus-visible {
        outline-color: var(--color-white)
    }

    .focus-visible\:outline-none:focus-visible {
        --tw-outline-style: none;
        outline-style: none
    }

    .focus-visible\:after\:opacity-100:focus-visible:after {
        content: var(--tw-content);
        opacity: 1
    }

    .active\:border-gray-200:active {
        border-color: var(--color-gray-200)
    }

    .active\:border-gray-500:active {
        border-color: var(--color-gray-500)
    }

    .active\:border-gray-600:active {
        border-color: var(--color-gray-600)
    }

    .active\:border-primary-800:active {
        border-color: var(--color-primary-800)
    }

    .active\:border-primary-900:active {
        border-color: var(--color-primary-900)
    }

    .active\:border-white\/40:active {
        border-color: #fff6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .active\:border-white\/40:active {
            border-color: color-mix(in oklab, var(--color-white)40%, transparent)
        }
    }

    .active\:bg-gray-200:active {
        background-color: var(--color-gray-200)
    }

    .active\:bg-gray-300:active {
        background-color: var(--color-gray-300)
    }

    .active\:bg-gray-500:active {
        background-color: var(--color-gray-500)
    }

    .active\:bg-gray-600:active {
        background-color: var(--color-gray-600)
    }

    .active\:bg-green-800:active {
        background-color: var(--color-green-800)
    }

    .active\:bg-primary-200:active {
        background-color: var(--color-primary-200)
    }

    .active\:bg-primary-300:active {
        background-color: var(--color-primary-300)
    }

    .active\:bg-primary-800:active {
        background-color: var(--color-primary-800)
    }

    .active\:bg-primary-900:active {
        background-color: var(--color-primary-900)
    }

    .active\:bg-red-800:active {
        background-color: var(--color-red-800)
    }

    .active\:bg-white\/40:active {
        background-color: #fff6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .active\:bg-white\/40:active {
            background-color: color-mix(in oklab, var(--color-white)40%, transparent)
        }
    }

    .active\:text-gray-400:active {
        color: var(--color-gray-400)
    }

    .active\:text-gray-700:active {
        color: var(--color-gray-700)
    }

    .active\:text-primary-300:active {
        color: var(--color-primary-300)
    }

    .active\:text-primary-900:active {
        color: var(--color-primary-900)
    }

    .active\:text-white\/60:active {
        color: #fff9
    }

    @supports (color:color-mix(in lab, red, red)) {
        .active\:text-white\/60:active {
            color: color-mix(in oklab, var(--color-white)60%, transparent)
        }
    }

    .active\:underline:active {
        text-decoration-line: underline
    }

    .active\:shadow-inner:active {
        --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, #0000000d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .active\:shadow-green-900\/50:active {
        --tw-shadow-color: #0d542b80
    }

    @supports (color:color-mix(in lab, red, red)) {
        .active\:shadow-green-900\/50:active {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-900)50%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .active\:shadow-red-900\/50:active {
        --tw-shadow-color: #82181a80
    }

    @supports (color:color-mix(in lab, red, red)) {
        .active\:shadow-red-900\/50:active {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-900)50%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .active\:after\:bg-primary-900:active:after {
        content: var(--tw-content);
        background-color: var(--color-primary-900)
    }

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

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

    .disabled\:border-gray-200:disabled {
        border-color: var(--color-gray-200)
    }

    .disabled\:bg-gray-200:disabled {
        background-color: var(--color-gray-200)
    }

    .disabled\:text-gray-400:disabled {
        color: var(--color-gray-400)
    }

    .disabled\:text-white\/30:disabled {
        color: #ffffff4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .disabled\:text-white\/30:disabled {
            color: color-mix(in oklab, var(--color-white)30%, transparent)
        }
    }

    .disabled\:text-white\/40:disabled {
        color: #fff6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .disabled\:text-white\/40:disabled {
            color: color-mix(in oklab, var(--color-white)40%, transparent)
        }
    }

    .disabled\:opacity-50:disabled {
        opacity: .5
    }

    .disabled\:shadow-none:disabled {
        --tw-shadow: 0 0 #0000;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .has-focus\:border-error-700:has(:focus) {
        border-color: var(--color-error-700)
    }

    .has-focus\:border-gray-400:has(:focus) {
        border-color: var(--color-gray-400)
    }

    .has-active\:border-error-700:has(:active) {
        border-color: var(--color-error-700)
    }

    .has-active\:border-gray-400:has(:active) {
        border-color: var(--color-gray-400)
    }

    .has-active\:text-gray-700:has(:active) {
        color: var(--color-gray-700)
    }

    .aria-invalid\:border-destructive[aria-invalid=true] {
        border-color: var(--destructive)
    }

    .aria-invalid\:ring-destructive\/20[aria-invalid=true] {
        --tw-ring-color: var(--destructive)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .aria-invalid\:ring-destructive\/20[aria-invalid=true] {
            --tw-ring-color: color-mix(in oklab, var(--destructive)20%, transparent)
        }
    }

    .data-\[disabled\]\:pointer-events-none[data-disabled] {
        pointer-events: none
    }

    .data-\[disabled\]\:opacity-50[data-disabled] {
        opacity: .5
    }

    .data-\[disabled\=true\]\:pointer-events-none[data-disabled=true] {
        pointer-events: none
    }

    .data-\[disabled\=true\]\:opacity-50[data-disabled=true] {
        opacity: .5
    }

    .data-\[selected\=true\]\:border-white\/40[data-selected=true] {
        border-color: #fff6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[selected\=true\]\:border-white\/40[data-selected=true] {
            border-color: color-mix(in oklab, var(--color-white)40%, transparent)
        }
    }

    .data-\[selected\=true\]\:bg-accent[data-selected=true] {
        background-color: var(--accent)
    }

    .data-\[selected\=true\]\:bg-gray-200[data-selected=true] {
        background-color: var(--color-gray-200)
    }

    .data-\[selected\=true\]\:bg-gray-700[data-selected=true] {
        background-color: var(--color-gray-700)
    }

    .data-\[selected\=true\]\:bg-gray-800[data-selected=true] {
        background-color: var(--color-gray-800)
    }

    .data-\[selected\=true\]\:bg-green-700[data-selected=true] {
        background-color: var(--color-green-700)
    }

    .data-\[selected\=true\]\:bg-red-700[data-selected=true] {
        background-color: var(--color-red-700)
    }

    .data-\[selected\=true\]\:bg-white\/30[data-selected=true] {
        background-color: #ffffff4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[selected\=true\]\:bg-white\/30[data-selected=true] {
            background-color: color-mix(in oklab, var(--color-white)30%, transparent)
        }
    }

    .data-\[selected\=true\]\:text-accent-foreground[data-selected=true] {
        color: var(--accent-foreground)
    }

    .data-\[selected\=true\]\:text-primary-800[data-selected=true] {
        color: var(--color-primary-800)
    }

    .data-\[selected\=true\]\:shadow-inner[data-selected=true] {
        --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, #0000000d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .data-\[selected\=true\]\:shadow-green-900\/30[data-selected=true] {
        --tw-shadow-color: #0d542b4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[selected\=true\]\:shadow-green-900\/30[data-selected=true] {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-900)30%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .data-\[selected\=true\]\:shadow-red-900\/30[data-selected=true] {
        --tw-shadow-color: #82181a4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[selected\=true\]\:shadow-red-900\/30[data-selected=true] {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-900)30%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .data-\[side\=bottom\]\:translate-y-1[data-side=bottom] {
        --tw-translate-y: calc(var(--spacing)*1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom] {
        --tw-enter-translate-y: -.5rem
    }

    .data-\[side\=left\]\:-translate-x-1[data-side=left] {
        --tw-translate-x: calc(var(--spacing)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .data-\[side\=left\]\:slide-in-from-right-2[data-side=left] {
        --tw-enter-translate-x: .5rem
    }

    .data-\[side\=right\]\:translate-x-1[data-side=right] {
        --tw-translate-x: calc(var(--spacing)*1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .data-\[side\=right\]\:slide-in-from-left-2[data-side=right] {
        --tw-enter-translate-x: -.5rem
    }

    .data-\[side\=top\]\:-translate-y-1[data-side=top] {
        --tw-translate-y: calc(var(--spacing)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top] {
        --tw-enter-translate-y: .5rem
    }

    :is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 *)[data-slot=command-input-wrapper] {
        height: calc(var(--spacing)*12)
    }

    .data-\[state\=checked\]\:translate-x-5[data-state=checked] {
        --tw-translate-x: calc(var(--spacing)*5);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .data-\[state\=checked\]\:border-primary[data-state=checked] {
        border-color: var(--primary)
    }

    .data-\[state\=checked\]\:bg-primary[data-state=checked] {
        background-color: var(--primary)
    }

    .data-\[state\=checked\]\:bg-white[data-state=checked] {
        background-color: var(--color-white)
    }

    .data-\[state\=checked\]\:text-primary-foreground[data-state=checked] {
        color: var(--primary-foreground)
    }

    @media (hover:hover) {
        .hover\:data-\[state\=checked\]\:bg-primary-800:hover[data-state=checked] {
            background-color: var(--color-primary-800)
        }
    }

    .active\:data-\[state\=checked\]\:bg-primary-900:active[data-state=checked] {
        background-color: var(--color-primary-900)
    }

    .disabled\:data-\[state\=checked\]\:bg-gray-300:disabled[data-state=checked] {
        background-color: var(--color-gray-300)
    }

    .data-\[state\=closed\]\:animate-accordion-up[data-state=closed] {
        animation: var(--animate-accordion-up)
    }

    .data-\[state\=closed\]\:animate-out[data-state=closed] {
        --tw-exit-opacity: initial;
        --tw-exit-scale: initial;
        --tw-exit-rotate: initial;
        --tw-exit-translate-x: initial;
        --tw-exit-translate-y: initial;
        animation-name: exit;
        animation-duration: .15s
    }

    .data-\[state\=closed\]\:fade-out-0[data-state=closed] {
        --tw-exit-opacity: 0
    }

    .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed] {
        --tw-exit-translate-x: -50%
    }

    .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed] {
        --tw-exit-translate-y: -48%
    }

    .data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
        --tw-exit-scale: .95
    }

    .data-\[state\=open\]\:animate-accordion-down[data-state=open] {
        animation: var(--animate-accordion-down)
    }

    .data-\[state\=open\]\:bg-accent[data-state=open] {
        background-color: var(--accent)
    }

    .data-\[state\=open\]\:bg-gray-700[data-state=open] {
        background-color: var(--color-gray-700)
    }

    .data-\[state\=open\]\:text-white[data-state=open] {
        color: var(--color-white)
    }

    .data-\[state\=open\]\:animate-in[data-state=open] {
        --tw-enter-opacity: initial;
        --tw-enter-scale: initial;
        --tw-enter-rotate: initial;
        --tw-enter-translate-x: initial;
        --tw-enter-translate-y: initial;
        animation-name: enter;
        animation-duration: .15s
    }

    .data-\[state\=open\]\:fade-in-0[data-state=open] {
        --tw-enter-opacity: 0
    }

    .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open] {
        --tw-enter-translate-x: -50%
    }

    .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open] {
        --tw-enter-translate-y: -48%
    }

    .data-\[state\=open\]\:zoom-in-95[data-state=open] {
        --tw-enter-scale: .95
    }

    .data-\[state\=selected\]\:bg-muted[data-state=selected] {
        background-color: var(--muted)
    }

    .data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked] {
        --tw-translate-x: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .data-\[state\=unchecked\]\:translate-x-1[data-state=unchecked] {
        --tw-translate-x: calc(var(--spacing)*1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .data-\[state\=unchecked\]\:border-gray-950[data-state=unchecked] {
        border-color: var(--color-gray-950)
    }

    .data-\[state\=unchecked\]\:bg-gray-950[data-state=unchecked] {
        background-color: var(--color-gray-950)
    }

    .data-\[state\=unchecked\]\:bg-input[data-state=unchecked] {
        background-color: var(--input)
    }

    @media (hover:hover) {
        .data-\[state\=unchecked\]\:group-hover\:bg-gray-600[data-state=unchecked]:is(:where(.group):hover *) {
            background-color: var(--color-gray-600)
        }
    }

    .data-\[state\=unchecked\]\:group-active\:bg-gray-500[data-state=unchecked]:is(:where(.group):active *) {
        background-color: var(--color-gray-500)
    }

    @media (hover:hover) {
        .hover\:data-\[state\=unchecked\]\:border-gray-600:hover[data-state=unchecked] {
            border-color: var(--color-gray-600)
        }

        .hover\:data-\[state\=unchecked\]\:bg-gray-100:hover[data-state=unchecked] {
            background-color: var(--color-gray-100)
        }
    }

    .active\:data-\[state\=unchecked\]\:border-gray-500:active[data-state=unchecked] {
        border-color: var(--color-gray-500)
    }

    .disabled\:data-\[state\=unchecked\]\:border-gray-400:disabled[data-state=unchecked] {
        border-color: var(--color-gray-400)
    }

    .disabled\:data-\[state\=unchecked\]\:bg-transparent:disabled[data-state=unchecked] {
        background-color: #0000
    }

    .data-\[disabled\]\:data-\[state\=unchecked\]\:bg-gray-300[data-disabled][data-state=unchecked] {
        background-color: var(--color-gray-300)
    }

    .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction=bottom] {
        inset-inline: calc(var(--spacing)*0)
    }

    .data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction=bottom] {
        bottom: calc(var(--spacing)*0)
    }

    .data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction=bottom] {
        margin-top: calc(var(--spacing)*24)
    }

    .data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction=bottom] {
        max-height: 80vh
    }

    .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction=bottom] {
        border-top-left-radius: var(--radius);
        border-top-right-radius: var(--radius)
    }

    .data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction=bottom] {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px
    }

    .data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction=left] {
        inset-block: calc(var(--spacing)*0)
    }

    .data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction=left] {
        left: calc(var(--spacing)*0)
    }

    .data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction=left] {
        width: 75%
    }

    .data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction=left] {
        border-right-style: var(--tw-border-style);
        border-right-width: 1px
    }

    .data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction=right] {
        inset-block: calc(var(--spacing)*0)
    }

    .data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction=right] {
        right: calc(var(--spacing)*0)
    }

    .data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction=right] {
        width: 75%
    }

    .data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction=right] {
        border-left-style: var(--tw-border-style);
        border-left-width: 1px
    }

    .data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction=top] {
        inset-inline: calc(var(--spacing)*0)
    }

    .data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction=top] {
        top: calc(var(--spacing)*0)
    }

    .data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction=top] {
        margin-bottom: calc(var(--spacing)*24)
    }

    .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction=top] {
        max-height: 80vh
    }

    .data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction=top] {
        border-bottom-right-radius: var(--radius);
        border-bottom-left-radius: var(--radius)
    }

    .data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction=top] {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    @media (min-width:40rem) {
        .sm\:absolute {
            position: absolute
        }

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

        .sm\:ms-auto {
            margin-inline-start: auto
        }

        .sm\:mb-4 {
            margin-bottom: calc(var(--spacing)*4)
        }

        .sm\:flex {
            display: flex
        }

        .sm\:hidden {
            display: none
        }

        .sm\:size-auto {
            width: auto;
            height: auto
        }

        .sm\:h-4 {
            height: calc(var(--spacing)*4)
        }

        .sm\:h-8 {
            height: calc(var(--spacing)*8)
        }

        .sm\:h-11 {
            height: calc(var(--spacing)*11)
        }

        .sm\:h-\[10\.25rem\] {
            height: 10.25rem
        }

        .sm\:h-\[calc\(100dvh_-_6\.5rem\)\] {
            height: calc(100dvh - 6.5rem)
        }

        .sm\:min-h-8 {
            min-height: calc(var(--spacing)*8)
        }

        .sm\:min-h-\[calc\(100dvh_-_6\.5rem\)\] {
            min-height: calc(100dvh - 6.5rem)
        }

        .sm\:min-h-auto {
            min-height: auto
        }

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

        .sm\:w-60 {
            width: calc(var(--spacing)*60)
        }

        .sm\:w-\[20rem\] {
            width: 20rem
        }

        .sm\:w-auto {
            width: auto
        }

        .sm\:w-fit {
            width: fit-content
        }

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

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

        .sm\:-translate-y-1\/2 {
            --tw-translate-y: calc(calc(1/2*100%)*-1);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .sm\:scroll-mt-\[166px\] {
            scroll-margin-top: 166px
        }

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

        .sm\:grid-cols-\[1fr_auto\] {
            grid-template-columns: 1fr auto
        }

        .sm\:flex-row {
            flex-direction: row
        }

        .sm\:flex-wrap {
            flex-wrap: wrap
        }

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

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

        .sm\:gap-2\.5 {
            gap: calc(var(--spacing)*2.5)
        }

        :where(.sm\:space-x-2>:not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))
        }

        .sm\:rounded-3xl {
            border-radius: var(--radius-3xl)
        }

        .sm\:rounded-lg {
            border-radius: var(--radius)
        }

        .sm\:border-solid {
            --tw-border-style: solid;
            border-style: solid
        }

        .sm\:p-8 {
            padding: calc(var(--spacing)*8)
        }

        .sm\:p-12 {
            padding: calc(var(--spacing)*12)
        }

        .sm\:px-4 {
            padding-inline: calc(var(--spacing)*4)
        }

        .sm\:text-left {
            text-align: left
        }

        .sm\:text-base {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height))
        }

        .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction=left],
        .data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction=right] {
            max-width: var(--container-sm)
        }
    }

    @media (min-width:48rem) {
        .md\:col-span-2 {
            grid-column: span 2/span 2
        }

        .md\:block {
            display: block
        }

        .md\:flex {
            display: flex
        }

        .md\:size-8 {
            width: calc(var(--spacing)*8);
            height: calc(var(--spacing)*8)
        }

        .md\:size-20 {
            width: calc(var(--spacing)*20);
            height: calc(var(--spacing)*20)
        }

        .md\:size-auto {
            width: auto;
            height: auto
        }

        .md\:\!h-\[269px\] {
            height: 269px !important
        }

        .md\:\!h-\[360px\] {
            height: 360px !important
        }

        .md\:h-12 {
            height: calc(var(--spacing)*12)
        }

        .md\:h-\[350px\] {
            height: 350px
        }

        .md\:min-h-\[35rem\] {
            min-height: 35rem
        }

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

        .md\:\!w-80 {
            width: calc(var(--spacing)*80) !important
        }

        .md\:\!w-\[390px\] {
            width: 390px !important
        }

        .md\:w-1\/2 {
            width: 50%
        }

        .md\:w-80 {
            width: calc(var(--spacing)*80)
        }

        .md\:w-\[25\.5rem\] {
            width: 25.5rem
        }

        .md\:w-\[42\%\] {
            width: 42%
        }

        .md\:w-\[58\%\] {
            width: 58%
        }

        .md\:w-\[420px\] {
            width: 420px
        }

        .md\:w-full {
            width: 100%
        }

        .md\:min-w-12 {
            min-width: calc(var(--spacing)*12)
        }

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

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

        .md\:flex-row {
            flex-direction: row
        }

        .md\:items-center {
            align-items: center
        }

        .md\:gap-1\.5 {
            gap: calc(var(--spacing)*1.5)
        }

        .md\:gap-3 {
            gap: calc(var(--spacing)*3)
        }

        .md\:gap-4 {
            gap: calc(var(--spacing)*4)
        }

        .md\:gap-6 {
            gap: calc(var(--spacing)*6)
        }

        .md\:rounded-2xl {
            border-radius: var(--radius-2xl)
        }

        .md\:rounded-lg {
            border-radius: var(--radius)
        }

        .md\:border-0 {
            border-style: var(--tw-border-style);
            border-width: 0
        }

        .md\:border-2 {
            border-style: var(--tw-border-style);
            border-width: 2px
        }

        .md\:p-6 {
            padding: calc(var(--spacing)*6)
        }

        .md\:px-6 {
            padding-inline: calc(var(--spacing)*6)
        }

        .md\:py-4 {
            padding-block: calc(var(--spacing)*4)
        }

        .md\:pt-8 {
            padding-top: calc(var(--spacing)*8)
        }

        .md\:text-left {
            text-align: left
        }

        .md\:text-start {
            text-align: start
        }

        .md\:text-2xl {
            font-size: var(--text-2xl);
            line-height: var(--tw-leading, var(--text-2xl--line-height))
        }

        .md\:text-base {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height))
        }

        .md\:text-lg {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height))
        }

        .md\:text-\[1\.25rem\] {
            font-size: 1.25rem
        }

        .md\:first\:\!w-\[40\%\]:first-child {
            width: 40% !important
        }

        .md\:odd\:flex-row-reverse:nth-child(odd) {
            flex-direction: row-reverse
        }

        .md\:even\:flex-row:nth-child(2n) {
            flex-direction: row
        }
    }

    @media (min-width:64rem) {
        .lg\:absolute {
            position: absolute
        }

        .lg\:end-0 {
            inset-inline-end: calc(var(--spacing)*0)
        }

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

        .lg\:top-\[2\.5rem\] {
            top: 2.5rem
        }

        .lg\:-order-1 {
            order: calc(1*-1)
        }

        .lg\:order-\[-1\] {
            order: -1
        }

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

        .lg\:col-span-3 {
            grid-column: span 3/span 3
        }

        .lg\:col-start-2 {
            grid-column-start: 2
        }

        .lg\:row-span-full {
            grid-row: 1/-1
        }

        .lg\:row-start-1 {
            grid-row-start: 1
        }

        .lg\:row-end-4 {
            grid-row-end: 4
        }

        .lg\:container {
            width: 100%
        }

        @media (min-width:40rem) {
            .lg\:container {
                max-width: 40rem
            }
        }

        @media (min-width:48rem) {
            .lg\:container {
                max-width: 48rem
            }
        }

        @media (min-width:64rem) {
            .lg\:container {
                max-width: 64rem
            }
        }

        @media (min-width:80rem) {
            .lg\:container {
                max-width: 80rem
            }
        }

        @media (min-width:96rem) {
            .lg\:container {
                max-width: 96rem
            }
        }

        .lg\:mx-auto {
            margin-inline: auto
        }

        .lg\:me-0 {
            margin-inline-end: calc(var(--spacing)*0)
        }

        .lg\:mt-0 {
            margin-top: calc(var(--spacing)*0)
        }

        .lg\:mb-0 {
            margin-bottom: calc(var(--spacing)*0)
        }

        .lg\:block {
            display: block
        }

        .lg\:flex {
            display: flex
        }

        .lg\:grid {
            display: grid
        }

        .lg\:hidden {
            display: none
        }

        .lg\:h-\[100vh\] {
            height: 100vh
        }

        .lg\:min-h-12 {
            min-height: calc(var(--spacing)*12)
        }

        .lg\:min-h-50 {
            min-height: calc(var(--spacing)*50)
        }

        .lg\:min-h-62\.5 {
            min-height: calc(var(--spacing)*62.5)
        }

        .lg\:min-h-64 {
            min-height: calc(var(--spacing)*64)
        }

        .lg\:min-h-100 {
            min-height: calc(var(--spacing)*100)
        }

        .lg\:min-h-168 {
            min-height: calc(var(--spacing)*168)
        }

        .lg\:min-h-\[16rem\] {
            min-height: 16rem
        }

        .lg\:min-h-\[20rem\] {
            min-height: 20rem
        }

        .lg\:min-h-\[24rem\] {
            min-height: 24rem
        }

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

        .lg\:w-\[calc\(66\%-2rem\)\],
        .lg\:w-\[calc\(66\%_-_2rem\)\] {
            width: calc(66% - 2rem)
        }

        .lg\:w-\[calc\(100\%_-_9rem\)\] {
            width: calc(100% - 9rem)
        }

        .lg\:w-fit {
            width: fit-content
        }

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

        .lg\:max-w-104 {
            max-width: calc(var(--spacing)*104)
        }

        .lg\:max-w-256 {
            max-width: calc(var(--spacing)*256)
        }

        .lg\:max-w-\[38rem\] {
            max-width: 38rem
        }

        .lg\:-translate-y-6 {
            --tw-translate-y: calc(var(--spacing)*-6);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

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

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

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

        .lg\:grid-cols-\[auto_500px\] {
            grid-template-columns: auto 500px
        }

        .lg\:flex-col {
            flex-direction: column
        }

        .lg\:flex-row {
            flex-direction: row
        }

        .lg\:items-center {
            align-items: center
        }

        .lg\:bg-transparent {
            background-color: #0000
        }

        .lg\:p-10 {
            padding: calc(var(--spacing)*10)
        }

        .lg\:px-0 {
            padding-inline: calc(var(--spacing)*0)
        }

        .lg\:px-4 {
            padding-inline: calc(var(--spacing)*4)
        }

        .lg\:px-10 {
            padding-inline: calc(var(--spacing)*10)
        }

        .lg\:py-0 {
            padding-block: calc(var(--spacing)*0)
        }

        .lg\:pt-10 {
            padding-top: calc(var(--spacing)*10)
        }

        .lg\:pb-8 {
            padding-bottom: calc(var(--spacing)*8)
        }
    }

    @media (min-width:80rem) {
        .max-w-150{
            max-width: 150px;
        }
        .xl\:block {
            display: block
        }

        .xl\:hidden {
            display: none
        }

        .xl\:inline-block {
            display: inline-block
        }

        .xl\:size-6 {
            width: calc(var(--spacing)*6);
            height: calc(var(--spacing)*6)
        }

        .xl\:h-\[21\.5rem\] {
            height: 21.5rem
        }

        .xl\:h-auto {
            height: auto
        }

        .xl\:max-h-\[35rem\] {
            max-height: 35rem
        }

        .xl\:w-180 {
            width: calc(var(--spacing)*180)
        }

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

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

        .xl\:gap-8 {
            gap: calc(var(--spacing)*8)
        }

        .xl\:px-2 {
            padding-inline: calc(var(--spacing)*2)
        }

        .xl\:px-4 {
            padding-inline: calc(var(--spacing)*4)
        }

        .xl\:ps-\[13rem\] {
            padding-inline-start: 13rem
        }

        .xl\:ps-\[38rem\] {
            padding-inline-start: 38rem
        }

        .xl\:text-base {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height))
        }
    }

    .ltr\:right-0:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
        right: calc(var(--spacing)*0)
    }

    .ltr\:ms-auto:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
        margin-inline-start: auto
    }

    .ltr\:w-\[130px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
        width: 130px
    }

    .ltr\:w-\[200px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
        width: 200px
    }

    .ltr\:translate-x-0:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
        --tw-translate-x: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .ltr\:translate-x-1\/2:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
        --tw-translate-x: calc(1/2*100%);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .ltr\:-scale-x-100:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
        --tw-scale-x: calc(100%*-1);
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .ltr\:rotate-0:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
        rotate: none
    }

    .ltr\:rotate-180:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
        rotate: 180deg
    }

    .ltr\:flex-row-reverse:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
        flex-direction: row-reverse
    }

    .ltr\:ps-\[35rem\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
        padding-inline-start: 35rem
    }

    @media (min-width:80rem) {
        .xl\:ltr\:w-\[200px\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
            width: 200px
        }

        .ltr\:xl\:ps-\[39rem\]:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
            padding-inline-start: 39rem
        }
    }

    .rtl\:left-0:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        left: calc(var(--spacing)*0)
    }

    .rtl\:w-\[130px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        width: 130px
    }

    .rtl\:w-\[150px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        width: 150px
    }

    .rtl\:-scale-x-100:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        --tw-scale-x: calc(100%*-1);
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .rtl\:rotate-180:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        rotate: 180deg
    }

    .rtl\:flex-row:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        flex-direction: row
    }

    .rtl\:flex-row-reverse:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        flex-direction: row-reverse
    }

    .rtl\:items-end:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        align-items: flex-end
    }

    @media (min-width:80rem) {
        .xl\:rtl\:w-\[164px\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
            width: 164px
        }
    }

    .dark\:border:is(.dark *) {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .dark\:border-black:is(.dark *) {
        border-color: var(--color-black)
    }

    .dark\:border-error-100:is(.dark *) {
        border-color: var(--color-error-100)
    }

    .dark\:border-gray-100:is(.dark *) {
        border-color: var(--color-gray-100)
    }

    .dark\:border-info-100:is(.dark *) {
        border-color: var(--color-info-100)
    }

    .dark\:border-success-100:is(.dark *) {
        border-color: var(--color-success-100)
    }

    .dark\:border-warning-100:is(.dark *) {
        border-color: var(--color-warning-100)
    }

    .dark\:bg-background:is(.dark *) {
        background-color: var(--background)
    }

    .dark\:bg-black:is(.dark *) {
        background-color: var(--color-black)
    }

    .dark\:bg-destructive\/60:is(.dark *) {
        background-color: var(--destructive)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-destructive\/60:is(.dark *) {
            background-color: color-mix(in oklab, var(--destructive)60%, transparent)
        }
    }

    .dark\:bg-error-700:is(.dark *) {
        background-color: var(--color-error-700)
    }

    .dark\:bg-gray-700:is(.dark *) {
        background-color: var(--color-gray-700)
    }

    .dark\:bg-info-700:is(.dark *) {
        background-color: var(--color-info-700)
    }

    .dark\:bg-input\/30:is(.dark *) {
        background-color: var(--input)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-input\/30:is(.dark *) {
            background-color: color-mix(in oklab, var(--input)30%, transparent)
        }
    }

    .dark\:bg-primary:is(.dark *) {
        background-color: var(--primary)
    }

    .dark\:bg-primary-800:is(.dark *) {
        background-color: var(--color-primary-800)
    }

    .dark\:bg-success-700:is(.dark *) {
        background-color: var(--color-success-700)
    }

    .dark\:bg-warning-700:is(.dark *) {
        background-color: var(--color-warning-700)
    }

    .dark\:to-\[rgba\(41\,47\,34\,1\)\]:is(.dark *) {
        --tw-gradient-to: #292f22;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .dark\:text-error-100:is(.dark *) {
        color: var(--color-error-100)
    }

    .dark\:text-foreground:is(.dark *) {
        color: var(--foreground)
    }

    .dark\:text-gray-100:is(.dark *) {
        color: var(--color-gray-100)
    }

    .dark\:text-gray-200:is(.dark *) {
        color: var(--color-gray-200)
    }

    .dark\:text-gray-300:is(.dark *) {
        color: var(--color-gray-300)
    }

    .dark\:text-info-100:is(.dark *) {
        color: var(--color-info-100)
    }

    .dark\:text-primary-50:is(.dark *) {
        color: var(--color-primary-50)
    }

    .dark\:text-primary-200:is(.dark *) {
        color: var(--color-primary-200)
    }

    .dark\:text-success-100:is(.dark *) {
        color: var(--color-success-100)
    }

    .dark\:text-warning-100:is(.dark *) {
        color: var(--color-warning-100)
    }

    .dark\:text-white:is(.dark *) {
        color: var(--color-white)
    }

    .dark\:text-white\/70:is(.dark *) {
        color: #ffffffb3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:text-white\/70:is(.dark *) {
            color: color-mix(in oklab, var(--color-white)70%, transparent)
        }
    }

    @media (hover:hover) {
        .dark\:hover\:border-\[\#2F3132\]:is(.dark *):hover {
            border-color: #2f3132
        }

        .dark\:hover\:bg-primary-600:is(.dark *):hover {
            background-color: var(--color-primary-600)
        }

        .dark\:hover\:text-foreground:is(.dark *):hover {
            color: var(--foreground)
        }
    }

    .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
        --tw-ring-color: var(--destructive)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
            --tw-ring-color: color-mix(in oklab, var(--destructive)40%, transparent)
        }
    }

    .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true] {
        --tw-ring-color: var(--destructive)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true] {
            --tw-ring-color: color-mix(in oklab, var(--destructive)40%, transparent)
        }
    }

    .dark\:data-\[state\=checked\]\:bg-primary:is(.dark *)[data-state=checked] {
        background-color: var(--primary)
    }

    .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
        padding-inline: calc(var(--spacing)*2)
    }

    .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
        padding-block: calc(var(--spacing)*1.5)
    }

    .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
    }

    .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
        color: var(--muted-foreground)
    }

    .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
        padding-inline: calc(var(--spacing)*2)
    }

    .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group] {
        padding-top: calc(var(--spacing)*0)
    }

    .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
        height: calc(var(--spacing)*5)
    }

    .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
        width: calc(var(--spacing)*5)
    }

    .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
        height: calc(var(--spacing)*12)
    }

    .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
        padding-inline: calc(var(--spacing)*2)
    }

    .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
        padding-block: calc(var(--spacing)*3)
    }

    .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
        height: calc(var(--spacing)*5)
    }

    .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
        width: calc(var(--spacing)*5)
    }

    .\[\&_svg\]\:pointer-events-none svg {
        pointer-events: none
    }

    .\[\&_svg\]\:shrink-0 svg {
        flex-shrink: 0
    }

    .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]) {
        width: calc(var(--spacing)*4);
        height: calc(var(--spacing)*4)
    }

    .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]) {
        color: var(--muted-foreground)
    }

    .\[\&_tr\]\:border-b tr {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    .\[\&_tr\:last-child\]\:border-0 tr:last-child {
        border-style: var(--tw-border-style);
        border-width: 0
    }

    .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
        padding-right: calc(var(--spacing)*0)
    }

    .\[dir\=rtl\]\:data-\[state\=checked\]\:translate-x-0:is()[data-state=checked] {
        --tw-translate-x: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .\[dir\=rtl\]\:data-\[state\=unchecked\]\:translate-x-5:is()[data-state=unchecked] {
        --tw-translate-x: calc(var(--spacing)*5);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] > [role=checkbox] {
        --tw-translate-y: 2px;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .\[\&\>span\]\:line-clamp-1 > span {
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .\[\&\>svg\]\:pointer-events-none > svg {
        pointer-events: none
    }

    .\[\&\>svg\]\:hidden > svg {
        display: none
    }

    .\[\&\>svg\]\:size-3 > svg {
        width: calc(var(--spacing)*3);
        height: calc(var(--spacing)*3)
    }

    .\[\&\>svg\]\:size-3\.5 > svg {
        width: calc(var(--spacing)*3.5);
        height: calc(var(--spacing)*3.5)
    }

    .\[\&\>svg\]\:rotate-180 > svg {
        rotate: 180deg
    }

    .\[\&\>tr\]\:last\:border-b-0 > tr:last-child {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0
    }

    .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open] > svg {
        rotate: 180deg
    }

    @media (hover:hover) {
        a.\[a\&\]\:hover\:bg-accent:hover {
            background-color: var(--accent)
        }

        a.\[a\&\]\:hover\:bg-destructive\/90:hover {
            background-color: var(--destructive)
        }

        @supports (color:color-mix(in lab, red, red)) {
            a.\[a\&\]\:hover\:bg-destructive\/90:hover {
                background-color: color-mix(in oklab, var(--destructive)90%, transparent)
            }
        }

        a.\[a\&\]\:hover\:bg-primary\/90:hover {
            background-color: var(--primary)
        }

        @supports (color:color-mix(in lab, red, red)) {
            a.\[a\&\]\:hover\:bg-primary\/90:hover {
                background-color: color-mix(in oklab, var(--primary)90%, transparent)
            }
        }

        a.\[a\&\]\:hover\:bg-secondary\/90:hover {
            background-color: var(--secondary)
        }

        @supports (color:color-mix(in lab, red, red)) {
            a.\[a\&\]\:hover\:bg-secondary\/90:hover {
                background-color: color-mix(in oklab, var(--secondary)90%, transparent)
            }
        }

        a.\[a\&\]\:hover\:text-accent-foreground:hover {
            color: var(--accent-foreground)
        }
    }

    .animate-accordion-down {
        animation: accordion-down .2s ease-out
    }

    .animate-accordion-up {
        animation: accordion-up .2s ease-out
    }

    .bg-skeleton-gradient {
        background: linear-gradient(90deg, #e5e7eb33, #d2d6db33 50%, #9da4ae33)
    }
}

@keyframes accordion-down {
    0% {
        height: 0
    }

    to {
        height: var(--radix-accordion-content-height)
    }
}

@keyframes accordion-up {
    0% {
        height: var(--radix-accordion-content-height)
    }

    to {
        height: 0
    }
}

.grayscale {
    -moz-filter: grayscale(150%) !important;
    filter: grayscale(150%) !important
}

:root {
    --shadow-color: 16 24 40;
    --text-primary-paragraph: #384250;
    --background: #fff;
    --foreground: #161616;
    --card: #fff;
    --card-foreground: #161616;
    --popover: #fff;
    --popover-foreground: #161616;
    --primary: #1b8354;
    --primary-foreground: #fafafa;
    --secondary: #f5f5f5;
    --secondary-foreground: #171717;
    --muted: #f5f5f5;
    --muted-foreground: #737373;
    --is-green: #1b8354;
    --is-gray: #d9dde3;
    --is-text: #111;
    --is-muted: #5a5f66;
    --accent: #f5f5f5;
    --accent-foreground: #171717;
    --destructive: #ef4444;
    --destructive-foreground: #fafafa;
    --border: #d2d6db;
    --input: #e5e5e5;
    --ring: #161616;
    --chart-1: oklch(64.6% .222 41.116);
    --chart-2: oklch(60% .118 184.704);
    --chart-3: oklch(39.8% .07 227.392);
    --chart-4: oklch(82.8% .189 84.429);
    --chart-5: oklch(76.9% .188 70.08);
    --radius: .625rem;
    --sidebar: oklch(98.5% 0 0);
    --sidebar-foreground: oklch(14.1% .005 285.823);
    --sidebar-primary: oklch(21% .006 285.885);
    --sidebar-primary-foreground: oklch(98.5% 0 0);
    --sidebar-accent: oklch(96.7% .001 286.375);
    --sidebar-accent-foreground: oklch(21% .006 285.885);
    --sidebar-border: oklch(92% .004 286.32);
    --sidebar-ring: oklch(87.1% .006 286.286);
    --swiper-theme-color: var(--color-primary-600);
    --swiper-pagination-color: var(--color-primary-600);
    --swiper-pagination-bullet-inactive-color: var(--color-gray-200);
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-size: 1rem;
    --swiper-pagination-bullet-width: 1rem;
    --swiper-pagination-bullet-height: 1rem;
    --swiper-pagination-bullet-horizontal-gap: .25rem
}

.dark {
    --background: #161616;
    --foreground: #fafafa;
    --card: #0a0a0a;
    --card-foreground: #fafafa;
    --popover: #0a0a0a;
    --popover-foreground: #fafafa;
    --primary: #1b8354;
    --primary-foreground: #fafafa;
    --secondary: #262626;
    --secondary-foreground: #fafafa;
    --muted: #262626;
    --muted-foreground: #a3a3a3;
    --accent: #262626;
    --accent-foreground: #fafafa;
    --destructive: #732525;
    --destructive-foreground: #fafafa;
    --border: #262626;
    --input: #262626;
    --ring: #d4d4d4;
    --chart-1: oklch(48.8% .243 264.376);
    --chart-2: oklch(69.6% .17 162.48);
    --chart-3: oklch(76.9% .188 70.08);
    --chart-4: oklch(62.7% .265 303.9);
    --chart-5: oklch(64.5% .246 16.439);
    --sidebar: oklch(21% .006 285.885);
    --sidebar-foreground: oklch(98.5% 0 0);
    --sidebar-primary: oklch(48.8% .243 264.376);
    --sidebar-primary-foreground: oklch(98.5% 0 0);
    --sidebar-accent: oklch(27.4% .006 286.033);
    --sidebar-accent-foreground: oklch(98.5% 0 0);
    --sidebar-border: oklch(27.4% .006 286.033);
    --sidebar-ring: oklch(44.2% .017 285.786)
}

.home-swiper-pagination .swiper-pagination-bullets {
    --tw-translate-y: calc(1/2*100%);
    translate: var(--tw-translate-x)var(--tw-translate-y);
    bottom: calc(var(--spacing)*10) !important
}

.media-gallery_pagination .swiper-pagination-horizontal {
    --tw-translate-y: calc(1/2*100%);
    translate: var(--tw-translate-x)var(--tw-translate-y);
    bottom: calc(var(--spacing)*-11) !important
}

@media (min-width:40rem) {
    .media-gallery_pagination .swiper-pagination-horizontal {
        height: 150px !important
    }
}

.react-flow__handle {
    opacity: 0;
    width: 0;
    height: 0;
    top: auto;
    bottom: auto
}

.react-flow__node.custom-focus-node:focus,
.react-flow__node.custom-focus-node:focus-visible {
    outline-offset: 2px !important;
    outline: 2px solid #161616 !important
}

.search-filter [data-slot=command-input-wrapper] {
    border: 1px solid var(--border);
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 10px 8px
}

    .search-filter [data-slot=command-input-wrapper] > svg {
        opacity: 1;
        width: 20px;
        height: 20px
    }

.leaflet-bottom,
.leaflet-pane,
.leaflet-top {
    z-index: 40 !important
}

.leaflet-marker-icon:focus {
    outline-offset: 0;
    border-radius: 0;
    outline: none
}

.wysiwyg_content h2 {
    font-size: var(--text-xl) !important;
    line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important
}

@media (min-width:48rem) {
    .wysiwyg_content h2 {
        font-size: var(--text-2xl) !important;
        line-height: var(--tw-leading, var(--text-2xl--line-height)) !important
    }
}

.wysiwyg_content h3 {
    font-size: var(--text-lg) !important;
    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important
}

@media (min-width:48rem) {
    .wysiwyg_content h3 {
        font-size: var(--text-xl) !important;
        line-height: var(--tw-leading, var(--text-xl--line-height)) !important
    }
}

.wysiwyg_content h4 {
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important
}

@media (min-width:48rem) {
    .wysiwyg_content h4 {
        font-size: var(--text-lg) !important;
        line-height: var(--tw-leading, var(--text-lg--line-height)) !important
    }
}

.wysiwyg_content p {
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important
}

@media (min-width:48rem) {
    .wysiwyg_content p {
        font-size: var(--text-base) !important;
        line-height: var(--tw-leading, var(--text-base--line-height)) !important
    }
}

.wysiwyg_content a {
    color: var(--primary)
}

    .wysiwyg_content a:visited {
        color: var(--color-primary-800)
    }

@media (hover:hover) {
    .wysiwyg_content a:hover {
        color: var(--color-primary-400);
        text-decoration-line: underline
    }
}

.wysiwyg_content a:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: 1px;
    outline-width: 2px;
    outline-color: var(--foreground)
}

.wysiwyg_content a:active {
    color: var(--color-primary-300);
    text-decoration-line: underline
}

.wysiwyg_content a:disabled {
    color: var(--color-gray-400)
}

.wysiwyg_content ol {
    list-style: decimal inside
}

.wysiwyg_content ul {
    list-style: inside
}

@keyframes enter {
    0% {
        opacity: var(--tw-enter-opacity, 1);
        transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0)scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1))rotate(var(--tw-enter-rotate, 0))
    }
}

@keyframes exit {
    to {
        opacity: var(--tw-exit-opacity, 1);
        transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0)scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1))rotate(var(--tw-exit-rotate, 0))
    }
}

@property --tw-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-scale-x {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-y {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-z {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-rotate-x {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-y {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-z {
    syntax: "*";
    inherits: false
}

@property --tw-skew-x {
    syntax: "*";
    inherits: false
}

@property --tw-skew-y {
    syntax: "*";
    inherits: false
}

@property --tw-space-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-divide-x-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-divide-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-gradient-position {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-via-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0
}

@property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%
}

@property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-leading {
    syntax: "*";
    inherits: false
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false
}

@property --tw-tracking {
    syntax: "*";
    inherits: false
}

@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-ring-inset {
    syntax: "*";
    inherits: false
}

@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff
}

@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-outline-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-blur {
    syntax: "*";
    inherits: false
}

@property --tw-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-invert {
    syntax: "*";
    inherits: false
}

@property --tw-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-drop-shadow-size {
    syntax: "*";
    inherits: false
}

@property --tw-duration {
    syntax: "*";
    inherits: false
}

@property --tw-ease {
    syntax: "*";
    inherits: false
}

@property --tw-contain-size {
    syntax: "*";
    inherits: false
}

@property --tw-contain-layout {
    syntax: "*";
    inherits: false
}

@property --tw-contain-paint {
    syntax: "*";
    inherits: false
}

@property --tw-contain-style {
    syntax: "*";
    inherits: false
}

@property --tw-content {
    syntax: "*";
    inherits: false;
    initial-value: ""
}

@property --tw-space-x-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

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

/*end entery by ali*/
.h-note-btn {
    font-size: 14px;
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
    border: 0;
    pointer-events: all;
    padding: 0 5px;
    color: #177f50 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    min-width: 80px;
}
    .h-note-btn:hover {
        color: var(--color-primary-400);
        text-decoration:underline;
    }
.top-header-note .arrow {
    transition: transform 0.3s;
}

.top-header-note .arrow.up {
        transform: rotate(180deg);
    }

.h-note-content {
    margin: 0 !important;
    display: none;
    overflow: hidden;
    transition: max-height 0.3s;
    border-top: solid 1px #ededed;
}
    .h-note-content .flex-1 img {
        filter: brightness(0) saturate(100%) invert(39%) sepia(14%) saturate(2199%) hue-rotate(101deg) brightness(99%) contrast(88%);
    }
    .h-note-content  .text-sa-600 {
        color: #177f50;
    }
.h-note-content h4.font-medium {
    font-size: 16px !important;
}
/*end top header */
[dir="rtl"] .breadcrumb-section .rotate-180 {
    --tw-rotate: 0;
    rotate: 0;
}
[dir="ltr"] .breadcrumb-section .rotate-180 {

}
.h-info-st1 .ts-wrap {
    height: 100%;
}
.mb-box-btn {
    padding: 10px 15px !important;
    min-width: 5rem;
    height: 100%;
}

.mb-box-btn {
    position: relative;
}

    .mb-box-btn:hover {
        /*        color: rgb(27 131 84);*/
        background-color: var(--color-gray-100);
        border-radius: 6px;
    }
    .mb-box-btn:hover img {
        filter: brightness(0) saturate(100%) invert(39%) sepia(14%) saturate(2199%) hue-rotate(101deg) brightness(99%) contrast(88%);
    }

@media (min-width: 1200px) {
    .mb-box-btn:hover:after {
        content: "";
        background: gray;
        border-radius: 6px;
        height: 6px;
        margin: 0 -3px;
        position: absolute;
        left: .625rem;
        right: .625rem;
        bottom: 0;
    }
}
.header--active-mobile-menu img.sxca-logo-mb {
    max-width: 190px;
    margin: 0.5rem 0;
}
.header--active-mobile-menu li.mb-bottom {
    display: flex;
    flex-direction: column;
    gap: 5px;
}




.header--active-mobile-menu li.mb-logo {
    border-bottom: 1px solid #e2e8f0;
    padding: 0 0 10px;
}


.header--active-mobile-menu li.mb-bottom .mb-box-btn {
    color: #161616 !important;
    min-width: 124px;
    width: max-content;
    padding: 10px 15px !important;
    display: inline-flex !important;
    border: solid 1px #94a3b8;
    border-radius: .375rem;
    -moz-column-gap: .375rem;
    column-gap: .375rem !important;
    font-weight: 500 !important;
}
[dir="ltr"] .header-wrap button#delete-search,
[dir="ltr"] .search-box button#delete-search {
    right: 2rem;
}

[dir="rtl"] .header-wrap button#delete-search,
[dir="rtl"] .search-box button#delete-search {
    left: 2rem;
}
.search-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-weight: 600;
}
.search-results {
    background: #ffffff !important;
    border: solid 1px #cbd5e1;
}
.transite-way {
    background-image: url(../images/Bridge2.svg);
}
.border-\[\#108693\] {
    border-color: rgb(5 147 95);
}
.border {
    border-width: 1px;
}
.border-gray-300 {
    border-color: #cbd5e1;
}
a.SwitchLanguage {
    background: none !important;
    color: #161616;
    text-decoration: none;
}
#search-dialog .search-icon {
    filter: invert(1);
    height: 20px;
}
div#search-dialog {
    /* height: 200px; */
    /* display: block; */
    position: fixed;
    left: 0;
    right: 0;
    top: 115px;
    transform: translateY(-10px);
    z-index: 6666666666;
}

#back-dialog {
    background: #fff;
    max-height: 50%;
    overflow-y: scroll;
}

div#search-dialog button#close-search-dialog {
    color: #000 !important;
    background: #cbd5e1;
    border: solid 1px #cbd5e1;
    border-radius: 0.33rem;
}

    div#search-dialog button#close-search-dialog img {
        filter: invert(1);
        height: 20px;
    }

/*div#search-dialog .search-results {
    overflow: inherit;
}*/
@media (max-width: 1200px) {
/*    div#search-dialog {
        position: absolute;
        left: 1%;
        right: 1%;
        top: 30%;
        bottom: 0;
        height: 100%;
        border-radius: 38px;
    }*/
}


#back-dialog {
    max-height: 50%;
    /* height: fit-content; */
    min-height: 350px;
    overflow-y: inherit;
}

.search-results {
    max-height: 300px;
    height: auto;
}
.here-banner {
/*    margin-top: 95px;*/
}
@media (min-width: 1200px) {
    .xl\:min-h-\[70svh\] {
        min-height: 70svh;
    }
}

html .hero__links {
    /* background: rgb(16 70 54 / 86%); */
    padding: 5px 16px;
    background-image: linear-gradient(90deg, rgb(0 0 0 / 0%) 0%, rgba(255, 255, 255, 0.1) 10%, rgb(255 255 255 / 0%) 40%, #104636 100% 100%);
}
html[dir=ltr] .hero__links {
    background-image: linear-gradient(270deg, rgb(0 0 0 / 0%) 0%, rgba(255, 255, 255, 0.1) 10%, rgb(255 255 255 / 0%) 40%, #104636 100% 100%);
}
/*.hero__swiper .swiper-wrapper {
    padding: 15px;
    background-image: linear-gradient(90deg, rgb(0 0 0 / 0%) 0%, rgba(255, 255, 255, 0.1) 10%, rgb(255 255 255 / 0%) 40%, #104636 100% 100%);
}
html[dir=ltr] .hero__swiper .swiper-wrapper {
    background-image: linear-gradient(270deg, rgb(0 0 0 / 0%) 0%, rgba(255, 255, 255, 0.1) 10%, rgb(255 255 255 / 0%) 40%, #104636 100% 100%);

}*/
.hero__swiper h1.capitalize.h1 {
    font-size: 3rem !important;
}
@media (max-width:640px) {
    .hero__swiper {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 2.5rem 0;
    }
    .hero__swiper h1.capitalize.h1 {
        font-size: 35px !important;
    }
    }

    .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); */
        background: rgb(17 100 87 / 90%);
        background: #7bc5aad6;
        background: rgb(0 102 72 / 9%);
        background: rgb(17 100 87 / 60%);
    }

    .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;
        background-color: rgb(248 250 252);
    }

.news__swiper a.rounded-md {
    background: #1b8354 !important;
    /* 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;*/
        background: transparent !important;
        border: solid 1px #94a3b8;
        border-radius: .375rem;
        font-size: 14px !important;
        color: #161616 !important;
        padding: 10px 16px !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    a.leading-none:focus {
        outline-color: #000;
    }

    section a.leading-none span {
        font-size: 16px !important;
        color: #161616;
    }

    .home-news-se .shap-title {
        color: #161616 !important;
    }

    .swiper-pagination-bullet-active {
        background: #05935f !important;
    }

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

.before\:to-\[\#091034\]::before {
    content: var(--tw-content);
    --tw-gradient-to: #104636 var(--tw-gradient-to-position);
    background: #1b8354;
    background: #074d31;
    mix-blend-mode: normal !important;
}

    :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%);
    }

    body .asw-menu-btn {
        border: 3px solid white !important;
        outline: 5px solid #05935f !important;
        text-decoration: none !important;
        background: #25935f !important;
        /*    background: linear-gradient(96deg, #056642, #00805a) !important;*/
    }

    body .asw-menu-header {
        background: #109360 !important;
    }

        body .asw-menu-header svg {
            fill: #000000 !important;
        }

    body .asw-footer {
        display: none;
    }

    body .asw-menu-reset-footer-btn {
        background: #008756 !important;
        color: #fff !important;
    }

    [lang="ar"] .asw-profile-toggle {
        left: 16px;
        right: auto;
    }

    body .asw-profile-title {
        padding: 0;
    }


    button.asw-profile-btn {
        text-align: start;
    }

    body .asw-profile-btn:hover, body .asw-profile-btn.asw-selected {
        border-color: #000 !important;
    }

    span.b-title.hide {
        font-size: 0;
        height: 0;
        display: inline-flex;
    }

.partner-slide {
    border-radius: .5rem;
    padding: 5px;
    text-align: center;
    display: flex;
    justify-content: center;
    border: solid 1px #cacaca;
}
    .partner-slide .h-17 {
        height: calc(var(--spacing) * 27);
    }
.partner-slide img{
height:100%;
}


    .list-btns li {
        position: relative;
    }

        .list-btns li button {
            font-size: 16px;
            border: solid 1px #d2d6db;
        }

    [lang="ar"] img.en-team-bo {
        display: none !important;
    }

    [lang="en"] img.ar-team-bo {
        display: none !important;
    }

    div#share-dropdown-menu {
        background: #fff;
        position: absolute;
        top: 100%;
        /* display: block; */
        overflow: hidden;
        z-index: 222;
        margin-top: 5px;
        border: solid 1px #d2d6db;
    }

    .feedback-panel {
        display: none;
    }

        .feedback-panel .form {
            display: none;
        }

.wp-img {
    position: relative;
    display: flex;
    justify-content: center;
    /*        background: #efefef;*/
    width: 120px;
    height: 120px;
    border-radius: 1000px;
}

        .wp-img img {
/*            height: 300px;*/
            object-fit: contain;
/*            mix-blend-mode: multiply;*/
        }

    .iframe-map iframe {
        width: 100%;
        height: 250px;
    }

    .serv-section .group.border-border {
        border-color: #D2D6DB;
    }
    /*    tabs serv */

    .is-tabs__bar {
        display: flex;
        flex-wrap: wrap;
        gap: 0;
        border-bottom: 2px solid var(--is-gray);
        padding: 10px 10px 0;
    }

    .is-tabs.accordion-tabs > .is-tabs__bar:first-child {
        height: 56px;
    }

    .is-tab {
        position: relative;
        color: #384250;
        font-size: .875rem;
        font-weight: 500 !important;
    }

        .is-tab:hover {
            background: #f9fafb;
            color: var(--is-text);
        }

    .is-tab--active {
        color: var(--is-text);
        font-weight: 600 !important;
    }

        .is-tab--active::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: -2px;
            height: 3px;
            background: var(--is-green);
            border-radius: 2px 2px 0 0;
            margin-left: 1rem;
            margin-right: 1rem;
        }

    .is-tab:focus-visible {
        outline: 2px solid var(--is-green);
        outline-offset: 6px;
        border-radius: 6px;
    }

    .is-tabs__panels {
        padding-top: 14px;
    }

    .is-panel {
        color: var(--foreground);
        font-size: 15px;
    }

    .is-list {
        margin: 0;
        padding: 0 18px 0 0;
    }

        .is-list li {
            margin: 10px 0;
        }


    /* FAQ container */
    .is-faq {
        border-top: 1px solid var(--is-line);
        font-family: inherit;
    }

    .is-faq__item {
        border-bottom: 1px solid var(--is-line);
    }

    .is-faq__h {
        margin: 0;
        font-size: 16px;
        font-weight: 600;
    }

    .is-faq__btn {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between; /* makes arrow on left in RTL */
        gap: 12px;
        padding: 16px 6px;
        border-bottom: solid 1px #d2d6db;
        background: transparent;
        cursor: pointer;
        text-align: right;
        color: var(--is-text);
    }

        .is-faq__btn[aria-expanded="true"] {
            background-color: var(--color-gray-100);
        }

    .is-faq__q {
        flex: 1;
    }

    /* SVG arrow + rotation */
    .is-faq__icon {
        width: 28px;
        height: 28px;
        display: grid;
        place-items: center;
        color: #6b7280; /* muted-foreground */
    }

        .is-faq__icon svg {
            width: 16px;
            height: 16px;
            transform: rotate(0deg);
            transition: transform .2s ease;
        }

    .is-faq__btn[aria-expanded="true"] .is-faq__icon svg {
        transform: rotate(180deg);
    }

    .is-faq__panel {
        padding: 0 6px 14px;
    }

    .is-faq__a {
        color: var(--is-muted);
        font-size: 14px;
        line-height: 1.8;
    }

    /* focus */
    .is-faq__btn:focus-visible {
        outline: 2px solid var(--is-green);
        outline-offset: 6px;
        border-radius: 8px;
    }

    @media (max-width: 768px) {
        .is-tabs__panels {
            margin-top: calc(var(--spacing) * 8);
        }
    }


    .banner-green {
        background-blend-mode: normal;
        background: #074d31;
    }

    .middel-app {
        background: #e5e7eb;
    }

    .application-card__content {
        background: #e5e7eb;
    }

    .application-card {
        background: #fff;
        border: solid 1px #cacaca;
        border-radius: 15px;
        padding: 15px;
    }

    ul.list-app {
        list-style: circle;
        margin: 1rem 0;
    }

        ul.list-app li {
            display: block;
            /* flex-direction: column; */
            list-style: circle;
            margin-bottom: 1rem;
        }


            ul.list-app li h4 {
                font-weight: bold !important;
                /* font-size: 22px !important; */
/*                margin-bottom:8px;*/
            }

    .icon-list li {
        display: flex;
        padding: 5px;
    }

        .icon-list li::before {
            content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" class="size-3 stroke-3"> <path d="M5 14L8.5 17.5L19 6.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg>  ');
            background-size: cover;
            color: #000;
            background-position: center bottom;
            font-size: 11px;
            line-height: 0;
            width: 30px;
            height: 30px;
            px;
            */ padding: 5px;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            border: solid 1px #3a3a3a;
            border-radius: 100px;
            transform: scale(0.8);
            margin-inline-end: 5px;
        }

    .accordion__intro {
        padding: 0;
        border-bottom: solid 1px #d2d6db;
    }

        .accordion__intro h4 {
            font-size: 1rem !important;
            font-weight: 500;
            padding: calc(var(--spacing) * 4);
        }

            .accordion__intro h4:hover {
                background-color: #f3f4f6;
            }

            .accordion__intro h4:focus-visible {
                box-shadow: inset 0 0 0 2px #161616;
            }

    .accordion {
        margin: 0;
    }

    .accordion__intro img {
        width: 10px;
    }

    /*footer*/
    .f-title {
        font-size: 1.125rem;
        line-height: 1.75rem;
        padding-bottom: .5rem;
        margin-bottom: 1rem;
        border-bottom: solid 1px #ffffff4d;
    }

        .f-title span {
            font-size: 14px !important;
            line-height: 1.75rem;
            text-wrap: auto;
        }

    .f-menu-wrap .footer-link {
        font-size: 14px !important;
    }

        .f-menu-wrap .footer-link:hover {
            text-decoration: underline;
        }

    .f-coulm {
        margin-bottom: 1rem;
    }

        .f-coulm.four .box {
            margin-bottom: 2rem;
        }

    .social-footer a {
        border: solid 1px #ffffff4d;
        padding: .375rem;
        border-radius: .375rem;
    }

        .social-footer a:hover {
            background-color: #fff3;
        }

        .social-footer a img {
            height: 22px;
        }

    .float-wts {
        background-color: #25935f;
        width: 64px;
        height: 64px;
        border-radius: 100px;
        position: fixed;
        bottom: 4%;
        right: 1%;
        z-index: 999;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .mbf-logo-box img,
    mbf-logo-box svg {
        max-height: 42px !important;
    }

    /*form-feed-plugin */
    .form-feed h4.umbraco-forms-caption {
        display: none;
    }

    .form-feed .titleanddescription {
        display: flex;
        /* justify-content: space-between; */
        align-items: baseline;
        gap: 5px;
        margin-bottom: calc(var(--spacing) * 4);
    }

        .form-feed .titleanddescription label.umbraco-forms-label {
            font-weight: bold;
        }

        .form-feed .titleanddescription p {
            font-size: 12px;
            color: #6C737F;
        }

    .form-feed [type='checkbox'], .form-feed [type='radio'] {
        height: 2rem;
        width: 2rem;
    }

    .form-feed .checkboxlist-vertical {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

        .form-feed .checkboxlist-vertical > div {
            display: flex;
            align-items: center;
            /* flex-direction: column; */
            gap: 1rem;
        }

    .form-feed .gender.singlechoice {
        display: flex;
        gap: 1rem;
        /* column-count: 2; */
        /* flex-direction: row; */
        margin: 1rem 0;
    }

        .form-feed .gender.singlechoice legend {
            display: inline-flex;
            float: left;
            align-items: center;
        }

        .form-feed .gender.singlechoice .umbraco-forms-field-wrapper {
            display: inline-flex;
        }

            .form-feed .gender.singlechoice .umbraco-forms-field-wrapper .radiobuttonlist {
                display: flex;
                width: 100%;
                gap: 1rem;
            }

                .form-feed .gender.singlechoice .umbraco-forms-field-wrapper .radiobuttonlist > div {
                    display: flex;
                    align-items: center;
                    gap: 1rem;
                }


    .form-feed textarea {
        min-height: 80px;
        font-size: 15px;
        display: flex;
        background-color: #f1f5f9;
        color: var(--color-gray-700);
        margin-bottom: calc(.5rem * var(--tw-space-y-reverse));
        margin-top: calc(.5rem * (1 - var(--tw-space-y-reverse)));
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        padding-left: .75rem;
        padding-right: .75rem;
        width: 100%;
        border-radius: 0.25rem;
    }

    .form-feed input.btn.primary, .feed-btn-down input {
        color: #fff;
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        background-color: var(--primary);
        padding: 0.5rem 1rem;
        border-radius: 5px;
    }

    .form-feed .umbraco-forms-hidden {
        display: none;
    }

    .umbraco-forms-field.comment.longanswer {
        margin-bottom: 1rem;
    }

    .form-feed .row-fluid {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    @media (min-width: 40rem) {
        .umbraco-forms-container.col-md-6 {
            width: 50%;
        }
    }

    @media (max-width: 1199.9px) {
        .here-banner {
            /* margin-top: 95px; */
            background-position: center top;
            background-attachment: scroll;
        }

        :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 {
            background: rgb(17 100 87 / 60%);
        }

        :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: rgb(17 100 87 / 60%);
        }

        .gdr-bg {
            margin-bottom: 30%;
        }

        .umbraco-forms-navigation.row-fluid {
            flex-direction: column;
        }

        .note-feed {
            flex-direction: column;
        }

        .form-feed .umbraco-forms-navigation .col-md-12 {
            display: flex;
            justify-content: center;
            margin: 1rem 0 0;
        }
    }



    /*form-st1*/
    .form-st1 {
        position: relative;
    }

        .form-st1 h4.umbraco-forms-caption {
            display: none;
        }

        .form-st1 .umbraco-forms-container .umbraco-forms-field {
            margin-bottom: 1rem;
        }

    .input-validation-error {
        border-color: red;
    }

    span.field-validation-error {
        color: red;
    }


    .form-st1 .umbraco-forms-container .umbraco-forms-field label {
        font-weight: 600;
        font-size: 15px;
    }

    .form-st1 .umbraco-forms-hidden {
        display: none;
    }

    .form-st1 textarea, .form-st1 [type='text'],
    .form-st1 [type='email'],
    .form-st1 [type='url'],
    .form-st1 [type='password'],
    .form-st1 [type='number'],
    .form-st1 [type='date'],
    .form-st1 [type='datetime-local'],
    .form-st1 [type='month'],
    .form-st1 [type='search'],
    .form-st1 [type='tel'],
    .form-st1 [type='time'],
    .form-st1 [type='week'],
    .form-st1 [multiple],
    .form-st1 textarea,
    .form-st1 select {
        font-size: 15px;
        display: flex;
        background-color: #f1f5f9;
        color: var(--color-gray-700);
        margin-bottom: calc(.5rem * var(--tw-space-y-reverse));
        margin-top: calc(.5rem * (1 - var(--tw-space-y-reverse)));
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        padding-left: .75rem;
        padding-right: .75rem;
        width: 100%;
        border-radius: 0.25rem;
        border: solid 1px #fff;
    }

        .form-st1 input:hover, .form-st1 textarea:hover {
            border: solid 1px;
            border-color: var(--color-gray-400);
        }

    .form-st1 textarea {
        min-height: 80px;
    }

    .form-st1 input.btn.primary {
        color: #fff;
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        background-color: var(--primary);
        padding: 0.5rem 1rem;
        border-radius: 5px;
    }


    /*trucks page */
    .bg-gray {
        background: #e1e1e1;
    }

    .trucks-data .text-white {
        color: #000;
    }

    .trucks-data .grow > .rounded-md {
        background: #ffffff !important;
    }

    .trucks__type {
        background: #fff;
        border: 0 !important;
    }

        .trucks__type::before {
            display: none;
        }

    .tr-icon-box-st1 img {
        filter: invert(1);
    }

    .trucks-data .main-title::after, .trucks-data .sub-title::after, .sub-title::after {
        display: none;
    }

.border-\[\#102a56\] {
    --tw-border-opacity: 1;
    border-color: #1b8354;
}

.tr-procces-se .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: #1b8354;
}

    .tr-procces-se .text-\[\#0C8592\] {
        color: #000000;
    }

    .tr-procces-se .bg-\[\#161542\] {
        background: #f1f9f5;
    }

    .tr-procces-se .border-\[\#ffffff\] {
        border-color: #000 !important;
    }

    .tr-procces-se .text-white {
        color: #000;
    }

    .tr-procces-se .border-white {
        border-color: #000 !important;
    }

    .tr-icon-box-wrap {
        flex-wrap: wrap;
    }

    .tr-icon-box-st1 {
        flex-grow: 1;
    }

        .tr-icon-box-st1 h2 {
            white-space: nowrap;
        }

        .tr-icon-box-st1 .w-16 {
            /*    width: 2.5rem;
    min-width: 2.5rem;*/
            height: 100%;
            filter: brightness(0) saturate(100%) invert(35%) sepia(94%) saturate(357%) hue-rotate(101deg) brightness(97%) contrast(91%);
        }

.border-\[\#0C8592\] {
    border-color: #1b8354;
}

.w-max {
    background: #1b8354 !important;
    color: #fff !important;
}

    img.truck-arrow {
        filter: brightness(0) saturate(100%) invert(35%) sepia(94%) saturate(357%) hue-rotate(101deg) brightness(97%) contrast(91%);
    }

    @media (min-width:768px) and (max-width:1280px) {
        .tr-icon-box-st1 {
        }
    }

    @media (max-width:1280px) {
        .tr-icon-box-wrap {
            flex-wrap: wrap;
        }

        .tr-icon-box-st1 h2 {
            white-space: wrap;
        }
    }

.ex-link-pr a[target="_blank"] {
    color: #1b8354;
    margin-inline-end: 10px;
}

        .ex-link-pr a[target="_blank"]::after {
            content: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='currentColor' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'%3E%3Cpath d='M8.9991 16.5303H9C12.7033 16.5303 14.5617 16.5303 15.8433 15.2486C17.055 14.0353 17.1175 12.2344 17.1233 9.15609C17.1233 8.81109 16.8442 8.53027 16.4992 8.53027H16.4975C16.1525 8.53027 15.8725 8.80946 15.8725 9.15446C15.8667 12.147 15.7792 13.5444 14.9583 14.3652C14.0425 15.2802 12.3575 15.2803 8.99919 15.2803C5.64085 15.2803 3.955 15.2802 3.04 14.3652C2.125 13.4494 2.125 11.7636 2.125 8.40529C2.125 5.04696 2.12502 3.36115 3.04085 2.44531C3.86085 1.62448 5.25831 1.53611 8.25081 1.53027C8.59665 1.53027 8.875 1.24946 8.875 0.90446C8.87417 0.55946 8.595 0.280273 8.25 0.280273H8.24833C5.16916 0.286107 3.36832 0.348597 2.15666 1.56193C0.875 2.84275 0.875 4.70191 0.875 8.40519C0.875 12.1085 0.875 13.967 2.15666 15.2486C3.43748 16.5303 5.29666 16.5303 8.9991 16.5303Z'%3E%3C/path%3E%3Cpath d='M7.76675 9.73036C7.88925 9.8512 8.04841 9.91201 8.20758 9.91201C8.36842 9.91201 8.5284 9.84953 8.6509 9.72703L15.8001 2.53619C15.8492 3.04119 15.8876 3.8387 15.8701 5.08453C15.8651 5.43037 16.1409 5.71365 16.4859 5.71865C16.8326 5.72698 17.1151 5.44784 17.1201 5.10284C17.1717 1.47852 16.7821 1.08734 16.5728 0.877276C16.3628 0.667242 15.9718 0.276203 12.3501 0.327858C12.0051 0.332858 11.7292 0.616973 11.7342 0.961973C11.7392 1.30364 12.0184 1.57786 12.3592 1.57786H12.3684C13.6192 1.56036 14.4175 1.59866 14.9209 1.64866L7.76422 8.84617C7.52089 9.09117 7.52175 9.48703 7.76675 9.73036Z'%3E%3C/path%3E%3C/svg%3E");
            display: inline-flex !important;
            padding-inline-start: 5px;
            position: relative;
            bottom: -3px;
            color: currentColor;
            fill: currentColor !important;
            filter: brightness(0) saturate(100%) invert(35%) sepia(94%) saturate(357%) hue-rotate(101deg) brightness(97%) contrast(91%);
        }


    /*end footer */
    @media (max-width: 1199.9px) {
        .float-wts {
            bottom: 2%;
        }

        .mt-sm-0 {
            margin: 0 !important;
        }
        /*    .sm\:hidden {
        display: none !important;
    }*/
        .header_r {
            margin-inline-end: 2.5rem;
        }

        .header__navbar-nav {
/*            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));
           */
            background-color: var(--color-gray-100);
            background:#fff;
        }
    }

    @media (min-width: 1199.9px) {
        .se-feeds .close-btn.bottom {
            display: none !important;
        }
    }

    @media (min-width:767px) and (max-width:1024px) {
        .se-feeds .close-btn.bottom {
            display: none !important;
        }
    }

    @media (max-width:767px) {
        .se-feeds button#close-btn {
            display: none !important;
        }

        .se-feeds .bottom-btn {
            width: 100%;
        }

        img.sxca-logo {
            display: none;
        }

        .transite-wrapper {
            padding-bottom: 140px;
        }

            .transite-wrapper .car-road-wrap {
                position: absolute;
                top: auto;
                bottom: -113px;
                /* bottom: 0; */
                overflow: initial;
            }

            .transite-wrapper .car-wrap img {
                max-width: 150px;
                height: auto;
                margin: auto;
                margin-bottom: 0 !important;
            }

            .transite-wrapper .transite-way .car-wrap {
                margin: auto;
            }

            .transite-wrapper .transite-way {
                width: 100%;
                height: 50px;
                background-size: 100%;
                position: absolute;
                bottom: 0;
            }

        .transite-location {
            position: relative;
            margin: 0 -29px;
            margin-bottom: -42px;
        }

        .transite-wrapper span.sp-one {
            position: absolute;
            bottom: 20%;
            margin: 0 -22px;
            /* right: -9px; */
        }


        .mbf-logo-wrap {
            position: relative;
            gap: 2rem;
        }

            .mbf-logo-wrap .mbf-logo-box img {
                height: auto !important;
                max-height: 50px !important;
            }

        .copyrights p {
            text-align: initial;
        }
    }


    /*    @media (prefers-reduced-motion: reduce) {
        * {
            animation-duration: 0.001ms !important;
            animation-iteration-count: 1 !important;
            transition-duration: 0.001ms !important;
            animation: none;
        }
    }

    * {
        animation-duration: 0.000ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
        animation: none !important;
    }*/





    /*scriptes styles */



    /* Cookie Consent Styles */


    div#cookieAlert {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        color: white;
        z-index: 9999;
        box-shadow: 1px 1px 9px #000;
    }

        div#cookieAlert::before {
            content: "";
            background: rgba(255, 255, 255, 0.57);
            z-index: -1;
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }


    .gdr-bg {
        background: #fff;
        color: #000;
    }

    .gdr-center {
        max-width: 1380px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        padding: 1rem 2rem;
    }

    .close-gdr {
        background: #fff;
        color: #000;
        border: 1px solid white;
        padding: 8px 16px;
        cursor: pointer;
        position: absolute;
        top: 5px;
        left: 1rem;
    }

    [dir="ltr"] .close-gdr {
        left: auto;
        right: 0;
    }

.accepet-btn {
    font-size: .875rem;
    line-height: 1.25rem;
    background-color: #1b8354;
    color: #fff;
    padding: 10px 15px;
    border-radius: 5px;
    border: 0;
}


    /*    contact new */


    .umbraco-forms-field-wrapper {
        position: relative;
    }

    body .umbraco-forms-field-wrapper input:focus,
    body .umbraco-forms-field-wrapper textarea:focus,
    .input-border-box input:focus {
        background-color: #ffffff;
        color: #161616;
        outline: 0 !important;
        border: 0;
        box-shadow: none;
        outline: 0 !important;
        border: solid 1px #9da4ae !important;
    }

    .effect2 {
        bottom: 30px;
    }

    .umbraco-forms-field-wrapper input:focus ~ .effect2,
    .umbraco-forms-field-wrapper input:focus + .effect2,
    .umbraco-forms-field-wrapper textarea:focus ~ .effect2,
    .umbraco-forms-field-wrapper textarea:focus + .effect2,
    .input-border-box input:focus ~ .effect2,
    .input-border-box input:focus + .effect2 {
        width: 100%;
    }

    /* لتوافق مع الـ validation span */
    .effect2 {
        z-index: 1;
    }


    /* EFFECT2 STYLES - The border animation from middle */
    .effect2 {
        position: absolute;
        bottom: 0px; /* داخل الـ wrapper padding */
        left: 50%;
        width: 0;
        height: 2px;
        /*    background: linear-gradient(90deg, #667eea, #764ba2);*/
        background-color: var(--color-gray-950);
        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        transform: translateX(-50%);
        border-radius: 0;
    }

    /* Animation when input is focused */
    .umbraco-forms-field-wrapper input:focus ~ .effect2,
    .umbraco-forms-field-wrapper input:focus + .effect2,
    .umbraco-forms-field-wrapper textarea:focus ~ .effect2,
    .umbraco-forms-field-wrapper textarea:focus + .effect2,
    .input-border-box input:focus ~ .effect2,
    .input-border-box input:focus + .effect2 {
        width: 100%; /* بعرض الحقل تقريباً */
        animation: borderExpandFromMiddle 0.5s ease-out !important;
    }

    @keyframes borderExpandFromMiddle {
        0% {
            width: 0%;
            left: 50%;
            transform: translateX(-50%);
            opacity: 0;
        }

        30% {
            opacity: 1;
        }

        100% {
            width: calc(100% - 40px);
            left: 50%;
            transform: translateX(-50%);
            opacity: 1;
        }
    }




    /*search result */
    .search-results-page {
        /*    background: #f5f5f5;
    min-height: 100vh;*/
    }



    .search-box {
        position: relative;
    }

        .search-box h1 {
            color: #0F7481;
            margin-bottom: 20px;
            font-size: 28px;
        }

    .search-input-wrapper {
        position: relative;
    }
    /*
.search-input {
    width: 100%;
    padding: 15px 120px 15px 20px;
    border: 2px solid #e0e0e0;
    border-radius: 50px;
    font-size: 16px;
    outline: none;
}

    .search-input:focus {
        border-color: #0F7481;
    }*/

    .search-btn {
        /*    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    padding: 10px 35px;
    background: #0F7481;
    color: white;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    font-weight: bold;*/
    }


    .filters-bar {
        background: white;
        border-radius: 12px;
        /* padding: 20px; */
        gap: calc(var(--spacing) * 4);
        margin-bottom: 30px;
        display: flex;
        /*    flex-wrap: wrap;*/
        align-items: flex-start;
        justify-content: flex-end;
        box-shadow: none;
    }

    .filter-group {
        display: flex;
        gap: 15px;
        align-items: center;
        flex-wrap: wrap;
    }

    .filter-label {
        font-weight: 600;
        color: #333;
        font-size: 14px;
    }

    .sort-select, .section-select {
        padding: 8px 15px;
        border: 1px solid #ddd;
        border-radius: 8px;
        font-size: 14px;
        background: white;
        cursor: pointer;
        outline: none;
        min-width: 180px;
    }

        .sort-select:focus, .section-select:focus {
            border-color: #0F7481;
        }

    .clear-filters {
        padding: 8px 20px;
        background: #f0f0f0;
        border: none;
        border-radius: 8px;
        cursor: pointer;
        color: #666;
        font-size: 14px;
        transition: all 0.3s;
    }

        .clear-filters:hover {
            background: #e0e0e0;
            color: #333;
        }

    #resultsContainer .results-summary.w-full {
        display: none;
    }
    /*.results-summary {
    padding: 15px 20px;
    background: #f0f9f9;
    border-radius: 10px;
    margin-bottom: 30px;
    border-left: 4px solid #0F7481;
}

    .results-summary .success {
        color: #0F7481;
        margin: 0;
    }

.result-item {
    background: white;
    padding: 20px;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    margin-bottom: 16px;
    transition: all 0.3s;
}

    .result-item:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        border-color: #0F7481;
    }*/

    /*.result-section-badge {
    display: inline-block;
    background: #e8f4f8;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    color: #0F7481;
    margin-bottom: 10px;
}

.result-title {
    font-size: 18px;
    font-weight: 600;
    color: #0F7481;
    margin-bottom: 10px;
    text-decoration: none;
    display: block;
}*/

    .result-title:hover {
        text-decoration: underline;
    }

    .result-date {
        font-size: 12px;
        color: #999;
        margin-top: 8px;
    }

    .result-url {
        font-size: 12px;
        color: #999;
        word-break: break-all;
        margin-top: 8px;
    }

    .pagination {
        display: flex;
        justify-content: center;
        gap: 10px;
        margin-top: 40px;
        flex-wrap: wrap;
    }

        .pagination a, .pagination span {
            /*        padding: 10px 18px;
        border: 1px solid #ddd;
        border-radius: 8px;
        text-decoration: none;
        color: #333;*/

            cursor: pointer;
        }

            .pagination a:hover {
            }

        .pagination span {
            /*        background: #0F7481;
        color: white;
        border-color: #0F7481;*/
            border-radius: 0;
            border-bottom: solid 3px #1b8354;
        }

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

    body.no-results-body .filters-bar-wrap {
        display: none;
    }

    .no-results svg {
        width: 80px;
        height: 80px;
        margin: 0 auto 20px;
        color: #999;
    }



    .no-results ul {
        list-style: disc;
        list-style-position: inside;
        max-width: 350px;
        margin: 0 auto;
        color: #666;
    }

    .no-results li {
        margin: 8px 0;
    }

    .loading {
        text-align: center;
        padding: 40px;
        color: #0F7481;
        font-size: 16px;
    }

    @media (max-width: 768px) {
        /*    .filters-bar {
        flex-direction: column;
        align-items: stretch;
    }

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

    .search-container {
        padding: 20px;
    }

    .search-box {
        padding: 20px;
    }

    .sort-select, .section-select {
        min-width: auto;
        flex: 1;
    }*/
    }


.labels-wrap-filter-news .search-news {
    height: max-content;
}

.filters-bar .custom-dropdown {
    position: relative;
}

    .filters-bar .dropdown-btn {
        display: flex;
        justify-content: space-between;
        align-items: center;
        direction: rtl;
    }

    .filters-bar .btn-icon {
        margin-left: 8px;
    }

    .filters-bar .dropdown-list {
        display: none;
        position: absolute;
        width: 100%;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 6px;
        margin-top: 5px;
        list-style: none;
        padding: 0;
        box-shadow: 0 4px 10px rgba(0,0,0,0.1);
        z-index:1;
    }

        .filters-bar .dropdown-list li {
            padding: 10px;
            cursor: pointer;
            text-align: right;
        }

            .filters-bar .dropdown-list li:hover {
                background: #f0f0f0;
            }





    /*        custom dropdown 2 */


    .filters-bar .multi-select {
        position: relative;
        flex-wrap: wrap;
    }

    .filters-bar .filter-btn {
        background: #0d1b2a;
        color: #fff;
        padding: 10px;
        border: none;
        border-radius: 6px;
        cursor: pointer;
    }

    .filters-bar .dropdown2 {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        background: #fff;
        width: 100%;
        min-width: 310px;
        border-radius: 8px;
        padding: 10px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        border-color: #d2d6db;
        margin-top: 5px;
        z-index: 10;
    }

    .filters-bar .search {
        width: 100%;
    }

    .filters-bar .options {
        max-height: 200px;
        overflow-y: auto;
        margin-top: 10px;
    }

        .filters-bar .options label {
            display: flex;
            padding: 5px;
            cursor: pointer;
        }

    .filters-bar .selected-items {
        display: flex;
        flex-wrap: wrap;
        /*    gap: 5px;*/
        margin-top: 10px;
    }

    .filters-bar .tag {
        background: #1f7a4d;
        color: #fff;
        padding: 5px 10px;
        border-radius: 6px;
        font-size: 12px;
        margin-inline-start: 5px;
    }

    .filters-bar .actions {
        display: flex;
        justify-content: space-between;
        margin-top: 10px;
    }



    /*news color-profile edits */
.news-slide {
    position: relative;
}
    .serv-section .bg-primary:hover,
    .news-slide a:hover {
        text-decoration: none;
    }

.native-slider-prev, .native-slider-next {
    font-size: 0;
    line-height: 0;
    /*    position: absolute;*/
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 3px;
    /*    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0, -50%);*/
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.native-slider-prev, .native-slider-next {
    width: 48px;
    height: 48px;
    left: 10px;
    bottom: -100px;
    top: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary);
    border-radius: 50%;
    transition: all .4s ease;
}
.native-slider-prev:hover, .native-slider-next:hover {

    background-color: var(--color-primary-800);

}


.native-slider-prev {
    left: 77px;
    right: auto;
}
/*
    .before\:to-\[\#091034\]::before {
        background: #102a56;
    }


        .swiper-slide a,
        .news-slide a {
            background: var(--lavendarcolor);
            border-color: var(--lavendarcolor);
        }

      .swiper-slide a:hover,
       .news-slide a:hover {
                background: var(--colorinfo);
                border-color: var(--colorinfo);
      }

    .swiper-pagination-bullet-active {
        background: #177f50 !important;
    }

.service-slide svg path, .serv-section svg path {
    stroke: #177f50;
}
.serv-section .bg-primary {
    background: #177f50 !important;
    border-color: #177f50 !important;
}
    .serv-section .bg-primary:hover,
    .news-slide a:hover {
        text-decoration: none;
        background: #102a56 !important;
    }
.st-grid img {
    filter: brightness(0) saturate(100%) invert(31%) sepia(12%) saturate(3071%) hue-rotate(231deg) brightness(89%) contrast(87%);
}
.h-note-content .flex-1 img {
    filter: brightness(0) saturate(100%) invert(31%) sepia(12%) saturate(3071%) hue-rotate(231deg) brightness(89%) contrast(87%);
}
.values-grid .rounded-full img {
    filter: brightness(0) saturate(100%) invert(31%) sepia(12%) saturate(3071%) hue-rotate(231deg) brightness(89%) contrast(87%);
}
.ex-link-pr a[target="_blank"]::after {
    filter: brightness(0) saturate(100%) invert(31%) sepia(12%) saturate(3071%) hue-rotate(231deg) brightness(89%) contrast(87%);
}
#search-loader svg {
    filter: brightness(0) saturate(100%) invert(31%) sepia(12%) saturate(3071%) hue-rotate(231deg) brightness(89%) contrast(87%);
}
.contact-box svg {
    filter: brightness(0) saturate(100%) invert(31%) sepia(12%) saturate(3071%) hue-rotate(231deg) brightness(89%) contrast(87%);
}
.tag-primary-600 {
    background-color: #f9f5fa;
    border: 1px solid #177f50;
    color: #102a56;
}
.side-serv-container svg path {
    stroke: #177f50;
}

body .asw-menu-header {
    background: #177f50 !important;
}
body .asw-menu-reset-footer-btn {
    background: #177f50 !important;
}
*/
body a.asw-footer-powered {
    visibility: hidden;
    display: none !important;
}
body .asw-footer {
    display: none !IMPORTANT;
    visibility: hidden;
    height: 0;
    padding: 0;
}
/*body .asw-menu-btn {
    border: 3px solid white !important;
    outline: 5px solid #177f50 !important;
    text-decoration: none !important;
    background: #177f50 !important;

}*/


.flex-list  ul li {
    display: flex;
    line-height: 1.5rem;
    display: flex;
    align-items: center;
    gap: .5rem;
    padding-bottom: 1rem;
}
.flex-list.icons-list ul li {
    align-items: center;

}
p:empty{
    display:none;
}

.serv-icon img.w-24 {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.value-se .box-icon svg  ,.size-24 img{
    width: 24px;
    height: 24px;
    object-fit: contain;
}
.flex-list2 h5 {
    font-size: 16px !important;
    font-weight: 500;
    margin-top: 8px;
    /* margin-bottom: 8px; */
}
@media (min-width: 991px) {


    .value-se .grid {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 16px;
    }

        .value-se .grid .box-icon {
            grid-column: span 2; /* normal: 3 per row */
        }

            /* Exactly 2 items left over in the last row -> each takes half width */
            .value-se .grid .box-icon:nth-last-child(2):nth-child(3n+1),
            .value-se .grid .box-icon:nth-last-child(1):nth-child(3n+2) {
                grid-column: span 3;
            }

            /* Exactly 1 item left over in the last row -> takes full width */
            .value-se .grid .box-icon:last-child:nth-child(3n+1) {
                grid-column: span 6;
            }
}