@import url('https://fonts.googleapis.com/css?family=Poppins');

*{
    box-sizing: border-box;
}

body{
    font-family: 'Poppins' !important;
    height: 100vh;
    /* overflow: hidden; */
    margin: 0;
}
.footer-links a{
    color: #000;
}
.header-main{
    display: block !important;
}
.navbar{
    display: none !important;
}
.form-control{
    appearance: menulist !important;
    webkit-appearance: menulist;
    color: #6c7378 !important;
}

/*FLOATING*/
.float {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 95px;
    right: 20px;
    background-color: #f0933e;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    z-index: 3;
}
.my-float {
    width: 28px;
    margin-top: 11px;
}
.float2 {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 30px;
    right: 20px;
    background-color: #25d366;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    z-index: 3;
}
.my-float2 {
    width: 1.8rem;
    margin-top: 10px;
}

/*TOP BAR*/
.topbar-mb{
    display:none;
}
.topbar{
    background: #f0933e;
    margin: 0 -15px;
    padding: 6px;
}
.topbar-desk{
    display: flex;
    justify-content: end;
}
.city-box{
    background: white;
    width: 9%;
    text-align: center;
    border-radius: 9px;
    margin: 0 7px;
    color:#000;
}

/* Header Section Start */
.header-section{
    position: fixed;
    height: 10rem;
    z-index: 2;
    backdrop-filter: blur(20px);
}

.menu-list{
    position: absolute;
    top: 3.5rem;
    right: 23rem;
}
.menu-list a{
    text-decoration: none;
    color: #000;
    font-weight: 600;
    font-size: 17px;
    margin: 0 0.5rem;
}
.menu-list a:hover{
    color: #ee811e;
}
.backbtndiv{
    margin-bottom:10px;
    text-align:center;
}
.btn-back{
    background: #f1903a;
    border: none;
    border-radius: 10px;
    color: #fff !important;
    letter-spacing: 2px;
    font-size: 12px !important;
}
.header-main{
    position: relative;
}
.header-main .logo{
    position: absolute;
    left: 4rem;
    top: 11px;
}
.header-main .logo img{
    width: 74%;
}

.header-main .text-logo{
    position: absolute;
    left: 14rem;
    top: 3rem;
    text-align: center;
}
.text-logo h3{
    font-size: 172%;
    font-weight: 600;
    margin-bottom: 4px;
}
.text-logo h5{
    margin: 0;
    font-size: 65%;
    font-weight: 600;
}
.header-main .right-button-hiring-maids{
    position: absolute;
    right: 4rem;
    top: 1.5rem;
}
.header-main .right-button-hiring-maids button{
    border: 4px solid #ffffff;
    background: rgb(181,221,197);
    background: linear-gradient(90deg, rgba(181,221,197,1) 0%, rgba(242,144,57,1) 100%);
    font-weight: 600;
    border-radius: 10px;
    width: 16rem;
    font-size: 15px;
    height: 5rem;
    box-shadow: 3px 6px 15px -9px #80808085;
    cursor: pointer;
}
.header-section .right-button-hiring-maids button{
    border: 4px solid #ffffff;
    background: rgb(181,221,197);
    background: linear-gradient(90deg, rgba(181,221,197,1) 0%, rgba(242,144,57,1) 100%);
    font-weight: 600;
    border-radius: 10px;
    width: 16rem;
    font-size: 15px;
    height: 5rem;
    box-shadow: 3px 6px 15px -9px #80808085;
    cursor: pointer;
}

/* Form & Slide Section Start */

.form-title{
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}
.form-subtitle{
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}

.container-fluid .form-outer{
    
    overflow-x: hidden;
    width: 44%;
    position: fixed;
    background: aquamarine;
    height: 65%;
    margin-top: 11rem;
    margin-left: 2rem;
    border-radius: 10px;
    background: rgb(254,248,248);
    background: linear-gradient(90deg, rgba(254,248,248,1) 0%, rgba(178,220,195,1) 100%);
    border: 4px solid #ffffff;
    box-shadow: 3px 6px 15px -9px #80808085;
    z-index: 1;
}
.form-outer forms{
    display: flex;
    width: 400%;
}

.form-outer forms .page{
    width: 25%;
    padding: 1rem 2rem 0 2rem;
    transition: margin-left 0.3s ease-in-out;
}

.form-outer forms .form-page-2 input{
    height: 2.4rem;
}
.home-form-section{
    
    display: flex;
    z-index: 2;
    /* position: fixed; */
    width: 40%;
    background: aquamarine;
    height: 65%;
    margin-top: 11rem;
    margin-left: 4rem;
    border-radius: 10px;
    background: rgb(254,248,248);
    background: linear-gradient(90deg, rgba(254,248,248,1) 0%, rgba(178,220,195,1) 100%);
    border: 4px solid #ffffff;
    box-shadow: 3px 6px 15px -9px #80808085;
    padding: 1rem 2rem;
    /* margin-bottom: 10rem; */
}

