.pt-125 { padding-top: 100px;}
.pb-100 { padding-bottom: 100px;}
.pb-20 { padding-bottom: 20px;}
.page-template-treatment-add .ast-container, 
.page-template-treatment-category-add .ast-container, 
.page-template-treatment-questions-add .ast-container, 
.page-template-treatment-questions .ast-container, 
.page-template-product-suggestion .ast-container,
.page-template-online-treatments .ast-container,
.page-template-customer-details .ast-container,
.page-template-customer-treatments .ast-container {  display: block !important; }
.page-template-online-treatments .ast-container { max-width: 1240px !important; }
.row{  display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.row .col-md-12, .row .col-md-9, .row .col-md-6, .row .col-md-4, .row .col-md-8, .row .col-md-2, .row .col-md-3{
	position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
	margin-bottom: 1rem;
}
.row .col-md-12 { flex: 0 0 100%; max-width: 100%;}
.row .col-md-9 { flex: 0 0 75%; max-width: 75%;}
.row .col-md-6 { flex: 0 0 50%; max-width: 50%;}
.row .col-md-4 { flex: 0 0 33.33%; max-width: 33.33%;}
.row .col-md-8 { flex: 0 0 66.66%; max-width: 66.66%;}
.row .col-md-3 { flex: 0 0 25%; max-width: 25%;}
.row .col-md-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%;}

