/* /Components/Controls/ArticleCard.razor.rz.scp.css */
.article-card[b-ri1ng9405e] {
    display: flex;
    flex-direction: column;
    font: normal var(--fz-200) / 1.25 "Noto Sans Arabic";
    gap: var(--sp-300);
    max-width: 480px;
    width: stretch;
    width: -webkit-fill-available;

    .cover {
        aspect-ratio: 1.75;
        border-radius: var(--sp-300);
        display: grid;
        padding: var(--sp-300);
        place-items: end;

        .category {
            backdrop-filter: blur(12px);
            background: var(--bg-900-40);
            border: thin solid var(--bg-100-20);
            border-radius: var(--sp-200);
            color: var(--fg-100-ff);
            display: block;
            padding: var(--sp-200) var(--sp-300);
        }

        &[b-ri1ng9405e]::after, &[b-ri1ng9405e]::before {
            inset: -6px;
        }

        &[b-ri1ng9405e]::after {
            border-radius: 18px;
            border-width: 12px;
        }
    }

    .content[b-ri1ng9405e] {
        align-items: center;
        display: flex;
        flex: 1;
        flex-direction: column;
        gap: var(--sp-300);

        .headline {
            flex-grow: 1;
            font-weight: bold;
            hyphens: auto;
            text-align: center;
        }

        .metadata[b-ri1ng9405e] {
            color: var(--ac-500);
            display: flex;
            gap: var(--sp-200);

            .separator {
                background: initial;
            }
        }

        .summary[b-ri1ng9405e] {
            -webkit-box-orient: vertical;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            overflow: hidden;
            text-align: justify;
        }
    }

    .options[b-ri1ng9405e] {
        align-items: center;
        display: flex;
        gap: 12px;

        .button {
            display: flex;
            gap: var(--sp-300);
            padding: 11px 12px 11px 24px;

            .text {
                flex-grow: 1;
                text-align: start;
            }

            .separator[b-ri1ng9405e] {
                height: stretch;
                height: -webkit-fill-available;
                width: 1px;
            }

            &:hover[b-ri1ng9405e] {
                /* background: var(--bg-900-ff); */
                /* color: var(--fg-100-ff); */
            }
        }

        .share-button[b-ri1ng9405e] {
            border-radius: var(--sp-400);
            padding: var(--sp-300);
            transition-duration: var(--td-100);

            &:hover {
                background: var(--bg-900-10);
                cursor: pointer;
            }
        }
    }
}
/* /Components/Controls/ArticleSlider.razor.rz.scp.css */
.article-slider[b-coeykv2e0v] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: center;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    --slide-width: min(100vw, 1080px);
    z-index: 1;

    .view {
        height: 540px;
        position: relative;
        width: var(--slide-width);

        .wrapper {
            height: inherit;
            position: relative;
            transition-duration: 1500ms;
            translate: calc(var(--slide-width) * var(--progress)) 0;

            .article-slide {
                background: linear-gradient(transparent 50%, var(--bg-900-80)), var(--background-image) center / cover;
                border-radius: var(--sp-300);
                filter: brightness(0.375);
                height: 100%;
                inset: 0;
                margin-inline: 6px;
                position: absolute;
                scale: 1;
                text-align: center;
                transition: scale 1500ms, filter 1500ms;
                translate: calc(var(--slide-width) * var(--progress)) 0;
                width: inherit;

                .fillet {
                    inset: 6px;
                    position: absolute;
                    z-index: 2;

                    &::after, &::before {
                        backdrop-filter: blur(12px);
                        border-radius: 6px;
                        content: "";
                        inset: 0;
                        mask-image: linear-gradient(transparent 50%, black);
                        position: absolute;
                    }
                }

                &.active[b-coeykv2e0v] {
                    /* scale: 1 1; */
                    filter: brightness(1);
                    z-index: 1;
                }

                &[b-coeykv2e0v]::after {
                    border-radius: 18px;
                    border-width: 12px;
                    inset: -6px;
                    z-index: 1;
                }
            }
        }
    }

    .controls[b-coeykv2e0v] {
        align-items: center;
        display: flex;
        flex-direction: column;
        gap: var(--sp-400);
        inset: auto 0 0 0;
        justify-content: end;
        margin: auto;
        max-width: var(--slide-width);
        padding: 32px 48px;
        position: absolute;
        width: 100%;
        z-index: 10;

        .head {
            align-items: center;
            display: flex;
            gap: var(--sp-400);
            justify-content: center;
            max-width: 640px;
            pointer-events: auto; /* Re-enable clicks for head */
            width: 100%;

            .headline {
                -webkit-box-orient: vertical;
                color: var(--fg-100-ff);
                display: -webkit-box;
                flex-grow: 1;
                font-size: var(--fz-500);
                font-weight: 500;
                -webkit-line-clamp: 2;
                margin: 0;
                overflow: hidden;
                text-align: center;
                
                &:hover{
                    text-decoration: underline;
                }
            }

            .icon[b-coeykv2e0v] {
                align-items: center;
                backdrop-filter: blur(24px);
                background: var(--bg-100-20);
                border: 1px solid var(--fg-100-40);
                border-radius: 50%;
                color: var(--fg-100-ff);
                cursor: pointer;
                display: flex;
                flex-shrink: 0;
                height: 48px;
                justify-content: center;
                transition: background var(--td-100);
                width: 48px;

                &:hover {
                    background: var(--bg-900-10);
                }

                &:active[b-coeykv2e0v] {
                    background: var(--bg-900-40);
                }

                &.disabled[b-coeykv2e0v] {
                    cursor: not-allowed;
                    opacity: 0.5;
                    pointer-events: none;
                }
            }
        }

        .body[b-coeykv2e0v] {
            align-items: center;
            display: flex;
            flex-direction: column;
            gap: var(--sp-200);
            pointer-events: auto;
            text-align: center;

            .metadata {
                align-items: center;
                color: var(--fg-100-a0);
                display: flex;
                gap: var(--sp-200);
                white-space: nowrap;

                .separator {
                    background: initial;
                }
            }

            .summary[b-coeykv2e0v] {
                -webkit-box-orient: vertical;
                color: var(--fg-100-ff);
                display: -webkit-box;
                font-weight: 300;
                -webkit-line-clamp: 2;
                margin: 0;
                overflow: hidden;
            }
        }
    }

    &[b-coeykv2e0v]::after, &[b-coeykv2e0v]::before {
        content: "";
        position: absolute;
        width: calc(100% - 6.25% - var(--slide-width));
        z-index: 1;
    }

    &[b-coeykv2e0v]::after {
        background: linear-gradient(to right, transparent, var(--bg-900-ff));
        inset: 0 0 0 auto;
    }

    &[b-coeykv2e0v]::before {
        background: linear-gradient(to left, transparent, var(--bg-900-ff));
        inset: 0 auto 0 0;
    }

    .slider-error-state[b-coeykv2e0v] {
        align-items: center;
        background: linear-gradient(135deg, var(--bg-900-80) 50%, var(--bg-900-ff)), var(--stripe) repeat center / 24px 24px;
        border-radius: var(--sp-300);
        display: flex;
        flex-direction: column;
        height: 540px;
        justify-content: center;
        max-width: 100%;
        position: relative;
        text-align: center;
        width: var(--slide-width);
        z-index: 1;

        .fillet {
            align-items: center;
            display: flex;
            flex-direction: column;
            gap: 16px;
            inset: 6px;
            justify-content: center;
            position: absolute;
            z-index: 2;

            .icon {
                color: var(--ac-500);
                font-size: 64px;
            }

            .error-title[b-coeykv2e0v] {
                color: var(--fg-100-ff);
                font-size: var(--fz-500);
                font-weight: 500;
                margin: 0;
            }

            .error-desc[b-coeykv2e0v] {
                color: var(--fg-100-80);
                font-weight: 300;
                margin: 0;
                max-width: 480px;
                padding-inline: 24px;
            }
        }
    }
}

@media (width <= 1280px) {
    .article-slider[b-coeykv2e0v] {
        --slide-width: min(100vw, 768px);
    }
}

@media (width <= 960px) {
    .article-slider[b-coeykv2e0v] {
        --slide-width: min(100vw, 512px);
    }
}

@media (width <= 640px) {
    .article-slider[b-coeykv2e0v] {
        /* --slide-width: calc(100vw - var(--sp-400) * 2); */
        --slide-width: min(100vw, 320px);

        .view {
            height: 480px;
        }

        .controls[b-coeykv2e0v] {
            padding-inline: 16px;

            .head {
                gap: var(--sp-200);

                .headline {
                    font-size: var(--fz-300);
                }

                .icon[b-coeykv2e0v] {
                    position: absolute;

                    &:first-child {
                        inset: -96px auto auto 32px;
                    }

                    &:last-child[b-coeykv2e0v] {
                        inset: -96px 32px auto auto;
                    }
                }
            }

            .body[b-coeykv2e0v] {
                .summary {
                    display: none !important;
                }
            }
        }
    }
}

@media (width <= 400px) {
    .article-slider[b-coeykv2e0v] {
        --slide-width: calc(100vw - 48px);
    }
}
/* /Components/Controls/Atomic/Accordion.razor.rz.scp.css */
.accordion[b-ephsgjnkx7]
{
    background     : var(--bg-900-10);
    border         : thin solid var(--bg-900-20);
    border-radius  : calc(var(--sp-400) + var(--sp-200));
    display        : flex;
    flex-direction : column;
    line-height    : inherit;
    padding        : var(--sp-300);
    width          : 100%;

    .heading
    {
        align-items  : center;
        display      : flex;
        font-weight  : bold;
        gap          : var(--sp-400);
        padding-left : var(--sp-300);

        .text
        {
            flex          : 1;
            overflow      : hidden;
            text-overflow : ellipsis;
            white-space   : nowrap;
        }

        .icon[b-ephsgjnkx7]
        {
            align-self          : start;
            background          : var(--bg-100-a0);
            border-radius       : var(--sp-400);
            padding             : var(--sp-200);
            transition-duration : var(--td-100);

            &::after
            {
                content             : "expand_content";
                transition-duration : inherit;
            }

            &[b-ephsgjnkx7]::marker, &[b-ephsgjnkx7]::-webkit-details-marker
            {
                display : none;
            }
        }

        &:hover[b-ephsgjnkx7]
        {
            cursor : pointer;

            .icon
            {
                background : var(--bg-900-ff);

                &::after
                {
                    color : var(--fg-100-ff);
                }
            }
        }
    }

    .content[b-ephsgjnkx7]
    {
        display        : flex;
        flex-direction : column;
        gap            : var(--sp-300);
        padding        : var(--sp-300);
    }

    &[open][b-ephsgjnkx7]
    {
        .heading
        {
            .text
            {
                text-wrap : initial;
            }

            .icon[b-ephsgjnkx7]
            {
                background : var(--bg-900-ff);
                color      : var(--fg-100-ff);

                &::after
                {
                    content : "collapse_content";
                }
            }

            &:hover[b-ephsgjnkx7]
            {
                .icon
                {
                    background : var(--bg-900-c0);
                }
            }
        }

        .content[b-ephsgjnkx7]
        {
            display : flex;
            gap     : var(--sp-300);
            padding : var(--sp-300);
        }
    }

    &[dir="rtl"][b-ephsgjnkx7]
    {
        .heading
        {
            padding-left  : initial;
            padding-right : var(--sp-300);
        }
    }
}
/* /Components/Controls/Atomic/Intent.razor.rz.scp.css */
.intent[b-lxiw37n90l]
{
    display         : flex;
    flex-direction  : column;
    gap             : var(--sp-300);
    padding-bottom  : var(--sp-400);
    position        : relative;
    text-align      : justify;
    text-align-last : center;

    &::after, &::before
    {
        content  : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjgyNDIgMjAuMTYwMUMxNS42MDgyIDE5LjQ1NjEgMTQuNjk2MiAxOC42NzIxIDE0LjA4ODIgMTcuODA4MUMxMy40ODAyIDE2Ljk0NDEgMTMuMTc2MiAxNS44ODgxIDEzLjE3NjIgMTQuNjQwMUMxMy4xNzYyIDEzLjY0ODEgMTMuNDAwMiAxMi41NDQxIDEzLjg0ODIgMTEuMzI4MUMxNC4zMjgyIDEwLjA4MDEgMTQuOTg0MiA4LjgwMDA5IDE1LjgxNjIgNy40ODgwOUMxNi42NDgyIDYuMTc2MDkgMTcuNjA4MiA0Ljk2MDA5IDE4LjY5NjIgMy44NDAwOUwxOS44MDAyIDQuNTEyMDhDMTkuMDY0MiA1LjcyODA4IDE4LjUyMDIgNi42MjQwOCAxOC4xNjgyIDcuMjAwMDhDMTcuODE2MiA3Ljc3NjA4IDE3LjU5MjIgOC4yMjQwOCAxNy40OTYyIDguNTQ0MDhDMTcuNDAwMiA4Ljg2NDA5IDE3LjM1MjIgOS4yNDgwOSAxNy4zNTIyIDkuNjk2MDlDMTcuMzUyMiAxMC4xMTIxIDE3LjQxNjIgMTAuNDgwMSAxNy41NDQyIDEwLjgwMDFDMTcuNzA0MiAxMS4wODgxIDE4LjA0MDIgMTEuNDU2MSAxOC41NTIyIDExLjkwNDFDMTguOTA0MiAxMi4xOTIxIDE5LjI0MDIgMTIuNDgwMSAxOS41NjAyIDEyLjc2ODFDMTkuODgwMiAxMy4wNTYxIDIwLjIwMDIgMTMuMzQ0MSAyMC41MjAyIDEzLjYzMjFDMjAuODcyMiAxMy45MjAxIDIxLjA5NjIgMTQuMjA4MSAyMS4xOTIyIDE0LjQ5NjFDMjEuMzIwMiAxNC43ODQxIDIxLjM4NDIgMTUuMDcyMSAyMS4zODQyIDE1LjM2MDFDMjEuMzg0MiAxNS43NzYxIDIxLjE2MDIgMTYuMjg4MSAyMC43MTIyIDE2Ljg5NjFDMjAuMjk2MiAxNy41MDQxIDE5Ljc2ODIgMTguMDk2MSAxOS4xMjgyIDE4LjY3MjFDMTguNTIwMiAxOS4yNDgxIDE3LjkxMjIgMTkuNzQ0MSAxNy4zMDQyIDIwLjE2MDFIMTYuODI0MlpNNi4yNjQyMSAyMC4xNjAxQzUuMDQ4MjEgMTkuNDU2MSA0LjEzNjIxIDE4LjY3MjEgMy41MjgyMSAxNy44MDgxQzIuOTIwMjEgMTYuOTQ0MSAyLjYxNjIxIDE1Ljg4ODEgMi42MTYyMSAxNC42NDAxQzIuNjE2MjEgMTMuNjQ4MSAyLjg0MDIxIDEyLjU0NDEgMy4yODgyMSAxMS4zMjgxQzMuNzY4MjEgMTAuMDgwMSA0LjQyNDIxIDguODAwMDkgNS4yNTYyMSA3LjQ4ODA5QzYuMDg4MjEgNi4xNzYwOSA3LjA0ODIxIDQuOTYwMDkgOC4xMzYyMSAzLjg0MDA5TDkuMjQwMjEgNC41MTIwOEM4LjUwNDIxIDUuNzI4MDggNy45NjAyMSA2LjYyNDA4IDcuNjA4MjEgNy4yMDAwOEM3LjI1NjIxIDcuNzc2MDggNy4wMzIyMSA4LjIyNDA4IDYuOTM2MjEgOC41NDQwOEM2Ljg0MDIxIDguODY0MDkgNi43OTIyMSA5LjI0ODA5IDYuNzkyMjEgOS42OTYwOUM2Ljc5MjIxIDEwLjExMjEgNi44NTYyMSAxMC40ODAxIDYuOTg0MjEgMTAuODAwMUM3LjE0NDIxIDExLjA4ODEgNy40ODAyMSAxMS40NTYxIDcuOTkyMjEgMTEuOTA0MUM4LjM0NDIxIDEyLjE5MjEgOC42ODAyMSAxMi40ODAxIDkuMDAwMjEgMTIuNzY4MUM5LjMyMDIxIDEzLjA1NjEgOS42NDAyMSAxMy4zNDQxIDkuOTYwMjEgMTMuNjMyMUMxMC4zMTIyIDEzLjkyMDEgMTAuNTM2MiAxNC4yMDgxIDEwLjYzMjIgMTQuNDk2MUMxMC43NjAyIDE0Ljc4NDEgMTAuODI0MiAxNS4wNzIxIDEwLjgyNDIgMTUuMzYwMUMxMC44MjQyIDE1Ljc3NjEgMTAuNjAwMiAxNi4yODgxIDEwLjE1MjIgMTYuODk2MUM5LjczNjIxIDE3LjUwNDEgOS4yMDgyMSAxOC4wOTYxIDguNTY4MjEgMTguNjcyMUM3Ljk2MDIxIDE5LjI0ODEgNy4zNTIyMSAxOS43NDQxIDYuNzQ0MjEgMjAuMTYwMUg2LjI2NDIxWiIgZmlsbD0iIzlBN0M1RSIvPgo8L3N2Zz4K);
        position : absolute;
    }

    &[b-lxiw37n90l]::after
    {
        inset : 0 auto auto 0;
    }

    &[b-lxiw37n90l]::before
    {
        inset : auto 0 0 auto;
        scale : -1;
    }
}
/* /Components/Controls/Atomic/LocaleSwitcher.razor.rz.scp.css */
.locale-switcher[b-mipxez3lfn] {
    
}
/* /Components/Controls/Atomic/SearchField.razor.rz.scp.css */
.search-field[b-fcjlg98euz]
{
    display        : flex;
    flex           : 1;
    flex-direction : column;
    min-width      : 256px;
    overflow       : hidden;

    .search-inputs
    {
        align-items    : center;
        background     : var(--bg-900-10);
        border-radius  : var(--sp-400);
        display        : flex;
        gap            : var(--sp-300);
        line-height    : 1;
        outline        : thin solid var(--bg-900-20);
        outline-offset : -1px;
        padding        : var(--sp-200) var(--sp-200) var(--sp-200) var(--sp-400);

        .search-input
        {
            appearance     : none;
            background     : initial;
            border         : initial;
            box-sizing     : border-box;
            flex           : 1;
            /* field-sizing: content; */
            outline        : initial;
            padding-inline : var(--sp-300) 0;
            text-overflow  : ellipsis;
            width          : 100%;
        }

        .search-button[b-fcjlg98euz]
        {
            background          : var(--bg-900-20);
            border              : initial;
            border-radius       : var(--sp-400);
            cursor              : pointer;
            font-family         : "Material Symbols Rounded";
            font-size           : var(--fz-400);
            padding             : var(--sp-200) var(--sp-400);
            transition-duration : var(--td-100);

            &:hover
            {
                background : var(--bg-900-ff);
                color      : var(--fg-100-ff);
            }
        }

        [b-fcjlg98euz] &:hover
        {
            outline : thin solid var(--bg-900-40) !important;
        }

        [b-fcjlg98euz] &:focus-within
        {
            outline : thin solid var(--bg-900-80) !important;
        }
    }

    .search-content[b-fcjlg98euz]
    {
    }

    &[dir="rtl"][b-fcjlg98euz]
    {
        .search-inputs
        {
            padding : var(--sp-200) var(--sp-400) var(--sp-200) var(--sp-200);

            .search-input
            {
                appearance     : none;
                background     : initial;
                border         : initial;
                box-sizing     : border-box;
                flex           : 1;
                /* field-sizing: content; */
                outline        : initial;
                padding-inline : 0 var(--sp-300);
            }
        }
    }
}
/* /Components/Controls/Atomic/SectionHeader.razor.rz.scp.css */
.section-header[b-gatzl9lfw4] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-300);
    margin-inline: auto;
    max-width: var(--pw-300);
    padding-block: var(--sp-500);
    text-align: center;

    .tagline {
        color: var(--ac-500);
        font-size: var(--fz-100);
    }

    &.level-1[b-gatzl9lfw4], &.level-2[b-gatzl9lfw4], &.level-3[b-gatzl9lfw4] {
        padding-block: initial !important;
    }

    .heading[b-gatzl9lfw4] {
        /* font-family   : "Noto Naskh Arabic"; */
        font-size: var(--fz-600);
        font-weight: bold;
        line-height: 1.25;
        margin-inline: inherit;
        max-width: 720px;
        text-wrap: balance;
        word-break: break-word;

        .level-1 & {
            font-size: var(--fz-500);
        }

        .level-2 &[b-gatzl9lfw4] {
            font-size: var(--fz-400);
        }

        .level-3 &[b-gatzl9lfw4] {
            font-size: var(--fz-300);
        }
    }

    .description[b-gatzl9lfw4] {
        text-wrap: balance;
    }
}
/* /Components/Controls/Atomic/SocialNetworkWidget.razor.rz.scp.css */
.social-network-widget[b-gdc7qep23q]
{
    align-items   : center;
    background    : var(--fg-100-ff);
    border        : thin solid var(--bg-900-20);
    border-radius : var(--sp-500);
    color         : var(--bg-900-ff);
    display       : flex;
    gap           : 16px;
    height        : fit-content;
    padding       : var(--sp-200) var(--sp-200) var(--sp-200) var(--sp-400);

    .label
    {
        flex-grow   : 1;
        font-weight : 500;
        white-space : nowrap;
    }

    .platforms[b-gdc7qep23q]
    {
        background    : var(--bg-900-ff);
        border-radius : var(--sp-500);
        display       : flex;
        padding       : 4px;

        .platform
        {
            border-radius : var(--sp-200);
            overflow      : hidden;
            padding       : 1.25rem;
            position      : relative;

            &::after, &::before
            {
                content             : "";
                inset               : 0;
                position            : absolute;
                transition-duration : var(--td-100);
            }

            &[b-gdc7qep23q]::after
            {
                /* mix-blend-mode : screen; */
            }

            &:hover[b-gdc7qep23q]
            {
                &::before
                {
                    background : var(--fg-100-20);
                }
            }

            &:nth-child(1)[b-gdc7qep23q]
            {
                border-radius : var(--sp-400) var(--sp-200) var(--sp-200) var(--sp-400);
                padding-left  : 1.5rem;

                &::after
                {
                    background : var(--platform-icon) no-repeat 8px center;
                }
            }

            &:nth-child(2)[b-gdc7qep23q]
            {
                &::after
                {
                    background : var(--platform-icon) center no-repeat;
                }
            }

            &:nth-child(3)[b-gdc7qep23q]
            {
                &::after
                {
                    background : var(--platform-icon) center no-repeat;
                }
            }

            &:nth-child(4)[b-gdc7qep23q]
            {
                &::after
                {
                    background : var(--platform-icon) center no-repeat;
                }
            }

            &:nth-child(5)[b-gdc7qep23q]
            {
                border-radius : var(--sp-200) var(--sp-400) var(--sp-400) var(--sp-200);
                padding-right : 1.5rem;

                &::after
                {
                    background : var(--platform-icon) 4px center no-repeat;
                }
            }
        }
    }

    &[dir="rtl"][b-gdc7qep23q]
    {
        padding : var(--sp-200) var(--sp-400) var(--sp-200) var(--sp-200);
    }
}
/* /Components/Controls/Atomic/SpotlightSection.razor.rz.scp.css */
section#spotlight[b-gnq7f38xav] {
    border-radius: var(--sp-400);
    display: grid;
    margin-bottom: initial;
    max-width: initial;
    min-height: 540px;
    overflow: hidden;
    padding: var(--sp-500);
    position: relative;
    z-index: 1;

    .content {
        align-items: center;
        display: flex;
        flex-direction: column;
        height: stretch;
        height: -webkit-fill-available;
        justify-content: center;
        overflow: hidden;

        .cta-buttons {
            display: grid;
            gap: var(--sp-300);
            grid-template-columns: repeat(auto-fit, minmax(259px, 1fr));
            inline-size: stretch;
            inline-size: -webkit-fill-available;
            justify-items: center;
            max-inline-size: var(--pw-200);
            z-index: 1;

            .button {
                backdrop-filter: blur(12px) !important;
                border: initial !important;
                padding-block: 18px;

                &.primary {
                    background: var(--bg-900-ff);
                    border-radius: 12px;
                    box-shadow: inset 0 -1.5px 3px #161d1c, inset 0 0 1.5px 2px #fff6;

                    &:hover {
                        background: var(--bg-900-c0);
                    }
                }

                [b-gnq7f38xav] &.secondary {
                    background: rgba(248, 248, 248, 0.25);
                    box-shadow: inset 0 -1.5px 1px #0006, inset 0 0 1.5px 1px #fffa;

                    &:hover {
                        background: var(--fg-100-10);
                        /* background : var(--bg-900-10); */
                        color: var(--bg-900-ff);
                    }
                }
            }
        }

        &[b-gnq7f38xav]::after, &[b-gnq7f38xav]::before {
            content: "";
            inset: 0;
            position: absolute;
        }

        &[b-gnq7f38xav]::after {
            background: url(https://cdn.wardatalrafidain.com/media/extras/film-grain.png);
            background-size: 160px 160px;
            border-radius: 12px;
            filter: contrast(1.5);
            inset: 12px;
            mix-blend-mode: soft-light;
        }

        &[b-gnq7f38xav]::before {
            background: white;
            block-size: var(--sp-400);
            border-radius: var(--sp-400) var(--sp-400) 0 0;
            box-shadow: inset 0 3px 6px white;
            display: none;
            top: auto;
        }
    }

    &.outlined[b-gnq7f38xav] {
        background-color: var(--bg-100-ff);
        background-position: center 37.5%;
        background-size: auto;
        --background-image: url(https://cdn.wardatalrafidain.com/media/extras/calligraffiti-00.svg);
    }
}

@media (width <= 640px) {
    section#spotlight[b-gnq7f38xav] {
        border-radius: var(--sp-400) var(--sp-400) 0 0;
        margin: 0 -24px 0 -24px !important;

        .content {
            &::before {
                display: initial !important;
            }
        }
    }
}