.form-outer .form-1checkbox{
    text-align: center;
    width: 100%;
    margin-top: -3px;
    border-radius: 7px;
    /* box-shadow: 3px 6px 15px -9px #80808085; */
    height: 9rem;
    /* backdrop-filter: blur(42px);
    border: 2px solid #ffffff3d; */
    /* transform: matrix(1, 0, 0, -1, 0, 0); */
    /* background: linear-gradient(152.97deg, rgba(239, 127, 26, 0.5) 0%, rgba(255, 255, 255, 0) 100%); */
}
.form-outer .checkbox-inner{
    text-align: center;
    width: 100%;
    padding: 18px 6px;
    border-radius: 7px;
    box-shadow: 3px 6px 15px -9px #80808085;
    height: 7rem;
    backdrop-filter: blur(42px);
    border: 2px solid #ffffff3d;
    cursor: pointer;
}
.checkbox-inner.checkbox-2{
    height: 6.5rem;
    margin-top: -12px;
}
.checkbox-inner .img-top3{
    width: 45%;
}
.checkbox-inner img{
    width: 55%;
}
.form-1checkbox p{
    font-size: 12px;
    font-weight: 600;
    margin-top: 5px;
    line-height: 17px;
    text-transform: uppercase;
}

.form-outer button{
    width: 40%;
    border: 0;
    background: #EF7F1A;
    border-radius: 8px;
    color: #ffff;
    padding: 6px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}
.form-outer .button-section{
    margin-top: -0.5rem;
}

.form-outer input[type=checkbox]{
    opacity: 0;
}

.form-outer input[type=checkbox]:checked ~ .checkbox-inner{
    /* transform: matrix(1, 0, 0, -1, 0, 0); */
    backdrop-filter: blur(42px);
    background: linear-gradient(152.97deg, rgb(255 121 0 / 99%) 0%, rgba(255, 255, 255, 0) 100%);
}

.form-page-2 .form-group{
    margin-top: 1.2rem;
    padding: 0 3.5rem;
}
.form-page-2 .button-section{
    display: flex;
    margin-top: 1rem;
    justify-content: center;
}
.form-page-2 button{
    margin: 0 0.5rem;
}
.form-outer input::placeholder{
    font-size: 15px;
}

/* Landing Right Section */
.background-for-carousel .back-img{
    width: 93%;
    margin-top: 11rem;
}

.right-image-section{
    position: absolute;
    top: 14rem;
    right: 6rem;
}
.right-image-section img{
    width: 80%;
}
.carousel-inner{
    margin-top: -27.7rem;
    margin-left: 6rem;
    width: 80% !important;
} 
.carousel-inner img{
    width: 23rem;
}

.title{
    text-align: center;
    margin-top: 3rem;
}

.title h3{
    font-weight: 900;
    font-size: 2.4rem;
    color: #4e4e4e;
    margin: 0;
    letter-spacing: 0;
}
.title h5{
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    color: #f18f39;
}

/* FEATURES SECTION START */
.feature-box{
    text-align: center;
    padding: 16px;
    margin: 9px 49px;
    background: #FFFFFF;
    box-shadow: 30px 30px 60px rgb(85 85 85 / 10%);
    border-radius: 16px;
}
.feature-box p{
    margin-top: 7px;
    font-size: 13px;
    font-weight: 600;
}
.feature-box p span{
    color: #EF7F1A;
}
.features-section-first{
    margin-top: 2.5rem !important;
    margin-right: -5rem;
    margin-left: 2rem;
}
.feature-back{
    position: relative;
    background: url("/assets/img/features-back.png") center no-repeat;
    background-size: 440px 440px;
    background-position-x : 200px;
}


.feature-back .feature-back-img2 img{
    position: absolute;
    right: 4.2rem;
    bottom: -0.4rem;
    z-index: -1;
    width: 11%;
}

.center-strip{
    position: relative;
}
.center-strip p{
    position: absolute;
    top: 3rem;
    font-size: 19px;
    right: 11rem;
    font-weight: 700;
    line-height: 24px;
    color: #E64C2E;
}


/* SERVICES CITY */
.services-city-row{
    margin-top: -3rem !important;
}

.services-city{
    padding: 1rem;
    margin-left: -15px;
    margin-right: 15px;
}
.services-city p{
    font-weight: 700;
}

/* .services-city:nth-of-type(1){
    margin-top: 11px;
} */

.services-city img{
    width: 80%;
}

/* SERVICES CSS */
.services-section{
    margin: -4rem;
}
.service-box{
    border-radius: 10px;
    background: #ffffff;
    padding: 22px 35px;
    /* height: 68vh; */
    margin-top: 1rem;
    text-align: center;
    box-shadow: 30px 30px 60px rgb(85 85 85 / 10%);
}
.service-box img{
    width: 25%;
    margin: 0.8rem 0;
}
.service-box h4{
    font-weight: 600;
    font-size: 18px;
}
.service-box h5{
    font-size: 14px;
    font-weight: 600;
    color: #e64c2e;
}
.service-box ul{
    text-align: left;
    margin-left: 0px;
}
.service-box ul li{
    font-size: 13px;
}