.page-template-treatment-questions-add .forgrpp{ padding: 10px 0; }
.page-template-treatment-add table tr td ul { margin-bottom: 0px; margin-left: 0px; }
.page-template-treatment-questions .mainbanner, .page-template-product-suggestion .mainbanner, .page-template-treatment-add .mainbanner, .page-template-treatment-edit .mainbanner, .page-template-customer-details .mainbanner { display: none;}
.page-template-treatment-questions .topbanner, .page-template-product-suggestion .topbanner{
	margin-bottom: 50px;
    width: 100vw;
    margin-left: calc(-50vw + 50%) !important;
    position: relative;
    text-align: center;
    background-image: url(https://thanksdoc.co.uk/wp-content/uploads/2023/08/breadcrumb-thanks.png);
    padding: 30px 50px;
    background-size: cover;
    background-repeat: no-repeat;
}
.page-template-treatment-questions .topbanner .bgoverlay, .page-template-product-suggestion .topbanner .bgoverlay{
	background-color: #000000;
    opacity: 0.5;
	height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
.page-template-treatment-questions .topbanner h1, .page-template-product-suggestion .topbanner h1 { color: #ffffff; }
.commonbtnns{
	background-color: #50b5b5;
  color: #fff !important;
  font-size: 14px;
  line-height: 1;
  padding: 18px 40px 18px 40px;
  border-radius: 30px;
  font-weight: 700;
  text-transform: uppercase;
}
.commonRemovebtnn{ background-color: #f46060; color: #fff; border-color: #f46060;}
.commonRemovebtnn:hover{ color: #fff;}
.treatmenttStepp{ background-color: #50b5b5; border-radius: 3px; color: #fff; padding: 10px 20px; border-color: #50b5b5;}
.treatmenttStepp:hover{ color: #fff; }
.select2-container {width: 100% !important;}
#treatmentManage td ul li{list-style: disc;}
.popuppheadding{
	background-color: #50b5b5;
  padding: 10px;
  color: #fff;
  font-size: 20px;
  margin: -10px -10px 15px;
}
#dattaaTable td a i{ color: #04bca4; padding: 5px; }
/* Qustions part */
.breadcrumb-text.custmo h4 {
  text-align: center;
  font-weight: 400;
  color: #ffffff;
  margin: 20px 0 0;
  font-size: 20px;
  line-height: 28px;
}
.questionnaire-breadcrumbs {
  display: inline-flex;
  list-style: none;
  margin: 0;
  padding: 0;
  height: 45px;
  align-items: stretch;
}
.questionnaire-breadcrumbs li:first-child { border-radius: 10px 0 0 10px; border-left: 1px solid #50B5B5;}
.questionnaire-breadcrumbs li:last-child { border-radius: 0 10px 10px 0; border-right: 1px solid #50B5B5;}
.questionnaire-breadcrumbs li.active, .questionnaire-breadcrumbs li.finish  {
  background: #50B5B5;
  color: #fff;
  cursor: pointer;
}
.questionnaire-breadcrumbs li {
  flex: 1 1 auto;
  padding: 5px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 100%;
  border-top: 1px solid #50B5B5;
  border-bottom: 1px solid #50B5B5;
  background-color: #fff;
  position: relative;
  color: #1a1a1a;
}
strong.toptitlee {
  font-size: 21px;
  color: #595959;
  line-height: 1.5;
  font-weight: 400;
  margin: 20px 0;
  display: block;
}
.stepcontents p { margin: 20px 0 10px; }
.stepcontents, .progress-box {
  background-color: #fff;
  box-shadow: 1px 1px 4px 1px rgba(0,0,0,.15);
  border-radius: 10px;
  padding: 30px 30px;
}
.questionnaire-breadcrumbs .arrow {
  flex: 0 0 13px;
  width: 13px;
  height: 45px;
  border-top: 1px solid #50B5B5;
  border-bottom: 1px solid #50B5B5;
  background-color: #fff;
}
.progress-box { padding: 18px 18px;}
.questionnaire-breadcrumbs li:after {
  content: '';
  display: block;
  height: 43px;
  position: absolute;
  background-image: url(/wp-content/uploads/2023/12/normal-arrow.png);
  width: 14px;
  background-size: cover;
  z-index: 9;
  right: -5px;
}
.questionnaire-breadcrumbs li.active:after {
  background-image: url(/wp-content/uploads/2023/12/active-arrow-gr.png);
  background-size: cover;
}
.questionnaire-breadcrumbs li:last-child:after { background: none; }
.stepcontents h3{ padding: 15px; background: #f4f4f4; font-size: 24px; color: #50b5b5;}
.stepcontents ul { margin-left: 15px;}
.stepcontents ul li { list-style-type: disc; margin-bottom: 8px; }
.form-footer #submitapp { background: #50B5B5 !important; border-radius: 30px; }
.form-footer #submitapp:hover { background-color: #43A0A0 !important; }
.content-step6 p {margin-top: 10px; }
.stepcontents .info p{ padding: 10px; background-color: #e6f5e9; border: 1px solid #50B5B5;}
.stepcontents .warning p{ padding: 10px; background-color: #ffdbda; border: 1px solid #ff9e9d; }
.stepcontents p, .stepcontents ul li, .form-group label {
  font-size: 17px;
  color: #1a1a1a;
  line-height: 26px;
	display: block;
}
.stepcontents .form-group { margin-bottom: 20px; }
.form-control { display: block; width: 100%; line-height: 1.5;}
.form-group input[type="checkbox"], .form-group input[type="radio"] {
  width: 19px;
  margin-right: 10px;
  float: left;
  height: 18px;
  margin-top: 3px;
  cursor: pointer;
  accent-color: #50B5B5;
}
#bookingserviceform .step {display: none;}
#bookingserviceform #prevBtn, #bookingserviceform #nextBtn{
  border-radius: 30px;
  color: #ffffff;
  font-size: 14px;
  line-height: 1;
  padding: 18px 40px;
  text-align: center;
  background: #50B5B5;
  font-weight: 700;
  cursor: pointer;
  border: none;
  text-transform: uppercase;
}
#bookingserviceform #prevBtn{ color: #50B5B5; background-color: #fff; border: 2px solid #50B5B5;}
#bookingserviceform #prevBtn:hover, #bookingserviceform #nextBtn:hover{ 
	background-color: #43A0A0 !important;
  	border-color: #43A0A0;
}
#bookingserviceform #prevBtn:hover{color: #ffffff;}
#bookingserviceform #prevBtn:hover, #bookingserviceform #nextBtn:hover{ background: #37383f; }
.stepcontents .form-footer{ display: flex; justify-content: space-between; }

#bookingserviceform label.fileuploadd{ display: inline-block; color: #50B5B5; text-decoration: underline; }
#bookingserviceform .step6file{
	text-align: center;
  border: solid 1px #595959;
  padding: 30px 10px;
  width: 40%;
  color: #000;
	display: inline-block;
  margin-right: 15px;
}
#bookingserviceform .errordiv {
	color: #f00;
  text-align: center;
  font-size: 20px;
  border: 1px solid #f00;
  padding: 11px;
	margin-bottom: 20px;
}
#bookappointment .form-control:focus{ box-shadow: none !important;  }
#bookappointment input[type=text]:focus { outline-color: black;}
#bookappointment #progressbar{
	display: flex;
  height: 35px;
  border: 1px solid #50B5B5;
  border-radius: 50px;
  overflow: hidden;
}
#bookappointment #progressbar span{
	width: 100%;
  background: #50B5B5;
  border-radius: 50px;
  position: relative;
	transform: translateX(-100%);
}
.treat-infor{display: none;}
.step.content-step2 .treat-infor{display: block; margin-top: 0px;}
#bookappointment .inlinediv{ width: 15%; display: inline-block; }

/* Treatments Tabs  -- Radhika */
.treatments-tabss h6{padding-top:20px;}
.treatments-tabss .row{padding: 5px 15px;}
.treatments-tabss h6:first-child{ color: #50b5b5;}
.treatments-tabss hr {color: #cccccc;}
.treatments-tabss.elementor-widget-tabs .elementor-tab-desktop-title{padding: 10px 3px;}
.treatments-tabss .col-md-12{padding-right: 0px; padding-left: 0px;}
.treatments-tabss .right{float: right;}
.treatments-tabss .elementor-tab-title.elementor-tab-desktop-title{border-bottom: 4px solid #ccc !important;}
.treatments-tabss .elementor-tab-desktop-title.elementor-active{border-bottom: 4px solid #50b5b5 !important;}
.treatments-tabss.elementor-widget-tabs .elementor-tab-content{padding: 0px !important;}
.treatments-tabss.elementor-widget-tabs .elementor-tab-title{text-align: center;}
.treatments-tabss .col-md-12{text-align: left;}

/* Hide products in cart page*/
.woocommerce-cart .wp-block-product-new { display: none;}

@media screen and (max-width: 768px) {
	.page-template-treatment-questions .topbanner, .page-template-product-suggestion .topbanner { padding: 30px 0px;     margin-bottom: 0px; }
	.woocommerce-cart article, .woocommerce-checkout article {padding: 50px 15px;}
	.row { margin-right: 0px; margin-left: 0px;}
	.row .col-md-9, .row .col-md-6, .row .col-md-4 , .row .col-md-8, .row .col-md-3, .row .col-md-2{ 
		flex: 0 0 100%; 
		max-width: 100%; 
	}
	#bookingserviceform .step6file { width: 100%;}
	.treatments-tabss .elementor-tabs .elementor-tabs-wrapper { display: flex;}
	.treatments-tabss.elementor-widget-tabs .elementor-tabs-content-wrapper .elementor-tab-mobile-title { 
		display: none !important;
	}
	.treatments-tabss.elementor-widget-tabs.elementor-tabs-alignment-stretch.elementor-tabs-view-horizontal .elementor-tab-title {width: 100%;}
	
/* Treatment pages responsive */
	.page-template-treatment-add .pt-125, .page-template-treatment-category-add .pt-125 {padding-top: 50px;}
	.page-template-treatment-add .section-title h2, .page-template-treatment-category-add .section-title h2, 
	.page-template-product-suggestion h2 {font-size: 24px;}
	.page-template-treatment-add .commonbtnns, .page-template-treatment-category-add .commonbtnns {
		padding: 15px 25px 15px 25px; margin-top: 10px; float: left !important;
	}
	.page-template-treatment-add table { border-collapse: collapse; overflow-x: auto; display: block;}
	.page-template-product-suggestion .breadcrumb-area, .page-template-treatment-questions .breadcrumb-area {
		padding: 60px 0px;
	}
	.page-template-product-suggestion .breadcrumb-text.custmo h4, 
	.page-template-treatment-questions .breadcrumb-text.custmo h4 {font-size: 16px; line-height: 22px;}
	.page-template-product-suggestion .mb-80, .page-template-treatment-questions .mb-80 {margin-bottom: 0px;}
	.page-template-product-suggestion .container h2 {padding-top: 50px;}
	.page-template-treatment-questions strong.toptitlee {margin: 0px; padding: 50px 0px 20px 0px;}
	.questionnaire-breadcrumbs, .progboxcol, button#prevBtn, button#nextBtn{display: none !important;}
	#bookingserviceform .colquestions .step{display: block !important;}
	.col-md-9.colquestions {width: 100%; max-width: 100%; flex: 0 0 100%;}
	.colquestions .step .col-md-12 {padding: 0;}
	#bookingserviceform .colquestions .step.laststep{border-top: 1px solid #c7c7c7; padding-top: 25px;}
	#bookingserviceform .colquestions .step.content-step1{border-bottom: 1px solid #c7c7c7;margin-bottom: 20px;}
	input#submitapp{ display: block !important; width: 100%;}
	#bookappointment .inlinediv { width: 32%; }
	.stepcontents, .progress-box { padding: 30px 20px; }
	.form-group label { line-break: anywhere;  }
}