*{margin:0; padding:0;}
:root{
    --dark-blue:#064571;
    --light-green:#1EA242;
    --light-green-bg:#ECFDF1;
    --dark:#333333;
    --white:#ffffff;
    --light-blue:#156CBB;
    --light-grey:#747474;
    --bg-light-blue:#E3EEFB;
    --font-Outfit:'Outfit';
    --font-Quicksand:'Quicksand';
}



@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-Regular.woff2') format('woff2'),
        url('../fonts/Outfit-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-Bold.woff2') format('woff2'),
        url('../fonts/Outfit-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-SemiBold.woff2') format('woff2'),
        url('../fonts/Outfit-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Quicksand';
    src: url('../fonts/Quicksand-Medium.woff2') format('woff2'),
        url('../fonts/Quicksand-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
  font-family: 'Outfit';
  src: url('/fonts/Outfit-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

a {
    color: var(--bs-link-color);
    text-decoration: none;
}

/*404 page css*/

.error-404 {
    color: #333;
    font-family: Arial, sans-serif;
}

.error-404 h1 {
    font-size: 250px;
    color: black;
    font-weight: 600;
}

.error-404 p {
    font-size: 48px;
}
.error-404 a.btn {
    display: inline-block;
    padding: 10px 20px;
    background: #1ea242;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    margin-top: 20px;
}

.error-404 a.btn:hover {
    background: #2980b9;
}
.footer h3 {
    font-size: 20px;
}

body{font-family: var(--font-Outfit); font-weight: normal; font-size: 16px; line-height: normal;}
.w-15{width:15%;}
.w-16{width:16%;}
.w-23{width:23%;}
.w-25{width:25%;}
html {scroll-behavior: smooth;}
.w-22 {
    width: 22%;
}

/*breadcrum css*/

p#breadcrumbs span a {
    color: #1ea242;
}

.pluse-whatsapp {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 999999;
}
/* HEADER */
header{background-color: var(--light-green-bg);}
.topNavRightSide ul{gap:40px;}
.topNavRightSide ul li{display: flex;}
.topNavRightIcon{width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center;background:var(--light-green);}
.topNavRightText span{font-size: 16px; color:var(--dark-blue);}
.topNavRightText .phone-number a{color: var(--dark); font-size: 22px; line-height: normal; text-decoration: none; position:relative;     margin-right: 20px; font-weight:600;}
.topNavRightText .phone-number a::after{content:''; position:absolute; width:4px; height:20px; background-color: var(--light-green); right: -15px; top: 4px;}
.topNavRightText .phone-number a:last-child::after{display:none;}
header nav{background-color: var(--dark-blue);}
.RightNav ul.navbar-nav li a, .RightNav ul.navbar-nav li a.active{color:var(--white); transition: .2s ease-in-out;}
.RightNav ul.navbar-nav li a:hover{color:var(--light-green); }
.RightNav ul.navbar-nav{gap:6px;}
.book-now-btn a{border: 1px solid var(--light-green); border-radius: 25px; padding: 6px 28px !important;transition: .2s ease-in-out; background-color: #0F6625; display: flex;  align-items: center; align-content: center; gap: 2px;}
.book-now-btn a span img{position: relative; top: -2px;}
.book-now-btn a:hover{color:var(--white) !important; background: var(--light-blue); border-color: var(--light-blue); }
.mobile-version{display: none; justify-content: space-between; width: 100%; align-items: center;}
.call-section a{color: #fff; text-decoration: none; font-size: 20px; font-weight: 600;}
.phone-number {display: flex;}
.phone-number a img { width: 117px !important; height: auto !important;}
select#countryCode {
    max-width: 120px;
    margin-right: 10px;
}

input#mobileNumber {
    flex: 1;
}
.mobile-no-field {
    width: 226px;
}
select.form-control {
    width: 64px;
    padding-left: 4px !important;
}
.heroBannerText p {
    margin-top: 16px;
}
/* HEADER CSS END HERE */

/*flaoting whatsapp icon css*/
.float {
    transition: .2s;
    position: fixed;
   width: 53px;
    height: 54px;
    bottom: 40px;
    right: 40px;
    background-color: #f2f9e5;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 100;
}
.float:hover {
    width: auto;
    padding: 0 20px;
    cursor: pointer;
}
.float span {
    font-size: 16px;
    margin-left: 5px;
    transition: .2s;
    line-height: 0px;
    display: none;
    color: #3fc347;
}
.float:hover span {
    display: inline-block;
}
img.my-float {
    width: 55px;
}
/* MAIN */
main{background: url('../images/cleaning-bg.webp')no-repeat; background-size: 100%; background-position: top;}

/* Hero Section */ 
#heroSection, #bookingForm, #offering{background:url('../images/cleaning-bg.webp')no-repeat; background-size: cover;}
.hero-banner{height: 500px; position: relative; border-radius:40px;}
.hero-banner::before{position: absolute; content: ""; background:#084471a1; width:100%; height:100%; top:0; left:0; border-radius:40px;    z-index: 1;}
.heroBannerText{display: inline-flex; flex-direction: column; justify-content: center;     gap: 15px;     z-index: 1;}
.heroBannerText h2{font-size: 58px;}
.custom-btn{font-size: 18px; padding: 13px 42px; background: #0F6625; text-decoration: none; color: var(--white); border-radius: 25px; display: inline-block;transition: .2s ease-in-out; font-weight:600;}
.custom-btn:hover{background: var(--light-blue); color: var(--white);}
.whatsapp-icon{right: -30px; bottom: -25px;}
.offeringImg img {
    width: 100%;
    height: 265px !important;
    object-fit: cover;
}
a.d-block.float.whatsapp-float {
    text-decoration: none;
}
select.form-select.form-select-field {
    color: #153D65;
}
p.CTA3-sec-p {
    padding: 12px 376px;
}
/* Hero Section Ends here */

/*Form */


.form-select option {
    font-size: 15px;
}

.bookingFormSection{position: relative; top: -50px; text-align: center; z-index: 1;}
.bookingFormSection form{display: inline-flex;flex-wrap: wrap; background: var(--white); padding: 13px 20px; border-radius: 80px; width: 100%; max-width: 97%;align-items: center; justify-content: center;
    gap: 5px;} 
.bookingFormSection form input, .bookingFormSection form select{border:none;    min-height: 54px;}    
.bookingFormSection form input, .bookingFormSection form select{border-right:1px solid #eeeeee ; border-radius: 0;}
.bookingFormSection form input::placeholder, .bookingFormSection form select::placeholder{color:var(--dark-blue); font-size: 14px;}
.bookingFormSection form button[type="submit"]{border: none; border-radius: 20px;  display: inline-flex;  align-items: center;  padding: 8px 27px; background-color: var(--light-green);}
.bookingFormSection form button[type="submit"]:hover{background-color: var(--dark-blue);}
.form-control:focus{box-shadow: none;}
.bookingFormSection .form-control{position:relative;padding-left:30px;}
.bookingFormSection .form-control::before{position: absolute; content:""; top: 20px; left: 5px; width: 15px; height: 15px; background: #eee;}
.bookingFormSection .form-control#name{background:url(../images/form-user-icon.png)no-repeat; background-position: 5px;}
.bookingFormSection .form-control#mobileNumber{background:url(../images/form-mobile-icon.png)no-repeat; background-position: 5px;}
.bookingFormSection .form-control#emailId{background:url(../images/form-mail-icon.png)no-repeat; background-position: 5px;}
.bookingFormSection .form-select{background:url(../images/form-service-icon.png)no-repeat; background-position: 5px; padding-right:10px; padding-left: 28px;}
.bookingFormSection .form-control#serviceDate::before{background:url(../images/form-service-date-icon.png)no-repeat; }
.meassge-thankyou.alert.alert-success {
    color: green;
    font-weight: 600;
    font-size: 22px;
    margin-top: 28px;
}
/*Form Ends here */

/* aboutContent*/ 
.abtContent h6{font-size: 20px; line-height: 28px;    text-transform: capitalize; font-style: italic; color:var(--light-green)}
.abtContent h2{font-size: 40px; line-height: 46px; color: var(--light-blue); font-weight: 600;}
.abtContent p{font-size: 18px; line-height: 28px; color: var(--light-grey);}
/* */


/*Offering */
.offering::after{background-color: var(--white); position:absolute; content: ""; width:100%; height:32%;bottom: 0;}
.offering .container{z-index: 9;}
.offeringBox{padding:0 20px;}
.offeringImg{background: rgb(21 108 187 / 20%);  padding: 10px; border-radius: 20px; overflow: hidden;}
.offeringImg img{border-radius: 20px; transition: 1.3s all ease;}
.offeringImg:hover img{transform: scale(1.3);}

.offeringBox h2 a {font-size: 18px;line-height: 28px;text-align: center;color: #134779;font-weight: 700;text-decoration: none;text-transform:capitalize!important;
}
.offeringBox h3 a {font-size: 18px;line-height: 28px;text-align: center;color: #134779;font-weight: 700;text-decoration: none;text-transform:capitalize!important;
}
.offeringSlider .slick-track{padding-bottom:20px;}
.box-1{transform: translate(0px, 0px) rotate(354deg);  position: relative;  top: 30px;}
.box-2{transform: translate(0px, 0px) rotate(357deg); position: relative;}
.box-3{transform: translate(0px, 0px) rotate(3deg); position: relative;}
.box-4{transform: translate(0px, 0px) rotate(6deg); position: relative; top: 30px;
}
.container.position-relative.home-service-section {
    padding: 0px !important;
}


/* CTA */
.cta-row{background:rgb(14 57 111 / 14%); border-radius: 16px; padding: 45px;}

/* CTA Ends Here*/ 


/* Dubai keeping */
.keepingServicesList{padding:22px 10px;}
.keepingServicesBox{background-color: var(--white); border-radius:20px; position:relative;}
.keepingServicesBox::before{position:absolute; content: ""; background-color: var(--light-green); width:100%; height:30px; bottom:-7px; left:0; border-bottom-left-radius: 17px;border-bottom-right-radius: 17px; z-index: -1;}
.keepingServicesImg img{border-radius: 17px;}
.keepingServicesText ul li{display: flex; gap:10px; margin-bottom:8px;}
.keepingServicesText ul li span{color: var(--dark-blue); font-weight:600;}
.keepingServices .slick-dots li button:before ,#clientSays .slick-dots li button:before, .offeringSlider .slick-dots li button:before, .partnerSlider .slick-dots li button:before{font-size: 50px;}
.keepingServices .slick-dots li.slick-active button:before, #clientSays .slick-dots li.slick-active button:before, .offeringSlider .slick-dots li.slick-active button:before, .partnerSlider .slick-dots li.slick-active button:before{color: var(--light-green);}


/*Download Application */
#downloadApp{background: url("../images/bg-vector.webp")no-repeat; background-size: contain;  background-position: center;}
.installingProcess p{font-size: 16px; color: var(--light-blue); margin-bottom: 0; font-weight:600;}
.installingProcessList{gap:15px; align-items: center;}
.application{gap:20px;}

/* Schedule */
.schedule{background: url("../images/schdule-bg.webp")no-repeat; background-size:cover; position:relative;}
.schedule::before{position:absolute; content:''; width:100%; height:100%; top:0; left:0; background: linear-gradient(0deg, #0a1e3b 0%, #0a1e3bdb 0%, #0f3c74e0 100%); }
.schedule .topNavRightIcon{background-color: transparent;}
.schedule .topNavRightText span, .schedule .topNavRightText .phone-number a, .schedule .topNavRightText .phone-number{color: var(--white);font-size: 22px;line-height: normal;}
.schedule .topNavRightText .phone-number a{margin-right: 0;}
.schedule .topNavRightText .phone-number a::after{display:none;}
.cta-btns{gap:5px;}

/* Clients Says */
.clientsSliderList{padding:0 10px;}
.clientSays{min-height:315px; display:flex; flex-direction: column; justify-content: center; background-color: #D9F0FD; border-radius:12px; position: relative; border:1px solid var(--dark-blue); gap: 25px;}
.client-img{position: relative;bottom: 40px; width: 75px;height: 75px; object-fit: fill; border: 5px solid var(--white); border-radius: 50%; display: inline-block !important;}
a.tel-CTA {
    color: white;
    text-decoration: none !important;
    font-size: 22px;
}
li img.img-fluid {
    height: 80px;
    margin-bottom: 40px;
    object-fit: cover;
}

/* FAQS */
#faqs{background: url(../images/grey-bg.webp)no-repeat; background-size: cover;}
#faqs .accordion, #faqs .accordion .accordion-item{background-color: transparent !important;}
#faqs .accordion-item .accordion-button{padding:0; background: transparent; color:var(--light-blue); font-weight: 600; min-height:45px; padding-right: 25px;text-transform: capitalize;}
#faqs .accordion-item .accordion-button:focus{box-shadow:none;}
#faqs .accordion-item{border:none;}
#faqs .accordion .accordion-body{padding:10px 10px 10px 0; color:#5b5b5b;}
#faqs .accordion-item .accordion-button.collapsed::before{position:absolute; content:""; width:3px; height:15px;background-color: var(--light-blue);right: 8px;}
#faqs .accordion-item .accordion-button::after{position:absolute; content:""; width:3px; height:15px;background-color: var(--light-blue);right: 8px; transform: rotate(90deg);}
.callAnyTime{position: absolute; top: 15px; left: 15px;    align-items: center;background-color: #ffffff !important;}
.faqs-img>img{border-radius: 20px;}
.faqs-img .topNavRightText .phone-number a{color: var(--light-green);}
.faqs-img .topNavRightText .phone-number a::after{display: none;}
.faqs-img .topNavRightText span{color: var(--light-grey);}

/* CTA Hero */
.cta-hero{background-color: #D9F0FD; padding-top:132px;padding-bottom:132px; min-height:502px;}
.cta-hero>.container{position: relative; z-index: 9;}
.cta-hero::before{position:absolute; content: ""; background: url(../images/house-keeping.webp)no-repeat; width:372px; height:372px; top:50px; left:0;}
.cta-hero::after{position:absolute; content: ""; background: url(../images/cleaning-tool.webp)no-repeat; width:400px; height:383px; top:50px; right:0%;}


/* Video Testimonial*/ 
#testimonial-section>.container::before{background-image: url('../images/blockqupte.png');background-size: 100%; position: absolute; content: ""; width:92px; height:92px; left:0; top:0;}
#testimonial-section>.container::after{background-image: url('https://dubaihousekeeping.com/wp-content/uploads/2025/10/Mask-group.png');background-size: 100%;     background-repeat: no-repeat; position: absolute; content: ""; width:116px; height:177px;  right:0; top:0;}
#testimonial-section .inner-container::before{background-image: url('../images/bubble-icon.png');background-size: 100%; position: absolute; content: ""; width:99px; height:83px; left:0; bottom:-35px;}
#testimonial-section .inner-container::after{background-image: url('../images/cleaning-tools-icon.png');background-size: 100%; position: absolute; content: ""; width:124px; height:83px;  right:0; bottom:-35px;}
.testimonial-listing{max-width: 396px; min-height: 360px;}
.test-video-thumbnail-name{right: 10px; top:10px; color: var(--white);}
.test-video-thumbnail-link{right: 20px; bottom:10px; color: var(--white);}
.test-video-thumbnail-link a{transition: all ease-in-out 0.3s;}
.test-video-thumbnail-link a:hover{transform: scale(1.2);}
.swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-left{background-image:none !important}

/*Clients */
.partners .partnerSlider li{text-align: center;}
.partners .partnerSlider li img{display: inline-block!important;}

/* FOOTER */
p.area.button {
    margin-top: 15px;
    background-color: white;
    padding: 12px;
    border-radius: 35px;
    width: 70%;
    font-size: 15px;
}
p.area.button a {
    color: black;
}
footer{background: #0a1e3b; background: linear-gradient(0deg, #0a1e3b 0%, #0a1e3b 0%, #0f3c74 100%);}
.social-links li a{background-color: #2f4f73; width: 36px;height: 36px;display: flex; align-items: center;justify-content: center; border-radius: 50%;transition: .2s ease-in-out;}
.social-links li a:hover{background-color: var(--light-green);}
.footerContent p a{color: var(--white); text-decoration: none;}
.footerContent p{line-height: 24px;}
.footerContent.footer-3 ul{gap:0px;}
.footerContent.footer-3 ul li a{color: var(--white); text-decoration: none;transition: .2s ease-in-out;}
.footerContent.footer-3 ul li a:hover, .copyrightText p a:hover{color: var(--light-green);}
.footerContent.footer-4 ul li{display: flex; gap:20px;}
.f-icon{margin-top:3px;}
.copyright{border-top:1px solid #ffffff;}
.copyrightText p a{color:var(--white); text-decoration:none;}
li.area-footer-menu a {
    color: white !important;
    text-decoration: none !important;
}
img.contact-logo {
    width: 100%;
    margin-bottom: 36px;
}
/* FOOTER CSS END HERE */

/* page-services CSS */
.cleaning-service-page {
    margin-top: 4%;
    margin-bottom: 4%;
}

.service-image img {
    border-radius: 10px;
     width: 100%;
    object-fit: cover;
    border-radius: 10px 10px 0px 0px;
}
.service-card-body  a {
    text-decoration: none !important;
}
h2.service-title.card-title {
    font-size: 23px;
    color: #134779;
    font-weight: 600 !important;
    text-transform: capitalize;
}
.cleaning-service-page .row {
    display: flex;
    flex-wrap: wrap;
}
.service-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    border-radius: 4px;
    padding: 10px;
    transition: transform 0.3s ease;
    border-radius: 10px !important;
}

a.btn.btn-primary.servies-know-more-btn {
    background-color: transparent;
    border: 1px solid #0B6AAC;
    border-radius: 29px;
    width: 66%;
    align-items: center;
    color: #0B6AAC;
    margin-top: 2%;
    padding: 10px;
    margin-bottom: -6%;
}

.service-card-body {
    flex-grow: 1;
    display: flex;
    border-radius: 0px 0px 10px 10px;
    flex-direction: column;
    justify-content: space-between;
        padding: 23px;
    text-align: center;
       align-items: center;
}
.service-card .service-image {
        overflow: hidden;
    }
    .service-card .service-image img {
        transition: transform 0.3s ease-in-out;
    }
    .service-card .service-image img:hover {
        transform: scale(1.1);
    }
    
/* service page css  */
.service-hero-section {
    background: url(https://techhands.net/dubaihousekeeping/wordpress/wp-content/uploads/2024/10/image-65-1.webp);
    padding: 180px;
    color: #fff;
    position: relative;
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
   
    background-position: center;
}
.service-hero-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #084471a1; 
}

.service-hero-content {
    position: relative;
    z-index: 1;
}

.service-hero-title {
    font-size: 58px;
    font-weight: bold;
    color: #fff;
    margin: 0;
}
.servies-know-more-btn:hover {
    background-color: #0056b3 !important;
    color: white !important;
}
.service-excerpt {
    color: #363636;
    margin-top: 14px;
    margin-bottom: 14px;
}
h1.service-title {
    font-size: 58px;
    font-weight: 600;

    text-transform: capitalize;
}
.hero-service.position-relative {
    padding: 139px;
    gap: 0px;
}
.text-center.text-white.service-hero-banner.animate__fadeInUp {
    height: 400px !important;
    object-fit: cover !important;
    width: 100%;
}
.service-image img {
    width: 100%;
    height: 270px !important;
    object-fit: cover !important;
    border-radius: 10px;
}

/*signle-service-page-css*/

.service-content p {
    font-weight: 300 !important;
    font-size: 18px;
    color: #747474;
    line-height: 27px;
}
.service-content h3 {
    font-size: 27px !important;
    color: #32302c;
    font-weight: 600 !important;
}
.service-content h2 {
    font-size: 32px;
    font-weight: 600;
    color:#303030;
}
.service-content  li {
    font-size: 18px;
    color: #747474;
    line-height: 33px;
}
.service-content ul li {
    list-style: none;
}
.service-content a {
    color: #1EA242 !important;
        /*color: #0F6626 !important;*/
    text-decoration: none;
}
.service-content ul {
    padding-left: 3px;
}
.service-content .pop-btn a {
    background-color: var(--light-green);
    color: white !important;
    padding: 19px 53px;
    border-radius: 50px;
}
.service-content {
    margin-top: 50px;
    margin-bottom: 80px;
    font-size: 18px;
    color: #747474;
    line-height: 33px;
}
.service-detail {
    margin-top: 40px;
}
.service-content ul li img {
    width: 19px !important;
    height: auto;
}
.service-content img {
    width: 50% ;
    height: auto ;
    border-radius: 15px;
}
.keepingServicesImg img {
    width: 100%;
    height: 359px !important;
    object-fit: cover;
}
.d-flex.hs-blog-img.guaranted-img-sec {
    gap: 90px;
}
.HS-service-blog-img img {
    width: 86%;
    height: 440px;
    object-fit: cover;
}
.service-content .nav-link {
    color: white !important;
}
.service-content .nav-link.active {
    color: black !important;
}
.service-tab.mt-5 {
    border: 1px solid #c9c9c9;
    margin: 76px 0px;
    border-radius: 0px 0px 10px 10px;
}
.d-flex.service-tab-content {
    padding: 17px 32px;
}
nav.service-section-tab {
     background-color: #0b6aac;
}
.heading-srvice-content {
    margin-bottom: 80px;
}

/*service tabel css*/

.n-package-table-main th {
    border: 1px solid #FFF !important;
    color: #FFF;
    font-size: 16px !important;
    font-weight: bold;
    padding: 12px 5px !important;
}
.n-package-table-main td {
    font-size: 15px !important;
    font-weight: normal !important;
    padding: 8px 5px !important;
    line-height: 30px;
    border: 1px solid #CCC !important;
}
.n-package-table-main tr, .n-package-table-main th, .n-package-table-main td {
    text-align: center;
}
.n-package-table-main thead {
    background: #0b6aac;
}
.n-package-table-main.same-width-for-all tr, .n-package-table-main.same-width-for-all th, .n-package-table-main.same-width-for-all td {
    width: 20% !important;
}
.house-type {
    background: #f5ffff;
}
.n-package-table-main table a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color:white !important;
    text-transform: uppercase;
    padding: 8px 15px;
    border-radius: 5px;
    background: var(--light-green);
    font-weight: bold;
}
.service-content h4 {
    color: black;
}
@media (max-width: 1200.98px) and (max-width: 991.98px) {
        .n-mobile-scroll {
            width: 100%;
            overflow-x: scroll;
            overflow-y: hidden;
        }
    .n-mobile-scroll table {
    width: 1000px;
}
}
@media (max-width: 768px) {
.heroBannerText p {
    margin-top: 8px;
    font-size: 20px;
}
     .whatsapp-img {
    width: 60px;
    height: auto !important;
    position: relative;
    right: -4px;
    top: -3px;
}
.whatsapp-info, .pulse {
    font-family: 'Lato', sans-serif;
    display: inline-block;
    color: #fff;
    background: #1ab744;
    position: fixed;
    bottom: 17px !important;
    right: 20px !important;
    font-size: 30px;
    text-align: center;
    z-index: 99;
    border-radius: 90%;
    height: 70px !important;
    width: 70px !important;
    line-height: 70px;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
    /*error page*/
       .CTA-form{
    margin-top: 0px !important;
}
    .error-404 h1 {
    font-size: 115px;
    color: black;
    font-weight: 600;
}
.error-404 p {
    font-size: 27px;
}

    .service-hero-title {
        font-size: 36px;
    }
    .service-hero-section {
    
    padding: 69px;
}
.service-content img {
    width: 80%;
    height: auto;
    border-radius: 15px;
}
.d-flex.service-tab-content {
    padding: 17px 32px;
    flex-direction: column-reverse;
}
.hero-service.position-relative {
    padding: 0px;
    gap: 0px;
}

iframe.background-video {
    width: 159% !important;
    height: 100% !important;
}

}
/*signle-END service-page-css*/

/* Responsive */
@media(max-width:1399px){
    .abtContent h2{font-size: 36px; line-height: normal;}
    .cta-btns{flex-direction: column-reverse; justify-content: flex-start; align-items: flex-start !important; gap: 24px;}
    .cta-hero::after{width: 325px; background-size: 100%; top: 75px;}
    .cta-hero::before{ width: 325px; background-size: 100%; top: 75px;}
    .bookingFormSection form{max-width:88%;}
    .topNavRightText .phone-number a{font-size: 18px;}
    .topNavRightText .phone-number a::after{top:2px;}
    .test-video-thumbnail-link{bottom:10px;}
    .testimonial-listing{min-height: 309px;}
}


@media(max-width:1199px){
    .heroBannerText h2{font-size: 48px;}
    .abtContent h2{font-size: 30px;}
    .topNavRightText .phone-number a{font-size: 18px;}
    .topNavRightIcon{height:45px; width:45px;}
   .topNavRightIcon img {
        max-width: 20px;
        height: auto;
    }
    .schedule .topNavRightText span, .schedule .topNavRightText .phone-number a, .schedule .topNavRightText .phone-number{font-size: 18px;}
    .leftNav{display: none !important;}
    .RightNav{width: 100%;}
    .RightNav ul.navbar-nav{justify-content: center !important;}
    .hero-banner{height:330px;}
    #heroSection, #bookingForm, #offering{background:none}
    .cta-hero::after {width: 200px; background-size: 100%;top: 25%;}
    .cta-hero::before { width: 200px; background-size: 100%; top: 25%;}
    .cta-hero {padding-top: 8%; padding-bottom: 8%; min-height: auto;}
    .topNavRightSide ul li:last-child{display: none;}
    .bookingFormSection form{gap:0;}
    body{overflow-x: hidden;}
    .whatsapp-icon{right:-15px;}
    .test-video-thumbnail-link{bottom:10px;}
    .testimonial-listing{min-height: 255px;}
    #testimonial-section>.container::before{width: 50px; height: 50px;}
    #testimonial-section>.container::after{ width: 75px; height: 99px; right: 15px;}
    #testimonial-section .inner-container::before{width: 75px; height: 68px; left:15px;}
    #testimonial-section .inner-container::after{width: 75px;  height: 50px; right: 15px;}
    
}
.footer-1 ul li a {
    color: white;
    line-height: 26px;
    text-decoration: none;
}
@media(max-width:1023px){
    .offer-row.d-flex {
    flex-direction: column;
}
}

@media(max-width:991px){
    .heroBannerText h2{font-size: 36px; line-height: normal;}
    #bookingForm{display:none;}
    .custom-btn{font-size: 15px; padding: 10px 20px;}
    .download-app-img, #downloadApp .abtContent{text-align: center;}
    .download-app-img img{max-width: 76%; margin: auto;}
    .application{justify-content: center;}
    .RightNav ul.navbar-nav{gap: 10px; padding-right: 0 !important;display:flex;}
    .top-nav .topNavRightSide ul li:last-child{display:none ;}
    .top-nav .container{align-items: center;}
    .offeringBox h5{font-size: 16px; line-height: normal;}
    .discover_deals .abtContent, #faqs .abtContent{margin-top:30px;}
    .top-nav >.container{flex-direction: column;}
    .test-video-thumbnail-link { bottom: 10px;}
    .testimonial-listing{min-height: 291px;}
    
}

@media (max-width: 768px) {
    .mobile-version {
        display: flex;
        width: 100%;
    }
    .call-section {
    position: relative;
    left: -339px;
}
}
@media (min-width:320px) and (max-width:430px) {
.call-section {
    position: relative;
    left: 0px;
}
}
@media(max-width:768px){
    .top-nav{ padding-top: 15px !important; padding-bottom: 15px !important;}
    .topNavRightSide{display:none;}
    .topNavLeftSide img{width:207px;height: auto;}
    .navbar-toggler{position: absolute; top: -50px; right: 20px; border: none;}
    .navbar-toggler:focus{box-shadow: none;}
    .offcanvas{background-color: var(--dark-blue) !important;}
    .abtContent h2{font-size: 24px; line-height: normal;}
    .heroBannerText{padding:15px;}
    .cta-row .d-flex,  .cta-row~.d-flex{justify-content: center !important;}
    .cta-row{padding: 30px;}
    #schedule{padding-bottom:3rem !important;}
    #schedule .left_animate{display: none;}
    #schedule .abtContent, #clientSays .abtContent{text-align: center;}
    .cta-btns{align-items: center !important;}
    .schedule .topNavRightIcon{display:none;}
    .google-image-icon img{width: 200px;}
    .blockquote-img img, #testimonial-section>.container::before{width:55px;}
    .clientSays{min-height: 325px;}
    .copyrightText p{font-size: 12px;}
    .offcanvas{width:360px !important;}
    .whatsapp-icon img {
        width: 55px;}
    p.CTA3-sec-p {
    padding: 8px 0px;}
   .callAnyTime {
    position: absolute;
    top: -23px;
    left: -1px;
    align-items: center;
}
    ul.list-unstyled.d-flex.application {
    flex-direction: column;}
    .App-QR-img {
    width: 126px !important;
    margin-bottom: 10px;
    height: auto !important;
    }
    ul.list-unstyled.d-flex.application img {
    width: 170px;}
    .whatsapp-icon{right: 0px; bottom: -15px;}
    .cta-hero {padding-top: inherit; padding-bottom: inherit; min-height: 290px; display: flex; align-items: center;}
    .cta-hero::before{width:135px; height:150px; top:20px; display: none;}
    .cta-hero::after { width: 145px; height:156px; background-size: 100%; bottom: 15px; top: auto;display: none; }
    .addContent h5{font-size:18px;}
    .footerContent p, .footerContent.footer-3 ul li a {line-height: normal; font-size: 16px;}
    #cta-hearo .abtContent{padding-bottom:0;}
    .call-section a{font-size:14px;}
    .call-section a img{width:18px;}
    .google-review-img span:last-child img{width:80%;}
    .heroBannerText h2 {font-size: 28px; line-height: normal; }
    .abtContent p{font-size: 16px; line-height: 32px;}
    .cta-row { padding: 30px 10px; }
    #cta .topNavRightText>span{display: none;}
    #cta{padding-top:0 !important; padding-bottom:0 !important;}
    .keepingServices .slick-dots li button:before, #clientSays .slick-dots li button:before, .offeringSlider .slick-dots li button:before, .partnerSlider .slick-dots li button:before{font-size:36px;}
    .clientSays ul~p{overflow: hidden;  text-overflow: ellipsis; min-height: 100px;}
    .partnerSlider .slick-dots{bottom:-40px;}
    .top-nav >.container{flex-direction: row;}
    .RightNav ul.navbar-nav li a{justify-content: center; padding: 10px 28px !important;}
    
    .application li img{width:80%;}
    .application{gap:0;}
    .cta-btns .topNavRightText span{text-align: center;}
    .installingProcess{margin-bottom:25px !important;}
    .test-video-thumbnail-link { bottom: 158px;}
        .test-video-thumbnail-link img {
        width: 40px;
        height: 40px;
        position: relative;
        top: -34px;
        }
    .test-video-thumbnail-link { bottom: 25px;}
    .testimonial-listing{min-height: 361px;}
    .testimonial-list.swiper-slide{display: flex; justify-content: center;}
    #testimonial-section>.container::before{left: 15px;}
    .slick-arrow{display:none !important;}
    .service-hero-banner::before {height: 320px !important;}
    h1.service-title {font-size: 26px;padding: 0px;margin-top: 94px;}
  
    .text-center.text-white.service-hero-banner.animate__fadeInUp {height: 320px !important;object-fit: cover !important; width: 100%;}
    .copyrightText.text-center.d-flex.justify-content-center.flex-wrap.text-white {justify-content: left !important;}
.footerContent.footer-1.text-white.pe-4 {margin-bottom: 35px;}
img.tick-img-service { width: 10%; height: auto; object-fit: contain;}
.keepingServicesImg img {
    width: 100%;
    height: 200px !important;
    object-fit: cover;
}
.service-content h3 {
    font-size: 22px !important;
    line-height: 29px;
}
.service-content h2 {
    font-size: 26px;
    line-height: 37px;
}
.abtContent.pb-4.text-center.CTA3-sec {
    padding: 19px 20px;
}
.location-overlay-text h1 {
    font-size: 36px !important;
}
.location-hero-container {
    height: 320px !important;
}
.location-services-content h1 {
    
    font-weight: 600 !important;
}
.location-services-content h3 {
    font-size: 23px !important;
}

.location-page h2 {
    font-size: 30px !important;
    color: black;
    text-transform: capitalize;
    font-weight: 600;
}
/*single-service-blog-page*/
 
.d-flex.guaranted-img-sec {
    flex-direction: column;
    margin-bottom: 16px;
}
    .signal.service.service-content h5 {
        color: black;
    }
    
.d-flex.hs-blog-img.guaranted-img-sec {
    gap: 6px;
}
.HS-service-blog-img img {
    width: 100%;
    height: 284px;
    
}
.location-content {
    text-align: center !important;
}


/*offers-page-css*/
h1.offer-page-hero-title.text-white {
    font-size: 28px !important;
    
}
    section.offer-page-hero-section {
        padding: 18px !important;
        background-position: center;
    }
    .offer-row.d-flex {
    gap: 34px !important;
    flex-direction: column;
    margin-top: -63px;
}
.offer-page-hero-section {

    height:274px !important ;
    color: #fff;
}
/*contact page css*/
.contactContent.contact-4.pe-4 ul {
    padding-right: 0px !important;
}
.contactContent.contact-4 ul li {
    
    flex-direction: column;
}
.contactContent.contact-4.pe-4 {
    padding-left: 40px !important;
    margin-bottom: 36px !important;
}
.contact-page-social-links ul {
    margin-left: 0px !important;
    margin-top: 0px !important;
}
.contact-form-sec {
    padding: 20px !important;
    
}
.contact-form-sec h2 {
   
    font-size: 34px !important;
    margin-bottom: 20px !important;
}
.contact-page-partner-sec {
    padding-top: 0px !important;
    padding-bottom: 48px !important;
}


/*how it work page css*/
.container.CTA-MAIN-SEC.d-flex.pt-5.pb-5.CTACALL-sec {
    gap: 10px !important;
    flex-direction: column;
}
.SECOND-CTA-SEC {
    gap: 0px  !important;
    flex-direction: column;
    padding: 29px 11px;
}
.contact-img-sec .phone-icon {
    position: absolute;
    top: 102%  !important;
    right: 55%  !important;
    width: 27%  !important;
}
p.contact-info-number {
    font-size: 26px  !important;
  
}
img.main-image {
    height: 225px !important;
    object-fit: cover;
}
.thank-you-message {
    height: 82px;
    
}

/*why choose us page css*/

.society-text {
    padding-right: 0px !important;
}
.society-row.d-flex {
    align-items: center;
    flex-direction: column;
}
section.container.why-choose-us.offer-cleaning-packages {
    padding-top: 0px;
}
ul.benefits-of-employment li {
    font-size: 18px;
    line-height: 39px !important;
}
.together-content-sec img {
    width: 100%;
}
.d-flex.together-sec-container {
    flex-direction: column;
}
.abtContent.together-image-sec {
    padding: 50px 11px;
}
ul.list-unstyled.together-list li {
    line-height: 40px !important;
    font-size: 17px;
}
.benefits-of-employment li img {
    width: 6% !important;
    height: 21px !important;
}
/*blog page*/

.post-list {
    flex-direction: column;
}
p.post-para {
    padding: 12px 0px !important;
    line-height: 23px;
}


.blog-bg-image img {
    margin-top: 33px !important;
    margin-bottom: 0px !important;
}

/*privacy policy page css*/

.privacy-policy h2 {
    font-size: 26px !important;
    
}

/*additional service css*/

.AS-section.d-flex.flex-row-reverse {
    flex-direction: column !important;
}
/*.AS-section.offer-row.d-flex {*/
/*    padding: 24px 0px;*/
/*}*/
    .offer-container {
        padding: 6px 10px 10px 10px !important;
    }
    
    
/*Maid Services in Dubai*/
    
.MSD-content h2 {
    font-weight: 600 !important;
    text-transform: capitalize !important;
    font-size: 22px !important;
}
.MSD-content {
    margin-top: 50px !important;
    
}
/* END Maid Services in Dubai*/

.wrapper-2 h1 {
    font-size: 44px !important;
    color: #156CBB;
    font-weight: 600 !important;
}
.wrapper-2 {
    padding: 30px !important;
    text-align: center;
}

.faqspages {
    margin: 40px 0px !important;
}

}

@media(max-width:567px){
    #testimonial-section>.container::after {
        width: 48px;
        height: 63px;
        right: 15px;
        top: -25px;
    }
    #testimonial-section .inner-container::before {
        width: 48px;
        height: 38px;
        left: 0;
        bottom: -53px;
    }
    #testimonial-section .inner-container::after {
        width: 62px;
        height: 39px;
        right: 0;
        bottom: -53px;
    }
    .blockquote-img img, #testimonial-section>.container::before {
        width: 35px;
        height: 35px;
        top: -15px;
    }
    #cta{padding:0 10px;}
    .topNavRightText .phone-number a{font-size: 16px;}
    .cta-row {padding: 20px 10px; gap: 10px;}
    .topNavRightIcon {height: 40px; width: 40px;}
}

@media(max-width:479px){
    .test-video-thumbnail-link { bottom: 10px;}
    .testimonial-listing{min-height: 288px;}
}

/*contact page*/
#banner {
    position: relative;
    text-align: center;
    color: white;
    
}
.contact-form-sec p {
    line-height: 24px;
}
#banner .overlay {
    background: #084471a1;
    padding: 150px;
}

#banner h1 {
    font-size: 58px;
    font-weight: 600 !important;
}
.contact-from input {
    width: 100%;
    padding: 18px;
    border-radius: 5px;
    border: 0px transparent;
    margin-bottom: 12px;
}

textarea.contact-textarea {
 width: 100%;
    padding: 12px;
    border-radius: 5px;
    border: 0px transparent;
}
button.contact-button {
    width: 100%;
    padding: 12px;
    border-radius: 4px;
    border: 0px transparent;
    margin-top: 17px;
    background-color: #1EA242;
    color: white;
    font-size: 22px;
    font-weight: 500;
}

#banner nav ul {
    list-style: none;
    padding: 0;
}

#banner nav ul li {
    display: inline;
    margin: 0 10px;
}

#banner nav ul li a {
    color: #fff;
    text-decoration: none;
}
.contactContent.contact-4 ul li {
    display: flex;
    gap: 20px;
}
.contactContent.contact-4.pe-4 {
    padding-left: 40px;
}
.contact-form-sec {
    padding: 48px;
    background: #EFEFEF;
    border-radius: 14px;
}
.contact-form-sec h2 {
    color: #0B6AAC;
    font-weight: 600;
    font-size: 45px;
    text-transform: capitalize;
    margin-bottom: 25px;
}
li.contact-details.mb-3 {
    margin-bottom: 2rem !important;
}
.contactContent.contact-4.pe-4 ul {
    padding-right: 118px;
}
#map-section iframe {
    width: 100%;
    height: 400px;
}

p.contact-para-sec a {
    color: #514F4F;
    text-decoration: none;
    font-size: 18px;
}
p.contact-para-sec {
    line-height: 27px;
}
.contact-page-social-links ul {
    margin-left: 14px;
    margin-top: 48px;
}
.contact-page-social-links li a {
 
    width: 52px;
    height: 50px;
    
}
.contact-page-social-img li img {
    width: 48px;
}
.thank-you-message {
    background-color: #1ea242;
    color: white;
    text-align: center;
    margin-bottom: 27px;
    font-size: 18px;
    height: 40px;
    padding-top: 7px;
   
}
/*location page*/
.location-hero-container {
    position: relative;
    background-size: cover;
    background-position: center;
    height: 450px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
    margin-top: 50px;
    margin-bottom: 30px;
    border-radius: 15px;
}

.location-overlay-text {
    position: relative; 
    z-index: 2; 
    text-align: center; 
    padding: 20px; 
}

.location-overlay-image {
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    background-color: #084471a1; 
    z-index: 1; 
    border-radius: 15px;
}
.location-overlay-text h1 {
    font-size: 58px;
    box-shadow: none !important;
    font-weight: 600;
}
.location-services-content {
    font-size: 17px;
    color: #747474;
    line-height: 32px;
    margin-bottom: 70px;
}
.location-page.container a {
  
    text-decoration: none;
}
.location-services-content h1 {
    color: black;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 45px;
    margin-bottom: 20px;
}
.location-services-content h3 {
    color: black !important;
    font-size: 33px;
    text-transform: capitalize;
    font-weight: 500;
}
h3.location-Cta-heading{
    text-transform: capitalize;
    margin-bottom: 20px;
}
p.location-CTA-para {
    font-size: 17px;
    line-height: 22px;
    color: #606060;
}
.location-page.container ul li {
    list-style: none;
}
.location-page ul {
    padding-left: 0px !important;
}
.location-page h2 {
    font-size: 42px;
    color: black;
    text-transform: capitalize;
    font-weight: 600;
}
.location-page #offering {
    background: transparent !important;
}
button.location-btn-acc {
    Padding: 9px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    padding-left: 22px !important;
}
button.location-btn-acc.accordion-button {
    color: black;
    font-weight: 600 !important;
}
.heading-bg-container {
    background-color: #F1F7FE;
    padding: 30px 21px;
}
.heading-bg2-container {
    background-color: #ffffff;
    padding: 30px 21px;
}
.heading-bg3-container {
    background-color: #F1F7FE;
    padding: 30px 21px;
}
ul.location-meta {
    font-size: 24PX !important;
}
ul.location-meta li {
    margin-bottom: 22px;
}
.location-area-content {
       align-items: center;
       gap: 30px;
}
ul.location-meta li {
    margin-bottom: 22px;
    color: #505050;
}
/*offers page css*/
h1.offer-page-hero-title.text-white {
    font-size: 58px;
    font-weight: bold;
}
section.offer-page-hero-section {
    padding: 170px;
background-size: cover;
}
section.container.offer-cleaning-packages {
    padding: 100px 12px;
}.offer-row.d-flex {
    gap: 56px;
}.offer-image-content img {
    width: 76%;
}
h3.offer-services-link {
    color: #156cc1;
}
.tabel-4-Weeks-Services-Pack thead {
    background: #0b6aac;
    color: white;
}th.n-green-bg {
    background-color: #0cce81;
}.tabel-4-Weeks-Services-Pack th {
    border: 1px solid #FFF !important;
    color: #FFF;
    font-size: 16px !important;
    font-weight: bold;
    padding: 12px 5px !important;
    text-align: center;
}.tabel-4-Weeks-Services-Pack td {
    font-size: 15px !important;
    font-weight: normal !important;
    padding: 8px 5px !important;
    line-height: 30px;
    text-align: center;
    border: 1px solid #CCC !important;
}td.n-light-green-bg {
    background-color: #e8fff3;
}
.tabel-4-Weeks-Services-Pack a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #FFF;
    text-transform: uppercase;
    padding: 8px 15px;
    border-radius: 5px;
    background: #1EA242;
    font-weight: bold;
    text-decoration: none;
}
label.n-price label {
    color: #F00;
    text-decoration: line-through;
    opacity: 0.5;
}

