.site-region-ae {
    --ae-ink: #17110d;
    --ae-dark: #111111;
    --ae-dark-2: #2a1b12;
    --ae-brand: #f68820;
    --ae-red: #d72f2f;
    --ae-paper: #fff8f1;
    --ae-soft: #fff0e2;
    --ae-line: rgba(23, 17, 13, 0.12);
    --ae-muted: rgba(23, 17, 13, 0.68);
    background:
        linear-gradient(135deg, rgba(246, 136, 32, 0.055) 25%, transparent 25%) 0 0 / 36px 36px,
        var(--ae-paper);
    color: var(--ae-ink);
}

.site-region-ae:not(.page-home-beta-one) main#content {
    background:
        linear-gradient(135deg, rgba(246, 136, 32, 0.045) 25%, transparent 25%) 0 0 / 38px 38px,
        var(--ae-paper);
    overflow: hidden;
}

.site-region-ae .site-header {
    position: sticky;
    top: 0;
    z-index: 90;
    box-shadow: 0 18px 48px rgba(44, 25, 12, 0.18);
}

.site-region-ae .top-mini {
    background: var(--ae-dark) !important;
}

.site-region-ae .top-mini select,
.site-region-ae.site-legacy-layout header > div:first-child select {
    background-color: var(--ae-dark) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.34) !important;
}

.site-region-ae .top-mini select option,
.site-region-ae.site-legacy-layout header > div:first-child select option {
    background-color: var(--ae-dark) !important;
    color: #ffffff !important;
}

.site-region-ae .top-mini label,
.site-region-ae .top-mini .mini-right,
.site-region-ae.site-legacy-layout header > div:first-child,
.site-region-ae.site-legacy-layout header > div:first-child span {
    color: rgba(255, 255, 255, 0.92) !important;
}

.site-region-ae .site-header > .bg-white {
    background: rgba(255, 255, 255, 0.94) !important;
    backdrop-filter: blur(14px);
}

.site-region-ae .header-row,
.site-region-ae .mini-wrap,
.site-region-ae .about-container,
.site-region-ae .page-services-banner-content,
.site-region-ae .services-list-wrap > .about-container,
.site-region-ae .blog-list-wrap > .about-container {
    max-width: 1200px !important;
}

.site-region-ae .nav-main-link {
    min-height: 54px;
    color: var(--ae-ink) !important;
    font-family: "Open Sans", "Tajawal", sans-serif;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.site-region-ae .nav-main-link:hover,
.site-region-ae .nav-main-link.is-active,
.site-region-ae .top-mini a:hover,
.site-region-ae .footer-copy a:hover,
.site-region-ae .footer-cols a:hover {
    color: var(--ae-brand) !important;
}

.site-region-ae .main-actions > a,
.site-region-ae .main-actions > button {
    border-radius: 2px !important;
    min-height: 38px;
    font-weight: 800;
}

.site-region-ae .main-actions > .bg-brand,
.site-region-ae .bg-brand,
.site-region-ae .fast-btn-primary,
.site-region-ae .btn-main.fast-btn-primary {
    background: var(--ae-brand) !important;
    border-color: var(--ae-brand) !important;
    color: #111111 !important;
}

.site-region-ae .main-actions > .bg-black {
    background: var(--ae-dark) !important;
}

.site-region-ae .logo-badge {
    background: transparent !important;
    box-shadow: none !important;
}

.site-region-ae .logo-badge img {
    height: 72px !important;
    border-radius: 0 !important;
}

.site-region-ae .page-services-banner,
.site-region-ae .about-inner-hero {
    position: relative;
    min-height: 440px;
    display: grid;
    align-items: center;
    background: var(--ae-dark);
    overflow: hidden;
    isolation: isolate;
}

.site-region-ae .page-services-banner::before,
.site-region-ae .about-inner-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(17, 17, 17, 0.94) 0%, rgba(17, 17, 17, 0.72) 42%, rgba(17, 17, 17, 0.2) 100%),
        linear-gradient(135deg, rgba(246, 136, 32, 0.34), transparent 38%),
        linear-gradient(315deg, rgba(215, 47, 47, 0.28), transparent 42%);
}

.site-region-ae .page-services-banner::after,
.site-region-ae .about-inner-hero::after {
    content: "";
    position: absolute;
    top: -18%;
    left: 16%;
    z-index: 3;
    width: 120px;
    height: 136%;
    background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.24), transparent);
    transform: skewX(-18deg) translateX(-320px);
    animation: ae-light-sweep 7s ease-in-out infinite;
    pointer-events: none;
}

