:root{
    
    --p-primary: #3b82f6;
    --p-primary-hover: #2563eb;
    --p-accent: #60a5fa;
    --p-dark: #020617;
    --p-dark-soft: #0f172a;
    --p-slate: #1e293b;
    --p-gray: #64748b;
    --p-text: #f8fafc;
    --p-text-muted: #94a3b8;
    
    
    --glass-bg: rgba(15, 23, 42, 0.7);
    --glass-border: rgba(255, 255, 255, 0.1);
    --glass-blur: blur(12px);
    
    
    --p-shadow-soft: 0 10px 30px -10px rgba(0, 0, 0, 0.5);
    --p-shadow-glow: 0 0 20px rgba(59, 130, 246, 0.3);
    
    
    --p-transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}body{
    background-color: var(--p-dark);
    color: var(--p-text);
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    overflow-x: hidden;
}.elementor-background-video-container{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}.elementor-background-video-hosted{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    filter: brightness(0.4) contrast(1.1);
}.services-bento{
    padding: 120px 0;
    background: var(--p-dark-soft);
}@keyframes scrollBrands{
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}body.rtl{
    text-align: right;
    direction: rtl;
}body.rtl .hero-badge{
    letter-spacing: 0;
}body.rtl .hero-overlay{
    background: radial-gradient(circle at 80% 50%, rgba(2, 6, 23, 0.8) 0%, rgba(2, 6, 23, 0.4) 100%);
}body.rtl .bento-link{
    transform: scaleX(-1);
}body.rtl .bento-item:hover .bento-link{
    transform: scaleX(-1) rotate(-45deg);
}.home #content .elementor{
    display: none !important;
}.text-center{
    color: var(--p-text-muted);
    padding: 40px;
    font-style: italic;
}:root{
    --p-primary: #c46a2b;
    --p-primary-hover: #a94f1f;
    --p-accent: #f2b35f;
    --p-dark: #10110f;
    --p-dark-soft: #171a16;
    --p-slate: #24251f;
    --p-gray: #7d7569;
    --p-text: #f5efe2;
    --p-text-muted: #b9ad9a;
    --p-olive: #8a9461;
    --p-steel: #353a36;
    --p-copper: #c46a2b;
    --p-cream: #f5efe2;
    --glass-bg: rgba(23, 26, 22, 0.78);
    --glass-border: rgba(245, 239, 226, 0.12);
    --p-shadow-glow: 0 0 28px rgba(196, 106, 43, 0.32);
}body{
    background: #10110f;
    color: var(--p-text);
}.premium-homepage .cat-card-3d:not(:has(.cat-card-index)):nth-child(1) h4::after{ content: " 01"; }.premium-homepage .cat-card-3d:not(:has(.cat-card-index)):nth-child(2) h4::after{ content: " 02"; }.premium-homepage .cat-card-3d:not(:has(.cat-card-index)):nth-child(3) h4::after{ content: " 03"; }.premium-homepage .cat-card-3d:not(:has(.cat-card-index)):nth-child(4) h4::after{ content: " 04"; }.premium-homepage .cat-card-3d:not(:has(.cat-card-index)):nth-child(5) h4::after{ content: " 05"; }.premium-homepage .cat-card-3d:not(:has(.cat-card-index)):nth-child(6) h4::after{ content: " 06"; }.premium-homepage .cat-card-3d:not(:has(.cat-card-index)):nth-child(7) h4::after{ content: " 07"; }.premium-homepage .cat-card-3d:not(:has(.cat-card-index)):nth-child(8) h4::after{ content: " 08"; }.premium-homepage .cat-card-3d:not(:has(.cat-card-index)) h4::after{
    display: inline-block;
    margin-inline-start: 12px;
    color: rgba(245, 239, 226, 0.25);
    font-size: 0.78em;
    font-weight: 950;
    letter-spacing: -0.05em;
}body.rtl .premium-homepage .categories-section .section-header,body.rtl .premium-homepage .cat-card-3d{
    text-align: right;
}body.rtl .premium-homepage .cat-card-3d{
    grid-template-columns: auto minmax(0, 1fr) 82px;
    grid-template-areas:
        "number title icon"
        "action desc icon";
}body.rtl .premium-homepage .cat-card-3d::before{
    left: auto;
    right: 0;
}body.rtl .premium-homepage .cat-card-3d:hover{
    transform: translateX(-8px);
}body.rtl .premium-homepage .cat-card-3d::after,body.rtl .premium-homepage .cat-card-index{
    justify-self: start;
}@media (max-width: 640px){body.rtl .premium-homepage .cat-card-3d{
        min-height: 132px;
        grid-template-columns: 64px minmax(0, 1fr);
        grid-template-areas:
            "icon title"
            "icon desc"
            "icon action";
        padding: 18px;
        column-gap: 16px;
    }}body.rtl .premium-homepage .categories-section::after{
    content: "???? ????????";
    left: clamp(18px, 5vw, 80px);
    right: auto;
    letter-spacing: -0.05em;
}body.rtl .premium-homepage .categories-section .section-header h2::before{
    content: "?????? ???????";
    letter-spacing: 0.08em;
}body.rtl .premium-homepage .cat-card-3d::after{
    content: "???";
    letter-spacing: 0;
}:root{
    --gold-bg: #F8F9FC;
    --gold-surface: rgba(255, 255, 255, 0.78);
    --gold-surface-strong: #ffffff;
    --gold-carbon: #111827;
    --gold-muted: #6B7280;
    --gold-line: rgba(17, 24, 39, 0.1);
    --gold-yellow: #EAB308;
    --gold-yellow-strong: #FFC107;
    --gold-indigo: #4F46E5;
    --gold-indigo-dark: #3730A3;
    --gold-green: #10B981;
    --gold-shadow: 0 24px 70px rgba(17, 24, 39, 0.1);
    --gold-radius: 22px;
    --gold-font: "Inter", "IBM Plex Sans Arabic", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}body.al-redesign-active,body.al-redesign-active #page,body.al-redesign-active #main,.alh-golden-home{
    background: var(--gold-bg) !important;
    color: var(--gold-carbon) !important;
    font-family: var(--gold-font);
}.alh-golden-home{
    overflow: hidden;
}.alh-golden-home *,.alh-golden-home *::before,.alh-golden-home *::after{
    box-sizing: border-box;
}.alh-shell{
    width: min(1280px, calc(100% - 32px));
    margin-inline: auto;
}.alh-kicker{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--gold-indigo);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}.alh-kicker::before{
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--gold-yellow);
    box-shadow: 0 0 0 5px rgba(234, 179, 8, 0.14);
}.alh-hero{
    position: relative;
    min-height: 92vh;
    display: flex;
    align-items: center;
    padding: clamp(96px, 11vw, 154px) 0 clamp(48px, 7vw, 96px);
    background:
        radial-gradient(circle at 82% 18%, rgba(79, 70, 229, 0.12), transparent 32%),
        radial-gradient(circle at 18% 78%, rgba(234, 179, 8, 0.15), transparent 30%),
        linear-gradient(180deg, #ffffff 0%, var(--gold-bg) 100%);
}.alh-hero::before{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(17, 24, 39, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(17, 24, 39, 0.04) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: linear-gradient(to bottom, transparent, #000 14%, #000 72%, transparent);
}.alh-hero__grid{
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 0.98fr) minmax(420px, 0.82fr);
    gap: clamp(28px, 5vw, 72px);
    align-items: center;
}.alh-hero__copy h1{
    max-width: 770px;
    margin: 18px 0 22px;
    color: var(--gold-carbon) !important;
    font-size: clamp(44px, 6vw, 84px);
    font-weight: 950;
    line-height: 0.96;
    letter-spacing: 0;
    text-wrap: balance;
}.alh-hero__copy p{
    max-width: 650px;
    margin: 0 0 34px;
    color: var(--gold-muted);
    font-size: clamp(17px, 1.35vw, 22px) !important;
    line-height: 1.68;
}.alh-hero__actions{
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 34px;
}.alh-btn,.alh-link-btn{
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 22px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.1;
    text-decoration: none;
    transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}.alh-btn:hover,.alh-link-btn:hover{
    transform: translateY(-2px);
}.alh-btn--indigo{
    background: var(--gold-indigo);
    color: #fff !important;
    box-shadow: 0 18px 38px rgba(79, 70, 229, 0.24);
}.alh-btn--indigo:hover{
    background: var(--gold-indigo-dark);
}.alh-btn--yellow{
    background: var(--gold-yellow-strong);
    color: var(--gold-carbon) !important;
    box-shadow: 0 18px 38px rgba(234, 179, 8, 0.26);
}.alh-link-btn{
    border: 1px solid var(--gold-line);
    background: #fff;
    color: var(--gold-carbon) !important;
}.alh-hero__metrics{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    max-width: 620px;
    margin: 0;
}.alh-hero__metrics div{
    padding: 16px;
    border: 1px solid var(--gold-line);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.62);
    backdrop-filter: blur(16px);
}.alh-hero__metrics dt{
    color: var(--gold-carbon);
    font-size: 24px;
    font-weight: 950;
}.alh-hero__metrics dd{
    margin: 4px 0 0;
    color: var(--gold-muted);
    font-size: 12px;
    font-weight: 800;
}.alh-search-panel{
    position: relative;
    padding: clamp(20px, 3vw, 30px);
    border: 1px solid rgba(255, 255, 255, 0.9);
    border-radius: 28px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.62)),
        rgba(255, 255, 255, 0.72);
    box-shadow: var(--gold-shadow);
    backdrop-filter: blur(22px);
}.alh-search-panel::before{
    content: "";
    position: absolute;
    inset: 12px;
    z-index: -1;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(79, 70, 229, 0.09), rgba(234, 179, 8, 0.08));
}.alh-panel-header{
    display: grid;
    gap: 8px;
    margin-bottom: 22px;
}.alh-panel-header span{
    color: var(--gold-muted);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}.alh-panel-header strong{
    color: var(--gold-carbon);
    font-size: clamp(24px, 3vw, 38px);
    line-height: 1;
}.alh-live-search label{
    display: block;
    margin-bottom: 10px;
    color: var(--gold-muted);
    font-size: 13px;
    font-weight: 800;
}.alh-live-search__control{
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    padding: 8px;
    border: 1px solid var(--gold-line);
    border-radius: 16px;
    background: #fff;
}.alh-live-search input[type="search"]{
    min-width: 0;
    border: 0;
    outline: 0;
    padding: 12px 10px;
    color: var(--gold-carbon);
    font-size: 15px;
    font-weight: 750;
    background: transparent;
}.alh-live-search button{
    border: 0;
    border-radius: 12px;
    padding: 0 18px;
    background: var(--gold-indigo);
    color: #fff;
    font-weight: 900;
    cursor: pointer;
}.alh-search-results{
    display: grid;
    gap: 10px;
    margin-top: 18px;
}.alh-search-results a{
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 14px;
    border: 1px solid var(--gold-line);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.82);
    color: var(--gold-carbon);
    text-decoration: none;
}.alh-search-results span{
    padding: 8px 10px;
    border-radius: 10px;
    background: rgba(79, 70, 229, 0.08);
    color: var(--gold-indigo);
    font-size: 12px;
    font-weight: 950;
    text-align: center;
}.alh-search-results strong{
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
}.alh-search-results em{
    color: var(--gold-muted);
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
}.alh-search-empty{
    display: block;
    padding: 14px;
    border: 1px dashed var(--gold-line);
    border-radius: 14px;
    color: var(--gold-muted);
    background: rgba(255, 255, 255, 0.7);
    font-size: 13px;
    font-weight: 800;
}.alh-trusted{
    padding: 18px 0;
    border-block: 1px solid var(--gold-line);
    background: rgba(255, 255, 255, 0.5);
}.alh-trusted__row{
    display: flex;
    align-items: center;
    gap: 34px;
}.alh-trusted span{
    color: var(--gold-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    white-space: nowrap;
}.alh-trusted ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 24px;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}.alh-trusted li{
    color: #B6BDC9;
    font-size: clamp(16px, 2vw, 26px);
    font-weight: 950;
    letter-spacing: 0.08em;
}.alh-pathways,.alh-bento,.alh-products{
    padding: clamp(72px, 9vw, 128px) 0;
}.alh-section-head{
    max-width: 780px;
    margin-bottom: clamp(26px, 4vw, 46px);
}.alh-section-head--row{
    max-width: none;
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: end;
}.alh-section-head h2{
    margin: 12px 0 0;
    color: var(--gold-carbon) !important;
    font-size: clamp(34px, 4.6vw, 64px);
    font-weight: 950;
    line-height: 1;
    letter-spacing: 0;
    text-wrap: balance;
}.alh-pathway-grid{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}.alh-path-card{
    position: relative;
    min-height: 390px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
    padding: clamp(24px, 4vw, 42px);
    border: 1px solid rgba(255, 255, 255, 0.88);
    border-radius: 30px;
    background: var(--gold-surface-strong);
    color: var(--gold-carbon);
    text-decoration: none;
    box-shadow: var(--gold-shadow);
    transition: transform 220ms ease, box-shadow 220ms ease;
}.alh-path-card:hover{
    transform: translateY(-6px);
    box-shadow: 0 32px 90px rgba(17, 24, 39, 0.15);
}.alh-path-card h3{
    max-width: 620px;
    margin: 12px 0;
    color: var(--gold-carbon) !important;
    font-size: clamp(30px, 4vw, 58px);
    font-weight: 950;
    line-height: 1;
    letter-spacing: 0;
}.alh-path-card p{
    max-width: 570px;
    margin: 0;
    color: var(--gold-muted);
    font-size: 16px !important;
    line-height: 1.6;
}.alh-path-card__icon{
    position: absolute;
    top: 32px;
    inset-inline-end: 32px;
    width: 112px;
    height: 112px;
    display: grid;
    place-items: center;
    border-radius: 28px;
    background: linear-gradient(135deg, rgba(79, 70, 229, 0.12), rgba(234, 179, 8, 0.18));
}.alh-path-card__icon svg{
    width: 62px;
    height: 62px;
    fill: var(--gold-indigo);
}.alh-path-card__image{
    position: absolute;
    inset: 0;
    opacity: 0.18;
    background:
        radial-gradient(circle at 72% 24%, rgba(79, 70, 229, 0.55), transparent 22%),
        linear-gradient(135deg, transparent 0 42%, rgba(17, 24, 39, 0.12) 42% 44%, transparent 44%),
        repeating-linear-gradient(90deg, rgba(17, 24, 39, 0.2) 0 2px, transparent 2px 28px);
}.alh-path-card--parts{
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(248, 249, 252, 0.82)),
        radial-gradient(circle at 80% 18%, rgba(234, 179, 8, 0.22), transparent 34%);
}.alh-bento{
    background: #fff;
}.alh-bento-grid{
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-auto-rows: minmax(210px, auto);
    gap: 16px;
}.alh-bento-card{
    grid-column: span 4;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 240px;
    padding: 26px;
    overflow: hidden;
    border: 1px solid var(--gold-line);
    border-radius: 26px;
    background:
        linear-gradient(145deg, rgba(248, 249, 252, 0.96), rgba(255, 255, 255, 0.82)),
        radial-gradient(circle at 85% 20%, rgba(79, 70, 229, 0.1), transparent 30%);
}.alh-bento-card.wide{
    grid-column: span 8;
}.alh-bento-card.tall{
    grid-column: span 4;
    grid-row: span 2;
}.alh-bento-card span{
    color: var(--gold-indigo);
    font-size: 12px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}.alh-bento-card h3{
    max-width: 620px;
    margin: 12px 0;
    color: var(--gold-carbon) !important;
    font-size: clamp(24px, 3vw, 42px);
    font-weight: 950;
    line-height: 1.06;
    letter-spacing: 0;
}.alh-bento-card p{
    max-width: 560px;
    margin: 0;
    color: var(--gold-muted);
    font-size: 15px !important;
    line-height: 1.6;
}.alh-bento-card strong{
    align-self: flex-end;
    color: rgba(17, 24, 39, 0.08);
    font-size: clamp(52px, 8vw, 118px);
    font-weight: 950;
    line-height: 0.8;
}.alh-product-table{
    overflow: hidden;
    border: 1px solid var(--gold-line);
    border-radius: 24px;
    background: #fff;
    box-shadow: var(--gold-shadow);
}.alh-product-row{
    display: grid;
    grid-template-columns: minmax(280px, 1.2fr) minmax(140px, 0.55fr) minmax(120px, 0.45fr) minmax(140px, 0.45fr);
    gap: 18px;
    align-items: center;
    min-height: 82px;
    padding: 14px 18px;
    border-top: 1px solid var(--gold-line);
}.alh-product-row--head{
    min-height: 54px;
    border-top: 0;
    background: var(--gold-bg);
    color: var(--gold-muted);
    font-size: 12px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}.alh-product-item{
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}.alh-product-item img{
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    object-fit: contain;
    border-radius: 12px;
    background: var(--gold-bg);
}.alh-product-item strong{
    min-width: 0;
    color: var(--gold-carbon);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}.alh-product-row em{
    display: inline-flex;
    width: fit-content;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(79, 70, 229, 0.08);
    color: var(--gold-indigo);
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
}.alh-product-row a{
    display: inline-flex;
    justify-content: center;
    width: fit-content;
    padding: 10px 13px;
    border-radius: 10px;
    background: var(--gold-yellow-strong);
    color: var(--gold-carbon) !important;
    font-size: 13px;
    font-weight: 950;
    text-decoration: none;
}@media (max-width: 1024px){.alh-hero__grid,.alh-pathway-grid{
        grid-template-columns: 1fr;
    }.alh-search-panel{
        order: -1;
    }.alh-bento-card,.alh-bento-card.wide,.alh-bento-card.tall{
        grid-column: 1 / -1;
        grid-row: auto;
    }.alh-section-head--row{
        align-items: flex-start;
        flex-direction: column;
    }}@media (max-width: 760px){.alh-shell{
        width: min(100% - 24px, 560px);
    }.alh-hero{
        min-height: auto;
        padding-top: 88px;
    }.alh-hero__copy h1{
        font-size: clamp(38px, 12vw, 54px);
    }.alh-hero__actions,.alh-trusted__row{
        align-items: stretch;
        flex-direction: column;
    }.alh-btn,.alh-link-btn{
        width: 100%;
    }.alh-hero__metrics{
        grid-template-columns: 1fr;
    }.alh-live-search__control,.alh-search-results a{
        grid-template-columns: 1fr;
    }.alh-live-search button{
        min-height: 46px;
    }.alh-trusted ul{
        justify-content: flex-start;
        overflow-x: auto;
        padding-bottom: 6px;
    }.alh-path-card{
        min-height: 340px;
    }.alh-path-card__icon{
        width: 82px;
        height: 82px;
        top: 20px;
        inset-inline-end: 20px;
    }.alh-path-card__icon svg{
        width: 46px;
        height: 46px;
    }.alh-product-table{
        display: grid;
        gap: 12px;
        border: 0;
        background: transparent;
        box-shadow: none;
    }.alh-product-row--head{
        display: none;
    }.alh-product-row{
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 16px;
        border: 1px solid var(--gold-line);
        border-radius: 18px;
        background: #fff;
        box-shadow: 0 14px 38px rgba(17, 24, 39, 0.08);
    }.alh-product-item strong{
        white-space: normal;
    }}:root{
    --alh-navy: #1B263B;
    --alh-steel: #415A77;
    --alh-orange: #FB8500;
    --alh-light: #F8F9FA;
    --alh-white: #ffffff;
    --alh-border: rgba(248, 249, 250, 0.18);
    --alh-shadow: 0 18px 42px rgba(27, 38, 59, 0.28);
    --alh-font-ar: "IBM Plex Sans Arabic", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --alh-font-en: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}body{
    font-family: var(--alh-font-en);
}html[lang^="ar"] body,body.rtl,body.rtl .premium-homepage{
    font-family: var(--alh-font-ar);
}body.rtl .premium-hero .hero-overlay{
    background:
        linear-gradient(270deg, rgba(27, 38, 59, 0.94) 0%, rgba(27, 38, 59, 0.78) 42%, rgba(27, 38, 59, 0.46) 100%),
        linear-gradient(180deg, rgba(27, 38, 59, 0.28) 0%, rgba(27, 38, 59, 0.82) 100%);
}