.table-bg-color {
        background-color: #F1F7FE !important;; /* Adjust this color as needed */
    }
.offer-content-area p {
    color: #333333 !important;
}

.offer-content-area b {
    color: #156CBB !important;
    font-weight: 500;
    font-size: 18px;
}
.offer-content-area ::marker {
    color: #156CBB;
}
.offer-content-area li {
    color: #333333 !important;
    font-size: 18px;
    line-height: 32px;
}
.offer-page-hero-section {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    height: 565px;
     max-width: 1920px;
    margin: auto;
}
.offer-page-hero-content {
    position: relative;
    z-index: 2; /* Place content above overlay */
}
.partner-item {
  position: relative;
  display: inline-block;
  text-align: center;
}

.partner-caption {
  
  color: #072949;
 
}
.footerContent.footer-4 {
    padding-right: 30px !important;
}
.partner-caption.mt-3 h3 {
    font-size: 22px;
}
@media only screen and (max-width: 768px) {
  .container.abtContent.offer-content-area {
    padding: 0px 36px;
}
.offer-page-hero-section {
   
    margin-bottom: 58px;
}
.footerContent.footer-4 {
    padding-right: 0px !important;
}
.heading-srvice-content h2 {
    font-size: 22px;
}
.abtContent.locations-text {
    width: 100%;
    padding-top: 32px;
}
.container.related-blog-sec.mt-sm-5.mb-sm-5 {
    margin-top: 40px;
    margin-bottom: 40px;
}
.location-area-content {
    flex-direction: column;
}
img.society-image {
    width: 100%;
    margin-bottom: 19px;
}
}
.Testimonial-inner {
    padding-top: 30px;
}
.abtContent h2 a {
    text-decoration: none;
    color: #156cbb;
}
a.a-link {
    text-decoration: none;
    color: inherit;
}

