*{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: url('../images/bodybg.png'); */
    background-size:cover;
    background-attachment: fixed;
}

.slick-slide {
    outline: none;
}
p{line-height: 22px;font-size: 14px;text-align: left;color: #8b8b8b;}
.smile_container{margin:0 auto;}


@font-face {
    font-family: 'Sofiapro-Regular';
    src: url('../fonts/Sofiapro-Regular.otf');
}



@font-face {
    font-family: 'Sofiapro-Medium';
    src: url('../fonts/Sofiapro-Medium.otf');
}



@font-face {
    font-family: 'Sofiapro-Bold';
    src: url('../fonts/Sofiapro-Bold.otf');
}

@font-face {
    font-family: 'Sofiapro-SemiBold';
    src: url('../fonts/Sofiapro-SemiBold.otf');
}


.back_and_track{width: 100%;float: left;padding: 120px 0 30px;}
.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 5px 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: 100%;}
.current_loc{float: left;padding-left:10px;}
.current_loc a{float: left;border-radius: 100px;border: 1px solid #2E67AE;width: 40px;display: flex;justify-content: center;align-items: center;padding: 10px;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;}
.boxbtn button img{width: 18px;}
.areafiled{width: 100%;float: left;}
.loctioninput.loctionarea{display: flex;align-items: flex-end;}


.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;position: relative;}
.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;}
.coponinput a{width: 26%;
    float: left;
    padding: 5px 0;
    border-radius: 100px;
    border: 0;
    background: #ff5447;
    color: #FFF;
    font-weight: 600;
    font-size: 14px;
    position: absolute;
    bottom: 18px;
    right: 17px;
    text-align: center;}

.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: 10px 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: 40px;height: 40px;padding: 10px; float: left;border-radius: 5px;border: 1px solid #AFAFAF;text-align: center;font-size: 20px;}
.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%);}





.popmaintextbox button.asguest{background: white; color: #2E67AE; margin-top: 15px;}

.troubletxt{
    padding-top: 15px;
    float: left;
    width: 100%;
    text-align: center;
}

.help_part{width: 100%;float: left;padding: 0 20px;}
.help-section{margin:0 0 20px;padding:16px;/*background:#f8f9fa;border-radius:12px;border-left:4px solid #3B5998;*/width: 100%;float: left;}
.help-trigger{background:none;border:none;color:#333;font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;padding:0;width:100%;}
.help-trigger:hover{color:#3B5998;}
.arrow{transition:transform 0.3s;}
.help-content{overflow:hidden;transition:max-height 0.3s ease;}
.help-item{margin-bottom:16px;}
.help-item-header{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px;padding-top: 10px;}
.check-icon{color:#22c55e;font-weight:bold;font-size:16px;flex-shrink:0;}
.help-item-title{font-weight:600;color:#333;font-size:14px;}
.help-item-desc{color:#666;font-size:13px;line-height:1.6;margin-left:24px;}
.help-steps{margin-top:8px;padding-left:8px;}
.step{color:#666;font-size:13px;line-height:18px;padding-left:16px;position:relative;}
.step::before{content:'•';position:absolute;left:0;color:#3B5998;font-weight:bold;}
.still-not-working-title{font-weight:600;color:#333;font-size:14px;margin-bottom:12px;}
.guest-link{display:inline-flex;align-items:center;gap:8px;color:#3B5998;text-decoration:none;font-size:14px;font-weight:500;padding:5px 16px;background:white;border-radius:8px;border:2px solid #3B5998;transition:all 0.3s;}
.guest-link:hover{background:#3B5998;color:white;}
.help-content.expanded {
    max-height: 400px;
}
.arrow.rotated {
    transform: rotate(180deg);
}

.marginspace{margin-left: -10px;margin-right: -10px;}

@media screen and (min-width:1025px) and (max-width:1440px){
    .time_select{grid-template-columns: repeat(3, 1fr);}
   
}

/* @media screen and (min-width:993px) and (max-width:1024px){
    .back_and_track_box{gap: 30px;}
    .trackbox ul li p{font-size: 16px;}
    .trackbox ul li span{font-size: 16px;width: 30px;height: 30px;}
    .trackbox ul li::before{top: 15px;}
   .smile_leftbox{width: 60%;}
    .book_summary{width: 40%;}
    .how_many_cleaners ul{grid-template-columns: repeat(3, 1fr);}
    .how_many_cleaners.partgride ul{grid-template-columns: repeat(2, 1fr);}
    .title_inner p{font-size: 20px;}
    .summary_title h2{padding: 20px 0;font-size: 20px;}
    .tagname p{font-size: 20px;}
    .summary_list ul li{padding-bottom: 20px;}
    .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);}
    .selectbtn .checkmark{height: 50px;font-size: 16px;}
    .summary_list_two ul li strong{font-size: 16px;}
    .summary_list_two ul li p{font-size: 16px;}
    .summary_list ul li p{font-size: 16px;}
    .summary_list ul li strong{font-size: 16px;}
    .summary_list_two ul li{margin-bottom: 20px;}
    .summary_list_two ul li.grbox{padding: 10px 10px;}
} */



@media screen and (min-width:768px) and (max-width:992px){
    .smile_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{padding: 30px 0 30px;} */
    .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;}
    /* .service_details{margin-bottom: 95px;} */
    /* .dateandtime{margin-bottom: 95px;} */
    .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){
    .smile_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: 10px 5px 0;margin-top: 5px;} */
    .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{right: 10px;}
    .day_select .slick-prev{left: 10px;} */
    .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%;}

    .marginspace{margin: 0 0;}
    
}




@media (min-width: 576px) {
    .smile_container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .smile_container {
        max-width: 720px;
        
    }
}

@media (min-width: 992px) {
    .smile_container {
        max-width: 960px;
       
    }
}

/* @media (min-width: 1200px) {
    .smilehandyy_container {
        max-width: 1140px;
    }
} */

/* @media (min-width: 1440px) {
    .smilehandyy_container {
        max-width: 1290px;
    }
}

@media (min-width: 1600px) {
    .smilehandyy_container {
        max-width: 1440px;
    }
} */