.site-region-ae .page-services-banner > img,
.site-region-ae .about-inner-hero-bg {
    --ae-hero-x: 0px;
    --ae-hero-y: 0px;
    transform: translate3d(var(--ae-hero-x), var(--ae-hero-y), 0) scale(1.045);
    transition: transform 260ms ease-out;
    animation: ae-hero-zoom 18s ease-in-out infinite alternate;
}

.site-region-ae .page-services-banner-overlay,
.site-region-ae .about-inner-hero-overlay,
.site-region-ae .hero-left-plate {
    display: none !important;
}

.site-region-ae .page-services-banner-content,
.site-region-ae .about-inner-hero-content {
    position: relative;
    z-index: 4;
    padding-block: 84px;
    color: #ffffff;
}

.site-region-ae .page-services-banner-content h1,
.site-region-ae .about-inner-hero-content h1,
.site-region-ae .page-services-banner-content h2,
.site-region-ae .about-inner-hero-content h2 {
    max-width: 760px;
    font-family: "Oswald", "Tajawal", sans-serif;
    font-size: clamp(44px, 6vw, 76px) !important;
    line-height: 0.98 !important;
    letter-spacing: 0;
    text-transform: uppercase;
}

.site-region-ae .about-breadcrumb,
.site-region-ae .about-breadcrumb a,
.site-region-ae .page-services-banner-content p,
.site-region-ae .about-inner-hero-content p {
    color: rgba(255, 255, 255, 0.84) !important;
}

.site-region-ae .about-breadcrumb span,
.site-region-ae .text-brand,
.site-region-ae a.text-brand {
    color: var(--ae-brand) !important;
}

.site-region-ae .services-list-wrap,
.site-region-ae .blog-list-wrap,
.site-region-ae .fast-section,
.site-region-ae .contact-main-wrap,
.site-region-ae .tracking-main-wrap {
    background: transparent !important;
    padding-block: 74px;
}

.site-region-ae .services-grid-list,
.site-region-ae .media-page-grid,
.site-region-ae .blog-list-grid,
.site-region-ae .media-split-grid {
    gap: 18px !important;
}

.site-region-ae .service-item-card,
.site-region-ae .services-grid-list > *,
.site-region-ae .blog-list-card,
.site-region-ae .media-page-card,
.site-region-ae .media-split-card,
.site-region-ae .tracking-status-card,
.site-region-ae .service-detail-wrap article,
.site-region-ae .service-detail-wrap aside,
.site-region-ae .side-card,
.site-region-ae .blog-article-main,
.site-region-ae .account-card,
.site-region-ae .fast-card {
    border: 1px solid var(--ae-line) !important;
    border-radius: 0 !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 22px 60px rgba(44, 25, 12, 0.12) !important;
    overflow: hidden;
    transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}

.site-region-ae .service-item-card:hover,
.site-region-ae .services-grid-list > *:hover,
.site-region-ae .blog-list-card:hover,
.site-region-ae .media-page-card:hover,
.site-region-ae .media-split-card:hover,
.site-region-ae .tracking-status-card:hover,
.site-region-ae .service-detail-wrap article:hover,
.site-region-ae .service-detail-wrap aside:hover,
.site-region-ae .side-card:hover,
.site-region-ae .blog-article-main:hover,
.site-region-ae .account-card:hover,
.site-region-ae .fast-card:hover {
    transform: translateY(-10px);
    border-color: rgba(246, 136, 32, 0.42) !important;
    box-shadow: 0 34px 86px rgba(44, 25, 12, 0.2) !important;
}

.site-region-ae .service-item-card img,
.site-region-ae .services-grid-list img,
.site-region-ae .blog-list-card img,
.site-region-ae .media-page-card img,
.site-region-ae .media-split-card img,
.site-region-ae .service-detail-image img,
.site-region-ae .blog-detail-hero img {
    transition: transform 360ms ease, filter 360ms ease;
}

.site-region-ae .service-item-card:hover img,
.site-region-ae .services-grid-list > *:hover img,
.site-region-ae .blog-list-card:hover img,
.site-region-ae .media-page-card:hover img,
.site-region-ae .media-split-card:hover img {
    transform: scale(1.06);
    filter: saturate(1.1) contrast(1.04);
}

.site-region-ae h1,
.site-region-ae h2,
.site-region-ae h3,
.site-region-ae .about-section-head h2,
.site-region-ae .media-page-head h2,
.site-region-ae .fast-section-title h2 {
    color: var(--ae-ink);
    letter-spacing: 0;
}

.site-region-ae .page-services-banner h1,
.site-region-ae .page-services-banner h2,
.site-region-ae .about-inner-hero h1,
.site-region-ae .about-inner-hero h2,
.site-region-ae .b1-hero h1,
.site-region-ae .b1-final h2 {
    color: #ffffff;
}