.App-QR-img {
    width: 166px !important;
    margin-bottom: 10px;
    height: auto !important;
}
.google-review-img h6 {
    margin: 0;
}

/*how it work page css*/
.clienttestes {
    gap: 10px !important;
    height: 100% !important;
}
.CTA-from input {
    width: 100%;
    padding: 11px;
    border-radius: 5px;
    border: 0px transparent;
    margin-bottom: 12px;
}
.container.CTA-MAIN-SEC.d-flex.pt-5.pb-5.CTACALL-sec {
    gap: 461px;
}
button.CTASUBMIT-button {
    width: 100%;
    padding: 6px;
    border-radius: 4px;
    border: 0px transparent;
    margin-top: 8px;
    background-color: #1EA242;
    color: white;
    font-size: 22px;
    font-weight: 500;
}
h5.text-white.cta-form-heading {
    font-size: 24px;
    margin-bottom: 19px;
}
.CTA-text p {
    font-size: 18px;
    line-height: 33px;

}
p.contact-info-number span a {
    color: #1EA242;
    text-decoration: none;
}
p.contact-info-number {
    font-size: 34px;
    color: #343434;
    line-height: 40px;
}
p.contact-info-sub-para span {
    color: #156CBB;
    font-weight: bold;
}
p.contact-info-sub-para {
    font-size: 20px;
    color: #222222;
}
.contact-img-sec {
    position: relative;
    display: inline-block;
}

