/*html {
    background: url(../Images/bg.jpeg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
*/
/*the Arabic font-face form company*/


@font-face {
    font-family: 'Tajawal-Bold';
    src: url('../fonts/Tajawal/Tajawal-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Tajawal-Regular';
    src: url('../fonts/Tajawal/Tajawal-Regular.ttf') format('truetype');
}
/*---------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'Cairo-Bold';
    src: url('../fonts/CairoArabic/Cairo-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Cairo-Regular';
    src: url('../fonts/CairoArabic/Cairo-Regular.ttf') format('truetype');
}
/*---------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'Kufi-Black';
    src: url('../fonts/KuifiArabic/NotoKufiArabic-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'Kufi-Bold';
    src: url('../fonts/KuifiArabic/NotoKufiArabic-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Kufi-SemiBold';
    src: url('../fonts/KuifiArabic/NotoKufiArabic-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Kufi-Regular';
    src: url('../fonts/KuifiArabic/NotoKufiArabic-Regular.ttf') format('truetype');
}
/*---------------------------------------------------------------------------------------*/
/*the English font-face form company*/
@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('../fonts/PoppinsEnglish/Poppins-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-Regular';
    src: url('../fonts/PoppinsEnglish/Poppins-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-Black';
    src: url('../fonts/PoppinsEnglish/Poppins-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'PTSans-Regular';
    src: url('../fonts/PT_Sans/PTSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'PTSans-Bold';
    src: url('../fonts/PT_Sans/PTSans-Bold.ttf') format('truetype');
}
/*---------------------------------------------------------------------------------------*/
body {
    background-color: rgb(0 0 0 / 0%);
}
/* Buttons For All The Site 
--------------------------------*/
.item-fast {
    color: #555555;
    background-color: #fff;
}

    .item-fast:hover {
        color: #fff;
        background-color: #f47522;
        border-color: #f47522;
        text-decoration: none;
        border-radius: 1.5rem;
    }

    .item-fast:focus, .item-fast.focus {
        box-shadow: 0 0 0 3px rgba(23, 162, 184, 0.5);
    }


.btn-fast {
    color: #fff;
    background-color: #f47522;
    border-color: #f47522;
    border-radius: 1rem;
    border-width: 1px;
}

    .btn-fast:hover {
        color: #fff;
        background-color: #f29e67;
        border-color: #f47522;
    }

    .btn-fast:focus, .btn-fast.focus {
        box-shadow: 0 0 0 3px rgba(23, 162, 184, 0.5);
    }

    .btn-fast.disabled, .btn-fast:disabled {
        color: #ccc;
        background-color: #555555;
        border-color: #555555
    }

    .btn-fast:active, .btn-fast.active,
    .show > .btn-fast.dropdown-toggle {
        color: #fff;
        background-color: #f47522;
        background-image: none;
        border-color: #f47522;
    }
/*-----------------------------------------------*/
.btn-fast-square {
    color: #fff;
    background-color: #5cb85c;
    border-color: #14c20d;
    border-width: 1px;
}

    .btn-fast-square:hover {
        color: #fff;
        background-color: #9aee9a;
        border-color: #5cb85c;
    }

    .btn-fast-square:focus, .btn-fast-square.focus {
        box-shadow: 0 0 0 3px rgba(23, 162, 184, 0.5);
    }

    .btn-fast-square.disabled, .btn-fast-square:disabled {
        color: #ccc;
        background-color: #555555;
        border-color: #555555
    }

    .btn-fast-square:active, .btn-fast-square.active,
    .show > .btn-fast-square.dropdown-toggle {
        color: #fff;
        background-color: #14c20d;
        background-image: none;
        border-color: #14c20d;
    }

/* --------------------- End Button ------------------------------- */

/* Text Size 
--------------------------------*/
.text-fast-8 {
    font-size: 8px;
}

.text-fast-8B {
    font-size: 8px;
    font-weight: bold;
}

.text-fast-9 {
    font-size: 9px;
}

.text-fast-9B {
    font-size: 9px;
    font-weight: bold;
}

.text-fast-9 {
    font-size: 9px;
}

.text-fast-9B {
    font-size: 9px;
    font-weight: bold;
}

.text-fast-10 {
    font-size: 10px;
}

.text-fast-10B {
    font-size: 10px;
    font-weight: bold;
}

.text-fast-11 {
    font-size: 11px;
}

.text-fast-11B {
    font-size: 11px;
    font-weight: bold;
}

.text-fast-12 {
    font-size: 12px;
}

.text-fast-12B {
    font-size: 12px;
    font-weight: bold;
}

.text-fast-12 {
    font-size: 12px;
}

.text-fast-12B {
    font-size: 12px;
    font-weight: bold;
}

.text-fast-13 {
    font-size: 13px;
}

.text-fast-13B {
    font-size: 13px;
    font-weight: bold;
}

.text-fast-14 {
    font-size: 14px;
}

.text-fast-14B {
    font-size: 14px;
    font-weight: bold;
}

.text-fast-15 {
    font-size: 15px;
}

.text-fast-15B {
    font-size: 15px;
    font-weight: bold;
}

.text-fast-16 {
    font-size: 16px;
}

.text-fast-16B {
    font-size: 16px;
    font-weight: bold;
}

.text-fast-17 {
    font-size: 17px;
}

.text-fast-17B {
    font-size: 17px;
    font-weight: bold;
}

.text-fast-18 {
    font-size: 18px;
}

.text-fast-18B {
    font-size: 18px;
    font-weight: bold;
}

.text-fast-19 {
    font-size: 19px;
}

.text-fast-19B {
    font-size: 19px;
    font-weight: bold;
}

.text-fast-20 {
    font-size: 20px;
}

.text-fast-20B {
    font-size: 20px;
    font-weight: bold;
}

.text-fast-21 {
    font-size: 21px;
}

.text-fast-21B {
    font-size: 21px;
    font-weight: bold;
}

.text-fast-22 {
    font-size: 22px;
}

.text-fast-22B {
    font-size: 22px;
    font-weight: bold;
}

.text-fast-23 {
    font-size: 23px;
}

.text-fast-23B {
    font-size: 23px;
    font-weight: bold;
}

.text-fast-24 {
    font-size: 24px;
}

.text-fast-24B {
    font-size: 24px;
    font-weight: bold;
}
/* --------------------- End Text Size ------------------------------- */

/* Text Color 
--------------------------------*/
.color-fast-main {
    color: #00a9bc;
}

.color-fast-main2 {
    color: #73bf45;
}

.color-fast-Blue {
    color: #337ab7;
}

.color-fast-Red {
    color: #d9534f;
}

.color-fast-Orange {
    color: #f47522;
}

.color-fast-Grey {
    color: #a1b7b9;
}

.color-fast-GreyLight {
    color: #e2e3e4;
}

.color-fast-White {
    color: #fff;
}

.color-fast-Green {
    color: #14c20d;
}
/* --------------------- End Text Color ------------------------------- */

/* BackGround Color 
--------------------------------*/
.bg-fast-main {
    /*background-color: #00a9bc;*/
    background-color: #137886;
}

.bg-fast-main2 {
    background-color: #73bf45;
}


.bg-fast-Blue {
    background-color: #337ab7 !important;
}

.bg-fast-Red {
    background-color: #d9534f !important;
}

.bg-fast-Orange {
    background-color: #f47522 !important;
}

.bg-fast-Grey {
    background-color: #a1b7b9 !important;
}

.bg-fast-GreyLight {
    background-color: #e2e3e4 !important;
}

.bg-fast-White {
    background-color: #fff !important;
}

.bg-fast-Green {
    background-color: #14c20d !important;
}
/* --------------------- End BackGround Color ------------------------------- */

/* Border Color 
--------------------------------*/

.border-fast-Blue {
    border-color: #337ab7 !important;
    border-width: 1px;
}

.border-fast-Red {
    border-color: #d9534f !important;
    border-width: 1px;
}

.border-fast-Orange {
    border-color: #f47522 !important;
    border-width: 1px;
}

.border-fast-Grey {
    border-color: #a1b7b9 !important;
    border-width: 1px;
}

.border-fast-GreyLight {
    border-color: #e2e3e4 !important;
    border-width: 1px;
}

.border-fast-White {
    border-color: #fff !important;
    border-width: 1px;
}

.border-fast-Green {
    border-color: #14c20d !important;
    border-width: 1px;
}

.border-fast {
    border-radius: 1.25rem;
    border-width: 1px;
}

.border-fast-image {
    border-radius: 0.75rem;
    border-width: 1px;
    border-color: #f47522;
}

.card-header:first-child {
    border-radius: 0.25rem 0.25rem 0rem 0rem;
}

.card-footer:last-child {
    border-radius: 0rem 0rem 10.25rem 0.25rem;
}
/*
.card-meals {
    border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
}
*/
/* --------------------- End Border Color ------------------------------- */

.table {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

    .table th, .table td {
        padding: 0.5rem;
        vertical-align: middle;
        border-top: 0px;
    }

input,
select,
textarea {
    max-width: 280px;
}

.nav-item-left > a {
    padding: 0px 2px 0px 2px;
    color: white;
}

.nav-link-left {
    padding: 2px 4px 2px 4px;
    color: #3cbded;
    background-color: white;
    font-size: 12px;
    font-weight: bold;
}

.dropdown-menu {
    width: auto;
    min-width: 7rem;
    color: white;
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    color: #fff;
    background-color: #754eb9;
}

.bg-menu {
    background-color: #adc8db;
}

.confActive {
    color: #ff0000;
}

.remark {
    color: lightslategrey;
    font-size: small;
}

.content-desktop {
    display: block;
}

.content-mobile {
    display: none;
}

#myLogo {
    width: 50%;
}

@media screen and (max-width: 768px) {

    .content-desktop {
        display: none;
    }

    .content-mobile {
        display: block;
    }

    #myLogo {
        width: 70%;
    }
}

.box-fast {
    padding: 0.5rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
    border-left-width: .25rem;
    border-right-width: .25rem;
    border-radius: 2.5rem;
    text-align: center;
}

    .box-fast a {
        color: #444444;
        text-decoration: none;
        margin: 0px;
        font-weight: 600;
    }

    .box-fast:hover a {
        text-align: center;
        box-shadow: 4px 4px #6da0b5;
        background-color: #000;
        color: #f47522;
    }

.box-fastImage {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.box-fastTitle {
    font-size: large;
    font-weight: 800;
    margin-bottom: 5px;
}

.box-fastSubTitle {
    font-size: medium;
    font-weight: 500;
    margin-bottom: 5px;
}

.box-fastMore {
    margin: 30px 10px;
    padding: 5px;
    background-color: #17b2eb;
    color: #fff;
    width: auto;
}

.boxBorder-fast-Blue {
    border-left-color: #337ab7;
    border-right-color: #337ab7;
}

.boxBorder-fast-Green {
    border-left-color: #5cb85c;
    border-right-color: #5cb85c;
}

.boxBorder-fast-Red {
    border-left-color: #d9534f;
    border-right-color: #d9534f;
}

.boxBorder-fast-Orange {
    border-color: #f47522;
}

.boxBorder-fast-Grey {
    border-left-color: #a1b7b9;
    border-right-color: #a1b7b9;
}

.boxBorder-fast-GreyLight {
    border-left-color: #e2e3e4;
    border-right-color: #e2e3e4;
}

.boxBorder-fast-White {
    border-left-color: #f2f2f2;
    border-right-color: #f2f2f2;
}

.use-hand {
    cursor: pointer;
}

.ar-font {
    font-family: 'Cairo-Regular';
}

.eng-font {
    font-family: 'Poppins-Regular';
}

/*main Common*/

#MainHeader {
    background-color: #007cb5 !important;
}

    #MainHeader .BoxIcon img {
        width: 32px;
        height: 32px;
    }

    #MainHeader .BoxIcon .TextLogo {
        color: #fff;
        font-size: 15px;
        font-weight: 600;
        text-align: center;
        vertical-align: middle;
        padding: 0.25rem;
        margin: 0.25rem;
    }

    #MainHeader .BoxIcon .BoxText {
        color: #fff;
        text-align: center;
        vertical-align: middle;
        padding: 0.25rem;
        margin: 0.25rem;
    }

    #MainHeader .BoxIcon {
        padding: 0.25rem;
    }

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