.site-region-ae .media-page-badge,
.site-region-ae .media-split-badge,
.site-region-ae .tracking-carrier-badge,
.site-region-ae .blog-meta-line,
.site-region-ae .media-page-date {
    color: var(--ae-brand) !important;
}

.site-region-ae .media-btn,
.site-region-ae .side-btn,
.site-region-ae .account-action-link,
.site-region-ae .blog-list-card a,
.site-region-ae .service-item-card a,
.site-region-ae .services-grid-list a,
.site-region-ae .media-page-card a {
    color: var(--ae-red) !important;
    font-weight: 900;
}

.site-region-ae input,
.site-region-ae textarea,
.site-region-ae select,
.site-region-ae .form-control {
    border-radius: 2px !important;
    border-color: rgba(23, 17, 13, 0.18) !important;
    background: #ffffff !important;
}

.site-region-ae input:focus,
.site-region-ae textarea:focus,
.site-region-ae select:focus,
.site-region-ae .form-control:focus {
    border-color: var(--ae-brand) !important;
    box-shadow: 0 0 0 3px rgba(246, 136, 32, 0.16) !important;
    outline: none !important;
}

.site-region-ae button[type="submit"],
.site-region-ae .btn-main,
.site-region-ae .side-btn,
.site-region-ae .media-btn,
.site-region-ae .tracking-search-form button {
    border-radius: 2px !important;
    transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}

.site-region-ae button[type="submit"]:hover,
.site-region-ae .btn-main:hover,
.site-region-ae .side-btn:hover,
.site-region-ae .media-btn:hover,
.site-region-ae .tracking-search-form button:hover {
    transform: translateY(-3px);
    filter: brightness(0.98);
}

.site-region-ae .footer-bg {
    margin-top: 0 !important;
    background: var(--ae-dark) !important;
}

.site-region-ae .footer-cols {
    border-radius: 0 !important;
    background: rgba(42, 27, 18, 0.74) !important;
}

.site-region-ae #mobile-drawer-overlay {
    background: rgba(17, 17, 17, 0.62) !important;
    backdrop-filter: blur(6px);
}

.site-region-ae #mobile-drawer {
    background:
        linear-gradient(180deg, rgba(17, 17, 17, 0.98), rgba(42, 27, 18, 0.98)) !important;
    color: #ffffff !important;
    border-left: 2px solid var(--ae-brand) !important;
    box-shadow: -24px 0 80px rgba(0, 0, 0, 0.38);
}

html[dir="rtl"] .site-region-ae #mobile-drawer {
    border-left: 0 !important;
    border-right: 2px solid var(--ae-brand) !important;
    box-shadow: 24px 0 80px rgba(0, 0, 0, 0.38);
}

.site-region-ae #mobile-drawer::before {
    content: "";
    position: absolute;
    inset: -18% auto auto -18%;
    width: 220px;
    height: 220px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(246, 136, 32, 0.24), transparent 70%);
    pointer-events: none;
}

.site-region-ae #mobile-drawer .drawer-link,
.site-region-ae #mobile-drawer .drawer-toggle {
    color: #ffffff !important;
    border-bottom-color: rgba(255, 255, 255, 0.16) !important;
    position: relative;
    z-index: 1;
}

.site-region-ae #mobile-drawer .drawer-link:hover,
.site-region-ae #mobile-drawer .drawer-toggle:hover,
.site-region-ae #mobile-drawer .drawer-toggle.open {
    color: var(--ae-brand) !important;
}

.site-region-ae #mobile-drawer .drawer-link-sub {
    color: rgba(255, 255, 255, 0.82) !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

.site-region-ae #mobile-drawer .drawer-toggle-icon,
.site-region-ae #mobile-drawer .text-brand {
    color: var(--ae-brand) !important;
}

.site-region-ae #mobile-drawer .drawer-action {
    border-radius: 2px !important;
    position: relative;
    z-index: 1;
}

.site-region-ae #mobile-drawer .drawer-action-primary,
.site-region-ae #mobile-drawer .drawer-action-secondary {
    background: var(--ae-brand) !important;
    border-color: var(--ae-brand) !important;
    color: #111111 !important;
}

.site-region-ae .mobile-controls .menu-btn {
    color: var(--ae-dark) !important;
}

.site-region-ae .mobile-controls .mobile-inline-select {
    color: var(--ae-ink) !important;
}

.site-region-ae.site-legacy-layout .mobile-nav {
    background:
        linear-gradient(180deg, rgba(17, 17, 17, 0.98), rgba(42, 27, 18, 0.98)) !important;
    color: #ffffff !important;
    border-top: 2px solid var(--ae-brand) !important;
    box-shadow: 0 26px 70px rgba(0, 0, 0, 0.32) !important;
}

