.multistep-form {
    max-width: 100%;
    margin: 0 auto;
}

.card {
    margin-bottom: 20px;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

#progress-bar-container {
    width: 100%;
    background-color: #ddd;
    margin-bottom: 10px;
    position: relative; 
    background: #eeeded;
border-radius: 15px;
}

#progress-bar-container span{
    position: absolute;
    top: 0;
    margin: 0 auto;
    right: 0;
    left: 0;
    margin: 0 auto;
    text-align: center;
	padding: 5px;
  font-weight: 600;
	color: #000;
}

#progress-bar {
    height: 100%;
    background-color: #ff5f15;
    width: 0;
    transition: width 0.3s ease;
   border-top-left-radius: 15px;
   border-bottom-left-radius: 15px;
  padding: 16px;
}

.step {
    display: none;
}

.step:first-child {
    display: block;
}

.step input {
    margin-bottom: 10px;
   
}

.step .next-step {
    margin-right: 10px;
	cursor:pointer;
}

.card-footer {
    display: flex;
    justify-content: center;
    margin-top: 10px;
	align-items: center;
}

#step-8 .card-footer{
	justify-content: space-between;
}
.extraservices .search-holder{margin-bottom: 15px; margin-top:30px;} .extraservices .search-holder h2{margin-bottom: 15px; margin-top:40px;}
.checkbox-group .form-check{ display:inline-block;  padding:0 !important; margin:10px; }
.checkbox-group .form-check label{border: 1px solid gray;border-radius: 8px;display: block; min-width: 150px; padding: 15px; text-align: center;cursor:pointer;} .checkbox-group .form-check.active label{background:#58c4dc;border: 1px solid #58c4dc; color:#fff;}
.checkbox-group .form-check .form-check-input{float:none !important; margin: 0 auto !important;}
/** for radio buttons ***/
.radio-group .form-check{ display:inline-block;  padding:0 !important; margin:10px; }
.radio-group .form-check label{border: 1px solid gray;border-radius: 8px;display: block; min-width: 150px; padding: 15px; text-align: center;cursor:pointer;} .radio-group .form-check.active label{background:#58c4dc;border: 1px solid #58c4dc; color:#fff;}
.radio-group .form-check .form-check-input{float:none !important; margin: 0 auto !important;}
.booking-form.personal-details .user-fields{width:48%;}

.summary-holder > img { max-width: 25px;}


@media only screen and (max-width: 991px) {
  	#step-8 .card-footer{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	
	#step-8 .card-footer button{
		margin: 5px auto;
	}
}

.card-footer button {
    margin-left: 10px;
}

.next-step {
    background-color: #ff931e;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 100px;
    box-shadow: none;
    padding: 0px 24px;
}

.prev-step {
    box-shadow: none;
    background-color: transparent;
    color: #343434;
    cursor: pointer;
    transition: background-color 0.2s;
    border: none;
}

.booking-form.services{
    display: grid;
    grid-template-columns: repeat(4,auto);
    grid-row-gap: 20px;
}

.booking-form.extra-services .cat-group-inner{
    display: grid;
    grid-template-columns: repeat(4,auto); overflow: auto; /* height: 250px; */
    grid-row-gap: 20px;
}

.booking-form.sparkle{
    display: grid;
    grid-template-columns: repeat(3,auto);
    grid-row-gap: 20px;
}
.booking-form.personal-details{
   grid-column-gap: 20px;
}

.booking-form.personal-details input{
    border: none;
    border-bottom: 1px solid #9e9e9e;
}

.services-btns{
    line-height: normal;
    color: #1f2944;
    border-radius: 20px;
    transition: .2s linear;
    font-size: 18px;
    border-radius: 35px;
    box-shadow: none;
    padding: 0px 24px;
    border: none;
    text-align: center;
}
.services-btns:hover{}
.services-btns input[type=checkbox]{display:none;}
.services-btns:hover, .services-btns.checked{
    color: #fff;
    box-shadow: none;
    background: #5ac6d1;
	border: 3px solid #5ac6d1;
}

#multistep-form h3,p{
    text-align: center;
}
.custom-field{
    display: grid;
    grid-template-columns: repeat(1,auto);
    grid-row-gap: 10px;
}
.custom-fields{
    display: grid;
    grid-template-columns: repeat(1,auto);
    grid-row-gap: 20px;
}

#multistep-form .sod_select{
    border:none;
    width:auto;
}
.plan_checked{
    display: block !important;
}

/*==========================08=07=2023==============================*/ 