:root {
    --ds-teal-900: #2f2d2d;
    --ds-teal-700: #4a4541;
    --ds-teal-500: #8a7b71;
    --ds-mint-300: #fff1e2;
    --ds-gold-400: #ffb067;
    --ds-orange-500: #f26a21;
    --ds-sand-100: #fcf7f1;
    --ds-ink-900: #2f2d2d;
    --ds-ink-700: #6d655f;
    --ds-white: #ffffff;
    --ds-shadow-soft: 0 22px 55px rgba(71, 49, 35, 0.12);
    --ds-shadow-card: 0 16px 34px rgba(71, 49, 35, 0.1);
    --ds-radius-xl: 28px;
    --ds-radius-lg: 22px;
    --ds-radius-md: 18px;
}

body {
    background: linear-gradient(180deg, #fffaf5 0%, #ffffff 34%, #fcf4eb 100%);
    color: var(--ds-ink-900);
    font-family: 'Poppins-Regular','Cairo-Regular',sans-serif;
}

[dir=rtl] body {
    font-family: 'Cairo-Regular','Poppins-Regular',sans-serif;
}

.ds-site-shell {
    min-height: 100vh;
    background: linear-gradient(180deg, #f7f2ec 0%, #fffaf5 18%, #fcf7f1 100%);
}

.ds-main-content {
    padding-bottom: 2rem;
}

.ds-top-accent {
    height: 8px;
    background: linear-gradient(90deg, #ffb067, #f26a21) !important;
}

.ds-site-header {
    background: rgba(255, 255, 255, 0.96) !important;
    backdrop-filter: blur(10px);
    box-shadow: 0 12px 28px rgba(71, 49, 35, 0.08);
}

.ds-site-header #MainHeader {
    background: transparent !important;
}

.ds-main-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 1420px;
    margin: 0 auto;
    padding: 0.75rem clamp(0.95rem, 2vw, 1.5rem);
    gap: 0.75rem;
}

.ds-brand {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    margin: 0;
    text-decoration: none;
    color: var(--ds-ink-900);
}

.ds-brand:hover,
.ds-brand:focus {
    color: var(--ds-ink-900);
    text-decoration: none;
}

.ds-brand-logo,
.ds-footer-logo {
    width: auto;
    height: 48px;
    object-fit: contain;
}

.ds-nav-toggle-slot,
.ds-header-actions {
    display: flex;
    align-items: center;
}

.ds-nav-toggle-slot {
    flex: 0 0 108px;
    justify-content: flex-start;
}

.ds-nav-collapse {
    flex-basis: 100%;
    width: 100%;
}

.ds-nav-list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

.navbar-dark .navbar-nav .nav-link {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    text-decoration: none;
    background-color: #fff7f0;
    border: 1px solid rgba(242, 106, 33, 0.15);
    border-radius: 999px;
    margin: 0.1rem;
    color: var(--ds-ink-900);
    padding: 0.38rem 0.72rem;
    font-size: 0.86rem;
    transition: 0.2s ease;
    white-space: nowrap;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    background-color: var(--ds-orange-500);
    color: #fff;
    outline: none;
}

.ds-header-actions {
    flex: 0 0 108px;
    justify-content: flex-end;
    gap: 0.45rem;
}

.ds-nav-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid rgba(242, 106, 33, 0.22);
    background: #fff7f0;
    border-radius: 14px;
}