.service-margin-top{
    margin-top: 9rem;
}
.service-margin-top-n{
    margin-top: -3.5rem;
}
.services-row{
    margin: 8px !important;
}
.services-back{
    position: relative;
    background: url(/assets/img/services-back.png) center no-repeat;
    background-size: 532px 563px;
    background-position-x: 4rem;
    background-position-y: 4rem;
}

/* TESTIMONIAL CSS */
.testimonial{
    padding: 20px 35px;
}
.testimonial h4{
    font-weight: 600;
    font-size: 18px;
    color: #e74b2a;
}
.testimonial h5{
    font-size: 12px;
    font-weight: 600;
}
.testimonial-details p{
    font-size: 13px;
    margin-left: 2.5rem;
    text-align: justify;
}
.testimonial-img img{
    width: 35% !important;
    margin-left: 2.5rem;
}
.testimonial-details span img{
    width: 11% !important;
}
.testimonial-name{
    margin-left: -5rem;
}
.testimonial-video{
    border-radius: 10px;
}
.testimonial-main .owl-carousel{
    z-index: 0 !important;
}
.testimonial-main .owl-nav img{
    width: 50%;
}
.testimonial-main .owl-nav .owl-prev{
    position: absolute;
    right: 5rem;
    width: 5rem;
    bottom: 0rem;
}
.testimonial-main .owl-nav .owl-prev:hover, .testimonial-main .owl-nav .owl-next:hover{
   background-color: transparent !important;
}
.testimonial-main .owl-nav .owl-next{
    position: absolute;
    right: 2rem;
    width: 5rem;
    bottom: 0rem;
}
.testimonial-main .owl-dots{
    display: none;
}

/* CITIES SECTION */
.cities-main{
    position: relative;
}
.cities-main .main-map{
    width: 100%;
    /* margin-left: 1rem; */
}

.cities-main .main-locate:nth-of-type(1){
    text-align: center;
    position: absolute;
    left: 9rem;
    top: 5rem;
}


.cities-main .main-locate:nth-of-type(2){
    text-align: center;
    position: absolute;
    left: 12rem;
    top: 9rem;
}

.cities-main .main-locate:nth-of-type(3){
    text-align: center;
    position: absolute;
    left: 15rem;
    top: 12rem;
}

.cities-main .main-locate:nth-of-type(4){
    text-align: center;
    position: absolute;
    left: 22rem;
    top: 10rem;
}

.cities-main .main-locate:nth-of-type(5){
    text-align: center;
    position: absolute;
    left: 25rem;
    top: 12rem;
}
.cities-main .main-locate:nth-of-type(6){
    text-align: center;
    position: absolute;
    left: 26rem;
    top: 7rem;
}

.cities-main .main-locate:nth-of-type(7){
    text-align: center;
    position: absolute;
    left: 12rem;
    top: 19rem;
}

.cities-main .main-locate:nth-of-type(8){
    text-align: center;
    position: absolute;
    left: 16rem;
    top: 5rem;
}


.cities-main .main-locate:nth-of-type(9){
    text-align: center;
    position: absolute;
    left: 28rem;
    top: 17rem;
}

.cities-main .main-locate:nth-of-type(10){
    text-align: center;
    position: absolute;
    left: 23rem;
    top: 4rem;
}

.cities-main .main-locate:nth-of-type(11){
    text-align: center;
    position: absolute;
    left: 30rem;
    top: 6rem;
}

.cities-main .main-locate:nth-of-type(12){
    text-align: center;
    position: absolute;
    left: 22rem;
    top: 16rem;
}

.cities-main .main-locate:nth-of-type(13){
    text-align: center;
    position: absolute;
    left: 7rem;
    top: 13rem;
}

.cities-main .main-locate:nth-of-type(14){
    text-align: center;
    position: absolute;
    left: 7rem;
    top: 7rem;
}

.cities-main .main-locate:nth-of-type(15){
    text-align: center;
    position: absolute;
    left: 23rem;
    top: 20rem;
}

.cities-main .main-locate:nth-of-type(16){
    text-align: center;
    position: absolute;
    left: 17rem;
    top: 18rem;
}

.cities-main .main-locate:nth-of-type(17){
    text-align: center;
    position: absolute;
    left: 10rem;
    top: 10rem;
}

.cities-main .main-locate:nth-of-type(18){
    text-align: center;
    position: absolute;
    left: 18rem;
    top: 7rem;
}

