{"id":75,"date":"2026-08-15T02:16:47","date_gmt":"2026-08-15T02:16:47","guid":{"rendered":"https:\/\/almadinaservicecompany.com\/?tahefobu_header=custom-header"},"modified":"2026-08-15T02:21:50","modified_gmt":"2026-08-15T02:21:50","slug":"custom-header","status":"publish","type":"tahefobu_header","link":"https:\/\/almadinaservicecompany.com\/ar\/?tahefobu_header=custom-header","title":{"rendered":"Custom Header"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"75\" class=\"elementor elementor-75\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8ae347 e-flex e-con-boxed e-con e-parent\" data-id=\"a8ae347\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bad643d elementor-widget elementor-widget-html\" data-id=\"bad643d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     AL MADINA SERVICE COMPANY\r\n     PREMIUM STICKY NAVIGATION \/ HEADER\r\n\r\n     RECOMMENDED HEADER COLORS:\r\n     Main Header:  #081F2D  (Deep Navy)\r\n     Utility Bar:  #0B5D3B  (Brand Green)\r\n     Accent:       #D2A84A  (Warm Gold)\r\n     Text:         #FFFFFF\r\n\r\n     FEATURES:\r\n     - Fixed premium header\r\n     - 5px left + 5px right site rule\r\n     - Utility contact bar\r\n     - Active section highlighting\r\n     - Smooth scroll navigation\r\n     - Working phone + WhatsApp\r\n     - Future Contact-page URL placeholder\r\n     - Mobile drawer menu\r\n     - Scroll shrink \/ glass effect\r\n     - RTL \/ Arabic ready\r\n     - WordPress admin-bar aware\r\n========================================================= -->\r\n\r\n<!--\r\n    FUTURE CONTACT PAGE LINK:\r\n    When your Contact page is ready, replace the blank value below.\r\n\r\n    Example:\r\n    data-contact-url=\"https:\/\/almadinaservicecompany.com\/contact\/\"\r\n\r\n    Until then, leave it blank.\r\n-->\r\n\r\n<header\r\n    class=\"amh-header-shell\"\r\n    id=\"site-header\"\r\n    data-contact-url=\"\"\r\n>\r\n\r\n    <!-- =====================================================\r\n         TOP UTILITY BAR\r\n    ====================================================== -->\r\n\r\n    <div class=\"amh-utility-bar\">\r\n\r\n        <div class=\"amh-utility-inner\">\r\n\r\n            <div class=\"amh-company-note\">\r\n\r\n                <span class=\"amh-status-dot\"><\/span>\r\n\r\n                <span>\r\n                    Active Saudi Company\r\n                <\/span>\r\n\r\n                <span class=\"amh-utility-divider\"><\/span>\r\n\r\n                <span class=\"amh-national-number\">\r\n                    National No. 7053956418\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"amh-utility-links\">\r\n\r\n                <a\r\n                    href=\"mailto:services@almadinaservicecompany.com\"\r\n                    class=\"amh-utility-link amh-email-link\"\r\n                >\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M3 5H21V19H3Z\"><\/path>\r\n                        <path d=\"M3 6L12 13L21 6\"><\/path>\r\n                    <\/svg>\r\n\r\n                    <span>\r\n                        services@almadinaservicecompany.com\r\n                    <\/span>\r\n                <\/a>\r\n\r\n\r\n                <a\r\n                    href=\"tel:+966502510459\"\r\n                    class=\"amh-utility-link\"\r\n                >\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M6.5 3H10L12 8L9.5 10C10.8 13.1 12.9 15.2 16 16.5L18 14L23 16V19.5C23 20.3 22.3 21 21.5 21C11.3 21 3 12.7 3 2.5C3 1.7 3.7 1 4.5 1H6.5V3Z\"><\/path>\r\n                    <\/svg>\r\n\r\n                    <span>\r\n                        +966 50 251 0459\r\n                    <\/span>\r\n                <\/a>\r\n\r\n\r\n                <a\r\n                    href=\"https:\/\/wa.me\/966502510459?text=Hello%2C%20I%20would%20like%20to%20ask%20about%20your%20services.\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener noreferrer\"\r\n                    class=\"amh-utility-link\"\r\n                >\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M20 11.5C20 16.2 16.2 20 11.5 20C10 20 8.6 19.6 7.4 18.9L3 20L4.2 15.8C3.4 14.5 3 13 3 11.5C3 6.8 6.8 3 11.5 3C16.2 3 20 6.8 20 11.5Z\"><\/path>\r\n                        <path d=\"M8.5 8.5C9.5 11.2 11.4 13.1 14.2 14.2\"><\/path>\r\n                    <\/svg>\r\n\r\n                    <span>\r\n                        WhatsApp\r\n                    <\/span>\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         MAIN NAVIGATION\r\n    ====================================================== -->\r\n\r\n    <div class=\"amh-main-bar\">\r\n\r\n        <div class=\"amh-main-inner\">\r\n\r\n\r\n            <!-- =================================================\r\n                 BRAND\r\n                 This is a professional text\/monogram logo.\r\n                 You can replace it with your real logo later.\r\n            ================================================== -->\r\n\r\n            <a\r\n                href=\"\/\"\r\n                class=\"amh-brand\"\r\n                aria-label=\"AL Madina Service Company home\"\r\n            >\r\n\r\n                <span class=\"amh-brand-mark\">\r\n\r\n                    <span class=\"amh-brand-am\">\r\n                        AM\r\n                    <\/span>\r\n\r\n                    <span class=\"amh-brand-accent\"><\/span>\r\n\r\n                <\/span>\r\n\r\n\r\n                <span class=\"amh-brand-copy\">\r\n\r\n                    <strong>\r\n                        AL MADINA\r\n                    <\/strong>\r\n\r\n                    <small>\r\n                        SERVICE COMPANY\r\n                    <\/small>\r\n\r\n                <\/span>\r\n\r\n            <\/a>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 DESKTOP NAV\r\n            ================================================== -->\r\n\r\n            <nav\r\n                class=\"amh-desktop-nav\"\r\n                aria-label=\"Primary navigation\"\r\n            >\r\n\r\n                <a\r\n                    href=\"\/\"\r\n                    class=\"amh-nav-link is-active\"\r\n                    data-nav-home\r\n                >\r\n                    Home\r\n                <\/a>\r\n\r\n                <a\r\n                    href=\"#about\"\r\n                    class=\"amh-nav-link\"\r\n                    data-section-link=\"about\"\r\n                >\r\n                    About\r\n                <\/a>\r\n\r\n                <a\r\n                    href=\"#services\"\r\n                    class=\"amh-nav-link\"\r\n                    data-section-link=\"services\"\r\n                >\r\n                    Services\r\n                <\/a>\r\n\r\n                <a\r\n                    href=\"#why-choose-us\"\r\n                    class=\"amh-nav-link\"\r\n                    data-section-link=\"why-choose-us\"\r\n                >\r\n                    Why Us\r\n                <\/a>\r\n\r\n                <a\r\n                    href=\"#how-it-works\"\r\n                    class=\"amh-nav-link\"\r\n                    data-section-link=\"how-it-works\"\r\n                >\r\n                    How It Works\r\n                <\/a>\r\n\r\n                <a\r\n                    href=\"#service-concierge\"\r\n                    class=\"amh-nav-link\"\r\n                    data-section-link=\"service-concierge\"\r\n                >\r\n                    Quick Enquiry\r\n                <\/a>\r\n\r\n            <\/nav>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 DESKTOP ACTIONS\r\n            ================================================== -->\r\n\r\n            <div class=\"amh-desktop-actions\">\r\n\r\n                <a\r\n                    href=\"https:\/\/wa.me\/966502510459?text=Hello%2C%20I%20would%20like%20to%20ask%20about%20your%20services.\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener noreferrer\"\r\n                    class=\"amh-whatsapp-button\"\r\n                >\r\n\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M20 11.5C20 16.2 16.2 20 11.5 20C10 20 8.6 19.6 7.4 18.9L3 20L4.2 15.8C3.4 14.5 3 13 3 11.5C3 6.8 6.8 3 11.5 3C16.2 3 20 6.8 20 11.5Z\"><\/path>\r\n                        <path d=\"M8.5 8.5C9.5 11.2 11.4 13.1 14.2 14.2\"><\/path>\r\n                    <\/svg>\r\n\r\n                    WhatsApp\r\n\r\n                <\/a>\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"amh-contact-button\"\r\n                >\r\n                    Contact Us\r\n\r\n                    <span aria-hidden=\"true\">\r\n                        \u2192\r\n                    <\/span>\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 MOBILE QUICK ACTIONS\r\n            ================================================== -->\r\n\r\n            <div class=\"amh-mobile-actions\">\r\n\r\n                <a\r\n                    href=\"tel:+966502510459\"\r\n                    class=\"amh-mobile-call\"\r\n                    aria-label=\"Call AL Madina Service Company\"\r\n                >\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M6.5 3H10L12 8L9.5 10C10.8 13.1 12.9 15.2 16 16.5L18 14L23 16V19.5C23 20.3 22.3 21 21.5 21C11.3 21 3 12.7 3 2.5C3 1.7 3.7 1 4.5 1H6.5V3Z\"><\/path>\r\n                    <\/svg>\r\n                <\/a>\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"amh-menu-toggle\"\r\n                    aria-label=\"Open navigation menu\"\r\n                    aria-expanded=\"false\"\r\n                    aria-controls=\"amh-mobile-menu\"\r\n                >\r\n\r\n                    <span><\/span>\r\n                    <span><\/span>\r\n                    <span><\/span>\r\n\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =====================================================\r\n             MOBILE MENU\r\n        ====================================================== -->\r\n\r\n        <div\r\n            class=\"amh-mobile-menu\"\r\n            id=\"amh-mobile-menu\"\r\n        >\r\n\r\n            <nav\r\n                class=\"amh-mobile-nav\"\r\n                aria-label=\"Mobile navigation\"\r\n            >\r\n\r\n                <a\r\n                    href=\"\/\"\r\n                    class=\"amh-mobile-link is-active\"\r\n                    data-nav-home\r\n                >\r\n                    <span>01<\/span>\r\n                    Home\r\n                <\/a>\r\n\r\n\r\n                <a\r\n                    href=\"#about\"\r\n                    class=\"amh-mobile-link\"\r\n                    data-section-link=\"about\"\r\n                >\r\n                    <span>02<\/span>\r\n                    About\r\n                <\/a>\r\n\r\n\r\n                <a\r\n                    href=\"#services\"\r\n                    class=\"amh-mobile-link\"\r\n                    data-section-link=\"services\"\r\n                >\r\n                    <span>03<\/span>\r\n                    Services\r\n                <\/a>\r\n\r\n\r\n                <a\r\n                    href=\"#why-choose-us\"\r\n                    class=\"amh-mobile-link\"\r\n                    data-section-link=\"why-choose-us\"\r\n                >\r\n                    <span>04<\/span>\r\n                    Why Choose Us\r\n                <\/a>\r\n\r\n\r\n                <a\r\n                    href=\"#how-it-works\"\r\n                    class=\"amh-mobile-link\"\r\n                    data-section-link=\"how-it-works\"\r\n                >\r\n                    <span>05<\/span>\r\n                    How It Works\r\n                <\/a>\r\n\r\n\r\n                <a\r\n                    href=\"#service-concierge\"\r\n                    class=\"amh-mobile-link\"\r\n                    data-section-link=\"service-concierge\"\r\n                >\r\n                    <span>06<\/span>\r\n                    Quick Enquiry\r\n                <\/a>\r\n\r\n            <\/nav>\r\n\r\n\r\n            <div class=\"amh-mobile-contact-grid\">\r\n\r\n                <a\r\n                    href=\"https:\/\/wa.me\/966502510459?text=Hello%2C%20I%20would%20like%20to%20ask%20about%20your%20services.\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener noreferrer\"\r\n                    class=\"amh-mobile-whatsapp\"\r\n                >\r\n                    WhatsApp\r\n                <\/a>\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"amh-mobile-contact\"\r\n                >\r\n                    Contact Us\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"amh-mobile-footer\">\r\n\r\n                <a href=\"mailto:services@almadinaservicecompany.com\">\r\n                    services@almadinaservicecompany.com\r\n                <\/a>\r\n\r\n                <span>\r\n                    National No. 7053956418\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- TOAST -->\r\n\r\n    <div\r\n        class=\"amh-toast\"\r\n        role=\"status\"\r\n        aria-live=\"polite\"\r\n    >\r\n        Contact page link is not configured yet.\r\n    <\/div>\r\n\r\n<\/header>\r\n\r\n\r\n<!--\r\n     HEADER SPACER\r\n     JavaScript automatically matches this to the header height,\r\n     so the fixed header never covers your Hero section.\r\n-->\r\n<div\r\n    class=\"amh-header-spacer\"\r\n    aria-hidden=\"true\"\r\n><\/div>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n.amh-header-shell,\r\n.amh-header-shell *,\r\n.amh-header-spacer {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FIXED HEADER\r\n========================================================= *\/\r\n\r\n.amh-header-shell {\r\n\r\n    --amh-green: #0B5D3B;\r\n    --amh-green-light: #16845A;\r\n\r\n    --amh-navy: #123047;\r\n    --amh-navy-dark: #081F2D;\r\n    --amh-navy-deeper: #061923;\r\n\r\n    --amh-gold: #D2A84A;\r\n    --amh-gold-light: #F2D88B;\r\n\r\n    --amh-white: #FFFFFF;\r\n\r\n    position: fixed;\r\n\r\n    top: 5px;\r\n    left: 5px;\r\n    right: 5px;\r\n\r\n    z-index: 99990;\r\n\r\n    width: auto;\r\n\r\n    overflow: visible;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.08);\r\n\r\n    border-radius: 15px;\r\n\r\n    background:\r\n        rgba(8,31,45,.96);\r\n\r\n    box-shadow:\r\n        0 12px 34px\r\n        rgba(5,22,31,.14);\r\n\r\n    font-family:\r\n        \"Inter\",\r\n        \"Tajawal\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        box-shadow .3s ease,\r\n        border-color .3s ease,\r\n        transform .3s ease;\r\n\r\n    isolation: isolate;\r\n}\r\n\r\n\r\n\/* WORDPRESS ADMIN BAR *\/\r\n\r\nbody.admin-bar\r\n.amh-header-shell {\r\n\r\n    top: 37px;\r\n}\r\n\r\n\r\n\/* SCROLLED STATE *\/\r\n\r\n.amh-header-shell.is-scrolled {\r\n\r\n    background:\r\n        rgba(6,25,35,.985);\r\n\r\n    border-color:\r\n        rgba(210,168,74,.12);\r\n\r\n    box-shadow:\r\n        0 15px 42px\r\n        rgba(4,18,27,.22);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   UTILITY BAR\r\n========================================================= *\/\r\n\r\n.amh-utility-bar {\r\n\r\n    min-height: 34px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    border-radius:\r\n        14px\r\n        14px\r\n        0\r\n        0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            var(--amh-green),\r\n            #0D6C47\r\n        );\r\n\r\n    transition:\r\n        min-height .3s ease,\r\n        opacity .3s ease;\r\n}\r\n\r\n\r\n.amh-utility-inner {\r\n\r\n    width:\r\n        min(\r\n            calc(100% - 34px),\r\n            1380px\r\n        );\r\n\r\n    margin: 0 auto;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 25px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COMPANY NOTE\r\n========================================================= *\/\r\n\r\n.amh-company-note {\r\n\r\n    min-width: 0;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n    color:\r\n        rgba(255,255,255,.82);\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .25px;\r\n\r\n    white-space: nowrap;\r\n}\r\n\r\n\r\n.amh-status-dot {\r\n\r\n    width: 7px;\r\n    height: 7px;\r\n\r\n    flex: 0 0 7px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        var(--amh-gold-light);\r\n\r\n    box-shadow:\r\n        0 0 0 4px\r\n        rgba(242,216,139,.11);\r\n}\r\n\r\n\r\n.amh-utility-divider {\r\n\r\n    width: 1px;\r\n    height: 13px;\r\n\r\n    background:\r\n        rgba(255,255,255,.18);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   UTILITY LINKS\r\n========================================================= *\/\r\n\r\n.amh-utility-links {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 15px;\r\n}\r\n\r\n\r\n.amh-utility-link {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 5px;\r\n\r\n    color:\r\n        rgba(255,255,255,.88) !important;\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 700;\r\n\r\n    text-decoration: none !important;\r\n\r\n    transition:\r\n        color .22s ease,\r\n        opacity .22s ease;\r\n}\r\n\r\n\r\n.amh-utility-link:hover {\r\n\r\n    color:\r\n        #FFFFFF !important;\r\n}\r\n\r\n\r\n.amh-utility-link svg {\r\n\r\n    width: 12px;\r\n    height: 12px;\r\n\r\n    fill: none;\r\n\r\n    stroke: currentColor;\r\n\r\n    stroke-width: 1.7;\r\n\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN BAR\r\n========================================================= *\/\r\n\r\n.amh-main-bar {\r\n\r\n    position: relative;\r\n}\r\n\r\n\r\n.amh-main-inner {\r\n\r\n    width:\r\n        min(\r\n            calc(100% - 34px),\r\n            1380px\r\n        );\r\n\r\n    min-height: 76px;\r\n\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        auto\r\n        minmax(0,1fr)\r\n        auto;\r\n\r\n    align-items: center;\r\n\r\n    gap: 26px;\r\n\r\n    transition:\r\n        min-height .3s ease;\r\n}\r\n\r\n\r\n.amh-header-shell.is-scrolled\r\n.amh-main-inner {\r\n\r\n    min-height: 68px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BRAND\r\n========================================================= *\/\r\n\r\n.amh-brand {\r\n\r\n    min-width: max-content;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 11px;\r\n\r\n    color:\r\n        #FFFFFF !important;\r\n\r\n    text-decoration: none !important;\r\n}\r\n\r\n\r\n.amh-brand-mark {\r\n\r\n    position: relative;\r\n\r\n    width: 45px;\r\n    height: 45px;\r\n\r\n    flex:\r\n        0\r\n        0\r\n        45px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    overflow: hidden;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(210,168,74,.28);\r\n\r\n    border-radius: 13px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            rgba(210,168,74,.16),\r\n            rgba(255,255,255,.055)\r\n        );\r\n\r\n    box-shadow:\r\n        inset 0 1px 0\r\n        rgba(255,255,255,.08);\r\n}\r\n\r\n\r\n.amh-brand-am {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 900;\r\n\r\n    letter-spacing: -.3px;\r\n}\r\n\r\n\r\n.amh-brand-accent {\r\n\r\n    position: absolute;\r\n\r\n    width: 23px;\r\n    height: 23px;\r\n\r\n    right: -10px;\r\n    bottom: -10px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        var(--amh-gold);\r\n}\r\n\r\n\r\n.amh-brand-copy {\r\n\r\n    display: block;\r\n}\r\n\r\n\r\n.amh-brand-copy strong,\r\n.amh-brand-copy small {\r\n\r\n    display: block;\r\n}\r\n\r\n\r\n.amh-brand-copy strong {\r\n\r\n    margin-bottom: 2px;\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 850;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: .6px;\r\n}\r\n\r\n\r\n.amh-brand-copy small {\r\n\r\n    color:\r\n        var(--amh-gold-light);\r\n\r\n    font-size: 6.4px;\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: 1.55px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESKTOP NAV\r\n========================================================= *\/\r\n\r\n.amh-desktop-nav {\r\n\r\n    min-width: 0;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: clamp(10px,1.5vw,24px);\r\n}\r\n\r\n\r\n.amh-nav-link {\r\n\r\n    position: relative;\r\n\r\n    min-height: 38px;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding:\r\n        0\r\n        2px;\r\n\r\n    color:\r\n        rgba(255,255,255,.73) !important;\r\n\r\n    font-size: 9.5px;\r\n\r\n    font-weight: 750;\r\n\r\n    text-decoration: none !important;\r\n\r\n    white-space: nowrap;\r\n\r\n    transition:\r\n        color .24s ease,\r\n        transform .24s ease;\r\n}\r\n\r\n\r\n.amh-nav-link::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 50%;\r\n    bottom: 1px;\r\n\r\n    width: 0;\r\n    height: 2px;\r\n\r\n    border-radius: 20px;\r\n\r\n    background:\r\n        var(--amh-gold);\r\n\r\n    transform:\r\n        translateX(-50%);\r\n\r\n    transition:\r\n        width .26s\r\n        cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n\r\n.amh-nav-link:hover {\r\n\r\n    color:\r\n        #FFFFFF !important;\r\n\r\n    transform:\r\n        translateY(-1px);\r\n}\r\n\r\n\r\n.amh-nav-link:hover::after {\r\n\r\n    width: 18px;\r\n}\r\n\r\n\r\n.amh-nav-link.is-active {\r\n\r\n    color:\r\n        #FFFFFF !important;\r\n}\r\n\r\n\r\n.amh-nav-link.is-active::after {\r\n\r\n    width: 23px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESKTOP ACTIONS\r\n========================================================= *\/\r\n\r\n.amh-desktop-actions {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 7px;\r\n}\r\n\r\n\r\n.amh-whatsapp-button,\r\n.amh-contact-button {\r\n\r\n    min-height: 43px;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 7px;\r\n\r\n    padding:\r\n        9px\r\n        13px;\r\n\r\n    border-radius: 9px;\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 800;\r\n\r\n    text-decoration: none !important;\r\n\r\n    white-space: nowrap;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        transform .24s cubic-bezier(.2,.7,.2,1),\r\n        background .24s ease,\r\n        border-color .24s ease,\r\n        box-shadow .24s ease;\r\n}\r\n\r\n\r\n.amh-whatsapp-button {\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.13);\r\n\r\n    background:\r\n        rgba(255,255,255,.06);\r\n\r\n    color:\r\n        #FFFFFF !important;\r\n}\r\n\r\n\r\n.amh-whatsapp-button:hover {\r\n\r\n    transform:\r\n        translateY(-2px);\r\n\r\n    border-color:\r\n        rgba(255,255,255,.24);\r\n\r\n    background:\r\n        rgba(255,255,255,.11);\r\n}\r\n\r\n\r\n.amh-whatsapp-button svg {\r\n\r\n    width: 16px;\r\n    height: 16px;\r\n\r\n    fill: none;\r\n\r\n    stroke:\r\n        var(--amh-gold-light);\r\n\r\n    stroke-width: 1.7;\r\n\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n\r\n.amh-contact-button {\r\n\r\n    border:\r\n        1px solid\r\n        var(--amh-gold);\r\n\r\n    background:\r\n        var(--amh-gold);\r\n\r\n    color:\r\n        var(--amh-navy-deeper);\r\n\r\n    box-shadow:\r\n        0 9px 22px\r\n        rgba(0,0,0,.13);\r\n}\r\n\r\n\r\n.amh-contact-button:hover {\r\n\r\n    transform:\r\n        translateY(-2px);\r\n\r\n    background:\r\n        #E0B957;\r\n\r\n    border-color:\r\n        #E0B957;\r\n\r\n    box-shadow:\r\n        0 12px 27px\r\n        rgba(0,0,0,.18);\r\n}\r\n\r\n\r\n.amh-contact-button span {\r\n\r\n    font-size: 14px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE ACTIONS\r\n========================================================= *\/\r\n\r\n.amh-mobile-actions {\r\n\r\n    display: none;\r\n\r\n    align-items: center;\r\n\r\n    gap: 7px;\r\n}\r\n\r\n\r\n.amh-mobile-call,\r\n.amh-menu-toggle {\r\n\r\n    width: 42px;\r\n    height: 42px;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 10px;\r\n}\r\n\r\n\r\n.amh-mobile-call {\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.12);\r\n\r\n    background:\r\n        rgba(255,255,255,.06);\r\n\r\n    color:\r\n        var(--amh-gold-light) !important;\r\n\r\n    text-decoration: none !important;\r\n}\r\n\r\n\r\n.amh-mobile-call svg {\r\n\r\n    width: 19px;\r\n    height: 19px;\r\n\r\n    fill: none;\r\n\r\n    stroke: currentColor;\r\n\r\n    stroke-width: 1.7;\r\n\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n\r\n\/* MENU TOGGLE *\/\r\n\r\n.amh-menu-toggle {\r\n\r\n    flex-direction: column;\r\n\r\n    gap: 4px;\r\n\r\n    padding: 0;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(210,168,74,.28);\r\n\r\n    background:\r\n        rgba(210,168,74,.10);\r\n\r\n    cursor: pointer;\r\n}\r\n\r\n\r\n.amh-menu-toggle span {\r\n\r\n    width: 17px;\r\n    height: 1.5px;\r\n\r\n    display: block;\r\n\r\n    border-radius: 10px;\r\n\r\n    background:\r\n        #FFFFFF;\r\n\r\n    transition:\r\n        transform .28s ease,\r\n        opacity .28s ease;\r\n}\r\n\r\n\r\n.amh-menu-toggle.is-open\r\nspan:nth-child(1) {\r\n\r\n    transform:\r\n        translateY(5.5px)\r\n        rotate(45deg);\r\n}\r\n\r\n\r\n.amh-menu-toggle.is-open\r\nspan:nth-child(2) {\r\n\r\n    opacity: 0;\r\n}\r\n\r\n\r\n.amh-menu-toggle.is-open\r\nspan:nth-child(3) {\r\n\r\n    transform:\r\n        translateY(-5.5px)\r\n        rotate(-45deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE MENU\r\n========================================================= *\/\r\n\r\n.amh-mobile-menu {\r\n\r\n    position: absolute;\r\n\r\n    left: 10px;\r\n    right: 10px;\r\n    top: calc(100% + 7px);\r\n\r\n    overflow: hidden;\r\n\r\n    max-height: 0;\r\n\r\n    opacity: 0;\r\n\r\n    visibility: hidden;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.10);\r\n\r\n    border-radius: 14px;\r\n\r\n    background:\r\n        rgba(6,25,35,.985);\r\n\r\n    backdrop-filter:\r\n        blur(16px);\r\n\r\n    box-shadow:\r\n        0 22px 50px\r\n        rgba(0,0,0,.25);\r\n\r\n    transform:\r\n        translateY(-8px);\r\n\r\n    transition:\r\n        max-height .38s cubic-bezier(.2,.7,.2,1),\r\n        opacity .28s ease,\r\n        visibility .28s ease,\r\n        transform .28s ease;\r\n}\r\n\r\n\r\n.amh-mobile-menu.is-open {\r\n\r\n    max-height: 620px;\r\n\r\n    opacity: 1;\r\n\r\n    visibility: visible;\r\n\r\n    transform:\r\n        translateY(0);\r\n}\r\n\r\n\r\n\/* MOBILE NAV *\/\r\n\r\n.amh-mobile-nav {\r\n\r\n    display: grid;\r\n\r\n    padding:\r\n        12px;\r\n}\r\n\r\n\r\n.amh-mobile-link {\r\n\r\n    min-height: 48px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 12px;\r\n\r\n    padding:\r\n        8px\r\n        10px;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        rgba(255,255,255,.065);\r\n\r\n    color:\r\n        rgba(255,255,255,.76) !important;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 750;\r\n\r\n    text-decoration: none !important;\r\n\r\n    transition:\r\n        color .22s ease,\r\n        background .22s ease,\r\n        padding .22s ease;\r\n}\r\n\r\n\r\n.amh-mobile-link:last-child {\r\n\r\n    border-bottom: 0;\r\n}\r\n\r\n\r\n.amh-mobile-link:hover,\r\n.amh-mobile-link.is-active {\r\n\r\n    padding-left: 14px;\r\n\r\n    border-radius: 9px;\r\n\r\n    background:\r\n        rgba(255,255,255,.05);\r\n\r\n    color:\r\n        #FFFFFF !important;\r\n}\r\n\r\n\r\n.amh-mobile-link > span {\r\n\r\n    width: 28px;\r\n\r\n    color:\r\n        var(--amh-gold);\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n\/* MOBILE CONTACT *\/\r\n\r\n.amh-mobile-contact-grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(2,minmax(0,1fr));\r\n\r\n    gap: 7px;\r\n\r\n    padding:\r\n        0\r\n        12px\r\n        12px;\r\n}\r\n\r\n\r\n.amh-mobile-whatsapp,\r\n.amh-mobile-contact {\r\n\r\n    min-height: 44px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 9px;\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 9.5px;\r\n\r\n    font-weight: 800;\r\n\r\n    text-decoration: none !important;\r\n\r\n    cursor: pointer;\r\n}\r\n\r\n\r\n.amh-mobile-whatsapp {\r\n\r\n    border:\r\n        1px solid\r\n        var(--amh-green-light);\r\n\r\n    background:\r\n        var(--amh-green);\r\n\r\n    color:\r\n        #FFFFFF !important;\r\n}\r\n\r\n\r\n.amh-mobile-contact {\r\n\r\n    border:\r\n        1px solid\r\n        var(--amh-gold);\r\n\r\n    background:\r\n        var(--amh-gold);\r\n\r\n    color:\r\n        var(--amh-navy-deeper);\r\n}\r\n\r\n\r\n\/* MOBILE FOOTER *\/\r\n\r\n.amh-mobile-footer {\r\n\r\n    display: grid;\r\n\r\n    gap: 5px;\r\n\r\n    padding:\r\n        11px\r\n        14px;\r\n\r\n    border-top:\r\n        1px solid\r\n        rgba(255,255,255,.07);\r\n\r\n    background:\r\n        rgba(255,255,255,.025);\r\n\r\n    color:\r\n        rgba(255,255,255,.47);\r\n\r\n    font-size: 7.5px;\r\n\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n.amh-mobile-footer a {\r\n\r\n    color:\r\n        var(--amh-gold-light) !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    overflow-wrap: anywhere;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SPACER\r\n========================================================= *\/\r\n\r\n.amh-header-spacer {\r\n\r\n    width: 100%;\r\n\r\n    height: 120px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOAST\r\n========================================================= *\/\r\n\r\n.amh-toast {\r\n\r\n    position: fixed;\r\n\r\n    left: 50%;\r\n    bottom: 24px;\r\n\r\n    z-index: 100000;\r\n\r\n    max-width:\r\n        calc(100% - 30px);\r\n\r\n    padding:\r\n        11px\r\n        17px;\r\n\r\n    border-radius: 9px;\r\n\r\n    background:\r\n        var(--amh-navy-deeper);\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    box-shadow:\r\n        0 12px 32px\r\n        rgba(0,0,0,.25);\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 700;\r\n\r\n    opacity: 0;\r\n\r\n    visibility: hidden;\r\n\r\n    transform:\r\n        translate(-50%,15px);\r\n\r\n    transition:\r\n        opacity .3s ease,\r\n        visibility .3s ease,\r\n        transform .3s ease;\r\n}\r\n\r\n\r\n.amh-toast.is-visible {\r\n\r\n    opacity: 1;\r\n\r\n    visibility: visible;\r\n\r\n    transform:\r\n        translate(-50%,0);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RTL\r\n========================================================= *\/\r\n\r\nhtml[dir=\"rtl\"]\r\n.amh-header-shell {\r\n\r\n    font-family:\r\n        \"Tajawal\",\r\n        \"Inter\",\r\n        Arial,\r\n        sans-serif;\r\n}\r\n\r\n\r\nhtml[dir=\"rtl\"]\r\n.amh-utility-inner,\r\nhtml[dir=\"rtl\"]\r\n.amh-main-inner,\r\nhtml[dir=\"rtl\"]\r\n.amh-desktop-nav,\r\nhtml[dir=\"rtl\"]\r\n.amh-desktop-actions,\r\nhtml[dir=\"rtl\"]\r\n.amh-mobile-menu {\r\n\r\n    direction: rtl;\r\n}\r\n\r\n\r\nhtml[dir=\"rtl\"]\r\n.amh-contact-button span {\r\n\r\n    transform:\r\n        rotate(180deg);\r\n}\r\n\r\n\r\nhtml[dir=\"rtl\"]\r\n.amh-mobile-link:hover,\r\nhtml[dir=\"rtl\"]\r\n.amh-mobile-link.is-active {\r\n\r\n    padding-left: 10px;\r\n    padding-right: 14px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1120px) {\r\n\r\n    .amh-main-inner {\r\n\r\n        gap: 15px;\r\n    }\r\n\r\n\r\n    .amh-desktop-nav {\r\n\r\n        gap: 10px;\r\n    }\r\n\r\n\r\n    .amh-nav-link {\r\n\r\n        font-size: 8.5px;\r\n    }\r\n\r\n\r\n    .amh-whatsapp-button {\r\n\r\n        display: none;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    body.admin-bar\r\n    .amh-header-shell {\r\n\r\n        top: 51px;\r\n    }\r\n\r\n\r\n    .amh-header-shell {\r\n\r\n        top: 5px;\r\n\r\n        border-radius: 13px;\r\n    }\r\n\r\n\r\n    .amh-utility-bar {\r\n\r\n        display: none;\r\n    }\r\n\r\n\r\n    .amh-main-inner {\r\n\r\n        width:\r\n            calc(100% - 24px);\r\n\r\n        min-height: 68px;\r\n\r\n        grid-template-columns:\r\n            minmax(0,1fr)\r\n            auto;\r\n\r\n        gap: 12px;\r\n    }\r\n\r\n\r\n    .amh-header-shell.is-scrolled\r\n    .amh-main-inner {\r\n\r\n        min-height: 62px;\r\n    }\r\n\r\n\r\n    .amh-brand {\r\n\r\n        min-width: 0;\r\n    }\r\n\r\n\r\n    .amh-brand-mark {\r\n\r\n        width: 41px;\r\n        height: 41px;\r\n\r\n        flex-basis: 41px;\r\n\r\n        border-radius: 11px;\r\n    }\r\n\r\n\r\n    .amh-brand-copy strong {\r\n\r\n        font-size: 12px;\r\n    }\r\n\r\n\r\n    .amh-brand-copy small {\r\n\r\n        font-size: 5.7px;\r\n\r\n        letter-spacing: 1.3px;\r\n    }\r\n\r\n\r\n    .amh-desktop-nav,\r\n    .amh-desktop-actions {\r\n\r\n        display: none;\r\n    }\r\n\r\n\r\n    .amh-mobile-actions {\r\n\r\n        display: flex;\r\n    }\r\n\r\n\r\n    .amh-header-spacer {\r\n\r\n        height: 78px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 390px) {\r\n\r\n    .amh-main-inner {\r\n\r\n        width:\r\n            calc(100% - 18px);\r\n    }\r\n\r\n\r\n    .amh-brand {\r\n\r\n        gap: 8px;\r\n    }\r\n\r\n\r\n    .amh-brand-mark {\r\n\r\n        width: 38px;\r\n        height: 38px;\r\n\r\n        flex-basis: 38px;\r\n    }\r\n\r\n\r\n    .amh-brand-copy strong {\r\n\r\n        font-size: 10.7px;\r\n    }\r\n\r\n\r\n    .amh-brand-copy small {\r\n\r\n        font-size: 5px;\r\n    }\r\n\r\n\r\n    .amh-mobile-call,\r\n    .amh-menu-toggle {\r\n\r\n        width: 39px;\r\n        height: 39px;\r\n    }\r\n\r\n\r\n    .amh-mobile-contact-grid {\r\n\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .amh-header-shell,\r\n    .amh-main-inner,\r\n    .amh-nav-link,\r\n    .amh-nav-link::after,\r\n    .amh-whatsapp-button,\r\n    .amh-contact-button,\r\n    .amh-menu-toggle span,\r\n    .amh-mobile-menu,\r\n    .amh-mobile-link {\r\n\r\n        transition: none !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\r\n    \"DOMContentLoaded\",\r\n    function () {\r\n\r\n        const header =\r\n            document.querySelector(\r\n                \".amh-header-shell\"\r\n            );\r\n\r\n\r\n        const spacer =\r\n            document.querySelector(\r\n                \".amh-header-spacer\"\r\n            );\r\n\r\n\r\n        if (\r\n            !header ||\r\n            !spacer\r\n        ) {\r\n            return;\r\n        }\r\n\r\n\r\n\r\n        \/* ==============================================\r\n           ELEMENTS\r\n        =============================================== *\/\r\n\r\n        const menuToggle =\r\n            header.querySelector(\r\n                \".amh-menu-toggle\"\r\n            );\r\n\r\n\r\n        const mobileMenu =\r\n            header.querySelector(\r\n                \".amh-mobile-menu\"\r\n            );\r\n\r\n\r\n        const contactButtons =\r\n            header.querySelectorAll(\r\n                \".amh-contact-button, .amh-mobile-contact\"\r\n            );\r\n\r\n\r\n        const anchorLinks =\r\n            header.querySelectorAll(\r\n                '[data-section-link]'\r\n            );\r\n\r\n\r\n        const navLinks =\r\n            header.querySelectorAll(\r\n                \".amh-nav-link, .amh-mobile-link\"\r\n            );\r\n\r\n\r\n        const toast =\r\n            header.querySelector(\r\n                \".amh-toast\"\r\n            );\r\n\r\n\r\n        let toastTimer;\r\n\r\n\r\n\r\n        \/* ==============================================\r\n           HEADER SPACER\r\n        =============================================== *\/\r\n\r\n        function updateSpacer() {\r\n\r\n            const headerHeight =\r\n                header.getBoundingClientRect().height;\r\n\r\n\r\n            const extraTop =\r\n                window.innerWidth <= 900\r\n                ? 10\r\n                : 10;\r\n\r\n\r\n            spacer.style.height =\r\n                (\r\n                    headerHeight +\r\n                    extraTop\r\n                ) +\r\n                \"px\";\r\n\r\n        }\r\n\r\n\r\n        updateSpacer();\r\n\r\n\r\n        window.addEventListener(\r\n            \"resize\",\r\n            function () {\r\n\r\n                updateSpacer();\r\n\r\n\r\n                if (\r\n                    window.innerWidth > 900\r\n                ) {\r\n\r\n                    closeMobileMenu();\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* ==============================================\r\n           SCROLL STATE\r\n        =============================================== *\/\r\n\r\n        function updateHeaderState() {\r\n\r\n            header.classList.toggle(\r\n                \"is-scrolled\",\r\n                window.scrollY > 35\r\n            );\r\n\r\n        }\r\n\r\n\r\n        updateHeaderState();\r\n\r\n\r\n        window.addEventListener(\r\n            \"scroll\",\r\n            updateHeaderState,\r\n            {\r\n                passive: true\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* ==============================================\r\n           MOBILE MENU\r\n        =============================================== *\/\r\n\r\n        function openMobileMenu() {\r\n\r\n            mobileMenu.classList.add(\r\n                \"is-open\"\r\n            );\r\n\r\n\r\n            menuToggle.classList.add(\r\n                \"is-open\"\r\n            );\r\n\r\n\r\n            menuToggle.setAttribute(\r\n                \"aria-expanded\",\r\n                \"true\"\r\n            );\r\n\r\n\r\n            menuToggle.setAttribute(\r\n                \"aria-label\",\r\n                \"Close navigation menu\"\r\n            );\r\n\r\n        }\r\n\r\n\r\n        function closeMobileMenu() {\r\n\r\n            mobileMenu.classList.remove(\r\n                \"is-open\"\r\n            );\r\n\r\n\r\n            menuToggle.classList.remove(\r\n                \"is-open\"\r\n            );\r\n\r\n\r\n            menuToggle.setAttribute(\r\n                \"aria-expanded\",\r\n                \"false\"\r\n            );\r\n\r\n\r\n            menuToggle.setAttribute(\r\n                \"aria-label\",\r\n                \"Open navigation menu\"\r\n            );\r\n\r\n        }\r\n\r\n\r\n        menuToggle.addEventListener(\r\n            \"click\",\r\n            function () {\r\n\r\n                if (\r\n                    mobileMenu.classList.contains(\r\n                        \"is-open\"\r\n                    )\r\n                ) {\r\n\r\n                    closeMobileMenu();\r\n\r\n                }\r\n\r\n                else {\r\n\r\n                    openMobileMenu();\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        document.addEventListener(\r\n            \"keydown\",\r\n            function (event) {\r\n\r\n                if (\r\n                    event.key ===\r\n                    \"Escape\"\r\n                ) {\r\n\r\n                    closeMobileMenu();\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        document.addEventListener(\r\n            \"click\",\r\n            function (event) {\r\n\r\n                if (\r\n                    !header.contains(\r\n                        event.target\r\n                    )\r\n                ) {\r\n\r\n                    closeMobileMenu();\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* ==============================================\r\n           SMOOTH SECTION SCROLL\r\n        =============================================== *\/\r\n\r\n        anchorLinks.forEach(\r\n            function (link) {\r\n\r\n                link.addEventListener(\r\n                    \"click\",\r\n                    function (event) {\r\n\r\n                        const id =\r\n                            link.dataset.sectionLink;\r\n\r\n\r\n                        const target =\r\n                            document.getElementById(\r\n                                id\r\n                            );\r\n\r\n\r\n                        if (!target) {\r\n                            return;\r\n                        }\r\n\r\n\r\n                        event.preventDefault();\r\n\r\n\r\n                        closeMobileMenu();\r\n\r\n\r\n                        const headerHeight =\r\n                            header.getBoundingClientRect().height;\r\n\r\n\r\n                        const top =\r\n                            target\r\n                            .getBoundingClientRect()\r\n                            .top\r\n                            +\r\n                            window.scrollY\r\n                            -\r\n                            headerHeight\r\n                            -\r\n                            12;\r\n\r\n\r\n                        window.scrollTo(\r\n                            {\r\n                                top:\r\n                                    Math.max(\r\n                                        0,\r\n                                        top\r\n                                    ),\r\n\r\n                                behavior:\r\n                                    \"smooth\"\r\n                            }\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* ==============================================\r\n           ACTIVE NAVIGATION\r\n        =============================================== *\/\r\n\r\n        const trackedSections =\r\n            Array.from(\r\n                new Set(\r\n                    Array.from(\r\n                        anchorLinks\r\n                    )\r\n                    .map(\r\n                        function (link) {\r\n                            return link.dataset.sectionLink;\r\n                        }\r\n                    )\r\n                )\r\n            )\r\n            .map(\r\n                function (id) {\r\n                    return document.getElementById(id);\r\n                }\r\n            )\r\n            .filter(Boolean);\r\n\r\n\r\n        function setActiveSection(id) {\r\n\r\n            navLinks.forEach(\r\n                function (link) {\r\n\r\n                    const linkSection =\r\n                        link.dataset.sectionLink;\r\n\r\n\r\n                    const isHome =\r\n                        link.hasAttribute(\r\n                            \"data-nav-home\"\r\n                        );\r\n\r\n\r\n                    link.classList.toggle(\r\n                        \"is-active\",\r\n                        id\r\n                        ? linkSection === id\r\n                        : isHome\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n        if (\r\n            \"IntersectionObserver\"\r\n            in window &&\r\n            trackedSections.length\r\n        ) {\r\n\r\n            const sectionObserver =\r\n                new IntersectionObserver(\r\n\r\n                    function (entries) {\r\n\r\n                        const visible =\r\n                            entries\r\n                            .filter(\r\n                                function (entry) {\r\n                                    return entry.isIntersecting;\r\n                                }\r\n                            )\r\n                            .sort(\r\n                                function (a,b) {\r\n                                    return b.intersectionRatio - a.intersectionRatio;\r\n                                }\r\n                            );\r\n\r\n\r\n                        if (\r\n                            visible.length\r\n                        ) {\r\n\r\n                            setActiveSection(\r\n                                visible[0].target.id\r\n                            );\r\n\r\n                        }\r\n\r\n                        else if (\r\n                            window.scrollY < 250\r\n                        ) {\r\n\r\n                            setActiveSection(\r\n                                \"\"\r\n                            );\r\n\r\n                        }\r\n\r\n                    },\r\n\r\n                    {\r\n                        rootMargin:\r\n                            \"-25% 0px -55% 0px\",\r\n\r\n                        threshold:\r\n                            [0.05,0.15,0.3]\r\n                    }\r\n\r\n                );\r\n\r\n\r\n            trackedSections.forEach(\r\n                function (section) {\r\n\r\n                    sectionObserver.observe(\r\n                        section\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* ==============================================\r\n           TOAST\r\n        =============================================== *\/\r\n\r\n        function showToast(message) {\r\n\r\n            clearTimeout(\r\n                toastTimer\r\n            );\r\n\r\n\r\n            toast.textContent =\r\n                message;\r\n\r\n\r\n            toast.classList.add(\r\n                \"is-visible\"\r\n            );\r\n\r\n\r\n            toastTimer =\r\n                setTimeout(\r\n                    function () {\r\n\r\n                        toast.classList.remove(\r\n                            \"is-visible\"\r\n                        );\r\n\r\n                    },\r\n                    2500\r\n                );\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* ==============================================\r\n           FUTURE CONTACT PAGE BUTTONS\r\n        =============================================== *\/\r\n\r\n        contactButtons.forEach(\r\n            function (button) {\r\n\r\n                button.addEventListener(\r\n                    \"click\",\r\n                    function () {\r\n\r\n                        const contactURL =\r\n                            (\r\n                                header.dataset.contactUrl\r\n                                ||\r\n                                \"\"\r\n                            ).trim();\r\n\r\n\r\n                        closeMobileMenu();\r\n\r\n\r\n                        if (\r\n                            !contactURL\r\n                        ) {\r\n\r\n                            showToast(\r\n                                \"Add your Contact page URL in data-contact-url at the top of the header code.\"\r\n                            );\r\n\r\n                            return;\r\n\r\n                        }\r\n\r\n\r\n                        window.location.href =\r\n                            contactURL;\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n);\r\n\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"class_list":["post-75","tahefobu_header","type-tahefobu_header","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/almadinaservicecompany.com\/ar\/wp-json\/wp\/v2\/tahefobu_header\/75","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/almadinaservicecompany.com\/ar\/wp-json\/wp\/v2\/tahefobu_header"}],"about":[{"href":"https:\/\/almadinaservicecompany.com\/ar\/wp-json\/wp\/v2\/types\/tahefobu_header"}],"version-history":[{"count":2,"href":"https:\/\/almadinaservicecompany.com\/ar\/wp-json\/wp\/v2\/tahefobu_header\/75\/revisions"}],"predecessor-version":[{"id":77,"href":"https:\/\/almadinaservicecompany.com\/ar\/wp-json\/wp\/v2\/tahefobu_header\/75\/revisions\/77"}],"wp:attachment":[{"href":"https:\/\/almadinaservicecompany.com\/ar\/wp-json\/wp\/v2\/media?parent=75"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}