.ds-nav-toggle:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(242, 106, 33, 0.16);
}

.ds-nav-toggle.navbar-toggler .navbar-toggler-icon,
.ds-nav-toggle .navbar-toggler-icon {
    width: 1.25em;
    height: 1.25em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(242,106,33,0.95)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.ds-social-link {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--ds-orange-500);
    background: #fff7f0;
    border: 1px solid rgba(242, 106, 33, 0.15);
    border-radius: 50%;
    text-decoration: none;
    transition: 0.2s ease;
    flex: 0 0 38px;
}

.ds-social-link:hover,
.ds-social-link:focus {
    color: #fff;
    background: var(--ds-orange-500);
    text-decoration: none;
}

.ds-header-actions .BoxIcon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    padding: 0;
}

.ds-header-actions .BoxIcon a {
    text-decoration: none;
    line-height: 1;
}

.ds-header-actions .BoxIcon a span,
.ds-header-actions .BoxIcon .text-white {
    color: var(--ds-ink-900) !important;
}

@media screen and (min-width: 992px) {
    .ds-main-nav {
        flex-wrap: nowrap;
        min-height: 82px;
    }

    [dir="ltr"] .ds-main-nav {
        flex-direction: row;
    }

    [dir="rtl"] .ds-main-nav {
        flex-direction: row-reverse;
    }

    .ds-nav-toggle-slot {
        display: none;
    }

    .ds-nav-collapse {
        flex: 1 1 auto;
        width: auto;
        flex-basis: auto;
        display: flex !important;
        justify-content: center;
    }

    .ds-nav-list {
        width: auto;
        justify-content: center;
        flex-wrap: nowrap;
    }

    .ds-brand {
        flex: 0 0 auto;
        justify-content: center;
    }

    .ds-header-actions {
        flex: 0 0 auto;
    }

    .ds-footer-links {
        justify-content: center;
    }
}

@media screen and (max-width: 991px) {
    .ds-main-nav {
        padding: 0.7rem 0.9rem;
        justify-content: space-between;
    }

    .ds-nav-toggle-slot {
        order: 1;
    }

    .ds-brand {
        order: 2;
    }

    .ds-header-actions {
        order: 3;
    }

    .ds-nav-collapse {
        order: 4;
    }

    .ds-nav-list {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
        margin-top: 0.9rem;
        margin-bottom: 0.2rem;
    }

        .ds-nav-list .nav-item {
            width: 100%;
        }

    .navbar-dark .navbar-nav .nav-link {
        width: 100%;
        justify-content: flex-start;
        padding: 0.75rem 1rem;
    }

    [dir="rtl"] .navbar-dark .navbar-nav .nav-link {
        text-align: right;
    }
}

@media screen and (max-width: 768px) {
    .ds-brand-logo {
        height: 42px;
    }

    .ds-nav-toggle-slot,
    .ds-header-actions {
        flex-basis: 96px;
    }

    .ds-header-actions {
        gap: 0.35rem;
    }

    .ds-social-link {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
    }

    .ds-header-actions .BoxIcon a span {
        font-size: 15px !important;
    }
}

