{"id":10,"date":"2026-08-15T00:02:13","date_gmt":"2026-08-15T00:02:13","guid":{"rendered":"https:\/\/almadinaservicecompany.com\/?page_id=10"},"modified":"2026-08-15T02:05:30","modified_gmt":"2026-08-15T02:05:30","slug":"home","status":"publish","type":"page","link":"https:\/\/almadinaservicecompany.com\/ar\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b803737 e-flex e-con-boxed e-con e-parent\" data-id=\"b803737\" 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-c66b8eb elementor-widget elementor-widget-html\" data-id=\"c66b8eb\" 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     FULL VIEWPORT PROFESSIONAL HERO SLIDER\r\n     Desktop + Tablet + Mobile\r\n     EXACT 5px LEFT + 5px RIGHT GAP\r\n========================================================= -->\r\n\r\n<section class=\"am-full-slider\" aria-label=\"AL Madina featured services\">\r\n\r\n    <div class=\"am-slides\">\r\n\r\n\r\n        <!-- ==================================================\r\n             SLIDE 1 - FURNITURE MOVING\r\n        =================================================== -->\r\n        <article class=\"am-slide active\">\r\n\r\n            <img decoding=\"async\"\r\n                class=\"am-slide-img\"\r\n                src=\"https:\/\/images.pexels.com\/photos\/7464244\/pexels-photo-7464244.jpeg?auto=compress&dpr=1&w=1920\"\r\n                alt=\"Professional furniture moving service\"\r\n                loading=\"eager\"\r\n                fetchpriority=\"high\"\r\n            >\r\n\r\n            <div class=\"am-overlay\"><\/div>\r\n\r\n            <div class=\"am-inner\">\r\n\r\n                <div class=\"am-content\">\r\n\r\n                    <span class=\"am-badge\">\r\n                        FURNITURE MOVING\r\n                    <\/span>\r\n\r\n                    <h1>\r\n                        Professional Furniture\r\n                        <span>Moving Services<\/span>\r\n                    <\/h1>\r\n\r\n                    <p>\r\n                        Reliable furniture transportation, dismantling,\r\n                        packing and reassembly services for homes and\r\n                        properties across Saudi Arabia.\r\n                    <\/p>\r\n\r\n                    <div class=\"am-buttons\">\r\n\r\n                        <a href=\"#contact\" class=\"am-btn am-btn-main\">\r\n                            Get a Free Quote\r\n                            <span class=\"am-arrow\">\u2192<\/span>\r\n                        <\/a>\r\n\r\n                        <a href=\"#services\" class=\"am-btn am-btn-second\">\r\n                            Explore Services\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- ==================================================\r\n             SLIDE 2 - CARPET \/ FLOOR CLEANING\r\n        =================================================== -->\r\n        <article class=\"am-slide\">\r\n\r\n            <img decoding=\"async\"\r\n                class=\"am-slide-img\"\r\n                src=\"https:\/\/images.pexels.com\/photos\/14675105\/pexels-photo-14675105.jpeg?auto=compress&dpr=1&w=1920\"\r\n                alt=\"Professional carpet and floor cleaning service\"\r\n                loading=\"lazy\"\r\n            >\r\n\r\n            <div class=\"am-overlay\"><\/div>\r\n\r\n            <div class=\"am-inner\">\r\n\r\n                <div class=\"am-content\">\r\n\r\n                    <span class=\"am-badge\">\r\n                        PROFESSIONAL CLEANING\r\n                    <\/span>\r\n\r\n                    <h2>\r\n                        Deep Cleaning for a\r\n                        <span>Healthier Home<\/span>\r\n                    <\/h2>\r\n\r\n                    <p>\r\n                        Professional cleaning for villas, apartments,\r\n                        carpets, floors and residential properties using\r\n                        modern cleaning methods.\r\n                    <\/p>\r\n\r\n                    <div class=\"am-buttons\">\r\n\r\n                        <a href=\"#contact\" class=\"am-btn am-btn-main\">\r\n                            Book Cleaning\r\n                            <span class=\"am-arrow\">\u2192<\/span>\r\n                        <\/a>\r\n\r\n                        <a href=\"#services\" class=\"am-btn am-btn-second\">\r\n                            Learn More\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- ==================================================\r\n             SLIDE 3 - PEST CONTROL\r\n        =================================================== -->\r\n        <article class=\"am-slide\">\r\n\r\n            <img decoding=\"async\"\r\n                class=\"am-slide-img\"\r\n                src=\"https:\/\/images.pexels.com\/photos\/19789841\/pexels-photo-19789841\/free-photo-of-smoke-used-for-pest-control.jpeg?auto=compress&dpr=1&w=1920\"\r\n                alt=\"Professional pest control service\"\r\n                loading=\"lazy\"\r\n            >\r\n\r\n            <div class=\"am-overlay\"><\/div>\r\n\r\n            <div class=\"am-inner\">\r\n\r\n                <div class=\"am-content\">\r\n\r\n                    <span class=\"am-badge\">\r\n                        PEST CONTROL\r\n                    <\/span>\r\n\r\n                    <h2>\r\n                        Protect Your Property\r\n                        <span>From Unwanted Pests<\/span>\r\n                    <\/h2>\r\n\r\n                    <p>\r\n                        Professional pest-control solutions for insects,\r\n                        termites and other common household pests with\r\n                        reliable property-care service.\r\n                    <\/p>\r\n\r\n                    <div class=\"am-buttons\">\r\n\r\n                        <a href=\"#contact\" class=\"am-btn am-btn-main\">\r\n                            Request Pest Control\r\n                            <span class=\"am-arrow\">\u2192<\/span>\r\n                        <\/a>\r\n\r\n                        <a href=\"#services\" class=\"am-btn am-btn-second\">\r\n                            View Service\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- ==================================================\r\n             SLIDE 4 - SOFA \/ UPHOLSTERY\r\n        =================================================== -->\r\n        <article class=\"am-slide\">\r\n\r\n            <img decoding=\"async\"\r\n                class=\"am-slide-img\"\r\n                src=\"https:\/\/images.pexels.com\/photos\/4401538\/pexels-photo-4401538.jpeg?cs=tinysrgb&w=1920&fit=max\"\r\n                alt=\"Professional sofa and upholstery cleaning\"\r\n                loading=\"lazy\"\r\n            >\r\n\r\n            <div class=\"am-overlay\"><\/div>\r\n\r\n            <div class=\"am-inner\">\r\n\r\n                <div class=\"am-content\">\r\n\r\n                    <span class=\"am-badge\">\r\n                        UPHOLSTERY CLEANING\r\n                    <\/span>\r\n\r\n                    <h2>\r\n                        Restore the Freshness\r\n                        <span>of Your Furniture<\/span>\r\n                    <\/h2>\r\n\r\n                    <p>\r\n                        Deep cleaning for sofas, upholstery, carpets and\r\n                        fabric furnishings to help restore a clean and\r\n                        refreshed appearance.\r\n                    <\/p>\r\n\r\n                    <div class=\"am-buttons\">\r\n\r\n                        <a href=\"#contact\" class=\"am-btn am-btn-main\">\r\n                            Request Service\r\n                            <span class=\"am-arrow\">\u2192<\/span>\r\n                        <\/a>\r\n\r\n                        <a href=\"#services\" class=\"am-btn am-btn-second\">\r\n                            All Services\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- PREVIOUS BUTTON -->\r\n    <button\r\n        class=\"am-slider-btn am-prev\"\r\n        type=\"button\"\r\n        aria-label=\"Previous slide\"\r\n    >\r\n        \u2039\r\n    <\/button>\r\n\r\n\r\n    <!-- NEXT BUTTON -->\r\n    <button\r\n        class=\"am-slider-btn am-next\"\r\n        type=\"button\"\r\n        aria-label=\"Next slide\"\r\n    >\r\n        \u203a\r\n    <\/button>\r\n\r\n\r\n    <!-- DOT NAVIGATION -->\r\n    <div class=\"am-dots\"><\/div>\r\n\r\n\r\n    <!-- AUTOPLAY PROGRESS -->\r\n    <div class=\"am-progress\">\r\n        <span><\/span>\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n.am-full-slider,\r\n.am-full-slider * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FULL VIEWPORT WIDTH\r\n\r\n   Exactly:\r\n   5px LEFT GAP\r\n   5px RIGHT GAP\r\n========================================================= *\/\r\n\r\n.am-full-slider {\r\n\r\n    --green: #0B5D3B;\r\n    --green-light: #16845A;\r\n    --navy: #123047;\r\n    --gold: #D2A84A;\r\n    --white: #FFFFFF;\r\n\r\n    position: relative;\r\n\r\n    \/*\r\n     * Full viewport minus 10px:\r\n     * 5px left + 5px right\r\n     *\/\r\n    width: calc(100vw - 10px);\r\n    max-width: calc(100vw - 10px);\r\n\r\n    \/*\r\n     * Break out of Elementor container\r\n     * and maintain exactly 5px\r\n     * from the viewport edge.\r\n     *\/\r\n    left: calc(50% - 50vw + 5px);\r\n\r\n    margin-left: 0;\r\n    margin-right: 0;\r\n\r\n    \/*\r\n     * Slightly reduced professional height\r\n     *\/\r\n    height: clamp(500px, 43vw, 650px);\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 18px;\r\n\r\n    background: var(--navy);\r\n\r\n    font-family:\r\n        \"Inter\",\r\n        \"Tajawal\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    isolation: isolate;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SLIDES\r\n========================================================= *\/\r\n\r\n.am-slides {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n}\r\n\r\n\r\n.am-slide {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    opacity: 0;\r\n    visibility: hidden;\r\n\r\n    transform: scale(1.035);\r\n\r\n    transition:\r\n        opacity 0.9s ease,\r\n        visibility 0.9s ease,\r\n        transform 7s ease;\r\n\r\n}\r\n\r\n\r\n.am-slide.active {\r\n\r\n    opacity: 1;\r\n    visibility: visible;\r\n\r\n    transform: scale(1);\r\n\r\n    z-index: 2;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE\r\n========================================================= *\/\r\n\r\n.am-slide-img {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    object-fit: cover;\r\n    object-position: center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROFESSIONAL OVERLAY\r\n========================================================= *\/\r\n\r\n.am-overlay {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 1;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(7, 26, 31, 0.94) 0%,\r\n            rgba(8, 38, 39, 0.85) 30%,\r\n            rgba(8, 35, 39, 0.60) 52%,\r\n            rgba(8, 30, 36, 0.20) 80%,\r\n            rgba(8, 30, 36, 0.10) 100%\r\n        ),\r\n\r\n        linear-gradient(\r\n            0deg,\r\n            rgba(0,0,0,0.25),\r\n            transparent 45%\r\n        );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER CONTENT\r\n========================================================= *\/\r\n\r\n.am-inner {\r\n\r\n    position: relative;\r\n\r\n    z-index: 3;\r\n\r\n    width: min(1280px, 100%);\r\n    height: 100%;\r\n\r\n    margin: 0 auto;\r\n\r\n    padding:\r\n        70px\r\n        clamp(70px, 7vw, 110px);\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n}\r\n\r\n\r\n.am-content {\r\n\r\n    width: min(680px, 58%);\r\n\r\n    color: #FFFFFF;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BADGE\r\n========================================================= *\/\r\n\r\n.am-badge {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    padding: 8px 15px;\r\n\r\n    margin-bottom: 19px;\r\n\r\n    border-radius: 100px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,0.24);\r\n\r\n    background:\r\n        rgba(11,93,59,0.86);\r\n\r\n    backdrop-filter: blur(9px);\r\n\r\n    color: #FFFFFF;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.2px;\r\n\r\n    text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADINGS\r\n========================================================= *\/\r\n\r\n.am-content h1,\r\n.am-content h2 {\r\n\r\n    padding: 0;\r\n\r\n    margin: 0 0 20px;\r\n\r\n    color: #FFFFFF;\r\n\r\n    font-size:\r\n        clamp(42px, 4.6vw, 70px);\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 1.04;\r\n\r\n    letter-spacing: -2px;\r\n\r\n}\r\n\r\n\r\n.am-content h1 span,\r\n.am-content h2 span {\r\n\r\n    display: block;\r\n\r\n    color: #E3C269;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.am-content p {\r\n\r\n    max-width: 610px;\r\n\r\n    margin:\r\n        0\r\n        0\r\n        30px;\r\n\r\n    color:\r\n        rgba(255,255,255,0.91);\r\n\r\n    font-size:\r\n        clamp(16px, 1.35vw, 19px);\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1.72;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTONS\r\n========================================================= *\/\r\n\r\n.am-buttons {\r\n\r\n    display: flex;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    gap: 12px;\r\n\r\n}\r\n\r\n\r\n.am-btn {\r\n\r\n    min-height: 52px;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 9px;\r\n\r\n    padding:\r\n        13px\r\n        23px;\r\n\r\n    border-radius: 10px;\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-size: 15px;\r\n\r\n    font-weight: 700;\r\n\r\n    transition:\r\n        transform .25s ease,\r\n        background .25s ease,\r\n        box-shadow .25s ease,\r\n        border-color .25s ease;\r\n\r\n}\r\n\r\n\r\n\/* MAIN BUTTON *\/\r\n\r\n.am-btn-main {\r\n\r\n    color: #FFFFFF !important;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #0B5D3B,\r\n            #16845A\r\n        );\r\n\r\n    box-shadow:\r\n        0 13px 34px\r\n        rgba(0,0,0,.25);\r\n\r\n}\r\n\r\n\r\n.am-btn-main:hover {\r\n\r\n    color: #FFFFFF !important;\r\n\r\n    transform:\r\n        translateY(-2px);\r\n\r\n    box-shadow:\r\n        0 18px 40px\r\n        rgba(0,0,0,.32);\r\n\r\n}\r\n\r\n\r\n\/* SECONDARY BUTTON *\/\r\n\r\n.am-btn-second {\r\n\r\n    color: #FFFFFF !important;\r\n\r\n    background:\r\n        rgba(255,255,255,.08);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.48);\r\n\r\n    backdrop-filter:\r\n        blur(8px);\r\n\r\n}\r\n\r\n\r\n.am-btn-second:hover {\r\n\r\n    color: #FFFFFF !important;\r\n\r\n    background:\r\n        rgba(255,255,255,.17);\r\n\r\n    border-color:\r\n        rgba(255,255,255,.8);\r\n\r\n    transform:\r\n        translateY(-2px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PREVIOUS \/ NEXT ARROWS\r\n========================================================= *\/\r\n\r\n.am-slider-btn {\r\n\r\n    position: absolute;\r\n\r\n    top: 50%;\r\n\r\n    z-index: 20;\r\n\r\n    width: 48px;\r\n    height: 48px;\r\n\r\n    padding: 0;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.30);\r\n\r\n    background:\r\n        rgba(8,30,37,.45);\r\n\r\n    backdrop-filter:\r\n        blur(10px);\r\n\r\n    color: #FFFFFF;\r\n\r\n    font-size: 32px;\r\n\r\n    font-family:\r\n        Arial,\r\n        sans-serif;\r\n\r\n    line-height: 1;\r\n\r\n    cursor: pointer;\r\n\r\n    transform:\r\n        translateY(-50%);\r\n\r\n    transition:\r\n        .25s ease;\r\n\r\n}\r\n\r\n\r\n.am-slider-btn:hover {\r\n\r\n    background:\r\n        var(--green);\r\n\r\n    border-color:\r\n        var(--green);\r\n\r\n    transform:\r\n        translateY(-50%)\r\n        scale(1.06);\r\n\r\n}\r\n\r\n\r\n.am-prev {\r\n\r\n    left: 20px;\r\n\r\n}\r\n\r\n\r\n.am-next {\r\n\r\n    right: 20px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DOTS\r\n========================================================= *\/\r\n\r\n.am-dots {\r\n\r\n    position: absolute;\r\n\r\n    left: 50%;\r\n\r\n    bottom: 28px;\r\n\r\n    z-index: 20;\r\n\r\n    transform:\r\n        translateX(-50%);\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n}\r\n\r\n\r\n.am-dot {\r\n\r\n    width: 9px;\r\n    height: 9px;\r\n\r\n    padding: 0;\r\n\r\n    border: 0;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(255,255,255,.48);\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        .3s ease;\r\n\r\n}\r\n\r\n\r\n.am-dot.active {\r\n\r\n    width: 31px;\r\n\r\n    border-radius: 100px;\r\n\r\n    background:\r\n        var(--gold);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROGRESS LINE\r\n========================================================= *\/\r\n\r\n.am-progress {\r\n\r\n    position: absolute;\r\n\r\n    bottom: 0;\r\n\r\n    left: 0;\r\n    right: 0;\r\n\r\n    height: 3px;\r\n\r\n    z-index: 20;\r\n\r\n    overflow: hidden;\r\n\r\n    background:\r\n        rgba(255,255,255,.14);\r\n\r\n}\r\n\r\n\r\n.am-progress span {\r\n\r\n    display: block;\r\n\r\n    width: 0;\r\n\r\n    height: 100%;\r\n\r\n    background:\r\n        var(--gold);\r\n\r\n}\r\n\r\n\r\n.am-full-slider.running\r\n.am-progress span {\r\n\r\n    animation:\r\n        amProgress\r\n        6s\r\n        linear\r\n        forwards;\r\n\r\n}\r\n\r\n\r\n@keyframes amProgress {\r\n\r\n    from {\r\n\r\n        width: 0;\r\n\r\n    }\r\n\r\n    to {\r\n\r\n        width: 100%;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ARABIC \/ RTL\r\n========================================================= *\/\r\n\r\nhtml[dir=\"rtl\"] .am-inner {\r\n\r\n    direction: rtl;\r\n\r\n}\r\n\r\n\r\nhtml[dir=\"rtl\"] .am-content {\r\n\r\n    text-align: right;\r\n\r\n}\r\n\r\n\r\nhtml[dir=\"rtl\"] .am-overlay {\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            270deg,\r\n            rgba(7,26,31,.94) 0%,\r\n            rgba(8,38,39,.85) 30%,\r\n            rgba(8,35,39,.60) 52%,\r\n            rgba(8,30,36,.20) 80%,\r\n            rgba(8,30,36,.10) 100%\r\n        );\r\n\r\n}\r\n\r\n\r\nhtml[dir=\"rtl\"] .am-arrow {\r\n\r\n    display: inline-block;\r\n\r\n    transform: rotate(180deg);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .am-full-slider {\r\n\r\n        width: calc(100vw - 10px);\r\n\r\n        max-width: calc(100vw - 10px);\r\n\r\n        left: calc(50% - 50vw + 5px);\r\n\r\n        margin-left: 0;\r\n        margin-right: 0;\r\n\r\n        height: 570px;\r\n\r\n        border-radius: 16px;\r\n\r\n    }\r\n\r\n\r\n    .am-inner {\r\n\r\n        padding:\r\n            55px\r\n            65px;\r\n\r\n    }\r\n\r\n\r\n    .am-content {\r\n\r\n        width:\r\n            min(650px, 75%);\r\n\r\n    }\r\n\r\n\r\n    .am-content h1,\r\n    .am-content h2 {\r\n\r\n        font-size:\r\n            clamp(40px, 6vw, 58px);\r\n\r\n    }\r\n\r\n\r\n    .am-prev {\r\n\r\n        left: 14px;\r\n\r\n    }\r\n\r\n\r\n    .am-next {\r\n\r\n        right: 14px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .am-full-slider {\r\n\r\n        \/*\r\n         * EXACTLY:\r\n         * 5px LEFT\r\n         * 5px RIGHT\r\n         *\/\r\n\r\n        width:\r\n            calc(100vw - 10px);\r\n\r\n        max-width:\r\n            calc(100vw - 10px);\r\n\r\n        left:\r\n            calc(50% - 50vw + 5px);\r\n\r\n        margin-left: 0;\r\n        margin-right: 0;\r\n\r\n        \/*\r\n         * Reduced mobile height\r\n         *\/\r\n        height: 570px;\r\n\r\n        border-radius: 14px;\r\n\r\n    }\r\n\r\n\r\n    .am-slide-img {\r\n\r\n        object-position:\r\n            center center;\r\n\r\n    }\r\n\r\n\r\n    \/*\r\n     * Mobile gradient\r\n     * keeps image visible and\r\n     * content readable.\r\n     *\/\r\n\r\n    .am-overlay {\r\n\r\n        background:\r\n\r\n            linear-gradient(\r\n                180deg,\r\n                rgba(5,25,30,.12) 0%,\r\n                rgba(5,25,30,.28) 25%,\r\n                rgba(5,25,30,.70) 52%,\r\n                rgba(5,25,30,.97) 100%\r\n            ) !important;\r\n\r\n    }\r\n\r\n\r\n    .am-inner {\r\n\r\n        align-items:\r\n            flex-end;\r\n\r\n        padding:\r\n            30px\r\n            22px\r\n            82px;\r\n\r\n    }\r\n\r\n\r\n    .am-content {\r\n\r\n        width: 100%;\r\n\r\n    }\r\n\r\n\r\n    .am-badge {\r\n\r\n        margin-bottom: 13px;\r\n\r\n        padding:\r\n            7px\r\n            12px;\r\n\r\n        font-size: 10px;\r\n\r\n        letter-spacing: .8px;\r\n\r\n    }\r\n\r\n\r\n    .am-content h1,\r\n    .am-content h2 {\r\n\r\n        margin-bottom: 14px;\r\n\r\n        font-size:\r\n            clamp(34px, 10vw, 47px);\r\n\r\n        line-height: 1.07;\r\n\r\n        letter-spacing: -1px;\r\n\r\n    }\r\n\r\n\r\n    .am-content p {\r\n\r\n        margin-bottom: 22px;\r\n\r\n        font-size: 15px;\r\n\r\n        line-height: 1.62;\r\n\r\n    }\r\n\r\n\r\n    \/* MOBILE ARROWS *\/\r\n\r\n    .am-slider-btn {\r\n\r\n        top: 18px;\r\n\r\n        width: 40px;\r\n        height: 40px;\r\n\r\n        font-size: 27px;\r\n\r\n        transform: none;\r\n\r\n    }\r\n\r\n\r\n    .am-slider-btn:hover {\r\n\r\n        transform: none;\r\n\r\n    }\r\n\r\n\r\n    .am-prev {\r\n\r\n        left: auto;\r\n\r\n        right: 59px;\r\n\r\n    }\r\n\r\n\r\n    .am-next {\r\n\r\n        right: 13px;\r\n\r\n    }\r\n\r\n\r\n    .am-dots {\r\n\r\n        bottom: 25px;\r\n\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: 480px) {\r\n\r\n    .am-full-slider {\r\n\r\n        width:\r\n            calc(100vw - 10px);\r\n\r\n        max-width:\r\n            calc(100vw - 10px);\r\n\r\n        left:\r\n            calc(50% - 50vw + 5px);\r\n\r\n        \/*\r\n         * Slightly shorter on small phones\r\n         *\/\r\n        height: 550px;\r\n\r\n    }\r\n\r\n\r\n    .am-inner {\r\n\r\n        padding:\r\n            27px\r\n            18px\r\n            77px;\r\n\r\n    }\r\n\r\n\r\n    .am-content h1,\r\n    .am-content h2 {\r\n\r\n        font-size: 34px;\r\n\r\n    }\r\n\r\n\r\n    .am-buttons {\r\n\r\n        width: 100%;\r\n\r\n        flex-direction: column;\r\n\r\n    }\r\n\r\n\r\n    .am-btn {\r\n\r\n        width: 100%;\r\n\r\n        min-height: 49px;\r\n\r\n        padding:\r\n            12px\r\n            17px;\r\n\r\n        font-size: 14px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACCESSIBILITY\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .am-slide,\r\n    .am-btn,\r\n    .am-slider-btn,\r\n    .am-dot {\r\n\r\n        transition: none !important;\r\n\r\n    }\r\n\r\n\r\n    .am-progress span {\r\n\r\n        animation: none !important;\r\n\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        document\r\n        .querySelectorAll(\".am-full-slider\")\r\n        .forEach(function (slider) {\r\n\r\n\r\n            const slides =\r\n                slider.querySelectorAll(\r\n                    \".am-slide\"\r\n                );\r\n\r\n\r\n            const prev =\r\n                slider.querySelector(\r\n                    \".am-prev\"\r\n                );\r\n\r\n\r\n            const next =\r\n                slider.querySelector(\r\n                    \".am-next\"\r\n                );\r\n\r\n\r\n            const dotsBox =\r\n                slider.querySelector(\r\n                    \".am-dots\"\r\n                );\r\n\r\n\r\n            if (!slides.length) return;\r\n\r\n\r\n            let current = 0;\r\n\r\n            let timer = null;\r\n\r\n            const delay = 6000;\r\n\r\n            let startX = 0;\r\n\r\n            let endX = 0;\r\n\r\n\r\n\r\n            \/* ===========================\r\n               CREATE DOTS\r\n            =========================== *\/\r\n\r\n            slides.forEach(\r\n                function (_, index) {\r\n\r\n                    const dot =\r\n                        document.createElement(\r\n                            \"button\"\r\n                        );\r\n\r\n\r\n                    dot.type =\r\n                        \"button\";\r\n\r\n\r\n                    dot.className =\r\n                        \"am-dot\";\r\n\r\n\r\n                    dot.setAttribute(\r\n                        \"aria-label\",\r\n                        \"Go to slide \"\r\n                        + (index + 1)\r\n                    );\r\n\r\n\r\n                    dot.addEventListener(\r\n                        \"click\",\r\n                        function () {\r\n\r\n                            goTo(index);\r\n\r\n                            restart();\r\n\r\n                        }\r\n                    );\r\n\r\n\r\n                    dotsBox.appendChild(dot);\r\n\r\n                }\r\n            );\r\n\r\n\r\n            const dots =\r\n                dotsBox.querySelectorAll(\r\n                    \".am-dot\"\r\n                );\r\n\r\n\r\n\r\n            \/* ===========================\r\n               UPDATE\r\n            =========================== *\/\r\n\r\n            function update() {\r\n\r\n                slides.forEach(\r\n                    function (slide, index) {\r\n\r\n                        slide.classList.toggle(\r\n                            \"active\",\r\n                            index === current\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n\r\n                dots.forEach(\r\n                    function (dot, index) {\r\n\r\n                        dot.classList.toggle(\r\n                            \"active\",\r\n                            index === current\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n\r\n                restartProgress();\r\n\r\n            }\r\n\r\n\r\n\r\n            function goTo(index) {\r\n\r\n                current =\r\n                    (\r\n                        index\r\n                        + slides.length\r\n                    )\r\n                    %\r\n                    slides.length;\r\n\r\n\r\n                update();\r\n\r\n            }\r\n\r\n\r\n\r\n            function nextSlide() {\r\n\r\n                goTo(\r\n                    current + 1\r\n                );\r\n\r\n            }\r\n\r\n\r\n\r\n            function previousSlide() {\r\n\r\n                goTo(\r\n                    current - 1\r\n                );\r\n\r\n            }\r\n\r\n\r\n\r\n            \/* ===========================\r\n               AUTOPLAY\r\n            =========================== *\/\r\n\r\n            function start() {\r\n\r\n                clearInterval(timer);\r\n\r\n\r\n                timer =\r\n                    setInterval(\r\n                        nextSlide,\r\n                        delay\r\n                    );\r\n\r\n\r\n                slider.classList.add(\r\n                    \"running\"\r\n                );\r\n\r\n            }\r\n\r\n\r\n\r\n            function stop() {\r\n\r\n                clearInterval(timer);\r\n\r\n\r\n                slider.classList.remove(\r\n                    \"running\"\r\n                );\r\n\r\n            }\r\n\r\n\r\n\r\n            function restart() {\r\n\r\n                stop();\r\n\r\n                start();\r\n\r\n            }\r\n\r\n\r\n\r\n            function restartProgress() {\r\n\r\n                slider.classList.remove(\r\n                    \"running\"\r\n                );\r\n\r\n\r\n                void slider.offsetWidth;\r\n\r\n\r\n                slider.classList.add(\r\n                    \"running\"\r\n                );\r\n\r\n            }\r\n\r\n\r\n\r\n            \/* ===========================\r\n               BUTTON EVENTS\r\n            =========================== *\/\r\n\r\n            next.addEventListener(\r\n                \"click\",\r\n                function () {\r\n\r\n                    nextSlide();\r\n\r\n                    restart();\r\n\r\n                }\r\n            );\r\n\r\n\r\n            prev.addEventListener(\r\n                \"click\",\r\n                function () {\r\n\r\n                    previousSlide();\r\n\r\n                    restart();\r\n\r\n                }\r\n            );\r\n\r\n\r\n\r\n            \/* ===========================\r\n               PAUSE ON HOVER\r\n            =========================== *\/\r\n\r\n            slider.addEventListener(\r\n                \"mouseenter\",\r\n                stop\r\n            );\r\n\r\n\r\n            slider.addEventListener(\r\n                \"mouseleave\",\r\n                start\r\n            );\r\n\r\n\r\n\r\n            \/* ===========================\r\n               MOBILE SWIPE\r\n            =========================== *\/\r\n\r\n            slider.addEventListener(\r\n                \"touchstart\",\r\n                function (event) {\r\n\r\n                    startX =\r\n                        event\r\n                        .changedTouches[0]\r\n                        .screenX;\r\n\r\n                },\r\n                {\r\n                    passive: true\r\n                }\r\n            );\r\n\r\n\r\n            slider.addEventListener(\r\n                \"touchend\",\r\n                function (event) {\r\n\r\n                    endX =\r\n                        event\r\n                        .changedTouches[0]\r\n                        .screenX;\r\n\r\n\r\n                    const distance =\r\n                        startX - endX;\r\n\r\n\r\n                    if (\r\n                        Math.abs(distance)\r\n                        < 45\r\n                    ) {\r\n\r\n                        return;\r\n\r\n                    }\r\n\r\n\r\n                    if (\r\n                        distance > 0\r\n                    ) {\r\n\r\n                        nextSlide();\r\n\r\n                    }\r\n\r\n                    else {\r\n\r\n                        previousSlide();\r\n\r\n                    }\r\n\r\n\r\n                    restart();\r\n\r\n                },\r\n                {\r\n                    passive: true\r\n                }\r\n            );\r\n\r\n\r\n\r\n            \/* ===========================\r\n               KEYBOARD\r\n            =========================== *\/\r\n\r\n            slider.setAttribute(\r\n                \"tabindex\",\r\n                \"0\"\r\n            );\r\n\r\n\r\n            slider.addEventListener(\r\n                \"keydown\",\r\n                function (event) {\r\n\r\n                    if (\r\n                        event.key\r\n                        ===\r\n                        \"ArrowRight\"\r\n                    ) {\r\n\r\n                        nextSlide();\r\n\r\n                        restart();\r\n\r\n                    }\r\n\r\n\r\n                    if (\r\n                        event.key\r\n                        ===\r\n                        \"ArrowLeft\"\r\n                    ) {\r\n\r\n                        previousSlide();\r\n\r\n                        restart();\r\n\r\n                    }\r\n\r\n                }\r\n            );\r\n\r\n\r\n\r\n            \/* ===========================\r\n               INITIALIZE\r\n            =========================== *\/\r\n\r\n            update();\r\n\r\n            start();\r\n\r\n        });\r\n\r\n    }\r\n);\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1e0612c e-flex e-con-boxed e-con e-parent\" data-id=\"1e0612c\" 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-62c3ed3 elementor-widget elementor-widget-html\" data-id=\"62c3ed3\" 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     SECTION 2 \u2014 TRUST & CREDIBILITY\r\n     Fully Responsive\r\n     5px Left + 5px Right Gap\r\n     No External Libraries\r\n========================================================= -->\r\n\r\n<section class=\"am-trust-section\" aria-labelledby=\"am-trust-title\">\r\n\r\n    <!-- DECORATIVE BACKGROUND -->\r\n    <div class=\"am-trust-decoration am-trust-decoration-1\"><\/div>\r\n    <div class=\"am-trust-decoration am-trust-decoration-2\"><\/div>\r\n\r\n\r\n    <div class=\"am-trust-container\">\r\n\r\n        <!-- ================================================\r\n             SECTION INTRO\r\n        ================================================= -->\r\n        <div class=\"am-trust-heading am-reveal\">\r\n\r\n            <div class=\"am-trust-heading-text\">\r\n\r\n                <span class=\"am-section-eyebrow\">\r\n                    <span class=\"am-eyebrow-line\"><\/span>\r\n                    WHY CHOOSE AL MADINA\r\n                <\/span>\r\n\r\n                <h2 id=\"am-trust-title\">\r\n                    Professional Service You Can\r\n                    <span>Depend On<\/span>\r\n                <\/h2>\r\n\r\n                <p>\r\n                    One reliable company for essential home and property\r\n                    services, focused on convenient service and a professional\r\n                    customer experience.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"am-trust-heading-badge\">\r\n\r\n                <span class=\"am-heading-badge-icon\">\r\n\r\n                    <!-- SHIELD ICON -->\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        aria-hidden=\"true\"\r\n                        focusable=\"false\"\r\n                    >\r\n                        <path\r\n                            d=\"M12 3L19 6V11C19 15.6 16.1 19.6 12 21C7.9 19.6 5 15.6 5 11V6L12 3Z\"\r\n                        \/>\r\n                        <path\r\n                            d=\"M9 12L11 14L15.5 9.5\"\r\n                        \/>\r\n                    <\/svg>\r\n\r\n                <\/span>\r\n\r\n                <div>\r\n                    <strong>Active Company<\/strong>\r\n                    <small>Saudi Arabia<\/small>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- ================================================\r\n             TRUST CARDS\r\n        ================================================= -->\r\n        <div class=\"am-trust-grid\">\r\n\r\n\r\n            <!-- CARD 1 -->\r\n            <article class=\"am-trust-card am-reveal\">\r\n\r\n                <div class=\"am-card-top\">\r\n\r\n                    <span class=\"am-trust-icon\">\r\n\r\n                        <!-- BUILDING \/ REGISTRATION ICON -->\r\n                        <svg\r\n                            viewBox=\"0 0 24 24\"\r\n                            aria-hidden=\"true\"\r\n                            focusable=\"false\"\r\n                        >\r\n                            <path d=\"M4 21V5L12 2L20 5V21\"\/>\r\n                            <path d=\"M8 8H10\"\/>\r\n                            <path d=\"M14 8H16\"\/>\r\n                            <path d=\"M8 12H10\"\/>\r\n                            <path d=\"M14 12H16\"\/>\r\n                            <path d=\"M8 16H10\"\/>\r\n                            <path d=\"M14 16H16\"\/>\r\n                            <path d=\"M2 21H22\"\/>\r\n                        <\/svg>\r\n\r\n                    <\/span>\r\n\r\n                    <span class=\"am-card-number\">\r\n                        01\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Registered Company\r\n                <\/h3>\r\n\r\n                <p>\r\n                    An active Saudi business providing professional\r\n                    home and property service solutions.\r\n                <\/p>\r\n\r\n                <div class=\"am-card-meta\">\r\n\r\n                    <span>\r\n                        National Number\r\n                    <\/span>\r\n\r\n                    <strong>\r\n                        7053956418\r\n                    <\/strong>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- CARD 2 -->\r\n            <article class=\"am-trust-card am-reveal\">\r\n\r\n                <div class=\"am-card-top\">\r\n\r\n                    <span class=\"am-trust-icon\">\r\n\r\n                        <!-- SERVICES ICON -->\r\n                        <svg\r\n                            viewBox=\"0 0 24 24\"\r\n                            aria-hidden=\"true\"\r\n                            focusable=\"false\"\r\n                        >\r\n                            <path d=\"M12 3V8\"\/>\r\n                            <path d=\"M12 16V21\"\/>\r\n                            <path d=\"M3 12H8\"\/>\r\n                            <path d=\"M16 12H21\"\/>\r\n                            <circle cx=\"12\" cy=\"12\" r=\"4\"\/>\r\n                            <circle cx=\"5\" cy=\"5\" r=\"2\"\/>\r\n                            <circle cx=\"19\" cy=\"5\" r=\"2\"\/>\r\n                            <circle cx=\"5\" cy=\"19\" r=\"2\"\/>\r\n                            <circle cx=\"19\" cy=\"19\" r=\"2\"\/>\r\n                            <path d=\"M6.5 6.5L9 9\"\/>\r\n                            <path d=\"M15 9L17.5 6.5\"\/>\r\n                            <path d=\"M6.5 17.5L9 15\"\/>\r\n                            <path d=\"M15 15L17.5 17.5\"\/>\r\n                        <\/svg>\r\n\r\n                    <\/span>\r\n\r\n                    <span class=\"am-card-number\">\r\n                        02\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Multiple Services\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Moving, cleaning, pest control, tank cleaning,\r\n                    upholstery care and floor polishing in one place.\r\n                <\/p>\r\n\r\n                <div class=\"am-card-link\">\r\n                    Complete Property Care\r\n                    <span>\u2192<\/span>\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- CARD 3 -->\r\n            <article class=\"am-trust-card am-reveal\">\r\n\r\n                <div class=\"am-card-top\">\r\n\r\n                    <span class=\"am-trust-icon\">\r\n\r\n                        <!-- HOME ICON -->\r\n                        <svg\r\n                            viewBox=\"0 0 24 24\"\r\n                            aria-hidden=\"true\"\r\n                            focusable=\"false\"\r\n                        >\r\n                            <path d=\"M3 11L12 4L21 11\"\/>\r\n                            <path d=\"M5 10V20H19V10\"\/>\r\n                            <path d=\"M9 20V14H15V20\"\/>\r\n                            <path d=\"M7 8V5H10\"\/>\r\n                        <\/svg>\r\n\r\n                    <\/span>\r\n\r\n                    <span class=\"am-card-number\">\r\n                        03\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Home &amp; Property Care\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Practical services designed for apartments,\r\n                    villas, furnishings and other residential spaces.\r\n                <\/p>\r\n\r\n                <div class=\"am-card-link\">\r\n                    Convenient Solutions\r\n                    <span>\u2192<\/span>\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- CARD 4 -->\r\n            <article class=\"am-trust-card am-reveal\">\r\n\r\n                <div class=\"am-card-top\">\r\n\r\n                    <span class=\"am-trust-icon\">\r\n\r\n                        <!-- HEADSET \/ SUPPORT ICON -->\r\n                        <svg\r\n                            viewBox=\"0 0 24 24\"\r\n                            aria-hidden=\"true\"\r\n                            focusable=\"false\"\r\n                        >\r\n                            <path d=\"M4 13V11C4 6.6 7.6 3 12 3C16.4 3 20 6.6 20 11V13\"\/>\r\n                            <path d=\"M4 12H6C7.1 12 8 12.9 8 14V17C8 18.1 7.1 19 6 19H5C4.4 19 4 18.6 4 18V12Z\"\/>\r\n                            <path d=\"M20 12H18C16.9 12 16 12.9 16 14V17C16 18.1 16.9 19 18 19H19C19.6 19 20 18.6 20 18V12Z\"\/>\r\n                            <path d=\"M18 19C17 21 15 21 13 21\"\/>\r\n                        <\/svg>\r\n\r\n                    <\/span>\r\n\r\n                    <span class=\"am-card-number\">\r\n                        04\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Easy Service Enquiries\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Customers can quickly contact the company,\r\n                    discuss the required service and request a quotation.\r\n                <\/p>\r\n\r\n                <div class=\"am-card-link\">\r\n                    Simple &amp; Convenient\r\n                    <span>\u2192<\/span>\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- ================================================\r\n             BOTTOM SERVICE STRIP\r\n        ================================================= -->\r\n        <div class=\"am-service-strip am-reveal\">\r\n\r\n            <div class=\"am-strip-message\">\r\n\r\n                <span class=\"am-strip-check\">\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        aria-hidden=\"true\"\r\n                        focusable=\"false\"\r\n                    >\r\n                        <path d=\"M5 12L10 17L19 8\"\/>\r\n                    <\/svg>\r\n\r\n                <\/span>\r\n\r\n                <div>\r\n                    <strong>\r\n                        Need help choosing the right service?\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                        Tell us what you need and we'll help you\r\n                        identify the appropriate service.\r\n                    <\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <a href=\"#contact\" class=\"am-strip-button\">\r\n\r\n                Request a Free Quote\r\n\r\n                <span aria-hidden=\"true\">\r\n                    \u2192\r\n                <\/span>\r\n\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   GLOBAL \/ RESET\r\n========================================================= *\/\r\n\r\n.am-trust-section,\r\n.am-trust-section * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n.am-trust-section {\r\n\r\n    --am-green: #0B5D3B;\r\n    --am-green-2: #147A51;\r\n    --am-navy: #123047;\r\n    --am-navy-dark: #0A2334;\r\n    --am-gold: #D2A84A;\r\n    --am-gold-soft: #F1D98D;\r\n    --am-cream: #FAF9F6;\r\n    --am-soft: #F1F6F3;\r\n    --am-white: #FFFFFF;\r\n    --am-text: #18242C;\r\n    --am-muted: #63717A;\r\n    --am-border: rgba(18,48,71,.10);\r\n\r\n    \/*\r\n     * EXACT SITE-WIDE RULE:\r\n     * 5px left + 5px right\r\n     *\/\r\n    position: relative;\r\n\r\n    width: calc(100vw - 10px);\r\n    max-width: calc(100vw - 10px);\r\n\r\n    left: calc(50% - 50vw + 5px);\r\n\r\n    margin:\r\n        12px\r\n        0\r\n        0;\r\n\r\n    padding:\r\n        clamp(62px, 7vw, 96px)\r\n        0;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 18px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #FAFBF9 0%,\r\n            #F5F8F6 52%,\r\n            #F8F6EF 100%\r\n        );\r\n\r\n    font-family:\r\n        \"Inter\",\r\n        \"Tajawal\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    isolation: isolate;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND DECORATION\r\n========================================================= *\/\r\n\r\n.am-trust-decoration {\r\n\r\n    position: absolute;\r\n\r\n    border-radius: 50%;\r\n\r\n    pointer-events: none;\r\n\r\n    z-index: -1;\r\n\r\n}\r\n\r\n\r\n.am-trust-decoration-1 {\r\n\r\n    width: 380px;\r\n    height: 380px;\r\n\r\n    top: -210px;\r\n    right: -130px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(210,168,74,.16),\r\n            rgba(210,168,74,0) 70%\r\n        );\r\n\r\n}\r\n\r\n\r\n.am-trust-decoration-2 {\r\n\r\n    width: 440px;\r\n    height: 440px;\r\n\r\n    bottom: -270px;\r\n    left: -170px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(11,93,59,.12),\r\n            rgba(11,93,59,0) 70%\r\n        );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER CONTAINER\r\n========================================================= *\/\r\n\r\n.am-trust-container {\r\n\r\n    width:\r\n        min(\r\n            calc(100% - 48px),\r\n            1240px\r\n        );\r\n\r\n    margin:\r\n        0 auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO \/ HEADING\r\n========================================================= *\/\r\n\r\n.am-trust-heading {\r\n\r\n    display: flex;\r\n\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n\r\n    gap: 35px;\r\n\r\n    margin-bottom: 36px;\r\n\r\n}\r\n\r\n\r\n.am-trust-heading-text {\r\n\r\n    max-width: 760px;\r\n\r\n}\r\n\r\n\r\n.am-section-eyebrow {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    margin-bottom: 14px;\r\n\r\n    color:\r\n        var(--am-green);\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 1.4;\r\n\r\n    letter-spacing: 1.5px;\r\n\r\n}\r\n\r\n\r\n.am-eyebrow-line {\r\n\r\n    display: block;\r\n\r\n    width: 31px;\r\n    height: 2px;\r\n\r\n    border-radius: 10px;\r\n\r\n    background:\r\n        var(--am-gold);\r\n\r\n}\r\n\r\n\r\n.am-trust-heading h2 {\r\n\r\n    margin:\r\n        0\r\n        0\r\n        14px;\r\n\r\n    color:\r\n        var(--am-navy-dark);\r\n\r\n    font-size:\r\n        clamp(32px, 3.8vw, 52px);\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 1.08;\r\n\r\n    letter-spacing: -1.5px;\r\n\r\n}\r\n\r\n\r\n.am-trust-heading h2 span {\r\n\r\n    color:\r\n        var(--am-green);\r\n\r\n}\r\n\r\n\r\n.am-trust-heading p {\r\n\r\n    max-width: 700px;\r\n\r\n    margin: 0;\r\n\r\n    color:\r\n        var(--am-muted);\r\n\r\n    font-size:\r\n        clamp(15px, 1.25vw, 17px);\r\n\r\n    line-height: 1.75;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COMPANY STATUS BADGE\r\n========================================================= *\/\r\n\r\n.am-trust-heading-badge {\r\n\r\n    flex:\r\n        0\r\n        0\r\n        auto;\r\n\r\n    min-width: 195px;\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        14px\r\n        17px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(11,93,59,.12);\r\n\r\n    border-radius: 14px;\r\n\r\n    background:\r\n        rgba(255,255,255,.82);\r\n\r\n    box-shadow:\r\n        0 10px 30px\r\n        rgba(18,48,71,.07);\r\n\r\n    backdrop-filter:\r\n        blur(8px);\r\n\r\n}\r\n\r\n\r\n.am-heading-badge-icon {\r\n\r\n    flex:\r\n        0\r\n        0\r\n        42px;\r\n\r\n    width: 42px;\r\n    height: 42px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 12px;\r\n\r\n    background:\r\n        rgba(11,93,59,.10);\r\n\r\n    color:\r\n        var(--am-green);\r\n\r\n}\r\n\r\n\r\n.am-heading-badge-icon svg {\r\n\r\n    width: 23px;\r\n    height: 23px;\r\n\r\n    fill: none;\r\n\r\n    stroke: currentColor;\r\n\r\n    stroke-width: 1.8;\r\n\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n\r\n}\r\n\r\n\r\n.am-trust-heading-badge strong,\r\n.am-trust-heading-badge small {\r\n\r\n    display: block;\r\n\r\n}\r\n\r\n\r\n.am-trust-heading-badge strong {\r\n\r\n    margin-bottom: 3px;\r\n\r\n    color:\r\n        var(--am-navy);\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 800;\r\n\r\n}\r\n\r\n\r\n.am-trust-heading-badge small {\r\n\r\n    color:\r\n        var(--am-muted);\r\n\r\n    font-size: 12px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARDS GRID\r\n========================================================= *\/\r\n\r\n.am-trust-grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(4, minmax(0, 1fr));\r\n\r\n    gap: 14px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INDIVIDUAL CARD\r\n========================================================= *\/\r\n\r\n.am-trust-card {\r\n\r\n    position: relative;\r\n\r\n    min-height: 270px;\r\n\r\n    padding:\r\n        24px\r\n        22px\r\n        20px;\r\n\r\n    overflow: hidden;\r\n\r\n    border:\r\n        1px solid\r\n        var(--am-border);\r\n\r\n    border-radius: 16px;\r\n\r\n    background:\r\n        rgba(255,255,255,.90);\r\n\r\n    box-shadow:\r\n        0 10px 35px\r\n        rgba(18,48,71,.055);\r\n\r\n    transition:\r\n        transform .32s ease,\r\n        box-shadow .32s ease,\r\n        border-color .32s ease;\r\n\r\n}\r\n\r\n\r\n\/* GOLD TOP ACCENT *\/\r\n\r\n.am-trust-card::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: 0;\r\n\r\n    width: 100%;\r\n    height: 3px;\r\n\r\n    opacity: 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            var(--am-green),\r\n            var(--am-gold)\r\n        );\r\n\r\n    transition:\r\n        opacity .3s ease;\r\n\r\n}\r\n\r\n\r\n.am-trust-card:hover {\r\n\r\n    transform:\r\n        translateY(-6px);\r\n\r\n    border-color:\r\n        rgba(11,93,59,.18);\r\n\r\n    box-shadow:\r\n        0 18px 45px\r\n        rgba(18,48,71,.11);\r\n\r\n}\r\n\r\n\r\n.am-trust-card:hover::before {\r\n\r\n    opacity: 1;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD TOP\r\n========================================================= *\/\r\n\r\n.am-card-top {\r\n\r\n    display: flex;\r\n\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n\r\n    margin-bottom: 20px;\r\n\r\n}\r\n\r\n\r\n.am-trust-icon {\r\n\r\n    width: 52px;\r\n    height: 52px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 14px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            rgba(11,93,59,.12),\r\n            rgba(11,93,59,.055)\r\n        );\r\n\r\n    color:\r\n        var(--am-green);\r\n\r\n}\r\n\r\n\r\n.am-trust-icon svg {\r\n\r\n    width: 27px;\r\n    height: 27px;\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.am-card-number {\r\n\r\n    color:\r\n        rgba(18,48,71,.17);\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD CONTENT\r\n========================================================= *\/\r\n\r\n.am-trust-card h3 {\r\n\r\n    margin:\r\n        0\r\n        0\r\n        10px;\r\n\r\n    color:\r\n        var(--am-navy-dark);\r\n\r\n    font-size: 19px;\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 1.3;\r\n\r\n}\r\n\r\n\r\n.am-trust-card > p {\r\n\r\n    margin: 0;\r\n\r\n    color:\r\n        var(--am-muted);\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.68;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD META\r\n========================================================= *\/\r\n\r\n.am-card-meta {\r\n\r\n    margin-top: 19px;\r\n\r\n    padding-top: 15px;\r\n\r\n    border-top:\r\n        1px solid\r\n        rgba(18,48,71,.08);\r\n\r\n}\r\n\r\n\r\n.am-card-meta span {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 3px;\r\n\r\n    color:\r\n        var(--am-muted);\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 600;\r\n\r\n    text-transform: uppercase;\r\n\r\n    letter-spacing: .7px;\r\n\r\n}\r\n\r\n\r\n.am-card-meta strong {\r\n\r\n    color:\r\n        var(--am-green);\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .3px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD FOOTER TEXT\r\n========================================================= *\/\r\n\r\n.am-card-link {\r\n\r\n    position: absolute;\r\n\r\n    left: 22px;\r\n    right: 22px;\r\n    bottom: 19px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    padding-top: 14px;\r\n\r\n    border-top:\r\n        1px solid\r\n        rgba(18,48,71,.08);\r\n\r\n    color:\r\n        var(--am-green);\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 750;\r\n\r\n}\r\n\r\n\r\n.am-card-link span {\r\n\r\n    color:\r\n        var(--am-gold);\r\n\r\n    font-size: 19px;\r\n\r\n    transition:\r\n        transform .25s ease;\r\n\r\n}\r\n\r\n\r\n.am-trust-card:hover\r\n.am-card-link span {\r\n\r\n    transform:\r\n        translateX(4px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM CTA STRIP\r\n========================================================= *\/\r\n\r\n.am-service-strip {\r\n\r\n    margin-top: 16px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 24px;\r\n\r\n    padding:\r\n        20px\r\n        22px;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 16px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            115deg,\r\n            #0B5D3B 0%,\r\n            #0F6947 52%,\r\n            #123047 100%\r\n        );\r\n\r\n    box-shadow:\r\n        0 16px 36px\r\n        rgba(18,48,71,.14);\r\n\r\n}\r\n\r\n\r\n.am-strip-message {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 14px;\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n}\r\n\r\n\r\n.am-strip-check {\r\n\r\n    flex:\r\n        0\r\n        0\r\n        44px;\r\n\r\n    width: 44px;\r\n    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: 50%;\r\n\r\n    background:\r\n        rgba(255,255,255,.12);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.17);\r\n\r\n}\r\n\r\n\r\n.am-strip-check svg {\r\n\r\n    width: 22px;\r\n    height: 22px;\r\n\r\n    fill: none;\r\n\r\n    stroke:\r\n        var(--am-gold-soft);\r\n\r\n    stroke-width: 2;\r\n\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n\r\n}\r\n\r\n\r\n.am-strip-message strong,\r\n.am-strip-message span {\r\n\r\n    display: block;\r\n\r\n}\r\n\r\n\r\n.am-strip-message strong {\r\n\r\n    margin-bottom: 4px;\r\n\r\n    font-size: 15px;\r\n\r\n    font-weight: 800;\r\n\r\n}\r\n\r\n\r\n.am-strip-message div > span {\r\n\r\n    color:\r\n        rgba(255,255,255,.76);\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.5;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA BUTTON\r\n========================================================= *\/\r\n\r\n.am-strip-button {\r\n\r\n    flex:\r\n        0\r\n        0\r\n        auto;\r\n\r\n    min-height: 48px;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 10px;\r\n\r\n    padding:\r\n        12px\r\n        19px;\r\n\r\n    border-radius: 10px;\r\n\r\n    background:\r\n        var(--am-gold);\r\n\r\n    color:\r\n        #18242C !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 800;\r\n\r\n    box-shadow:\r\n        0 8px 22px\r\n        rgba(0,0,0,.14);\r\n\r\n    transition:\r\n        transform .25s ease,\r\n        background .25s ease,\r\n        box-shadow .25s ease;\r\n\r\n}\r\n\r\n\r\n.am-strip-button:hover {\r\n\r\n    color:\r\n        #18242C !important;\r\n\r\n    background:\r\n        #E0B957;\r\n\r\n    transform:\r\n        translateY(-2px);\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\r\n.am-strip-button span {\r\n\r\n    font-size: 18px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REVEAL ANIMATION\r\n========================================================= *\/\r\n\r\n.am-reveal {\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n        translateY(18px);\r\n\r\n    transition:\r\n        opacity .65s ease,\r\n        transform .65s ease;\r\n\r\n}\r\n\r\n\r\n.am-reveal.am-visible {\r\n\r\n    opacity: 1;\r\n\r\n    transform:\r\n        translateY(0);\r\n\r\n}\r\n\r\n\r\n\/* STAGGER CARDS *\/\r\n\r\n.am-trust-card:nth-child(2) {\r\n\r\n    transition-delay:\r\n        .07s;\r\n\r\n}\r\n\r\n\r\n.am-trust-card:nth-child(3) {\r\n\r\n    transition-delay:\r\n        .14s;\r\n\r\n}\r\n\r\n\r\n.am-trust-card:nth-child(4) {\r\n\r\n    transition-delay:\r\n        .21s;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RTL \/ ARABIC\r\n========================================================= *\/\r\n\r\nhtml[dir=\"rtl\"]\r\n.am-trust-section {\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\n\r\nhtml[dir=\"rtl\"]\r\n.am-trust-heading,\r\nhtml[dir=\"rtl\"]\r\n.am-trust-card,\r\nhtml[dir=\"rtl\"]\r\n.am-service-strip {\r\n\r\n    direction: rtl;\r\n\r\n}\r\n\r\n\r\nhtml[dir=\"rtl\"]\r\n.am-trust-heading-text,\r\nhtml[dir=\"rtl\"]\r\n.am-trust-card {\r\n\r\n    text-align: right;\r\n\r\n}\r\n\r\n\r\nhtml[dir=\"rtl\"]\r\n.am-card-link span,\r\nhtml[dir=\"rtl\"]\r\n.am-strip-button span {\r\n\r\n    transform:\r\n        rotate(180deg);\r\n\r\n}\r\n\r\n\r\nhtml[dir=\"rtl\"]\r\n.am-trust-card:hover\r\n.am-card-link span {\r\n\r\n    transform:\r\n        rotate(180deg)\r\n        translateX(4px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .am-trust-section {\r\n\r\n        padding:\r\n            68px\r\n            0;\r\n\r\n        border-radius: 16px;\r\n\r\n    }\r\n\r\n\r\n    .am-trust-container {\r\n\r\n        width:\r\n            min(\r\n                calc(100% - 36px),\r\n                960px\r\n            );\r\n\r\n    }\r\n\r\n\r\n    .am-trust-heading {\r\n\r\n        align-items: flex-start;\r\n\r\n    }\r\n\r\n\r\n    .am-trust-grid {\r\n\r\n        grid-template-columns:\r\n            repeat(2, minmax(0, 1fr));\r\n\r\n    }\r\n\r\n\r\n    .am-trust-card {\r\n\r\n        min-height: 250px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .am-trust-section {\r\n\r\n        \/*\r\n         * KEEP EXACT SITE RULE:\r\n         * 5px left + 5px right\r\n         *\/\r\n\r\n        width:\r\n            calc(100vw - 10px);\r\n\r\n        max-width:\r\n            calc(100vw - 10px);\r\n\r\n        left:\r\n            calc(50% - 50vw + 5px);\r\n\r\n        margin-top: 10px;\r\n\r\n        padding:\r\n            48px\r\n            0\r\n            16px;\r\n\r\n        border-radius: 14px;\r\n\r\n    }\r\n\r\n\r\n    .am-trust-container {\r\n\r\n        width:\r\n            calc(100% - 24px);\r\n\r\n    }\r\n\r\n\r\n    .am-trust-heading {\r\n\r\n        display: block;\r\n\r\n        margin-bottom: 25px;\r\n\r\n    }\r\n\r\n\r\n    .am-section-eyebrow {\r\n\r\n        margin-bottom: 11px;\r\n\r\n        font-size: 10px;\r\n\r\n        letter-spacing: 1.1px;\r\n\r\n    }\r\n\r\n\r\n    .am-trust-heading h2 {\r\n\r\n        margin-bottom: 12px;\r\n\r\n        font-size:\r\n            clamp(29px, 8vw, 38px);\r\n\r\n        line-height: 1.12;\r\n\r\n        letter-spacing: -.8px;\r\n\r\n    }\r\n\r\n\r\n    .am-trust-heading p {\r\n\r\n        font-size: 14px;\r\n\r\n        line-height: 1.65;\r\n\r\n    }\r\n\r\n\r\n    .am-trust-heading-badge {\r\n\r\n        width: 100%;\r\n\r\n        min-width: 0;\r\n\r\n        margin-top: 19px;\r\n\r\n    }\r\n\r\n\r\n    \/*\r\n     * 2 x 2 mobile grid:\r\n     * more compact and visually engaging\r\n     *\/\r\n\r\n    .am-trust-grid {\r\n\r\n        grid-template-columns:\r\n            repeat(2, minmax(0, 1fr));\r\n\r\n        gap: 9px;\r\n\r\n    }\r\n\r\n\r\n    .am-trust-card {\r\n\r\n        min-height: 245px;\r\n\r\n        padding:\r\n            17px\r\n            14px\r\n            16px;\r\n\r\n        border-radius: 14px;\r\n\r\n    }\r\n\r\n\r\n    .am-card-top {\r\n\r\n        margin-bottom: 14px;\r\n\r\n    }\r\n\r\n\r\n    .am-trust-icon {\r\n\r\n        width: 43px;\r\n        height: 43px;\r\n\r\n        border-radius: 12px;\r\n\r\n    }\r\n\r\n\r\n    .am-trust-icon svg {\r\n\r\n        width: 23px;\r\n        height: 23px;\r\n\r\n    }\r\n\r\n\r\n    .am-card-number {\r\n\r\n        font-size: 10px;\r\n\r\n    }\r\n\r\n\r\n    .am-trust-card h3 {\r\n\r\n        margin-bottom: 8px;\r\n\r\n        font-size: 15px;\r\n\r\n        line-height: 1.3;\r\n\r\n    }\r\n\r\n\r\n    .am-trust-card > p {\r\n\r\n        font-size: 12px;\r\n\r\n        line-height: 1.55;\r\n\r\n    }\r\n\r\n\r\n    .am-card-meta {\r\n\r\n        margin-top: 13px;\r\n\r\n        padding-top: 10px;\r\n\r\n    }\r\n\r\n\r\n    .am-card-meta span {\r\n\r\n        font-size: 9px;\r\n\r\n    }\r\n\r\n\r\n    .am-card-meta strong {\r\n\r\n        font-size: 11px;\r\n\r\n    }\r\n\r\n\r\n    .am-card-link {\r\n\r\n        left: 14px;\r\n        right: 14px;\r\n        bottom: 14px;\r\n\r\n        padding-top: 10px;\r\n\r\n        font-size: 10px;\r\n\r\n    }\r\n\r\n\r\n    .am-card-link span {\r\n\r\n        font-size: 16px;\r\n\r\n    }\r\n\r\n\r\n    \/* CTA STRIP *\/\r\n\r\n    .am-service-strip {\r\n\r\n        margin-top: 10px;\r\n\r\n        display: block;\r\n\r\n        padding: 18px;\r\n\r\n        border-radius: 14px;\r\n\r\n    }\r\n\r\n\r\n    .am-strip-message {\r\n\r\n        align-items: flex-start;\r\n\r\n    }\r\n\r\n\r\n    .am-strip-check {\r\n\r\n        flex-basis: 39px;\r\n\r\n        width: 39px;\r\n        height: 39px;\r\n\r\n    }\r\n\r\n\r\n    .am-strip-message strong {\r\n\r\n        font-size: 14px;\r\n\r\n    }\r\n\r\n\r\n    .am-strip-message div > span {\r\n\r\n        font-size: 12px;\r\n\r\n    }\r\n\r\n\r\n    .am-strip-button {\r\n\r\n        width: 100%;\r\n\r\n        margin-top: 16px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VERY SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 390px) {\r\n\r\n    \/*\r\n     * On very narrow devices,\r\n     * use one card per row for readability.\r\n     *\/\r\n\r\n    .am-trust-grid {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n    }\r\n\r\n\r\n    .am-trust-card {\r\n\r\n        min-height: 220px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION \/ ACCESSIBILITY\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .am-reveal {\r\n\r\n        opacity: 1;\r\n\r\n        transform: none;\r\n\r\n        transition: none;\r\n\r\n    }\r\n\r\n\r\n    .am-trust-card,\r\n    .am-strip-button,\r\n    .am-card-link span {\r\n\r\n        transition: none;\r\n\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 sections =\r\n            document.querySelectorAll(\r\n                \".am-trust-section\"\r\n            );\r\n\r\n\r\n        sections.forEach(\r\n            function (section) {\r\n\r\n\r\n                const items =\r\n                    section.querySelectorAll(\r\n                        \".am-reveal\"\r\n                    );\r\n\r\n\r\n                \/*\r\n                 * Accessibility:\r\n                 * show immediately when\r\n                 * reduced motion is enabled.\r\n                 *\/\r\n\r\n                if (\r\n                    window.matchMedia(\r\n                        \"(prefers-reduced-motion: reduce)\"\r\n                    ).matches\r\n                ) {\r\n\r\n                    items.forEach(\r\n                        function (item) {\r\n\r\n                            item.classList.add(\r\n                                \"am-visible\"\r\n                            );\r\n\r\n                        }\r\n                    );\r\n\r\n                    return;\r\n\r\n                }\r\n\r\n\r\n                \/*\r\n                 * Scroll reveal\r\n                 *\/\r\n\r\n                if (\r\n                    \"IntersectionObserver\"\r\n                    in window\r\n                ) {\r\n\r\n                    const observer =\r\n                        new IntersectionObserver(\r\n\r\n                            function (entries) {\r\n\r\n                                entries.forEach(\r\n                                    function (entry) {\r\n\r\n                                        if (\r\n                                            entry.isIntersecting\r\n                                        ) {\r\n\r\n                                            entry.target\r\n                                                .classList\r\n                                                .add(\r\n                                                    \"am-visible\"\r\n                                                );\r\n\r\n\r\n                                            observer\r\n                                                .unobserve(\r\n                                                    entry.target\r\n                                                );\r\n\r\n                                        }\r\n\r\n                                    }\r\n                                );\r\n\r\n                            },\r\n\r\n                            {\r\n                                threshold: 0.12\r\n                            }\r\n\r\n                        );\r\n\r\n\r\n                    items.forEach(\r\n                        function (item) {\r\n\r\n                            observer.observe(\r\n                                item\r\n                            );\r\n\r\n                        }\r\n                    );\r\n\r\n                }\r\n\r\n                else {\r\n\r\n                    items.forEach(\r\n                        function (item) {\r\n\r\n                            item.classList.add(\r\n                                \"am-visible\"\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\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-29148d7 e-flex e-con-boxed e-con e-parent\" data-id=\"29148d7\" 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-e47a666 elementor-widget elementor-widget-html\" data-id=\"e47a666\" 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     SECTION 3 \u2014 PREMIUM PHOTO SERVICES\r\n     \r\n     FEATURES:\r\n     - Real service photographs\r\n     - Manpower featured prominently\r\n     - Responsive desktop\/tablet\/mobile\r\n     - Swipeable cards on mobile\r\n     - Service buttons open WhatsApp directly\r\n     - Dedicated Contact-page CTA placeholder\r\n     - RTL \/ Arabic ready\r\n     - 5px LEFT + 5px RIGHT required gap\r\n========================================================= -->\r\n\r\n<!--\r\n    CONTACT PAGE LINK:\r\n    When your Contact page is ready, put its URL in data-contact-url below.\r\n    Example:\r\n    data-contact-url=\"https:\/\/almadinaservicecompany.com\/contact\/\"\r\n-->\r\n\r\n<section\r\n    class=\"am-photo-services\"\r\n    id=\"services\"\r\n    aria-labelledby=\"am-services-title\"\r\n    data-whatsapp-number=\"966502510459\"\r\n    data-contact-url=\"\"\r\n>\r\n\r\n    <div class=\"aps-bg-orb aps-orb-one\"><\/div>\r\n    <div class=\"aps-bg-orb aps-orb-two\"><\/div>\r\n\r\n\r\n    <div class=\"aps-container\">\r\n\r\n\r\n        <!-- =====================================================\r\n             SECTION HEADING\r\n        ====================================================== -->\r\n\r\n        <div class=\"aps-heading aps-reveal\">\r\n\r\n            <div class=\"aps-heading-main\">\r\n\r\n                <span class=\"aps-eyebrow\">\r\n                    <span><\/span>\r\n                    OUR PROFESSIONAL SERVICES\r\n                <\/span>\r\n\r\n                <h2 id=\"am-services-title\">\r\n                    Reliable Manpower &\r\n                    <em>Property Solutions<\/em>\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"aps-heading-side\">\r\n\r\n                <p>\r\n                    From flexible manpower support to moving, cleaning,\r\n                    pest control and specialist property care, AL Madina\r\n                    brings essential services together under one\r\n                    professional company.\r\n                <\/p>\r\n\r\n                <div class=\"aps-heading-note\">\r\n\r\n                    <span class=\"aps-note-dot\"><\/span>\r\n\r\n                    <span>\r\n                        Select any service below to request it.\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        <!-- =====================================================\r\n             FEATURED MANPOWER SERVICE\r\n        ====================================================== -->\r\n\r\n        <article\r\n            class=\"aps-featured aps-reveal\"\r\n            data-service-card=\"Manpower Services\"\r\n        >\r\n\r\n            <div class=\"aps-featured-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/images.pexels.com\/photos\/30223853\/pexels-photo-30223853.jpeg?auto=compress&cs=tinysrgb&w=1400\"\r\n                    alt=\"Professional manpower workers at an industrial work site\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n                <div class=\"aps-featured-overlay\"><\/div>\r\n\r\n\r\n                <span class=\"aps-core-badge\">\r\n                    CORE SERVICE\r\n                <\/span>\r\n\r\n\r\n                <div class=\"aps-image-caption\">\r\n\r\n                    <span>01<\/span>\r\n\r\n                    <div>\r\n                        <small>WORKFORCE SOLUTIONS<\/small>\r\n                        <strong>Manpower Support<\/strong>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"aps-featured-content\">\r\n\r\n                <span class=\"aps-service-kicker\">\r\n                    AL MADINA MANPOWER\r\n                <\/span>\r\n\r\n                <h3>\r\n                    Professional\r\n                    <span>Manpower Services<\/span>\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Flexible manpower support for residential,\r\n                    commercial, operational, cleaning, moving and\r\n                    general workforce requirements.\r\n                <\/p>\r\n\r\n\r\n                <div class=\"aps-feature-points\">\r\n\r\n                    <div>\r\n                        <span class=\"aps-check\">\u2713<\/span>\r\n                        General workforce support\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <span class=\"aps-check\">\u2713<\/span>\r\n                        Flexible service requirements\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <span class=\"aps-check\">\u2713<\/span>\r\n                        Residential &amp; commercial needs\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"aps-main-button aps-select-service\"\r\n                    data-service=\"Manpower Services\"\r\n                >\r\n                    Request Manpower\r\n\r\n                    <span>\u2192<\/span>\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- =====================================================\r\n             SERVICES INTRO ROW\r\n        ====================================================== -->\r\n\r\n        <div class=\"aps-subheading aps-reveal\">\r\n\r\n            <div>\r\n\r\n                <span class=\"aps-sub-kicker\">\r\n                    MORE SERVICES\r\n                <\/span>\r\n\r\n                <h3>\r\n                    Complete Property Care\r\n                <\/h3>\r\n\r\n            <\/div>\r\n\r\n\r\n            <span class=\"aps-mobile-swipe\">\r\n                Swipe to explore\r\n                <b>\u2192<\/b>\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =====================================================\r\n             PHOTO SERVICE CARDS\r\n        ====================================================== -->\r\n\r\n        <div class=\"aps-services-grid\">\r\n\r\n\r\n            <!-- ===============================================\r\n                 FURNITURE MOVING\r\n            ================================================ -->\r\n\r\n            <article\r\n                class=\"aps-card aps-reveal\"\r\n                data-service-card=\"Furniture Moving\"\r\n            >\r\n\r\n                <div class=\"aps-card-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/images.pexels.com\/photos\/7464244\/pexels-photo-7464244.jpeg?auto=compress&cs=tinysrgb&w=1000\"\r\n                        alt=\"Professional furniture moving workers\"\r\n                        loading=\"lazy\"\r\n                    >\r\n\r\n                    <div class=\"aps-card-overlay\"><\/div>\r\n\r\n                    <span class=\"aps-card-number\">\r\n                        02\r\n                    <\/span>\r\n\r\n                    <span class=\"aps-photo-label\">\r\n                        MOVING\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"aps-card-content\">\r\n\r\n                    <h3>\r\n                        Furniture Moving\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Furniture dismantling, handling,\r\n                        transportation and reassembly for\r\n                        homes and properties.\r\n                    <\/p>\r\n\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"aps-card-button aps-select-service\"\r\n                        data-service=\"Furniture Moving\"\r\n                    >\r\n                        Request Service\r\n                        <span>\u2192<\/span>\r\n                    <\/button>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- ===============================================\r\n                 CLEANING SERVICES\r\n            ================================================ -->\r\n\r\n            <article\r\n                class=\"aps-card aps-reveal\"\r\n                data-service-card=\"Cleaning Services\"\r\n            >\r\n\r\n                <div class=\"aps-card-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/images.pexels.com\/photos\/14675105\/pexels-photo-14675105.jpeg?auto=compress&cs=tinysrgb&w=1000\"\r\n                        alt=\"Professional residential cleaning service\"\r\n                        loading=\"lazy\"\r\n                    >\r\n\r\n                    <div class=\"aps-card-overlay\"><\/div>\r\n\r\n                    <span class=\"aps-card-number\">\r\n                        03\r\n                    <\/span>\r\n\r\n                    <span class=\"aps-photo-label\">\r\n                        CLEANING\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"aps-card-content\">\r\n\r\n                    <h3>\r\n                        Cleaning Services\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Professional cleaning for apartments,\r\n                        villas and other residential or\r\n                        commercial spaces.\r\n                    <\/p>\r\n\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"aps-card-button aps-select-service\"\r\n                        data-service=\"Cleaning Services\"\r\n                    >\r\n                        Book Cleaning\r\n                        <span>\u2192<\/span>\r\n                    <\/button>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- ===============================================\r\n                 PEST CONTROL\r\n            ================================================ -->\r\n\r\n            <article\r\n                class=\"aps-card aps-reveal\"\r\n                data-service-card=\"Pest Control\"\r\n            >\r\n\r\n                <div class=\"aps-card-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/images.pexels.com\/photos\/19789841\/pexels-photo-19789841\/free-photo-of-smoke-used-for-pest-control.jpeg?auto=compress&cs=tinysrgb&w=1000\"\r\n                        alt=\"Professional pest control treatment\"\r\n                        loading=\"lazy\"\r\n                    >\r\n\r\n                    <div class=\"aps-card-overlay\"><\/div>\r\n\r\n                    <span class=\"aps-card-number\">\r\n                        04\r\n                    <\/span>\r\n\r\n                    <span class=\"aps-photo-label\">\r\n                        PROTECTION\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"aps-card-content\">\r\n\r\n                    <h3>\r\n                        Pest Control\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Professional solutions for insects,\r\n                        termites and common property\r\n                        pest-control requirements.\r\n                    <\/p>\r\n\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"aps-card-button aps-select-service\"\r\n                        data-service=\"Pest Control\"\r\n                    >\r\n                        Request Pest Control\r\n                        <span>\u2192<\/span>\r\n                    <\/button>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- ===============================================\r\n                 WATER TANK CLEANING\r\n            ================================================ -->\r\n\r\n            <article\r\n                class=\"aps-card aps-reveal\"\r\n                data-service-card=\"Water Tank Cleaning\"\r\n            >\r\n\r\n                <div class=\"aps-card-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/images.pexels.com\/photos\/35077197\/pexels-photo-35077197.jpeg?auto=compress&cs=tinysrgb&w=1000\"\r\n                        alt=\"Water storage tank service\"\r\n                        loading=\"lazy\"\r\n                    >\r\n\r\n                    <div class=\"aps-card-overlay\"><\/div>\r\n\r\n                    <span class=\"aps-card-number\">\r\n                        05\r\n                    <\/span>\r\n\r\n                    <span class=\"aps-photo-label\">\r\n                        WATER CARE\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"aps-card-content\">\r\n\r\n                    <h3>\r\n                        Water Tank Cleaning\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Cleaning and sanitization solutions\r\n                        for residential and property\r\n                        water-storage tanks.\r\n                    <\/p>\r\n\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"aps-card-button aps-select-service\"\r\n                        data-service=\"Water Tank Cleaning\"\r\n                    >\r\n                        Request Tank Cleaning\r\n                        <span>\u2192<\/span>\r\n                    <\/button>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- ===============================================\r\n                 CARPET & UPHOLSTERY\r\n            ================================================ -->\r\n\r\n            <article\r\n                class=\"aps-card aps-reveal\"\r\n                data-service-card=\"Carpet & Upholstery Cleaning\"\r\n            >\r\n\r\n                <div class=\"aps-card-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/images.pexels.com\/photos\/4401538\/pexels-photo-4401538.jpeg?auto=compress&cs=tinysrgb&w=1000\"\r\n                        alt=\"Professional sofa and upholstery cleaning service\"\r\n                        loading=\"lazy\"\r\n                    >\r\n\r\n                    <div class=\"aps-card-overlay\"><\/div>\r\n\r\n                    <span class=\"aps-card-number\">\r\n                        06\r\n                    <\/span>\r\n\r\n                    <span class=\"aps-photo-label\">\r\n                        UPHOLSTERY\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"aps-card-content\">\r\n\r\n                    <h3>\r\n                        Carpet &amp; Upholstery\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Deep cleaning for sofas, carpets,\r\n                        upholstery and fabric furnishings\r\n                        for a fresher appearance.\r\n                    <\/p>\r\n\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"aps-card-button aps-select-service\"\r\n                        data-service=\"Carpet & Upholstery Cleaning\"\r\n                    >\r\n                        Request Cleaning\r\n                        <span>\u2192<\/span>\r\n                    <\/button>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- ===============================================\r\n                 FLOOR & MARBLE POLISHING\r\n            ================================================ -->\r\n\r\n            <article\r\n                class=\"aps-card aps-reveal\"\r\n                data-service-card=\"Floor & Marble Polishing\"\r\n            >\r\n\r\n                <div class=\"aps-card-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/images.pexels.com\/photos\/35149473\/pexels-photo-35149473.jpeg?auto=compress&cs=tinysrgb&w=1000\"\r\n                        alt=\"Professional polishing equipment for hard surfaces\"\r\n                        loading=\"lazy\"\r\n                    >\r\n\r\n                    <div class=\"aps-card-overlay\"><\/div>\r\n\r\n                    <span class=\"aps-card-number\">\r\n                        07\r\n                    <\/span>\r\n\r\n                    <span class=\"aps-photo-label\">\r\n                        FLOOR CARE\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"aps-card-content\">\r\n\r\n                    <h3>\r\n                        Floor &amp; Marble Polishing\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Cleaning and polishing solutions\r\n                        for marble, ceramic tiles and\r\n                        other hard floor surfaces.\r\n                    <\/p>\r\n\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"aps-card-button aps-select-service\"\r\n                        data-service=\"Floor & Marble Polishing\"\r\n                    >\r\n                        Request Floor Care\r\n                        <span>\u2192<\/span>\r\n                    <\/button>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =====================================================\r\n             PROFESSIONAL CONTACT CTA\r\n             No contact form is embedded in this section.\r\n\r\n             LATER:\r\n             Add your dedicated Contact page URL in the opening\r\n             <section> tag at the top of this code:\r\n\r\n             data-contact-url=\"https:\/\/almadinaservicecompany.com\/contact\/\"\r\n        ====================================================== -->\r\n\r\n        <div class=\"aps-contact-cta aps-reveal\">\r\n\r\n            <div class=\"aps-contact-cta-left\">\r\n\r\n                <div class=\"aps-contact-cta-icon\">\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n                        <path d=\"M4 5H20V17H9L4 21V5Z\"><\/path>\r\n                        <path d=\"M8 9H16\"><\/path>\r\n                        <path d=\"M8 13H13\"><\/path>\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"aps-contact-cta-copy\">\r\n\r\n                    <span class=\"aps-contact-cta-eyebrow\">\r\n                        READY TO GET STARTED?\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        Need Manpower or Property Services?\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Request a quotation through our contact page\r\n                        or speak with us directly on WhatsApp.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"aps-contact-cta-actions\">\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"aps-contact-page-button\"\r\n                >\r\n                    Request a Quote\r\n                    <span aria-hidden=\"true\">\u2192<\/span>\r\n                <\/button>\r\n\r\n\r\n                <a\r\n                    class=\"aps-direct-whatsapp\"\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                >\r\n                    <span class=\"aps-wa-symbol\" aria-hidden=\"true\">\r\n                        \u260e\r\n                    <\/span>\r\n\r\n                    WhatsApp Us\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- TOAST MESSAGE -->\r\n\r\n        <div\r\n            class=\"aps-toast\"\r\n            role=\"status\"\r\n            aria-live=\"polite\"\r\n        >\r\n            Contact page link is not configured.\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n.am-photo-services,\r\n.am-photo-services * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION\r\n========================================================= *\/\r\n\r\n.am-photo-services {\r\n\r\n    --green: #0B5D3B;\r\n    --green-light: #16845A;\r\n    --green-pale: #EAF4EF;\r\n\r\n    --navy: #123047;\r\n    --navy-dark: #081F2D;\r\n\r\n    --gold: #D2A84A;\r\n    --gold-light: #F1D88C;\r\n\r\n    --white: #FFFFFF;\r\n\r\n    --text: #17252E;\r\n    --muted: #65737B;\r\n\r\n    position: relative;\r\n\r\n    \/* EXACT GLOBAL RULE *\/\r\n    width: calc(100vw - 10px);\r\n    max-width: calc(100vw - 10px);\r\n\r\n    left: calc(50% - 50vw + 5px);\r\n\r\n    margin: 10px 0 0;\r\n\r\n    padding:\r\n        clamp(65px, 7vw, 96px)\r\n        0\r\n        18px;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 18px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            #FFFFFF 0%,\r\n            #F6F9F7 60%,\r\n            #FAF8F1 100%\r\n        );\r\n\r\n    font-family:\r\n        \"Inter\",\r\n        \"Tajawal\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    isolation: isolate;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND DECORATION\r\n========================================================= *\/\r\n\r\n.aps-bg-orb {\r\n\r\n    position: absolute;\r\n\r\n    border-radius: 50%;\r\n\r\n    pointer-events: none;\r\n\r\n    z-index: -1;\r\n}\r\n\r\n\r\n.aps-orb-one {\r\n\r\n    width: 420px;\r\n    height: 420px;\r\n\r\n    top: -230px;\r\n    right: -170px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(210,168,74,.14),\r\n            transparent 70%\r\n        );\r\n}\r\n\r\n\r\n.aps-orb-two {\r\n\r\n    width: 500px;\r\n    height: 500px;\r\n\r\n    left: -240px;\r\n    bottom: -290px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(11,93,59,.11),\r\n            transparent 70%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.aps-container {\r\n\r\n    width:\r\n        min(\r\n            calc(100% - 48px),\r\n            1240px\r\n        );\r\n\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n========================================================= *\/\r\n\r\n.aps-heading {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0, 1.15fr)\r\n        minmax(320px, .75fr);\r\n\r\n    align-items: end;\r\n\r\n    gap: 50px;\r\n\r\n    margin-bottom: 38px;\r\n}\r\n\r\n\r\n.aps-eyebrow {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    margin-bottom: 13px;\r\n\r\n    color: var(--green);\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1.5px;\r\n}\r\n\r\n\r\n.aps-eyebrow > span {\r\n\r\n    width: 32px;\r\n    height: 2px;\r\n\r\n    border-radius: 100px;\r\n\r\n    background: var(--gold);\r\n}\r\n\r\n\r\n.aps-heading h2 {\r\n\r\n    margin: 0;\r\n\r\n    color: var(--navy-dark);\r\n\r\n    font-size:\r\n        clamp(35px, 4vw, 55px);\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 1.07;\r\n\r\n    letter-spacing: -1.7px;\r\n}\r\n\r\n\r\n.aps-heading h2 em {\r\n\r\n    display: block;\r\n\r\n    color: var(--green);\r\n\r\n    font-style: normal;\r\n}\r\n\r\n\r\n.aps-heading-side p {\r\n\r\n    margin: 0 0 13px;\r\n\r\n    color: var(--muted);\r\n\r\n    font-size: 14.5px;\r\n\r\n    line-height: 1.7;\r\n}\r\n\r\n\r\n.aps-heading-note {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n    color: var(--navy);\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n.aps-note-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: var(--gold);\r\n\r\n    box-shadow:\r\n        0 0 0 5px\r\n        rgba(210,168,74,.12);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FEATURED MANPOWER CARD\r\n========================================================= *\/\r\n\r\n.aps-featured {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0, 1.08fr)\r\n        minmax(360px, .92fr);\r\n\r\n    min-height: 430px;\r\n\r\n    margin-bottom: 31px;\r\n\r\n    overflow: hidden;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(18,48,71,.10);\r\n\r\n    border-radius: 20px;\r\n\r\n    background: #FFFFFF;\r\n\r\n    box-shadow:\r\n        0 18px 50px\r\n        rgba(18,48,71,.09);\r\n\r\n    transition:\r\n        transform .36s cubic-bezier(.2,.7,.2,1),\r\n        box-shadow .36s cubic-bezier(.2,.7,.2,1),\r\n        border-color .36s ease;\r\n}\r\n\r\n\r\n.aps-featured:hover {\r\n\r\n    transform:\r\n        translateY(-4px);\r\n\r\n    border-color:\r\n        rgba(11,93,59,.18);\r\n\r\n    box-shadow:\r\n        0 24px 58px\r\n        rgba(18,48,71,.13);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FEATURED IMAGE\r\n========================================================= *\/\r\n\r\n.aps-featured-image {\r\n\r\n    position: relative;\r\n\r\n    min-height: 430px;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n.aps-featured-image img {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    object-position: center;\r\n\r\n    transition:\r\n        transform .8s ease;\r\n}\r\n\r\n\r\n.aps-featured:hover\r\n.aps-featured-image img {\r\n\r\n    transform: scale(1.045);\r\n}\r\n\r\n\r\n.aps-featured-overlay {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(5,25,30,.05) 20%,\r\n            rgba(5,25,30,.30) 68%,\r\n            rgba(5,25,30,.88) 100%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CORE BADGE\r\n========================================================= *\/\r\n\r\n.aps-core-badge {\r\n\r\n    position: absolute;\r\n\r\n    top: 20px;\r\n    left: 20px;\r\n\r\n    padding:\r\n        8px\r\n        12px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.26);\r\n\r\n    border-radius: 100px;\r\n\r\n    background:\r\n        rgba(11,93,59,.86);\r\n\r\n    backdrop-filter: blur(8px);\r\n\r\n    color: #FFFFFF;\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1.2px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE CAPTION\r\n========================================================= *\/\r\n\r\n.aps-image-caption {\r\n\r\n    position: absolute;\r\n\r\n    left: 22px;\r\n    right: 22px;\r\n    bottom: 21px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 14px;\r\n\r\n    color: #FFFFFF;\r\n}\r\n\r\n\r\n.aps-image-caption > span {\r\n\r\n    font-size: 34px;\r\n\r\n    font-weight: 800;\r\n\r\n    color:\r\n        rgba(255,255,255,.34);\r\n}\r\n\r\n\r\n.aps-image-caption small,\r\n.aps-image-caption strong {\r\n\r\n    display: block;\r\n}\r\n\r\n\r\n.aps-image-caption small {\r\n\r\n    margin-bottom: 3px;\r\n\r\n    color: var(--gold-light);\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1.2px;\r\n}\r\n\r\n\r\n.aps-image-caption strong {\r\n\r\n    font-size: 15px;\r\n\r\n    font-weight: 750;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FEATURED CONTENT\r\n========================================================= *\/\r\n\r\n.aps-featured-content {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    justify-content: center;\r\n\r\n    padding:\r\n        clamp(30px, 4vw, 50px);\r\n}\r\n\r\n\r\n.aps-service-kicker {\r\n\r\n    margin-bottom: 9px;\r\n\r\n    color: var(--gold);\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1.3px;\r\n}\r\n\r\n\r\n.aps-featured-content h3 {\r\n\r\n    margin: 0 0 16px;\r\n\r\n    color: var(--navy-dark);\r\n\r\n    font-size:\r\n        clamp(30px, 3vw, 43px);\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 1.07;\r\n\r\n    letter-spacing: -1px;\r\n}\r\n\r\n\r\n.aps-featured-content h3 span {\r\n\r\n    display: block;\r\n\r\n    color: var(--green);\r\n}\r\n\r\n\r\n.aps-featured-content > p {\r\n\r\n    margin: 0 0 22px;\r\n\r\n    color: var(--muted);\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.72;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FEATURE POINTS\r\n========================================================= *\/\r\n\r\n.aps-feature-points {\r\n\r\n    display: grid;\r\n\r\n    gap: 9px;\r\n\r\n    margin-bottom: 25px;\r\n}\r\n\r\n\r\n.aps-feature-points > div {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 9px;\r\n\r\n    color: var(--navy);\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n.aps-check {\r\n\r\n    width: 23px;\r\n    height: 23px;\r\n\r\n    flex: 0 0 23px;\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: 50%;\r\n\r\n    background: var(--green-pale);\r\n\r\n    color: var(--green);\r\n\r\n    font-size: 11px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FEATURE BUTTON\r\n========================================================= *\/\r\n\r\n.aps-main-button {\r\n\r\n    align-self: flex-start;\r\n\r\n    min-height: 50px;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 11px;\r\n\r\n    padding:\r\n        12px\r\n        21px;\r\n\r\n    border: 0;\r\n\r\n    border-radius: 10px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            var(--green),\r\n            var(--green-light)\r\n        );\r\n\r\n    color: #FFFFFF;\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 800;\r\n\r\n    cursor: pointer;\r\n\r\n    box-shadow:\r\n        0 12px 27px\r\n        rgba(11,93,59,.20);\r\n\r\n    transition:\r\n        transform .25s ease,\r\n        box-shadow .25s ease;\r\n}\r\n\r\n\r\n.aps-main-button:hover {\r\n\r\n    transform: translateY(-2px);\r\n\r\n    box-shadow:\r\n        0 17px 32px\r\n        rgba(11,93,59,.27);\r\n}\r\n\r\n\r\n.aps-main-button span {\r\n\r\n    font-size: 18px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SERVICES SUB HEADING\r\n========================================================= *\/\r\n\r\n.aps-subheading {\r\n\r\n    display: flex;\r\n\r\n    align-items: end;\r\n\r\n    justify-content: space-between;\r\n\r\n    gap: 20px;\r\n\r\n    margin-bottom: 17px;\r\n}\r\n\r\n\r\n.aps-sub-kicker {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 3px;\r\n\r\n    color: var(--green);\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1.2px;\r\n}\r\n\r\n\r\n.aps-subheading h3 {\r\n\r\n    margin: 0;\r\n\r\n    color: var(--navy-dark);\r\n\r\n    font-size:\r\n        clamp(22px, 2vw, 28px);\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n.aps-mobile-swipe {\r\n\r\n    display: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SERVICES GRID\r\n========================================================= *\/\r\n\r\n.aps-services-grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3, minmax(0,1fr));\r\n\r\n    gap: 14px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SERVICE CARD\r\n========================================================= *\/\r\n\r\n.aps-card {\r\n\r\n    min-width: 0;\r\n\r\n    overflow: hidden;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(18,48,71,.09);\r\n\r\n    border-radius: 17px;\r\n\r\n    background: #FFFFFF;\r\n\r\n    box-shadow:\r\n        0 10px 32px\r\n        rgba(18,48,71,.055);\r\n\r\n    transition:\r\n        transform .32s cubic-bezier(.2,.7,.2,1),\r\n        box-shadow .32s cubic-bezier(.2,.7,.2,1),\r\n        border-color .32s ease;\r\n}\r\n\r\n\r\n.aps-card:hover {\r\n\r\n    transform: translateY(-6px);\r\n\r\n    border-color:\r\n        rgba(11,93,59,.19);\r\n\r\n    box-shadow:\r\n        0 19px 43px\r\n        rgba(18,48,71,.11);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD IMAGE\r\n========================================================= *\/\r\n\r\n.aps-card-image {\r\n\r\n    position: relative;\r\n\r\n    height: 205px;\r\n\r\n    overflow: hidden;\r\n\r\n    background: var(--navy);\r\n}\r\n\r\n\r\n.aps-card-image img {\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    object-fit: cover;\r\n\r\n    transition:\r\n        transform .65s ease;\r\n}\r\n\r\n\r\n.aps-card:hover\r\n.aps-card-image img {\r\n\r\n    transform: scale(1.075);\r\n}\r\n\r\n\r\n.aps-card-overlay {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(6,26,31,.03) 30%,\r\n            rgba(6,26,31,.18) 63%,\r\n            rgba(6,26,31,.76) 100%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD LABELS\r\n========================================================= *\/\r\n\r\n.aps-card-number {\r\n\r\n    position: absolute;\r\n\r\n    right: 14px;\r\n    bottom: 10px;\r\n\r\n    color:\r\n        rgba(255,255,255,.44);\r\n\r\n    font-size: 27px;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n.aps-photo-label {\r\n\r\n    position: absolute;\r\n\r\n    left: 13px;\r\n    top: 13px;\r\n\r\n    padding:\r\n        6px\r\n        9px;\r\n\r\n    border-radius: 100px;\r\n\r\n    background:\r\n        rgba(8,31,45,.69);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.20);\r\n\r\n    backdrop-filter:\r\n        blur(6px);\r\n\r\n    color: #FFFFFF;\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD CONTENT\r\n========================================================= *\/\r\n\r\n.aps-card-content {\r\n\r\n    padding:\r\n        20px\r\n        19px\r\n        17px;\r\n}\r\n\r\n\r\n.aps-card-content h3 {\r\n\r\n    margin: 0 0 8px;\r\n\r\n    color: var(--navy-dark);\r\n\r\n    font-size: 18px;\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 1.3;\r\n}\r\n\r\n\r\n.aps-card-content p {\r\n\r\n    min-height: 64px;\r\n\r\n    margin: 0 0 15px;\r\n\r\n    color: var(--muted);\r\n\r\n    font-size: 12.5px;\r\n\r\n    line-height: 1.65;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD BUTTON\r\n========================================================= *\/\r\n\r\n.aps-card-button {\r\n\r\n    width: 100%;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 10px;\r\n\r\n    padding:\r\n        13px\r\n        0\r\n        1px;\r\n\r\n    border: 0;\r\n\r\n    border-top:\r\n        1px solid\r\n        rgba(18,48,71,.08);\r\n\r\n    background: transparent;\r\n\r\n    color: var(--green);\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 800;\r\n\r\n    text-align: left;\r\n\r\n    cursor: pointer;\r\n}\r\n\r\n\r\n.aps-card-button span {\r\n\r\n    width: 29px;\r\n    height: 29px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: var(--green-pale);\r\n\r\n    color: var(--green);\r\n\r\n    font-size: 15px;\r\n\r\n    transition:\r\n        transform .25s ease,\r\n        color .25s ease,\r\n        background .25s ease;\r\n}\r\n\r\n\r\n.aps-card-button:hover span {\r\n\r\n    transform: translateX(4px);\r\n\r\n    background: var(--green);\r\n\r\n    color: #FFFFFF;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROFESSIONAL CONTACT CTA\r\n========================================================= *\/\r\n\r\n.aps-contact-cta {\r\n\r\n    margin-top: 16px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 28px;\r\n\r\n    padding:\r\n        24px\r\n        25px;\r\n\r\n    overflow: hidden;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.08);\r\n\r\n    border-radius: 17px;\r\n\r\n    background:\r\n\r\n        radial-gradient(\r\n            circle at 88% 12%,\r\n            rgba(210,168,74,.17),\r\n            transparent 28%\r\n        ),\r\n\r\n        linear-gradient(\r\n            120deg,\r\n            #0A2636 0%,\r\n            #123047 48%,\r\n            #0B5D3B 100%\r\n        );\r\n\r\n    box-shadow:\r\n        0 17px 42px\r\n        rgba(18,48,71,.16);\r\n\r\n    transition:\r\n        transform .32s cubic-bezier(.2,.7,.2,1),\r\n        box-shadow .32s cubic-bezier(.2,.7,.2,1),\r\n        border-color .32s ease;\r\n}\r\n\r\n\r\n.aps-contact-cta:hover {\r\n\r\n    transform:\r\n        translateY(-3px);\r\n\r\n    border-color:\r\n        rgba(210,168,74,.22);\r\n\r\n    box-shadow:\r\n        0 22px 50px\r\n        rgba(18,48,71,.20);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA LEFT\r\n========================================================= *\/\r\n\r\n.aps-contact-cta-left {\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: 15px;\r\n}\r\n\r\n\r\n.aps-contact-cta-icon {\r\n\r\n    width: 50px;\r\n    height: 50px;\r\n\r\n    flex: 0 0 50px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.15);\r\n\r\n    border-radius: 14px;\r\n\r\n    background:\r\n        rgba(255,255,255,.08);\r\n\r\n    color:\r\n        var(--gold-light);\r\n}\r\n\r\n\r\n.aps-contact-cta-icon svg {\r\n\r\n    width: 25px;\r\n    height: 25px;\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.aps-contact-cta-eyebrow {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 4px;\r\n\r\n    color:\r\n        var(--gold-light);\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1.15px;\r\n}\r\n\r\n\r\n.aps-contact-cta h3 {\r\n\r\n    margin:\r\n        0\r\n        0\r\n        4px;\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    font-size:\r\n        clamp(16px, 1.6vw, 20px);\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 1.3;\r\n}\r\n\r\n\r\n.aps-contact-cta p {\r\n\r\n    margin: 0;\r\n\r\n    max-width: 620px;\r\n\r\n    color:\r\n        rgba(255,255,255,.72);\r\n\r\n    font-size: 11.5px;\r\n\r\n    line-height: 1.55;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA ACTIONS\r\n========================================================= *\/\r\n\r\n.aps-contact-cta-actions {\r\n\r\n    flex: 0 0 auto;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 9px;\r\n}\r\n\r\n\r\n.aps-contact-page-button,\r\n.aps-direct-whatsapp {\r\n\r\n    min-height: 47px;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 9px;\r\n\r\n    padding:\r\n        11px\r\n        17px;\r\n\r\n    border-radius: 10px;\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 11px;\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    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.aps-contact-page-button {\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.25);\r\n\r\n    background:\r\n        rgba(255,255,255,.09);\r\n\r\n    color:\r\n        #FFFFFF;\r\n}\r\n\r\n\r\n.aps-contact-page-button:hover {\r\n\r\n    transform:\r\n        translateY(-2px);\r\n\r\n    border-color:\r\n        rgba(255,255,255,.42);\r\n\r\n    background:\r\n        rgba(255,255,255,.16);\r\n\r\n    box-shadow:\r\n        0 10px 24px\r\n        rgba(0,0,0,.12);\r\n}\r\n\r\n\r\n.aps-contact-page-button span {\r\n\r\n    color:\r\n        var(--gold-light);\r\n\r\n    font-size: 17px;\r\n}\r\n\r\n\r\n.aps-direct-whatsapp {\r\n\r\n    border:\r\n        1px solid\r\n        var(--gold);\r\n\r\n    background:\r\n        var(--gold);\r\n\r\n    color:\r\n        var(--navy-dark) !important;\r\n\r\n    box-shadow:\r\n        0 10px 24px\r\n        rgba(0,0,0,.13);\r\n}\r\n\r\n\r\n.aps-direct-whatsapp:hover {\r\n\r\n    color:\r\n        var(--navy-dark) !important;\r\n\r\n    background:\r\n        #E0B957;\r\n\r\n    border-color:\r\n        #E0B957;\r\n\r\n    transform:\r\n        translateY(-2px);\r\n\r\n    box-shadow:\r\n        0 13px 28px\r\n        rgba(0,0,0,.17);\r\n}\r\n\r\n\r\n.aps-wa-symbol {\r\n\r\n    font-size: 16px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOAST\r\n========================================================= *\/\r\n\r\n.aps-toast {\r\n\r\n    position: fixed;\r\n\r\n    left: 50%;\r\n    bottom: 24px;\r\n\r\n    z-index: 99999;\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: var(--navy-dark);\r\n\r\n    color: #FFFFFF;\r\n\r\n    box-shadow:\r\n        0 12px 32px\r\n        rgba(0,0,0,.22);\r\n\r\n    font-size: 12px;\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        .3s ease;\r\n}\r\n\r\n\r\n.aps-toast.aps-toast-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   REVEAL ANIMATION\r\n\r\n   Important:\r\n   \"translate\" is used for the entrance motion while the cards\r\n   use \"transform\" for hover. This prevents the reveal animation\r\n   from overriding the hover transition.\r\n========================================================= *\/\r\n\r\n.aps-reveal {\r\n\r\n    opacity: 0;\r\n\r\n    translate:\r\n        0\r\n        14px;\r\n}\r\n\r\n\r\n.aps-reveal.aps-visible {\r\n\r\n    opacity: 1;\r\n\r\n    translate:\r\n        0\r\n        0;\r\n}\r\n\r\n\r\n\/* Heading \/ subheading \/ CTA entrance *\/\r\n.aps-heading.aps-reveal,\r\n.aps-subheading.aps-reveal,\r\n.aps-contact-cta.aps-reveal {\r\n\r\n    transition:\r\n        opacity .55s ease,\r\n        translate .55s cubic-bezier(.2,.7,.2,1),\r\n        transform .32s cubic-bezier(.2,.7,.2,1),\r\n        box-shadow .32s cubic-bezier(.2,.7,.2,1),\r\n        border-color .32s ease;\r\n}\r\n\r\n\r\n\/* Cards keep their own smooth hover animation *\/\r\n.aps-card.aps-reveal {\r\n\r\n    transition:\r\n        opacity .55s ease,\r\n        translate .55s cubic-bezier(.2,.7,.2,1),\r\n        transform .32s cubic-bezier(.2,.7,.2,1),\r\n        box-shadow .32s cubic-bezier(.2,.7,.2,1),\r\n        border-color .32s ease;\r\n}\r\n\r\n\r\n.aps-featured.aps-reveal {\r\n\r\n    transition:\r\n        opacity .55s ease,\r\n        translate .55s cubic-bezier(.2,.7,.2,1),\r\n        transform .36s cubic-bezier(.2,.7,.2,1),\r\n        box-shadow .36s cubic-bezier(.2,.7,.2,1),\r\n        border-color .36s ease;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   RTL \/ ARABIC\r\n========================================================= *\/\r\n\r\nhtml[dir=\"rtl\"]\r\n.am-photo-services {\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.aps-heading,\r\nhtml[dir=\"rtl\"]\r\n.aps-featured,\r\nhtml[dir=\"rtl\"]\r\n.aps-card,\r\nhtml[dir=\"rtl\"]\r\n.aps-contact-cta {\r\n\r\n    direction: rtl;\r\n}\r\n\r\n\r\nhtml[dir=\"rtl\"]\r\n.aps-heading,\r\nhtml[dir=\"rtl\"]\r\n.aps-featured-content,\r\nhtml[dir=\"rtl\"]\r\n.aps-card-content {\r\n\r\n    text-align: right;\r\n}\r\n\r\n\r\nhtml[dir=\"rtl\"]\r\n.aps-core-badge,\r\nhtml[dir=\"rtl\"]\r\n.aps-photo-label {\r\n\r\n    left: auto;\r\n    right: 13px;\r\n}\r\n\r\n\r\nhtml[dir=\"rtl\"]\r\n.aps-card-number {\r\n\r\n    right: auto;\r\n    left: 14px;\r\n}\r\n\r\n\r\nhtml[dir=\"rtl\"]\r\n.aps-card-button {\r\n\r\n    text-align: right;\r\n}\r\n\r\n\r\nhtml[dir=\"rtl\"]\r\n.aps-card-button span,\r\nhtml[dir=\"rtl\"]\r\n.aps-main-button span,\r\nhtml[dir=\"rtl\"]\r\n.aps-contact-page-button span {\r\n\r\n    transform: rotate(180deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .am-photo-services {\r\n\r\n        padding:\r\n            65px\r\n            0\r\n            16px;\r\n\r\n        border-radius: 16px;\r\n    }\r\n\r\n\r\n    .aps-container {\r\n\r\n        width:\r\n            min(\r\n                calc(100% - 36px),\r\n                960px\r\n            );\r\n    }\r\n\r\n\r\n    .aps-heading {\r\n\r\n        gap: 30px;\r\n    }\r\n\r\n\r\n    .aps-featured {\r\n\r\n        grid-template-columns:\r\n            1fr\r\n            .9fr;\r\n    }\r\n\r\n\r\n    .aps-services-grid {\r\n\r\n        grid-template-columns:\r\n            repeat(2,minmax(0,1fr));\r\n    }\r\n\r\n\r\n    .aps-card-image {\r\n\r\n        height: 220px;\r\n    }\r\n\r\n\r\n    .aps-contact-cta {\r\n\r\n        align-items: flex-start;\r\n    }\r\n\r\n\r\n    .aps-contact-cta-actions {\r\n\r\n        flex-direction: column;\r\n\r\n        min-width: 175px;\r\n    }\r\n\r\n\r\n    .aps-contact-page-button,\r\n    .aps-direct-whatsapp {\r\n\r\n        width: 100%;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .am-photo-services {\r\n\r\n        \/*\r\n         * EXACT SITE RULE\r\n         * 5px LEFT + 5px RIGHT\r\n         *\/\r\n\r\n        width:\r\n            calc(100vw - 10px);\r\n\r\n        max-width:\r\n            calc(100vw - 10px);\r\n\r\n        left:\r\n            calc(50% - 50vw + 5px);\r\n\r\n        margin-top: 10px;\r\n\r\n        padding:\r\n            47px\r\n            0\r\n            14px;\r\n\r\n        border-radius: 14px;\r\n    }\r\n\r\n\r\n    .aps-container {\r\n\r\n        width:\r\n            calc(100% - 24px);\r\n    }\r\n\r\n\r\n    \/* HEADING *\/\r\n\r\n    .aps-heading {\r\n\r\n        display: block;\r\n\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n\r\n    .aps-eyebrow {\r\n\r\n        margin-bottom: 10px;\r\n\r\n        font-size: 9px;\r\n\r\n        letter-spacing: 1.1px;\r\n    }\r\n\r\n\r\n    .aps-heading h2 {\r\n\r\n        font-size:\r\n            clamp(29px,8.5vw,39px);\r\n\r\n        line-height: 1.1;\r\n\r\n        letter-spacing: -.9px;\r\n    }\r\n\r\n\r\n    .aps-heading-side {\r\n\r\n        margin-top: 14px;\r\n    }\r\n\r\n\r\n    .aps-heading-side p {\r\n\r\n        font-size: 13px;\r\n\r\n        line-height: 1.62;\r\n    }\r\n\r\n\r\n    \/* FEATURED MANPOWER *\/\r\n\r\n    .aps-featured {\r\n\r\n        display: block;\r\n\r\n        min-height: 0;\r\n\r\n        border-radius: 16px;\r\n\r\n        margin-bottom: 29px;\r\n    }\r\n\r\n\r\n    .aps-featured-image {\r\n\r\n        min-height: 280px;\r\n    }\r\n\r\n\r\n    .aps-featured-content {\r\n\r\n        padding:\r\n            24px\r\n            20px;\r\n    }\r\n\r\n\r\n    .aps-featured-content h3 {\r\n\r\n        font-size: 30px;\r\n    }\r\n\r\n\r\n    .aps-featured-content > p {\r\n\r\n        font-size: 13px;\r\n    }\r\n\r\n\r\n    .aps-main-button {\r\n\r\n        width: 100%;\r\n    }\r\n\r\n\r\n    \/* MOBILE SWIPE INDICATOR *\/\r\n\r\n    .aps-mobile-swipe {\r\n\r\n        display: flex;\r\n\r\n        align-items: center;\r\n\r\n        gap: 6px;\r\n\r\n        color: var(--muted);\r\n\r\n        font-size: 9px;\r\n\r\n        font-weight: 700;\r\n    }\r\n\r\n\r\n    .aps-mobile-swipe b {\r\n\r\n        color: var(--gold);\r\n\r\n        font-size: 15px;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       MOBILE HORIZONTAL SWIPE CARDS\r\n    ====================================================== *\/\r\n\r\n    .aps-services-grid {\r\n\r\n        width:\r\n            calc(100% + 12px);\r\n\r\n        display: flex;\r\n\r\n        gap: 10px;\r\n\r\n        padding:\r\n            2px\r\n            12px\r\n            18px\r\n            0;\r\n\r\n        overflow-x: auto;\r\n\r\n        overscroll-behavior-inline:\r\n            contain;\r\n\r\n        scroll-snap-type:\r\n            x mandatory;\r\n\r\n        scrollbar-width:\r\n            none;\r\n\r\n        -webkit-overflow-scrolling:\r\n            touch;\r\n    }\r\n\r\n\r\n    .aps-services-grid::-webkit-scrollbar {\r\n\r\n        display: none;\r\n    }\r\n\r\n\r\n    .aps-card {\r\n\r\n        flex:\r\n            0\r\n            0\r\n            min(82vw,330px);\r\n\r\n        scroll-snap-align: start;\r\n\r\n        border-radius: 15px;\r\n    }\r\n\r\n\r\n    .aps-card-image {\r\n\r\n        height: 205px;\r\n    }\r\n\r\n\r\n    .aps-card-content p {\r\n\r\n        min-height: 0;\r\n    }\r\n\r\n\r\n    \/* CONTACT CTA *\/\r\n\r\n    .aps-contact-cta {\r\n\r\n        display: block;\r\n\r\n        margin-top: 0;\r\n\r\n        padding: 19px;\r\n\r\n        border-radius: 14px;\r\n    }\r\n\r\n\r\n    .aps-contact-cta-left {\r\n\r\n        align-items: flex-start;\r\n    }\r\n\r\n\r\n    .aps-contact-cta-icon {\r\n\r\n        width: 42px;\r\n        height: 42px;\r\n\r\n        flex-basis: 42px;\r\n    }\r\n\r\n\r\n    .aps-contact-cta h3 {\r\n\r\n        font-size: 15px;\r\n    }\r\n\r\n\r\n    .aps-contact-cta p {\r\n\r\n        font-size: 10.5px;\r\n    }\r\n\r\n\r\n    .aps-contact-cta-actions {\r\n\r\n        margin-top: 17px;\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap: 8px;\r\n\r\n        min-width: 0;\r\n    }\r\n\r\n\r\n    .aps-contact-page-button,\r\n    .aps-direct-whatsapp {\r\n\r\n        width: 100%;\r\n    }\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    .aps-featured-image {\r\n\r\n        min-height: 245px;\r\n    }\r\n\r\n\r\n    .aps-featured-content h3 {\r\n\r\n        font-size: 27px;\r\n    }\r\n\r\n\r\n    .aps-card {\r\n\r\n        flex-basis:\r\n            min(86vw,315px);\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    .aps-reveal {\r\n\r\n        opacity: 1;\r\n\r\n        translate: none;\r\n\r\n        transition: none !important;\r\n    }\r\n\r\n\r\n    .aps-card,\r\n    .aps-featured,\r\n    .aps-contact-cta,\r\n    .aps-card-image img,\r\n    .aps-featured-image img,\r\n    .aps-card-button span,\r\n    .aps-main-button,\r\n    .aps-contact-page-button,\r\n    .aps-direct-whatsapp {\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\r\n        document\r\n        .querySelectorAll(\".am-photo-services\")\r\n        .forEach(function (section) {\r\n\r\n\r\n            \/* ==============================================\r\n               ELEMENTS\r\n            =============================================== *\/\r\n\r\n            const serviceButtons =\r\n                section.querySelectorAll(\r\n                    \".aps-select-service\"\r\n                );\r\n\r\n\r\n            const contactPageButton =\r\n                section.querySelector(\r\n                    \".aps-contact-page-button\"\r\n                );\r\n\r\n\r\n            const toast =\r\n                section.querySelector(\r\n                    \".aps-toast\"\r\n                );\r\n\r\n\r\n            const rawWhatsAppNumber =\r\n                section.dataset.whatsappNumber\r\n                || \"\";\r\n\r\n\r\n            const whatsappNumber =\r\n                rawWhatsAppNumber.replace(\r\n                    \/\\D\/g,\r\n                    \"\"\r\n                );\r\n\r\n\r\n            \/* ==============================================\r\n               TOAST\r\n            =============================================== *\/\r\n\r\n            let toastTimer;\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                    \"aps-toast-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                                \"aps-toast-visible\"\r\n                            );\r\n\r\n                        },\r\n                        2600\r\n                    );\r\n\r\n            }\r\n\r\n\r\n\r\n            \/* ==============================================\r\n               OPEN WHATSAPP\r\n            =============================================== *\/\r\n\r\n            function openWhatsApp(serviceName) {\r\n\r\n                if (\r\n                    !whatsappNumber ||\r\n                    whatsappNumber.length < 8\r\n                ) {\r\n\r\n                    showToast(\r\n                        \"WhatsApp number is not configured.\"\r\n                    );\r\n\r\n                    return;\r\n\r\n                }\r\n\r\n\r\n                const serviceText =\r\n                    serviceName\r\n                    ? \" \" + serviceName\r\n                    : \" your services\";\r\n\r\n\r\n                const message =\r\n                    encodeURIComponent(\r\n                        \"Hello, I would like to request\" +\r\n                        serviceText +\r\n                        \" from AL Madina Service Company. \" +\r\n                        \"Please provide me with more information and a quotation.\"\r\n                    );\r\n\r\n\r\n                const whatsappURL =\r\n                    \"https:\/\/wa.me\/\" +\r\n                    whatsappNumber +\r\n                    \"?text=\" +\r\n                    message;\r\n\r\n\r\n                window.open(\r\n                    whatsappURL,\r\n                    \"_blank\",\r\n                    \"noopener,noreferrer\"\r\n                );\r\n\r\n            }\r\n\r\n\r\n\r\n            \/* ==============================================\r\n               SERVICE BUTTONS\r\n\r\n               Every service request button now opens WhatsApp\r\n               directly with that service already written.\r\n            =============================================== *\/\r\n\r\n            serviceButtons.forEach(\r\n                function (button) {\r\n\r\n                    button.addEventListener(\r\n                        \"click\",\r\n                        function () {\r\n\r\n                            openWhatsApp(\r\n                                button.dataset.service\r\n                            );\r\n\r\n                        }\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n\r\n\r\n            \/* ==============================================\r\n               FUTURE CONTACT PAGE BUTTON\r\n\r\n               ADD YOUR CONTACT PAGE LINK HERE LATER:\r\n               In the opening <section> tag, change:\r\n\r\n               data-contact-url=\"\"\r\n\r\n               to something like:\r\n\r\n               data-contact-url=\"https:\/\/almadinaservicecompany.com\/contact\/\"\r\n            =============================================== *\/\r\n\r\n            if (contactPageButton) {\r\n\r\n                contactPageButton.addEventListener(\r\n                    \"click\",\r\n                    function () {\r\n\r\n                        const contactURL =\r\n                            (\r\n                                section.dataset.contactUrl\r\n                                || \"\"\r\n                            ).trim();\r\n\r\n\r\n                        if (!contactURL) {\r\n\r\n                            showToast(\r\n                                \"Add your Contact page URL in data-contact-url at the top of this 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               SCROLL REVEAL\r\n            =============================================== *\/\r\n\r\n            const revealItems =\r\n                section.querySelectorAll(\r\n                    \".aps-reveal\"\r\n                );\r\n\r\n\r\n            if (\r\n                window.matchMedia(\r\n                    \"(prefers-reduced-motion: reduce)\"\r\n                ).matches\r\n            ) {\r\n\r\n                revealItems.forEach(\r\n                    function (item) {\r\n\r\n                        item.classList.add(\r\n                            \"aps-visible\"\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n\r\n            else if (\r\n                \"IntersectionObserver\"\r\n                in window\r\n            ) {\r\n\r\n                const observer =\r\n                    new IntersectionObserver(\r\n\r\n                        function (entries) {\r\n\r\n                            entries.forEach(\r\n                                function (entry) {\r\n\r\n                                    if (\r\n                                        entry.isIntersecting\r\n                                    ) {\r\n\r\n                                        entry.target\r\n                                        .classList\r\n                                        .add(\r\n                                            \"aps-visible\"\r\n                                        );\r\n\r\n\r\n                                        observer\r\n                                        .unobserve(\r\n                                            entry.target\r\n                                        );\r\n\r\n                                    }\r\n\r\n                                }\r\n                            );\r\n\r\n                        },\r\n\r\n                        {\r\n                            threshold:\r\n                                0.08\r\n                        }\r\n\r\n                    );\r\n\r\n\r\n                revealItems.forEach(\r\n                    function (item) {\r\n\r\n                        observer.observe(\r\n                            item\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n\r\n            else {\r\n\r\n                revealItems.forEach(\r\n                    function (item) {\r\n\r\n                        item.classList.add(\r\n                            \"aps-visible\"\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<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b65b37c e-flex e-con-boxed e-con e-parent\" data-id=\"b65b37c\" 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-90d09e9 elementor-widget elementor-widget-html\" data-id=\"90d09e9\" 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     SECTION 4 \u2014 ABOUT \/ COMPANY INTRODUCTION\r\n\r\n     FEATURES:\r\n     - Professional photo-based layout\r\n     - Manpower + property-services positioning\r\n     - Active-company trust details\r\n     - Working Phone + WhatsApp buttons\r\n     - Future Contact-page button placeholder\r\n     - RTL \/ Arabic ready\r\n     - Fully responsive\r\n     - EXACT 5px LEFT + 5px RIGHT outer gap\r\n========================================================= -->\r\n\r\n<!--\r\n    CONTACT PAGE LINK:\r\n    When your dedicated Contact page is ready, add its URL here:\r\n\r\n    data-contact-url=\"https:\/\/almadinaservicecompany.com\/contact\/\"\r\n\r\n    Until then, leave it blank.\r\n-->\r\n\r\n<section\r\n    class=\"am-about-section\"\r\n    id=\"about\"\r\n    data-contact-url=\"\"\r\n>\r\n\r\n    <div class=\"ama-orb ama-orb-one\"><\/div>\r\n    <div class=\"ama-orb ama-orb-two\"><\/div>\r\n\r\n    <div class=\"ama-container\">\r\n\r\n        <!-- =====================================================\r\n             MAIN ABOUT GRID\r\n        ====================================================== -->\r\n        <div class=\"ama-main-grid\">\r\n\r\n            <!-- =================================================\r\n                 PHOTO COMPOSITION\r\n            ================================================== -->\r\n            <div class=\"ama-visual ama-reveal\">\r\n\r\n                <div class=\"ama-photo ama-photo-main\">\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/images.pexels.com\/photos\/30223853\/pexels-photo-30223853.jpeg?auto=compress&cs=tinysrgb&w=1400\"\r\n                        alt=\"Professional manpower team\"\r\n                        loading=\"lazy\"\r\n                    >\r\n                    <div class=\"ama-photo-overlay\"><\/div>\r\n\r\n                    <div class=\"ama-photo-caption\">\r\n                        <span>CORE SERVICE<\/span>\r\n                        <strong>Professional Manpower Support<\/strong>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"ama-photo ama-photo-small\">\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/images.pexels.com\/photos\/14675105\/pexels-photo-14675105.jpeg?auto=compress&cs=tinysrgb&w=900\"\r\n                        alt=\"Professional property cleaning service\"\r\n                        loading=\"lazy\"\r\n                    >\r\n                    <div class=\"ama-photo-overlay ama-photo-overlay-soft\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- ACTIVE COMPANY BADGE -->\r\n                <div class=\"ama-status-card\">\r\n                    <span class=\"ama-status-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                            <path d=\"M12 3L19 6V11C19 15.6 16.1 19.6 12 21C7.9 19.6 5 15.6 5 11V6L12 3Z\"><\/path>\r\n                            <path d=\"M9 12L11 14L15.5 9.5\"><\/path>\r\n                        <\/svg>\r\n                    <\/span>\r\n\r\n                    <div>\r\n                        <small>COMPANY STATUS<\/small>\r\n                        <strong>Active Company<\/strong>\r\n                        <span>Saudi Arabia<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- REGISTRATION BADGE -->\r\n                <div class=\"ama-registration-card\">\r\n                    <small>NATIONAL NUMBER<\/small>\r\n                    <strong>7053956418<\/strong>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 ABOUT CONTENT\r\n            ================================================== -->\r\n            <div class=\"ama-content ama-reveal\">\r\n\r\n                <span class=\"ama-eyebrow\">\r\n                    <span><\/span>\r\n                    ABOUT AL MADINA\r\n                <\/span>\r\n\r\n                <h2>\r\n                    One Company for\r\n                    <em>Manpower &amp; Property Services<\/em>\r\n                <\/h2>\r\n\r\n                <p class=\"ama-lead\">\r\n                    AL Madina Service Company provides practical manpower\r\n                    and property-service solutions for residential,\r\n                    commercial and operational requirements in Saudi Arabia.\r\n                <\/p>\r\n\r\n                <p class=\"ama-description\">\r\n                    Our service portfolio brings together workforce support,\r\n                    furniture moving, cleaning, pest control, water tank\r\n                    cleaning, upholstery care and floor polishing\u2014helping\r\n                    customers access essential services through one reliable\r\n                    point of contact.\r\n                <\/p>\r\n\r\n\r\n                <!-- =================================================\r\n                     VALUE HIGHLIGHTS\r\n                ================================================== -->\r\n                <div class=\"ama-value-grid\">\r\n\r\n                    <div class=\"ama-value-card\">\r\n                        <span class=\"ama-value-number\">01<\/span>\r\n                        <div>\r\n                            <strong>Manpower Support<\/strong>\r\n                            <span>Flexible workforce solutions<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"ama-value-card\">\r\n                        <span class=\"ama-value-number\">02<\/span>\r\n                        <div>\r\n                            <strong>Property Care<\/strong>\r\n                            <span>Multiple services in one place<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"ama-value-card\">\r\n                        <span class=\"ama-value-number\">03<\/span>\r\n                        <div>\r\n                            <strong>Easy Enquiries<\/strong>\r\n                            <span>Call or WhatsApp directly<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- =================================================\r\n                     SERVICES CHECKLIST\r\n                ================================================== -->\r\n                <div class=\"ama-checklist\">\r\n\r\n                    <div>\r\n                        <span>\u2713<\/span>\r\n                        Manpower Services\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <span>\u2713<\/span>\r\n                        Furniture Moving\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <span>\u2713<\/span>\r\n                        Cleaning Services\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <span>\u2713<\/span>\r\n                        Pest &amp; Property Care\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- =================================================\r\n                     ACTIONS\r\n                ================================================== -->\r\n                <div class=\"ama-actions\">\r\n\r\n                    <a\r\n                        href=\"tel:+966502510459\"\r\n                        class=\"ama-action ama-call\"\r\n                    >\r\n                        <span class=\"ama-action-icon\">\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                        <\/span>\r\n\r\n                        <span>\r\n                            <small>CALL US<\/small>\r\n                            <strong>+966 50 251 0459<\/strong>\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%20know%20more%20about%20AL%20Madina%20Service%20Company%20services.\"\r\n                        target=\"_blank\"\r\n                        rel=\"noopener noreferrer\"\r\n                        class=\"ama-action ama-whatsapp\"\r\n                    >\r\n                        <span class=\"ama-action-icon\">\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                                <path d=\"M8.2 8L9.4 7.5L10.5 10L9.5 10.8\"><\/path>\r\n                                <path d=\"M14 13.2L14.8 12.2L17.2 13.3L16.7 14.5\"><\/path>\r\n                            <\/svg>\r\n                        <\/span>\r\n\r\n                        <span>\r\n                            <small>WHATSAPP<\/small>\r\n                            <strong>Chat With Us<\/strong>\r\n                        <\/span>\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- FUTURE CONTACT PAGE BUTTON -->\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"ama-contact-button\"\r\n                >\r\n                    Contact Our Team\r\n                    <span aria-hidden=\"true\">\u2192<\/span>\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =====================================================\r\n             BOTTOM TRUST STRIP\r\n        ====================================================== -->\r\n        <div class=\"ama-trust-strip ama-reveal\">\r\n\r\n            <div class=\"ama-trust-item\">\r\n                <span class=\"ama-trust-dot\"><\/span>\r\n                <div>\r\n                    <small>BUSINESS TYPE<\/small>\r\n                    <strong>Limited Liability Company<\/strong>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"ama-trust-divider\"><\/div>\r\n\r\n            <div class=\"ama-trust-item\">\r\n                <span class=\"ama-trust-dot\"><\/span>\r\n                <div>\r\n                    <small>COMPANY STRUCTURE<\/small>\r\n                    <strong>One-Person Company<\/strong>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"ama-trust-divider\"><\/div>\r\n\r\n            <div class=\"ama-trust-item\">\r\n                <span class=\"ama-trust-dot\"><\/span>\r\n                <div>\r\n                    <small>SERVICE FOCUS<\/small>\r\n                    <strong>Manpower &amp; Property Solutions<\/strong>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- TOAST -->\r\n        <div\r\n            class=\"ama-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    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n.am-about-section,\r\n.am-about-section * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN SECTION\r\n========================================================= *\/\r\n\r\n.am-about-section {\r\n\r\n    --ama-green: #0B5D3B;\r\n    --ama-green-light: #16845A;\r\n    --ama-green-pale: #EAF4EF;\r\n\r\n    --ama-navy: #123047;\r\n    --ama-navy-dark: #081F2D;\r\n\r\n    --ama-gold: #D2A84A;\r\n    --ama-gold-light: #F2D88B;\r\n\r\n    --ama-white: #FFFFFF;\r\n\r\n    --ama-text: #17252E;\r\n    --ama-muted: #65737B;\r\n\r\n    position: relative;\r\n\r\n    \/* EXACT SITE RULE:\r\n       5px LEFT + 5px RIGHT *\/\r\n    width: calc(100vw - 10px);\r\n    max-width: calc(100vw - 10px);\r\n\r\n    left: calc(50% - 50vw + 5px);\r\n\r\n    margin: 10px 0 0;\r\n\r\n    padding:\r\n        clamp(68px, 7vw, 100px)\r\n        0\r\n        18px;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 18px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #F9FBFA 0%,\r\n            #FFFFFF 48%,\r\n            #F8F5EC 100%\r\n        );\r\n\r\n    font-family:\r\n        \"Inter\",\r\n        \"Tajawal\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    isolation: isolate;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND DECORATION\r\n========================================================= *\/\r\n\r\n.ama-orb {\r\n\r\n    position: absolute;\r\n\r\n    border-radius: 50%;\r\n\r\n    pointer-events: none;\r\n\r\n    z-index: -1;\r\n}\r\n\r\n\r\n.ama-orb-one {\r\n\r\n    width: 440px;\r\n    height: 440px;\r\n\r\n    right: -230px;\r\n    top: -260px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(210,168,74,.15),\r\n            transparent 70%\r\n        );\r\n}\r\n\r\n\r\n.ama-orb-two {\r\n\r\n    width: 520px;\r\n    height: 520px;\r\n\r\n    left: -300px;\r\n    bottom: -320px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(11,93,59,.11),\r\n            transparent 70%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.ama-container {\r\n\r\n    width:\r\n        min(\r\n            calc(100% - 48px),\r\n            1240px\r\n        );\r\n\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN GRID\r\n========================================================= *\/\r\n\r\n.ama-main-grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0, .95fr)\r\n        minmax(0, 1.05fr);\r\n\r\n    align-items: center;\r\n\r\n    gap:\r\n        clamp(40px, 5vw, 72px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PHOTO COMPOSITION\r\n========================================================= *\/\r\n\r\n.ama-visual {\r\n\r\n    position: relative;\r\n\r\n    min-height: 560px;\r\n}\r\n\r\n\r\n.ama-photo {\r\n\r\n    position: absolute;\r\n\r\n    overflow: hidden;\r\n\r\n    background: var(--ama-navy);\r\n\r\n    border-radius: 20px;\r\n\r\n    box-shadow:\r\n        0 20px 50px\r\n        rgba(18,48,71,.13);\r\n}\r\n\r\n\r\n.ama-photo-main {\r\n\r\n    width: 78%;\r\n    height: 475px;\r\n\r\n    left: 0;\r\n    top: 0;\r\n}\r\n\r\n\r\n.ama-photo-small {\r\n\r\n    width: 47%;\r\n    height: 255px;\r\n\r\n    right: 0;\r\n    bottom: 20px;\r\n\r\n    border:\r\n        7px solid\r\n        #FFFFFF;\r\n}\r\n\r\n\r\n.ama-photo img {\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    object-fit: cover;\r\n\r\n    transition:\r\n        transform .7s\r\n        cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n\r\n.ama-photo:hover img {\r\n\r\n    transform: scale(1.055);\r\n}\r\n\r\n\r\n.ama-photo-overlay {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(7,31,38,.03) 30%,\r\n            rgba(7,31,38,.20) 66%,\r\n            rgba(7,31,38,.78) 100%\r\n        );\r\n}\r\n\r\n\r\n.ama-photo-overlay-soft {\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(7,31,38,.02),\r\n            rgba(7,31,38,.20)\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PHOTO CAPTION\r\n========================================================= *\/\r\n\r\n.ama-photo-caption {\r\n\r\n    position: absolute;\r\n\r\n    left: 22px;\r\n    right: 22px;\r\n    bottom: 22px;\r\n\r\n    color: #FFFFFF;\r\n}\r\n\r\n\r\n.ama-photo-caption span,\r\n.ama-photo-caption strong {\r\n\r\n    display: block;\r\n}\r\n\r\n\r\n.ama-photo-caption span {\r\n\r\n    margin-bottom: 4px;\r\n\r\n    color: var(--ama-gold-light);\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1.2px;\r\n}\r\n\r\n\r\n.ama-photo-caption strong {\r\n\r\n    font-size: 17px;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STATUS CARD\r\n========================================================= *\/\r\n\r\n.ama-status-card {\r\n\r\n    position: absolute;\r\n\r\n    left: 38px;\r\n    bottom: 6px;\r\n\r\n    z-index: 5;\r\n\r\n    min-width: 230px;\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        14px\r\n        16px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(11,93,59,.12);\r\n\r\n    border-radius: 15px;\r\n\r\n    background:\r\n        rgba(255,255,255,.94);\r\n\r\n    backdrop-filter:\r\n        blur(10px);\r\n\r\n    box-shadow:\r\n        0 13px 35px\r\n        rgba(18,48,71,.12);\r\n\r\n    transition:\r\n        transform .3s cubic-bezier(.2,.7,.2,1),\r\n        box-shadow .3s ease;\r\n}\r\n\r\n\r\n.ama-status-card:hover {\r\n\r\n    transform:\r\n        translateY(-4px);\r\n\r\n    box-shadow:\r\n        0 18px 42px\r\n        rgba(18,48,71,.16);\r\n}\r\n\r\n\r\n.ama-status-icon {\r\n\r\n    width: 45px;\r\n    height: 45px;\r\n\r\n    flex: 0 0 45px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 13px;\r\n\r\n    background:\r\n        var(--ama-green-pale);\r\n\r\n    color:\r\n        var(--ama-green);\r\n}\r\n\r\n\r\n.ama-status-icon svg {\r\n\r\n    width: 24px;\r\n    height: 24px;\r\n\r\n    fill: none;\r\n\r\n    stroke: currentColor;\r\n\r\n    stroke-width: 1.8;\r\n\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n\r\n.ama-status-card small,\r\n.ama-status-card strong,\r\n.ama-status-card div > span {\r\n\r\n    display: block;\r\n}\r\n\r\n\r\n.ama-status-card small {\r\n\r\n    margin-bottom: 2px;\r\n\r\n    color: var(--ama-gold);\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1px;\r\n}\r\n\r\n\r\n.ama-status-card strong {\r\n\r\n    margin-bottom: 2px;\r\n\r\n    color: var(--ama-navy-dark);\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n.ama-status-card div > span {\r\n\r\n    color: var(--ama-muted);\r\n\r\n    font-size: 10px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REGISTRATION CARD\r\n========================================================= *\/\r\n\r\n.ama-registration-card {\r\n\r\n    position: absolute;\r\n\r\n    right: 22px;\r\n    top: 25px;\r\n\r\n    z-index: 5;\r\n\r\n    padding:\r\n        11px\r\n        14px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.19);\r\n\r\n    border-radius: 12px;\r\n\r\n    background:\r\n        rgba(8,31,45,.72);\r\n\r\n    backdrop-filter:\r\n        blur(9px);\r\n\r\n    box-shadow:\r\n        0 10px 28px\r\n        rgba(0,0,0,.12);\r\n\r\n    color: #FFFFFF;\r\n}\r\n\r\n\r\n.ama-registration-card small,\r\n.ama-registration-card strong {\r\n\r\n    display: block;\r\n}\r\n\r\n\r\n.ama-registration-card small {\r\n\r\n    margin-bottom: 3px;\r\n\r\n    color: var(--ama-gold-light);\r\n\r\n    font-size: 7.5px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1px;\r\n}\r\n\r\n\r\n.ama-registration-card strong {\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .3px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.ama-content {\r\n\r\n    min-width: 0;\r\n}\r\n\r\n\r\n.ama-eyebrow {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    margin-bottom: 13px;\r\n\r\n    color: var(--ama-green);\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1.5px;\r\n}\r\n\r\n\r\n.ama-eyebrow > span {\r\n\r\n    width: 31px;\r\n    height: 2px;\r\n\r\n    border-radius: 20px;\r\n\r\n    background:\r\n        var(--ama-gold);\r\n}\r\n\r\n\r\n.ama-content h2 {\r\n\r\n    margin:\r\n        0\r\n        0\r\n        18px;\r\n\r\n    color:\r\n        var(--ama-navy-dark);\r\n\r\n    font-size:\r\n        clamp(35px, 4vw, 54px);\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 1.07;\r\n\r\n    letter-spacing: -1.7px;\r\n}\r\n\r\n\r\n.ama-content h2 em {\r\n\r\n    display: block;\r\n\r\n    color:\r\n        var(--ama-green);\r\n\r\n    font-style: normal;\r\n}\r\n\r\n\r\n.ama-lead {\r\n\r\n    margin:\r\n        0\r\n        0\r\n        13px;\r\n\r\n    color:\r\n        var(--ama-navy);\r\n\r\n    font-size:\r\n        15px;\r\n\r\n    font-weight: 650;\r\n\r\n    line-height: 1.72;\r\n}\r\n\r\n\r\n.ama-description {\r\n\r\n    margin:\r\n        0\r\n        0\r\n        22px;\r\n\r\n    color:\r\n        var(--ama-muted);\r\n\r\n    font-size:\r\n        13.5px;\r\n\r\n    line-height: 1.72;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VALUE GRID\r\n========================================================= *\/\r\n\r\n.ama-value-grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3,minmax(0,1fr));\r\n\r\n    gap: 9px;\r\n\r\n    margin-bottom: 21px;\r\n}\r\n\r\n\r\n.ama-value-card {\r\n\r\n    min-width: 0;\r\n\r\n    padding:\r\n        13px\r\n        12px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(18,48,71,.09);\r\n\r\n    border-radius: 12px;\r\n\r\n    background:\r\n        rgba(255,255,255,.84);\r\n\r\n    box-shadow:\r\n        0 8px 24px\r\n        rgba(18,48,71,.045);\r\n\r\n    transition:\r\n        transform .27s cubic-bezier(.2,.7,.2,1),\r\n        border-color .27s ease,\r\n        box-shadow .27s ease;\r\n}\r\n\r\n\r\n.ama-value-card:hover {\r\n\r\n    transform:\r\n        translateY(-4px);\r\n\r\n    border-color:\r\n        rgba(11,93,59,.18);\r\n\r\n    box-shadow:\r\n        0 14px 29px\r\n        rgba(18,48,71,.09);\r\n}\r\n\r\n\r\n.ama-value-number {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 7px;\r\n\r\n    color:\r\n        rgba(210,168,74,.80);\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n.ama-value-card strong,\r\n.ama-value-card div > span {\r\n\r\n    display: block;\r\n}\r\n\r\n\r\n.ama-value-card strong {\r\n\r\n    margin-bottom: 3px;\r\n\r\n    color:\r\n        var(--ama-navy-dark);\r\n\r\n    font-size: 11.5px;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n.ama-value-card div > span {\r\n\r\n    color:\r\n        var(--ama-muted);\r\n\r\n    font-size: 9.5px;\r\n\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CHECKLIST\r\n========================================================= *\/\r\n\r\n.ama-checklist {\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:\r\n        8px\r\n        20px;\r\n\r\n    margin-bottom: 23px;\r\n}\r\n\r\n\r\n.ama-checklist > div {\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        var(--ama-navy);\r\n\r\n    font-size: 11.5px;\r\n\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n.ama-checklist > div > span {\r\n\r\n    width: 22px;\r\n    height: 22px;\r\n\r\n    flex: 0 0 22px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        var(--ama-green-pale);\r\n\r\n    color:\r\n        var(--ama-green);\r\n\r\n    font-size: 10px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACTIONS\r\n========================================================= *\/\r\n\r\n.ama-actions {\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: 9px;\r\n\r\n    margin-bottom: 10px;\r\n}\r\n\r\n\r\n.ama-action {\r\n\r\n    min-width: 0;\r\n\r\n    min-height: 60px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 11px;\r\n\r\n    padding:\r\n        11px\r\n        13px;\r\n\r\n    border-radius: 12px;\r\n\r\n    text-decoration: none !important;\r\n\r\n    transition:\r\n        transform .27s cubic-bezier(.2,.7,.2,1),\r\n        box-shadow .27s ease,\r\n        background .27s ease,\r\n        border-color .27s ease;\r\n}\r\n\r\n\r\n.ama-call {\r\n\r\n    border:\r\n        1px solid\r\n        rgba(18,48,71,.10);\r\n\r\n    background:\r\n        #FFFFFF;\r\n\r\n    color:\r\n        var(--ama-navy) !important;\r\n\r\n    box-shadow:\r\n        0 8px 24px\r\n        rgba(18,48,71,.05);\r\n}\r\n\r\n\r\n.ama-whatsapp {\r\n\r\n    border:\r\n        1px solid\r\n        rgba(11,93,59,.10);\r\n\r\n    background:\r\n        var(--ama-green);\r\n\r\n    color:\r\n        #FFFFFF !important;\r\n\r\n    box-shadow:\r\n        0 10px 27px\r\n        rgba(11,93,59,.15);\r\n}\r\n\r\n\r\n.ama-action:hover {\r\n\r\n    transform:\r\n        translateY(-3px);\r\n}\r\n\r\n\r\n.ama-call:hover {\r\n\r\n    border-color:\r\n        rgba(11,93,59,.20);\r\n\r\n    box-shadow:\r\n        0 14px 29px\r\n        rgba(18,48,71,.10);\r\n}\r\n\r\n\r\n.ama-whatsapp:hover {\r\n\r\n    background:\r\n        var(--ama-green-light);\r\n\r\n    box-shadow:\r\n        0 15px 31px\r\n        rgba(11,93,59,.22);\r\n}\r\n\r\n\r\n.ama-action-icon {\r\n\r\n    width: 37px;\r\n    height: 37px;\r\n\r\n    flex: 0 0 37px;\r\n\r\n    display: 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.ama-call .ama-action-icon {\r\n\r\n    background:\r\n        var(--ama-green-pale);\r\n\r\n    color:\r\n        var(--ama-green);\r\n}\r\n\r\n\r\n.ama-whatsapp .ama-action-icon {\r\n\r\n    background:\r\n        rgba(255,255,255,.11);\r\n\r\n    color:\r\n        var(--ama-gold-light);\r\n}\r\n\r\n\r\n.ama-action-icon svg {\r\n\r\n    width: 20px;\r\n    height: 20px;\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.ama-action small,\r\n.ama-action strong {\r\n\r\n    display: block;\r\n}\r\n\r\n\r\n.ama-action small {\r\n\r\n    margin-bottom: 2px;\r\n\r\n    font-size: 7.5px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1px;\r\n\r\n    opacity: .72;\r\n}\r\n\r\n\r\n.ama-action strong {\r\n\r\n    font-size: 11.5px;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTACT PAGE PLACEHOLDER BUTTON\r\n========================================================= *\/\r\n\r\n.ama-contact-button {\r\n\r\n    width: 100%;\r\n\r\n    min-height: 48px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 10px;\r\n\r\n    padding:\r\n        11px\r\n        17px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(210,168,74,.25);\r\n\r\n    border-radius: 10px;\r\n\r\n    background:\r\n        rgba(210,168,74,.10);\r\n\r\n    color:\r\n        var(--ama-navy-dark);\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 800;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        transform .25s cubic-bezier(.2,.7,.2,1),\r\n        background .25s ease,\r\n        border-color .25s ease;\r\n}\r\n\r\n\r\n.ama-contact-button:hover {\r\n\r\n    transform:\r\n        translateY(-2px);\r\n\r\n    border-color:\r\n        rgba(210,168,74,.45);\r\n\r\n    background:\r\n        rgba(210,168,74,.17);\r\n}\r\n\r\n\r\n.ama-contact-button span {\r\n\r\n    color:\r\n        var(--ama-gold);\r\n\r\n    font-size: 17px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TRUST STRIP\r\n========================================================= *\/\r\n\r\n.ama-trust-strip {\r\n\r\n    margin-top: 42px;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        1fr\r\n        auto\r\n        1fr\r\n        auto\r\n        1fr;\r\n\r\n    align-items: center;\r\n\r\n    gap: 22px;\r\n\r\n    padding:\r\n        20px\r\n        22px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(18,48,71,.08);\r\n\r\n    border-radius: 15px;\r\n\r\n    background:\r\n        rgba(255,255,255,.76);\r\n\r\n    box-shadow:\r\n        0 10px 30px\r\n        rgba(18,48,71,.05);\r\n}\r\n\r\n\r\n.ama-trust-item {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    min-width: 0;\r\n}\r\n\r\n\r\n.ama-trust-dot {\r\n\r\n    width: 9px;\r\n    height: 9px;\r\n\r\n    flex: 0 0 9px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        var(--ama-gold);\r\n\r\n    box-shadow:\r\n        0 0 0 5px\r\n        rgba(210,168,74,.10);\r\n}\r\n\r\n\r\n.ama-trust-item small,\r\n.ama-trust-item strong {\r\n\r\n    display: block;\r\n}\r\n\r\n\r\n.ama-trust-item small {\r\n\r\n    margin-bottom: 3px;\r\n\r\n    color:\r\n        var(--ama-muted);\r\n\r\n    font-size: 7.5px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .9px;\r\n}\r\n\r\n\r\n.ama-trust-item strong {\r\n\r\n    color:\r\n        var(--ama-navy-dark);\r\n\r\n    font-size: 10.5px;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n.ama-trust-divider {\r\n\r\n    width: 1px;\r\n    height: 35px;\r\n\r\n    background:\r\n        rgba(18,48,71,.09);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOAST\r\n========================================================= *\/\r\n\r\n.ama-toast {\r\n\r\n    position: fixed;\r\n\r\n    left: 50%;\r\n    bottom: 24px;\r\n\r\n    z-index: 99999;\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(--ama-navy-dark);\r\n\r\n    color: #FFFFFF;\r\n\r\n    box-shadow:\r\n        0 12px 32px\r\n        rgba(0,0,0,.22);\r\n\r\n    font-size: 12px;\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.ama-toast.ama-toast-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   REVEAL ANIMATION\r\n   Uses translate so hover transform remains smooth.\r\n========================================================= *\/\r\n\r\n.ama-reveal {\r\n\r\n    opacity: 0;\r\n\r\n    translate:\r\n        0\r\n        15px;\r\n\r\n    transition:\r\n        opacity .58s ease,\r\n        translate .58s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n\r\n.ama-reveal.ama-visible {\r\n\r\n    opacity: 1;\r\n\r\n    translate:\r\n        0\r\n        0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RTL \/ ARABIC\r\n========================================================= *\/\r\n\r\nhtml[dir=\"rtl\"]\r\n.am-about-section {\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.ama-main-grid,\r\nhtml[dir=\"rtl\"]\r\n.ama-content,\r\nhtml[dir=\"rtl\"]\r\n.ama-actions,\r\nhtml[dir=\"rtl\"]\r\n.ama-trust-strip {\r\n\r\n    direction: rtl;\r\n}\r\n\r\n\r\nhtml[dir=\"rtl\"]\r\n.ama-content {\r\n\r\n    text-align: right;\r\n}\r\n\r\n\r\nhtml[dir=\"rtl\"]\r\n.ama-contact-button span {\r\n\r\n    transform:\r\n        rotate(180deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .am-about-section {\r\n\r\n        padding:\r\n            65px\r\n            0\r\n            16px;\r\n\r\n        border-radius: 16px;\r\n    }\r\n\r\n\r\n    .ama-container {\r\n\r\n        width:\r\n            min(\r\n                calc(100% - 36px),\r\n                960px\r\n            );\r\n    }\r\n\r\n\r\n    .ama-main-grid {\r\n\r\n        gap: 38px;\r\n    }\r\n\r\n\r\n    .ama-visual {\r\n\r\n        min-height: 500px;\r\n    }\r\n\r\n\r\n    .ama-photo-main {\r\n\r\n        height: 420px;\r\n    }\r\n\r\n\r\n    .ama-photo-small {\r\n\r\n        height: 220px;\r\n    }\r\n\r\n\r\n    .ama-value-grid {\r\n\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n\r\n    .ama-value-card {\r\n\r\n        display: flex;\r\n\r\n        align-items: center;\r\n\r\n        gap: 11px;\r\n    }\r\n\r\n\r\n    .ama-value-number {\r\n\r\n        margin-bottom: 0;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .am-about-section {\r\n\r\n        width:\r\n            calc(100vw - 10px);\r\n\r\n        max-width:\r\n            calc(100vw - 10px);\r\n\r\n        left:\r\n            calc(50% - 50vw + 5px);\r\n\r\n        margin-top: 10px;\r\n\r\n        padding:\r\n            47px\r\n            0\r\n            14px;\r\n\r\n        border-radius: 14px;\r\n    }\r\n\r\n\r\n    .ama-container {\r\n\r\n        width:\r\n            calc(100% - 24px);\r\n    }\r\n\r\n\r\n    .ama-main-grid {\r\n\r\n        display: block;\r\n    }\r\n\r\n\r\n    .ama-visual {\r\n\r\n        min-height: 455px;\r\n\r\n        margin-bottom: 32px;\r\n    }\r\n\r\n\r\n    .ama-photo-main {\r\n\r\n        width: 84%;\r\n        height: 350px;\r\n    }\r\n\r\n\r\n    .ama-photo-small {\r\n\r\n        width: 47%;\r\n        height: 190px;\r\n\r\n        bottom: 0;\r\n\r\n        border-width: 5px;\r\n\r\n        border-radius: 15px;\r\n    }\r\n\r\n\r\n    .ama-status-card {\r\n\r\n        left: 14px;\r\n        bottom: 12px;\r\n\r\n        min-width: 205px;\r\n\r\n        padding:\r\n            11px\r\n            13px;\r\n\r\n        border-radius: 13px;\r\n    }\r\n\r\n\r\n    .ama-status-icon {\r\n\r\n        width: 40px;\r\n        height: 40px;\r\n\r\n        flex-basis: 40px;\r\n    }\r\n\r\n\r\n    .ama-registration-card {\r\n\r\n        top: 13px;\r\n        right: 12px;\r\n\r\n        padding:\r\n            9px\r\n            11px;\r\n    }\r\n\r\n\r\n    .ama-eyebrow {\r\n\r\n        font-size: 9px;\r\n\r\n        letter-spacing: 1.1px;\r\n    }\r\n\r\n\r\n    .ama-content h2 {\r\n\r\n        font-size:\r\n            clamp(29px,8.5vw,39px);\r\n\r\n        line-height: 1.1;\r\n\r\n        letter-spacing: -.9px;\r\n    }\r\n\r\n\r\n    .ama-lead {\r\n\r\n        font-size: 13.5px;\r\n    }\r\n\r\n\r\n    .ama-description {\r\n\r\n        font-size: 12.5px;\r\n    }\r\n\r\n\r\n    .ama-value-grid {\r\n\r\n        grid-template-columns:\r\n            repeat(3,minmax(0,1fr));\r\n\r\n        gap: 7px;\r\n    }\r\n\r\n\r\n    .ama-value-card {\r\n\r\n        display: block;\r\n\r\n        padding:\r\n            11px\r\n            9px;\r\n    }\r\n\r\n\r\n    .ama-value-number {\r\n\r\n        margin-bottom: 6px;\r\n    }\r\n\r\n\r\n    .ama-value-card strong {\r\n\r\n        font-size: 10px;\r\n    }\r\n\r\n\r\n    .ama-value-card div > span {\r\n\r\n        font-size: 8.5px;\r\n    }\r\n\r\n\r\n    .ama-checklist {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap: 8px;\r\n    }\r\n\r\n\r\n    .ama-actions {\r\n\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n\r\n    .ama-action {\r\n\r\n        min-height: 57px;\r\n    }\r\n\r\n\r\n    .ama-trust-strip {\r\n\r\n        margin-top: 28px;\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 0;\r\n\r\n        padding:\r\n            18px;\r\n    }\r\n\r\n\r\n    .ama-trust-item {\r\n\r\n        padding:\r\n            10px\r\n            0;\r\n    }\r\n\r\n\r\n    .ama-trust-divider {\r\n\r\n        width: 100%;\r\n        height: 1px;\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    .ama-visual {\r\n\r\n        min-height: 420px;\r\n    }\r\n\r\n\r\n    .ama-photo-main {\r\n\r\n        width: 88%;\r\n        height: 320px;\r\n    }\r\n\r\n\r\n    .ama-photo-small {\r\n\r\n        height: 165px;\r\n    }\r\n\r\n\r\n    .ama-status-card {\r\n\r\n        min-width: 185px;\r\n    }\r\n\r\n\r\n    .ama-value-grid {\r\n\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n\r\n    .ama-value-card {\r\n\r\n        display: flex;\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    .ama-reveal {\r\n\r\n        opacity: 1;\r\n\r\n        translate: none;\r\n\r\n        transition: none !important;\r\n    }\r\n\r\n\r\n    .ama-photo img,\r\n    .ama-status-card,\r\n    .ama-value-card,\r\n    .ama-action,\r\n    .ama-contact-button {\r\n\r\n        transition: none !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\r\n    \"DOMContentLoaded\",\r\n    function () {\r\n\r\n        document\r\n        .querySelectorAll(\".am-about-section\")\r\n        .forEach(function (section) {\r\n\r\n            \/* ==============================================\r\n               CONTACT PAGE PLACEHOLDER\r\n            =============================================== *\/\r\n\r\n            const contactButton =\r\n                section.querySelector(\r\n                    \".ama-contact-button\"\r\n                );\r\n\r\n\r\n            const toast =\r\n                section.querySelector(\r\n                    \".ama-toast\"\r\n                );\r\n\r\n\r\n            let toastTimer;\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                    \"ama-toast-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                                \"ama-toast-visible\"\r\n                            );\r\n\r\n                        },\r\n                        2600\r\n                    );\r\n\r\n            }\r\n\r\n\r\n            if (contactButton) {\r\n\r\n                contactButton.addEventListener(\r\n                    \"click\",\r\n                    function () {\r\n\r\n                        const contactURL =\r\n                            (\r\n                                section.dataset.contactUrl\r\n                                || \"\"\r\n                            ).trim();\r\n\r\n\r\n                        if (!contactURL) {\r\n\r\n                            showToast(\r\n                                \"Add your Contact page URL in data-contact-url at the top of this 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               SCROLL REVEAL\r\n            =============================================== *\/\r\n\r\n            const revealItems =\r\n                section.querySelectorAll(\r\n                    \".ama-reveal\"\r\n                );\r\n\r\n\r\n            if (\r\n                window.matchMedia(\r\n                    \"(prefers-reduced-motion: reduce)\"\r\n                ).matches\r\n            ) {\r\n\r\n                revealItems.forEach(\r\n                    function (item) {\r\n\r\n                        item.classList.add(\r\n                            \"ama-visible\"\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            if (\r\n                \"IntersectionObserver\"\r\n                in window\r\n            ) {\r\n\r\n                const observer =\r\n                    new IntersectionObserver(\r\n\r\n                        function (entries) {\r\n\r\n                            entries.forEach(\r\n                                function (entry) {\r\n\r\n                                    if (\r\n                                        entry.isIntersecting\r\n                                    ) {\r\n\r\n                                        entry.target\r\n                                        .classList\r\n                                        .add(\r\n                                            \"ama-visible\"\r\n                                        );\r\n\r\n\r\n                                        observer\r\n                                        .unobserve(\r\n                                            entry.target\r\n                                        );\r\n\r\n                                    }\r\n\r\n                                }\r\n                            );\r\n\r\n                        },\r\n\r\n                        {\r\n                            threshold:\r\n                                0.10\r\n                        }\r\n\r\n                    );\r\n\r\n\r\n                revealItems.forEach(\r\n                    function (item) {\r\n\r\n                        observer.observe(\r\n                            item\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n\r\n            else {\r\n\r\n                revealItems.forEach(\r\n                    function (item) {\r\n\r\n                        item.classList.add(\r\n                            \"ama-visible\"\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<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2ef429d e-flex e-con-boxed e-con e-parent\" data-id=\"2ef429d\" 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-17d757a elementor-widget elementor-widget-html\" data-id=\"17d757a\" 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     SECTION 5 \u2014 WHY CHOOSE US\r\n\r\n     FEATURES:\r\n     - Professional photo-led layout\r\n     - Trust-focused content\r\n     - Working Call + WhatsApp buttons\r\n     - Future Contact-page URL placeholder\r\n     - Smooth hover + reveal transitions\r\n     - RTL \/ Arabic ready\r\n     - Fully responsive\r\n     - EXACT 5px LEFT + 5px RIGHT outer gap\r\n========================================================= -->\r\n\r\n<!--\r\n    CONTACT PAGE LINK:\r\n    When your dedicated Contact page is ready, add its URL here:\r\n\r\n    data-contact-url=\"https:\/\/almadinaservicecompany.com\/contact\/\"\r\n\r\n    Until then, leave it blank.\r\n-->\r\n\r\n<section\r\n    class=\"am-why-section\"\r\n    id=\"why-choose-us\"\r\n    data-contact-url=\"\"\r\n>\r\n\r\n    <div class=\"amw-orb amw-orb-one\"><\/div>\r\n    <div class=\"amw-orb amw-orb-two\"><\/div>\r\n\r\n    <div class=\"amw-container\">\r\n\r\n\r\n        <!-- =====================================================\r\n             SECTION HEADING\r\n        ====================================================== -->\r\n\r\n        <div class=\"amw-heading amw-reveal\">\r\n\r\n            <div class=\"amw-heading-main\">\r\n\r\n                <span class=\"amw-eyebrow\">\r\n                    <span><\/span>\r\n                    WHY CHOOSE AL MADINA\r\n                <\/span>\r\n\r\n                <h2>\r\n                    Practical Service.\r\n                    <em>Professional Support.<\/em>\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"amw-heading-side\">\r\n\r\n                <p>\r\n                    AL Madina brings manpower and essential property services\r\n                    together through one convenient point of contact\u2014making it\r\n                    easier to request the support you need.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =====================================================\r\n             MAIN CONTENT GRID\r\n        ====================================================== -->\r\n\r\n        <div class=\"amw-main-grid\">\r\n\r\n\r\n            <!-- =================================================\r\n                 PHOTO \/ TRUST VISUAL\r\n            ================================================== -->\r\n\r\n            <div class=\"amw-visual amw-reveal\">\r\n\r\n                <div class=\"amw-main-photo\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/images.pexels.com\/photos\/6195125\/pexels-photo-6195125.jpeg?auto=compress&cs=tinysrgb&w=1400\"\r\n                        alt=\"Professional cleaning and property service team\"\r\n                        loading=\"lazy\"\r\n                    >\r\n\r\n                    <div class=\"amw-photo-overlay\"><\/div>\r\n\r\n\r\n                    <div class=\"amw-photo-content\">\r\n\r\n                        <span class=\"amw-photo-kicker\">\r\n                            MANPOWER &amp; PROPERTY SERVICES\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            One Reliable Point of Contact\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            From workforce support to cleaning, moving and\r\n                            property care, customers can reach one company\r\n                            for multiple service requirements.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- TRUST CARDS ON IMAGE -->\r\n\r\n                <div class=\"amw-floating-card amw-floating-card-one\">\r\n\r\n                    <span class=\"amw-floating-number\">\r\n                        01\r\n                    <\/span>\r\n\r\n                    <div>\r\n                        <small>COMPANY STATUS<\/small>\r\n                        <strong>Active Company<\/strong>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"amw-floating-card amw-floating-card-two\">\r\n\r\n                    <span class=\"amw-floating-number\">\r\n                        02\r\n                    <\/span>\r\n\r\n                    <div>\r\n                        <small>SERVICE MODEL<\/small>\r\n                        <strong>Multiple Solutions<\/strong>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 REASONS\r\n            ================================================== -->\r\n\r\n            <div class=\"amw-reasons\">\r\n\r\n\r\n                <!-- REASON 1 -->\r\n\r\n                <article class=\"amw-reason-card amw-reveal\">\r\n\r\n                    <span class=\"amw-reason-index\">\r\n                        01\r\n                    <\/span>\r\n\r\n                    <div class=\"amw-reason-content\">\r\n\r\n                        <span class=\"amw-reason-label\">\r\n                            MANPOWER SUPPORT\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            Flexible Workforce Solutions\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            Manpower support for residential, commercial,\r\n                            operational, cleaning, moving and general\r\n                            workforce requirements.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n\r\n                <!-- REASON 2 -->\r\n\r\n                <article class=\"amw-reason-card amw-reveal\">\r\n\r\n                    <span class=\"amw-reason-index\">\r\n                        02\r\n                    <\/span>\r\n\r\n                    <div class=\"amw-reason-content\">\r\n\r\n                        <span class=\"amw-reason-label\">\r\n                            MULTIPLE SERVICES\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            More Services in One Place\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            Moving, cleaning, pest control, water tank\r\n                            cleaning, upholstery care and floor polishing\r\n                            are available through one company.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n\r\n                <!-- REASON 3 -->\r\n\r\n                <article class=\"amw-reason-card amw-reveal\">\r\n\r\n                    <span class=\"amw-reason-index\">\r\n                        03\r\n                    <\/span>\r\n\r\n                    <div class=\"amw-reason-content\">\r\n\r\n                        <span class=\"amw-reason-label\">\r\n                            DIRECT COMMUNICATION\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            Easy to Reach When You Need Us\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            Customers can contact the company directly by\r\n                            phone or WhatsApp to discuss their service\r\n                            requirement and request information.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n\r\n                <!-- REASON 4 -->\r\n\r\n                <article class=\"amw-reason-card amw-reveal\">\r\n\r\n                    <span class=\"amw-reason-index\">\r\n                        04\r\n                    <\/span>\r\n\r\n                    <div class=\"amw-reason-content\">\r\n\r\n                        <span class=\"amw-reason-label\">\r\n                            BUSINESS TRUST\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            Active Saudi Company\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            AL Madina Service Company operates as an active\r\n                            Saudi limited liability company, providing a\r\n                            professional business foundation for its services.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =====================================================\r\n             CONTACT \/ CTA STRIP\r\n        ====================================================== -->\r\n\r\n        <div class=\"amw-cta amw-reveal\">\r\n\r\n            <div class=\"amw-cta-copy\">\r\n\r\n                <span class=\"amw-cta-eyebrow\">\r\n                    NEED A SERVICE?\r\n                <\/span>\r\n\r\n                <h3>\r\n                    Speak With AL Madina Today\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Call us directly, start a WhatsApp conversation,\r\n                    or use the Contact page once it is available.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"amw-cta-actions\">\r\n\r\n                <a\r\n                    href=\"tel:+966502510459\"\r\n                    class=\"amw-cta-button amw-call-button\"\r\n                >\r\n                    <span class=\"amw-button-icon\">\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\r\n                    <span>\r\n                        <small>CALL NOW<\/small>\r\n                        <strong>+966 50 251 0459<\/strong>\r\n                    <\/span>\r\n\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=\"amw-cta-button amw-whatsapp-button\"\r\n                >\r\n                    <span class=\"amw-button-icon\">\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                            <path d=\"M8.2 8L9.4 7.5L10.5 10L9.5 10.8\"><\/path>\r\n                            <path d=\"M14 13.2L14.8 12.2L17.2 13.3L16.7 14.5\"><\/path>\r\n                        <\/svg>\r\n\r\n                    <\/span>\r\n\r\n                    <span>\r\n                        <small>WHATSAPP<\/small>\r\n                        <strong>Chat With Us<\/strong>\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"amw-contact-button\"\r\n                >\r\n                    Contact Page\r\n                    <span aria-hidden=\"true\">\u2192<\/span>\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =====================================================\r\n             SMALL TRUST FOOTER\r\n        ====================================================== -->\r\n\r\n        <div class=\"amw-trust-footer amw-reveal\">\r\n\r\n            <span>\r\n                NATIONAL NUMBER\r\n            <\/span>\r\n\r\n            <strong>\r\n                7053956418\r\n            <\/strong>\r\n\r\n            <i><\/i>\r\n\r\n            <span>\r\n                BUSINESS TYPE\r\n            <\/span>\r\n\r\n            <strong>\r\n                Limited Liability Company\r\n            <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- TOAST -->\r\n\r\n        <div\r\n            class=\"amw-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\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n.am-why-section,\r\n.am-why-section * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN SECTION\r\n========================================================= *\/\r\n\r\n.am-why-section {\r\n\r\n    --amw-green: #0B5D3B;\r\n    --amw-green-light: #16845A;\r\n    --amw-green-pale: #EAF4EF;\r\n\r\n    --amw-navy: #123047;\r\n    --amw-navy-dark: #081F2D;\r\n\r\n    --amw-gold: #D2A84A;\r\n    --amw-gold-light: #F2D88B;\r\n\r\n    --amw-white: #FFFFFF;\r\n\r\n    --amw-text: #17252E;\r\n    --amw-muted: #65737B;\r\n\r\n    position: relative;\r\n\r\n    \/* EXACT 5px LEFT + 5px RIGHT *\/\r\n    width: calc(100vw - 10px);\r\n    max-width: calc(100vw - 10px);\r\n\r\n    left: calc(50% - 50vw + 5px);\r\n\r\n    margin: 10px 0 0;\r\n\r\n    padding:\r\n        clamp(68px, 7vw, 100px)\r\n        0\r\n        18px;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 18px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #FFFFFF 0%,\r\n            #F6F9F7 55%,\r\n            #F9F6EE 100%\r\n        );\r\n\r\n    font-family:\r\n        \"Inter\",\r\n        \"Tajawal\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    isolation: isolate;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND ORBS\r\n========================================================= *\/\r\n\r\n.amw-orb {\r\n\r\n    position: absolute;\r\n\r\n    border-radius: 50%;\r\n\r\n    pointer-events: none;\r\n\r\n    z-index: -1;\r\n}\r\n\r\n\r\n.amw-orb-one {\r\n\r\n    width: 470px;\r\n    height: 470px;\r\n\r\n    left: -260px;\r\n    top: -290px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(11,93,59,.11),\r\n            transparent 70%\r\n        );\r\n}\r\n\r\n\r\n.amw-orb-two {\r\n\r\n    width: 500px;\r\n    height: 500px;\r\n\r\n    right: -280px;\r\n    bottom: -330px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(210,168,74,.14),\r\n            transparent 70%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.amw-container {\r\n\r\n    width:\r\n        min(\r\n            calc(100% - 48px),\r\n            1240px\r\n        );\r\n\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n========================================================= *\/\r\n\r\n.amw-heading {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0, 1.15fr)\r\n        minmax(320px, .75fr);\r\n\r\n    align-items: end;\r\n\r\n    gap: 45px;\r\n\r\n    margin-bottom: 38px;\r\n}\r\n\r\n\r\n.amw-eyebrow {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    margin-bottom: 13px;\r\n\r\n    color:\r\n        var(--amw-green);\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1.5px;\r\n}\r\n\r\n\r\n.amw-eyebrow > span {\r\n\r\n    width: 31px;\r\n    height: 2px;\r\n\r\n    border-radius: 20px;\r\n\r\n    background:\r\n        var(--amw-gold);\r\n}\r\n\r\n\r\n.amw-heading h2 {\r\n\r\n    margin: 0;\r\n\r\n    color:\r\n        var(--amw-navy-dark);\r\n\r\n    font-size:\r\n        clamp(35px, 4vw, 54px);\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 1.07;\r\n\r\n    letter-spacing: -1.7px;\r\n}\r\n\r\n\r\n.amw-heading h2 em {\r\n\r\n    display: block;\r\n\r\n    color:\r\n        var(--amw-green);\r\n\r\n    font-style: normal;\r\n}\r\n\r\n\r\n.amw-heading-side p {\r\n\r\n    margin: 0;\r\n\r\n    color:\r\n        var(--amw-muted);\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.72;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN GRID\r\n========================================================= *\/\r\n\r\n.amw-main-grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0, .94fr)\r\n        minmax(0, 1.06fr);\r\n\r\n    gap:\r\n        clamp(26px, 4vw, 52px);\r\n\r\n    align-items: stretch;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VISUAL\r\n========================================================= *\/\r\n\r\n.amw-visual {\r\n\r\n    position: relative;\r\n\r\n    min-height: 570px;\r\n}\r\n\r\n\r\n.amw-main-photo {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    min-height: 570px;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 20px;\r\n\r\n    background:\r\n        var(--amw-navy);\r\n\r\n    box-shadow:\r\n        0 20px 50px\r\n        rgba(18,48,71,.13);\r\n\r\n    transition:\r\n        transform .34s cubic-bezier(.2,.7,.2,1),\r\n        box-shadow .34s ease;\r\n}\r\n\r\n\r\n.amw-main-photo:hover {\r\n\r\n    transform:\r\n        translateY(-4px);\r\n\r\n    box-shadow:\r\n        0 25px 58px\r\n        rgba(18,48,71,.17);\r\n}\r\n\r\n\r\n.amw-main-photo img {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    display: block;\r\n\r\n    transition:\r\n        transform .75s\r\n        cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n\r\n.amw-main-photo:hover img {\r\n\r\n    transform:\r\n        scale(1.045);\r\n}\r\n\r\n\r\n.amw-photo-overlay {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(6,27,33,.02) 20%,\r\n            rgba(6,27,33,.18) 54%,\r\n            rgba(6,27,33,.90) 100%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PHOTO CONTENT\r\n========================================================= *\/\r\n\r\n.amw-photo-content {\r\n\r\n    position: absolute;\r\n\r\n    left: 27px;\r\n    right: 27px;\r\n    bottom: 30px;\r\n\r\n    z-index: 3;\r\n\r\n    color: #FFFFFF;\r\n}\r\n\r\n\r\n.amw-photo-kicker {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 7px;\r\n\r\n    color:\r\n        var(--amw-gold-light);\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1.2px;\r\n}\r\n\r\n\r\n.amw-photo-content h3 {\r\n\r\n    margin:\r\n        0\r\n        0\r\n        9px;\r\n\r\n    max-width: 420px;\r\n\r\n    color: #FFFFFF;\r\n\r\n    font-size:\r\n        clamp(25px, 2.7vw, 38px);\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 1.08;\r\n}\r\n\r\n\r\n.amw-photo-content p {\r\n\r\n    max-width: 460px;\r\n\r\n    margin: 0;\r\n\r\n    color:\r\n        rgba(255,255,255,.78);\r\n\r\n    font-size: 12px;\r\n\r\n    line-height: 1.6;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLOATING TRUST CARDS\r\n========================================================= *\/\r\n\r\n.amw-floating-card {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 5;\r\n\r\n    min-width: 190px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 11px;\r\n\r\n    padding:\r\n        12px\r\n        14px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.24);\r\n\r\n    border-radius: 13px;\r\n\r\n    background:\r\n        rgba(255,255,255,.91);\r\n\r\n    backdrop-filter:\r\n        blur(10px);\r\n\r\n    box-shadow:\r\n        0 12px 32px\r\n        rgba(18,48,71,.13);\r\n\r\n    transition:\r\n        transform .28s cubic-bezier(.2,.7,.2,1),\r\n        box-shadow .28s ease;\r\n}\r\n\r\n\r\n.amw-floating-card:hover {\r\n\r\n    transform:\r\n        translateY(-4px);\r\n\r\n    box-shadow:\r\n        0 17px 38px\r\n        rgba(18,48,71,.18);\r\n}\r\n\r\n\r\n.amw-floating-card-one {\r\n\r\n    top: 24px;\r\n    right: 20px;\r\n}\r\n\r\n\r\n.amw-floating-card-two {\r\n\r\n    top: 105px;\r\n    right: 20px;\r\n}\r\n\r\n\r\n.amw-floating-number {\r\n\r\n    color:\r\n        var(--amw-gold);\r\n\r\n    font-size: 16px;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n.amw-floating-card small,\r\n.amw-floating-card strong {\r\n\r\n    display: block;\r\n}\r\n\r\n\r\n.amw-floating-card small {\r\n\r\n    margin-bottom: 2px;\r\n\r\n    color:\r\n        var(--amw-muted);\r\n\r\n    font-size: 7px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .8px;\r\n}\r\n\r\n\r\n.amw-floating-card strong {\r\n\r\n    color:\r\n        var(--amw-navy-dark);\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REASONS\r\n========================================================= *\/\r\n\r\n.amw-reasons {\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: 12px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REASON CARD\r\n========================================================= *\/\r\n\r\n.amw-reason-card {\r\n\r\n    min-height: 270px;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    justify-content: space-between;\r\n\r\n    padding:\r\n        23px\r\n        21px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(18,48,71,.09);\r\n\r\n    border-radius: 17px;\r\n\r\n    background:\r\n        rgba(255,255,255,.92);\r\n\r\n    box-shadow:\r\n        0 10px 30px\r\n        rgba(18,48,71,.05);\r\n\r\n    transition:\r\n        transform .31s cubic-bezier(.2,.7,.2,1),\r\n        box-shadow .31s ease,\r\n        border-color .31s ease,\r\n        background .31s ease;\r\n}\r\n\r\n\r\n.amw-reason-card:hover {\r\n\r\n    transform:\r\n        translateY(-6px);\r\n\r\n    border-color:\r\n        rgba(11,93,59,.18);\r\n\r\n    background:\r\n        #FFFFFF;\r\n\r\n    box-shadow:\r\n        0 18px 40px\r\n        rgba(18,48,71,.11);\r\n}\r\n\r\n\r\n.amw-reason-index {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 37px;\r\n    height: 37px;\r\n\r\n    margin-bottom: 35px;\r\n\r\n    border-radius: 10px;\r\n\r\n    background:\r\n        var(--amw-green-pale);\r\n\r\n    color:\r\n        var(--amw-green);\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 800;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        color .3s ease;\r\n}\r\n\r\n\r\n.amw-reason-card:hover\r\n.amw-reason-index {\r\n\r\n    background:\r\n        var(--amw-green);\r\n\r\n    color:\r\n        #FFFFFF;\r\n}\r\n\r\n\r\n.amw-reason-label {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 6px;\r\n\r\n    color:\r\n        var(--amw-gold);\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1px;\r\n}\r\n\r\n\r\n.amw-reason-content h3 {\r\n\r\n    margin:\r\n        0\r\n        0\r\n        8px;\r\n\r\n    color:\r\n        var(--amw-navy-dark);\r\n\r\n    font-size: 17px;\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 1.3;\r\n}\r\n\r\n\r\n.amw-reason-content p {\r\n\r\n    margin: 0;\r\n\r\n    color:\r\n        var(--amw-muted);\r\n\r\n    font-size: 11.5px;\r\n\r\n    line-height: 1.62;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n.amw-cta {\r\n\r\n    margin-top: 16px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 30px;\r\n\r\n    padding:\r\n        23px\r\n        24px;\r\n\r\n    border-radius: 17px;\r\n\r\n    background:\r\n\r\n        radial-gradient(\r\n            circle at 87% 15%,\r\n            rgba(210,168,74,.17),\r\n            transparent 28%\r\n        ),\r\n\r\n        linear-gradient(\r\n            120deg,\r\n            #0A2636 0%,\r\n            #123047 48%,\r\n            #0B5D3B 100%\r\n        );\r\n\r\n    box-shadow:\r\n        0 17px 42px\r\n        rgba(18,48,71,.16);\r\n}\r\n\r\n\r\n.amw-cta-eyebrow {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 4px;\r\n\r\n    color:\r\n        var(--amw-gold-light);\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1.1px;\r\n}\r\n\r\n\r\n.amw-cta-copy h3 {\r\n\r\n    margin:\r\n        0\r\n        0\r\n        4px;\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    font-size:\r\n        clamp(17px, 1.7vw, 21px);\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n.amw-cta-copy p {\r\n\r\n    margin: 0;\r\n\r\n    color:\r\n        rgba(255,255,255,.70);\r\n\r\n    font-size: 11px;\r\n\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA ACTIONS\r\n========================================================= *\/\r\n\r\n.amw-cta-actions {\r\n\r\n    flex: 0 0 auto;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n}\r\n\r\n\r\n.amw-cta-button {\r\n\r\n    min-height: 49px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 9px;\r\n\r\n    padding:\r\n        10px\r\n        13px;\r\n\r\n    border-radius: 10px;\r\n\r\n    text-decoration: none !important;\r\n\r\n    transition:\r\n        transform .25s cubic-bezier(.2,.7,.2,1),\r\n        background .25s ease,\r\n        box-shadow .25s ease,\r\n        border-color .25s ease;\r\n}\r\n\r\n\r\n.amw-call-button {\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.20);\r\n\r\n    background:\r\n        rgba(255,255,255,.08);\r\n\r\n    color:\r\n        #FFFFFF !important;\r\n}\r\n\r\n\r\n.amw-call-button:hover {\r\n\r\n    transform:\r\n        translateY(-2px);\r\n\r\n    background:\r\n        rgba(255,255,255,.15);\r\n\r\n    border-color:\r\n        rgba(255,255,255,.34);\r\n}\r\n\r\n\r\n.amw-whatsapp-button {\r\n\r\n    border:\r\n        1px solid\r\n        var(--amw-gold);\r\n\r\n    background:\r\n        var(--amw-gold);\r\n\r\n    color:\r\n        var(--amw-navy-dark) !important;\r\n\r\n    box-shadow:\r\n        0 9px 22px\r\n        rgba(0,0,0,.11);\r\n}\r\n\r\n\r\n.amw-whatsapp-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 13px 28px\r\n        rgba(0,0,0,.16);\r\n}\r\n\r\n\r\n.amw-button-icon {\r\n\r\n    width: 31px;\r\n    height: 31px;\r\n\r\n    flex: 0 0 31px;\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\r\n\r\n.amw-call-button\r\n.amw-button-icon {\r\n\r\n    background:\r\n        rgba(255,255,255,.09);\r\n\r\n    color:\r\n        var(--amw-gold-light);\r\n}\r\n\r\n\r\n.amw-whatsapp-button\r\n.amw-button-icon {\r\n\r\n    background:\r\n        rgba(8,31,45,.08);\r\n\r\n    color:\r\n        var(--amw-navy-dark);\r\n}\r\n\r\n\r\n.amw-button-icon svg {\r\n\r\n    width: 18px;\r\n    height: 18px;\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.amw-cta-button small,\r\n.amw-cta-button strong {\r\n\r\n    display: block;\r\n}\r\n\r\n\r\n.amw-cta-button small {\r\n\r\n    margin-bottom: 2px;\r\n\r\n    font-size: 6.7px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .8px;\r\n\r\n    opacity: .70;\r\n}\r\n\r\n\r\n.amw-cta-button strong {\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTACT PAGE BUTTON\r\n========================================================= *\/\r\n\r\n.amw-contact-button {\r\n\r\n    min-height: 49px;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 8px;\r\n\r\n    padding:\r\n        11px\r\n        15px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.22);\r\n\r\n    border-radius: 10px;\r\n\r\n    background:\r\n        rgba(255,255,255,.08);\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        transform .25s cubic-bezier(.2,.7,.2,1),\r\n        background .25s ease,\r\n        border-color .25s ease;\r\n}\r\n\r\n\r\n.amw-contact-button:hover {\r\n\r\n    transform:\r\n        translateY(-2px);\r\n\r\n    background:\r\n        rgba(255,255,255,.15);\r\n\r\n    border-color:\r\n        rgba(255,255,255,.35);\r\n}\r\n\r\n\r\n.amw-contact-button span {\r\n\r\n    color:\r\n        var(--amw-gold-light);\r\n\r\n    font-size: 16px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TRUST FOOTER\r\n========================================================= *\/\r\n\r\n.amw-trust-footer {\r\n\r\n    margin-top: 11px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    gap: 9px;\r\n\r\n    padding:\r\n        11px\r\n        14px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(18,48,71,.08);\r\n\r\n    border-radius: 11px;\r\n\r\n    background:\r\n        rgba(255,255,255,.70);\r\n\r\n    color:\r\n        var(--amw-muted);\r\n}\r\n\r\n\r\n.amw-trust-footer span {\r\n\r\n    font-size: 7px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .9px;\r\n}\r\n\r\n\r\n.amw-trust-footer strong {\r\n\r\n    color:\r\n        var(--amw-navy-dark);\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n.amw-trust-footer i {\r\n\r\n    width: 1px;\r\n    height: 14px;\r\n\r\n    background:\r\n        rgba(18,48,71,.12);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOAST\r\n========================================================= *\/\r\n\r\n.amw-toast {\r\n\r\n    position: fixed;\r\n\r\n    left: 50%;\r\n    bottom: 24px;\r\n\r\n    z-index: 99999;\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(--amw-navy-dark);\r\n\r\n    color: #FFFFFF;\r\n\r\n    box-shadow:\r\n        0 12px 32px\r\n        rgba(0,0,0,.22);\r\n\r\n    font-size: 12px;\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.amw-toast.amw-toast-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   REVEAL ANIMATION\r\n   Uses translate so hover transform remains smooth.\r\n========================================================= *\/\r\n\r\n.amw-reveal {\r\n\r\n    opacity: 0;\r\n\r\n    translate:\r\n        0\r\n        14px;\r\n\r\n    transition:\r\n        opacity .58s ease,\r\n        translate .58s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n\r\n.amw-reveal.amw-visible {\r\n\r\n    opacity: 1;\r\n\r\n    translate:\r\n        0\r\n        0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RTL \/ ARABIC\r\n========================================================= *\/\r\n\r\nhtml[dir=\"rtl\"]\r\n.am-why-section {\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.amw-heading,\r\nhtml[dir=\"rtl\"]\r\n.amw-main-grid,\r\nhtml[dir=\"rtl\"]\r\n.amw-reason-card,\r\nhtml[dir=\"rtl\"]\r\n.amw-cta {\r\n\r\n    direction: rtl;\r\n}\r\n\r\n\r\nhtml[dir=\"rtl\"]\r\n.amw-heading,\r\nhtml[dir=\"rtl\"]\r\n.amw-reason-card,\r\nhtml[dir=\"rtl\"]\r\n.amw-cta-copy {\r\n\r\n    text-align: right;\r\n}\r\n\r\n\r\nhtml[dir=\"rtl\"]\r\n.amw-contact-button span {\r\n\r\n    transform:\r\n        rotate(180deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .am-why-section {\r\n\r\n        padding:\r\n            65px\r\n            0\r\n            16px;\r\n\r\n        border-radius: 16px;\r\n    }\r\n\r\n\r\n    .amw-container {\r\n\r\n        width:\r\n            min(\r\n                calc(100% - 36px),\r\n                960px\r\n            );\r\n    }\r\n\r\n\r\n    .amw-main-grid {\r\n\r\n        grid-template-columns:\r\n            .9fr\r\n            1.1fr;\r\n\r\n        gap: 25px;\r\n    }\r\n\r\n\r\n    .amw-visual,\r\n    .amw-main-photo {\r\n\r\n        min-height: 540px;\r\n    }\r\n\r\n\r\n    .amw-reason-card {\r\n\r\n        min-height: 258px;\r\n    }\r\n\r\n\r\n    .amw-cta {\r\n\r\n        align-items: flex-start;\r\n    }\r\n\r\n\r\n    .amw-cta-actions {\r\n\r\n        flex-direction: column;\r\n\r\n        min-width: 170px;\r\n    }\r\n\r\n\r\n    .amw-cta-button,\r\n    .amw-contact-button {\r\n\r\n        width: 100%;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .am-why-section {\r\n\r\n        width:\r\n            calc(100vw - 10px);\r\n\r\n        max-width:\r\n            calc(100vw - 10px);\r\n\r\n        left:\r\n            calc(50% - 50vw + 5px);\r\n\r\n        margin-top: 10px;\r\n\r\n        padding:\r\n            47px\r\n            0\r\n            14px;\r\n\r\n        border-radius: 14px;\r\n    }\r\n\r\n\r\n    .amw-container {\r\n\r\n        width:\r\n            calc(100% - 24px);\r\n    }\r\n\r\n\r\n    .amw-heading {\r\n\r\n        display: block;\r\n\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n\r\n    .amw-heading-side {\r\n\r\n        margin-top: 14px;\r\n    }\r\n\r\n\r\n    .amw-heading-side p {\r\n\r\n        font-size: 12.5px;\r\n    }\r\n\r\n\r\n    .amw-eyebrow {\r\n\r\n        font-size: 9px;\r\n\r\n        letter-spacing: 1.1px;\r\n    }\r\n\r\n\r\n    .amw-heading h2 {\r\n\r\n        font-size:\r\n            clamp(29px, 8.5vw, 39px);\r\n\r\n        line-height: 1.1;\r\n\r\n        letter-spacing: -.9px;\r\n    }\r\n\r\n\r\n    .amw-main-grid {\r\n\r\n        display: block;\r\n    }\r\n\r\n\r\n    .amw-visual {\r\n\r\n        min-height: 450px;\r\n\r\n        margin-bottom: 16px;\r\n    }\r\n\r\n\r\n    .amw-main-photo {\r\n\r\n        min-height: 450px;\r\n\r\n        border-radius: 16px;\r\n    }\r\n\r\n\r\n    .amw-photo-content {\r\n\r\n        left: 20px;\r\n        right: 20px;\r\n        bottom: 22px;\r\n    }\r\n\r\n\r\n    .amw-photo-content h3 {\r\n\r\n        font-size: 27px;\r\n    }\r\n\r\n\r\n    .amw-floating-card {\r\n\r\n        min-width: 160px;\r\n\r\n        padding:\r\n            10px\r\n            11px;\r\n    }\r\n\r\n\r\n    .amw-floating-card-one {\r\n\r\n        top: 13px;\r\n        right: 12px;\r\n    }\r\n\r\n\r\n    .amw-floating-card-two {\r\n\r\n        top: 79px;\r\n        right: 12px;\r\n    }\r\n\r\n\r\n    .amw-reasons {\r\n\r\n        grid-template-columns:\r\n            repeat(2,minmax(0,1fr));\r\n\r\n        gap: 9px;\r\n    }\r\n\r\n\r\n    .amw-reason-card {\r\n\r\n        min-height: 245px;\r\n\r\n        padding:\r\n            17px\r\n            14px;\r\n\r\n        border-radius: 14px;\r\n    }\r\n\r\n\r\n    .amw-reason-index {\r\n\r\n        width: 33px;\r\n        height: 33px;\r\n\r\n        margin-bottom: 27px;\r\n    }\r\n\r\n\r\n    .amw-reason-label {\r\n\r\n        font-size: 7px;\r\n    }\r\n\r\n\r\n    .amw-reason-content h3 {\r\n\r\n        font-size: 14px;\r\n    }\r\n\r\n\r\n    .amw-reason-content p {\r\n\r\n        font-size: 10px;\r\n    }\r\n\r\n\r\n    .amw-cta {\r\n\r\n        display: block;\r\n\r\n        padding: 19px;\r\n\r\n        border-radius: 14px;\r\n    }\r\n\r\n\r\n    .amw-cta-copy h3 {\r\n\r\n        font-size: 16px;\r\n    }\r\n\r\n\r\n    .amw-cta-actions {\r\n\r\n        margin-top: 16px;\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap: 8px;\r\n\r\n        min-width: 0;\r\n    }\r\n\r\n\r\n    .amw-trust-footer {\r\n\r\n        justify-content: flex-start;\r\n\r\n        gap: 7px;\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    .amw-visual,\r\n    .amw-main-photo {\r\n\r\n        min-height: 420px;\r\n    }\r\n\r\n\r\n    .amw-reasons {\r\n\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n\r\n    .amw-reason-card {\r\n\r\n        min-height: 215px;\r\n    }\r\n\r\n\r\n    .amw-reason-index {\r\n\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n\r\n    .amw-trust-footer {\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap: 3px;\r\n    }\r\n\r\n\r\n    .amw-trust-footer i {\r\n\r\n        width: 100%;\r\n        height: 1px;\r\n\r\n        margin:\r\n            5px\r\n            0;\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    .amw-reveal {\r\n\r\n        opacity: 1;\r\n\r\n        translate: none;\r\n\r\n        transition: none !important;\r\n    }\r\n\r\n\r\n    .amw-main-photo,\r\n    .amw-main-photo img,\r\n    .amw-floating-card,\r\n    .amw-reason-card,\r\n    .amw-reason-index,\r\n    .amw-cta-button,\r\n    .amw-contact-button {\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        document\r\n        .querySelectorAll(\".am-why-section\")\r\n        .forEach(function (section) {\r\n\r\n\r\n            \/* ==============================================\r\n               CONTACT PAGE PLACEHOLDER\r\n            =============================================== *\/\r\n\r\n            const contactButton =\r\n                section.querySelector(\r\n                    \".amw-contact-button\"\r\n                );\r\n\r\n\r\n            const toast =\r\n                section.querySelector(\r\n                    \".amw-toast\"\r\n                );\r\n\r\n\r\n            let toastTimer;\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                    \"amw-toast-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                                \"amw-toast-visible\"\r\n                            );\r\n\r\n                        },\r\n                        2600\r\n                    );\r\n\r\n            }\r\n\r\n\r\n            if (contactButton) {\r\n\r\n                contactButton.addEventListener(\r\n                    \"click\",\r\n                    function () {\r\n\r\n                        const contactURL =\r\n                            (\r\n                                section.dataset.contactUrl\r\n                                || \"\"\r\n                            ).trim();\r\n\r\n\r\n                        if (!contactURL) {\r\n\r\n                            showToast(\r\n                                \"Add your Contact page URL in data-contact-url at the top of this 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               SCROLL REVEAL\r\n            =============================================== *\/\r\n\r\n            const revealItems =\r\n                section.querySelectorAll(\r\n                    \".amw-reveal\"\r\n                );\r\n\r\n\r\n            if (\r\n                window.matchMedia(\r\n                    \"(prefers-reduced-motion: reduce)\"\r\n                ).matches\r\n            ) {\r\n\r\n                revealItems.forEach(\r\n                    function (item) {\r\n\r\n                        item.classList.add(\r\n                            \"amw-visible\"\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            if (\r\n                \"IntersectionObserver\"\r\n                in window\r\n            ) {\r\n\r\n                const observer =\r\n                    new IntersectionObserver(\r\n\r\n                        function (entries) {\r\n\r\n                            entries.forEach(\r\n                                function (entry) {\r\n\r\n                                    if (\r\n                                        entry.isIntersecting\r\n                                    ) {\r\n\r\n                                        entry.target\r\n                                        .classList\r\n                                        .add(\r\n                                            \"amw-visible\"\r\n                                        );\r\n\r\n\r\n                                        observer\r\n                                        .unobserve(\r\n                                            entry.target\r\n                                        );\r\n\r\n                                    }\r\n\r\n                                }\r\n                            );\r\n\r\n                        },\r\n\r\n                        {\r\n                            threshold:\r\n                                0.10\r\n                        }\r\n\r\n                    );\r\n\r\n\r\n                revealItems.forEach(\r\n                    function (item) {\r\n\r\n                        observer.observe(\r\n                            item\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n\r\n            else {\r\n\r\n                revealItems.forEach(\r\n                    function (item) {\r\n\r\n                        item.classList.add(\r\n                            \"amw-visible\"\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<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e46e151 e-flex e-con-boxed e-con e-parent\" data-id=\"e46e151\" 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-a2f638a elementor-widget elementor-widget-html\" data-id=\"a2f638a\" 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     SECTION 6 \u2014 HOW IT WORKS\r\n\r\n     FEATURES:\r\n     - Clean 4-step service process\r\n     - Different visual style from previous sections\r\n     - No repeated service images\r\n     - Working Phone + WhatsApp buttons\r\n     - Future Contact-page URL placeholder\r\n     - Smooth hover + reveal animations\r\n     - RTL \/ Arabic ready\r\n     - Fully responsive\r\n     - EXACT 5px LEFT + 5px RIGHT outer gap\r\n========================================================= -->\r\n\r\n<!--\r\n    CONTACT PAGE LINK:\r\n    When your Contact page is ready, add the full URL 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<section\r\n    class=\"am-process-section\"\r\n    id=\"how-it-works\"\r\n    data-contact-url=\"\"\r\n>\r\n\r\n    <div class=\"amp-glow amp-glow-one\"><\/div>\r\n    <div class=\"amp-glow amp-glow-two\"><\/div>\r\n\r\n    <div class=\"amp-container\">\r\n\r\n\r\n        <!-- =====================================================\r\n             SECTION HEADING\r\n        ====================================================== -->\r\n\r\n        <div class=\"amp-heading amp-reveal\">\r\n\r\n            <div class=\"amp-heading-left\">\r\n\r\n                <span class=\"amp-eyebrow\">\r\n                    <span><\/span>\r\n                    HOW IT WORKS\r\n                <\/span>\r\n\r\n                <h2>\r\n                    Simple Steps to\r\n                    <em>Request a Service<\/em>\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"amp-heading-right\">\r\n\r\n                <p>\r\n                    Requesting manpower or property services with\r\n                    AL Madina is simple. Choose what you need,\r\n                    contact our team, confirm the details, and\r\n                    we will coordinate the next steps with you.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =====================================================\r\n             PROCESS TIMELINE\r\n        ====================================================== -->\r\n\r\n        <div class=\"amp-process-wrap\">\r\n\r\n            <div class=\"amp-process-line\"><\/div>\r\n\r\n\r\n            <!-- STEP 1 -->\r\n\r\n            <article class=\"amp-step amp-reveal\">\r\n\r\n                <div class=\"amp-step-number\">\r\n                    01\r\n                <\/div>\r\n\r\n                <div class=\"amp-step-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M4 5H20V19H4Z\"><\/path>\r\n                        <path d=\"M8 9H16\"><\/path>\r\n                        <path d=\"M8 13H13\"><\/path>\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <span class=\"amp-step-label\">\r\n                    STEP ONE\r\n                <\/span>\r\n\r\n                <h3>\r\n                    Choose Your Service\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Select the manpower or property service\r\n                    that best matches your requirement.\r\n                <\/p>\r\n\r\n                <div class=\"amp-step-meta\">\r\n                    Manpower \u00b7 Moving \u00b7 Cleaning \u00b7 Property Care\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- STEP 2 -->\r\n\r\n            <article class=\"amp-step amp-reveal\">\r\n\r\n                <div class=\"amp-step-number\">\r\n                    02\r\n                <\/div>\r\n\r\n                <div class=\"amp-step-icon\">\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                <\/div>\r\n\r\n                <span class=\"amp-step-label\">\r\n                    STEP TWO\r\n                <\/span>\r\n\r\n                <h3>\r\n                    Contact AL Madina\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Call us, start a WhatsApp conversation,\r\n                    or use the Contact page once it is available.\r\n                <\/p>\r\n\r\n                <div class=\"amp-step-meta\">\r\n                    Direct &amp; Convenient Communication\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- STEP 3 -->\r\n\r\n            <article class=\"amp-step amp-reveal\">\r\n\r\n                <div class=\"amp-step-number\">\r\n                    03\r\n                <\/div>\r\n\r\n                <div class=\"amp-step-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M5 4H19V20H5Z\"><\/path>\r\n                        <path d=\"M8 8H16\"><\/path>\r\n                        <path d=\"M8 12H16\"><\/path>\r\n                        <path d=\"M8 16H13\"><\/path>\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <span class=\"amp-step-label\">\r\n                    STEP THREE\r\n                <\/span>\r\n\r\n                <h3>\r\n                    Confirm Your Requirements\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Share the service type, location, timing\r\n                    and any important details about your request.\r\n                <\/p>\r\n\r\n                <div class=\"amp-step-meta\">\r\n                    Service \u00b7 Location \u00b7 Timing \u00b7 Requirements\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- STEP 4 -->\r\n\r\n            <article class=\"amp-step amp-reveal\">\r\n\r\n                <div class=\"amp-step-number\">\r\n                    04\r\n                <\/div>\r\n\r\n                <div class=\"amp-step-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M4 12L9 17L20 6\"><\/path>\r\n                        <path d=\"M12 3C7 3 3 7 3 12C3 17 7 21 12 21C17 21 21 17 21 12\"><\/path>\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <span class=\"amp-step-label\">\r\n                    STEP FOUR\r\n                <\/span>\r\n\r\n                <h3>\r\n                    Service Is Arranged\r\n                <\/h3>\r\n\r\n                <p>\r\n                    After confirming the request, the team\r\n                    coordinates the service details with you.\r\n                <\/p>\r\n\r\n                <div class=\"amp-step-meta\">\r\n                    Clear Coordination &amp; Next Steps\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =====================================================\r\n             CONTACT CTA\r\n        ====================================================== -->\r\n\r\n        <div class=\"amp-contact-cta amp-reveal\">\r\n\r\n            <div class=\"amp-cta-copy\">\r\n\r\n                <span class=\"amp-cta-kicker\">\r\n                    READY TO GET STARTED?\r\n                <\/span>\r\n\r\n                <h3>\r\n                    Tell Us What Service You Need\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Speak with AL Madina directly by phone or WhatsApp,\r\n                    or visit the Contact page once you add the link.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"amp-cta-actions\">\r\n\r\n                <a\r\n                    href=\"tel:+966502510459\"\r\n                    class=\"amp-cta-button amp-call-button\"\r\n                >\r\n\r\n                    <span class=\"amp-button-icon\">\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\r\n                    <span>\r\n                        <small>CALL NOW<\/small>\r\n                        <strong>+966 50 251 0459<\/strong>\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n\r\n                <a\r\n                    href=\"https:\/\/wa.me\/966502510459?text=Hello%2C%20I%20would%20like%20to%20request%20a%20service%20from%20AL%20Madina%20Service%20Company.\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener noreferrer\"\r\n                    class=\"amp-cta-button amp-whatsapp-button\"\r\n                >\r\n\r\n                    <span class=\"amp-button-icon\">\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                            <path d=\"M8.2 8L9.4 7.5L10.5 10L9.5 10.8\"><\/path>\r\n                            <path d=\"M14 13.2L14.8 12.2L17.2 13.3L16.7 14.5\"><\/path>\r\n                        <\/svg>\r\n\r\n                    <\/span>\r\n\r\n                    <span>\r\n                        <small>WHATSAPP<\/small>\r\n                        <strong>Chat With Us<\/strong>\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"amp-contact-button\"\r\n                >\r\n                    Contact Page\r\n                    <span aria-hidden=\"true\">\u2192<\/span>\r\n                <\/button>\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=\"amp-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\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n.am-process-section,\r\n.am-process-section * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN SECTION\r\n========================================================= *\/\r\n\r\n.am-process-section {\r\n\r\n    --amp-green: #0B5D3B;\r\n    --amp-green-light: #16845A;\r\n    --amp-green-pale: #EAF4EF;\r\n\r\n    --amp-navy: #123047;\r\n    --amp-navy-dark: #081F2D;\r\n\r\n    --amp-gold: #D2A84A;\r\n    --amp-gold-light: #F2D88B;\r\n\r\n    --amp-white: #FFFFFF;\r\n\r\n    --amp-text: #17252E;\r\n    --amp-muted: #65737B;\r\n\r\n    position: relative;\r\n\r\n    \/* EXACT 5px LEFT + 5px RIGHT *\/\r\n    width: calc(100vw - 10px);\r\n    max-width: calc(100vw - 10px);\r\n\r\n    left: calc(50% - 50vw + 5px);\r\n\r\n    margin: 10px 0 0;\r\n\r\n    padding:\r\n        clamp(68px, 7vw, 98px)\r\n        0\r\n        18px;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 18px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #F9FBFA 0%,\r\n            #FFFFFF 52%,\r\n            #F8F5EC 100%\r\n        );\r\n\r\n    font-family:\r\n        \"Inter\",\r\n        \"Tajawal\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    isolation: isolate;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DECORATION\r\n========================================================= *\/\r\n\r\n.amp-glow {\r\n\r\n    position: absolute;\r\n\r\n    border-radius: 50%;\r\n\r\n    z-index: -1;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n.amp-glow-one {\r\n\r\n    width: 430px;\r\n    height: 430px;\r\n\r\n    left: -230px;\r\n    top: -250px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(11,93,59,.10),\r\n            transparent 70%\r\n        );\r\n}\r\n\r\n\r\n.amp-glow-two {\r\n\r\n    width: 470px;\r\n    height: 470px;\r\n\r\n    right: -260px;\r\n    bottom: -300px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(210,168,74,.13),\r\n            transparent 70%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.amp-container {\r\n\r\n    width:\r\n        min(\r\n            calc(100% - 48px),\r\n            1240px\r\n        );\r\n\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n========================================================= *\/\r\n\r\n.amp-heading {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0, 1.15fr)\r\n        minmax(320px, .75fr);\r\n\r\n    align-items: end;\r\n\r\n    gap: 45px;\r\n\r\n    margin-bottom: 42px;\r\n}\r\n\r\n\r\n.amp-eyebrow {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    margin-bottom: 13px;\r\n\r\n    color:\r\n        var(--amp-green);\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1.5px;\r\n}\r\n\r\n\r\n.amp-eyebrow > span {\r\n\r\n    width: 31px;\r\n    height: 2px;\r\n\r\n    border-radius: 20px;\r\n\r\n    background:\r\n        var(--amp-gold);\r\n}\r\n\r\n\r\n.amp-heading h2 {\r\n\r\n    margin: 0;\r\n\r\n    color:\r\n        var(--amp-navy-dark);\r\n\r\n    font-size:\r\n        clamp(35px, 4vw, 54px);\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 1.07;\r\n\r\n    letter-spacing: -1.7px;\r\n}\r\n\r\n\r\n.amp-heading h2 em {\r\n\r\n    display: block;\r\n\r\n    color:\r\n        var(--amp-green);\r\n\r\n    font-style: normal;\r\n}\r\n\r\n\r\n.amp-heading-right p {\r\n\r\n    margin: 0;\r\n\r\n    color:\r\n        var(--amp-muted);\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.72;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROCESS WRAPPER\r\n========================================================= *\/\r\n\r\n.amp-process-wrap {\r\n\r\n    position: relative;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(4, minmax(0,1fr));\r\n\r\n    gap: 14px;\r\n}\r\n\r\n\r\n\/* CONNECTING LINE *\/\r\n\r\n.amp-process-line {\r\n\r\n    position: absolute;\r\n\r\n    left: 8%;\r\n    right: 8%;\r\n    top: 42px;\r\n\r\n    height: 2px;\r\n\r\n    z-index: 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(11,93,59,.22),\r\n            rgba(210,168,74,.55),\r\n            rgba(11,93,59,.22)\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STEP CARD\r\n========================================================= *\/\r\n\r\n.amp-step {\r\n\r\n    position: relative;\r\n\r\n    z-index: 1;\r\n\r\n    min-height: 330px;\r\n\r\n    padding:\r\n        23px\r\n        20px\r\n        20px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(18,48,71,.09);\r\n\r\n    border-radius: 17px;\r\n\r\n    background:\r\n        rgba(255,255,255,.93);\r\n\r\n    box-shadow:\r\n        0 10px 30px\r\n        rgba(18,48,71,.05);\r\n\r\n    transition:\r\n        transform .32s cubic-bezier(.2,.7,.2,1),\r\n        box-shadow .32s ease,\r\n        border-color .32s ease,\r\n        background .32s ease;\r\n}\r\n\r\n\r\n.amp-step:hover {\r\n\r\n    transform:\r\n        translateY(-7px);\r\n\r\n    border-color:\r\n        rgba(11,93,59,.19);\r\n\r\n    background:\r\n        #FFFFFF;\r\n\r\n    box-shadow:\r\n        0 19px 43px\r\n        rgba(18,48,71,.11);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STEP NUMBER\r\n========================================================= *\/\r\n\r\n.amp-step-number {\r\n\r\n    position: absolute;\r\n\r\n    right: 15px;\r\n    top: 13px;\r\n\r\n    color:\r\n        rgba(18,48,71,.12);\r\n\r\n    font-size: 27px;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STEP ICON\r\n========================================================= *\/\r\n\r\n.amp-step-icon {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    width: 56px;\r\n    height: 56px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    margin-bottom: 26px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(11,93,59,.10);\r\n\r\n    border-radius: 15px;\r\n\r\n    background:\r\n        var(--amp-green-pale);\r\n\r\n    color:\r\n        var(--amp-green);\r\n\r\n    box-shadow:\r\n        0 8px 23px\r\n        rgba(18,48,71,.06);\r\n\r\n    transition:\r\n        background .3s ease,\r\n        color .3s ease,\r\n        transform .3s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n\r\n.amp-step:hover\r\n.amp-step-icon {\r\n\r\n    transform:\r\n        scale(1.06);\r\n\r\n    background:\r\n        var(--amp-green);\r\n\r\n    color:\r\n        #FFFFFF;\r\n}\r\n\r\n\r\n.amp-step-icon svg {\r\n\r\n    width: 26px;\r\n    height: 26px;\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   STEP CONTENT\r\n========================================================= *\/\r\n\r\n.amp-step-label {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 7px;\r\n\r\n    color:\r\n        var(--amp-gold);\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1px;\r\n}\r\n\r\n\r\n.amp-step h3 {\r\n\r\n    margin:\r\n        0\r\n        0\r\n        9px;\r\n\r\n    color:\r\n        var(--amp-navy-dark);\r\n\r\n    font-size: 17px;\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 1.3;\r\n}\r\n\r\n\r\n.amp-step p {\r\n\r\n    margin:\r\n        0\r\n        0\r\n        20px;\r\n\r\n    color:\r\n        var(--amp-muted);\r\n\r\n    font-size: 11.5px;\r\n\r\n    line-height: 1.62;\r\n}\r\n\r\n\r\n.amp-step-meta {\r\n\r\n    margin-top: auto;\r\n\r\n    padding-top: 13px;\r\n\r\n    border-top:\r\n        1px solid\r\n        rgba(18,48,71,.08);\r\n\r\n    color:\r\n        var(--amp-green);\r\n\r\n    font-size: 8.5px;\r\n\r\n    font-weight: 750;\r\n\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n.amp-contact-cta {\r\n\r\n    margin-top: 16px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 30px;\r\n\r\n    padding:\r\n        23px\r\n        24px;\r\n\r\n    border-radius: 17px;\r\n\r\n    background:\r\n\r\n        radial-gradient(\r\n            circle at 88% 15%,\r\n            rgba(210,168,74,.17),\r\n            transparent 28%\r\n        ),\r\n\r\n        linear-gradient(\r\n            120deg,\r\n            #0A2636 0%,\r\n            #123047 48%,\r\n            #0B5D3B 100%\r\n        );\r\n\r\n    box-shadow:\r\n        0 17px 42px\r\n        rgba(18,48,71,.16);\r\n}\r\n\r\n\r\n.amp-cta-kicker {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 4px;\r\n\r\n    color:\r\n        var(--amp-gold-light);\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1.1px;\r\n}\r\n\r\n\r\n.amp-cta-copy h3 {\r\n\r\n    margin:\r\n        0\r\n        0\r\n        4px;\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    font-size:\r\n        clamp(17px,1.7vw,21px);\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n.amp-cta-copy p {\r\n\r\n    margin: 0;\r\n\r\n    color:\r\n        rgba(255,255,255,.70);\r\n\r\n    font-size: 11px;\r\n\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA ACTIONS\r\n========================================================= *\/\r\n\r\n.amp-cta-actions {\r\n\r\n    flex: 0 0 auto;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n}\r\n\r\n\r\n.amp-cta-button {\r\n\r\n    min-height: 49px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 9px;\r\n\r\n    padding:\r\n        10px\r\n        13px;\r\n\r\n    border-radius: 10px;\r\n\r\n    text-decoration: none !important;\r\n\r\n    transition:\r\n        transform .25s cubic-bezier(.2,.7,.2,1),\r\n        background .25s ease,\r\n        box-shadow .25s ease,\r\n        border-color .25s ease;\r\n}\r\n\r\n\r\n.amp-call-button {\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.20);\r\n\r\n    background:\r\n        rgba(255,255,255,.08);\r\n\r\n    color:\r\n        #FFFFFF !important;\r\n}\r\n\r\n\r\n.amp-call-button:hover {\r\n\r\n    transform:\r\n        translateY(-2px);\r\n\r\n    background:\r\n        rgba(255,255,255,.15);\r\n\r\n    border-color:\r\n        rgba(255,255,255,.34);\r\n}\r\n\r\n\r\n.amp-whatsapp-button {\r\n\r\n    border:\r\n        1px solid\r\n        var(--amp-gold);\r\n\r\n    background:\r\n        var(--amp-gold);\r\n\r\n    color:\r\n        var(--amp-navy-dark) !important;\r\n\r\n    box-shadow:\r\n        0 9px 22px\r\n        rgba(0,0,0,.11);\r\n}\r\n\r\n\r\n.amp-whatsapp-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 13px 28px\r\n        rgba(0,0,0,.16);\r\n}\r\n\r\n\r\n.amp-button-icon {\r\n\r\n    width: 31px;\r\n    height: 31px;\r\n\r\n    flex: 0 0 31px;\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\r\n\r\n.amp-call-button\r\n.amp-button-icon {\r\n\r\n    background:\r\n        rgba(255,255,255,.09);\r\n\r\n    color:\r\n        var(--amp-gold-light);\r\n}\r\n\r\n\r\n.amp-whatsapp-button\r\n.amp-button-icon {\r\n\r\n    background:\r\n        rgba(8,31,45,.08);\r\n\r\n    color:\r\n        var(--amp-navy-dark);\r\n}\r\n\r\n\r\n.amp-button-icon svg {\r\n\r\n    width: 18px;\r\n    height: 18px;\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.amp-cta-button small,\r\n.amp-cta-button strong {\r\n\r\n    display: block;\r\n}\r\n\r\n\r\n.amp-cta-button small {\r\n\r\n    margin-bottom: 2px;\r\n\r\n    font-size: 6.7px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .8px;\r\n\r\n    opacity: .70;\r\n}\r\n\r\n\r\n.amp-cta-button strong {\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTACT BUTTON\r\n========================================================= *\/\r\n\r\n.amp-contact-button {\r\n\r\n    min-height: 49px;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 8px;\r\n\r\n    padding:\r\n        11px\r\n        15px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.22);\r\n\r\n    border-radius: 10px;\r\n\r\n    background:\r\n        rgba(255,255,255,.08);\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        transform .25s cubic-bezier(.2,.7,.2,1),\r\n        background .25s ease,\r\n        border-color .25s ease;\r\n}\r\n\r\n\r\n.amp-contact-button:hover {\r\n\r\n    transform:\r\n        translateY(-2px);\r\n\r\n    background:\r\n        rgba(255,255,255,.15);\r\n\r\n    border-color:\r\n        rgba(255,255,255,.35);\r\n}\r\n\r\n\r\n.amp-contact-button span {\r\n\r\n    color:\r\n        var(--amp-gold-light);\r\n\r\n    font-size: 16px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOAST\r\n========================================================= *\/\r\n\r\n.amp-toast {\r\n\r\n    position: fixed;\r\n\r\n    left: 50%;\r\n    bottom: 24px;\r\n\r\n    z-index: 99999;\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(--amp-navy-dark);\r\n\r\n    color: #FFFFFF;\r\n\r\n    box-shadow:\r\n        0 12px 32px\r\n        rgba(0,0,0,.22);\r\n\r\n    font-size: 12px;\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.amp-toast.amp-toast-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   REVEAL ANIMATION\r\n   Uses translate so card hover transform stays smooth.\r\n========================================================= *\/\r\n\r\n.amp-reveal {\r\n\r\n    opacity: 0;\r\n\r\n    translate:\r\n        0\r\n        14px;\r\n\r\n    transition:\r\n        opacity .58s ease,\r\n        translate .58s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n\r\n.amp-reveal.amp-visible {\r\n\r\n    opacity: 1;\r\n\r\n    translate:\r\n        0\r\n        0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RTL \/ ARABIC\r\n========================================================= *\/\r\n\r\nhtml[dir=\"rtl\"]\r\n.am-process-section {\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.amp-heading,\r\nhtml[dir=\"rtl\"]\r\n.amp-process-wrap,\r\nhtml[dir=\"rtl\"]\r\n.amp-step,\r\nhtml[dir=\"rtl\"]\r\n.amp-contact-cta {\r\n\r\n    direction: rtl;\r\n}\r\n\r\n\r\nhtml[dir=\"rtl\"]\r\n.amp-heading,\r\nhtml[dir=\"rtl\"]\r\n.amp-step,\r\nhtml[dir=\"rtl\"]\r\n.amp-cta-copy {\r\n\r\n    text-align: right;\r\n}\r\n\r\n\r\nhtml[dir=\"rtl\"]\r\n.amp-step-number {\r\n\r\n    right: auto;\r\n    left: 15px;\r\n}\r\n\r\n\r\nhtml[dir=\"rtl\"]\r\n.amp-contact-button span {\r\n\r\n    transform:\r\n        rotate(180deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .am-process-section {\r\n\r\n        padding:\r\n            65px\r\n            0\r\n            16px;\r\n\r\n        border-radius: 16px;\r\n    }\r\n\r\n\r\n    .amp-container {\r\n\r\n        width:\r\n            min(\r\n                calc(100% - 36px),\r\n                960px\r\n            );\r\n    }\r\n\r\n\r\n    .amp-process-wrap {\r\n\r\n        grid-template-columns:\r\n            repeat(2,minmax(0,1fr));\r\n    }\r\n\r\n\r\n    .amp-process-line {\r\n\r\n        display: none;\r\n    }\r\n\r\n\r\n    .amp-step {\r\n\r\n        min-height: 285px;\r\n    }\r\n\r\n\r\n    .amp-contact-cta {\r\n\r\n        align-items: flex-start;\r\n    }\r\n\r\n\r\n    .amp-cta-actions {\r\n\r\n        flex-direction: column;\r\n\r\n        min-width: 170px;\r\n    }\r\n\r\n\r\n    .amp-cta-button,\r\n    .amp-contact-button {\r\n\r\n        width: 100%;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .am-process-section {\r\n\r\n        width:\r\n            calc(100vw - 10px);\r\n\r\n        max-width:\r\n            calc(100vw - 10px);\r\n\r\n        left:\r\n            calc(50% - 50vw + 5px);\r\n\r\n        margin-top: 10px;\r\n\r\n        padding:\r\n            47px\r\n            0\r\n            14px;\r\n\r\n        border-radius: 14px;\r\n    }\r\n\r\n\r\n    .amp-container {\r\n\r\n        width:\r\n            calc(100% - 24px);\r\n    }\r\n\r\n\r\n    .amp-heading {\r\n\r\n        display: block;\r\n\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n\r\n    .amp-heading-right {\r\n\r\n        margin-top: 14px;\r\n    }\r\n\r\n\r\n    .amp-heading-right p {\r\n\r\n        font-size: 12.5px;\r\n    }\r\n\r\n\r\n    .amp-eyebrow {\r\n\r\n        font-size: 9px;\r\n\r\n        letter-spacing: 1.1px;\r\n    }\r\n\r\n\r\n    .amp-heading h2 {\r\n\r\n        font-size:\r\n            clamp(29px,8.5vw,39px);\r\n\r\n        line-height: 1.1;\r\n\r\n        letter-spacing: -.9px;\r\n    }\r\n\r\n\r\n    \/* MOBILE TIMELINE *\/\r\n\r\n    .amp-process-wrap {\r\n\r\n        display: block;\r\n\r\n        position: relative;\r\n\r\n        padding-left: 21px;\r\n    }\r\n\r\n\r\n    .amp-process-wrap::before {\r\n\r\n        content: \"\";\r\n\r\n        position: absolute;\r\n\r\n        left: 6px;\r\n        top: 16px;\r\n        bottom: 16px;\r\n\r\n        width: 2px;\r\n\r\n        background:\r\n            linear-gradient(\r\n                180deg,\r\n                rgba(11,93,59,.20),\r\n                rgba(210,168,74,.50),\r\n                rgba(11,93,59,.20)\r\n            );\r\n    }\r\n\r\n\r\n    .amp-step {\r\n\r\n        min-height: 0;\r\n\r\n        margin-bottom: 10px;\r\n\r\n        padding:\r\n            18px\r\n            16px;\r\n\r\n        border-radius: 14px;\r\n    }\r\n\r\n\r\n    .amp-step::before {\r\n\r\n        content: \"\";\r\n\r\n        position: absolute;\r\n\r\n        left: -21px;\r\n        top: 29px;\r\n\r\n        width: 10px;\r\n        height: 10px;\r\n\r\n        border-radius: 50%;\r\n\r\n        background:\r\n            var(--amp-gold);\r\n\r\n        box-shadow:\r\n            0 0 0 5px\r\n            rgba(210,168,74,.12);\r\n    }\r\n\r\n\r\n    .amp-step-icon {\r\n\r\n        width: 46px;\r\n        height: 46px;\r\n\r\n        margin-bottom: 16px;\r\n\r\n        border-radius: 13px;\r\n    }\r\n\r\n\r\n    .amp-step-icon svg {\r\n\r\n        width: 22px;\r\n        height: 22px;\r\n    }\r\n\r\n\r\n    .amp-step h3 {\r\n\r\n        font-size: 15px;\r\n    }\r\n\r\n\r\n    .amp-step p {\r\n\r\n        margin-bottom: 13px;\r\n\r\n        font-size: 10.5px;\r\n    }\r\n\r\n\r\n    .amp-step-meta {\r\n\r\n        font-size: 8px;\r\n    }\r\n\r\n\r\n    html[dir=\"rtl\"]\r\n    .amp-process-wrap {\r\n\r\n        padding-left: 0;\r\n        padding-right: 21px;\r\n    }\r\n\r\n\r\n    html[dir=\"rtl\"]\r\n    .amp-process-wrap::before {\r\n\r\n        left: auto;\r\n        right: 6px;\r\n    }\r\n\r\n\r\n    html[dir=\"rtl\"]\r\n    .amp-step::before {\r\n\r\n        left: auto;\r\n        right: -21px;\r\n    }\r\n\r\n\r\n    .amp-contact-cta {\r\n\r\n        display: block;\r\n\r\n        padding: 19px;\r\n\r\n        border-radius: 14px;\r\n    }\r\n\r\n\r\n    .amp-cta-copy h3 {\r\n\r\n        font-size: 16px;\r\n    }\r\n\r\n\r\n    .amp-cta-actions {\r\n\r\n        margin-top: 16px;\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 8px;\r\n\r\n        min-width: 0;\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    .amp-process-wrap {\r\n\r\n        padding-left: 18px;\r\n    }\r\n\r\n\r\n    .amp-step::before {\r\n\r\n        left: -18px;\r\n    }\r\n\r\n\r\n    html[dir=\"rtl\"]\r\n    .amp-process-wrap {\r\n\r\n        padding-left: 0;\r\n        padding-right: 18px;\r\n    }\r\n\r\n\r\n    html[dir=\"rtl\"]\r\n    .amp-step::before {\r\n\r\n        left: auto;\r\n        right: -18px;\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    .amp-reveal {\r\n\r\n        opacity: 1;\r\n\r\n        translate: none;\r\n\r\n        transition: none !important;\r\n    }\r\n\r\n\r\n    .amp-step,\r\n    .amp-step-icon,\r\n    .amp-cta-button,\r\n    .amp-contact-button {\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        document\r\n        .querySelectorAll(\".am-process-section\")\r\n        .forEach(function (section) {\r\n\r\n\r\n            \/* ==============================================\r\n               CONTACT PAGE PLACEHOLDER\r\n            =============================================== *\/\r\n\r\n            const contactButton =\r\n                section.querySelector(\r\n                    \".amp-contact-button\"\r\n                );\r\n\r\n\r\n            const toast =\r\n                section.querySelector(\r\n                    \".amp-toast\"\r\n                );\r\n\r\n\r\n            let toastTimer;\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                    \"amp-toast-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                                \"amp-toast-visible\"\r\n                            );\r\n\r\n                        },\r\n                        2600\r\n                    );\r\n\r\n            }\r\n\r\n\r\n            if (contactButton) {\r\n\r\n                contactButton.addEventListener(\r\n                    \"click\",\r\n                    function () {\r\n\r\n                        const contactURL =\r\n                            (\r\n                                section.dataset.contactUrl\r\n                                || \"\"\r\n                            ).trim();\r\n\r\n\r\n                        if (!contactURL) {\r\n\r\n                            showToast(\r\n                                \"Add your Contact page URL in data-contact-url at the top of this 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               SCROLL REVEAL\r\n            =============================================== *\/\r\n\r\n            const revealItems =\r\n                section.querySelectorAll(\r\n                    \".amp-reveal\"\r\n                );\r\n\r\n\r\n            if (\r\n                window.matchMedia(\r\n                    \"(prefers-reduced-motion: reduce)\"\r\n                ).matches\r\n            ) {\r\n\r\n                revealItems.forEach(\r\n                    function (item) {\r\n\r\n                        item.classList.add(\r\n                            \"amp-visible\"\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            if (\r\n                \"IntersectionObserver\"\r\n                in window\r\n            ) {\r\n\r\n                const observer =\r\n                    new IntersectionObserver(\r\n\r\n                        function (entries) {\r\n\r\n                            entries.forEach(\r\n                                function (entry) {\r\n\r\n                                    if (\r\n                                        entry.isIntersecting\r\n                                    ) {\r\n\r\n                                        entry.target\r\n                                        .classList\r\n                                        .add(\r\n                                            \"amp-visible\"\r\n                                        );\r\n\r\n\r\n                                        observer\r\n                                        .unobserve(\r\n                                            entry.target\r\n                                        );\r\n\r\n                                    }\r\n\r\n                                }\r\n                            );\r\n\r\n                        },\r\n\r\n                        {\r\n                            threshold:\r\n                                0.10\r\n                        }\r\n\r\n                    );\r\n\r\n\r\n                revealItems.forEach(\r\n                    function (item) {\r\n\r\n                        observer.observe(\r\n                            item\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n\r\n            else {\r\n\r\n                revealItems.forEach(\r\n                    function (item) {\r\n\r\n                        item.classList.add(\r\n                            \"amp-visible\"\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<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-acd4907 e-flex e-con-boxed e-con e-parent\" data-id=\"acd4907\" 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-55fe108 elementor-widget elementor-widget-html\" data-id=\"55fe108\" 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     SECTION 7 \u2014 INTERACTIVE SERVICE CONCIERGE\r\n\r\n     PURPOSE:\r\n     Add a more active, modern and engaging experience between\r\n     the informational sections and the later gallery \/ FAQ areas.\r\n\r\n     FEATURES:\r\n     - Interactive service selector\r\n     - Animated visual panel\r\n     - Auto-rotating highlighted service\r\n     - Direct WhatsApp message for selected service\r\n     - Working phone button\r\n     - Future Contact-page link placeholder\r\n     - No repeated photos\r\n     - RTL \/ Arabic ready\r\n     - Fully responsive\r\n     - EXACT 5px LEFT + 5px RIGHT outer gap\r\n========================================================= -->\r\n\r\n<!--\r\n    FUTURE CONTACT PAGE LINK:\r\n    When your dedicated Contact page is ready, add its URL here.\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<section\r\n    class=\"am-concierge-section\"\r\n    id=\"service-concierge\"\r\n    data-contact-url=\"\"\r\n    data-whatsapp-number=\"966502510459\"\r\n>\r\n\r\n    <!-- BACKGROUND DECORATION -->\r\n    <div class=\"amc-grid-bg\"><\/div>\r\n    <div class=\"amc-glow amc-glow-one\"><\/div>\r\n    <div class=\"amc-glow amc-glow-two\"><\/div>\r\n\r\n    <div class=\"amc-container\">\r\n\r\n\r\n        <!-- =====================================================\r\n             INTRO\r\n        ====================================================== -->\r\n\r\n        <div class=\"amc-intro amc-reveal\">\r\n\r\n            <div class=\"amc-intro-copy\">\r\n\r\n                <span class=\"amc-eyebrow\">\r\n                    <span><\/span>\r\n                    QUICK SERVICE CONCIERGE\r\n                <\/span>\r\n\r\n                <h2>\r\n                    Tell Us What You Need.\r\n                    <em>We\u2019ll Make It Easy.<\/em>\r\n                <\/h2>\r\n\r\n                <p>\r\n                    Choose a service below and the panel will instantly\r\n                    prepare the right enquiry for you. You can then contact\r\n                    AL Madina directly through WhatsApp or by phone.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"amc-live-card\">\r\n\r\n                <span class=\"amc-live-dot\"><\/span>\r\n\r\n                <div>\r\n                    <small>QUICK ENQUIRY<\/small>\r\n                    <strong>Select a service to begin<\/strong>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =====================================================\r\n             INTERACTIVE EXPERIENCE\r\n        ====================================================== -->\r\n\r\n        <div class=\"amc-app amc-reveal\">\r\n\r\n\r\n            <!-- =================================================\r\n                 SERVICE SELECTOR\r\n            ================================================== -->\r\n\r\n            <div class=\"amc-service-nav\">\r\n\r\n                <span class=\"amc-nav-label\">\r\n                    CHOOSE A SERVICE\r\n                <\/span>\r\n\r\n\r\n                <div\r\n                    class=\"amc-service-tabs\"\r\n                    role=\"tablist\"\r\n                    aria-label=\"AL Madina services\"\r\n                >\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"amc-service-tab is-active\"\r\n                        data-service-index=\"0\"\r\n                        role=\"tab\"\r\n                        aria-selected=\"true\"\r\n                    >\r\n                        <span class=\"amc-tab-number\">01<\/span>\r\n                        <span class=\"amc-tab-name\">Manpower<\/span>\r\n                    <\/button>\r\n\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"amc-service-tab\"\r\n                        data-service-index=\"1\"\r\n                        role=\"tab\"\r\n                        aria-selected=\"false\"\r\n                    >\r\n                        <span class=\"amc-tab-number\">02<\/span>\r\n                        <span class=\"amc-tab-name\">Furniture Moving<\/span>\r\n                    <\/button>\r\n\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"amc-service-tab\"\r\n                        data-service-index=\"2\"\r\n                        role=\"tab\"\r\n                        aria-selected=\"false\"\r\n                    >\r\n                        <span class=\"amc-tab-number\">03<\/span>\r\n                        <span class=\"amc-tab-name\">Cleaning<\/span>\r\n                    <\/button>\r\n\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"amc-service-tab\"\r\n                        data-service-index=\"3\"\r\n                        role=\"tab\"\r\n                        aria-selected=\"false\"\r\n                    >\r\n                        <span class=\"amc-tab-number\">04<\/span>\r\n                        <span class=\"amc-tab-name\">Pest Control<\/span>\r\n                    <\/button>\r\n\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"amc-service-tab\"\r\n                        data-service-index=\"4\"\r\n                        role=\"tab\"\r\n                        aria-selected=\"false\"\r\n                    >\r\n                        <span class=\"amc-tab-number\">05<\/span>\r\n                        <span class=\"amc-tab-name\">Water Tank<\/span>\r\n                    <\/button>\r\n\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"amc-service-tab\"\r\n                        data-service-index=\"5\"\r\n                        role=\"tab\"\r\n                        aria-selected=\"false\"\r\n                    >\r\n                        <span class=\"amc-tab-number\">06<\/span>\r\n                        <span class=\"amc-tab-name\">Upholstery<\/span>\r\n                    <\/button>\r\n\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"amc-service-tab\"\r\n                        data-service-index=\"6\"\r\n                        role=\"tab\"\r\n                        aria-selected=\"false\"\r\n                    >\r\n                        <span class=\"amc-tab-number\">07<\/span>\r\n                        <span class=\"amc-tab-name\">Floor Care<\/span>\r\n                    <\/button>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 DYNAMIC SERVICE PANEL\r\n            ================================================== -->\r\n\r\n            <div class=\"amc-service-stage\">\r\n\r\n\r\n                <!-- VISUAL -->\r\n                <div class=\"amc-visual\">\r\n\r\n                    <div class=\"amc-visual-ring amc-ring-one\"><\/div>\r\n                    <div class=\"amc-visual-ring amc-ring-two\"><\/div>\r\n                    <div class=\"amc-visual-ring amc-ring-three\"><\/div>\r\n\r\n                    <span class=\"amc-particle amc-particle-one\"><\/span>\r\n                    <span class=\"amc-particle amc-particle-two\"><\/span>\r\n                    <span class=\"amc-particle amc-particle-three\"><\/span>\r\n\r\n                    <div class=\"amc-icon-core\">\r\n\r\n                        <div class=\"amc-icon-shell\">\r\n\r\n                            <svg\r\n                                class=\"amc-dynamic-icon\"\r\n                                viewBox=\"0 0 24 24\"\r\n                                aria-hidden=\"true\"\r\n                            >\r\n                                <path d=\"M4 20V9L12 4L20 9V20\"><\/path>\r\n                                <path d=\"M8 20V13H16V20\"><\/path>\r\n                                <path d=\"M9 9H15\"><\/path>\r\n                            <\/svg>\r\n\r\n                        <\/div>\r\n\r\n                        <span class=\"amc-visual-index\">\r\n                            01\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"amc-mini-status\">\r\n\r\n                        <span><\/span>\r\n\r\n                        <div>\r\n                            <small>SELECTED SERVICE<\/small>\r\n                            <strong class=\"amc-mini-service\">\r\n                                Manpower Services\r\n                            <\/strong>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- CONTENT -->\r\n                <div class=\"amc-stage-content\">\r\n\r\n                    <span class=\"amc-stage-kicker\">\r\n                        AL MADINA SERVICE\r\n                    <\/span>\r\n\r\n                    <h3 class=\"amc-stage-title\">\r\n                        Manpower Services\r\n                    <\/h3>\r\n\r\n                    <p class=\"amc-stage-description\">\r\n                        Flexible manpower support for residential,\r\n                        commercial, operational, cleaning, moving\r\n                        and general workforce requirements.\r\n                    <\/p>\r\n\r\n\r\n                    <div class=\"amc-feature-tags\">\r\n\r\n                        <span class=\"amc-tag amc-tag-one\">\r\n                            Workforce Support\r\n                        <\/span>\r\n\r\n                        <span class=\"amc-tag amc-tag-two\">\r\n                            Flexible Requirements\r\n                        <\/span>\r\n\r\n                        <span class=\"amc-tag amc-tag-three\">\r\n                            Residential &amp; Commercial\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"amc-message-preview\">\r\n\r\n                        <span class=\"amc-message-label\">\r\n                            YOUR WHATSAPP MESSAGE\r\n                        <\/span>\r\n\r\n                        <p class=\"amc-message-text\">\r\n                            Hello, I would like to request Manpower Services\r\n                            from AL Madina Service Company. Please provide\r\n                            me with more information and a quotation.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"amc-stage-actions\">\r\n\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"amc-whatsapp-action\"\r\n                        >\r\n                            <span class=\"amc-button-icon\">\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\r\n                            Send on WhatsApp\r\n                        <\/button>\r\n\r\n\r\n                        <a\r\n                            href=\"tel:+966502510459\"\r\n                            class=\"amc-call-action\"\r\n                        >\r\n                            <span class=\"amc-button-icon\">\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\r\n                            Call +966 50 251 0459\r\n                        <\/a>\r\n\r\n                    <\/div>\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             PROGRESS \/ CONTACT BAR\r\n        ====================================================== -->\r\n\r\n        <div class=\"amc-bottom-bar amc-reveal\">\r\n\r\n            <div class=\"amc-progress-area\">\r\n\r\n                <div class=\"amc-progress-copy\">\r\n                    <span>EXPLORE SERVICES<\/span>\r\n                    <strong>\r\n                        Use the buttons above or let the selector rotate automatically.\r\n                    <\/strong>\r\n                <\/div>\r\n\r\n                <div class=\"amc-progress-track\">\r\n                    <span class=\"amc-progress-fill\"><\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <button\r\n                type=\"button\"\r\n                class=\"amc-contact-page-button\"\r\n            >\r\n                Contact Page\r\n                <span aria-hidden=\"true\">\u2192<\/span>\r\n            <\/button>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- TOAST -->\r\n\r\n        <div\r\n            class=\"amc-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\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n.am-concierge-section,\r\n.am-concierge-section * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION\r\n========================================================= *\/\r\n\r\n.am-concierge-section {\r\n\r\n    --amc-green: #0B5D3B;\r\n    --amc-green-light: #16845A;\r\n    --amc-green-pale: #DFF1E8;\r\n\r\n    --amc-navy: #123047;\r\n    --amc-navy-dark: #071C29;\r\n\r\n    --amc-gold: #D2A84A;\r\n    --amc-gold-light: #F2D88B;\r\n\r\n    --amc-white: #FFFFFF;\r\n\r\n    --amc-muted:\r\n        rgba(255,255,255,.67);\r\n\r\n    position: relative;\r\n\r\n    width: calc(100vw - 10px);\r\n    max-width: calc(100vw - 10px);\r\n\r\n    left: calc(50% - 50vw + 5px);\r\n\r\n    margin: 10px 0 0;\r\n\r\n    padding:\r\n        clamp(68px,7vw,100px)\r\n        0\r\n        18px;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 18px;\r\n\r\n    background:\r\n\r\n        radial-gradient(\r\n            circle at 12% 18%,\r\n            rgba(22,132,90,.22),\r\n            transparent 28%\r\n        ),\r\n\r\n        radial-gradient(\r\n            circle at 87% 79%,\r\n            rgba(210,168,74,.16),\r\n            transparent 27%\r\n        ),\r\n\r\n        linear-gradient(\r\n            135deg,\r\n            #071C29 0%,\r\n            #0B2637 48%,\r\n            #0A3A2B 100%\r\n        );\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    font-family:\r\n        \"Inter\",\r\n        \"Tajawal\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    isolation: isolate;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID BACKGROUND\r\n========================================================= *\/\r\n\r\n.amc-grid-bg {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: -2;\r\n\r\n    opacity: .15;\r\n\r\n    background-image:\r\n\r\n        linear-gradient(\r\n            rgba(255,255,255,.08) 1px,\r\n            transparent 1px\r\n        ),\r\n\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(255,255,255,.08) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size:\r\n        42px\r\n        42px;\r\n\r\n    mask-image:\r\n        linear-gradient(\r\n            to bottom,\r\n            rgba(0,0,0,.75),\r\n            transparent 88%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GLOWS\r\n========================================================= *\/\r\n\r\n.amc-glow {\r\n\r\n    position: absolute;\r\n\r\n    border-radius: 50%;\r\n\r\n    filter:\r\n        blur(15px);\r\n\r\n    pointer-events: none;\r\n\r\n    z-index: -1;\r\n\r\n    animation:\r\n        amcFloat\r\n        8s\r\n        ease-in-out\r\n        infinite;\r\n}\r\n\r\n\r\n.amc-glow-one {\r\n\r\n    width: 330px;\r\n    height: 330px;\r\n\r\n    top: -180px;\r\n    right: 8%;\r\n\r\n    background:\r\n        rgba(210,168,74,.12);\r\n}\r\n\r\n\r\n.amc-glow-two {\r\n\r\n    width: 390px;\r\n    height: 390px;\r\n\r\n    left: -190px;\r\n    bottom: -220px;\r\n\r\n    background:\r\n        rgba(22,132,90,.15);\r\n\r\n    animation-delay:\r\n        -3s;\r\n}\r\n\r\n\r\n@keyframes amcFloat {\r\n\r\n    0%,\r\n    100% {\r\n        transform:\r\n            translate3d(0,0,0)\r\n            scale(1);\r\n    }\r\n\r\n    50% {\r\n        transform:\r\n            translate3d(0,18px,0)\r\n            scale(1.04);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.amc-container {\r\n\r\n    width:\r\n        min(\r\n            calc(100% - 48px),\r\n            1240px\r\n        );\r\n\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n========================================================= *\/\r\n\r\n.amc-intro {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0,1fr)\r\n        auto;\r\n\r\n    align-items: end;\r\n\r\n    gap: 35px;\r\n\r\n    margin-bottom: 30px;\r\n}\r\n\r\n\r\n.amc-intro-copy {\r\n\r\n    max-width: 780px;\r\n}\r\n\r\n\r\n.amc-eyebrow {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    margin-bottom: 13px;\r\n\r\n    color:\r\n        var(--amc-gold-light);\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1.4px;\r\n}\r\n\r\n\r\n.amc-eyebrow > span {\r\n\r\n    width: 31px;\r\n    height: 2px;\r\n\r\n    border-radius: 20px;\r\n\r\n    background:\r\n        var(--amc-gold);\r\n}\r\n\r\n\r\n.amc-intro h2 {\r\n\r\n    margin:\r\n        0\r\n        0\r\n        13px;\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    font-size:\r\n        clamp(36px,4.3vw,58px);\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 1.04;\r\n\r\n    letter-spacing: -1.7px;\r\n}\r\n\r\n\r\n.amc-intro h2 em {\r\n\r\n    display: block;\r\n\r\n    color:\r\n        var(--amc-gold-light);\r\n\r\n    font-style: normal;\r\n}\r\n\r\n\r\n.amc-intro p {\r\n\r\n    max-width: 690px;\r\n\r\n    margin: 0;\r\n\r\n    color:\r\n        var(--amc-muted);\r\n\r\n    font-size: 13.5px;\r\n\r\n    line-height: 1.7;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LIVE CARD\r\n========================================================= *\/\r\n\r\n.amc-live-card {\r\n\r\n    min-width: 220px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 11px;\r\n\r\n    padding:\r\n        13px\r\n        15px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.12);\r\n\r\n    border-radius: 13px;\r\n\r\n    background:\r\n        rgba(255,255,255,.07);\r\n\r\n    backdrop-filter:\r\n        blur(10px);\r\n\r\n    box-shadow:\r\n        0 12px 32px\r\n        rgba(0,0,0,.13);\r\n}\r\n\r\n\r\n.amc-live-dot {\r\n\r\n    width: 10px;\r\n    height: 10px;\r\n\r\n    flex:\r\n        0\r\n        0\r\n        10px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        var(--amc-gold);\r\n\r\n    box-shadow:\r\n        0\r\n        0\r\n        0\r\n        6px\r\n        rgba(210,168,74,.12);\r\n\r\n    animation:\r\n        amcPulse\r\n        2s\r\n        ease-in-out\r\n        infinite;\r\n}\r\n\r\n\r\n@keyframes amcPulse {\r\n\r\n    0%,\r\n    100% {\r\n        box-shadow:\r\n            0 0 0 4px\r\n            rgba(210,168,74,.10);\r\n    }\r\n\r\n    50% {\r\n        box-shadow:\r\n            0 0 0 8px\r\n            rgba(210,168,74,.03);\r\n    }\r\n\r\n}\r\n\r\n\r\n.amc-live-card small,\r\n.amc-live-card strong {\r\n\r\n    display: block;\r\n}\r\n\r\n\r\n.amc-live-card small {\r\n\r\n    margin-bottom: 2px;\r\n\r\n    color:\r\n        var(--amc-gold-light);\r\n\r\n    font-size: 7px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .9px;\r\n}\r\n\r\n\r\n.amc-live-card strong {\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   APP SHELL\r\n========================================================= *\/\r\n\r\n.amc-app {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        230px\r\n        minmax(0,1fr);\r\n\r\n    overflow: hidden;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.11);\r\n\r\n    border-radius: 21px;\r\n\r\n    background:\r\n        rgba(255,255,255,.055);\r\n\r\n    backdrop-filter:\r\n        blur(13px);\r\n\r\n    box-shadow:\r\n        0 24px 70px\r\n        rgba(0,0,0,.20);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SERVICE NAV\r\n========================================================= *\/\r\n\r\n.amc-service-nav {\r\n\r\n    padding:\r\n        22px\r\n        13px;\r\n\r\n    border-right:\r\n        1px solid\r\n        rgba(255,255,255,.09);\r\n\r\n    background:\r\n        rgba(2,15,22,.22);\r\n}\r\n\r\n\r\n.amc-nav-label {\r\n\r\n    display: block;\r\n\r\n    margin:\r\n        0\r\n        8px\r\n        12px;\r\n\r\n    color:\r\n        rgba(255,255,255,.42);\r\n\r\n    font-size: 7px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1px;\r\n}\r\n\r\n\r\n.amc-service-tabs {\r\n\r\n    display: grid;\r\n\r\n    gap: 6px;\r\n}\r\n\r\n\r\n.amc-service-tab {\r\n\r\n    width: 100%;\r\n\r\n    min-height: 52px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    padding:\r\n        9px\r\n        10px;\r\n\r\n    border:\r\n        1px solid\r\n        transparent;\r\n\r\n    border-radius: 11px;\r\n\r\n    background:\r\n        transparent;\r\n\r\n    color:\r\n        rgba(255,255,255,.67);\r\n\r\n    font-family: inherit;\r\n\r\n    text-align: left;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        transform .25s cubic-bezier(.2,.7,.2,1),\r\n        color .25s ease,\r\n        border-color .25s ease,\r\n        background .25s ease;\r\n}\r\n\r\n\r\n.amc-service-tab:hover {\r\n\r\n    transform:\r\n        translateX(3px);\r\n\r\n    background:\r\n        rgba(255,255,255,.06);\r\n\r\n    color:\r\n        #FFFFFF;\r\n}\r\n\r\n\r\n.amc-service-tab.is-active {\r\n\r\n    border-color:\r\n        rgba(210,168,74,.22);\r\n\r\n    background:\r\n        linear-gradient(\r\n            110deg,\r\n            rgba(210,168,74,.16),\r\n            rgba(255,255,255,.055)\r\n        );\r\n\r\n    color:\r\n        #FFFFFF;\r\n}\r\n\r\n\r\n.amc-tab-number {\r\n\r\n    width: 29px;\r\n    height: 29px;\r\n\r\n    flex:\r\n        0\r\n        0\r\n        29px;\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    background:\r\n        rgba(255,255,255,.07);\r\n\r\n    color:\r\n        var(--amc-gold-light);\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 800;\r\n\r\n    transition:\r\n        background .25s ease,\r\n        color .25s ease;\r\n}\r\n\r\n\r\n.amc-service-tab.is-active\r\n.amc-tab-number {\r\n\r\n    background:\r\n        var(--amc-gold);\r\n\r\n    color:\r\n        var(--amc-navy-dark);\r\n}\r\n\r\n\r\n.amc-tab-name {\r\n\r\n    min-width: 0;\r\n\r\n    overflow: hidden;\r\n\r\n    text-overflow: ellipsis;\r\n\r\n    white-space: nowrap;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 750;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STAGE\r\n========================================================= *\/\r\n\r\n.amc-service-stage {\r\n\r\n    min-height: 510px;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(300px,.88fr)\r\n        minmax(0,1.12fr);\r\n\r\n    align-items: stretch;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VISUAL PANEL\r\n========================================================= *\/\r\n\r\n.amc-visual {\r\n\r\n    position: relative;\r\n\r\n    min-height: 510px;\r\n\r\n    overflow: hidden;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-right:\r\n        1px solid\r\n        rgba(255,255,255,.08);\r\n\r\n    background:\r\n\r\n        radial-gradient(\r\n            circle at 50% 48%,\r\n            rgba(22,132,90,.24),\r\n            transparent 36%\r\n        ),\r\n\r\n        linear-gradient(\r\n            145deg,\r\n            rgba(255,255,255,.03),\r\n            rgba(255,255,255,0)\r\n        );\r\n}\r\n\r\n\r\n\/* RINGS *\/\r\n\r\n.amc-visual-ring {\r\n\r\n    position: absolute;\r\n\r\n    left: 50%;\r\n    top: 50%;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.10);\r\n\r\n    border-radius: 50%;\r\n\r\n    transform:\r\n        translate(-50%,-50%);\r\n\r\n    animation:\r\n        amcSpin\r\n        linear\r\n        infinite;\r\n}\r\n\r\n\r\n.amc-ring-one {\r\n\r\n    width: 310px;\r\n    height: 310px;\r\n\r\n    border-style:\r\n        dashed;\r\n\r\n    animation-duration:\r\n        24s;\r\n}\r\n\r\n\r\n.amc-ring-two {\r\n\r\n    width: 230px;\r\n    height: 230px;\r\n\r\n    border-color:\r\n        rgba(210,168,74,.22);\r\n\r\n    animation-duration:\r\n        18s;\r\n\r\n    animation-direction:\r\n        reverse;\r\n}\r\n\r\n\r\n.amc-ring-three {\r\n\r\n    width: 150px;\r\n    height: 150px;\r\n\r\n    border-color:\r\n        rgba(255,255,255,.15);\r\n\r\n    animation-duration:\r\n        14s;\r\n}\r\n\r\n\r\n@keyframes amcSpin {\r\n\r\n    from {\r\n        transform:\r\n            translate(-50%,-50%)\r\n            rotate(0deg);\r\n    }\r\n\r\n    to {\r\n        transform:\r\n            translate(-50%,-50%)\r\n            rotate(360deg);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* PARTICLES *\/\r\n\r\n.amc-particle {\r\n\r\n    position: absolute;\r\n\r\n    width: 8px;\r\n    height: 8px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        var(--amc-gold);\r\n\r\n    box-shadow:\r\n        0 0 18px\r\n        rgba(210,168,74,.45);\r\n\r\n    animation:\r\n        amcParticleFloat\r\n        4.8s\r\n        ease-in-out\r\n        infinite;\r\n}\r\n\r\n\r\n.amc-particle-one {\r\n\r\n    left: 22%;\r\n    top: 28%;\r\n}\r\n\r\n\r\n.amc-particle-two {\r\n\r\n    right: 21%;\r\n    top: 39%;\r\n\r\n    width: 6px;\r\n    height: 6px;\r\n\r\n    background:\r\n        var(--amc-green-light);\r\n\r\n    box-shadow:\r\n        0 0 18px\r\n        rgba(22,132,90,.50);\r\n\r\n    animation-delay:\r\n        -1.7s;\r\n}\r\n\r\n\r\n.amc-particle-three {\r\n\r\n    left: 35%;\r\n    bottom: 24%;\r\n\r\n    width: 5px;\r\n    height: 5px;\r\n\r\n    animation-delay:\r\n        -3s;\r\n}\r\n\r\n\r\n@keyframes amcParticleFloat {\r\n\r\n    0%,\r\n    100% {\r\n        transform:\r\n            translateY(0)\r\n            scale(1);\r\n    }\r\n\r\n    50% {\r\n        transform:\r\n            translateY(-12px)\r\n            scale(1.2);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON CORE\r\n========================================================= *\/\r\n\r\n.amc-icon-core {\r\n\r\n    position: relative;\r\n\r\n    z-index: 4;\r\n\r\n    width: 132px;\r\n    height: 132px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.12);\r\n\r\n    border-radius: 36px;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            145deg,\r\n            rgba(255,255,255,.12),\r\n            rgba(255,255,255,.035)\r\n        );\r\n\r\n    backdrop-filter:\r\n        blur(10px);\r\n\r\n    box-shadow:\r\n        0 18px 50px\r\n        rgba(0,0,0,.20);\r\n\r\n    transition:\r\n        transform .38s cubic-bezier(.2,.7,.2,1),\r\n        box-shadow .38s ease;\r\n}\r\n\r\n\r\n.amc-icon-core.is-changing {\r\n\r\n    transform:\r\n        scale(.92)\r\n        rotate(-3deg);\r\n\r\n    box-shadow:\r\n        0 8px 30px\r\n        rgba(0,0,0,.16);\r\n}\r\n\r\n\r\n.amc-icon-shell {\r\n\r\n    width: 72px;\r\n    height: 72px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 22px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            var(--amc-gold),\r\n            var(--amc-gold-light)\r\n        );\r\n\r\n    color:\r\n        var(--amc-navy-dark);\r\n\r\n    box-shadow:\r\n        0 12px 30px\r\n        rgba(210,168,74,.17);\r\n}\r\n\r\n\r\n.amc-dynamic-icon {\r\n\r\n    width: 38px;\r\n    height: 38px;\r\n\r\n    fill: none;\r\n\r\n    stroke: currentColor;\r\n\r\n    stroke-width: 1.6;\r\n\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n\r\n.amc-visual-index {\r\n\r\n    position: absolute;\r\n\r\n    right: -15px;\r\n    bottom: -10px;\r\n\r\n    width: 44px;\r\n    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:\r\n        4px solid\r\n        #0A2A33;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        var(--amc-green-light);\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n\/* MINI STATUS *\/\r\n\r\n.amc-mini-status {\r\n\r\n    position: absolute;\r\n\r\n    left: 18px;\r\n    right: 18px;\r\n    bottom: 17px;\r\n\r\n    z-index: 5;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    padding:\r\n        10px\r\n        12px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.10);\r\n\r\n    border-radius: 11px;\r\n\r\n    background:\r\n        rgba(4,24,31,.58);\r\n\r\n    backdrop-filter:\r\n        blur(9px);\r\n}\r\n\r\n\r\n.amc-mini-status > span {\r\n\r\n    width: 8px;\r\n    height: 8px;\r\n\r\n    flex:\r\n        0\r\n        0\r\n        8px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        var(--amc-gold);\r\n}\r\n\r\n\r\n.amc-mini-status small,\r\n.amc-mini-status strong {\r\n\r\n    display: block;\r\n}\r\n\r\n\r\n.amc-mini-status small {\r\n\r\n    margin-bottom: 2px;\r\n\r\n    color:\r\n        rgba(255,255,255,.47);\r\n\r\n    font-size: 6.5px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .8px;\r\n}\r\n\r\n\r\n.amc-mini-status strong {\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    font-size: 9.5px;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STAGE CONTENT\r\n========================================================= *\/\r\n\r\n.amc-stage-content {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    justify-content: center;\r\n\r\n    padding:\r\n        clamp(28px,4vw,52px);\r\n\r\n    transition:\r\n        opacity .25s ease,\r\n        transform .25s ease;\r\n}\r\n\r\n\r\n.amc-stage-content.is-changing {\r\n\r\n    opacity: .18;\r\n\r\n    transform:\r\n        translateY(5px);\r\n}\r\n\r\n\r\n.amc-stage-kicker {\r\n\r\n    margin-bottom: 8px;\r\n\r\n    color:\r\n        var(--amc-gold-light);\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1.1px;\r\n}\r\n\r\n\r\n.amc-stage-title {\r\n\r\n    margin:\r\n        0\r\n        0\r\n        13px;\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    font-size:\r\n        clamp(30px,3.2vw,45px);\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 1.07;\r\n\r\n    letter-spacing: -1px;\r\n}\r\n\r\n\r\n.amc-stage-description {\r\n\r\n    max-width: 590px;\r\n\r\n    margin:\r\n        0\r\n        0\r\n        18px;\r\n\r\n    color:\r\n        var(--amc-muted);\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.68;\r\n}\r\n\r\n\r\n\/* TAGS *\/\r\n\r\n.amc-feature-tags {\r\n\r\n    display: flex;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    gap: 7px;\r\n\r\n    margin-bottom: 19px;\r\n}\r\n\r\n\r\n.amc-tag {\r\n\r\n    padding:\r\n        7px\r\n        9px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.10);\r\n\r\n    border-radius: 100px;\r\n\r\n    background:\r\n        rgba(255,255,255,.055);\r\n\r\n    color:\r\n        rgba(255,255,255,.78);\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 750;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MESSAGE PREVIEW\r\n========================================================= *\/\r\n\r\n.amc-message-preview {\r\n\r\n    margin-bottom: 20px;\r\n\r\n    padding:\r\n        14px\r\n        15px;\r\n\r\n    border-left:\r\n        3px solid\r\n        var(--amc-gold);\r\n\r\n    border-radius:\r\n        0\r\n        11px\r\n        11px\r\n        0;\r\n\r\n    background:\r\n        rgba(255,255,255,.055);\r\n}\r\n\r\n\r\n.amc-message-label {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 5px;\r\n\r\n    color:\r\n        var(--amc-gold-light);\r\n\r\n    font-size: 6.5px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .9px;\r\n}\r\n\r\n\r\n.amc-message-text {\r\n\r\n    margin: 0;\r\n\r\n    color:\r\n        rgba(255,255,255,.72);\r\n\r\n    font-size: 10.5px;\r\n\r\n    line-height: 1.55;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACTIONS\r\n========================================================= *\/\r\n\r\n.amc-stage-actions {\r\n\r\n    display: flex;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    gap: 8px;\r\n}\r\n\r\n\r\n.amc-whatsapp-action,\r\n.amc-call-action {\r\n\r\n    min-height: 49px;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 8px;\r\n\r\n    padding:\r\n        10px\r\n        15px;\r\n\r\n    border-radius: 10px;\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 10px;\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    transition:\r\n        transform .25s cubic-bezier(.2,.7,.2,1),\r\n        background .25s ease,\r\n        border-color .25s ease,\r\n        box-shadow .25s ease;\r\n}\r\n\r\n\r\n.amc-whatsapp-action {\r\n\r\n    border:\r\n        1px solid\r\n        var(--amc-gold);\r\n\r\n    background:\r\n        var(--amc-gold);\r\n\r\n    color:\r\n        var(--amc-navy-dark);\r\n\r\n    box-shadow:\r\n        0 10px 25px\r\n        rgba(210,168,74,.13);\r\n}\r\n\r\n\r\n.amc-whatsapp-action: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 14px 30px\r\n        rgba(210,168,74,.18);\r\n}\r\n\r\n\r\n.amc-call-action {\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.15);\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.amc-call-action:hover {\r\n\r\n    transform:\r\n        translateY(-2px);\r\n\r\n    border-color:\r\n        rgba(255,255,255,.28);\r\n\r\n    background:\r\n        rgba(255,255,255,.10);\r\n}\r\n\r\n\r\n.amc-button-icon {\r\n\r\n    width: 29px;\r\n    height: 29px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 8px;\r\n\r\n    background:\r\n        rgba(8,31,45,.08);\r\n}\r\n\r\n\r\n.amc-call-action\r\n.amc-button-icon {\r\n\r\n    background:\r\n        rgba(255,255,255,.07);\r\n\r\n    color:\r\n        var(--amc-gold-light);\r\n}\r\n\r\n\r\n.amc-button-icon svg {\r\n\r\n    width: 17px;\r\n    height: 17px;\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   BOTTOM BAR\r\n========================================================= *\/\r\n\r\n.amc-bottom-bar {\r\n\r\n    margin-top: 12px;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0,1fr)\r\n        auto;\r\n\r\n    align-items: center;\r\n\r\n    gap: 20px;\r\n\r\n    padding:\r\n        14px\r\n        16px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.09);\r\n\r\n    border-radius: 13px;\r\n\r\n    background:\r\n        rgba(255,255,255,.045);\r\n}\r\n\r\n\r\n.amc-progress-area {\r\n\r\n    min-width: 0;\r\n}\r\n\r\n\r\n.amc-progress-copy {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    margin-bottom: 8px;\r\n}\r\n\r\n\r\n.amc-progress-copy span {\r\n\r\n    color:\r\n        var(--amc-gold-light);\r\n\r\n    font-size: 6.5px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .9px;\r\n}\r\n\r\n\r\n.amc-progress-copy strong {\r\n\r\n    color:\r\n        rgba(255,255,255,.65);\r\n\r\n    font-size: 8.5px;\r\n\r\n    font-weight: 650;\r\n}\r\n\r\n\r\n.amc-progress-track {\r\n\r\n    width: 100%;\r\n    height: 3px;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 100px;\r\n\r\n    background:\r\n        rgba(255,255,255,.09);\r\n}\r\n\r\n\r\n.amc-progress-fill {\r\n\r\n    width: 0;\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    border-radius: inherit;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            var(--amc-green-light),\r\n            var(--amc-gold)\r\n        );\r\n}\r\n\r\n\r\n\/* AUTOPLAY PROGRESS *\/\r\n\r\n.amc-progress-fill.is-running {\r\n\r\n    animation:\r\n        amcProgress\r\n        6s\r\n        linear\r\n        forwards;\r\n}\r\n\r\n\r\n@keyframes amcProgress {\r\n\r\n    from {\r\n        width: 0%;\r\n    }\r\n\r\n    to {\r\n        width: 100%;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FUTURE CONTACT BUTTON\r\n========================================================= *\/\r\n\r\n.amc-contact-page-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: 8px;\r\n\r\n    padding:\r\n        10px\r\n        14px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.14);\r\n\r\n    border-radius: 9px;\r\n\r\n    background:\r\n        rgba(255,255,255,.06);\r\n\r\n    color:\r\n        #FFFFFF;\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    cursor: pointer;\r\n\r\n    transition:\r\n        transform .25s cubic-bezier(.2,.7,.2,1),\r\n        background .25s ease,\r\n        border-color .25s ease;\r\n}\r\n\r\n\r\n.amc-contact-page-button:hover {\r\n\r\n    transform:\r\n        translateY(-2px);\r\n\r\n    border-color:\r\n        rgba(210,168,74,.28);\r\n\r\n    background:\r\n        rgba(210,168,74,.09);\r\n}\r\n\r\n\r\n.amc-contact-page-button span {\r\n\r\n    color:\r\n        var(--amc-gold-light);\r\n\r\n    font-size: 15px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOAST\r\n========================================================= *\/\r\n\r\n.amc-toast {\r\n\r\n    position: fixed;\r\n\r\n    left: 50%;\r\n    bottom: 24px;\r\n\r\n    z-index: 99999;\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        #06151F;\r\n\r\n    color: #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.amc-toast.amc-toast-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   REVEAL\r\n========================================================= *\/\r\n\r\n.amc-reveal {\r\n\r\n    opacity: 0;\r\n\r\n    translate:\r\n        0\r\n        14px;\r\n\r\n    transition:\r\n        opacity .6s ease,\r\n        translate .6s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n\r\n.amc-reveal.amc-visible {\r\n\r\n    opacity: 1;\r\n\r\n    translate:\r\n        0\r\n        0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RTL\r\n========================================================= *\/\r\n\r\nhtml[dir=\"rtl\"]\r\n.am-concierge-section {\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.amc-intro,\r\nhtml[dir=\"rtl\"]\r\n.amc-app,\r\nhtml[dir=\"rtl\"]\r\n.amc-service-stage,\r\nhtml[dir=\"rtl\"]\r\n.amc-bottom-bar {\r\n\r\n    direction: rtl;\r\n}\r\n\r\n\r\nhtml[dir=\"rtl\"]\r\n.amc-intro-copy,\r\nhtml[dir=\"rtl\"]\r\n.amc-stage-content {\r\n\r\n    text-align: right;\r\n}\r\n\r\n\r\nhtml[dir=\"rtl\"]\r\n.amc-service-nav {\r\n\r\n    border-right: 0;\r\n\r\n    border-left:\r\n        1px solid\r\n        rgba(255,255,255,.09);\r\n}\r\n\r\n\r\nhtml[dir=\"rtl\"]\r\n.amc-service-tab {\r\n\r\n    text-align: right;\r\n}\r\n\r\n\r\nhtml[dir=\"rtl\"]\r\n.amc-service-tab:hover {\r\n\r\n    transform:\r\n        translateX(-3px);\r\n}\r\n\r\n\r\nhtml[dir=\"rtl\"]\r\n.amc-visual {\r\n\r\n    border-right: 0;\r\n\r\n    border-left:\r\n        1px solid\r\n        rgba(255,255,255,.08);\r\n}\r\n\r\n\r\nhtml[dir=\"rtl\"]\r\n.amc-message-preview {\r\n\r\n    border-left: 0;\r\n\r\n    border-right:\r\n        3px solid\r\n        var(--amc-gold);\r\n\r\n    border-radius:\r\n        11px\r\n        0\r\n        0\r\n        11px;\r\n}\r\n\r\n\r\nhtml[dir=\"rtl\"]\r\n.amc-contact-page-button span {\r\n\r\n    transform:\r\n        rotate(180deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .am-concierge-section {\r\n\r\n        padding:\r\n            65px\r\n            0\r\n            16px;\r\n\r\n        border-radius: 16px;\r\n    }\r\n\r\n\r\n    .amc-container {\r\n\r\n        width:\r\n            min(\r\n                calc(100% - 36px),\r\n                960px\r\n            );\r\n    }\r\n\r\n\r\n    .amc-app {\r\n\r\n        grid-template-columns:\r\n            190px\r\n            minmax(0,1fr);\r\n    }\r\n\r\n\r\n    .amc-service-stage {\r\n\r\n        grid-template-columns:\r\n            minmax(250px,.8fr)\r\n            minmax(0,1.2fr);\r\n    }\r\n\r\n\r\n    .amc-visual,\r\n    .amc-service-stage {\r\n\r\n        min-height: 480px;\r\n    }\r\n\r\n\r\n    .amc-ring-one {\r\n\r\n        width: 270px;\r\n        height: 270px;\r\n    }\r\n\r\n\r\n    .amc-ring-two {\r\n\r\n        width: 205px;\r\n        height: 205px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .am-concierge-section {\r\n\r\n        width:\r\n            calc(100vw - 10px);\r\n\r\n        max-width:\r\n            calc(100vw - 10px);\r\n\r\n        left:\r\n            calc(50% - 50vw + 5px);\r\n\r\n        margin-top: 10px;\r\n\r\n        padding:\r\n            47px\r\n            0\r\n            14px;\r\n\r\n        border-radius: 14px;\r\n    }\r\n\r\n\r\n    .amc-container {\r\n\r\n        width:\r\n            calc(100% - 24px);\r\n    }\r\n\r\n\r\n    .amc-intro {\r\n\r\n        display: block;\r\n\r\n        margin-bottom: 22px;\r\n    }\r\n\r\n\r\n    .amc-eyebrow {\r\n\r\n        font-size: 9px;\r\n\r\n        letter-spacing: 1.1px;\r\n    }\r\n\r\n\r\n    .amc-intro h2 {\r\n\r\n        font-size:\r\n            clamp(30px,8.8vw,40px);\r\n\r\n        line-height: 1.08;\r\n\r\n        letter-spacing: -.9px;\r\n    }\r\n\r\n\r\n    .amc-intro p {\r\n\r\n        font-size: 12.5px;\r\n    }\r\n\r\n\r\n    .amc-live-card {\r\n\r\n        margin-top: 15px;\r\n\r\n        min-width: 0;\r\n\r\n        width: 100%;\r\n    }\r\n\r\n\r\n    \/* APP *\/\r\n\r\n    .amc-app {\r\n\r\n        display: block;\r\n\r\n        border-radius: 16px;\r\n    }\r\n\r\n\r\n    .amc-service-nav {\r\n\r\n        padding:\r\n            13px\r\n            12px;\r\n\r\n        border-right: 0;\r\n\r\n        border-bottom:\r\n            1px solid\r\n            rgba(255,255,255,.09);\r\n    }\r\n\r\n\r\n    html[dir=\"rtl\"]\r\n    .amc-service-nav {\r\n\r\n        border-left: 0;\r\n\r\n        border-bottom:\r\n            1px solid\r\n            rgba(255,255,255,.09);\r\n    }\r\n\r\n\r\n    .amc-nav-label {\r\n\r\n        margin:\r\n            0\r\n            2px\r\n            8px;\r\n    }\r\n\r\n\r\n    .amc-service-tabs {\r\n\r\n        display: flex;\r\n\r\n        gap: 7px;\r\n\r\n        padding-bottom: 2px;\r\n\r\n        overflow-x: auto;\r\n\r\n        scroll-snap-type:\r\n            x mandatory;\r\n\r\n        scrollbar-width: none;\r\n\r\n        -webkit-overflow-scrolling:\r\n            touch;\r\n    }\r\n\r\n\r\n    .amc-service-tabs::-webkit-scrollbar {\r\n\r\n        display: none;\r\n    }\r\n\r\n\r\n    .amc-service-tab {\r\n\r\n        width: auto;\r\n\r\n        min-width: 132px;\r\n        min-height: 45px;\r\n\r\n        flex:\r\n            0\r\n            0\r\n            auto;\r\n\r\n        scroll-snap-align:\r\n            start;\r\n    }\r\n\r\n\r\n    .amc-tab-number {\r\n\r\n        width: 26px;\r\n        height: 26px;\r\n\r\n        flex-basis: 26px;\r\n    }\r\n\r\n\r\n    \/* STAGE *\/\r\n\r\n    .amc-service-stage {\r\n\r\n        display: block;\r\n\r\n        min-height: 0;\r\n    }\r\n\r\n\r\n    .amc-visual {\r\n\r\n        min-height: 330px;\r\n\r\n        border-right: 0;\r\n\r\n        border-bottom:\r\n            1px solid\r\n            rgba(255,255,255,.08);\r\n    }\r\n\r\n\r\n    html[dir=\"rtl\"]\r\n    .amc-visual {\r\n\r\n        border-left: 0;\r\n\r\n        border-bottom:\r\n            1px solid\r\n            rgba(255,255,255,.08);\r\n    }\r\n\r\n\r\n    .amc-ring-one {\r\n\r\n        width: 245px;\r\n        height: 245px;\r\n    }\r\n\r\n\r\n    .amc-ring-two {\r\n\r\n        width: 185px;\r\n        height: 185px;\r\n    }\r\n\r\n\r\n    .amc-ring-three {\r\n\r\n        width: 125px;\r\n        height: 125px;\r\n    }\r\n\r\n\r\n    .amc-icon-core {\r\n\r\n        width: 112px;\r\n        height: 112px;\r\n\r\n        border-radius: 30px;\r\n    }\r\n\r\n\r\n    .amc-icon-shell {\r\n\r\n        width: 62px;\r\n        height: 62px;\r\n\r\n        border-radius: 19px;\r\n    }\r\n\r\n\r\n    .amc-dynamic-icon {\r\n\r\n        width: 33px;\r\n        height: 33px;\r\n    }\r\n\r\n\r\n    .amc-stage-content {\r\n\r\n        padding:\r\n            24px\r\n            19px;\r\n    }\r\n\r\n\r\n    .amc-stage-title {\r\n\r\n        font-size: 30px;\r\n    }\r\n\r\n\r\n    .amc-stage-description {\r\n\r\n        font-size: 12px;\r\n    }\r\n\r\n\r\n    .amc-stage-actions {\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 8px;\r\n    }\r\n\r\n\r\n    .amc-whatsapp-action,\r\n    .amc-call-action {\r\n\r\n        width: 100%;\r\n    }\r\n\r\n\r\n    .amc-bottom-bar {\r\n\r\n        display: block;\r\n\r\n        padding:\r\n            13px\r\n            14px;\r\n    }\r\n\r\n\r\n    .amc-progress-copy {\r\n\r\n        display: block;\r\n    }\r\n\r\n\r\n    .amc-progress-copy strong {\r\n\r\n        display: block;\r\n\r\n        margin-top: 3px;\r\n\r\n        line-height: 1.45;\r\n    }\r\n\r\n\r\n    .amc-contact-page-button {\r\n\r\n        width: 100%;\r\n\r\n        margin-top: 12px;\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    .amc-service-tab {\r\n\r\n        min-width: 122px;\r\n    }\r\n\r\n\r\n    .amc-visual {\r\n\r\n        min-height: 300px;\r\n    }\r\n\r\n\r\n    .amc-ring-one {\r\n\r\n        width: 220px;\r\n        height: 220px;\r\n    }\r\n\r\n\r\n    .amc-ring-two {\r\n\r\n        width: 165px;\r\n        height: 165px;\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    .amc-reveal {\r\n\r\n        opacity: 1;\r\n\r\n        translate: none;\r\n\r\n        transition: none !important;\r\n    }\r\n\r\n\r\n    .amc-glow,\r\n    .amc-live-dot,\r\n    .amc-visual-ring,\r\n    .amc-particle,\r\n    .amc-progress-fill {\r\n\r\n        animation: none !important;\r\n    }\r\n\r\n\r\n    .amc-service-tab,\r\n    .amc-icon-core,\r\n    .amc-stage-content,\r\n    .amc-whatsapp-action,\r\n    .amc-call-action,\r\n    .amc-contact-page-button {\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        document\r\n        .querySelectorAll(\".am-concierge-section\")\r\n        .forEach(function (section) {\r\n\r\n\r\n            \/* ==============================================\r\n               SERVICE DATA\r\n            =============================================== *\/\r\n\r\n            const services = [\r\n\r\n                {\r\n                    name:\r\n                        \"Manpower Services\",\r\n\r\n                    description:\r\n                        \"Flexible manpower support for residential, commercial, operational, cleaning, moving and general workforce requirements.\",\r\n\r\n                    tags: [\r\n                        \"Workforce Support\",\r\n                        \"Flexible Requirements\",\r\n                        \"Residential & Commercial\"\r\n                    ],\r\n\r\n                    icon:\r\n                        '<path d=\"M4 20V9L12 4L20 9V20\"><\/path><path d=\"M8 20V13H16V20\"><\/path><path d=\"M9 9H15\"><\/path>'\r\n                },\r\n\r\n                {\r\n                    name:\r\n                        \"Furniture Moving\",\r\n\r\n                    description:\r\n                        \"Furniture dismantling, careful handling, transportation and reassembly support for homes and properties.\",\r\n\r\n                    tags: [\r\n                        \"Furniture Handling\",\r\n                        \"Moving Support\",\r\n                        \"Dismantling & Reassembly\"\r\n                    ],\r\n\r\n                    icon:\r\n                        '<path d=\"M3 7H16V17H3Z\"><\/path><path d=\"M16 10H20L22 13V17H16Z\"><\/path><path d=\"M7 20A2 2 0 1 0 7 16A2 2 0 0 0 7 20Z\"><\/path><path d=\"M18 20A2 2 0 1 0 18 16A2 2 0 0 0 18 20Z\"><\/path>'\r\n                },\r\n\r\n                {\r\n                    name:\r\n                        \"Cleaning Services\",\r\n\r\n                    description:\r\n                        \"Professional cleaning support for apartments, villas and other residential or commercial spaces.\",\r\n\r\n                    tags: [\r\n                        \"Residential Cleaning\",\r\n                        \"Commercial Cleaning\",\r\n                        \"Property Care\"\r\n                    ],\r\n\r\n                    icon:\r\n                        '<path d=\"M5 20L8 9H16L19 20\"><\/path><path d=\"M9 9V5C9 3.9 9.9 3 11 3H13\"><\/path><path d=\"M7 15H17\"><\/path>'\r\n                },\r\n\r\n                {\r\n                    name:\r\n                        \"Pest Control\",\r\n\r\n                    description:\r\n                        \"Professional solutions for insects, termites and common property pest-control requirements.\",\r\n\r\n                    tags: [\r\n                        \"Insect Control\",\r\n                        \"Termite Solutions\",\r\n                        \"Property Protection\"\r\n                    ],\r\n\r\n                    icon:\r\n                        '<path d=\"M9 8L7 5\"><\/path><path d=\"M15 8L17 5\"><\/path><path d=\"M8 11H4\"><\/path><path d=\"M16 11H20\"><\/path><path d=\"M8 15L5 18\"><\/path><path d=\"M16 15L19 18\"><\/path><path d=\"M8 12C8 8 10 6 12 6C14 6 16 8 16 12V14C16 18 14 20 12 20C10 20 8 18 8 14V12Z\"><\/path>'\r\n                },\r\n\r\n                {\r\n                    name:\r\n                        \"Water Tank Cleaning\",\r\n\r\n                    description:\r\n                        \"Cleaning and sanitization solutions for residential and property water-storage tanks.\",\r\n\r\n                    tags: [\r\n                        \"Tank Cleaning\",\r\n                        \"Sanitization\",\r\n                        \"Water Storage Care\"\r\n                    ],\r\n\r\n                    icon:\r\n                        '<path d=\"M7 4H17\"><\/path><path d=\"M8 4V20\"><\/path><path d=\"M16 4V20\"><\/path><path d=\"M8 7H16\"><\/path><path d=\"M8 17H16\"><\/path><path d=\"M12 10C12 10 10 12.2 10 14A2 2 0 0 0 14 14C14 12.2 12 10 12 10Z\"><\/path>'\r\n                },\r\n\r\n                {\r\n                    name:\r\n                        \"Carpet & Upholstery Cleaning\",\r\n\r\n                    description:\r\n                        \"Deep-cleaning support for sofas, carpets, upholstery and fabric furnishings for a fresher appearance.\",\r\n\r\n                    tags: [\r\n                        \"Sofa Cleaning\",\r\n                        \"Carpet Care\",\r\n                        \"Fabric Furnishings\"\r\n                    ],\r\n\r\n                    icon:\r\n                        '<path d=\"M5 11V8C5 6.3 6.3 5 8 5H16C17.7 5 19 6.3 19 8V11\"><\/path><path d=\"M4 11C5.7 11 7 12.3 7 14V17H17V14C17 12.3 18.3 11 20 11V19H4V11Z\"><\/path><path d=\"M7 17V20\"><\/path><path d=\"M17 17V20\"><\/path>'\r\n                },\r\n\r\n                {\r\n                    name:\r\n                        \"Floor & Marble Polishing\",\r\n\r\n                    description:\r\n                        \"Cleaning and polishing solutions for marble, ceramic tiles and other hard floor surfaces.\",\r\n\r\n                    tags: [\r\n                        \"Marble Polishing\",\r\n                        \"Tile Cleaning\",\r\n                        \"Hard Floor Care\"\r\n                    ],\r\n\r\n                    icon:\r\n                        '<path d=\"M4 16L12 6L20 16\"><\/path><path d=\"M6 16H18V20H6Z\"><\/path><path d=\"M10 10L14 14\"><\/path><path d=\"M14 10L10 14\"><\/path>'\r\n                }\r\n\r\n            ];\r\n\r\n\r\n\r\n            \/* ==============================================\r\n               ELEMENTS\r\n            =============================================== *\/\r\n\r\n            const tabs =\r\n                Array.from(\r\n                    section.querySelectorAll(\r\n                        \".amc-service-tab\"\r\n                    )\r\n                );\r\n\r\n\r\n            const title =\r\n                section.querySelector(\r\n                    \".amc-stage-title\"\r\n                );\r\n\r\n\r\n            const description =\r\n                section.querySelector(\r\n                    \".amc-stage-description\"\r\n                );\r\n\r\n\r\n            const miniService =\r\n                section.querySelector(\r\n                    \".amc-mini-service\"\r\n                );\r\n\r\n\r\n            const indexText =\r\n                section.querySelector(\r\n                    \".amc-visual-index\"\r\n                );\r\n\r\n\r\n            const icon =\r\n                section.querySelector(\r\n                    \".amc-dynamic-icon\"\r\n                );\r\n\r\n\r\n            const tagOne =\r\n                section.querySelector(\r\n                    \".amc-tag-one\"\r\n                );\r\n\r\n\r\n            const tagTwo =\r\n                section.querySelector(\r\n                    \".amc-tag-two\"\r\n                );\r\n\r\n\r\n            const tagThree =\r\n                section.querySelector(\r\n                    \".amc-tag-three\"\r\n                );\r\n\r\n\r\n            const messageText =\r\n                section.querySelector(\r\n                    \".amc-message-text\"\r\n                );\r\n\r\n\r\n            const stageContent =\r\n                section.querySelector(\r\n                    \".amc-stage-content\"\r\n                );\r\n\r\n\r\n            const iconCore =\r\n                section.querySelector(\r\n                    \".amc-icon-core\"\r\n                );\r\n\r\n\r\n            const whatsappButton =\r\n                section.querySelector(\r\n                    \".amc-whatsapp-action\"\r\n                );\r\n\r\n\r\n            const contactPageButton =\r\n                section.querySelector(\r\n                    \".amc-contact-page-button\"\r\n                );\r\n\r\n\r\n            const progress =\r\n                section.querySelector(\r\n                    \".amc-progress-fill\"\r\n                );\r\n\r\n\r\n            const toast =\r\n                section.querySelector(\r\n                    \".amc-toast\"\r\n                );\r\n\r\n\r\n            const app =\r\n                section.querySelector(\r\n                    \".amc-app\"\r\n                );\r\n\r\n\r\n            let currentIndex = 0;\r\n\r\n            let autoplayTimer;\r\n\r\n            let toastTimer;\r\n\r\n\r\n\r\n            \/* ==============================================\r\n               MESSAGE\r\n            =============================================== *\/\r\n\r\n            function buildMessage(serviceName) {\r\n\r\n                return (\r\n                    \"Hello, I would like to request \" +\r\n                    serviceName +\r\n                    \" from AL Madina Service Company. \" +\r\n                    \"Please provide me with more information and a quotation.\"\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                    \"amc-toast-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                                \"amc-toast-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               PROGRESS\r\n            =============================================== *\/\r\n\r\n            function restartProgress() {\r\n\r\n                progress.classList.remove(\r\n                    \"is-running\"\r\n                );\r\n\r\n\r\n                void progress.offsetWidth;\r\n\r\n\r\n                if (\r\n                    !window.matchMedia(\r\n                        \"(prefers-reduced-motion: reduce)\"\r\n                    ).matches\r\n                ) {\r\n\r\n                    progress.classList.add(\r\n                        \"is-running\"\r\n                    );\r\n\r\n                }\r\n\r\n            }\r\n\r\n\r\n\r\n            \/* ==============================================\r\n               RENDER SERVICE\r\n            =============================================== *\/\r\n\r\n            function renderService(index) {\r\n\r\n                currentIndex =\r\n                    index;\r\n\r\n\r\n                const service =\r\n                    services[index];\r\n\r\n\r\n                tabs.forEach(\r\n                    function (tab, tabIndex) {\r\n\r\n                        const active =\r\n                            tabIndex === index;\r\n\r\n\r\n                        tab.classList.toggle(\r\n                            \"is-active\",\r\n                            active\r\n                        );\r\n\r\n\r\n                        tab.setAttribute(\r\n                            \"aria-selected\",\r\n                            active\r\n                            ? \"true\"\r\n                            : \"false\"\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n\r\n                stageContent.classList.add(\r\n                    \"is-changing\"\r\n                );\r\n\r\n\r\n                iconCore.classList.add(\r\n                    \"is-changing\"\r\n                );\r\n\r\n\r\n                setTimeout(\r\n                    function () {\r\n\r\n                        title.textContent =\r\n                            service.name;\r\n\r\n\r\n                        description.textContent =\r\n                            service.description;\r\n\r\n\r\n                        miniService.textContent =\r\n                            service.name;\r\n\r\n\r\n                        indexText.textContent =\r\n                            String(index + 1)\r\n                            .padStart(\r\n                                2,\r\n                                \"0\"\r\n                            );\r\n\r\n\r\n                        icon.innerHTML =\r\n                            service.icon;\r\n\r\n\r\n                        tagOne.textContent =\r\n                            service.tags[0];\r\n\r\n\r\n                        tagTwo.textContent =\r\n                            service.tags[1];\r\n\r\n\r\n                        tagThree.textContent =\r\n                            service.tags[2];\r\n\r\n\r\n                        messageText.textContent =\r\n                            buildMessage(\r\n                                service.name\r\n                            );\r\n\r\n\r\n                        stageContent.classList.remove(\r\n                            \"is-changing\"\r\n                        );\r\n\r\n\r\n                        iconCore.classList.remove(\r\n                            \"is-changing\"\r\n                        );\r\n\r\n                    },\r\n                    180\r\n                );\r\n\r\n\r\n                restartProgress();\r\n\r\n            }\r\n\r\n\r\n\r\n            \/* ==============================================\r\n               AUTOPLAY\r\n            =============================================== *\/\r\n\r\n            function stopAutoplay() {\r\n\r\n                clearInterval(\r\n                    autoplayTimer\r\n                );\r\n\r\n            }\r\n\r\n\r\n            function startAutoplay() {\r\n\r\n                stopAutoplay();\r\n\r\n\r\n                autoplayTimer =\r\n                    setInterval(\r\n                        function () {\r\n\r\n                            const nextIndex =\r\n                                (\r\n                                    currentIndex + 1\r\n                                )\r\n                                %\r\n                                services.length;\r\n\r\n\r\n                            renderService(\r\n                                nextIndex\r\n                            );\r\n\r\n                        },\r\n                        6000\r\n                    );\r\n\r\n\r\n                restartProgress();\r\n\r\n            }\r\n\r\n\r\n\r\n            \/* ==============================================\r\n               TAB CLICKS\r\n            =============================================== *\/\r\n\r\n            tabs.forEach(\r\n                function (tab) {\r\n\r\n                    tab.addEventListener(\r\n                        \"click\",\r\n                        function () {\r\n\r\n                            const index =\r\n                                Number(\r\n                                    tab.dataset.serviceIndex\r\n                                );\r\n\r\n\r\n                            renderService(\r\n                                index\r\n                            );\r\n\r\n\r\n                            startAutoplay();\r\n\r\n                        }\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n\r\n\r\n            \/* ==============================================\r\n               WHATSAPP\r\n            =============================================== *\/\r\n\r\n            whatsappButton.addEventListener(\r\n                \"click\",\r\n                function () {\r\n\r\n                    const rawNumber =\r\n                        section.dataset.whatsappNumber\r\n                        || \"\";\r\n\r\n\r\n                    const number =\r\n                        rawNumber.replace(\r\n                            \/\\D\/g,\r\n                            \"\"\r\n                        );\r\n\r\n\r\n                    if (\r\n                        !number ||\r\n                        number.length < 8\r\n                    ) {\r\n\r\n                        showToast(\r\n                            \"WhatsApp number is not configured.\"\r\n                        );\r\n\r\n                        return;\r\n\r\n                    }\r\n\r\n\r\n                    const message =\r\n                        encodeURIComponent(\r\n                            buildMessage(\r\n                                services[currentIndex].name\r\n                            )\r\n                        );\r\n\r\n\r\n                    const url =\r\n                        \"https:\/\/wa.me\/\" +\r\n                        number +\r\n                        \"?text=\" +\r\n                        message;\r\n\r\n\r\n                    window.open(\r\n                        url,\r\n                        \"_blank\",\r\n                        \"noopener,noreferrer\"\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n\r\n\r\n            \/* ==============================================\r\n               CONTACT PAGE PLACEHOLDER\r\n            =============================================== *\/\r\n\r\n            contactPageButton.addEventListener(\r\n                \"click\",\r\n                function () {\r\n\r\n                    const contactURL =\r\n                        (\r\n                            section.dataset.contactUrl\r\n                            || \"\"\r\n                        ).trim();\r\n\r\n\r\n                    if (!contactURL) {\r\n\r\n                        showToast(\r\n                            \"Add your Contact page URL in data-contact-url at the top of this 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               HOVER PAUSE\r\n            =============================================== *\/\r\n\r\n            app.addEventListener(\r\n                \"mouseenter\",\r\n                function () {\r\n\r\n                    stopAutoplay();\r\n\r\n                    progress.classList.remove(\r\n                        \"is-running\"\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n\r\n            app.addEventListener(\r\n                \"mouseleave\",\r\n                function () {\r\n\r\n                    startAutoplay();\r\n\r\n                }\r\n            );\r\n\r\n\r\n\r\n            \/* ==============================================\r\n               SCROLL REVEAL\r\n            =============================================== *\/\r\n\r\n            const revealItems =\r\n                section.querySelectorAll(\r\n                    \".amc-reveal\"\r\n                );\r\n\r\n\r\n            if (\r\n                window.matchMedia(\r\n                    \"(prefers-reduced-motion: reduce)\"\r\n                ).matches\r\n            ) {\r\n\r\n                revealItems.forEach(\r\n                    function (item) {\r\n\r\n                        item.classList.add(\r\n                            \"amc-visible\"\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n\r\n            else if (\r\n                \"IntersectionObserver\"\r\n                in window\r\n            ) {\r\n\r\n                const observer =\r\n                    new IntersectionObserver(\r\n\r\n                        function (entries) {\r\n\r\n                            entries.forEach(\r\n                                function (entry) {\r\n\r\n                                    if (\r\n                                        entry.isIntersecting\r\n                                    ) {\r\n\r\n                                        entry.target\r\n                                        .classList.add(\r\n                                            \"amc-visible\"\r\n                                        );\r\n\r\n\r\n                                        observer.unobserve(\r\n                                            entry.target\r\n                                        );\r\n\r\n                                    }\r\n\r\n                                }\r\n                            );\r\n\r\n                        },\r\n\r\n                        {\r\n                            threshold:\r\n                                0.08\r\n                        }\r\n\r\n                    );\r\n\r\n\r\n                revealItems.forEach(\r\n                    function (item) {\r\n\r\n                        observer.observe(\r\n                            item\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n\r\n            else {\r\n\r\n                revealItems.forEach(\r\n                    function (item) {\r\n\r\n                        item.classList.add(\r\n                            \"amc-visible\"\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n\r\n\r\n\r\n            \/* ==============================================\r\n               INITIALIZE\r\n            =============================================== *\/\r\n\r\n            renderService(0);\r\n\r\n            startAutoplay();\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},"excerpt":{"rendered":"<p>FURNITURE MOVING Professional Furniture Moving Services Reliable furniture transportation, dismantling, packing and reassembly services for homes and properties across Saudi [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"default","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":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","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":""}},"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/almadinaservicecompany.com\/ar\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/almadinaservicecompany.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/almadinaservicecompany.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/almadinaservicecompany.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/almadinaservicecompany.com\/ar\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":37,"href":"https:\/\/almadinaservicecompany.com\/ar\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":73,"href":"https:\/\/almadinaservicecompany.com\/ar\/wp-json\/wp\/v2\/pages\/10\/revisions\/73"}],"wp:attachment":[{"href":"https:\/\/almadinaservicecompany.com\/ar\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}