@media (width <= 400px) {
    section#spotlight[b-gnq7f38xav] {
        padding: var(--sp-500) var(--sp-400);
    }
}
/* /Components/Controls/ContactForm.razor.rz.scp.css */
[b-s29u51gkyy] * {
    box-sizing: border-box;
}

.contact-form[b-s29u51gkyy] {
    background: #161d1c;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 0 auto;
    min-height: 796px;
    outline: thin solid var(--bg-900-20);
    overflow: hidden;
    padding: 48px;
    position: relative;
    width: stretch;
    width: -webkit-fill-available;
    z-index: 1;

    &::before {
        background: linear-gradient(var(--bg-900-ff), transparent);
        content: "";
        inset: 0;
        position: absolute;
        z-index: -1;
    }
}

.contact-form.has-background[b-s29u51gkyy] {
    background: url(/media/whatsapp-background.png);
    background-blend-mode: overlay;
    background-color: var(--bg-900-ff);
    background-size: 432px 785px;
}

.head[b-s29u51gkyy] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    padding: 0;
    text-align: center;
    width: 100%;
}

.head .header[b-s29u51gkyy] {
    color: #f8f8f8;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    margin: 0;
}

.head .description[b-s29u51gkyy] {
    color: #f8f8f8;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 200%;
    margin: 0;
    max-width: 687px;
}

.body[b-s29u51gkyy] {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
}

.contact-type[b-s29u51gkyy] {
    align-items: flex-start;
    backdrop-filter: blur(6px);
    background: rgba(208, 216, 214, 0.125);
    border-radius: 48px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    padding: 0;
    width: 100%;
}

.type-option[b-s29u51gkyy] {
    align-items: center;
    background: transparent;
    border: none;
    border-radius: 48px;
    cursor: pointer;
    display: flex;
    flex: 1;
    flex-direction: row;
    gap: 12px;
    justify-content: space-between;
    padding: 6px 6px 6px 24px;
    transition: background var(--td-100);
}

.type-option.active[b-s29u51gkyy] {
    background: #d0d8d6;
}

.type-option .text[b-s29u51gkyy] {
    color: #f8f8f8;
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
    margin: 0 auto;
}

.type-option.active .text[b-s29u51gkyy] {
    color: #161d1c;
}

.type-option .icon-container[b-s29u51gkyy] {
    align-items: center;
    background: rgba(208, 216, 214, 0.125);
    border-radius: 24px;
    display: flex;
    height: 36px;
    justify-content: center;
    width: 36px;
}

.type-option.active .icon-container[b-s29u51gkyy] {
    background: #2d3433;
}

.type-option .icon[b-s29u51gkyy] {
    color: #f8f8f8;
    font-size: 24px;
}

/* Forms Grid Layout */
[b-s29u51gkyy] .inputs {
    display: grid;
    flex: 1;
    gap: 6px;
    width: 100%;

    >div>.container {
        align-items: center;
        display: flex;
        flex: 1;
        flex-direction: column;
        gap: 24px;
        justify-content: center;
        max-width: 720px;
        width: 100%;
    }
}

[b-s29u51gkyy] .email-inputs {
    grid-template-columns: repeat(2, 1fr);
}

[b-s29u51gkyy] .chat-options-grid {
    display: grid;
    flex: initial;
    gap: 6px;
    grid-template-columns: repeat(3, 1fr);
}

[b-s29u51gkyy] .call-options-grid {
    display: grid;
    flex: initial;
    gap: 6px;
    grid-template-columns: repeat(2, 1fr);
}

.input-group[b-s29u51gkyy] {
    align-items: flex-start;
    backdrop-filter: blur(12px);
    background: rgba(208, 216, 214, 0.0625);
    border: 1px solid rgba(208, 216, 214, 0.125);
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 16px 24px;
    position: relative;
    transition: border-color var(--td-100), background var(--td-100);
}

.input-group:focus-within[b-s29u51gkyy] {
    background: rgba(208, 216, 214, 0.125);
    border-color: rgba(208, 216, 214, 0.25);
}

[b-s29u51gkyy] .input-group:has(> .invalid) {
    border-color: #ff6080;
}

[b-s29u51gkyy] .input-group:has(> .invalid):focus-within {
    background: #ff608020;
    border-color: #ff6080;
}

[b-s29u51gkyy] .input-group:has(> .valid.modified) {
    background: #80d9c320;
    border-color: #80d9c3;
}

.input-group label[b-s29u51gkyy] {
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    font-weight: 300;
    line-height: 100%;
    transition: color var(--td-100);
    width: 100%;
}

.input-group:focus-within label[b-s29u51gkyy] {
    color: #f8f8f8;
}

[b-s29u51gkyy] .input-group:has(> .invalid) label {
    color: #ff6080;
}

[b-s29u51gkyy] .input-group input,
[b-s29u51gkyy] .input-group select,
[b-s29u51gkyy] .input-group textarea {
    background: transparent;
    border: none;
    color: #d0d8d6;
    font-family: inherit;
    font-size: 16px;
    font-weight: 300;
    height: 24px;
    outline: none;
    padding: 0;
    width: 100%;
}

[b-s29u51gkyy] .input-group input::placeholder,
[b-s29u51gkyy] .input-group textarea::placeholder {
    color: #d0d8d6;
    opacity: 1;
}

[b-s29u51gkyy] .input-group select {
    appearance: none;
    cursor: pointer;
}

[b-s29u51gkyy] .input-group select option {
    background: #161d1c;
    color: #f8f8f8;
}

.dropdown-icon[b-s29u51gkyy] {
    color: #d0d8d6;
    font-size: 24px;
    inset: auto 24px 16px auto;
    pointer-events: none;
    position: absolute;
    transition: color var(--td-100);
}

.input-group:focus-within .dropdown-icon[b-s29u51gkyy] {
    color: #f8f8f8;
}

.full-legal-name[b-s29u51gkyy] {
    border-radius: 12px 0 0 0;
}

.intake-branch[b-s29u51gkyy] {
    border-radius: 0 12px 0 0;
}

.preferred-language[b-s29u51gkyy],
.call-preferred-language[b-s29u51gkyy] {
    border-radius: 12px 0 0 12px;
}

.chat-option[b-s29u51gkyy],
.call-service-location[b-s29u51gkyy] {
    border-radius: 0 12px 12px 0;
}

.detailed-message[b-s29u51gkyy] {
    border-radius: 0 0 12px 12px;
    grid-column: span 2;
    min-height: 156px;
    padding-bottom: 24px;

    textarea {
        color-scheme: dark;
        flex: 1;
        scrollbar-width: thin;
    }
}

[b-s29u51gkyy] .detailed-message textarea {
    height: 64px;
    line-height: 200%;
    resize: none;
}

.char-count[b-s29u51gkyy] {
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    inset: 16px 24px auto auto;
    position: absolute;
    transition: color var(--td-100);
}

.input-group:focus-within .char-count[b-s29u51gkyy] {
    color: #f8f8f8;
}

.submission[b-s29u51gkyy] {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 24px;
    grid-column: span 2;
    justify-content: space-between;
    margin-top: 18px;
    width: 100%;
}

.submission.centered[b-s29u51gkyy] {
    justify-content: center;
}

.subscribe-to-updates[b-s29u51gkyy] {
    align-items: start;
    display: flex;
    flex: 1;
    flex-direction: row;
    gap: 12px;
}

.checkbox-container[b-s29u51gkyy] {
    align-items: center;
    background: rgba(208, 216, 214, 0.0625);
    border: 1px solid rgba(208, 216, 214, 0.125);
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 3px;
    position: relative;
    transition: background var(--td-100), border-color var(--td-100);
}

.checkbox-container:has(> input:focus-visible)[b-s29u51gkyy] {
    background: rgba(208, 216, 214, 0.125);
    border-color: rgba(208, 216, 214, 0.25);
}

[b-s29u51gkyy] .checkbox-container input {
    cursor: pointer;
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0;
}

.checkmark[b-s29u51gkyy] {
    color: #f8f8f8;
    font-size: 24px;
    opacity: 0;
    transition: opacity var(--td-100);
}

[b-s29u51gkyy] .checkbox-container input:checked~.checkmark {
    opacity: 1;
}

.subscribe-to-updates .label[b-s29u51gkyy] {
    color: #ffffff;
    font-size: 16px;
    line-height: 200%;
}

.submit-button[b-s29u51gkyy] {
    align-items: center;
    backdrop-filter: blur(12px);
    background: rgba(208, 216, 214, 0.125);
    /* width: 456px; */
    border: none;
    border-radius: 24px;
    /* box-shadow: 0 4px 24px #0008, inset 0 0 0 1.5px #fff1, inset 0 1.5px 0 0 #fff8; */
    box-shadow: 0 4px 24px #0008, inset 0 1px 1px 0 rgba(255 255 255 / 0.45), inset 0 0 1px 1.5px rgba(255 255 255 / 0.05);
    cursor: pointer;
    display: flex;
    flex: 1;
    min-height: 48px;
    justify-content: center;
    transition: background var(--td-100);
}

.submit-button:hover[b-s29u51gkyy] {
    background: rgba(208, 216, 214, 0.2);
}

.submit-button:disabled[b-s29u51gkyy] {
    cursor: not-allowed;
    opacity: 0.5;
}

.submit-button:disabled:hover[b-s29u51gkyy] {
    background: rgba(208, 216, 214, 0.125);
}

.submit-button .text[b-s29u51gkyy] {
    color: #f8f8f8;
    font-size: 18px;
}