.cities-main .main-locate:nth-of-type(19){
    text-align: center;
    position: absolute;
    left: 8rem;
    top: 20rem;
}
.cities-main .main-locate:nth-of-type(20){
    text-align: center;
    position: absolute;
    left: 11rem;
    top: 15rem;
}
.cities-main .main-locate:nth-of-type(21){
    text-align: center;
    position: absolute;
    left: 28.5rem;
    top: 20.5rem;
}
.cities-main .main-locate:nth-of-type(22){
    text-align: center;
    position: absolute;
    left: 31.5rem;
    top: 12.5rem;
}
.location-main-div{
    position: relative;
    margin-left: 0rem;
    margin-top: -25rem;
    margin-bottom: 25rem;
}
.main-locate h4{
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
}
.main-locate img{
    width: 28px;
}

.main-locate{
   animation: move 5s infinite;
}
@-webkit-keyframes move{
    0%{margin-top: -50px;}
    10%{margin-top: -70px;}
    20%{margin-top: -50px;}
    30%{margin-top: -70px;}
    40%{margin-top: -50px;}
    50%{margin-top: -70px;
        transform: rotateY(360deg);
    }
    60%{margin-top: -50px;}
    70%{margin-top: -70px;}
    80%{margin-top: -50px;}
    90%{margin-top: -70px;}
    100%{margin-top: -50px;}
}


/* FOOTER START */
.footer-fluid{
    margin-top: 3rem;
}
.footer-main{
    height: 75vh;
    position: relative;
    margin-top: 3rem;
    background: #FFEEEE;
    border-radius: 0 100px 0 0;
    padding: 40px 40px !important;
}
.footer-main h4{
    font-size: 16px;
    font-weight: 600;
}
.footer-main p{
    font-size: 13px;
}
.footer-main li{
    font-size: 13px;
    list-style: none;
    margin-left: -39px;
}
.footer-main .sign-up{
    display: flex;
}
.footer-main .btn-subscribe{
    font-size: 12px;
    background: #ef7f1a;
    color: #ffff;
    border-radius: 8px;
    margin-left: 7px;
    width: 35%;
}

.footer-main .footer-image img{
    position: absolute;
    right: 21rem;
    width: 23rem;
    top: 9rem;
}


/* HOW DO WE WORK */
.how-do-we-work-box-big .row{
    align-items: center;
    justify-content: center;
    box-shadow: 4px 5px 11px 0px #ef933e4d;
    background: #fff;
    border-radius: 10px;
    padding: 14px 18px;
}
.how-do-we-work-box-big img{
    width: 6rem;
}
.how-do-we-work-box-big h4{
    font-size: 20px;
    font-weight: 600;
}
.how-do-we-work-box-big span{
    font-size: 20px;
    color: #ef7f1a;
}

.how-do-we-work-main .services-back{
    padding: 0 1rem;
}
.how-do-we-work-main .title{
    margin-top: 7rem;
}
.how-do-we-work-main .how-do-we-work-box{
    background: #ffff;
    box-shadow: 30px 30px 60px rgb(85 85 85 / 10%);
    border-radius: 10px;
    padding: 1rem 2rem;
    position: relative;
    /* height: 23vh; */
    margin: 1.5rem 0;
}
.how-do-we-work-box img{
    position: absolute;
    top: 2rem;
    width: 10%;
}
.how-do-we-work-box h4{
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    top: 1.5rem;
    left: 8rem;
}
.how-do-we-work-box span{
    color: #e74b2a;
}
.how-do-we-work-box p{
    font-size: 12px;
    /* position: absolute; */
    /* left: 5rem; */
    /* top: 3rem; */
    padding-left: 6rem;
    padding-top: 2rem;
    padding-right: 1.3rem;
    text-align: justify;
}

/* CLIENT FORM CSS */
.client-form-mt{
    margin-top: 12.5rem;
    text-align: center;
}
.client-form-start p{
    font-size: 12px;
    color: #fff;
    margin: 0;
}
.client-main-box{
    background-color: #ef7f1a;
    border-radius: 10px 0 0px 10px;
    padding-bottom: 8px;
    padding-top: 8px;
}
.client-main-box img{
    width: 60%;
}
.client-flex-box{
    padding: 10px;
}
.client-flex-box p{
    color: #000;
    margin-top: 4px;
}
.client-flex-box .switch{
    position: relative;
    display: inline-block;
    width: 65px;
    height: 35px;
}
.client-flex-box .slider{
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom:0;
    background-color: #009846;
    transition: .4s;
    border-radius: 34px;
}
.client-flex-box .switch input{
    opacity: 0;
}

.client-flex-box .slider:before{
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 5px;
    bottom: 5px;
    background-color: #fff;
    transition: .4s;
    border-radius: 50%;

}

.switch input:checked + .slider{
     background-color: #ef7f1a;
}

.switch input:checked + .slider:before{
    transform: translateX(29px);
}

