*{margin:0px;padding:0px;font-family: 'Sofiapro-Regular';box-sizing: border-box;} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0 } input:focus{outline: none;} textarea{outline: none;} h1, h2, h3, h4, h5, h6 {   margin: 0; } ul {   margin: 0;   padding: 0; } a, a:hover, a:focus, a:active {   text-decoration: none;   cursor: pointer; } body {   font-family: 'Sofiapro-Regular';  background-size:cover;   background-attachment: fixed; } .slick-slide {   outline: none; } p{line-height: 22px;font-size: 14px;text-align: left;color: #8b8b8b;} .smilehandyy_container{margin:0 auto;}  @font-face {   font-family: 'Sofiapro-Regular';   src: url(https://www.smilehandyy.com/assets/service_booking/css/../fonts/Sofiapro-Regular.otf); }  @font-face {   font-family: 'Sofiapro-Medium';   src: url(https://www.smilehandyy.com/assets/service_booking/css/../fonts/Sofiapro-Medium.otf); }  @font-face {   font-family: 'Sofiapro-Bold';   src: url(https://www.smilehandyy.com/assets/service_booking/css/../fonts/Sofiapro-Bold.otf); } @font-face {   font-family: 'Sofiapro-SemiBold';   src: url(https://www.smilehandyy.com/assets/service_booking/css/../fonts/Sofiapro-SemiBold.otf); }  .back_and_track{width: 100%;float: left;padding: 115px 0 0px;} .back_and_track_box{width: 100%;float: left;display: flex;justify-content: space-between;gap: 20px;} .backclick{float: left;} .backclick a{float: left;display: none;} .backclick a img{float: left;height: 30px;} .trackbox{float: left;width: 100%;} .trackbox ul{float: left;list-style-type: none;width: 100%;position: relative;} .trackbox ul li{float: left;width: 25%;display: flex;align-items: center;  position: relative;} .trackbox ul li span{float: left;background: #5E5E5E;font-size: 16px;width: 30px;height: 30px;border-radius: 50px;display: flex;justify-content: center;align-items: center;color: #fff;font-weight: 500;z-index: 1;position: relative;} .trackbox ul li p{float: left;font-size: 14px;color: #5E5E5E;font-weight: 500;padding-left: 10px;background: #f5f5f5;z-index: 1;padding-right: 10px;} .trackbox ul li::before {content: '';width: calc(100% - 10px);height: 1px;border-bottom: 1px dashed #000;position: absolute;left: 0;top: 18px;} .trackbox ul li:last-child::before{display: none;} .all_track_box{width: 100%;float: left;} .loctionbox{width: 700px;margin: 0 auto;display: none;} .loctionboxbg{width: 100%;float: left;background: #fff;box-shadow: 0 0 10px 2px #00000012;border-radius: 20px;} .tagname{float: left;} .tagname p{float: left;font-size: 16px;color: #fff;border-radius: 20px 0px; background: linear-gradient(90deg, #00B4CC 0%, #2E67AE 71.15%);padding: 10px 35px;font-weight: 500;} .loctionform_map{width: 100%;float: left;padding: 0 40px;} .loctionform{width: 100%;float: left;margin-left: -10px;margin-right: -10px;padding-top: 20px;} .loctioninput{width:50%;float: left;padding: 0 10px 15px;position: relative;} .loctioninput label{width: 100%;float: left;color: #0D1C48;font-weight: 500;font-size: 16px;margin-bottom: 5px;} .loctioninput input{width: 100%;float: left;border-radius: 50px;border: 1px solid #AFAFAF;padding: 10px 20px;height: 40px;font-size: 14px;font-weight: 400;color: #0D1C48;} .loctioninput select{width: 100%;float: left;border-radius: 50px;border: 1px solid #AFAFAF;padding: 0px 20px;height: 40px;font-size: 14px;font-weight: 400;color: #0D1C48;-webkit-appearance: none;} .citywidth{width: 70%;} .current_loc{float: left;width: 30%;padding-left: 10px;margin-top: 15px;} .current_loc a{float: left;border-radius: 100px;border: 1px solid #2E67AE;width: 100%;display: flex;justify-content: center;align-items: center;padding: 10px 0;height: 40px;gap: 5px;} .current_loc a img{height: 20px;} .current_loc p{font-size: 14px;color: #2E67AE;font-weight: 600;} .citycurr{width: 100%;float: left;display: flex;align-items: center;} .loctioninput img{position: absolute;right: 25px;bottom: 45px;} .loction_map{width: 100%;float: left;margin-bottom: 10px;} .loction_map iframe{width: 100%;float: left;} .boxbtn{width: 100%;float: left;padding: 12px 40px;background: #fff;border-radius: 0px 0px 20px 20px;box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.10);position: sticky; bottom: 0;} .boxbtn button{width: 100%;float: left;padding: 9px 0;border-radius: 100px;border: 0;background: #2E67AE;color: #FFF;font-weight: 600;font-size: 16px;cursor: pointer;} .service_details{width: 100%;float: left;display: none;} .smile_leftbox{width: 65%;float: left;border-radius: 20px;background: #FFF;box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.10);} .book_summary{width: 35%;float: left;padding-left: 30px;} .book_summary_box{width: 100%;float: left;border-radius: 20px;background: #FFF;box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.10);overflow: hidden;margin-bottom: 15px;} .summary_title{width: 100%;float: left;} .summary_title h2{width: 100%;float: left;padding: 13px 0;text-align: center;background: #2E67AE;font-size: 18px;font-weight: 600;color: #FFF;} .selectservice{width: 100%;float: left;padding: 0 40px 15px;} .title_inner{width: 100%;float: left;padding-bottom: 15px;} .title_inner p{color: #0D1C48;font-size: 16px;font-weight: 500;} .how_many_cleaners{width: 100%;float: left;padding: 10px 0;border-bottom: 1px solid #EBEBEB;} .how_many_cleaners ul{width: 100%;float: left;list-style-type: none;display: grid;grid-template-columns: repeat(3, 1fr);grid-column-gap: 20px;} .how_many_cleaners ul li{float: left;} .selectbtn {display: block;position: relative;cursor: pointer;font-size: 18px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .selectbtn input {position: absolute; opacity: 0;cursor: pointer;display: none;} .selectbtn .checkmark {height: 45px;width: 100%;background-color: #fff;border-radius: 100px;display: flex;justify-content: center;align-items: center;border: 1px solid #AFAFAF;font-size: 14px;} .selectbtn input:checked ~ .checkmark {background-color: #D6FAFF;border: 1px solid #00B4CC;} .selectbtn .checkmark:after {content: "";position: absolute;display: none;} .selectbtn input:checked ~ .checkmark:after {display: block;} .textarea_div{width: 100%;float: left;padding-top: 15px;} .textarea_div textarea{width: 100%;float: left;border-radius: 10px;border: 1px solid #AFAFAF;padding: 10px 20px;height: 80px;font-size: 14px;resize: none;} .textarea_div textarea::placeholder{font-size: 12px;} .how_many_cleaners.partgride ul{grid-template-columns: repeat(4, 1fr);} .summary_list{width: 100%;float: left;padding: 15px 15px 5px;border-bottom: 1px solid #EBEBEB;} .summary_list ul{width: 100%;float: left;list-style-type: none;} .summary_list ul li{width: 100%;float: left;padding-bottom: 10px;} .summary_list ul li:last-child{padding-bottom: 0;} .summary_list ul li p{color: #616161;font-size: 14px;font-weight: 400;float: left;} .summary_list ul li strong{color: #2E67AE;font-size: 12px;font-weight: 600;float: right;} .summary_list_two{width: 100%;float: left;padding: 15px 15px;} .summary_list_two ul{width: 100%;float: left;list-style-type: none;} .summary_list_two ul li{width: 100%;float: left;padding-bottom: 10px;} .summary_list_two ul li:last-child{margin-bottom: 0;} .summary_list_two ul li p{color: #616161;font-size: 14px;font-weight: 400;float: left;margin-bottom: 0;} .summary_list_two ul li strong{color: #2E67AE;font-size: 14px;font-weight: 600;float: right;} .summary_list_two ul li.grbox{border-radius: 5px;border: 1px solid #65EDFF;background: #EDFDFF;padding: 5px 10px;margin-bottom: 10px;display: flex;justify-content: space-between;align-items: center;} .summary_list_two ul li.grbox p{color: #00672B;} .summary_list_two ul li.grbox strong{color: #00672B;} .mabrook{width: 100%;float: left;padding: 10px 10px 0;} .mabrook p{width: 100%;float: left;color: #FFF;font-weight: 400;padding: 10px 10px;border-radius: 50px;background: #0D1C48;text-align: center;border: 2px dashed #fff;font-size: 16px;} .havecoupon{width: 100%;float: left;border-radius: 20px;background: #FFF;box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.10);overflow: hidden;} .coponinput{width: 100%;float: left;padding: 15px 15px;} .coponinput label{width: 100%;float: left;color: #0D1C48;font-weight: 500;margin-bottom: 10px;font-size: 16px;} .coponinput input{width: 100%;float: left;border-radius: 40px;border: 1px solid #AFAFAF;padding: 10px 20px;height: 40px;font-size: 16px;font-weight: 400;color: #0D1C48;margin-bottom: 20px;} .coponinput button{width: 100%;float: left;padding: 9px 0;border-radius: 100px;border: 0;background: #2E67AE;color: #FFF;font-weight: 600;font-size: 16px;} .dateandtime{width: 100%;float: left;display: none;} .whichday{width: 100%;float: left;padding: 20px 0 20px;} .whichday_title{width: 100%;float: left;padding:0 40px 20px;} .whichday_title p{width: 100%;float: left;font-size: 16px;color: #0D1C48;font-weight: 500;} .day_select{width: 100%;float: left;} .day_selectbox{padding: 10px 10px;float: left;} .day_selectbox p{color: #616161;font-size: 16px;font-weight: 500;width: 100%;float: left;text-align: center;margin-bottom: 6px;} .day_selectbox span{width: 35px;float: left;text-align: center;color: #000;font-size: 14px;font-weight: 500;border: 1px solid #000;border-radius: 100px;height: 35px;display: flex;justify-content: center;align-items: center;} .wichtime{width: 100%;float: left;} .time_select{width: 100%;float: left;padding: 0 40px 30px;display: grid;grid-template-columns: repeat(4, 1fr);grid-column-gap: 10px;row-gap: 15px;} .mabrook strong{font-size: 12px;} .selectbtn.disabledbtn .checkmark{background-color: #F2F2F2;color: #ADADAD;cursor: auto;} .dayselectbtn {display: inline-block;position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;width: 70px;margin-right: 10px;} .dayselectbtn input {position: absolute; opacity: 0;cursor: pointer;display: none;} .dayselectbtn .checkmark {width: 100%;background-color: #fff;border-radius: 10px;display: flex;justify-content: center;align-items: center;border: 1px solid #AFAFAF;flex-direction: column;} .dayselectbtn input:checked ~ .checkmark {background-color: #D6FAFF;border: 1px solid #00B4CC;} .dayselectbtn input:checked ~ .checkmark p{color: #0D1C48;} .dayselectbtn input:checked ~ .checkmark span{border: 1px solid #00B4CC;} .dayselectbtn .checkmark:after {content: "";position: absolute;display: none;} .dayselectbtn input:checked ~ .checkmark:after {display: block;} .day_select .slick-prev {height: 100%;width: 10%;z-index: 1;left: 0;top: 50%;border-radius: 0;box-shadow: none;background: linear-gradient(268deg, rgba(255, 255, 255, 0.00) 0%, #FFF 58.17%);} .day_select .slick-next {height: 100%;width: 10%;z-index: 1;right: 0;top: 50%;border-radius: 0;box-shadow: none; background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #FFF 58.17%);opacity: 1;} .day_select .slick-prev:before {content: "";width: 15px;height: 15px;border-top: 3px solid #0D1C48;border-right: 3px solid #0D1C48;position: absolute; top: 50%;left: 35%;margin-top: -6px;margin-left: -9px;transform: rotate(-136deg);border-radius: 2px;opacity: 1;} .day_select .slick-next:before {content: "";width: 15px;height: 15px;border-top: 3px solid #0D1C48;border-right: 3px solid #0D1C48;position: absolute;top: 50%; left: 60%;margin-top: -6px;margin-left: -7px;transform: rotate(45deg);opacity: 1;border-radius: 2px;} .day_select .slick-next.slick-disabled{opacity:0;} .day_select .slick-prev.slick-disabled{opacity:0;} .day_select .slick-track{margin-left: 40px;} .payment_confirmation{width: 100%;float: left;display: none;} .cardtext{width: 100%;float: left;padding: 20px 0 30px;text-align: center;} .cardtext h2{width: 100%;float: left;text-align: center;margin-bottom: 5px;color: #0D1C48;font-size: 18px;font-weight: 500;} .cardtext p{width: 100%;float: left;text-align: center;color: #0D1C48;font-size: 14px;font-weight: 400;} .payment_method{width: 100%;float: left;padding: 0 40px 30px;} #contactdetails{padding-bottom: 0;} .payment_title{width: 100%;float: left;padding-bottom: 15px;} .payment_title p{width: 100%;float: left;color: #000;font-size: 20px;font-weight: 600;} .select_payment_method{width: 100%;float: left;} .select_payment_box{width: 100%;float: left;} .tabpayment{width: 100%;float: left;list-style-type: none;display: flex;margin-bottom: 20px;} .tabpayment li{float: left;width: 30%;margin-right: 20px;} .payselectbtn {display: inline-block;position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;width: 100%;height: 100%;} .payselectbtn input {position: absolute; opacity: 0;cursor: pointer;display: none;} .payselectbtn .checkmark {width: 100%;background-color: #fff;border-radius: 10px;display: flex;align-items: center;border: 1px solid #AFAFAF;padding: 8px 13px;gap: 16px;height: 100%;} .payselectbtn .checkmark img{width: 30px;height: 30px;} .payselectbtn input:checked ~ .checkmark {background-color: #D6FAFF;border: 1px solid #00B4CC;} .payselectbtn input:checked ~ .checkmark p{color: #0D1C48;} .payselectbtn input:checked ~ .checkmark span{border: 1px solid #00B4CC;} .payselectbtn .checkmark:after {content: "";position: absolute;display: none;} .payselectbtn input:checked ~ .checkmark:after {display: block;} .paytext p{color: #000;font-size: 16px;font-weight: 600;} .paytext img{float: left;margin-right: 10px;margin-top: 13px;} .paymentforms{width: 100%;float: left;} .paymentforms_box{width: 100%;float: left;display: none;} .payform_fild{width: 100%;float: left;display: grid;grid-template-columns: repeat(2, 1fr);grid-column-gap: 20px;margin-bottom: 20px;grid-row-gap: 30px;} .forminput{width: 100%;float: left;position: relative;} .forminput label{width: 100%;float: left;color: #0D1C48;font-weight: 500;font-size: 16px;margin-bottom: 10px;} .forminput input{width: 100%;float: left;border-radius: 50px;border: 1px solid #AFAFAF;padding: 10px 20px;height: 40px;font-size: 14px;font-weight: 400;color: #8B8B8B;} .payform_text{width: 100%;float: left;padding: 13px 17px 13px;border: 1px solid #AFAFAF;border-radius: 10px;} .payform_text p{width: 100%;float: left;color: #616161;font-size: 12px;font-weight: 400;text-align: center;margin-bottom: 5px;} .paymentforms_box.active{display: block;} .thankyou{width: 700px;margin: 0 auto;display: none;} .thankyou_box{width: 100%;float: left;box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.10);background: #fff;border-radius: 20px;padding: 0 40px;margin-bottom: 30px;} .image_box{width: 100%;float: left;text-align: center;margin-bottom: 30px;} .image_box img{width: auto;height: 270px;} .thankyoutext{width: 100%;float: left;text-align: center;margin-bottom: 40px;} .thankyoutext h2{width: 100%;float: left;color: #000;font-size: 37px;font-weight: 700;margin-bottom: 30px;} .thankyoutext span{width: 100%;float: left;color: #000;font-size: 16px;font-weight: 500;margin-bottom: 15px;} .thankyoutext p{width: 100%;float: left;color: #616161;font-size: 14px;text-align: center;margin-bottom: 10px;} .thankyoutext p a{color: #00B4CC;} .checkoutour{width: 100%;float: left;} .checkoutour h2{width: 100%;float: left;color: #000;font-size: 26px;font-weight: 700;text-align: center;margin-bottom: 20px;} .servicestag{width: 100%;float: left;padding: 0 30px 30px;} .servicestagbox{width: 100%;float: left;display: flex;justify-content: center;gap: 10px;border: 1px solid #0D1C48;background: #F6F8FE;border-radius: 30px;padding: 13px 18px;} .servicestagbox p{color: #0D1C48;font-size: 16px;font-weight: 500;float: left;} .services_list{width: 100%;float: left;padding-bottom: 30px;display: flex;gap: 20px;} .services_box{width: 25%;float: left;} .services_box a img{width: 100%;float: left;} .services_box a{width: 100%;float: left;} .services_box a p{color: #000;font-size: 14px;font-weight: 500;width: 100%;float: left;text-align: center;margin-top: 10px;}  .loginpopup{width: 100%;float: left;display: none;} .loginpopup_bg{width: 100%;float: left;position: fixed;top: 0;left: 0;height: 100vh;background: #000000B2;z-index: 1;display: flex;justify-content: center;align-items: center;} .loginbox{width:550px;float: left;background: #fff;border-radius: 15px;position: relative;} .closebtn{position: absolute;right: 0;top: 0; padding: 18px 20px;} .mobilenumber{width: 100%;float: left;} .title_mob{width: 100%;float: left;padding: 24px 20px;border-bottom: 1px solid #E6E6E6;} .title_mob p{color: #0D1C48;font-weight: 500;font-size: 18px;width: 100%;float: left;} .popmaintextbox{width: 100%;float: left;padding: 30px 20px;} .forminput p{float: left;position: absolute;bottom: 9px;left: 15px;font-size: 14px;color: #8B8B8B;padding-right: 10px;border-right: 1px solid #8B8B8B;} .popmaintextbox .forminput{margin-bottom: 30px;} .popmaintextbox .forminput.mobnumber input{padding-left: 65px;} .popmaintextbox button{width: 100%;float: left;padding: 16px 0;border-radius: 100px;border: 0;background: #2E67AE;color: #FFF;font-weight: 600;font-size: 18px;cursor: pointer;} .loginotp{width: 100%;float: left;display: none;} .number_otp{width: 100%;float: left;margin-bottom: 15px;} .number_otp p{float: left;color: #0D1C48;font-size: 18px;font-weight: 400;} .number_otp strong{float: right;color: #0D1C48;font-size: 18px;font-weight: 600;} .otpinput{width: 100%;float: left;display: flex;gap: 10px;margin-bottom: 20px;} .otpinput input{width: 65px;height: 70px;padding: 10px; float: left;border-radius: 5px;border: 1px solid #AFAFAF;text-align: center;font-size: 34px;} .resendcode{width: 100%;float: left;margin-bottom: 30px;} .resendcode p{float: left;font-size: 16px;font-weight: 500;} .resendcode a{color: #00B4CC;font-size: 16px;font-weight: 500;} .create_new_account{width: 100%;float: left;display: none;} .create_new_account .forminput{margin-bottom: 20px;} .checknow{width: 100%;float: left;margin-bottom: 30px;} .checknowbtn{display: block;position: relative;padding-left: 30px;cursor: pointer;font-size: 22px;-webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;user-select: none;} .checknowbtn input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;} .checknowbtn .checkmark {position: absolute;top: 0;left: 0;height: 20px;width: 20px;background-color: #eee;border-radius: 3px;} .checknowbtn input:checked ~ .checkmark {background-color: #0D1C48;} .checknowbtn .checkmark:after {content: "";position: absolute;display: none;} .checknowbtn input:checked ~ .checkmark:after {display: block;} .checknowbtn .checkmark:after{left: 7px;top: 3px;width: 4px;height: 8px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} .checknowbtn p{font-size: 14px;color: #484848;font-weight: 400;} .checknowbtn p a{color: #00B4CC;} .resendcode p.resend_otp_counter{color: #00B4CC;font-size: 16px;font-weight: 500;padding-left: 5px;float: right;} .trackbox ul li.active span{background: #2E67AE;} .trackbox ul li.active p{color: #2E67AE;} .stepbody.active{display: block;} .social_login{width: 100%;float: left;display: flex;gap: 15px;margin-top: 15px;} .social_login a{float: left;border: 1px solid #AFAFAF;padding: 15px 0;display: flex;align-items: center;justify-content: center;gap: 10px;width: 50%;border-radius: 50px;} .social_login a p{font-size: 16px;color: #000000;}  .slider_time .slick-next:before {content: "";width: 15px;height: 15px;border-top: 3px solid #0D1C48;border-right: 3px solid #0D1C48;position: absolute;top: 50%;left: 60%;margin-top: -6px;margin-left: -7px;transform: rotate(45deg);opacity: 1;border-radius: 2px;} .slider_time .slick-next {height: 100%;width: 10%;z-index: 1;right: 0;top: 50%;border-radius: 0;box-shadow: none;background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #FFF 58.17%);opacity: 1;} .slider_time .slick-prev:before {content: "";width: 15px;height: 15px;border-top: 3px solid #0D1C48;border-right: 3px solid #0D1C48;position: absolute;top: 50%;left: 35%;margin-top: -6px;margin-left: -9px;transform: rotate(-136deg);border-radius: 2px;opacity: 1;} .slider_time .slick-prev {height: 100%;width: 10%;z-index: 1;left: 0;top: 50%;border-radius: 0;box-shadow: none;background: linear-gradient(268deg, rgba(255, 255, 255, 0.00) 0%, #FFF 58.17%);}   @media screen and (min-width:1025px) and (max-width:1440px){   .time_select{grid-template-columns: repeat(3, 1fr);}   }   @media screen and (min-width:768px) and (max-width:992px){   .smilehandyy_container{padding: 0 0;}   .trackbox{overflow-x: scroll;overflow-y: hidden;}   .trackbox ul{width: 800px;}   .trackbox ul li p{font-size: 14px;}   .trackbox ul li span{font-size: 14px;width: 25px;height: 25px;}   .trackbox ul li::before{top: 13px;}   .backclick a img{width: 25px;}  .back_and_track_box{  gap: 20px;}   .loctionbox{width: 100%;}   .loctionform_map{padding: 0 20px;}   .citywidth {width: 70%;}   .current_loc{width: 30%;}   .loctionform{padding-top: 20px;}   .boxbtn{position: fixed;bottom: 0;left: 0;padding: 15px 15px;}   .boxbtn button{padding: 10px 0;}   .loction_map{padding-bottom: 20px;}   .smile_leftbox {width: 100%;margin-bottom: 30px;}   .book_summary{width: 100%;padding-left: 0;}  .time_select{padding: 0 20px 20px;}   .whichday_title{padding: 0 20px 20px;}   .whichday_title p{font-size: 20px;}   .time_select{grid-template-columns: repeat(3, 1fr);}   .thankyou{width: 100%;}   .thankyou_box{padding: 0 20px;}   .image_box img {width: 100%;height: auto;}   .thankyoutext h2{font-size: 37px;margin-bottom: 20px;}   .thankyoutext{margin-bottom: 40px;}   .checkoutour h2{font-size: 22px;}   .servicestag{padding: 0 0 30px;}   .servicestagbox p{font-size: 14px;}   .servicestagbox{align-items: flex-start;border-radius: 10px;}   .social_login a img{height: 20px;}   .social_login a p {font-size: 14px;}   } @media screen and (min-width:219px) and (max-width:767px){   .smilehandyy_container{padding: 0 15px;}   .back_and_track_box{display: inherit;}   .loctionbox {width: 100%;float: left;margin-bottom: 100px;}   .loctionform_map{height: auto;overflow-y: hidden;padding: 0 20px;}   .boxbtn{position: fixed;bottom: 0;left: 0;padding: 15px 15px;}   .boxbtn button{padding: 10px 0;}   .tagname p{border-radius: 20px 0px;font-size: 16px;padding: 10px 25px;}   .loctioninput{width: 100%;padding: 0 0px 20px;}   .loctionform{padding-top: 20px;margin-left: 0;margin-right: 0;}   .loctioninput label{font-size: 16px;margin-bottom: 10px;}   .current_loc p{display: none;}   .loctioninput img{bottom: 36px;right: 15px;width: 15px;}   .current_loc{padding-top: 10px;}   .loction_map{padding-bottom: 20px;}   .trackbox{width: 92%;padding: 0 20px;overflow-x: scroll;overflow-y: hidden;}   .trackbox ul{width: 800px;}   .textarea_div textarea{border-radius: 10px;}   .trackbox ul li p{font-size: 14px;}   .trackbox ul li span{font-size: 14px;width: 25px;height: 25px;}   .trackbox ul li::before{top: 13px;}   .backclick a img{width: 25px;height: 25px;}   .back_and_track{margin-top: 60px !important; padding: 30px 0 10px;}   .smile_leftbox {width: 100%;}   .selectservice{padding: 0 20px 20px;}   .title_inner p{font-size: 14px;}   .how_many_cleaners ul{grid-template-columns: repeat(1, 1fr) !important;row-gap: 15px;}   .how_many_cleaners{padding: 20px 0;}   .how_many_cleaners.partgride ul{grid-template-columns: repeat(2, 1fr);}   .book_summary{width: 100%;padding-left: 0;padding-top: 30px;}   .summary_title h2{padding: 20px 0;font-size: 18px;}   .summary_list ul li p{font-size: 16px;}   .summary_list ul li strong{font-size: 16px;}   .summary_list ul li{padding-bottom: 15px;}   .summary_list_two ul li p{font-size: 16px;}   .summary_list_two ul li strong{font-size: 16px;}   .summary_list_two{padding: 20px 20px;}   .summary_list{padding: 20px 20px 0px;}   .mabrook{padding:20px 20px 0;}   .coponinput{padding: 20px 20px;}   .book_summary_box{margin-bottom: 20px;}   .coponinput label{font-size: 18px;}   .service_details{margin-bottom: 95px;}   .coponinput button{font-size: 16px;}   .whichday{padding: 20px 0 30px;}   .whichday_title p{font-size: 14px;}   .day_select .slick-track {padding-left: 20px;}   .whichday_title{padding: 0px 20px 20px;}   .time_select{padding: 0 20px 20px;}   .time_select{grid-template-columns: repeat(2, 1fr);}   .selectbtn .checkmark{font-size: 14px;height: 50px;}   .dateandtime{margin-bottom: 95px;}   .cardtext{padding: 20px 20px 30px;}   .cardtext h2{font-size: 18px;margin-bottom: 10px;}   .cardtext p{font-size: 14px;}   .payment_method{padding: 0 20px 30px;}   .payment_title p{font-size: 20px;}   .tabpayment li{width: 100%;margin-right: 0;}   .tabpayment{flex-direction: column;row-gap: 20px;}   .paytext img{margin-top: 10px;}   .paytext p{font-size: 16px;}   .payform_fild{row-gap: 15px;grid-template-columns: auto;margin-bottom: 25px;}   .payform_text p{font-size: 14px;}   .loginbox {width: 100%;}   .popmaintextbox button{font-size: 16px;}   .popmaintextbox{padding: 20px 20px;}   .popmaintextbox .forminput{margin-bottom: 20px;}   .loginpopup_bg{padding: 0 15px;}   .number_otp p{font-size: 16px;margin-bottom: 5px;}   .number_otp strong{font-size: 16px;float: left;}   .forminput label{font-size: 16px;margin-bottom: 10px;}   .thankyou{width: 100%;}   .thankyou_box{padding: 0 20px;}   .image_box img {width: 100%;height: auto;}   .thankyoutext h2{font-size: 37px;margin-bottom: 20px;}   .thankyoutext{margin-bottom: 40px;}   .checkoutour h2{font-size: 22px;}   .servicestag{padding: 0 0 30px;}   .servicestagbox p{font-size: 14px;}   .servicestagbox{align-items: flex-start;border-radius: 10px;}   .services_list{flex-direction: column;}   .services_box {width: 100%;} .mabrook p{font-size: 14px;padding: 10px 0px;}   .payment_confirmation{margin-bottom: 95px;}   .social_login{flex-direction: column;}   .social_login a{width: 100%;padding: 10px 0;}   .social_login a img{height: 20px;}   .social_login a p {font-size: 14px;}   .slider_time.setgrid {  grid-template-columns: repeat(2, 1fr) !important;   }   .day_select .slick-next:before{left: 30%;}   .day_select .slick-prev:before{left: 60%;}   .slider_time .slick-prev:before{left: 60%;}   .slider_time .slick-next:before{left: 30%;}   }   @media (min-width: 576px) {   .smilehandyy_container {  max-width: 540px;   } } @media (min-width: 768px) {   .smilehandyy_container {  max-width: 720px; } } @media (min-width: 992px) {   .smilehandyy_container {  max-width: 960px; } } 
 .slick-slider {   position: relative;   display: block;   box-sizing: border-box;   -webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none; user-select: none;   -webkit-touch-callout: none;   -khtml-user-select: none;   -ms-touch-action: pan-y;  touch-action: pan-y;   -webkit-tap-highlight-color: transparent; } .slick-list {   position: relative;   display: block;   overflow: hidden;   margin: 0;   padding: 0; } .slick-list:focus {   outline: none; } .slick-list.dragging {   cursor: pointer;   cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list {   -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);  -ms-transform: translate3d(0, 0, 0);  -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track {   position: relative;   top: 0;   left: 0;   display: block;   margin-left: auto;   margin-right: auto; } .slick-track:before, .slick-track:after {   display: table;   content: ''; } .slick-track:after {   clear: both; } .slick-loading .slick-track {   visibility: hidden; } .slick-slide {   display: none;   float: left;   height: 100%;   min-height: 1px; } [dir='rtl'] .slick-slide {   float: right; } .slick-slide img {   display: block; } .slick-slide.slick-loading img {   display: none; } .slick-slide.dragging img {   pointer-events: none; } .slick-initialized .slick-slide {   display: block; } .slick-loading .slick-slide {   visibility: hidden; } .slick-vertical .slick-slide {   display: block;   height: auto;   border: 1px solid transparent; } .slick-arrow.slick-hidden {   display: none; } 
@charset 'UTF-8'; .slick-prev, .slick-next {   font-size: 0;   line-height: 0;   position: absolute;   top: 50%;   display: block;   width: 20px;   height: 20px;   padding: 0;   -webkit-transform: translate(0, -50%);   -ms-transform: translate(0, -50%);   transform: translate(0, -50%);   cursor: pointer;   color: transparent;   border: none;   outline: none;   background: transparent; }  .slick-prev:before, .slick-next:before {   font-family: 'slick';   font-size: 20px;   line-height: 1;   opacity: .75;   color: white;   -webkit-font-smoothing: antialiased;   -moz-osx-font-smoothing: grayscale; } .slick-prev {   left: -25px; } [dir='rtl'] .slick-prev {   right: -25px;   left: auto; } .slick-prev:before {   content: '←'; } [dir='rtl'] .slick-prev:before {   content: '→'; } .slick-next {   right: -25px; } [dir='rtl'] .slick-next {   right: auto;   left: -25px; } .slick-next:before {   content: '→'; } [dir='rtl'] .slick-next:before {   content: '←'; }  .slick-dotted.slick-slider {   margin-bottom: 30px; } .slick-dots {   position: absolute;   bottom: -25px;   display: block;   width: 100%;   padding: 0;   margin: 0;   list-style: none;   text-align: center; } .slick-dots li {   position: relative;   display: inline-block;   width: 20px;   height: 20px;   margin: 0 5px;   padding: 0;   cursor: pointer; } .slick-dots li button {   font-size: 0;   line-height: 0;   display: block;   width: 20px;   height: 20px;   padding: 5px;   cursor: pointer;   color: transparent;   border: 0;   outline: none;   background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus {   outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before {   opacity: 1; } .slick-dots li button:before {   font-family: 'slick';   font-size: 0;   line-height: 20px;   position: absolute;   top: 0;   left: 0;   width: 20px;   height: 20px;   content: '•';   text-align: center;   opacity: .25;   color: black;   -webkit-font-smoothing: antialiased;   -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before {   opacity: .75;   color: black; }