.contact-img-sec .main-image {
    width: 100%;
    height: auto;
}
.phone-icon img {
    width: 100%;
}
.contact-img-sec .phone-icon {
    position: absolute;
    top: 50%;
    right: -20%;
    transform: translate(-50%, -50%);
    background-color: white;
    border-radius: 76%;
    padding: 10px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    width: 21%;
}
.SECOND-CTA-SEC {
    gap: 100px;
}
img.main-image {
    height: 300px !important;
}
.clienttestes {
    border: 0px !important;
    margin-bottom: 30px;
}.testimonialslider p.mb-0 {
    color: #514F4F !important;
    font-size: 18px !important;
}.clienttestes h4 {
    font-weight: 500 !important;
    color: #000000 !important;
}
/*why choose us page*/

img.society-image {
    width: 80%;
}
.society-row.d-flex {
    align-items: center;
}
.society-text{
    
    padding-right: 182px;
   
}
ul.benefits-of-employment {
    padding-left: 0px;
    padding-top: 16px;
}
ul.benefits-of-employment li {
    font-size: 18px;
    line-height: 50px;
}
.benefits-row.d-flex {
    align-items: center;
        margin-top: 100px;
}
.text-with-icon {
    padding: 40px;
    border: 1px solid #156cbb4a;
    border-radius: 18px;
    background-color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.info-box-container {
    display: flex;
    gap: 18px;
}
.offer-description p {
    color: #514F4F;
    font-weight: 200;
    line-height: 34px;
}
.benefits-of-employment li {
    display: flex
;
    gap: 8px;
}
.benefits-of-employment li img {
    width: 4%;
    height: 26px;
}
/* Container for the info boxes */
.info-box-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* Creates 4 equal columns */
    gap: 20px; /* Adds space between grid items */
}

.container.together-sec {
    padding-top: 90px;
    padding-bottom: 16px;
}
.abtContent.together-image-sec {
    padding: 50px 11px !important;
}
/* Ensures images do not overflow */
.text-with-icon img {
    max-width: 100%;
    height: auto;
}
p.benefities-info-text {
    margin-top: 15px;
}
ul.list-unstyled.together-list {
    margin-top: 27px;
}
ul.list-unstyled.together-list li {
    line-height: 50px;
    font-size: 19px;
}
h3.benefities-info-text {
    font-size: 22px !important;
    margin-top: 12px;
}
.professional-service-section.abtContent {
    padding-right: 42px;
}
@media (max-width: 768px) {
    .professional-service-section.abtContent {
    padding-right: 0px !important;
    padding-top: 26px !important;
}
    .Organic-Cleaning-grid {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(1, 1fr)!important;
}
    .info-box-container {
        grid-template-columns: repeat(2, 1fr) ; /* 2 items per row on medium screens */
    }
    section.container.offer-cleaning-packages {
    padding: 24px 12px;
}
.benefits-row.d-flex {
    align-items: center;
    margin-top: 76px;
    flex-direction: column-reverse;
}
.Housekeeping-Approach.d-flex {
    flex-direction: column-reverse;
}
.container.together-sec {
    padding-top: 10px;
    padding-bottom: 16px;
}
.offer-description p {
    color: #514F4F;
    font-weight: 200;
    line-height: 22px;
}
}

@media (max-width: 480px) {
    .info-box-container {
        grid-template-columns: 1fr; /* 1 item per row on small screens */
    }
}

/*blog page css*/

.blog-sec img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    border-radius: 13px 13px 0px 0px;
}
.post-list {
    display: flex;
    gap:24px;
}
.container.blog-sec {
    padding-top: 40px;
    padding-bottom: 60px;
}
.post-item {
    border-radius: 15px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
}
h2.blog-post-title a {
    font-size: 19px;
    color: #212121;
    text-decoration: none;
    font-weight: 600;
}.blog-post-excerpt p {
    font-size: 16px;
    color: #7D7D7D;
}.post-content {
    padding: 30px 19px 40px 19px;
}
.single-page-post-content{
    padding: 30px 19px 40px 0px !important;
}
p.post-para {
    padding: 12px 126px;
}
a.blog-post-button {
    color: #156CBB !important;
    text-decoration: none;
    border-bottom: 1px solid;
}
.post-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Space between items */
    justify-content: space-between; /* Adjust spacing */
}

.post-item {
    flex: 1 1 calc(33.333% - 20px); /* 3 items per row */
    box-sizing: border-box;
}
.blog-pagination {
    margin-top: 76px;
    text-align: center;
    font-size: 20px;
}
a.page-numbers {
    padding: 7px 12px;
    color: #3F3F3F;
    border: 1px solid #D1D1D1;
    text-decoration: none;
}
span.page-numbers.current {
    border: 1px solid #D1D1D1;
    padding: 7px 12px;
    color: white;
    background-color: #156CBB;
}
.divider-border {
    border-top: 2px solid #DEDEDE;
    margin-top: 28px;
}
@media (max-width: 768px) {
    .post-item {
        flex: 1 1 calc(50% - 20px); /* 2 items per row on tablets */
    }
    h1.Blog-heading {
    font-size: 30px !important;
    line-height: 45px !important;
    margin-top: 28px;
}.single-post h2 {
    font-size: 26px ! Important;
}
  .row.tabel-of-content-area-blog {
    flex-direction: column-reverse;
}aside.toc-sidebar.col-md-4 {
    position: relative !important;
    top: 7px!important;
    align-self: flex-start;
    margin-bottom: 20px!important;
    margin-top: 20px!important;
} 
.cta-call-book.d-flex.align-items-center.justify-content-between.p-3.rounded {
    padding: 22px 12px !important;
    margin-top: 40px !important;
    margin-bottom: 50px !important;
    flex-direction: column;
    gap: 20px;
    text-align: left;
    
    align-items: center !important;
}.cta-book-btn a {
    padding: 10px 30px 10px 30px;
}
   
}

@media (max-width: 480px) {
    .post-item {
        flex: 1 1 100%; /* 1 item per row on mobile */
    }
}