.chat-setup[b-s29u51gkyy] {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.chat-instruction[b-s29u51gkyy] {
    color: #f8f8f8;
    font-size: 16px;
    margin: 0;
    text-align: center;
}

.chat-info-text[b-s29u51gkyy] {
    color: rgba(248, 248, 248, 0.8);
    font-size: 16px;
    text-align: center;
}

/* Active State Styles */
.chat-active[b-s29u51gkyy],
.call-active[b-s29u51gkyy] {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.whatsapp-icon-container[b-s29u51gkyy],
.phone-icon-container[b-s29u51gkyy] {
    align-items: center;
    background: rgba(208, 216, 214, 0.1);
    background: url(/media/whatsapp.svg);
    display: flex;
    height: 128px;
    justify-content: center;
    margin-bottom: 48px;
    position: relative;
    width: 128px;
}

.phone-icon-container[b-s29u51gkyy] {
    background: url(/media/phone.svg);
}

.whatsapp-icon-container[b-s29u51gkyy]::before,
.phone-icon-container[b-s29u51gkyy]::before {
    background: var(--bg-100-10);
    border-radius: 128px;
    content: "";
    inset: -24px;
    /* mix-blend-mode: soft-light; */
    outline: 48px solid var(--bg-100-10);
    outline-offset: -24px;
    position: absolute;
}

.whatsapp-icon-container img[b-s29u51gkyy],
.phone-icon-container img[b-s29u51gkyy] {
    height: 128px;
    width: 128px;
    z-index: 1;
}

.selected-options-text[b-s29u51gkyy] {
    color: #f8f8f8;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
}

/* Validation Messages */
[b-s29u51gkyy] .validation-message {
    display: none;
}

/* Responsive */
@media (max-width: 960px) {
    .contact-form[b-s29u51gkyy] {
        margin-inline: -24px;
        /* padding: 48px 24px; */
        /* border-radius: 0; */

        .body {
            padding: initial;

            .contact-type {
                .type-option:not(.active) {
                    flex: initial;
                    padding: 6px;

                    .text {
                        display: none;
                    }
                }
            }
        }
    }

    [b-s29u51gkyy] .email-inputs,
    [b-s29u51gkyy] .chat-options-grid,
    [b-s29u51gkyy] .call-options-grid {
        grid-template-columns: 1fr;
    }

    .chat-options-grid>div[b-s29u51gkyy],
    .call-options-grid>div[b-s29u51gkyy] {
        &:last-child {
            border-radius: 0 0 12px 12px;
        }
    }

    .detailed-message[b-s29u51gkyy],
    .submission[b-s29u51gkyy] {
        grid-column: span 1;
    }

    .full-legal-name[b-s29u51gkyy],
    .preferred-language[b-s29u51gkyy],
    .call-preferred-language[b-s29u51gkyy] {
        border-radius: 12px 12px 0 0 !important;
    }

    .intake-branch[b-s29u51gkyy],
    .chat-option[b-s29u51gkyy],
    .call-service-location[b-s29u51gkyy] {
        border-radius: 0;
    }

    .submission[b-s29u51gkyy] {
        align-items: flex-start;
        flex-direction: column;
        gap: 24px;
    }

    .submit-button[b-s29u51gkyy] {
        width: 100%;
    }
}

@media (width <=640px) {
    .contact-form[b-s29u51gkyy] {
        border-radius: 0;
        margin-inline: -48px;
        padding: 48px 24px;
    }
}

[dir="rtl"][b-s29u51gkyy] {
    .type-option {
        padding: 6px 24px 6px 6px;
    }

    .dropdown-icon[b-s29u51gkyy] {
        inset: auto auto 16px 24px;
    }

    .char-count[b-s29u51gkyy] {
        inset: 16px auto auto 24px;
    }

    @media (min-width: 961px) {
        .call-options-grid[b-s29u51gkyy],
        .chat-options-grid[b-s29u51gkyy] {
            .input-group {
                border-radius: 0 !important;

                &:first-child {
                    border-radius: 0 12px 12px 0 !important;
                }

                &:last-child[b-s29u51gkyy] {
                    border-radius: 12px 0 0 12px !important;
                }
            }
        }

        .full-legal-name[b-s29u51gkyy] {
            border-radius: 0 12px 0 0;
        }

        .intake-branch[b-s29u51gkyy] {
            border-radius: 12px 0 0 0;
        }
    }
}
/* /Components/Controls/FeatureCard.razor.rz.scp.css */
.feature-card[b-bsalj1at6j] {
    align-items: stretch;
    background: white;
    border: thin solid var(--bg-900-20);
    border-radius: 12px;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 12px;
    min-width: 256px;
    overflow: hidden;
    padding: 12px;
    position: relative;
    z-index: 1;

    .head {
        backdrop-filter: blur(12px);
        background-color: var(--fg-100-ff);
        border-radius: 6px;
        box-shadow: inset 0 0 24px 0 var(--bg-100-40), inset 0 0 0 1.5px var(--fg-100-10), inset 0 1.5px 2px 0 var(--fg-100-80);
        display: grid;
        outline: thin solid var(--bg-900-20);
        padding: 24px 12px;
        place-items: center;
        transition-duration: var(--td-100);

        .icon {
            font-size: 40px;
        }
    }

    .body[b-bsalj1at6j] {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        gap: 12px;
        padding: 0 12px;
        text-align: center;

        .label {
            font-weight: bold;
        }

        /* .description { */
        /*     -webkit-box-orient: vertical; */
        /*     display: -webkit-box; */
        /*     flex-grow: 1; */
        /*     -webkit-line-clamp: 3; */
        /*     overflow: hidden; */
        /* } */

        .cta-button[b-bsalj1at6j] {
            font-weight: 600;
            line-height: 2;
        }
    }

    &[b-bsalj1at6j]::before {
        background: url(https://cdn.wardatalrafidain.com/media/extras/calligraffiti-01-blurred.svg) center / cover;
        content: "";
        filter: contrast(.875);
        inset: 0;
        position: absolute;
        z-index: -1;
    }
}

.feature-card.dark[b-bsalj1at6j] {
    background: var(--bg-900-ff);
    color: var(--bg-100-ff);

    .head {
        background-color: var(--bg-100-20);
    }

    .body[b-bsalj1at6j] {
        .description {
            color: var(--bg-100-c0);
            font-size: 15px;
            font-weight: 350;
        }

        .cta-button[b-bsalj1at6j] {
            font-weight: 600;
            line-height: 2;
            transition-duration: var(--td-100);
        }
    }

    &[b-bsalj1at6j]::before {
        background-position: left;
        content: "";
        filter: contrast(.625);
        inset: 0;
        mix-blend-mode: soft-light;
        position: absolute;
        z-index: -1;
    }
}
/* /Components/Controls/GlobalMenu.razor.rz.scp.css */
.global-menu[b-7rn1u1mmm1] {
    backdrop-filter: blur(32px);
    background: #161d1ce0;
    color: var(--fg-100-ff);
    display: grid;
    height: 100dvh;
    inset: 0;
    /* min-width: 360px; */
    overflow: hidden;
    padding: 0 var(--sp-500);
    position: fixed;
    transition-duration: var(--td-100);
    z-index: 999;

    .content {
        align-items: center;
        /* backdrop-filter : url(#fgb-32p); */
        /* background      : #f8f8f8bf; */
        display: flex;
        /* box-shadow      : 0 48px 96px #0008, inset 0 -1px 2px #0004, inset 0 1px 2px rgba(255, 255, 255, 0.75); */
        flex-direction: column;
        gap: var(--sp-400);
        justify-content: center;
        mask-image: linear-gradient(transparent 48px, black 96px, black calc(100% - 96px), transparent calc(100% - 48px));
        padding: var(--sp-500) 0;
        position: relative;

        .header, .menu-section {
            max-width: var(--pw-300);
            width: stretch;
            width: -webkit-fill-available;
        }

        .header[b-7rn1u1mmm1] {
            display: flex;
            flex-direction: column;
            gap: 16px;

            .heading {
                font-weight: bold;
                text-align: center;
            }

            hr[b-7rn1u1mmm1] {
                border: initial;
                border-radius: var(--sp-100);
                /* box-shadow    : inset 0 1px 0 #0004, inset 0 -1px 0 #ffff; */
                box-shadow: inset 0 1px 1px #0006, inset 0 -1px 1px #fff4;
                margin: initial;
                padding: 2px;
            }
        }

        /* background: ; */

        .menu-section[b-7rn1u1mmm1] {
            display: flex;
            flex-direction: column;
            gap: 16px;

            .header {
            }

            .menu-items[b-7rn1u1mmm1] {
                display: flex;
                flex-wrap: wrap;
                gap: var(--sp-300);
                /* grid-template : auto / 1fr 1fr; */

                .column-1, .column-2 {
                    display: grid;
                    flex-grow: 1;
                    gap: var(--sp-300);
                    grid-template: auto / 1fr 1fr;
                }

                .column-1[b-7rn1u1mmm1] {
                    .menu-item {
                        min-width: 160px;
                    }
                }

                .menu-item[b-7rn1u1mmm1] {
                    align-items: start;
                    backdrop-filter: blur(6px);
                    background: var(--bg-100-10);
                    border-radius: var(--sp-200);
                    /* box-shadow          : inset 0 -1px 1px #0006, inset 0 1px 1px #fffa; */
                    box-shadow: inset 0 0 24px 0 var(--bg-100-20), inset 0px -1px 1px #0004, inset 0px 1px 1px #fff4;
                    z-index: 1;
                    display: flex;
                    flex-direction: column;
                    gap: var(--sp-300);
                    padding: var(--sp-300);
                    transition-duration: var(--td-100);

                    .icon {
                        font-size: 24px;
                    }

                    p[b-7rn1u1mmm1] {
                        font-size: 15px;
                        line-height: 18px;
                    }

                    .column-2 &:nth-child(1)[b-7rn1u1mmm1] {
                        gap: var(--sp-300);
                        grid-area: 1 / 1 / 3 / 3;

                        .item-group {
                            width: stretch;
                            width: -webkit-fill-available;
                        }
                    }

                    .item-group[b-7rn1u1mmm1] {
                        display: flex;
                        flex-wrap: wrap;
                        gap: var(--sp-300);
                        margin-top: var(--sp-300);

                        .sub-item {
                            align-items: start;
                            background: var(--fg-100-10);
                            border-radius: var(--sp-200);
                            cursor: pointer;
                            display: flex;
                            flex: 1;
                            flex-direction: column;
                            gap: var(--sp-300);
                            padding: var(--sp-200) var(--sp-300);
                            transition-duration: var(--td-100);

                            &:hover {
                                background: var(--bg-100-ff);
                                color: var(--bg-900-ff);
                            }
                        }
                    }

                    &:hover:not(.column-2 &:nth-child(1))[b-7rn1u1mmm1] {
                        background: var(--bg-900-20);
                        /* background : #b6b7b6; */
                        box-shadow: inset 0 1px 1px #0004, inset 0 -1px 1px #fff4;
                        color: var(--fg-100-ff);
                        cursor: pointer;
                    }
                }
            }

            &.preferences[b-7rn1u1mmm1] {
                .menu-items {
                    display: grid;

                    .menu-item {
                        display: flex;
                        flex-direction: row;
                        justify-content: space-between;
                        position: relative;

                        .locale-switcher {
                            color: var(--fg-100-ff);
                            cursor: pointer;
                            inset: 0;
                            padding-inline-start: 48px;
                            position: absolute;
                            width: -webkit-fill-available;

                            option {
                                background: var(--bg-900-ff);
                            }
                        }
                    }
                }
            }
        }

        /* &::after, &::before { */
        /*     content: ""; */
        /*     inset: 0 0 auto 0; */
        /*     height: 96px; */
        /*     position: absolute; */
        /* } */
    }

    .dismiss[b-7rn1u1mmm1] {
        backdrop-filter: blur(12px);
        background: var(--fg-100-10);
        border-radius: var(--sp-400);
        cursor: pointer;
        inset: 28px 48px auto auto;
        outline: thin solid var(--fg-100-20);
        outline-offset: -1px;
        overflow: hidden;
        padding: var(--sp-300);
        position: absolute;
        transition-duration: var(--td-100);

        &::before {
            content: "";
            inset: 0;
            position: absolute;
            transition-duration: var(--td-100);
        }

        [b-7rn1u1mmm1] &:hover {
            &::before {
                background: var(--bg-900-10);
            }
        }
    }

    &.hidden[b-7rn1u1mmm1] {
        opacity: 0;
        pointer-events: none;
    }

    &[b-7rn1u1mmm1]::after {
        background: url(https://cdn.wardatalrafidain.com/media/extras/film-grain.png);
        background-size: 192px 192px;
        content: "";
        inset: 0;
        mix-blend-mode: overlay;
        opacity: .5;
        position: absolute;
        z-index: -1;
    }

    &[dir="rtl"][b-7rn1u1mmm1] {
        .dismiss {
            inset: 28px auto auto 48px;
        }
    }
}

@media (width <= 1280px) {
    .global-menu[b-7rn1u1mmm1] {
        /* backdrop-filter: blur(16px); */

        .content {
            /* backdrop-filter : url(#fgb-32p); */
            overflow: auto;
            scrollbar-width: none;
        }
    }
}

@media (width <= 640px) {
    .global-menu[b-7rn1u1mmm1] {
        padding: initial;

        .content {
            justify-content: start;
            overflow: auto;
            padding: var(--sp-600) var(--sp-400);
        }
    }
}

@media (width <= 400px) {
    .global-menu[b-7rn1u1mmm1] {
        .content {
            .menu-section {
                .menu-items {
                    .column-1, .column-2 {
                        grid-template: auto / 1fr !important;
                    }

                    .sub-item[b-7rn1u1mmm1] {
                        min-width: 128px;
                    }
                }
            }
        }
    }
}
/* /Components/Controls/ImageViewer.razor.rz.scp.css */
.image-viewer-overlay[b-1iple0b900] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--bg-900-c0);
    backdrop-filter: blur(12px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    
}

.image-viewer-content[b-1iple0b900] {
    position: relative;
    max-width: 90%;
    max-height: 90%;
}

.image-viewer-content img[b-1iple0b900] {
    max-width: 100%;
    max-height: 90vh;
    display: block;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

.close-button[b-1iple0b900] {
    position: absolute;
    top: -40px;
    right: 0;
    background: none;
    border: none;
    color: white;
    font-size: 32px;
    cursor: pointer;
}
/* /Components/Controls/NextTravelWidget.razor.rz.scp.css */
.next-travel-widget[b-vbt4z0m7uo] {
    align-items: stretch;
    background: var(--bg-900-ff);
    border-radius: 24px;
    color: var(--fg-100-ff);
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-width: fit-content;
    padding: 24px;
    max-width: 436px;
    position: relative;
    z-index: 996;

    .grab-handle-area {
        align-self: stretch;
        display: none;
        cursor: grab;
        padding: 16px;
        height: 48px;
        margin: -24px -24px 0 -24px;
        position: relative;
        touch-action: none;
        /* Prevent default scrolling when touching this area */

        &:active {
            cursor: grabbing;
        }

        .grab-handle[b-vbt4z0m7uo] {
            background: var(--fg-100-20);
            border-radius: 3px;
            height: 6px;
            width: 64px;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
        }
    }

    h3.header[b-vbt4z0m7uo] {
        color: var(--fg-100-ff);
        font-size: 20px;
        font-weight: 400;
        line-height: 100%;
        text-align: center;
    }

    .head[b-vbt4z0m7uo] {
        display: flex;
        flex-direction: column;
        gap: 12px;

        .trip-type {
            background: var(--bg-100-20);
            border-radius: 24px;
            display: flex;
            gap: 6px;

            .option-button {
                align-items: center;
                border-radius: 24px;
                cursor: pointer;
                display: flex;
                flex: 1;
                gap: 12px;
                padding: 6px 6px 6px 24px;
                transition-duration: var(--td-100);

                .text {
                    color: var(--fg-100-ff);
                    flex-grow: 1;
                    font-size: 16px;
                    font-weight: 400;
                    white-space: nowrap;
                }

                .icon[b-vbt4z0m7uo] {
                    align-items: center;
                    background: var(--bg-100-20);
                    border-radius: 24px;
                    color: var(--fg-100-ff);
                    display: flex;
                    font-size: 24px;
                    justify-content: center;
                    padding: 6px;
                }

                &.active[b-vbt4z0m7uo] {
                    background: var(--bg-100-ff);

                    .text {
                        color: var(--bg-900-ff);
                    }

                    .icon[b-vbt4z0m7uo] {
                        background: var(--bg-900-20);
                        color: var(--bg-900-ff);
                    }

                    &:hover[b-vbt4z0m7uo] {
                        background: var(--bg-100-c0);
                    }
                }

                &:not(.active):hover[b-vbt4z0m7uo] {
                    background: var(--bg-100-10);
                }
            }
        }
    }

    .body[b-vbt4z0m7uo] {
        display: grid;
        gap: 6px;
        grid-template-columns: 1fr 1fr;

        &.one-way {
            .depart-input {
                border-radius: 0;
                grid-column: span 2;
            }
        }

        .destination-input[b-vbt4z0m7uo],
        .depart-input[b-vbt4z0m7uo],
        .return-input[b-vbt4z0m7uo],
        .class-input[b-vbt4z0m7uo],
        .travelers-input[b-vbt4z0m7uo] {
            background: rgba(208, 216, 214, 0.0625);
            border: 1px solid rgba(208, 216, 214, 0.125);
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            gap: 6px;
            justify-content: center;
            padding: 16px 24px;
            position: relative;
            transition: border-color var(--td-100), background var(--td-100);

            .label {
                color: rgba(255, 255, 255, 0.5);
                font-size: 14px;
                font-weight: 300;
                line-height: 100%;
            }

            .input-wrapper[b-vbt4z0m7uo] {
                align-items: center;
                display: flex;
                position: relative;
                width: 100%;
            }

            .input-field[b-vbt4z0m7uo] {
                background: transparent;
                border: none;
                color: #d0d8d6;
                color-scheme: dark;
                font-size: 16px;
                font-weight: 300;
                height: 24px;
                line-height: 100%;
                outline: none;
                padding: 0;
                position: relative;
                width: 100%;
                z-index: 2;

                &::placeholder {
                    color: #d0d8d6;
                    opacity: 1;
                }

                &[b-vbt4z0m7uo]::-webkit-calendar-picker-indicator {
                    cursor: pointer;
                    height: 100%;
                    inset: 0;
                    opacity: 0;
                    position: absolute;
                    width: 100%;
                    z-index: 2;
                }
            }

            .custom-calendar-icon[b-vbt4z0m7uo],
            .dropdown-icon[b-vbt4z0m7uo] {
                color: #d0d8d6;
                font-size: 24px;
                pointer-events: none;
                position: absolute;
                right: 0;
                z-index: 1;
            }

            & select.input-field[b-vbt4z0m7uo] {
                appearance: none;
                background-color: transparent;
                cursor: pointer;

                optgroup {
                    background: #111615;
                    color: rgba(208, 216, 214, 0.5);
                    font-style: normal;
                    font-weight: 400;
                }

                option[b-vbt4z0m7uo] {
                    background: #161d1c;
                    color: #f8f8f8;
                    font-weight: 300;
                }
            }

            &.dropdown-container .dropdown-icon[b-vbt4z0m7uo] {
                transition: transform var(--td-100);
            }
        }

        .destination-input[b-vbt4z0m7uo] {
            border-radius: 12px 12px 0 0;
            grid-column: span 2;
            transition: border-color 2s ease, background 2s ease;

            &.highlighted {
                background: #80d9c320;
                border-color: #80d9c3;
                transition: border-color var(--td-100), background var(--td-100);
            }
        }

        .class-input[b-vbt4z0m7uo] {
            border-radius: 0 0 0 12px;
        }

        .travelers-input[b-vbt4z0m7uo] {
            border-radius: 0 0 12px 0;
            cursor: pointer;
            outline: none;

            .input-field {
                cursor: pointer;
                pointer-events: none;
            }

            .travelers-dropdown[b-vbt4z0m7uo] {
                background: var(--bg-900-c0);
                backdrop-filter: blur(24px);
                border: 1px solid rgba(208, 216, 214, 0.125);
                border-radius: 12px;
                box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
                display: flex;
                flex-direction: column;
                gap: 16px;
                opacity: 0;
                padding: 16px;
                pointer-events: none;
                position: absolute;
                right: 0;
                top: calc(100% + 8px);
                transform: translateY(-8px);
                transition: opacity var(--td-100), transform var(--td-100);
                min-width: 280px;
                z-index: 100;

                .traveler-type {
                    align-items: center;
                    display: flex;
                    justify-content: space-between;

                    .info {
                        display: flex;
                        flex-direction: column;
                        gap: 4px;

                        .title {
                            color: var(--fg-100-ff);
                            font-size: 16px;
                            font-weight: 400;
                        }

                        .subtitle[b-vbt4z0m7uo] {
                            color: rgba(255, 255, 255, 0.5);
                            font-size: 12px;
                            font-weight: 300;
                        }
                    }

                    .controls[b-vbt4z0m7uo] {
                        align-items: center;
                        display: flex;
                        gap: 12px;

                        .control-btn {
                            align-items: center;
                            background: rgba(208, 216, 214, 0.1);
                            border: none;
                            border-radius: 8px;
                            color: var(--fg-100-ff);
                            cursor: pointer;
                            display: flex;
                            height: 32px;
                            justify-content: center;
                            transition: background var(--td-100);
                            width: 32px;

                            &:hover:not(:disabled) {
                                background: rgba(208, 216, 214, 0.2);
                            }

                            &:disabled[b-vbt4z0m7uo] {
                                color: rgba(255, 255, 255, 0.2);
                                cursor: not-allowed;
                            }

                            span[b-vbt4z0m7uo] {
                                font-size: 20px;
                            }
                        }

                        .count[b-vbt4z0m7uo] {
                            color: var(--fg-100-ff);
                            font-size: 16px;
                            font-weight: 500;
                            text-align: center;
                            width: 24px;
                        }
                    }
                }
            }

            &:focus-within .travelers-dropdown[b-vbt4z0m7uo] {
                opacity: 1;
                pointer-events: auto;
                transform: translateY(0);
            }
        }
    }

    .continue-button[b-vbt4z0m7uo] {
        align-items: center;
        backdrop-filter: blur(12px);
        background: rgba(208, 216, 214, 0.125);
        border: none;
        border-radius: 24px;
        box-shadow: 0 4px 24px #0008, inset 0 1px 1px 0 rgba(255 255 255 / 0.45), inset 0 0 1px 1.5px rgba(255 255 255 / 0.05);
        cursor: pointer;
        display: flex;
        height: 48px;
        justify-content: center;
        padding: 12px 0;
        transition: background var(--td-100);

        &:hover {
            background: #d0d8d630;
        }

        &:disabled[b-vbt4z0m7uo] {
            opacity: 0.5;
            cursor: not-allowed;
            background: rgba(208, 216, 214, 0.04);
            box-shadow: none;
            backdrop-filter: none;

            &:hover {
                background: rgba(208, 216, 214, 0.04);
            }
        }

        .text[b-vbt4z0m7uo] {
            color: #f8f8f8;
            font-size: 18px;
            font-weight: 300;
            line-height: 100%;
        }
    }

    &[dir="rtl"][b-vbt4z0m7uo] {
        .continue-button {
            .text {
                font-size: 20px;
            }
        }

        .head .trip-type .option-button[b-vbt4z0m7uo] {
            padding: 6px 24px 6px 6px;

            .icon {
                scale: -1 1;
            }
        }

        .body[b-vbt4z0m7uo] {
            .class-input {
                border-radius: 0 0 12px 0;
            }

            .travelers-input[b-vbt4z0m7uo] {
                border-radius: 0 0 0 12px;

                input {
                    padding-inline-end: 24px;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                }

                .travelers-dropdown[b-vbt4z0m7uo] {
                  inset: auto auto 0 0 !important;
                }
            }

            .dropdown-icon[b-vbt4z0m7uo] {
                left: 0;
                right: auto;
            }
        }
    }
}

@media (width <=1280px) {
    .next-travel-widget[b-vbt4z0m7uo] {
        /* margin-inline: -24px; */
        /* padding-top: 12px; */
        backdrop-filter: blur(24px);
        background: var(--bg-900-c0) !important;
        border: thin solid var(--bg-100-40);
        box-shadow: 0 12px 48px #000000;

        .grab-handle-area {
            display: block;
        }

        h3.header[b-vbt4z0m7uo] {
            margin: -28px 0 0;

        }

        .head[b-vbt4z0m7uo] {
            .trip-type {
                .option-button {
                    .text {
                        text-align: center;
                    }

                    &:not(.active)[b-vbt4z0m7uo] {
                        flex: initial;
                        padding: 6px;

                        .text {
                            display: none;
                        }
                    }
                }
            }
        }

        .body[b-vbt4z0m7uo] {
            .travelers-input {
                position: relative;

                .travelers-dropdown {
                    inset: auto 0 0 auto !important;
                }
            }
        }
    }
}


/* @media (max-width: 480px) {
    [dir="rtl"] .next-travel-widget .body {
        .class-input {
            border-radius: 0;
        }

        .travelers-input {
            border-radius: 0 0 12px 12px;
        }

    }
} */
/* /Components/Controls/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-h9dtiwyra4],
.components-reconnect-repeated-attempt-visible[b-h9dtiwyra4],
.components-reconnect-failed-visible[b-h9dtiwyra4],
.components-pause-visible[b-h9dtiwyra4],
.components-resume-failed-visible[b-h9dtiwyra4],
.components-rejoining-animation[b-h9dtiwyra4] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-h9dtiwyra4],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-h9dtiwyra4],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-h9dtiwyra4],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-h9dtiwyra4],
#components-reconnect-modal.components-reconnect-retrying[b-h9dtiwyra4],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-h9dtiwyra4],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-h9dtiwyra4],
#components-reconnect-modal.components-reconnect-failed[b-h9dtiwyra4],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-h9dtiwyra4] {
    display: block;
}

#components-reconnect-modal[b-h9dtiwyra4] {
    animation: components-reconnect-modal-fadeOutOpacity-b-h9dtiwyra4 0.5s both;
    background-color: var(--bg-900-ff);
    border: initial;
    border-radius: var(--sp-400);
    box-shadow: 0 48px 96px 0 #0008;
    color: var(--fg-100-ff);
    opacity: 0;
    outline: initial;
    padding: var(--sp-500);
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    width: 28rem;

    &[open] {
        animation: components-reconnect-modal-slideUp-b-h9dtiwyra4 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-h9dtiwyra4 0.5s ease-in-out 0.3s;
        animation-fill-mode: both;
    }

    &[b-h9dtiwyra4]::backdrop {
        animation: components-reconnect-modal-fadeInOpacity-b-h9dtiwyra4 0.5s ease-in-out;
        backdrop-filter: blur(var(--sp-300));
        background-color: var(--bg-100-c0);
        opacity: 1;
    }

    p[b-h9dtiwyra4] {
        margin: 0;
        text-align: center;
    }

    button[b-h9dtiwyra4] {
        background-color: var(--bg-100-ff);
        border: initial;
        color: var(--bg-900-ff);
        font: inherit;

        &:hover {
            background-color: var(--bg-100-c0);
        }

        &:active[b-h9dtiwyra4] {
            background-color: var(--bg-100-a0);
        }
    }
}

@keyframes components-reconnect-modal-slideUp-b-h9dtiwyra4 {
    0% {
        transform: translateY(30px) scale(0.95);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-h9dtiwyra4 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-h9dtiwyra4 {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-h9dtiwyra4] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.components-rejoining-animation[b-h9dtiwyra4] {
    height: 80px;
    position: relative;
    width: 80px;
}

.components-rejoining-animation div[b-h9dtiwyra4] {
    animation: components-rejoining-animation-b-h9dtiwyra4 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    border: 2px solid var(--bg-100-ff);
    border-radius: 50%;
    opacity: 1;
    position: absolute;
}

.components-rejoining-animation div:nth-child(2)[b-h9dtiwyra4] {
    animation-delay: -0.5s;
}

@keyframes components-rejoining-animation-b-h9dtiwyra4 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }
    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }
    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Controls/ServiceByDestinationsPanel.razor.rz.scp.css */
.service-by-destinations-panel[b-617jgns8vw] {
    --fz-18: 18px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    padding: 0px;
    width: 100%;
    min-height: 871px;
    border: 1px solid rgba(22, 29, 28, 0.125);
    border-radius: 24px;
    overflow: hidden;
    background: #F8F8F8;
}

:root[dir="rtl"] .service-by-destinations-panel[b-617jgns8vw] {
    --fz-18: 20px;
}

.menu[b-617jgns8vw] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px 24px;
    gap: 24px;
    width: 480px;
    max-width: 480px;
    min-height: 871px;
    background: url('https://cdn.wardatalrafidain.com/media/extras/calligraffiti.png');
    background-size: cover;
    background-position: center;
    border-right: 1px solid rgba(22, 29, 28, 0.125);
    flex: none;
}

:root[dir="rtl"] .menu[b-617jgns8vw] {
    border-right: none;
    border-left: 1px solid rgba(22, 29, 28, 0.125);
}

.menu .heading[b-617jgns8vw] {
    font-style: normal;
    font-weight: 500;
    font-size: var(--fz-300);
    line-height: 100%;
    color: #161D1C;
    margin: 0;
}

.menu .separator[b-617jgns8vw] {
    width: 100%;
    height: 4px;
    background: rgba(22, 29, 28, 0.0625);
    box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.25), inset 0px -1px 0px rgba(255, 255, 255, 0.75);
    border-radius: 6px;
}

.menu .destinations[b-617jgns8vw] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 12px;
    width: 100%;
}

.destination-tab[b-617jgns8vw] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 12px 12px 12px 24px;
    gap: 12px;
    width: 100%;
    min-width: 256px;
    min-height: 131px;
    background: rgba(22, 29, 28, 0.0625);
    box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 1px rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(12px);
    border-radius: 6px;
    cursor: pointer;
    transition: all var(--td-100) ease;
}

:root[dir="rtl"] .destination-tab[b-617jgns8vw] {
    padding: 12px 24px 12px 12px;
}

.destination-tab:hover[b-617jgns8vw] {
    background: rgba(22, 29, 28, 0.1);
}

.destination-tab.active[b-617jgns8vw] {
    background: #161D1C;
    box-shadow: none;
}

.destination-tab .head[b-617jgns8vw] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 12px;
    width: 100%;
}

.destination-tab .label[b-617jgns8vw] {
    flex-grow: 1;
    font-style: normal;
    font-weight: 400;
    font-size: var(--fz-18);
    line-height: 180%;
    color: #161D1C;
}

.destination-tab.active .label[b-617jgns8vw] {
    color: #F8F8F8;
}

.destination-tab .icon[b-617jgns8vw] {
    font-size: 24px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #161D1C;
}

.destination-tab.active .icon[b-617jgns8vw] {
    color: #F8F8F8;
}

:root[dir="rtl"] .destination-tab .icon[b-617jgns8vw] {
    transform: rotate(180deg);
}

.destination-tab .body[b-617jgns8vw] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 12px 0px 0px;
    gap: 10px;
    width: 100%;
}

:root[dir="rtl"] .destination-tab .body[b-617jgns8vw] {
    padding: 0px 0px 0px 12px;
}

.destination-tab .description[b-617jgns8vw] {
    flex-grow: 1;
    font-style: normal;
    font-weight: 400;
    font-size: var(--fz-100);
    line-height: 150%;
    color: rgba(22, 29, 28, 0.625);
}

.destination-tab.active .description[b-617jgns8vw] {
    color: rgba(248, 248, 248, 0.625);
}

.content[b-617jgns8vw] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 48px;
    gap: 24px;
    flex-grow: 1;
    background: #F8F8F8;
    min-height: 871px;
    position: relative;
}

.content .head[b-617jgns8vw] {
    display: flex;
    flex-direction: row !important;
    align-items: center;
    padding: 0px;
    gap: 24px;
    width: 100%;
}

.content .flag[b-617jgns8vw] {
    box-sizing: border-box;
    width: 96px;
    height: 56px;
    outline: 1px solid rgba(22, 29, 28, 0.125);
    outline-offset: -1px;
    border-radius: 6px;
    object-fit: cover;
}

.content .head-content[b-617jgns8vw] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 6px;
    flex-grow: 1;
}

.content .destination-name[b-617jgns8vw] {
    font-style: normal;
    font-weight: 700;
    font-size: var(--fz-500);
    line-height: 100%;
    color: #161D1C;
    margin: 0;
}

.content .tagline[b-617jgns8vw] {
    font-style: normal;
    font-weight: 400;
    font-size: var(--fz-100);
    line-height: 100%;
    color: rgba(22, 29, 28, 0.75);
}

.content .menu-button[b-617jgns8vw] {
    box-sizing: border-box;
    display: none;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 9px;
    gap: 3px;
    border: 1px solid rgba(22, 29, 28, 0.125);
    border-radius: 48px;
    background: transparent;
    cursor: pointer;
    color: #161D1C;
}

.content .menu-button .material-symbols-rounded[b-617jgns8vw] {
    font-size: 36px;
}

.content .body[b-617jgns8vw] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
    width: 100%;
    flex-grow: 1;
}

.content .description[b-617jgns8vw] {
    font-style: normal;
    font-weight: 400;
    font-size: var(--fz-200);
    line-height: 200%;
    color: #161D1C;
    margin: 0;
    width: 100%;
}

.content .heading[b-617jgns8vw] {
    font-style: normal;
    font-weight: 500;
    font-size: var(--fz-300);
    line-height: 100%;
    color: #161D1C;
    margin: 0;
}

.service-types[b-617jgns8vw] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    width: 100%;
}

.service[b-617jgns8vw] {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 16px 24px;
    gap: 24px;
    background: #F8F8F8;
    border: 1px solid rgba(22, 29, 28, 0.125);
    backdrop-filter: blur(12px);
    border-radius: 6px;
    min-height: 72px;
}

.service .icon[b-617jgns8vw] {
    font-size: 40px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #161D1C;
    border-radius: 4px;
}

.service .service-content[b-617jgns8vw] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 6px;
    flex-grow: 1;
}

.service .tagline[b-617jgns8vw] {
    font-style: normal;
    font-weight: 400;
    font-size: var(--fz-100);
    line-height: 100%;
    color: #9A7C5E;
}

.service .label[b-617jgns8vw] {
    font-style: normal;
    font-weight: 500;
    font-size: var(--fz-200);
    line-height: 1.25;
    color: #161D1C;
    margin: 0;
}