.ds-site-footer {
    background: linear-gradient(135deg, #2f2d2d, #463a33);
    color: #fff;
    padding: 1.8rem 0 1.1rem;
}

.ds-footer-inner {
    max-width: 1420px;
    padding-left: clamp(0.95rem, 2vw, 1.5rem);
    padding-right: clamp(0.95rem, 2vw, 1.5rem);
}

.ds-footer-top {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 0.95fr);
    gap: 1.5rem;
    align-items: start;
}

.ds-footer-brand {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.ds-footer-copy {
    display: grid;
    gap: 0.35rem;
}

.ds-footer-brand h5 {
    font-family: 'Poppins-SemiBold','Cairo-Bold',sans-serif;
    margin: 0;
    font-size: 1.65rem;
}

.ds-footer-summary {
    max-width: 34ch;
    color: rgba(255, 255, 255, 0.82);
    line-height: 1.8;
    font-size: 0.96rem;
}

.ds-footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem 0.85rem;
    align-content: start;
}

    .ds-footer-links a,
    .ds-footer-contact-link,
    .ds-footer-social a {
        color: rgba(255, 255, 255, 0.9);
        text-decoration: none;
    }

        .ds-footer-links a:hover,
        .ds-footer-contact-link:hover,
        .ds-footer-social a:hover,
        .ds-footer-links a:focus,
        .ds-footer-contact-link:focus,
        .ds-footer-social a:focus {
            color: #fff;
            text-decoration: none;
        }

    .ds-footer-links a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 42px;
        padding: 0.55rem 0.9rem;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.08);
    }

.ds-footer-connect {
    display: grid;
    gap: 0.75rem;
    justify-items: start;
}

.ds-footer-contact-link {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    line-height: 1.65;
}

.ds-footer-social {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

    .ds-footer-social a {
        display: inline-flex;
        align-items: center;
        gap: 0.55rem;
        padding: 0.6rem 0.9rem;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.08);
    }

.ds-footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    margin-top: 1.5rem;
    padding-top: 1rem;
    text-align: center;
    opacity: 0.9;
}

.ds-shell-container {
    width: 100%;
    max-width: 1420px;
    margin: 0 auto;
    padding-left: clamp(0.95rem, 2vw, 1.5rem);
    padding-right: clamp(0.95rem, 2vw, 1.5rem);
}

.ds-home {
    overflow: hidden;
}

.ds-hero-section {
    position: relative;
    padding: 2.4rem 0 1.5rem;
}

    .ds-hero-section:before {
        content: "";
        position: absolute;
        inset: 0;
        background: radial-gradient(circle at top left, rgba(242, 106, 33, 0.16), transparent 32%), radial-gradient(circle at right center, rgba(255, 176, 103, 0.2), transparent 28%);
        pointer-events: none;
    }

.ds-hero-copy {
    position: relative;
    z-index: 1;
}

.ds-eyebrow,
.ds-section-kicker,
.ds-floating-label,
.ds-plan-tag {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border-radius: 999px;
    font-size: 0.82rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 0.4rem 0.8rem;
}

.ds-eyebrow,
.ds-section-kicker {
    background: rgba(242, 106, 33, 0.1);
    color: var(--ds-orange-500);
    font-family: 'Poppins-SemiBold','Cairo-Bold',sans-serif;
}

.ds-display {
    font-family: 'Poppins-Black','Cairo-Bold',sans-serif;
    font-size: clamp(2rem, 3.5vw, 3.45rem);
    line-height: 1.1;
    margin: 1rem 0 1.1rem;
    max-width: 11ch;
}

[dir=rtl] .ds-display {
    max-width: 14ch;
}

.ds-lead,
.ds-section-heading p,
.ds-plan-body p,
.ds-contact-copy p,
.ds-floating-panel p {
    color: var(--ds-ink-700);
    font-size: 1rem;
    line-height: 1.85;
    max-width: 60ch;
}

.ds-hero-actions,
.ds-contact-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
    margin-top: 1.7rem;
}

.ds-cta-primary,
.ds-cta-secondary,
.ds-cta-outline {
    min-height: 52px;
    border-radius: 999px;
    padding: 0.8rem 1.3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    font-family: 'Poppins-SemiBold','Cairo-Bold',sans-serif;
}

.ds-cta-primary {
    box-shadow: var(--ds-shadow-card);
}

.ds-cta-secondary {
    background: #fff;
    color: var(--ds-orange-500);
    border: 1px solid rgba(242, 106, 33, 0.14);
}

.ds-cta-outline {
    border: 1px solid rgba(242, 106, 33, 0.3);
    color: var(--ds-orange-500);
    background: rgba(255, 255, 255, 0.68);
}

.ds-stat-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 2rem;
}

.ds-stat-card,
.ds-plan-card,
.ds-image-card,
.ds-gallery-tile,
.ds-floating-panel {
    background: rgba(255, 255, 255, 0.92);
    border-radius: var(--ds-radius-lg);
    box-shadow: var(--ds-shadow-card);
    border: 1px solid rgba(242, 106, 33, 0.08);
}

.ds-stat-card {
    padding: 1.2rem;
}

    .ds-stat-card h3 {
        font-size: 1.05rem;
        margin-bottom: 0.45rem;
        font-family: 'Poppins-SemiBold','Cairo-Bold',sans-serif;
    }

    .ds-stat-card p {
        margin-bottom: 0;
        color: var(--ds-ink-700);
        font-size: 0.92rem;
        line-height: 1.7;
    }

.ds-hero-media {
    position: relative;
    max-width: 500px;
    margin: 1.25rem auto 0;
}

.ds-hero-image-frame,
.ds-carousel-media,
.ds-plan-image,
.ds-image-card-media,
.ds-gallery-tile-media {
    position: relative;
    overflow: hidden;
    border-radius: var(--ds-radius-xl);
}

.ds-hero-image-frame {
    aspect-ratio: 5 / 4;
    max-height: 520px;
    background: linear-gradient(180deg, rgba(255, 176, 103, 0.18), rgba(242, 106, 33, 0.06));
}

.ds-cover-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.ds-floating-panel {
    position: absolute;
    right: -1rem;
    bottom: 1.5rem;
    width: min(320px, 84%);
    padding: 1.1rem 1.2rem;
}

[dir=rtl] .ds-floating-panel {
    right: auto;
    left: -1rem;
}