.client-top-bar{
    width: 100%;
    display: inline-flex;
    align-items: center;
    background: rgb(181,221,197);
    background: linear-gradient(90deg, rgba(181,221,197,1) 0%, rgba(242,144,57,1) 100%);
    border-radius: 10px 10px 0 0;
}
.client-top-bar img{
    margin-left: 1rem;
    padding: 12px;
    width: 8%;
}
.client-top-bar h4{
    font-size: 18px;
    font-weight: 600;
    padding: 10px;
}
.client-options{
    margin-top: -7px;
    padding: 1rem 1rem;
    border-radius: 0px 0px 10px 10px;
}
.client-options h5{
    font-weight: 600;
    font-size: 14px;
    margin-left: 2rem;
}
.client-options-new{
    background: #f1903938;
    border-radius: 40px;
    padding: 0px 10px;
    margin: 0 10px;
}
.client-form-mt h6{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 18px;
}
.btn-main-submit{
    padding: 10px;
    margin: 26px 0;
    border-radius: 10px;
    background: #f1903a;
    border: 0;
    font-size: 18px;
    color: #fff;
    cursor:pointer;
}
.additional-text{
    text-align: left;
    margin-top: 13px;
}
.additional-res{
    width: 88%;
    border-radius: 30px;
    padding: 5px 21px;
}
button:focus {outline:0 !important;}
/* FAQ START */
.faq-heading{
    padding: 50px 60px;
    margin-top: 5rem;
    background: #ed9644;
    background: linear-gradient(90deg, rgba(181,221,197,1) 0%, rgba(242,144,57,1) 100%);
    color: #000;
    font-weight: 700;
    font-size: 40px;
}

.hr-line{
  margin: auto;
  
}
/* Style the buttons that are used to open and close the faq-page body */
.faq-start{
    margin-top: 5rem !important;
}
.faq-page {
    /* background-color: #eee; */
    color: #444;
    cursor: pointer;
    padding: 30px 20px;
    border: none;
    outline: none;
    transition: 0.4s;
    margin: auto;
    font-size: 16px;
}


/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.faq-container .active,
.faq-page:hover {
    background-color: #F9F9F9;
}

/* Style the faq-page panel. Note: hidden by default */
.faq-body {
    padding: 10px 18px;
    background-color: white;
    display: none;
    overflow: hidden;
}

.faq-page span, .faq-body span{
    font-size: 16px;
    font-weight: 600;
    color: #ef7f1a;
}

.faq-page:after {
    content: '\02795';
    /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #b8dabf2b;
    float: right;
    margin-left: 5px;
}

.faq-container .active:after {
    content: "\2796";
    /* Unicode character for "minus" sign (-) */
}
.salary-table{
    width: 100%;
    text-align: center;
}
.salary-table .main-table-row{
    background: #f29039;
    color: #fff;
    font-size: 14px;
}
.salary-table th{
    border: 1px solid;
    height: 2rem;
    width: 10rem;
}
.salary-table tr{
    height: 2rem;
}
.left-main-row{
    font-size: 14px;
    background: #f1923d;
    color: white;
    width: 14%;
    border: 1px solid;
    font-weight: 600;
}


/* SERVIES NEW PAGE */
.services-new-page .service-box{
    height: 90vh;
}
.services-new-page p{
    font-size: 12px;
    text-align: justify;
    font-weight: 600;
    color: #212529;
}

/* ERROR MESSAGE */
.invalid-service, .invalid-details{
    display: none;
    text-align: center;
    font-size: 13px;
    margin: 0 0 -16px 0;
    color: #ff0012;
}
.error-validation{
    font-size: 12px;
    padding: 0;
    margin-bottom: -13px;
    margin-top: 3px;
    margin-left: 3px;
    color: #ff0000;
}

/* MAID FORM PAGE */
.maid-form-start{
    padding-left: 18rem;
    padding-right: 18rem;
    padding-top: 5rem;
    padding-bottom: 3rem;
}
.maid-form-start .form-group{
    margin-bottom: 1rem;
}
.maid-form-start button{
    width: 100%;
    border-radius: 10px;
    background: #f1903a;
    border: 0;
    font-size: 18px;
    color: #fff;
}
.maid-form-start button:hover{
    background: #f1903a;
}
.maid-form-start .invalid-maid-details{
    display: none;
    text-align: center;
    font-size: 16px;
    color: #ff0012;
    margin-top: -8px;
    margin-bottom: 12px;
}
/*.maid-form-start .valid-maid-details{*/
/*    text-align: center;*/
/*    font-size: 16px;*/
/*    color: #00ff55;*/
/*    margin-top: -8px;*/
/*    margin-bottom: 12px;*/
/*}*/
/* MAID FORM PAGE END */