.regulation[b-617jgns8vw] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
    gap: 12px;
    width: 100%;
    border: 1px solid rgba(22, 29, 28, 0.125);
    backdrop-filter: blur(12px);
    border-radius: 6px;
    background: rgba(22, 29, 28, 0.03);
    margin-top: auto;
}

.regulation-head[b-617jgns8vw] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 24px;
    width: 100%;
}

.regulation-head .icon[b-617jgns8vw] {
    font-size: 40px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #161D1C;
    border-radius: 4px;
}

.regulation-head .label[b-617jgns8vw] {
    font-style: normal;
    font-weight: 500;
    font-size: var(--fz-300);
    line-height: 100%;
    color: #161D1C;
    margin: 0;
}

.regulation-body[b-617jgns8vw] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px 0px 0px 64px;
    gap: 12px;
    width: 100%;
}

:root[dir="rtl"] .regulation-body[b-617jgns8vw] {
    padding: 0px 64px 0px 0px;
}

.regulation-text[b-617jgns8vw] {
    font-style: normal;
    font-weight: 400;
    font-size: var(--fz-200);
    line-height: 200%;
    color: #161D1C;
    margin: 0;
}

.regulation-disclaimer[b-617jgns8vw] {
    font-style: normal;
    font-weight: 400;
    font-size: var(--fz-200);
    line-height: 200%;
    color: rgba(22, 29, 28, 0.625);
    margin: 0;
}

.cta-button[b-617jgns8vw] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 12px;
    width: 100%;
}

.cta-button .button[b-617jgns8vw] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 24px;
    background: #161D1C;
    border-radius: 6px;
    font-style: normal;
    font-weight: 500;
    font-size: var(--fz-18);
    line-height: 180%;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    width: 100%;
    transition: opacity var(--td-100) ease;
}

.cta-button .button:hover[b-617jgns8vw] {
    opacity: 0.9;
}

.mobile-menu-overlay[b-617jgns8vw] {
    display: none;
}

/* Responsiveness */
@media (max-width: 1280px) {
    .menu[b-617jgns8vw] {
        width: 380px;
        max-width: 380px;
        padding: 24px;
    }

    .content[b-617jgns8vw] {
        padding: 32px;
    }
}