/*blog page css end here*/


/*single blog page css here*/

.blog-bg-image img {
    width: 100%;
    height: auto;
    border-radius: 15px;
    margin-top: 50px;
    margin-bottom: 50px;
}

h1.Blog-heading {
    font-size: 55px ;
     color: #156CBB;
    FONT-WEIGHT: 600;
    line-height: 68px;
    margin-top: 28px;
}
.single-post p {
    
    font-size: 18px !important;
    line-height: 30px;
}
.single-post ul {
    line-height: 33px;
    font-size: 18px;
}
.single-post ul li b {
    color: #156CBB;
    font-weight: 600;
}
.single-post ul li::marker {
    color: #156CBB !important;
}
.single-post h3 {
       font-weight: 400 !important;
}
.single-post h2 {
    font-size: 40px ;
    color: #156cbb;
    
}
.author-box {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.single-post h2 span {
    font-size: 30px ! Important;
    font-weight: 600 !important;
}
.single-post ol {
    line-height: 40px;
    font-size: 18px;
    color: #514F4F;
}
.single-post ol b {
    color: #156CBB;
}
.single-post ol li::marker {
    color: #156CBB !important;
}
.single-post ol li strong {
    color: #156CBB;
}
.blog-tabel tr, th, td {
    border: 2px solid #0888ca ;
    padding: 10px;
}
.n-blog-table-main .highlight {
    border: 1px solid #FFF !important;
    color: #FFF;
    font-size: 16px !important;
    font-weight: bold !important;
    padding: 12px 5px 12px 20px !important;
    background: #0b6aac;
    text-align: left;
}
.n-blog-table-main td {
    border: 1px solid #CCC !important;
    width: auto;
}

.blog-post-excerpt {
    margin-bottom: 13px;
}
aside.toc-sidebar.col-md-4 {
    position: sticky ;
    top: 185px;
    align-self: flex-start;
}
.toc-box {
    padding: 20px;
    background-color: #F1F7FE;
    border-radius: 12px;
}
/*blog css*/

h3.related-post-title a {
    font-size: 18px;
    color: #212121;
}
h3.related-post-title {
    padding: 22px 15px;
}
.related-post-card.shadow {
    height: 320px;
    border-radius: 12px;
}
ul.toc-list {
    list-style: none;
    padding: 0px;
}
ul.toc-list li a {
    color: #514F4F !important;
}
h3.related-post-title
 {
    padding: 22px 15px;
    line-height: 22px !important;
}
.cta-call-label.fw-bold.text-primary {
    font-size: 18px;
}.cta-call-book.d-flex.align-items-center.justify-content-between.p-3.rounded {
    padding: 41px !important;
    margin-top: 70px !important;
    margin-bottom: 70px !important;
}.cta-book-btn a {
    padding: 16px 30px 16px 30px;
}.cta-phone-numbers.fw-bold {
    font-size: 23px;
    color: #333333;
}.abtContent.mt-sm-5.mb-4.single-page-realted-blog {
    margin-top: 90px !important;
}
/*single blog page end css here*/


/*privacy policy page css*/

.container.privacy-policy {
    margin-top: 80px;
    margin-bottom: 80px;
}.privacy-policy h2 {
    font-size: 35px;
    margin-bottom: 33px;
    font-weight: 600;
    color: #156CBB;
}.privacy-policy p {
    font-size: 18px;
}.privacy-policy ul {
    font-size: 18px;
    line-height: 34px;
}

/*privacy policy page css end here*/

/* Location Page */

.location-page.container h2 {
    color: #064571;
    padding: 10px 0;
}


.location-page.container a.custom-btn {
    color: #ffffff;
}

/* Area Page */

img.menu-item-icon {
    width: 35px;
    margin-right: 10px;
}
@media (min-width: 576px) {
    .col-sm-3 {
        flex: 0 0 auto;
        width: 100% !important;
    }
}
ul#menu-areas-covered a {
    color: green;
}
ul#menu-areas-covered {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

.area-list li {
    font-weight: 600;
    color: var(--bs-link-color);
    border: 1px solid green;
    padding: 15px 23px;
    margin-bottom: 10px;
    border-radius: 65px;
    box-shadow: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;
}

.area-list i.fa-solid.fa-location-dot{
    border-radius: 50px;
    width: 28px;
    height: 28px;
    text-align: center;
    padding: 8px 0px 0px 0px;
    background: #1ea2421c;
    color: #1ea242;
    margin-right: 10px;
    font-size: 12px;
}


@media only screen and (min-width:300px) and (max-width:767px){
    ul#menu-areas-covered {
    grid-template-columns: repeat(1, 1fr);
}

}

@media only screen and (min-width:768px) and (max-width:1366px){
    ul#menu-areas-covered {
    grid-template-columns: repeat(2, 1fr);
}

}

/* Cleaning Team Page Css */


.cleaning-page.container h2 {
    color: #064571;
    padding: 10px 0;
}

.cleaning-page.container a {
    color: #1ea242;
}
.cleaning-page.container a.custom-btn {
    color: #ffffff;
}

.cleaning-hero-container {
    position: relative;
    background-size: cover;
    background-position: center;
    height: 450px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
    margin-top: 50px;
    margin-bottom: 30px;
    border-radius: 15px;
}

.cleaning-overlay-text {
    position: relative; 
    z-index: 2; 
    text-align: center; 
    padding: 20px; 
}

.cleaning-overlay-image {
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    background-color: #084471a1; 
    z-index: 1; 
    border-radius: 15px;
}
.cleaning-overlay-text h1 {
    font-size: 58px;
    box-shadow: none !important;
    font-weight: 600;
}
.cleaning-services-content {
    font-size: 19px;
    color: #747474;
    line-height: 32px;
}
.cleaning-services-content h1 {
    color: black;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 45px;
    margin-bottom: 20px;
}
.cleaning-services-content h3 {
    color: black !important;
    font-size: 33px;
    text-transform: capitalize;
    font-weight: 500;
}
h3.cleaning-Cta-heading{
    text-transform: capitalize;
    margin-bottom: 20px;
}
p.cleaning-CTA-para {
    font-size: 17px;
    line-height: 22px;
    color: #606060;
}
.cleaning-page.container ul li {
    list-style: none;
}
.cleaning-page ul {
    padding-left: 0px !important;
}
.cleaning-page h2 {
    font-size: 42px;
    color: black;
    text-transform: capitalize;
    font-weight: 600;
}
.cleaning-page #offering {
    background: transparent !important;
}
button.cleaning-btn-acc {
    Padding: 9px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    padding-left: 22px !important;
}

/*additional service page css*/

.AS-content {
    margin-top: 80px;
}
.odd-section {
    background-color: #F1F7FE; 
}
.even-section {
    background-color: #ffffff; 
}

.offer-row {
    align-items: center;
}
.AS-image img {
    border-radius: 12px;
}
.AS-info ul {
    font-size: 18px!important;
    color: #747474 !important ;
    line-height: 30px !important;
}
.offer-container {
    padding: 0px 10px;
}
/*additional service page css End Here*/


/* Maid Services in Dubai*/

.MSD-content {
    margin-top: 80px;
    margin-bottom: 50px;
}
.MSD-content h2 {
    font-weight: 600 !important;
    text-transform: capitalize !important;
    font-size: 35px ;
}
.MSD-content ul {
    color: #747474 !important;
    font-size: 18px ;
    line-height: 30px !important;
}

/* Maid Services in Dubai End Here*/


/* Maid Services in Dubai End Here*/

.MSD-content ol {
    font-size: 18px;
    line-height: 39px;
    color: #747474;
}
.MSD-content p {
    line-height: 34px;
    font-size: 18px;
}
/* Maid Services in Dubai End Here*/

/* thankyou page css*/

.wrapper-1{
  width:100%;
  height:100vh;
  display: flex;
flex-direction: column;
}
.wrapper-2 {
    padding: 100px;
    text-align: center;
}
.wrapper-2 p{
  margin:0;
  font-size:1.3em;
  color:#aaa;
  font-family: 'Source Sans Pro', sans-serif;
  letter-spacing:1px;
}
.go-home {
    color: #fff;
    background: #1EA242;
    border: none;
    padding: 18px 70px;
    margin: 30px 0;
    border-radius: 30px;
    font-size: 18px;
    text-transform: capitalize;
    box-shadow: 0 10px 16px 1px rgba(174, 199, 251, 1);
}
.footer-like{
  margin-top: auto; 
  background:#D7E6FE;
  padding:6px;
  text-align:center;
}
.footer-like p{
  margin:0;
  padding:4px;
  color:#5892FF;
  font-family: 'Source Sans Pro', sans-serif;
  letter-spacing:1px;
}
.footer-like p a{
  text-decoration:none;
  color:#5892FF;
  font-weight:600;
}
.wrapper-2 h1 {
    font-size: 70px;
    color: #156CBB;
    font-weight: 600;
}
  .go-home{
    margin-bottom:20px;
  }
  .content{
  max-width:1000px;
  margin:0 auto;
}
.wrapper-1 {
    height: initial;
    margin: 0 auto;
    margin-top: 80px;
    box-shadow: 4px 8px 40px 8px rgba(88, 146, 255, 0.2);
    margin-bottom: 80px;
    border-radius: 12px;
}
.footer-like {
    margin-top: auto;
    background: #e9f2ff;
    padding: 6px;
    text-align: center;
    border-radius: 0px 0px 12px 12px;
}


/* thankyou page css End Here*/

/* FAQ page css */

.faqspages {
    margin: 60px 0px;
}


/* FAQ page css End Here*/

.lS-listing {
    background-color: white;
    border: 10px solid #D9F0FD;
    border-radius: 10px;
}.lS-listing-image img {
    width: 100%;
    height: 270px;
    object-fit: cover;
}
.lS-listing {
    background-color: white;
    border: 10px solid #D9F0FD;
    border-radius: 10px;
}

.service-description.mt-2.text-center {
    padding: 20px 14px;
}
h4.service-location-heading a {
    color: #156CBB;
    font-weight: 600;
}
p.service-location-heading {
    color: #747474;
}
header {
    position: sticky;
    top: 0;
    z-index: 1000;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
a.address-link:hover {
    color: #1ea242;
    Transition:0.2s ease-in;
}


@media (min-width: 768px) {
  .Google-fb-reviews .col-md-6 {
    display: block;
    text-align: left; /* Align text and images to the left on desktop */
  }
  .Google-fb-reviews .col-md-6 img {
    margin-left: 0; /* Remove any margin for the images on desktop */
  }
  
}

/*location page slider pagination css*/

.service-swiper {
    margin-top: 12px !important;
    padding-bottom: 63px;
}
h3.service-title.card-title {
    font-size: 24px;
    color: #156cbb;
    font-weight: 600;
}


@media (min-width: 768px) and (max-width: 1024px) {
      .hero-service.position-relative {
         padding: 120px;
      }
   .CTA-form.col-md-2 {
    margin-top: 0px;
}

.pt-5 {
    padding-top: 1rem !important;
}
}
h2.blog-post-title {
    line-height: 25px;
}

.attachment-field input.mb-3 {
    padding: 0px;
}

.CTA-form.col-md-2 {
    margin-top: 63px;
}
.abtContent h1 {
    font-size: 26px;
    line-height: 29px;
    color: var(--light-blue);
    font-weight: 600;
}


/*whatsapp floating icon*/
.whatsapp-img {
    width: 60px;
    height: auto !important;
    position: relative;
    right: 1px;
    top: -3px;
}

.whatsapp-info,
.pulse {
    font-family: 'Lato', sans-serif;
    display: inline-block;
    color: #fff;
    background: #1ab744;
    position: fixed;
    bottom: 64px;
    right: 50px;
    font-size: 45px;
    text-align: center;
    z-index: 99;
    border-radius: 90%;
    height: 70px;
    width: 70px;
    line-height: 70px;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: 0
    }
    50% {
        opacity: .3
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: 0
    }
    50% {
        opacity: .3
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

.pulse:nth-child(1) {
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite
}

.pulse:nth-child(2) {
    -webkit-animation: pulse 2s infinite .3s;
    animation: pulse 2s infinite .3s
}

.pulse:nth-child(3) {
    -webkit-animation: pulse 2s infinite .6s;
    animation: pulse 2s infinite .6s
}

.fa {
    font: normal normal normal 14px/1 FontAwesome;
        font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    -moz-osx-font-smoothing: grayscale;
}

.fa-whatsapp::before {
    content: "\f234";
}

/*service page professional service*/

.features-section {
    padding: 92px 0px 20px 0px;
    background-color: #fff;
}

.features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
    gap: 34px;
    column-gap: 30px;
    row-gap: 66px;
}

.feature-card {
    background: #f7fbff;
    padding: 29px 20px;
    border-radius: 8px;
    text-align: center;
    transition: transform 0.2s ease;
    
}

.feature-card:hover {
  transform: translateY(-5px);
}

.feature-icon img {
    width: 80px;
    height: 80px;
    position: relative;
    top: -58px;
}

.feature-card p {
  font-size: 16px;
  color: #333;
  line-height: 1.4;
}
.housekeeping-plan {
  padding: 60px 0;
  background-color: #fff;
}

.plan-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: center;
}