.ds-floating-label {
    margin-bottom: 0.65rem;
    background: #fff2e5;
    color: var(--ds-orange-500);
    font-family: 'Poppins-SemiBold','Cairo-Bold',sans-serif;
}

.ds-floating-panel strong {
    display: block;
    margin-bottom: 0.45rem;
    font-family: 'Poppins-SemiBold','Cairo-Bold',sans-serif;
}

.ds-floating-panel p {
    margin-bottom: 0;
    font-size: 0.92rem;
}

.ds-section {
    padding: 0.75rem 0 2.35rem;
}

.ds-section-heading {
    margin-bottom: 1.6rem;
    max-width: 760px;
}

    .ds-section-heading h1,
    .ds-section-heading h2 {
        font-family: 'Poppins-SemiBold','Cairo-Bold',sans-serif;
        font-size: clamp(1.75rem, 2.5vw, 2.45rem);
        line-height: 1.12;
        margin: 0.85rem 0;
    }

.ds-section-heading-inline {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
}

.ds-carousel {
    position: relative;
    max-width: 1120px;
    margin: 0 auto;
}

.ds-carousel-track {
    position: relative;
    min-height: 0;
}

.ds-carousel-slide {
    display: none;
}

    .ds-carousel-slide.is-active {
        display: block;
    }

.ds-carousel-media {
    position: relative;
    min-height: 0;
    background: linear-gradient(135deg, #fff2e4, #fffaf5);
    border: 1px solid rgba(242, 106, 33, 0.1);
    padding: clamp(0.9rem, 2vw, 1.2rem) 0;
    aspect-ratio: auto;
    max-height: none;
}

.ds-carousel-backdrop {
    position: absolute;
    inset: 0;
    background-position: center;
    background-size: cover;
    filter: blur(22px);
    transform: scale(1.08);
    opacity: 0.18;
}

.ds-carousel-stage {
    position: relative;
    z-index: 1;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 clamp(3.5rem, 8vw, 5.4rem);
}

.ds-carousel-image-shell {
    width: min(100%, 470px);
    border-radius: 24px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.74);
    box-shadow: 0 22px 55px rgba(71, 49, 35, 0.18);
}

.ds-carousel-image {
    width: 100%;
    height: auto;
    display: block;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(255, 247, 240, 0.98));
}

.ds-carousel-badge {
    position: absolute;
    top: 1rem;
    inset-inline-end: 1rem;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.65rem 0.95rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.88);
    color: var(--ds-ink-900);
    box-shadow: var(--ds-shadow-card);
}

    .ds-carousel-badge span,
    .ds-carousel-badge strong {
        font-family: 'Poppins-SemiBold','Cairo-Bold',sans-serif;
    }

    .ds-carousel-badge strong {
        color: var(--ds-orange-500);
    }

.ds-carousel-controls {
    position: absolute;
    inset: 0;
    z-index: 4;
    pointer-events: none;
}

.ds-carousel-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.92);
    color: var(--ds-orange-500);
    box-shadow: var(--ds-shadow-card);
    cursor: pointer;
    z-index: 5;
    pointer-events: auto;
}

.ds-carousel-button-left {
    left: 1.25rem;
}

.ds-carousel-button-right {
    right: 1.25rem;
}

.ds-carousel-dots {
    display: flex;
    justify-content: center;
    gap: 0.55rem;
    margin-top: 1rem;
}

.ds-carousel-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 0;
    background: rgba(242, 106, 33, 0.18);
}

    .ds-carousel-dot.is-active {
        background: var(--ds-orange-500);
    }

.ds-plan-card {
    height: 100%;
    overflow: hidden;
}

.ds-plan-image {
    aspect-ratio: 4 / 3;
    border-radius: var(--ds-radius-lg) var(--ds-radius-lg) 0 0;
}

.ds-plan-body {
    padding: 1.35rem;
}

.ds-plan-tag {
    margin-bottom: 0.8rem;
    background: rgba(244, 117, 34, 0.12);
    color: var(--ds-orange-500);
    font-family: 'Poppins-SemiBold','Cairo-Bold',sans-serif;
}

.ds-plan-body h3 {
    font-size: 1.25rem;
    margin-bottom: 0.7rem;
    font-family: 'Poppins-SemiBold','Cairo-Bold',sans-serif;
}

.ds-plan-body p {
    min-height: 5.5rem;
}

.ds-inline-link {
    color: var(--ds-orange-500);
    text-decoration: none;
    font-family: 'Poppins-SemiBold','Cairo-Bold',sans-serif;
}

    .ds-inline-link:hover,
    .ds-inline-link:focus {
        color: var(--ds-orange-500);
        text-decoration: none;
    }

.ds-image-card,
.ds-gallery-tile {
    display: block;
    width: 100%;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
}

.ds-image-card-media {
    aspect-ratio: 4 / 3;
    background: #f8ede4;
}

.ds-gallery-tile-media {
    aspect-ratio: 1 / 1;
    background: #f8ede4;
}

.ds-image-card-caption,
.ds-gallery-tile-caption {
    display: block;
    padding: 0.9rem 1rem 1rem;
    font-family: 'Poppins-SemiBold','Cairo-Bold',sans-serif;
    color: var(--ds-ink-900);
}

.ds-contact-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 2rem;
    border-radius: var(--ds-radius-xl);
    background: linear-gradient(135deg, rgba(242, 106, 33, 0.95), rgba(197, 78, 18, 0.95));
    color: #fff;
    box-shadow: var(--ds-shadow-soft);
}

    .ds-contact-copy p,
    .ds-contact-banner .ds-section-kicker {
        color: rgba(255, 255, 255, 0.88);
    }

    .ds-contact-banner .ds-section-kicker {
        background: rgba(255, 255, 255, 0.14);
    }

    .ds-contact-banner h2 {
        margin-top: 0.85rem;
    }

.ds-contact-actions {
    justify-content: center;
    align-items: center;
}

.ds-gallery-page .ds-gallery-hero {
    padding-top: 2.2rem;
}

.ds-gallery-tile {
    border: 0;
    padding: 0;
    text-align: inherit;
    cursor: pointer;
}

.ds-lightbox {
    position: fixed;
    inset: 0;
    background: rgba(9, 20, 27, 0.88);
    display: none;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    z-index: 1600;
}

    .ds-lightbox.is-open {
        display: flex;
    }