@media (max-width: 960px) {
    .service-by-destinations-panel[b-617jgns8vw] {
        flex-direction: column;
    }

    .menu[b-617jgns8vw] {
        display: none;
    }

    .content[b-617jgns8vw] {
        width: 100%;
        min-height: auto;
        padding: 24px;
        gap: 24px;
    }

    .content .menu-button[b-617jgns8vw] {
        display: flex;
    }

    .service-types[b-617jgns8vw] {
        grid-template-columns: 1fr;
    }

    .mobile-hidden[b-617jgns8vw] {
        display: none !important;
    }

    .mobile-menu-overlay[b-617jgns8vw] {
        display: flex;
        flex-direction: column;
        width: 100%;
        background: url('https://cdn.wardatalrafidain.com/media/extras/calligraffiti-01.svg');
        background-size: cover;
        filter: brightness(0.9);
        background-position: center;
        border-radius: 16px;

        animation: fadeIn-b-617jgns8vw 0.3s ease;
    }

    .mobile-destinations[b-617jgns8vw] {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .regulation-body[b-617jgns8vw] {
        padding: 0px !important;
    }
}

@media (max-width: 640px) {
    .content > .head[b-617jgns8vw] {
        flex-direction: column !important;
        align-items: flex-start;
        gap: 16px;
        position: relative;
    }

    .content .menu-button[b-617jgns8vw] {
        position: absolute;
        top: 0;
        right: 0;
    }

    :root[dir="rtl"] .content .menu-button[b-617jgns8vw] {
        right: auto;
        left: 0;
    }
}

@keyframes fadeIn-b-617jgns8vw {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Controls/ServicePillar.razor.rz.scp.css */
.service-pillar[b-awxxdmw8sf] {
    align-items: flex-start;
    background: white;
    border: 1px solid rgba(22, 29, 28, 0.125);
    border-radius: 12px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 24px;
    isolation: isolate;
    max-width: 1080px;
    padding: 24px;
    position: relative;
    scroll-margin-top: 100px;
    width: stretch;
    width: -webkit-fill-available;
}

.service-pillar .badge[b-awxxdmw8sf] {
    align-items: center;
    background: rgba(208, 216, 214, 0.625);
    border-radius: 6px;
    color: #161d1c;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-weight: 400;
    gap: 10px;
    line-height: 100%;
    padding: 12px;
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 3;
}

[dir="rtl"] .service-pillar .badge[b-awxxdmw8sf] {
    left: 12px;
    right: auto;
}

.service-pillar .heading[b-awxxdmw8sf] {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0px;
    width: 100%;
    z-index: 0;
}

.service-pillar .heading .header[b-awxxdmw8sf] {
    color: #161d1c;
    font-size: 24px;
    font-weight: 900;
    line-height: 120%;
    margin: 0;
    text-transform: capitalize;
}

.service-pillar .heading .tagline[b-awxxdmw8sf] {
    color: var(--ac-500);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    text-wrap: balance;
}

.service-pillar .heading .description[b-awxxdmw8sf] {
    color: #161d1c;
    font-size: 16px;
    font-weight: 400;
    line-height: 200%;
    margin: 0;
    z-index: 1;
}

.service-pillar .checklist[b-awxxdmw8sf] {
    align-items: flex-start;
    background: var(--fg-100-ff);
    border: 1px solid rgba(22, 29, 28, 0.125);
    border-radius: 6px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    width: 100%;
    z-index: 2;
}

.service-pillar .checklist .header[b-awxxdmw8sf] {
    color: #161d1c;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    margin: 0;
    width: 100%;
}

.service-pillar .checklist-items[b-awxxdmw8sf] {
    display: grid;
    gap: 12px;
    grid-template: auto / repeat(2, 1fr);
    width: 100%;
}

.service-pillar .checklist-item[b-awxxdmw8sf] {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 0px;
    width: 100%;
}

.service-pillar .checklist-item .head[b-awxxdmw8sf] {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    gap: 6px;
    list-style: none; /* Hide default arrow */
    padding: 0px;
    width: 100%;
}

.service-pillar .checklist-item .head[b-awxxdmw8sf]::-webkit-details-marker {
    display: none;
}

.service-pillar .checklist-item .head .icon[b-awxxdmw8sf] {
    border-radius: 4px;
    color: #161d1c;
    display: grid;
    font-size: 24px;
    height: 24px;
    place-items: center;
    transition: transform var(--td-100) ease;
    width: 24px;
}

.service-pillar .checklist-item[open] .head .icon[b-awxxdmw8sf] {
    transform: rotate(90deg);
}

[dir="rtl"] .service-pillar .checklist-item .head .icon[b-awxxdmw8sf] {
    transform: scaleX(-1);
}

[dir="rtl"] .service-pillar .checklist-item[open] .head .icon[b-awxxdmw8sf] {
    transform: scaleX(-1) rotate(-90deg);
}

.service-pillar .checklist-item .head .header[b-awxxdmw8sf] {
    color: #161d1c;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    margin: 0;
}

.service-pillar .checklist-item .body[b-awxxdmw8sf] {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 0px 0px 0px 30px;
    width: 100%;
}

[dir="rtl"] .service-pillar .checklist-item .body[b-awxxdmw8sf] {
    padding: 0px 30px 0px 0px;
}

.service-pillar .checklist-item .body .description[b-awxxdmw8sf] {
    color: rgba(22, 29, 28, 0.75);
    flex-grow: 1;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}

@media (width <= 960px) {
    .service-pillar[b-awxxdmw8sf] {
        .checklist-items {
            grid-template: auto / 1fr;
        }
    }
}

@media (width <= 640px) {
    .service-pillar[b-awxxdmw8sf] {
        .badge {
            display: none;
        }
    }
}
/* /Components/Layouts/HomeLayout.razor.rz.scp.css */
.home-layout[b-6rucpxymmp]
{
    background     : white;
    border-radius  : var(--sp-400);
    color          : var(--bg-900-ff);
    display        : flex;
    flex-direction : column;
    gap            : var(--sp-400);
    margin-inline  : auto;
    max-width      : var(--pw-600);
    /* overflow       : hidden; */
    padding        : var(--sp-400) var(--sp-500) var(--sp-500) var(--sp-500);
    width          : stretch;
    width          : -webkit-fill-available;

    .home-layout-content
    {
        align-items    : center;
        display        : flex;
        flex-direction : column;
        gap            : var(--sp-400);
    }
}

#blazor-error-ui[b-6rucpxymmp]
{
    display  : none;
    inset    : auto 0 0 0;
    padding  : var(--sp-400);
    position : fixed;
    z-index  : 1000;

    .error-ui
    {
        animation       : popup-b-6rucpxymmp var(--td-300) alternate infinite ease-in-out;
        backdrop-filter : blur(var(--sp-400));
        background      : var(--fg-100-c0);
        border-radius   : var(--sp-300);
        display         : flex;
        flex-direction  : column;
        gap             : var(--sp-300);
        margin-inline   : auto;
        outline         : var(--sp-200) solid var(--bg-900-20);
        outline-offset  : calc(var(--sp-200) / -1);
        padding         : var(--sp-400);
        width           : min(var(--pw-300), 100%);

        .reload, .feedback
        {
            text-decoration : underline;
        }

        .dismiss[b-6rucpxymmp]
        {
            border-radius       : var(--sp-400);
            cursor              : pointer;
            inset               : var(--sp-300) var(--sp-300) auto auto;
            padding             : 6px;
            position            : absolute;
            transition-duration : var(--td-100);

            &:hover
            {
                background : var(--bg-900-20);
            }
        }
    }
}

@media (width <= 1280px)
{
    .home-layout[b-6rucpxymmp]
    {
        border-radius : revert;
        padding       : var(--sp-400);
    }
}

@media (width <= 640px)
{
    .home-layout[b-6rucpxymmp]
    {
        padding-top: initial;
    }
}

@keyframes popup-b-6rucpxymmp
{
    from
    {
        box-shadow : inset 0 0 var(--sp-400) 0 #dc143c00;
    }
    to
    {
        box-shadow : inset 0 0 var(--sp-400) 0 #dc143cc0;
    }
}
/* /Components/Layouts/HomeLayoutHeader.razor.rz.scp.css */
.home-layout-header[b-ddic3dp0yj] {
    min-height: 56px;

    .content {
        align-items: center;
        display: flex;
        gap: var(--sp-400);
        overflow-y: auto;
        padding-inline: var(--sp-400);
        position: relative;
        scrollbar-width: none;

        .agency-logo {
            height: 56px;
            max-width: 144px;

            &.small {
                display: none;
            }
        }

        .nav-links[b-ddic3dp0yj] {
            display: flex;
            flex: 1;
            gap: var(--sp-200);
            justify-content: center;

            .nav-link {
                border: thin solid transparent;
                border-radius: var(--sp-200);
                padding: 8px 16px;
                transition-duration: var(--td-100);
                white-space: nowrap;
            }
        }

        .quick-options[b-ddic3dp0yj] {
            align-items: center;
            display: flex;
            flex: 1;
            gap: var(--sp-400);
            transition-duration: var(--td-200);

            .travel-options {
                align-items: center;
                background: var(--bg-900-10);
                border-radius: var(--sp-400);
                display: flex;
                gap: var(--sp-100);
                padding: var(--sp-200);

                .separator {
                    height: 24px;
                    width: 1px;
                }
            }
        }

        &[b-ddic3dp0yj]::after {
            background: url(https://cdn.wardatalrafidain.com/media/extras/film-grain.png);
            background-size: 192px 192px;
            /* content: ""; */
            inset: 0;
            mix-blend-mode: overlay;
            opacity: .5;
            position: absolute;
            z-index: -1;
        }
    }
}

[b-ddic3dp0yj] .cta-button {
    block-size: 48px;
    /* line-height : 1.25 !important; */
    inline-size: auto !important;

    &::before {
        content: attr(data-text);
    }
}

[b-ddic3dp0yj] .cta-button-header {
    display: none;
}
@media (width >= 640px) and (width < 1600px) {
    [b-ddic3dp0yj] .cta-button-header {
        display: initial;
    }
}

[b-ddic3dp0yj] .cta-button-options {
    display: none;
}
@media (width < 640px) or (width >= 1600px) {
    [b-ddic3dp0yj] .cta-button-options {
        display: initial;
    }
}

[b-ddic3dp0yj] {
    .icon {
        border-radius: var(--sp-400);
        cursor: pointer;
        padding: 0 var(--sp-300);
        transition-duration: var(--td-100);

        &::after {
            color: var(--bg-900-ff);
            font-size: 36px;
        }

        [b-ddic3dp0yj] &.book-ticket::after {
            content: "airplane_ticket";
        }

        [b-ddic3dp0yj] &.global-menu::after {
            content: "apps";
        }

        [b-ddic3dp0yj] &.menu-button::after {
            content: "drag_handle";
        }

        [b-ddic3dp0yj] &:hover {
            background: var(--bg-900-20);
        }

        [b-ddic3dp0yj] &.menu-button {
            backdrop-filter: blur(12px);
            background: var(--fg-100-80);
            /* box-shadow: inset 0 0 3px 4px #ffff, inset 0 4px 12px -4px #0004; */
            box-shadow: inset 0 4px 12px -4px #0004, inset 0 0 6px 6px #fffc;
            display: none;
            min-height: 48px;
            min-width: 48px;
            outline: thin solid var(--bg-900-20);
            outline-offset: -1px;
            overflow: hidden;
            padding: var(--sp-200);
            position: relative;

            &::before {
                content: "";
                inset: 0;
                position: absolute;
                transition-duration: var(--td-100);
            }

            [b-ddic3dp0yj] &:hover {
                &::before {
                    background: var(--bg-900-10);
                }
            }
        }
    }

    .nav-links[b-ddic3dp0yj] {
        .nav-link {
            &.active {
                background: var(--bg-900-10);
            }

            [b-ddic3dp0yj] &:hover {
                border-color: var(--bg-900-20) !important;
            }
        }
    }
}

@media (width <= 1600px) {
    .home-layout-header[b-ddic3dp0yj] {
        .content {
            flex-wrap: wrap !important;

            .menu-button {
                display: initial !important;
            }

            .quick-options[b-ddic3dp0yj] {
                display: none;
                flex: 1;
                order: 1;
            }
        }

        &.opened[b-ddic3dp0yj] {
            .content {
                /* min-width: 360px; */

                .quick-options {
                    display: flex;
                }
            }
        }
    }
}

@media (width <= 1280px) {
    .home-layout-header[b-ddic3dp0yj] {
        .content {
            flex-wrap: nowrap !important;

            .nav-links {
                flex-direction: column;
            }

            [b-ddic3dp0yj] .nav-link {
                border-radius: var(--sp-300) !important;
                display: none;
            }
        }

        [b-ddic3dp0yj] .cta-button {
            padding-block: 14px !important;
        }

        &.opened[b-ddic3dp0yj] {
            .content {
                align-items: initial;
                /* backdrop-filter : url(#fgb-32p); */
                backdrop-filter: blur(32px);
                background: var(--fg-100-c0);
                flex-direction: column;
                height: 100dvh;
                inset: 0;
                padding: var(--sp-600) var(--sp-400) var(--sp-400);
                position: fixed;
                z-index: 998;

                .agency-logo {
                    display: revert;
                    height: calc(var(--sp-600) + var(--sp-300));
                    max-width: initial;
                    padding-inline: var(--sp-500);
                    width: stretch;
                    width: -webkit-fill-available;

                    &.small {
                        display: none !important;
                    }
                }

                .quick-options[b-ddic3dp0yj] {
                    flex-grow: initial !important;
                    flex-wrap: wrap;
                }

                [b-ddic3dp0yj] .nav-link {
                    display: revert;
                    font-size: 18px;
                    padding: 16px;
                    text-align: center;
                }
            }

            [b-ddic3dp0yj] .menu-button {
                inset: 28px 48px auto auto;
                position: absolute;

                &::after {
                    content: "close_small";
                }
            }
        }

        &[dir="rtl"][b-ddic3dp0yj] {
            &.opened {
                .menu-button {
                    inset: 28px auto auto 48px !important;
                }
            }
        }
    }
}

@media (width <= 640px) {
    .home-layout-header[b-ddic3dp0yj] {
        inset: 24px 24px auto 24px !important;
        position: fixed !important;
        z-index: 998;

        .content {
            .agency-logo {
                display: none;
            }

            .quick-options[b-ddic3dp0yj] {
                .search-field {
                    flex-basis: 75%;
                }

                .travel-options[b-ddic3dp0yj] {
                    order: -1;
                }
            }

            [b-ddic3dp0yj] .cta-button-options {
                flex-grow: 1;
                order: -1;
                text-align: center;

                &::before {
                    content: attr(data-text-small);
                }
            }
        }
    }
}
/* /Components/Layouts/RootLayout.razor.rz.scp.css */
.root-layout[b-nd3j37t03w] {
    background: white;
    border-radius: var(--sp-400);
    color: var(--bg-900-ff);
    display: flex;
    flex-direction: column;
    gap: var(--sp-400);
    margin-inline: auto;
    max-width: var(--pw-600);
    /* overflow       : hidden; */
    padding: var(--sp-400) var(--sp-500) var(--sp-500) var(--sp-500);
    width: stretch;
    width: -webkit-fill-available;

    .root-layout-content {
        align-items: center;
        display: flex;
        flex-direction: column;
        gap: var(--sp-400);
    }
}

#blazor-error-ui[b-nd3j37t03w] {
    display: none;
    inset: auto 0 0 0;
    padding: var(--sp-400);
    position: fixed;
    z-index: 1000;

    .error-ui {
        animation: popup-b-nd3j37t03w var(--td-300) alternate infinite ease-in-out;
        backdrop-filter: blur(var(--sp-400));
        background: var(--fg-100-c0);
        border-radius: var(--sp-300);
        display: flex;
        flex-direction: column;
        gap: var(--sp-300);
        margin-inline: auto;
        outline: var(--sp-200) solid var(--bg-900-20);
        outline-offset: calc(var(--sp-200) / -1);
        padding: var(--sp-400);
        width: min(var(--pw-300), 100%);

        .reload,
        .feedback {
            text-decoration: underline;
        }

        .dismiss[b-nd3j37t03w] {
            border-radius: var(--sp-400);
            cursor: pointer;
            inset: var(--sp-300) var(--sp-300) auto auto;
            padding: 6px;
            position: absolute;
            transition-duration: var(--td-100);

            &:hover {
                background: var(--bg-900-20);
            }
        }
    }

    &[dir="rtl"][b-nd3j37t03w] {
        .error-ui .dismiss {
            inset: var(--sp-300) auto auto var(--sp-300) !important;
        }
    }
}

@media (width <=1280px) {
    .root-layout[b-nd3j37t03w] {
        border-radius: revert;
        padding: var(--sp-400);
    }
}

@keyframes popup-b-nd3j37t03w {
    from {
        box-shadow: inset 0 0 var(--sp-400) 0 #dc143c00;
    }

    to {
        box-shadow: inset 0 0 var(--sp-400) 0 #dc143cc0;
    }
}
/* /Components/Layouts/RootLayoutFooter.razor.rz.scp.css */
.root-layout-footer[b-btbh29nqol] {
    /* --fz-200: 16px; */
    background: var(--bg-900-ff);
    border-radius: var(--sp-400);
    color: var(--fg-100-ff);
    display: flex;
    flex-direction: column;
    font-weight: 300;
    gap: var(--sp-400);
    overflow: hidden;
    padding: var(--sp-500) var(--sp-500) var(--sp-400) var(--sp-500);

    a {
        &:hover {
            color: var(--ac-500);
        }
    }

    .next-destination[b-btbh29nqol] {
        align-items: center;
        border-bottom: thin solid var(--bg-100-20);
        display: flex;
        flex-direction: column;
        gap: var(--sp-400);

        h2 {
            text-align: center;
            white-space: nowrap;
        }

        .destination-links[b-btbh29nqol] {
            color: var(--fg-100-80);
            display: flex;
            flex-wrap: wrap;
            font-size: var(--fz-200);
            gap: var(--sp-400);
            justify-content: center;
            list-style: none;
            margin: 0 0 var(--sp-400) 0;
            padding: initial;

            .destination {
                transition-duration: var(--td-100);
            }
        }
    }

    .promotion[b-btbh29nqol] {
        align-items: center;
        display: flex;
        gap: var(--sp-400);

        .promotion-text {
            flex-grow: 1;
            font-size: var(--fz-600);
            font-weight: 700;
            padding-inline: var(--sp-400);
            text-wrap: balance;
        }
    }

    .footer-content[b-btbh29nqol] {
        border-block: thin solid var(--fg-100-20);
        display: grid;
        gap: var(--sp-400);
        grid-template: auto / repeat(5, 1fr);

        .agency-info {
            display: flex;
            flex-direction: column;
            gap: var(--sp-400);
            grid-column: 1 / 3;
            padding-block: var(--sp-400);
            text-align: start;

            .agency-logo {
                color-scheme: dark only;
                object-fit: contain;
                width: min(256px, 100%);
            }

            .agency-brief[b-btbh29nqol] {
                color: var(--fg-100-80);
                flex-grow: 1;
                font-size: var(--fz-200);
                hyphens: auto;
                margin-top: 8px;
            }

            .agency-status[b-btbh29nqol] {
                color: var(--fg-100-80);
                font-size: var(--fz-200);

                b {
                    color: var(--fg-100-ff);
                }
            }
        }

        .sitewide-links[b-btbh29nqol] {
            display: grid;
            grid-column: 3 / -1;
            grid-template: auto / repeat(4, 1fr);
            min-width: fit-content;

            .link-group {
                border-left: thin solid var(--fg-100-20);
                display: flex;
                flex-direction: column;
                font-size: var(--fz-200);
                gap: var(--sp-400);
                padding: var(--sp-400);
                white-space: nowrap;

                summary {
                    align-items: center;
                    display: inline-flex;
                    font-weight: 600;
                    justify-content: space-between;
                    outline: initial;
                    pointer-events: none;
                    position: relative;
                    text-transform: uppercase;

                    &::after {
                        content: "\e316";
                        display: none;
                        font: normal 24px / 1 "Material Symbols Rounded";
                    }

                    &[b-btbh29nqol]::marker {
                        content: none;
                    }
                }

                ul[b-btbh29nqol] {
                    color: var(--fg-100-80);
                    display: flex;
                    flex-direction: column;
                    gap: var(--sp-300);
                    line-height: 1.5;
                    list-style: none;
                    margin: initial;
                    padding: initial;

                    li a {
                        display: block;
                        width: -webkit-fill-available;
                    }
                }

                &:not([open])[b-btbh29nqol] {
                    gap: initial;

                    summary {
                        &::after {
                            content: "\e313";
                        }
                    }
                }

                &:nth-child(1)[b-btbh29nqol] {
                    grid-row: span 2;
                }
            }

            .newsletter[b-btbh29nqol] {
                border-left: thin solid var(--fg-100-20);
                border-top: thin solid var(--fg-100-20);
                display: flex;
                flex-direction: column;
                gap: var(--sp-400);
                grid-column: 2 / -1;
                grid-row: 2 / -1;
                padding: var(--sp-400) 0 var(--sp-400) var(--sp-400);

                summary {
                    font-weight: 600;
                    text-transform: uppercase;
                }

                p[b-btbh29nqol] {
                    color: var(--fg-100-80);
                    font-size: var(--fz-200);
                    line-height: 1.5;
                    text-align: justify;
                }

                .subscription[b-btbh29nqol] {
                    background: var(--bg-100-10);
                    border-radius: var(--sp-500);
                    box-shadow: inset 0 1px 1px 0 rgba(255 255 255 / 0.45), inset 0 0 0 1.5px rgba(255 255 255 / 0.05);
                    display: flex;
                    font-size: 1rem;
                    gap: 16px;
                    padding: var(--sp-200) var(--sp-200) var(--sp-200) var(--sp-400);

                    input {
                        background: initial;
                        border: initial;
                        color: var(--fg-100-ff);
                        font: inherit;
                        outline: initial;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        width: 100%;

                        &::placeholder {
                            color: var(--bg-100-c0);
                        }
                    }

                    button[b-btbh29nqol] {
                        background: var(--bg-100-20);
                        border: initial;
                        border-radius: var(--sp-500);
                        box-shadow: inset 0 1px 1px 0 rgba(255 255 255 / 0.45), inset 0 0 1px 1.5px rgba(255 255 255 / 0.05);
                        color: var(--fg-100-ff);
                        font: inherit;
                        line-height: 1.5;
                        min-width: 128px;
                        padding: var(--sp-300) var(--sp-400);
                        transition-duration: var(--td-100);

                        &:hover {
                            background: var(--bg-100-ff);
                            color: var(--bg-900-ff);
                            cursor: pointer;
                        }
                    }
                }
            }
        }
    }

    .legal-notice[b-btbh29nqol] {
        display: flex;
        flex-wrap: wrap;
        font-size: var(--fz-100);
        gap: var(--sp-400);
        margin-bottom: var(--sp-300);

        > * {
            display: inline-flex;
            line-height: 1.25;
            white-space: nowrap;

            &::before {
                content: "";
            }
        }

        .copyright-notice[b-btbh29nqol] {
            flex-grow: 1;
            line-height: 1.5;
        }

        .privacy-choices[b-btbh29nqol] {
            font-weight: bold;
            gap: 8px;

            &::before {
                content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgMzAgMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI3NS4wMDAwMDAsIC0yMDAuMDAwMDAwKSI+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTI3NS4wMDAwMDAsIDIwMC4wMDAwMDApIj4KICAgICAgICAgICAgPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTcuNCwxMi44aDYuOGwzLjEtMTEuNkg3LjRDNC4yLDEuMiwxLjYsMy44LDEuNiw3UzQuMiwxMi44LDcuNCwxMi44eiIvPgogICAgICAgICAgICA8cGF0aCBmaWxsPSIjMDA2NkZGIiBkPSJNMjIuNiwwSDcuNGMtMy45LDAtNywzLjEtNyw3czMuMSw3LDcsN2gxNS4yYzMuOSwwLDctMy4xLDctN1MyNi40LDAsMjIuNiwweiBNMS42LDdjMC0zLjIsMi42LTUuOCw1LjgtNS44IGg5LjlsLTMuMSwxMS42SDcuNEM0LjIsMTIuOCwxLjYsMTAuMiwxLjYsN3oiLz4KICAgICAgICAgICAgPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTI0LjYsNGMwLjIsMC4yLDAuMiwwLjYsMCwwLjhsMCwwTDIyLjUsN2wyLjIsMi4yYzAuMiwwLjIsMC4yLDAuNiwwLDAuOGMtMC4yLDAuMi0wLjYsMC4yLTAuOCwwIGwwLDBsLTIuMi0yLjJMMTkuNSwxMGMtMC4yLDAuMi0wLjYsMC4yLTAuOCwwYy0wLjItMC4yLTAuMi0wLjYsMC0wLjhsMCwwTDIwLjgsN2wtMi4yLTIuMmMtMC4yLTAuMi0wLjItMC42LDAtMC44IGMwLjItMC4yLDAuNi0wLjIsMC44LDBsMCwwbDIuMiwyLjJMMjMuOCw0QzI0LDMuOCwyNC40LDMuOCwyNC42LDR6Ii8+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9IiMwMDY2RkYiIGQ9Ik0xMi43LDQuMWMwLjIsMC4yLDAuMywwLjYsMC4xLDAuOGwwLDBMOC42LDkuOEM4LjUsOS45LDguNCwxMCw4LjMsMTBjLTAuMiwwLjEtMC41LDAuMS0wLjctMC4xbDAsMCBMNS40LDcuN2MtMC4yLTAuMi0wLjItMC42LDAtMC44YzAuMi0wLjIsMC42LTAuMiwwLjgsMGwwLDBMOCw4LjZsMy44LTQuNUMxMiwzLjksMTIuNCwzLjksMTIuNyw0LjF6Ii8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
                height: 14px;
                width: 30px;
            }
        }

        .privacy-policy a[b-btbh29nqol], .terms-of-service a[b-btbh29nqol] {
            text-decoration: underline;
        }
    }

    &[dir="rtl"][b-btbh29nqol] {
        .sitewide-links {
            .link-group {
                border-left: initial !important;
                border-right: thin solid var(--fg-100-20) !important;
            }

            .newsletter[b-btbh29nqol] {
                border-left: initial !important;
                border-right: thin solid var(--fg-100-20) !important;
                padding: var(--sp-400) var(--sp-400) var(--sp-400) 0 !important;

                .subscription {
                    padding: var(--sp-200) var(--sp-400) var(--sp-200) var(--sp-200) !important;
                }
            }
        }
    }
}

.root-layout-footer .promotion[b-btbh29nqol]  .social-network-widget {
    color-scheme: dark only;
}

@media (width <= 1600px) {
    .root-layout-footer[b-btbh29nqol] {
    }
}

@media (width <= 1280px) {
    .root-layout-footer[b-btbh29nqol] {
        .footer-content {
            grid-template: auto / 1fr !important;

            .agency-info {
                display: grid !important;
                grid-template: auto / repeat(4, 1fr);

                .agency-logo {
                    grid-row: span 2;
                    height: 100%;
                    min-width: 198px !important;
                }

                p[b-btbh29nqol] {
                    grid-column: span 3;
                    text-align-last: start !important;
                }
            }

            .sitewide-links[b-btbh29nqol] {
                border-top: thin solid var(--fg-100-20);
                grid-column: span 2 !important;

                .link-group, .newsletter {
                    &:nth-child(1) {
                        border: initial !important;
                        padding-left: initial !important;
                    }
                }
            }
        }
    }
}

@media (width <= 960px) {
    .root-layout-footer[b-btbh29nqol] {
        .next-destination {
            .destination-links {
                gap: var(--sp-300) !important;
            }
        }

        .promotion[b-btbh29nqol] {
            flex-direction: column;

            .promotion-text {
                flex-grow: initial !important;
                font-size: var(--fz-500);
                text-align: center !important;
            }
        }

        .footer-content[b-btbh29nqol] {
            padding-bottom: var(--sp-400);

            .agency-info {
                align-items: center;
                display: flex !important;
                text-align: justify;

                p {
                    text-align-last: center !important;
                }
            }

            .sitewide-links[b-btbh29nqol] {
                border: initial;
                display: flex;
                flex-direction: column;
                gap: var(--sp-400);

                .link-group {
                    grid-row: initial !important;
                    padding: initial;

                    summary {
                        pointer-events: revert;

                        &::after {
                            display: revert;
                        }
                    }
                }

                .newsletter[b-btbh29nqol] {
                    grid-column: 1 / -1 !important;
                    grid-row: auto !important;
                    padding: var(--sp-400) 0 0 0;
                }

                *[b-btbh29nqol] {
                    border: initial !important;
                }
            }
        }

        .legal-notice[b-btbh29nqol] {
            justify-content: center;

            .copyright-notice {
                flex-basis: 100%;
                justify-content: center;
                text-align: center;
            }
        }
    }
}

@media (width <= 640px) {
    .root-layout-footer[b-btbh29nqol] {
        --nm: calc(var(--sp-400) / -1);
        border-radius: var(--sp-400) var(--sp-400) 0 0;
        margin: 0 var(--nm) var(--nm);

        .legal-notice {
            justify-content: center;

            .copyright-notice, .privacy-choices {
                flex-basis: 100%;
                justify-content: center;
            }
        }
    }
}

@media (width <= 360px) {
    .root-layout-footer[b-btbh29nqol] {
        padding: var(--sp-500) var(--sp-400) var(--sp-400) var(--sp-400);
    }
}
/* /Components/Layouts/RootLayoutHeader.razor.rz.scp.css */
.root-layout-header[b-4h4l6fk5dp] {
    min-height: 56px;

    .content {
        align-items: center;
        display: flex;
        gap: var(--sp-400);
        overflow-y: auto;
        padding-inline: var(--sp-400);
        position: relative;
        scrollbar-width: none;

        .agency-logo {
            height: 56px;
            max-width: 144px;

            &.small {
                display: none;
            }
        }

        .nav-links[b-4h4l6fk5dp] {
            display: flex;
            flex: 1;
            gap: var(--sp-200);
            justify-content: center;

            .nav-link {
                border: thin solid transparent;
                border-radius: var(--sp-200);
                padding: 8px 16px;
                transition-duration: var(--td-100);
                white-space: nowrap;
            }
        }

        .quick-options[b-4h4l6fk5dp] {
            align-items: center;
            display: flex;
            flex: 1;
            gap: var(--sp-400);
            transition-duration: var(--td-200);

            .travel-options {
                align-items: center;
                background: var(--bg-900-10);
                border-radius: var(--sp-400);
                display: flex;
                gap: var(--sp-100);
                padding: var(--sp-200);

                .separator {
                    height: 24px;
                    width: 1px;
                }
            }
        }

        &[b-4h4l6fk5dp]::after {
            background: url(https://cdn.wardatalrafidain.com/media/extras/film-grain.png);
            background-size: 192px 192px;
            /* content: ""; */
            inset: 0;
            mix-blend-mode: overlay;
            opacity: .5;
            position: absolute;
            z-index: -1;
        }
    }
}

[b-4h4l6fk5dp] .cta-button {
    block-size: 48px;
    /* line-height : 1.25 !important; */
    inline-size: auto !important;

    &::before {
        content: attr(data-text);
    }
}

[b-4h4l6fk5dp] .cta-button-header {
    display: none;
}
@media (width >= 640px) and (width < 1600px) {
    [b-4h4l6fk5dp] .cta-button-header {
        display: initial;
    }
}

[b-4h4l6fk5dp] .cta-button-options {
    display: none;
}
@media (width < 640px) or (width >= 1600px) {
    [b-4h4l6fk5dp] .cta-button-options {
        display: initial;
    }
}

[b-4h4l6fk5dp] {
    .icon {
        border-radius: var(--sp-400);
        cursor: pointer;
        padding: 0 var(--sp-300);
        transition-duration: var(--td-100);

        &::after {
            color: var(--bg-900-ff);
            font-size: 36px;
        }

        [b-4h4l6fk5dp] &.book-ticket::after {
            content: "airplane_ticket";
        }

        [b-4h4l6fk5dp] &.global-menu::after {
            content: "apps";
        }

        [b-4h4l6fk5dp] &.menu-button::after {
            content: "drag_handle";
        }

        [b-4h4l6fk5dp] &:hover {
            background: var(--bg-900-20);
        }

        [b-4h4l6fk5dp] &.menu-button {
            background: var(--bg-900-10);
            box-shadow: inset 0 4px 12px -4px #0004, inset 0 0 6px 6px #ffff;
            /* box-shadow: inset 0 0 3px 4px #ffff, inset 0 4px 12px -4px #0004; */
            display: none;
            min-height: 48px;
            min-width: 48px;
            outline: thin solid var(--bg-900-20);
            outline-offset: -1px;
            overflow: hidden;
            padding: var(--sp-200);
            position: relative;

            &::before {
                content: "";
                inset: 0;
                position: absolute;
                transition-duration: var(--td-100);
            }

            [b-4h4l6fk5dp] &:hover {
                &::before {
                    background: var(--bg-900-10);
                }
            }
        }
    }

    .nav-links[b-4h4l6fk5dp] {
        .nav-link {
            &.active {
                background: var(--bg-900-10);
            }

            [b-4h4l6fk5dp] &:hover {
                border-color: var(--bg-900-20) !important;
            }
        }
    }
}

@media (width <= 1600px) {
    .root-layout-header[b-4h4l6fk5dp] {
        .content {
            flex-wrap: wrap !important;

            .menu-button {
                display: initial !important;
            }

            .quick-options[b-4h4l6fk5dp] {
                display: none;
                flex: 1;
                order: 1;
            }
        }

        &.opened[b-4h4l6fk5dp] {
            .content {
                /* min-width: 360px; */

                .quick-options {
                    display: flex;
                }
            }
        }
    }
}

@media (width <= 1280px) {
    .root-layout-header[b-4h4l6fk5dp] {
        .content {
            flex-wrap: nowrap !important;

            .nav-links {
                flex-direction: column;
            }

            [b-4h4l6fk5dp] .nav-link {
                border-radius: var(--sp-300) !important;
                display: none;
            }
        }

        [b-4h4l6fk5dp] .cta-button {
            padding-block: 14px !important;
        }

        &.opened[b-4h4l6fk5dp] {
            .content {
                align-items: initial;
                /* backdrop-filter : url(#fgb-32p); */
                backdrop-filter: blur(32px);
                background: var(--fg-100-c0);
                flex-direction: column;
                height: 100dvh;
                inset: 0;
                padding: var(--sp-600) var(--sp-400) var(--sp-400);
                position: fixed;
                z-index: 998;

                .agency-logo {
                    display: revert;
                    height: calc(var(--sp-600) + var(--sp-300));
                    max-width: initial;
                    padding-inline: var(--sp-500);
                    width: stretch;
                    width: -webkit-fill-available;

                    &.small {
                        display: none !important;
                    }
                }

                .quick-options[b-4h4l6fk5dp] {
                    flex-grow: initial !important;
                    flex-wrap: wrap;
                }

                [b-4h4l6fk5dp] .nav-link {
                    display: revert;
                    font-size: 18px;
                    padding: 16px;
                    text-align: center;
                }
            }

            [b-4h4l6fk5dp] .menu-button {
                inset: 28px 48px auto auto;
                position: absolute;

                &::after {
                    content: "close_small";
                }
            }
        }

        &[dir="rtl"][b-4h4l6fk5dp] {
            &.opened {
                .menu-button {
                    inset: 28px auto auto 48px !important;
                }
            }
        }
    }
}

@media (width <= 640px) {
    .root-layout-header[b-4h4l6fk5dp] {
        .content {
            .agency-logo {
                display: none;

                &.small {
                    display: initial !important;
                }
            }

            .quick-options[b-4h4l6fk5dp] {
                .search-field {
                    flex-basis: 75%;
                }

                .travel-options[b-4h4l6fk5dp] {
                    order: -1;
                }
            }

            [b-4h4l6fk5dp] .cta-button-options {
                flex-grow: 1;
                order: -1;
                text-align: center;

                &::before {
                    content: attr(data-text-small);
                }
            }
        }
    }
}
/* /Components/Pages/About.razor.rz.scp.css */
section#spotlight[b-cxbp5i0xkj] {
    border-radius: var(--sp-400);
    display: grid;
    grid-template: 1fr / repeat(5, 1fr);
    margin-bottom: initial;
    max-width: -webkit-fill-available;
    max-width: stretch;
    min-height: 540px;
    outline: thin solid var(--bg-900-20);
    overflow: hidden;
    position: relative;
    z-index: 1;

    .cover {
        align-items: center;
        background-position: 25% 100% !important;
        background-size: cover;
        display: flex;
        flex-direction: column;
        gap: var(--sp-300);
        grid-column: 4 / -1;
        --background-image: url(https://cdn.wardatalrafidain.com/media/covers/cover-00.webp);
        min-height: inherit;
        padding-block: var(--sp-500);
        position: relative;

        .fillet {
            inset: 0;
            position: absolute;

            &::before {
                background: white;
                block-size: 24px;
                border-radius: 24px 24px 0 0;
                content: "";
                display: none;
                inset: auto 0 0 0;
                position: absolute;
            }
        }
    }

    >.content[b-cxbp5i0xkj] {
        display: flex;
        flex-direction: column;
        gap: var(--sp-400);
        grid-column: 1 / -3;
        justify-content: center;
        padding: var(--sp-500) var(--sp-600);

        .summary {}

        .button[b-cxbp5i0xkj] {
            display: flex;
            gap: var(--sp-300);
            height: fit-content;
            height: -webkit-fit-content;
            max-inline-size: var(--pw-100);
            padding-inline: var(--sp-400) var(--sp-300);

            .text {
                flex-grow: 1;
                font-size: 18px;
                line-height: 1.8;
                text-align: start;
            }

            .separator[b-cxbp5i0xkj] {
                background-color: var(--fg-100-40);
                height: 100%;
                width: 1px;
            }

            .icon[b-cxbp5i0xkj] {
                padding: 4px;
            }
        }
    }

    .heading[b-cxbp5i0xkj] {
        font-size: var(--fz-600);
        font-weight: bold;
        line-height: 1;
        text-wrap: balance;

        .highlight {
            color: var(--ac-500);
        }
    }

    .subheading[b-cxbp5i0xkj] {
        text-wrap: balance;
    }

    &[b-cxbp5i0xkj]::after,
    &[b-cxbp5i0xkj]::before {
        content: "";
        inset: 0;
        position: absolute;
        z-index: -1;
    }

    &[b-cxbp5i0xkj]::after {
        background: url(https://cdn.wardatalrafidain.com/media/extras/calligraffiti-01-blurred.svg) left center / cover no-repeat;
        filter: contrast(.875);
    }

    &[b-cxbp5i0xkj]::before {
        background: white;
    }
}

section#agency-intent[b-cxbp5i0xkj] {
    .intent-container {
        display: flex;
        gap: var(--sp-500);

        .separator {
            background: initial;
            border: thin solid var(--bg-900-20);
            /* margin-block : 42px var(--sp-400); */
            border-radius: var(--sp-100);
            min-height: 48px;
        }
    }
}

section#agency-intent[b-cxbp5i0xkj]  .section-header {
    flex-basis: 100%;
    flex-grow: 1;
}

section#whyus[b-cxbp5i0xkj] {
    align-items: center;
    display: flex;
    gap: var(--sp-500);

    .cover {
        align-items: center;
        aspect-ratio: 0.8125;
        display: flex;
        flex-basis: 43.75%;
        flex-direction: column;
        gap: var(--sp-200);
        --background-image: url(https://cdn.wardatalrafidain.com/media/covers/cover-01.webp);
        padding: 48px;

        .tagline,
        .heading {
            color: var(--fg-100-ff) !important;
            display: none;
            text-align: center;
        }

        .fillet[b-cxbp5i0xkj] {
            inset: 0;
            position: absolute;

            &::before {
                background: white;
                block-size: 24px;
                border-radius: 24px 24px 0 0;
                content: "";
                display: none;
                inset: auto 0 0 0;
                position: absolute;
            }
        }
    }

    .content[b-cxbp5i0xkj] {
        display: flex;
        flex-basis: 56.25%;
        flex-direction: column;
        gap: var(--sp-400);

        .features {
            display: flex;
            gap: var(--sp-500);

            .feature {
                display: flex;
                flex-direction: column;
                gap: var(--sp-400);

                .head {
                    align-items: center;
                    display: flex;
                    gap: var(--sp-300);

                    .icon {
                        background-color: var(--bg-100-c0);
                        border-radius: var(--sp-200);
                        padding: var(--sp-300);
                    }

                    h3[b-cxbp5i0xkj] {
                        font-weight: bold;

                        br {
                            /* display: none; */
                        }
                    }
                }
            }
        }

        .cta-button[b-cxbp5i0xkj] {
            margin-top: var(--sp-400);
            width: fit-content;

            >* {
                align-items: center;
                cursor: pointer;
                display: flex;
                gap: var(--sp-200);
                transition-duration: var(--td-100);
            }

            &:hover:not(.icon)[b-cxbp5i0xkj] {
                color: var(--bg-900-ff) !important;
            }
        }
    }
}

section#features[b-cxbp5i0xkj] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-400);
    margin-top: -24px;

    .notice {
        color: var(--bg-900-c0);
        flex-grow: 1;
        margin-top: var(--sp-400);
        text-align: center;
        white-space: nowrap;
    }
}

section#founder[b-cxbp5i0xkj] {
    align-items: center;
    background: #ffffff;
    border: thin solid var(--bg-900-20);
    border-radius: var(--sp-400);
    display: flex;
    flex-direction: column;
    gap: var(--sp-400);
    overflow: hidden;
    padding: var(--sp-500) !important;
    position: relative;
    z-index: 1;

    .profile-picture {
        background-size: 256px 256px;
        border-radius: 128px;
        margin-top: 24px;
        padding: 128px;

        &::after,
        &::before {
            border-radius: 50%;
        }
    }

    .display-name[b-cxbp5i0xkj] {
        font-weight: bold;
        margin-bottom: -12px;
    }

    .job-title[b-cxbp5i0xkj] {
        text-align: center;
        white-space: nowrap;
    }

    p[b-cxbp5i0xkj] {
        text-align: justify;
        text-align-last: center;
    }

    .cta-button p[b-cxbp5i0xkj] {
        align-items: center;
        display: flex;
        font-size: 17px;
        font-weight: 500;
        gap: var(--sp-200);
        margin-top: 24px;

        .icon {
            font-size: 20px;
        }
    }

    &[b-cxbp5i0xkj]::after {
        background: url(https://cdn.wardatalrafidain.com/media/extras/calligraffiti-01-blurred.svg) center / cover no-repeat;
        content: "";
        filter: contrast(.875);
        inset: 0;
        position: absolute;
        z-index: -1;
    }
}

[b-cxbp5i0xkj] .intent {
    color: var(--bg-900-c0);

    &::after {
        inset: -24px auto auto 0 !important;
    }
}

@media (width <=1280px) {
    section#spotlight[b-cxbp5i0xkj] {
        >.content {
            padding: var(--sp-500) !important;
        }
    }
}

@media (width <=960px) {
    section#spotlight[b-cxbp5i0xkj] {
        grid-template: auto / 1fr;
        /* min-height    : 320px; */

        .cover {
            border-radius: var(--sp-400) var(--sp-400) 0 0;
            grid-column: initial !important;
            order: -1 !important;

            .fillet::before {
                display: initial !important;
            }
        }

        >.content[b-cxbp5i0xkj] {
            text-align: center;

            .button {
                max-inline-size: initial !important;
            }
        }
    }

    section#agency-intent[b-cxbp5i0xkj] {
        .intent-container {
            align-items: center;
            display: flex;
            flex-direction: column;
            gap: var(--sp-400);

            .separator {
                margin-bottom: var(--sp-400);
            }
        }
    }

    section#whyus[b-cxbp5i0xkj] {
        align-items: normal;
        flex-direction: column !important;

        .cover {
            aspect-ratio: initial;
            background-position: bottom;
            margin-inline: -24px;
            min-height: 540px;
        }

        >.content[b-cxbp5i0xkj] {
            flex-basis: 50% !important;
            text-align: center;

            .features {
                .feature {
                    gap: var(--sp-300);

                    .head {
                        justify-content: center;
                        text-align: start;

                    }
                }
            }
        }
    }

    section#features[b-cxbp5i0xkj] {
        .notice {
            white-space: wrap;
        }
    }
}

