@font-face {
    font-family: "29LT Bukra";
    src: url("https://www.dubaiairports.ae/resourcepackages/da/assets/fonts/bukra/29ltbukralight.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "29LT Bukra";
    src: url("https://www.dubaiairports.ae/resourcepackages/da/assets/fonts/bukra/29ltbukraregular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "29LT Bukra";
    src: url("https://www.dubaiairports.ae/resourcepackages/da/assets/fonts/bukra/29LTBukra-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "29LT Bukra";
    src: url("https://www.dubaiairports.ae/resourcepackages/da/assets/fonts/bukra/29ltbukrabold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "29LT Bukra";
    src: url("https://www.dubaiairports.ae/resourcepackages/da/assets/fonts/bukra/29ltbukrabolditalic.woff2") format("woff2");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

.db-wrapper {
    font-family: "29LT Bukra", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
}

    .db-wrapper :where(h1, h2, h3, h4, h5, h6, p, li, ol) a {
        color: inherit;
    }

    .db-wrapper strong,
    .db-wrapper b {
        font-weight: 700;
    }

    /**
 * This injects Tailwind's base styles and any base styles registered by
 * plugins.
 */

    /* @tailwind base; */

    /**
 * This injects Tailwind's component classes and any component classes
 * registered by plugins.
 */

    /* Skip to main content
-------------------------------------------------------------------------- */

    .db-wrapper .skip-to-main-content {
        position: fixed;
        inset-inline-start: 20px;
        inset-block-start: 20px;
        z-index: 200;
        transform: translateY(-250%);
        padding: 10px 20px;
        border-radius: 12px;
        transition: transform .5s;
        --tw-bg-opacity: 1;
        background-color: rgb(44 45 101 / var(--tw-bg-opacity));
        font-weight: 500;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }

        .db-wrapper .skip-to-main-content:focus-within {
            transform: translateY(0%);
        }

        .db-wrapper .skip-to-main-content a {
            text-decoration: underline;
        }

/* "Mourning" -mode, show the site in black an white (a class top parent element)
-------------------------------------------------------------------------- */

.mourning-mode {
    filter: grayscale(100%);
}

/* Buttons
-------------------------------------------------------------------------- */

.db-wrapper .btn,
.db-wrapper .link-btn,
.db-wrapper .copy-code-button button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 9999px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
    vertical-align: bottom;
    font-weight: 500;
    text-decoration-line: none;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

    .db-wrapper .btn[disabled],
    .db-wrapper .btn[aria-diabled],
    .db-wrapper .link-btn[disabled],
    .db-wrapper .link-btn[aria-diabled] {
        cursor: not-allowed;
    }

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

.db-wrapper .btn--primary,
.db-wrapper .link-btn--primary {
    --tw-bg-opacity: 1;
    background-color: rgb(44 45 101 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

    .db-wrapper .btn--primary:focus-within,
    .db-wrapper .link-btn--primary:focus-within {
        --tw-border-opacity: 1;
        border-color: rgb(151 154 211 / var(--tw-border-opacity));
    }

    .db-wrapper .btn--primary:hover,
    .db-wrapper .link-btn--primary:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(63 68 151 / var(--tw-bg-opacity));
    }

    .db-wrapper .btn--primary:active,
    .db-wrapper .link-btn--primary:active {
        --tw-bg-opacity: 1;
        background-color: rgb(33 36 79 / var(--tw-bg-opacity));
    }

    .db-wrapper .btn--primary:disabled,
    .db-wrapper .link-btn--primary:disabled {
        --tw-bg-opacity: 1;
        background-color: rgb(151 154 211 / var(--tw-bg-opacity));
    }

.db-wrapper .btn--secondary,
.db-wrapper .link-btn--secondary,
.db-wrapper .copy-code-button button,
.db-wrapper .rte .copy-code-button button {
    --tw-bg-opacity: 1;
    background-color: rgb(254 209 0 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(44 45 101 / var(--tw-text-opacity));
}

    .db-wrapper .btn--secondary:focus-within,
    .db-wrapper .link-btn--secondary:focus-within,
    .db-wrapper .copy-code-button button:focus-within,
    .db-wrapper .rte .copy-code-button button:focus-within {
        --tw-border-opacity: 1;
        border-color: rgb(44 45 101 / var(--tw-border-opacity));
    }

    .db-wrapper .btn--secondary:hover,
    .db-wrapper .link-btn--secondary:hover,
    .db-wrapper .copy-code-button button:hover,
    .db-wrapper .rte .copy-code-button button:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(255 223 77 / var(--tw-bg-opacity));
    }

    .db-wrapper .btn--secondary:active,
    .db-wrapper .link-btn--secondary:active,
    .db-wrapper .copy-code-button button:active,
    .db-wrapper .rte .copy-code-button button:active {
        --tw-bg-opacity: 1;
        background-color: rgb(204 167 0 / var(--tw-bg-opacity));
    }

    .db-wrapper .btn--secondary:disabled,
    .db-wrapper .link-btn--secondary:disabled,
    .db-wrapper .copy-code-button button:disabled,
    .db-wrapper .rte .copy-code-button button:disabled {
        --tw-bg-opacity: 1;
        background-color: rgb(254 240 173 / var(--tw-bg-opacity));
    }

.db-wrapper .btn--tertiary,
.db-wrapper .link-btn--tertiary {
    --tw-bg-opacity: 1;
    background-color: rgb(209 212 250 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(44 45 101 / var(--tw-text-opacity));
}

    .db-wrapper .btn--tertiary:focus-within,
    .db-wrapper .link-btn--tertiary:focus-within {
        --tw-border-opacity: 1;
        border-color: rgb(44 45 101 / var(--tw-border-opacity));
    }

    .db-wrapper .btn--tertiary:hover,
    .db-wrapper .link-btn--tertiary:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(232 233 252 / var(--tw-bg-opacity));
    }

    .db-wrapper .btn--tertiary:active,
    .db-wrapper .link-btn--tertiary:active {
        --tw-bg-opacity: 1;
        background-color: rgb(140 147 242 / var(--tw-bg-opacity));
    }

    .db-wrapper .btn--tertiary:disabled,
    .db-wrapper .link-btn--tertiary:disabled {
        --tw-bg-opacity: 1;
        background-color: rgb(225 226 255 / var(--tw-bg-opacity));
    }

.db-wrapper .btn--quaternary,
.db-wrapper .link-btn--quaternary {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(44 45 101 / var(--tw-text-opacity));
}

    .db-wrapper .btn--quaternary:focus-within,
    .db-wrapper .link-btn--quaternary:focus-within {
        --tw-border-opacity: 1;
        border-color: rgb(44 45 101 / var(--tw-border-opacity));
    }

    .db-wrapper .btn--quaternary:hover,
    .db-wrapper .link-btn--quaternary:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(232 233 252 / var(--tw-bg-opacity));
    }

    .db-wrapper .btn--quaternary:active,
    .db-wrapper .link-btn--quaternary:active {
        --tw-bg-opacity: 1;
        background-color: rgb(140 147 242 / var(--tw-bg-opacity));
    }

    .db-wrapper .btn--quaternary:disabled,
    .db-wrapper .link-btn--quaternary:disabled {
        --tw-bg-opacity: 1;
        background-color: rgb(225 226 255 / var(--tw-bg-opacity));
    }

.db-wrapper .btn--senary,
.db-wrapper .link-btn--senary {
    justify-content: space-between;
    border-radius: 12px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(44 45 101 / var(--tw-text-opacity));
}

    .db-wrapper .btn--senary:focus-within,
    .db-wrapper .link-btn--senary:focus-within {
        --tw-border-opacity: 1;
        border-color: rgb(44 45 101 / var(--tw-border-opacity));
    }

    .db-wrapper .btn--senary:hover,
    .db-wrapper .link-btn--senary:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(232 233 252 / var(--tw-bg-opacity));
    }

    .db-wrapper .btn--senary:active,
    .db-wrapper .link-btn--senary:active {
        --tw-bg-opacity: 1;
        background-color: rgb(140 147 242 / var(--tw-bg-opacity));
    }

    .db-wrapper .btn--senary:disabled,
    .db-wrapper .link-btn--senary:disabled {
        --tw-bg-opacity: 1;
        background-color: rgb(225 226 255 / var(--tw-bg-opacity));
    }

/* Links
-------------------------------------------------------------------------- */

.db-wrapper .link-text {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    vertical-align: bottom;
    font-weight: 400;
    text-decoration-line: none;
}

.db-wrapper .link-text--primary {
    --tw-text-opacity: 1;
    color: rgb(75 76 170 / var(--tw-text-opacity));
}

    .db-wrapper .link-text--primary:focus-within {
        --tw-text-opacity: 1;
        color: rgb(75 76 170 / var(--tw-text-opacity));
    }

    .db-wrapper .link-text--primary:hover {
        --tw-text-opacity: 1;
        color: rgb(113 114 193 / var(--tw-text-opacity));
    }

    .db-wrapper .link-text--primary:active {
        --tw-text-opacity: 1;
        color: rgb(113 114 193 / var(--tw-text-opacity));
    }

    .db-wrapper .link-text--primary:disabled {
        --tw-text-opacity: 1;
        color: rgb(151 154 211 / var(--tw-text-opacity));
    }

.db-wrapper .link-text--secondary {
    --tw-text-opacity: 1;
    color: rgb(44 45 101 / var(--tw-text-opacity));
}

    .db-wrapper .link-text--secondary:focus-within {
        --tw-text-opacity: 1;
        color: rgb(75 76 170 / var(--tw-text-opacity));
    }

    .db-wrapper .link-text--secondary:hover {
        --tw-text-opacity: 1;
        color: rgb(151 154 211 / var(--tw-text-opacity));
    }

    .db-wrapper .link-text--secondary:active {
        --tw-text-opacity: 1;
        color: rgb(113 114 193 / var(--tw-text-opacity));
    }

    .db-wrapper .link-text--secondary:disabled {
        --tw-text-opacity: 1;
        color: rgb(151 154 211 / var(--tw-text-opacity));
    }

/* MenuList
-------------------------------------------------------------------------- */

.db-wrapper [data-menulist] h3 + div {
    grid-template-rows: 0fr;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

@media (min-width: 993px) {
    .db-wrapper [data-menulist] h3 + div {
        opacity: 1;
    }
}

.db-wrapper [data-menulist] h3.is-open + div {
    grid-template-rows: 1fr;
    opacity: 1;
    margin-bottom: 8px;
}

.db-wrapper [data-menulist] h3.is-open img {
    transform: rotate(180deg);
}

.db-wrapper [data-menulist] h3 + div ul {
    list-style: none;
    margin-inline: 0;
    overflow: hidden;
    padding-inline: 0;
}

.db-wrapper [data-menulist] h4 {
    font-size: 16px;
    font-weight: 500;
}

.db-wrapper [data-menulist] a {
    text-decoration: none;
}

/* Mobile menu trigger (hamburger)
-------------------------------------------------------------------------- */

.db-wrapper nav input[type=checkbox] + label .icon {
    background-color: #2C2D65;
    display: inline-block;
    height: 2px;
    margin-left: 3px;
    position: relative;
    transition: all 0.3s ease-in-out;
    width: 18px;
}

    .db-wrapper nav input[type=checkbox] + label .icon::before,
    .db-wrapper nav input[type=checkbox] + label .icon::after {
        background-color: #2C2D65;
        border-radius: 3px;
        content: '';
        height: 2px;
        left: 0px;
        position: absolute;
        top: -6px;
        transform-origin: 50% 50%;
        transition: all 0.3s ease-in-out;
        width: 18px;
    }

    .db-wrapper nav input[type=checkbox] + label .icon::after {
        top: 6px;
    }

.db-wrapper nav input[type=checkbox]:checked + label .icon {
    background-color: transparent;
}

    .db-wrapper nav input[type=checkbox]:checked + label .icon::before {
        top: 0;
        transform: rotate(45deg);
    }

    .db-wrapper nav input[type=checkbox]:checked + label .icon::after {
        top: 0;
        transform: rotate(-45deg);
    }

.db-wrapper nav input[type=checkbox] + label [data-default] {
    display: inline-block;
}

.db-wrapper nav input[type=checkbox] + label [data-open] {
    display: none;
}

.db-wrapper nav input[type=checkbox]:checked + label [data-default] {
    display: none;
}

.db-wrapper nav input[type=checkbox]:checked + label [data-open] {
    display: inline-block;
}

header.db-wrapper.is-scrolling-up,
header.db-wrapper.mobile-menu-open,
header.db-wrapper.subnav-open {
    position: sticky;
    top: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

header.db-wrapper {
    position: sticky;
    top: -56px;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms;
}

@media (min-width: 993px) {
    header.db-wrapper {
        top: -72px;
    }
}

header.db-wrapper {
    z-index: 1;
}

    header.db-wrapper [data-menulist] h3.is-open {
        margin-bottom: 32px;
    }

        header.db-wrapper [data-menulist] h3.is-open::before {
            content: '';
            display: block;
            left: -16px;
            z-index: -1;
            position: absolute;
            height: 56px;
            width: 100vw;
            --tw-bg-opacity: 1;
            background-color: rgb(209 212 250 / var(--tw-bg-opacity));
        }

/* Mobile search
-------------------------------------------------------------------------- */

.db-wrapper [data-toggle-search],
.db-wrapper [data-mob-search] button {
    background: transparent;
    border: none;
    padding: 0;
}

.db-wrapper [data-mob-search] input[type=search] {
    border: none;
}

.db-wrapper [data-search-suggestions] ul {
    padding-inline: 0;
}

.db-wrapper [data-search-suggestions] a {
    text-decoration: none;
}

/*  Main navigation items
*/

header.db-wrapper nav ul {
    list-style: none;
}

header.db-wrapper [data-main-nav-item] {
    position: relative;
    text-decoration: none;
}

    header.db-wrapper [data-main-nav-item]::after {
        content: '';
        display: block;
        height: 4px;
        background-color: transparent;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 300ms;
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    header.db-wrapper [data-main-nav-item]:hover::after {
        --tw-bg-opacity: 1;
        background-color: rgb(44 45 101 / var(--tw-bg-opacity));
    }

    header.db-wrapper [data-main-nav-item].is-active::after {
        --tw-bg-opacity: 1;
        background-color: rgb(44 45 101 / var(--tw-bg-opacity));
    }

    header.db-wrapper [data-main-nav-item]:focus-visible {
        outline-width: 2px;
        outline-color: #2C2D65;
    }

.db-wrapper [data-mob-menu] ul {
    padding-inline: 0;
}

    .db-wrapper [data-mob-menu] ul li.border-t {
        border-top-style: solid;
    }

.db-wrapper [data-mob-menu] > a {
    color: inherit;
    text-decoration: none;
}

header.db-wrapper .language-switch,
header.db-wrapper .header-search,
header.db-wrapper #mobile-menu [data-toggle-search][aria-controls="mob-search"],
header.db-wrapper #mobile-menu [role="search"],
header.db-wrapper #mobile-menu [data-search-suggestions] {
    display: none !important;
}

/* Subnavigation desktop
-------------------------------------------------------------------------- */
.db-wrapper .subnav {
    opacity: 0;
    top: -400px;
    transition: all 0.3s ease-in-out;
    z-index: 5;
}

    .db-wrapper .subnav ul {
        list-style: none;
        margin-inline: 0;
        padding-inline: 0;
    }

        .db-wrapper .subnav ul a {
            text-decoration: none;
        }

    .db-wrapper .subnav.subnav-open {
        opacity: 1;
        top: 72px;
    }

/* Header backdrop
-------------------------------------------------------------------------- */

.db-wrapper .header__backdrop,
.db-wrapper .loader__backdrop,
.db-wrapper .contact-ways-backdrop {
    content: '';
    left: -100vw;
    transition: left 0s linear 0.3s, opacity 0.3s linear;
    position: fixed;
    z-index: 5;
    height: 100%;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(44 45 101 / var(--tw-bg-opacity));
    opacity: 0;
}

    .db-wrapper .header__backdrop.is-active,
    .db-wrapper .loader__backdrop.is-active,
    .db-wrapper .contact-ways-backdrop.is-active {
        transition: left 0s linear, opacity 0.3s linear;
        left: 0;
        opacity: 0.3;
    }

.db-wrapper .header__backdrop {
    top: 72px;
}

.db-wrapper .contact-ways-backdrop {
    z-index: 19;
}

/* Header search
-------------------------------------------------------------------------- */

header.db-wrapper .header-search {
    display: none;
    gap: 16px;
}

@media (min-width: 993px) {
    header.db-wrapper .header-search {
        margin-inline-start: 16px;
        display: flex;
    }
}

header.db-wrapper .header-search::before {
    align-self: center;
    content: '';
    display: block;
    height: 24px;
    width: 0;
    border-inline-start-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(209 212 250 / var(--tw-border-opacity));
}

/* Header language switch
-------------------------------------------------------------------------- */

header.db-wrapper .language-switch > a {
    color: inherit;
    text-decoration: none;
}

header.db-wrapper .language-switch .language-switch__dropdown {
    display: none;
    left: 50%;
    transform: translateX(-50%);
}

header.db-wrapper .language-switch.is-open .language-switch__dropdown {
    display: block;
}

header.db-wrapper .language-switch .language-switch__dropdown a {
    color: inherit;
    text-decoration: none;
}

    header.db-wrapper .language-switch .language-switch__dropdown a img {
        vertical-align: middle;
    }

header.db-wrapper .language-switch::after {
    content: '';
    position: absolute;
    bottom: -16px;
    display: block;
    height: 4px;
    width: 100%;
    background-color: transparent;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

@media (min-width: 993px) {
    header.db-wrapper .language-switch::after {
        bottom: 0;
    }
}

header.db-wrapper .language-switch.is-open::after {
    --tw-bg-opacity: 1;
    background-color: rgb(44 45 101 / var(--tw-bg-opacity));
}

/* Footer
-------------------------------------------------------------------------- */

footer.db-wrapper {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-top: 80px;
    padding-bottom: 40px;
}

@media (min-width: 993px) {
    footer.db-wrapper {
        padding-top: 120px;
        padding-bottom: 80px;
    }
}

footer.db-wrapper a {
    color: inherit;
    text-decoration: none;
}

footer.db-wrapper .social-icons {
    list-style: none;
    margin-inline: 0;
    padding: 0;
}

footer.db-wrapper img.w-240 {
    height: auto;
}

.db-wrapper hr {
    border: none;
    border-top: 1px solid #e5e7eb;
    color: inherit;
    height: 0;
}

/**
 * This injects Tailwind's utility classes and any utility classes registered
 * by plugins.
 */

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

.db-wrapper :is(.fixed) {
    position: fixed;
}

.db-wrapper :is(.absolute) {
    position: absolute;
}

.db-wrapper :is(.relative) {
    position: relative;
}

.db-wrapper :is(.bottom-0) {
    bottom: 0;
}

.db-wrapper :is(.end-16) {
    inset-inline-end: 16px;
}

.db-wrapper :is(.left-0) {
    left: 0;
}

.db-wrapper :is(.left-16) {
    left: 16px;
}

.db-wrapper :is(.left-\[50\%\]) {
    left: 50%;
}

.db-wrapper :is(.left-full) {
    left: 100%;
}

.db-wrapper :is(.start-16) {
    inset-inline-start: 16px;
}

.db-wrapper :is(.top-0) {
    top: 0;
}

.db-wrapper :is(.top-12) {
    top: 12px;
}

.db-wrapper :is(.top-2) {
    top: 2px;
}

.db-wrapper :is(.top-3) {
    top: 3px;
}

.db-wrapper :is(.top-40) {
    top: 40px;
}

.db-wrapper :is(.top-56) {
    top: 56px;
}

.db-wrapper :is(.z-10) {
    z-index: 10;
}

.db-wrapper :is(.z-30) {
    z-index: 30;
}

.db-wrapper :is(.order-2) {
    order: 2;
}

.db-wrapper :is(.order-3) {
    order: 3;
}

.db-wrapper :is(.mx-auto) {
    margin-left: auto;
    margin-right: auto;
}

.db-wrapper :is(.my-16) {
    margin-top: 16px;
    margin-bottom: 16px;
}

.db-wrapper :is(.mb-16) {
    margin-bottom: 16px;
}

.db-wrapper :is(.mb-24) {
    margin-bottom: 24px;
}

.db-wrapper :is(.me-16) {
    margin-inline-end: 16px;
}

.db-wrapper :is(.ms-16) {
    margin-inline-start: 16px;
}

.db-wrapper :is(.ms-8) {
    margin-inline-start: 8px;
}

.db-wrapper :is(.ms-auto) {
    margin-inline-start: auto;
}

.db-wrapper :is(.mt-16) {
    margin-top: 16px;
}

.db-wrapper :is(.mt-24) {
    margin-top: 24px;
}

.db-wrapper :is(.mt-32) {
    margin-top: 32px;
}

.db-wrapper :is(.mt-8) {
    margin-top: 8px;
}

.db-wrapper :is(.mt-auto) {
    margin-top: auto;
}

.db-wrapper :is(.block) {
    display: block;
}

.db-wrapper :is(.inline-block) {
    display: inline-block;
}

.db-wrapper :is(.flex) {
    display: flex;
}

.db-wrapper :is(.inline-flex) {
    display: inline-flex;
}

.db-wrapper :is(.grid) {
    display: grid;
}

.db-wrapper :is(.hidden) {
    display: none;
}

.db-wrapper :is(.size-24) {
    width: 24px;
    height: 24px;
}

.db-wrapper :is(.size-40) {
    width: 40px;
    height: 40px;
}

.db-wrapper :is(.h-24) {
    height: 24px;
}

.db-wrapper :is(.h-40) {
    height: 40px;
}

.db-wrapper :is(.h-48) {
    height: 48px;
}

.db-wrapper :is(.h-72) {
    height: 72px;
}

.db-wrapper :is(.h-\[calc\(100dvh_-_56px\)\]) {
    height: calc(100dvh - 56px);
}

.db-wrapper :is(.h-full) {
    height: 100%;
}

.db-wrapper :is(.max-h-\[300px\]) {
    max-height: 300px;
}

.db-wrapper :is(.w-24) {
    width: 24px;
}

.db-wrapper :is(.w-240) {
    width: 240px;
}

.db-wrapper :is(.w-40) {
    width: 40px;
}

.db-wrapper :is(.w-\[210px\]) {
    width: 210px;
}

.db-wrapper :is(.w-auto) {
    width: auto;
}

.db-wrapper :is(.w-full) {
    width: 100%;
}

.db-wrapper :is(.w-max) {
    width: -moz-max-content;
    width: max-content;
}

.db-wrapper :is(.max-w-6xl) {
    max-width: 72rem;
}

.db-wrapper :is(.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));
}

.db-wrapper :is(.grid-cols-\[320px_1fr_1fr\]) {
    grid-template-columns: 320px 1fr 1fr;
}

.db-wrapper :is(.flex-row-reverse) {
    flex-direction: row-reverse;
}

.db-wrapper :is(.flex-col) {
    flex-direction: column;
}

.db-wrapper :is(.flex-wrap) {
    flex-wrap: wrap;
}

.db-wrapper :is(.flex-nowrap) {
    flex-wrap: nowrap;
}

.db-wrapper :is(.items-start) {
    align-items: flex-start;
}

.db-wrapper :is(.items-center) {
    align-items: center;
}

.db-wrapper :is(.justify-start) {
    justify-content: flex-start;
}

.db-wrapper :is(.justify-center) {
    justify-content: center;
}

.db-wrapper :is(.justify-between) {
    justify-content: space-between;
}

.db-wrapper :is(.gap-120) {
    gap: 120px;
}

.db-wrapper :is(.gap-16) {
    gap: 16px;
}

.db-wrapper :is(.gap-24) {
    gap: 24px;
}

.db-wrapper :is(.gap-32) {
    gap: 32px;
}

.db-wrapper :is(.gap-40) {
    gap: 40px;
}

.db-wrapper :is(.gap-8) {
    gap: 8px;
}

.db-wrapper :is(.space-y-16 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(16px * var(--tw-space-y-reverse));
}

.db-wrapper :is(.self-start) {
    align-self: flex-start;
}

.db-wrapper :is(.self-center) {
    align-self: center;
}

.db-wrapper :is(.overflow-hidden) {
    overflow: hidden;
}

.db-wrapper :is(.overflow-y-auto) {
    overflow-y: auto;
}

.db-wrapper :is(.whitespace-nowrap) {
    white-space: nowrap;
}

.db-wrapper :is(.rounded) {
    border-radius: 0.25rem;
}

.db-wrapper :is(.rounded-lg) {
    border-radius: 0.5rem;
}

.db-wrapper :is(.rounded-xl) {
    border-radius: 12px;
}

.db-wrapper :is(.border-e-2) {
    border-inline-end-width: 2px;
}

.db-wrapper :is(.border-t) {
    border-top-width: 1px;
}

.db-wrapper :is(.border-none) {
    border-style: none;
}

.db-wrapper :is(.border-neutrals-neutral2) {
    --tw-border-opacity: 1;
    border-color: rgb(209 212 250 / var(--tw-border-opacity));
}

.db-wrapper :is(.bg-neutrals-neutral1) {
    --tw-bg-opacity: 1;
    background-color: rgb(237 238 253 / var(--tw-bg-opacity));
}

.db-wrapper :is(.bg-neutrals-neutral2) {
    --tw-bg-opacity: 1;
    background-color: rgb(209 212 250 / var(--tw-bg-opacity));
}

.db-wrapper :is(.bg-neutrals-neutral4) {
    --tw-bg-opacity: 1;
    background-color: rgb(101 105 190 / var(--tw-bg-opacity));
}

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

.db-wrapper :is(.bg-primary-portgore) {
    --tw-bg-opacity: 1;
    background-color: rgb(44 45 101 / var(--tw-bg-opacity));
}

.db-wrapper :is(.bg-transparent) {
    background-color: transparent;
}

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

.db-wrapper :is(.p-12) {
    padding: 12px;
}

.db-wrapper :is(.p-16) {
    padding: 16px;
}

.db-wrapper :is(.px-16) {
    padding-left: 16px;
    padding-right: 16px;
}

.db-wrapper :is(.px-24) {
    padding-left: 24px;
    padding-right: 24px;
}

.db-wrapper :is(.px-48) {
    padding-left: 48px;
    padding-right: 48px;
}

.db-wrapper :is(.py-12) {
    padding-top: 12px;
    padding-bottom: 12px;
}

.db-wrapper :is(.py-16) {
    padding-top: 16px;
    padding-bottom: 16px;
}

.db-wrapper :is(.py-80) {
    padding-top: 80px;
    padding-bottom: 80px;
}

.db-wrapper :is(.pb-16) {
    padding-bottom: 16px;
}

.db-wrapper :is(.pb-24) {
    padding-bottom: 24px;
}

.db-wrapper :is(.pb-40) {
    padding-bottom: 40px;
}

.db-wrapper :is(.pb-72) {
    padding-bottom: 72px;
}

.db-wrapper :is(.pe-16) {
    padding-inline-end: 16px;
}

.db-wrapper :is(.ps-16) {
    padding-inline-start: 16px;
}

.db-wrapper :is(.ps-48) {
    padding-inline-start: 48px;
}

.db-wrapper :is(.pt-16) {
    padding-top: 16px;
}

.db-wrapper :is(.pt-24) {
    padding-top: 24px;
}

.db-wrapper :is(.pt-80) {
    padding-top: 80px;
}

.db-wrapper :is(.align-middle) {
    vertical-align: middle;
}

.db-wrapper :is(.text-base) {
    font-size: 16px;
}

.db-wrapper :is(.text-lg) {
    font-size: 20px;
}

.db-wrapper :is(.text-sm) {
    font-size: 12px;
}

.db-wrapper :is(.font-medium) {
    font-weight: 500;
}

.db-wrapper :is(.uppercase) {
    text-transform: uppercase;
}

.db-wrapper :is(.leading-\[72px\]) {
    line-height: 72px;
}

.db-wrapper :is(.text-primary-portgore) {
    --tw-text-opacity: 1;
    color: rgb(44 45 101 / var(--tw-text-opacity));
}

.db-wrapper :is(.text-text-link) {
    --tw-text-opacity: 1;
    color: rgb(75 76 170 / var(--tw-text-opacity));
}

.db-wrapper :is(.text-text-primary) {
    --tw-text-opacity: 1;
    color: rgb(44 45 101 / var(--tw-text-opacity));
}

.db-wrapper :is(.opacity-0) {
    opacity: 0;
}

.db-wrapper :is(.opacity-100) {
    opacity: 1;
}

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

.db-wrapper :is(.transition-colors) {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

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

.db-wrapper :is(.duration-300) {
    transition-duration: 300ms;
}

.db-wrapper :is(.duration-500) {
    transition-duration: 500ms;
}

/**
 * Use this directive to control where Tailwind injects the hover, focus,
 * responsive, dark mode, and other variants of each class.
 *
 * If omitted, Tailwind will append these classes to the very end of
 * your stylesheet by default.
 */

.db-wrapper :is(.hover\:bg-neutrals-neutral2:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(209 212 250 / var(--tw-bg-opacity));
}

.db-wrapper :is(.hover\:text-text-link:hover) {
    --tw-text-opacity: 1;
    color: rgb(75 76 170 / var(--tw-text-opacity));
}

.db-wrapper :is(.group:hover .group-hover\:bg-neutrals-neutral5) {
    --tw-bg-opacity: 1;
    background-color: rgb(63 68 151 / var(--tw-bg-opacity));
}

.db-wrapper :is(.group.is-open .group-\[\.is-open\]\: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));
}

.db-wrapper :is(.group.bg-neutrals-neutral4 .group-\[\.bg-neutrals-neutral4\]\:text-white) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.db-wrapper :is(.peer:checked ~ .peer-checked\:left-0) {
    left: 0;
}

.db-wrapper :is(.aria-hidden\:hidden[aria-hidden="true"]) {
    display: none;
}

@media (min-width: 993px) {
    .db-wrapper :is(.lg\:relative) {
        position: relative;
    }

    .db-wrapper :is(.lg\:top-72) {
        top: 72px;
    }

    .db-wrapper :is(.lg\:order-2) {
        order: 2;
    }

    .db-wrapper :is(.lg\:order-3) {
        order: 3;
    }

    .db-wrapper :is(.lg\:my-16) {
        margin-top: 16px;
        margin-bottom: 16px;
    }

    .db-wrapper :is(.lg\:my-24) {
        margin-top: 24px;
        margin-bottom: 24px;
    }

    .db-wrapper :is(.lg\:mb-0) {
        margin-bottom: 0;
    }

    .db-wrapper :is(.lg\:me-0) {
        margin-inline-end: 0;
    }

    .db-wrapper :is(.lg\:ms-0) {
        margin-inline-start: 0;
    }

    .db-wrapper :is(.lg\:mt-24) {
        margin-top: 24px;
    }

    .db-wrapper :is(.lg\:block) {
        display: block;
    }

    .db-wrapper :is(.lg\:inline) {
        display: inline;
    }

    .db-wrapper :is(.lg\:flex) {
        display: flex;
    }

    .db-wrapper :is(.lg\:hidden) {
        display: none;
    }

    .db-wrapper :is(.lg\:h-40) {
        height: 40px;
    }

    .db-wrapper :is(.lg\:h-72) {
        height: 72px;
    }

    .db-wrapper :is(.lg\:flex-row) {
        flex-direction: row;
    }

    .db-wrapper :is(.lg\:justify-between) {
        justify-content: space-between;
    }

    .db-wrapper :is(.lg\:gap-80) {
        gap: 80px;
    }

    .db-wrapper :is(.lg\:self-center) {
        align-self: center;
    }

    .db-wrapper :is(.lg\:border-none) {
        border-style: none;
    }

    .db-wrapper :is(.lg\:py-0) {
        padding-top: 0;
        padding-bottom: 0;
    }

    .db-wrapper :is(.lg\:pb-80) {
        padding-bottom: 80px;
    }

    .db-wrapper :is(.lg\:pe-0) {
        padding-inline-end: 0;
    }

    .db-wrapper :is(.lg\:pt-120) {
        padding-top: 120px;
    }

    .db-wrapper :is(.lg\:text-xl) {
        font-size: 24px;
    }

    .db-wrapper :is(.lg\:leading-\[72px\]) {
        line-height: 72px;
    }
}

@media (min-width: 1120px) {
    .db-wrapper :is(.xl\:block) {
        display: block;
    }

    .db-wrapper :is(.xl\:gap-24) {
        gap: 24px;
    }
}

.db-wrapper :is(.ltr\:scale-x-100:where([dir="ltr"], [dir="ltr"] *)) {
    --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));
}

.db-wrapper :is(.rtl\:-scale-x-100:where([dir="rtl"], [dir="rtl"] *)) {
    --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));
}

@media (min-width: 993px) {
    .db-wrapper :is(.lg\:\[\&\>\*\]\:mt-16>*) {
        margin-top: 16px;
    }
}

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

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