.elementor-10345 .elementor-element.elementor-element-52c5cd2{--display:flex;--min-height:120px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10345 .elementor-element.elementor-element-0af7645{--display:flex;--min-height:80px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10345 .elementor-element.elementor-element-0af7645.e-con{--align-self:center;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-10345 .elementor-element.elementor-element-e3fe367 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-e3fe367 *//* =========================
   HEADER
========================= */

.uae-header {
    --orange: #F38131;
    --dark: #38495A;
    --radius: 45px;

    width: calc(100% - 160px);
    height: 80px;

    position: fixed;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);

    padding: 0 80px;
    box-sizing: border-box;

    display: flex;
    align-items: center;
    justify-content: space-between;

    background: #fff;
    border-radius: var(--radius);
    box-shadow: 0 6px 22px rgba(0,0,0,.08);

    z-index: 99999;
    isolation: isolate;
    overflow: visible;
}


/* =========================
   ANIMATED BORDER
========================= */

@property --uae-border-angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

.uae-header::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;

    border-radius: var(--radius);

    background: conic-gradient(
        from var(--uae-border-angle),
        transparent 0 338deg,
        rgba(243,129,49,.2) 338deg,
        rgba(243,129,49,.55) 344deg,
        var(--orange) 350deg 360deg
    );

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;

    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    mask-composite: exclude;

    pointer-events: none;
    z-index: 0;

    animation: uaeBorderTravel 10s linear infinite;

    filter:
        drop-shadow(0 0 2px rgba(243,129,49,.95))
        drop-shadow(0 0 6px rgba(243,129,49,.7))
        drop-shadow(0 0 12px rgba(243,129,49,.4));
}

@keyframes uaeBorderTravel {
    to {
        --uae-border-angle: 360deg;
    }
}

.uae-header > * {
    position: relative;
    z-index: 2;
}


/* =========================
   LOGO
========================= */

.uae-logo,
.uae-logo a {
    width: 125px;
    height: 35px;
}

.uae-logo {
    flex: 0 0 125px;
    display: flex;
    align-items: center;
}

.uae-logo a {
    display: flex;
    align-items: center;
}

.uae-logo img {
    width: 125px !important;
    height: 35px !important;

    max-width: none !important;
    max-height: none !important;

    display: block;
    object-fit: contain !important;
    object-position: left center !important;
}


/* =========================
   NAVIGATION
========================= */

.uae-nav {
    display: flex;
    align-items: center;
    justify-content: center;

    margin-left: 40px;
}

.uae-nav a {
    position: relative;

    padding: 0 28px;

    color: var(--dark);

    font-family: "Space Grotesk", sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;

    line-height: 1;
    text-decoration: none !important;
    white-space: nowrap;

    transition: color .3s ease;
}

.uae-nav a:hover,
.uae-nav a.active,
.uae-nav a[aria-current="page"] {
    color: var(--orange) !important;
}


/* =========================
   NAV DIVIDERS
========================= */

.uae-nav > a + a::before,
.uae-nav > .uae-service-dropdown::before,
.uae-nav > .uae-service-dropdown + a::before,
.uae-nav > .uae-service-dropdown + a ~ a::before {
    content: "";

    position: absolute;
    left: 0;
    top: 50%;

    width: 1px;
    height: 22px;

    background: #D9D9D9;

    transform: translateY(-50%);
}


/* Services divider */

.uae-nav > .uae-service-dropdown {
    position: relative;
}

.uae-nav > .uae-service-dropdown::before {
    left: 0;
}


/* =========================
   SERVICES DROPDOWN
========================= */

.uae-service-dropdown {
    position: relative;

    display: flex;
    align-items: center;
}

.uae-services-main {
    position: relative;

    padding: 0 28px;

    color: var(--dark) !important;

    font-family: "Space Grotesk", sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;

    line-height: 1;
    text-decoration: none !important;
    white-space: nowrap;

    transition: color .3s ease;
}

.uae-services-main:hover,
.uae-services-main.active {
    color: var(--orange) !important;
}


/* Dropdown box */

.uae-service-menu {
    position: absolute;

    top: calc(100% + 18px);
    left: 50%;

    width: 230px;

    padding: 10px;

    box-sizing: border-box;

    background: #fff;
    border-radius: 14px;

    box-shadow: 0 12px 30px rgba(0,0,0,.12);

    opacity: 0;
    visibility: hidden;

    transform: translate(-50%, -8px);

    transition:
        opacity .25s ease,
        visibility .25s ease,
        transform .25s ease;

    z-index: 999999;
}


/* Dropdown links */

.uae-service-menu a {
    display: block;

    padding: 12px 14px;

    color: var(--dark) !important;

    font-family: "Space Grotesk", sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;

    line-height: 1.2;
    text-decoration: none !important;

    border-radius: 8px;

    transition:
        background .25s ease,
        color .25s ease,
        padding-left .25s ease;
}

.uae-service-menu a:hover,
.uae-service-menu a.active {
    background: #FFF0E8;
    color: var(--orange) !important;

    padding-left: 18px;
}


/* Show dropdown on hover */

.uae-service-dropdown:hover .uae-service-menu {
    opacity: 1;
    visibility: visible;

    transform: translate(-50%, 0);
}


/* =========================
   CONTACT BUTTON
========================= */

.uae-contact {
    width: 173px;
    height: 36px;

    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 10px;

    padding: 0;
    box-sizing: border-box;

    background: var(--orange);
    color: #fff !important;

    border-radius: 8px;

    font-family: "Space Grotesk", sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;

    line-height: 1;
    text-decoration: none !important;

    transition:
        background .3s ease,
        color .3s ease;
}

.uae-contact:hover,
.uae-contact:focus,
.uae-contact:active {
    background: #394B59 !important;
    color: #fff !important;
}

.uae-contact span,
.uae-contact:hover span,
.uae-contact:focus span,
.uae-contact:active span {
    color: #fff !important;
}

.uae-contact .uae-phone {
    width: 20px !important;
    height: 20px !important;

    min-width: 20px !important;
    max-width: 20px !important;

    flex: 0 0 20px !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;

    transform: scale(1.08);
    filter: contrast(1.35);
}


/* =========================
   BURGER
========================= */

.uae-burger {
    display: none;

    width: 42px;
    height: 42px;

    padding: 8px;

    background: transparent;
    border: 0;

    cursor: pointer;

    flex-direction: column;
    align-items: center;
    justify-content: center;

    gap: 5px;
}

.uae-burger span {
    width: 24px;
    height: 2px;

    display: block;

    background: var(--dark);
    border-radius: 2px;

    transition: all .3s ease;
}


/* =========================
   MOBILE MENU
========================= */

.uae-mobile-menu {
    display: none;
}


/* =========================
   TABLET
========================= */

@media (max-width: 1200px) {

    .uae-header {
        width: calc(100% - 60px);
        padding: 0 40px;
    }

    .uae-nav {
        margin-left: 20px;
    }

    .uae-nav > a,
    .uae-services-main {
        padding: 0 18px;
        font-size: 18px !important;
    }

    .uae-nav > .uae-service-dropdown::before {
        height: 20px;
    }
}


/* =========================
   MOBILE
========================= */

@media (max-width: 767px) {

    .uae-header {
        --radius: 35px;

        width: calc(100% - 30px);
        height: 70px;

        top: 15px;
        padding: 0 20px;

        border-radius: var(--radius);
    }


    /* Hide Desktop */

    .uae-nav,
    .uae-contact {
        display: none;
    }


    /* Show Burger */

    .uae-burger {
        display: flex;
    }


    /* =====================
       MOBILE MENU
    ===================== */

    .uae-mobile-menu {
        position: absolute;

        top: calc(100% + 10px);
        left: 0;

        width: 100%;

        padding: 15px 20px;

        box-sizing: border-box;

        display: flex;
        flex-direction: column;

        background: #fff;

        border-radius: 20px;

        box-shadow: 0 8px 25px rgba(0,0,0,.1);

        opacity: 0;
        visibility: hidden;

        transform: translateY(-10px);

        transition:
            opacity .3s ease,
            visibility .3s ease,
            transform .3s ease;
    }


    /* Mobile Main Links */

    .uae-mobile-menu > a {
        padding: 14px 10px;

        color: var(--dark);

        font-family: "Space Grotesk", sans-serif !important;
        font-size: 18px !important;
        font-weight: 600 !important;

        text-decoration: none !important;

        border-bottom: 1px solid #E5E5E5;

        transition: color .3s ease;
    }

    .uae-mobile-menu > a:last-child {
        border-bottom: 0;
    }

    .uae-mobile-menu > a:hover,
    .uae-mobile-menu > a.active {
        color: var(--orange) !important;
    }


    /* =====================
       MOBILE SERVICES
    ===================== */

    .uae-mobile-services {
        width: 100%;
    }

    .uae-mobile-services-row {
        display: flex;
        align-items: center;

        border-bottom: 1px solid #E5E5E5;
    }

    .uae-mobile-services-main {
        flex: 1;

        padding: 14px 10px;

        color: var(--dark) !important;

        font-family: "Space Grotesk", sans-serif !important;
        font-size: 18px !important;
        font-weight: 600 !important;

        line-height: 1;
        text-decoration: none !important;
    }

    .uae-mobile-services-main:hover,
    .uae-mobile-services-main.active {
        color: var(--orange) !important;
    }


    /* Plus / Minus Button */

    .uae-mobile-services-toggle {
        width: 45px;
        height: 45px;

        padding: 0;

        display: flex;
        align-items: center;
        justify-content: center;

        background: transparent;
        border: 0;

        color: var(--orange);

        font-family: "Inter", sans-serif;
        font-size: 24px;
        font-weight: 400;

        cursor: pointer;
    }


    /* Mobile Service List */

    .uae-mobile-service-list {
        display: none;

        padding: 5px 0 8px 15px;
    }

    .uae-mobile-service-list a {
        display: block;

        padding: 10px;

        color: var(--dark) !important;

        font-family: "Inter", sans-serif !important;
        font-size: 15px !important;
        font-weight: 500 !important;

        line-height: 1.3;
        text-decoration: none !important;

        border: 0 !important;

        transition: color .3s ease;
    }

    .uae-mobile-service-list a:hover,
    .uae-mobile-service-list a.active {
        color: var(--orange) !important;
    }

    .uae-mobile-services.open .uae-mobile-service-list {
        display: block;
    }

    .uae-mobile-services.open .uae-mobile-services-main {
        color: var(--orange) !important;
    }


    /* =====================
       OPEN MENU
    ===================== */

    .uae-header.menu-open .uae-mobile-menu {
        opacity: 1;
        visibility: visible;

        transform: translateY(0);
    }


    /* =====================
       BURGER → X
    ===================== */

    .uae-header.menu-open
    .uae-burger span:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
    }

    .uae-header.menu-open
    .uae-burger span:nth-child(2) {
        opacity: 0;
    }

    .uae-header.menu-open
    .uae-burger span:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
    }
}


/* =========================
   SMALL MOBILE
========================= */

@media (max-width: 480px) {

    .uae-header {
        width: calc(100% - 20px);
        padding: 0 15px;
    }

    .uae-mobile-menu > a,
    .uae-mobile-services-main {
        font-size: 17px !important;
    }
}/* End custom CSS */