@media (width <=640px) {
    section#spotlight[b-cxbp5i0xkj] {
        margin-inline: -24px;

        .cover {
            .fillet::before {
                display: block !important;
            }
        }

        >.content[b-cxbp5i0xkj] {
            padding: var(--sp-500) var(--sp-400) !important;

            .heading {
                font-size: var(--fz-600) !important;
            }

            .subheading[b-cxbp5i0xkj] {
                font-size: var(--fz-400) !important;
            }

            .summary[b-cxbp5i0xkj] {
                text-align: justify;
                text-align-last: center;
            }
        }

        &[b-cxbp5i0xkj]::after {
            display: none !important;
        }
    }

    section#whyus[b-cxbp5i0xkj] {
        align-items: normal;
        flex-direction: column !important;
        gap: var(--sp-400);
        text-align: justify;
        text-align-last: center;

        .cover {
            aspect-ratio: 0.8125;
            background-position: bottom;
            border-radius: var(--sp-400) var(--sp-400) 0 0;
            margin-inline: -48px;
            min-height: 540px;
            padding-inline: 24px !important;

            .tagline,
            .heading {
                display: initial;
                z-index: 1;
            }

            .fillet[b-cxbp5i0xkj]::after {
                background: linear-gradient(var(--bg-900-40), transparent, transparent);
                content: "";
                inset: 0;
                position: absolute;
            }

            .fillet[b-cxbp5i0xkj]::before {
                display: block !important;
            }
        }

        .content[b-cxbp5i0xkj] {
            flex-basis: 50% !important;
            gap: var(--sp-500);

            .tagline,
            .heading {
                display: none;
            }

            .features[b-cxbp5i0xkj] {
                flex-direction: column;
                text-align: center;

                .head {
                    flex-direction: column;

                    br {
                        display: none;
                    }
                }
            }

            .cta-button[b-cxbp5i0xkj] {
                align-self: center;
            }
        }
    }

    section#founder[b-cxbp5i0xkj] {
        border-radius: 0;
        margin-inline: -24px;
    }
}
/* /Components/Pages/Consult.razor.rz.scp.css */
/* .page.consult { */
/*     section#consultation { */
/*          */
/*     } */
/* } */
/* /Components/Pages/Contact.razor.rz.scp.css */
section#locations[b-bt5xga9y96] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--sp-400);

    .content {
        display: grid;
        gap: var(--sp-200);
        grid-template: 540px 1fr / 1fr 1fr;
        width: stretch;
        width: -webkit-fill-available;

        .map {
            align-items: end;
            border: thin solid #161d1c30;
            border-radius: 24px 24px 0 0;
            display: flex;
            grid-column: 1 / -1;
            justify-content: center;
            overflow: hidden;
            padding: var(--sp-400);
            position: relative;

            iframe {
                border: none;
                height: calc(100% + 192px);
                inset: -96px;
                pointer-events: none;
                position: absolute;
                width: calc(100% + 192px);
                max-width: none;
            }

            .callout[b-bt5xga9y96] {
                backdrop-filter: blur(var(--sp-300));
                background: var(--bg-900-10);
                border: 1px solid var(--bg-900-20);
                border-radius: var(--sp-400);
                box-shadow: 0 0 6px var(--bg-900-40);
                display: inline-flex;
                gap: var(--sp-300);
                padding: 8px 16px;
                position: absolute;
                z-index: 1;

                .current-branch {
                    font-weight: bold;
                }

                .separator[b-bt5xga9y96] {
                    height: stretch;
                    height: -webkit-fill-available;
                }
            }

            &[b-bt5xga9y96]::after {
                content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2069%2029%22%3E%3Cg%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.5%22%20opacity%3D%22.6%22%3E%3Cpath%20d%3D%22m17.4706%207.33616.5412-.54112-.5519-.53011c-1.3636-1.30974-3.2017-2.31971-5.7591-2.31971-4.6137%200-8.50262%203.75517-8.50262%208.39578%200%204.6407%203.88892%208.3958%208.50262%208.3958%202.4704%200%204.3765-.8188%205.8732-2.3679%201.5695-1.5729%202.0216-3.7363%202.0216-5.4119%200-.5232-.044-1.0254-.1295-1.4529l-.1206-.6029h-8.3947v3.5942h4.8301c-.1724.5966-.4321%201.0286-.7491%201.3461-.6288.6214-1.5823%201.3094-3.331%201.3094-2.65245%200-4.73598-2.1312-4.73598-4.8099%200-2.67861%202.08353-4.80981%204.73598-4.80981%201.4362%200%202.4752.5607%203.257%201.29229l.5298.49574.513-.51303z%22/%3E%3Cpath%20d%3D%22M24.8656%2020.7286c3.089%200%205.6036-2.4192%205.6036-5.6692%200-3.2681-2.5162-5.66929-5.6036-5.66929-3.0873%200-5.6035%202.40119-5.6035%205.66929%200%203.25%202.5145%205.6692%205.6035%205.6692Zm0-7.9004c1.014%200%201.9766.837%201.9766%202.2312%200%201.3805-.9653%202.2311-1.9766%202.2311-1.0099%200-1.9765-.8574-1.9765-2.2311%200-1.3874.9639-2.2312%201.9765-2.2312Z%22/%3E%3Cpath%20d%3D%22M35.7511%2017.2905h-.0042c-1.0099%200-1.9766-.8574-1.9766-2.2311%200-1.3874.964-2.2312%201.9766-2.2312%201.0139%200%201.9765.837%201.9765%202.2312%200%201.3845-.968%202.2368-1.9723%202.2311Zm-.0124%203.4381c3.089%200%205.6035-2.4192%205.6035-5.6692%200-3.2681-2.5162-5.66929-5.6035-5.66929-3.0874%200-5.6036%202.40119-5.6036%205.66929%200%203.2508%202.5236%205.6692%205.6036%205.6692Z%22/%3E%3Cpath%20d%3D%22M51.953%2010.4357v-.74997h-3.5531v.12253c-.55-.26178-1.2022-.42639-1.9191-.42639-2.8837%200-5.464%202.51793-5.464%205.69393%200%202.1269%201.164%203.9479%202.8033%204.9137l-.0658.0273-1.8806.7802-.6929.2874.2876.6928c.6228%201.5004%202.2776%203.3697%205.0535%203.3697%201.4105%200%202.787-.4145%203.814-1.4093%201.0332-1.0009%201.6171-2.4965%201.6171-4.4653zm-7.2194%209.9844-.0002-.0005c.5552.2005%201.1446.309%201.7474.309.6808%200%201.3058-.1467%201.841-.3891-.0876.3891-.2417.671-.4252.8682-.2812.3022-.7202.5011-1.3747.5011-.91190000000001%200-1.5201-.6476-1.7883-1.2887Zm1.9361-7.5919c.9722%200%201.878.8483%201.878%202.2558%200%201.3796-.8956%202.2147-1.878%202.2147-1.0428%200-1.993-.8738-1.993-2.2147%200-1.3754.9595-2.2558%201.993-2.2558Zm9.069-7.60737v-.75h-3.6599V20.4412h3.6599z%22/%3E%3Cpath%20d%3D%22m63.9128%2016.0614-.6183-.4122-.4179.6145c-.4562.6709-1.0102%201.0432-1.8025%201.0432-.4306%200-.7595-.0981-1.0197-.2622-.07-.0441-.1383-.0951-.2046-.1536l5.6999-2.3625.6825-.283L65.9596%2013.5589l-.219-.5514c-.4528-1.2075-1.8899-3.60918-4.9128-3.60918-2.9833%200-5.3244%202.36358-5.3244%205.66928%200%203.1475%202.3222%205.6693%205.5625%205.6693%202.6043%200%204.1111-1.5991%204.7283-2.5156l.421-.625L65.5882%2017.1783zm-2.5667-3.2103-1.9353.8015c.3795-.5743%201.0107-.8572%201.4909-.8572.1653%200%20.3136.0207.4444.0557Z%22/%3E%3C/g%3E%3Cpath%20fill%3D%22%234285f4%22%20d%3D%22M11.7008%2019.9868c-4.21304%200-7.75262-3.4328-7.75262-7.6458%200-4.21297%203.53958-7.64578%207.75262-7.64578%202.3323%200%203.9912.91159%205.2395%202.11061l-1.47%201.47003c-.8952-.83767-2.1106-1.49467-3.7695-1.49467-3.07972%200-5.48598%202.48016-5.48598%205.55981%200%203.0797%202.40626%205.5599%205.48598%205.5599%201.9956%200%203.1289-.8048%203.8598-1.5275.5995-.5996.9855-1.4537%201.1333-2.628h-4.9931v-2.0942h7.0298c.0739.3695.115.8212.115%201.3058%200%201.5685-.427%203.5067-1.8067%204.8864-1.3469%201.3961-3.0551%202.1434-5.3381%202.1434%22/%3E%3Cpath%20fill%3D%22%23e94235%22%20d%3D%22M29.7192%2015.0594c0%202.8333-2.1763%204.9192-4.8536%204.9192-2.6772%200-4.8535-2.0859-4.8535-4.9192%200-2.8498%202.1763-4.9193%204.8535-4.9193%202.6773%200%204.8536%202.0695%204.8536%204.9193m-2.127%200c0-1.7739-1.2648-2.9812-2.7266-2.9812s-2.7265%201.2155-2.7265%202.9812c0%201.7492%201.2647%202.9811%202.7265%202.9811s2.7266-1.2237%202.7266-2.9811%22/%3E%3Cpath%20fill%3D%22%23fabb05%22%20d%3D%22M40.5922%2015.0594c0%202.8333-2.1763%204.9192-4.8535%204.9192-2.6691%200-4.8536-2.0859-4.8536-4.9192%200-2.8498%202.1763-4.9193%204.8536-4.9193%202.6772%200%204.8535%202.0695%204.8535%204.9193m-2.1188%200c0-1.7739-1.2647-2.9812-2.7265-2.9812s-2.7266%201.2155-2.7266%202.9812c0%201.7492%201.2648%202.9811%202.7266%202.9811%201.4618.0082%202.7265-1.2237%202.7265-2.9811%22/%3E%3Cpath%20fill%3D%22%234285f4%22%20d%3D%22M51.203%2010.4357v8.8366c0%203.6382-2.1435%205.1246-4.6811%205.1246-2.3899%200-3.8188-1.6014-4.3609-2.9072l1.8807-.7802c.3367.8048%201.158%201.7493%202.4802%201.7493%201.626%200%202.628-1.0101%202.628-2.8908v-.7063h-.074c-.4845.5995-1.4207%201.1169-2.5951%201.1169-2.4637%200-4.714-2.1434-4.714-4.9028%200-2.7758%202.2585-4.9439%204.714-4.9439%201.1744%200%202.1106.5256%202.5951%201.1004h.074v-.7966zm-1.9053%204.6483c0-1.7328-1.158-3.0058-2.628-3.0058-1.4947%200-2.743%201.2647-2.743%203.0058%200%201.7164%201.2483%202.9647%202.743%202.9647%201.47%200%202.628-1.2483%202.628-2.9647%22/%3E%3Cpath%20fill%3D%22%2334a853%22%20d%3D%22M54.9887%205.22083V19.6912h-2.1599V5.22083z%22/%3E%3Cpath%20fill%3D%22%23e94235%22%20d%3D%22m63.4968%2016.6854%201.6754%201.1169c-.5421.8049-1.8478%202.1846-4.1063%202.1846-2.8004%200-4.8125-2.1599-4.8125-4.9193%200-2.9237%202.0367-4.9193%204.5744-4.9193%202.554%200%203.8023%202.0285%204.213%203.129l.2217.5584-6.5782%202.7266c.501.9855%201.2894%201.4946%202.3898%201.4946%201.1005%200%201.8643-.5502%202.4227-1.3715m-5.1656-1.7739%204.4019-1.8231c-.2464-.616-.9691-1.043-1.8314-1.043-1.1005%200-2.628.9691-2.5705%202.8661%22/%3E%3C/svg%3E);
                height: 38px;
                inset: auto auto 24px 24px;
                position: absolute;
                width: 80px;
                z-index: 1;
            }
        }

        .location[b-bt5xga9y96] {
            background: var(--bg-900-10);
            border: thin solid var(--bg-900-20);
            padding: var(--sp-300);

            .head {
                align-items: center;
                display: flex;
                gap: var(--sp-300);

                > .label {
                    flex: 1;
                    font-weight: bold;
                    padding-inline-start: var(--sp-300);
                }

                .options[b-bt5xga9y96] {
                    display: flex;
                    gap: var(--sp-300);

                    .option {
                        align-items: center;
                        background: var(--bg-900-ff);
                        border-radius: var(--sp-400);
                        color: var(--fg-100-ff);
                        display: inline-flex;
                        gap: 8px;
                        padding: 8px 8px 8px 8px;
                        transition-duration: var(--td-100);

                        .label {
                            padding-inline-start: 12px;
                        }

                        [b-bt5xga9y96] &:hover {
                            background: var(--bg-900-c0);
                        }

                        [b-bt5xga9y96] &:first-child {
                            background: var(--bg-100-a0);
                            color: var(--bg-900-ff);

                            &:hover {
                                background: var(--bg-900-20);
                                /* color      : var(--fg-100-ff); */
                            }
                        }
                    }
                }
            }

            .body[b-bt5xga9y96] {
                display: flex;
                flex-direction: column;
                gap: var(--sp-300);
                padding: var(--sp-300);

                p {
                    color: var(--bg-900-c0);
                    text-wrap: balance;
                }

                .operational-hours[b-bt5xga9y96] {
                    align-items: center;
                    display: flex;
                    flex-wrap: wrap;
                    font-weight: 500;
                    gap: var(--sp-300);
                    overflow: hidden;

                    .separator {
                        height: 12px;
                    }

                    span[b-bt5xga9y96] {
                        white-space: nowrap;
                    }
                }
            }

            &:nth-child(2)[b-bt5xga9y96] {
                border-bottom-left-radius: 24px;
            }

            &:nth-child(3)[b-bt5xga9y96] {
                border-bottom-right-radius: 24px;
            }
        }
    }

    &[dir="rtl"][b-bt5xga9y96] {
        .map {
        }

        .location[b-bt5xga9y96] {
            border-radius: revert !important;

            &:nth-child(2) {
                border-bottom-right-radius: 24px !important;
            }

            &:nth-child(3)[b-bt5xga9y96] {
                border-bottom-left-radius: 24px !important;
            }
        }
    }
}

section#inquiries[b-bt5xga9y96] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-400);

    > .content{
        
    }
}

section#faq[b-bt5xga9y96] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-400);

    > .content {
        align-items: start;
        display: grid;
        gap: var(--sp-300);
        grid-template: auto / repeat(2, minmax(0, 1fr));
    }
}

section#faq[b-bt5xga9y96]  .accordion {
    ul {
        display: flex;
        flex-direction: column;
        gap: var(--sp-300);
        margin: initial;
    }
}

@media (width <= 960px) {
    section#locations[b-bt5xga9y96] {
        .content {
            grid-template: 320px 1fr / 1fr;

            .map {
                .callout {
                    border-radius: 12px !important;
                    flex-direction: column;
                    gap: var(--sp-200) !important;
                    inset: var(--sp-300) auto auto var(--sp-300);

                    .separator {
                        display: none;
                    }
                }

                &[b-bt5xga9y96]::after {
                    position: initial !important;
                }
            }

            .location[b-bt5xga9y96] {
                &:nth-child(2) {
                    border-bottom-left-radius: 0 !important;
                }

                &:nth-child(3)[b-bt5xga9y96] {
                    border-radius: 0 0 24px 24px !important;
                }
            }
        }

        &[dir="rtl"][b-bt5xga9y96] {
            .callout {
                inset: var(--sp-300) var(--sp-300) auto auto !important;
            }
        }
    }

    section#faq[b-bt5xga9y96] {
        .content {
            grid-template: auto / minmax(256px, 1fr);
        }
    }
}

@media (width <= 640px) {
    section#locations[b-bt5xga9y96] {
        .content {
            margin-inline: -24px;

            .map {
                /* border-radius: 0; */
            }
        }
    }
}

@media (width <= 400px) {
    .location[b-bt5xga9y96] {
        .head {
            .options {
                .option {
                    .label {
                        display: none;
                    }
                }
            }
        }

        .body[b-bt5xga9y96] {
            .operational-hours {
                align-items: start !important;
                flex-direction: column !important;
                margin-top: 12px;

                .separator {
                    display: none;
                }
            }
        }
    }
}
/* /Components/Pages/Discover.razor.rz.scp.css */
.page.discover[b-ejcgsmegct] {
    display: flex;
    flex-direction: column;
    width: stretch;
    width: -webkit-fill-available;

    .search-field {
        max-width: 480px;
        width: stretch;
        width: -webkit-fill-available;
        flex: initial;
        z-index: 1;

        .search-inputs {
            backdrop-filter: blur(16px);

        }
    }

    section#articles[b-ejcgsmegct] {
        display: flex;
        flex-direction: column;
        gap: var(--sp-400);
        max-width: var(--pw-400);
        width: stretch;
        width: -webkit-fill-available;

        .results-header {
            margin-bottom: var(--sp-200);

            h2 {
                font-size: var(--fz-400);
            }
        }

        .no-results[b-ejcgsmegct] {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: var(--sp-600) var(--sp-400);
            text-align: center;
            border: 1px dashed var(--bg-900-20);
            border-radius: var(--sp-400);
            background: rgba(255, 255, 255, 0.5);

            .icon {
                font-size: 48px;
                color: var(--bg-900-40);
                margin-bottom: var(--sp-300);
            }

            p[b-ejcgsmegct] {
                color: var(--bg-900-80);
                font-size: var(--fz-300);
            }
        }

        >.content[b-ejcgsmegct] {
            display: grid;
            gap: var(--sp-500) var(--sp-400);
            grid-template: auto / repeat(3, 1fr);
            justify-items: center;
            width: stretch;
            width: -webkit-fill-available;

            .article-placeholder {
                background: var(--stripe) repeat center / 24px 24px;
                border: 1px solid var(--bg-900-20);
                border-radius: var(--sp-400);
                width: stretch;
                width: -webkit-fill-available;
                max-width: 480px;
            }

            
        }
    }
}

/* Responsive design */
@media (width <=960px) {
    .page.discover section#articles>.content[b-ejcgsmegct] {
        grid-template: auto / repeat(2, 1fr) !important;
    }

    .page.discover section#articles>.content.mod3-1 .article-placeholder:nth-of-type(2)[b-ejcgsmegct] {
        display: none;
    }

    .page.discover section#articles>.content.mod3-2 .article-placeholder:nth-of-type(1)[b-ejcgsmegct] {
        display: none;
    }
}

@media (width <=640px) {
    .page.discover section#articles>.content[b-ejcgsmegct] {
        grid-template: auto / repeat(1, 1fr) !important;
    }

    .page.discover section#articles>.content .article-placeholder[b-ejcgsmegct] {
        display: none;
    }
}

/* SKELETON CSS FOR LOADING SEARCH */
.skeleton[b-ejcgsmegct] {
    animation: skeleton-loading-b-ejcgsmegct 3s infinite ease-in-out;
    background: linear-gradient(45deg, var(--bg-900-20) 0%, var(--bg-900-20) 25%, var(--fg-100-c0) 60%, var(--bg-900-20) 62.5%);
    background-size: 200% 100%;
    border-radius: var(--sp-200);
}

@keyframes skeleton-loading-b-ejcgsmegct {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

@keyframes skeleton-loading-opacity-b-ejcgsmegct {
    0% {
        opacity: 0.50;
    }

    50% {
        opacity: 1.00;
    }

    100% {
        opacity: 0.50;
    }
}

.article-skeleton[b-ejcgsmegct] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-300);
    width: stretch;
    width: -webkit-fill-available;
    max-width: 480px;

    .cover-skeleton {
        aspect-ratio: 1.75;
        border-radius: var(--sp-300);
        display: grid;
        padding: var(--sp-300);
        place-items: end;

        .category-skeleton {
            animation: skeleton-loading-opacity-b-ejcgsmegct var(--td-300) infinite ease-in-out;
            background: var(--bg-900-20);
            border-radius: var(--sp-200);
            height: 28px;
            width: 128px;
        }

        &.outlined[b-ejcgsmegct]::after,
        &.outlined[b-ejcgsmegct]::before {
            inset: -6px;
        }

        &.outlined[b-ejcgsmegct]::after {
            border-radius: 18px;
            border-width: 12px;
            background-color: var(--fg-100-ff);
        }
    }

    .content-skeleton[b-ejcgsmegct] {
        align-items: center;
        display: flex;
        flex: 1;
        flex-direction: column;
        gap: var(--sp-300);

        .headline-skeleton,
        .metadata-skeleton,
        .summary-skeleton {
            animation: skeleton-loading-opacity-b-ejcgsmegct var(--td-300) infinite ease-in-out;
            background: var(--bg-900-20);
            border-radius: var(--sp-200);
        }

        .headline-skeleton[b-ejcgsmegct] {
            height: 24px;
            width: 80%;
        }

        .metadata-skeleton[b-ejcgsmegct] {
            height: 18px;
            width: 40%;
        }

        .summary-skeleton[b-ejcgsmegct] {
            height: 16px;
            width: 100%;
        }
    }

    .options-skeleton[b-ejcgsmegct] {
        align-items: center;
        display: flex;
        gap: 12px;

        .button-skeleton,
        .icon-skeleton {
            animation: skeleton-loading-opacity-b-ejcgsmegct var(--td-300) infinite ease-in-out;
            background: var(--bg-900-20);
        }

        .button-skeleton[b-ejcgsmegct] {
            border-radius: 12px;
            flex-grow: 1;
            height: 48px;
        }

        .icon-skeleton[b-ejcgsmegct] {
            animation: skeleton-loading-opacity-b-ejcgsmegct var(--td-300) infinite ease-in-out;
            background: var(--bg-900-20);
            border-radius: var(--sp-400);
            height: 48px;
            width: 48px;
        }
    }
}