/* /* MAIDS IMGS START */
/* .maids-item img{
    width: 100px;
    height: 100px;
} */
.maids-caoursel .item img{
    height: 120px;
    width: 120px !important;
    border-radius: 50%;
}
.maids-caoursel .maid-item{
    background: #ffffff;
    text-align: -webkit-center;
    border-radius: 10px;
    padding: 12px 0;
    margin-bottom: 1rem;
    box-shadow: 6px 7px 5px rgb(85 85 85 / 8%);
}
.owl-dots{
    display: none;
}
.maid-name{
    font-size: 16px;
    font-weight: 600;
    margin-top: 1rem;
}
.owl-nav img{
    width: 42%;
}
.owl-nav .owl-prev{
    position: absolute;
    right: 6.5rem;
    color: #ef7f1a !important;
    font-size: 32px !important;
    bottom: -2rem;
}
.owl-nav .owl-prev:hover, .maids-carousel .owl-nav .owl-next:hover{
   background-color: transparent !important;
}
.owl-nav .owl-next{
    position: absolute;
    right: 4rem;
    bottom: -2rem;
    color: #ef7f1a !important;
    font-size: 32px !important;
}
.maid-list{
    position: relative;
}
.backforwardmaidpune i, .fastforwardmaidpune i{
   font-size: 32px;
   color: #009846;
}
.backforwardmaidpune{
    position: absolute;
    bottom: -11px;
    right: 9.9rem;
    cursor: pointer;
}
.fastforwardmaidpune{
    position: absolute;
    bottom: -11px;
    right: 2rem;
    cursor: pointer;
}
.bootstrap-select>.dropdown-toggle{
    margin: 0;
    background-color: transparent;
    color: gray;
    font-size: 1rem;
    font-weight: 500;
    color: #727b83;
    padding-left: 16px;
    padding-top: 8px;
    text-transform: none;
    padding-bottom: 8px;
}
.bootstrap-select>.dropdown-toggle:hover{
    background-color: transparent;
}
.form-page-2 .dropdown-menu.show{
    transform: translate3d(0, 0, 0px) !important;
    will-change: transform;
}
.bootstrap-select{
    border: 1px solid #8080804f !important;
}

.bootstrap-select .dropdown-toggle:focus{
    outline: none !important;
}
.dropdown-item.active, .dropdown-item:active{
    background-color: #ef933f !important;
}

.maid-data .heading-maid-carousel{
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}
.maid-data .subheading-maid-carousel{
    font-size: 12px;
    color: #4c4c4c;
}
.maid-data{
    text-align: left;
    margin-left: 1rem;
}

/* DESKTOP RESPONSIVE */
@media (min-width:1370px) {
    .form-title{
        font-size: 22px;
    }
    .form-subtitle{
        font-size: 16px;
    }
    .form-1checkbox p{
        font-size: 16px;
    }
    .form-outer .checkbox-inner{
        height: 9rem;
    }
    .checkbox-inner.checkbox-2 {
        height: 8.5rem;
        margin-top: 22px;
    }
    .form-outer .button-section {
        margin-top: 3rem;
    }
    .form-outer button{
        padding: 10px;
        font-size: 16px;
    }
    .invalid-service{
        font-size: 16px;
    }
    .carousel-inner{
        margin-top: -35rem;
        margin-left: 6rem;
        width: 80% !important;
    } 
    .carousel-inner img{
        width: 29rem;
    }
    .feature-box p{
        font-size: 18px;
    }
    .center-strip p {
        font-size: 25px;
        line-height: 34px;
    }
    .service-box h4 {
        font-size: 22px;
    }
    .service-box h5 {
        font-size: 18px;
    }
    .service-box ul li {
        font-size: 16px;
    }
    .service-margin-top-n {
        margin-top: -2.5rem;
    }
    .how-do-we-work-box p {
        font-size: 17px;
        padding-left: 4rem;
        padding-top: 2.5rem;
    }
    .how-do-we-work-box h4 {
        font-size: 22px;
    }
    .services-new-page p {
        font-size: 14px;
    }
}