.plan-image img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
}



.plan-text p {
  
  color: #555;
  line-height: 1.6;
}

@media (max-width: 768px) {
    .plan-text p {
    color: #555;
    line-height: 32px;
}
  .plan-grid {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .plan-text h2 br {
    display: none; /* Remove line break on mobile */
  }
}
.cleaning-services {
  padding: 60px 0;
  background: #fff;
}

.section-title {
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  color: #0066cc;
  margin-bottom: 40px;
}

.services-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
}

.service-box {
  border: 1px solid #d9e4f5;
  border-radius: 10px;
  padding: 20px;
  background: #fff;
}

.service-box h3 {
  font-size: 18px;
  font-weight: 600;
  color: #0066cc;
  margin-bottom: 15px;
}

.service-box ul {
  list-style: disc;
  padding-left: 20px;
  margin: 0;
}

.service-box ul li {
  font-size: 15px;
  color: #333;
  margin-bottom: 8px;
}
.my-maid-plan-grid.abtContent.d-flex.gap-6 {
    gap: 50px;
}
section.my-maid-plan {
   
    padding: 66px 0px;
    margin: 26px 0px;
}

/* Section background */
.tasks-section{
  background:#eef6ff;            /* light blue panel */
  padding:66px 0;
  
}
.Deep-cleaning-feature  {
   
    margin-top: 80px;
}
/* Max width container */
.tasks-section .wrap{
 
  margin:0 auto;
  padding:0 20px;
}

/* Title */
.tasks-section .title{
  text-align:center;
                /* brand-ish blue */
  font-weight:600;
  font-size:clamp(22px, 3.2vw, 36px);
  margin:0 0 28px;
}

/* Card grid */
.tasks-section .cards{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:28px;
}

/* Card */
.tasks-section .card{
  background:#ffffff00;          /* subtle white on blue */
  border:1px solid #dbe8fb;      /* soft blue border */
  border-radius:14px;
  padding:28px 26px;
}

/* Card heading */
.tasks-section .card h3{
         color: #156CBB;
    font-size: 20px;
    margin: 0 0 14px;
    font-weight: 600;
}

/* List */
.tasks-section .card ul{
  margin:0;
  padding:0 0 0 18px;            /* room for bullets */
  list-style:disc;
  color:#3a4a5f;
  line-height:1.9;
  font-size:16px;
}

/* Smaller, softer bullets (optional) */
.tasks-section .card ul li{
  margin:6px 0;
}
.cta-section-profeesinoal-service {
  
  text-align: center;
}

.cta-section-profeesinoal-service .wrap {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 20px;
}

.cta-section-profeesinoal-service .title {
  
  font-weight: 600;
  font-size: clamp(22px, 3vw, 34px);
  margin-bottom: 15px;
}

.cta-section-profeesinoal-service .desc {
  font-size: 16px;
  color: #444;
  margin-bottom: 30px;
  line-height: 1.6;
}

.cta-section-profeesinoal-service .desc a {
  color: #1e63d6;
  text-decoration: underline;
}

.cta-section-profeesinoal-service .btn-green {
  display: inline-block;
  background: #20b154; /* Green button */
  color: #fff;
  padding: 12px 30px;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.3s ease;
}