.discover-error-state[b-ejcgsmegct] {
    align-items: center;
    background: linear-gradient(135deg, var(--bg-100-ff), var(--bg-900-10));
    border: 1px dashed var(--bg-900-20);
    border-radius: var(--sp-400);
    display: flex;
    flex-direction: column;
    gap: var(--sp-400);
    grid-column: 1 / -1;
    justify-content: center;
    margin: 48px auto;
    max-width: 540px;
    padding: var(--sp-600) var(--sp-500);
    text-align: center;
    width: 100%;
    
    .icon {
        color: var(--ac-500);
        font-size: 64px;
        margin-bottom: var(--sp-200);
    }

    .error-title[b-ejcgsmegct] {
        color: var(--bg-900-ff);
        font-size: var(--fz-500);
        font-weight: 600;
        margin: 0;
    }

    .error-desc[b-ejcgsmegct] {
        color: var(--bg-900-c0);
        font-size: var(--fz-300);
        font-weight: 300;
        line-height: 1.5;
        margin: 0;
        padding-inline: var(--sp-300);
    }

    .retry-button[b-ejcgsmegct] {
        align-items: center;
        background: var(--bg-900-ff);
        border: none;
        border-radius: var(--sp-300);
        color: var(--fg-100-ff);
        cursor: pointer;
        display: flex;
        font-size: var(--fz-300);
        font-weight: 500;
        gap: var(--sp-200);
        padding: var(--sp-300) var(--sp-500);
        transition: transform var(--td-100), background var(--td-100);

        .icon {
            color: inherit;
            font-size: var(--fz-400);
            margin: 0;
        }

        &:hover[b-ejcgsmegct] {
            background: var(--bg-900-c0);
            transform: scale(1.02);
        }

        &:active[b-ejcgsmegct] {
            transform: scale(0.98);
        }
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.page.home[b-fm6wgpyh6q] {
    section#spotlight {
        display: grid;
        gap: 24px;
        grid-template: 287px 1fr / 1fr 436px;
        margin-bottom: initial;
        max-width: initial;
        min-height: 793px;
        position: relative;
        scroll-margin-top: var(--sp-600);

        .silhouette {
            display: grid;
            gap: inherit;
            grid-template: inherit;
            inset: 0;
            position: absolute;

            .area-1 {
                background: black;
                border-radius: 24px 0 24px 24px;
                grid-column: 1 / -2;
                grid-row: 1 / -1;
            }

            .area-2[b-fm6wgpyh6q] {
                background: black;
                border-radius: 0 24px 24px 0;
                grid-column: 2 / -1;
                margin-inline-start: -24px;
                position: relative;

                &::after {
                    border-radius: 48px 0 0 0;
                    box-shadow: -16px -16px 0 0 black;
                    content: "";
                    inset: auto auto -64px 0;
                    padding: 32px;
                    position: absolute;
                }
            }
        }

        .content[b-fm6wgpyh6q] {
            background: var(--bg-100-ff) url(https://cdn.wardatalrafidain.com/media/extras/calligraffiti-00.svg) left 45%;
            display: flex;
            flex-direction: column;
            gap: 24px;
            grid-area: 1 / 1 / -1 / -1;
            mix-blend-mode: screen;
            padding: 56px 72px 56px 72px;
            position: relative;
            z-index: 0;

            .header {
                display: flex;
                flex-direction: column;
                gap: 16px;

                h1 {
                    font: 700 var(--fz-700) "Noto Naskh Arabic";
                    line-height: 1;

                    &.highlight {
                        color: var(--fg-100-ff) !important;
                        font-weight: initial;
                        position: relative;

                        &::after {
                            background: var(--bg-900-c0);
                            content: "";
                            inset: -20px -60px 0 -60px;
                            position: absolute;
                            z-index: -1;
                        }
                    }
                }
            }

            .header-small[b-fm6wgpyh6q] {
                display: none;
            }

            .services[b-fm6wgpyh6q] {
                display: grid;
                gap: 12px;
                grid-template: 1fr 1fr / 1fr 1fr;
                max-width: 800px;
                perspective: 100cm;
                place-items: center;

                .service {
                    width: stretch;
                    width: -webkit-fill-available;
                    backdrop-filter: blur(12px);
                    background: #ffffff33;
                    border-radius: 6px;
                    color: var(--bg-900-ff);
                    cursor: pointer;
                    display: flex;
                    flex-direction: column;
                    gap: 16px;
                    outline: 1px solid #00000033;
                    outline-offset: -1px;
                    overflow: hidden;
                    padding: 16px;
                    position: relative;
                    transform-origin: center center;
                    transform-style: preserve-3d;
                    transition-duration: var(--td-200);

                    &::after,
                    &::before {
                        content: "";
                        opacity: 0;
                        position: absolute;
                        transition-duration: var(--td-200);
                        z-index: -1;
                    }

                    &[b-fm6wgpyh6q]::after {
                        background: linear-gradient(#ffffff30, transparent);
                        filter: blur(6px);
                        inset: 0 -100%;
                        rotate: 30deg;
                        translate: -1cm;
                    }

                    &[b-fm6wgpyh6q]::before {
                        background: #ffffffff;
                        filter: blur(64px);
                        padding: 48px;
                    }

                    &:hover[b-fm6wgpyh6q] {
                        backdrop-filter: blur(24px);
                        background: #ffffff60;
                        /* outline-color   : #161d1c; */
                        /* box-shadow: 6px 12px 24px 0 #161d1c20; */
                        transform: rotateY(-10deg) rotateX(10deg) translateZ(0cm);

                        &::after {
                            filter: blur(6px);
                            opacity: 1;
                            translate: 0;
                        }

                        &[b-fm6wgpyh6q]::before {
                            opacity: 1;
                        }
                    }

                    .symbols[b-fm6wgpyh6q] {
                        display: flex;
                        justify-content: space-between;

                        .symbol {
                            font-size: 40px;
                        }

                        .arrow[b-fm6wgpyh6q] {
                            font-size: 24px;
                        }
                    }

                    .service-content[b-fm6wgpyh6q] {
                        display: flex;
                        flex-direction: column;
                        gap: 8px;
                        overflow: hidden;

                        .head {
                            font-size: 16px;
                            font-weight: 500;
                        }

                        .body[b-fm6wgpyh6q] {
                            -webkit-box-orient: vertical;
                            color: var(--bg-900-c0);
                            display: -webkit-box;
                            font-weight: 450;
                            -webkit-line-clamp: 1;
                        }
                    }
                }
            }

            .spotlight-text[b-fm6wgpyh6q] {
                --fz-300: 18px;
                font-size: var(--fz-300);
                font-weight: 400;
                line-height: 1.5;
                max-width: 800px;
            }

            .avatar[b-fm6wgpyh6q] {
                aspect-ratio: 1 / 1.5;
                height: 768px;
                inset: auto 472px 12px auto;
                pointer-events: none;
                position: absolute;

                .avatar-ao {
                    filter: blur(64px) saturate(0.75);
                    left: 96px;
                    position: absolute;
                    width: inherit;
                    z-index: -1;
                }

                .avatar-dm[b-fm6wgpyh6q] {
                    filter: drop-shadow(96px 24px 96px #00000060) saturate(0.875);
                    transition-duration: var(--td-200);
                    width: inherit;
                }

                &[b-fm6wgpyh6q]::after {
                    aspect-ratio: 1;
                    border-radius: 100vw;
                    content: "";
                    filter: blur(96px);
                    inset: 0 0 auto 0;
                    outline: 384px solid #161d1c40;
                    outline-offset: 25vw;
                    position: absolute;
                    translate: -50% -50%;
                    z-index: -1;
                }
            }

            &:has(.service:hover)[b-fm6wgpyh6q] {
                &::before {
                    background: color-mix(var(--bg-900-ff), transparent 81.25%);
                    /* backdrop-filter : saturate(1.5); */
                }
            }

            &:has(.service:hover) .avatar-dm[b-fm6wgpyh6q] {
                filter: drop-shadow(96px 24px 96px #00000060) saturate(0.875) brightness(81.25%) blur(1px) !important;
                scale: calc(100% + 1%);
            }

            &[b-fm6wgpyh6q]::after {
                background: url(https://cdn.wardatalrafidain.com/media/extras/film-grain.png) center / 192px 192px;
                content: "";
                inset: 0;
                mix-blend-mode: overlay;
                opacity: 0.5;
                pointer-events: none;
                position: absolute;
            }

            &[b-fm6wgpyh6q]::before {
                content: "";
                inset: 0;
                pointer-events: none;
                position: absolute;
                transition-duration: var(--td-200);
                z-index: 0;
            }

            .cta-buttons[b-fm6wgpyh6q] {
                align-items: end;
                display: grid;
                flex: 1;
                gap: var(--sp-300);
                grid-template-columns: repeat(auto-fit, minmax(259px, 1fr));
                inline-size: stretch;
                inline-size: -webkit-fill-available;
                justify-items: center;
                max-width: 800px;
                z-index: 1;

                .button {
                    --fz-200: 18px;
                    backdrop-filter: blur(12px) !important;
                    border: initial !important;
                    font-size: var(--fz-200);
                    padding-block: 18px;

                    &.primary {
                        background: var(--bg-900-ff);
                        border-radius: 12px;
                        box-shadow: inset 0 -1.5px 3px #161d1c, inset 0 0 1.5px 2px #fff6;

                        &:hover {
                            background: var(--bg-900-c0);
                        }
                    }

                    [b-fm6wgpyh6q] &.secondary {
                        background: rgba(248, 248, 248, 0.25);
                        box-shadow: inset 0 -1.5px 1px #0006, inset 0 0 1.5px 1px #fffa;

                        &:hover {
                            background: var(--fg-100-10);
                            /* background : var(--bg-900-10); */
                            color: var(--bg-900-ff);
                        }
                    }
                }
            }
        }

        .outline[b-fm6wgpyh6q] {
            display: grid;
            gap: inherit;
            grid-template: inherit;
            inset: 0;
            mix-blend-mode: soft-light;
            pointer-events: none;
            position: absolute;

            .area-1 {
                border-block-start: 12px solid var(--bg-900-ff);
                border-inline-start: 12px solid var(--bg-900-ff);
                border-radius: 24px 0 24px 0;
                margin-bottom: -48px;
                margin-inline-end: -48px;
            }

            .area-2[b-fm6wgpyh6q] {
                border-block-start: 12px solid var(--bg-900-ff);
                border-bottom: 12px solid var(--bg-900-ff);
                border-inline-end: 12px solid var(--bg-900-ff);
                border-radius: 0 24px 24px 0;
                margin-inline-start: 24px;
                position: relative;

                &::after {
                    border-block-start: 12px solid var(--bg-900-ff);
                    border-inline-start: 12px solid var(--bg-900-ff);
                    border-radius: 60px 0 0 0;
                    content: "";
                    inset: auto auto -76px -60px;
                    padding: 32px;
                    position: absolute;
                }
            }

            .area-3[b-fm6wgpyh6q] {
                border-bottom: 12px solid var(--bg-900-ff);
                border-inline-end: 12px solid var(--bg-900-ff);
                border-inline-start: 12px solid var(--bg-900-ff);
                border-radius: 0 0 24px 24px;
                margin-top: 24px;
            }
        }

        .next-travel-track[b-fm6wgpyh6q] {
            background: var(--stripe) center / 24px 24px;
            border-radius: 24px;
            grid-column: 2 / -1;
            grid-row: 2 / -1;
            height: 1674px;
            outline: thin solid var(--bg-900-20);
            position: absolute;

            .next-travel-widget {
                position: sticky;
                top: calc(50vh - 235px);
            }
        }
    }

    section#options[b-fm6wgpyh6q] {
        display: grid;
        gap: 24px;
        grid-template: 1fr / 1fr 436px;
        margin-bottom: initial;
        max-width: initial;
        padding: initial;

        .social-network-widget {
            background: var(--bg-900-10);
        }
    }

    section#discover[b-fm6wgpyh6q] {
        display: grid;
        gap: 24px;
        grid-template: auto / 1fr min-content 436px;
        margin-bottom: initial;
        max-width: initial;
        padding: initial;

        .area-1 {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            /* padding-inline-start: var(--sp-500); */

            .row-1 {
                display: flex;
                flex-direction: column;
                gap: 12px;
                padding-top: 80px;

                .heading {
                    .title {
                        font-size: var(--fz-600);
                        font-weight: bold;
                    }
                }

                p[b-fm6wgpyh6q] {
                    color: var(--bg-900-c0);
                    -webkit-box-orient: vertical;
                    display: -webkit-box;
                    -webkit-line-clamp: 3;
                    overflow: hidden;
                }

                .cta-button[b-fm6wgpyh6q] {
                    padding-top: var(--sp-300);
                    width: fit-content;

                    >* {
                        align-items: center;
                        cursor: pointer;
                        display: flex;
                        gap: var(--sp-200);
                        transition-duration: var(--td-100);
                    }

                    &:hover:not(.icon)[b-fm6wgpyh6q] {
                        color: var(--bg-900-ff) !important;
                    }
                }
            }

            .row-2[b-fm6wgpyh6q] {
                display: grid;
                gap: 12px;
                grid-template: auto / 1fr 1fr;

                .service {
                    background: var(--bg-900-10);
                    border: thin solid var(--bg-900-20);
                    border-radius: 6px;
                    color: var(--bg-900-ff);
                    cursor: pointer;
                    display: flex;
                    flex-direction: column;
                    gap: 24px;
                    padding: 16px;
                    transition-duration: var(--td-100);

                    .head {
                        display: flex;
                        gap: 24px;
                        justify-content: space-between;

                        .flag {
                            background: var(--flag) center / cover;
                            border-radius: 3px;
                            height: 39px;
                            outline: thin solid var(--bg-900-20);
                            outline-offset: -1px;
                            width: 66px;
                        }
                    }

                    .body[b-fm6wgpyh6q] {
                        display: flex;
                        flex-direction: column;
                        gap: 3px;

                        .header {
                            font-weight: bold;
                        }

                        .description[b-fm6wgpyh6q] {
                            -webkit-box-orient: vertical;
                            display: -webkit-box;
                            -webkit-line-clamp: 1;
                            overflow: hidden;
                        }
                    }

                    &:last-child[b-fm6wgpyh6q] {
                        justify-content: center;

                        .head {
                            display: none;
                        }

                        .body[b-fm6wgpyh6q] {
                            text-align: center;
                        }
                    }

                    &:hover[b-fm6wgpyh6q] {
                        background: var(--fg-100-ff);
                    }
                }
            }
        }

        .area-2[b-fm6wgpyh6q] {
            display: grid;
            gap: 24px;
            grid-template: repeat(2, 56px 290px) 56px / 1fr 1fr;

            .portrait {
                border-radius: 12px;
                grid-row: span 2;
                width: 290px;

                &:nth-child(2) {
                    background-position-x: right;
                }

                &[b-fm6wgpyh6q]::after {
                    border-radius: 24px;
                    border-width: 18px;
                }
            }

            &[b-fm6wgpyh6q]:before {
                content: "";
            }
        }
    }

    section#updates[b-fm6wgpyh6q] {
        display: grid;
        gap: 24px;
        grid-template: min-content 1fr / 1fr 604px 436px;
        max-width: initial;
        padding: initial;

        .blank-space {
            background: var(--stripe) center / 24px 24px;
            border: thin solid var(--bg-900-20);
            border-radius: 12px 12px 24px 24px;
            /* margin-inline-start: 48px; */
            /* margin: 10px; */
        }

        [b-fm6wgpyh6q] .section-header p.description {
            -webkit-box-orient: vertical;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            overflow: hidden;
        }

        >.heading[b-fm6wgpyh6q] {
            background: var(--bg-900-ff);
            border-radius: 12px 0 0 0;
            color: var(--fg-100-ff);
            margin-bottom: -24px;
            padding: var(--sp-500);
            position: relative;
            z-index: 1;

            .notch {
                background: var(--bg-900-ff);
                border-radius: 12px 12px 0 0;
                height: 85px;
                inset: -85px 0 auto auto;
                position: absolute;
                width: 290px;
                z-index: -1;

                &::before {
                    border-radius: 0 0 24px 0;
                    box-shadow: 12px 12px 0 0 var(--bg-900-ff);
                    content: "";
                    inset: auto auto 0 -48px;
                    padding: 24px;
                    position: absolute;
                }
            }

            &[b-fm6wgpyh6q]::after,
            &[b-fm6wgpyh6q]::before {
                content: "";
                padding: 32px;
                position: absolute;
            }

            &[b-fm6wgpyh6q]::after {
                border-radius: 0 0 0 48px;
                box-shadow: -16px 16px 0 0 var(--bg-900-ff);
                inset: auto -64px 0 auto;
            }

            &[b-fm6wgpyh6q]::before {
                border-radius: 0 0 48px 0;
                box-shadow: 16px 16px 0 0 var(--bg-900-ff);
                inset: auto auto 0 -64px;
            }
        }

        >.content[b-fm6wgpyh6q] {
            background: var(--bg-900-ff);
            border-radius: 24px;
            color: var(--fg-100-ff);
            grid-column: 1/ -1;
            grid-row: 2 / 3;
            padding: 12px;
        }
    }

    section#pillars[b-fm6wgpyh6q] {
        display: grid;
        gap: var(--sp-400);
        grid-template-columns: repeat(auto-fit, minmax(256px, 1fr));

        .section-header {
            grid-column: 1 / -1;
        }

        .destinations-preview[b-fm6wgpyh6q] {
            background: var(--bg-900-10);
            border: thin solid var(--bg-900-20);
            border-radius: var(--sp-300);
            display: flex;
            flex-direction: column;
            grid-column: span 2;
            grid-row: span 2;
            min-height: 480px;
            overflow: hidden;
            position: relative;

            .preview-area {
                height: 100%;
                inset: 0;
                object-fit: contain;
                position: absolute;
                width: 100%;
            }

            .base-map[b-fm6wgpyh6q] {
                z-index: 1;
            }

            .highlight-map[b-fm6wgpyh6q] {
                opacity: 0;
                transition: opacity var(--td-100) ease-in-out;
                z-index: 2;

                &.active {
                    opacity: 1;
                }
            }

            .destinations-info[b-fm6wgpyh6q] {
                background: linear-gradient(transparent, #e9eaea);
                display: flex;
                flex-wrap: wrap;
                gap: var(--sp-300);
                margin-top: auto;
                padding: var(--sp-600) var(--sp-400) var(--sp-400) var(--sp-400);
                position: relative;
                z-index: 3;

                .destination {
                    backdrop-filter: blur(var(--sp-300));
                    background: var(--bg-900-10);
                    border: thin solid var(--bg-900-20);
                    border-radius: var(--sp-200);
                    padding: var(--sp-300);
                    white-space: nowrap;
                }

                .placeholder-text[b-fm6wgpyh6q] {
                    color: var(--bg-900-c0);
                    /* font-weight: 500; */
                    flex-grow: 1;
                    margin: 0;
                    text-align: center;
                }
            }
        }

        >div[b-fm6wgpyh6q] {
            display: flex;

            ::deep .feature-card {
                flex: 1;
            }
        }
    }

    [b-fm6wgpyh6q] .feature-card {
        &:hover {
            .head {
                background: var(--bg-100-40);
            }
        }
    }

    section#features[b-fm6wgpyh6q] {
        display: flex;
        flex-wrap: wrap;
        gap: var(--sp-400);
        margin-top: -24px;

        .section-header {
            flex-basis: 100%;
        }
    }

    &[dir="rtl"][b-fm6wgpyh6q] {
        --fz-100: 14px;
        --fz-200: 16px;
        --fz-300: 20px;
        --fz-400: 24px;
        --fz-500: 32px;
        --fz-600: 48px;
        --fz-700: 96px;

        section#spotlight {
            .silhouette {
                .area-1 {
                    border-radius: 0 24px 24px 24px;
                }

                .area-2[b-fm6wgpyh6q] {
                    border-radius: 24px 0 0 24px;

                    &::after {
                        border-radius: 0 48px 0 0;
                        box-shadow: 16px -16px 0 0 black;
                        content: "";
                        inset: auto 0 -64px auto;
                        padding: 32px;
                        position: absolute;
                    }
                }
            }
        }

        section#spotlight[b-fm6wgpyh6q] {
            >.content {
                .header {
                    h1 {
                        transform: translateY(-12px);

                        &.highlight {
                            &::after {
                                transform: translateY(12px);
                            }
                        }
                    }
                }

                .spotlight-text[b-fm6wgpyh6q] {
                    --fz-300: 20px;
                }

                .services[b-fm6wgpyh6q] {
                    .service {
                        .symbols {
                            .arrow {
                                scale: -1 1;
                                inset: 12px auto auto 12px !important;
                            }
                        }
                    }
                }

                .avatar[b-fm6wgpyh6q] {
                    inset: auto auto 12px 472px;
                    scale: -1 1;
                }

                .cta-buttons[b-fm6wgpyh6q] {
                    .button {
                        --fz-200: 20px;
                    }
                }
            }

            .outline[b-fm6wgpyh6q] {
                display: grid;
                gap: inherit;
                grid-template: inherit;
                inset: 0;
                mix-blend-mode: soft-light;
                pointer-events: none;
                position: absolute;

                .area-1 {
                    border-radius: 0 24px 0 0;
                }

                .area-2[b-fm6wgpyh6q] {
                    border-radius: 24px 0 0 24px;

                    &::after {
                        border-radius: 0 60px 0 0;
                        inset: auto -60px -76px auto;
                    }
                }

                .area-3[b-fm6wgpyh6q] {
                    border-radius: 0 0 24px 24px;
                }
            }

            .next-travel-track[b-fm6wgpyh6q] {
                height: 1684px !important;

                @media (width <=1880px) {
                    height: 1674px !important;[b-fm6wgpyh6q]
                }

                @media (width <=1600px) {
                    height: fit-content !important;[b-fm6wgpyh6q]
                }
            }
        }

        section#discover[b-fm6wgpyh6q] {

            .row-1 {
                min-height: 355px;
            }

            .row-2[b-fm6wgpyh6q] {
                .service {
                    .head {
                        .icon {
                            scale: -1 1;
                            inset: 12px auto auto 12px !important;
                        }
                    }
                }
            }

            @media (width <=1880px) {
                margin-bottom: -87px !important;[b-fm6wgpyh6q]
            }



            @media (width <=1280px) {
                margin-bottom: -155px !important;[b-fm6wgpyh6q]
            }

            @media (width <=960px) {
                margin-bottom: -12px !important;[b-fm6wgpyh6q]

            }
        }

        section#updates[b-fm6wgpyh6q] {

            .blank-space {

                @media (width <=1880px) {
                    margin-top: 87px !important;[b-fm6wgpyh6q]
                }


                @media (width <=1280px) {
                    margin-top: 155px !important;[b-fm6wgpyh6q]
                }
            }

            .heading[b-fm6wgpyh6q] {
                border-radius: 0 12px 0 0;

                @media (width <=1600px) {


                    &[b-fm6wgpyh6q]::before {
                        border-radius: 0 0 0 48px;
                        box-shadow: -16px 16px 0 0 var(--bg-900-ff);
                        inset: auto -64px 0 auto;
                    }
                }

                .notch {
                    height: 80px;
                    inset: -80px auto auto 0;

                    &::before {
                        border-radius: 0 0 0 24px;
                        box-shadow: -12px 12px 0 0 var(--bg-900-ff);
                        inset: auto -48px 0 auto;
                    }

                    @media(width <=960px) {
                        border-top-right-radius: 12px !important;[b-fm6wgpyh6q]
                    }

                    @media(width <=640px) {
                        border-top-left-radius: 0 !important;[b-fm6wgpyh6q]
                    }
                }
            }

            >.content[b-fm6wgpyh6q] {
                @media(width<=1600px) {

                    border-top-right-radius: 24px !important;
                    border-top-left-radius: 0;[b-fm6wgpyh6q]
                }

                @media(width<=960px) {

                    border-top-right-radius: 0 !important;
                    border-top-left-radius: 0;[b-fm6wgpyh6q]
                }
            }
        }
    }
}

@media (width <=1880px) {
    .page.home[b-fm6wgpyh6q] {
        section#spotlight {
            >.content {

                .services,
                .spotlight-text,
                .cta-buttons {
                    max-width: initial !important;
                    padding-inline-end: 448px;
                }

                .avatar-dm[b-fm6wgpyh6q],
                .avatar-ao[b-fm6wgpyh6q] {
                    display: none;
                }
            }
        }

        section#discover[b-fm6wgpyh6q] {
            display: grid;
            gap: 24px;
            grid-template: auto / 1fr min-content 436px;
            margin-bottom: -57px;
            max-width: initial;
            padding: initial;

            .area-1 {


                .row-2 {
                    grid-template: auto / 1fr !important;
                    margin-top: 24px;

                    .service {
                        align-items: center;
                        flex-direction: row !important;
                        position: relative;

                        .head {
                            .icon {
                                inset: 12px 12px auto auto;
                                position: absolute;
                                /* display: none; */
                            }
                        }
                    }
                }
            }
        }

        section#updates[b-fm6wgpyh6q] {
            .blank-space {
                margin-top: 57px;
                /* top: 48px; */
                /* position: relative; */
            }
        }
    }
}