.header-main__nav--desktop li{ position:relative;} 
.header-main__nav--desktop li .sub-menu{ display:none; background:#fff; position:absolute; padding:15px; list-style:none; margin:0px; border-radius:0px 0px 5px 5px; left:0px; top:25px;}  
.header-main__nav--desktop li .sub-menu li a{ display:block; white-space:nowrap;} 
.header-main__nav--desktop li .sub-menu li{ margin:0px 0px 5px;} 
.header-main__nav--desktop li .sub-menu li:last-child{ margin-bottom:0px;}
.header-main__nav--desktop li:hover .sub-menu{ display:block;} 

.multistep-form.card{ border-radius:30px; padding:30px; background:#fff; box-shadow:none !important; border:#eff3f4 5px solid;}  
.multistep-form.card #progress-bar{ border-radius:15px !important;}
#progress-bar-container{ margin-bottom:25px;} 
.services-btns{ padding:5px 24px; min-height:44px; margin-left:5px; margin-right:5px; border:#ccc 1px solid;}  
.services-btns:hover{border:#5ac6d1 1px solid;}

.multistep-form.card .card-footer{ /*margin:30px -30px 0px;*/ background-image: linear-gradient(#f5f5f5, rgba(255,255,255,0));  border-radius:0px 0px 30px 30px;} 
.multistep-form.card .card-footer  .next-step{ padding:5px 25px; border:none;} 

#step-2 .services-btns{ display:inline-flex; align-items:center; justify-content:flex-start; cursor:pointer; min-height:70px; flex-direction: column;}
#step-2 .services-btns img{ width:50px; margin:0px 10px;} 
#step-2 .services-btns p{ margin:0px; display:inline-block; text-align:center; margin-top: 7px;} 
#step-2 .services-btns .sub-services-checkbox{ margin:0px 5px 0px 0px;} 

#multistep-form h3{ margin-bottom:15px; line-height:36px;} 
#step-3 .booking-form{ display:flex; align-items:center; flex-wrap:wrap; justify-content:center;} 
#step-3 .booking-form #selected-spot, #step-3 .booking-form .sod_select{ margin:5px;}  
#step-3 .booking-form #selected-spot{ width:100%; border:#ccc 1px solid; height:44px; border-radius:25px; padding:6px 20px;}  
#step-3 .booking-form .sod_select select{border:#ccc 1px solid; width:auto; height:44px; background:#fff; border-radius:25px; padding:6px 20px;  margin-left: 30px;} 

#step-4 .booking-form .services-btns{display:inline-flex; align-items:center; justify-content:center;} 

#step-5 .booking-form.personal-details input, 
#step-7 .booking-form.personal-details input{ height:44px; border:#ccc 1px solid; color:#000; border-radius:40px; padding:0px 20px; width:100%;}

#step-6 p{ margin-bottom:10px;} 
#step-6 .extra_list ul{ margin:0px; padding:0px; list-style:none; margin:0px 0px 10px !important; padding:0px !important; display:flex; justify-content:center; flex-wrap:wrap;}
#step-6 .extra_list ul li{ margin:0px 15px 15px; border:#ccc 1px solid; width:230px; padding:20px; text-align:center; border-radius:5px;} 
#step-6 .total h3 .total-estimate-price{ font-weight:700; color:#5ac6d1;} 
#step-6 .extra_list ul li .selected_service_image{ min-height:120px; margin-bottom:10px; display:inline-flex; align-items:center; justify-content:center;} 

#step-8 .custom-field-inputs{height:44px; border:#ccc 1px solid !important; color:#000; border-radius:40px; background:#fff; padding:0px 20px;}  
#step-8 .custom-fields strong{ color:#000;} 
#step-8 .custom-fields .custom-field:nth-child(16) .single_line.note{ display:none;} 


#step-9 .row:nth-child(1){display:block; justify-content:space-between; flex-wrap:wrap; flex-direction:column;} 
#step-9 .row .col{ width:48.5%; margin-bottom:20px;} 
#step-9 .row  .input-field { display:flex; flex-wrap:wrap; flex-direction:column;} 
#step-9 .row  .input-field label{ display:block; width:100%; order:1; color:#000; font-weight:500; padding-bottom:5px;} 
#step-9 .row  .input-field input{height:44px; border:#ccc 1px solid !important; color:#000; border-radius:40px; width:100%; background:#fff; order:2; padding:0px 20px; margin:0px !important;} 

#step-9 .row:nth-child(1) .col:nth-child(4) .input-field{ width:100%; margin:0px;} 
#step-9 .row:nth-child(1) .col:nth-child(5) .col{ width:100%; margin:0px;} 
#step-9 .row:nth-child(1) p{ margin-bottom:10px;} 

#step-9 .row:nth-child(1) .extra_list ul{ margin:0px; padding:0px; list-style:none; margin:0px 0px 10px !important; padding:0px !important; display:flex; justify-content:center; flex-wrap:wrap;}
#step-9 .row:nth-child(1) .extra_list ul li{ margin:0px 15px 15px; border:#ccc 1px solid; width:230px; padding:20px; text-align:center; border-radius:5px;} 
#step-9 .row:nth-child(1) .extra_list ul li .selected_service_image{ min-height:120px; margin-bottom:10px; display:inline-flex; align-items:center; justify-content:center;}  
#step-9 .total h3 .total-estimate-price{ font-weight:700; color:#5ac6d1;}  

.multistep-form.card .btn-book-now{ background:#5ec6d1; border:none; min-height:inherit !important; min-width:150px; height:auto; color:#fff; border-radius:20px; padding: 8px 20px;} 
.multistep-form.card .btn-book-now:hover{ background:#439E9F; color:#fff;} 
.multistep-form .btn-book-now:disabled, .multistep-form .btn-book-now[disabled], .multistep-form .email-me-quote:disabled, .multistep-form .email-me-quote[disabled]{background: gray !important;}
.email-me-quote{ background:#60b5f6; border:none; min-height:inherit !important; min-width:170px; height:44px; color:#fff; border-radius:20px; font-weight:600; padding:5px 15px;} 
.email-me-quote:hover{ background:#60b5f6; color:#fff;} 
.email-me-quote:focus{ background:#439e9f; color:#fff;} 
.sub-menu{ list-style:none;} 


/*==========================14=07=23=======================*/
#step-3 .booking-form .select-date-input, #step-3 .booking-form .available-slots{ width:26%;} 
#step-4 .booking-form.sparkle .plan_checked{ margin:0px 10px 0px 0px; display:none !important;}

#step-4 .booking-form.sparkle .services-btns{ padding:0px !important;} 
#step-4 .booking-form.sparkle .services-btns label{ display:flex; align-items:center; justify-content:center; width:100%; height:100%; cursor:pointer;} 

#step-9 .row:nth-child(2){ padding-top:30px; display:flex; justify-content:space-between; flex-wrap:wrap;} 
#step-9 .row .col .input-field:last-child{ width:100% !important; margin:0px !important;}
#step-9 .row .col .col{ width:100% !important; margin:0px !important;} 


/*===============================21=07=2023==================================*/ 
.page-id-1537 .subheader{ display:none;} 
.page-id-1537 .header-main{ padding-top:40px;} 
.aw_saving{ text-align:center; font-size:30px; color:#000; padding-bottom:40px;} 

#step-1 .booking-form.services{grid-template-columns:repeat(3,auto);}  
#step-1 .booking-form.services .services-btns{ margin-left:0px; margin-right:40px;} 
#step-1 .booking-form.services .services-btns:nth-child(3n+3){  margin-right:0px;} 

#step-2 .services-btns{ width:100%; border-radius:15px;} 
#step-2 .extra-services-step-2 .sub-service-parent-wrapper{ margin-right:20px;} 
#step-2 .extra-services-step-2 .sub-service-parent-wrapper:nth-child(4n+4){ margin-right:0px;} 
#step-2 .extra-services-step-2 .sub-service-parent-wrapper .sub-service-input-wrapper{ display:flex;}
#step-2 .extra-services-step-2 .sub-service-parent-wrapper .sub-service-input-wrapper 
.form-group.sub_category_quentity{ margin-left:auto; border:#5ac6d1 1px solid; height:40px; padding:10px 20px; border-radius:50px; width:110px; color:#000;}
.deal-closes .timer-holder{color: red;}



/*===============================26-07-2023==================================*/ 

.loaded #loader-form{
    display: none;
}

#loader-form{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(23,23,26,0.8);
    border-radius: 30px;

}
#loader-form:after{
    position: absolute;
    content: "Loading...";
    font-size: 24px;
    color: #ddd;
    top: 50%;
    left: 50%;
    z-index: 9;
    transform: translate(-50%,-50%);
}
#slotsLoader{display:none;}
.booking-success-message-container{text-align:center; padding-bottom:20px; color:#fff;}
.booking-error-message-container{color:#fff; text-align:center;}

/*==========================30-07-2023============================*/ 

.page-id-1537 .container{ width:100% !important} 
.multistep-form.card{ background:#003174; border:none; color:#fff; font-family: 'Montserrat', sans-serif;  font-weight:500; padding-bottom:0px !important; margin-bottom:50px !important;}  
.services-btns{ background:#1a4682; font-size:17px; padding:5px 20px; font-weight:500 !important; font-family:'Oswald', sans-serif; text-transform:uppercase; display:flex; align-items:center; justify-content:center; border:none; color:#fff;} 
.article-content__main a{ color:#fff;} 
.services-btns:hover, .services-btns.checked{ background:#025edc; color:#fff; border:none !important; text-decoration:none;} 

.multistep-form.card .card-footer{ background-image:linear-gradient(#012c67, rgba(255,255,255,0));} 
#multistep-form h3{ color:#fff; text-transform:uppercase; font-family: 'Oswald', sans-serif; font-weight:400; padding-bottom:15px; font-size:22px; line-height:30px;} 
.multistep-form.card .card-footer .prev-step{ color:#fff;} 
.card-footer button{ font-weight:500; text-transform:uppercase; font-family:'Oswald', sans-serif;} 
#step-2 .extra-services-step-2 .sub-service-parent-wrapper .sub-service-input-wrapper .form-group.sub_category_quentity{ background:#fff; margin:0 auto; font-family: 'Montserrat', sans-serif; font-weight:600; border:none; height:30px; padding:8px 18px; width:90px;} 

#step-3 .booking-form #selected-spot{ background:#fff; border:none; color:#000; font-family: 'Montserrat', sans-serif; font-weight:500; box-sizing:border-box; margin:0px; padding:6px 20px; border-radius:50px; color:#000;}  
#step-3 .booking-form #selected-spot::-moz-placeholder{color:#000;opacity:1;} 
#step-3 .booking-form #selected-spot::placeholder{color:#000;opacity:1;}

#step-3 .booking-form .sod_select{ margin:0px; width:100%; background:none;} 
#step-3 .booking-form .sod_select select{ border:none; background:#fff; width:100%; margin:0px; color:#000; font-family: 'Montserrat', sans-serif; font-weight:500 !important; font-size:14px;} 
#progress-bar-container{ background:#fff;} 
.aw_saving{text-transform:uppercase; font-family: 'Oswald', sans-serif; font-weight:600; color:#003174;} 

#step-3 .booking-form .available-slots{ padding-left:15px;} 
#step-4 .booking-form.sparkle .services-btns label{font-size:17px; color:#fff;} 

#step-5 .booking-form.personal-details input, 
#step-7 .booking-form.personal-details input{ box-sizing:border-box; background:#fff; border:none; color:#000; font-family: 'Montserrat', sans-serif; font-weight:500 !important; font-size:14px;}
#step-5 .booking-form.personal-details input::-moz-placeholder, 
#step-7 .booking-form.personal-details input::-moz-placeholder{color:#000;opacity:1;} 
#step-5 .booking-form.personal-details input::placeholder,
#step-7 .booking-form.personal-details input::placeholder{color:#000;opacity:1;} 

.datepicker-calendar-container{ color:#000; font-family: 'Montserrat', sans-serif; font-weight:500 !important; font-size:14px;} 

#step-6 .extra_list ul li{ width:200px; margin:0px 8px 15px; padding:10px; background:#fff; border:none; color:#000; font-weight:600;} 
#step-6 .extra_list ul li .selected_service_image{ min-height:90px;} 
#step-6 .extra_list ul li .selected_service_image img{ height:60px;} 

#step-8 .sod_select{ background:none; width:100%; max-width:410px;} 
#step-8 .custom-field-inputs{ border:none; width:100%; box-sizing:border-box; color:#000; font-family: 'Montserrat', sans-serif; font-weight:500 !important; font-size:14px;}
#step-8 .custom-field-inputs::-moz-placeholder{color:#000;opacity:1;}  
#step-8 .custom-field-inputs::placeholder{color:#000;opacity:1;} 
 
#step-8 .custom-fields strong{ color:#fff;} 
#step-8 .drop_downfeild .single_line{ width:100%; max-width:410px;} 
#step-8 .drop_downfeild .other-input{ width:100%; max-width:410px; border:none; height:44px; background:#fff; border-radius:40px; box-sizing:border-box; color:#000; font-family: 'Montserrat', sans-serif; font-weight:500 !important; font-size:14px; padding-left:15px; padding-right:15px;}  
#step-8 .drop_downfeild .other-input::-moz-placeholder{color:#000;opacity:1;}  
#step-8 .drop_downfeild .other-input::placeholder{color:#000;opacity:1;} 

#step-9 .row .input-field{ margin-left:0px; margin-top:40px;} 
#step-9 .row .input-field input{ box-sizing:border-box; color:#000; font-family: 'Montserrat', sans-serif; font-weight:500 !important; font-size:14px;} 
#step-9 .row .input-field input::-moz-placeholder{color:#000;opacity:1;}  
#step-9 .row .input-field input::placeholder{color:#000;opacity:1;} 

#step-9 .extra_list ul li{ width:200px !important; margin:0px 8px 15px !important; padding:10px !important; background:#fff; border:none; color:#000; font-weight:600;} 
#step-9 .extra_list ul li .selected_service_image{ min-height:90px !important;} 
#step-9 .extra_list ul li .selected_service_image img{ height:60px;} 

#step-9 .row .input-field label{ position:relative; color:#fff; font-family: 'Oswald', sans-serif; text-transform:uppercase; font-weight:500 !important; font-size:18px; padding-bottom:0; transform:initial !important;} 
#step-9 .row .col{ margin-bottom:0px;} 

#step-9 .row:nth-child(2){ padding-top:0px;}

.multistep-form.card select{ background:#fff url(https://royaltypainting.com.au/wp-content/uploads/2023/07/downarrow.png) no-repeat right center !important; padding-right:50px !important; -webkit-appearance:none!important; -moz-appearance:none!important; border:none; appearance:none!important;} 

.multistep-form.card .datepicker-date-display{ background:#003174 !important; font-family: 'Oswald', sans-serif !important; text-transform:uppercase!important;} 
.multistep-form.card .datepicker-date-display .date-text{ font-size:34px!important;}
.field-error input, .field-error select{border-bottom: red 1px solid !important;}    
.next-step:disabled, .next-step[disabled]{background:gray !important;}


#step-7 .booking-form .sod_select{background:none; width:100%;}
#step-7 .booking-form .sod_select select {
    border: none;
    background: #fff;
    width: 100%;
    margin: 0px;
    color: #000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500 !important;
    font-size: 14px;
	height: 44px;
	border-radius: 25px;
	padding: 6px 20px;
}
.other-input.field-error, #step-9 .input-field.field-error input{
  border: 3px solid red !important;
}

.multistep-form.card{ box-shadow:0 2px 15px 7px rgba(46,46,46,.3) !important; background:#fff; color:#000;}  
#progress-bar-container{ background:#eeeded;max-width: 700px;left: 21%;} 
.services-btns{ background:#fff; color:#000; text-transform:inherit; border-radius:15px; padding:20px; font-family:inherit; font-weight:600 !important;}  
.services-btns:hover{ background:#5ac6d1 !important; color:#000 !important;}
.services-btns.checked{ background:#b4d4ff; color:#000;} 
#step-1 .booking-form.services {
  grid-template-columns: repeat(1,auto);
}
#step-1 .booking-form.services .services-btns{ margin-right:20px !important; text-decoration:none;} 
#step-1 .booking-form.services .services-btns:nth-child(4n+4){ margin-right:0px !important;} 
.multistep-form.card .card-footer{ background:#fff !important; } 
.multistep-form.card .card-footer .prev-step{ color:#000; font-family:inherit; min-width:150px; border-radius:50px;} 
.multistep-form.card .card-footer .prev-step:hover{ background:#e5e5e5;} 
.multistep-form.card .card-footer .next-step{ background:#60b5f6; color:#fff; font-family:inherit; } 
/* .multistep-form.card .card-footer .next-step:hover{ background:#90db26;} */

#multistep-form h3{ text-transform:inherit;  color:#000; font-family:inherit; text-transform:inherit;} 

#step-2 .extra-services-step-2{ width:100%;  margin:0 auto; margin-top:40px;} 
/*#step-2 .services-btns{ justify-content:center; text-align:center; flex-direction:column;} */
/*#step-2 .services-btns p{ text-align:center; padding-top:10px;} */
#step-2 .extra-services-step-2 .sub-service-parent-wrapper .sub-service-input-wrapper .form-group.sub_category_quentity{ background:#eee; box-shadow:none !important; } 

#step-3 .booking-form #selected-spot{ border-radius:0px; box-shadow:none !important; border-bottom:#000000 1px solid !important; height:50px; padding:6px 0px !important; } 
#step-3 .booking-form .select-date-input, #step-3 .booking-form .available-slots{ width:32%;} 

#step-4 .booking-form.sparkle{ padding-top:30px; width:100%; max-width:730px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:space-between;} 
#step-4 .booking-form .services-btns{ min-height:100px; padding:20px !important; width:48%; margin:0px !important; color:#fff; background:#bdbdbd;} 
#step-4 .booking-form .services-btns.checked{ background:#774d98; color:#fff;}  
#step-4 .booking-form.sparkle .services-btns{padding:20px !important; } 
.no-extra-frm #step-4 .booking-form.sparkle .services-btns:nth-child(4){ position:relative;} 
.no-extra-frm #step-4 .booking-form.sparkle .services-btns:nth-child(4):after{ content:""; width:60px; height:60px; position:absolute; background:url(https://www.womanstouchservices.com.au/wp-content/uploads/2023/08/most_popular.png); background-size:100%; position:absolute; right:-14px; top:-22px; }
.extra-frm .drop_downfeild.fid-301, .extra-frm .drop_downfeild.fid-302{display:none;}

#step-5 .booking-form.personal-details, #step-7 .booking-form.personal-details{ width:100%; max-width:960px; margin:0 auto; }
#step-5 .booking-form.personal-details input, 
#step-7 .booking-form.personal-details input, 
#step-9 .row .input-field input{ border-radius:0px!important; border:none !important; box-shadow:none !important; border-bottom:#000000 1px solid !important; height:50px; padding:0px !important; color:#000; }   
#step-5 .booking-form.personal-details input::-moz-placeholder, 
#step-7 .booking-form.personal-details input::-moz-placeholder{color:#9e9eb7 !important;opacity:1;} 
#step-5 .booking-form.personal-details input::placeholder, 
#step-7 .booking-form.personal-details input::placeholder{color:#9e9eb7 !important;opacity:1;}
#step-5 .booking-form.personal-details .field-error input, 
#step-7 .booking-form.personal-details .field-error input, 
#step-9 .row .input-field.field-error input{ border:none !important; border-bottom:red 1px solid !important; outline:none !important; box-shadow:none !important;} 

.multistep-form.card select{ display:block !important; border-bottom:#000000 1px solid; height:50px !important; padding-left:0px !important; font-family:inherit;} 

#step-8 label{ color:#000; font-family:inherit; text-transform:inherit;} 
#step-8 .custom-field-inputs{ border:none !important; border-radius:0px!important; box-shadow:none !important; border-bottom:#000000 1px solid !important; height:50px !important; padding-left:0px !important;} 
#step-8 .custom-field-inputs{border:none !important; border-radius:0px!important; box-shadow:none !important; border-bottom:#000000 1px solid !important; height:50px !important; padding:0px 50px 0px 0px!important;} 

#step-9 .row .input-field label{ color:#000; font-family:inherit; text-transform:inherit;} 


#step-8 .custom-fields strong{ color:#000 !important;} 
#step-8 .drop_downfeild .other-input{ max-width:40% !important; border:none; border-bottom:#000 1px solid; padding:0px !important; border-radius:0px !important; height:50px !important;}#step-8  .drop_downfeild .field{ width:40%;}  

#step-7 .booking-form.personal-details{ display:flex; flex-wrap:wrap; justify-content:space-between;} 
#step-7 .booking-form.personal-details .addressfeild:nth-child(1){ width:100%;} 
#step-7 .booking-form.personal-details .addressfeild{ width:48%;} 

.card-footer button{ font-family:inherit;} 
.drop_downfeild .other-input.field-error{border:none !important; border-bottom: 1px red solid !important;}
#multistep-form.extra-frm #step-4 .booking-form .services-btns{width: 24%;}
#multistep-form.extra-frm #step-4 .booking-form.sparkle{max-width: 850px;}
.four-things .col-sm-12{width:100%; text-align:center;}
.four-things .input-field{margin-top: 8px !important; margin-bottom: 8px !important;padding-left: 15px;padding-right: 15px; }
.four-things .input-field label{color:#666; padding-left: 45px;cursor:pointer;} 
.four-things .input-field input[type="checkbox"]{opacity:1; height: 30px !important; width: 30px !important;}  

/*========================18=8=23==========================*/ 

.home_sile h2.h4{ font-size:25px; margin-bottom:35px;} 
#step-8 .booking-form .user-fields{ width:48%; display: inline-block; padding: 0 10px;} 
.booking-form.personal-details input:focus{ border-bottom:1px solid #1692f2 !important; box-shadow:0 1px 0 0 #1692f2 !important;}
.booking-form.personal-details input::-moz-placeholder, .custom-datepicker::-moz-placeholder{color:#8d8b92;opacity:1;} 
.booking-form.personal-details input::placeholder, .custom-datepicker::placeholder{color:#8d8b92;opacity:1;} 

#step-8 .booking-form.extra-services {grid-column-gap:30px; grid-template-columns: repeat(2,auto); padding: 0px 5px;} 
#step-8 .booking-form.extra-services #selected-spot{ margin-bottom:0px !important; height:50px;} 

#step-5  .booking-form.address-section .sparkle.frequency-list{ display:flex; justify-content:space-between; margin:25px 0px;} 
#step-5  .booking-form.address-section .sparkle.frequency-list .services-btns{ width:23% !important; cursor:pointer; margin:0px !important; } 
#step-5  .booking-form.address-section .sparkle.frequency-list .services-btns label{ color:#000; font-size:22px; font-weight:600 !important; width: 100%;padding: 0; cursor:pointer;padding: 20px 5px !important;
  box-shadow: rgba(0, 0, 0, 0.35) 0px -50px 36px -28px inset;  border-radius: 100px;} 

/*
.frequency-list > div:nth-child(1) {
  background: #9474cc !important;
}

.frequency-list > div:nth-child(2) {
  background: #b864bc !important;
}

.frequency-list > div:nth-child(3) {
  background: #50acf4 !important;
}

.frequency-list > div:nth-child(4) {
  background: #58c4dc !important;
}
*/
.frequency-list div label {
 font-weight: bold !important;
}


.extra_list.calculating ul{ display:flex; justify-content:center; flex-wrap:wrap;} 
.extra_list.calculating ul li{border:#e9eaec 2px solid; padding:20px; width:220px; border-radius:10px; margin:0px 10px 15px; text-align:center;}
.extra_list.calculating ul li .selected_service_image{ height:90px; display:flex; align-items:center; justify-content:center;} 
.extra_list.calculating ul li .selected_service_image img{ height:50px;} 
.total-estimate-price{ color:#439e9f;} 

.multistep-form.card #step-6 select{ border-radius:10px !important; border:#cdcdcf 1px solid !important; width:50%; padding-left:20px !important;
background: #e8e9eb !important; 
background: -moz-linear-gradient(top,  #e8e9eb 0%, #f2f2f2 100%) !important;
background: -webkit-linear-gradient(top,  #e8e9eb 0%,#f2f2f2 100%) !important; 
background: linear-gradient(to bottom,  #e8e9eb 0%,#f2f2f2 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e9eb', endColorstr='#f2f2f2',GradientType=0 )!important; 
}

#step-6 .single_line .custom-field-inputs::-moz-placeholder, #step-6 .custom-field .other-input::-moz-placeholder, 
#step-7 .booking-form .addressfeild .address-inputes::-moz-placeholder{color:#000;opacity:1;}
#step-6 .single_line .custom-field-inputs::placeholder, #step-6 .custom-field .other-input::placeholder, 
#step-7 .booking-form .addressfeild .address-inputes::placeholder{color:#000;opacity:1;} 

#step-7 .booking-form .addressfeild .address-inputes:focus{ outline:none; border-bottom:#60b5f6 1px solid;} 

#progress-bar-container{ max-width:100%; left:0px;} 

.four-things .input-field label{ position:relative !important; font-size:16px !important; transform:inherit !important;} 

#stripe-payment-form{ display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:40px !important; padding:0px;}
.personal-contact-details{ justify-content:space-between; margin-top:40px; padding:0px;}
#stripe-payment-form .input-field, 
.personal-contact-details .user-fields{
	width:50%; 
	margin:0px 0px 40px!important; 
	flex:inherit; 
} 
#stripe-payment-form .input-field input[type=text], 
.personal-contact-details .user-fields input[type=text],
.personal-contact-details .addressfeild input[type=text],
.personal-contact-details .available-slots input[type=text],
.personal-contact-details .select-date-input select{
	border:#d8d8da 1px solid; 
	border-radius:50px !important; 
	box-sizing:border-box; 
	padding:0px 15px;
} 
.personal-contact-details .addressfeild select{ border-bottom: 1px solid #d8d8da; color: #a1a1a1}
.personal-contact-details .available-slots, 
.personal-contact-details .select-date-input,
.personal-contact-details .addressfeild{
	padding: 0 15px;
    width: 48%;
    display: inline-block;
	margin: 0px 0px 40px;
}
.personal-contact-details .addressfeild:last-child{ display:inherit; padding: 0px 5px 0 25px}
	
#stripe-payment-form .custom_credit_field{ font-size:14px !important; top:-26px !important; transform:inherit !important; transition:inherit;} 

#step-8 .row:nth-child(3) .col .input-field{ width:100% !important; padding:0px !important; margin:0px;} 
#step-8 .row:nth-child(3) .col .input-field input[type=text], 
#step-8 .row:nth-child(3) .col .input-field input[type=number]{border:#d8d8da 1px solid !important; border-radius:50px !important; padding:0px 20px !important; box-sizing:border-box;} 
#step-8 .row:nth-child(3) .col .input-field label{font-size:14px !important; top:-26px !important; transform:inherit !important; transition:inherit !important;} 
.four-things{ padding-top:35px !important;} 
.card-footer{border:none;} .custom-fields .drop_downfeild label, .custom-fields .slinefield label{font-size: 20px;color: #000;}
#multistep-form .total h4{text-align: center;}
.booking-form .total span{font-weight: 600; font-size:23px;}
.finishing-type{font-size: 26px;margin-top: 40px;padding-bottom: 5px; font-weight:bold;}
.finishing-type img{max-height:55px;} .selected_plan span{font-weight:bold;}
.deal-closes{text-align:center;} 
.summary-holder h3{color:#000 !important; margin-bottom:0 !important; font-size: 2rem !important; font-weight:500 !important;}
.summary-holder li{/* font-weight:bold; */} .summary-holder #completed img{max-height: 70px; margin-top: 15px;}
.vochuer-code{font-size: 20px;font-weight: 600;} .vcode{border: dashed 2px #439e9f;padding: 7px 15px;cursor: pointer; color:#439e9f;} .vcode:hover{border-color:red; color:red;}
.blue-color{color:#60b5f6;} #discount_input{color: #439e9f;}
#completed{color:#fff; font-size:60px; font-weight: bold;}
#step-5 .booking-form .total table tr:nth-child(2), #step-5 .booking-form .total table tr:nth-child(2) span{color: #000;}
/* #step-8.without-credit .total td, #step-8.without-credit .total td span{color:#000;} */
.booking-form .selected_plan{font-size: 24px;} .red-txt{display:none;}
.quote-top{text-align:center; margin-bottom:25px;} .quote-top p{font-size: 22px;line-height: 30px;}
.multistep-form.card .card-footer{margin: auto;} .quote-off-title{ font-size: 22px; font-weight: bold;  text-align: center;  margin-bottom: 35px;  margin-top: 5px; line-height: normal;}
.quote-off-title span{display:block;} .quote-off-title .eliminate{font-weight: normal;margin-bottom: 12px;} .quote-off-title .save-upto{color: #6bc9cb;}
.home_sile .p-relative.col-md-8 .multistep-form.card{max-width: 90%;}
.social-footer{text-align:right;border-top: 3px solid #7abff6;padding-top: 25px;} .social-footer img{max-height:60px; margin:0 5px;}
.social-footer strong{color:#7abff6; font-size:24px; margin-right:20px;}
.booking-form .selected_service{font-weight:400;}
.total span img{max-width:86px; max-height: 40px; margin: 2px 30px; object-fit: contain;}
#step-5 .booking-form.address-section .sparkle.frequency-list .services-btns.checked{opacity:1;}
#step-5 .booking-form.address-section .sparkle.frequency-list .services-btns.checked label{color:#fff;}
/** code hiding payment system ***/
/* .pay-non-commercial, .four-things{display:none !important;} */
/*** end of hiding code **/
.quotation-process img{max-height:40px;}
.multistep-form.card #step-6 textarea {
  border-radius: 10px !important;
  border: #cdcdcf 1px solid !important;
  height: 150px;
  padding: 10px 15px;
  }
.cat-group-window-head, .cat-group-door-head{display: grid;grid-template-columns: repeat(2,auto);margin-bottom:35px;}
.cat-group-roof-head{display: grid;grid-template-columns: repeat(1,auto);margin-bottom:35px;}
.cat-group-window-head .extra-service-image, .cat-group-door-head .extra-service-image, .cat-group-roof-head .extra-service-image{width: 80px !important; height: 80px !important;}
.cat-group-window-head .sub-service-wrapper, .cat-group-door-head .sub-service-wrapper, .cat-group-roof-head .sub-service-wrapper{padding: 10px 0 !important;	font-size: 26px !important;}
.cat-group-window-head .sub-service-wrapper, .cat-group-door-head .sub-service-wrapper, .cat-group-roof-head .sub-service-wrapper{border: 3px solid #000;} .cat-group-roof-head .sub-service-wrapper{max-width:350px;}
.price-tool-tip:after {
  content: '';  position: absolute;  right: 0;  width: 0;  height: 0;
  border-top: 20px solid #777;  border-left: 40px solid transparent;  border-right: 40px solid transparent;
  left: 60px;  bottom: -21px;}
	
	/* #step-2 > .row > .col-md-8{width: 100%;} */
}





@media (min-width:992px) and (max-width:1199px){  
.services-btns{font-size:16px;}
#step-1 .booking-form.services .services-btns{ margin-right:10px;}

}

@media (min-width:768px) and (max-width:991px){  
.services-btns{font-size:16px;} 
#step-1 .booking-form.services .services-btns{ margin-right:10px;} 

#step-2 .extra-services-step-2{grid-template-columns:repeat(1,auto);} 
#step-2 .extra-services-step-2 .sub-service-parent-wrapper{ margin-right:0px !important;} 
#step-3 .booking-form .select-date-input, #step-3 .booking-form .available-slots{ width:40%;} 
#step-3 .booking-form .sod_select select{ width:100%;}

}

@media (max-width:767px){
.multistep-form.card{ padding:15px 15px 0px;}	 
.booking-form.services, .booking-form.extra-services{grid-template-columns:repeat(1,auto); grid-row-gap:15px;} 
#step-3 .booking-form #selected-spot, #step-3 .booking-form .sod_select{ width:100%; margin-left:0px; margin-right:0px;} 
#step-8 .custom-field-inputs, #step-9 .row .col{ width:100%;} 

.services-btns{font-size:16px;} 
#step-1 .booking-form.services{grid-template-columns:repeat(1,auto);}  
#step-1 .booking-form.services .services-btns{ margin-right:0px;} 
.aw_saving{ font-size:22px; padding-bottom:30px;} 
.page-id-1537 .article-content .container{ padding-top:50px !important;} 
#step-2 .extra-services-step-2{grid-template-columns:repeat(1,auto);} 
#step-2 .extra-services-step-2 .sub-service-parent-wrapper{ margin-right:0px !important;} 
#step-3 .booking-form .select-date-input, #step-3 .booking-form .available-slots{ width:100%;} 
#step-3 .booking-form .sod_select select{ margin-left:0px; width:100%;} 

/*==============================31=07=2023=======================================*/ 
.multistep-form.card .card-footer{ margin:30px -15px -15px; padding:20px 10px 20px;} 
#step-3 .booking-form .available-slots{ padding-left:0px;} 
#multistep-form h3{ font-size:24px;} 
#step-4 .booking-form.sparkle{grid-template-columns:repeat(1,auto);} 
.multistep-form.card .btn-book-now{ min-width:inherit; padding-left:15px; padding-right:15px;} 
#step-9 .row:nth-child(1){ margin-bottom:0px;}

/*********** */
#step-1 .booking-form.services{grid-template-columns:repeat(1,auto);}  
#step-1 .booking-form.services .services-btns{ margin-right:0px !important;} 
#step-3 .booking-form .select-date-input, #step-3 .booking-form .available-slots, 
#step-7 .booking-form.personal-details .addressfeild, 
#step-8 .drop_downfeild .field, #step-4 .booking-form .services-btns{ width:100%;} 

#step-8 .drop_downfeild .other-input{ max-width:100% !important;} 
.multistep-form.card .card-footer{ flex-wrap:wrap;} 
.card-footer button{ margin:5px 10px !important; font-family:inherit; padding:10px 25px !important;}  

/*========================18=8=23==========================*/
#stripe-payment-form .input-field, #step-8 .row .col, #step-3 .booking-form .user-fields, 
.multistep-form.card #step-6 select { width:100%;}  
#step-8 .row .col{ flex:inherit !important; margin-bottom:30px !important;} 
#step-5 .booking-form.address-section .sparkle.frequency-list .services-btns{ width:100% !important; margin-bottom:15px !important; padding:0; } 
#step-5 .booking-form.address-section .sparkle.frequency-list{ flex-wrap:wrap;}
.asp_product_buy_btn_container{margin-top: 0 !important;}	.card-footer button{margin:0 !important;}
	.home_sile .banner-top-section, .content-top-section{padding-bottom: 0px !important;}
	.multistep-form.card .card-footer{margin:0;}
	.booking-form.extra-services .cat-group-inner, .cat-group-window-head, .cat-group-door-head{grid-template-columns: repeat(1,auto);}	.cat-group-window-head .sub-service-parent-wrapper{margin-top:20px;}
	.total table tr td:nth-child(3) .calculating{display: block;}	
	#step-8 .booking-form .user-fields{width: 100%; margin: 0px 0px 10px !important;}
	.personal-contact-details .available-slots, .personal-contact-details .select-date-input, .personal-contact-details .addressfeild{width: 100%; margin: 0px 0px 10px !important;}
	.summary-holder #completed img{max-height: 40px;} .summary-holder h3{padding-bottom:0 !important;}
	.summary-holder li{font-size: 15px; line-height: 17px;}
	.summary-holder h3{font-size: 20px !important; margin-top: -22px !important;}
}