.cta-section-profeesinoal-service .btn-green:hover {
  background: #179245;
}
section.tasks-excluded.abtContent.mt-4 {
    padding: 60px 0px;
}
/* Responsive */
@media (max-width: 1024px){
  .tasks-section .cards{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 600px){
  .tasks-section{ padding:40px 0; }
  .tasks-section .cards{ grid-template-columns:1fr; }
}

@media (max-width: 768px) {
  .section-title {
    font-size: 22px;
  }
  .plan-text.abtContent.d-flex.gap-6 {
    flex-direction: column;
}
.my-maid-plan-image img {
    width: 100%;
    height: auto;
}
.hero-service {
    min-height: 278px !important;
   
}
h1.service-title {
        margin-top: 0px;
    }
.container.abtContent.intro-section-welcome.mt-sm-5 {
    margin-top: 32px;
}
 .cleaning-services {
    padding: 0px 0;
    background: #fff;
}   
    section.my-maid-plan {
        padding: 10px 0px;
        margin: 26px 0px;
    }  section.tasks-excluded.abtContent.mt-4 {
    padding: 24px 0px;
}
     .offeringBox h5 {
       
        padding-bottom: 20px;
    }
    
}


/*----------------------------------------
User-select: text Issue CSS
------------------------------------------*/

/* Let text inside slides be selectable */
.slick-slider .slick-track,
.slick-slider .slick-slide {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

/* Make sure the caption itself is selectable/clickable */
.carousel-caption {
  user-select: text;
  pointer-events: auto;
  position: relative; /* keep it above overlays if any */
  z-index: 2;
}

p.carousel-caption {
    user-select: text;
}
.clientSays.text-center.p-4 {
    user-select: text;
}
.service-description {
    user-select: text;
}






/*----------------------------------------
autor page css
------------------------------------------*/


.author-hero__avatar img {
    border-radius: 12px;
}

.author-avatar{border-radius:999px;display:block;}
.author-name{margin:0 0 8px;font-size:clamp(28px,4vw,38px);}
.author-links{list-style:none;margin:12px 0 0;padding:0;display:flex;gap:12px;flex-wrap:wrap;}
.author-links a{text-decoration:none;border-bottom:1px solid transparent}
.author-links a:hover{border-color:currentColor}

.section-title {
    margin: 24px 0 50px;
    font-size: 1.4rem;
}
.post-list{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:24px;
}
@media (max-width:1024px){ .post-list{ grid-template-columns:repeat(2, minmax(0,1fr)); } }
@media (max-width:640px){  .post-list{ grid-template-columns:1fr; } }

.author-card{border:1px solid #eee;border-radius:12px;background:#fff;overflow:hidden;display:flex;flex-direction:column}
.author-card__thumb img,.thumb-placeholder{width:100%;height:auto;display:block;aspect-ratio:16/9;background:#f3f5f9}
.author-card__body{padding:14px 14px 18px}
.author-card__title{margin:.2rem 0 .4rem;font-size:1.05rem}
.author-card__date{display:block;opacity:.7;margin-bottom:.35rem}
.author-card__readmore{color:#404494;text-decoration:none}
.pagination{display:flex;justify-content:center;margin:28px 0}
.pagination ul{display:flex;gap:8px;list-style:none;padding:0;margin:0}
.pagination a,.pagination span{padding:8px 12px;border:1px solid #ddd;border-radius:6px;text-decoration:none}
.pagination .current{background:#404494;color:#fff;border-color:#404494}
@media (max-width:640px){ .author-hero{grid-template-columns:1fr} }
.author-hero {
    display: grid;
    grid-template-columns: 160px 1fr;
    gap: 24px;
    align-items: center;
    margin-top: 47px;
    margin-bottom: 82px;
    background-color: #7676760a;
    padding: 34px;
    border-radius: 12px;
    border: 1px solid #00000014;
}

.post-thumbnail img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}
.author-posts .blog-pagination {
    margin-top: 76px;
    text-align: center;
    font-size: 20px;
    margin-bottom: 82px;
}

@media (max-width: 768px){
    
.author-hero {
    grid-template: none;
}
.post-thumbnail img {
    width: 100%;
    height: 190px;
    object-fit: cover;
}

}

.locations-map {
    width: 50%;
}
.abtContent.locations-text {
    width: 50%;
}


/*House-service-cleaning-css*/

.process-section {
            padding: 40px 0px;
            
        }

        .process-step-section {
        
            margin-bottom: 64px;
           
        }



        .steps-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 32px;
            position: relative;
        }

        .step-card {
            background: white;
            border-radius: 16px;
            padding: 32px;
            box-shadow: 0 4px 20px -4px rgba(14, 165, 233, 0.15);
            border: 1px solid rgba(226, 232, 240, 0.5);
            position: relative;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            animation: fadeIn 0.6s ease-out;
            animation-fill-mode: forwards;
            opacity: 0;
        }

        .step-card:nth-child(1) { animation-delay: 0s; }
        .step-card:nth-child(2) { animation-delay: 0.1s; }
        .step-card:nth-child(3) { animation-delay: 0.2s; }
        .step-card:nth-child(4) { animation-delay: 0.3s; }

        .step-card:hover {
            transform: translateY(-8px);
           box-shadow: 0 8px 30px -6px #1ea24226;
        }

        .step-number {
            position: absolute;
            top: -16px;
            right: -16px;
            width: 48px;
            height: 48px;
            background-color: #1ea242;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: bold;
            font-size: 1.125rem;
            box-shadow: 0 4px 12px #1ea24270;
        }

        .icon-container {
            width: 64px;
            height: 64px;
            border-radius: 16px;
            background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(20, 184, 166, 0.1));
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 24px;
            transition: transform 0.3s;
        }

        .step-card:hover .icon-container {
            transform: scale(1.1);
        }

        .icon-container svg {
            width: 32px;
            height: 32px;
            stroke: #198754;
            fill: none;
            stroke-width: 2;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        .step-card h3 {
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 12px;
            color: #1a2332;
        }

       

        .hover-indicator {
            height: 4px;
            width: 0;
               background: linear-gradient(90deg, #538ac682, #0d6efd);
            border-radius: 4px;
            transition: width 0.3s;
        }

        .step-card:hover .hover-indicator {
            width: 100%;
        }



        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @media (max-width: 768px) {
            .process-step-section h2 {
                font-size: 2rem;
            }

         .process-section {
        padding: 40px 12px;
    }
            .steps-container {
                grid-template-columns: 1fr;
            }
            .step-number {
                    top: -20px;
                    right: 154px;
                
                }
        }
        
/*--------------------------------------------------------------------------new service page css----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
    
/* Gallery */
.brew-gallery{ padding:6px 0 0; }
.brew-title{ text-align:center; margin:6px 0 18px; font-weight:700; color:#a86c44; font-size:clamp(20px,4.2vw,38px); }
.brew-img-swiper{ padding:4px 4px 28px; }
.img-card{ margin:0; border-radius:var(--radius); overflow:hidden; background:#eae4dd; box-shadow:0 6px 16px rgba(0,0,0,.06); height:100%; width:100%; }
.img-card .kv{ display:block; width:100%; height:100%; object-fit:cover; aspect-ratio:3/5; background:#eae4dd; border:0; }
.swiper-pagination-bullet{    background: #D9D9D9;!important; opacity:1; width:12px; height:12px; border-radius:7px;     border: 1px solid transparent; transition:.2s; }
.swiper-pagination-bullet-active{ background:#064571!important; width:18px; }


.feature-icon { margin-bottom: -56px; }
.fair-pratic-logo img {
    height: auto;
    width: 52% !important;
    margin-bottom: 10%;
    margin-top: -9%;
}
ul.service-list-items li {
    line-height: 35px;
    color: var(--light-grey);
    font-size: 18px;
    margin-right: 20px;
}
ul.service-list-items.house-keeping-service-list {
    padding-left: 0px !important;
}

ul.house-keeping-service-list li {
    line-height: 35px;
    color: var(--light-grey);
    font-size: 17px;
    display: inline;
    margin-right: 20px;
}
ul.house-keeping-service-list li::before {
    content: "•";
    margin-right: 12px;
    color: var(--light-grey);
}
p.mb-2.review-link a {
    color: #156CBB;
}
.fair-pratic-logo.mobile img {
   display: none;
    margin-top: -9%;
}
.fair-pratic-logo { text-align: center; }
.feature-icon img { width: 80px; height: 80px; position: relative; top: -80px; }
.row.g-3.cleaner-home-sec { --bs-gutter-y: 4rem; }
.side-hero-img-mobile{ display:none; }
p{ font-size:18px; }
p#breadcrumbs span a{ color:#2370bb !important; }
.hero-service{ min-height:400px !important; display:flex !important; align-items:center !important; justify-content:center !important; }

.swiper.serviceSwiper{ height:auto; }
.swiper-pagination { margin-top:31px !important; position:relative; }
.related-post-thumbnail img{ width:100%; height:auto !important; object-fit:cover; border-radius:12px 12px 0 0; }
img.menu-item-icon{ display:none; }
iframe{ border-radius:12px; }
.locations-map, .locations-map iframe{ border-radius:12px; }
.locations-map{ overflow:hidden; }
ul#menu-areas-covered{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px 39px; margin-top:39px; }
ul#menu-areas-covered a{ color:#454545 !important; }
.schedule{ padding:60px 0 !important; }
.content-cta-shedule{ justify-content:center; padding-top:22px; }

.testimonial-strip{
  --strip-bg:#0e4b6c; --card-bg:#fff; --name-blue:#2a74d6; --text:#3f4b5c; --muted:#7d8aa3; --star:#f6b400;
  background:var(--strip-bg);
}
.col-lg-6.professional-Cleaning-section {
    margin-top: 64px;
}
.t-card{border-radius:14px; padding:14px 16px; min-width:320px; max-width:430px; }
.t-avatar{ width:44px; height:44px; border-radius:50%; object-fit:cover; flex:0 0 44px; background:#e9eef3; }
.t-name{ font-weight:700; color:var(--name-blue); }
.t-stars{ color:var(--star); display:inline-flex; gap:2px; line-height:1; }
.t-rating{ font-size:12px; color:var(--muted); }
.t-text{ color:var(--text); line-height:1.45; margin-top:2px; }
.testimonials-swiper .swiper-wrapper{ align-items:stretch; }
.testimonials-swiper .swiper-slide{ padding:10px 12px; width:auto; }
.t-text{
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2;
  overflow:hidden; text-overflow:ellipsis; max-height:calc(1em * 1.45 * 2);
}

section.eco-cleaning-cta h2 { font-size: 40px !important; }
.eco-cleaning-cta{ background:linear-gradient(90deg,#003366 0%,#0066cc 100%); border-radius:12px; padding:56px 66px; }
.call-btn{ width:auto; min-width:200px; }

.object-fit-cover{ object-fit:cover; }
.project-gallery .ratio{ background:#e9eef4; }
.gallery-arrow{ width:44px; height:44px; top:50%; transform:translateY(-50%); background:rgba(255,255,255,.15); border-radius:50%; border:0; position:absolute; z-index:5; cursor:pointer; }
.gallery-arrow:hover{ background:rgba(255,255,255,.28); }
section.eco-cleaning-cta.container p {
    line-height: 27px;
    font-size: 19px;
}
.eco-cleaning-para-btn {
    padding-left: 156px;
    text-align: center;
}
.projects-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal{ display:none; }
section#clientSays{ background-color:#F1F7FE; }
p.t-text.mb-0.testi-font{ font-size:17px; }
.row.project-gallery-row{ --bs-gutter-x:-7.5rem; }
section#schedule{ padding:40px 0 0 0 !important; }
.btn { border-radius: 50px !important; }
.container.related-blog-sec { margin-top: 4%; margin-bottom: 4%; }
.offering .container.position-relative { padding: 80px 0px 20px 0px; }
section.eco-cleaning-cta.container {
    margin-top: 1%;
    margin-bottom: 1%;
}
ul.slick-dots {
    display: none !important;
}
section.tasks-excluded.abtContent.mt-4 {
    padding: 0px 0px 60px 0px !important;
}
@media (max-width:768px){
    .d-flex.cleaning-points-sec.mt-4 {
    flex-direction: column;
    padding: 14px;
}
    .container.daily-cleaning-section {
    padding: 0px 10px 0px 10px !important;
}
    section#testimonial-section {
    padding-top: 49px !important;
    margin-bottom: -56px;
}
       .offering .container.position-relative {
        padding: 30px 10px 30px 10px;
    }
    .maid-plan-content-area {
    flex-direction: column-reverse;
}
    .plan-grid {
    gap: 12px;
}
    .housekeeping-plan {
    padding: 20px 0;
    background-color: #fff;
}
    .d-flex.flex-wrap.gap-3.book-service-btn {
  
    justify-content: center;
}
    .col-lg-6.professional-Cleaning-section {
    text-align: center;
}
    ul.slick-dots {
    display: block !important;
}
.fair-pratic-logo.mobile img {
        display: block;
        width: 100% !important;
        margin-bottom: 10%;
        margin-top: -4%;
    }
.fair-pratic-logo img {
    display: none;
}
.contact-btm{display:none;}
  ul#menu-areas-covered{ grid-template-columns:1fr; }
  iframe{ width:100%; height:300px !important; }
  img.hero-side-img{ width:100%; height:auto !important;}
  img.gallery-imgproject { height:200px; }
  .project-recent { padding-bottom:0px !important; }
  .plan-text.abtContent.d-flex.gap-5 { flex-direction:column; }
  .abtContent.locations-text { width:100%; }
  .locations-map { width:100%; }
  section#schedule { padding:40px 0 40px 0 !important; }
  .eco-cleaning-cta {padding: 56px 14px;}
  section.eco-cleaning-cta h2 {font-size: 28px !important;}
  .eco-cleaning-para-btn {padding-left: 12px;}
  .side-hero-img-mobile {
    display: block;
}
.side-hero-img-desktop{
    display: none;
}
section.py-5.position-relative.text-dark.hero-landing {
    padding-top: 2px !important;
    padding-bottom: 94px !important;
}
.img-card .kv { aspect-ratio: 3 / 5;}
.plan-text.abtContent {
    text-align: left;
}
.breadcrumb-container {
    padding-top: 4px !important;
}

}
@media (min-width:1200px){
  section.eco-cleaning-cta h2 { font-size:36px !important; }
  img.gallery-imgproject { width:96%; }
  .offeringBox.text-center.p-3.rounded { padding:0px !important; }
}

/* Section Styles */
       

        /* Card Styles */
        @media (min-width: 768px) {
            .grid-2 {
                grid-template-columns: repeat(2, 1fr);
            }
           
        }


        /* Checklist Items */
        .checklist-item {
            display: flex;
            gap: 0.75rem;
           
            align-items: flex-start;
        }

        .checklist-icon {
            width: 1.25rem;
            height: 1.25rem;
            background-color: rgba(8, 145, 178, 0.1);
            border-radius: 50%;
            flex-shrink: 0;
            margin-top: 0.125rem;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .checklist-icon::before {
            content: '✓';
            color: #0891b2;
            font-size: 0.75rem;
            font-weight: bold;
        }

        .checklist-item p {
            color: #666;
            line-height: 1.6;
        }

        

      
/* Partners marquee */
.partner-swiper .swiper-wrapper{ align-items:center; }
.partner-swiper .swiper-slide{ width:auto; padding:0 58px; }
.partner-swiper img{ max-height:90px; width:auto; display:block; gap:5px; opacity:.9; transition:opacity .2s; }
.partner-swiper img:hover{ opacity:1; }



    
        .benefits-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 2rem;
        }
        h2.Benefits-organic {
    margin-top: 42px;
    margin-bottom: 52px !important;
}

@media(max-width:768px){
    img.entered.lazyloaded.apartment-img-service {
    height: 152px ! Important;
    width: 100%;
    object-fit: contain;
}
}
        
        @media (min-width: 768px) {
            
            .benefits-grid {
                grid-template-columns: repeat(3, 1fr);
            }
            
            .hero h1 {
                font-size: 3.75rem;
            }
        }
        
        .benefit-card {
            position: relative;
            background: white;
            border: 2px solid #e8f4ec;
            border-radius: 0.75rem;
            padding: 1.5rem;
            transition: all 0.3s ease;
            overflow: hidden;
        }
        
        .benefit-card:hover {
            border-color: rgba(61, 163, 93, 0.3);
            box-shadow: 0 8px 30px -6px rgba(61, 163, 93, 0.15);
        }
        
        .benefit-card::before {
            content: '';
            position: absolute;
            top: -4rem;
            right: -4rem;
            width: 8rem;
            height: 8rem;
            background: linear-gradient(135deg, rgba(61, 163, 93, 0.05), transparent);
            border-radius: 50%;
            transition: transform 0.5s ease;
        }
        
        .benefit-card:hover::before {
            transform: scale(1.5);
        }
        
        .benefit-card::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, #3da35d, #4fb970, #3da35d);
            transform: scaleX(0);
            transform-origin: left;
            transition: transform 0.5s ease;
        }
        
        .benefit-card:hover::after {
            transform: scaleX(1);
        }
        
        .card-header {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 1rem;
            margin-bottom: 1rem;
            position: relative;
            z-index: 10;
        }
        
        .icon-box {
            flex-shrink: 0;
            width: 3rem;
            height: 3rem;
            border-radius: 0.75rem;
            background: linear-gradient(135deg, #3da35d, #4fb970);
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 12px rgba(61, 163, 93, 0.2);
        }
        
        .number-badge {
            flex-shrink: 0;
            width: 2.5rem;
            height: 2.5rem;
            border-radius: 50%;
            background-color: #f0f9f3;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            font-size: 1.125rem;
            color: #3da35d;
        }
        
        .card-content {
            position: relative;
            z-index: 10;
        }
        
        .card-content h3 {
            font-size: 1.25rem;
            font-weight: 700;
            color: #2d3b2d;
            margin-bottom: 0.5rem;
        }
        
        .card-content p {
            color: #000000ab;
            line-height: 1.625;
        }
        
        .icon {
            width: 1.5rem;
            height: 1.5rem;
            stroke: white;
            fill: none;
            stroke-width: 2;
            stroke-linecap: round;
            stroke-linejoin: round;
        }
        .container.daily-cleaning-section {
    padding: 16px 0px 0px 0px;
}
.room-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.room-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.room-icon {
  width: 24px;
  height: 24px;
}

.room-item p {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
}

.room-item p span {
  font-weight: 500;
}
.clean-lists {
    line-height: 35px;
    color: var(--light-grey);
    font-size: 18px;
}
ul.Babysitting-cleaning-list li {
    color: #000000ab;
    font-size: 18px;
    line-height: 32px;
}
.d-flex.cleaning-points-sec.mt-4 {
    width: 100%;
    gap: 40px;
    margin-bottom: 40px;
}
.card.reception-points {
    padding: 34px;
}
.service-cleaning-widget-container.container.mt-4 {
    margin-top: 4% !important;
    margin-bottom: 4% !important;
}
.Organic-Cleaning-grid {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(2, 1fr);
}
img.entered.apartment-img-service {
    width: 100%;
    height: 280px;
    object-fit: contain;
}
img.entered.lazyloaded.apartment-img-service {
    width: 100%;
    height: 280px;
    object-fit: contain;
    padding: 5%;
}
.container.abtContent.deep-clean-info ul li {
    line-height: 34px;
}


/*hanyman page css*/


  .handyman-comparison-section {
            width: 100%;
            padding: 4rem 1rem;
        }

        .handyman-container {
            max-width: 1200px;
            margin: 0 auto;
        }

        .handyman-header {
            text-align: center;
            margin-bottom: 3rem;
        }

        .handyman-header h2 {
            font-size: 2.5rem;
            font-weight: bold;
            color: #156cbb;
            margin-bottom: 0.75rem;
        }

        .handyman-table-container {
            border-radius: 0.5rem;
            border: 1px solid #d9e2ec;
            overflow: hidden;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        }

        .handyman-table-container table {
            width: 100%;
            border-collapse: collapse;
        }

        .handyman-table-container thead {
            background-color: #156cbb;
            color: #ffffff;
        }

         .handyman-table-container th {
            padding: 1rem 1.5rem;
            text-align: left;
            
            font-weight: 600;
        }

         .handyman-table-container th:nth-child(2) {
            text-align: center;
        }

        .handyman-table-container tbody tr {
            border-bottom: 1px solid #d9e2ec;
        }

        .handyman-table-container tbody tr:nth-child(even) {
            background-color: #f7f9fb;
        }

         .handyman-table-container tbody tr:hover {
            background-color: #e8f0f7;
        }

        .handyman-table-container td {
            padding: 1rem 1.5rem;
         
        }

        .handyman-table-container td:nth-child(2) {
            text-align: center;
            font-weight: 500;
        }

        /* Mobile Styles */
        @media (max-width: 768px) {
            .handyman-table-container {
                display: none;
            }

            .handyman-mobile-cards {
                display: block;
            }

            .handyman-card {
                background-color: #ffffff;
                border: 1px solid #d9e2ec;
                border-radius: 0.5rem;
                padding: 1.25rem;
                margin-bottom: 1rem;
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
            }

            .handyman-card-section {
                margin-bottom: 1rem;
            }

            .handyman-card-section:last-child {
                margin-bottom: 0;
            }

            .handyman-card-label {
                font-size: 0.75rem;
                font-weight: 600;
                text-transform: uppercase;
                color: #064571;
                margin-bottom: 0.5rem;
            }

            .handyman-card-value {
                font-size: 0.875rem;
                color: #3a5067;
            }

            .handyman-card-value.highlight {
                font-weight: 500;
                color: #1592d8;
            }

            .handyman-header h2 {
                font-size: 1.875rem;
            }

          
        }

        @media (min-width: 769px) {
            .handyman-mobile-cards {
                display: none;
            }
        }
        
 /* ── UAE Flag Floating Action Button ── */

  @media (max-width:450px){

.uae-fab-container {
    bottom: 189px;
    right: 28px;
}
.uae-fab-label {
    
    font-weight: 700;
    font-size: 16px !important;
   }
.uae-fab-container {
    bottom: 133px !important;
    right: 16px !important;
      }

}
    .uae-fab-container {
      position: fixed;
      bottom: 175px;
      right: 28px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 6px;
      z-index: 9999;
      animation: uae-float 3.2s ease-in-out infinite;
    }

    .uae-fab-container:hover {
      animation-play-state: paused;
    }

    .uae-fab {
      width: 64px;
      height: 64px;
      border-radius: 50%;
      cursor: pointer;
      filter: drop-shadow(0 8px 16px rgba(0,0,0,0.30));
      transition: filter 0.2s ease, transform 0.2s ease;
      display: block;
    }

    .uae-fab-container:hover .uae-fab {
      filter: drop-shadow(0 14px 24px rgba(0,0,0,0.40));
      transform: scale(1.08);
    }

    .uae-fab-label {
      font-family: 'Noto Naskh Arabic', serif;
      font-weight: 700;
      font-size: 26px;
      color: #009A44;
      text-align: center;
      line-height: 1.3;
      direction: rtl;
      text-shadow: 0 1px 4px rgba(0,0,0,0.18);
      white-space: nowrap;
    }

    .uae-fab-wrap {
      position: fixed;
      bottom: 175px;
      right: 28px;
      width: 64px;
      height: 64px;
      z-index: 9998;
    }

    .uae-fab-wrap::before,
    .uae-fab-wrap::after {
      content: '';
      position: absolute;
      inset: 0;
      border-radius: 50%;
      border: 2px solid #009A44;
      animation: uae-pulse 2.4s ease-out infinite;
      pointer-events: none;
    }

    .uae-fab-wrap::after {
      animation-delay: 0.9s;
    }

    @keyframes uae-float {
      0%, 100% { transform: translateY(0px); }
      50%       { transform: translateY(-10px); }
    }

    @keyframes uae-pulse {
      0%   { transform: scale(1);    opacity: 0.6; }
      100% { transform: scale(1.85); opacity: 0;   }
    }
p.offer-guarantee-sec {
    font-size: 20px;
    color: #000000cf;
}


/* Professionally insured for your peace of mind css */

 .dh-wrap {
       padding: 48px 32px 40px;
        margin: 0 auto;
    background: var(--color-background-primary);
  }
  .dh-header {
    text-align: center;
    margin-bottom: 36px;
  }
  .dh-tag {
    display: inline-block;
    background: #EBF4FF;
    color: #1B5FA8;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 4px 14px;
    border-radius: 20px;
    margin-bottom: 14px;
  }
  .dh-title {
    font-size: 22px;
    font-weight: 500;
    color: #1B4F8A;
    margin: 0 0 10px;
  }
  .dh-sub {
    font-size: 15px;
    color: #5A7A9A;
    max-width: 580px;
    margin: 0 auto;
    line-height: 1.7;
  }
  .dh-rule {
    width: 48px;
    height: 3px;
    background: #2C82C9;
    border-radius: 2px;
    margin: 16px auto 0;
  }
  .dh-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
  }
  .dh-card {
    background: #F7FAFF;
    border: 0.5px solid #C8DDEF;
    border-radius: 14px;
    padding: 24px 20px 20px;
    text-align: center;
    transition: border-color 0.2s, box-shadow 0.2s;
  }
  .dh-card:hover {
    border-color: #2C82C9;
  }
  .dh-icon-circle {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #2C82C9;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
  }
  .dh-icon-circle svg {
    width: 28px;
    height: 28px;
  }
  .dh-card-title {
    font-size: 16px !important;
    font-weight: 500;
    color: #1B4F8A;
    margin: 0;
    line-height: 1.45;
  }
.dh-footer {
    margin-top:28px;
    text-align: center;
    font-size: 16px;
    color: #5A7A9A;
    display:flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-weight: 800;
}

  .dh-footer svg {
    width: 15px;
    height: 15px;
    opacity: 0.7;
  }

 /* ── Featured Section Section wrapper ── */

.fs {
    padding: 1.5rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    box-sizing: border-box;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.featured-heading {
    text-align: center;
    width: 100%;
}

.featured-heading h3 {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    color: var(--color-text-primary);
}

.dv {
    display: none;
}

.co {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    position: relative;
}

.co::before,
.co::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 120px;
    z-index: 2;
    pointer-events: none;
}
.co::before {
    left: 0;
    background: linear-gradient(to right, #fff, transparent);
}
.co::after {
    right: 0;
    background: linear-gradient(to left, #fff, transparent);
}

.ct {
    display: flex;
    align-items: center;
    gap: 2.5rem;
    width: max-content;
    animation: marquee-scroll 25s linear infinite;
}

.ct:hover,
.ct:focus-within {
    animation-play-state: paused;
}

.li {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70px;
    flex-shrink: 0;
    text-decoration: none;
    opacity: 0.7;
    filter: grayscale(100%);
    transition: opacity 0.25s, filter 0.25s, transform 0.2s;
}
.li:hover {
    opacity: 1;
    filter: grayscale(0%);
    transform: scale(1.05);
}
.li img {
    max-height: 60px;
    max-width: 180px;
    object-fit: contain;
    display: block;
}
.li .lf {
    display: none;
}

@keyframes marquee-scroll {
    0 {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

@media (max-width: 640px) {
    .fs {
        padding: 1rem 0;
        gap: 1rem;
    }
    .featured-heading h3 {
        font-size: 20px;
    }
    .co::before,
    .co::after {
        width: 40px;
    }
    .ct {
        gap: 1.5rem;
        animation-duration: 20s;
    }
    .li {
        height: 50px;
    }
    .li img {
        max-height: 40px;
        max-width: 130px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ct {
        animation: none;
        flex-wrap: wrap;
        width: 100%;
        justify-content: center;
        gap: 1.5rem;
    }
    .ct .li[aria-hidden="true"] {
        display: none;
    }
    .co::before,
    .co::after {
        display: none;
    }
}



/* Table wrapper */
.simple-table-wrapper {
    width: 100%;
    margin-bottom: 2rem;
}

/* Scrollable container */
.simple-table-wrapper .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    display: block;
}

/* Table base styles */
.simple-table-wrapper table.simple-acf-table {
    min-width: 600px;
    width: 100%;
    border-collapse: collapse;
}

.simple-table-wrapper table.simple-acf-table th,
.simple-table-wrapper table.simple-acf-table td {
    padding: 10px 14px;
    border: 1px solid #ddd;
    vertical-align: top;
    text-align: left;
}

.simple-table-wrapper table.simple-acf-table thead tr th {
    background-color: #1a6fbb;
    color: #ffffff;
    font-weight: 600;
}

.simple-table-wrapper table.simple-acf-table tbody tr:nth-child(even) {
    background-color: #f9f9f9;
}

/* Mobile */
@media (max-width: 768px) {
    .simple-table-wrapper .table-responsive {
        overflow-x: scroll;
    }


    .simple-table-wrapper table.simple-acf-table {
        min-width: 500px;
    }

    .simple-table-wrapper table.simple-acf-table th,
    .simple-table-wrapper table.simple-acf-table td {
        padding: 8px 10px;
        font-size: 14px;
    }
}


/* css of offer page cards section */



.pkg-section {
  padding: 2rem 0;
  font-family: 'DM Sans', sans-serif;
}

.pkg-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 60px;
}
.pkg-card {
    border-radius: 16px;
    overflow: hidden;
    border: 0.5px solid var(--color-border-tertiary);
    background: var(--color-background-primary);
    display: flex;
    flex-direction: column;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    background-color: #F7FAFF;
}

.pkg-card:hover {
  transform: translateY(-4px);
}

.pkg-header {
  padding: 24px 22px 18px;
  position: relative;
}

.pkg-card:nth-child(1) .pkg-header { background: #1570C0; }
.pkg-card:nth-child(2) .pkg-header { background: #0F56A0; }
.pkg-card:nth-child(3) .pkg-header { background: #0B4080; }

.pkg-badge {
    display: inline-block;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgb(255 255 255);
    background: rgb(255 255 255 / 22%);
    padding: 4px 10px;
    border-radius: 20px;
    margin-bottom: 12px;
}

.pkg-card:nth-child(2) .pkg-badge {
  background: rgba(255,255,255,0.2);
  color: #fff;
}

.pkg-name {
  font-size: 19px;
  font-weight: 600;
  color: #fff;
  margin: 0 0 4px;
  line-height: 1.3;
}

.pkg-visits {
  font-size: 12px;
  color: rgba(255,255,255,0.7);
  font-weight: 400;
  margin: 0;
}

.pkg-icon-wrap {
  position: absolute;
  top: 22px;
  right: 20px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(255,255,255,0.15);
  display: flex;
  align-items: center;
  justify-content: center;
}

.pkg-icon-wrap i {
  font-size: 18px;
  color: rgba(255,255,255,0.9);
}

.pkg-body {
  padding: 18px 22px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.pkg-section-label {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #1570C0;
  margin-bottom: 6px;
}

.pkg-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.pkg-list li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  color: var(--color-text-secondary);
  line-height: 1.45;
}

.pkg-list li i {
  font-size: 14px;
  color: #1570C0;
  margin-top: 1px;
  flex-shrink: 0;
}

.pkg-divider {
  border: none;
  border-top: 0.5px solid var(--color-border-tertiary);
  margin: 0;
}

.pkg-hours {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}

.pkg-hour-pill {
  background: #E8F2FC;
  border-radius: 8px;
  padding: 7px 10px;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.pkg-hour-room {
    font-size: 13px;
    color: #1570C0;
    font-weight: 700;
}

.pkg-hour-val {
    font-size: 14px;
    color: #0B4080;
    font-weight: 700;
}

.pkg-footer {
  padding: 14px 22px 20px;
}

.pkg-tagline {
    font-size: 14px;
    color: var(--color-text-secondary);
    font-style: italic;
    line-height: 1.5;
    border-left: 3px solid #1570C0;
    padding-left: 10px;
    margin: 0;
    font-weight: 600;
}

.pkg-cta {
  margin-top: 12px;
  display: block;
  width: 100%;
  padding: 9px;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  color: #1570C0;
  background: transparent;
  border: 1.5px solid #1570C0;
  border-radius: 8px;
  cursor: pointer;
  font-family: 'DM Sans', sans-serif;
  transition: background 0.15s, color 0.15s;
}

.pkg-cta:hover {
  background: #1570C0;
  color: #fff;
}

.pkg-card:nth-child(2) .pkg-cta {
  background: #1570C0;
  color: #fff;
}

.pkg-card:nth-child(2) .pkg-cta:hover {
  background: #0F56A0;
}

.pkg-popular-ribbon {
  display: none;
}

.pkg-card:nth-child(2) .pkg-popular-ribbon {
  display: block;
  background: #FFD700;
  color: #0B4080;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center;
  padding: 4px 0;
}

.pkg-card:nth-child(2) {
  border-color: #1570C0;
  border-width: 1.5px;
}

@media (max-width: 600px) {

  .pkg-grid { grid-template-columns: 1fr; }
.pkg-section {
    padding: 2rem 14px;
    font-family: 'DM Sans', sans-serif;
}
}

.household-services-hero{
    background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);
    color:#fff;
    padding:70px 20px 90px;
    text-align:center;
  }
  .household-services-hero h1{font-size:2.2rem;max-width:900px;margin:0 auto 16px;line-height:1.3}
  .household-services-hero p{max-width:780px;margin:0 auto;opacity:.92;font-size:1.05rem}
  .household-services-container
 {
    padding: 90px 20px 20px 20px;
}
  .household-services-compare{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
  }
  .household-services-card{
    background:var(--card);
    border-radius:14px;
    box-shadow:0 10px 30px rgba(10,93,143,.08);
    overflow:hidden;
    border:1px solid var(--border);
    display:flex;flex-direction:column;
  }
  .household-services-card.household-services-featured{border:2px solid var(--brand)}
  .household-services-card-head{
    padding:24px;
    text-align:center;
    background:var(--soft);
    border-bottom:1px solid var(--border);
  }
  .household-services-card.household-services-featured .household-services-card-head{background:var(--brand);color:#fff}
  .household-services-card-head .household-services-tag{
    display:inline-block;
    background:var(--accent);
    color:#fff;
    font-size:.75rem;
    font-weight:700;
    letter-spacing:.5px;
    padding:4px 10px;
    border-radius:20px;
    margin-bottom:10px;
    text-transform:uppercase;
  }
  .household-services-card-head h2{font-size:1.35rem}
  .household-services-card-body{padding:24px;flex:1}
  .household-services-feature{
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:14px 0;
    border-bottom:1px dashed var(--border);
  }
  .household-services-feature:last-child{border-bottom:none}
  .household-services-icon{
    flex-shrink:0;
    width:26px;height:26px;
    border-radius:50%;
    background:var(--soft);
    color:var(--brand);
    display:flex;align-items:center;justify-content:center;
    font-weight:700;font-size:.9rem;
    margin-top:2px;
  }
  .household-services-card.household-services-featured .household-services-icon{background:var(--brand);color:#fff}
  .household-services-feature p{color:var(--muted);font-size:.97rem}
  .household-services-intro,.household-services-outro{
    max-width:900px;margin:0 auto 40px;
    text-align:center;color:var(--muted);
    font-size:1.05rem;padding:0 20px;
  }
  .household-services-outro{
    background:#fff;border:1px solid var(--border);
    border-radius:12px;padding:26px;margin-top:20px;
  }
  .household-services-outro strong{color:var(--brand-dark)}
  h3.household-services-section-title{
    text-align:center;font-size:1.6rem;color:var(--brand-dark);
    margin:10px 0 28px;
  }
  @media(max-width:720px){
    .household-services-compare{grid-template-columns:1fr}
    .household-services-hero h1{font-size:1.6rem}
  }


/* Service page video css */

  .brew-img-swiper video.kv::-webkit-media-controls,
  .brew-img-swiper video.kv::-webkit-media-controls-enclosure,
  .brew-img-swiper video.kv::-webkit-media-controls-panel {
    display: none !important;
    -webkit-appearance: none;
  }

  .brew-img-swiper video.kv {
    pointer-events: none;
  }