@media (width <=1600px) {
    .page.home[b-fm6wgpyh6q] {
        section#spotlight {
            .next-travel-track {
                height: fit-content !important;
            }
        }

        section#options[b-fm6wgpyh6q] {
            grid-template: 1fr / 1fr;
        }

        section#discover[b-fm6wgpyh6q],
        section#updates[b-fm6wgpyh6q] {
            grid-template: 1fr / 1fr 604px;
        }

        section#updates[b-fm6wgpyh6q] {
            .heading {
                &::after {
                    display: none !important;
                }
            }

            >.content[b-fm6wgpyh6q] {
                border-top-right-radius: 0 !important;
            }
        }
    }
}

@media (width <=1280px) {
    section#spotlight[b-fm6wgpyh6q] {
        grid-template: auto / 1fr !important;
        min-height: initial !important;

        .silhouette {
            .area-1 {
                border-radius: 24px !important;
            }

            .area-2[b-fm6wgpyh6q] {
                display: none;
            }
        }

        >.content[b-fm6wgpyh6q] {
            padding: 48px !important;

            .header {
                text-align: center;

                h1:not(.highlight) {
                    font-size: 60px !important;
                    margin-bottom: 6px;
                }

                .highlight[b-fm6wgpyh6q] {
                    &::after {
                        inset: -20px -36px 0 -36px !important;
                    }
                }
            }

            .services[b-fm6wgpyh6q],
            .spotlight-text[b-fm6wgpyh6q],
            .cta-buttons[b-fm6wgpyh6q] {
                padding: initial !important;
            }
        }

        .outline[b-fm6wgpyh6q] {
            .area-1 {
                border: 12px solid black !important;
                border-radius: 24px !important;
                margin: initial !important;
            }

            .area-2[b-fm6wgpyh6q] {
                display: none;
            }

            .area-3[b-fm6wgpyh6q] {
                display: none;
            }
        }

        .next-travel-track[b-fm6wgpyh6q] {
            z-index: 997;

            .next-travel-widget {
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0;
                inset: auto 0 0 0 !important;
                max-width: initial !important;
                position: fixed !important;
                translate: 0 83%;
            }
        }
    }

    section#discover[b-fm6wgpyh6q] {
        grid-template: 1fr / 1fr 536px !important;
        margin-bottom: -125px !important;

        .area-2 {
            grid-template: repeat(2, 56px 256px) 56px / 1fr 1fr !important;

            .portrait {
                width: 256px !important;
            }
        }
    }

    section#updates[b-fm6wgpyh6q] {
        grid-template: 1fr / 1fr 536px !important;

        .blank-space {
            margin-top: 125px !important;
        }

        .heading[b-fm6wgpyh6q] {
            .notch {
                width: 256px !important;
            }
        }

        >.content[b-fm6wgpyh6q] {
            border-radius: 0 0 24px 24px !important;
        }
    }
}

@media (width <=960px) {
    .page.home[b-fm6wgpyh6q] {
        section#pillars {
            grid-template-columns: repeat(2, minmax(256px, 1fr)) !important;

            .pillar-card:last-child {
                grid-column: span 2;
            }
        }

        section#discover[b-fm6wgpyh6q] {
            gap: 12px;
            grid-template: 1fr / 1fr !important;
            /* padding-inline: 24px !important; */
            margin-bottom: -12px !important;

            .area-1 {
                .row-1 {
                    padding-top: initial !important;
                }
            }

            .area-2[b-fm6wgpyh6q] {
                gap: 12px;
                grid-template: repeat(2, 56px 1fr) 56px / 1fr 1fr !important;

                .portrait {
                    aspect-ratio: 1;
                    width: initial !important;
                }

                &[b-fm6wgpyh6q]::before {
                    background: var(--stripe) center / 24px 24px;
                    border: thin solid var(--bg-900-20);
                    border-radius: 12px;
                }
            }
        }

        section#updates[b-fm6wgpyh6q] {
            grid-template: 1fr / 1fr !important;

            .blank-space {
                display: none;
            }

            .heading[b-fm6wgpyh6q] {
                .notch {
                    height: 68px;
                    inset: -68px 0 auto auto;
                    width: calc(50% - 6px) !important;

                    &::before {
                        border-bottom-right-radius: 18px;
                    }
                }

                &[b-fm6wgpyh6q]::before {
                    display: none !important;
                }
            }

            >.content[b-fm6wgpyh6q] {
                border-radius: 0 0 24px 24px !important;
            }
        }

        &[dir="rtl"][b-fm6wgpyh6q] {
            section#updates {
                .notch {
                    height: 68px !important;
                    inset: -68px auto auto 0 !important;
                }
            }
        }
    }
}

@media (width <=640px) {
    .page.home[b-fm6wgpyh6q] {
        section#spotlight {
            margin: 0 -24px 0 -24px;

            .silhouette {
                .area-1 {
                    /* border-top: none !important; */
                    border-radius: 0 0 24px 24px !important;
                }
            }

            >.content[b-fm6wgpyh6q] {
                background-color: var(--bg-900-ff);
                background-position: center !important;
                padding: 96px 24px 48px 24px !important;

                .header {
                    display: none;
                }

                .header-small[b-fm6wgpyh6q] {
                    color: var(--fg-100-ff);
                    display: initial;
                    margin-bottom: 24px;
                    text-align: center;
                }

                .services[b-fm6wgpyh6q] {
                    grid-template: auto / 1fr !important;

                    .service {
                        align-items: center;
                        backdrop-filter: blur(24px);
                        background: var(--bg-100-10) !important;
                        border-radius: 6px;
                        box-shadow: inset 0 -2px 2px #161d1c, inset 0 0 1.5px 1px var(--fg-100-a0);
                        color: var(--fg-100-ff) !important;
                        flex-direction: row !important;
                        gap: 24px;
                        padding: 16px;
                        position: relative;

                        .body {
                            color: var(--bg-100-a0) !important;
                            font-weight: 350 !important;
                        }

                        .symbols[b-fm6wgpyh6q] {
                            color: var(--fg-100-ff);

                            .arrow {
                                inset: 12px 12px auto auto !important;
                                position: absolute;
                            }
                        }
                    }
                }

                .spotlight-text[b-fm6wgpyh6q] {
                    color: var(--fg-100-a0);
                    font-weight: 300;
                    text-align: center;
                }

                .cta-buttons[b-fm6wgpyh6q] {
                    .button {
                        color: var(--fg-100-ff) !important;

                        &.primary {
                            background: var(--fg-100-ff);
                            color: var(--bg-900-ff) !important;

                            &:hover {
                                background: var(--fg-100-c0);
                            }
                        }

                        [b-fm6wgpyh6q] &.secondary {
                            background: var(--bg-100-10) !important;

                            &:hover {
                                background: var(--bg-100-20) !important;
                            }
                        }
                    }
                }
            }

            .outline[b-fm6wgpyh6q] {
                display: none !important;
            }
        }

        section#discover[b-fm6wgpyh6q] {
            grid-template: auto / 1fr;
        }

        section#updates[b-fm6wgpyh6q] {
            margin-inline: -24px;

            .heading {
                border-radius: 0 !important;

                .notch {
                    border-top-right-radius: 0 !important;
                }
            }
        }

        section#pillars[b-fm6wgpyh6q] {
            grid-template-columns: minmax(256px, 1fr) !important;

            .destinations-preview {
                border-radius: 0 !important;
                grid-column: initial !important;
                grid-row: initial !important;
                margin-inline: -48px;
                min-height: 320px !important;

                .preview-area {
                    /* object-position: 0 24px; */
                }
            }

            .pillar-card:last-child[b-fm6wgpyh6q] {
                grid-column: initial;
            }

            .destinations-info[b-fm6wgpyh6q] {
                .destination {
                    font-size: 15px;
                    padding: 6px 12px !important;
                    white-space: nowrap;
                }
            }
        }
    }
}

@media (width <=400px) {}
/* /Components/Pages/NotFound.razor.rz.scp.css */
.page.not-found[b-in1vj6bv7n] {
    section#spotlight {
        background-color: var(--fg-100-ff);
        background-size: 24px 24px;
        --background-image: var(--stripe);

        .content {
            .heading {
                display: flex;
                font-size: var(--fz-600);
                font-weight: bold;
                gap: var(--sp-400);
                line-height: 1;
                padding: var(--sp-300) var(--sp-400);

                .separator {
                    width: 1px;
                }
            }

            .message[b-in1vj6bv7n] {
                text-wrap: balance;

                .return {
                    color: var(--ac-500);
                    outline: initial;
                    text-decoration-line: underline;
                    transition-duration: var(--td-100);

                    &:hover {
                        color: var(--bg-900-ff);
                    }
                }
            }

            [b-in1vj6bv7n] &::after {
                content: none;
            }
        }

        [b-in1vj6bv7n] &::after, [b-in1vj6bv7n] &::before {
            /* content: none; */
        }
    }

    section.conversion-zone[b-in1vj6bv7n] {
        margin-top: 48px;
    }
}

@media (width <= 640px) {
    .page.not-found[b-in1vj6bv7n] {
        section#spotlight {
            .content {
                align-items: start;

                .heading {
                    flex-direction: column;
                    gap: var(--sp-300);
                    padding: initial;
                    text-align: start;

                    .separator {
                        display: none;
                    }
                }
            }
        }

        section.conversion-zone[b-in1vj6bv7n] {
            margin-top: initial;
        }
    }
}
/* /Components/Pages/Services.razor.rz.scp.css */
.page.services[b-3arp3t2noi] {
    section#destinations {
        padding-inline: initial;
        max-width: initial;
    }

    section#pillars[b-3arp3t2noi] {
        align-items: center;
        display: flex;
        flex-direction: column;
        gap: var(--sp-400);
        width: 100%;

        .pillars-container {
            align-items: center;
            display: flex;
            flex-direction: column;
            gap: var(--sp-400);
            width: 100%;
        }
    }
}

@media (width <= 640px) {
    .page.services[b-3arp3t2noi] {
        section#pillars {
            padding: initial;

            .pillars-container {
            }
        }
    }
}
/* /Components/Pages/Updates.razor.rz.scp.css */
.page.updates[b-brqflmh3s4] {
    section#spotlight {
        max-width: initial;
        width: 100%;
    }

    section#spotlight[b-brqflmh3s4]  .article-slider::after {
        background: linear-gradient(to right, transparent, white);
    }

    section#spotlight[b-brqflmh3s4]  .article-slider::before {
        background: linear-gradient(to left, transparent, white);
    }

    section#articles[b-brqflmh3s4] {
        display: flex;
        flex-direction: column;
        gap: var(--sp-400);
        max-width: var(--pw-400);

        > .content {
            display: grid;
            gap: var(--sp-500) var(--sp-400);
            grid-template: auto / repeat(3, 1fr);
            justify-items: center;

            .article-placeholder {
                background: var(--stripe) repeat center / 24px 24px;
                border: 1px solid var(--bg-900-20);
                border-radius: var(--sp-400);
                width: -webkit-fill-available;
                width: stretch;
            }
        }
    }

    article#article[b-brqflmh3s4] {
        display: flex;
        flex-direction: column;
        gap: var(--sp-400);
        max-width: var(--pw-300);
        width: stretch;
        width: -webkit-fill-available;

        section#article-head {
            display: flex;
            flex-direction: column;
            gap: var(--sp-400);
            margin-bottom: initial;

            .back-button {
                align-items: center;
                display: flex;
                gap: var(--sp-200);
            }

            .headline[b-brqflmh3s4] {
                font-size: var(--fz-600);
                font-weight: 900;
                text-wrap: balance;
            }

            .subheadline[b-brqflmh3s4] {
                border-inline-start: var(--sp-100) solid var(--ac-500);
                color: var(--bg-900-c0);
                font-weight: 400;
                line-height: 1.5;
                padding-inline-start: var(--sp-400);
            }

            .cover[b-brqflmh3s4] {
                aspect-ratio: 2;
            }

            .options[b-brqflmh3s4] {
                align-items: center;
                display: flex;
                flex-wrap: wrap;
                gap: var(--sp-400);

                .tags {
                    display: flex;
                    flex: 1;
                    margin-inline-end: var(--sp-500);
                    overflow: hidden;
                    position: relative;

                    .tags-scroller {
                        display: flex;
                        gap: var(--sp-300);
                        overflow-x: auto;
                        padding-inline: var(--sp-400);
                        scrollbar-width: none;

                        .tag {
                            background: var(--bg-900-10);
                            border-radius: var(--sp-200);
                            padding: var(--sp-300);
                            white-space: nowrap;
                        }
                    }

                    &[b-brqflmh3s4]::after, &[b-brqflmh3s4]::before {
                        background: linear-gradient(to right, transparent, white);
                        content: "";
                        inset: 0 0 0 auto;
                        position: absolute;
                        width: var(--sp-400);
                    }

                    &[b-brqflmh3s4]::before {
                        background: linear-gradient(to left, transparent, white);
                        inset: 0 auto 0 0;
                    }
                }

                .share-button[b-brqflmh3s4] {
                    border-radius: var(--sp-400);
                    padding: var(--sp-300);
                    transition-duration: var(--td-100);

                    &:hover {
                        background: var(--bg-900-10);
                        cursor: pointer;
                    }
                }
            }
        }

        section#article-body[b-brqflmh3s4] {
            .headline {
                display: none;
            }

            .subheadline[b-brqflmh3s4] {
                display: none;
            }
        }

        section#article-foot[b-brqflmh3s4] {
            display: flex;
            flex-direction: column;
            gap: var(--sp-400);

            .gallery-body {
                display: grid;
                gap: var(--sp-300);
                grid-template: auto / repeat(auto-fit, minmax(256px, 1fr));

                .gallery-image {
                    aspect-ratio: 1.65;
                    border-radius: var(--sp-300);

                    .fillet {
                        align-items: center;
                        backdrop-filter: blur(var(--sp-200));
                        background: var(--bg-900-c0);
                        border-radius: inherit;
                        color: var(--fg-100-ff);
                        cursor: pointer;
                        display: flex;
                        flex-direction: column;
                        font-weight: 500;
                        gap: var(--sp-200);
                        height: stretch;
                        height: -webkit-fill-available;
                        justify-content: center;
                        opacity: 0;
                        transition-duration: var(--td-100);

                        .icon {
                            font-size: 40px;
                        }
                    }

                    &:hover[b-brqflmh3s4] {
                        .fillet {
                            opacity: 1;
                        }
                    }

                    &[b-brqflmh3s4]::after {
                        border-radius: 15px;
                        border-width: 6px;
                        inset: -3px;
                    }

                    &[b-brqflmh3s4]::before {
                        inset: -3px;
                    }
                }
            }
        }
    }
}

@media (width <= 960px) {
    .page.updates section#articles > .content[b-brqflmh3s4] {
        grid-template: auto / repeat(2, 1fr);
    }
    .page.updates section#articles > .content.mod3-1 .article-placeholder:nth-of-type(2)[b-brqflmh3s4] {
        display: none;
    }
    .page.updates section#articles > .content.mod3-2 .article-placeholder:nth-of-type(1)[b-brqflmh3s4] {
        display: none;
    }

    .page.updates[b-brqflmh3s4] {

        article#article {
            section#article-head {
                .options {
                    .tags {
                        flex-basis: 100% !important;
                        justify-content: center;
                        margin: initial !important;
                    }
                }

                [b-brqflmh3s4] .social-network-widget {
                    flex: 1;
                }
            }
        }
    }
}

@media (width <= 640px) {
    .page.updates section#articles > .content[b-brqflmh3s4] {
        grid-template: auto / repeat(1, 1fr);
    }
    .page.updates section#articles > .content .article-placeholder[b-brqflmh3s4] {
        display: none;
    }

    .page.updates[b-brqflmh3s4] {

        article#article {
            section#article-head {
                .headline, .subheadline {
                    /* display: none; */
                }

                .headline[b-brqflmh3s4] {
                    font-size: var(--fz-500);
                }

                .subheadline[b-brqflmh3s4] {
                    font-size: var(--fz-300);
                }

                .cover[b-brqflmh3s4] {
                    aspect-ratio: .75 !important;
                    border-radius: var(--sp-400) var(--sp-400) 0 0;
                    margin-inline: -48px;

                    .fillet {
                        &::before {
                            content: "";
                            inset: 0;
                            position: absolute;
                        }

                        &[b-brqflmh3s4]::before {
                            background: white;
                            block-size: var(--sp-400);
                            border-radius: var(--sp-400) var(--sp-400) 0 0;
                            box-shadow: inset 0 3px 6px white;
                            top: auto;
                            z-index: 1;
                        }
                    }
                }

                /* .outlined { */
                /*     &::after, &::before { */
                /*         inset: -6px; */
                /*     } */
                /*     &::after { */
                /*         border-radius: 30px; */
                /*         border-width: 12px; */
                /*     } */
                /* } */

                .options[b-brqflmh3s4] {
                    margin: -12px -24px 0 -24px;

                    .tags {
                        flex-grow: 1;
                    }
                }
            }

            /* section#article-body { */
            /*     .headline, .subheadline { */
            /*         display: block !important; */
            /*     } */
            /*     .headline { */
            /*         font-size: var(--fz-400); */
            /*         font-weight: 900; */
            /*         !* text-wrap: balance; *! */
            /*     } */
            /*     .subheadline { */
            /*         border-inline-start: var(--sp-100) solid var(--ac-500); */
            /*         color: var(--bg-900-c0); */
            /*         font-size: var(--fz-300) !important; */
            /*         font-weight: 400; */
            /*         margin-block: 24px; */
            /*         padding-inline-start: var(--sp-400); */
            /*     } */
            /* } */
        }
    }
}

@media (width <= 448px) {
    .page.updates[b-brqflmh3s4] {
        article#article {
            section#article-head {
                .options {
                    justify-content: center;

                    .tags {
                        font-size: var(--fz-100);

                        .tags-scroller {
                            gap: var(--sp-200) !important;

                            .tag {
                                padding: 8px !important;
                            }
                        }
                    }
                }

                [b-brqflmh3s4] .social-network-widget {
                    flex-grow: initial !important;
                    padding: var(--sp-200);

                    .label {
                        display: none;
                    }
                }
            }
        }
    }
}

/*SKELETON*/
.skeleton[b-brqflmh3s4] {
    animation: skeleton-loading-b-brqflmh3s4 3s infinite ease-in-out;
    background: linear-gradient(45deg, var(--bg-900-20) 0%, var(--bg-900-20) 25%, var(--fg-100-c0) 60%, var(--bg-900-20) 62.5%);
    background-size: 200% 100%;
    border-radius: var(--sp-200);
}

@keyframes skeleton-loading-b-brqflmh3s4 {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

@keyframes skeleton-loading-opacity-b-brqflmh3s4 {
    000% {
        opacity: 0.50;
    }
    050% {
        opacity: 1.00;
    }
    100% {
        opacity: 0.50;
    }
}

.article-skeleton[b-brqflmh3s4] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-300);
    max-width: 480px;
    width: stretch;
    width: -webkit-fill-available;

    .cover-skeleton {
        aspect-ratio: 1.75;
        border-radius: var(--sp-300);
        display: grid;
        padding: var(--sp-300);
        place-items: end;

        .category-skeleton {
            animation: skeleton-loading-opacity-b-brqflmh3s4 var(--td-300) infinite ease-in-out;
            background: var(--bg-900-20);
            border-radius: var(--sp-200);
            height: 28px;
            width: 128px;
        }

        &.outlined[b-brqflmh3s4] {
            &::after, &::before {
                inset: -6px;
            }

            &[b-brqflmh3s4]::after {
                border-radius: 18px;
                border-width: 12px;
            }
        }

        &[b-brqflmh3s4]::after {
            background-color: var(--fg-100-ff);
        }
    }

    .content-skeleton[b-brqflmh3s4] {
        align-items: center;
        display: flex;
        flex: 1;
        flex-direction: column;
        gap: var(--sp-300);

        .headline-skeleton, .metadata-skeleton, .summary-skeleton {
            animation: skeleton-loading-opacity-b-brqflmh3s4 var(--td-300) infinite ease-in-out;
            background: var(--bg-900-20);
            border-radius: var(--sp-200);
        }

        .headline-skeleton[b-brqflmh3s4] {
            height: 24px;
            width: 80%;
        }

        .metadata-skeleton[b-brqflmh3s4] {
            height: 18px;
            width: 40%;
        }

        .summary-skeleton[b-brqflmh3s4] {
            height: 16px;
            width: 100%;
        }
    }

    .options-skeleton[b-brqflmh3s4] {
        align-items: center;
        display: flex;
        gap: 12px;

        .button-skeleton, .icon-skeleton {
            animation: skeleton-loading-opacity-b-brqflmh3s4 var(--td-300) infinite ease-in-out;
            background: var(--bg-900-20);
        }

        .button-skeleton[b-brqflmh3s4] {
            border-radius: 12px;
            flex-grow: 1;
            height: 48px;
        }

        .icon-skeleton[b-brqflmh3s4] {
            animation: skeleton-loading-opacity-b-brqflmh3s4 var(--td-300) infinite ease-in-out;
            background: var(--bg-900-20);
            border-radius: var(--sp-400);
            height: 48px;
            width: 48px;
        }
    }
}

.skeleton-loading-full-page[b-brqflmh3s4] {
    display: grid;
    min-height: 540px;
    place-items: center;
}

.updates-error-state[b-brqflmh3s4] {
    align-items: center;
    background: linear-gradient(135deg, var(--bg-100-ff), var(--bg-900-10));
    border: 1px solid var(--bg-900-20);
    border-radius: var(--sp-400);
    display: flex;
    flex-direction: column;
    gap: var(--sp-400);
    grid-column: 1 / -1;
    justify-content: center;
    margin: 48px auto;
    max-width: 540px;
    padding: var(--sp-600) var(--sp-500);
    text-align: center;
    width: 100%;
    
    .icon {
        color: var(--ac-500);
        font-size: 64px;
        margin-bottom: var(--sp-200);
    }

    .error-title[b-brqflmh3s4] {
        color: var(--bg-900-ff);
        font-size: var(--fz-500);
        font-weight: 600;
        margin: 0;
    }

    .error-desc[b-brqflmh3s4] {
        color: var(--bg-900-c0);
        font-size: var(--fz-300);
        font-weight: 300;
        line-height: 1.5;
        margin: 0;
        padding-inline: var(--sp-300);
    }

    .retry-button[b-brqflmh3s4] {
        align-items: center;
        background: var(--bg-900-ff);
        border: none;
        border-radius: var(--sp-300);
        color: var(--fg-100-ff);
        cursor: pointer;
        display: flex;
        font-size: var(--fz-300);
        font-weight: 500;
        gap: var(--sp-200);
        padding: var(--sp-300) var(--sp-500);
        transition: transform var(--td-100), background var(--td-100);

        .icon {
            color: inherit;
            font-size: var(--fz-400);
            margin: 0;
        }

        &:hover[b-brqflmh3s4] {
            background: var(--bg-900-c0);
            transform: scale(1.02);
        }

        &:active[b-brqflmh3s4] {
            transform: scale(0.98);
        }
    }
}