{"id":13234,"date":"2026-07-16T06:39:05","date_gmt":"2026-07-16T06:39:05","guid":{"rendered":"https:\/\/sampleprojects.in\/aone\/?page_id=13234"},"modified":"2026-10-17T06:58:20","modified_gmt":"2026-10-17T06:58:20","slug":"home-page-2","status":"publish","type":"page","link":"https:\/\/sampleprojects.in\/aone\/","title":{"rendered":"Home Page 2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13234\" class=\"elementor elementor-13234\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4d7c4ed elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"4d7c4ed\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-162f734\" data-id=\"162f734\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b3564c4 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"b3564c4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Google Font Poppins Import -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap');\r\n\r\n\/* ==========================================\r\n   SLIDER CONTAINER & OVERALL STYLES\r\n========================================== *\/\r\n.hero-slider-wrapper {\r\n    width: 100%;\r\n    max-width: 1920px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    overflow: hidden;\r\n    font-family: 'Poppins', sans-serif !important;\r\n    touch-action: pan-y;\r\n}\r\n\r\n.hero-slider-wrapper *,\r\n.hero-slider-wrapper *::before,\r\n.hero-slider-wrapper *::after {\r\n    box-sizing: border-box;\r\n    font-family: 'Poppins', sans-serif !important;\r\n}\r\n\r\n\/* Track for slides *\/\r\n.hero-slides-track {\r\n    display: flex;\r\n    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);\r\n    width: 100%;\r\n}\r\n\r\n\/* Individual Slide *\/\r\n.hero-slide {\r\n    min-width: 100%;\r\n    min-height: 700px;\r\n    position: relative;\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n    background-size: cover;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n\/* Slide Background Images *\/\r\n.hero-slide-1 {\r\n    background-image: url('https:\/\/sampleprojects.in\/aone\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-18-2026-04_38_56-PM.png');\r\n}\r\n\r\n.hero-slide-2 {\r\n    background-image: url('https:\/\/sampleprojects.in\/aone\/wp-content\/uploads\/2026\/10\/Professional-Office-Cleaning-Team.png');\r\n}\r\n\r\n.hero-slide-3 {\r\n    background-image: url('https:\/\/sampleprojects.in\/aone\/wp-content\/uploads\/2026\/10\/Professional-Home-Cleaning-in-a-Sunny-Living-Room.png');\r\n}\r\n\r\n\/* DESKTOP PAR: NO WHITE OVERLAY *\/\r\n.hero-slide::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 55%;\r\n    height: 100%;\r\n    clip-path: ellipse(80% 150% at 20% 50%);\r\n    z-index: 1;\r\n    background: transparent;\r\n}\r\n\r\n\/* SECOND SOFT CURVED ACCENT SHADOW *\/\r\n.hero-slide::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 58%;\r\n    height: 100%;\r\n    background: rgba(2, 136, 209, 0.15);\r\n    clip-path: ellipse(80% 150% at 20% 50%);\r\n    z-index: 0;\r\n}\r\n\r\n.hero-light-container {\r\n    width: 100%;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 60px 50px;\r\n    position: relative;\r\n    z-index: 2;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n\/* LEFT CONTENT *\/\r\n.hero-light-content {\r\n    max-width: 580px;\r\n    width: 100%;\r\n}\r\n\r\n.hero-light-sub {\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.5px;\r\n    text-transform: uppercase;\r\n    color: #0288d1;\r\n    margin-bottom: 12px;\r\n    display: block;\r\n}\r\n\r\n.hero-light-title {\r\n    font-size: 46px;\r\n    font-weight: 800;\r\n    line-height: 1.18;\r\n    color: #0077b6;\r\n    margin: 0 0 18px 0;\r\n}\r\n\r\n.hero-light-title span {\r\n    color: #0288d1;\r\n    display: block;\r\n}\r\n\r\n.hero-light-desc {\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n    line-height: 1.6;\r\n    color: #1a1a1a;\r\n    margin: 0 0 15px 0;\r\n}\r\n\r\n\/* BUTTONS *\/\r\n.hero-light-btns {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 18px;\r\n    flex-wrap: wrap;\r\n    margin-top: 20px;\r\n}\r\n\r\n.btn-blue-fill {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 12px 30px;\r\n    background: #0288d1;\r\n    color: #ffffff;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    border-radius: 50px;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 4px 12px rgba(2, 136, 209, 0.3);\r\n}\r\n\r\n.btn-blue-fill:hover {\r\n    background: #01579b;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.btn-blue-outline {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 11px 26px;\r\n    background: transparent;\r\n    border: 2px solid #0288d1;\r\n    color: #0288d1;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    border-radius: 50px;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.btn-blue-outline:hover {\r\n    background: #0288d1;\r\n    color: #ffffff;\r\n}\r\n\r\n.play-icon-blue {\r\n    width: 22px;\r\n    height: 22px;\r\n    border-radius: 50%;\r\n    border: 1px solid currentColor;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 10px;\r\n}\r\n\r\n\/* RIGHT CARD (Desktop view) *\/\r\n.hero-light-card {\r\n    background: #ffffff;\r\n    border-radius: 50px;\r\n    padding: 10px 28px 10px 10px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);\r\n    margin-top: 180px;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.card-icon-circle {\r\n    width: 52px;\r\n    height: 52px;\r\n    min-width: 52px;\r\n    background: #0288d1;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #ffffff;\r\n}\r\n\r\n.card-icon-circle svg {\r\n    width: 26px;\r\n    height: 26px;\r\n    fill: currentColor;\r\n}\r\n\r\n.card-text-light {\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    color: #032b43;\r\n    line-height: 1.3;\r\n}\r\n\r\n\/* ==========================================\r\n   SLIDER ARROWS & DOTS CONTROLS\r\n========================================== *\/\r\n.slider-arrow {\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    width: 45px;\r\n    height: 45px;\r\n    background: rgba(255, 255, 255, 0.9);\r\n    border: 2px solid #0288d1;\r\n    color: #0288d1;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n    z-index: 10;\r\n    font-size: 18px;\r\n    transition: all 0.3s ease;\r\n    user-select: none;\r\n}\r\n\r\n.slider-arrow:hover {\r\n    background: #0288d1;\r\n    color: #ffffff;\r\n}\r\n\r\n.slider-arrow.prev { left: 20px; }\r\n.slider-arrow.next { right: 20px; }\r\n\r\n.slider-dots {\r\n    position: absolute;\r\n    bottom: 25px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    display: flex;\r\n    gap: 10px;\r\n    z-index: 10;\r\n}\r\n\r\n.dot {\r\n    width: 12px;\r\n    height: 12px;\r\n    border-radius: 50%;\r\n    background: rgba(2, 136, 209, 0.3);\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.dot.active {\r\n    width: 32px;\r\n    border-radius: 20px;\r\n    background: #0288d1;\r\n}\r\n\r\n\/* ==========================================\r\n   RESPONSIVE DESIGN (MOBILE WHITE OVERLAY)\r\n========================================== *\/\r\n@media (max-width: 1024px) {\r\n    .hero-slide {\r\n        min-height: auto;\r\n        padding: 60px 0 80px;\r\n    }\r\n    \r\n    \/* TABLET \/ MOBILE PAR CONTENT CLEAR DISHE ISLIYE WHITE OVERLAY *\/\r\n    .hero-slide::before {\r\n        width: 100%;\r\n        height: 100%;\r\n        clip-path: none;\r\n        background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.88) 100%);\r\n    }\r\n    \r\n    .hero-slide::after { \r\n        display: none; \r\n    }\r\n    \r\n    .hero-light-container {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        gap: 35px;\r\n        padding: 0 30px;\r\n    }\r\n    \r\n    .hero-light-content { \r\n        max-width: 100%; \r\n    }\r\n    \r\n    \/* Floating Card Hidden on Mobile & Tablet *\/\r\n    .hero-light-card { \r\n        display: none !important; \r\n    }\r\n}\r\n\r\n\/* ==========================================\r\n   RESPONSIVE DESIGN (MOBILE ADJUSTMENTS)\r\n========================================== *\/\r\n@media (max-width: 768px) {\r\n    .hero-slide {\r\n        padding: 45px 0 70px;\r\n    }\r\n    \r\n    .hero-slide::before {\r\n        background: rgba(255, 255, 255, 0.93);\r\n    }\r\n    \r\n    .hero-light-container { \r\n        padding: 0 20px; \r\n        gap: 20px; \r\n    }\r\n\r\n    \/* SUBTITLE LINE-HEIGHT & SPACING FIX *\/\r\n    .hero-light-sub {\r\n        font-size: 12px;\r\n        line-height: 1.5; \/* Line-height fix *\/\r\n        letter-spacing: 1px;\r\n        margin-bottom: 10px;\r\n    }\r\n    \r\n    .hero-light-title { \r\n        font-size: 28px; \r\n        line-height: 1.25; \r\n        margin-bottom: 12px;\r\n    }\r\n    \r\n    .hero-light-desc { \r\n        font-size: 14px; \r\n        line-height: 1.55;\r\n    }\r\n    \r\n    .hero-light-btns { \r\n        flex-direction: column; \r\n        width: 100%; \r\n        gap: 12px; \r\n    }\r\n    \r\n    .btn-blue-fill, .btn-blue-outline { \r\n        width: 100%; \r\n        justify-content: center; \r\n    }\r\n    \r\n    .slider-arrow { \r\n        display: none; \r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .hero-slide {\r\n        padding: 35px 0 60px;\r\n    }\r\n\r\n    .hero-light-container {\r\n        padding: 0 16px;\r\n    }\r\n\r\n    \/* SMALLER SCREENS SUBTITLE FIX *\/\r\n    .hero-light-sub {\r\n        font-size: 11px;\r\n        line-height: 1.4;\r\n        letter-spacing: 0.8px;\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .hero-light-title {\r\n        font-size: 24px;\r\n    }\r\n\r\n    .hero-light-desc {\r\n        font-size: 13.5px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- HTML SLIDER STRUCTURE -->\r\n<section class=\"hero-slider-wrapper\">\r\n    <div class=\"hero-slides-track\" id=\"heroTrack\">\r\n        \r\n        <!-- SLIDE 1 -->\r\n        <div class=\"hero-slide hero-slide-1\">\r\n            <div class=\"hero-light-container\">\r\n                <div class=\"hero-light-content\">\r\n                    <span class=\"hero-light-sub\">PROFESSIONAL CLEANING SERVICES IN ADELAIDE<\/span>\r\n                    <h1 class=\"hero-light-title\">\r\n                       A Cleaner Space. A Healthier Environment.  <span>A Better Experience.<\/span>\r\n\t\t\t\t\t\r\n                    <\/h1>\r\n                   \r\n                    <p class=\"hero-light-desc\">\r\n                     Reliable and affordable cleaning solutions tailored to your needs.   \r\n                    <\/p>\r\n                    <div class=\"hero-light-btns\">\r\n                        <a href=\"https:\/\/sampleprojects.in\/aone\/request-a-quote\/\" class=\"btn-blue-fill\">\r\n                            Request a Quote <span>&rarr;<\/span>\r\n                        <\/a>\r\n                      \r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"hero-light-card\">\r\n                    <div class=\"card-icon-circle\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"card-text-light\">\r\n                       Looking for professional<br> cleaners in Adelaide? <br>Contact A-One\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- SLIDE 2 -->\r\n        <div class=\"hero-slide hero-slide-2\">\r\n            <div class=\"hero-light-container\">\r\n                <div class=\"hero-light-content\">\r\n                    <span class=\"hero-light-sub\">Commercial cleaning in Adelaide<\/span>\r\n                    <h1 class=\"hero-light-title\">\r\n                      A Spotless Workplace. <span>A Stronger First Impression.<\/span>\r\n                    <\/h1>\r\n                    <p class=\"hero-light-desc\">\r\n                       Professional and dependable cleaning services to keep your workplace clean, hygienic, and welcoming.\r\n                    <\/p>\r\n                    <div class=\"hero-light-btns\">\r\n                        <a href=\"https:\/\/sampleprojects.in\/aone\/request-a-quote\/\" class=\"btn-blue-fill\">\r\n                             Request a Quote <span>&rarr;<\/span>\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"hero-light-card\">\r\n                    <div class=\"card-icon-circle\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"card-text-light\">\r\n                       Commercial Cleaning<br> Specialist in Adelaide\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- SLIDE 3 -->\r\n        <div class=\"hero-slide hero-slide-3\">\r\n            <div class=\"hero-light-container\">\r\n                <div class=\"hero-light-content\">\r\n                    <span class=\"hero-light-sub\">DOMESTIC CLEANING IN ADELAIDE<\/span>\r\n                    <h1 class=\"hero-light-title\">\r\n                       A Fresh Home.<br> More Comfort. <span>More Time for You.<\/span>\r\n                    <\/h1>\r\n                    <p class=\"hero-light-desc\">\r\n                       Enjoy a sparkling clean home with reliable and thorough cleaning solutions tailored to your lifestyle\r\n                    <\/p>\r\n                    <div class=\"hero-light-btns\">\r\n                        <a href=\"https:\/\/sampleprojects.in\/aone\/request-a-quote\/\" class=\"btn-blue-fill\">\r\n                             Request a Quote <span>&rarr;<\/span>\r\n                        <\/a>\r\n                     \r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"hero-light-card\">\r\n                    <div class=\"card-icon-circle\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"card-text-light\">\r\n                       Registered NDIS &<br> Aged Care Provider\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- NAVIGATION CONTROLS -->\r\n    <button class=\"slider-arrow prev\" id=\"prevBtn\" aria-label=\"Previous Slide\">&#10094;<\/button>\r\n    <button class=\"slider-arrow next\" id=\"nextBtn\" aria-label=\"Next Slide\">&#10095;<\/button>\r\n    <div class=\"slider-dots\" id=\"sliderDots\"><\/div>\r\n<\/section>\r\n\r\n<!-- JAVASCRIPT FOR SLIDER & TOUCH SWIPE -->\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n    const wrapper = document.querySelector('.hero-slider-wrapper');\r\n    const track = document.getElementById('heroTrack');\r\n    const slides = Array.from(track.children);\r\n    const nextBtn = document.getElementById('nextBtn');\r\n    const prevBtn = document.getElementById('prevBtn');\r\n    const dotsNav = document.getElementById('sliderDots');\r\n\r\n    let currentIndex = 0;\r\n    let autoSlideInterval;\r\n    let startX = 0;\r\n    let currentX = 0;\r\n    let isSwiping = false;\r\n\r\n    slides.forEach((_, index) => {\r\n        const dot = document.createElement('div');\r\n        dot.classList.add('dot');\r\n        if (index === 0) dot.classList.add('active');\r\n        dot.addEventListener('click', () => goToSlide(index));\r\n        dotsNav.appendChild(dot);\r\n    });\r\n\r\n    const dots = Array.from(dotsNav.children);\r\n\r\n    function updateSlider() {\r\n        track.style.transform = `translateX(-${currentIndex * 100}%)`;\r\n        dots.forEach(dot => dot.classList.remove('active'));\r\n        if(dots[currentIndex]) dots[currentIndex].classList.add('active');\r\n    }\r\n\r\n    function goToSlide(index) {\r\n        currentIndex = index;\r\n        updateSlider();\r\n        resetAutoSlide();\r\n    }\r\n\r\n    function nextSlide() {\r\n        currentIndex = (currentIndex + 1) % slides.length;\r\n        updateSlider();\r\n    }\r\n\r\n    function prevSlide() {\r\n        currentIndex = (currentIndex - 1 + slides.length) % slides.length;\r\n        updateSlider();\r\n    }\r\n\r\n    if(nextBtn) nextBtn.addEventListener('click', () => { nextSlide(); resetAutoSlide(); });\r\n    if(prevBtn) prevBtn.addEventListener('click', () => { prevSlide(); resetAutoSlide(); });\r\n\r\n    function startAutoSlide() { autoSlideInterval = setInterval(nextSlide, 5000); }\r\n    function resetAutoSlide() { clearInterval(autoSlideInterval); startAutoSlide(); }\r\n\r\n    \/\/ Touch Swipe Support\r\n    wrapper.addEventListener('touchstart', (e) => {\r\n        startX = e.touches[0].clientX;\r\n        isSwiping = true;\r\n    }, { passive: true });\r\n\r\n    wrapper.addEventListener('touchmove', (e) => {\r\n        if (!isSwiping) return;\r\n        currentX = e.touches[0].clientX;\r\n    }, { passive: true });\r\n\r\n    wrapper.addEventListener('touchend', () => {\r\n        if (!isSwiping) return;\r\n        const diffX = startX - currentX;\r\n        if (Math.abs(diffX) > 40 && currentX !== 0) {\r\n            if (diffX > 0) { nextSlide(); } else { prevSlide(); }\r\n            resetAutoSlide();\r\n        }\r\n        isSwiping = false;\r\n        startX = 0;\r\n        currentX = 0;\r\n    });\r\n\r\n    startAutoSlide();\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-82eb1c7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"82eb1c7\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a6e04f1\" data-id=\"a6e04f1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3ea565c elementor-widget elementor-widget-html\" data-id=\"3ea565c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Google Font: Poppins -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"cleanx-services-section\">\r\n\r\n  <div class=\"cleanx-services-top\">\r\n    <div class=\"cleanx-services-heading\">\r\n      <h2>Our Services<\/h2>\r\n    <\/div>\r\n\r\n    <a href=\"https:\/\/sampleprojects.in\/aone\/request-a-quote\/\" class=\"cleanx-view-all\">\r\n      Get A Free Quote\r\n      <span class=\"cleanx-top-btn-icon\">\r\n        <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n      <\/span>\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <div class=\"cleanx-services-grid\">\r\n\r\n    <!-- 1. Commercial Cleaning -->\r\n    <a href=\"https:\/\/sampleprojects.in\/aone\/commercial-cleaning\/\" class=\"cleanx-service-card\">\r\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?auto=format&fit=crop&w=600&q=80\" alt=\"Commercial Cleaning\" class=\"cleanx-service-img\">\r\n      \r\n      <!-- Normal State Title Box -->\r\n      <div class=\"cleanx-card-title-box\">\r\n        <h3>Commercial Cleaning<\/h3>\r\n        <div class=\"cleanx-icon-badge\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z\"><\/path><path d=\"M6 12H4a2 2 0 0 0-2 2v8h4\"><\/path><path d=\"M18 9h2a2 2 0 0 1 2 2v11h-4\"><\/path><path d=\"M10 6h4\"><\/path><path d=\"M10 10h4\"><\/path><path d=\"M10 14h4\"><\/path><path d=\"M10 18h4\"><\/path><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Hover State Overlay Content -->\r\n      <div class=\"cleanx-card-hover-overlay\">\r\n        <h3>Commercial Cleaning<\/h3>\r\n        <p>Professional commercial cleaning in Adelaide for offices, workplaces and business premises. We provide flexible cleaning solutions designed around your business operations.<\/p>\r\n        <span class=\"cleanx-learn-more\">Learn More <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/span>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <!-- 2. After-Hours Office Cleaning -->\r\n    <a href=\"https:\/\/sampleprojects.in\/aone\/after-hours-office-cleaning\/\" class=\"cleanx-service-card\">\r\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1527192491265-7e15c55b1ed2?auto=format&fit=crop&w=600&q=80\" alt=\"After-Hours Office Cleaning\" class=\"cleanx-service-img\">\r\n      \r\n      <div class=\"cleanx-card-title-box\">\r\n        <h3>After-Hours Office Cleaning<\/h3>\r\n        <div class=\"cleanx-icon-badge\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 16 14\"><\/polyline><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cleanx-card-hover-overlay\">\r\n        <h3>After-Hours Office Cleaning<\/h3>\r\n        <p>Minimise disruption to your business with flexible after-hours office cleaning in Adelaide.<\/p>\r\n        <span class=\"cleanx-learn-more\">Learn More <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/span>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <!-- 3. Child Care Centre Cleaning -->\r\n    <a href=\"https:\/\/sampleprojects.in\/aone\/child-care-centre-cleaning-in-adelaide\/\" class=\"cleanx-service-card\">\r\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1588072432836-e10032774350?auto=format&fit=crop&w=600&q=80\" alt=\"Child Care Centre Cleaning\" class=\"cleanx-service-img\">\r\n      \r\n      <div class=\"cleanx-card-title-box\">\r\n        <h3>Child Care Centre Cleaning<\/h3>\r\n        <div class=\"cleanx-icon-badge\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"5\" r=\"3\"><\/circle><path d=\"M12 8v8\"><\/path><path d=\"M9 11l3 2 3-2\"><\/path><path d=\"M10 21l2-5 2 5\"><\/path><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cleanx-card-hover-overlay\">\r\n        <h3>Child Care Centre Cleaning<\/h3>\r\n        <p>Reliable cleaning services for child care and early learning environments, helping maintain clean and hygienic spaces for children, families and staff.<\/p>\r\n        <span class=\"cleanx-learn-more\">Learn More <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/span>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <!-- 4. NDIS Cleaning -->\r\n    <a href=\"https:\/\/sampleprojects.in\/aone\/ndis-cleaning-services\/\" class=\"cleanx-service-card\">\r\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1576765608535-5f04d1e3f289?auto=format&fit=crop&w=600&q=80\" alt=\"NDIS Cleaning\" class=\"cleanx-service-img\">\r\n      \r\n      <div class=\"cleanx-card-title-box\">\r\n        <h3>NDIS Cleaning<\/h3>\r\n        <div class=\"cleanx-icon-badge\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"><\/path><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cleanx-card-hover-overlay\">\r\n        <h3>NDIS Cleaning<\/h3>\r\n        <p>Reliable NDIS cleaning services in Adelaide for eligible participants, helping maintain a clean, comfortable and safe home environment.<\/p>\r\n        <span class=\"cleanx-learn-more\">Learn More <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/span>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <!-- 5. My Aged Care Cleaning -->\r\n    <a href=\"https:\/\/sampleprojects.in\/aone\/my-aged-care-cleaning-in-adelaide\/\" class=\"cleanx-service-card\">\r\n      <img decoding=\"async\" src=\"https:\/\/sampleprojects.in\/aone\/wp-content\/uploads\/2026\/10\/Aged-care-cleaning-img3.webp\" alt=\"My Aged Care Cleaning\" class=\"cleanx-service-img\">\r\n      \r\n      <div class=\"cleanx-card-title-box\">\r\n        <h3>My Aged Care Cleaning<\/h3>\r\n        <div class=\"cleanx-icon-badge\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cleanx-card-hover-overlay\">\r\n        <h3>My Aged Care Cleaning<\/h3>\r\n        <p>Professional My Aged Care cleaning in Adelaide to support people who require assistance maintaining their home.<\/p>\r\n        <span class=\"cleanx-learn-more\">Learn More <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/span>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <!-- 6. Medical Centre Cleaning -->\r\n    <a href=\"https:\/\/sampleprojects.in\/aone\/medical-centre-cleaning\/\" class=\"cleanx-service-card\">\r\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519494026892-80bbd2d6fd0d?auto=format&fit=crop&w=600&q=80\" alt=\"Medical Centre Cleaning\" class=\"cleanx-service-img\">\r\n      \r\n      <div class=\"cleanx-card-title-box\">\r\n        <h3>Medical Centre Cleaning<\/h3>\r\n        <div class=\"cleanx-icon-badge\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"><\/rect><line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"21\"><\/line><line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"><\/line><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cleanx-card-hover-overlay\">\r\n        <h3>Medical Centre Cleaning<\/h3>\r\n        <p>Professional cleaning services for medical centres and healthcare-related workplaces, with a strong focus on hygiene, cleanliness and consistency.<\/p>\r\n        <span class=\"cleanx-learn-more\">Learn More <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/span>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <!-- 7. DVA Cleaning -->\r\n    <a href=\"https:\/\/sampleprojects.in\/aone\/dva-cleaning\/\" class=\"cleanx-service-card\">\r\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=600&q=80\" alt=\"DVA Cleaning\" class=\"cleanx-service-img\">\r\n      \r\n      <div class=\"cleanx-card-title-box\">\r\n        <h3>DVA Cleaning<\/h3>\r\n        <div class=\"cleanx-icon-badge\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cleanx-card-hover-overlay\">\r\n        <h3>DVA Cleaning<\/h3>\r\n        <p>Cleaning assistance for eligible Department of Veterans' Affairs clients, subject to applicable funding and service arrangements.<\/p>\r\n        <span class=\"cleanx-learn-more\">Learn More <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/span>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <!-- 8. Window Cleaning -->\r\n    <a href=\"https:\/\/sampleprojects.in\/aone\/window-cleaning\/\" class=\"cleanx-service-card\">\r\n      <img decoding=\"async\" src=\"https:\/\/sampleprojects.in\/aone\/wp-content\/uploads\/2026\/09\/360_F_268642423_vXTKYzeYXFqkb5L9BMwnoLsczh6imvKY.jpg\" alt=\"Window Cleaning\" class=\"cleanx-service-img\">\r\n      \r\n      <div class=\"cleanx-card-title-box\">\r\n        <h3>Window Cleaning<\/h3>\r\n        <div class=\"cleanx-icon-badge\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"><\/rect><line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"21\"><\/line><line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"><\/line><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cleanx-card-hover-overlay\">\r\n        <h3>Window Cleaning<\/h3>\r\n        <p>Professional interior and exterior window cleaning services to leave your glass panels streak-free and crystal clear.<\/p>\r\n        <span class=\"cleanx-learn-more\">Learn More <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/span>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <!-- 9. Spring Cleaning -->\r\n    <a href=\"https:\/\/sampleprojects.in\/aone\/spring-cleaning\/\" class=\"cleanx-service-card\">\r\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581578731548-c64695cc6952?auto=format&fit=crop&w=600&q=80\" alt=\"Spring Cleaning\" class=\"cleanx-service-img\">\r\n      \r\n      <div class=\"cleanx-card-title-box\">\r\n        <h3>Spring Cleaning<\/h3>\r\n        <div class=\"cleanx-icon-badge\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21.5 2v6h-6\"><\/path><path d=\"M21.34 15.57a10 10 0 1 1-.57-8.38l5.67-5.67\"><\/path><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cleanx-card-hover-overlay\">\r\n        <h3>Spring Cleaning<\/h3>\r\n        <p>Thorough top-to-bottom deep cleaning services designed to refresh every corner of your property or commercial space.<\/p>\r\n        <span class=\"cleanx-learn-more\">Learn More <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/span>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <!-- 10. Carpet Cleaning -->\r\n    <a href=\"https:\/\/sampleprojects.in\/aone\/carpet-cleaning\/\" class=\"cleanx-service-card\">\r\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1558317374-067fb5f30001?auto=format&fit=crop&w=600&q=80\" alt=\"Carpet Cleaning\" class=\"cleanx-service-img\">\r\n      \r\n      <div class=\"cleanx-card-title-box\">\r\n        <h3>Carpet Cleaning<\/h3>\r\n        <div class=\"cleanx-icon-badge\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 4h20v16H2z\"><\/path><path d=\"M6 4v16\"><\/path><path d=\"M18 4v16\"><\/path><path d=\"M2 8h20\"><\/path><path d=\"M2 16h20\"><\/path><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cleanx-card-hover-overlay\">\r\n        <h3>Carpet Cleaning<\/h3>\r\n        <p>Advanced steam cleaning and stain removal services for commercial carpets, office chairs, and residential furniture.<\/p>\r\n        <span class=\"cleanx-learn-more\">Learn More <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/span>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <!-- 11. Lawn Mowing -->\r\n    <a href=\"https:\/\/sampleprojects.in\/aone\/lawn-mowing\/\" class=\"cleanx-service-card\">\r\n      <img decoding=\"async\" src=\"https:\/\/sampleprojects.in\/aone\/wp-content\/uploads\/2026\/10\/mow_the_lawn.jpg\" alt=\"Lawn Mowing\" class=\"cleanx-service-img\">\r\n      \r\n      <div class=\"cleanx-card-title-box\">\r\n        <h3>Lawn Mowing<\/h3>\r\n        <div class=\"cleanx-icon-badge\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.4 19 2c1 2 2 4.1 2 8a7 7 0 0 1-10 10Z\"><\/path><path d=\"M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12\"><\/path><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cleanx-card-hover-overlay\">\r\n        <h3>Lawn Mowing<\/h3>\r\n        <p>Keep your outdoor areas neat and presentable with reliable lawn mowing in Adelaide from A-One Quality Services.<\/p>\r\n        <span class=\"cleanx-learn-more\">Learn More <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/span>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <!-- 12. Hard Rubbish Removal -->\r\n    <a href=\"https:\/\/sampleprojects.in\/aone\/hard-rubbish-removal\/\" class=\"cleanx-service-card\">\r\n      <img decoding=\"async\" src=\"https:\/\/sampleprojects.in\/aone\/wp-content\/uploads\/2026\/10\/hard-rubbish-collection.jpg\" alt=\"Hard Rubbish Removal\" class=\"cleanx-service-img\">\r\n      \r\n      <div class=\"cleanx-card-title-box\">\r\n        <h3>Hard Rubbish Removal<\/h3>\r\n        <div class=\"cleanx-icon-badge\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"3 6 5 6 21 6\"><\/polyline><path d=\"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"><\/path><line x1=\"10\" y1=\"11\" x2=\"10\" y2=\"17\"><\/line><line x1=\"14\" y1=\"11\" x2=\"14\" y2=\"17\"><\/line><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cleanx-card-hover-overlay\">\r\n        <h3>Hard Rubbish Removal<\/h3>\r\n        <p>Specialised post-construction cleaning to remove dust, debris, and residue, making new builds ready for immediate occupation.<\/p>\r\n        <span class=\"cleanx-learn-more\">Learn More <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/span>\r\n      <\/div>\r\n    <\/a>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\/* ================================\r\n    IMAGE OVERLAY HOVER DESIGN\r\n================================ *\/\r\n\r\n.cleanx-services-section {\r\n    width: 100%;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 40px 20px;\r\n    box-sizing: border-box;\r\n    font-family: 'Poppins', sans-serif !important;\r\n}\r\n\r\n.cleanx-services-section * {\r\n    box-sizing: border-box;\r\n    font-family: 'Poppins', sans-serif !important;\r\n}\r\n\r\n\/* TOP AREA *\/\r\n.cleanx-services-top {\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap: 20px;\r\n    margin-bottom: 35px;\r\n}\r\n\r\n.cleanx-services-heading h2 {\r\n    margin: 0;\r\n    padding: 0;\r\n    color: #0b1f3a;\r\n    font-size: 38px;\r\n    line-height: 1.2;\r\n    font-weight: 700;\r\n}\r\n\r\n\/* TOP VIEW ALL BUTTON *\/\r\n.cleanx-view-all {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    background: #bce0fd;\r\n    color: #074780;\r\n    padding: 10px 14px 10px 22px;\r\n    border-radius: 50px;\r\n    text-decoration: none;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    white-space: nowrap;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.cleanx-top-btn-icon {\r\n    width: 34px;\r\n    height: 34px;\r\n    border-radius: 50%;\r\n    background: #0088e8;\r\n    color: #ffffff;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.cleanx-top-btn-icon svg {\r\n    stroke: #ffffff;\r\n}\r\n\r\n.cleanx-view-all:hover {\r\n    background: #0088e8;\r\n    color: #ffffff;\r\n}\r\n\r\n.cleanx-view-all:hover .cleanx-top-btn-icon {\r\n    background: #ffffff;\r\n}\r\n\r\n.cleanx-view-all:hover .cleanx-top-btn-icon svg {\r\n    stroke: #0088e8;\r\n}\r\n\r\n\/* GRID LAYOUT *\/\r\n.cleanx-services-grid {\r\n    width: 100%;\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 25px;\r\n}\r\n\r\n\/* CARD ITEM *\/\r\n.cleanx-service-card {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 360px;\r\n    border-radius: 18px;\r\n    overflow: hidden;\r\n    text-decoration: none;\r\n    box-shadow: 0 8px 20px rgba(0,0,0,0.06);\r\n    transition: transform 0.35s ease, box-shadow 0.35s ease;\r\n    display: block;\r\n}\r\n\r\n.cleanx-service-card:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 15px 30px rgba(7, 71, 128, 0.18);\r\n}\r\n\r\n\/* BACKGROUND IMAGE *\/\r\n.cleanx-service-img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 0.5s ease;\r\n}\r\n\r\n.cleanx-service-card:hover .cleanx-service-img {\r\n    transform: scale(1.08);\r\n}\r\n\r\n\/* 1. NORMAL STATE TITLE BOX (BOTTOM FLOATING) *\/\r\n.cleanx-card-title-box {\r\n    position: absolute;\r\n    bottom: 18px;\r\n    left: 18px;\r\n    right: 18px;\r\n    background: #ffffff;\r\n    padding: 16px 50px 16px 20px;\r\n    border-radius: 12px;\r\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\r\n    transition: all 0.3s ease;\r\n    z-index: 2;\r\n}\r\n\r\n.cleanx-card-title-box h3 {\r\n    margin: 0;\r\n    padding: 0;\r\n    color: #0b1f3a;\r\n    font-size: 19px;\r\n    font-weight: 700;\r\n    line-height: 1.3;\r\n}\r\n\r\n.cleanx-icon-badge {\r\n    position: absolute;\r\n    right: -10px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 50%;\r\n    background: linear-gradient(135deg, #0088e8, #005bb5);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 4px 10px rgba(0, 136, 232, 0.3);\r\n}\r\n\r\n.cleanx-icon-badge svg {\r\n    width: 22px;\r\n    height: 22px;\r\n    stroke: #ffffff;\r\n}\r\n\r\n.cleanx-service-card:hover .cleanx-card-title-box {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transform: translateY(20px);\r\n}\r\n\r\n\/* 2. HOVER OVERLAY CONTENT (SLIDES UP ON HOVER) *\/\r\n.cleanx-card-hover-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(180deg, rgba(23, 107, 185, 0.92) 0%, rgba(10, 58, 107, 0.96) 100%);\r\n    padding: 30px 25px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: flex-start;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transform: translateY(100%);\r\n    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n    z-index: 3;\r\n    backdrop-filter: blur(2px);\r\n}\r\n\r\n.cleanx-service-card:hover .cleanx-card-hover-overlay {\r\n    opacity: 1;\r\n    visibility: visible;\r\n    transform: translateY(0);\r\n}\r\n\r\n.cleanx-card-hover-overlay h3 {\r\n    margin: 0 0 12px;\r\n    padding: 0;\r\n    color: #ffffff;\r\n    font-size: 22px;\r\n    font-weight: 700;\r\n    line-height: 1.25;\r\n}\r\n\r\n.cleanx-card-hover-overlay p {\r\n    margin: 0 0 25px;\r\n    padding: 0;\r\n    color: #e3f2fd !important;\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n    font-weight: 400;\r\n}\r\n\r\n.cleanx-learn-more {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: #ffffff;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    transition: gap 0.3s ease;\r\n}\r\n\r\n.cleanx-learn-more svg {\r\n    stroke: #ffffff;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.cleanx-service-card:hover .cleanx-learn-more:hover svg {\r\n    transform: translateX(5px);\r\n}\r\n\r\n\/* RESPONSIVE DESIGN *\/\r\n@media (max-width: 1100px) {\r\n    .cleanx-services-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n}\r\n\r\n@media (max-width: 650px) {\r\n    .cleanx-services-section {\r\n        padding: 30px 15px;\r\n    }\r\n\r\n    .cleanx-services-top {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        gap: 12px;\r\n    }\r\n\r\n    .cleanx-services-heading h2 {\r\n        font-size: 28px;\r\n    }\r\n\r\n    .cleanx-services-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 20px;\r\n    }\r\n\r\n    .cleanx-service-card {\r\n        height: 320px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-23af086 elementor-section-full_width elementor-section-stretched elementor-hidden-mobile elementor-section-height-default elementor-section-height-default\" data-id=\"23af086\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-23fe33b\" data-id=\"23fe33b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-24f0b05 elementor-widget elementor-widget-html\" data-id=\"24f0b05\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Google Font: Poppins -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"aone-why-section\">\r\n  <div class=\"aone-why-container\">\r\n\r\n    <!-- LEFT SIDE: ONLY IMAGE -->\r\n    <div class=\"aone-why-left\">\r\n      <img decoding=\"async\" src=\"htps:\/\/images.unsplash.com\/photo-1581578731548-c64695cc6952?q=80&w=1000&auto=format&fit=crop\" alt=\"A-One Quality Services\" class=\"aone-main-img\">\r\n    <\/div>\r\n\r\n    <!-- RIGHT SIDE: CONTENT & FEATURES LIST -->\r\n    <div class=\"aone-why-right\">\r\n    \r\n      <h2 class=\"aone-title\">Why Choose Us<\/h2>\r\n\r\n      <div class=\"aone-features-grid\">\r\n        <!-- Feature 1 -->\r\n        <div class=\"aone-feature-item\">\r\n          <div class=\"aone-check-icon\">\u2713<\/div>\r\n          <div>\r\n            <h4 class=\"aone-feature-heading\">100% Satisfaction Guarantee<\/h4>\r\n            <p class=\"aone-feature-text\">Your satisfaction is our priority. Contact us within 24 hours of your clean, and we\u2019ll promptly address any concerns.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Feature 2 -->\r\n        <div class=\"aone-feature-item\">\r\n          <div class=\"aone-check-icon\">\u2713<\/div>\r\n          <div>\r\n            <h4 class=\"aone-feature-heading\">Extra Care & Hygiene<\/h4>\r\n            <p class=\"aone-feature-text\">We use professional AGAR cleaning products and proven techniques to deliver a thorough, hygienic, high-quality clean.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Feature 3 -->\r\n        <div class=\"aone-feature-item\">\r\n          <div class=\"aone-check-icon\">\u2713<\/div>\r\n          <div>\r\n            <h4 class=\"aone-feature-heading\">Fully Vetted & Trained Cleaners<\/h4>\r\n            <p class=\"aone-feature-text\">Every cleaner is personally interviewed, police checked, NDIS screened and trained to deliver professional cleaning services.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Feature 4 -->\r\n        <div class=\"aone-feature-item\">\r\n          <div class=\"aone-check-icon\">\u2713<\/div>\r\n          <div>\r\n            <h4 class=\"aone-feature-heading\">Fully Insured<\/h4>\r\n            <p class=\"aone-feature-text\">Enjoy peace of mind knowing our cleaning services are fully insured, giving you confidence and reassurance with every clean.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\t\t\r\n\t    <!-- Feature 4 -->\r\n        <div class=\"aone-feature-item\">\r\n          <div class=\"aone-check-icon\">\u2713<\/div>\r\n          <div>\r\n            <h4 class=\"aone-feature-heading\">Client-Focused Service<\/h4>\r\n            <p class=\"aone-feature-text\">Every property is different. We take the time to understand what you need and provide services based on your individual requirements.\r\n<\/p>\r\n          <\/div>\r\n        <\/div>\t\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ================================\r\n   WHY CHOOSE US MAIN STYLES\r\n================================ *\/\r\n\r\n.aone-why-section {\r\n    width: 100%;\r\n    padding: 60px 20px;\r\n    font-family: 'Poppins', sans-serif;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n}\r\n\r\n.aone-why-section *,\r\n.aone-why-section *::before,\r\n.aone-why-section *::after {\r\n    box-sizing: border-box;\r\n    font-family: 'Poppins', sans-serif;\r\n}\r\n\r\n.aone-why-container {\r\n    max-width: 1350px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 40px;\r\n}\r\n\r\n\/* --------------------------------\r\n   LEFT SIDE ONLY IMAGE\r\n-------------------------------- *\/\r\n.aone-why-left {\r\n    flex: 1.1;\r\n    position: relative;\r\n    height: 520px;\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    background: #e2f2f;\r\n}\r\n\r\n.aone-main-img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    border-radius: 16px;\r\n    display: none!important;\r\n}\r\n\r\n\/* --------------------------------\r\n   RIGHT SIDE CONTENT\r\n-------------------------------- *\/\r\n.aone-why-right {\r\n    flex: 1;\r\n    padding-left: 10px;\r\n}\r\n\r\n.aone-subtitle {\r\n    display: block;\r\n    color: #009be3;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.5px;\r\n    margin-bottom: 6px;\r\n    text-transform: uppercase;\r\n    font-family: 'Poppins', sans-serif;\r\n}\r\n\r\n.aone-title {\r\n    color: #073e68;\r\n    font-size: 32px;\r\n    line-height: 1.2;\r\n    font-weight: 700;\r\n    margin: 0 0 24px 0;\r\n    font-family: 'Poppins', sans-serif;\r\n}\r\n\r\n\/* FEATURES LIST STYLING *\/\r\n.aone-features-grid {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n    margin-bottom: 24px;\r\n}\r\n\r\n.aone-feature-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 14px;\r\n}\r\n\r\n.aone-check-icon {\r\n    width: 24px;\r\n    height: 24px;\r\n    min-width: 24px;\r\n    background: #009be3;\r\n    color: #ffffff;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    margin-top: 2px;\r\n}\r\n\r\n.aone-feature-heading {\r\n    color: #0b3c5d;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    margin: 0 0 4px 0;\r\n}\r\n\r\n.aone-feature-text {\r\n    color: #000;\r\n    font-size: 16px;\r\n    line-height: 1.5;\r\n    margin: 0;\r\n    font-weight: 400;\r\n}\r\n\r\n.aone-btn-wrapper {\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    margin-top: 10px;\r\n}\r\n\r\n.aone-btn-learn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    background: linear-gradient(135deg, #009be3, #007bc4);\r\n    color: #ffffff;\r\n    padding: 12px 28px;\r\n    border-radius: 30px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    font-family: 'Poppins', sans-serif;\r\n    box-shadow: 0 5px 16px rgba(0, 155, 227, 0.25);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.aone-btn-learn span {\r\n    font-size: 18px;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.aone-btn-learn:hover {\r\n    background: linear-gradient(135deg, #007bc4, #00619b);\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 8px 20px rgba(0, 155, 227, 0.35);\r\n}\r\n\r\n.aone-btn-learn:hover span {\r\n    transform: translateX(4px);\r\n}\r\n\r\n\/* ================================\r\n   RESPONSIVE DESIGN (TABLET & PHONE)\r\n================================ *\/\r\n\r\n\/* Tablet & Smaller Laptops *\/\r\n@media (max-width: 1024px) {\r\n    .aone-why-section {\r\n        padding: 45px 20px;\r\n    }\r\n\r\n    .aone-why-container {\r\n        flex-direction: column;\r\n        gap: 30px;\r\n    }\r\n\r\n    .aone-why-left {\r\n        width: 100%;\r\n        height: 380px;\r\n    }\r\n\r\n    .aone-why-right {\r\n        width: 100%;\r\n        padding-left: 0;\r\n    }\r\n\r\n    .aone-title {\r\n        font-size: 28px;\r\n    }\r\n\r\n    .aone-btn-wrapper {\r\n        justify-content: flex-start;\r\n        margin-top: 15px;\r\n    }\r\n}\r\n\r\n\/* Mobile Screens *\/\r\n@media (max-width: 650px) {\r\n    .aone-why-section {\r\n        padding: 35px 16px;\r\n    }\r\n\r\n    .aone-why-container {\r\n        gap: 25px;\r\n    }\r\n\r\n    .aone-why-left {\r\n        height: 260px;\r\n        border-radius: 12px;\r\n    }\r\n\r\n    .aone-main-img {\r\n        border-radius: 12px;\r\n    }\r\n\r\n    .aone-subtitle {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .aone-title {\r\n        font-size: 24px;\r\n        margin-bottom: 16px;\r\n    }\r\n\r\n    .aone-title br { \r\n        display: none; \r\n    }\r\n\r\n    .aone-features-grid {\r\n        gap: 14px;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .aone-feature-heading {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .aone-feature-text {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .aone-btn-wrapper {\r\n        width: 100%;\r\n        margin-top: 10px;\r\n    }\r\n\r\n    .aone-btn-learn {\r\n        width: 100%;\r\n        justify-content: center;\r\n        padding: 12px 20px;\r\n        font-size: 15px;\r\n    }\r\n}\r\n\r\n\/* Small Mobile Screens *\/\r\n@media (max-width: 380px) {\r\n    .aone-why-left {\r\n        height: 220px;\r\n    }\r\n\r\n    .aone-title {\r\n        font-size: 21px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bf5012d elementor-section-full_width elementor-section-stretched elementor-hidden-desktop elementor-hidden-tablet elementor-section-height-default elementor-section-height-default\" data-id=\"bf5012d\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a30d0a5\" data-id=\"a30d0a5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7a5d74c elementor-widget elementor-widget-html\" data-id=\"7a5d74c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Google Font: Poppins -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"aone-why-section\">\r\n  <div class=\"aone-why-container\">\r\n\r\n    <!-- LEFT SIDE: ONLY IMAGE -->\r\n    <div class=\"aone-why-left\">\r\n      <img decoding=\"async\" src=\"htps:\/\/images.unsplash.com\/photo-1581578731548-c64695cc6952?q=80&w=1000&auto=format&fit=crop\" alt=\"A-One Quality Services\" class=\"aone-main-img\">\r\n    <\/div>\r\n\r\n    <!-- RIGHT SIDE: CONTENT & FEATURES LIST -->\r\n    <div class=\"aone-why-right\">\r\n      <span class=\"aone-subtitle\">Why Choose Us<\/span>\r\n      <h2 class=\"aone-title\">We Exceed Your Expectations<\/h2>\r\n\r\n      <div class=\"aone-features-grid\">\r\n        <!-- Feature 1 -->\r\n        <div class=\"aone-feature-item\">\r\n          <div class=\"aone-check-icon\">\u2713<\/div>\r\n          <div>\r\n            <h4 class=\"aone-feature-heading\">Affordable Excellence<\/h4>\r\n            <p class=\"aone-feature-text\">Our custom cleaning schedules support the NDIS clients in Adelaide. We take pride in our collaboration with numerous NDIS participants and plan managers.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Feature 2 -->\r\n        <div class=\"aone-feature-item\">\r\n          <div class=\"aone-check-icon\">\u2713<\/div>\r\n          <div>\r\n            <h4 class=\"aone-feature-heading\">Extra Care Hygiene<\/h4>\r\n            <p class=\"aone-feature-text\">Discover professional, commercial, NDIS and domestic cleaning services. Experience unmatched quality and reliability with A-One quality services.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Feature 3 -->\r\n        <div class=\"aone-feature-item\">\r\n          <div class=\"aone-check-icon\">\u2713<\/div>\r\n          <div>\r\n            <h4 class=\"aone-feature-heading\">Tailored NDIS Solutions<\/h4>\r\n            <p class=\"aone-feature-text\">Our custom cleaning schedules cater to the unique needs of normal or NDIS homes, ensuring a safe and hygienic environment for residents.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Feature 4 -->\r\n        <div class=\"aone-feature-item\">\r\n          <div class=\"aone-check-icon\">\u2713<\/div>\r\n          <div>\r\n            <h4 class=\"aone-feature-heading\">100% Satisfaction Guarantee<\/h4>\r\n            <p class=\"aone-feature-text\">If you are ever dissatisfied with any aspect of our recent clean, simply reach out to us within 24 hours, and we will promptly address and resolve the issue.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"aone-btn-wrapper\">\r\n        <a href=\"#\" class=\"aone-btn-learn\">\r\n          Learn More <span>\u2192<\/span>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ================================\r\n   WHY CHOOSE US MAIN STYLES\r\n================================ *\/\r\n\r\n.aone-why-section {\r\n    width: 100%;\r\n    padding: 60px 20px;\r\n    font-family: 'Poppins', sans-serif;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n}\r\n\r\n.aone-why-section *,\r\n.aone-why-section *::before,\r\n.aone-why-section *::after {\r\n    box-sizing: border-box;\r\n    font-family: 'Poppins', sans-serif;\r\n}\r\n\r\n.aone-why-container {\r\n    max-width: 1350px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 40px;\r\n}\r\n\r\n\/* --------------------------------\r\n   LEFT SIDE ONLY IMAGE\r\n-------------------------------- *\/\r\n.aone-why-left {\r\n    flex: 1.1;\r\n    position: relative;\r\n    height: 520px;\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    background: #e2f2f;\r\n}\r\n\r\n.aone-main-img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    border-radius: 16px;\r\n    display: none!important;\r\n}\r\n\r\n\/* --------------------------------\r\n   RIGHT SIDE CONTENT\r\n-------------------------------- *\/\r\n.aone-why-right {\r\n    flex: 1;\r\n    padding-left: 10px;\r\n}\r\n\r\n.aone-subtitle {\r\n    display: block;\r\n    color: #009be3;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.5px;\r\n    margin-bottom: 6px;\r\n    text-transform: uppercase;\r\n    font-family: 'Poppins', sans-serif;\r\n}\r\n\r\n.aone-title {\r\n    color: #073e68;\r\n    font-size: 32px;\r\n    line-height: 1.2;\r\n    font-weight: 700;\r\n    margin: 0 0 24px 0;\r\n    font-family: 'Poppins', sans-serif;\r\n}\r\n\r\n\/* FEATURES LIST STYLING *\/\r\n.aone-features-grid {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n    margin-bottom: 24px;\r\n}\r\n\r\n.aone-feature-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 14px;\r\n}\r\n\r\n.aone-check-icon {\r\n    width: 24px;\r\n    height: 24px;\r\n    min-width: 24px;\r\n    background: #009be3;\r\n    color: #ffffff;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    margin-top: 2px;\r\n}\r\n\r\n.aone-feature-heading {\r\n    color: #0b3c5d;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    margin: 0 0 4px 0;\r\n}\r\n\r\n.aone-feature-text {\r\n    color: #000;\r\n    font-size: 16px;\r\n    line-height: 1.5;\r\n    margin: 0;\r\n    font-weight: 400;\r\n}\r\n\r\n.aone-btn-wrapper {\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    margin-top: 10px;\r\n}\r\n\r\n.aone-btn-learn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    background: linear-gradient(135deg, #009be3, #007bc4);\r\n    color: #ffffff;\r\n    padding: 12px 28px;\r\n    border-radius: 30px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    font-family: 'Poppins', sans-serif;\r\n    box-shadow: 0 5px 16px rgba(0, 155, 227, 0.25);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.aone-btn-learn span {\r\n    font-size: 18px;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.aone-btn-learn:hover {\r\n    background: linear-gradient(135deg, #007bc4, #00619b);\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 8px 20px rgba(0, 155, 227, 0.35);\r\n}\r\n\r\n.aone-btn-learn:hover span {\r\n    transform: translateX(4px);\r\n}\r\n\r\n\/* ================================\r\n   RESPONSIVE DESIGN (TABLET & PHONE)\r\n================================ *\/\r\n\r\n\/* Tablet & Smaller Laptops *\/\r\n@media (max-width: 1024px) {\r\n    .aone-why-section {\r\n        padding: 45px 20px;\r\n    }\r\n\r\n    .aone-why-container {\r\n        flex-direction: column;\r\n        gap: 30px;\r\n    }\r\n\r\n    .aone-why-left {\r\n        width: 100%;\r\n        height: 380px;\r\n    }\r\n\r\n    .aone-why-right {\r\n        width: 100%;\r\n        padding-left: 0;\r\n    }\r\n\r\n    .aone-title {\r\n        font-size: 28px;\r\n    }\r\n\r\n    .aone-btn-wrapper {\r\n        justify-content: flex-start;\r\n        margin-top: 15px;\r\n    }\r\n}\r\n\r\n\/* Mobile Screens *\/\r\n@media (max-width: 650px) {\r\n    .aone-why-section {\r\n        padding: 35px 16px;\r\n    }\r\n\r\n    .aone-why-container {\r\n        gap: 25px;\r\n    }\r\n\r\n    .aone-why-left {\r\n        height: 260px;\r\n        border-radius: 12px;\r\n    }\r\n\r\n    .aone-main-img {\r\n        border-radius: 12px;\r\n    }\r\n\r\n    .aone-subtitle {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .aone-title {\r\n        font-size: 24px;\r\n        margin-bottom: 16px;\r\n    }\r\n\r\n    .aone-title br { \r\n        display: none; \r\n    }\r\n\r\n    .aone-features-grid {\r\n        gap: 14px;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .aone-feature-heading {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .aone-feature-text {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .aone-btn-wrapper {\r\n        width: 100%;\r\n        margin-top: 10px;\r\n    }\r\n\r\n    .aone-btn-learn {\r\n        width: 100%;\r\n        justify-content: center;\r\n        padding: 12px 20px;\r\n        font-size: 15px;\r\n    }\r\n}\r\n\r\n\/* Small Mobile Screens *\/\r\n@media (max-width: 380px) {\r\n    .aone-why-left {\r\n        height: 220px;\r\n    }\r\n\r\n    .aone-title {\r\n        font-size: 21px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d739ea0 elementor-hidden-mobile elementor-section-full_width elementor-section-stretched elementor-hidden-desktop elementor-hidden-tablet elementor-section-height-default elementor-section-height-default\" data-id=\"d739ea0\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-83faa5c\" data-id=\"83faa5c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f684966 elementor-widget elementor-widget-html\" data-id=\"f684966\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Google Font: Poppins -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"aone-process-section\">\r\n  <div class=\"aone-process-container\">\r\n\r\n    <!-- LEFT SIDE: HEADING & DESCRIPTION -->\r\n    <div class=\"aone-process-left\">\r\n      <span class=\"aone-process-subtitle\">OUR EXPERTISE<\/span>\r\n      <h2 class=\"aone-process-title\">Dedicated to Superior Cleaning Solutions<\/h2>\r\n      <p class=\"aone-process-desc\">\r\n        We combine professional techniques, customized schedules, and expert staff to deliver unmatched hygiene and peace of mind for your space.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- RIGHT SIDE: 4 EXPERTISE\/PROCESS STEPS -->\r\n    <div class=\"aone-process-right\">\r\n\r\n      <!-- ITEM 1 -->\r\n      <div class=\"aone-step-card\">\r\n        <div class=\"aone-step-icon\">\r\n          <!-- Shield \/ Hygiene Icon -->\r\n          <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#009be3\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n        <span class=\"aone-step-num\">01<\/span>\r\n        <h3 class=\"aone-step-title\">Extra Care Hygiene<\/h3>\r\n        <p class=\"aone-step-text\">Using industry-standard chemicals and precise techniques, we protect delicate surfaces and maintain pristine hygiene throughout your environment.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"aone-step-arrow\">\u2192<\/div>\r\n\r\n      <!-- ITEM 2 -->\r\n      <div class=\"aone-step-card\">\r\n        <div class=\"aone-step-icon\">\r\n          <!-- Calendar \/ Schedule Icon -->\r\n          <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#009be3\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\r\n            <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line>\r\n            <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line>\r\n            <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line>\r\n          <\/svg>\r\n        <\/div>\r\n        <span class=\"aone-step-num\">02<\/span>\r\n        <h3 class=\"aone-step-title\">Customized Schedules<\/h3>\r\n        <p class=\"aone-step-text\">Tailored weekly, fortnightly or monthly cleaning plans designed for homes with busy routines, kids, pets, and frequent visitors.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"aone-step-arrow\">\u2192<\/div>\r\n\r\n      <!-- ITEM 3 -->\r\n      <div class=\"aone-step-card\">\r\n        <div class=\"aone-step-icon\">\r\n          <!-- Star \/ Guarantee Icon -->\r\n          <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"#009be3\" stroke=\"#009be3\" stroke-width=\"1\">\r\n            <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon>\r\n          <\/svg>\r\n        <\/div>\r\n        <span class=\"aone-step-num\">03<\/span>\r\n        <h3 class=\"aone-step-title\">100% Satisfaction<\/h3>\r\n        <p class=\"aone-step-text\">We are fully committed to your happiness. If you are ever dissatisfied with our service, our team will quickly make it right.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"aone-step-arrow\">\u2192<\/div>\r\n\r\n      <!-- ITEM 4 -->\r\n      <div class=\"aone-step-card\">\r\n        <div class=\"aone-step-icon\">\r\n          <!-- User \/ Staff Icon -->\r\n          <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#009be3\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path>\r\n            <circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle>\r\n          <\/svg>\r\n        <\/div>\r\n        <span class=\"aone-step-num\">04<\/span>\r\n        <h3 class=\"aone-step-title\">Professional Staff<\/h3>\r\n        <p class=\"aone-step-text\">Our proactive team communicates effectively, handles contractual requirements, and consistently exceeds client expectations.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ================================\r\n   OUR PROCESS MAIN STYLES\r\n================================ *\/\r\n\r\n.aone-process-section {\r\n    width: 100%;\r\n    padding: 60px 20px;\r\n    font-family: 'Poppins', sans-serif !important;\r\n    color: #ffffff !important;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n}\r\n\r\n.aone-process-section *,\r\n.aone-process-section *::before,\r\n.aone-process-section *::after {\r\n    box-sizing: border-box;\r\n    font-family: 'Poppins', sans-serif !important;\r\n}\r\n\r\n.aone-process-container {\r\n    max-width: 1350px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    gap: 40px;\r\n}\r\n\r\n\/* --------------------------------\r\n   LEFT SIDE CONTENT\r\n-------------------------------- *\/\r\n.aone-process-left {\r\n    flex: 0 0 32%;\r\n    max-width: 400px;\r\n}\r\n\r\n.aone-process-subtitle {\r\n    display: block;\r\n    color: #ffffff;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.2px;\r\n    margin-bottom: 8px;\r\n    text-transform: uppercase;\r\n    opacity: 0.9;\r\n}\r\n\r\n.aone-process-title {\r\n    color: #ffffff;\r\n    font-size: 32px;\r\n    line-height: 1.25;\r\n    font-weight: 700;\r\n    margin: 0 0 14px 0;\r\n}\r\n\r\n\/* LEFT SIDE DESCRIPTION *\/\r\n.aone-process-desc {\r\n    color: #ffffff;\r\n    font-size: 16px !important;\r\n    line-height: 1.6;\r\n    font-weight: 400;\r\n    margin: 0;\r\n    opacity: 0.95;\r\n}\r\n\r\n\/* --------------------------------\r\n   RIGHT SIDE PROCESS STEPS\r\n-------------------------------- *\/\r\n.aone-process-right {\r\n    flex: 1;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    gap: 12px;\r\n}\r\n\r\n.aone-step-card {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n    flex: 1;\r\n}\r\n\r\n.aone-step-icon {\r\n    width: 64px;\r\n    height: 64px;\r\n    min-width: 64px;\r\n    background-color: #ffffff;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);\r\n    margin-bottom: 12px;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.aone-step-card:hover .aone-step-icon {\r\n    transform: translateY(-4px);\r\n}\r\n\r\n.aone-step-num {\r\n    color: #ffffff;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    opacity: 0.85;\r\n    margin-bottom: 4px;\r\n}\r\n\r\n.aone-step-title {\r\n    color: #ffffff;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    margin: 0 0 6px 0;\r\n    line-height: 1.3;\r\n}\r\n\r\n\/* CARD DESCRIPTION - CLEAN TEXT *\/\r\n.aone-step-text {\r\n    color: #ffffff;\r\n    font-size: 13.5px !important;\r\n    line-height: 1.45;\r\n    font-weight: 400;\r\n    margin: 0;\r\n    opacity: 0.9;\r\n}\r\n\r\n.aone-step-arrow {\r\n    color: #ffffff;\r\n    font-size: 20px;\r\n    opacity: 0.7;\r\n    margin-top: 20px;\r\n    user-select: none;\r\n}\r\n\r\n\/* ================================\r\n   RESPONSIVE DESIGN\r\n================================ *\/\r\n\r\n\/* Laptop & Medium Screens *\/\r\n@media (max-width: 1100px) {\r\n    .aone-process-container {\r\n        gap: 30px;\r\n    }\r\n    .aone-process-title {\r\n        font-size: 28px;\r\n    }\r\n}\r\n\r\n\/* Tablet Screens (1024px and below) *\/\r\n@media (max-width: 1024px) {\r\n    .aone-process-container {\r\n        flex-direction: column;\r\n        align-items: center;\r\n        text-align: center;\r\n        gap: 35px;\r\n    }\r\n\r\n    .aone-process-left {\r\n        flex: 1 1 100%;\r\n        max-width: 700px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .aone-process-right {\r\n        width: 100%;\r\n    }\r\n}\r\n\r\n\/* Mobile Screens (768px and below) *\/\r\n@media (max-width: 768px) {\r\n    .aone-process-section {\r\n        padding: 45px 16px;\r\n    }\r\n\r\n    .aone-process-title {\r\n        font-size: 26px;\r\n    }\r\n\r\n    .aone-process-right {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 28px 20px;\r\n    }\r\n\r\n    .aone-step-arrow {\r\n        display: none;\r\n    }\r\n}\r\n\r\n\/* Small Mobile Screens (480px and below) *\/\r\n@media (max-width: 480px) {\r\n    .aone-process-section {\r\n        padding: 35px 15px;\r\n    }\r\n\r\n    .aone-process-subtitle {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .aone-process-title {\r\n        font-size: 22px;\r\n    }\r\n\r\n    .aone-process-desc {\r\n        font-size: 14.5px !important;\r\n    }\r\n\r\n    .aone-process-right {\r\n        grid-template-columns: 1fr;\r\n        gap: 25px;\r\n    }\r\n\r\n    .aone-step-icon {\r\n        width: 58px;\r\n        height: 58px;\r\n        min-width: 58px;\r\n    }\r\n\r\n    .aone-step-icon svg {\r\n        width: 22px;\r\n        height: 22px;\r\n    }\r\n\r\n    .aone-step-title {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .aone-step-text {\r\n        font-size: 13.5px !important;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bf5860a elementor-section-full_width elementor-section-stretched elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-section-height-default elementor-section-height-default\" data-id=\"bf5860a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2a218e2\" data-id=\"2a218e2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-10f00f6 elementor-widget elementor-widget-html\" data-id=\"10f00f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Google Font: Poppins -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"aone-process-section\">\r\n  <div class=\"aone-process-container\">\r\n\r\n    <!-- LEFT SIDE: HEADING & DESCRIPTION -->\r\n    <div class=\"aone-process-left\">\r\n      <span class=\"aone-process-subtitle\">OUR EXPERTISE<\/span>\r\n      <h2 class=\"aone-process-title\">Dedicated to Superior Cleaning Solutions<\/h2>\r\n      <p class=\"aone-process-desc\">\r\n        We combine professional techniques, customized schedules, and expert staff to deliver unmatched hygiene and peace of mind for your space.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- RIGHT SIDE: 4 EXPERTISE\/PROCESS STEPS -->\r\n    <div class=\"aone-process-right\">\r\n\r\n      <!-- ITEM 1 -->\r\n      <div class=\"aone-step-card\">\r\n        <div class=\"aone-step-icon\">\r\n          <!-- Shield \/ Hygiene Icon -->\r\n          <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#009be3\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n        <span class=\"aone-step-num\">01<\/span>\r\n        <h3 class=\"aone-step-title\">Extra Care Hygiene<\/h3>\r\n        <p class=\"aone-step-text\">Using industry-standard chemicals and precise techniques, we protect delicate surfaces and maintain pristine hygiene throughout your environment.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"aone-step-arrow\">\u2192<\/div>\r\n\r\n      <!-- ITEM 2 -->\r\n      <div class=\"aone-step-card\">\r\n        <div class=\"aone-step-icon\">\r\n          <!-- Calendar \/ Schedule Icon -->\r\n          <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#009be3\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\r\n            <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line>\r\n            <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line>\r\n            <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line>\r\n          <\/svg>\r\n        <\/div>\r\n        <span class=\"aone-step-num\">02<\/span>\r\n        <h3 class=\"aone-step-title\">Customized Schedules<\/h3>\r\n        <p class=\"aone-step-text\">Tailored weekly, fortnightly or monthly cleaning plans designed for homes with busy routines, kids, pets, and frequent visitors.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"aone-step-arrow\">\u2192<\/div>\r\n\r\n      <!-- ITEM 3 -->\r\n      <div class=\"aone-step-card\">\r\n        <div class=\"aone-step-icon\">\r\n          <!-- Star \/ Guarantee Icon -->\r\n          <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"#009be3\" stroke=\"#009be3\" stroke-width=\"1\">\r\n            <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon>\r\n          <\/svg>\r\n        <\/div>\r\n        <span class=\"aone-step-num\">03<\/span>\r\n        <h3 class=\"aone-step-title\">100% Satisfaction<\/h3>\r\n        <p class=\"aone-step-text\">We are fully committed to your happiness. If you are ever dissatisfied with our service, our team will quickly make it right.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"aone-step-arrow\">\u2192<\/div>\r\n\r\n      <!-- ITEM 4 -->\r\n      <div class=\"aone-step-card\">\r\n        <div class=\"aone-step-icon\">\r\n          <!-- User \/ Staff Icon -->\r\n          <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#009be3\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path>\r\n            <circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle>\r\n          <\/svg>\r\n        <\/div>\r\n        <span class=\"aone-step-num\">04<\/span>\r\n        <h3 class=\"aone-step-title\">Professional Staff<\/h3>\r\n        <p class=\"aone-step-text\">Our proactive team communicates effectively, handles contractual requirements, and consistently exceeds client expectations.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ================================\r\n   OUR PROCESS MAIN STYLES\r\n================================ *\/\r\n\r\n.aone-process-section {\r\n    width: 100%;\r\n    padding: 60px 20px;\r\n    font-family: 'Poppins', sans-serif !important;\r\n    color: #ffffff !important;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n}\r\n\r\n.aone-process-section *,\r\n.aone-process-section *::before,\r\n.aone-process-section *::after {\r\n    box-sizing: border-box;\r\n    font-family: 'Poppins', sans-serif !important;\r\n}\r\n\r\n.aone-process-container {\r\n    max-width: 1350px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    gap: 40px;\r\n}\r\n\r\n\/* --------------------------------\r\n   LEFT SIDE CONTENT\r\n-------------------------------- *\/\r\n.aone-process-left {\r\n    flex: 0 0 32%;\r\n    max-width: 400px;\r\n}\r\n\r\n.aone-process-subtitle {\r\n    display: block;\r\n    color: #ffffff;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.2px;\r\n    margin-bottom: 8px;\r\n    text-transform: uppercase;\r\n    opacity: 0.9;\r\n}\r\n\r\n.aone-process-title {\r\n    color: #ffffff;\r\n    font-size: 32px;\r\n    line-height: 1.25;\r\n    font-weight: 700;\r\n    margin: 0 0 14px 0;\r\n}\r\n\r\n\/* LEFT SIDE DESCRIPTION *\/\r\n.aone-process-desc {\r\n    color: #ffffff;\r\n    font-size: 16px !important;\r\n    line-height: 1.6;\r\n    font-weight: 400;\r\n    margin: 0;\r\n    opacity: 0.95;\r\n}\r\n\r\n\/* --------------------------------\r\n   RIGHT SIDE PROCESS STEPS\r\n-------------------------------- *\/\r\n.aone-process-right {\r\n    flex: 1;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    gap: 12px;\r\n}\r\n\r\n.aone-step-card {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n    flex: 1;\r\n}\r\n\r\n.aone-step-icon {\r\n    width: 64px;\r\n    height: 64px;\r\n    min-width: 64px;\r\n    background-color: #ffffff;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);\r\n    margin-bottom: 12px;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.aone-step-card:hover .aone-step-icon {\r\n    transform: translateY(-4px);\r\n}\r\n\r\n.aone-step-num {\r\n    color: #ffffff;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    opacity: 0.85;\r\n    margin-bottom: 4px;\r\n}\r\n\r\n.aone-step-title {\r\n    color: #ffffff;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    margin: 0 0 6px 0;\r\n    line-height: 1.3;\r\n}\r\n\r\n\/* CARD DESCRIPTION - CLEAN TEXT *\/\r\n.aone-step-text {\r\n    color: #ffffff;\r\n    font-size: 13.5px !important;\r\n    line-height: 1.45;\r\n    font-weight: 400;\r\n    margin: 0;\r\n    opacity: 0.9;\r\n}\r\n\r\n.aone-step-arrow {\r\n    color: #ffffff;\r\n    font-size: 20px;\r\n    opacity: 0.7;\r\n    margin-top: 20px;\r\n    user-select: none;\r\n}\r\n\r\n\/* ================================\r\n   RESPONSIVE DESIGN\r\n================================ *\/\r\n\r\n\/* Laptop & Medium Screens *\/\r\n@media (max-width: 1100px) {\r\n    .aone-process-container {\r\n        gap: 30px;\r\n    }\r\n    .aone-process-title {\r\n        font-size: 28px;\r\n    }\r\n}\r\n\r\n\/* Tablet Screens (1024px and below) *\/\r\n@media (max-width: 1024px) {\r\n    .aone-process-container {\r\n        flex-direction: column;\r\n        align-items: center;\r\n        text-align: center;\r\n        gap: 35px;\r\n    }\r\n\r\n    .aone-process-left {\r\n        flex: 1 1 100%;\r\n        max-width: 700px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .aone-process-right {\r\n        width: 100%;\r\n    }\r\n}\r\n\r\n\/* Mobile Screens (768px and below) *\/\r\n@media (max-width: 768px) {\r\n    .aone-process-section {\r\n        padding: 45px 16px;\r\n    }\r\n\r\n    .aone-process-title {\r\n        font-size: 26px;\r\n    }\r\n\r\n    .aone-process-right {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 28px 20px;\r\n    }\r\n\r\n    .aone-step-arrow {\r\n        display: none;\r\n    }\r\n}\r\n\r\n\/* Small Mobile Screens (480px and below) *\/\r\n@media (max-width: 480px) {\r\n    .aone-process-section {\r\n        padding: 35px 15px;\r\n    }\r\n\r\n    .aone-process-subtitle {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .aone-process-title {\r\n        font-size: 22px;\r\n    }\r\n\r\n    .aone-process-desc {\r\n        font-size: 14.5px !important;\r\n    }\r\n\r\n    .aone-process-right {\r\n        grid-template-columns: 1fr;\r\n        gap: 25px;\r\n    }\r\n\r\n    .aone-step-icon {\r\n        width: 58px;\r\n        height: 58px;\r\n        min-width: 58px;\r\n    }\r\n\r\n    .aone-step-icon svg {\r\n        width: 22px;\r\n        height: 22px;\r\n    }\r\n\r\n    .aone-step-title {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .aone-step-text {\r\n        font-size: 13.5px !important;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6456ed8 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6456ed8\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d999296\" data-id=\"d999296\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-95e8943 elementor-widget elementor-widget-html\" data-id=\"95e8943\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Google Font: Poppins -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"commitment-section\">\r\n\r\n    <div class=\"commitment-container\">\r\n\r\n        <!-- IMAGE -->\r\n        <div class=\"commitment-image-box\">\r\n            <img decoding=\"async\" src=\"https:\/\/sampleprojects.in\/aone\/wp-content\/uploads\/2026\/09\/Gemini_Generated_Image_hsfu6hhsfu6hhsfu-1.png\" alt=\"Adelaide Cleaning Services\">\r\n        <\/div>\r\n\r\n        <!-- CONTENT -->\r\n        <div class=\"commitment-content\">\r\n\r\n            <span class=\"commitment-small-title\">A-ONE QUALITY SERVICES<\/span>\r\n\r\n            <h2 class=\"commitment-heading\">\r\n                Adelaide-Wide Cleaning Services\r\n            <\/h2>\r\n\r\n            <p class=\"commitment-description\">\r\n                A-One Quality Services provides cleaning services across <b>Adelaide metropolitan areas.<\/b>\r\n            <\/p>\r\n            \r\n            <p class=\"commitment-description\" style=\"margin-top: 8px;\">\r\n                Whether you need a regular cleaner for your home, ongoing office cleaning for your business or cleaning support through NDIS, My Aged Care or DVA arrangements, our team is available to discuss your requirements.\r\n            <\/p>\r\n\r\n            <!-- CONTACT INFO CARDS -->\r\n            <div class=\"commitment-contact-cards\">\r\n\r\n                <!-- CALL CARD -->\r\n                <div class=\"commitment-contact-card\">\r\n                    <div class=\"commitment-contact-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"commitment-contact-details\">\r\n                        <span class=\"commitment-contact-label\">Call Us<\/span>\r\n                        <div class=\"commitment-contact-links\">\r\n                            <a href=\"tel:0871187119\" class=\"commitment-contact-link\">08 7118 7119<\/a>\r\n                            <span class=\"commitment-contact-sep\">|<\/span>\r\n                            <a href=\"tel:0493657339\" class=\"commitment-contact-link\">0493 657 339<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- EMAIL CARD -->\r\n                <div class=\"commitment-contact-card\">\r\n                    <div class=\"commitment-contact-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path>\r\n                            <polyline points=\"22,6 12,13 2,6\"><\/polyline>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"commitment-contact-details\">\r\n                        <span class=\"commitment-contact-label\">Email Us<\/span>\r\n                        <div class=\"commitment-contact-links\">\r\n                            <a href=\"mailto:info@aonequalityservices.com.au\" class=\"commitment-contact-link\">info@aonequalityservices.com.au<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- RIGHT CTA -->\r\n        <div class=\"commitment-cta\">\r\n\r\n            <div class=\"commitment-cta-content\">\r\n\r\n                <h3 class=\"commitment-cta-title\">\r\n                    Need a cleaner<br>\r\n                    in Adelaide?\r\n                <\/h3>\r\n\r\n                <p class=\"commitment-cta-description\">\r\n                    Contact A-One Quality Services today to get started.\r\n                <\/p>\r\n\r\n                <a href=\"https:\/\/sampleprojects.in\/aone\/request-a-quote\/\" class=\"commitment-cta-button\">\r\n                    Get a Free Quote\r\n                    <!-- Arrow Icon -->\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                        <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                    <\/svg>\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\/* ================================\r\n   COMMITMENT SECTION MAIN STYLES\r\n================================ *\/\r\n\r\n.commitment-section {\r\n    width: 100%;\r\n    padding: 30px 0;\r\n    font-family: 'Poppins', sans-serif !important;\r\n    overflow: hidden;\r\n}\r\n\r\n.commitment-section *,\r\n.commitment-section *::before,\r\n.commitment-section *::after {\r\n    box-sizing: border-box;\r\n    font-family: 'Poppins', sans-serif !important;\r\n}\r\n\r\n.commitment-container {\r\n    width: 94%;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    min-height: 160px;\r\n\r\n    display: grid;\r\n    grid-template-columns: 240px 1fr 240px;\r\n    align-items: center;\r\n    gap: 30px;\r\n\r\n    position: relative;\r\n}\r\n\r\n\/* ================================\r\n   IMAGE\r\n================================ *\/\r\n\r\n.commitment-image-box {\r\n    width: 100%;\r\n    height: 100%;\r\n    min-height: 220px;\r\n    border-radius: 28px 28px 28px 0;\r\n    overflow: hidden;\r\n    position: relative;\r\n}\r\n\r\n.commitment-image-box img {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: block;\r\n    object-fit: cover;\r\n}\r\n\r\n\/* ================================\r\n   MIDDLE CONTENT\r\n================================ *\/\r\n\r\n.commitment-content {\r\n    width: 100%;\r\n}\r\n\r\n.commitment-small-title {\r\n    display: block;\r\n    margin: 0 0 2px;\r\n    font-size: 13px;\r\n    line-height: 1.3;\r\n    font-weight: 700;\r\n    letter-spacing: 0.8px;\r\n    color: #159ed8;\r\n    text-transform: uppercase;\r\n    font-family: 'Poppins', sans-serif !important;\r\n}\r\n\r\n.commitment-heading {\r\n    margin: 0 0 6px;\r\n    font-size: 26px;\r\n    line-height: 1.25;\r\n    font-weight: 700;\r\n    color: #073e68;\r\n    font-family: 'Poppins', sans-serif !important;\r\n}\r\n\r\n.commitment-description {\r\n    margin: 0;\r\n    max-width: 680px;\r\n    font-size: 15px !important;\r\n    line-height: 1.5;\r\n    font-weight: 400;\r\n    color: #000 !important;\r\n    font-family: 'Poppins', sans-serif !important;\r\n}\r\n\r\n\/* ================================\r\n   CONTACT CARDS\r\n================================ *\/\r\n\r\n.commitment-contact-cards {\r\n    margin-top: 16px;\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 12px;\r\n}\r\n\r\n.commitment-contact-card {\r\n    min-height: 58px;\r\n    padding: 12px 14px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    background: rgba(255,255,255,0.95);\r\n    border: 1px solid #e2f1f8;\r\n    border-radius: 12px;\r\n    box-shadow: 0 4px 14px rgba(0, 105, 160, 0.07);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.commitment-contact-card:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 8px 20px rgba(0, 105, 160, 0.12);\r\n    border-color: #159ed8;\r\n}\r\n\r\n.commitment-contact-icon {\r\n    width: 40px;\r\n    height: 40px;\r\n    min-width: 40px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border: 1.5px solid #22a8e5;\r\n    border-radius: 50%;\r\n    color: #159ed8;\r\n    background: #ffffff;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.commitment-contact-icon svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    stroke: #159ed8;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.commitment-contact-card:hover .commitment-contact-icon {\r\n    background: #159ed8;\r\n}\r\n\r\n.commitment-contact-card:hover .commitment-contact-icon svg {\r\n    stroke: #ffffff;\r\n}\r\n\r\n.commitment-contact-details {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n.commitment-contact-label {\r\n    display: block;\r\n    margin: 0 0 6px 0; \/* Clean medium gap between label and link *\/\r\n    padding: 0;\r\n    font-size: 11px;\r\n    line-height: 1.1;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    color: #159ed8;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n.commitment-contact-links {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    margin: 0;\r\n    padding: 0;\r\n    line-height: 1.2;\r\n}\r\n\r\n.commitment-contact-link {\r\n    font-size: 13px;\r\n    line-height: 1.2;\r\n    font-weight: 600;\r\n    color: #073e68;\r\n    text-decoration: none;\r\n    transition: color 0.2s ease;\r\n}\r\n\r\n.commitment-contact-link:hover {\r\n    color: #159ed8;\r\n}\r\n\r\n.commitment-contact-sep {\r\n    font-size: 12px;\r\n    line-height: 1;\r\n    color: #a0c4d8;\r\n}\r\n\r\n\/* ================================\r\n   RIGHT CTA BOX\r\n================================ *\/\r\n\r\n.commitment-cta {\r\n    height: 100%;\r\n    min-height: 220px;\r\n    padding: 22px 18px;\r\n    border-radius: 20px 20px 20px 0;\r\n    background: linear-gradient(\r\n        135deg,\r\n        #159ed8 0%,\r\n        #087caf 100%\r\n    );\r\n    position: relative;\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    box-shadow: 0 8px 22px rgba(0, 115, 170, 0.16);\r\n}\r\n\r\n.commitment-cta::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 100px;\r\n    height: 100px;\r\n    right: -35px;\r\n    bottom: -50px;\r\n    border-radius: 50%;\r\n    background: rgba(255,255,255,0.08);\r\n}\r\n\r\n.commitment-cta::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 70px;\r\n    height: 70px;\r\n    right: 25px;\r\n    top: -38px;\r\n    border-radius: 50%;\r\n    background: rgba(255,255,255,0.07);\r\n}\r\n\r\n.commitment-cta-content {\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.commitment-cta-title {\r\n    margin: 0 0 6px;\r\n    color: #ffffff;\r\n    font-size: 18px;\r\n    line-height: 1.25;\r\n    font-weight: 700;\r\n    font-family: 'Poppins', sans-serif !important;\r\n}\r\n\r\n.commitment-cta-description {\r\n    margin: 0 0 14px;\r\n    color: rgba(255,255,255,0.95);\r\n    font-size: 12px;\r\n    line-height: 1.4;\r\n    font-weight: 400;\r\n    font-family: 'Poppins', sans-serif !important;\r\n}\r\n\r\n.commitment-cta-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 6px;\r\n    padding: 9px 16px;\r\n    color: #ffffff;\r\n    border: 1px solid rgba(255,255,255,0.8);\r\n    border-radius: 20px;\r\n    font-family: \"Poppins\", sans-serif !important;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n    width: fit-content;\r\n}\r\n\r\n.commitment-cta-button svg {\r\n    width: 14px;\r\n    height: 14px;\r\n    stroke: #ffffff;\r\n    transition: transform 0.3s ease, stroke 0.3s ease;\r\n}\r\n\r\n.commitment-cta-button:hover {\r\n    background: #ffffff;\r\n    color: #087caf;\r\n}\r\n\r\n.commitment-cta-button:hover svg {\r\n    stroke: #087caf;\r\n    transform: translateX(3px);\r\n}\r\n\r\n\/* ================================\r\n   RESPONSIVE DESIGN\r\n================================ *\/\r\n\r\n@media (max-width: 1100px) {\r\n    .commitment-container {\r\n        grid-template-columns: 200px 1fr;\r\n        gap: 22px;\r\n    }\r\n\r\n    .commitment-image-box {\r\n        min-height: 180px;\r\n    }\r\n\r\n    .commitment-cta {\r\n        grid-column: 1 \/ -1;\r\n        min-height: auto;\r\n        padding: 20px;\r\n    }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .commitment-container {\r\n        width: 92%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n        gap: 20px;\r\n    }\r\n\r\n    .commitment-image-box {\r\n        width: 100%;\r\n        height: 210px;\r\n        min-height: auto;\r\n    }\r\n\r\n    .commitment-heading {\r\n        font-size: 22px;\r\n    }\r\n\r\n    .commitment-contact-cards {\r\n        grid-template-columns: 1fr;\r\n        gap: 10px;\r\n    }\r\n\r\n    .commitment-cta {\r\n        border-radius: 18px 18px 18px 0;\r\n    }\r\n    .commitment-description {\r\n  \r\n    font-size: 13px !important;\r\n   \r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cb1aaa9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"cb1aaa9\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-66f83fa\" data-id=\"66f83fa\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4d49bd4 elementor-widget elementor-widget-html\" data-id=\"4d49bd4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    .comparison-wrapper-section {\r\n   \r\n        color: #111111;\r\n        font-family: 'Poppins', sans-serif;\r\n        height: 300vh;\r\n        position: relative;\r\n    }\r\n\r\n    .hero-section {\r\n        position: sticky;\r\n        top: 0;\r\n        height: 100vh;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 8%;\r\n  \r\n        overflow: hidden;\r\n     \r\n    }\r\n\r\n    .content-left {\r\n        width: 40%;\r\n        max-width: 500px;\r\n    }\r\n\r\n    .content-left h1 {\r\n        font-size: 2.5rem;\r\n        font-weight: 700;\r\n        margin-bottom: 20px;\r\n        letter-spacing: 0.5px;\r\n        font-family: 'Poppins', sans-serif;\r\n    }\r\n\r\n    .content-left p {\r\n        font-size: 1rem;\r\n        font-weight: 400;\r\n        line-height: 1.6;\r\n        color: #000000;\r\n        font-family: 'Poppins', sans-serif;\r\n    }\r\n\r\n    .comparison-container {\r\n        position: relative;\r\n        width: 450px;\r\n        height: 550px;\r\n        background: #f4f4f4;\r\n        border-radius: 16px;\r\n        overflow: hidden;\r\n        box-shadow: 0 15px 35px rgba(0,0,0,0.08);\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .img-wrapper {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .img-wrapper img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n    }\r\n\r\n    .img-after {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        clip-path: inset(0 0 0 100%);\r\n        transition: clip-path 0.05s linear;\r\n    }\r\n\r\n    .slider-handle {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 100%;\r\n        width: 4px;\r\n        height: 100%;\r\n        background-color: #00bfff;\r\n        z-index: 10;\r\n        transform: translateX(-50%);\r\n        box-shadow: 0 0 15px rgba(0, 191, 255, 0.7);\r\n        transition: left 0.05s linear;\r\n    }\r\n\r\n    .slider-handle::after {\r\n        content: '\u2194';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        background: #00bfff;\r\n        color: #ffffff;\r\n        width: 36px;\r\n        height: 36px;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-weight: bold;\r\n        box-shadow: 0 4px 10px rgba(0,0,0,0.2);\r\n    }\r\n\r\n    @media (max-width: 992px) {\r\n        .comparison-wrapper-section {\r\n            height: 250vh;\r\n        }\r\n\r\n        .hero-section {\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            padding: 20px 5%;\r\n            gap: 20px;\r\n        }\r\n\r\n        .content-left {\r\n            width: 100%;\r\n            text-align: center;\r\n            max-width: 100%;\r\n        }\r\n\r\n        .content-left h1 {\r\n            font-size: 1.8rem;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .content-left p {\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        .comparison-container {\r\n            width: 100%;\r\n            max-width: 380px;\r\n            height: 420px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"comparison-wrapper-section\" id=\"scrollSection\">\r\n    <div class=\"hero-section\">\r\n        <div class=\"content-left\">\r\n            <h1 id=\"title-text\">Before Cleaning<\/h1>\r\n            <p id=\"desc-text\">Experience our professional cleaning service transformation. Scroll down to see how we turn messy and dusty spaces into spotless, pristine environments.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"comparison-container\" id=\"compareContainer\">\r\n            <div class=\"img-wrapper img-before\">\r\n                <img decoding=\"async\" src=\"https:\/\/sampleprojects.in\/aone\/wp-content\/uploads\/2026\/10\/Messy-Lived-In-Apartment-Interior.png\" alt=\"Before Cleaning\">\r\n            <\/div>\r\n\r\n            <div class=\"img-wrapper img-after\" id=\"afterWrapper\">\r\n                <img decoding=\"async\" src=\"https:\/\/sampleprojects.in\/aone\/wp-content\/uploads\/2026\/10\/Cozy-Neutral-Living-Room-and-Kitchen.png\" alt=\"After Cleaning\">\r\n            <\/div>\r\n\r\n            <div class=\"slider-handle\" id=\"sliderHandle\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    const section = document.getElementById('scrollSection');\r\n    const afterWrapper = document.getElementById('afterWrapper');\r\n    const sliderHandle = document.getElementById('sliderHandle');\r\n    const titleText = document.getElementById('title-text');\r\n    const descText = document.getElementById('desc-text');\r\n\r\n    window.addEventListener('scroll', () => {\r\n        const rect = section.getBoundingClientRect();\r\n        const sectionHeight = section.offsetHeight - window.innerHeight;\r\n        const scrolled = -rect.top;\r\n\r\n        if (scrolled >= 0 && scrolled <= sectionHeight) {\r\n            let progress = scrolled \/ sectionHeight;\r\n            if (progress < 0) progress = 0;\r\n            if (progress > 1) progress = 1;\r\n\r\n            const percentage = progress * 100;\r\n\r\n            afterWrapper.style.clipPath = `inset(0 0 0 ${100 - percentage}%)`;\r\n            sliderHandle.style.left = `${percentage}%`;\r\n\r\n            if (progress > 0.5) {\r\n                titleText.innerText = \"After Cleaning\";\r\n                descText.innerText = \"Spotless, sanitized, and beautifully organized results delivered by our expert team. Enjoy a fresh and healthy home.\";\r\n            } else {\r\n                titleText.innerText = \"Before Cleaning\";\r\n                descText.innerText = \"Experience our professional cleaning service transformation. Scroll down to see how we turn messy and dusty spaces into spotless, pristine environments.\";\r\n            }\r\n        }\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c51a654 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c51a654\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-63075db\" data-id=\"63075db\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-416ea05 elementor-widget elementor-widget-html\" data-id=\"416ea05\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Google Font: Poppins Import -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* ================================\r\n        TESTIMONIAL SECTION CSS\r\n    ================================ *\/\r\n    .testimonial-section,\r\n    .testimonial-section * {\r\n      font-family: 'Poppins', sans-serif !important;\r\n    }\r\n\r\n    .testimonial-section {\r\n      width: 100%;\r\n      padding: 60px 0;\r\n      overflow: hidden;\r\n      position: relative;\r\n    }\r\n\r\n    .testimonial-container {\r\n      width: 92%;\r\n      max-width: 1450px;\r\n      margin: 0 auto;\r\n      display: grid;\r\n      grid-template-columns: 320px 1fr;\r\n      align-items: center;\r\n      gap: 35px;\r\n      position: relative;\r\n    }\r\n\r\n    \/* --------------------------------\r\n        LEFT CONTENT AREA\r\n    -------------------------------- *\/\r\n    .testimonial-left {\r\n      position: relative;\r\n      z-index: 5;\r\n    }\r\n\r\n    .testimonial-subtitle {\r\n      display: block;\r\n      color: #38bdf8;\r\n      font-size: 13px;\r\n      font-weight: 700;\r\n      letter-spacing: 1.2px;\r\n      text-transform: uppercase;\r\n      margin-bottom: 8px;\r\n    }\r\n\r\n    .testimonial-title {\r\n      color: #ffffff !important;\r\n      font-size: 32px;\r\n      font-weight: 700;\r\n      line-height: 1.25;\r\n      margin: 0 0 12px 0;\r\n    }\r\n\r\n    .testimonial-desc {\r\n      color: #e2e8f0 !important;\r\n      font-size: 15px !important;\r\n      font-weight: 400;\r\n      line-height: 1.5;\r\n      margin: 0 0 24px 0;\r\n    }\r\n\r\n    .testimonial-desc span {\r\n      color: #38bdf8;\r\n      font-weight: 600;\r\n    }\r\n\r\n    .testimonial-btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      padding: 12px 24px;\r\n      background: #ffffff;\r\n      border: 1.5px solid #ffffff;\r\n      border-radius: 50px;\r\n      color: #0284c7;\r\n      font-size: 14px;\r\n      font-weight: 600;\r\n      text-decoration: none;\r\n      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);\r\n      transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n\r\n    .testimonial-btn svg {\r\n      width: 16px;\r\n      height: 16px;\r\n      transition: transform 0.3s ease;\r\n    }\r\n\r\n    .testimonial-btn:hover {\r\n      background: #38bdf8;\r\n      color: #ffffff;\r\n      border-color: #38bdf8;\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 12px 25px rgba(56, 189, 248, 0.3);\r\n    }\r\n\r\n    .testimonial-btn:hover svg {\r\n      transform: translateX(4px);\r\n    }\r\n\r\n    \/* NAV BUTTONS *\/\r\n    .testimonial-nav {\r\n      display: flex;\r\n      gap: 12px;\r\n      margin-top: 24px;\r\n    }\r\n\r\n    .nav-btn {\r\n      width: 42px;\r\n      height: 42px;\r\n      border-radius: 50%;\r\n      border: 1.5px solid rgba(255, 255, 255, 0.3);\r\n      background: rgba(255, 255, 255, 0.1);\r\n      backdrop-filter: blur(4px);\r\n      color: #ffffff;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      cursor: pointer;\r\n      transition: all 0.3s ease;\r\n    }\r\n\r\n    .nav-btn svg {\r\n      width: 20px;\r\n      height: 20px;\r\n    }\r\n\r\n    .nav-btn:hover {\r\n      background: #ffffff;\r\n      color: #0284c7;\r\n      border-color: #ffffff;\r\n      transform: scale(1.05);\r\n    }\r\n\r\n    \/* --------------------------------\r\n        CAROUSEL SLIDER WRAPPER\r\n    -------------------------------- *\/\r\n    .testimonial-slider-wrapper {\r\n      width: 100%;\r\n      overflow: hidden;\r\n      position: relative;\r\n      padding: 15px 0;\r\n    }\r\n\r\n    .testimonial-track {\r\n      display: flex;\r\n      gap: 20px;\r\n      will-change: transform;\r\n      transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1);\r\n    }\r\n\r\n    .testimonial-track.no-transition {\r\n      transition: none !important;\r\n    }\r\n\r\n    .testimonial-card {\r\n      min-width: 350px;\r\n      max-width: 350px;\r\n      background: #ffffff;\r\n      border-radius: 20px;\r\n      padding: 24px 22px 20px;\r\n      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: space-between;\r\n      flex-shrink: 0;\r\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    }\r\n\r\n    .testimonial-card:hover {\r\n      transform: translateY(-4px);\r\n      box-shadow: 0 18px 35px rgba(0, 0, 0, 0.25);\r\n    }\r\n\r\n    .card-top {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 14px;\r\n    }\r\n\r\n    .user-avatar {\r\n      width: 55px;\r\n      height: 55px;\r\n      min-width: 55px;\r\n      border-radius: 50%;\r\n      object-fit: cover;\r\n      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);\r\n      border: 2px solid #e0f2fe;\r\n    }\r\n\r\n    .card-text {\r\n      flex: 1;\r\n    }\r\n\r\n    \/* QUOTE TEXT INSIDE CARD *\/\r\n    .quote {\r\n      color: #000000 !important;\r\n      font-size: 16px !important;\r\n      line-height: 1.55;\r\n      font-weight: 400;\r\n      margin: 0 0 12px 0;\r\n    }\r\n\r\n    \/* USER NAME INSIDE CARD *\/\r\n    .user-name {\r\n      color: #0f172a !important;\r\n      font-size: 16px !important;\r\n      font-weight: 700;\r\n      margin: 0;\r\n      line-height: 1.2;\r\n    }\r\n\r\n    \/* USER ROLE INSIDE CARD *\/\r\n    .user-role {\r\n      display: block;\r\n      color: #64748b !important;\r\n      font-size: 12.5px;\r\n      font-weight: 500;\r\n      margin-top: 3px;\r\n    }\r\n\r\n    .star-rating {\r\n      color: #f59e0b;\r\n      font-size: 16px;\r\n      letter-spacing: 2px;\r\n      margin-top: 14px;\r\n      align-self: flex-end;\r\n    }\r\n\r\n    \/* DECORATION DOT GRID PATTERN *\/\r\n    .dot-grid-pattern {\r\n      position: absolute;\r\n      right: -10px;\r\n      top: 50%;\r\n      transform: translateY(-50%);\r\n      width: 40px;\r\n      height: 80px;\r\n      background-image: radial-gradient(rgba(255, 255, 255, 0.25) 2px, transparent 2px);\r\n      background-size: 10px 10px;\r\n      opacity: 0.8;\r\n      pointer-events: none;\r\n    }\r\n\r\n    \/* --------------------------------\r\n        RESPONSIVE DESIGN\r\n    -------------------------------- *\/\r\n    @media (max-width: 1024px) {\r\n      .testimonial-container {\r\n        grid-template-columns: 1fr;\r\n        gap: 30px;\r\n      }\r\n\r\n      .testimonial-left {\r\n        text-align: center;\r\n      }\r\n\r\n      .testimonial-btn {\r\n        margin: 0 auto;\r\n      }\r\n\r\n      .testimonial-nav {\r\n        justify-content: center;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n      .testimonial-section {\r\n        padding: 40px 0;\r\n      }\r\n\r\n      .testimonial-title {\r\n        font-size: 26px;\r\n      }\r\n\r\n      .testimonial-card {\r\n        min-width: 290px;\r\n        max-width: 290px;\r\n        padding: 20px 16px;\r\n      }\r\n\r\n      .user-avatar {\r\n        width: 48px;\r\n        height: 48px;\r\n        min-width: 48px;\r\n      }\r\n\r\n      .quote {\r\n        font-size: 15px !important;\r\n      }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"testimonial-section\">\r\n  <div class=\"testimonial-container\">\r\n\r\n    <!-- LEFT SIDE CONTENT AREA -->\r\n    <div class=\"testimonial-left\">\r\n      <span class=\"testimonial-subtitle\">TESTIMONIALS<\/span>\r\n      <h2 class=\"testimonial-title\">10+ Years of Experience<\/h2>\r\n\r\n      <!-- SLIDER CONTROLS (NEXT\/PREV) -->\r\n      <div class=\"testimonial-nav\">\r\n        <button class=\"nav-btn prev-btn\" id=\"prevBtn\" aria-label=\"Previous Slide\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <polyline points=\"15 18 9 12 15 6\"><\/polyline>\r\n          <\/svg>\r\n        <\/button>\r\n        <button class=\"nav-btn next-btn\" id=\"nextBtn\" aria-label=\"Next Slide\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <polyline points=\"9 18 15 12 9 6\"><\/polyline>\r\n          <\/svg>\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- RIGHT SIDE CAROUSEL SLIDER -->\r\n    <div class=\"testimonial-slider-wrapper\">\r\n      <div class=\"testimonial-track\" id=\"testimonialTrack\">\r\n\r\n        <!-- CARD 1 -->\r\n        <div class=\"testimonial-card\">\r\n          <div class=\"card-top\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573496359142-b8d87734a5a2?auto=format&fit=crop&q=80&w=200\" alt=\"Sarah Johnson\" class=\"user-avatar\" onerror=\"this.src='https:\/\/placehold.co\/100x100\/e2e8f0\/1e293b?text=User'\">\r\n            <div class=\"card-text\">\r\n              <p class=\"quote\">\"I recently used A-One Quality Services for my home cleaning, and they did an amazing job! The team was professional, thorough, and very attentive to detail. My house has never looked this clean.\"<\/p>\r\n              <h4 class=\"user-name\">Sarah Johnson<\/h4>\r\n              <span class=\"user-role\">Homeowner<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"star-rating\">\r\n            \u2605\u2605\u2605\u2605\u2605\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- CARD 2 -->\r\n        <div class=\"testimonial-card\">\r\n          <div class=\"card-top\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?auto=format&fit=crop&q=80&w=200\" alt=\"Peter S\" class=\"user-avatar\" onerror=\"this.src='https:\/\/placehold.co\/100x100\/e2e8f0\/1e293b?text=User'\">\r\n            <div class=\"card-text\">\r\n              <p class=\"quote\">\"I am more than happy to promote this company because their professionalism, quality and compassion far exceeded my expectations with their cleaning standards.\"<\/p>\r\n              <h4 class=\"user-name\">Peter S<\/h4>\r\n              <span class=\"user-role\">Valued Customer<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"star-rating\">\r\n            \u2605\u2605\u2605\u2605\u2605\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- CARD 3 -->\r\n        <div class=\"testimonial-card\">\r\n          <div class=\"card-top\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1580489944761-15a19d654956?auto=format&fit=crop&q=80&w=200\" alt=\"Monty Singh\" class=\"user-avatar\" onerror=\"this.src='https:\/\/placehold.co\/100x100\/e2e8f0\/1e293b?text=User'\">\r\n            <div class=\"card-text\">\r\n              <p class=\"quote\">\"They left my place sparkling clean and smelling fresh ++\"<\/p>\r\n              <h4 class=\"user-name\">Monty Singh<\/h4>\r\n              <span class=\"user-role\">Local Resident<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"star-rating\">\r\n            \u2605\u2605\u2605\u2605\u2605\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- BACKGROUND DOT DECORATION -->\r\n    <div class=\"dot-grid-pattern\"><\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* ================================\r\n    INFINITE SEAMLESS CAROUSEL LOGIC\r\n================================ *\/\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n  const track = document.getElementById('testimonialTrack');\r\n  const prevBtn = document.getElementById('prevBtn');\r\n  const nextBtn = document.getElementById('nextBtn');\r\n  let originalCards = Array.from(track.children);\r\n\r\n  const originalCount = originalCards.length;\r\n  let isTransitioning = false;\r\n  let autoPlayTimer = null;\r\n\r\n  \/\/ Clone items for infinite looping logic\r\n  originalCards.forEach(card => {\r\n    const cloneEnd = card.cloneNode(true);\r\n    track.appendChild(cloneEnd);\r\n  });\r\n\r\n  originalCards.forEach(card => {\r\n    const cloneStart = card.cloneNode(true);\r\n    track.insertBefore(cloneStart, track.firstChild);\r\n  });\r\n\r\n  let currentIndex = originalCount; \/\/ Start at first original element\r\n\r\n  function getStepWidth() {\r\n    const allCards = track.querySelectorAll('.testimonial-card');\r\n    if (!allCards.length) return 0;\r\n    const cardWidth = allCards[0].offsetWidth;\r\n    const gap = parseInt(window.getComputedStyle(track).gap) || 20;\r\n    return cardWidth + gap;\r\n  }\r\n\r\n  function setPosition(animate = true) {\r\n    if (!animate) {\r\n      track.classList.add('no-transition');\r\n    } else {\r\n      track.classList.remove('no-transition');\r\n    }\r\n\r\n    const step = getStepWidth();\r\n    track.style.transform = `translateX(-${currentIndex * step}px)`;\r\n\r\n    if (!animate) {\r\n      track.offsetHeight;\r\n      track.classList.remove('no-transition');\r\n    }\r\n  }\r\n\r\n  function moveNext() {\r\n    if (isTransitioning) return;\r\n    isTransitioning = true;\r\n    currentIndex++;\r\n    setPosition(true);\r\n  }\r\n\r\n  function movePrev() {\r\n    if (isTransitioning) return;\r\n    isTransitioning = true;\r\n    currentIndex--;\r\n    setPosition(true);\r\n  }\r\n\r\n  track.addEventListener('transitionend', () => {\r\n    isTransitioning = false;\r\n\r\n    if (currentIndex >= originalCount * 2) {\r\n      currentIndex = originalCount;\r\n      setPosition(false);\r\n    } else if (currentIndex < originalCount) {\r\n      currentIndex = originalCount * 2 - 1;\r\n      setPosition(false);\r\n    }\r\n  });\r\n\r\n  \/\/ Controls\r\n  nextBtn.addEventListener('click', () => {\r\n    moveNext();\r\n    resetAutoPlay();\r\n  });\r\n\r\n  prevBtn.addEventListener('click', () => {\r\n    movePrev();\r\n    resetAutoPlay();\r\n  });\r\n\r\n  \/\/ Autoplay\r\n  function startAutoPlay() {\r\n    autoPlayTimer = setInterval(moveNext, 3800);\r\n  }\r\n\r\n  function resetAutoPlay() {\r\n    clearInterval(autoPlayTimer);\r\n    startAutoPlay();\r\n  }\r\n\r\n  track.parentElement.addEventListener('mouseenter', () => clearInterval(autoPlayTimer));\r\n  track.parentElement.addEventListener('mouseleave', startAutoPlay);\r\n\r\n  \/\/ Touch support for mobile swipe\r\n  let startX = 0;\r\n  let isSwiping = false;\r\n\r\n  track.addEventListener('touchstart', (e) => {\r\n    startX = e.touches[0].clientX;\r\n    isSwiping = true;\r\n  }, { passive: true });\r\n\r\n  track.addEventListener('touchend', (e) => {\r\n    if (!isSwiping) return;\r\n    const endX = e.changedTouches[0].clientX;\r\n    const diff = startX - endX;\r\n\r\n    if (Math.abs(diff) > 40) {\r\n      if (diff > 0) moveNext();\r\n      else movePrev();\r\n      resetAutoPlay();\r\n    }\r\n    isSwiping = false;\r\n  });\r\n\r\n  \/\/ Window Resize Handle\r\n  window.addEventListener('resize', () => setPosition(false));\r\n\r\n  \/\/ Initialize\r\n  setPosition(false);\r\n  startAutoPlay();\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dca912c elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"dca912c\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3bb4845\" data-id=\"3bb4845\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c2b0487 elementor-widget elementor-widget-html\" data-id=\"c2b0487\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f13106-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"13106\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/aone\/wp-json\/wp\/v2\/pages\/13234#wpcf7-f13106-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"13106\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f13106-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"cleanx-quote-form\">\n\t<div class=\"cleanx-form-heading\">\n\t\t<h2>Request a free quote & A FREE INSPECTION\n\t\t<\/h2>\n\t<\/div>\n\t<div class=\"cleanx-form-grid\">\n\t\t<div class=\"cleanx-form-group\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Enter Name*\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"cleanx-form-group\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Enter Email*\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"cleanx-form-group\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Phone Number*\" value=\"\" type=\"tel\" name=\"your-phone\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"cleanx-form-group\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-suburb\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Suburb*\" value=\"\" type=\"text\" name=\"your-suburb\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"cleanx-form-group full-width\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Message\" name=\"your-message\"><\/textarea><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"cleanx-form-submit\">\n\t\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"REQUEST NOW\" \/>\n\t\t<\/p>\n\t<\/div>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8146541 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8146541\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-651aab5\" data-id=\"651aab5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b30a1c0 elementor-widget elementor-widget-html\" data-id=\"b30a1c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Google Font: Poppins -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"faq-section\">\r\n  <!-- Decorative Grid Dots -->\r\n  <div class=\"dot-pattern-center\">\r\n    <div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div>\r\n    <div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div>\r\n    <div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"dot-pattern-right\">\r\n    <div class=\"dot\"><\/div><div class=\"dot\"><\/div>\r\n    <div class=\"dot\"><\/div><div class=\"dot\"><\/div>\r\n    <div class=\"dot\"><\/div><div class=\"dot\"><\/div>\r\n    <div class=\"dot\"><\/div><div class=\"dot\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"faq-wrapper\">\r\n    \r\n    <!-- LEFT CONTENT AREA -->\r\n    <div class=\"faq-left\">\r\n      <span class=\"faq-subtitle\">FAQ GALLERY<\/span>\r\n      <h2 class=\"faq-title\">Frequently Asked Questions<\/h2>\r\n      <p class=\"faq-desc\">\r\n        Find answers to common queries. Read through common queries about our services, cleaning and bookings.\r\n      <\/p>\r\n      <a href=\"https:\/\/sampleprojects.in\/aone\/request-a-quote\/\" class=\"faq-btn\">\r\n        Contact Us\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n          <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n        <\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- RIGHT ACCORDION LIST -->\r\n    <div class=\"faq-right-card\">\r\n      \r\n      <!-- ITEM 1 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-question\">\r\n          <span>Do I have to contact you every time to schedule regular cleanings?<\/span>\r\n          <span class=\"faq-icon\">+<\/span>\r\n        <\/button>\r\n        <div class=\"faq-answer\">\r\n          Once you book a regular service, we'll always be there on the date and time you choose.\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- ITEM 2 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-question\">\r\n          <span>Do I need to provide any cleaning supplies?<\/span>\r\n          <span class=\"faq-icon\">+<\/span>\r\n        <\/button>\r\n        <div class=\"faq-answer\">\r\n          No, you don't need to worry about that. We arrive fully equipped with all cleaning supplies and tools, including a vacuum and mop bucket.\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- ITEM 3 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-question\">\r\n          <span>How many cleaners do you send?<\/span>\r\n          <span class=\"faq-icon\">+<\/span>\r\n        <\/button>\r\n        <div class=\"faq-answer\">\r\n          Depending on the size of the job, we can send either one professional cleaner or a team of two or more. This allows us to complete the cleaning faster, more efficiently, and gives you more free time to enjoy.\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- ITEM 4 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-question\">\r\n          <span>Do I have to be home for the cleaning?<\/span>\r\n          <span class=\"faq-icon\">+<\/span>\r\n        <\/button>\r\n        <div class=\"faq-answer\">\r\n          It's entirely up to you. Many of our clients prefer to have their homes serviced while they're at work or away. You can provide us with a key and\/or alarm code to access your home for the cleaning service.\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- ITEM 5 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-question\">\r\n          <span>What if I prefer a specific gender for the cleaner?<\/span>\r\n          <span class=\"faq-icon\">+<\/span>\r\n        <\/button>\r\n        <div class=\"faq-answer\">\r\n          We understand your preference and will try our best to accommodate it. If we have availability for the gender you prefer, we'll make sure your request is fulfilled.\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- ITEM 6 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-question\">\r\n          <span>How can I book a service?<\/span>\r\n          <span class=\"faq-icon\">+<\/span>\r\n        <\/button>\r\n        <div class=\"faq-answer\">\r\n          You can book any of our services online through our <a href=\"tel:0871187119\">website 24\/7<\/a>, <a href=\"tel:0493657339\">call us<\/a> during office hours, or simply send us an <a href=\"mailto:info@aonequalityservices.com.au\">email<\/a>, and our team will reach out to you\r\n        <\/div>\r\n      <\/div> \r\n      \r\n      <!-- ITEM 7 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-question\">\r\n          <span>Need Further Assistance?<\/span>\r\n          <span class=\"faq-icon\">+<\/span>\r\n        <\/button>\r\n        <div class=\"faq-answer\">\r\n          Feel free to email us at <a href=\"mailto:info@aonequalityservices.com.au\">info@aonequalityservices.com.au<\/a>\r\n        <\/div>\r\n      <\/div> \r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* ==========================================\r\n     FAQ SECTION STYLES\r\n     ========================================== *\/\r\n  .faq-section {\r\n    width: 100%;\r\n    max-width: 1650px;\r\n    margin: 0 auto;\r\n    border-radius: 24px;\r\n    padding: 50px 40px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    box-shadow: 0 10px 30px rgba(0, 110, 180, 0.05);\r\n    font-family: 'Poppins', sans-serif !important;\r\n  }\r\n\r\n  .faq-section *,\r\n  .faq-section *::before,\r\n  .faq-section *::after {\r\n    box-sizing: border-box;\r\n    font-family: 'Poppins', sans-serif !important;\r\n  }\r\n\r\n  .faq-wrapper {\r\n    display: grid;\r\n    grid-template-columns: 360px 1fr;\r\n    gap: 40px;\r\n    align-items: center;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* ==========================================\r\n     LEFT CONTENT\r\n     ========================================== *\/\r\n  .faq-left {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n  }\r\n\r\n  .faq-subtitle {\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    color: #0288d1;\r\n    letter-spacing: 1.5px;\r\n    text-transform: uppercase;\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  .faq-title {\r\n    font-size: 26px;\r\n    font-weight: 700;\r\n    color: #073e68;\r\n    line-height: 1.25;\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .faq-desc {\r\n    font-size: 16px !important;\r\n    font-weight: 400;\r\n    color: #000000 !important;\r\n    line-height: 1.6;\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  .faq-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    background: linear-gradient(90deg, #0266b3 0%, #0288d1 100%);\r\n    color: #ffffff;\r\n    padding: 12px 28px;\r\n    border-radius: 50px;\r\n    text-decoration: none;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    box-shadow: 0 6px 18px rgba(2, 102, 179, 0.25);\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .faq-btn:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 8px 22px rgba(2, 102, 179, 0.35);\r\n    background: linear-gradient(90deg, #025292 0%, #0277bd 100%);\r\n  }\r\n\r\n  .faq-btn svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .faq-btn:hover svg {\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  \/* Decorative Grid Dots *\/\r\n  .dot-pattern-center {\r\n    position: absolute;\r\n    left: 330px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 6px);\r\n    gap: 10px;\r\n    opacity: 0.6;\r\n    z-index: 1;\r\n  }\r\n\r\n  .dot-pattern-right {\r\n    position: absolute;\r\n    right: 25px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 6px);\r\n    gap: 12px;\r\n    opacity: 0.6;\r\n    z-index: 1;\r\n  }\r\n\r\n  .dot {\r\n    width: 6px;\r\n    height: 6px;\r\n    background-color: #81d4fa;\r\n    border-radius: 50%;\r\n  }\r\n\r\n  \/* ==========================================\r\n     RIGHT ACCORDION CONTAINER\r\n     ========================================== *\/\r\n  .faq-right-card {\r\n    background: #ffffff;\r\n    border-radius: 20px;\r\n    padding: 16px;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n  }\r\n\r\n  .faq-item {\r\n    background-color: #f7fbfe;\r\n    border: 1px solid #e1f0fa;\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .faq-item.active {\r\n    background-color: #ffffff;\r\n    border-color: #b3e5fc;\r\n    box-shadow: 0 4px 12px rgba(2, 136, 209, 0.08);\r\n  }\r\n\r\n  .faq-question {\r\n    width: 100%;\r\n    padding: 16px 20px;\r\n    background: none;\r\n    border: none;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    text-align: left;\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    color: #000000;\r\n    cursor: pointer;\r\n    gap: 15px;\r\n  }\r\n\r\n  .faq-icon {\r\n    width: 24px;\r\n    height: 24px;\r\n    min-width: 24px;\r\n    border-radius: 50%;\r\n    background: #e1f5fe;\r\n    color: #0288d1;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 18px;\r\n    font-weight: 500;\r\n    transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;\r\n  }\r\n\r\n  .faq-item.active .faq-icon {\r\n    transform: rotate(45deg);\r\n    background: #0288d1;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .faq-answer {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), padding 0.3s ease;\r\n    padding: 0 20px;\r\n    font-size: 16px;\r\n    color: #000000;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  \/* Answer ke andar links ki styling (Theme match karti hui blue color) *\/\r\n  .faq-answer a {\r\n    color: #0288d1;\r\n    text-decoration: none;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .faq-answer a:hover {\r\n    text-decoration: underline;\r\n  }\r\n\r\n  .faq-item.active .faq-answer {\r\n    max-height: 200px;\r\n    padding: 0 20px 16px 20px;\r\n    transition: max-height 0.3s ease-in-out, padding 0.3s ease;\r\n  }\r\n\r\n  \/* ==========================================\r\n     RESPONSIVE DESIGN\r\n     ========================================== *\/\r\n  @media (max-width: 1024px) {\r\n    .faq-wrapper {\r\n      grid-template-columns: 1fr;\r\n      gap: 30px;\r\n    }\r\n\r\n    .faq-left {\r\n      align-items: center;\r\n      text-align: center;\r\n    }\r\n\r\n    .dot-pattern-center, .dot-pattern-right {\r\n      display: none;\r\n    }\r\n\r\n    .faq-section {\r\n      padding: 40px 24px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .faq-section {\r\n      padding: 30px 16px;\r\n      border-radius: 16px;\r\n    }\r\n\r\n    .faq-title {\r\n      font-size: 26px;\r\n    }\r\n\r\n    .faq-desc {\r\n      font-size: 16px !important;\r\n    }\r\n\r\n    .faq-question {\r\n      font-size: 14px;\r\n      padding: 14px 16px;\r\n    }\r\n\r\n    .faq-right-card {\r\n      padding: 10px;\r\n    }\r\n      .faq-answer {\r\n    font-size: 13px;\r\n   \r\n  }\r\n<\/style>\r\n\r\n<!-- ACCORDION JAVASCRIPT -->\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    const faqQuestions = document.querySelectorAll('.faq-question');\r\n\r\n    faqQuestions.forEach(question => {\r\n      question.addEventListener('click', () => {\r\n        const currentItem = question.parentElement;\r\n        \r\n        \/\/ Close other active items (Accordion functionality)\r\n        document.querySelectorAll('.faq-item').forEach(item => {\r\n          if (item !== currentItem) {\r\n            item.classList.remove('active');\r\n          }\r\n        });\r\n\r\n        \/\/ Toggle current item\r\n        currentItem.classList.toggle('active');\r\n      });\r\n    });\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8047696 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8047696\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-32adf5f\" data-id=\"32adf5f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c6f87cf elementor-widget elementor-widget-html\" data-id=\"c6f87cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  \/* Left Floating Logos Container *\/\r\n  .floating-logos-left {\r\n    position: fixed;\r\n    top: 50%;\r\n   right: 20px;\r\n    transform: translateY(-50%);\r\n    z-index: 9999;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 15px; \/* Dono logos ke beech ka gap *\/\r\n    pointer-events: auto;\r\n  }\r\n\r\n  \/* Single Logo Item with Float Animation *\/\r\n  .floating-logo-item {\r\n    animation: floatAnimationLeft 3s ease-in-out infinite;\r\n  }\r\n\r\n  \/* Dusre logo ke liye animation thoda delay\/different rakha hai taaki alag lage *\/\r\n  .floating-logo-item:nth-child(2) {\r\n    animation-delay: 1.5s;\r\n  }\r\n\r\n  \/* Logo Image Style *\/\r\n  .floating-logo-item img {\r\n    width: 80px; \/* Logo ka size yahan se adjust karein *\/\r\n    height: auto;\r\n    display: block;\r\n    filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.15));\r\n    transition: transform 0.3s ease, filter 0.3s ease;\r\n    cursor: pointer;\r\n  }\r\n\r\n  \/* Hover Effect *\/\r\n  .floating-logo-item img:hover {\r\n    transform: scale(1.1);\r\n    filter: drop-shadow(0 12px 20px rgba(0, 0, 0, 0.25));\r\n  }\r\n\r\n  \/* Floating Animation *\/\r\n  @keyframes floatAnimationLeft {\r\n    0%, 100% {\r\n      transform: translateY(0px);\r\n    }\r\n    50% {\r\n      transform: translateY(-10px);\r\n    }\r\n  }\r\n\r\n  \/* Mobile Responsive *\/\r\n  @media (max-width: 768px) {\r\n    .floating-logos-left {\r\n     right: 10px;\r\n      gap: 10px;\r\n    }\r\n    .floating-logo-item img {\r\n      width: 50px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- Left Floating Logos HTML -->\r\n<div class=\"floating-logos-left\">\r\n  <!-- Logo 1 -->\r\n  <div class=\"floating-logo-item\">\r\n    <a href=\"#\" target=\"_blank\" aria-label=\"Logo 1\">\r\n      <img decoding=\"async\" src=\"https:\/\/sampleprojects.in\/aone\/wp-content\/uploads\/2026\/03\/myagedcare_logo.svg\" alt=\"Floating Logo 1\">\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <!-- Logo 2 -->\r\n  <div class=\"floating-logo-item\">\r\n    <a href=\"#\" target=\"_blank\" aria-label=\"Logo 2\">\r\n      <img decoding=\"async\" src=\"https:\/\/sampleprojects.in\/aone\/wp-content\/uploads\/2026\/03\/ndis.svg\" alt=\"Floating Logo 2\">\r\n    <\/a>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>PROFESSIONAL CLEANING SERVICES IN ADELAIDE A Cleaner Space. A Healthier Environment. A Better Experience. Reliable and affordable cleaning solutions tailored to your needs. Request a Quote &rarr; Looking for professional cleaners in Adelaide? Contact A-One Commercial cleaning in Adelaide A Spotless Workplace. A Stronger First Impression. Professional and dependable cleaning services to keep your workplace [&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-13234","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sampleprojects.in\/aone\/wp-json\/wp\/v2\/pages\/13234","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sampleprojects.in\/aone\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sampleprojects.in\/aone\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sampleprojects.in\/aone\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sampleprojects.in\/aone\/wp-json\/wp\/v2\/comments?post=13234"}],"version-history":[{"count":0,"href":"https:\/\/sampleprojects.in\/aone\/wp-json\/wp\/v2\/pages\/13234\/revisions"}],"wp:attachment":[{"href":"https:\/\/sampleprojects.in\/aone\/wp-json\/wp\/v2\/media?parent=13234"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}