{"id":9099,"date":"2025-10-24T21:20:25","date_gmt":"2025-10-24T21:20:25","guid":{"rendered":"https:\/\/shamelsvc.com\/stage\/?page_id=9099"},"modified":"2026-10-16T14:19:18","modified_gmt":"2026-10-16T14:19:18","slug":"home-mian","status":"publish","type":"page","link":"https:\/\/shamelsvc.com\/stage\/","title":{"rendered":"Home Main"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9099\" class=\"elementor elementor-9099\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5fd1a5a9 e-con e-atomic-element e-flexbox-base e-default-div e-5fd1a5a9-949a937 \" data-id=\"5fd1a5a9\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5fd1a5a9\">\n    \t\t<div class=\"elementor-element elementor-element-4973d7a elementor-widget elementor-widget-html\" data-id=\"4973d7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* =========================================================\r\n   SHAMEL HOME HERO SLIDER\r\n========================================================= *\/\r\n    \r\n    #shamel-auto-hero,\r\n    #shamel-auto-hero * {\r\n        box-sizing: border-box;\r\n    }\r\n    \/* =========================================================\r\n   MAIN WRAPPER\r\n========================================================= *\/\r\n    \r\n    #shamel-auto-hero {\r\n        width: 100vw;\r\n        max-width: none;\r\n        position: relative;\r\n        left: 50%;\r\n        right: 50%;\r\n        margin-left: -50vw;\r\n        margin-right: -50vw;\r\n        padding: 0 clamp(10px, 1.5vw, 24px);\r\n        direction: ltr;\r\n        font-family: Arial, Helvetica, sans-serif;\r\n    }\r\n    \/* =========================================================\r\n   MAIN SLIDER\r\n   UPDATED HEIGHT\r\n========================================================= *\/\r\n    \r\n    #shamel-auto-hero .hero-slider {\r\n        position: relative;\r\n        overflow: hidden;\r\n        width: 100%;\r\n        max-width: 1629px;\r\n        aspect-ratio: 1629 \/ 900;\r\n        height: auto;\r\n        min-height: 0;\r\n        margin: 0 auto;\r\n        border-radius: 34px;\r\n        background: #111111;\r\n    }\r\n    \/* =========================================================\r\n   SLIDES WRAPPER\r\n========================================================= *\/\r\n    \r\n    #shamel-auto-hero .slides {\r\n        position: absolute;\r\n        inset: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n    \/* =========================================================\r\n   EACH SLIDE\r\n========================================================= *\/\r\n    \r\n    #shamel-auto-hero .slide {\r\n        position: absolute;\r\n        inset: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        opacity: 0;\r\n        visibility: hidden;\r\n        background-position: center center;\r\n        \/* 1629x900 image ratio is matched by the desktop slider *\/\r\n        background-size: cover;\r\n        background-repeat: no-repeat;\r\n        transform: scale(1.015);\r\n        transition: opacity .8s ease, visibility .8s ease, transform 6s ease;\r\n    }\r\n    \r\n    #shamel-auto-hero .slide.active {\r\n        opacity: 1;\r\n        visibility: visible;\r\n        transform: scale(1);\r\n    }\r\n    \/* PERFORMANCE: real image elements allow early browser discovery *\/\r\n    \r\n    #shamel-auto-hero .slide .slide-image {\r\n        display: block;\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        object-position: center;\r\n        max-width: none;\r\n        border: 0;\r\n    }\r\n    \/* =========================================================\r\n   IMAGE POSITION\r\n========================================================= *\/\r\n    \r\n    #shamel-auto-hero .slide:nth-child(1) {\r\n        background-position: center center;\r\n    }\r\n    \r\n    #shamel-auto-hero .slide:nth-child(2),\r\n    #shamel-auto-hero .slide:nth-child(3),\r\n    #shamel-auto-hero .slide:nth-child(4),\r\n    #shamel-auto-hero .slide:nth-child(5) {\r\n        background-position: center center;\r\n    }\r\n    \/* =========================================================\r\n   DARK OVERLAY\r\n========================================================= *\/\r\n    \r\n    #shamel-auto-hero .slide::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient( 180deg, rgba(0, 0, 0, .24) 0%, rgba(0, 0, 0, .40) 48%, rgba(0, 0, 0, .64) 100%);\r\n    }\r\n    \/* =========================================================\r\n   HERO CONTENT\r\n========================================================= *\/\r\n    \r\n    #shamel-auto-hero .hero-content {\r\n        position: relative;\r\n        z-index: 5;\r\n        width: 100%;\r\n        height: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        justify-content: center;\r\n        padding: 60px clamp(60px, 8vw, 135px) 85px;\r\n        text-align: left;\r\n        color: #ffffff;\r\n    }\r\n    \/* =========================================================\r\n   SMALL TITLE\r\n========================================================= *\/\r\n    \r\n    #shamel-auto-hero .hero-small {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 8px;\r\n        margin-bottom: 14px;\r\n        color: #ffffff;\r\n        font-size: clamp( 15px, 1.1vw, 18px);\r\n        line-height: 1.2;\r\n        font-weight: 700;\r\n    }\r\n    \r\n    #shamel-auto-hero .hero-star {\r\n        color: #ff2b14;\r\n        font-size: clamp( 21px, 1.5vw, 27px);\r\n        line-height: 1;\r\n        font-weight: 900;\r\n    }\r\n    \/* =========================================================\r\n   MAIN TITLE\r\n========================================================= *\/\r\n    \r\n    #shamel-auto-hero .hero-title {\r\n        width: 100%;\r\n        max-width: 1100px;\r\n        margin: 0 0 18px;\r\n        color: #ffffff;\r\n        font-size: clamp( 38px, 3.6vw, 58px);\r\n        line-height: 1.06;\r\n        font-weight: 800;\r\n        letter-spacing: -0.5px;\r\n        text-shadow: 0 3px 18px rgba(0, 0, 0, .42);\r\n    }\r\n    \/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n    \r\n    #shamel-auto-hero .hero-desc {\r\n        width: 100%;\r\n        max-width: 930px;\r\n        margin: 0 0 24px;\r\n        color: rgba( 255, 255, 255, .96);\r\n        font-size: clamp( 15px, 1.2vw, 18px);\r\n        line-height: 1.6;\r\n        font-weight: 400;\r\n        text-shadow: 0 2px 8px rgba(0, 0, 0, .40);\r\n    }\r\n    \/* =========================================================\r\n   CALL NOW BUTTON\r\n========================================================= *\/\r\n    \r\n    #shamel-auto-hero .hero-call-btn {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 10px;\r\n        min-width: 165px;\r\n        padding: 14px 23px;\r\n        border-radius: 12px;\r\n        background: #d60008;\r\n        color: #ffffff !important;\r\n        font-size: 15px;\r\n        line-height: 1;\r\n        font-weight: 800;\r\n        text-decoration: none !important;\r\n        box-shadow: 0 10px 25px rgba(214, 0, 8, .32);\r\n        transition: transform .25s ease, background .25s ease, box-shadow .25s ease;\r\n    }\r\n    \r\n    #shamel-auto-hero .hero-call-btn:hover {\r\n        background: #b60007;\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 14px 30px rgba(201, 0, 8, .40);\r\n    }\r\n    \r\n    #shamel-auto-hero .hero-call-btn svg {\r\n        width: 18px;\r\n        height: 18px;\r\n        fill: none;\r\n        stroke: currentColor;\r\n        stroke-width: 2;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n    }\r\n    \/* =========================================================\r\n   SLIDER ARROWS\r\n========================================================= *\/\r\n    \r\n    #shamel-auto-hero .slider-arrow {\r\n        position: absolute;\r\n        top: 50%;\r\n        z-index: 10;\r\n        width: 48px;\r\n        height: 48px;\r\n        padding: 0;\r\n        margin: 0;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        transform: translateY(-50%);\r\n        border: 2px solid rgba( 255, 255, 255, .88);\r\n        border-radius: 50%;\r\n        background: rgba( 0, 0, 0, .38);\r\n        color: #ffffff;\r\n        font-family: Arial, Helvetica, sans-serif;\r\n        font-size: 28px;\r\n        line-height: 1;\r\n        font-weight: 700;\r\n        cursor: pointer;\r\n        backdrop-filter: blur(7px);\r\n        transition: background .25s ease, transform .25s ease, border-color .25s ease;\r\n    }\r\n    \r\n    #shamel-auto-hero .slider-arrow:hover {\r\n        background: #c90008;\r\n        border-color: #c90008;\r\n        transform: translateY(-50%) scale(1.06);\r\n    }\r\n    \r\n    #shamel-auto-hero .prev {\r\n        left: clamp( 16px, 2vw, 30px);\r\n    }\r\n    \r\n    #shamel-auto-hero .next {\r\n        right: clamp( 16px, 2vw, 30px);\r\n    }\r\n    \/* =========================================================\r\n   SLIDER DOTS\r\n========================================================= *\/\r\n    \r\n    #shamel-auto-hero .slider-dots {\r\n        position: absolute;\r\n        left: 50%;\r\n        bottom: 22px;\r\n        z-index: 12;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 8px;\r\n        transform: translateX(-50%);\r\n    }\r\n    \r\n    #shamel-auto-hero .dot {\r\n        width: 9px;\r\n        height: 9px;\r\n        padding: 0;\r\n        border: 0;\r\n        border-radius: 50%;\r\n        background: rgba( 255, 255, 255, .50);\r\n        cursor: pointer;\r\n        transition: transform .25s ease, background .25s ease;\r\n    }\r\n    \r\n    #shamel-auto-hero .dot.active {\r\n        background: #ffffff;\r\n        transform: scale(1.3);\r\n    }\r\n    \/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n    \r\n    @media (max-width: 950px) {\r\n        #shamel-auto-hero {\r\n            padding: 0 15px;\r\n        }\r\n        #shamel-auto-hero .hero-slider {\r\n            width: 100%;\r\n            max-width: 100%;\r\n            aspect-ratio: 1629 \/ 900;\r\n            height: auto;\r\n            min-height: 520px;\r\n            border-radius: 28px;\r\n        }\r\n        #shamel-auto-hero .hero-content {\r\n            padding: 50px 60px 80px;\r\n        }\r\n        #shamel-auto-hero .hero-title {\r\n            font-size: 42px;\r\n        }\r\n        #shamel-auto-hero .hero-desc {\r\n            font-size: 16px;\r\n        }\r\n        #shamel-auto-hero .slide:nth-child(1) {\r\n            background-position: center center;\r\n        }\r\n    }\r\n    \/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n    \r\n    @media (max-width: 700px) {\r\n        #shamel-auto-hero {\r\n            padding: 0 10px;\r\n        }\r\n        #shamel-auto-hero .hero-slider {\r\n            width: 100%;\r\n            max-width: 100%;\r\n            aspect-ratio: auto;\r\n            height: 600px;\r\n            min-height: 600px;\r\n            border-radius: 24px;\r\n        }\r\n        #shamel-auto-hero .hero-content {\r\n            padding: 42px 24px 100px;\r\n        }\r\n        #shamel-auto-hero .hero-small {\r\n            margin-bottom: 18px;\r\n            font-size: 14px;\r\n        }\r\n        #shamel-auto-hero .hero-star {\r\n            font-size: 20px;\r\n        }\r\n        #shamel-auto-hero .hero-title {\r\n            max-width: 100%;\r\n            margin-bottom: 20px;\r\n            font-size: 31px;\r\n            line-height: 1.1;\r\n            letter-spacing: -0.3px;\r\n        }\r\n        #shamel-auto-hero .hero-desc {\r\n            max-width: 96%;\r\n            margin-bottom: 24px;\r\n            font-size: 14px;\r\n            line-height: 1.55;\r\n        }\r\n        #shamel-auto-hero .hero-call-btn {\r\n            min-width: 160px;\r\n            padding: 14px 22px;\r\n            font-size: 15px;\r\n        }\r\n        \/* MOBILE ARROWS *\/\r\n        #shamel-auto-hero .slider-arrow {\r\n            top: auto;\r\n            bottom: 17px;\r\n            width: 40px;\r\n            height: 40px;\r\n            transform: none;\r\n            border: 1.5px solid rgba( 255, 255, 255, .75);\r\n            background: rgba( 0, 0, 0, .48);\r\n            font-size: 23px;\r\n            -webkit-tap-highlight-color: transparent;\r\n        }\r\n        #shamel-auto-hero .slider-arrow:hover {\r\n            background: rgba( 0, 0, 0, .48);\r\n            border-color: rgba( 255, 255, 255, .75);\r\n            transform: none;\r\n        }\r\n        #shamel-auto-hero .slider-arrow:active {\r\n            background: #c90008;\r\n            border-color: #c90008;\r\n            transform: scale(.94);\r\n        }\r\n        #shamel-auto-hero .prev {\r\n            left: 20px;\r\n        }\r\n        #shamel-auto-hero .next {\r\n            right: 20px;\r\n        }\r\n        #shamel-auto-hero .slider-dots {\r\n            bottom: 31px;\r\n            gap: 8px;\r\n        }\r\n        #shamel-auto-hero .dot {\r\n            width: 8px;\r\n            height: 8px;\r\n        }\r\n        #shamel-auto-hero .dot.active {\r\n            transform: scale(1.35);\r\n        }\r\n        #shamel-auto-hero .slide:nth-child(1) {\r\n            background-position: center center;\r\n        }\r\n    }\r\n    \/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n    \r\n    @media (max-width: 400px) {\r\n        #shamel-auto-hero .hero-slider {\r\n            height: 560px;\r\n            min-height: 560px;\r\n        }\r\n        #shamel-auto-hero .hero-title {\r\n            font-size: 28px;\r\n        }\r\n        #shamel-auto-hero .hero-desc {\r\n            font-size: 13px;\r\n        }\r\n        #shamel-auto-hero .prev {\r\n            left: 16px;\r\n        }\r\n        #shamel-auto-hero .next {\r\n            right: 16px;\r\n        }\r\n    }\r\n    \/* LEFT-ALIGNED HERO CONTENT AND JUSTIFIED TEXT *\/\r\n    \r\n    #shamel-auto-hero .hero-content {\r\n        align-items: flex-start;\r\n        text-align: left;\r\n    }\r\n    \r\n    #shamel-auto-hero .hero-small {\r\n        justify-content: flex-start;\r\n        text-align: left;\r\n    }\r\n    \r\n    #shamel-auto-hero .hero-title,\r\n    #shamel-auto-hero .hero-desc {\r\n        text-align: justify;\r\n        text-align-last: left;\r\n    }\r\n\r\n\/* FINAL HERO STYLE: balanced full-image overlay, readable copy *\/\r\n#shamel-auto-hero .slide::after {\r\n    background: linear-gradient(180deg, rgba(6,13,24,.30) 0%, rgba(6,13,24,.38) 58%, rgba(6,13,24,.48) 100%);\r\n}\r\n#shamel-auto-hero .hero-content {\r\n    padding-left: clamp(72px, 7vw, 112px);\r\n    padding-right: clamp(55px, 7vw, 112px);\r\n}\r\n#shamel-auto-hero .hero-small {\r\n    justify-content: flex-start;\r\n    width: fit-content;\r\n    padding: 9px 16px;\r\n    border: 1px solid rgba(255,255,255,.35);\r\n    border-radius: 50px;\r\n    background: rgba(10,18,26,.35);\r\n    backdrop-filter: blur(5px);\r\n}\r\n#shamel-auto-hero .hero-title {\r\n    max-width: 890px;\r\n    font-size: clamp(36px, 3.3vw, 56px);\r\n    line-height: 1.15;\r\n    text-align: left;\r\n    text-wrap: balance;\r\n    text-shadow: 0 3px 14px rgba(0,0,0,.60);\r\n}\r\n#shamel-auto-hero .hero-title .hero-highlight { color: #d60912; text-shadow: 0 2px 10px rgba(0,0,0,.4); }\r\n#shamel-auto-hero .hero-desc {\r\n    max-width: 720px;\r\n    font-size: clamp(15px, 1.2vw, 18px);\r\n    line-height: 1.7;\r\n    text-align: left;\r\n    text-shadow: 0 2px 9px rgba(0,0,0,.8);\r\n}\r\n#shamel-auto-hero .hero-cta {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    padding: 15px 24px;\r\n    border-radius: 40px;\r\n    background: #c90008;\r\n    color: #fff !important;\r\n    text-decoration: none !important;\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    box-shadow: 0 8px 22px rgba(0,0,0,.22);\r\n    transition: background .2s ease, transform .2s ease;\r\n}\r\n#shamel-auto-hero .hero-cta:hover { background: #a90006; transform: translateY(-2px); }\r\n#shamel-auto-hero .hero-cta svg { width: 19px; height: 19px; stroke: currentColor; stroke-width: 2; fill: none; }\r\n@media(max-width:950px) {\r\n    #shamel-auto-hero .hero-content { padding: 50px 62px 82px; }\r\n}\r\n@media(max-width:700px) {\r\n    #shamel-auto-hero .hero-slider { height: auto; min-height: 620px; }\r\n    #shamel-auto-hero .hero-content { min-height: 620px; height: auto; padding: 60px 26px 110px; }\r\n    #shamel-auto-hero .slide::after { background: linear-gradient(180deg,rgba(6,13,24,.40),rgba(6,13,24,.52)); }\r\n    #shamel-auto-hero .hero-title { font-size: clamp(27px,7vw,34px); line-height: 1.2; }\r\n    #shamel-auto-hero .hero-desc { font-size: 14px; line-height: 1.7; }\r\n    #shamel-auto-hero .hero-cta { padding: 13px 20px; font-size: 14px; }\r\n}\r\n@media(max-width:400px) {\r\n    #shamel-auto-hero .hero-slider { min-height: 620px; height: auto; }\r\n    #shamel-auto-hero .hero-content { min-height: 620px; padding: 58px 22px 105px; }\r\n    #shamel-auto-hero .hero-title { font-size: 27px; }\r\n}\r\n\/* POSITION ADJUSTMENT: move hero copy slightly lower without changing slider *\/\r\n#shamel-auto-hero .hero-content {\r\n    transform: translateY(28px);\r\n}\r\n@media (max-width: 700px) {\r\n    #shamel-auto-hero .hero-content {\r\n        transform: translateY(14px);\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section id=\"shamel-auto-hero\" dir=\"ltr\">\r\n\r\n    <div class=\"hero-slider\">\r\n\r\n\r\n        <!-- =================================================\r\n             SLIDER IMAGES\r\n        ================================================== -->\r\n\r\n        <div class=\"slides\">\r\n\r\n\r\n            <!-- IMAGE 1 -->\r\n\r\n            <div class=\"slide active\">\r\n                <img class=\"slide-image\" src=\"https:\/\/shamelsvc.com\/stage\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-28-2026-05_47_33-PM.png\" alt=\"Shamel Services roadside assistance in Riyadh\" fetchpriority=\"high\" loading=\"eager\" decoding=\"async\">\r\n            <\/div>\r\n\r\n\r\n            <!-- IMAGE 2 -->\r\n\r\n            <div class=\"slide\">\r\n                <img class=\"slide-image\" data-src=\"https:\/\/shamelsvc.com\/stage\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-28-2026-05_44_33-PM.png\" alt=\"Shamel Services roadside assistance slide 2\" loading=\"lazy\" decoding=\"async\">\r\n            <\/div>\r\n\r\n\r\n            <!-- IMAGE 3 -->\r\n\r\n            <div class=\"slide\">\r\n                <img class=\"slide-image\" data-src=\"https:\/\/shamelsvc.com\/stage\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-28-2026-05_31_40-PM.png\" alt=\"Shamel Services roadside assistance slide 3\" loading=\"lazy\" decoding=\"async\">\r\n            <\/div>\r\n\r\n\r\n            <!-- IMAGE 4 -->\r\n\r\n            <div class=\"slide\">\r\n                <img class=\"slide-image\" data-src=\"https:\/\/shamelsvc.com\/stage\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-28-2026-05_39_06-PM.png\" alt=\"Shamel Services roadside assistance slide 4\" loading=\"lazy\" decoding=\"async\">\r\n            <\/div>\r\n\r\n\r\n            <!-- IMAGE 5 -->\r\n\r\n            <div class=\"slide\">\r\n                <img class=\"slide-image\" data-src=\"https:\/\/shamelsvc.com\/stage\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-28-2026-05_42_22-PM.png\" alt=\"Shamel Services roadside assistance slide 5\" loading=\"lazy\" decoding=\"async\">\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             HERO CONTENT\r\n        ================================================== -->\r\n\r\n        <div class=\"hero-content\">\r\n\r\n\r\n            <div class=\"hero-small\">\r\n\r\n                <span class=\"hero-star\">\r\n                    *\r\n                <\/span>\r\n\r\n                <span>\r\n                    Welcome To Shamel SVC\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <h1 class=\"hero-title\">\r\n                Riyadh Towing &amp; Roadside <span class=\"hero-highlight\">Assistance<\/span> When You Need It Most\r\n            <\/h1>\r\n\r\n\r\n            <p class=\"hero-desc\">\r\n                Car trouble can happen anytime. ShamelSVC provides car towing &amp; recovery, mobile tyre service, battery jump start, and emergency fuel delivery across Riyadh.\r\n            <\/p>\r\n\r\n            <a class=\"hero-cta\" href=\"mailto:info@shamelsvc.com?subject=Roadside%20Assistance%20Request\">Get Assistance Now <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             PREVIOUS\r\n        ================================================== -->\r\n\r\n        <button type=\"button\" class=\"slider-arrow prev\" aria-label=\"Previous slide\">\r\n            \u2039\r\n        <\/button>\r\n\r\n\r\n        <!-- =================================================\r\n             NEXT\r\n        ================================================== -->\r\n\r\n        <button type=\"button\" class=\"slider-arrow next\" aria-label=\"Next slide\">\r\n            \u203a\r\n        <\/button>\r\n\r\n\r\n        <!-- =================================================\r\n             SLIDER DOTS\r\n        ================================================== -->\r\n\r\n        <div class=\"slider-dots\">\r\n\r\n            <button type=\"button\" class=\"dot active\" aria-label=\"Slide 1\"><\/button>\r\n\r\n\r\n            <button type=\"button\" class=\"dot\" aria-label=\"Slide 2\"><\/button>\r\n\r\n\r\n            <button type=\"button\" class=\"dot\" aria-label=\"Slide 3\"><\/button>\r\n\r\n\r\n            <button type=\"button\" class=\"dot\" aria-label=\"Slide 4\"><\/button>\r\n\r\n\r\n            <button type=\"button\" class=\"dot\" aria-label=\"Slide 5\"><\/button>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n    (function() {\r\n\r\n        function initShamelEnglishHero() {\r\n\r\n            const section =\r\n                document.getElementById(\r\n                    \"shamel-auto-hero\"\r\n                );\r\n\r\n\r\n            if (!section) {\r\n                return;\r\n            }\r\n\r\n\r\n            const slides =\r\n                Array.from(\r\n                    section.querySelectorAll(\r\n                        \".slide\"\r\n                    )\r\n                );\r\n\r\n\r\n            const dots =\r\n                Array.from(\r\n                    section.querySelectorAll(\r\n                        \".dot\"\r\n                    )\r\n                );\r\n\r\n\r\n            const prev =\r\n                section.querySelector(\r\n                    \".prev\"\r\n                );\r\n\r\n\r\n            const next =\r\n                section.querySelector(\r\n                    \".next\"\r\n                );\r\n\r\n\r\n            let current =\r\n                0;\r\n\r\n\r\n            let autoplay =\r\n                null;\r\n\r\n            let hasStarted = false;\r\n\r\n\r\n            \/* =================================================\r\n               AUTO SLIDE TIME\r\n               3500 = 3.5 seconds\r\n            ================================================== *\/\r\n\r\n            const AUTO_SLIDE_TIME =\r\n                3500;\r\n\r\n\r\n            function loadSlideImage(index) {\r\n                const slide = slides[index];\r\n                if (!slide) return;\r\n                const image = slide.querySelector(\".slide-image[data-src]\");\r\n                if (!image) return;\r\n                image.src = image.dataset.src;\r\n                image.removeAttribute(\"data-src\");\r\n            }\r\n\r\n            function prepareNextImage(index) {\r\n                if (slides.length < 2) return;\r\n                loadSlideImage((index + 1) % slides.length);\r\n            }\r\n\r\n            function showSlide(index) {\r\n\r\n                loadSlideImage(index);\r\n                if (index !== 0 || hasStarted) prepareNextImage(index);\r\n\r\n                slides.forEach(\r\n                    function(slide, i) {\r\n\r\n                        slide.classList.toggle(\r\n                            \"active\",\r\n                            i === index\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n\r\n                dots.forEach(\r\n                    function(dot, i) {\r\n\r\n                        dot.classList.toggle(\r\n                            \"active\",\r\n                            i === index\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n\r\n                current =\r\n                    index;\r\n            }\r\n\r\n\r\n            function goNext() {\r\n\r\n                let newIndex =\r\n                    current + 1;\r\n\r\n\r\n                if (\r\n                    newIndex >=\r\n                    slides.length\r\n                ) {\r\n\r\n                    newIndex =\r\n                        0;\r\n\r\n                }\r\n\r\n\r\n                showSlide(\r\n                    newIndex\r\n                );\r\n            }\r\n\r\n\r\n            function goPrev() {\r\n\r\n                let newIndex =\r\n                    current - 1;\r\n\r\n\r\n                if (\r\n                    newIndex < 0\r\n                ) {\r\n\r\n                    newIndex =\r\n                        slides.length - 1;\r\n\r\n                }\r\n\r\n\r\n                showSlide(\r\n                    newIndex\r\n                );\r\n            }\r\n\r\n\r\n            function startAuto() {\r\n\r\n                if (autoplay) {\r\n\r\n                    clearInterval(\r\n                        autoplay\r\n                    );\r\n\r\n                }\r\n\r\n\r\n                autoplay =\r\n                    setInterval(\r\n                        goNext,\r\n                        AUTO_SLIDE_TIME\r\n                    );\r\n\r\n            }\r\n\r\n\r\n            \/* =================================================\r\n               NEXT BUTTON\r\n            ================================================== *\/\r\n\r\n            next.addEventListener(\r\n                \"click\",\r\n                function() {\r\n\r\n                    goNext();\r\n\r\n                    startAuto();\r\n\r\n                }\r\n            );\r\n\r\n\r\n            \/* =================================================\r\n               PREVIOUS BUTTON\r\n            ================================================== *\/\r\n\r\n            prev.addEventListener(\r\n                \"click\",\r\n                function() {\r\n\r\n                    goPrev();\r\n\r\n                    startAuto();\r\n\r\n                }\r\n            );\r\n\r\n\r\n            \/* =================================================\r\n               DOT NAVIGATION\r\n            ================================================== *\/\r\n\r\n            dots.forEach(\r\n                function(\r\n                    dot,\r\n                    index\r\n                ) {\r\n\r\n                    dot.addEventListener(\r\n                        \"click\",\r\n                        function() {\r\n\r\n                            showSlide(\r\n                                index\r\n                            );\r\n\r\n\r\n                            startAuto();\r\n\r\n                        }\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n\r\n            \/* INITIAL SLIDE *\/\r\n\r\n            showSlide(\r\n                0\r\n            );\r\n\r\n\r\n            \/* Load the next slide after the initial rendering opportunity *\/\r\n            hasStarted = true;\r\n            if (\"requestIdleCallback\" in window) {\r\n                window.requestIdleCallback(function() {\r\n                    prepareNextImage(0);\r\n                }, {\r\n                    timeout: 2200\r\n                });\r\n            } else {\r\n                window.setTimeout(function() {\r\n                    prepareNextImage(0);\r\n                }, 1200);\r\n            }\r\n\r\n            \/* START AUTOPLAY *\/\r\n\r\n            startAuto();\r\n\r\n        }\r\n\r\n\r\n        if (\r\n            document.readyState ===\r\n            \"loading\"\r\n        ) {\r\n\r\n            document.addEventListener(\r\n                \"DOMContentLoaded\",\r\n                initShamelEnglishHero\r\n            );\r\n\r\n        } else {\r\n\r\n            initShamelEnglishHero();\r\n\r\n        }\r\n\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-bbeced6 e-flex e-con-boxed e-con e-parent\" data-id=\"bbeced6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-bfaf992 e-con-full e-flex e-con e-child\" data-id=\"bfaf992\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4469308 about-img-1 elementor-widget elementor-widget-image\" data-id=\"4469308\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"475\" height=\"609\" src=\"https:\/\/shamelsvc.com\/stage\/wp-content\/uploads\/2026\/10\/image-41.png\" class=\"attachment-full size-full wp-image-10409\" alt=\"\" srcset=\"https:\/\/shamelsvc.com\/stage\/wp-content\/uploads\/2026\/10\/image-41.png 475w, https:\/\/shamelsvc.com\/stage\/wp-content\/uploads\/2026\/10\/image-41-234x300.png 234w, https:\/\/shamelsvc.com\/stage\/wp-content\/uploads\/2026\/10\/image-41-187x240.png 187w\" sizes=\"(max-width: 475px) 100vw, 475px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bd63c0b elementor-absolute about-img-2 elementor-widget elementor-widget-image\" data-id=\"bd63c0b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"361\" height=\"445\" src=\"https:\/\/shamelsvc.com\/stage\/wp-content\/uploads\/2026\/10\/image-42.png\" class=\"attachment-full size-full wp-image-10410\" alt=\"\" srcset=\"https:\/\/shamelsvc.com\/stage\/wp-content\/uploads\/2026\/10\/image-42.png 361w, https:\/\/shamelsvc.com\/stage\/wp-content\/uploads\/2026\/10\/image-42-243x300.png 243w, https:\/\/shamelsvc.com\/stage\/wp-content\/uploads\/2026\/10\/image-42-195x240.png 195w\" sizes=\"(max-width: 361px) 100vw, 361px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bcae937 e-con-full e-flex e-con e-child\" data-id=\"bcae937\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-77ddbb4 at-heading-animation at-animation-heading-none elementor-widget elementor-widget-heading\" data-id=\"77ddbb4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">INTRO<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c5defe9 at-heading-animation at-animation-heading-style-3 elementor-widget elementor-widget-heading\" data-id=\"c5defe9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Car Trouble? <br>\nGetting help should be simple. <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9ffd1b1 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"9ffd1b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:100,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span class=\"TextRun SCXW87917883 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW87917883 BCX0\">A flat <\/span><span class=\"NormalTextRun SpellingErrorV2Themed SCXW87917883 BCX0\">tyre<\/span><span class=\"NormalTextRun SCXW87917883 BCX0\">, dead battery, empty fuel tank, or unexpected breakdown can happen at any time.<\/span><\/span><span class=\"LineBreakBlob BlobObject DragDrop SCXW87917883 BCX0\"><span class=\"SCXW87917883 BCX0\">\u00a0<\/span><\/span><\/p><p><span class=\"TextRun SCXW87917883 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW87917883 BCX0\">With <\/span><span class=\"NormalTextRun SpellingErrorV2Themed SCXW87917883 BCX0\">ShamelSVC<\/span><span class=\"NormalTextRun SCXW87917883 BCX0\">, simply contact us, share your <\/span><span class=\"NormalTextRun ContextualSpellingAndGrammarErrorV2Themed SCXW87917883 BCX0\">location<\/span><span class=\"NormalTextRun SCXW87917883 BCX0\"> and tell us what hap<\/span><span class=\"NormalTextRun SCXW87917883 BCX0\">pened. We help you access the <\/span><\/span><span class=\"TextRun SCXW87917883 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW87917883 BCX0\">automotive services in Riyadh<\/span><\/span><span class=\"TextRun SCXW87917883 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW87917883 BCX0\"> you need.<\/span><\/span><span class=\"EOP Selected SCXW87917883 BCX0\" data-ccp-props=\"{}\">\u00a0<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\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-c332771 e-con e-atomic-element e-flexbox-base e-default-div e-802a204 \" data-id=\"c332771\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c332771\">\n    \t\t<div class=\"elementor-element elementor-element-898a62a elementor-widget elementor-widget-html\" data-id=\"898a62a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   SHAMEL - OUR SERVICES SECTION\r\n========================================================= *\/\r\n\r\n#shamel-services-section,\r\n#shamel-services-section * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n#shamel-services-section {\r\n    width: 100%;\r\n    max-width: none;\r\n    margin: 0 auto;\r\n    padding: 20px;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN WRAPPER\r\n========================================================= *\/\r\n\r\n#shamel-services-section .services-wrap {\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    width: 100%;\r\n\r\n    padding: 115px 22px 105px;\r\n\r\n    background: #fff7f6;\r\n\r\n    border-radius: 30px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DECORATIONS\r\n========================================================= *\/\r\n\r\n#shamel-services-section .services-wrap::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: -145px;\r\n    left: 245px;\r\n\r\n    width: 300px;\r\n    height: 300px;\r\n\r\n    border: 1px solid rgba(201, 0, 8, 0.08);\r\n    border-radius: 50%;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n#shamel-services-section .services-wrap::after {\r\n    content: \"\u2731\";\r\n\r\n    position: absolute;\r\n\r\n    left: -12px;\r\n    bottom: -55px;\r\n\r\n    color: transparent;\r\n\r\n    -webkit-text-stroke:\r\n        1px rgba(201, 0, 8, 0.09);\r\n\r\n    font-size: 190px;\r\n    line-height: 1;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION HEADER\r\n========================================================= *\/\r\n\r\n#shamel-services-section .services-header {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    max-width: 760px;\r\n\r\n    margin: 0 auto 74px;\r\n\r\n    text-align: center;\r\n}\r\n\r\n#shamel-services-section .services-label {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 9px;\r\n\r\n    margin-bottom: 18px;\r\n\r\n    color: #a80006;\r\n\r\n    font-size: 22px;\r\n    line-height: 1.3;\r\n\r\n    font-weight: 700;\r\n}\r\n\r\n#shamel-services-section .services-title {\r\n    margin: 0;\r\n\r\n    color: #050505;\r\n\r\n    font-size: 52px;\r\n    line-height: 1.12;\r\n    font-weight: 800;\r\n\r\n    letter-spacing: -1px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARDS GRID\r\n   DESKTOP = 5 CARDS IN ONE ROW\r\n========================================================= *\/\r\n\r\n#shamel-services-section .services-grid {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(5, minmax(0, 1fr));\r\n\r\n    gap: 18px;\r\n\r\n    width: 100%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SERVICE CARD\r\n========================================================= *\/\r\n\r\n#shamel-services-section .service-card {\r\n    min-width: 0;\r\n    min-height: 438px;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n\r\n    padding: 28px 18px 30px;\r\n\r\n    background: #ffffff;\r\n\r\n    border: 1px solid #e9e9e9;\r\n    border-radius: 28px;\r\n\r\n    text-align: center;\r\n\r\n    box-shadow:\r\n        0 10px 20px rgba(0,0,0,.025);\r\n\r\n    transition:\r\n        transform .35s ease,\r\n        box-shadow .35s ease,\r\n        border-color .35s ease;\r\n}\r\n\r\n#shamel-services-section .service-card:hover {\r\n    transform: translateY(-9px);\r\n\r\n    border-color:\r\n        rgba(201,0,8,.15);\r\n\r\n    box-shadow:\r\n        0 18px 38px rgba(0,0,0,.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON CIRCLE\r\n========================================================= *\/\r\n\r\n#shamel-services-section .service-icon {\r\n    width: 72px;\r\n    height: 72px;\r\n\r\n    flex: 0 0 72px;\r\n\r\n    margin-bottom: 17px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #fff0f0;\r\n\r\n    color: #d00008;\r\n\r\n    transition:\r\n        transform .35s ease,\r\n        background .35s ease;\r\n}\r\n\r\n#shamel-services-section .service-card:hover .service-icon {\r\n    transform: scale(1.08);\r\n    background: #ffe6e6;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SVG ICONS\r\n========================================================= *\/\r\n\r\n#shamel-services-section .service-icon svg {\r\n    width: 39px;\r\n    height: 39px;\r\n\r\n    fill: none;\r\n\r\n    stroke: currentColor;\r\n    stroke-width: 2.1;\r\n\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PNG ICONS\r\n========================================================= *\/\r\n\r\n#shamel-services-section .service-icon img {\r\n    width: 39px;\r\n    height: 39px;\r\n\r\n    display: block;\r\n\r\n    object-fit: contain;\r\n\r\n    max-width: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD TITLE\r\n========================================================= *\/\r\n\r\n#shamel-services-section .service-card h3 {\r\n    min-height: 58px;\r\n\r\n    margin: 0 0 13px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    color: #080808;\r\n\r\n    font-size: 18px;\r\n    line-height: 1.28;\r\n    font-weight: 800;\r\n\r\n    transition: color .3s ease;\r\n}\r\n\r\n#shamel-services-section .service-card:hover h3 {\r\n    color: #c90008;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n#shamel-services-section .service-card p {\r\n    width: 100%;\r\n\r\n    margin: 0 0 22px;\r\n\r\n    color: #555555;\r\n\r\n    font-size: 13px;\r\n    line-height: 1.7;\r\n    font-weight: 400;\r\n\r\n    text-align: justify;\r\n    text-align-last: left;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEARN MORE\r\n========================================================= *\/\r\n\r\n#shamel-services-section .learn-more {\r\n    margin-top: auto;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 8px;\r\n\r\n    color: #d00008 !important;\r\n\r\n    font-size: 13px;\r\n    line-height: 1;\r\n    font-weight: 700;\r\n\r\n    text-decoration: none !important;\r\n}\r\n\r\n#shamel-services-section .learn-more .arrow {\r\n    display: inline-block;\r\n\r\n    font-size: 18px;\r\n\r\n    transition: transform .3s ease;\r\n}\r\n\r\n#shamel-services-section .learn-more:hover .arrow {\r\n    transform: translateX(5px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LARGE \/ NORMAL DESKTOP\r\n========================================================= *\/\r\n\r\n@media (min-width: 951px) {\r\n\r\n    #shamel-services-section .services-grid {\r\n        grid-template-columns:\r\n            repeat(5, minmax(0, 1fr));\r\n\r\n        gap: clamp(12px, 1.4vw, 22px);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL LAPTOP\r\n========================================================= *\/\r\n\r\n@media (max-width: 1200px) and (min-width: 951px) {\r\n\r\n    #shamel-services-section {\r\n        padding: 14px;\r\n    }\r\n\r\n    #shamel-services-section .services-wrap {\r\n        padding:\r\n            90px 18px 80px;\r\n    }\r\n\r\n    #shamel-services-section .services-header {\r\n        margin-bottom: 55px;\r\n    }\r\n\r\n    #shamel-services-section .services-title {\r\n        font-size: 44px;\r\n    }\r\n\r\n    #shamel-services-section .services-grid {\r\n        gap: 12px;\r\n    }\r\n\r\n    #shamel-services-section .service-card {\r\n        min-height: 410px;\r\n\r\n        padding:\r\n            24px 13px 26px;\r\n\r\n        border-radius: 24px;\r\n    }\r\n\r\n    #shamel-services-section .service-icon {\r\n        width: 62px;\r\n        height: 62px;\r\n\r\n        flex-basis: 62px;\r\n    }\r\n\r\n    #shamel-services-section .service-icon svg,\r\n    #shamel-services-section .service-icon img {\r\n        width: 34px;\r\n        height: 34px;\r\n    }\r\n\r\n    #shamel-services-section .service-card h3 {\r\n        font-size: 16px;\r\n        min-height: 52px;\r\n    }\r\n\r\n    #shamel-services-section .service-card p {\r\n        font-size: 12px;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    #shamel-services-section .learn-more {\r\n        font-size: 12px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 950px) {\r\n\r\n    #shamel-services-section {\r\n        padding: 12px;\r\n    }\r\n\r\n    #shamel-services-section .services-wrap {\r\n        padding:\r\n            75px 24px 70px;\r\n    }\r\n\r\n    #shamel-services-section .services-header {\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    #shamel-services-section .services-title {\r\n        font-size: 42px;\r\n    }\r\n\r\n    #shamel-services-section .services-grid {\r\n        grid-template-columns:\r\n            repeat(3, minmax(0, 1fr));\r\n\r\n        gap: 18px;\r\n    }\r\n\r\n    #shamel-services-section .service-card {\r\n        min-height: 400px;\r\n\r\n        padding:\r\n            26px 18px 28px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 700px) {\r\n\r\n    #shamel-services-section .services-grid {\r\n        grid-template-columns:\r\n            repeat(2, minmax(0, 1fr));\r\n\r\n        gap: 16px;\r\n    }\r\n\r\n    #shamel-services-section .service-card {\r\n        min-height: 390px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 560px) {\r\n\r\n    #shamel-services-section {\r\n        padding: 8px;\r\n    }\r\n\r\n    #shamel-services-section .services-wrap {\r\n        padding:\r\n            55px 15px 50px;\r\n\r\n        border-radius: 24px;\r\n    }\r\n\r\n    #shamel-services-section .services-header {\r\n        margin-bottom: 38px;\r\n    }\r\n\r\n    #shamel-services-section .services-label {\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n    }\r\n\r\n    #shamel-services-section .services-title {\r\n        font-size: 34px;\r\n        line-height: 1.15;\r\n    }\r\n\r\n    #shamel-services-section .services-grid {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 18px;\r\n    }\r\n\r\n    #shamel-services-section .service-card {\r\n        min-height: 0;\r\n\r\n        padding:\r\n            28px 24px 30px;\r\n\r\n        border-radius: 26px;\r\n    }\r\n\r\n    #shamel-services-section .service-icon {\r\n        width: 72px;\r\n        height: 72px;\r\n\r\n        flex-basis: 72px;\r\n    }\r\n\r\n    #shamel-services-section .service-icon svg,\r\n    #shamel-services-section .service-icon img {\r\n        width: 39px;\r\n        height: 39px;\r\n    }\r\n\r\n    #shamel-services-section .service-card h3 {\r\n        min-height: 0;\r\n\r\n        font-size: 19px;\r\n    }\r\n\r\n    #shamel-services-section .service-card p {\r\n        max-width: 330px;\r\n\r\n        font-size: 13px;\r\n    }\r\n\r\n    #shamel-services-section .learn-more {\r\n        font-size: 13px;\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    #shamel-services-section .service-card,\r\n    #shamel-services-section .service-icon,\r\n    #shamel-services-section .learn-more .arrow {\r\n        transition: none !important;\r\n    }\r\n\r\n    #shamel-services-section .service-card:hover,\r\n    #shamel-services-section .service-card:hover .service-icon {\r\n        transform: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section id=\"shamel-services-section\">\r\n\r\n    <div class=\"services-wrap\">\r\n\r\n\r\n        <!-- =========================\r\n             HEADER\r\n        ========================== -->\r\n\r\n        <div class=\"services-header\">\r\n\r\n            <div class=\"services-label\">\r\n                <span>Our Services<\/span>\r\n            <\/div>\r\n\r\n            <h2 class=\"services-title\">\r\n                Services That Help You Get<br>\r\n                Back on the Road\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =========================\r\n             SERVICES\r\n        ========================== -->\r\n\r\n        <div class=\"services-grid\">\r\n\r\n\r\n            <!-- 1. CAR TOWING -->\r\n\r\n            <div class=\"service-card\">\r\n\r\n                <div class=\"service-icon car-towing-icon\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/shamelsvc.com\/stage\/wp-content\/uploads\/2026\/10\/car-5.png\"\r\n                        alt=\"Car Towing and Recovery\"\r\n                        loading=\"lazy\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Car Towing &amp;<br>\r\n                    Recovery\r\n                <\/h3>\r\n\r\n                <p>\r\n                    If your vehicle breaks down or needs to be moved,\r\n                    our towing and recovery service in Riyadh helps\r\n                    you get safe and reliable roadside support when\r\n                    needed.\r\n                <\/p>\r\n\r\n                <a\r\n                    class=\"learn-more\"\r\n                    href=\"\/stage\/car-towing-riyadh\/\"\r\n                >\r\n                    Learn More\r\n                    <span class=\"arrow\">\u2192<\/span>\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- 2. BATTERY -->\r\n\r\n            <div class=\"service-card\">\r\n\r\n                <div class=\"service-icon battery-icon\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/shamelsvc.com\/stage\/wp-content\/uploads\/2026\/09\/car-battery-5-1.png\"\r\n                        alt=\"Battery Jump Start\"\r\n                        loading=\"lazy\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Battery Jump-<br>\r\n                    Start\r\n                <\/h3>\r\n\r\n                <p>\r\n                    If your car won\u2019t start because of a weak or dead\r\n                    battery, our jump-start service in Riyadh helps\r\n                    you restart your vehicle and continue your\r\n                    journey safely.\r\n                <\/p>\r\n\r\n                <a\r\n                    class=\"learn-more\"\r\n                    href=\"\/stage\/battery-jump-start\/\"\r\n                >\r\n                    Learn More\r\n                    <span class=\"arrow\">\u2192<\/span>\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- 3. TYRE -->\r\n\r\n            <div class=\"service-card\">\r\n\r\n                <div class=\"service-icon\">\r\n\r\n                    <svg viewBox=\"0 0 64 64\">\r\n\r\n                        <circle cx=\"32\" cy=\"32\" r=\"21\"\/>\r\n                        <circle cx=\"32\" cy=\"32\" r=\"14\"\/>\r\n                        <circle cx=\"32\" cy=\"32\" r=\"5\"\/>\r\n\r\n                        <path d=\"M32 18v9\"\/>\r\n                        <path d=\"M32 37v9\"\/>\r\n                        <path d=\"M18 32h9\"\/>\r\n                        <path d=\"M37 32h9\"\/>\r\n\r\n                        <path d=\"M22 22l6 6\"\/>\r\n                        <path d=\"M36 36l6 6\"\/>\r\n                        <path d=\"M42 22l-6 6\"\/>\r\n                        <path d=\"M28 36l-6 6\"\/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Mobile Tyre<br>\r\n                    Change &amp; Repair\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Got a flat or damaged tyre on the road? Our\r\n                    mobile tyre change and repair service in Riyadh\r\n                    provides reliable roadside assistance and helps\r\n                    you continue your journey safely when needed.\r\n                <\/p>\r\n\r\n                <a\r\n                    class=\"learn-more\"\r\n                    href=\"\/stage\/tyre-change\/\"\r\n                >\r\n                    Learn More\r\n                    <span class=\"arrow\">\u2192<\/span>\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- 4. FUEL DELIVERY -->\r\n\r\n            <div class=\"service-card\">\r\n\r\n                <div class=\"service-icon\">\r\n\r\n                    <svg viewBox=\"0 0 64 64\">\r\n\r\n                        <rect\r\n                            x=\"15\"\r\n                            y=\"12\"\r\n                            width=\"27\"\r\n                            height=\"42\"\r\n                            rx=\"3\"\r\n                        \/>\r\n\r\n                        <rect\r\n                            x=\"20\"\r\n                            y=\"17\"\r\n                            width=\"17\"\r\n                            height=\"13\"\r\n                            rx=\"1\"\r\n                        \/>\r\n\r\n                        <path d=\"M42 20h5l5 6v20c0 3-2 5-5 5h-5\"\/>\r\n\r\n                        <path d=\"M47 20l5-5\"\/>\r\n\r\n                        <path d=\"M28 36c-4 5-6 8-6 11a6 6 0 0012 0c0-3-2-6-6-11z\"\/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Emergency Fuel<br>\r\n                    Delivery\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Ran out of fuel on the road? Our emergency fuel\r\n                    delivery service in Riyadh brings the fuel you\r\n                    need directly to your location so you can\r\n                    continue your journey safely.\r\n                <\/p>\r\n\r\n                <a\r\n                    class=\"learn-more\"\r\n                    href=\"\/stage\/fuel-delivery\/\"\r\n                >\r\n                    Learn More\r\n                    <span class=\"arrow\">\u2192<\/span>\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- 5. ROADSIDE ASSISTANCE -->\r\n\r\n            <div class=\"service-card\">\r\n\r\n                <div class=\"service-icon\">\r\n\r\n                    <svg viewBox=\"0 0 64 64\">\r\n\r\n                        <path d=\"M32 8L55 50H9z\"\/>\r\n\r\n                        <path d=\"M32 22v14\"\/>\r\n\r\n                        <circle\r\n                            cx=\"32\"\r\n                            cy=\"43\"\r\n                            r=\"1.8\"\r\n                            fill=\"currentColor\"\r\n                            stroke=\"none\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Roadside<br>\r\n                    Assistance\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Facing an unexpected problem on the road? Our\r\n                    roadside assistance service in Riyadh connects\r\n                    you with the right support and helps you get\r\n                    back on track safely.\r\n                <\/p>\r\n\r\n                <a\r\n                    class=\"learn-more\"\r\n                    href=\"\/stage\/auto-spare-parts\/\"\r\n                >\r\n                    Learn More\r\n                    <span class=\"arrow\">\u2192<\/span>\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-14b232d e-con e-atomic-element e-flexbox-base e-default-div e-36eb75e \" data-id=\"14b232d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"14b232d\">\n    \t\t<div class=\"elementor-element elementor-element-921f36b elementor-widget elementor-widget-html\" data-id=\"921f36b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Rubik:wght@400;500;600;700;800&display=swap');\r\n\r\n#shamel-why-section,\r\n#shamel-why-section * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n#shamel-why-section {\r\n    width: 100%;\r\n    max-width: 1250px;\r\n    margin: 0 auto;\r\n    padding: 30px 20px 20px;\r\n    font-family: 'Rubik', sans-serif;\r\n    background: #ffffff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP CONTENT\r\n========================================================= *\/\r\n\r\n#shamel-why-section .why-top {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 60px;\r\n    align-items: start;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n#shamel-why-section .why-label {\r\n    margin-bottom: 8px;\r\n\r\n    color: #c90008;\r\n\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n\r\n    font-family: 'Rubik', sans-serif;\r\n}\r\n\r\n#shamel-why-section .why-title {\r\n    margin: 0;\r\n\r\n    color: #111111;\r\n\r\n    font-size: 34px;\r\n    line-height: 1.35;\r\n    font-weight: 600;\r\n\r\n    font-family: 'Rubik', sans-serif;\r\n}\r\n\r\n#shamel-why-section .why-description {\r\n    color: #5f5f5f;\r\n\r\n    font-size: 15px;\r\n    line-height: 1.9;\r\n\r\n    font-family: 'Rubik', sans-serif;\r\n}\r\n\r\n#shamel-why-section .why-description p {\r\n    margin: 0 0 10px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ENGLISH TOP TEXT\r\n========================================================= *\/\r\n\r\n#shamel-why-section .english-content {\r\n    direction: ltr;\r\n    text-align: left;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP ANIMATIONS\r\n========================================================= *\/\r\n\r\n#shamel-why-section .why-top > .english-content:first-child {\r\n    opacity: 0;\r\n    transform: translateX(-28px);\r\n\r\n    animation:\r\n        shamelWhyLeftReveal .75s ease forwards;\r\n}\r\n\r\n#shamel-why-section .why-description {\r\n    opacity: 0;\r\n    transform: translateX(28px);\r\n\r\n    animation:\r\n        shamelWhyRightReveal .75s ease .12s forwards;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FEATURES\r\n========================================================= *\/\r\n\r\n#shamel-why-section .why-features {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 24px;\r\n}\r\n\r\n#shamel-why-section .why-card {\r\n    text-align: center;\r\n    padding: 18px 14px;\r\n\r\n    border-radius: 18px;\r\n\r\n    opacity: 0;\r\n    transform: translateY(22px);\r\n\r\n    animation:\r\n        shamelWhyCardReveal .55s ease forwards;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        box-shadow .3s ease,\r\n        background .3s ease;\r\n}\r\n\r\n#shamel-why-section .why-card:nth-child(1) {\r\n    animation-delay: .20s;\r\n}\r\n\r\n#shamel-why-section .why-card:nth-child(2) {\r\n    animation-delay: .32s;\r\n}\r\n\r\n#shamel-why-section .why-card:nth-child(3) {\r\n    animation-delay: .44s;\r\n}\r\n\r\n#shamel-why-section .why-card:nth-child(4) {\r\n    animation-delay: .56s;\r\n}\r\n\r\n#shamel-why-section .why-card:hover {\r\n    transform: translateY(-7px) scale(1.015);\r\n\r\n    background: #fffafa;\r\n\r\n    box-shadow:\r\n        0 14px 30px rgba(0,0,0,.06);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON\r\n========================================================= *\/\r\n\r\n#shamel-why-section .why-icon {\r\n    width: 74px;\r\n    height: 74px;\r\n\r\n    margin: 0 auto 14px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    color: #c90008;\r\n\r\n    animation:\r\n        shamelWhyIconFloat 3.4s ease-in-out infinite;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        color .3s ease;\r\n}\r\n\r\n#shamel-why-section .why-card:nth-child(2) .why-icon {\r\n    animation-delay: .3s;\r\n}\r\n\r\n#shamel-why-section .why-card:nth-child(3) .why-icon {\r\n    animation-delay: .6s;\r\n}\r\n\r\n#shamel-why-section .why-card:nth-child(4) .why-icon {\r\n    animation-delay: .9s;\r\n}\r\n\r\n#shamel-why-section .why-icon svg {\r\n    width: 58px;\r\n    height: 58px;\r\n\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 2.4;\r\n\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n\r\n    transition:\r\n        transform .3s ease;\r\n}\r\n\r\n#shamel-why-section .why-card:hover .why-icon {\r\n    color: #a80006;\r\n}\r\n\r\n#shamel-why-section .why-card:hover .why-icon svg {\r\n    transform:\r\n        scale(1.08)\r\n        rotate(-3deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD CONTENT\r\n========================================================= *\/\r\n\r\n#shamel-why-section .why-card h3 {\r\n    margin: 0 0 8px;\r\n\r\n    color: #171717;\r\n\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n\r\n    direction: ltr;\r\n\r\n    font-family: 'Rubik', sans-serif;\r\n\r\n    transition:\r\n        color .3s ease;\r\n}\r\n\r\n#shamel-why-section .why-card:hover h3 {\r\n    color: #c90008;\r\n}\r\n\r\n#shamel-why-section .why-card p {\r\n    margin: 0;\r\n\r\n    color: #666666;\r\n\r\n    font-size: 13px;\r\n    line-height: 1.7;\r\n\r\n    direction: ltr;\r\n\r\n    font-family: 'Rubik', sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   KEYFRAMES\r\n========================================================= *\/\r\n\r\n@keyframes shamelWhyLeftReveal {\r\n\r\n    from {\r\n        opacity: 0;\r\n        transform: translateX(-28px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateX(0);\r\n    }\r\n}\r\n\r\n@keyframes shamelWhyRightReveal {\r\n\r\n    from {\r\n        opacity: 0;\r\n        transform: translateX(28px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateX(0);\r\n    }\r\n}\r\n\r\n@keyframes shamelWhyCardReveal {\r\n\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(22px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n@keyframes shamelWhyIconFloat {\r\n\r\n    0%,\r\n    100% {\r\n        transform: translateY(0);\r\n    }\r\n\r\n    50% {\r\n        transform: translateY(-5px);\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE - TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width: 900px) {\r\n\r\n    #shamel-why-section .why-top {\r\n        grid-template-columns: 1fr;\r\n        gap: 20px;\r\n    }\r\n\r\n    #shamel-why-section .why-features {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE - MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width: 600px) {\r\n\r\n    #shamel-why-section {\r\n        padding: 24px 16px;\r\n    }\r\n\r\n    #shamel-why-section .why-title {\r\n        font-size: 28px;\r\n    }\r\n\r\n    #shamel-why-section .why-features {\r\n        grid-template-columns: 1fr;\r\n        gap: 18px;\r\n    }\r\n\r\n    #shamel-why-section .why-card {\r\n        padding: 16px 12px;\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    #shamel-why-section .why-top > .english-content:first-child,\r\n    #shamel-why-section .why-description,\r\n    #shamel-why-section .why-card,\r\n    #shamel-why-section .why-icon {\r\n        animation: none !important;\r\n\r\n        opacity: 1 !important;\r\n        transform: none !important;\r\n    }\r\n\r\n    #shamel-why-section .why-card,\r\n    #shamel-why-section .why-icon,\r\n    #shamel-why-section .why-icon svg,\r\n    #shamel-why-section .why-card h3 {\r\n        transition: none !important;\r\n    }\r\n\r\n}\r\n\r\n\/* =========================================================\r\n   FLUID RESPONSIVE LAYOUT - DESKTOP TO MOBILE\r\n   Scoped to this section only.\r\n========================================================= *\/\r\n#shamel-why-section {\r\n    width: 100%;\r\n    max-width: 1250px;\r\n    min-width: 0;\r\n    padding: clamp(22px, 3vw, 38px) clamp(14px, 3vw, 30px);\r\n    overflow-wrap: anywhere;\r\n}\r\n#shamel-why-section .why-top {\r\n    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\r\n    gap: clamp(20px, 4vw, 60px);\r\n}\r\n#shamel-why-section .why-top > *,\r\n#shamel-why-section .why-features > * { min-width: 0; }\r\n#shamel-why-section .why-title {\r\n    font-size: clamp(25px, 2.5vw, 34px);\r\n    line-height: 1.35;\r\n}\r\n#shamel-why-section .why-description {\r\n    font-size: clamp(13px, 1.12vw, 15px);\r\n}\r\n#shamel-why-section .why-features {\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    gap: clamp(10px, 1.8vw, 24px);\r\n}\r\n#shamel-why-section .why-card {\r\n    min-width: 0;\r\n    padding: clamp(12px, 1.4vw, 18px) clamp(10px, 1.1vw, 14px);\r\n}\r\n#shamel-why-section .why-card h3 { font-size: clamp(14px, 1.15vw, 16px); }\r\n#shamel-why-section .why-card p { font-size: clamp(12px, 1vw, 13px); }\r\n@media (max-width: 1050px) {\r\n    #shamel-why-section .why-features {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        gap: 16px;\r\n    }\r\n}\r\n@media (max-width: 900px) {\r\n    #shamel-why-section .why-top {\r\n        grid-template-columns: minmax(0, 1fr);\r\n        gap: 18px;\r\n    }\r\n}\r\n@media (max-width: 600px) {\r\n    #shamel-why-section { padding: 24px 16px; }\r\n    #shamel-why-section .why-features {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        gap: 10px;\r\n    }\r\n    #shamel-why-section .why-card { padding: 14px 8px; }\r\n    #shamel-why-section .why-icon { width: 58px; height: 58px; }\r\n    #shamel-why-section .why-icon svg { width: 48px; height: 48px; }\r\n}\r\n@media (max-width: 390px) {\r\n    #shamel-why-section .why-features { grid-template-columns: minmax(0, 1fr); }\r\n    #shamel-why-section .why-card { padding: 16px 12px; }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<section id=\"shamel-why-section\">\r\n\r\n    <!-- =====================================================\r\n         TOP CONTENT\r\n    ====================================================== -->\r\n\r\n    <div class=\"why-top\">\r\n\r\n\r\n        <!-- LEFT -->\r\n\r\n        <div class=\"english-content\">\r\n\r\n            <div class=\"why-label\">\r\n                WHY SHAMELSVC\r\n            <\/div>\r\n\r\n            <h2 class=\"why-title\">\r\n                Car trouble shouldn't<br>\r\n                leave you confused.\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- RIGHT -->\r\n\r\n        <div class=\"why-description english-content\">\r\n\r\n            <p>\r\n                <b>\r\n                    When your car suddenly stops, the last thing\r\n                    you need is to waste time searching for the\r\n                    right solution.\r\n                <\/b>\r\n            <\/p>\r\n\r\n            <p>\r\n                <b>\r\n                    At ShamelSVC, we focus on making roadside\r\n                    assistance clear and simple from your first\r\n                    contact to choosing the right service.\r\n                <\/b>\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         FEATURES\r\n    ====================================================== -->\r\n\r\n    <div class=\"why-features\">\r\n\r\n\r\n        <!-- 1 -->\r\n\r\n        <div class=\"why-card\">\r\n\r\n            <div class=\"why-icon\">\r\n\r\n                <svg viewBox=\"0 0 64 64\">\r\n\r\n                    <circle\r\n                        cx=\"32\"\r\n                        cy=\"32\"\r\n                        r=\"22\"\r\n                    ><\/circle>\r\n\r\n                    <path\r\n                        d=\"M22 32l7 7 14-16\"\r\n                    ><\/path>\r\n\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n\r\n            <h3>\r\n                Clear &amp; Simple\r\n            <\/h3>\r\n\r\n\r\n            <p>\r\n                Clear and simple steps from your\r\n                first contact to getting the help you need.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- 2 -->\r\n\r\n        <div class=\"why-card\">\r\n\r\n            <div class=\"why-icon\">\r\n\r\n                <svg viewBox=\"0 0 64 64\">\r\n\r\n                    <circle\r\n                        cx=\"29\"\r\n                        cy=\"35\"\r\n                        r=\"17\"\r\n                    ><\/circle>\r\n\r\n                    <circle\r\n                        cx=\"29\"\r\n                        cy=\"35\"\r\n                        r=\"10\"\r\n                    ><\/circle>\r\n\r\n                    <circle\r\n                        cx=\"29\"\r\n                        cy=\"35\"\r\n                        r=\"3\"\r\n                    ><\/circle>\r\n\r\n                    <path\r\n                        d=\"M39 25l12-12\"\r\n                    ><\/path>\r\n\r\n                    <path\r\n                        d=\"M44 13h8v8\"\r\n                    ><\/path>\r\n\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n\r\n            <h3>\r\n                The Right Service\r\n            <\/h3>\r\n\r\n\r\n            <p>\r\n                We help you choose the right service\r\n                based on your situation.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- 3 -->\r\n\r\n        <div class=\"why-card\">\r\n\r\n            <div class=\"why-icon\">\r\n\r\n                <svg viewBox=\"0 0 64 64\">\r\n\r\n                    <path\r\n                        d=\"M12 18h40v26H30l-10 8v-8h-8z\"\r\n                    ><\/path>\r\n\r\n                    <circle\r\n                        cx=\"24\"\r\n                        cy=\"31\"\r\n                        r=\"1.7\"\r\n                        fill=\"#c90008\"\r\n                        stroke=\"none\"\r\n                    ><\/circle>\r\n\r\n                    <circle\r\n                        cx=\"32\"\r\n                        cy=\"31\"\r\n                        r=\"1.7\"\r\n                        fill=\"#c90008\"\r\n                        stroke=\"none\"\r\n                    ><\/circle>\r\n\r\n                    <circle\r\n                        cx=\"40\"\r\n                        cy=\"31\"\r\n                        r=\"1.7\"\r\n                        fill=\"#c90008\"\r\n                        stroke=\"none\"\r\n                    ><\/circle>\r\n\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n\r\n            <h3>\r\n                Direct Communication\r\n            <\/h3>\r\n\r\n\r\n            <p>\r\n                Communicate directly with our team\r\n                and stay informed throughout the process.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- 4 -->\r\n\r\n        <div class=\"why-card\">\r\n\r\n            <div class=\"why-icon\">\r\n\r\n                <svg viewBox=\"0 0 64 64\">\r\n\r\n                    <path\r\n                        d=\"M38 12c-4 0-8 2-10 6-2 4-1 9 2 12L14 46l4 4 16-16c3 1 7 1 10-1 5-3 7-9 5-14l-8 8-7-7 8-8c-1-.5-2.5 0-4 0z\"\r\n                    ><\/path>\r\n\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n\r\n            <h3>\r\n                Practical Support\r\n            <\/h3>\r\n\r\n\r\n            <p>\r\n                Practical assistance for real problems\r\n                you may face while on the road.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-6009f45 e-con e-atomic-element e-flexbox-base e-default-div e-fca1420 \" data-id=\"6009f45\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6009f45\">\n    \t\t<div class=\"elementor-element elementor-element-a8961ca elementor-widget elementor-widget-html\" data-id=\"a8961ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Rubik:wght@400;500;600;700;800&display=swap');\r\n\r\n#shamel-how-it-works,\r\n#shamel-how-it-works * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n#shamel-how-it-works {\r\n    width: 100%;\r\n    max-width: 1250px;\r\n    margin: 0 auto;\r\n    padding: 30px 20px;\r\n    background: #ffffff;\r\n    font-family: 'Rubik', sans-serif;\r\n}\r\n\r\n\/* =========================\r\n   SECTION HEADER\r\n========================= *\/\r\n\r\n#shamel-how-it-works .section-head {\r\n    text-align: center;\r\n    margin-bottom: 28px;\r\n    direction: ltr;\r\n\r\n    opacity: 0;\r\n    transform: translateY(-18px);\r\n\r\n    animation:\r\n        shamelHowHeadReveal .7s ease forwards;\r\n}\r\n\r\n#shamel-how-it-works .section-label {\r\n    color: #c90008;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    margin-bottom: 6px;\r\n    font-family: 'Rubik', sans-serif;\r\n}\r\n\r\n#shamel-how-it-works .section-title {\r\n    margin: 0;\r\n    color: #111111;\r\n    font-size: 34px;\r\n    line-height: 1.2;\r\n    font-weight: 600;\r\n    font-family: 'Rubik', sans-serif;\r\n}\r\n\r\n\r\n\/* =========================\r\n   STEPS\r\n========================= *\/\r\n\r\n#shamel-how-it-works .steps {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 28px;\r\n    position: relative;\r\n}\r\n\r\n#shamel-how-it-works .step {\r\n    position: relative;\r\n    text-align: center;\r\n    padding: 5px 16px 0;\r\n    direction: ltr;\r\n\r\n    opacity: 0;\r\n    transform: translateY(24px);\r\n\r\n    animation:\r\n        shamelHowStepReveal .6s ease forwards;\r\n}\r\n\r\n#shamel-how-it-works .step:nth-child(1) {\r\n    animation-delay: .15s;\r\n}\r\n\r\n#shamel-how-it-works .step:nth-child(2) {\r\n    animation-delay: .30s;\r\n}\r\n\r\n#shamel-how-it-works .step:nth-child(3) {\r\n    animation-delay: .45s;\r\n}\r\n\r\n#shamel-how-it-works .step:nth-child(4) {\r\n    animation-delay: .60s;\r\n}\r\n\r\n\r\n\/* =========================\r\n   CONNECTOR ARROWS\r\n========================= *\/\r\n\r\n#shamel-how-it-works .step:not(:last-child)::after {\r\n    content: \"\u2192\";\r\n\r\n    position: absolute;\r\n\r\n    top: 56px;\r\n    right: -20px;\r\n\r\n    color: #777777;\r\n\r\n    font-size: 28px;\r\n    font-weight: 400;\r\n\r\n    animation:\r\n        shamelHowArrowMove 1.8s ease-in-out infinite;\r\n}\r\n\r\n\r\n\/* =========================\r\n   STEP BUBBLE\r\n========================= *\/\r\n\r\n#shamel-how-it-works .step-bubble {\r\n    width: 90px;\r\n    height: 90px;\r\n\r\n    margin: 0 auto 8px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #fff5f4;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    animation:\r\n        shamelHowBubbleFloat 3.2s ease-in-out infinite;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        background .3s ease,\r\n        box-shadow .3s ease;\r\n}\r\n\r\n#shamel-how-it-works .step:nth-child(2) .step-bubble {\r\n    animation-delay: .25s;\r\n}\r\n\r\n#shamel-how-it-works .step:nth-child(3) .step-bubble {\r\n    animation-delay: .5s;\r\n}\r\n\r\n#shamel-how-it-works .step:nth-child(4) .step-bubble {\r\n    animation-delay: .75s;\r\n}\r\n\r\n#shamel-how-it-works .step:hover .step-bubble {\r\n    transform: translateY(-5px) scale(1.06);\r\n\r\n    background: #ffeceb;\r\n\r\n    box-shadow:\r\n        0 12px 24px rgba(201,0,8,.10);\r\n}\r\n\r\n#shamel-how-it-works .step-number {\r\n    color: #c90008;\r\n\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n\r\n    margin-bottom: 7px;\r\n\r\n    font-family: 'Rubik', sans-serif;\r\n\r\n    transition:\r\n        transform .3s ease;\r\n}\r\n\r\n#shamel-how-it-works .step:hover .step-number {\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\r\n\/* =========================\r\n   ICON\r\n========================= *\/\r\n\r\n#shamel-how-it-works .step-icon {\r\n    color: #c90008;\r\n}\r\n\r\n#shamel-how-it-works .step-icon svg {\r\n    width: 28px;\r\n    height: 28px;\r\n\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 2.4;\r\n\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n\r\n    transition:\r\n        transform .3s ease;\r\n}\r\n\r\n#shamel-how-it-works .step:hover .step-icon svg {\r\n    transform:\r\n        scale(1.12)\r\n        rotate(-4deg);\r\n}\r\n\r\n\r\n\/* =========================\r\n   STEP CONTENT\r\n========================= *\/\r\n\r\n#shamel-how-it-works .step h3 {\r\n    margin: 0 0 8px;\r\n\r\n    color: #171717;\r\n\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n\r\n    font-family: 'Rubik', sans-serif;\r\n\r\n    transition:\r\n        color .3s ease;\r\n}\r\n\r\n#shamel-how-it-works .step:hover h3 {\r\n    color: #c90008;\r\n}\r\n\r\n#shamel-how-it-works .step p {\r\n    margin: 0 auto;\r\n\r\n    max-width: 210px;\r\n\r\n    color: #666666;\r\n\r\n    font-size: 13px;\r\n    line-height: 1.7;\r\n\r\n    font-family: 'Rubik', sans-serif;\r\n}\r\n\r\n\r\n\/* =========================\r\n   ANIMATIONS\r\n========================= *\/\r\n\r\n@keyframes shamelHowHeadReveal {\r\n\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(-18px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n@keyframes shamelHowStepReveal {\r\n\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(24px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n@keyframes shamelHowBubbleFloat {\r\n\r\n    0%,\r\n    100% {\r\n        transform: translateY(0);\r\n    }\r\n\r\n    50% {\r\n        transform: translateY(-4px);\r\n    }\r\n}\r\n\r\n@keyframes shamelHowArrowMove {\r\n\r\n    0%,\r\n    100% {\r\n        transform: translateX(0);\r\n        opacity: .65;\r\n    }\r\n\r\n    50% {\r\n        transform: translateX(4px);\r\n        opacity: 1;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================\r\n   TABLET\r\n========================= *\/\r\n\r\n@media(max-width: 900px) {\r\n\r\n    #shamel-how-it-works .steps {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 30px 20px;\r\n    }\r\n\r\n    #shamel-how-it-works .step::after {\r\n        display: none;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================\r\n   MOBILE\r\n========================= *\/\r\n\r\n@media(max-width: 600px) {\r\n\r\n    #shamel-how-it-works {\r\n        padding: 24px 16px;\r\n    }\r\n\r\n    #shamel-how-it-works .section-title {\r\n        font-size: 28px;\r\n    }\r\n\r\n    #shamel-how-it-works .steps {\r\n        grid-template-columns: 1fr;\r\n        gap: 24px;\r\n    }\r\n\r\n    #shamel-how-it-works .step {\r\n        padding: 0 10px;\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    #shamel-how-it-works .section-head,\r\n    #shamel-how-it-works .step,\r\n    #shamel-how-it-works .step-bubble,\r\n    #shamel-how-it-works .step::after {\r\n        animation: none !important;\r\n\r\n        opacity: 1 !important;\r\n\r\n        transform: none !important;\r\n    }\r\n\r\n    #shamel-how-it-works .step-bubble,\r\n    #shamel-how-it-works .step-icon svg,\r\n    #shamel-how-it-works .step-number,\r\n    #shamel-how-it-works .step h3 {\r\n        transition: none !important;\r\n    }\r\n}\r\n\r\n\/* RESPONSIVE LAYOUT OVERRIDES - ALL SCREEN SIZES *\/\r\n#shamel-how-it-works {\r\n    width: 100%;\r\n    max-width: 1250px;\r\n    min-width: 0;\r\n    margin-inline: auto;\r\n    padding: clamp(22px, 3vw, 42px) clamp(14px, 3vw, 30px);\r\n    overflow-wrap: anywhere;\r\n}\r\n#shamel-how-it-works .section-title {\r\n    font-size: clamp(25px, 2.8vw, 34px);\r\n    line-height: 1.3;\r\n}\r\n#shamel-how-it-works .steps {\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    gap: clamp(12px, 2vw, 28px);\r\n}\r\n#shamel-how-it-works .step { min-width: 0; padding: 5px clamp(4px, 1vw, 16px) 0; }\r\n#shamel-how-it-works .step h3 { line-height: 1.45; }\r\n#shamel-how-it-works .step p { max-width: 100%; }\r\n#shamel-how-it-works .step:not(:last-child)::after { right: calc(-1 * clamp(12px, 2vw, 28px) \/ 2 - 10px); }\r\n@media (max-width: 1100px) {\r\n    #shamel-how-it-works .steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 18px; }\r\n    #shamel-how-it-works .step::after { display: none !important; }\r\n}\r\n@media (max-width: 600px) {\r\n    #shamel-how-it-works { padding: 24px 16px; }\r\n    #shamel-how-it-works .steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 12px; }\r\n    #shamel-how-it-works .step { padding: 0 4px; }\r\n    #shamel-how-it-works .step-bubble { width: 76px; height: 76px; }\r\n    #shamel-how-it-works .step h3 { font-size: 14px; }\r\n    #shamel-how-it-works .step p { font-size: 12px; }\r\n}\r\n@media (max-width: 390px) {\r\n    #shamel-how-it-works .steps { grid-template-columns: minmax(0, 1fr); gap: 22px; }\r\n    #shamel-how-it-works .step { padding: 0 10px; }\r\n    #shamel-how-it-works .step-bubble { width: 90px; height: 90px; }\r\n}\r\n<\/style>\r\n\r\n\r\n<section id=\"shamel-how-it-works\">\r\n\r\n    <!-- =========================\r\n         SECTION HEADER\r\n    ========================== -->\r\n\r\n    <div class=\"section-head\">\r\n\r\n        <div class=\"section-label\">\r\n            HOW IT WORKS\r\n        <\/div>\r\n\r\n        <h2 class=\"section-title\">\r\n            How Does It Work?\r\n        <\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =========================\r\n         STEPS\r\n    ========================== -->\r\n\r\n    <div class=\"steps\">\r\n\r\n\r\n        <!-- STEP 1 -->\r\n\r\n        <div class=\"step\">\r\n\r\n            <div class=\"step-bubble\">\r\n\r\n                <div class=\"step-number\">\r\n                    01\r\n                <\/div>\r\n\r\n                <div class=\"step-icon\">\r\n\r\n                    <svg viewBox=\"0 0 64 64\">\r\n\r\n                        <path d=\"M18 12h10l4 10-7 5c4 8 10 14 18 18l5-7 10 4v10c0 4-3 7-7 7C29 59 5 35 5 13c0-4 3-7 7-7h6z\"\/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <h3>\r\n                Contact Us\r\n            <\/h3>\r\n\r\n\r\n            <p>\r\n                Call or message us and tell us about the problem you are facing.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- STEP 2 -->\r\n\r\n        <div class=\"step\">\r\n\r\n            <div class=\"step-bubble\">\r\n\r\n                <div class=\"step-number\">\r\n                    02\r\n                <\/div>\r\n\r\n                <div class=\"step-icon\">\r\n\r\n                    <svg viewBox=\"0 0 64 64\">\r\n\r\n                        <path d=\"M32 56s16-16 16-30a16 16 0 1 0-32 0c0 14 16 30 16 30z\"\/>\r\n\r\n                        <circle\r\n                            cx=\"32\"\r\n                            cy=\"26\"\r\n                            r=\"5\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <h3>\r\n                Share Your Location\r\n            <\/h3>\r\n\r\n\r\n            <p>\r\n                Share your vehicle's location so we know where you need assistance.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- STEP 3 -->\r\n\r\n        <div class=\"step\">\r\n\r\n            <div class=\"step-bubble\">\r\n\r\n                <div class=\"step-number\">\r\n                    03\r\n                <\/div>\r\n\r\n                <div class=\"step-icon\">\r\n\r\n                    <svg viewBox=\"0 0 64 64\">\r\n\r\n                        <rect\r\n                            x=\"15\"\r\n                            y=\"18\"\r\n                            width=\"34\"\r\n                            height=\"28\"\r\n                            rx=\"4\"\r\n                        \/>\r\n\r\n                        <path d=\"M24 18v-5h16v5\"\/>\r\n\r\n                        <path d=\"M24 31l5 5 11-12\"\/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <h3>\r\n                We Identify the Right Service\r\n            <\/h3>\r\n\r\n\r\n            <p>\r\n                We identify the right service based on your situation and the problem you are facing.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- STEP 4 -->\r\n\r\n        <div class=\"step\">\r\n\r\n            <div class=\"step-bubble\">\r\n\r\n                <div class=\"step-number\">\r\n                    04\r\n                <\/div>\r\n\r\n                <div class=\"step-icon\">\r\n\r\n                    <svg viewBox=\"0 0 64 64\">\r\n\r\n                        <path d=\"M14 34h36l-4-12H18l-4 12z\"\/>\r\n\r\n                        <path d=\"M12 34v12h40V34\"\/>\r\n\r\n                        <circle\r\n                            cx=\"21\"\r\n                            cy=\"46\"\r\n                            r=\"4\"\r\n                        \/>\r\n\r\n                        <circle\r\n                            cx=\"43\"\r\n                            cy=\"46\"\r\n                            r=\"4\"\r\n                        \/>\r\n\r\n                        <path d=\"M20 22l3-6h18l3 6\"\/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <h3>\r\n                Get the Help You Need\r\n            <\/h3>\r\n\r\n\r\n            <p>\r\n                Your request is handled based on the service you need and your vehicle's location.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-dd82758 e-con-full e-flex e-con e-parent\" data-id=\"dd82758\" data-element_type=\"container\" data-e-type=\"container\" id=\"about\">\n\t\t<div class=\"elementor-element elementor-element-0ab52fa e-con-full e-flex e-con e-child\" data-id=\"0ab52fa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d1c473 at-heading-animation at-animation-heading-none elementor-widget elementor-widget-heading\" data-id=\"2d1c473\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">ABOUT SHAMELSVC<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-84e4676 at-heading-animation at-animation-heading-style-3 elementor-widget elementor-widget-heading\" data-id=\"84e4676\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">ShamelSVC  Making Roadside Assistance Easier to Access.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3895f49 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"3895f49\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:100,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span class=\"TextRun SCXW239299103 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SpellingErrorV2Themed SCXW239299103 BCX0\">ShamelSVC<\/span><span class=\"NormalTextRun SCXW239299103 BCX0\"> provides <\/span><\/span><span class=\"TextRun SCXW239299103 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW239299103 BCX0\">roadside <\/span><span class=\"NormalTextRun SCXW239299103 BCX0\">assistance<\/span><span class=\"NormalTextRun SCXW239299103 BCX0\"> services in Riyadh<\/span><\/span><span class=\"TextRun SCXW239299103 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW239299103 BCX0\">, helping drivers deal with unexpected vehicle problems and roadside situations.<\/span><\/span><span class=\"LineBreakBlob BlobObject DragDrop SCXW239299103 BCX0\"><span class=\"SCXW239299103 BCX0\">\u00a0<\/span><br class=\"SCXW239299103 BCX0\" \/><\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-122c82d elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"122c82d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:100,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span class=\"NormalTextRun SCXW239299103 BCX0\">From car towing and mobile <\/span><span class=\"NormalTextRun SpellingErrorV2Themed SCXW239299103 BCX0\">tyre<\/span><span class=\"NormalTextRun SCXW239299103 BCX0\"> service to <\/span><span class=\"NormalTextRun SCXW239299103 BCX0\">battery jump-starts and emergency fuel delivery, we bring the services you may need together in one simple experience.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5d025d1 e-con-full e-flex e-con e-child\" data-id=\"5d025d1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae93c14 how-work-img  elementor-widget elementor-widget-image\" data-id=\"ae93c14\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"475\" height=\"609\" src=\"https:\/\/shamelsvc.com\/stage\/wp-content\/uploads\/2026\/10\/image-41.png\" class=\"attachment-full size-full wp-image-10409\" alt=\"\" srcset=\"https:\/\/shamelsvc.com\/stage\/wp-content\/uploads\/2026\/10\/image-41.png 475w, https:\/\/shamelsvc.com\/stage\/wp-content\/uploads\/2026\/10\/image-41-234x300.png 234w, https:\/\/shamelsvc.com\/stage\/wp-content\/uploads\/2026\/10\/image-41-187x240.png 187w\" sizes=\"(max-width: 475px) 100vw, 475px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d5dbb36 elementor-absolute elementor-widget__width-initial trusted-client elementor-widget elementor-widget-elementskit-funfact\" data-id=\"d5dbb36\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-funfact.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n\t\t<div class=\"elementskit-funfact text-left     \">\n\t\t\t\n\t\t\t<div class=\"elementskit-funfact-inner position_top\">\n\t\t\t\t\t\t\t\t\t<div class=\"funfact-icon\">\n\t\t\t\t\t\t<img decoding=\"async\" width=\"125\" height=\"40\" src=\"https:\/\/shamelsvc.com\/stage\/wp-content\/uploads\/2024\/08\/trusted-client-img.png\" class=\"attachment-full size-full wp-image-1570\" alt=\"\" \/>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<div class=\"funfact-content\">\n\t\t\t\t\t<div class=\"number-percentage-wraper\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"number-percentage\"\n\t\t\t\t\t\t      data-value=\"5\"\n\t\t\t\t\t\t      data-animation-duration=\"3500\"\n\t\t\t\t\t\t\t  data-style=\"static\">0<\/span>\n\t\t\t\t\t\tm+\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<h3 class=\"funfact-title\">Roadside Assistance Requests Supported<\/h3>\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/div>\n\n\n\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fc3d70a e-con-full e-flex e-con e-parent\" data-id=\"fc3d70a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c9fe1c elementor-widget elementor-widget-html\" data-id=\"9c9fe1c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n#shamel-service-area,\r\n#shamel-service-area * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n#shamel-service-area {\r\n    --red: #c90008;\r\n    --soft: #fff7f6;\r\n    --text: #171717;\r\n    --muted: #666666;\r\n    --border: #ece7e5;\r\n\r\n    width: 100%;\r\n    max-width: none;\r\n    margin: 0 auto;\r\n    padding: 50px 24px;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n#shamel-service-area .area-wrap {\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 42px;\r\n    border-radius: 26px;\r\n    background:\r\n        radial-gradient(\r\n            circle at 90% 15%,\r\n            rgba(201,0,8,.07),\r\n            transparent 28%\r\n        ),\r\n        #fff7f6;\r\n}\r\n\r\n#shamel-service-area .area-wrap::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -60px;\r\n    right: -40px;\r\n    width: 220px;\r\n    height: 220px;\r\n    border: 1px solid rgba(201,0,8,.08);\r\n    border-radius: 50%;\r\n}\r\n\r\n#shamel-service-area .area-head {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 720px;\r\n    margin: 0 auto 34px;\r\n    text-align: center;\r\n}\r\n\r\n\/* UPDATED - RIYADH SERVICE AREA *\/\r\n#shamel-service-area .area-label {\r\n    margin-bottom: 8px;\r\n\r\n    color: var(--red);\r\n\r\n    font-size: 22px;\r\n    font-weight: 700;\r\n\r\n    text-transform: uppercase;\r\n    letter-spacing: .5px;\r\n}\r\n\r\n#shamel-service-area .area-title {\r\n    margin: 0 0 12px;\r\n    color: var(--text);\r\n    font-size: 36px;\r\n    line-height: 1.15;\r\n    font-weight: 800;\r\n}\r\n\r\n#shamel-service-area .area-desc {\r\n    margin: 0;\r\n    color: var(--muted);\r\n    font-size: 14px;\r\n    line-height: 1.7;\r\n}\r\n\r\n#shamel-service-area .area-grid {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0,1fr));\r\n    gap: 16px;\r\n}\r\n\r\n#shamel-service-area .area-card {\r\n    position: relative;\r\n    min-height: 150px;\r\n    padding: 22px 18px;\r\n    border: 1px solid var(--border);\r\n    border-radius: 18px;\r\n    background: #ffffff;\r\n    box-shadow: 0 10px 24px rgba(0,0,0,.05);\r\n    transition:\r\n        transform .25s ease,\r\n        box-shadow .25s ease,\r\n        border-color .25s ease;\r\n}\r\n\r\n#shamel-service-area .area-card:hover {\r\n    transform: translateY(-5px);\r\n    border-color: rgba(201,0,8,.35);\r\n    box-shadow: 0 16px 34px rgba(0,0,0,.08);\r\n}\r\n\r\n#shamel-service-area .area-icon {\r\n    display: flex;\r\n    width: 48px;\r\n    height: 48px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 15px;\r\n    border-radius: 50%;\r\n    background: #fff0f0;\r\n    color: var(--red);\r\n}\r\n\r\n#shamel-service-area .area-icon svg {\r\n    width: 24px;\r\n    height: 24px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 2.4;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n#shamel-service-area .area-card h3 {\r\n    margin: 0 0 7px;\r\n    color: var(--text);\r\n    font-size: 17px;\r\n    font-weight: 800;\r\n}\r\n\r\n#shamel-service-area .area-card p {\r\n    margin: 0;\r\n    color: var(--muted);\r\n    font-size: 12px;\r\n    line-height: 1.55;\r\n}\r\n\r\n\/* =========================\r\n   TABLET\r\n========================= *\/\r\n\r\n@media(max-width:1024px) {\r\n\r\n    #shamel-service-area .area-grid {\r\n        grid-template-columns: repeat(2, minmax(0,1fr));\r\n    }\r\n\r\n}\r\n\r\n\/* =========================\r\n   MOBILE\r\n========================= *\/\r\n\r\n@media(max-width:600px) {\r\n\r\n    #shamel-service-area {\r\n        padding: 30px 14px;\r\n    }\r\n\r\n    #shamel-service-area .area-wrap {\r\n        padding: 28px 18px;\r\n        border-radius: 20px;\r\n    }\r\n\r\n    #shamel-service-area .area-label {\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n    }\r\n\r\n    #shamel-service-area .area-title {\r\n        font-size: 28px;\r\n    }\r\n\r\n    #shamel-service-area .area-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section id=\"shamel-service-area\">\r\n\r\n    <div class=\"area-wrap\">\r\n\r\n        <div class=\"area-head\">\r\n\r\n            <div class=\"area-label\">\r\n                Riyadh Service Area\r\n            <\/div>\r\n\r\n            <h2 class=\"area-title\">\r\n                Roadside Assistance Across Riyadh\r\n            <\/h2>\r\n\r\n            <p class=\"area-desc\">\r\n                Wherever you are in Riyadh, if your vehicle runs into a problem,\r\n                contact us and share your location and situation.\r\n                ShamelSVC provides a range of roadside assistance services in Riyadh,\r\n                including towing, mobile tyre service, battery jump-starts\r\n                and emergency fuel delivery.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"area-grid\">\r\n\r\n            <!-- CENTRAL RIYADH -->\r\n\r\n            <div class=\"area-card\">\r\n\r\n                <div class=\"area-icon\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path\r\n                            d=\"M12 21s7-7 7-12a7 7 0 1 0-14 0c0 5 7 12 7 12z\">\r\n                        <\/path>\r\n\r\n                        <circle\r\n                            cx=\"12\"\r\n                            cy=\"9\"\r\n                            r=\"2.5\">\r\n                        <\/circle>\r\n\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Central Riyadh\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Roadside assistance available across\r\n                    central Riyadh and nearby districts.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- NORTH RIYADH -->\r\n\r\n            <div class=\"area-card\">\r\n\r\n                <div class=\"area-icon\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path\r\n                            d=\"M12 21s7-7 7-12a7 7 0 1 0-14 0c0 5 7 12 7 12z\">\r\n                        <\/path>\r\n\r\n                        <circle\r\n                            cx=\"12\"\r\n                            cy=\"9\"\r\n                            r=\"2.5\">\r\n                        <\/circle>\r\n\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <h3>\r\n                    North Riyadh\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Roadside support available throughout\r\n                    northern Riyadh locations.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- EAST RIYADH -->\r\n\r\n            <div class=\"area-card\">\r\n\r\n                <div class=\"area-icon\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path\r\n                            d=\"M12 21s7-7 7-12a7 7 0 1 0-14 0c0 5 7 12 7 12z\">\r\n                        <\/path>\r\n\r\n                        <circle\r\n                            cx=\"12\"\r\n                            cy=\"9\"\r\n                            r=\"2.5\">\r\n                        <\/circle>\r\n\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <h3>\r\n                    East Riyadh\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Towing and roadside assistance\r\n                    across eastern Riyadh areas.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- WEST RIYADH -->\r\n\r\n            <div class=\"area-card\">\r\n\r\n                <div class=\"area-icon\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path\r\n                            d=\"M12 21s7-7 7-12a7 7 0 1 0-14 0c0 5 7 12 7 12z\">\r\n                        <\/path>\r\n\r\n                        <circle\r\n                            cx=\"12\"\r\n                            cy=\"9\"\r\n                            r=\"2.5\">\r\n                        <\/circle>\r\n\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <h3>\r\n                    West Riyadh\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Reliable roadside support throughout\r\n                    western Riyadh districts.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- SOUTH RIYADH -->\r\n\r\n            <div class=\"area-card\">\r\n\r\n                <div class=\"area-icon\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path\r\n                            d=\"M12 21s7-7 7-12a7 7 0 1 0-14 0c0 5 7 12 7 12z\">\r\n                        <\/path>\r\n\r\n                        <circle\r\n                            cx=\"12\"\r\n                            cy=\"9\"\r\n                            r=\"2.5\">\r\n                        <\/circle>\r\n\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <h3>\r\n                    South Riyadh\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Roadside assistance available across\r\n                    southern Riyadh locations.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- MAJOR ROADS -->\r\n\r\n            <div class=\"area-card\">\r\n\r\n                <div class=\"area-icon\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path d=\"M4 17h16\"><\/path>\r\n                        <path d=\"M6 17l2-7h8l2 7\"><\/path>\r\n                        <path d=\"M9 10V7h6v3\"><\/path>\r\n\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Major Roads\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Assistance for breakdowns on major\r\n                    roads and routes across Riyadh.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- RESIDENTIAL AREAS -->\r\n\r\n            <div class=\"area-card\">\r\n\r\n                <div class=\"area-icon\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path d=\"M3 11h18\"><\/path>\r\n                        <path d=\"M5 11l2-5h10l2 5\"><\/path>\r\n\r\n                        <circle\r\n                            cx=\"7\"\r\n                            cy=\"16\"\r\n                            r=\"2\">\r\n                        <\/circle>\r\n\r\n                        <circle\r\n                            cx=\"17\"\r\n                            cy=\"16\"\r\n                            r=\"2\">\r\n                        <\/circle>\r\n\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Residential Areas\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Roadside assistance available near\r\n                    residential neighborhoods in Riyadh.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- COMMERCIAL AREAS -->\r\n\r\n            <div class=\"area-card\">\r\n\r\n                <div class=\"area-icon\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path d=\"M4 20V7l8-4 8 4v13\"><\/path>\r\n                        <path d=\"M8 20v-6h8v6\"><\/path>\r\n\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Commercial Areas\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Automotive roadside assistance around\r\n                    commercial districts in Riyadh.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8e56c9c e-con e-atomic-element e-flexbox-base e-default-div e-15f3e1a \" data-id=\"8e56c9c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8e56c9c\">\n    \t\t<div class=\"elementor-element elementor-element-88b1480 elementor-widget elementor-widget-html\" data-id=\"88b1480\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n#shamel-faq,\r\n#shamel-faq * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n#shamel-faq {\r\n    width: 100%;\r\n    margin: 0 auto;\r\n\r\n    padding: 48px 0 55px;\r\n\r\n    background: #fff1f1;\r\n\r\n    font-family:\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif;\r\n}\r\n\r\n\/* =========================\r\n   HEADING\r\n========================= *\/\r\n\r\n#shamel-faq .faq-head {\r\n    width: 100%;\r\n    max-width: 800px;\r\n\r\n    margin: 0 auto 38px;\r\n\r\n    padding: 0 20px;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\/* UPDATED FAQ HEADING *\/\r\n#shamel-faq .faq-title {\r\n    margin: 0 0 18px;\r\n\r\n    color: #b00000;\r\n\r\n    font-size: 52px;\r\n    line-height: 1.1;\r\n    font-weight: 700;\r\n}\r\n\r\n#shamel-faq .faq-subtitle {\r\n    margin: 0;\r\n\r\n    color: #606060;\r\n\r\n    font-size: 20px;\r\n    line-height: 1.5;\r\n    font-weight: 400;\r\n}\r\n\r\n\/* =========================\r\n   FAQ WRAPPER\r\n========================= *\/\r\n\r\n#shamel-faq .faq-list {\r\n    width: 100%;\r\n    max-width: 1549px;\r\n\r\n    margin: 0 auto;\r\n\r\n    padding: 0;\r\n}\r\n\r\n\/* =========================\r\n   FAQ ITEM\r\n========================= *\/\r\n\r\n#shamel-faq .faq-item {\r\n    position: relative;\r\n\r\n    overflow: hidden;\r\n\r\n    margin-bottom: 18px;\r\n\r\n    border-radius: 14px;\r\n\r\n    background: #ffffff;\r\n\r\n    box-shadow:\r\n        0 3px 10px rgba(0,0,0,.03);\r\n\r\n    transition:\r\n        box-shadow .25s ease,\r\n        transform .25s ease;\r\n}\r\n\r\n#shamel-faq .faq-item:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n#shamel-faq .faq-item:hover {\r\n    box-shadow:\r\n        0 8px 22px rgba(0,0,0,.06);\r\n}\r\n\r\n\/* =========================\r\n   QUESTION\r\n========================= *\/\r\n\r\n#shamel-faq .faq-question {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 20px;\r\n\r\n    margin: 0;\r\n\r\n    padding: 20px 22px;\r\n\r\n    border: 0;\r\n    border-radius: 14px;\r\n\r\n    outline: none;\r\n\r\n    background: #ffffff;\r\n\r\n    color: #111111;\r\n\r\n    font-family: inherit;\r\n    font-size: 18px;\r\n    line-height: 1.4;\r\n    font-weight: 700;\r\n\r\n    text-align: left;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        background .25s ease,\r\n        color .25s ease,\r\n        border-radius .25s ease;\r\n}\r\n\r\n#shamel-faq .faq-question-text {\r\n    flex: 1;\r\n}\r\n\r\n\/* =========================\r\n   PLUS \/ MINUS\r\n========================= *\/\r\n\r\n#shamel-faq .faq-icon {\r\n    flex: 0 0 auto;\r\n\r\n    width: 28px;\r\n    height: 28px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    color: #000000;\r\n\r\n    font-size: 28px;\r\n    line-height: 1;\r\n    font-weight: 700;\r\n\r\n    transition:\r\n        color .25s ease,\r\n        transform .25s ease;\r\n}\r\n\r\n\/* =========================\r\n   ANSWER\r\n========================= *\/\r\n\r\n#shamel-faq .faq-answer {\r\n    max-height: 0;\r\n\r\n    overflow: hidden;\r\n\r\n    margin: 0;\r\n\r\n    background: #bb1e1e;\r\n\r\n    color: #ffffff;\r\n\r\n    opacity: 0;\r\n\r\n    transition:\r\n        max-height .35s ease,\r\n        opacity .25s ease;\r\n}\r\n\r\n#shamel-faq .faq-answer-inner {\r\n    margin: 0;\r\n\r\n    padding: 20px 22px 22px;\r\n\r\n    border-top:\r\n        1px solid rgba(255,255,255,.16);\r\n\r\n    font-size: 16px;\r\n    line-height: 1.65;\r\n    font-weight: 400;\r\n}\r\n\r\n\/* =========================\r\n   ACTIVE ITEM\r\n========================= *\/\r\n\r\n#shamel-faq .faq-item.active {\r\n    background: #b30000;\r\n}\r\n\r\n#shamel-faq .faq-item.active .faq-question {\r\n    background: #b30000;\r\n\r\n    color: #ffffff;\r\n\r\n    border-radius:\r\n        14px\r\n        14px\r\n        0\r\n        0;\r\n}\r\n\r\n#shamel-faq .faq-item.active .faq-icon {\r\n    color: #ffffff;\r\n}\r\n\r\n#shamel-faq .faq-item.active .faq-answer {\r\n    opacity: 1;\r\n}\r\n\r\n\/* =========================\r\n   TABLET\r\n========================= *\/\r\n\r\n@media (max-width: 950px) {\r\n\r\n    #shamel-faq {\r\n        padding:\r\n            42px\r\n            15px\r\n            48px;\r\n    }\r\n\r\n    #shamel-faq .faq-title {\r\n        font-size: 42px;\r\n        font-weight: 700;\r\n    }\r\n\r\n    #shamel-faq .faq-subtitle {\r\n        font-size: 18px;\r\n    }\r\n\r\n    #shamel-faq .faq-question {\r\n        font-size: 17px;\r\n    }\r\n}\r\n\r\n\/* =========================\r\n   MOBILE\r\n========================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    #shamel-faq {\r\n        padding:\r\n            35px\r\n            10px\r\n            40px;\r\n    }\r\n\r\n    #shamel-faq .faq-head {\r\n        margin-bottom: 28px;\r\n    }\r\n\r\n    #shamel-faq .faq-title {\r\n        margin-bottom: 12px;\r\n\r\n        font-size: 34px;\r\n        font-weight: 700;\r\n    }\r\n\r\n    #shamel-faq .faq-subtitle {\r\n        font-size: 16px;\r\n    }\r\n\r\n    #shamel-faq .faq-item {\r\n        margin-bottom: 12px;\r\n\r\n        border-radius: 12px;\r\n    }\r\n\r\n    #shamel-faq .faq-question {\r\n        padding:\r\n            17px\r\n            16px;\r\n\r\n        gap: 12px;\r\n\r\n        border-radius: 12px;\r\n\r\n        font-size: 15px;\r\n        line-height: 1.45;\r\n    }\r\n\r\n    #shamel-faq .faq-item.active .faq-question {\r\n        border-radius:\r\n            12px\r\n            12px\r\n            0\r\n            0;\r\n    }\r\n\r\n    #shamel-faq .faq-icon {\r\n        width: 24px;\r\n        height: 24px;\r\n\r\n        font-size: 24px;\r\n    }\r\n\r\n    #shamel-faq .faq-answer-inner {\r\n        padding:\r\n            16px\r\n            16px\r\n            18px;\r\n\r\n        font-size: 14px;\r\n        line-height: 1.6;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section id=\"shamel-faq\">\r\n\r\n    <div class=\"faq-head\">\r\n\r\n        <h2 class=\"faq-title\">\r\n            FAQ\r\n        <\/h2>\r\n\r\n        <p class=\"faq-subtitle\">\r\n            Frequently Asked Questions\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"faq-list\">\r\n\r\n\r\n        <!-- FAQ 1 -->\r\n\r\n        <div class=\"faq-item active\">\r\n\r\n            <button\r\n                type=\"button\"\r\n                class=\"faq-question\"\r\n                aria-expanded=\"true\"\r\n            >\r\n\r\n                <span class=\"faq-question-text\">\r\n                    Do you provide towing in Riyadh?\r\n                <\/span>\r\n\r\n                <span class=\"faq-icon\">\r\n                    \u2212\r\n                <\/span>\r\n\r\n            <\/button>\r\n\r\n            <div class=\"faq-answer\">\r\n\r\n                <div class=\"faq-answer-inner\">\r\n                    Yes. Contact us when you need car towing in Riyadh\r\n                    and share your vehicle location and situation.\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- FAQ 2 -->\r\n\r\n        <div class=\"faq-item\">\r\n\r\n            <button\r\n                type=\"button\"\r\n                class=\"faq-question\"\r\n                aria-expanded=\"false\"\r\n            >\r\n\r\n                <span class=\"faq-question-text\">\r\n                    Can you change a tyre at my location?\r\n                <\/span>\r\n\r\n                <span class=\"faq-icon\">\r\n                    +\r\n                <\/span>\r\n\r\n            <\/button>\r\n\r\n            <div class=\"faq-answer\">\r\n\r\n                <div class=\"faq-answer-inner\">\r\n                    Yes. You can request our mobile tyre service\r\n                    based on your situation and location.\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- FAQ 3 -->\r\n\r\n        <div class=\"faq-item\">\r\n\r\n            <button\r\n                type=\"button\"\r\n                class=\"faq-question\"\r\n                aria-expanded=\"false\"\r\n            >\r\n\r\n                <span class=\"faq-question-text\">\r\n                    Can you help if my car battery is dead?\r\n                <\/span>\r\n\r\n                <span class=\"faq-icon\">\r\n                    +\r\n                <\/span>\r\n\r\n            <\/button>\r\n\r\n            <div class=\"faq-answer\">\r\n\r\n                <div class=\"faq-answer-inner\">\r\n                    Yes. You can request a battery jump-start\r\n                    if the issue is related to the battery.\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- FAQ 4 -->\r\n\r\n        <div class=\"faq-item\">\r\n\r\n            <button\r\n                type=\"button\"\r\n                class=\"faq-question\"\r\n                aria-expanded=\"false\"\r\n            >\r\n\r\n                <span class=\"faq-question-text\">\r\n                    What should I do if I run out of fuel?\r\n                <\/span>\r\n\r\n                <span class=\"faq-icon\">\r\n                    +\r\n                <\/span>\r\n\r\n            <\/button>\r\n\r\n            <div class=\"faq-answer\">\r\n\r\n                <div class=\"faq-answer-inner\">\r\n                    Contact us to request emergency fuel\r\n                    delivery in Riyadh.\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- FAQ 5 -->\r\n\r\n        <div class=\"faq-item\">\r\n\r\n            <button\r\n                type=\"button\"\r\n                class=\"faq-question\"\r\n                aria-expanded=\"false\"\r\n            >\r\n\r\n                <span class=\"faq-question-text\">\r\n                    Do you provide roadside assistance?\r\n                <\/span>\r\n\r\n                <span class=\"faq-icon\">\r\n                    +\r\n                <\/span>\r\n\r\n            <\/button>\r\n\r\n            <div class=\"faq-answer\">\r\n\r\n                <div class=\"faq-answer-inner\">\r\n                    Yes. Our services include roadside assistance,\r\n                    towing, tyre, battery and fuel services.\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    function initShamelFaq() {\r\n\r\n        const section =\r\n            document.getElementById(\r\n                \"shamel-faq\"\r\n            );\r\n\r\n        if (!section) {\r\n            return;\r\n        }\r\n\r\n        const items =\r\n            Array.from(\r\n                section.querySelectorAll(\r\n                    \".faq-item\"\r\n                )\r\n            );\r\n\r\n\r\n        function openItem(item) {\r\n\r\n            const answer =\r\n                item.querySelector(\r\n                    \".faq-answer\"\r\n                );\r\n\r\n            const button =\r\n                item.querySelector(\r\n                    \".faq-question\"\r\n                );\r\n\r\n            const icon =\r\n                item.querySelector(\r\n                    \".faq-icon\"\r\n                );\r\n\r\n            item.classList.add(\r\n                \"active\"\r\n            );\r\n\r\n            button.setAttribute(\r\n                \"aria-expanded\",\r\n                \"true\"\r\n            );\r\n\r\n            icon.textContent =\r\n                \"\u2212\";\r\n\r\n            answer.style.maxHeight =\r\n                answer.scrollHeight +\r\n                \"px\";\r\n        }\r\n\r\n\r\n        function closeItem(item) {\r\n\r\n            const answer =\r\n                item.querySelector(\r\n                    \".faq-answer\"\r\n                );\r\n\r\n            const button =\r\n                item.querySelector(\r\n                    \".faq-question\"\r\n                );\r\n\r\n            const icon =\r\n                item.querySelector(\r\n                    \".faq-icon\"\r\n                );\r\n\r\n            item.classList.remove(\r\n                \"active\"\r\n            );\r\n\r\n            button.setAttribute(\r\n                \"aria-expanded\",\r\n                \"false\"\r\n            );\r\n\r\n            icon.textContent =\r\n                \"+\";\r\n\r\n            answer.style.maxHeight =\r\n                \"0px\";\r\n        }\r\n\r\n\r\n        items.forEach(\r\n            function (item) {\r\n\r\n                const button =\r\n                    item.querySelector(\r\n                        \".faq-question\"\r\n                    );\r\n\r\n                button.addEventListener(\r\n                    \"click\",\r\n                    function () {\r\n\r\n                        const isActive =\r\n                            item.classList.contains(\r\n                                \"active\"\r\n                            );\r\n\r\n                        items.forEach(\r\n                            function (otherItem) {\r\n\r\n                                closeItem(\r\n                                    otherItem\r\n                                );\r\n\r\n                            }\r\n                        );\r\n\r\n                        if (!isActive) {\r\n\r\n                            openItem(\r\n                                item\r\n                            );\r\n\r\n                        }\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n        const firstActive =\r\n            section.querySelector(\r\n                \".faq-item.active\"\r\n            );\r\n\r\n        if (firstActive) {\r\n\r\n            openItem(\r\n                firstActive\r\n            );\r\n\r\n        }\r\n\r\n\r\n        window.addEventListener(\r\n            \"resize\",\r\n            function () {\r\n\r\n                const activeItem =\r\n                    section.querySelector(\r\n                        \".faq-item.active\"\r\n                    );\r\n\r\n                if (activeItem) {\r\n\r\n                    const answer =\r\n                        activeItem.querySelector(\r\n                            \".faq-answer\"\r\n                        );\r\n\r\n                    answer.style.maxHeight =\r\n                        answer.scrollHeight +\r\n                        \"px\";\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n    if (\r\n        document.readyState ===\r\n        \"loading\"\r\n    ) {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initShamelFaq\r\n        );\r\n\r\n    } else {\r\n\r\n        initShamelFaq();\r\n\r\n    }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-49c5ed4 e-con-full e-flex e-con e-parent\" data-id=\"49c5ed4\" data-element_type=\"container\" data-e-type=\"container\" id=\"contact\">\n\t\t<div class=\"elementor-element elementor-element-4e8ae1a e-con-full e-flex e-con e-child\" data-id=\"4e8ae1a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a5c3f5 at-heading-animation at-animation-heading-none elementor-widget elementor-widget-heading\" data-id=\"2a5c3f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Contact us<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d671ec1 at-heading-animation at-animation-heading-style-3 elementor-widget elementor-widget-heading\" data-id=\"d671ec1\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Need Assistance? <br>\nGet in touch with ShamelSVC and let us help you find the right solution.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3d2935a e-con-full e-flex e-con e-child\" data-id=\"3d2935a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3e2f7e2 e-con-full contact-info-form e-flex e-con e-child\" data-id=\"3e2f7e2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-e6e345a e-con-full e-flex e-con e-child\" data-id=\"e6e345a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-76d4e95 e-con-full e-flex e-con e-child\" data-id=\"76d4e95\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-ba1e0a5 e-con-full e-flex e-con e-child\" data-id=\"ba1e0a5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af3e04c at-heading-animation at-animation-heading-style-3 elementor-widget elementor-widget-heading\" data-id=\"af3e04c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Partner with us to achieve:<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d5eda18 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"d5eda18\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Reduced Claims Costs for Insurers<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b04c56e elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"b04c56e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Guaranteed Quality for Car Owners<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-16c658b elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"16c658b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Lower Downtime and Fuel Costs for Fleets<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-af507cc e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"af507cc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:200}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc10cc0 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"dc10cc0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"mailto:info@shamelsvc.com\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"41\" height=\"41\" viewBox=\"0 0 41 41\" fill=\"none\"><g clip-path=\"url(#clip0_297_782)\"><path d=\"M37.0459 6.85699H4.07715C2.14262 6.85699 0.561523 8.43114 0.561523 10.3726V31.4664C0.561523 33.4086 2.14363 34.982 4.07715 34.982H37.0459C38.9804 34.982 40.5615 33.4079 40.5615 31.4664V10.3726C40.5615 8.43067 38.9796 6.85699 37.0459 6.85699ZM36.5061 9.20074C35.3694 10.3411 22.0182 23.7359 21.4696 24.2862C21.0115 24.7457 20.1118 24.7461 19.6534 24.2862L4.61699 9.20074H36.5061ZM2.90527 31.0355V10.8035L12.9885 20.9195L2.90527 31.0355ZM4.61699 32.6382L14.6431 22.5795L17.9935 25.9408C19.3664 27.3182 21.7571 27.3177 23.1297 25.9408L26.48 22.5796L36.5061 32.6382H4.61699ZM38.2178 31.0355L28.1346 20.9195L38.2178 10.8035V31.0355Z\" fill=\"white\"><\/path><\/g><defs><clipPath id=\"clip0_297_782\"><rect width=\"40\" height=\"40\" fill=\"white\" transform=\"translate(0.561523 0.919495)\"><\/rect><\/clipPath><\/defs><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">info@shamelsvc.com<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-92bbc7a elementor-shape-circle elementor-grid-6 e-grid-align-left elementor-widget elementor-widget-social-icons\" data-id=\"92bbc7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"social-icons.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\" role=\"list\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-facebook-f elementor-repeater-item-7249e57\" href=\"https:\/\/www.facebook.com\/shamelsvc\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Facebook-f<\/span>\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-facebook-f\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-repeater-item-d26b048\" href=\"https:\/\/www.instagram.com\/shamelsvc\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Instagram<\/span>\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-instagram\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-tiktok elementor-repeater-item-ba394a4\" href=\"https:\/\/www.tiktok.com\/@shamelsvc1?lang=en\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Tiktok<\/span>\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-tiktok\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-snapchat-ghost elementor-repeater-item-2fc270b\" href=\"https:\/\/www.snapchat.com\/@shamelsvc?share_id=IyU0O4z8_Hk&#038;locale=en-PK\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Snapchat-ghost<\/span>\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-snapchat-ghost\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-x-twitter elementor-repeater-item-515a018\" href=\"https:\/\/x.com\/ShamelSvc\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">X-twitter<\/span>\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-x-twitter\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-linkedin-in elementor-repeater-item-e288018\" href=\"https:\/\/www.linkedin.com\/404\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Linkedin-in<\/span>\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-linkedin-in\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4e91bee e-con-full e-flex e-con e-child\" data-id=\"4e91bee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2012d7f contact-us-form elementor-widget elementor-widget-elementskit-contact-form7\" data-id=\"2012d7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-contact-form7.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-form\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f8958-p9099-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"8958\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/stage\/#wpcf7-f8958-p9099-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"8958\" \/>\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.0.6\" \/>\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/>\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f8958-p9099-o1\" \/>\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"9099\" \/>\n<input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/div>\n<div class=\"row\">\n\t<div class=\"form-group col-md-6 mb-3\">\n\t\t<p><label> First Name <\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"first\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control\" id=\"first_name\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Enter Your Name\" value=\"\" type=\"text\" name=\"first\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-group col-md-6 mb-3\">\n\t\t<p><label> Last Name <\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"last\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control\" id=\"last_name\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Enter Your Name\" value=\"\" type=\"text\" name=\"last\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-group col-md-6 mb-3\">\n\t\t<p><label> Email <\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email form-control\" id=\"email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Enter Your Email\" value=\"\" type=\"email\" name=\"email\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-group col-md-6 mb-3\">\n\t\t<p><label> Phone <\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control\" id=\"phone\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Enter Your Number\" value=\"\" type=\"text\" name=\"phone\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-group col-md-12 mb-3\">\n\t\t<p><label> Message <\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea form-control\" id=\"msg\" aria-invalid=\"false\" placeholder=\"Write Your Message\" name=\"message\"><\/textarea><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"col-md-12 form-btn\">\n\t\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner btn-default\" id=\"msgSubmit\" type=\"submit\" value=\"Send Message\" \/>\n\t\t<\/p>\n\t<\/div>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ee4a188 e-con e-atomic-element e-flexbox-base e-default-div e-977c23d \" data-id=\"ee4a188\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ee4a188\">\n    \t\t<div class=\"elementor-element elementor-element-d7bcdd2 elementor-widget elementor-widget-html\" data-id=\"d7bcdd2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n    const nav = document.querySelector(\".elementskit-navbar-nav\");\r\n\r\n    if (!nav) {\r\n        return;\r\n    }\r\n\r\n    const links = nav.querySelectorAll(\"a\");\r\n    const menuItems = nav.querySelectorAll(\"li\");\r\n\r\n\r\n    function clearActiveStates() {\r\n\r\n        links.forEach(function (link) {\r\n            link.classList.remove(\"shamel-active-menu\");\r\n        });\r\n\r\n        menuItems.forEach(function (item) {\r\n            item.classList.remove(\"shamel-active-parent\");\r\n        });\r\n\r\n    }\r\n\r\n\r\n    function findLinkByText(text) {\r\n\r\n        return Array.from(links).find(function (link) {\r\n\r\n            return (\r\n                (link.textContent || \"\")\r\n                    .trim()\r\n                    .toLowerCase() === text.toLowerCase()\r\n            );\r\n\r\n        });\r\n\r\n    }\r\n\r\n\r\n    function activateLink(link) {\r\n\r\n        if (link) {\r\n            link.classList.add(\"shamel-active-menu\");\r\n        }\r\n\r\n    }\r\n\r\n\r\n    function activateServices() {\r\n\r\n        const servicesLink = findLinkByText(\"services\");\r\n\r\n        if (!servicesLink) {\r\n            return;\r\n        }\r\n\r\n        servicesLink.classList.add(\"shamel-active-menu\");\r\n\r\n        const parentLi = servicesLink.closest(\"li\");\r\n\r\n        if (parentLi) {\r\n            parentLi.classList.add(\"shamel-active-parent\");\r\n        }\r\n\r\n    }\r\n\r\n\r\n    function updateActiveMenu() {\r\n\r\n        clearActiveStates();\r\n\r\n        const currentPath =\r\n            window.location.pathname.toLowerCase();\r\n\r\n        const currentHash =\r\n            window.location.hash.toLowerCase();\r\n\r\n\r\n        \/* =========================================\r\n           SERVICE DETAIL PAGES\r\n        ========================================= *\/\r\n\r\n        const servicePages = [\r\n            \"\/stage\/car-towing-riyadh\/\",\r\n            \"\/stage\/battery-jump-start\/\",\r\n            \"\/stage\/tyre-change\/\",\r\n            \"\/stage\/mobile-tyre\/\",\r\n            \"\/stage\/fuel-delivery\/\",\r\n            \"\/stage\/roadside-assistance\/\"\r\n        ];\r\n\r\n\r\n        const isServicePage = servicePages.some(function (path) {\r\n\r\n            return currentPath.includes(\r\n                path.replace(\"\/stage\/\", \"\").replaceAll(\"\/\", \"\")\r\n            );\r\n\r\n        });\r\n\r\n\r\n        if (\r\n            currentPath.includes(\"car-towing-riyadh\") ||\r\n            currentPath.includes(\"battery-jump-start\") ||\r\n            currentPath.includes(\"tyre-change\") ||\r\n            currentPath.includes(\"mobile-tyre\") ||\r\n            currentPath.includes(\"fuel-delivery\") ||\r\n            currentPath.includes(\"roadside-assistance\")\r\n        ) {\r\n\r\n            activateServices();\r\n\r\n            return;\r\n        }\r\n\r\n\r\n        \/* =========================================\r\n           JOIN CHAMP \/ PROVIDER PAGE\r\n        ========================================= *\/\r\n\r\n        if (\r\n            currentPath.includes(\"join-shamil-champ\") ||\r\n            currentPath.includes(\"join-shamel-champ\")\r\n        ) {\r\n\r\n            const joinLink =\r\n                Array.from(links).find(function (link) {\r\n\r\n                    const href =\r\n                        (link.getAttribute(\"href\") || \"\")\r\n                            .toLowerCase();\r\n\r\n                    return (\r\n                        href.includes(\"join-shamil-champ\") ||\r\n                        href.includes(\"join-shamel-champ\")\r\n                    );\r\n\r\n                });\r\n\r\n            activateLink(joinLink);\r\n\r\n            return;\r\n        }\r\n\r\n\r\n        \/* =========================================\r\n           ABOUT\r\n        ========================================= *\/\r\n\r\n        if (currentHash === \"#about\") {\r\n\r\n            const aboutLink =\r\n                Array.from(links).find(function (link) {\r\n\r\n                    return (\r\n                        (link.getAttribute(\"href\") || \"\")\r\n                            .toLowerCase()\r\n                            .includes(\"#about\")\r\n                    );\r\n\r\n                });\r\n\r\n            activateLink(aboutLink);\r\n\r\n            return;\r\n        }\r\n\r\n\r\n        \/* =========================================\r\n           SERVICES HOME SECTION\r\n        ========================================= *\/\r\n\r\n        if (currentHash === \"#services\") {\r\n\r\n            activateServices();\r\n\r\n            return;\r\n        }\r\n\r\n\r\n        \/* =========================================\r\n           CONTACT\r\n        ========================================= *\/\r\n\r\n        if (currentHash === \"#contact\") {\r\n\r\n            const contactLink =\r\n                Array.from(links).find(function (link) {\r\n\r\n                    return (\r\n                        (link.getAttribute(\"href\") || \"\")\r\n                            .toLowerCase()\r\n                            .includes(\"#contact\")\r\n                    );\r\n\r\n                });\r\n\r\n            activateLink(contactLink);\r\n\r\n            return;\r\n        }\r\n\r\n\r\n        \/* =========================================\r\n           HOME\r\n        ========================================= *\/\r\n\r\n        if (\r\n            currentPath === \"\/stage\/\" ||\r\n            currentPath === \"\/stage\"\r\n        ) {\r\n\r\n            const homeLink = findLinkByText(\"home\");\r\n\r\n            activateLink(homeLink);\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    updateActiveMenu();\r\n\r\n\r\n    window.addEventListener(\r\n        \"hashchange\",\r\n        updateActiveMenu\r\n    );\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>* Welcome To Shamel SVC Riyadh Towing &amp; Roadside Assistance When You [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-9099","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shamelsvc.com\/stage\/wp-json\/wp\/v2\/pages\/9099","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shamelsvc.com\/stage\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shamelsvc.com\/stage\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shamelsvc.com\/stage\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shamelsvc.com\/stage\/wp-json\/wp\/v2\/comments?post=9099"}],"version-history":[{"count":337,"href":"https:\/\/shamelsvc.com\/stage\/wp-json\/wp\/v2\/pages\/9099\/revisions"}],"predecessor-version":[{"id":10805,"href":"https:\/\/shamelsvc.com\/stage\/wp-json\/wp\/v2\/pages\/9099\/revisions\/10805"}],"wp:attachment":[{"href":"https:\/\/shamelsvc.com\/stage\/wp-json\/wp\/v2\/media?parent=9099"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}