/* MOBILE RESPONSIVE */
@media (max-width:600px) {
    /*TOPBAR*/
    .topbar-desk{
        display:none;
    }
            .topbar-mb{
                display:block;
            }
            .topbar .firstbox-top{
              display:flex;
            }
            .topbar .secondbox-top{
                display: flex;
                margin-top: 0.5rem;
                padding: 0 46px;
            }
            .city-box{
                margin: 0 3px;
                padding: 2px 0;
                width: 100%;
            }
            .city-box div{
                font-size: 12px;
            }
     /*Maid Popup*/
    .maid-popup h4{
        font-size:14px;
        text-align:center;
    }
    .header-main{
        display: none !important;
    }
    .navbar{
        background: #fff;
        display: block !important;
        font-weight: 600;
    }
    .navbar-light .navbar-toggler{
        border-color: rgb(239 127 26) !important;
        margin-left:3rem;
    }
    .navbar-nav{
        text-align: center;
    }
    .header-section{
        backdrop-filter: none;
        background-color: #fff;
    }
    .how-do-we-work-box-big img{
        margin: 10px 0;
    }
    .how-do-we-work-box-big{
        text-align: center;
    }
    .container-fluid .form-outer{
        position: relative;
        width: 100%;
        margin-left: 0;
        margin-top: 12rem;
        margin-bottom:-3rem;
        height: 74%;
        z-index: 0;
    }
    .form-1checkbox p{
        font-size: 8px;
    }
    .checkbox-inner .img-top3{
        width: 70%;
    }
    .form-outer .form-1checkbox{
        height: 8rem;
    }
    .form-outer .checkbox-inner{
        padding: 15px 2px;
        height: 6.4rem;
    }
    .checkbox-inner.checkbox-2{
        height: 5.5rem;
    }
    .col-4.mb-checkbox{
        padding-right: 5px;
    padding-left: 5px;
    }
    .col-3.mb-checkbox{
        padding-right: 5px;
    padding-left: 5px;
    }
    .form-outer button{
        font-size: 9px;
        padding: 8px 0 8px 0;
    }
    .form-page-2 button {
        margin: 0 0.2rem;
    }
    .form-page-2 .form-group {
        padding: 0 0.5rem;
    }
    .main-locate img {
        width: 14px;
    }
    .main-locate h4 {
        font-size: 7px;
    }
    .cities-main .main-map{
        width: 100%;
    }
    
    .cities-main .main-locate:nth-of-type(1){
        text-align: center;
        position: absolute;
        left: 4rem;
        top: 3rem;
    }
    
    
    .cities-main .main-locate:nth-of-type(2){
        text-align: center;
        position: absolute;
        left: 5rem;
        top: 7rem;
    }
    
    .cities-main .main-locate:nth-of-type(3){
        text-align: center;
        position: absolute;
        left: 7rem;
        top: 9rem;
    }
    
    .cities-main .main-locate:nth-of-type(4){
        text-align: center;
        position: absolute;
        left: 15rem;
        top: 9rem;
    }
    
    .cities-main .main-locate:nth-of-type(5){
        text-align: center;
        position: absolute;
        left: 18rem;
        top: 10rem;
    }
    .cities-main .main-locate:nth-of-type(6){
        text-align: center;
        position: absolute;
        left: 18rem;
        top: 7rem;
    }
    
    .cities-main .main-locate:nth-of-type(7){
        text-align: center;
        position: absolute;
        left: 11rem;
    top: 13rem;
    }
    
    .cities-main .main-locate:nth-of-type(8){
        text-align: center;
        position: absolute;
        left: 16rem;
        top: 5rem;
    }
    
    
    .cities-main .main-locate:nth-of-type(9){
        text-align: center;
        position: absolute;
        left: 8rem;
        top: 12rem;
    }
    
    .cities-main .main-locate:nth-of-type(10){
        text-align: center;
        position: absolute;
        left: 17rem;
        top: 4rem;
    }
    
    .cities-main .main-locate:nth-of-type(11){
        text-align: center;
        position: absolute;
        left: 14rem;
        top: 6rem;
    }
    
    .cities-main .main-locate:nth-of-type(12){
        text-align: center;
        position: absolute;
        left: 17rem;
        top: 11rem;
    }
    
    .cities-main .main-locate:nth-of-type(13){
        text-align: center;
        position: absolute;
        left: 4rem;
        top: 10rem;
    }
    
    .cities-main .main-locate:nth-of-type(14){
        text-align: center;
        position: absolute;
        left: 7rem;
        top: 5rem;
    }
    
    .cities-main .main-locate:nth-of-type(15){
        text-align: center;
        position: absolute;
        left: 18rem;
        top: 13rem;
    }
    
    .cities-main .main-locate:nth-of-type(16){
        text-align: center;
        position: absolute;
        left: 14rem;
        top: 12rem;
    }
    
    .cities-main .main-locate:nth-of-type(17){
        text-align: center;
        position: absolute;
        left: 10rem;
        top: 6rem;
    }
    
    .cities-main .main-locate:nth-of-type(18){
        text-align: center;
        position: absolute;
        left: 13rem;
        top: 3rem;
    }
    
    .cities-main .main-locate:nth-of-type(19){
        text-align: center;
        position: absolute;
        left: 6rem;
    top: 13rem;
    }
    .cities-main .main-locate:nth-of-type(20){
        text-align: center;
        position: absolute;
        left: 12rem;
        top: 8rem;
    }
    .cities-main .main-locate:nth-of-type(21){
        text-align: center;
        position: absolute;
        left: 10.5rem;
        top: 9.5rem;
    }
    .cities-main .main-locate:nth-of-type(22){
        text-align: center;
        position: absolute;
        left: 9.5rem;
        top: 8.5rem;
    }
    .location-main-div{
        position: relative;
        margin-left: -2rem;
        margin-top: -14rem;
        margin-bottom: 14rem;
    }
    .header-main .right-button-hiring-maids {
        position: absolute;
        right: 20px;
        top: 1.5rem;
    }
    .header-main .right-button-hiring-maids button {
        width: 8rem;
        font-size: 8px;
        height: 3rem;
    }
    .header-main .logo img {
        width: 46%;
    }
    .header-main .logo {
        left: 20px;
        top: 1rem;
    }
    .background-for-carousel .back-img {
        width: 100%;
        margin-top: 5rem;
    }
    .carousel-inner {
        margin-top: -19.3rem;
        margin-left: 0;
        width: 100% !important;
    }
    .carousel-inner img {
        width: 16rem;
    }
    .header-main .text-logo{
        display: none;
    }
    .menu-list{
        display: none;
    }
    .features-section-first{
        margin-left: 0;
        margin-right: 0;
    }
    .header-section{
        height: 7rem;
    }
    .center-strip p{
        top: 2rem;
        font-size: 12px;
        right: 0;
        left: 27px;
        line-height: 19px;
        color: #000000;
    }
    .center-strip img{
        height: 8rem;
    }
    .title h3{
        font-size: 1.5rem;
    }
    .service-margin-top{
        margin-top: 0;
    }
    .service-margin-top-n {
        margin-top: 1rem;
    }
    .how-do-we-work-main .how-do-we-work-box{
        padding: 0;
        height: 25vh;
        margin: 1rem 0;
    }
    .how-do-we-work-box img {
        top: 2rem;
        width: 16%;
    }
    .how-do-we-work-box h4 {
        font-size: 11px;
        top: 1.5rem;
        left: 4rem;
    }
    .how-do-we-work-box p {
        padding-left: 4rem;
        font-size: 10px;
        padding-top: 2.5rem;
    }
    .testimonial-details p {
        font-size: 11px;
        margin-left: 1.5rem;
    }
    .testimonial-main .owl-nav .owl-prev{
        width: 2rem;
    }
    .testimonial-main .owl-nav .owl-next {
        width: 2rem;
    }
    .testimonial-details p {
        font-size: 11px;
        margin-left: 1.5rem;
    }
    .testimonial-img img {
        width: 22% !important;
        margin-left: 1.5rem;
    }
    .testimonial h4{
        font-size: 12px;
        margin-left: 11rem;
        margin-top: -3rem;
        width: 15rem;
    }
    .testimonial h5{
        font-size: 11px;
        margin-left: 11rem;
        margin-top: -0.4rem;
    }
    .testimonial-main .owl-nav img {
        width: 100%;
        margin-left: 0rem;
    }
    .services-city{
        padding: 0;
        margin-left: 0; 
         margin-right: 0;
    }
    .extra-cities-row{
        margin-top: 3rem;
        margin-left: -1rem;
    }
    .footer-main{
        padding: 40px 20px !important;
        height: 20rem;
    }
    .footer-logo img{
        width: 4rem;
    }
    .footer-main h4{
        font-size: 10px;
    }
    .footer-main li {
        font-size: 8px;
    }
    .footer-main .btn-subscribe{
        padding: 0 4px;
        font-size: 9px;
    }
    .sign-up .form-control{
        font-size: 10px;
    }
    .cities-main{
        margin-top: 3rem !important;
    }
    .footer-main p{
        font-size: 8px;
    }
    .maid-form-start {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 5rem;
        padding-bottom: 2rem;
    }
    #maidForm .form-control{
        font-size: 11px;
    }
    .faq-heading{
        font-size: 19px;
        padding:20px 60px;
    }
    .maids-caoursel .maid-item{
        padding: 12px 25px;
        margin-bottom: 2rem;
    }
    .services-new-page .service-box {
        height: auto;
    }
    .client-top-bar img {
        margin-left: 5px;
        padding: 8px;
        width: 20%;
    }
    .client-top-bar h4 {
        font-size: 13px;
    }
    .client-margin-top-3rem{
        margin-top: 1rem !important;
    }
    .client-form-mt {
        margin-top: 8.5rem;
    }
    .client-options-new .col-md-8{
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .client-options-new .col-md-4{
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .faq-page{
        padding: 30px 10px;
    }
    .maid-form-start button{
        font-size: 12px;
    }
    .footer-main .footer-image img{
        right: 9rem;
    width: 17rem;
    top: 2rem;
    }
    .form-outer .button-section{
        margin-top: 0;
    margin-bottom: 37px;
    }
    .dropdown-menu.show{
        width: 16rem;
    }
    .maid-form-start .bootstrap-select .dropdown-toggle .filter-option-inner-inner{
        font-size: 11px;
    }
    
}

/* SCROLLBAR */
/* width */
::-webkit-scrollbar {
    width: 8px;
    padding: 10px 0;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: transparent; 
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #fcbb85; 
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: gray;
    cursor:pointer;
  }

  /* MODAL */

@media (min-width: 576px){
    .modal-dialog {
        max-width: 46rem !important;
    }
}
.submit-popup .modal-content{
    justify-content: center;
    align-items: center;
}
.submit-popup h1{
    font-size: 24px;
    font-weight: 700;
    margin-top: 1.5rem;
}
.submit-popup h5{
    font-size: 15px;
    margin-bottom: 1.5rem;
    color: gray;
}
.submit-popup button{
    font-size: 13px;
    background: #ef7f1a;
    color: #ffff;
    border-radius: 8px;
    margin-left: 7px;
    width: 10rem;
    margin-top: -12px;
    margin-bottom: 15px;
    padding: 9px;
}