@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
body {font-family: "Rubik", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;   font-size: 18px;line-height: 24px; color:#4D5358; direction: rtl;}
h1, h2, h3, h4 {  color: #1D2D53;font-family: "Rubik", sans-serif; font-optical-sizing: auto;font-style: normal; font-weight: 700;}
a, a:focus, a:hover, button, button:focus, input[type=submit], input[type=submit]:hover{ text-decoration:none; outline: 0;  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
input:focus, select:focus,textarea:focus,button:focus {outline: none; box-shadow:none !important; border: none;}
.container, .container-fluid, .row  [class*="col-"] { padding-left: 15px; padding-right: 15px;}
.row { margin-left: -15px; margin-right: -15px;}
.row  [class*="col-"] { position:relative;}
.container-fluid.hpadding { padding: 0; overflow: hidden; text-align: center;}

.navbar-toggler { display: none; height: 18px;  width: 24px;  border-radius: 0px; background-color: none;position:absolute; left: 16px; top: 20px; z-index: 102; border: 0; padding: 0;  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease; }
.navbar-toggler i{ width: 24px; height: 3px; background: #1D2D53; border-radius: 6px; position:absolute; z-index: 5; right: 0; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease; opacity: 1; font-size: 0px; line-height:  0px; color:rgba(112,112,112, 0); }
.navbar-toggler i:nth-child(1){ top: 1px;}
.navbar-toggler i:nth-child(2){top: 8px;}
.navbar-toggler i:nth-child(3){top: 15px;}
.navbar-toggler.active i:nth-child(2) { opacity: 0;}
.navbar-toggler.active i:nth-child(1) { transform: rotate(-45deg); top: 6px;}
.navbar-toggler.active i:nth-child(3) { transform: rotate(45deg); top: 6px; }

.logo { width: 144px;  position: absolute; right: 6.5%; top: 24px;}
.logo a { display: block; padding: 0; text-decoration: none;}
.logo a img { max-width: 100%; height: auto; padding: 0px;}
.home_icon { position: absolute; left: 6.25% ;top: 28px; font-size: 16px; line-height: 27px; }
.home_icon a { display: block; text-decoration: none;color: #1D2D53; font-weight: 500;}
.home_icon a img { padding-right: 4px;}

.header { height: 84px; background: #fff; position: relative; z-index: 99;-webkit-box-shadow: 0px 10px 50px 0px rgba(0,0,0,0.05); box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.05);}
.base_container { width: 100%; float: right; padding: 0; margin: 0;  position: relative; z-index: 2;}
.color_back { position:absolute; right: 0; left: 56%; top: 0; bottom:0; z-index: -3; overflow: hidden;    background-repeat:no-repeat; background-position: center center; background-size: cover;}
.color_back.form_area_image { background-position: calc(50% + 50px) center !important;}
.circles {position:absolute; right: 0; left: 0; top: 0; bottom:0; z-index: -2; overflow: hidden;    background-repeat:no-repeat; background-position: center center; background-size: cover;}
.color_top_text { font-size: 28px; line-height: 32px; font-weight: 700; color: #fff; text-align: center; position: absolute; z-index: 6; width: 450px; top: 28%; left: 50%; margin-left: -180px; }
.color_top_text p { margin-bottom: 8px;}
.color_top_text b, .color_top_text strong {font-size: 18px; line-height: 22px; font-weight: 700; display: block;}
.color_top_image { display: block; padding-bottom: 8px;}
.area_image { height: 200px;}
.area_text p:nth-child(2) {font-weight: 400 !important;}
.form_area_image:has(+ .base_content .chapter:not(.d-none)) .area_image, .form_area_image:has(+ .base_content .first) .area_image {
  height: 100px;
}
.form_area_image:has(+ .base_content .chapter:not(.d-none)) .area_text p:nth-child(2),
.form_area_image:has(+ .base_content .first) .area_text p {
  font-weight: 700 !important;
}

.base_content { padding: 66px 140px 60px 25px;  position: relative; width: 59%; z-index: 1; border-radius: 0 40px 40px 0; float: left; background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 78%,#c7d9f4 100%); }

.footer { position: relative; background: #1D2D53; height: 64px; z-index: 1; direction: ltr;width: 100%;  float: right}
.all_rights {position: absolute; left: 6.25% ;top: 24px; font-size: 14px; line-height: 16px;color: #fff; z-index: 1;}
.designed { position: absolute; left: 6.25%; padding-left: 150px; top: 24px; font-size: 14px; line-height: 16px;color: #fff;}
.designed img { padding-left: 0px;}
.designed  a img:nth-child(2) { display: none;}
.develop_by {position: absolute; right: 6.5% ;top: 24px; font-size: 14px; line-height: 16px; color: #fff; direction: rtl;}
.develop_by a, .all_rights a { color: #fff; text-decoration: none;}
.develop_by  a img:nth-child(2) { display: none;}

.main_content {width: 660px; margin: 0; text-align: right; float: right; }
.steps {padding-bottom: 48px;  width: 100%; float: right;}
.steps ul {display: flex; flex-wrap: wrap; padding: 0; margin: 0; list-style: none; }
.steps ul li {flex: 0 0 auto; width: 100%; position: relative; color: #C1C7CD; font-size: 16px; line-height: 22px;}
.steps ul li:nth-child(1) {max-width: 38%;}
.steps ul li:nth-child(2) {max-width: 32%;}
.steps ul li:nth-child(3) {max-width: 30%; text-align: left;}
.steps ul li i {font-size: 13px; line-height: 16px; font-weight: 700; color: #C1C7CD; display: inline-block; width: 20px; height: 20px; border: solid 1.3px #C1C7CD; border-radius: 50%; text-align: center; font-style: normal;}
.steps ul li.active, .steps ul li.complete {color: #1F9DD0; font-weight: 700;}
.steps ul li.active i {color: #1F9DD0; border-color: #1F9DD0;}
.steps ul li.complete i {color: #1F9DD0; border-color: #1F9DD0; background:  url("../images/arrow2.svg") no-repeat center center; color: rgba(0,0,0,0);}
.steps ul li:after{content: ""; position: absolute; left: 10px; width: 80px; top: 50%; margin-top: -1.5px; height: 3px; background: #C1C7CD}
.steps ul li:nth-last-child(2):after {left: 0;}
.steps ul li:nth-last-child(1):after { display: none;}
.steps ul li.complete:after { background: #1F9DD0;}
.steps ul li b {font-weight: 400;}
.steps ul li b:nth-child(3) { display: none;}
.steps ul li.active b, .steps ul li.complete b {font-weight: 700;}
.top_text { display: none; width: 100%; float: right;}
.mobile_wrap{ width: 100%; float: right; position: relative;}
.mobile_wrap_top { width: 100%; float: right; background-repeat:no-repeat; background-position: left center; background-size: cover; position: relative; }
.col-12:nth-child(1):has(+ .col-12:nth-child(2) .chapter:not(.d-none)),
.col-12:nth-child(1):has(+ .col-12:nth-child(2) .form_title_page:not(.d-none)), 
.col-12:nth-child(1):has(+ .col-12:nth-child(2) .first),
.welcome_form:has(form > .col-12 .chapter:not(.d-none)) .progress_steps,
.welcome_form:has(form > .col-12 .form_title_page:not(.d-none)) .progress_steps,
.col-12.contact_form:has(> .first) .progress_steps p,
.view-all-drafts-button
{ display: none; }
.smile_icon { display: none; width: 54px; position: absolute;left: 20px; top: -30px;}
.smile_icon img { max-width: 100%;}
.main_content h1 { font-size: 32px; line-height: 36px; color: #1D2D53;}
.main_content h1 b { font-weight: 700; color: #E37D9C;}
.main_content h2,  .form-group>label { font-weight: 500; font-size: 20px; line-height: 26px; margin-bottom: 32px;}
.main_content h4 { font-weight: 400; font-size: 18px; line-height: 24px;  margin-bottom: 32px; color: #A2A9B0; margin-top: -15px;}
.child_adult, .info_terms { font-size: 14px; line-height: 18px; background: url(../images/info.svg) no-repeat right 2px; padding-right: 30px; padding-bottom: 5px; margin-bottom: 16px; position: relative; z-index: 2;}
.info_terms p { margin-bottom: 0;}
.contact_form {  position: relative; z-index:  3;}
.contact_form.patient_details { padding-top: 40px;}
.contact_form form { display: flex; flex-wrap: wrap; margin-left: -8px; margin-right: -8px;}
.contact_form form .form_group {position: relative; flex: 0 0 auto; width: 100%; max-width: 50%; padding-left: 8px; padding-right: 8px; margin-bottom: 16px;}
.contact_form form .form_group .child_adult  { margin-bottom: 0px;}
.contact_form form .form_group.submit { max-width: 100%; padding-top: 24px;}
.contact_form .form-control { border: solid 1px #C1C7CD; border-radius: 8px; background: #fff; width: 100%; padding:  0 16px; height: 46px; line-height: 44px; font-size: 16px; font-weight: 400; color: #4D5358; text-align: right;-webkit-box-shadow:  4px 2px 10.9px 0 rgba(0, 0, 0, 0.04);  box-shadow: 4px 2px 10.9px 0 rgba(0, 0, 0, 0.04);}
.contact_form .form-control:disabled { background: #F2F4F8;}
.contact_form .form-control.textarea { height: 130px; padding:10px 16px; line-height: 18px;}
.contact_form form .form_group.calendar .form-control { padding-right: 44px;background: url(../images/calculator.svg) no-repeat right 13px center #fff;}
.contact_form .form-control:focus {border:  solid 1px #C1C7CD;border-radius: 8px;}

.contact_form .form_group label { position: absolute; z-index:  2; right:  24px; top:  0;line-height: 44px; font-size: 16px; font-weight: 400; color: #4D5358; pointer-events: none; transition: all 0.5s ease;}
.contact_form form .form_group.calendar label { right: 52px!important;}
.contact_form .form_group.active label {transition: all 0.5s ease; opacity: 0; pointer-events: none; }
.contact_form .form_group label i {font-style: normal; color:#DD528B}
.form-control::-webkit-input-placeholder{ color: #000; opacity: 0;font-weight: 500;}
.form-control::-moz-placeholder { color: #000; opacity: 0;font-weight: 500; }
.form-control:-ms-input-placeholder { color: #000;font-weight: 500; opacity: 0; }
.form-control::-webkit-input-placeholder { color: #000;font-weight: 500; opacity: 0; }

.form-control:focus::-webkit-input-placeholder{ opacity: 0 !important;}
.form-control:focus::-moz-placeholder { opacity: 0 !important;}
.form-control:focus:-ms-input-placeholder { opacity: 0 !important;}
.form-control:focus::-webkit-input-placeholder{ opacity: 0 !important;}

.contact_form .form-control:focus:required:valid, .contact_form .form-control:required:valid {
  border: solid 1px #1F9DD0;border-radius: 8px;
}
.contact_form .form-control:focus:required:invalid {
  border: solid 1px #DD528B;border-radius: 8px;
}
.page-navigation-container button:not(a+button) {color: transparent !important; position: relative; }
.page-navigation-container button:not(a+button)::before {content: 'להתחלת השאלון'; color: #fff !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.page-navigation-container button:not(a+button), .chapter button,
.contact_form input[type=submit], .continue a, .continue button, .link2 a { border: 0; border-radius: 8px; cursor: pointer; display: block; height: 52px; padding: 0 15px; text-align: center; line-height: 52px; width: 100%;  font-size: 20px; font-weight: 500; color: #fff;
background: linear-gradient(to right,  #15a3dd 0%,#3e65f1 100%);  transition: all 0.5s ease;}
.contact_form input[type=submit]:hover , .continue a:hover , .continue button:hover, .link2 a:hover, .page-navigation-container button:not(a+button):hover { background: linear-gradient(to right,  #1F9DD0 0%,#1F9DD0 100%); transition: all 0.5s ease;}
.page-navigation-container button:not(a+button):hover {color : #fff}
.contact_form form .form_group.convenient { max-width: 100%;margin-bottom: 50px; font-size: 14px; font-weight: 500;}
.resume-draft-button {color: transparent !important; position: relative;}
.resume-draft-button::before {content: 'המשך טיוטה'; color: #fff !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.check-input {
  position: relative; display: inline-block;
  z-index: 2;
  width: 112px;
  height: 20px;
  border-radius: 0px;
  transition: all ease 0.3s;
  padding-right: 36px; padding-left: 44px; margin-top: 2px; margin-right: 10px; vertical-align: middle;
}
.border-check {
  position: absolute;
  top: 2px;
  width: 32px;
  height: 16px;
  border-radius: 33px;
  border: 1px solid #5FC5B7;
  transition: border ease 0.2s;
  background: #fff;
  z-index: 1;
}

.input {
  position: absolute;
  width: 112px;
  height: 20px;
  z-index: 8;
  opacity: 0;
  cursor: pointer;
  right: 0px; top: 0;
}
.input-check label {
  width: 32px;
  height: 20px;
  position: relative;
  background: blue;
}
.circle {
  cursor: pointer;
  background: #5FC5B7;
  position: absolute;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  top: 4px;
  left: 61px;
  z-index: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  transition: all ease 0.3s;
  z-index: 5;
}
.circle i {
  position: relative;
  transition: 0.3s;
  color: #5FC5B7;
}
.check-input:active .circle {
  width: 12px;
}
.input:checked ~ .circle {
  left: 46px;
  background: #fff;
}
.input:checked ~ .circle i {
  transform: rotate(540deg);
}
.input:checked ~ .border-check {
  border: 1px solid #5FC5B7; background: #5FC5B7;
}
.check-input:active .input:checked ~ .circle {
  left: 61px;
}
.input + span { color: #1D2D53; font-weight: 400; font-size: 14px; width: 40px; height: 20px; line-height: 20px; position: absolute; text-align: right; right: 0; top: 0;} 
.input + span + span {color: #A2A9B0; font-weight: 400; font-size: 14px; width: 40px; height: 20px; line-height: 20px; position: absolute; text-align: left; left: 0; top: 0;} 
.input:checked  + span {color: #A2A9B0;}
.input:checked  + span + span { color: #1D2D53;}
.contact_form form .form_group.terms { margin-bottom: 8px; max-width: 100%;}
.terms_of_service { margin-bottom: 8px; max-width: 100%; font-size: 12px; line-height: 16px; color: #4D5358; font-weight: 400;}
.terms_of_service p { margin-bottom: 0;}
.contact_form .form_group label.label_checkbox { pointer-events: inherit; cursor: pointer; right: auto!important; top: auto!important; display: block; position: relative; padding: 0px 32px 0px 0; direction: rtl; width: 100%; text-align: right; font-size: 14px; color:#4D5358; line-height: 20px; font-weight: 400; z-index: 1; cursor: pointer; margin-bottom: 0;}
.checkboxselect { margin: 0;white-space: nowrap;width: 20px; height: 20px; border-radius: 6px; position: absolute; right:  0px; top: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer;  border: 1px solid #C1C7CD;  background:rgba(50, 165, 150, 0);  padding: 0;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none;  -webkit-font-smoothing: inherit;  line-height: normal;z-index: 2; }
.checkboxselect:checked{ border:solid 1px #32A596; background: rgba(50, 165, 150, 1);}
.checkboxselect:focus{border:solid 1px #C1C7CD; outline: solid 0px #C1C7CD; background: rgba(50, 165, 150, 0);}
.checkboxselect:focus:checked {border:solid 1px #32A596; background: rgba(50, 165, 150, 1);}
.checkboxselect:after { content: ""; width: 16px; height: 16px; display: block; position: absolute; -webkit-transform: scale(0); right:  2px; top:  2px;  transform: scale(0); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 0; border-radius: 0px; background: url("../images/check.svg") no-repeat center center; background-size: 12px auto; }
.checkboxselect:checked:after{ -webkit-transform: scale(1); transform: scale(1); -webkit-transition-delay: 0.1s; transition-delay: 0.1s; opacity: 1;}
.contact_form .form_group label.label_checkbox i, .terms_of_service i {font-style: normal; color: #DD528B;}
.contact_form .form_group label.label_checkbox a, .terms_of_service a {color: #15A3DD; text-decoration: underline;}

.special { position: fixed; z-index: 9999;  left: -5px; bottom: 100px; border:  0; cursor: pointer; background: none; display: none; padding: 0;}
.special a { display: inline-block; text-decoration: none;}
.special a img { max-width: 90px; height: auto;}

/* WhatsApp button - 10px above footer, hidden in personal area */
.whatsapp-btn {
  position: fixed;
  left: 24px;
  bottom: 50px;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: #228B78;
  box-shadow: 0 4px 12px rgba(34, 139, 120, 0.35);
  transition: bottom 0.1s ease, transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
  text-decoration: none;
}
.whatsapp-btn:hover {
  transform: scale(1.08);
  box-shadow: 0 6px 16px rgba(34, 139, 120, 0.45);
  background-color: #1d7a6a;
}
.whatsapp-btn img {
  width: 32px;
  height: 32px;
}
body.personal .whatsapp-btn { display: none !important; }


.contact_form .form_group.full { max-width: 100%;}
.contact_form .form-control.verification_code {border: solid 2px #C1C7CD; height: 50px; width: 44px; line-height: 48px; padding: 0; text-align: center; font-size: 20px; float: right; margin-left: 24px; font-weight: 600;}
.contact_form .form-control.verification_code:focus:required:valid, .contact_form .form-control.verification_code:required:valid {
  border: solid 2px rgba(67, 94, 219, 0.50);border-radius: 8px;
}
.contact_form .form-control.verification_code:focus:required:invalid {
  border: solid 2px #DD528B;border-radius: 8px; background-image: none;
}
.contact_form .form_group.full .form-control.verification_code:nth-last-child(1) { margin-left: 0;}
.contact_form .form_group.full a { color: #15A3DD; text-decoration: underline;}
.incorrect_code { width: 100%; float: right; color: #DD528B; font-size: 14px; line-height: 18px; background: url(../images/info2.svg) no-repeat right 10px; padding-right: 20px; padding-top: 10px;}

.treatment_for {display: flex; flex-wrap: wrap; margin-left: -16px; margin-right: -16px;  padding-bottom: 32px; padding-top: 20px;}
.treatment_for div {flex: 0 0 auto; width: 100%; max-width: 50%;padding-left: 16px; padding-right: 16px;}
.treatment_for.option_three div {max-width: 33%;}
.treatment_for.marital_status div {max-width: 25%;}
.treatment_for button, .treatment_for button:focus, .treatment_for div a {text-decoration: none;height: 165px; display: block; position: relative; text-align: center; border: 0; padding: 0; font-size: 16px; line-height: 18px; color: #1D2D53; font-weight: 500;  border-radius: 18px; -webkit-box-shadow: 4px 2px 20px 0 rgba(0, 0, 0, 0.06), 4px 2px 11px 0 rgba(0, 0, 0, 0.04);  box-shadow: 4px 2px 20px 0 rgba(0, 0, 0, 0.06), 4px 2px 11px 0 rgba(0, 0, 0, 0.04); width: 100%; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; background: #fff;}
.treatment_for button div , .treatment_for button:focus div, .treatment_for div a div {position: absolute; z-index: 2; max-width: 100%!important; padding: 0; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);}
.treatment_for button:after, .treatment_for a:after {content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1;border-radius: 18px; opacity: 0;-moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.treatment_for button:hover:after, .treatment_for a:hover:after {opacity: 1;-moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.treatment_for .purple button:after, .treatment_for .purple a:after {background: linear-gradient(253deg,  #fff 0%,rgba(219, 213, 254, 0.40) 40%);}
.treatment_for .sky button:after, .treatment_for .sky a:after {background: linear-gradient(253deg,  #fff 0%,rgba(223, 242, 255, 0.40) 40%);}
.treatment_for .blue button:after, .treatment_for .blue a:after {background: linear-gradient(253deg,  #fff 0%,rgba(223, 242, 255, 0.40) 40%);}
.treatment_for .green button:after, .treatment_for .green a:after {background: linear-gradient(253deg,  #fff 0%,rgba(199, 255, 247, 0.40) 40%);}
.treatment_for .pink button:after, .treatment_for .pink a:after {background: linear-gradient(253deg,  #fff 0%,rgba(255, 222, 235, 0.40) 40%);}



.treatment_for.option_three button, .treatment_for.option_three a, .treatment_for.guardian button, .treatment_for.guardian a { height: 100px;}
.treatment_for.marital_status button, .treatment_for.marital_status a { height: 72px;}
.treatment_for button span, .treatment_for a span { display: block; padding-bottom: 12px;}
.next_step {width: 100%; float: right; }
/* .page-navigation-container {direction: ltr;} */
/* a.btn.btn-secondary.prev_page {position: relative; text-decoration: none; text-align: left; padding: 0 16px 0 40px; font-size: 16px; line-height: 18px; color: #4D5358; font-weight: 400; line-height: 36px; border: solid 1px #C1C7CD; border-radius: 8px; background-color: rgba(242, 244, 248, 0);} */
/* a.btn.btn-secondary.prev_page:hover {position: relative; text-decoration: none; text-align: left; padding: 0 16px 0 40px; font-size: 16px; line-height: 18px; color: #4D5358; font-weight: 400; line-height: 36px; border: solid 1px #C1C7CD; border-radius: 8px; background-color: rgba(242, 244, 248, 1);} */
/* a.btn.btn-secondary.prev_page::after, a.btn.btn-secondary.prev_page:hover::after {content: ''; position: absolute; left: 15px; top: 50%; transform: translateY(-50%) scaleX(-1); width: 16px; height: 16px; background: url(../images/next.svg) no-repeat center; background-size: contain; } */
.next_step a, .next_step button, .link1 a, .page-navigation-container button, .page-navigation-container a { text-decoration: none; text-align: right; background: url(../images/next.svg) no-repeat right 15px center rgba(242, 244, 248, 0); padding: 0 40px 0 16px; font-size: 16px; line-height: 18px; color: #4D5358; font-weight: 400; line-height: 36px; border: solid 1px #C1C7CD; border-radius: 8px;}
.next_step a:hover, .next_step button:hover, .link1 a:hover, .page-navigation-container button:hover, .page-navigation-container button:active, .page-navigation-container a:hover, .page-navigation-container a:active {background: url(../images/next.svg) no-repeat right 15px center rgba(242, 244, 248, 1); border: solid 1px #C1C7CD; color: #4D5358;}
.page-navigation-container a+button {display: none;}
.chapter a {display: none;}
.chapter a+button, .notes a+button {display: block;}
.chapter a+button::before, .notes a+button::before {content: 'המשך'; color: #fff !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.chapter a+button, .notes a+button { color: transparent !important; position: relative; border: 0; border-radius: 8px; cursor: pointer; display: block; height: 52px; padding: 0 15px; text-align: center; line-height: 52px; width: 100%;  font-size: 20px; font-weight: 500; color: #fff;
background: linear-gradient(to right,  #15a3dd 0%,#3e65f1 100%);  transition: all 0.5s ease;}
.chapter a+button:hover, .notes a+button:hover { background: linear-gradient(to right,  #1F9DD0 0%,#1F9DD0 100%); transition: all 0.5s ease; color: #fff;}
.notes .page-navigation-container {flex-direction: column-reverse; gap: 3rem;}
.notes .page-navigation-container a {align-self: baseline;}
.color_box { display: block; border-radius: 8px; background: linear-gradient(to right,  #1f9dd0 0%,#3e65f1 100%); padding: 24px 24px 10px 24px; font-size: 16px; line-height: 20px; color: #fff; margin-bottom: 32px;}
.color_box h3, .gray_box h3 { font-size: 18px; color: #fff; font-weight: 700;}
.color_box ul { display: block; padding: 0 0 8px 0; margin: 0; list-style: none;}
.color_box ul  li{ display: block; padding: 0 28px 8px 0; margin: 0; list-style: none; background: url(../images/bullet.svg) no-repeat right top;}

.page-navigation-container a {color: transparent !important; position: relative;}
.page-navigation-container a::before {content: 'חזור'; color: #4D5358 !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}

.gray_box { position: relative; background: #F2F4F8; display: block; padding: 24px 32px 10px 95px; margin-bottom: 32px;}
.gray_box h3 { color: #1D2D53;}
.lock {position: absolute; pointer-events: none; left: 24px; top: 22px; z-index: 1;}
.gray_box ul {display: flex; flex-wrap: wrap; padding: 0 0 10px 0; margin: 0; list-style: none; }
.gray_box ul li {flex: 0 0 auto; text-align: center; width: 100%; padding: 10px 8px; position: relative; color: #4D5358; font-size: 12px; line-height: 18px; max-width: 33.33%; direction: ltr;}
.gray_box ul li:after { content: ""; width: 1px; height: 20px;background: #C1C7CD; position: absolute; left: 0; top: 50%; margin-top: -10px;}
.gray_box ul li:nth-last-child(1):after { display: none;}
.gray_box ul li:nth-child(1) { text-align: right;}
.gray_box ul li i { font-style: normal; color: #796FB2; font-size: 16px; font-weight: 500; display: inline-block; padding-left: 8px;}
.continue { display: block;}

.main_content .secure_payment h1, .main_content .completed_part h1 {color: #E37D9C}
.bottom_text { padding-bottom: 16px; font-size: 12px; line-height: 14px;}
.bottom_text h3 {color: #4D5358; font-size: 16px; line-height: 20px; margin-bottom: 4px;}
.secure_payment .continue button { height: 57px; line-height: 55px; }
.secure_payment .continue button img { padding-left: 5px;}
.secure_image { text-align: center;}
.secure_image img { max-width: 100%;}
.secure_image img:nth-child(2) { display: none;}
.main_content .thank_you  h1 { margin-bottom: 30px;}
.thank_you .continue, .payment_error .continue { padding-top: 20px;}
.main_content .payment_error h1 { margin-bottom: 16px; color: #DD528B; padding-right: 40px; background:  url(../images/error.svg) no-repeat right center;}

.upload { position: relative; text-align: right; margin-top: 24px; margin-bottom: 20px; font-size: 12px; line-height: 16px; color: #A2A9B0; border: dashed 2px #C1C7CD!important;  border-radius: 8px; display: block; width: 100%; float: right; padding: 16px 66px 16px 16px; background: linear-gradient(90deg,  #fff 0%,#F2FBFF 100%);}
.upload:after {content: ""; pointer-events: none; width: 26px; height: 26px; position: absolute; right: 20px; top: 50%; margin-top: -13px; background:  url(../images/upload.svg) no-repeat  center center; background-size: 26px auto;}

.upload h2 { color: #1D2D53; font-size: 16px; line-height: 18px; font-weight: 500; margin-bottom: 4px;}
.upload p { margin-bottom: 0;}
.upload_result {min-height: 34px; text-align: right; margin-bottom: 16px; font-size: 12px; line-height: 16px; color: #101010; border: solid 2px #32A596!important;  border-radius: 8px; display: block; width: 100%; float: right; padding: 8px 16px 8px 36px; background: #fff; position: relative;}
.upload_result i { font-style: normal; padding-right: 20px; display: inline-block; margin-right: 10px; position: relative;}
.upload_result i img { position: absolute; right: 0; top: 2px;}
.delete_upload { position: absolute; font-size: 0; color: rgba(0,0,0,0); left: 10px; top: 50%; margin-top: -10px; width: 20px; height: 20px; border: 0;  padding: 0; background: url(../images/close.svg) no-repeat center center ;}
.additional_add { width: 100%; float: right; padding-bottom: 40px;}
.add_more {display: inline-block; border: 0; padding: 0; font-size: 16px; font-weight: 500; color: #4D5358; padding-right: 28px; background:  url(../images/plus.svg) no-repeat right center;}

.mobile_title, .mobile_top_image { display: none;}
.top_title, .col-12.contact_form:not(:has(> .first)) .col-md-12.formCol[data-type="h"]:has(h1),
.col-12.contact_form:has(> .first:not(.d-none)) .col-md-12.formCol[data-type="h"]:has(h1) { display: block; padding-right: 90px; padding-bottom: 45px; background:  url(../images/smile.svg) no-repeat right top; background-size: 65px auto;}
.top_title h1, .questionnaire h1 { color: #E37D9C;}
.top_title ul, [data-type="t"] ul { display: block; padding: 0; margin: 0; margin-top: -45px; margin-right: 75px; margin-bottom: 45px; list-style: none; padding-right: 30px;background:  url(../images/clock.svg) no-repeat right center;}
.top_title ul li, [data-type="t"] ul li { display: inline-block; padding: 0 5px 0 8px; margin: 0; position: relative; font-size: 16px; color: #1D2D53;}
.top_title ul li:nth-last-child(1), [data-type="t"] ul li:nth-last-child(1) { padding-left: 0;}
.top_title ul li:after, [data-type="t"] ul li:after{ content: ""; background: #1D2D53; width: 1px; height: 16px; left: 0; top: 4px; position: absolute;}
.top_title ul li:nth-last-child(1):after, [data-type="t"] ul li:nth-last-child(1):after{ display: none;}
.main_content .image_section h2 { margin-bottom: 16px;}
.image_section .child_adult { margin-bottom: 45px;display: block;}
.image_section_content { padding-bottom: 20px;}
[data-type="radio"] {display: flex; flex-wrap: wrap; padding:0 0 30px 0; margin: 0; width: 100%;}
[data-type="radio"] .form-group {display: flex; flex-wrap: wrap; padding: 0; margin: 0; list-style: none;width: 100%; }
[data-type="radio"] .form-group .form-check {flex: 0 0 auto; width: 100%; max-width: 100%; position: relative; padding: 0 0 16px 0; margin: 0; }
[data-type="radio"] .form-group .form-check input {display: none;}
[data-type="radio"] .form-group .form-check label {border-radius: 8px; border: solid 2px #fff; position: relative; padding: 20px 68px 20px 20px; display: block; text-decoration: none;font-weight: 500; color: #1D2D53; font-size: 20px; line-height: 22px;
background: linear-gradient(90deg,  #fff 0%,#fff 100%);wrbkit-box-shadow: 4px 2px 20px 0 rgba(0, 0, 0, 0.06), 4px 2px 11px 0 rgba(0, 0, 0, 0.04); box-shadow: 4px 2px 20px 0 rgba(0, 0, 0, 0.06), 4px 2px 11px 0 rgba(0, 0, 0, 0.04);}
[data-type="radio"] .form-group .form-check label:hover {background: linear-gradient(90deg,  #fff 0%,#F6FCFF 100%);}
[data-type="radio"] .form-group .form-check label.active, .form-check .form-check-input:checked+label.form-check-label {border: solid 2px #1F9DD0; background: linear-gradient(90deg,  #fff 0%,#fff 100%);}
[data-type="radio"] .form-group .form-check label img { position: absolute; right: 24px; top: 50%; margin-top: -10px;}
[data-type="radio"] .form-group .form-check:nth-of-type(1) label { background: url("../images/circle1.svg") no-repeat right; background-position: right 24px top 50%;}
[data-type="radio"] .form-group .form-check:nth-of-type(2) label { background: url("../images/circle2.svg") no-repeat right; background-position: right 24px top 50%;}
[data-type="radio"] .form-group .form-check:nth-of-type(3) label { background: url("../images/circle3.svg") no-repeat right; background-position: right 24px top 50%;}
[data-type="radio"] .form-group .form-check:nth-of-type(4) label { background: url("../images/circle4.svg") no-repeat right; background-position: right 24px top 50%;}
[data-type="radio"] .form-group .form-check:nth-of-type(5) label { background: url("../images/circle5.svg") no-repeat right; background-position: right 24px top 50%;}

.progress_steps { display: block; padding: 8px 0 40px 0; font-size: 14px; line-height: 16px; color: #1D2D53;}
.progress_steps p { margin-bottom: 6px;}
.col-12.contact_form:has(> .first) .col-md-12.formCol[data-type="h"] h4 { margin-bottom: 6px; font-size: 14px; line-height: 14px; color: inherit}
.progress_steps .progress, .progress_steps .progress-stacked { height: 8px; line-height: 8px; background: #F2F4F8;}
.progress_steps .progress-bar {background: linear-gradient(91deg,  #1F9DD0 0%,#3E65F1 100%); border-radius: 8px;}
.progress_steps.for_mobile { display: none;}

.main_content .receive_result h1  { margin-bottom: 30px;}
.receive_result .continue { padding-top: 30px;}
.content_circle { min-height: 170px; font-size: 16px; line-height: 22px; color: #4D5358; margin-bottom: 30px; display: block; border-radius: 8px; padding: 30px 160px 24px 32px; position: relative; background: #fff; box-shadow: 4px 2px 11px 0 rgba(0, 0, 0, 0.04), 4px 2px 20px 0 rgba(0, 0, 0, 0.06);}
.main_content .content_circle h2 {color: #E37D9C;  margin-bottom: 8px; font-weight: 700; font-size: 20px; line-height: 24px;}
.main_content .content_circle.blue h2 {color: #5CB3D8;}
.main_content .content_circle.purple h2 {color: #796FB2;}
.main_content .content_circle.green h2 {color: #32A596;}

.content_circle p { margin-bottom: 0;}
.circle_color { width: 112px; position: absolute; right: 24px; top: 32px}
.circle_color img { width: 100%; height: auto;}

.main_content .top_title.large h1, .chapter h1 {font-size: 42px; line-height: 46px;}
.main_content .top_title.large.purple h1, .purple.chapter h1 {color: #796FB2;}
.main_content .top_title.large.blue h1, .blue.chapter h1 {color: #5CB3D8;}
.main_content .top_title.large.green h1, .green.chapter h1 {color: #32A596;}
.main_content .top_title.large.pink h1, .pink.chapter h1 {color: #E37D9C;}
.mobile_title.smaller { font-size: 16px; line-height: 20px;}
.progress_steps.color_text, .col-md-12.formCol[data-type="h"] h4 {padding: 8px 0 0 0; font-size: 16px; line-height: 20px; color: #1F9DD0; margin: 0;}
.progress_steps.alldevice { padding-top: 20px; font-size: 12px; line-height: 14px; width: 100%; float: right;}
.col-12.contact_form:has(> .first) .progress_steps.alldevice {padding-top: 0;}
.color_top_text i, .color_top_text em, .area_text p:first-child { font-weight: 400; font-style: normal; display: block;}
.color_top_text.dots { top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);}
.color_top_text.dots .color_top_image { padding-bottom: 40px;}
.steps.mobile_only { display: none;}
.contact_form .next_step { padding-top: 30px;}
.link1 a, .link1 a:hover { display: block; line-height: 52px; font-size: 18px; background-image: none; text-align: center;}
.link1 a i { font-style: normal; display: inline-block; padding-right: 20px; background:  url("../images/arrow4.svg") no-repeat right center;}
.main_content  .ques_complete h2 {margin-bottom: 16px;}
.ques_complete .mobile_wrap { padding-bottom: 30px;}

.personal_dashboard { padding: 40px 0; margin: 0; background: linear-gradient(to bottom, #ffffff 0%,#e0edff 60%); position: relative; text-align: right;}
.personal_container { max-width: 100%; position: relative; z-index: 1; margin: 0; padding: 0 6.5% 0 6.25%; }
.personal_container .row  { margin-left: 0; margin-right: 0;}
.personal_container .row  [class*="col-"] { padding-right: 24.65%; padding-left:28.89%;}
.personal_base { background: #fff; padding: 32px; border-radius: 8px; max-width: 100%;}
.personal_base h1, .personal_top h2, .schedile_middle h1 { font-size: 32px; line-height: 36px; margin-bottom: 8px;}
.personal_top p { margin-bottom: 0; color: #1D2D53; font-size: 18px; line-height: 24px;}
.personal_top b, .personal_top strong { font-weight: 400; color: #1F9DD0;}
.personal_middle ul {display: flex; flex-wrap: wrap; padding:32px 0 0 0; margin: 0; list-style: none; }
.personal_middle ul li {flex: 0 0 auto;  width: 100%; max-width: 100%; margin: 0 0 16px 0; position: relative;padding: 23px 16px 23px 220px; position: relative; color: #1D2D53; font-size: 20px; line-height: 24px; background: #F2F4F8; border-radius: 8px;}
.personal_middle ul li b, .personal_middle ul li strong { font-weight: 700; position: relative; }
.personal_middle ul li b:after, .personal_middle ul li strong:after { content: "-"; }
.personal_middle ul li span { font-size: 18px; line-height: 38px; font-weight: 700; display: block; width: 200px; position: absolute; left: 24px; top: 50%; margin-top: -19px; padding-left: 15px; padding-right: 45px; background:  url("../images/arrow_left.svg") no-repeat left center; }
.personal_middle ul li span i { position: absolute; right: 0; top: 0; width: 38px; height: 38px; text-align: center; line-height: 38px; background: #fff; border-radius: 50%;  display: inline-block;}
.personal_middle ul li.waiting span {color:#796FB2 ;}
.personal_middle ul li.required span {color:#DD528B ;}
.personal_middle ul li.upload_waiting span {color:#1F9DD0 ;}
.personal_middle ul li.completed span {color: #32A596;}

.personal_menu { position: absolute; z-index: 5; overflow-y: auto; background: #fff; right: 0; top: 0; bottom: 0; width: 20.3%; border-radius: 8px; box-shadow: 6px 5px 20.3px -5px rgba(25, 106, 157, 0.3);-webkit-box-shadow:  6px 5px 20.3px -5px rgba(25, 106, 157, 0.3);-moz-box-shadow:  6px 5px 20.3px -5px rgba(25, 106, 157, 0.3);}
.personal_menu_top { display: block; padding: 32px 24px; background: #DFF2FF; border-radius: 8px 8px 0 0;}
.personal_title { display: block; position: relative; padding: 18px 66px 18px 14px; font-size: 20px; line-height: 24px; color: #fff; font-weight: 700; border-radius: 8px;background: linear-gradient(to right, #ffffff 0%,#1f9dd0 0%,#3e65f1 100%); box-shadow: 6px 5px 20.3px -5px rgba(25, 106, 157, 0.3);-webkit-box-shadow:  6px 5px 20.3px -5px rgba(25, 106, 157, 0.3);-moz-box-shadow:  6px 5px 20.3px -5px rgba(25, 106, 157, 0.3);}
.personal_title img { position: absolute; width: 36px; top: 50%; margin-top: -20px; right: 14px;}
.personal_menu_top ul { display: block; padding: 8px 0 0 0; margin: 0; list-style: none;}
.personal_menu_top ul li { display: block; padding: 16px 0 0 0; margin: 0;}
/* .personal_menu_top ul li a { display: block; padding: 0 32px 0 16px; position: relative; font-weight: 500; color: #A2A9B0; font-size: 20px; line-height: 28px; background:  url("../images/lock3.svg") no-repeat left center; } */
.personal_menu_top ul li a { display: block; padding: 0 32px 0 16px; position: relative; font-weight: 500; color: #1D2D53;  font-size: 20px; line-height: 28px;  }
.personal_menu_top ul li a img { position: absolute; max-width: 24px; right: 0; top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);}
.personal_menu_top ul li.disabled a {color: #A2A9B0; pointer-events: none;background:  url("../images/lock3.svg") no-repeat left center;}
.personal_menu_top ul li a.active, .personal_menu_top ul li.active a {color: #1F9DD0;  font-weight: 700;}

.personal_menu_middle { display: block; padding: 8px 24px 110px 24px; position: relative; z-index: 1; overflow: hidden;}
.personal_menu_middle ul { display: block; padding: 8px 0 0 0; margin: 0; list-style: none;width: 100%; float: right;}
.personal_menu_middle ul li { display: block; padding: 16px 0 0 0; margin: 0; position: relative; width: 100%; float: right;}
.personal_menu_middle ul li a { display: block; padding: 0 32px 0 16px; position: relative; font-weight: 400; color: #1D2D53; font-size: 20px; line-height: 28px; }
.personal_menu_middle ul li.active a, .personal_menu_middle ul li a.active {color: #1F9DD0; font-weight: 700;}
.personal_menu_middle ul li a:hover {padding: 0 35px 0 16px;}
.personal_menu_middle ul li a img { position: absolute; max-width: 24px; right: 0; top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);}

.personal_menu_middle ul li a.has_sub + i {font-size: 0px; line-height:  0px; color:rgba(112,112,112, 0)}
.personal_menu_middle ul li a.has_sub + i + ul{ margin-left: auto; display: block; padding:0; max-height: 0px !important; min-width: 100%; visibility: inherit; position:relative; left: auto; right: auto; top: auto; width: 100%; float: right; z-index: 5; overflow: hidden;   -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;border: 0!important;box-shadow: none !important;}
.personal_menu_middle ul li a.has_sub + i.active + ul {border: 0!important;box-shadow: none !important; max-height: 1400px !important; visibility:visible;   -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;  transition: all 1s ease; }
.personal_menu_middle ul li a.has_sub + i + ul li{line-height:20px; text-align: right; width:100%; list-style:none; padding: 6px 32px 6px 0; border:  0; }
.personal_menu_middle ul li a.has_sub + i + ul li { border: 0;}
.personal_menu_middle ul li a.has_sub + i + ul li a{display:block;color: #4D5358; font-size: 18px; line-height: 20px; font-weight: 400; background:none; width: 100%; padding:  0; border:  0;  }
.personal_menu_middle ul li a.has_sub + i + ul li a.active, .personal_menu_middle ul li a.has_sub + i + ul li.active a {color: #1F9DD0; font-weight: 700;}
.personal_menu_middle ul li a.has_sub + i  {  display: inline-block;transform: rotate(0deg);  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease; width:  15px; height:  15px; line-height: 20px; background: url("../images/arrow_down.svg") no-repeat center center; background-size: 15px auto;   cursor: pointer;  position: absolute; left:  0px; top: 26px;  }
.personal_menu_middle ul li a.has_sub + i.active{ transform: rotate(180deg);  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}

.personal_menu_bottom { display: block; padding: 16px 24px 24px 24px; background: #fff; border-radius: 0 0 8px 8px; position: absolute; z-index: 2; left: 0; right: 0; bottom: 0;}
.personal_menu_bottom ul { display: block; padding: 0; margin: 0; list-style: none;}
.personal_menu_bottom ul li { display: block; padding: 16px 0 0 0; margin: 0;}
.personal_menu_bottom ul li:nth-child(1) { padding-top: 0;}
.personal_menu_bottom ul li a { display: block; padding: 0 32px 0 16px; position: relative; font-weight: 400; color: #1D2D53; font-size: 20px; line-height: 24px; }
.personal_menu_bottom ul li.active a, .personal_menu_bottom ul li a.active {color: #1F9DD0;  font-weight: 700;}
.personal_menu_bottom ul li a img { position: absolute; max-width: 24px; right: 0; top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);}


.upcoming_wrap { position: absolute; left: 0px; top: 0px; width: 24.7%;}
.upcoming_appointment { text-align: right; width: 100%; border-radius: 16px; padding: 32px; background: #fff; box-shadow: 6px 5px 20.3px -5px rgba(25, 106, 157, 0.3);-webkit-box-shadow:  6px 5px 20.3px -5px rgba(25, 106, 157, 0.3);-moz-box-shadow:  6px 5px 20.3px -5px rgba(25, 106, 157, 0.3);}
.upcoming_appointment h2 { text-align: right; padding-left: 60px; font-size: 24px; line-height: 28px; background:  url("../images/lock2.svg") no-repeat left top; padding-bottom: 32px; margin-bottom: 0;}
.upcoming_appointment ul {display: flex; flex-wrap: wrap; padding: 0; margin: 0; list-style: none; }
.upcoming_appointment ul li {flex: 0 0 auto;  width: 100%; max-width: 100%; padding: 0 0 16px 0; position: relative;direction: ltr;}
.upcoming_appointment ul li a { display: block; padding: 24px 16px; position: relative; font-weight: 700; color: #796FB2; font-size: 24px; line-height: 26px; background: #F2F4F8; border-radius: 8px;}
.upcoming_appointment ul li a i { position: absolute; left: 16px; top: 24px; font-style: normal; font-weight: 400; font-size: 18px;}
.queation_mark {font-size: 14px; line-height: 18px; background: url(../images/info.svg) no-repeat right center; padding-right: 30px;}

.modal-dialog.moveforward { max-width: 890px;}
.moveforward .modal-content { border-radius: 16px; text-align: center; background: #fff; border: 0;box-shadow: 6px 5px 20.3px -5px rgba(25, 106, 157, 0.3);-webkit-box-shadow:  6px 5px 20.3px -5px rgba(25, 106, 157, 0.3);-moz-box-shadow:  6px 5px 20.3px -5px rgba(25, 106, 157, 0.3);}
.moveforward .modal-body { padding: 46px; color: #1D2D53; border: 0; box-shadow: none;border-radius: 16px;}
.moveforward .queation_mark { display: inline-block; background-size: 16px auto;padding-right: 25px;}
.moveforward h3 { font-size: 32px; line-height: 36px; padding-bottom: 25px; margin-bottom: 0; color: #1F9DD0; display: inline-block; padding-right: 52px; background: url(../images/smile.svg) no-repeat right top rgba(0,0,0,0); background-size: 36px auto; }
.modal_close {position: absolute ; padding: 0; right: 16px; top: 12px; font-size: 0; color: rgba(0,0,0,0); border: 0; width: 30px; height: 30px;  background: url(../images/close2.svg) no-repeat center center;}
.got_it { display: block; padding-top: 30px; min-height: 90px; text-align: center;}
.got_it a , .got_it button { margin:  0 auto; align-items: center !important; justify-content: center !important; display: flex; flex-wrap: wrap; padding: 0 5px; width: 156px; text-align: center; color: #fff; font-size: 20px; font-weight: 500; height: 56px; border:0; border-radius: 8px; position: relative;}
.got_it a:hover , .got_it button:hover {color: #1F9DD0; border-radius: 8px; }
.got_it a b, .got_it button b { flex: 0 0 auto; width: auto;line-height: 24px; position: relative; z-index: 5; font-weight: 500;}
.got_it a:after , .got_it button:after  {content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 8px; z-index: 1; background: linear-gradient(to right, rgba(31, 157, 208, 1) 0%, rgba(62, 101, 241, 1) 100%);}
.got_it a:before , .got_it button:before  {content: ""; background: rgba(255, 255, 255, 0); position: absolute; left: 2px; right: 2px; top: 2px; bottom: 2px; border-radius: 8px; z-index: 2; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease; }
.got_it a:hover:before , .got_it button:hover:before  {background: rgba(255, 255, 255, 1); -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease; } 

.moveforward .got_it.single ul li a{ margin:  0 auto!important;}

.upcoming_appointment.next_meeting { border-radius: 8px;}
.upcoming_appointment.next_meeting h2, .next_meeting h4 { background-image: none; font-size: 24px; line-height: 28px; color: #1F9DD0; padding:  0 0 4px 0;}
.meeting_wrap, .future_queues { display: block; border-radius: 8px; background:  linear-gradient(to right, #1F9DD0 0%, #3E65F1 100%); padding: 24px;font-size: 16px; line-height: 20px; color: #fff;}
.upcoming_appointment .meeting_wrap ul, .upcoming_appointment .future_queues ul { display: block; padding: 0; margin: 0 0 024px 0; list-style: none; direction: ltr;}
.upcoming_appointment .meeting_wrap ul li, .upcoming_appointment .future_queues ul li { position: relative; font-size: 32px; line-height: 36px; color: #fff; display: block; font-weight: 700; padding: 0; margin: 0;}
.next_meeting ul li i, .future_queues ul li i { font-style: normal; font-size: 24px; font-weight: 400; position: absolute; left: 0;top: 0;}
.next_meeting h3, .future_queues h3 { font-size: 24px; line-height: 28px; color: #fff; padding:  0 0 2px 0; font-weight: 500; margin: 0;}
.join_queue { text-align: center; display: block; padding-top: 15px;}
.join_queue a , .join_queue button { margin:  0 auto; align-items: center !important; justify-content: center !important; display: flex; flex-wrap: wrap; background: rgba(255, 255, 255, 1); border: solid 2px #fff; width: 100%; padding: 0 5px; color: #1F9DD0; font-size: 20px; font-weight: 500;  height: 56px; border-radius: 8px; position: relative;}
.join_queue a:hover , .join_queue button:hover {background: rgba(255, 255, 255, 0); color:#fff}
.join_queue a b, .join_queue button b {flex: 0 0 auto; width: auto; line-height: 24px; position: relative; z-index: 5; font-weight: 500; padding-left: 24px; }
.join_queue a b img, .join_queue button b img {position: absolute; left: 0; top: 50%;  transform: translateY(-50%); max-width: 18px auto;transition: all 0.5s ease;}
.join_queue a b img:nth-child(2), .join_queue button b img:nth-child(2) { opacity: 0;}
.join_queue a:hover b img:nth-child(1), .join_queue button:hover b img:nth-child(1) { opacity: 0;}
.join_queue a:hover b img:nth-child(2), .join_queue button:hover b img:nth-child(2) { opacity: 1;}
.join_queue ul { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0 -15px;}
.join_queue ul li {flex: 0 0 auto;  width: 100%; max-width: 50%; padding:  0 15px;}
.join_queue ul li:nth-child(1) a{margin: 0 auto 0 0;}
.join_queue ul li:nth-child(2) a{margin: 0 0 0 auto;}
.join_queue ul li a { width: 100%; max-width: 274px; text-align: center; }
.join_queue ul li:nth-child(2) a {background: rgba(255, 255, 255, 0);color: #fff;}
.join_queue ul li:nth-child(2) a:hover {background: rgba(255, 255, 255, 1);color: #1F9DD0;}

.next_meeting h4 {color: #796FB2; font-size: 28px; padding-top: 30px;}
.future_queues { color: #1D2D53; position: relative;}
.future_queues:after {content: ""; background: rgba(255, 255, 255, 1); position: absolute; left: 2px; right: 2px; top: 2px; bottom: 2px; border-radius: 8px; z-index: 1; }
.future_quene_wrap { position: relative; z-index: 2;}
.upcoming_appointment .future_queues ul {margin: 0 0 24px 0;}
.upcoming_appointment .future_queues ul li { color: #1D2D53; font-size: 24px;}
.future_queues ul li i { font-size: 20px;}
.future_queues h3 { color: #1D2D53;font-size: 20px; }

.calender_update { display: block; padding: 15px 0 0 0;}
.calender_update ol {display: flex; flex-wrap: wrap; padding: 0; margin: 0; list-style: none; }
.calender_update ol li {flex: 0 0 auto;  width: 100%; max-width: 50%;}
.calender_update ol li:nth-child(2) { text-align: left;}
.calender_update ol li a { font-size: 16px; line-height: 22px; font-weight: 500; color: #fff; display: inline-block; text-decoration: underline; padding-right: 26px; position: relative;}
.calender_update ol li a img { position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.future_queues .calender_update ol li a {color: #1D2D53;}

.new_meeting { text-align: center; display: block; padding: 24px 40px;}
.new_meeting a , .new_meeting button { margin:  0 auto; align-items: center !important; justify-content: center !important; display: flex; flex-wrap: wrap; background: linear-gradient(to right,  #15a3dd 0%,#3e65f1 100%); border: 0; width: 100%; padding: 0 5px; color: #fff; font-size: 20px; font-weight: 500; height: 56px; border-radius: 8px; position: relative;}
.new_meeting a:hover , .new_meeting button:hover { color:#1F9DD0}
.new_meeting a:after , .new_meeting button:after {content: ""; background: rgba(255, 255, 255, 0); position: absolute; left: 2px; right: 2px; top: 2px; bottom: 2px; border-radius: 8px; z-index: 1;transition: all 0.5s ease; }
.new_meeting a:hover:after , .new_meeting button:hover:after {background: rgba(255, 255, 255, 1);}
.new_meeting a b, .new_meeting button b { flex: 0 0 auto; width: auto; line-height: 24px; position: relative; z-index: 5; font-weight: 500; padding-right: 36px; }
.new_meeting a b img, .new_meeting button b img {position: absolute; right: 0; top: 50%;  transform: translateY(-50%); max-width: 27px auto;transition: all 0.5s ease;}
.new_meeting a b img:nth-child(2), .new_meeting button b img:nth-child(2) { opacity: 0;}
.new_meeting a:hover b img:nth-child(1), .new_meeting button:hover b img:nth-child(1) { opacity: 0;}
.new_meeting a:hover b img:nth-child(2), .new_meeting button:hover b img:nth-child(2) { opacity: 1;}
.free_block_wrap {border-radius: 8px; box-shadow: 6px 5px 20.3px -5px rgba(25, 106, 157, 0.3);-webkit-box-shadow:  6px 5px 20.3px -5px rgba(25, 106, 157, 0.3);-moz-box-shadow:  6px 5px 20.3px -5px rgba(25, 106, 157, 0.3);}
.free_block {border-radius: 8px 8px 0 0; text-align: center; font-size: 18px;}
.free_block img { width: 100%;border-radius: 8px 8px 0 0;}
.free_block h4 {color: #E37D9C; font-size: 32px; line-height: 36px; padding: 24px 20px 0 20px; margin-bottom: 8px; }
.free_block p  {padding:  0 30px; margin-bottom: 8px;}

.personal_container .row [class*="col-"].medical_document_upload { padding-left: 17%;}
.medical_document_upload.personal_base {background: none; padding: 0;border-radius: 0px;}
.medical_top {display: block;  padding: 12px 24px; background: #E4F3EF; margin-top: 20px; margin-bottom: 32px;}
.medical_top b, .medical_top strong { display: block;}
.medical_top p { margin-bottom: 0;}
.document_summery { margin-bottom: 24px; Display: block; padding: 32px; text-align: center; color: #fff; border-radius: 8px; background: linear-gradient(to right,  #15a3dd 0%,#3e65f1 100%);}
.document_summery .queation_mark {background: url(../images/info3.svg) no-repeat right center; display: inline-block;}
.document_summery .queation_mark  a {color: #00E5FF; font-weight: 700; text-decoration: underline;}
.document_summery h2, .my_documents h3, .teacher_form h3 { font-size: 24px; line-height: 28px; color: #fff; margin-bottom: 16px;}
.document_icon { margin-bottom: 16px;}
.document_icon span { width: 60px; height: 60px; position: relative; background: #fff; display: inline-block; border-radius: 50%;}
.document_icon.large span {width: 80px; height: 80px;}
.document_icon span img { position: absolute;  left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.upload_file { margin-top: 24px; display: block;  background: linear-gradient(to right,  #fff 0%,#F2FBFF 100%); border: dashed 2px #C1C7CD; border-radius: 8px; }
.upload_file button { background: none; display: block; padding: 22px; border: 0; width: 100%; color: #A2A9B0; font-size: 14px; line-height: 18px;}
.upload_file button span { display: inline-block; padding:  0 50px; text-align: right;background: url(../images/upload.svg) no-repeat right center;}
.upload_file button span b, .upload_file button span strong { display: block; font-weight: 500; color: #1D2D53; font-size: 16px;}
.document_summery.white { background: #fff; color: #1D2D53;}
.document_summery.white h2 { color: #1D2D53;}
.my_documents { display: block;}
.my_documents h3 {color: #1D2D53; padding-top: 32px; border-top: solid 1px #A2A9B0;}
.upload_common { display: block; background: #FFFFFF; padding: 7px 24px; margin-bottom: 8px; font-size: 16px; position: relative; }
.upload_common ul {display: flex; flex-wrap: wrap; padding: 0; margin: 0; list-style: none; align-items: center; }
.upload_common ul li {flex: 0 0 auto;  width: 100%; max-width: 40%; padding: 0; margin: 0;}
.upload_common ul li:nth-child(1) { padding-right: 30px;background: url(../images/file.svg) no-repeat right center; }
.upload_common ul li:nth-child(2) { max-width: 30%;}
.upload_common ul li:nth-child(3) { max-width: 30%;}
.open_file { display: none;}
.documents_info { display: block;}
.documents_info ol { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; justify-content: end;}
.documents_info ol li {flex: 0 0 auto;  width: 100%; max-width: 33.33%; padding: 0 2px; margin: 0; text-align: center;}
.upload_common ol li:nth-child(1) { background-image: none; padding-right: 0;}
.upload_common ol li a { display: block; color: #1F9DD0}

.modal-dialog.moveforward.summery { max-width: 810px;}
.crad_text { text-align: right; padding:30px 0 30px 124px; background: url(../images/card.svg) no-repeat left top;}
.crad_text p { margin-bottom: 8px;}
.got_it ul { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0 -15px;}
.got_it ul li {flex: 0 0 auto;  width: 100%; max-width: 50%; padding:  0 15px;}
.got_it ul li:nth-child(1) a{ margin: 0 auto 0 0;}
.got_it ul li:nth-child(2) a{ margin: 0 0 0 auto;}
.summery .got_it ul li a { width: 162px;}
.got_it ul li:nth-child(2) a {color: #1F9DD0;}
.got_it ul li:nth-child(2) a:hover {color: #fff;}
.got_it ul li:nth-child(2) a:before , .got_it ul li:nth-child(2) button:before  { background: rgba(255, 255, 255, 1); }
.got_it ul li:nth-child(2) a:hover:before , .got_it ul li:nth-child(2) button:hover:before  {background: rgba(255, 255, 255, 0);} 
#deletefile .moveforward h3 { padding-right: 0; background-image: none;}
#deletefile .moveforward h4 { font-size: 20px;}
#deletefile .moveforward .modal-content {  text-align: center;  }
.got_it.single ul li{max-width: 100%; text-align: center!important;}

.medical_document_wrap.top_padding { padding-top: 32px;}
.medical_document_wrap.both_padding { padding-top: 32px; padding-bottom: 32px; border-radius: 16px;}
.medical_document_wrap.both_padding .document_summery { margin-bottom: 0;}
.teacher_details ul {display: flex; flex-wrap: wrap; padding: 0; margin: 0; list-style: none; align-items: center; }
.teacher_details ul li {flex: 0 0 auto;  width: 100%; max-width: 15%; padding: 0; margin: 0;}
.teacher_details ul li:nth-child(2) { max-width: 25%;}
.teacher_details ul li:nth-child(3) { max-width: 30%;}
.teacher_details ul li:nth-child(4) { max-width: 30%; text-align: left;}
.teacher_details ul li:nth-child(4) a {color: #1F9DD0; text-decoration: underline; font-weight: 500; display: inline-block; padding-left: 24px; background: url(../images/pen.svg) no-repeat left center; }

.join_queue ul li a.copy_link.active {background: rgba(255, 255, 255, 1);color: #32A596;}
.join_queue ul li a.copy_link.active b { padding-left: 0!important;}
.join_queue ul li a.copy_link.active b img {display: none!important;}

.upload_doqnload { text-align: center; display: block; padding: 15px 0 0 0;}
.upload_doqnload ul { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0 -15px;}
.upload_doqnload ul li {flex: 0 0 auto;  width: 100%; max-width: 50%; padding:  0 15px;}
.upload_doqnload ul li:nth-child(1) a{  margin: 0 auto 0 0;}
.upload_doqnload ul li:nth-child(2) a{  margin: 0 0 0 auto;}
.upload_doqnload ul li a , .upload_doqnload ul li button, .back_personal a {margin:  0 auto; align-items: center !important; justify-content: center !important; display: flex; flex-wrap: wrap; background: linear-gradient(to right,  #15a3dd 0%,#3e65f1 100%); border: 0; width: auto;max-width: 274px; text-align: center;  padding: 0 5px; color: #fff; font-size: 20px; font-weight: 500;  height: 56px; border-radius: 8px; position: relative;}
.upload_doqnload ul li a:hover , .upload_doqnload ul li button:hover { color:#1F9DD0}
.upload_doqnload ul li:nth-child(2) a {color:#1F9DD0;}
.upload_doqnload ul li:nth-child(2) a:hover {color:#fff;}
.upload_doqnload ul li a:after , .upload_doqnload ul li button:after {content: ""; background: rgba(255, 255, 255, 0); position: absolute; left: 2px; right: 2px; top: 2px; bottom: 2px; border-radius: 8px; z-index: 1;transition: all 0.5s ease; }
.upload_doqnload ul li a:hover:after , .upload_doqnload ul li button:hover:after {background: rgba(255, 255, 255, 1);}
.upload_doqnload ul li:nth-child(2) a:after , .upload_doqnload ul li:nth-child(2) button:after {background: rgba(255, 255, 255, 1);}
.upload_doqnload ul li:nth-child(2) a:hover:after , .upload_doqnload ul li:nth-child(2) button:hover:after {background: rgba(255, 255, 255, 0);}
.upload_doqnload ul li a b, .upload_doqnload ul li button b {flex: 0 0 auto; width: auto; line-height: 24px; position: relative; z-index: 5; font-weight: 500; padding-left: 32px; }
.upload_doqnload ul li a b img, .upload_doqnload ul li button b img {position: absolute; left: 0; top: 50%;  transform: translateY(-50%); max-width: 27px auto;transition: all 0.5s ease;}
.upload_doqnload ul li a b img:nth-child(2), .upload_doqnload ul li button b img:nth-child(2) { opacity: 0;}
.upload_doqnload ul li a:hover b img:nth-child(1), .upload_doqnload ul li button:hover b img:nth-child(1) { opacity: 0;}
.upload_doqnload ul li a:hover b img:nth-child(2), .upload_doqnload ul li button:hover b img:nth-child(2) { opacity: 1;}

.teacher_form { display: block;}
.teacher_form.middle { padding-bottom: 32px;}
.teacher_form .contact_form { background: #fff; padding: 32px 32px 16px 32px; border-radius: 8px; box-shadow: 6px 5px 20.3px -5px rgba(25, 106, 157, 0.3); -webkit-box-shadow: 6px 5px 20.3px -5px rgba(25, 106, 157, 0.3);  -moz-box-shadow: 6px 5px 20.3px -5px rgba(25, 106, 157, 0.3);}
.teacher_form h3 {color: #1D2D53; margin-bottom: 16px!important;}
.teacher_form .contact_form form .form_group.submit {padding-top: 10px; text-align: left;}
.teacher_form  .contact_form input[type="submit"] {  text-align: center;   font-size: 20px;  line-height: 56px;  height: 56px; width: 174px; display: inline-block;}
#successmsg { position: absolute; font-size: 12px; line-height: 16px; text-align: right; border: solid 2px #32A596; border-radius: 8px; margin-top: 5px; padding: 8px 36px 8px 16px; right: 8px; left: 220px; top: 50%;   -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%); background: url(../images/success.svg) no-repeat right 10px center #fff;}
.teacher_form.middle .contact_form input[type="submit"] { width: 225px;}
.teacher_form.middle #successmsg { left: 250px;}
.back_personal { padding-top: 32px; text-align: center;}
.back_personal a { background: rgba(255, 255, 255, 1);color: #1F9DD0;}
.back_personal a:hover { background: #32A596; color: #fff;}
.document_summery.errorpage p a { font-weight: 700; text-decoration: underline; color: #fff;}

.personal_top.patient_name b, .personal_top.patient_name strong { font-weight: 700;}
.patient_info { text-align: right; font-size: 20px; padding-left: 160px;background: url(../images/smile.svg) no-repeat left center; }
.document_summery .patient_info h2,.what_content h3  { font-size: 32px; line-height: 38px; margin-bottom: 16px;}
.patient_info .join_queue { padding-top: 24px;}
.patient_info .join_queue ul li { max-width: 100%; }
.patient_info .join_queue ul li a, .patient_info .join_queue ul li button { margin: 0 0 0 auto!important; background: rgba(255, 255, 255, 0);color: #fff; padding: 0 24px; max-width: 314px;}
.patient_info .join_queue ul li a:hover, .patient_info .join_queue ul li button:hover {background: rgba(255, 255, 255, 1);color: #1F9DD0;}
.patient_info .join_queue ul li a b, .patient_info .join_queue ul li button b { padding-left: 34px;}

.what_we_wrap {position: relative; z-index: 9; }
.what_we_do { display: flex; flex-wrap: wrap; margin-bottom: 32px; background: #fff; overflow: hidden; border-radius: 8px; box-shadow: 6px 5px 20.3px -5px rgba(25, 106, 157, 0.3); -webkit-box-shadow: 6px 5px 20.3px -5px rgba(25, 106, 157, 0.3); -moz-box-shadow: 6px 5px 20.3px -5px rgba(25, 106, 157, 0.3);}
.what_pic {flex: 0 0 auto; width: 100%; max-width: 42%; border-radius: 8px 0 0 8px; background-repeat: no-repeat;  background-position: center bottom;  background-size: cover; }
.what_content {flex: 0 0 auto; width: 100%; max-width: 58%; padding: 32px;}
.what_content h3 {color: #E37D9C; margin-bottom: 8px;}
.what_content .new_meeting { padding: 40px 0 0 0;}
.what_content .new_meeting a, .what_content .new_meeting button { max-width: 280px; margin:  0 0 0 auto;}
.medical_document_wrap.odd_padding { padding-top: 32px; border-radius: 16px;}

.download_common { display: block; background: #FFFFFF; padding: 7px 24px; margin-bottom: 8px; font-size: 16px; position: relative; }
.download_common ul {display: flex; flex-wrap: wrap; padding: 0; margin: 0; list-style: none; align-items: center; }
.download_common ul li {flex: 0 0 auto;  width: 100%; max-width: 23%; padding: 0; margin: 0;}
.download_common ul li:nth-child(1) { max-width: 31%; }
.download_common ul li:nth-child(1)  b, .download_common ul li:nth-child(1)  strong { font-weight: 400; display: inline-block;padding-right: 30px; background: url(../images/file.svg) no-repeat right center; }
.download_common ul li a {color: #1F9DD0; display: inline-block; padding-left: 18px;background: url(../images/download2_hover.svg) no-repeat left center; background-size: 14px auto;}
.download_common ul li:nth-last-child(1) { text-align: left;}

.what_we_wrap.not_produce { padding-top: 24px;}
.not_produce .what_content .new_meeting a, .not_produce .what_content .new_meeting button { max-width: 290px;}
.not_produce .what_content .new_meeting a b, .not_produce .what_content .new_meeting button b { padding-right: 0px;}

.my_profile { display: block; position: relative; color: #fff; text-align: right;}
.edit_details {position: absolute; left: 0; bottom: -15px; z-index: 2; font-size: 16px; color: #fff; text-decoration: underline!important; font-weight: 400; display: inline-block; padding-left: 24px; background: url(../images/edit.svg) no-repeat left center; }
.my_profile ul {display: flex; flex-wrap: wrap; padding: 0 0 24px 0; margin: 0; list-style: none;}
.my_profile ul li {flex: 0 0 auto;  width: auto; padding-left: 30px;}
.my_profile ul li a { color: #fff;}

.edit_personal { text-align: right;}
.edit_personal .contact_form form .form_group.submit {padding-top: 10px; text-align: left;margin-bottom: 0px;}
.edit_personal .contact_form input[type="submit"] { width: 180px;  text-align: center;   font-size: 20px;  line-height: 56px;  height: 56px; width: 174px; display: inline-block; background: rgba(255, 255, 255, 0); border: solid 2px #fff;}
.edit_personal .contact_form input[type="submit"]:hover { color: #1F9DD0;background: rgba(255, 255, 255, 1);}
.edit_personal .contact_form .form-control:disabled {background: #F2F4F8;background: rgba(255, 255, 255, 0); color: #fff; border: solid 1px #F2F4F8;}
.edit_personal  .contact_form form .form_group.convenient {margin-bottom: 20px;}
.edit_personal  .contact_form form .form_group.convenient b { font-weight: 500;}
.edit_personal  .input + span, .edit_personal  .input + span + span {color: #fff;}

.modal-body.codeverify { text-align: center; font-size: 20px; line-height: 26px; font-weight: 500;}
.modal-body.codeverify h3 { background-image: none; padding-right: 0; color: #1D2D53;}
.codeverify .contact_form .form-control.verification_code { display: inline-block; float: none;margin-left: 12px;}
.codeverify .contact_form .form_group.full { font-weight: 400; font-size: 14px;}

.personal_container .row [class*="col-"].schedule_appointment {padding-left: 5%; }
.schedile_middle { width: 35.5%; float: right;}
.calendar_base {display: block; width: 100%; padding-top: 24px;}
.calendaer_wrap { padding: 32px 24px; background: #fff; border-radius: 8px;  box-shadow: 6px 5px 20.3px -5px rgba(25, 106, 157, 0.3); -webkit-box-shadow: 6px 5px 20.3px -5px rgba(25, 106, 157, 0.3);  -moz-box-shadow: 6px 5px 20.3px -5px rgba(25, 106, 157, 0.3); }
.calendaer_wrap h2, .choose_appoinement h3  { font-size: 24px; color: #1F9DD0; margin-bottom: 16px;}
.calendaer_wrap img { width: 100%}
.choose_appoinement {width: 58.5%; float: left; padding: 40px 32px 24px 32px; background: #fff;  border-radius: 8px; box-shadow: 6px 5px 20.3px -5px rgba(25, 106, 157, 0.3); -webkit-box-shadow: 6px 5px 20.3px -5px rgba(25, 106, 157, 0.3);  -moz-box-shadow: 6px 5px 20.3px -5px rgba(25, 106, 157, 0.3); }
.choose_appoinement_wrap {width: 58.5%; float: left;}
.choose_appoinement_wrap .choose_appoinement { width: 100%}
.choose_appoinement h3 { margin-bottom: 24px;}
.choose_appoinement ul {display: flex; flex-wrap: wrap; padding: 0; margin: 0 0 8px 0; list-style: none; }
.choose_appoinement ul li {flex: 0 0 auto;  width: 100%; max-width: 100%; padding: 0;  position: relative; background: url(../images/plus2.svg) no-repeat 24px center #F2F4F8;}
.choose_appoinement ul li a {color: #1D2D53; padding: 16px 24px 16px 40px; display: block; }
.choose_appoinement ul li i { font-style: normal; font-weight: 500; font-size: 20px; color: #1F9DD0; display: inline-block; padding-left: 8px; min-width: 86px; }
.choose_appoinement ul li b { display: inline-block; padding-left: 8px;}
.name_part { font-size: 20px; padding-bottom: 16px;  text-align: center;}
.name_part h4 { font-size: 20px; font-weight: 0;}
.name_part ul {display: flex; flex-wrap: wrap; padding:15px 0 0 0; margin: 8px -12px 0 -12px; list-style: none; }
.name_part ul li {flex: 0 0 100%;  width: 100%; max-width: 50%; padding:  0 12px 0 12px;}
.name_part ul li:nth-child(1) { text-align: left;}
.name_part ul li:nth-child(2) { text-align: right;}
.name_part ul li b { display: inline-block; font-weight: 400; padding-right: 30px;}
.name_part ul li:nth-child(1) b { background: url(../images/calendar3.svg) no-repeat right center;}
.name_part ul li:nth-child(2) b {background: url(../images/alarm_clock.svg) no-repeat right center;}
.note_part { text-align: center;border-top: solid 1px #C1C7CD;padding-top: 24px; }
.note_part h5 { font-size: 18px; font-weight: 400; padding-bottom: 16px; }
.note_part h5 b, .note_part h5 strong {font-weight: 700; color: #1F9DD0;}
.got_it.large_button, .got_it.full { min-height: auto;}
.got_it.large_button a { width: 250px;  }

.personal_base.appointment_booked { box-shadow: 6px 5px 20.3px -5px rgba(25, 106, 157, 0.3); -webkit-box-shadow: 6px 5px 20.3px -5px rgba(25, 106, 157, 0.3);  -moz-box-shadow: 6px 5px 20.3px -5px rgba(25, 106, 157, 0.3); }
.personal_base.appointment_booked h1 {color: #32A596;}
.booked_content { position: relative;}
.booked_content h2, .booked_content h3 { font-size: 18px; line-height: 24px; margin-bottom: 0px;}
.booked_content h3 { margin-bottom: 24px;}
.booked_content h2 b, .booked_content h3 b{color: #1F9DD0}
.booked_content h2 i, .booked_content h3 i{ font-weight: 400; font-style: normal;}
.booked_content p { margin-bottom: 8px;}
.booked_content .got_it a, .booked_content .got_it button { margin:  0 auto 0 0; width: 206px; }
.add_calendar { position: absolute; right: 0; bottom: 20px; border: 0; z-index: 2; font-size: 16px; text-decoration: underline!important; font-weight: 500; color: #1D2D53; position: absolute; display: inline-block; padding-right: 26px;background: url(../images/add_calendar.svg) no-repeat right center;}

.personal_base.card_info h1 { text-align: center; margin-bottom: 32px;}
.card_info .personal_middle { text-align: center;}
.card_info .personal_middle img { max-width: 100%;}

.payment_error h1 { padding-right: 47px; color: #E37D9C;background: url(../images/error3.svg) no-repeat right center;}
.payment_error_content .got_it a, .payment_error_content .got_it button { margin:  0 auto 0 0; width: 170px; }

.my_queues {color: #fff; text-align: right; position: relative;}
.ques_title { font-size: 32px; line-height: 36px;  font-weight: 700; min-height: 90px;}
.ques_title b, .ques_title strong { font-size: 24px; font-weight: 400; display: inline-block; padding-right: 15px;}
.document_summery .my_queues h2 { margin-bottom: 4px;}
.document_summery .my_queues p { margin-bottom: 0; max-width: 40%;}
.my_queues ul { position: absolute; left: 0; bottom: 0; list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: end;}
.my_queues ul li {flex: 0 0 auto;  width: auto; max-width: auto; padding:  0 16px 0 0; font-size: 16px;}
.my_queues ul li a { color: #fff; text-decoration: underline!important;font-weight: 500; padding-right: 28px;}
.my_queues ul li:nth-child(1) a { background: url(../images/add_calendar2.svg) no-repeat right center;}
.my_queues ul li:nth-child(2) a { background: url(../images/edit2.svg) no-repeat right center;}
.my_queues ul li:nth-child(3) a { font-weight: 400; padding-right: 0; color: rgba(255, 255, 255, 0.6);}

.done_cancel { display: block; background: #FFFFFF; padding: 7px 24px; margin-bottom: 8px; font-size: 16px; position: relative; }
.done_cancel ul {display: flex; flex-wrap: wrap; padding: 0; margin: 0; list-style: none; align-items: center; }
.done_cancel ul li {flex: 0 0 auto;  width: auto; max-width: auto; padding: 0; margin: 0;}
.done_cancel ul li:nth-child(1) { font-weight: 700; width: 130px; max-width: 130px; }
.done_cancel ul li:nth-child(2) { width: 190px; max-width: 190px; }
.done_cancel .done, .done_cancel .cancel { position: absolute; z-index: 2; left: 24px; top: 7px; font-style:normal; text-decoration: none; font-size: 16px; }
.done_cancel .done {color: #32A596;}
.done_cancel .cancel {color: #A2A9B0;}

.got_it.equil_width a { width: 184px;}
.moveforward .cancelled_appointment h3 { background: url(../images/ok.svg) no-repeat right top rgba(0,0,0,0);padding-right: 44px;}
.my_queues_padding { margin-top: 24px;}

.queues_wrap { margin-top:32px; background: #fff; border-radius: 8px; padding: 32px;  -webkit-box-shadow: 6px 5px 20.3px -5px rgba(25, 106, 157, 0.3);  -moz-box-shadow: 6px 5px 20.3px -5px rgba(25, 106, 157, 0.3); }
.queues_wrap h2 { font-size: 32px; line-height: 38px; padding-bottom: 16px; padding-right: 52px;background: url(../images/pending.svg) no-repeat right 5px;}
.queues_wrap .got_it a, .queues_wrap .got_it button { margin: 0 0 0 auto; width: 275px; color: #1F9DD0;}
.queues_wrap .got_it a:hover, .queues_wrap .got_it button:hover { color: #fff;}
.queues_wrap .got_it a:before, .queues_wrap .got_it button:before { background: rgba(255, 255, 255, 1); }
.queues_wrap .got_it a:hover:before, .queues_wrap .got_it button:hover:before { background: rgba(255, 255, 255, 0); }
.queues_wrap p { margin-bottom: 4px;}
.current_date { width: 100%; float:  right; padding: 16px 70px; position: relative;  border-radius: 8px; margin-bottom: 32px; background: #DFF2FF; text-align: center;}
.current_date.show_after:after {content: ""; width: 32px; height: 32px; position: absolute; right: 24px; top: 14px; background: url(../images/refresh.svg) no-repeat right top; }
.current_date a, .current_date button {border: 0; font-weight: 700; color: #32A596; font-size: 20px; line-height: 24px; position: absolute; left: 24px; top: 14px; z-index: 1;}
.current_date p { margin-bottom: 0;}
.current_date.description p {font-size: 20px;}
.current_date.description b {font-weight: 600; color: #1F9DD0;}

.calendar_base .current_date { float: none; display: none;}
.if_question { text-align: center; font-size: 20px;}
.if_question .personal_top { display: none;}
.if_question .document_icon span {background: #DFF2FF;}
.if_question .booked_content h2 { font-size: 24px; margin-bottom: 8px;}
.if_question .queation_mark { display: inline-block;}
.if_question .personal_middle .upload_doqnload ul li { max-width: 100%; padding: 0 12px; background: none;}
.if_question .personal_middle .upload_doqnload ul li a { margin:  0 auto; max-width: 306px}
.if_question .personal_middle .upload_doqnload ul li b:after { display: none;}

/* #Media Queries ================================================== */
@media (min-width: 1301px) {
  .base_content{ min-height: 800px;}
  .personal_container .row  [class*="col-"] {min-height: calc(100vh - 228px);}
  
   }
  @media only screen and (max-width: 1500px) {
    .personal_title {padding: 18px 50px 18px 14px;font-size: 18px;}
    .personal_title img { width: 30px;margin-top: -15px;}
    .personal_menu_top ul li {padding: 8px 0 0 0;}
    .personal_menu_top ul li a {font-size: 16px;}
    .personal_menu_middle ul li a, .personal_menu_bottom ul li a {font-size: 18px;}
    .personal_base h1, .personal_top h2, .schedile_middle h1 {  font-size: 28px; line-height: 32px;}
    .personal_top p {font-size: 16px; line-height: 20px;}
    .personal_middle ul li {padding: 12px 16px 12px 180px;font-size: 16px; line-height: 22px;}
    .personal_middle ul li span {font-size: 16px;line-height: 30px; width: 170px; position: absolute; left: 16px; margin-top: -15px; padding-left: 15px;  padding-right: 38px; background-size: 8px auto;}
    .personal_middle ul li span i {width: 30px; height: 30px; line-height: 30px;}
    .personal_middle ul li span i img { max-width: 60%;}
    .upcoming_appointment h2 {padding-left: 50px; font-size: 18px;line-height: 22px; background-size: 44px auto;}
    .upcoming_appointment ul { padding-bottom: 24px;}
    .upcoming_appointment ul li {padding: 0 0 8px 0;}
    .upcoming_appointment ul li a {padding: 8px 16px;font-size: 18px;}
    .upcoming_appointment ul li a i {top: 8px;}
    .queation_mark { font-size: 12px; line-height: 16px;}
    .upcoming_appointment.meeting_wrap {padding: 24px 16px;}
    .upcoming_appointment.next_meeting h2, .upcoming_appointment.next_meeting ul li ,.next_meeting h4 {font-size: 20px;}
    .next_meeting ul li i {font-size: 16px;}
    .next_meeting h3 {font-size: 18px;}
    .join_queue a, .join_queue button , .new_meeting a , .new_meeting button, .upload_doqnload ul li a, .upload_doqnload ul li button, .back_personal a {font-size: 18px; height: 48px;}
    .calender_update ol li a {font-size: 14px;}
    .new_meeting { padding: 20px 15px;}
    .free_block h4 {font-size: 28px;line-height: 32px; padding: 24px 15px 0 15px;}
    .free_block p {padding: 0 15px;margin-bottom: 8px;}
    .personal_container .row [class*="col-"].medical_document_upload {padding-left: 15%;}
 }
@media only screen and (max-width: 1300px) {
  body { font-size: 16px; line-height: 22px;}
  .base_container, .base_content { min-height: auto;}
  .base_content{padding:48px 73px 25px 25px;}
  .color_top_text {font-size: 18px;line-height: 24px; width: 330px; top: 26%; margin-left: -130px;}
  .color_top_image img { max-width: 105px;}
  .circles { background-size: 720px auto;}
  .main_content { width: 585px;}
  .main_content h1 {font-size: 28px; line-height: 32px;}
  .main_content h2 {font-size: 18px; line-height: 24px;}
  .child_adult, .info_terms {font-size: 12px;line-height: 16px; background-size: 20px auto;padding-right: 26px; margin-bottom: 16px;}
  .info_terms p { margin-bottom: 0;}
  .contact_form.patient_details { padding-top: 24px;}
  .contact_form form .form_group.convenient, .input + span, .input + span + span {font-size: 12px;}
  .contact_form form .form_group.convenient {margin-bottom: 24px;}
  .contact_form input[type="submit"] { font-size: 18px;}
  .steps {padding-bottom: 30px;}
  .steps ul li {font-size: 16px; line-height: 22px;}
  .steps ul li:nth-child(1) {max-width: 36%;}
  .steps ul li:nth-child(2) {max-width: 30%;}
  .steps ul li:nth-child(3) {max-width: 34%; }
  .steps ul li:after{left: 10px; width: 45px;}
  .contact_form .form_group label.label_checkbox { font-size: 12px;}
  .base_content { min-height: 620px;}
  .treatment_for.option_three button, .treatment_for.option_three a { height: 104px;}
  .main_content .secure_payment h1, .main_content .completed_part h1 { font-size: 20px; font-weight: 500;}
  
  .personal_base { padding: 24px;}
  .personal_dashboard {padding: 32px 0;}
  .personal_container .row  [class*="col-"] {min-height: calc(100vh - 164px); padding-right: 23.5%; padding-left: 23.5%;}
  .personal_menu , .upcoming_wrap { width: 22%;}
  .upcoming_appointment {padding: 24px 18px;}
  .personal_menu_middle {padding: 8px 24px 50px 24px;}
  .personal_menu_bottom { position: relative;left: auto; right: auto; bottom: auto; display: block;}
  .modal-dialog.moveforward {max-width: 510px; margin:  0 auto;}
  .moveforward h3 { font-size: 28px; line-height: 32px; padding-right: 45px;background-size: 30px auto; }
  .moveforward .modal-body {padding: 36px;}
  .got_it a , .got_it button {font-size: 18px;height: 50px;}
  .modal_close { background-size: 14px auto;right: 8px; top: 8px;}
  .calender_update ol li a { font-size: 12px; line-height: 18px; font-weight: 400; padding-right: 16px;}
  .calender_update ol li a img { max-width: 12px;}
  .free_block_wrap { box-shadow: none;}
  .new_meeting { padding: 20px 0 0 0;}  
  .free_block  { border-radius: 8px; font-size: 16px; padding-bottom: 15px; box-shadow: 6px 5px 20.3px -5px rgba(25, 106, 157, 0.3);  -webkit-box-shadow: 6px 5px 20.3px -5px rgba(25, 106, 157, 0.3);  -moz-box-shadow: 6px 5px 20.3px -5px rgba(25, 106, 157, 0.3);}
  .free_block h4 {font-size: 28px;line-height: 32px; padding: 24px 15px 0 15px;}
  .free_block p {padding: 0 15px;margin-bottom: 8px;}

  
  .document_summery {margin-bottom: 24px;padding: 24px;}
  .document_summery p { margin-bottom: 8px;}
  .document_summery h2, .my_documents h3, .teacher_form h3 {font-size: 20px; line-height: 24px; margin-bottom: 8px;}
  .document_icon span { width: 48px; height: 48px;}
  .document_icon span img { max-width: 22px;}
  .my_documents h3 { padding-top: 15px;}
  .modal-dialog.moveforward.summery { max-width: 510px;}
  .moveforward.summery .modal-body { padding: 48px;  }
  .summery .got_it { padding-top: 0;min-height: auto;}
  .summery .got_it ul li a { width: 100%;}
  .crad_text {padding: 15px 0 30px 124px;}

  .document_icon.large span {width: 48px;height: 48px;}
  .document_icon.large span img { max-width: 60%;}
  .join_queue ul li a , .upload_doqnload ul li a, .upload_doqnload ul li button , .back_personal a {width: 100%;min-width: auto; max-width: 254px; }
  .teacher_form .contact_form input[type="submit"] {font-size: 18px;line-height: 50px; height: 50px; width: 162px;}

.patient_info { padding-left: 130px; background-size: 110px auto; font-size: 18px; line-height: 22px; }
.document_summery .patient_info h2, .what_content h3 { font-size: 28px; line-height: 36px;}
.patient_info .join_queue ul li a, .patient_info .join_queue ul li button {padding: 0 10px; max-width: 276px;}
.what_content { padding: 24px;}
.what_content .new_meeting a, .what_content .new_meeting button, .not_produce .what_content .new_meeting a, .not_produce .what_content .new_meeting button {max-width: 272px;}

.modal-body.codeverify {font-size: 18px;line-height: 22px;}
.codeverify .contact_form .form_group.full {font-size: 12px;}

.personal_container .row [class*="col-"].schedule_appointment {padding-left: 0%; }
.schedile_middle { width: 38.5%;}
.calendaer_wrap { padding: 24px;}
.calendaer_wrap h2, .choose_appoinement h3 { font-size: 20px;}
.choose_appoinement {width: 58.5%;}
.choose_appoinement ul li { background-size:  18px auto;}
.choose_appoinement ul li  a {padding: 8px 16px 8px 30px;}
.choose_appoinement ul li i {font-size: 18px; min-width: 70px;}
.name_part, .name_part h4 {font-size: 18px;}
.name_part ul {font-size: 16px;padding: 5px 0 0 0;}
.got_it.full, .got_it.large_button {padding-top: 15px;}
.got_it.full a, .got_it.large_button a { width: 100%; }
.note_part {padding-top: 16px;}
.note_part h5 { font-size: 16px; }
.booked_content .got_it a, .booked_content .got_it button {  width: 190px; }
.payment_error h1 {padding-right: 36px;}
.payment_error_content .got_it a, .payment_error_content .got_it button { width: 158px;}

.ques_title { font-size: 28px; line-height: 32px;}
.ques_title b, .ques_title strong { font-size: 20px; }
.got_it.equil_width a { width: 100%;}
.queues_wrap h2 { font-size: 28px; padding-bottom: 12px;}
.queues_wrap .got_it a, .queues_wrap .got_it button { width: 254px;}
.current_date { padding: 12px 70px 12px 16px;}
.current_date a, .current_date button { position: relative; left: auto; top: auto; font-size: 18px;}
.current_date p { margin-bottom: 6px;}
.if_question { font-size: 18px;}
.if_question .booked_content h2 { font-size: 20px;}
.if_question .personal_middle .upload_doqnload ul li a {max-width: 290px;}
}
/* END__ */
 @media (min-width: 992px) and (max-width: 1130px) {
  .base_content{padding:48px 40px 25px 10px;}
  .main_content { width: 530px;}
  .steps ul li {font-size: 14px; line-height: 22px;}
  .upload_common { font-size: 13px;}
  /*.color_back { width: 58%;}*/
  .download_common ul li, .done_cancel ul li {max-width: 25%;}
  .download_common ul li:nth-child(1), .done_cancel ul li:nth-child(1) { max-width: 35%;}
  .download_common ul li:nth-last-child(1), .done_cancel ul li:nth-last-child(1) {max-width: 15%;}
 }
  @media (min-width: 768px) and (max-width: 991px) {
  .base_content{padding:48px 40px 25px 10px;}
  .main_content { width: 100%;}
  .steps ul li {font-size: 14px; line-height: 22px;}
  .steps ul li b:nth-child(3) { display: inline-block;}
  .steps ul li b:nth-child(2) { display: none;}
  .steps ul li:nth-child(2):after {left: 10px;}
  .steps ul li:nth-child(1) {max-width: 36%;}
  .steps ul li:nth-child(2) {max-width: 32%;}
  .steps ul li:nth-child(3) {max-width: 32%;text-align: right }
  .color_back { left: 52%;}  
  .color_top_text {width: 260px; margin-left: -100px;}
  .color_top_text b, .color_top_text strong {font-size: 14px; line-height: 18px;}
  .contact_form .form-control.verification_code { margin-left: 10px;}
 }
  @media (min-width: 768px) and (max-width: 1300px) {
   .header { height: 60px;}
  .logo {width: 130px;top: 14px;}
  /* .logo a img { margin-bottom: 10px; position: absolute; bottom: 3px;} */
  .home_icon {top: 19px; line-height: 22px;}
  .home_icon a img { max-width: 22px;}
  .footer { height: 40px;}
  .whatsapp-btn { width: 50px; height: 50px; left: 20px; }
  .whatsapp-btn img { width: 28px; height: 28px; }
  .all_rights {top: 12px; font-size: 12px;}
  .designed { padding-left: 130px; top: 12px; font-size: 12px; line-height: 16px;}
  .designed img { max-width: 56px;padding-left: 0px;}
  .develop_by {top: 12px; font-size: 12px; line-height: 16px; }
  .develop_by img { max-width: 62px;}
  [data-type="radio"] {padding:0 0 20px 0;}
  [data-type="radio"] ul li a {padding: 15px 68px 15px 15px;font-size: 16px; }
  .progress_steps { padding: 8px 0 30px 0; font-size: 12px; line-height: 14px;}
  .color_top_text.large { font-size: 24px; line-height: 26px;}
  .content_circle { padding: 30px 136px 24px 32px; }
  .circle_color { width: 98px; right: 22px; top: 32px}
  .main_content .top_title.large h1 {font-size: 36px; line-height: 39px;}
  }
 @media (min-width: 768px) {
   .mobile_wrap_top, .personal_top { background-image: none!important;}
   .color_box {padding: 16px 24px 8px 24px; margin-bottom: 16px;}
   .color_box h3, .gray_box h3 {font-size: 16px;}
   .contact_form input[type="submit"], .continue a, .continue button { font-size: 18px; line-height: 48px; height: 50px;}
   .circles.mobile { display: none;}

  }
  @media only screen and (max-width: 991px) {
    .navbar-toggler { display: block;}
   .personal .home_icon { left: 70px;}
   .personal_container .row [class*="col-"] {  padding-right: 0%; padding-left: 0%;min-height: auto;}
   .personal_menu { position: fixed; z-index: 11;border-radius:0 8px 8px 0; top: 60px; left: -350px; right: auto; width: 320px; overflow-y: auto;  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
   .personal_menu.active { left: 0;  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
   .personal_menu_top { border-radius: 0 8px 0 0;}
   .upcoming_wrap {  position: relative; left: auto; top: auto; width: 100%;}
   .upcoming_appointment h2 {padding-top: 15px;}
   .personal_container .row [class*="col-"].medical_document_upload {padding-left: 0%;}
 }
@media only screen and (max-width: 767px) {
  .header {height: 60px;}
  .home_icon {left: 16px; top: 18px;}
  .logo {right: 16px; top: 14px;}
  .color_back { display: none;}
  .base_content{padding:0px; width: 100%; background: none;}
  .main_content { width: 100%; max-width: 100%; padding-left: 0; padding-right: 0;}
  .main_content .row { margin-left: 0px; margin-right: 0px;}
  .main_content .row  [class*="col-"] {  padding-left: 0; padding-right: 0; padding-bottom: 0;}
  .main_content h1 { font-size: 22px; line-height: 26px;  }
  .main_content h2 {font-size: 16px; line-height: 22px; margin-bottom: 16px; }
  .receive_result .continue { padding-top: 0;}
  .top_text { display: block;font-size: 18px; line-height: 22px; font-weight: 700; color: #fff; text-align: right;}
  .top_text.large {font-size: 24px; line-height: 26px;}
  .top_text p { margin-bottom: 8px;}
  .top_text b, .color_top_text strong {font-size: 14px; line-height: 20px; font-weight: 700; display: block;}
  .steps  {padding-bottom: 26px; position: relative; z-index: 3;}
  .steps ul li {font-size: 16px; line-height: 22px;color: #fff; padding-left: 40px; width: auto;}
  .steps ul li b:nth-child(3) { display: inline-block;}
  .steps ul li b:nth-child(2) { display: none;}
  .steps ul li:nth-child(2):after {left: 10px;}
  .steps ul li:nth-child(1) {max-width: inherit;}
  .steps ul li:nth-child(2) {max-width: inherit;}
  .steps ul li:nth-child(3) {max-width: inherit;text-align: right; padding-left: 0; opacity: 0.5; }  
  .steps ul li:after{width: 24px; border-radius: 3px; background: #fff;}
  .steps ul li.complete:after { background: #fff;}
  .steps ul li i {color: #15A3DD;border: solid 1.3px #15A3DD; background: #fff;}  
  .steps ul li.active, .steps ul li.complete {color: #fff;}
  .steps ul li:nth-child(3).active {opacity: 1;}
  .steps ul li.active i, .steps ul li.complete i {color: #15A3DD; border-color: #15A3DD; background:  url("../images/arrow.svg") no-repeat center center #fff; color: rgba(0,0,0,0);}
  .mobile_wrap_top.inner_circle .steps ul, .mobile_wrap_top  .steps.mobile_only ul { justify-content: center;}
  .steps.mobile_only { display: block;}
  .mobile_wrap { padding: 38px 20px 20px 20px; background: #fff; border-radius: 16px 16px 0 0; z-index: 2; margin-top: -30px; min-height: 600px;}
  .mobile_wrap_top { padding: 18px 20px 70px 20px;z-index: 1; min-height: 180px; max-height: auto;}
  .smile_icon { display: block;}
  .contact_form.patient_details { padding-top: 8px;}
  .contact_form .form-control { height: 40px; line-height: 38px;}
  .contact_form .form_group label { line-height: 38px; right: 24px;}
  .contact_form form .form_group.calendar label { right: 44px!important;}
  .contact_form form .form_group { max-width: 100%; padding: 0 8px;}
  .contact_form form .form_group .child_adult  { margin-bottom: 16px;}
  .footer {background: #F2F4F8; height: 50px; border-top: solid 1px #C1C7CD;}
  .whatsapp-btn { width: 48px; height: 48px; left: 16px; }
  .whatsapp-btn img { width: 26px; height: 26px; }
  .designed  a img:nth-child(2), .develop_by  a img:nth-child(2) { display: inline-block;}
  .designed  a img:nth-child(1), .develop_by  a img:nth-child(1) { display: none;}
  .develop_by {right: auto; left: 0; width: 50%; text-align: right; top: 8px; font-size: 10px; line-height: 16px; color: #1D2D53; padding-right: 5px;}
  .develop_by a, .all_rights a { color: #1D2D53;}
  .all_rights {left: 50%; top: 8px; text-align: left; font-size: 10px;  line-height: 16px; color: #1D2D53; z-index: 1; width: 50%; padding-left: 5px;}
  .designed {left: 0; padding-left:0px; top: auto; bottom: 8px;right: 0; text-align: center;  font-size: 10px; line-height: 16px; color: #1D2D53;}
  .special { display: block;}  
  .check-input {width: 126px; height: 23px;}
  .input {width: 126px; height: 23px;}
  .input + span, .input + span + span { height: 23px; line-height: 22px;}
  .border-check {top: 2px; width: 46px; height: 22px;}
  .circle { top: 4px; left: 70px; width: 17px; height: 17px;}
  .check-input:active .circle { width: 17px;}
  .input:checked ~ .circle { left: 46px;}
  .check-input:active .input:checked ~ .circle {left: 70px;}

  .treatment_for div {max-width: 100%;padding-bottom: 24px;}
  .treatment_for div:nth-child(2) {padding-bottom: 0; }
  .treatment_for.guardian div { max-width: 50%; padding-bottom: 0;}
  .treatment_for.marital_status { margin-left: -10px; margin-right: -10px;padding-bottom: 20px;}
  .treatment_for.marital_status div { max-width: 50%; padding-bottom: 20px; padding-left: 10px; padding-right: 10px;}
  .color_box {padding: 16px 24px 8px 24px; margin-bottom: 24px;}
  .gray_box { padding: 12px 8px 8px 12px; margin-bottom: 20px;}
  .gray_box ul li i {padding-left: 2px;}
  .gray_box ul li {padding:8px 3px;}
  .lock {left: 10px; top: auto; bottom: 10px;}
  .lock img { max-width: 32px;}
  .gray_box .child_adult { padding-left: 36px;}
  .gray_box h3 { font-size: 16px;}
  .contact_form input[type="submit"], .continue a, .continue button { font-size: 16px; line-height: 46px; height: 48px;}
  .main_content .secure_payment h1, .main_content .completed_part h1 { font-size: 16px; font-weight: 700; color: #4D5358; margin-bottom: 0px;}
  .secure_image img:nth-child(1) { display: none;}
  .secure_image img:nth-child(2) { display: inline-block;}
  .main_content .thank_you  h1 { margin-bottom: 20px;}
  .mobile_title { z-index: 6; display: block; font-weight: 700; position: absolute; left: 0; right: 0; color: #fff; font-size: 36px; line-height: 40px; padding: 0 30px 0 20px;
  top: 45%;  transform: translateY(-50%);text-shadow: 1px 1px 20.3px rgba(34, 87, 120, 0.10); }
  .mobile_title p { margin-bottom: 5px;}
   .mobile_title p + p { font-size: 18px; line-height: 21px;}
  .mobile_title.small { font-size: 24px; line-height: 26px;}
  .mobile_wrap_top.for_image { padding: 0;}
  .mobile_top_image { display: block; position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; background-repeat:no-repeat; background-position: left bottom; background-size: cover;}
  [data-type="radio"] {padding:15px 0 20px 0;}
  [data-type="radio"] ul li {padding: 0 0 12px 0;}
  [data-type="radio"] ul li a {padding: 17px 68px 17px 16px;}
  .progress_steps {font-size: 12px;}
  .progress_steps.for_mobile { display: block; padding: 40px 0;width: 100%;  float: right;}
  .progress_steps.for_desktop { padding-bottom: 0; color: #15A3DD;}
  .progress_steps.for_desktop .progress { display: none;}
  .main_content .questionnaire h1 { display: none;}
  .content_circle { padding: 30px 120px 24px 18px; }
  .circle_color { width: 88px; right: 22px; top: 32px}
  .main_content .content_circle h2 {font-size: 18px; line-height: 22px;}
  .main_content .top_title.large h1 {font-size: 28px; line-height: 30px;}
  .circles.mobile { display: inline-block; background-size: 70% auto; }
  .mobile_title.dots {font-size: 16px; line-height: 22px; padding: 0 20px; top: auto;transform: translateY(0%); bottom: 40px; text-align: center;  }
  .mobile_title.dots .color_top_image img { max-width: 42px;}
  .contact_form.area_strength { position: relative; padding-bottom: 50px;}
  .contact_form.area_strength .next_step { padding-top: 0; position: absolute; right: 0; bottom: 0; width: 90px; float: none; }
  .contact_form.area_strength form .form_group.submit { margin-bottom: 0; padding: 0;  max-width: 100px; padding-top: 0px;position: absolute; left: 0; bottom: 0; }
  .contact_form.area_strength input[type="submit"] {  line-height: 36px;   height: 38px;}
  .ques_complete .mobile_wrap { min-height: auto; padding-bottom: 15px;}
  .link1, .link2 { padding: 0 20px 20px 20px;}
  .ques_complete [class*="col-"]:nth-last-child(1) { order: 3 !important;}
  .ques_complete [class*="col-"]:nth-last-child(2) { order: 4 !important;}

  .header button {display: none;}
  .personal .header button {display: block;}
  .personal .header { position: fixed;}
  .personal_dashboard { padding:0 0 32px 0; z-index: 9;}
  .personal_container {padding: 0;}
  .personal_base {padding: 0; border-radius: 0px; max-width: 100%; background: none; padding-top: 60px;}
  .personal_base h1, .personal_top h2, .schedile_middle h1 {color: #fff; }  
  .personal_top { position: relative; z-index: 1;display: flex; flex-wrap: wrap; min-height: 140px; padding: 24px 24px 50px 24px; background-repeat: no-repeat;  background-position: left center;  background-size: cover; align-items: center;}
  .personal_top div {flex: 0 0 auto; width: 100%; max-width: 100%;}
  .personal_top p {color: #fff;}
  .personal_top b, .personal_top strong {font-weight: 700;  color: #fff;}
  .personal_middle { padding: 24px; background: #fff; border-radius: 16px 16px 0 0; position: relative; z-index: 2; margin-top: -24px;}
  .personal_middle ul {padding: 0;}
  .personal_middle ul li { padding: 12px 8px 12px 180px; }
  .upcoming_wrap { padding:20px 24px 24px 24px; }
  .personal_middle ul li b, .personal_middle ul li strong { display: block;}
  .personal_middle ul li b:after, .personal_middle ul li strong:after { display: none;  }
  .personal_middle ul li span { width: auto; left: 8px;}
  .personal_menu_middle {padding: 8px 24px 30px 24px;}
  .personal_menu_bottom { position: relative;left: auto; right: auto; bottom: auto; display: block;}
  .personal_menu_bottom:after { content: ""; height: 1px; position: absolute; left: 24px; right: 24px; top: 0; background: #C1C7CD;}
  .modal-dialog.moveforward {max-width: 90%; margin:  0 auto;}
  .moveforward .modal-content {text-align: right;}
  .moveforward .modal-body { padding: 50px 25px 30px 25px;}
  .modal_close { background-size: 12px auto;}

  .personal_dashboard.common_layout { padding: 0 0 40px 0;}
  .personal_dashboard.common_layout.bottom_null { padding: 0;}
  .common_layout .personal_middle {  border-radius: 0; margin-top: 0;}
  .common_layout .upcoming_wrap { background: #fff; padding: 20px 24px 24px 24px; border-radius: 16px 16px 0 0; margin-top: -24px; z-index: 6;}
  .meeting_wrap, .future_queues {padding:20px 24px;}
  .upcoming_appointment.next_meeting h2, .upcoming_appointment.next_meeting ul li, .next_meeting h4 { font-size: 18px;}
  .upcoming_appointment.next_meeting h2 { display: none;}
  .future_queues h3 {font-size: 16px;}

  .free_block_wrap { padding: 24px 16px 16px 16px;  box-shadow: 6px 5px 20.3px -5px rgba(25, 106, 157, 0.3);  -webkit-box-shadow: 6px 5px 20.3px -5px rgba(25, 106, 157, 0.3);  -moz-box-shadow: 6px 5px 20.3px -5px rgba(25, 106, 157, 0.3);}
  .new_meeting { padding: 20px 0 0 0;} 
  .free_block h4 {font-size: 24px;line-height: 28px; padding: 24px 15px 0 15px;}

  .medical_document_upload .personal_base { padding-top: 60px;}
  .medical_document_wrap { padding: 32px 24px 0 24px; background: #fff; border-radius: 16px 16px 0 0; margin-top: -24px; position: relative; z-index: 6;}
  .medical_top {margin-top: 0px;}
  .document_icon span { width: 60px; height: 60px;}
  .document_icon span img { max-width: 28px;}
  .document_summery h2, .my_documents h3, .teacher_form h3 {font-size: 18px; line-height: 22px;}
  .my_documents { padding:  0 24px;}
  .my_documents h3 { border-top: 0;padding-top: 0px;}
  .upload_file button {font-size: 12px; line-height: 16px;}
  .upload_common ul li:nth-child(1) { max-width: 100%; padding-left: 60px; font-weight: 700; z-index: 1;}
  .upload_common ul li:nth-child(2) { max-width: 100%; padding-right: 30px; color: #A2A9B0; padding-left: 60px; z-index: 1;}
  .upload_common ul li:nth-child(3) { max-width: 50px; position: absolute; left: 0px; top: 12px; z-index: 3; }
  .open_file { font-size: 0; color: rgba(0,0,0,0); display: block; width: 40px; height: 40px; border: 0; padding: 0;  background:  url("../images/dots2.svg") no-repeat center center;}
  .documents_info { width: 196px; position: absolute; left: 45px; top: 0; background: #fff; padding: 12px 15px; display: none;}
  .open_file.active + .documents_info { display: block;}
  .documents_info ol li:nth-child(1) { display: none;}
  .documents_info ol li:nth-child(1), .documents_info ol li:nth-child(2), .documents_info ol li:nth-child(3) { font-weight: 400; max-width: 100%; padding: 0 0 8px 0; text-align: right;}
  .documents_info ol li:nth-child(3) {position: relative; left: auto; top: auto; padding-bottom: 0;}
  .documents_info ol li a { background: #F2F4F8; padding: 8px; color: #000; }
  .documents_info ol li a:hover  {color:#1F9DD0}
  .documents_info ol li a.download_file {background:  url("../images/upload.svg") no-repeat left 8px center #F2F4F8; background-size: 16px auto;}
  .documents_info ol li a.delete_file {background:  url("../images/delete.svg") no-repeat left 10px center #F2F4F8;  background-size: 12px auto;}

  .moveforward h3 { background-position:  right 15%;}
  .modal-dialog.moveforward.summery { max-width: 90%; margin: 0 auto;}
  .moveforward.summery .modal-body {padding: 40px 24px; } 
  .crad_text { padding: 15px 0 145px 0; background-position:  center bottom 5px;}
  .summery .got_it { padding-top: 30px; }
  .join_queue ul li, .upload_doqnload ul li {max-width: 100%; text-align: center!important; padding-bottom: 24px;}
  .join_queue ul li:nth-child(2), .upload_doqnload ul li:nth-child(2)   { padding-bottom: 0;}
  .teacher_details ul li {max-width: 100%!important; padding: 0 0 15px 0; text-align: right!important;}
  .teacher_form { padding: 0 24px;}
  #successmsg { position: relative; width: 100%;  margin-top: 16px;  right: auto; left: auto; top: auto;   -webkit-transform: translateY(0%);  -ms-transform: translateY(0%);  -o-transform: translateY(0%);  transform: translateY(0%); }
  .teacher_form.middle { padding-top: 32px; padding-bottom: 14px;}
  .document_summery_wrap { padding: 0 24px 0 24px;} 
  .my_documents.top_padding { padding-top: 32px;}

  .contact_form .form-control.verification_code { margin-left: 10px;}

  .join_queue ul li:nth-child(1) a, .join_queue ul li:nth-child(2) a, .upload_doqnload ul li:nth-child(1) a, .upload_doqnload ul li:nth-child(2) a {margin: 0 auto;}
  .patient_info { padding-left: 0; padding-top: 60px; background-size: 46px auto; background-position:  center top; font-size: 16px; line-height: 22px; }
  .document_summery .patient_info h2 , .what_content h3{ font-size: 24px; line-height: 28px;}
  .patient_info .join_queue ul li a, .patient_info .join_queue ul li button {padding: 0 10px; max-width: 276px; font-size: 16px; max-width: 100%}
  .what_we_wrap { padding:  0 24px; margin-top: -24px;}
  .what_content { max-width: 100%;order: 2 !important;padding: 32px;}
  .what_pic { max-width: 100%; padding-top: 60%; border-radius: 8px 8px 0 0; background-position: center  top;order: 1 !important;}
  .what_content .new_meeting {padding: 15px 0 0 0;}
  .medical_document_wrap.odd_padding { padding-bottom: 32px; }
  .download_common ul li {max-width: 100%; padding-bottom: 8px; padding-left: 66px;}
  .download_common ul li:nth-child(1) { max-width: 100%;   padding-left: 66px; }
  .download_common ul li:nth-last-child(1) {max-width: 65px; position: absolute; left: 16px; top: 8px; z-index: 2;padding-left: 0px;}
  .download_common ul li:nth-child(1)  b, .download_common ul li:nth-child(1)  strong { padding-right: 0; padding-left: 30px; background: url(../images/file.svg) no-repeat left center; }
  .what_we_wrap.not_produce { padding: 24px; background: #fff; border-radius: 16px;}
  .what_we_wrap.not_produce .what_we_do { margin-bottom: 0;}

  .my_profile { padding-bottom: 20px;}
  .my_profile ul li {flex: 0 0 100%;  width: 100%; padding: 0 0 10px 0;}
  .my_profile ul { padding: 0;}
  .edit_details { bottom: 0;}
  .edit_personal  .contact_form form .form_group.convenient b { display: block;}
  .edit_personal .check-input { margin-right: 0px; }
  .personal_container .row [class*="col-"].schedule_appointment {padding-left: 0%; }
  .schedile_middle {width: 100%; padding-top: 60px;}
  .choose_appoinement { width: 100%; box-shadow: none; padding: 24px 24px 32px 24px;  border-radius: 0px;}
  .choose_appoinement_wrap {width: 100%; }
  .calendar_base {padding: 24px; margin-top: -24px; background: #fff; border-radius: 16px 16px 0 0; position: relative; z-index: 9}
  .calendaer_wrap { text-align: center;}
  .calendaer_wrap h2 { font-size: 18px;}
  .calendaer_wrap img {width: 100%; max-width: 330px;}
  .choose_appoinement ul li {  background-image: none;  }
  .choose_appoinement ul li i { position: absolute; padding-left: 0; left: 16px; top: 50%; margin-top: -12px; text-align: center;  width: 84px; background: #DFF2FF;}
  .choose_appoinement ul li b { display: block;}
  .personal_base.appointment_booked { box-shadow: none;}
  .personal_base.appointment_booked h1 {color: #fff;}
  .booked_content, .payment_error_content { padding: 24px; position: relative; border-radius: 8px;  box-shadow: 6px 5px 20.3px -5px rgba(25, 106, 157, 0.3);-webkit-box-shadow:  6px 5px 20.3px -5px rgba(25, 106, 157, 0.3);-moz-box-shadow:  6px 5px 20.3px -5px rgba(25, 106, 157, 0.3);}
  .booked_content h2, .booked_content h3 {font-size: 16px;}
  .booked_content .got_it a, .booked_content .got_it button { width: 170px;font-size: 16px; }
  .personal_middle.booked_wrap,   .personal_middle.payment_error_wrap { min-height: 500px;}
  .add_calendar { right: 24px; bottom: 40px}
  .payment_error_content .got_it a, .payment_error_content .got_it button { width: 146px;}
  .payment_error_content .got_it, .booked_content .got_it { min-height: auto;}

  .ques_title { font-size: 24px; line-height: 28px; min-height: 60px;}
  .ques_title b, .ques_title strong { font-size: 18px; padding-right: 10px; }
  
  .done_cancel {padding: 16px 24px;}
  .done_cancel ul li {flex: 0 0 100%;  width: 100%; max-width: 100%;}
  .done_cancel ul li:nth-child(1), .done_cancel ul li:nth-child(2) {width: 100%; max-width: 100%; }
  .done_cancel .done, .done_cancel .cancel {top: 16px;}
  .my_queues ul { position: relative; left: auto; bottom: auto; list-style: none; padding:15px 0 0 0; justify-content: start;}
  .my_queues ul li {padding: 0 0 0 16px;}
  .my_queues_padding.medical_document_wrap { padding: 32px 24px; border-radius: 16px;}
  .my_queues_padding .what_we_wrap { padding: 0; margin-top: 0px;  }
  .my_queues_padding .what_we_do { margin-bottom: 0;}
  .my_queues_padding  .what_content { text-align: center; }
  .my_queues_padding  .what_content .new_meeting a { margin:  0 auto;}

  .queues_wrap {min-height: 500px; margin-top: -24px; background: #fff; box-shadow: none; border-radius:  16px 16px 0 0; position: relative; z-index: 9;}
  .queues_wrap_content {padding: 24px; position: relative; border-radius: 8px;  box-shadow: 6px 5px 20.3px -5px rgba(25, 106, 157, 0.3);-webkit-box-shadow:  6px 5px 20.3px -5px rgba(25, 106, 157, 0.3);-moz-box-shadow:  6px 5px 20.3px -5px rgba(25, 106, 157, 0.3);}
  .queues_wrap .got_it a, .queues_wrap .got_it button { width: 100%;  }

  .choose_appoinement_wrap .current_date { display: none;}
  .calendar_base .current_date {  display: block; margin-bottom: 10px;}
  .if_question { font-size: 16px;}
  .if_question .booked_content h2 { font-size: 18px;}
  .if_question .personal_middle .upload_doqnload ul li a {max-width: 332px;}
  .if_question .personal_top {display: flex; text-align: right;}

}
/* END__ */
 @media only screen and (max-width: 575px) {
	.section_two {width: 100%;}
}
/* END__ */
 @media only screen and (max-width: 480px) {

}
/* END__ */
 @media only screen and (max-width: 375px) {
  .booked_content .got_it a, .booked_content .got_it button { width: 120px; font-size: 13px;}
  .booked_content { padding: 15px;}

}
/* END__ */

 input[type='number']{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
}
 input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button {
     -webkit-appearance: none;
     margin: 0;
}
 input[type='number'] {
     -moz-appearance:textfield;
}
a:focus-visible, button:focus-visible, input[type=submit]:focus-visible, label:focus-visible, .logo a:focus-visible, .color_select label:focus-visible { border: solid 1px #FF0004!important;}

/* Content Loading Spinner */
.content-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 400px;
  width: 100%;
  background: #fff;
  border-radius: 16px;
}

@media (max-width: 767.98px) {
  .content-loading {
    min-height: 100vh;
    border-radius: 0;
  }
}

.content-loading.hidden {
  display: none;
}

.content-loading-spinner {
  width: 40px;
  height: 40px;
  border: 4px solid rgba(0, 166, 206, 0.2);
  border-top-color: #00A6CE;
  border-radius: 50%;
  animation: content-spin 1s linear infinite;
}

@keyframes content-spin {
  to {
    transform: rotate(360deg);
  }
}