.site-region-ae.site-legacy-layout .mobile-nav nav > div,
.site-region-ae.site-legacy-layout .mobile-nav .rounded-2xl {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    border-radius: 2px !important;
}

.site-region-ae.site-legacy-layout .mobile-nav a,
.site-region-ae.site-legacy-layout .mobile-nav label,
.site-region-ae.site-legacy-layout .mobile-nav li,
.site-region-ae.site-legacy-layout .mobile-nav .text-slate-900,
.site-region-ae.site-legacy-layout .mobile-nav .text-slate-700,
.site-region-ae.site-legacy-layout .mobile-nav .text-slate-600,
.site-region-ae.site-legacy-layout .mobile-nav .text-slate-500 {
    color: #ffffff !important;
}

.site-region-ae.site-legacy-layout .mobile-nav a:hover {
    color: var(--ae-brand) !important;
}

.site-region-ae.site-legacy-layout .mobile-nav select {
    background-color: var(--ae-dark) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.28) !important;
}

.site-region-ae.site-legacy-layout .mobile-nav select option {
    background-color: var(--ae-dark) !important;
    color: #ffffff !important;
}

.site-region-ae.site-legacy-layout {
    background:
        linear-gradient(135deg, rgba(246, 136, 32, 0.055) 25%, transparent 25%) 0 0 / 36px 36px,
        var(--ae-paper) !important;
}

.site-region-ae.site-legacy-layout header {
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: 0 18px 48px rgba(44, 25, 12, 0.18) !important;
}

.site-region-ae.site-legacy-layout header > div:first-child {
    background: var(--ae-dark) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

.site-region-ae.site-legacy-layout main#main {
    background:
        linear-gradient(135deg, rgba(246, 136, 32, 0.045) 25%, transparent 25%) 0 0 / 38px 38px,
        var(--ae-paper);
}

.site-region-ae.site-legacy-layout main#main > section:first-child {
    background: transparent !important;
}

.site-region-ae.site-legacy-layout .text-sky-600,
.site-region-ae.site-legacy-layout .hover\:text-\[\#ff9e43\]:hover,
.site-region-ae.site-legacy-layout a:hover {
    color: var(--ae-brand) !important;
}

.site-region-ae.site-legacy-layout .bg-sky-600,
.site-region-ae.site-legacy-layout .bg-\[\#ff9e43\] {
    background: var(--ae-brand) !important;
    color: #111111 !important;
}

.site-region-ae.site-legacy-layout .rounded-3xl,
.site-region-ae.site-legacy-layout .rounded-2xl,
.site-region-ae.site-legacy-layout .rounded-xl {
    border-radius: 2px !important;
}

.site-region-ae.site-legacy-layout form,
.site-region-ae.site-legacy-layout aside > div,
.site-region-ae.site-legacy-layout .prose,
.site-region-ae.site-legacy-layout .shadow-lg,
.site-region-ae.site-legacy-layout .shadow-sm {
    border-color: var(--ae-line) !important;
    box-shadow: 0 22px 60px rgba(44, 25, 12, 0.12) !important;
}

.site-region-ae.site-legacy-layout iframe {
    filter: saturate(0.95) contrast(1.04);
}

.site-region-ae .ae-reveal {
    opacity: 0;
    transform: translateY(34px) scale(0.98);
    transition:
        opacity 620ms ease var(--ae-delay, 0ms),
        transform 720ms cubic-bezier(0.18, 1.22, 0.32, 1) var(--ae-delay, 0ms);
}

.site-region-ae .ae-reveal.ae-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
}

@keyframes ae-light-sweep {
    0%, 24% {
        transform: skewX(-18deg) translateX(-340px);
        opacity: 0;
    }
    42% {
        opacity: 0.86;
    }
    72%, 100% {
        transform: skewX(-18deg) translateX(840px);
        opacity: 0;
    }
}

@keyframes ae-hero-zoom {
    0% {
        filter: saturate(1) contrast(1);
    }
    100% {
        filter: saturate(1.1) contrast(1.04);
    }
}

@media (max-width: 760px) {
    .site-region-ae .page-services-banner,
    .site-region-ae .about-inner-hero {
        min-height: 360px;
    }

    .site-region-ae .page-services-banner-content,
    .site-region-ae .about-inner-hero-content {
        padding-block: 58px;
    }

    .site-region-ae .page-services-banner-content h1,
    .site-region-ae .about-inner-hero-content h1,
    .site-region-ae .page-services-banner-content h2,
    .site-region-ae .about-inner-hero-content h2 {
        font-size: clamp(38px, 13vw, 56px) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .site-region-ae *,
    .site-region-ae *::before,
    .site-region-ae *::after {
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 1ms !important;
    }

    .site-region-ae .ae-reveal {
        opacity: 1;
        transform: none;
    }
}