.ds-lightbox-dialog {
    max-width: min(92vw, 980px);
    max-height: 88vh;
}

.ds-lightbox-image {
    max-width: 100%;
    max-height: 88vh;
    border-radius: var(--ds-radius-md);
    box-shadow: var(--ds-shadow-soft);
}

.ds-lightbox-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
}

.ds-no-scroll {
    overflow: hidden;
}

@media screen and (max-width: 768px) {
    .ds-hero-section {
        padding-top: 1.5rem;
    }

    .ds-display {
        max-width: none;
        font-size: clamp(1.7rem, 9vw, 2.4rem);
        line-height: 1.18;
    }

    .ds-hero-actions,
    .ds-contact-actions {
        flex-direction: column;
    }

    .ds-cta-primary,
    .ds-cta-secondary,
    .ds-cta-outline {
        width: 100%;
    }

    .ds-carousel-controls {
        inset: 0;
    }

    .ds-carousel-button {
        width: 38px;
        height: 38px;
    }

    .ds-carousel-button-left {
        left: 0.65rem;
    }

    .ds-carousel-button-right {
        right: 0.65rem;
    }

    .ds-contact-banner {
        padding: 1.5rem;
        text-align: center;
    }

    .ds-site-footer {
        padding-top: 1.5rem;
    }

    .ds-contact-copy,
    .ds-contact-actions,
    .ds-footer-connect {
        width: 100%;
    }

    .ds-footer-top {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .ds-footer-brand,
    .ds-footer-social {
        justify-content: center;
    }

    .ds-footer-links,
    .ds-footer-connect {
        justify-content: center;
        justify-items: center;
    }

    .ds-footer-summary {
        max-width: none;
    }
}

/* DietStyle public-site refinements */
.ds-footer-meta {
    color: rgba(255, 246, 239, 0.78);
    font-size: 0.92rem;
    line-height: 1.75;
}

.ds-static-page {
    padding: 2.5rem 0 3.5rem;
}

.ds-static-container {
    max-width: 880px;
}

.ds-static-card {
    background: rgba(255, 255, 255, 0.96);
    border-radius: 28px;
    padding: 2rem;
    box-shadow: var(--ds-shadow-card);
    border: 1px solid rgba(242, 106, 33, 0.1);
}

.ds-static-title {
    font-family: 'Poppins-SemiBold','Cairo-Bold',sans-serif;
    font-size: clamp(1.85rem, 3vw, 2.5rem);
    margin-bottom: 1rem;
}

.ds-static-subtitle {
    font-family: 'Poppins-SemiBold','Cairo-Bold',sans-serif;
    font-size: 1.15rem;
    margin: 1.5rem 0 0.75rem;
}

.ds-static-list {
    margin-bottom: 1rem;
    padding-inline-start: 1.25rem;
}

.ds-static-card p,
.ds-static-card li {
    color: var(--ds-ink-700);
    line-height: 1.9;
}

.ds-gallery-grid-shell {
    background: rgba(255, 255, 255, 0.96);
    border-radius: 32px;
    padding: 1.15rem;
    box-shadow: var(--ds-shadow-card);
    border: 1px solid rgba(242, 106, 33, 0.1);
}

.ds-gallery-grid-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.ds-gallery-counter {
    font-family: 'Poppins-SemiBold','Cairo-Bold',sans-serif;
    color: var(--ds-ink-900);
}

.ds-gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.ds-gallery-card {
    border-radius: 26px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid rgba(242, 106, 33, 0.1);
    box-shadow: var(--ds-shadow-card);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

    .ds-gallery-card:hover,
    .ds-gallery-card:focus-within,
    .ds-gallery-card.is-selected {
        transform: translateY(-4px);
        border-color: rgba(242, 106, 33, 0.28);
        box-shadow: 0 22px 44px rgba(71, 49, 35, 0.14);
    }

.ds-gallery-card-button {
    width: 100%;
    border: 0;
    padding: 0;
    background: transparent;
    text-align: inherit;
    cursor: zoom-in;
}

.ds-gallery-card-media {
    display: block;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    background: linear-gradient(180deg, #fff4e8, #fffdfb);
}

.ds-gallery-card-body {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 0.4rem;
    padding: 1rem 1rem 1.05rem;
}

.ds-gallery-card-meta,
.ds-gallery-card-index {
    font-family: 'Poppins-SemiBold','Cairo-Bold',sans-serif;
}

.ds-gallery-card-meta {
    color: var(--ds-orange-500);
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.ds-gallery-card-index {
    color: var(--ds-ink-900);
    font-size: 1rem;
}

.ds-gallery-card-action {
    color: var(--ds-ink-700);
    line-height: 1.7;
}

.ds-gallery-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    flex-wrap: wrap;
    margin-top: 1.35rem;
}

.ds-gallery-page-link {
    min-width: 44px;
    height: 44px;
    padding: 0 0.95rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border-radius: 999px;
    text-decoration: none;
    color: var(--ds-ink-900);
    background: #fff7f0;
    border: 1px solid rgba(242, 106, 33, 0.12);
    font-family: 'Poppins-SemiBold','Cairo-Bold',sans-serif;
}

    .ds-gallery-page-link:hover,
    .ds-gallery-page-link:focus {
        text-decoration: none;
        color: var(--ds-ink-900);
        border-color: rgba(242, 106, 33, 0.25);
    }

    .ds-gallery-page-link.is-active {
        background: var(--ds-orange-500);
        color: #fff;
        box-shadow: var(--ds-shadow-card);
    }

@media screen and (max-width: 991px) {
    .ds-plan-body p {
        min-height: 0;
    }

    .ds-carousel-media {
        aspect-ratio: auto;
        min-height: 0;
    }

    .ds-carousel-stage {
        padding-inline: clamp(3rem, 10vw, 4rem);
    }

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

@media screen and (max-width: 768px) {
    .ds-static-page {
        padding: 1.5rem 0 2.5rem;
    }

    .ds-static-card {
        border-radius: 22px;
        padding: 1.35rem;
    }

    .ds-hero-image-frame,
    .ds-gallery-card-media {
        aspect-ratio: 4 / 3;
    }

    .ds-carousel-media {
        min-height: 0;
        padding: 0.85rem 0;
    }

    .ds-carousel-stage {
        padding: 0 3rem;
    }

    .ds-carousel-image-shell {
        width: min(100%, 300px);
    }

    .ds-carousel-badge {
        top: 0.85rem;
        bottom: auto;
        inset-inline-end: 0.85rem;
    }

    .ds-gallery-grid-shell {
        padding: 0.75rem;
        border-radius: 24px;
    }

    .ds-gallery-grid-toolbar {
        flex-direction: column;
        align-items: flex-start;
    }

    .ds-gallery-grid {
        grid-template-columns: 1fr;
    }

    .ds-gallery-page-link-nav {
        width: 100%;
    }
}

.ds-page-shell {
    padding: 2.25rem 0 3.5rem;
}

.ds-page-container {
    max-width: 1180px;
}

.ds-page-hero {
    margin-bottom: 1.5rem;
}

.ds-page-title {
    font-family: 'Poppins-SemiBold','Cairo-Bold',sans-serif;
    font-size: clamp(2rem, 3vw, 3rem);
    line-height: 1.1;
    margin: 0.85rem 0;
    color: var(--ds-ink-900);
}

.ds-page-intro {
    max-width: 72ch;
    color: var(--ds-ink-700);
    line-height: 1.9;
}

.ds-content-stack {
    display: grid;
    gap: 1rem;
}

.ds-content-card {
    background: rgba(255, 255, 255, 0.96);
    border-radius: 28px;
    padding: 1.5rem 1.6rem;
    border: 1px solid rgba(242, 106, 33, 0.1);
    box-shadow: var(--ds-shadow-card);
}

.ds-payment-shell {
    position: relative;
}

.ds-payment-shell:before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top left, rgba(242, 106, 33, 0.14), transparent 28%),
        radial-gradient(circle at bottom right, rgba(255, 176, 103, 0.18), transparent 30%);
    pointer-events: none;
}

.ds-payment-container {
    position: relative;
    max-width: 920px;
    margin: 0 auto;
}

.ds-payment-card {
    position: relative;
    background: rgba(255, 255, 255, 0.96);
    border-radius: 32px;
    padding: 2rem;
    border: 1px solid rgba(242, 106, 33, 0.1);
    box-shadow: var(--ds-shadow-soft);
    overflow: hidden;
}

.ds-payment-card:after {
    content: "";
    position: absolute;
    inset-inline: 0;
    top: 0;
    height: 7px;
}

.ds-payment-card-success:after {
    background: linear-gradient(90deg, #30b76d, #78d39a);
}

.ds-payment-card-failure:after {
    background: linear-gradient(90deg, #ef6b4a, #f26a21);
}

.ds-payment-hero {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
}

.ds-payment-copy h1 {
    font-family: 'Poppins-SemiBold','Cairo-Bold',sans-serif;
    font-size: clamp(2rem, 4vw, 3rem);
    margin: 0.9rem 0 0.85rem;
    line-height: 1.12;
}

.ds-payment-copy p {
    margin: 0;
    color: var(--ds-ink-700);
    line-height: 1.9;
    font-size: 1rem;
}

.ds-payment-icon {
    width: 88px;
    height: 88px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 26px;
    color: #fff;
    font-size: 2rem;
    box-shadow: var(--ds-shadow-card);
    flex: 0 0 88px;
}

.ds-payment-card-success .ds-payment-icon {
    background: linear-gradient(135deg, #30b76d, #1f8f53);
}

.ds-payment-card-failure .ds-payment-icon {
    background: linear-gradient(135deg, #ef6b4a, #d44d1f);
}

.ds-payment-meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.95rem;
    margin-top: 1.6rem;
}

.ds-payment-meta-item {
    padding: 1rem 1.05rem;
    border-radius: 20px;
    background: #fff7f0;
    border: 1px solid rgba(242, 106, 33, 0.1);
}

.ds-payment-meta-item-wide {
    grid-column: 1 / -1;
}

.ds-payment-label {
    display: block;
    margin-bottom: 0.4rem;
    color: var(--ds-ink-700);
    font-size: 0.84rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.ds-payment-value {
    display: block;
    color: var(--ds-ink-900);
    font-size: 1rem;
    line-height: 1.7;
    word-break: break-word;
    font-family: 'Poppins-SemiBold','Cairo-Bold',sans-serif;
}

.ds-payment-note {
    margin-top: 1.4rem;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 1.05rem;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(242, 106, 33, 0.1);
    color: var(--ds-ink-700);
    line-height: 1.8;
}

.ds-payment-note i {
    color: var(--ds-orange-500);
    margin-top: 0.15rem;
}

.ds-payment-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
    margin-top: 1.5rem;
}

.ds-rich-text p,
.ds-rich-text li {
    color: var(--ds-ink-700);
    line-height: 1.95;
}

.ds-rich-text h3 {
    font-family: 'Poppins-SemiBold','Cairo-Bold',sans-serif;
    font-size: 1.2rem;
    margin: 1.3rem 0 0.75rem;
    color: var(--ds-ink-900);
}

    .ds-rich-text h3:first-child {
        margin-top: 0;
    }

.ds-ordered-list {
    margin: 0;
    padding-inline-start: 1.35rem;
}

    .ds-ordered-list li {
        margin-bottom: 0.85rem;
    }

.ds-contact-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.ds-contact-card {
    background: rgba(255, 255, 255, 0.96);
    border-radius: 24px;
    padding: 1.4rem;
    border: 1px solid rgba(242, 106, 33, 0.1);
    box-shadow: var(--ds-shadow-card);
    color: inherit;
    text-decoration: none;
    min-height: 100%;
}

.ds-contact-card-link:hover,
.ds-contact-card-link:focus {
    color: inherit;
    text-decoration: none;
    transform: translateY(-2px);
}

.ds-contact-icon {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    background: rgba(242, 106, 33, 0.12);
    color: var(--ds-orange-500);
    font-size: 1.2rem;
}

.ds-contact-card h3 {
    font-family: 'Poppins-SemiBold','Cairo-Bold',sans-serif;
    font-size: 1.1rem;
    margin-bottom: 0.45rem;
}

.ds-contact-card p {
    margin-bottom: 0;
    color: var(--ds-ink-700);
    line-height: 1.75;
}

    .ds-contact-card p + p {
        margin-top: 0.7rem;
    }

.ds-bilingual-copy {
    display: grid;
    gap: 0.25rem;
}

.ds-bilingual-line {
    display: block;
}

.ds-bilingual-ar {
    direction: rtl;
}

.ds-bilingual-en {
    direction: ltr;
    color: var(--ds-ink-700);
    font-size: 0.96em;
}

.ds-benefit-grid,
.ds-service-grid,
.ds-trust-grid,
.ds-story-grid,
.ds-faq-preview-grid {
    display: grid;
    gap: 1rem;
}

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

.ds-benefit-card,
.ds-service-card,
.ds-trust-card,
.ds-story-card,
.ds-faq-preview-card,
.ds-category-card {
    background: rgba(255, 255, 255, 0.96);
    border-radius: 26px;
    border: 1px solid rgba(242, 106, 33, 0.1);
    box-shadow: var(--ds-shadow-card);
}

.ds-benefit-card,
.ds-service-card,
.ds-trust-card,
.ds-story-card {
    padding: 1.35rem;
}

    .ds-benefit-card h3,
    .ds-service-card h3,
    .ds-trust-card h3,
    .ds-story-card h3,
    .ds-category-body h3 {
        font-family: 'Poppins-SemiBold','Cairo-Bold',sans-serif;
        font-size: 1.12rem;
        margin-bottom: 0.55rem;
        color: var(--ds-ink-900);
    }

    .ds-benefit-card p,
    .ds-service-card p,
    .ds-trust-card p,
    .ds-story-card p,
    .ds-category-body p,
    .ds-plan-note {
        color: var(--ds-ink-700);
        line-height: 1.8;
        margin-bottom: 0;
    }

.ds-benefit-icon {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    background: rgba(242, 106, 33, 0.12);
    color: var(--ds-orange-500);
    font-size: 1.15rem;
}

.ds-category-card {
    overflow: hidden;
    height: 100%;
}

.ds-category-image {
    aspect-ratio: 4 / 3;
    overflow: hidden;
}

.ds-category-body {
    padding: 1.25rem;
}

.ds-plan-card-marketing .ds-plan-body {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.ds-plan-note {
    display: block;
    font-size: 0.92rem;
}

.ds-section-cta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
    justify-content: center;
    margin-top: 0.75rem;
}

.ds-step-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.ds-step-card {
    background: linear-gradient(180deg, rgba(255, 247, 240, 0.96), rgba(255, 255, 255, 0.98));
    border-radius: 26px;
    padding: 1.35rem;
    border: 1px solid rgba(242, 106, 33, 0.12);
    box-shadow: var(--ds-shadow-card);
}

.ds-step-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--ds-orange-500);
    color: #fff;
    font-family: 'Poppins-SemiBold','Cairo-Bold',sans-serif;
    margin-bottom: 0.9rem;
}

.ds-step-card h3 {
    font-family: 'Poppins-SemiBold','Cairo-Bold',sans-serif;
    font-size: 1.1rem;
    margin-bottom: 0.6rem;
}

.ds-step-card p {
    color: var(--ds-ink-700);
    line-height: 1.8;
    margin-bottom: 0;
}

.ds-service-grid,
.ds-trust-grid,
.ds-story-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ds-story-card {
    background: linear-gradient(180deg, rgba(255, 250, 246, 0.98), rgba(255, 255, 255, 0.98));
}

.ds-story-quote {
    font-size: 1.02rem;
}

.ds-story-person {
    display: inline-block;
    margin-top: 0.85rem;
    color: var(--ds-orange-500);
    font-family: 'Poppins-SemiBold','Cairo-Bold',sans-serif;
}

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

.ds-faq-preview-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 1.2rem;
    color: var(--ds-ink-900);
    text-decoration: none;
}

    .ds-faq-preview-card:hover,
    .ds-faq-preview-card:focus {
        color: var(--ds-ink-900);
        text-decoration: none;
        transform: translateY(-2px);
    }

.ds-faq-list {
    display: grid;
    gap: 0.9rem;
}

.ds-faq-card {
    background: rgba(255, 255, 255, 0.96);
    border-radius: 24px;
    border: 1px solid rgba(242, 106, 33, 0.1);
    box-shadow: var(--ds-shadow-card);
    overflow: hidden;
}

.ds-faq-button {
    width: 100%;
    border: 0;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.2rem 1.3rem;
    font-family: 'Poppins-SemiBold','Cairo-Bold',sans-serif;
    color: var(--ds-ink-900);
    text-align: inherit;
}

    .ds-faq-button:focus {
        outline: none;
    }

    .ds-faq-button:focus-visible {
        box-shadow: inset 0 0 0 2px rgba(242, 106, 33, 0.2);
    }

    .ds-faq-button[aria-expanded="true"] {
        background: linear-gradient(180deg, rgba(255, 248, 243, 0.96), rgba(255, 255, 255, 0.96));
    }

.ds-faq-card .collapse.show {
    border-top: 1px solid rgba(242, 106, 33, 0.12);
}

.ds-faq-answer {
    padding: 1rem 1.3rem 1.3rem;
    background: rgba(255, 252, 249, 0.72);
}

@media screen and (max-width: 991px) {
    .ds-benefit-grid,
    .ds-step-grid,
    .ds-service-grid,
    .ds-trust-grid,
    .ds-story-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

@media screen and (max-width: 768px) {
    .ds-page-shell {
        padding: 1.5rem 0 2.5rem;
    }

    .ds-content-card {
        border-radius: 22px;
        padding: 1.2rem;
    }

    .ds-payment-card {
        padding: 1.4rem;
        border-radius: 24px;
    }

    .ds-payment-hero {
        flex-direction: column;
    }

    .ds-payment-icon {
        width: 74px;
        height: 74px;
        border-radius: 22px;
        font-size: 1.7rem;
        flex-basis: 74px;
    }

    .ds-payment-meta {
        grid-template-columns: 1fr;
    }

    .ds-payment-actions .btn {
        width: 100%;
    }

    .ds-benefit-grid,
    .ds-step-grid,
    .ds-service-grid,
    .ds-trust-grid,
    .ds-story-grid,
    .ds-faq-preview-grid,
    .ds-contact-grid {
        grid-template-columns: 1fr;
    }

    .ds-section-cta {
        justify-content: stretch;
    }

        .ds-section-cta .ds-cta-primary,
        .ds-section-cta .ds-cta-outline {
            width: 100%;
        }
}