body {
  font-family: 'Lato', sans-serif;
}

.main__wrapper {
  display: flex;
  flex-direction: column;
  height: 100vh;
  padding-bottom: 0 !important;
}

.set__wrapper_overflow {
  flex: 1;
  overflow: auto;
  scrollbar-width: 0;
}

.forms_layout .set__wrapper_overflow {
  flex: 1;
  overflow: initial;
  display: flex;
}

.set__wrapper_overflow::-webkit-scrollbar {
  display: none;
}

.set__wrapper_overflow .mid-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.set__wrapper_overflow .select-option {
  min-width: 550px;
}

.drug_listing {
  max-width: 550px;
  min-width: 550px;
  margin: 0 auto;
}

.title-lg {
  color: var(--bg-primary);
  font: normal normal bold 36px/50px Lato !important;
}

.title__text {
  color: #000000;
  font-size: 28px;
  font-weight: 900;
}

.custom--row {
  display: flex;
  justify-content: center;
}

.icon_box,
.icon_box svg {
  height: 45px;
  text-align: center;
  fill: var(--bg-secondary);
}

.icon_box {
  display: flex;
  justify-content: center;
}

.help_box-title {
  color: #444444;
  margin-bottom: 0;
  font-size: 16px;
  margin-top: 18px;
}

.consultation_help_box {
  padding: 30px 20px;
  border: 1px solid #071A23;
  border-radius: 15px;
  text-align: center;
  cursor: pointer;
  transition: 0.3s;
  min-width: 213px;
}

.consultation_help_box:hover {
  border: 1px solid var(--bg-secondary);
  background-color: var(--bg-secondary);
  transition: 0.3s;
}

.consultation_help_box:hover .icon_box svg {
  fill: #fff;
  transition: 0.3s;
}

.consultation_help_box:hover .help_box-title {
  color: #fff;
  transition: 0.3s;
}

.custom--row .consultation_help_box:not(:last-child) {
  margin-right: 30px;
}

.prescription_details {
  display: flex;
}

.details_desc,
.details_heading {
  font-size: 16px;
  font-weight: 700;
}

.details_heading {
  color: var(--bg-secondary);
  margin-right: 10px;
  display: inline-block;
}

.details_desc {
  color: #6E6E6E;
}

.question__text {
  color: #050606;
  font-size: 20px;
  font-weight: 700;
}

.custom_bottom_line-center {
  position: relative;
  padding-bottom: 14px;
  display: inline-block;
}

.custom_bottom_line-center::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 50px;
  height: 3px;
  border-radius: 6px;
  background-color: var(--bg-secondary);
}

.mid-content {
  padding: 40px;
}

#adjustMedi .main-content-mid .container .hightBg.main__wrapper .mid-content .select-items div:hover,
#adjustMedi .main-content-mid .container .hightBg.main__wrapper .mid-content .same-as-selected {
  background-color: transparent;
}

#adjustMedi .main-content-mid .container .hightBg.main__wrapper .mid-content .select-items div {
  border-bottom: 0;
  padding: 6px 16px;
  color: #6E6E6E;
  font-weight: 700;
}

#adjustMedi .main-content-mid .container .hightBg.main__wrapper .mid-content .select-items {
  padding: 6px 0;
  max-height: 245px;
  overflow: auto;
}

#adjustMedi .main-content-mid .container .hightBg.main__wrapper .mid-content .same-as-selected {
  font-weight: 400 !important;
}

.add_comment {
  color: var(--bg-secondary) !important;
  font-weight: 600;
  font-size: 22px;
  text-decoration: underline;
}

.add_comment.active {
  color: var(--bg-primary) !important;
}

.comment__box {
  border: 1px solid #071A23;
  border-radius: 10px;
  padding: 10px;
  display: none;
  min-width: 650px;
  resize: none;
}

.comment__box::-webkit-input-placeholder {
  color: #6E6E6E;
  font-weight: 700;
}

.comment__box::-moz-placeholder {
  color: #6E6E6E;
  font-weight: 700;
}

.comment__box:-ms-input-placeholder {
  color: #6E6E6E;
  font-weight: 700;
}

.comment__box::-ms-input-placeholder {
  color: #6E6E6E;
  font-weight: 700;
}

.comment__box::placeholder {
  color: #6E6E6E;
  font-weight: 700;
}

.comment__box:focus {
  outline: none;
}

.consultation_cta {
  border: none;
  background-color: var(--bg-primary);
  color: #fff !important;
  border-radius: 50rem;
  padding: 10px 40px;
  font-size: 20px;

}

.consultation_cta:focus,
.consultation_cta:active {
  outline: none !important;
  box-shadow: none;
}

.modify_medication_wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-top: 16px;
  margin-left: -8px;
  margin-right: -8px;
}

.modify_medication {
  border: 2px solid #CDCDCD;
  border-radius: 10px;
  padding: 10px;
  /* margin-top: 16px; */
  height: 100%;
}

.drug_type {
  color: #071A23;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
}

.drug_desc {
  font-size: 13px;
  color: #6E6E6E;
}

.drug_name {
  font-weight: 700;
  font-size: 15px;
  color: var(--bg-secondary);
}

.drug_name.listing_drug_name {
  color: var(--bg-primary);
}

.editable_medication_textarea {
  width: 100%;
  outline: none !important;
  border: 2px solid #CDCDCD;
  border-radius: 5px;
  padding: 8px;
  resize: none;
}

.modify_action_icon {
  height: 14px;
}

.modify_medication_wrapper [class*="col-"] {
  padding-left: 8px;
  padding-right: 8px;
  margin-top: 16px;
}

.mw-logo {
  max-width: 180px;
}

.drug_pill {
  padding: 10px 15px;
  border-radius: 10px;
  background-color: var(--bg-secondary);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  margin: 10px 10px 0 0;
}

.thanks__text {
  font-size: 16px;
  font-weight: 600;

}

.text-orange-ff {
  color: var(--bg-primary);
}

.text-green-22 {
  color: #22CC8E;
}

.color-primary {
  color: var(--bg-secondary) !important;
}

@media (max-width:991.89px) {
  .custom--row {
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
  }

  .custom--row .consultation_help_box {
      margin-right: 0 !important;
      margin-bottom: 15px;
      padding: 22px 20px;
  }

  .title-lg {
      font: normal normal bold 24px/27px Lato !important;
      margin-top: 0px !important;
      margin-bottom: 0px !important;
  }

  .title__text {
      font-size: 23px !important;
      line-height: 30px;
  }

  .mid-content {
      padding: 40px 0;
  }

  .prescription_details {
      flex-direction: column;
      align-items: flex-start;
  }

  .custom_bottom_line-center::after {
      left: 0;
      transform: translateX(0);
  }

  .question__text {
      line-height: 30px;
  }

  .add_comment,
  .consultation_cta {
      font-size: 18px;
  }

  .comment__box {
      min-width: auto;
      width: 100%;
  }

  #adjustMedi .main-content-mid .container .hightBg.main__wrapper .mid-content .select-selected {
      padding: 12px 16px;
  }

  .set__wrapper_overflow .select-option {
      min-width: auto;
      width: 100%;
  }

  .modify_medication {
      height: auto;
  }

  .modify_medication_wrapper [class*="col-"] {
      padding-left: 0;
      padding-right: 0;
  }

  .modify_medication_wrapper {
      margin-left: 0;
      margin-right: 0;
  }

  .bg-img.top {
      height: auto;
      top: 0;
      width: 100%;
  }

  .bg-img.bottom {
      bottom: 0;
      height: auto;
      width: 100%;
  }

  .set_wrapper_mobile {
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .mw-logo {
      max-width: 100px;
  }

  #adjustMedi .main-content-mid .container .hightBg.main__wrapper .gray-hrader {
      padding: 15px 20px;
  }

  #adjustMedi {
      width: 100%;
  }

  .drug_pill {
      font-size: 16px;
  }

  .drug_listing {
      width: 100%;
      max-width: auto;
      min-width: auto;
  }
}

@media (min-width: 992px) and (max-width: 1400px) {
  .title-lg {
      font: normal normal bold 27px/34px Lato !important;
  }
}

@media(min-width: 1366px) {
  .modify_medication_block {
      padding: 40px 130px;
  }

  .thanks__text {
      line-height: 32px;
      margin-bottom: 0;
  }
}

@media (min-width:1800px) {
  .help_box-title {
      font-size: 24px;
      margin-top: 24px;
  }

  .consultation_help_box {
      padding: 40px 30px;
      min-width: 300px;
  }

  .icon_box,
  .icon_box svg {
      height: 60px;
  }

  .title-lg {
      font-size: 44px !important;
      margin-bottom: 70px !important;
      margin-top: 70px !important;
  }

  .title__text {
      font-size: 34px;
  }

  #adjustMedi .main-content-mid .container .hightBg.main__wrapper .mid-content .select-items {
      padding: 6px 0;
      max-height: 300px;
      overflow: auto;
  }

  .details_desc,
  .details_heading {
      font-size: 18px;
  }

  .question__text,
  .add_comment {
      font-size: 24px;
  }

  .consultation_cta {
      padding: 12px 44px;
      font-size: 24px;
      min-width: 220px;
  }

  .drug_type {
      font-size: 16px;
  }

  .drug_name {
      font-size: 18px;
  }

  .drug_desc {
      font-size: 14px;
  }

  .mw-logo {
      max-width: 230px;
  }

  .drug_pill {
      font-size: 16px;
  }

  .thanks__text {
      font-size: 18px;
  }
}



/* PEDIATRIC NEW FLOW css */
.trigger_next {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 600;
  color: #FF7400;
  text-decoration: none !important;
}

.trigger_next:hover {
  color: #FF7400;
}

.arrow-img {
  max-width: 22px;
}

.text-acent-34 {
  color: #34394D !important;
}

.consultation_help_box.pediatric_consultation {
  border-radius: 10px;
  padding-top: 45px;
  padding-bottom: 45px;
  border: none;
}

.consultation_help_box.pediatric_consultation.self_consult {
  background-color: #E2FDFF;
}

.consultation_help_box.pediatric_consultation.self_consult .help_box-title {
  color: var(--bg-secondary);
}

.consultation_help_box.pediatric_consultation.self_consult .icon_box svg {
  fill: var(--bg-secondary);
}

.consultation_help_box.pediatric_consultation.adult_consult {
  background-color: var(--bg-gray-light);
}

.consultation_help_box.pediatric_consultation.adult_consult .icon_box svg {
  fill: var(--bg-primary);
}

.consultation_help_box.pediatric_consultation.adult_consult .help_box-title {
  color: var(--bg-primary);
}

.consultation_help_box.pediatric_consultation .icon_box,
.consultation_help_box.pediatric_consultation .icon_box svg {
  height: 75px;
}

.age_carousel {
  background-color: var(--bg-secondary)0d;
  padding: 20px 20px;
  border-radius: 10px;
}

.age_carousel .owl-item {
  text-align: center;
  min-width: 50px;
}

.age_carousel .owl-item .age__wrapper {
  display: inline-block;
  padding: 4px 20px;
  border-radius: 8px;
}

.age_carousel .owl-item.center .age__wrapper {
  background-color: var(--bg-secondary);
  color: #fff;
}

.age-number {
  font-size: 20px;
}

.main-content-mid .center_content_wrapper {
  height: 100%;
}

.forms_layout .main-content-mid .center_content_wrapper {
  width: 100%;
  margin-top: auto;
  margin-bottom: auto;
}

.sub__text {
  font-size: 18px;
  color: #050606;
}

.sub__text-small {
  font-size: 13px;
  line-height: 30px;
}

.selectSelectPediatric,
.selectDropdownPediatric {
  border: 1px solid #29345033 !important;
}

.selectSelectPediatric {
  border-radius: 10px !important;
  height: 45px !important;
}

.selectDropdownPediatric .select2-search--dropdown {
  padding: 4px 10px !important;
  position: relative;
}

.selectSelectPediatric .select2-selection__rendered {
  line-height: 40px !important;
  font-size: 16px;
  padding-left: 10px !important;
}

.select_state_with_search+.select2-container--default .select2-selection--single .select2-selection__arrow b,
.select_state_with_search+.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  content: '';
  background: url("../images/login_signup/caret_down_dark.svg");
  background-repeat: no-repeat;
  background-size: 12px 12px;
  background-position: right 0.75rem center;
  background-color: transparent;
  padding-right: 28px;
  position: absolute;
  right: 5px;
  width: 10px;
  height: 10px;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  transform: rotate(0deg) translateY(-50%);
  border: none;
  margin-top: 0;
  margin-left: -10px;
}

.select_state_with_search+.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  background: #fff url("../images/login_signup/caret_down_orange.svg");
  background-repeat: no-repeat;
  background-size: 12px 12px;
  background-position: right 0.75rem center;
  transform: rotate(180deg) translateY(50%);
}

.select_state_with_search+.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-width: 2px 0 0 2px;
  /* margin-top: 2px; */
}

.select_state_with_search+.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px;
  right: 13px;
}

.select_state_with_search+.select2-container--default .select2-selection--single .select2-selection__clear {
  height: 40px;
  margin-right: 35px;
}

.select2-container--default .selectDropdownPediatric .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #FFF2E7 !important;
}

.select2-container--default .selectDropdownPediatric .select2-results__option--selected {
  background-color: #fff;
}

.selectDropdownPediatric .select2-results__option:hover {
  background-color: #FFF2E7 !important;
}

.selectDropdownPediatric .select2-results__option {
  color: #2c314ab3 !important;
}

.selectDropdownPediatric .select2-results__option--selectable {
  font-size: 14px;
  padding: 6px 12px;
}

.selectDropdownPediatric .select2-results>.select2-results__options {
  scrollbar-width: 0;
  border-radius: 8px;
}

.selectDropdownPediatric .select2-results>.select2-results__options::-webkit-scrollbar {
  display: none !important;
}

.outer_select.activeSelect .select_state_with_search+.select2.select2-container .selectSelectPediatric {
  border-radius: 8px !important;
  border: 1px solid var(--bg-primary) !important;
  outline: none;
}

.select_state_with_search+span.select2-container--above span .selectSelectPediatric.open {
  border-radius: 8px !important;
}

.selectDropdownPediatric.select2-dropdown--above {
  border-radius: 8px !important;
  border-color: #29345033 !important;
  margin-top: -10px;
}

.selectDropdownPediatric {
  border-radius: 8px !important;
  margin-top: 10px;
}

.selectDropdownPediatric .select2-search__field {
  border: 2px solid var(--bg-secondary) !important;
  border-radius: 6px !important;
  height: 40px;
  padding: 3px 35px;
}

.selectDropdownPediatric .select2-search__field::-webkit-input-placeholder {
  color: #B3B3B3;
}

.selectDropdownPediatric .select2-search__field::-moz-placeholder {
  color: #B3B3B3;
}

.selectDropdownPediatric .select2-search__field:-ms-input-placeholder {
  color: #B3B3B3;
}

.selectDropdownPediatric .select2-search__field::-ms-input-placeholder {
  color: #B3B3B3;
}

.selectDropdownPediatric .select2-search__field::placeholder {
  color: #B3B3B3;
}

.selectDropdownPediatric .select2-search--dropdown:after,
.selectDropdownPediatric .select2-search--dropdown:before {
  position: absolute;
  content: '';
  background: url(../images/pediatric_images/search-icon.svg) no-repeat;
  height: 21px;
  width: 21px;
  background-size: 20px;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
}

/* .selectDropdownPediatric .select2-search--dropdown:before{
  background: url(../images/pediatric_images/search-icon.svg) no-repeat;
  background-size: 20px;
  left: auto;
  right: 20px;
} */
.lh-36 {
  line-height: 36px;
}

.lh-30 {
  line-height: 30px;
}

.text-red {
  color: #F93535;
}

.pedia_input {
  padding: 12px;
  border: 2px solid var(--bg-secondary);
  border-radius: 10px;
  font-weight: 600;
  font-size: 16px;
}

.pedia_input:focus {
  outline: none;
}

.pedia_input::-webkit-input-placeholder {
  color: #6E6E6E;
}

.pedia_input::-moz-placeholder {
  color: #6E6E6E;
}

.pedia_input:-ms-input-placeholder {
  color: #6E6E6E;
}

.pedia_input::-ms-input-placeholder {
  color: #6E6E6E;
}

.pedia_input::placeholder {
  color: #6E6E6E;
}

.forms_layout .patientMust .Rcontainer {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 78px;
  padding-right: 10px;
  margin: 10px auto !important;
  min-height: 70px;
  font-size: 16px;
  display: flex;
  align-items: center;
  border-color: var(--bg-secondary)73;
  color: #071A23;
  background-color: #E2FDFF;
}

.forms_layout .patientMust .Rcontainer.active {
  color: #071A23;
}

.forms_layout .patientMust .Rcontainer.bg-light--orange {
  background-color: var(--bg-gray-light);
}

.forms_layout .patientMust .Rcontainer.bg-light--orange {
  border-color: var(--bg-primary)59;
}

.forms_layout .patientMust .Rcontainer.bg-light--blue {
  background-color: #E2FDFF;
}

.forms_layout .two_col_grid.patientMust .radioWrap:nth-child(odd) .Rcontainer {
  margin: 10px 0 10px auto !important;
}

.forms_layout .two_col_grid.patientMust .radioWrap:nth-child(even) .Rcontainer {
  margin: 10px auto 10px 0 !important;
}

.radioWrap[class*=col-] {
  padding: 0 10px;
}

.forms_layout .patientMust .checkmark {
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
  height: 44px;
  width: 44px;
}

.forms_layout .patientMust .Rcontainer .checkmark:after {
  top: 50%;
  left: 50%;
  width: 25px;
  height: 25px;
  transform: translate(-50%, -50%) scale(0);
  border-radius: 3px;
  border: 1px solid var(--bg-secondary);
  display: block;
}

.forms_layout .patientMust .Rcontainer input:checked~.checkmark:after {
  -webkit-animation: scaleAnim 0.2s ease-in-out forwards;
          animation: scaleAnim 0.2s ease-in-out forwards;
}

@-webkit-keyframes scaleAnim {
  from {
      transform: translate(-50%, -50%) scale(0);
  }

  to {
      transform: translate(-50%, -50%) scale(1);
  }
}

@keyframes scaleAnim {
  from {
      transform: translate(-50%, -50%) scale(0);
  }

  to {
      transform: translate(-50%, -50%) scale(1);
  }
}

.forms_layout .patientMust .Rcontainer:hover input~.checkmark {
  background-color: #fff;
}

.forms_layout .patientMust .Rcontainer.bg-light--orange.active {
  background-color: var(--bg-gray-light);
  color: #071A23;
}

.forms_layout .patientMust .Rcontainer.bg-light--blue.active {
  background-color: #E2FDFF;
  color: #071A23;
}

/* pediatric modal */
.pediatric_modal_content {
  box-shadow: none;
  border: none;
  border-radius: 10px;
}

.pediatric_modal_content .text-acent {
  color: #071A23 !important;
}

.pediatric_modal_content .text-lg {
  font-size: 18px;
}

.pediatric_modal_content .modal-body {
  padding: 40px 25px;
}

.pediatric_modal_content .text-md {
  font-size: 15px;
}

.pediatric_modal_content .text-primary {
  color: var(--bg-secondary) !important;
}

.pediatric_modal_content .cta-secondary {
  border-radius: 8px;
  font-size: 14px;
  padding: 10px 20px;
  color: #FFFFFF;
}

.pediatric_modal_content .cta-secondary {
  background-color: #FF7909;
}

.pediatric_modal_content .text-light-blue {
  color: #6172B6 !important;
}

.modal-dialog-pedia {
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-backdrop {
  background-color: #34394D;
}

.label--small {
  font-size: 13px;
}

.agree_secondary {
  background-color: var(--bg-primary);
  color: #fff !important;
  font-size: 18px;
  padding: 12px 40px;
  font-weight: 600;
}

@media (max-width: 1199.98px) {

  /* .select_state_with_search + span{
      min-width: 500px;
  } */
  /* .pedia_input{
      min-width: 300px;
  } */

  .forms_layout .patientMust {
      margin-left: 0;
      margin-right: 0;
  }

}

@media (max-width: 991.89px) {
  .return-bg-blue:after {
      content: none;
  }

  .main-content-mid {
      background-color: var(--bg-primary-light);
  }

  .mid-content img.msg {
      max-width: 4rem;
  }

  .mid-content img.msg.icon-lg {
      max-width: 100px;
  }

  .trigger_next {
      font-size: 18px;
  }

  .pediatric-custom-row .consultation_help_box.pediatric_consultation .icon_box,
  .consultation_help_box.pediatric_consultation .icon_box svg {
      height: 56px;
  }

  .pediatric-custom-row .consultation_help_box.pediatric_consultation {
      padding-top: 30px;
      padding-bottom: 30px;
  }

  .pediatric-custom-row .consultation_help_box {
      min-width: 195px;
  }

  .forms_layout .custom_bottom_line-center::after {
      left: 50%;
      transform: translateX(-50%);
  }

  /* .forms_layout .custom_bottom_line-center{
      padding-bottom: 0;
  } */
  .patientMust .Rcontainer {
      margin: 8px auto !important;
  }

  #adjustMedi .main-content-mid .container .hightBg .gray-hrader {
      border-radius: 10px;
  }

  .modal-dialog-pedia.modal-dialog-small {
      max-width: 400px;
  }

  .agree_secondary {
      padding: 12px 20px;
  }

  .sub__text-small {
      line-height: 18px;
      font-size: 13px;
  }

  .welcome_flow .sub__text-small {
      font-size: 16px;
  }

  .welcome_flow .sub__text-small.sub_text-que {
      font-size: 18px;
  }

  .forms_layout .patientMust .Rcontainer {
      max-width: initial;
  }

}

@media (max-width: 767.98px) {
  #adjustMedi {
      height: calc(var(--vh, 1vh) * 100);
  }

  #adjustMedi .main-content-mid {
      margin: auto 0;
      height: 100%;
  }

  #adjustMedi .main-content-mid .container {
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0;
  }

  .main__wrapper {
      height: calc(100% - 100px);
      min-height: auto !important;
      width: 100%;
  }

  .bg-img {
      height: 50px !important;
  }
}

@media (max-width: 576px) {
  .select_state_with_search+span {
      min-width: auto;
      width: 100% !important;
  }

  .pedia_input {
      width: 100%;
  }

  .modal-dialog-pedia {
      margin-left: 10px;
      margin-right: 10px;
  }
}

@media (min-width: 1200px) {
  .return_patient_update>.container {	
      width: 80%;	
  }
  .select_state_with_search {
      width: 40%;
      margin: auto;
  }

  .w-lg-50 {
      width: 50% !important;
  }

  .w-lg-75 {
      width: 75% !important;
  }

  /* .pedia_input{
      min-width: 400px;
  } */
  .pediaRadioContainer {
      width: 100%;
      max-width: 1170px;
      margin-left: auto;
      margin-right: auto;
  }

  .mid-content img.msg {
      max-width: 67px;
  }

  .mid-content img.msg.icon-lg {
      max-width: 100px;
  }

  .modal-dialog-pedia.modal-dialog-small {
      max-width: 400px;
  }

  #adjustMedi.forms_layout .main-content-mid .container .hightBg .gray-hrader {
      padding: 20px 30px;
  }
}

@media (min-width:1800px) {
  .trigger_next {
      font-size: 28px;
  }

  .arrow-img {
      max-width: 28px;
  }

  .consultation_help_box.pediatric_consultation {
      padding-top: 70px;
      padding-bottom: 70px;
  }

  .mid-content {
      justify-content: center;
  }

  .sub__text {
      font-size: 23px;
  }

  .forms_layout-updated .sub__text {
      font-size: 24px;
  }

  .sub__text-small {
      font-size: 18px;
      line-height: 36px;
  }

  .selectDropdownPediatric .select2-results__option--selectable,
  .selectSelectPediatric .select2-selection__rendered {
      font-size: 21px;
  }

  .age-number {
      font-size: 24px;
  }

  .pedia_input {
      font-size: 20px;
      min-width: 500px;
  }

  .forms_layout .patientMust .Rcontainer {
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 85px;
      /* margin: 15px auto !important; */
      min-height: 86px;
      font-size: 20px;
      display: flex;
      align-items: center;
  }

  .forms_layout .title-lg {
      margin-top: 0 !important;
      margin-bottom: 0 !important;
  }

  .forms_layout .patientMust .Rcontainer {
      min-height: 86px;
  }

  .forms_layout .patientMust .checkmark {
      left: 20px;
  }

  .mid-content img.msg {
      max-width: 84px;
  }

  .mid-content img.msg.icon-lg {
      max-width: 120px;
  }

  .lh-xl-36 {
      line-height: 36px;
  }

  .modal-dialog-dashboard.modal-dialog-small {
      max-width: 480px;
  }

  .pediatric_modal_content .text-md {
      font-size: 18px;
  }

  .label--small {
      font-size: 15px;
  }

  #adjustMedi.forms_layout .main-content-mid .container .hightBg .gray-hrader {
      padding: 30px 30px;
  }
}



/* signup login css */
body {
  background-color: var(--bg-primary-light);
}

.forms_layout {
  height: 100vh;
  display: flex;
  flex-direction: column;
}

#adjustMedi.forms_layout .main-content-mid {
  /* height: auto; */
  height: 100vh;
}

/* .forms_layout .signup_row{
  display: flex;
  height: 100%;
} */
.forms_layout .main__wrapper {
  height: auto;
  position: relative;
  /* padding: 25px 0 !important; */
}

.input_wrapper {
  background-color: #fff;
}

/* .left_side_wrap::after{
  position: absolute;
  content: '';
  right: 0;
  height: 100%;
  background-color: #fff;
  width: 28%;
  top: 0;
  z-index: -1;
} */
.logo_img {
  max-width: 150px;
}

.patient_graphics img {
  max-width: 230px;
}

.login_signup_wrapper .center-content-title {
  font-size: 24px;
  padding-bottom: 5px;
  width: 100%;
  font-weight: 800;
}

.login_signup_wrapper .bottom-line:after {
  height: 1.5px;
  width: 65px;
}

.login_signup_wrapper input::-webkit-input-placeholder, .login_signup_wrapper select::-webkit-input-placeholder {
  color: #AFAFAF;
}

.login_signup_wrapper input::-moz-placeholder, .login_signup_wrapper select::-moz-placeholder {
  color: #AFAFAF;
}

.login_signup_wrapper input:-ms-input-placeholder, .login_signup_wrapper select:-ms-input-placeholder {
  color: #AFAFAF;
}

.login_signup_wrapper input::-ms-input-placeholder, .login_signup_wrapper select::-ms-input-placeholder {
  color: #AFAFAF;
}

.login_signup_wrapper input::placeholder,
.login_signup_wrapper select::placeholder {
  color: #AFAFAF;
}

.login_signup_wrapper input,
.login_signup_wrapper select {
  border-color: #C7C7C7;
  border-width: 2px;
  height: 50px;
}

.login_signup_wrapper select {
  font-size: 16px;
  padding-left: 30px;
  padding-bottom: 15px;
}

.login_signup_wrapper .has-placeholder {
  color: #AFAFAF;
}

.login_signup_wrapper .input-icon,
.login_signup_wrapper .password-icon {
  bottom: 18px;
}

.login_signup_wrapper .form-group {
  margin-bottom: 20px;
}

.cta--login {
  font-size: 16px;
  padding: 12px 50px;
}

.cta--secondary {
  background-color: #FF7500 !important;
  border-color: #FF7500 !important;
}

.cta--secondary:hover,
.cta--secondary:focus,
.cta--secondary:active {
  border-color: #ff7500e8 !important;
  background-color: #ff7500e8 !important;
}

.login_action {
  font-size: 18px;
  color: #707070;
}

.text--secondary {
  color: #FF7500;
}

.text--secondary:hover,
.text--secondary:focus,
.text--secondary:active {
  color: #ff7500e8;
}

.login_agreement {
  color: #444;
  font-size: 12px;
  text-align: left;
}

.done_icon {
  line-height: 25px;
}

.login_signup_bg_img .bg-img {
  /* height: 90vh;
  top: 50%;
  transform: translateY(-50%); */
  width: 8%;
  height: auto;
}

.login_signup_bg_img .bg-img.left-top {
  left: 0;
  top: 5%;
}

.login_signup_bg_img .bg-img.right-top {
  right: 0;
  top: 10%;
  width: 6% !important;
}

.login_signup_bg_img .bg-img.right-bottom {
  right: 0;
  bottom: 5%;
  top: initial;
}

.login_signup_bg_img .bg-img.left-bottom {
  left: 0;
  bottom: 5%;
  top: initial;
}

.login_signup_bg_img .bg-img.left-bottom-dots {
  width: 6% !important;
  bottom: 10%;
  top: initial;
}

.login_signup_bg_img .bg-img.left-top,
.login_signup_bg_img .bg-img.right-top,
.login_signup_bg_img .bg-img.right-bottom,
.login_signup_bg_img .bg-img.left-bottom {
  transform: none;
}

.doctor_login_img.patient_graphics {
  padding-left: 0;
}

.doctor_login_img.patient_graphics img {
  max-width: 170px;
}

/* pedia flow changes */
.custom__progressbar .progress {
  height: 14px;
  overflow: hidden;
  background-color: var(--bg-gray-light);
  border-radius: 4px;
  box-shadow: none;
  border-radius: 20px;

}

.custom__progressbar .progress::after {
  content: none;
}

.custom__progressbar .progress .progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: var(--bg-primary);
  border-style: initial;
  border-color: var(--bg-primary);
  box-shadow: none;
  transition: width .6s ease;
  border-radius: 20px;
}

.bg-light--orange {
  background-color: var(--bg-gray-light);
}

.bg-light--blue {
  background-color: #E2FDFF;
}

.recommend_label {
  top: 0;
  right: 15px;
  background-color: #071A23;
  color: #fff;
  font-size: 12px;
  padding: 0 10px;
  border-radius: 0 0 12px 12px;
}

.caregiver_block .age_carousel {
  padding: 10px 10px;
}

.caregiver_block .age_carousel .owl-item .age__wrapper {
  padding: 2px 15px;
}

.caregiver_block .age-number {
  font-size: 15px;
}

.male_icon {
  position: absolute;
  bottom: 0;
  right: 25px;
}

.male_icon img {
  max-height: 55px;
}

/* .hide-arrow{
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
} */
.hide-arrow::after {
  content: none;
}

/* new login signup flow */
.title__text-small {
  font-size: 24px;
  color: #050606;
  font-weight: 700;
}

.sub__text-md {
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
}

.text-grey-2c {
  color: #2c314a80;
}

.outer_wrapper-grey {
  background-color: #f8f8f873;
  border: 1px solid #b6b6b673;
  border-radius: 20px;
  padding: 30px;
}

.action-btn-primary,
.action-btn-secondary {
  border: 1px solid var(--bg-secondary)73;
  background-color: #E2FDFF;
  border-radius: 10px;
  padding: 16px 12px;
  color: #071A23;
  cursor: pointer;
}

.action-btn-secondary {
  border-color: #FF660054;
  background-color: var(--bg-gray-light);
}

.icon_box-small {
  height: 25px;
  width: 35px;
  text-align: center;
  display: inline-flex;
  margin-right: 14px;
}

.icon_box-small svg {
  height: 25px;
}

.action-btn-primary .icon_box-small svg {
  fill: var(--bg-secondary);
}

.action-btn-secondary .icon_box-small svg {
  fill: var(--bg-primary);
}

.line-height-normal {
  line-height: normal !important;
}

.telehealth_wrap {
  background-color: #F8F8F8;
  padding: 12px;
  border-radius: 12px;
}

.check-container .checkmark:after {
  top: 44%;
}

.name-text {
  font-size: 14px;
  color: #2C314A;
  font-weight: 600;
}

.date-text {
  font-size: 12px;
  color: #2c314a73;
}

.telehealth_wrap .checkmark {
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #FF7500;
  height: 20px;
  width: 20px;
  top: 0;
  transform: none;
  left: 0;
}

.copyright_agreement_wrap .title__text {
  font-size: 24px;
}

.copyright_agreement_wrap .conset_text {
  font-size: 16px;
}

.text-grey-c1 {
  color: #C1C1C1 !important;
}

.text-light-blue-17 {
  color: #171e4380 !important;
}

.btn--primary {
  background-color: var(--bg-secondary);
}

.bg-light--blue-dc {
  background-color: var(--bg-primary-light);
}

.info_title,
.info_value {
  font-size: 15px;
  font-weight: 500;
}

.info_title {
  min-width: 120px;
  color: #2C314A;
}

.info_value {
  color: #2c314ab3;
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
}

.info_row {
  margin-bottom: 10px;
  align-items: center;
}

.hr_bottom {
  height: 1px;
  border-bottom: 1px solid #F72819;
  width: 100%;
  margin-bottom: 8px;
}

.pre-line {
  white-space: pre-line;
}

.text-error {
  color: #F72819;
}

.info_value input,
.info_value select,
.info_value textarea {
  border: 1px solid #29345033;
  font-size: 15px;
  width: 100%;
  box-shadow: none;
  border-radius: 8px;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

.info_value select {
  background: url("../images/login_signup/caret_down_dark.svg");
  background-repeat: no-repeat;
  background-size: 16px 12px;
  background-position: right 0.75rem center;
  background-color: #fff;
  padding-right: 28px;
}

.custom_select-arrow:after,
.custom_select-arrow.active::after {
  content: '';
  background: url("../images/login_signup/caret_down_dark.svg");
  background-repeat: no-repeat;
  background-size: 12px 12px;
  background-position: right 0.75rem center;
  background-color: transparent;
  padding-right: 28px;
  position: absolute;
  right: 5px;
  width: 10px;
  height: 10px;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  transform: rotate(0deg) translateY(-50%);
}

.custom_select-arrow.active::after {
  background: #fff url("../images/login_signup/caret_down_orange.svg");
  background-repeat: no-repeat;
  background-size: 12px 12px;
  background-position: right 0.75rem center;
  transform: rotate(180deg) translateY(50%);
}

.editable__info .info_row {
  margin-bottom: 4px;
}

.editable__info .hr_bottom {
  display: none;
}

.editable__info.outer_wrapper-grey {
  background-color: #F8F8F8;
  border-color: #B6B6B6;
}

.outer_wrapper-grey.verify_patient_info,
.outer_wrapper-grey.contact_info {
  padding: 30px 40px;
}

.edit__info-js,
.edit__info-js svg {
  height: 30px;
  position: initial;
}

.edit__info-js svg {
  fill: #fff6ee
}

.edit__info-js svg #icons8-edit {
  fill: var(--bg-primary)
}

.edit__info-js.editable svg {
  fill: var(--bg-primary);
}

.edit__info-js.editable svg #icons8-edit {
  fill: #fff
}

.save-btn {
  font-size: 16px;
}

.verify_patient_info .info_row {
  border-bottom: 1px solid #F6F6F6;
}

.verify_patient_info .info_row.error_row {
  border-bottom-color: #F72819;
}

.verify_patient_info .info_row:last-child {
  border-bottom: 0;
  margin: 0;
}

.verify_profile .verify_patient_info .info_row {
  border-bottom: 0;
}

.verify_profile {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.edit-btn {
  background-color: #E4E4E4;
  color: #242424 !important;
}

.select_menu {
  border: 1px solid #29345033;
  border-radius: 8px;
  background-color: #fff;
  padding: 6px 0;
  position: absolute;
  width: 100%;
  margin-top: 5px;
  color: #2c314ab3;
  display: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 1;
}

.select_menu li {
  padding: 5px 12px;
  transition: 0.3s;
}

.select_menu li:hover {
  background-color: #FFF2E7;
  transition: 0.3s;
}

.selected_value {
  border: 1px solid #29345033;
  font-size: 15px;
  width: 100%;
  box-shadow: none;
  border-radius: 8px;
  display: flex;
  align-items: center;
  background-color: #fff;
  padding-right: 40px;
}

.selected_value.active {
  border-color: var(--bg-primary);
}

.select_custom {
  cursor: pointer;
}

/* zzz */

/* end new login signup flow */
@media (max-width: 576.98px) {
  .outer_wrapper-grey-sm {
      background-color: #f8f8f873;
      border: 1px solid #b6b6b673;
      border-radius: 20px 20px 0 0;
      padding: 30px 10px;
      position: relative;
  }

  .telehealth_wrap-white {
      background-color: #fff;
      border-radius: 5px;
      border: 1px solid #D8D8D8;
      box-shadow: 0px 3px 20px #0000000d;
  }

 
  .outer_wrapper-grey {
      height: 100%;
  }

  .welcome_flow_patient_info .welcome_flow {
      display: flex;
      flex-direction: column;
      height: 100%;
  }

  .welcome_flow_patient_info {
      justify-content: stretch;
  }

  .floating_wrap {
      position: relative;
  }
  
  .floating_wrap:before {
      position: absolute;
      content: '';
      left: 0;
      width: 100%;
      background: #fcfcfc;
      height: 75%;
      transform: translateY(-30%);
      border: 1px solid #b6b6b673;
      border-top: 0;
  }
  .floating_wrap .telehealth_carousel {	
      width: 95%;	
  }
  .floating_wrap-center {
      left: 50%;
      transform: translate(-50%, 50%);
      width: 80%;
  }

  .floating_wrap-center .action-btn-primary,
  .floating_wrap-center .action-btn-secondary {
      flex-direction: column;
      justify-content: center;
      padding-top: 24px;
  }

  .floating_wrap-center .icon_box-small {
      display: flex;
      justify-content: center;
      margin-right: 0;
  }

  .telehealth_wrap {
      padding: 10px;
  }

  .mt-telehealth {
      margin-top: 100px !important;
  }

  .telehealth_wrap .check-container {
      padding-left: 0;
      padding-top: 28px;
  }

  .floating_wrap-center .icon_box-small img,
  .floating_wrap-center .icon_box-small svg {
      height: 45px;
  }

  .welcome_flow .floating_wrap-center .sub__text-small {
      margin-top: 18px;
  }

  .text-small-xs {
      font-size: 12px;
  }

  .border-bottom-radius-xs-0 {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
  }

  .text-capitalize-sm {
      text-transform: capitalize !important;
  }

  .bottom_actions-sm {
      background-color: #f8f8f873;
      border-left: 1px solid #b6b6b673;
      border-right: 1px solid #b6b6b673;
  }

  .bottom_actions-sm.editable {
      border-left: 1px solid #B6B6B6;
      border-right: 1px solid #B6B6B6;
  }

  .forms_layout .main__wrapper.set-pb-0 {
      padding-bottom: 0 !important;
  }

  .forms_layout .main__wrapper.set-pb-0 .mid-content {
      padding: 0 !important;
  }

  .outer_wrapper-grey.verify_patient_info,
  .outer_wrapper-grey.editable__info {
      padding: 20px 0 30px 0;
      border-bottom: 0;
      border-radius: 33px 33px 0 0;
  }

  .info_row {
      padding: 0 20px;
  }

  .verify_patient_info .info_row {
      border-bottom-color: var(--bg-secondary)80;
  }

  .verify_profile .info_row {
      padding: 0;
  }

  .bottom_actions-sm.editable {
      background-color: #F8F8F8;
  }

  .contact_info.verify_patient_info .info_row {
      margin-bottom: 16px;
  }

  .contact_info.verify_patient_info .info_title,
  .contact_info.verify_patient_info .info_value {
      margin-bottom: 16px;
      margin-top: 16px;
  }

  .verify_profile {
      padding: 0 20px;
      align-items: flex-start;
  }

  .info_title,
  .info_value {
      margin-top: 10px;
  }

  .info_row,
  .contact_info.verify_patient_info .info_row {
      margin-bottom: 0;
  }

  .verify_patient_info .info_row.error_row {
      background-color: #FEDEDE;
      border-bottom-color: var(--bg-secondary)80;
  }

  .mb-sm-50 {
      margin-bottom: 50px !important;
  }
  .m-xsmall-0{
    margin: 0;
  }
}

@media (max-width: 1199.98px) {
  #adjustMedi .main-content-mid .container .hightBg {
      min-height: auto;
  }

  .return-bg-blue:after {
      content: none;
  }

  .forms_layout .container {
      width: 100%;
      margin: 0;
      padding: 0;
      align-items: flex-start !important;
  }

  #adjustMedi.forms_layout .main-content-mid {
      background-color: #fff;
      width: 100%;
  }

  #adjustMedi.forms_layout .main-content-mid .container,
  .forms_layout .main__wrapper {
      height: 100%;
  }

  .forms_layout .main__wrapper {
      padding: 15px 0 !important;
  }

  .forms_layout .main__wrapper.login_signup_wrapper {
      padding: 25px 0 !important;
  }

  #adjustMedi.forms_layout .left_side_wrap {
      background-color: var(--bg-primary-light);
  }

  .custom__progressbar .progress {
      height: 10px;
  }

  .lh-30 {
      line-height: 25px;
  }

  .doctor_login_img.patient_graphics {
      text-align: center;
  }

  .done_icon {
      line-height: normal;
  }

  .login_agreement {
      font-size: 14px
  }

  .text-grey-44-mobile {
      color: #444444 !important;
  }

  .sub__text-md {
      line-height: 24px;
  }

  .icon_box-small {
      height: 33px;
      align-items: center;
  }

  .icon_box-small img {
      height: 33px;
  }

  .action-btn-primary,
  .action-btn-secondary {
      border-radius: 5px;
  }

  .copyright_agreement_wrap .conset_text {
      font-size: 14px;
      line-height: 24px;
  }

}

@media (min-width: 576px) {
  .w-sm-65 {
      width: 65% !important;
  }
}

@media (min-width: 768px) {
  .patient_graphics img {
      max-width: 280px;
  }

  .logo_img {
      max-width: 320px;
  }

  .doctor_login_img.patient_graphics img {
      max-width: 250px;
  }

  .done_icon {
      line-height: 25px;
  }

  .login_agreement {
      font-size: 12px
  }

  .w-md-75 {
      width: 75% !important;
  }
}

@media (min-width: 992px) {
  .patient_graphics img {
      max-width: 340px;
  }

  .logo_img {
      max-width: 320px;
  }

}

@media (min-width: 1200px) {

  .forms_layout .main-content-mid,
  .forms_layout .container {
      height: 100%;
  }

  .signup_wrapper .container,
  .forms_layout .container {
      width: 80% !important;
  }

  .left_logo_wrap {
      padding: 18% 40% 0 0;
  }

  .left_side_wrap {
      height: 100vh;
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
  }

  #adjustMedi .main-content-mid .login_signup_wrapper {
      padding: 16% 50px !important;
      justify-content: center;
  }

  .login_signup_wrapper::after {
      display: block;
      position: absolute;
      content: '';
      right: 100%;
      background-color: #fff;
      width: 32%;
      z-index: -1;
      height: 100%;
      top: 0;
  }

  .patient_graphics {
      padding-left: 5%;
  }

  .logo_img,
  .patient_graphics img {
      max-width: 100%;
  }

  .cta--login {
      font-size: 18px;
  }

  .login_agreement {
      font-size: 15px;
      line-height: 24px;
  }

  .login_signup_wrapper .center-content-title {
      font-size: 28px;
      padding-bottom: 8px;
      width: 100%;
  }

  .login_signup_wrapper .bottom-line:after {
      width: 84px;
  }

  .login_signup_wrapper .input-icon,
  .login_signup_wrapper .password-icon {
      bottom: 20px;
  }

  .w-xl-35 {
      width: 35% !important;
  }

  .w-xl-50 {
      width: 50% !important;
  }

  .doctor_login_img.patient_graphics img {
      max-width: 330px;
  }

  .doctor_login_img.patient_graphics.doctor_signup_img img {
      max-width: 430px;
  }
}

@media (min-width: 1400px) {
  .w-xxl-50 {
      width: 50% !important;
  }

  .w-xxl-45 {
      width: 45% !important;
  }
}

@media (min-width: 1800px) {
  .login_signup_wrapper .callon-input-wrapper input {
      font-size: 21px;
      padding-bottom: 30px;
      padding-left: 40px;
      border-width: 2.5px;
  }

  .login_signup_wrapper select {
      border-width: 2.5px;
      height: auto;
      padding-bottom: 20px;
      font-size: 21px;
      padding-left: 40px;
  }

  .login_signup_wrapper .center-content-title {
      font-size: 31px;
  }

  .login_signup_wrapper .input-icon img {
      max-width: initial;
      max-height: initial;
      width: 25px;
  }

  .login_signup_wrapper .form-group {
      margin-bottom: 40px;
  }

  .login_signup_wrapper .input-icon,
  .login_signup_wrapper .password-icon {
      bottom: 25px;
      top: 3px;
  }

  .login_signup_wrapper .input-icon.lock-icon img {
      width: 20px;
  }

  .login_signup_wrapper .center-content-title {
      margin-bottom: 45px;
  }

  .cta--login {
      font-size: 22px;
      padding: 14px 55px;
  }

  .login_action {
      font-size: 23px;
  }

  .login_agreement {
      font-size: 18px;
      text-align: left;
      margin-left: 6px;
  }

  .forms_layout .toggle-password {
      font-size: 25px;
  }

  .male_icon img {
      max-height: 70px;
  }

  .doctor_login_img.patient_graphics.doctor_signup_img img,
  .doctor_login_img.patient_graphics img {
      max-width: 100%;
  }

  .title__text-small {
      font-size: 30px;
  }

  .sub__text-md {
      font-size: 18px;
  }

  .telehealth_wrap .checkmark {
      height: 25px;
      width: 25px;
      margin-top: 4px;
  }

  .telehealth_wrap .check-container {
      padding-left: 36px;
  }

  .check-container .checkmark:after {
      width: 7px;
      height: 13px;
      border-width: 0 3px 3px 0;
  }

  .telehealth_wrap {
      padding: 20px;
  }

  .name-text {
      font-size: 20px;
  }

  .date-text {
      font-size: 15px;
  }

  .copyright_agreement_wrap .title__text {
      font-size: 34px;
  }

  .copyright_agreement_wrap .conset_text {
      font-size: 18px;
      line-height: 28px;
  }

  .info_title,
  .info_value,
  .info_value input,
  .info_value select,
  .info_value textarea {
      font-size: 21px;
  }

  .info_title {
      min-width: 150px;
  }

  .info_value input,
  .info_value select,
  .selectSelectPediatric {
      min-height: 50px;
  }

  .save-btn {
      font-size: 24px;
  }

  .selected_value {
      min-height: 50px;
      font-size: 21px;
  }

  .custom_select-arrow:after,
  .custom_select-arrow.active::after {
      background-size: 18px 18px;
      right: 10px;
  }

  .select_state_with_search+.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
  .select_state_with_search+.select2-container--default .select2-selection--single .select2-selection__arrow b {
      background-size: 18px 18px;
  }

}


/* General medical question css */
.conset_text {
  color: #071A23;
  font-size: 18px;
}

.check-container.common_checkbox .checkmark {
  top: 20px;
  height: 32px;
  border: 2px solid var(--bg-secondary);
  width: 32px;
  background-color: transparent;
}

.check-container.common_checkbox input:checked~.checkmark {
  background-color: var(--bg-secondary);
}

.check-container.common_checkbox .checkmark:after {
  top: 43%;
  width: 10px;
  height: 18px;
  border-width: 0 4px 4px 0;
  border-radius: 1px;
}

.check-container.common_checkbox {
  padding-left: 48px;
  line-height: 28px;
}

.general_que_condition .allergy_search_wrapper .add-condition-input,
.general_que_condition .allergy_search_wrapper.active .add-condition-input {
  border-color: var(--bg-secondary) !important;
  border-width: 2px;
  border-radius: 10px;
  font-size: 15px;
  padding-left: 40px;
}

.general_que_condition .allergy_search_wrapper {
  box-shadow: none;
}

.general_que_condition .allergy_search_wrapper.active .add-condition-input {
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
}

.general_que_condition .allergy_search_wrapper.active {
  border-radius: 10px;
}

.general_que_condition .medical-condition-result {
  border: 2px solid var(--bg-secondary) !important;
  border-radius: 0 0 10px 10px;
  border-top: 0 !important;
  box-shadow: none;
  padding-left: 40px;
}

.general_que_condition .result__list {
  font-size: 14px;
  color: #6E6E6E;
}

.general_que_condition .result__list:hover {
  background-color: transparent;
}

.general_que_condition .search-small {
  height: 20px;
}

.forms_layout .pill-item {
  background-color: var(--bg-gray-light);
  border: 1px solid var(--bg-primary);
  padding: 6px 8px 6px 12px;
  border-radius: 6px;
  margin-right: 8px;
  margin-bottom: 8px;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
}

.patientMust.radio_xl .Rcontainer {
  max-width: 365px;
}

.textarea_wrap_sm {
  max-width: 708px;
  margin: auto;
}

.other__textarea {
  border-radius: 10px;
  border-color: var(--bg-secondary);
  color: #071A23;
  font-size: 16px;
}

.other__textarea::-webkit-input-placeholder {
  color: #071A23;
}

.other__textarea::-moz-placeholder {
  color: #071A23;
}

.other__textarea:-ms-input-placeholder {
  color: #071A23;
}

.other__textarea::-ms-input-placeholder {
  color: #071A23;
}

.other__textarea::placeholder {
  color: #071A23;
}

.other_text_wrap {
  display: none;
}

.forms_layout .patientMust .Rcontainer.opacity_down {
  opacity: 0.4;
}

.general_que_check.check-container.common_checkbox {
  padding-left: 52px;
  line-height: 28px;
  min-height: 52px;
  background-color: var(--bg-gray-light);
  display: flex;
  align-items: center;
  border: 1px solid var(--bg-primary)59;
  border-radius: 10px;
  font-size: 16px;
  /* margin: 10px auto !important; */
}

.general_que_check.check-container.common_checkbox .checkmark {
  top: 50%;
  height: 28px;
  width: 28px;
  background-color: #fff;
}

.general_que_check.check-container.common_checkbox .checkmark::after {
  width: 9px;
  height: 16px;
}

.dropdown_wrap.active .general_que_check.check-container.common_checkbox {
  background-color: #fff;
  border-radius: 10px 10px 0 0;
  border-bottom: 0;
}

.dropdown_wrap {
  /* border: 1px solid var(--bg-primary)59; */
  border-radius: 10px;
  margin: 10px auto !important;
  background-color: var(--bg-gray-light);
  position: relative;
}

.dropdown_wrap.active {
  border-radius: 10px 10px 0 0;
}

.dropdown_menu_conditions {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  border: 1px solid var(--bg-primary)59;
  border-top: 0;
  background-color: var(--bg-gray-light);
  border-radius: 0 0 10px 10px;
  z-index: 1;
  display: none;
  max-height: 120px;
  overflow-y: auto;
}

.down__arrow {
  display: none;
}

.dropdown_wrap.active .dropdown_menu_conditions,
.dropdown_wrap.active .down__arrow {
  display: block;
  transform: rotate(360deg);
}

.text-danger-f9 {
  color: #F92121;
}

.dropdown_menu_conditions .general_que_check.check-container.common_checkbox {
  min-height: auto;
  background-color: transparent !important;
  border: none;
  margin: 10px 0;
}

.dropdown_menu_conditions .general_que_check.check-container.common_checkbox .checkmark {
  border-color: var(--bg-primary);
}

.dropdown_menu_conditions .check-container.common_checkbox input:checked~.checkmark {
  background-color: var(--bg-primary);
}

.inner-options-textarea {
  display: none;
}

.inner-options-textarea .other__textarea {
  border-radius: 5px;
}

@media (min-width: 1920px) {
  .conset_text {
      font-size: 24px;
  }

  .check-container.common_checkbox {
      line-height: 36px;
  }

  .check-container.common_checkbox .checkmark {
      top: 22px;
  }

  .w-xxl-35 {
      width: 35% !important;
  }

  .general_que_condition .allergy_search_wrapper .add-condition-input,
  .general_que_condition .allergy_search_wrapper.active .add-condition-input {
      font-size: 16px;
  }

  .general_que_condition .medical-condition-result ul {
      max-height: 150px;
  }

  .general_que_condition .input_with--icon {
      left: 13px;
  }

  .patientMust.radio_xl .Rcontainer {
      max-width: 440px;
  }

  .other__textarea {
      font-size: 18px;
  }

  .textarea_wrap_sm {
      max-width: 790px;
  }

  .general_que_check.check-container.common_checkbox {
      min-height: 60px;
      font-size: 20px;
      padding-left: 60px;
  }

}

/* //9-2-2022 upload_screen.html */


.uploadScreen label {
  font: normal normal bold 23px/34px Lato;
  color: #071A23;
}

.uploadScreen .blu-title {
  font: normal normal bold 18px/22px Lato;
  color: var(--bg-secondary);
}

.uploadScreen .org-box {
  background-color: var(--bg-gray-light);
  border: 1px solid var(--bg-primary)59;
}

.uploadScreen .blu-box {
  background-color: #E2FDFF;
  border: 1px solid var(--bg-secondary)73;
}

.uploadScreen .gray-box {
  background-color: #F8F8F8;
  border: 1px solid #071A233D;
}

.uploadScreen .box {
  border-radius: 15px;
  padding: 15px;
  cursor: pointer;
}

.uploadScreen .box label {
  cursor: pointer;
}

.icon-width {
  max-height: 35px;
  max-width: 35px;
}

@media (max-width:576px) {
  .uploadScreen label {
      font: normal normal bold 17px/20px Lato;
      width: 55px;
      text-align: center;
  }

  .uploadScreen label {
      font: normal normal bold 17px/34px Lato;
  }

  .icon-width {
      height: 30px;
      width: 30px;
  }

  .uploadScreen .box {
      padding-bottom: 10px;
  }
}

#imgList {
  display: flex;
  overflow-x: hidden;
  padding: 0;
  margin: 2rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#imgList:hover {
  overflow-x: overlay;
}

#imgList li {
  min-width: 200px;
  max-width: 200px;
}

/* width */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  opacity: .2;
}


/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
  opacity: .5;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
  opacity: .2;
}

.hidden-input {
  opacity: 0;
  position: absolute;
  left: 10px;
  right: 10px;
  width: 90%;
  margin: 0 auto;
  top: 0;
  outline: none;
  bottom: 0;
  cursor: pointer;
}

.upload-msg {
  font: normal normal normal 24px/36px Lato;
  text-align: center;
  font-weight: 600;
}

.upload-msg a {
  color: var(--bg-primary);
  white-space: nowrap;
}

@media (max-width: 1800px) {
  .upload-msg {
      font: normal normal normal 20px/30px Lato;
  }
}

#imgList .item {
  position: relative;
}

.dlt-icon {
  position: absolute;
  right: 0;
  top: 0;
  max-width: 36px;
}

.font-gray {
  color: #616161;
}

.text-bold-big {
  font: normal normal bold 28px/36px Lato;
  color: var(--bg-primary);
}

.helpFlow {
  color: #071A23;
}

.mw-md-65 {
  max-width: 90%;
}

@media (min-width:768px) {
  .mw-md-65 {
      max-width: 65%;
  }
}

@media (max-width:768px) {
  .text-bold-big {
      font: normal normal bold 18px/28px Lato;
      margin-top: 0;
  }
}

.trigger_back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 600;
  color: #34394D;
  text-decoration: none !important;
}

/* 15-2-2022-uploadscreen */
.box-bg-gray {
  padding: 30px;
  border-radius: 1rem;
  background-color: #f8f8f8;
  ;
}

.upload-msg {
  margin-top: 16px;
}

#imgList .item:not(:last-child()) {
  position: relative;
  margin-right: 16px;
}

@media (max-width:1400px) {
  .icon-width {
      max-height: 25px;
      max-width: 25px;
  }

  .uploadScreen label {
      font: normal normal bold 18px/18px Lato;
  }

  .upload-msg {
      font: normal normal normal 14px/30px Lato;
      font-weight: 600;
  }
}

@media (max-width:768px) {
  .uploadScreen label {
      font: normal normal bold 13px/18px Lato;
      width: 80px;
  }

  #imgList li {
      min-width: 150px;
      margin-right: 16px;
  }
}

@media (max-width:576px) {
  #imgList li {
      min-width: 100px;
      margin-right: 16px;
  }

  .dlt-icon {
      max-width: 16px;
  }

  .d-xs-none {
      display: none;
  }
}

@media (min-width:576px) {
  .d-xs-none {
      display: block;
  }
}

@media (max-width:400px) {

  .uploadScreen label {
      margin-top: 10px;
  }
}



/* summary page in lab kit */
.product-img {
  max-width: 120px;
}

.info_summary {
  width: 20px;
  height: 20px;
  display: inline-block;
}

.info_summary svg {
  height: 20px;
  fill: var(--bg-secondary);
}

.info_summary.active svg {
  fill: #FF7603;
}

.order_summary_row {
  border-bottom: 1px solid #7070703d;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.text-blue-40 {
  color: #404553;
}

.text-grey-a7 {
  color: #A7ADBF;
}

.order_summary_row .text-sm {
  font-size: 14px;
}

.text-secondary {
  color: #FF7603 !important;
}

.order_summary_row .btn-primary:active {
  background-color: #F4F5FD;
}

.order_summary_row .active-transparent:active {
  background-color: #F4F5FD;
}

.order_summary_row .btn-primary {
  background-color: #F4F5FD;
  color: #41435A !important;
  border-color: #D8DAE9 !important;
  border-radius: 10px;
  display: flex;
  align-items: center;
  padding: 6px 10px;
  font-size: 20px;
  font-weight: 900;
}

.inc_dec_icon {
  height: 20px;
  fill: #CCD0F1;
}

.order_summary_row .btn-primary .inc_dec_icon.active {
  fill: #A0A4C7;
}

.order_summary_row .btn-primary:active .inc_dec_icon {
  fill: var(--bg-secondary);
}

.forms_layout-updated .custom_tooltip {
  position: absolute;
  border: 1px solid #CFDCEE;
  padding: 10px 12px;
  display: inline-block;
  min-width: 270px;
  text-align: center;
  top: 100%;
  right: 0;
  border-radius: 10px;
  background-color: #F4F5FD;
  font-size: 12px;
  color: #293450;
  font-weight: 600;
  margin-top: 5px;
  box-shadow: 0px 0px 11px #8dbcce47;
  display: none;
  opacity: 1;
  transform: none;
  z-index: 1;
}

.forms_layout-updated .custom_tooltip:after {
  display: none;
}

.forms_layout-updated .tooltip-right-sm {
  min-width: 200px;
  left: 0;
  right: auto;
}

.order_summary_container {
  border: 2px solid var(--bg-secondary);
  border-radius: 10px;
  padding: 20px;
}

.order_row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}

.product__name,
.product__price {
  font-size: 14px;
  color: #41435A;
  margin-bottom: 0;
}

.product__price {
  font-weight: 700;
}

.border-70-light {
  border-color: #70707021 !important;
}

.icon-grey-7d svg {
  fill: #7D81B5;
}

.order-next {
  font-size: 17px;
}

.custom_select+.select2-container {
  width: 100% !important;
}

.selectSelectPediatric {
  height: 34px !important;
  border-radius: 8px !important;
  border: 1px solid #29345033 !important;
  outline: none;
}

.select_state_with_search+.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 34px !important;
  top: 0;
}

/* .selectDropdownPediatric  .select2-results__option--selected{
  background-color: #fff !important; 
} */
.selectDropdownPediatric .select2-search--dropdown {
  display: none;
}

.select_state_with_search+.select2-container--default .select2-selection--single .select2-selection__clear {
  display: none;
}

.selectSelectPediatric .select2-selection__rendered {
  font-size: 15px;
  line-height: 31px !important;
}

@media (max-width: 767px) {
  .product-img {
      max-width: 150px;
  }

  .order-next {
      max-width: 320px;
  }

  .product-img {
      max-width: 95px;
  }

  .forms_layout .custom_bottom_line-center.line-left-sm::after {
      left: 0;
      transform: translate(0);
  }

  .order-md-0 {
      order: 0;
  }

  .order-md-1 {
      order: 1;
  }

  .sub__text.sub__text-xs {
      font-size: 16px;
  }

  .order_summary_row .text-sm {
      font-size: 13px;
  }

  .border-right-sm {
      border-right: 1px solid #D6D6D6;
  }

  .forms_layout-updated .custom_tooltip {
      min-width: 200px;
  }
}

@media (max-width: 374px) {
  .order_summary_row .text-sm {
      font-size: 11px;
  }
}

@media (min-width: 1800px) {

  .product__name,
  .product__price,
  .order_summary_row .text-sm {
      font-size: 16px;
  }

  .order_summary_row .btn-primary {
      font-size: 24px;
  }

  .inc_dec_icon {
      height: 24px;
  }

  .product-img {
      max-width: 136px;
  }

  .order-next {
      font-size: 19px;
  }

  .selectSelectPediatric .select2-selection__rendered {
      font-size: 21px !important;
      line-height: 45px !important;
  }

  .select_state_with_search+.select2-container--default .select2-selection--single .select2-selection__arrow {
      height: 45px !important;
  }

}
.trigger_next:focus {
  color: #FF7400 !important;
}

.btnLooksGood:focus, .forgotPwdBtn:focus {
  color: #fff !important;
}

.telehealth_carousel .owl-stage {
  display: flex;
}

.telehealth_carousel .owl-stage .item, .telehealth_wrap {
  height: 100%;
}

@media (max-width: 360px) {
  .trigger_back, .trigger_next, .save-btn {
      font-size: 14px;
  }
}

.return_patient_update.col-lg-3 {display: none;}
.return_patient_update #return_patients_que_div .forms_layout .container, .return_patient_update #return_patients_que_div, .return_patient_update .wrap-form {width: 100% !important;}
/* .return_patient_update > .container {
  width: 80%;
} */
/* .return_patient_update {    background-color: var(--bg-primary-light);} */

.tel_color_span a {
  color: #2c314ab3 !important;
}

.zipcode_loader {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.edit_patient_info_btn {
  background-color: #F8F8F8;
}



@media (max-width:440px) {
  .race_patient_info .select2-container .select2-selection--single .select2-selection__rendered{
      max-width:150px;
  }
}

@media (min-width:1160px) {
  .race_patient_info .select2-container .select2-selection--single .select2-selection__rendered{
      max-width:150px;
  }
}
/* privacy policy modal */
.scrolling {
  max-height: 90vh;
  overflow-y: auto;
}

.fw-bold {
  font-weight: 600;
}

.color-light-gray {
  color: #abafba;
}

#privacy ul li {
  list-style-type: disc;
  margin-bottom: 1rem;
}

/* 2-3-2022 */
/* privacy policy modal */
.scrolling {
  max-height: calc(90vh - 100px);
  overflow-y: auto;
}

.fw-bold {
  font-weight: 600;
}

.color-light-gray {
  color: #abafba;
}

#privacy ul li {
  list-style-type: disc;
  margin-bottom: 1rem;
}

#telemedicine div.indentLine {
  margin-left: 40px;
  border-left: 5px solid #293450;
  padding-left: 20px;
}

#telemedicine .text-acent,
#privacy .text-acent,
#terms .text-acent {
  color: #293450 !important;
}

#telemedicine .close,
#privacy .close,
#terms .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: 30px;

}

#telemedicine .modal-body,
#privacy .modal-body,
#terms .modal-body {
  padding: 20px 25px;
}

#terms .modal-title-color,
#privacy .modal-title-color,
#telemedicine .modal-title-color {
  color: #2C314A;
}

.of-hide {
  overflow: hidden;
}



.trigger_next:focus {
  color: #FF7400 !important;
}
.btnLooksGood:focus, .forgotPwdBtn:focus {
  color: #fff !important;
}
.tel_color_span a {
  color: #2c314ab3 !important;
}

.zipcode_loader {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.edit_patient_info_btn {
  background-color: #F8F8F8;
}



@media (max-width:440px) {
  .race_patient_info .select2-container .select2-selection--single .select2-selection__rendered{
      max-width:150px;
  }
}

@media (min-width:1160px) {
  .race_patient_info .select2-container .select2-selection--single .select2-selection__rendered{
      max-width:150px;
  }
}
/* 23-3-2022 */
/* phonecall_before_prescribe */
.before-prescribe .form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.75em;
  margin-bottom: 0.125rem;
 
}

.before-prescribe .form-check-input {
  width: 30px;
  height: 28px;
  border-radius: 6px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  border: 1px solid var(--bg-secondary);
}
.before-prescribe .form-check-input:focus {
  outline: none !important;
}
.before-prescribe .form-check-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 20px;
  font-weight: 700;
  margin-left: 14px;
  margin-top: 1px;
  cursor: pointer;
  margin-bottom: 0;
  display: inline-block;
  /* width: 80%; */
  display: flex;
  justify-content: space-between;
  width: 100%;

}
.pl-4rem{
  padding-left: 4rem !important;
}
.before-prescribe .form-check-input:checked[type="checkbox"] {
  background-image: url('../images/check-white.svg');
  background-size: 100%;
}

.before-prescribe .form-check-input:checked {
  background-color: var(--bg-secondary);
  border-color: var(--bg-secondary);
}

.before-prescribe .org-box {
  background-color: var(--bg-gray-light);
  border-radius: 10px;
}

.before-prescribe .blu-box,#viewDetail .blu-box {
  background: #E2FDFF 0% 0% no-repeat padding-box;
  border-radius: 10px;
}

.btn--secondary {
  background-color: var(--bg-primary);
  color: #fff;
}

.color-gray {
  color: #6E6E6E;
}

.color-gray span {
  font-weight: 600;
  color: #071A23;
}

.before-prescribe .sub__text {
  font-size: 30px;
}

@media (max-width:1800px) {
  .before-prescribe .sub__text {
      font-size: 30px;
  }

  .before-prescribe .form-check-label {
      font-size: 18px;
  }
}

.before-prescribe hr {
  border-top: 3px solid #dfdfdf;
}
.prescription_time .mid-content{
padding-left: 0;
padding-right:0 ;
}
@media (max-width: 768px){
  .before-prescribe .sub__text {
      font-size: 21px;
  }
  .before-prescribe .card-body.pl-4rem{
      font-size: 12px;
  }
  .prescription_time .sub-org-title,.before-prescribe .sub-org-title{
      font-weight: 800;
  }
}

/* 21-4-2022 */
#terms .modal-body p{
  position: relative;
  margin-left: 20px;
}
#terms .modal-body p::before{
  content: "";
  position: absolute;
  left: -25px;
  height: 8px;
  width: 8px;
  background: #000;
  top: 8px;
  border-radius: 50%;
}

/* insurance module css */
/* header changes */
#adjustMedi.forms_layout_new .main-content-mid .container .hightBg .gray-hrader{
  background-color: transparent;
  padding: 5px 10px;
}
.forms_layout_new .callon-tabs>li{
  margin-right: 6px;
}
.forms_layout_new .callon-tabs>li>a{
  color: #05060699;
  padding: 8px 14px;
}
.forms_layout_new .callon-tabs>li.active>a{
  background-color: var(--bg-primary-light);
  color: var(--bg-primary);
  font-weight: 600;
  border-radius: 0;
}
.forms_layout_new .callon-tabs>li.active>a:after{
  content: none;
}
.forms_layout_new .custom__progressbar .progress{
  height: 6px;
  border-radius: 0;
}
.forms_layout_new  .custom__progressbar .progress .progress-bar{
  border-radius: 0;
}
.forms_layout_new .main__wrapper {
  position: relative;
}
.forms_layout_new .main__wrapper::after, .forms_layout_new .main__wrapper::before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 8px;
  background-color: var(--bg-primary-light);
}
.forms_layout_new .main__wrapper::before{
  top: initial;
  bottom: 0;
}
.logo-top {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  padding: 8px 16px;
  border-radius: 0 0 10px 10px;
}
/* header changes end */

.insurance_box .consultation_help_box.pediatric_consultation{
  height: 205px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;    
}
.insurance_box .consultation_help_box.pediatric_consultation .help_box-title{
  margin-top: 5px;
}
.selected_option{
  display: none;
}
.selected_option img{
  height: 30px;
}
.trigger_next svg{
  fill: #FF7400;
}
.forms_layout_new .trigger_button svg{
  height: 15px;
  width: 20px;
}
.insurance_card{
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px dashed #C9C9C9;
  background-color: #F8F8F8;
  border-radius: 12px;
  min-width: 350px;
  max-width: 350px;
  min-height:200px ;
  position: relative;
}
.uploadScreen .insurance_card label {
  font-size: 15px;
  line-height: normal;
  margin-bottom: 0;
}
.insurance_card .box{
  border-radius: 8px;
  min-height: 51px;
  padding: 10px 15px;
  margin:  0 10px;
}
.insurance_card .icon-width{
  max-height: 26px;
  max-width: 26px;
}
.label-small{
  font-size: 16px;
}
.text-blue-07{
  color: #071A23;
}
.text-grey-70{
  color: #707070;
}
.uploaded_id img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
.uploaded_id {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  display: none;
}
.remove_id{
  position: absolute;
  right: 5px;
  top: 5px;
}
.fw-regular{
  font-weight: 400;
}
.member_details{
  background-color: var(--bg-gray-light);
  padding: 12px;
  border-radius: 10px;
}
.small-edit{
  background-color: var(--bg-primary);
  color: #fff !important;
  padding: 2px 10px;
  font-size: 12px;
  border-radius: 50rem;
}
.member_details{
  font-size: 14px;
}
.key-title{
  color: #6E6E6E;
}
.value-text{
  color: #000;
  font-weight: 600;
}
.text-black-00{
  color: #000;
}
.try_again{
  background-color: #E7E7E7 !important;
  color: #000 !important;
}
.forms_layout_new  .trigger_button.try_again:focus{
  color: #000 !important;
}
.trigger_button-md{
  min-width: 100px;
}
.medication_select-name.ack_text, .notice-text{
  font-size: 13px;
}
.notice-text{
  color: #071A23;
}
.forms_layout_new .button_rounded {
  color: #fff;
  background-color: var(--bg-primary);
  border-radius: 50rem;
  padding: 10px 20px;
  font-size: 16px;
}
.insurance_agreement-text{
  font-size: 15px;
  color: #071A23;
  line-height: 28px;
}
.sign-box {
  display: inline-block;
  height: 50px;
  width: 150px;
  border: 1px solid #C1C1C1;
  border-radius: 5px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 10px;
}
.custom-check-button{
  position: absolute;
  width: 100%;
  left: 0;
  height: 100%;
  top: 0;
  margin-top: 0 !important;
  cursor: pointer;
  opacity: 0;
}
#checkedToggle{
  display: inline-flex;
}
.insurance_agree{
  min-width: 150px;
  text-align: center;
}
.verify_details{
  background-color: #F8F8F8;
}
.verify_details .key-title{
  color: #071A23;
}
.verify_details .value-text{
  color: var(--bg-secondary);
}
.forms_layout_new .title__text{
  font-weight: 700;
}
.title-xs{
  color: #071a23e6;
}
.active_member .medication_radio_wrap{
  min-width: auto;
}
.verify_details .small-edit{
  position: absolute;
  right: 12px;
  top: 12px;
}
.outer_wrap,.blue_wrap,.orange_wrap{
  background-color: #F8F8F8;
  border-radius: 12px;
  padding: 40px;
}
.blue_wrap{
  background-color: var(--bg-primary-light);
  padding: 10px;
}
.orange_wrap{
  background-color: var(--bg-gray-light);
  padding: 10px;
}
.button-dashed {
  background-color: #fff;
  padding: 8px 10px;
  border: 2px dashed #C9C9C9;
  color: var(--bg-secondary);
  font-size: 16px;
  border-radius: 8px;
  min-width: 155px;
}
.input-label-small{
  font-size: 14px;
  color: #000000;
  font-weight: 700;
}.custom_select.insurance_select {
  margin-top: 10px;
}
.insurance_select + .select2-container .select2-selection--single{
  border: 0 !important;
}
.select2-container--default .selectDropdownPediatric.insurance_select .select2-results__option--highlighted.select2-results__option--selectable{
  background-color: #EFF5F9 !important;
  border-radius: 5px;
}
.selectDropdownPediatric.insurance_select .select2-results__option--selectable{
  padding: 4px 12px;
}
.selectDropdownPediatric.insurance_select .select2-results__option:hover{
  background-color: #EFF5F9 !important;

}
.selectDropdownPediatric.insurance_select .select2-results__option{
  color: #000 !important;
}
.insurance_select .select2-results__options{
  padding: 4px;
}
.select_state_with_search.insurance_select+.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
  background: url("../images/login_signup/caret_down_dark.svg");
  background-repeat: no-repeat;
  background-size: 12px 12px;
  background-position: right 0.75rem center;
  background-color: transparent;
  padding-right: 28px;
}
.insurance_select,.insurance_select.selectDropdownPediatric .select2-search--dropdown::before,.selectDropdownPediatric .select2-search--dropdown::after{
  content: none;
}
.insurance_select.selectDropdownPediatric .select2-search--dropdown{
  position: absolute;
  bottom: 100%;
  width: 100%;
  padding: 0 !important;
  margin-bottom: 10px;
  display: block;
}
.insurance_select.selectDropdownPediatric .select2-search--dropdown input{
  padding-left: 10px;
  height: 34px;
  border: none !important;
  font-size: 14px;
  background-color: #fff;
}
.insurance_select.selectDropdownPediatric .select2-search--dropdown input::-webkit-input-placeholder{
  color: #636363b3;
}
.insurance_select.selectDropdownPediatric .select2-search--dropdown input::-moz-placeholder{
  color: #636363b3;
}
.insurance_select.selectDropdownPediatric .select2-search--dropdown input:-ms-input-placeholder{
  color: #636363b3;
}
.insurance_select.selectDropdownPediatric .select2-search--dropdown input::-ms-input-placeholder{
  color: #636363b3;
}
.insurance_select.selectDropdownPediatric .select2-search--dropdown input::placeholder{
  color: #636363b3;
}
.input-field{
  color: #000;
  border-radius: 10px;
  height: 34px;
  box-shadow: none;
}
.relation-select.insurance_select.selectDropdownPediatric .select2-search--dropdown{
  display: none;
}
.icon-right{
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
}
.trigger_next.button_rounded svg{
  fill: #fff;
}
@media (max-width: 1199.98px){
  /* #adjustMedi.forms_layout_new .main-content-mid{
      margin: 2rem 0 !important;
      display: flex;
  }
  #adjustMedi.forms_layout_new .main-content-mid .container{
      display: flex;
      height: auto;
      justify-content: center;
  }
  #adjustMedi.forms_layout_new .main-content-mid .container .main__wrapper{
      display: flex;
  } */
  .forms_layout_new .callon-tabs>li>a{
      font-size: 12px;
  }
  .trigger_button.trigger_back{
      font-size: 18px !important;
  }
}
@media (max-width: 991.89px){
  .trigger_next {
      font-size: 18px;
  }
  .forms_layout_new .mid-content{
      padding: 20px 0;
  }
  .outer_wrap, .blue_wrap, .orange_wrap{
      border-radius: 10px;
  }
  .insurance_select + .select2-container .selectSelectPediatric, .insurance_select.selectDropdownPediatric .select2-search--dropdown input, .select_state_with_search.insurance_select+.select2-container--default .select2-selection--single .select2-selection__arrow, .input-field{
      height: 50px !important;
  }
  .insurance_select + .select2-container .selectSelectPediatric .select2-selection__rendered{
      line-height: 48px !important;
  }
  .insurance_card{
      min-height: 235px;
  }.outer_wrap{
      padding: 30px 20px;
  }
  .button-dashed{
      min-width: 132px;
  }
  .forms_layout_new .title__text {
      font-weight: 900;
      font-size: 22px !important;
  }
  .insurance_agreement-text{
      font-size: 16px;
  }
  .mobile-overflow, .mobile-overflow .set__wrapper_overflow{
      overflow: auto;
      scrollbar-width: none;
  }
  .mobile-overflow .mid-content{
      padding-bottom: 0;
  }
  .mobile-overflow::-webkit-scrollbar{
      display: none;
  }
  .bottom__shadow{position: relative;}
  .bottom__shadow:after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 100%;
      height: 100px;
      width: 100%;
      background: transparent linear-gradient(180deg, #FFFFFF47 0%, #FFFFFFCA 57%, #FFFFFF 94%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
  }
  .pb-large{
      padding-bottom: 100px;
  }
}
@media (max-width: 360px){
  .button-dashed{
      min-width: auto;
      font-size: 13px;
  }
}
@media (min-width: 768px){
  .w-sm-50-min{
      width: 50% !important;
  }
  .forms_layout_new .main__wrapper::after, .forms_layout_new .main__wrapper::before {
    background-color: #fff;
}
}
@media (min-width: 1200px){
  .forms_layout_new .callon-tabs>li>a{
      padding: 8px 20px;
  }
  .forms_layout_new .callon-tabs>li.active>a{
      border-radius: 5px;
  }
  .forms_layout_new  .custom__progressbar .progress .progress-bar,
  .forms_layout_new .custom__progressbar .progress {
      border-radius: 20px;
  }
  #adjustMedi.forms_layout_new .main-content-mid .container .hightBg{
      padding: 20px 30px;
  }
  .w-lg-100{
      width: 100% !important;
      max-width: 100% !important;
  }
  .top-xl-50{
      top: 50% !important;
  }
  .forms_layout_new .trigger_button:focus {
      color: #fff !important;
  }
  .trigger_next svg{
      fill: #fff;
  }
  .forms_layout_new .trigger_button{
      color: #fff;
      background-color: var(--bg-primary);
      border-radius: 50rem;
      padding: 10px 20px;
      font-size: 16px;
  }
  .forms_layout_new .trigger_button.trigger_back {
      background-color: #E7E7E7;
      color: #071A23;
  }
  .forms_layout_new .main__wrapper::after, .forms_layout_new .main__wrapper::before {
    background-color: var(--bg-primary-light);
}
  
}
@media (min-width: 1800px){
  .input-field,.insurance_select.selectDropdownPediatric .select2-search--dropdown input, .input-field, .insurance_select.selectDropdownPediatric .select2-results__option--selectable, .insurance_select  + span .selectSelectPediatric .select2-selection__rendered{
      font-size: 16px !important;
  }
  .select_state_with_search.insurance_select+.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
      background: url("../images/login_signup/caret_down_dark.svg");
  background-repeat: no-repeat;
  background-size: 18px 18px;
  background-position: right 0.55rem center;
  background-color: transparent;
  padding-right: 28px;
}
.input-field,.insurance_select.selectDropdownPediatric .select2-search--dropdown input{
  min-height: 50px;
}
.payer-info-wrap{
  max-width: 485px;
}
.insured-member-wrap{
  max-width: 630px;
}
}
@media (min-width: 1920px){
  .insurance_box .consultation_help_box.pediatric_consultation{
      height: 275px;
      padding: 20px;
  }
  .selected_option img{
      height: 40px;
  }
  .insurance_card{
      min-width: 400px;
      max-width: 400px;
      min-height:250px ;
  }
  .insurance_card .icon-width{
      max-height: 30px;
      max-width: 30px;
  }
  .label-small ,.insurance_agreement-text, .member_details.verify_details, .title-xs{
      font-size: 18px;
  }
  .insurance_agreement-text{
      line-height: 36px;
  }
  .member_details{
      font-size: 16px;
  }
  .medication_select-name.ack_text, .notice-text{
      font-size: 16px;
  }
  .button-dashed {
      padding: 10px 18px;
      border: 3px dashed #C9C9C9;
      font-size: 20px;
      min-width: 170px;
  }
   .input-label-small{
      font-size: 16px;
  }
 
}
/* insurance module css end*/
.telehealth_carousel .owl-stage-outer .owl-stage{
margin: 0 auto;
}
.floating_wrap-welcome{
  width: 100%;
  transform: translate(0px, 0px);
  left: 0;
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
}
/* .floating_wrap-welcome::before{
content: none;
} */
@media (min-width:577px){
.outer_wrapper-grey_lg{
  background-color: #f8f8f873;
  border: 1px solid #b6b6b673;
  border-radius: 20px;
  padding: 30px;
}
}
/*start  checkout-order-summary */
.box-shadow{
  box-shadow: 0px 3px 30px #8898BF33;
  border-radius: 9px;
}

/* accordion */
.checkout-order-summary #accordion {
  margin: auto;
  max-width: 500px;
}
.checkout-order-summary .panel-heading a {
  display: block;
  position: relative;
  font-weight: bold;
}
.checkout-order-summary .panel-heading a::after {
  content: "";
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 5px;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(45deg);
}
.checkout-order-summary .panel-heading a[aria-expanded="true"]::after {
  transform: rotate(-135deg);
  top: 5px;
}
.checkout-order-summary .price-details {
  padding: 1.5rem;
}
.checkout-order-summary .cart-price{
  width: auto;
}
.checkout-order-summary .free-shipping{
  color: #34B872;
}
.total-amt{
  background: #171E43 0% 0% no-repeat padding-box;
border-radius: 5px;
}
.text-white{
  color: #fff !important;
}
.checkout-order-summary .panel-group .panel{
  background-color: #F2F4F9;
  border-color: transparent;
  border-radius: 5px;
  overflow: hidden;
}
.text-primary{
  color: var(--bg-secondary);
}
.border-secondary{
  border: 1px solid var(--bg-secondary) !important;
}
.checkout-order-summary .panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top-color:#F2F3F4;;
  background: #fff;
}
.br-5{
  border-radius: 5px !important;
}
.text-dark-grey{
  color: #616161;
}
.bg-white{
  background-color: #fff !important;
}
.info-div{
  position: absolute;
  top: 0;
  left: 100%;
  padding:1rem 2rem;
  box-shadow: 0px 3px 18px #939ebd26;
  border-radius: 5px;
  min-width: 260px;
  font-size: min(max(14px,0.833vw),16px);
  display: none;
  z-index: 1;
  background-color: #fff;
}
.info-div ul{
  list-style-type: disc;
  padding-left: 1rem;
  margin: 0;
}
/* .info-div ul li{
  display: flex;
  justify-content: space-between;
} */
.info-div ul li span{
   float: right;
}
.w-auto{
  width: auto !important;
}
.info-icon:hover .info-div{
  display: block;
}
.checkout-order-summary .telehealth_wrap{
  padding: 10px;
  height:40px;
  display: flex;
  align-items: center;
  border-radius: 7px;
}
.checkout-order-summary .payment-flow-btn .callon-button{
padding: 3px 15px !important;
}
.checkout-order-summary .telehealth_wrap input[type="radio"] {
accent-color: #f06e00;
transform: scale(1.3);
/* -webkit-accent-color:#FF7500; */
}
.checkout-order-summary label{
  font-weight: 600 !important;
}
.order-amount span{
  position: absolute;
  font-size: 14px;
  padding: 0.8rem;
}
.order-amount input{
  padding: 3px;
padding-left: 20px;
background-color: transparent;
border-radius: 5px !important;
font-size: 14px;
  height: auto;
}
.w-600{
  width: 600px;
}
@media (max-width:600px) {
  .w-600{
      width: calc(100% - 3rem);
  }
}
.order-panel{
  max-width: 100% !important;
}
.dashed-border{
  border: 1px dashed #29345080;
}
#viewDetail ul {
  list-style: disc;
}
#viewDetail ul li::marker{
  content: "•";
  color: #5a5f79;
}
#viewDetail ul li{
padding-left: 10px;
}
.br-2{
  border-radius: 2rem !important; 
}
.checkout-order-summary .btn-close-icon {
  background: transparent;
  border: none;
  /* position: absolute; */
  right: 5px;
  left: auto;
  top: 5px;
  color: #293450;
  /* width: 36px; */
  border-radius: 50%;
  float: right;
  display: block;
  z-index: 2;
  opacity: 1;
}

/* dropdown */

/* .checkout-order-summary .btn {
  cursor: default;
  background-color: #FFF;
  border-radius: 4px;
  text-align: left;
} */

.caret {
  position: absolute;
  right: 16px;
  top: 16px;
}

.checkout-order-summary .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
  background-color: #FFF;    
}

.checkout-order-summary .btn-group.open .dropdown-toggle {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)
}

.checkout-order-summary .btn-group {width: 100%}
.checkout-order-summary .dropdown-menu {width: 100%;}
.promo-img{
  position: absolute;
  top: 13px;
  left: 10px;
  width: 16px;
}
.checkout-order-summary select.form-control{
  width: 100%;
  height: auto;
  padding: 10px 12px;
  background-color: #fff;
  background-image: none;
  border: 1px solid var(--bg-primary);
  border-radius: 8px;
  box-shadow: none;
  padding-left: 30px;
  
}
.bg-pink{
  background-color: #FFEFF1;
  
}
.border-pink
{
  border: 1px solid #F8D1D6;
}
.checkout-order-summary .br-8{
  border-radius: 8px !important;
}
#viewDonation input[type="radio"]{
  accent-color: #f5680a;
  transform: scale(1.3);
}
.checkout-order-summary .bg-secondary{
  background-color: #FF6600 !important;
}
.checkout-order-summary .btn.bg-secondary{
  color: #fff;
  font-weight: 600;
  border-radius: 10px;
  white-space: break-spaces;
}
#viewDonation input[type="checkbox"]{
  accent-color: #f5680a;
  transform: scale(1.3);
  background-color: #E7E7E7;
}
.checkout-order-summary .text-danger{
  color: #DC4E4E !important;
}
.checkout-order-summary .text-success{
  color: #34B872;
}
.checkout-order-summary .promo-apply{
  position: absolute;
  right: 5px;
  top: 21px;
}
.checkout-order-summary .f-16{
  font-size: 16px;
  
}
.checkout-order-summary .align-items-streach{
  align-items: stretch
}
.checkout-order-summary .card-logo{
  max-width: 130px

}
.checkout-order-summary .other-amount{
  width: calc(100% - 130px);
  min-width: 110px;
}
.checkout-order-summary .input-group{
  display: flex;
}
.checkout-order-summary .f-14{
  font-size: 14px;
}
.checkout-order-summary .select-close{
  position: absolute;
  top: 11px;
  right: 5px;
  width: 100%;
  max-width: 20px;
  background-color: #fff;
}
.checkout-order-summary .panel-heading a::after{
  border-width: 0 2px 2px 0;
}
/* select::-ms-expand {
  display: none;
} */
@media (max-width:455px) {
  .other-amount{
      min-width: calc(100% - 20px);
      margin-left: 20px;
  }
.checkout-order-summary .telehealth_wrap{
  height: auto;
  align-items: flex-start;
}
}
@media (max-width:992px) {
  .checkout-order-summary .f-16{
      font-size: 14px;
      
  }
  .checkout-order-summary .f-14{
      font-size: 11px;
  }
  .checkout-order-summary .telehealth_wrap{
      font-size: 12px;
      padding: 5px;
  }
  .blu-box.payment-flow-btn{
      padding: .8rem !important;
  }
  .checkout-order-summary .btn.bg-secondary{
      padding: 2px 5px;
  }
 
  }
@media (max-width:768px) {
  .flex-sm-wrap{
      flex-wrap: wrap !important;
  }
  .total-amt.text-right{
text-align: center !important;
  }
}
@media (min-width:768px) {

.flex-md-nowrap{
  flex-wrap: nowrap !important;
}

}
@media (min-width: 1200px){

  .forms_layout_new .trigger_button.trigger_back {
      background-color: #E7E7E7;
      color: #071A23;
  }
}
.order-summary-select .select-selected{
  border: 1px solid !important;
  border-color: #ff6600 !important;
  padding: 8px 16px !important;
  padding-left: 36px !important;
  font-weight: 500 !important;
  height: 43px !important;
  font-size: 16px !important;
}
.order-summary-select .select-items{
  top: 46px !important;
  border: 1px solid #e1e1e1 !important;
}
.order-summary-select .select-items > div:hover{
background-color: #EFF5F9 !important;
}
.order-summary-select .select-selected::after{
  content: "" !important;
  border-width: 0 2px 2px 0 !important;
  border: solid black !important;
  border-width: 0 2px 2px 0 !important;
  display: inline-block !important;
  padding: 5px !important;
  position: absolute !important;
  right: 15px !important;
  top: 10px !important;
  transform: rotate(45deg) !important;

}
/*end  checkout-order-summary */


/* select-payment-method */


.payment-method .bg-purple {
  background-color: #F2F4F9;
}
.br-10{
  border-radius: 10px !important;
  overflow: hidden;
}
.payment-method .bg-purple  input[type="radio"]{
  transform: scale(1.4);
  accent-color: #289da7;
}
/* radiobutton */
.payment-method .bg-purple  [type="radio"]:checked,
.payment-method .bg-purple  [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.payment-method .bg-purple  [type="radio"]:checked + label,
.payment-method .bg-purple  [type="radio"]:not(:checked) + label
{
  position: relative;
  padding-left: 38px;
  cursor: pointer;
  line-height: 24px;
  display: inline-block;
  color: #2C314A;
  font-size: 16px;
}
.payment-method .bg-purple  [type="radio"]:checked + label:before,
.payment-method .bg-purple  [type="radio"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 26px;
  height: 26px;
  border: 1px solid var(--bg-secondary);
  border-radius: 100%;
  background: #fff;
}

.payment-method .bg-purple  [type="radio"]:checked + label:after,
.payment-method .bg-purple  [type="radio"]:not(:checked) + label:after {
  content: '';
  width: 16px;
  height: 16px;
  background: var(--bg-secondary);
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 100%;
  transition: all 0.2s ease;
}
.payment-method .bg-purple  [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.payment-method .bg-purple  [type="radio"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}


.payment-method .bg-purple  input[type="radio"]{
  transform: scale(1.4);
  accent-color: #289da7;
}
/* radiobutton */
.payment-method .bg-white  [type="radio"]:checked,
.payment-method .bg-white  [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.payment-method .bg-white  [type="radio"]:checked + label,
.payment-method .bg-white  [type="radio"]:not(:checked) + label
{
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 24px;
  display: inline-block;
  color: #666;
  font-size: 16px;
}
.payment-method .bg-white  [type="radio"]:checked + label:before,
.payment-method .bg-white  [type="radio"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 20px;
  height: 20px;
  border: 1px solid var(--bg-secondary);
  border-radius: 100%;
  background: #fff;
}

.payment-method .bg-white  [type="radio"]:checked + label:after,
.payment-method .bg-white  [type="radio"]:not(:checked) + label:after {
  content: '';
  width: 10px;
  height: 10px;
  background: var(--bg-secondary);
  position: absolute;
  top: 10px;
  left: 5px;
  border-radius: 100%;
  transition: all 0.2s ease;
}
.payment-method .bg-white  [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.payment-method .bg-white  [type="radio"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
.btn-danger {
  color: #fff;
  background-color: #FD5252;
  border-color: #FD5252;
}
.btn-default{
background-color: #F2F4F9;
color: #707070;
border-color: #F2F4F9;
}
.lock-img{
  position: absolute;
  right: 10px;
  top: 9px;
}
.lock-input{
  padding-right: 30px;
}
.payment-method .card-details .form-control{
border-radius: 10px;
height: 45px;
}
.dashed-border{
  border-style: dashed !important;
}
.payment-method input.success{
  border-color: #34B872;
  background-color: #34B8721A;
}
.payment-method .succes-card{
  top: 32px;
  position: absolute;
  right: 22px;
}
.payment-method input.error{
  border-color: #FB7A7A;
  background-color: #FB7A7A1A;
}
.c-grey{
  color: #bfc0cb !important;
}
.bg-white.bg-light--blue{
  background-color: #E2FDFF !important;
}
.border-primary{
  border:1px solid var(--bg-secondary);
}
.payment-method .cvv-input{
  max-width: 70px;
  text-align: center;
}
.bg-pink hr{
  border-top: 1px solid #dc4e4e26;
  margin: 5px;
}
.payment-method .form-check-input.form-check-input-custom {
  background: transparent linear-gradient(180deg, #ffffff 0%, #e2e2e2 100%) 0% 0% no-repeat padding-box;
  border: 1px solid #b4b4b4;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  cursor: pointer;
  margin-top: 3px;
  transform: scale(1);

}
.payment-method .form-check-input-custom:checked {
  background: #ff7909;
  border-color: transparent;
  transform: scale(1);
}
.checkout-order-summary .form-check{
padding: 0;
}
.checkout-order-summary .form-check-input:checked {
  background-color: #ff7909;
  border-color: #ff7909;
}
.checkout-order-summary .form-check-label{
  font-size: 14px;
  font-weight: 500 !important;
}
.checkout-order-summary hr {
  border-top: 2px solid #f2f4f9;
}
.marquee {
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
}
.marquee p {
  display: inline-block;
  padding-left: 100%;
  -webkit-animation: marquee 15s linear infinite;
          animation: marquee 15s linear infinite;
  margin: 0;
}
@-webkit-keyframes marquee {
  0%   { transform: translate(0, 0); }
  100% { transform: translate(-100%, 0); }
}
@keyframes marquee {
  0%   { transform: translate(0, 0); }
  100% { transform: translate(-100%, 0); }
}
.help-btn{
  font-size: 16px;
  line-height: 25px;
  padding: 0.8rem 1.5rem;
}
.checkout-order-summary .form-control{
  box-shadow: none;
  color: #171E43;
  font: normal normal medium 18px/22px Lato;
}
#help .form-control{
  padding: 10px 15px;
  height: auto;
}
#helpConfirm label{
  font-size: 16px;
}
#helpConfirm .modal-dialog{
  max-width: 30%;
}
@media (min-width: 576px)
{
  .modal-dialog-centered {
      min-height: calc(100% - (1.75rem * 2));
  }
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - (0.5rem * 2));
}
@media (max-width:768px) {
  .payment-method .bg-white [type="radio"]:checked + label, .payment-method .bg-white [type="radio"]:not(:checked) + label{
      font-size: 14px;
  }
  .help-btn{
      font-size: 14px;
  }
  .ttl-amt{
      font-size: 18px;
  }
  .help-icon{
      max-width: 18px;
  }
  .checkout-order-summary hr {
      margin:5px;
      margin-bottom: 10px;
  }
  .payment-method .bg-purple [type="radio"]:checked + label, .payment-method .bg-purple [type="radio"]:not(:checked) + label {
      position: relative;
      padding-left: 34px;
      font-size: 14px;
      white-space: nowrap;
  }
  .payment-method .bg-purple img{
max-height: 15px;
  }
  .payment-method .bg-purple [type="radio"]:checked + label:before, .payment-method .bg-purple [type="radio"]:not(:checked) + label:before{
      width: 23px;
      height: 23px;
  }
  .payment-method .bg-purple [type="radio"]:checked + label:after, .payment-method .bg-purple [type="radio"]:not(:checked) + label:after{
      width: 13px;
  height: 13px;
  }
  .payment-method .bg-purple label{
margin: 0;
  }
  #deleteModal .modal-title{
font-size: 22px;
  }
  .payment-method .panel-body .card-details label:not(.custom-input-label){
      display: none !important;
  }
  .payment-method .succes-card{
      top:7px;
  }
.order-xs-1{order:1}
.order-xs-0{order:0}
.payment-method .btn.bg-secondary {
  padding: 0.8rem 1.5rem;
  display: block;
  margin: 0 auto;
}
.pr-xs-2{padding-right: 0.5rem !important;}
.pl-xs-2{padding-left: 0.5rem !important;}
#help .modal-content,#helpConfirm .modal-dialog{
  justify-content: center;
  max-width: 100%;
  width: 100%;
}
#helpConfirm .modal-dialog{
  margin:2rem auto;
}
}
/* .payment-method .main-content-mid{
  overflow-y: auto;
} */
.order-sm-0{order:0}
.order-sm-1{order:1}
.self-pay-link{
  color: var(--bg-primary) !important;
  font-weight: 600;
  font-size: 18px;
  text-decoration: underline !important;
}

/* summary module  26/05/2022 */

.forms_layout.summary_container .main-content-mid .center_content_wrapper {
width: 700px;
margin-inline: auto;
}
.forms_layout.summary_container .set__wrapper_overflow .mid-content {
justify-content: flex-start;
}

.forms_layout.summary_container .summary_inner_heading h3.title__text {
font-weight: 900;
}
@media (max-width: 576px) {
.forms_layout.summary_container .summary_inner_heading h3.title__text {
  font-size: 18px;
}
}
.forms_layout.summary_container .summary_inner_heading p {
color: #293450;
opacity: 0.6;
font-size: 15px;
font-weight: 500;
margin-top: 5px;
margin-bottom: 0;
}
.forms_layout.summary_container .btn.btn_summary {
border-radius: 20px;
padding: 8px 20px;
font-size: 15px;
text-transform: capitalize;
font-weight: 700;
}
.forms_layout.summary_container .btn.btn_summary_edit {
background-color: #fff0e4;

color: #ff7500;
}
.forms_layout.summary_container .btn.btn_summary_save {
color: #fff;
background-color: #ff7500;
display: none;
}
.forms_layout.summary_container .summary_box_pills .pills {
display: flex;
padding: 8px 12px;
color: #171e43;
font-size: 15px;
font-weight: 700;
background-color: var(--bg-primary-light);
border-radius: 7px;
margin: 1rem 1rem 0 0;
}
.forms_layout.summary_container .summary_box_pills {
display: flex;
flex-wrap: wrap;
}
.forms_layout.summary_container .summary_box_pills .pills p.pills_text {
margin: 0;
font-size: 14px;
color: #171e43;
font-weight: 700;
}
.forms_layout.summary_container .trigger_next svg{
height: 20px;
}
.forms_layout.summary_container .trigger_back:hover, .forms_layout.summary_container .trigger_back:focus{
color: inherit !important;
}
@media (max-width: 576px) {
.forms_layout.summary_container .summary_box_pills .pills p.pills_text {
  font-size: 13px;
}
}
.forms_layout.summary_container .summary_box_pills .pills .pills_close {
margin-left: 10px;
cursor: pointer;
display: none;
box-shadow: 0px 3px 6px #4b75a529;
border-radius: 50%;
}
.forms_layout.summary_container .summary_box_pills .pills_orange {
background-color: #fff0e4 !important;
}
.forms_layout.summary_container .summary_box_pills_second .pills .pills_close {
display: flex;
}
.forms_layout.summary_container .summary_box_pills_second .outer_select {
border: 1px solid #e4e4e4;
border-radius: 4px;
margin-bottom: 1.25rem;
}
.insurance_select.selectDropdownPediatric.summary_select
.select2-search--dropdown
input {
border: 1px solid #e4e4e4 !important;
border-radius: 4px;
padding-left: 25px;
background: url("../images/pediatric_images/search-icon.svg") no-repeat left;
background-size: 15px;
}
.summary_box_pills_second {
display: none;
}

div.searchable {
width: 100%;
margin-bottom: 1.25rem;

}
.searchable_div{
  position: relative;
}
.searchable .searchable_div::before{
  content: '';
  background: url("../images/login_signup/caret_down_dark.svg");
  background-repeat: no-repeat;
  background-size: 12px 12px;
  padding-right: 28px;
  position: absolute;
  right: 5px;
  width: 10px;
  height: 10px;
  position: absolute;
  transition: all linear 3s;
  top: 50%;
  transform: rotate(0deg)  translateY(-50%); 
}
.searchable .searchable_input  {
width: 100%;
height: 50px;

font-size: 15px;
padding: 10px;
display: block;
font-weight: 500;
color: #171e43;
background-color: #fff;
border: 1px solid #e4e4e4 !important;
border-radius: 4px;
padding-left: 35px;
background: url("../images/pediatric_images/search-icon.svg") no-repeat left;
background-size: 15px;
background-position-x: 2%;
outline: 0;
}

.searchable .searchable_input.input_active {
border: 1px solid var(--bg-secondary) !important;
}
.searchable input::-webkit-input-placeholder {
color: #171e43;
opacity: 0.5;
font-size: 15px;
}
.searchable input::-moz-placeholder {
color: #171e43;
opacity: 0.5;
font-size: 15px;
}
.searchable input:-ms-input-placeholder {
color: #171e43;
opacity: 0.5;
font-size: 15px;
}
.searchable input::-ms-input-placeholder {
color: #171e43;
opacity: 0.5;
font-size: 15px;
}
.searchable input::placeholder {
color: #171e43;
opacity: 0.5;
font-size: 15px;
}
.searchable  ul {
display: none;
list-style-type: none;
background-color: #fff;
border: 1px solid #e4e4e4;
border-radius: 4px;
max-height: 200px;
margin: 0;
overflow-y: scroll;
overflow-x: hidden;
padding: 0;
margin-top: 5px;
}

.searchable ul li {
padding: 7px 9px;

cursor: pointer;
color: #171e43;
font-weight: 500;
font-size: 15px;
}

.searchable ul li.selected {
background-color: #eff5f9;
color: #333;
}
.searchable ul li:hover {
background-color: #eff5f9;
color: #333;
}
.searchable ul .select_others {
display: none;
align-items: center;
justify-content: space-between;
position: relative;
border: 1px solid #e4e4e4;
border-radius: 4px;
width: 100%;
height: 50px;
background-color: white;
}
.searchable ul .select_others input {
width: 100%;
border: none;
outline: 0;
background-color: transparent;
padding: 12px;
}
.searchable ul .select_others input::-webkit-input-placeholder {
color: #171e43;
opacity: 0.5;
font-size: 15px;
}
.searchable ul .select_others input::-moz-placeholder {
color: #171e43;
opacity: 0.5;
font-size: 15px;
}
.searchable ul .select_others input:-ms-input-placeholder {
color: #171e43;
opacity: 0.5;
font-size: 15px;
}
.searchable ul .select_others input::-ms-input-placeholder {
color: #171e43;
opacity: 0.5;
font-size: 15px;
}
.searchable ul .select_others input::placeholder {
color: #171e43;
opacity: 0.5;
font-size: 15px;
}
.searchable ul .select_others .others_btn {
position: absolute;
top: 50%;
right: 1%;
transform: translateY(-50%);
color: #ffffff;
background: var(--bg-secondary);
border-radius: 4px;
padding: 6px 10px;
}
@media (min-width: 1800px) {
.searchable .searchable_input,
.forms_layout.summary_container .summary_box_pills .pills p.pills_text,
.forms_layout.summary_container .summary_box_pills .pills,
.forms_layout.summary_container .btn.btn_summary,
.forms_layout.summary_container .summary_inner_heading p {
  font-size: 17px !important;
}
}
.flex-1{
  flex: 1;
}
/* end summary module  26/05/2022 */

/* start available timeslot module 27/10/2022 */
.available_time {
  border-radius: 5px;

  padding: 1rem 1.25rem;
}
@media (max-width: 767px) {
  .available_time {
    display: flex;
    flex-wrap: wrap;
  }
  .available_time .time-dropdown {
    width: 100%;
    margin-bottom: 24px;
  }
  .available_time .col-6 {
    flex: 0 0 auto;
    background-color: #f8f8f8;
    padding: 15px !important;
  }
}
@media (min-width: 768px) {
  .available_time {
    background-color: #f8f8f8 !important;
  }
}

.available_time .order-summary-select .select-selected {
  background-color: #f8f8f8 !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
  padding-left: 0 !important;
  padding-right: 1rem !important;
  height: unset !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}
.available_time .order-summary-select .select-items {
  border: 2px solid var(--bg-secondary) !important;
  border-radius: 8px !important;
}
@media (max-width:768px){
  .available_time .order-summary-select .select-items{
    top: 57px !important;
  }
}
.available_time .order-summary-select .select-selected::after {
  content: "" !important;
  border-width: 0 !important;
  border: none !important;
  background: url("../images/general_que_images/down_caret.svg");
  background-size: 15px !important;
  background-repeat: no-repeat;
  display: inline-block !important;
  padding: 5px !important;
  position: absolute !important;
  right: 6px !important;
  top: 50% !important;
  width: 15px !important;
  transform: rotate(0) translateY(-50%) !important;
}
@media (max-width: 768px) {
  .available_time .order-summary-select .select-selected {
    border: 2px solid var(--bg-secondary) !important;
    border-radius: 5px !important;
    background-color: transparent !important;
    padding: 1rem !important;
    font-size: 14px !important;
  }
  .available_time .order-summary-select .select-selected::after {
    right: 16px !important;
  }
}
.time-select{
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-left:auto;
}
.overflow-height-content{
  max-height: calc(100vh - 50vh);
    overflow-y: hidden;
    overflow-x: hidden;
}
@media (max-width:767px) {
  .overflow-height-content{
    max-height: calc(100vh - 60vh);
  }
  
}
.overflow-height-content .row{
  margin: 0px !important;
}
.overflow-height-content .row .col-xs-6{
padding-left:.5rem !important;
padding-right:.5rem !important;
}
#adjustMedi .time-select .select-selected{
  padding-left: 1rem !important;
  padding-right: 4rem !important;
  border: 2px solid var(--bg-secondary) !important;
border-radius: 8px !important;
}
#adjustMedi .time-select .select-selected::after{
  content: "";
  background-image: url('../images/timeslot/arrow-blue.svg');
  background-position: 0;
  top: 15px !important;
  background-size: contain;
  background-repeat: no-repeat !important;
  width: 15px !important;
    height: 15px !important;
    border: 0px !important;
    transform: none !important
}
#adjustMedi .time-select .select-selected.select-arrow-active::after{
  transform: rotate(180deg) !important;
  transform-origin:center;
  top: 13px !important;

}
#adjustMedi .time-select .select-items{
  border: 2px solid var(--bg-secondary) !important;
border-radius: 8px !important;
}
#adjustMedi .time-select .select-selected,
  #adjustMedi .time-select .select-items div{
  color: #071A23 !important;
}
.available_time .tommarow-btn,.available_time .yesterday-btn {
  /* padding-right: 25px; */
  font-weight: 600;
  color: #071a23;
  font-size: 16px;
  display: inline-block;
}
.available_time .yesterday-btn{
  transform: rotate(180deg);
}
.less-img{
  transform: rotate(180deg);
}
.available_time .tommarow-btn:hover {
  color: var(--bg-secondary);
}
.time-btn-group .time-btn {
  padding: 15px;
  border: 1px solid var(--bg-secondary);
  border-radius: 10px;
  background-color: #fff;
  letter-spacing: 0px;
  color: #071a23;
  font-weight: bold;
}
.time-btn-group .time-btn.selected {
  background-color: var(--bg-secondary);
  border-color: var(--bg-secondary);
  color: #fff;
  position: relative;
}
.time-btn-group .time-btn.selected::after {
  content: "";
  background: url("../images/ic_white_check.svg");
  background-repeat: no-repeat;
  position: absolute;
  background-position: right;
  right: 5%;
  /* top: 50%; */
  width: 24px;
  height: 24px;
}
.time-btn-group .time-sub-btn {
  padding: 15px;
  background-color: #606a6e;
  border-radius: 10px;
  border: none;
  color: #fff;
}
.time-btn-group .time-sub-btn.confirm {
  background-color: var(--bg-secondary);
}
.text-orange-1 {
  color: #ff1a1a !important;
}
.appointment_confirmation .app-confirm-header {
  border: 2px solid var(--bg-secondary);
  border-radius: 10px;
}
.appointment_confirmation .app-confirm-close-icon .i-plus {
  display: none;
}
.appointment_confirmation .app-confirm-close-icon .i-minus {
  display: inline-block;
}
.appointment_confirmation .app-confirm-close-icon.collapsed .i-plus {
  display: inline-block;
}
.appointment_confirmation .app-confirm-close-icon.collapsed .i-minus {
  display: none;
}
.appointment_confirmation .panel-default.panel {
  border: 0;
  border-bottom: 1px solid #c2c2c2;
}
.appointment_confirmation .panel-default > .panel-heading {
  background-color: #fff;
  border: none;
}
.lh-22 {
  line-height: 22px;
}
.fw-900 {
  font-weight: 900;
}
@media(max-width:768px){
  .appointment_confirmation .check-container.common_checkbox .checkmark{
    top: 50%;
    }
    .appointment_confirmation .check-container.common_checkbox .checkmark.top-22{
      top: 22px;
      }
}
/* end available timeslot module 27/10/2022 */

/* drug-allergy */
.opacity-1{
  opacity: 1 !important;
}

.drug_allergy .custom--row{
  align-items: start;
}
.forms_layout.summary_container .main-content-mid .center_content_wrapper.drug_allergy {
  width:80%;
  max-width: 780px;
}

.forms_layout.summary_container .main-content-mid .center_content_wrapper.drug_allergy.terms-width{
  max-width: 1013px;
}
.drug_allergy .containerC {
  display: block;
  position: relative;
  padding-left: 4rem;
  cursor: pointer;
  font-size: min(max(16px,0.938vw),18px);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin:0;
}

/* Hide the browser's default checkbox */
.drug_allergy .containerC input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.bg-secondary-light{
  background-color: var(--bg-gray-light) !important;
}
.drug_allergy .c_padding{
  padding:min(max(10px,0.833vw),15px);
  margin-bottom: 12px;

}
.br-7{
  border-radius: 7px;
}
/* Create a custom checkbox */
.drug_allergy .checkmark {
  position: absolute;
  top: 3px;
  transform:translate(0px);
  left: 0;
  height: min(max(20px,1.563vw),30px);
  width: min(max(20px,1.563vw),30px);
  background-color: #fff;
  border: 1px solid var(--bg-secondary);
  border-radius: 5px;
}

/* On mouse-over, add a grey background color */
.drug_allergy .containerC:hover input ~ .checkmark {
  background-color: #fff;
  border: 1px solid var(--bg-secondary);
}

/* When the checkbox is checked, add a blue background */
.drug_allergy .containerC input:checked ~ .checkmark {
  background-color: var(--bg-secondary);
}

/* Create the checkmark/indicator (hidden when not checked) */
.drug_allergy .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.drug_allergy .containerC input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.drug_allergy .containerC .checkmark:after {
  left: 50%;
  top: 50%;
  width: min(max(7px,0.521vw),8px);
  height: min(max(12px,0.833vw),13px);
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg)translateY(-30%)translateX(-108%);
}
.btn_summary_add{
  top: 50%;
    translate: 0% -50%;
    right: 10px;
}
.h-50px{
  height:50px;
  padding-right: 70px;
  font-size: min(max(16px,0.938vw),18px);

}
.bg-primary-light{
  background-color: #E2FDFF;
}
.drug_allergy .t-16 .checkmark{
  /* top: 22px; */
}
.drug_allergy .containerC{
  font-size: min(max(14px,1.042vw),20px);
}
@media (min-width:1800px) {
  .drug_allergy .trigger_next {
      font-size: 20px;
  }
  
}
@media (max-width:1800px) {
  .drug_allergy .t-16 .checkmark {
    /* top: 15px; */
}
}
@media (max-width:991px) {
  .forms_layout.summary_container .main-content-mid .center_content_wrapper.drug_allergy {
    width: auto;
    max-width: auto;
  }

  .drug_allergy .t-16 .checkmark {
    /* top: 12px; */
  }
  .drug_allergy .containerC{
    padding-left: 3rem;
  }
}
/* end drug-allergy */


/* pre_cehckout_flow */

.br-20{
  border-radius:min(max(7px,1.042vw),20px);
}
.outer_wrapper-org{
  background-color: var(--bg-gray-light);
  padding:min(max(12px,1.563vw),30px);
}
.pre_checkout_flow .sub__text,.pre_checkout_flow .pharmacy-select .sub__text{
  font-size:min(max(24px,1.875vw),36px);
  margin-bottom:min(max(25px,1.563vw),30px);
}
.pre_checkout_flow .mid-content {
  padding: min(max(25px,2.604vw),50px);
  max-width: 768px;
    margin: auto;
}
.pre_checkout_flow{
  font-family: "Lato" !important;
  max-width: 100% !important;
  width: 100% !important;
  margin-top: 0 !important;
}
.pre_checkout_flow .editable__info{
max-width: 600px;
margin: auto;
}
.pre_checkout_flow h4{
  font-size: min(max(18px,1.354vw),26px);
}
.pre_checkout_flow .edit__info-js,.pre_checkout_flow .edit__info-js svg {
  height:  min(max(26px,1.563vw),30px);
}
.pre_checkout_flow .info_value{
  color: #171E43;
  font-size: min(max(14px,0.938vw),18px);
font-weight: 600;
margin-right: 5px;

}
.pre_checkout_flow .info_title{
  color: #171E43;
  opacity: .5;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
    min-width: auto;
    white-space: nowrap;
    margin-right: 5px;
  font-size: min(max(14px,0.938vw),18px);

}
.pre_checkout_flow .verify_patient_info .info_row:last-child {
  border-bottom: 0;
  margin: 0;
}
.pre_checkout_flow .editable__info .info_title{
  min-width:150px;
  opacity: 1;
}
.pre_checkout_flow .editable__info .info_value{
  margin-right:0
}
.pre_checkout_flow .input-width{
  width: calc(100% - 5.5rem) !important;
}
.pre_checkout_flow .select2-container--default .select2-selection--single,
  .pre_checkout_flow .info_value input,.pre_checkout_flow  .info_value select,.pre_checkout_flow  .info_value textarea{
border-color: transparent !important;
display: flex;
    align-items: center;
  height: min(max(45px,2.604vw),50px) !important;
  font-size: min(max(14px,0.938vw),18px);
  color: #171E43;
  font-weight: 500;
}
.pre_checkout_flow  .info_value span.ml-2{
  opacity: .7;
}
.pre_checkout_flow .select_state_with_search+.select2-container--default .select2-selection--single .select2-selection__arrow{
  height: min(max(45px,2.604vw),50px) !important;
}
.select_state_with_search+.select2-container--default .select2-selection--single .select2-selection__arrow b, .select_state_with_search+.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
  transition: none;

}
.select2-dropdown.select_state_with_search{
  overflow: hidden;
  top: 2px;
  border-top: initial;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-radius: 5px;
    border-color: transparent;
    box-shadow: 1px 2px 3px #ddd;
}
.select2-dropdown.select_state_with_search .select2-results__option--selectable{
  border-radius: 5px;
}
.select2-dropdown.select_state_with_search .select2-results__options{
  margin: 5px;
  border-radius: 5px;
}
.select2-container--default .select2-dropdown.select_state_with_search .select2-results__option--selectable{
  margin: 1px 0;
}
.select2-container--default .select2-dropdown.select_state_with_search .select2-results__option--selected,.select2-container--default .select2-dropdown.select_state_with_search .select2-results__option--highlighted {
  background-color: #dddddd61;
  border-radius: 5px;

}
.select2-container--default .select2-dropdown.select_state_with_search .select2-results__option--highlighted{
  color: #000;
}
.pre_checkout_flow .pharmacy-select .check-container.common_checkbox .checkmark{
  height:  min(max(20px,1.563vw),30px);
  width:  min(max(20px,1.563vw),30px);
  top: 5px;

}
.pre_checkout_flow .pharmacy-select p,.pre_checkout_flow .pharmacy-select .conset_text{
  font-size: min(max(14px,0.938vw),18px);
}
.pre_checkout_flow .pharmacy-select .check-container.common_checkbox{
  line-height: min(max(20px,1.458vw),28px);
  padding-left: min(max(30px,2.344vw),45px);

}
.pre_checkout_flow .pharmacy-select .check-container{
  font-size: initial;
}
.pre_checkout_flow .pharmacy-select .check-container.common_checkbox .checkmark:after{
  height:  min(max(14px,0.938vw),18px);
  width:  min(max(8px,0.521vw),10px);
  border-width: 0 min(max(3px,0.260vw),4px) min(max(3px,0.260vw),4px) 0;
}
.pre_checkout_flow .editable__pharmacy-info .form-control{
  height: 20px;
  accent-color:#e2761c;
  width:auto;
  margin: 0px -22px;
    scale: 1.3;
    outline: none;
    box-shadow: none;
}
.pre_checkout_flow .editable__pharmacy-info .radio label:before{
  content: "";
  position: absolute;
  width: min(max(19px,1.042vw),20px);
  height:min(max(19px,1.042vw),20px);

  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #FF7500;
  left: -5px;
  z-index: 1;
  top: 1px;
}
.pre_checkout_flow .editable__pharmacy-info .radio label.checked:after{
  content: "";
  position: absolute;
  width:  min(max(17px,0.938vw),18px);
  height:  min(max(17px,0.938vw),18px);
  border-radius: 50%;
  background-color: #FF7500;
  border: 2px solid #FFf;
  left: -4px;
  z-index: 1;
  top: 2px;
}
.pre_checkout_flow .radio label{
  font-size: min(max(14px,0.938vw),18px);
  position: relative;
}
.border-top-1{
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.outer_wrapper-gry{
  background-color: #ECECEC;
  padding: 12px;
}
.br-10{
  border-radius: 10px;
}
.checkGreen{
  width: min(max(20px,1.250vw),24px);
margin-top: .5rem;
}
.checkout-order-summary .text-success{
  color: #34B872 !important;
}

#adjustMedi.forms_layout .main-content-mid{
  overflow: auto;
}
.mid-scroll .mid-content{
justify-content: start;
}
.forms_layout .set__wrapper_overflow{
  overflow: auto;
}
.bg-light-org{
  background-color: var(--bg-gray-light) !important;
}
.overflow-visible{
  overflow: visible !important;
}
.checkout-order-summary hr{
  margin-top: 15px;
  margin-bottom: 15px;
}
.store-credit .info-div{
  min-width:160px;
}
.label-title{
  font-size: min(max(15px,1.354vw),26px);
}
.pre_checkout_flow .bg-white label{
  font-size: min(max(12px,1.042vw),20px);

}
.pre_checkout_flow .bg-white .cart-category,.pre_checkout_flow .bg-white .cart-price,.pre_checkout_flow .bg-white p,.pre_checkout_flow .order-summary-select .select-selected{
  font-size: min(max(12px,1.042vw),20px) !important;

}
.pre_checkout_flow .order-summary-select .select-selected{
  height: auto !important;
  padding-left:  min(max(37px,2.604vw),50px) !important;
}
.pre_checkout_flow .order-summary-select .select-selected::after{
  right: 1.5rem !important;
  top: 50% !important;
  transform: translateY(-50%) rotate(45deg) !important;
}
.pre_checkout_flow .bg-white select.form-control,.pre_checkout_flow .bg-white .error-mg{
  font-size: min(max(12px,1.042vw),20px) !important;

}
.pre_checkout_flow .bg-white select.form-control{
  padding-left:  min(max(37px,2.604vw),50px) !important;
}
.pre_checkout_flow .promo-img {
  position: absolute;
  top: 50%;
  width: min(max(16px,1.198vw),23px) !important;
  transform: translateY(-50%);
  left: 1rem;
}
.pre_checkout_flow .promo-apply {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  right: .5rem;
}
.pre_checkout_flow.payment-method .succes-card,.pre_checkout_flow.payment-method .lock-img {
    top: 50%;
    position: absolute;
    right: 1rem;
    transform: translateY(-50%);
}
.pre_checkout_flow.payment-method .card-details .form-control{
  height: min(max(45px,2.865vw),55px);
  font-size: min(max(15px,0.938vw),18px);
} 
.pre_checkout_flow.payment-method .error-msg{
  font-size: min(max(12px,0.729vw),14px);
  position: absolute;
}
.pre_checkout_flow.payment-method{
  font-size: min(max(15px,0.938vw),18px);

}
.pre_checkout_flow .form-control{
  -webkit-appearance: initial;
}
.btn.send-btn:hover{
  color: #fff !important;
}
.modal .btn:hover{
  color: #fff;
}
.one_service .mid-content{
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.overflow-auto{
  overflow: auto !important;
}
.overflow-x-hidden{
  overflow-x:hidden !important ;
}
#help{
  color: #171E43 !important;
}
.pharmacy-search-selection ul{
    margin: auto;
    border: 1px solid #CBCBCB80;
    padding: 0.5rem;
    border-radius: 3rem;
    overflow: hidden;
}
.pharmacy-search-selection  .nav-pills>li.active>a,.pharmacy-search-selection  .nav-pills>li.active>a:focus,.pharmacy-search-selection .nav-pills>li.active>a:hover{
  background-color: #2C314A;
  border-radius: 3rem;
}
.pharmacy-search-selection  .nav-pills>li:not(.active) a{
  border-radius: 3rem;
  color: #2C314A;
}
.pharmacy-search-selection  .nav-pills>li a{
  font-size: min(max(15px,0.938vw),18px);
}
.pharmacy-search-selection .form-control{
  font-size: min(max(15px,0.938vw),18px);
border-radius: 10px;
border-color: #CBCBCB80;
padding: 12px;
height: auto;
box-shadow: none;
}
.pre_checkout_flow .bg-white p span,.pre_checkout_flow .bg-white p.info_title,.pre_checkout_flow .bg-white .radio label{
  font-size: min(max(14px,0.938vw),18px) !important;
}
.pre_checkout_flow .help-icon{
  font-size: min(max(15px,0.938vw),18px) !important;

}
.p-30{
  padding: min(max(10px,1.563vw),30px) ;
}
.pre_checkout_flow .editable__pharmacy-info .radio label input{
  opacity: 0;
}
.order-summary-div .welcome_flow{
  display: flex;
    overflow: auto;
    flex-direction: column;
}
 .pre_checkout_flow .bg-white p.f-16,.pre_checkout_flow .bg-white .error-mg{
  font-size: min(max(12px,0.833vw),16px) !important;
 }
 .store-credit .btn-danger{
  font-size: min(max(12px,0.833vw),16px);
 }
 .checkout-order-summary label.font-500{
  font-weight: 500 !important;
 }
 .checkout-order-summary .select-close{
  top: 50%;
  transform: translateY(-50%);
  width:min(max(22px,1.563vw),30px);
  max-width: initial;
 }
 .w-15{
  width: min(max(10px,0.833vw),15px);

 }
 
/* .main__wrapper{
  height: 100% !important;
  overflow: auto;
} */
@media (max-width: 576.98px) {
  .pre_checkout_flow .mid-content{
    padding-left:0;
    padding-right:0;
  }
  .pre_checkout_flow .verify_patient_info .info_row {
    border-bottom: 1px solid #F6F6F6;
}
.pre_checkout_flow .info_row {
  padding: 0;
}
.py-sm-3 {
  padding-bottom: 1rem !important;
  padding-top: 1rem !important;
}
}
@media (max-width: 687px) {
  .pre_checkout_flow .w-600 {
    width: auto;
}
}
@media (min-width: 1199px) {
  .forms_layout .main__wrapper{
    height: 100vh;
  }
}
  @media (min-width: 1600px) {
    .pre_checkout_flow .editable__pharmacy-info .radio label.checked:after{
      top:4px;
    }
    .pre_checkout_flow .editable__pharmacy-info .radio label:before{
      top:3px;
    }
  }
/* end pre_cehckout_flow */

/* 6/2/2023 current-medication */

.drug_allergy.current_medication  .checkmark{
  top: 50%;
  transform: translateY(-50%);
 }
 .drug_allergy.current_medication .containerC{
  padding-left: min(max(30px,2.344vw),45px);

 }
 .forms_layout.summary_container .main-content-mid .center_content_wrapper.drug_allergy.current_medication{
  max-width:1030px;
  margin: auto;
 }

/* end 6/2/2023 current-medication */

/* 14/2/2023 labkit-form*/
.drug_allergy.current_medication .summary_inner_heading p{
  font-size: min(max(14px,1.146vw),22px);
}
.rotate { /* Chrome, Safari, Opera */ /* Firefox */ /* IE 9 */
  transform: rotate(-180deg); /* Standard syntax */
}
.type_s div[class^='fa']*{
font-family: "Font Awesome 6 Pro";

}
.type_s .panel-title{
  font-size: min(max(18px,1.458vw),28px);

}
.type_s .panel-title a{
  font-size: min(max(18px,1.458vw),28px);
  display: flex;
    justify-content: space-between;

}
.type_s .panel-title a .fa{
  border: 2px solid var(--bg-secondary);
  border-radius: 2rem;
  color: var(--bg-secondary);
  width: min(max(20px,1.563vw),30px);
  height: min(max(20px,1.563vw),30px);
  font-size: 1vw;
    display: flex;
    align-items: center;
    justify-content: center;

}
.type_s .panel-default>.panel-heading{
  padding: min(max(20px,1.563vw),30px);
  background-color: #E2FDFF;
  border: 0px;

}
.type_s .panel{
  border-radius: 16px;
  border: 0px;
  box-shadow: 0px 24px 57px #00000008;
  overflow: hidden;
  margin-top: 2rem;
}
.type_s .panel-default>.panel-heading+.panel-collapse>.panel-body{
  border: 0px;
  padding: min(max(20px,1.563vw),30px);

}
.type_s{
  max-width:678px;
  margin: auto;
}
.fw-600{
  font-weight: 600;
}
.opacity-1{
  opacity: 1;
}
.recomanded-box{
  box-shadow: 0px 24px 57px #00000008;
border-radius: 28px;
max-width: 586px;
margin: auto;
overflow: hidden;

}
.recomanded-box label,.recomanded-box a{
  font-size: min(max(14px,1.250vw),24px);

}
.bg-light-primary{
  background-color: #DDF3F7;
  border-radius: 8px;
  padding: 1rem;
}
.bg-tranparant{
  background-color: transparent;
}
.delet button{
  border-radius: 8px;
  width: 58px;
}
.recomanded-box > div {
  padding: 5px min(max(20px,1.563vw),30px);
}
.total-div{
  padding: 24px 36px !important;
}
.total-div h2{
font-size: min(max(22px,1.563vw),30px) !important;
font-weight: 600 !important;
margin: 0 !important;
line-height: 1rem !important;
}
.total-div h4{
  font-size: min(max(16px,1.250vw),24px);
font-weight: 600;
margin: 0;
}
.recomanded-box .price{
  font-size: min(max(16px,1.406vw),27px);
  font-weight: 600;
  width: 96px;

}
@media (width<=768px) {
 
}
/*end 14/2/2023 labkit-form*/


/* quation module new section css 02-03-23 start*/
.summary_quation-box{
  padding: 12px min(max(10px,0.833vw),15px);
  display: flex;
  align-items:center;
  border-radius: 12px;
}
.summary_quation-box .que_pill{
  padding: 6px min(max(10px,0.833vw),15px);
  background-color: var(--bg-primary);
  border-radius: 15px;
  color: #fff;
  margin-right: 12px;
  font-weight: 700;
  min-width:50px;
  text-align: center;
}
@media(max-width:768px){
  .summary_quation-box .que_pill{
      min-width: 40px;
  }  
}
.summary_quation-box .que_text{
  font-size:  min(max(14px,0.938vw),18px);
  font-weight: 700;
  margin-bottom: 0;
}

.blue_payment-box {
  border-radius: 12px;
  background-color: #E2FDFF;
  padding: 20px;
  
}
.payment_heading .payment_title{
  font-size:26px;
  color: #2C314A;
  font-weight: 700;
  margin-bottom: 5px;
  margin-top: 0;
}
.payment_heading .payment_title .banner{
  background: var(--bg-secondary);
  border-radius: 38px;
  color: #fff;
  font-size: 14px;
  padding: 6px 12px;
  vertical-align: middle;
  margin-left: 10px;
  display: inline-block;
}
.payment_heading .payment_sub{
  font-size: 18px;
  color: #2C314A;
  font-weight: 500;
  margin-bottom: 0;
}
.blue_payment-box .pricebox h4{
  color: var(--bg-primary);
  font-size: 34px;
  font-weight: 700;
  margin: 0;
  display: flex;
  align-items: flex-start;
  justify-content: end;

}
.blue_payment-box .pricebox h4 span{
  font-size: 20px;
}
.blue_payment-box .pricebox h5{
  color: var(--bg-secondary);
  font-size: 20px;
  font-weight: 700;
}
.blue_payment-box .pricebox-listingbox{
padding: 15px;
background-color: #fff;
border-radius: 12px;
margin-bottom: 15px;
}
.blue_payment-box .pricebox-listingbox .list-item{
  position: relative;
  font-size: 16px;
  color: #171E43;
  font-weight: 500;
  padding-left: 16px;
}
.blue_payment-box .pricebox-listingbox .list-item::before{
  content: "";
  width: 5px;
  height: 5px;
  background-color:  #171E43;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 10px;
  /* transform: translateY(-50%); */
}
.blue_payment-box .price_under{
  color: var(--bg-secondary);
  font-size: 20px;
  font-weight: 700;
  margin-top: 5px;
  margin-bottom: 0;
}
/* end quation module new section css 02-03-23 start*/


/* video recording flow 3/3/2023 */
.forms_layout.summary_container .main-content-mid .center_content_wrapper.video_recording{
  max-width: 100% !important;
  width: 100%;
}
.video_recording_flow .video-screen {
  width: 100%;
  height: 100%;
  background: #ddd;
  margin: 1rem 0;
  border-radius: 2rem;
}
.video_recording_flow .mid-content{
  justify-content: center !important;
  padding: 0;
}
.video-record-time{
  padding: 1rem 3rem;
  font-size: 50px;
  border-radius: 5rem;
}

.video_recording_flow .sub-heading{
  font-size: min(max(16px,1.042vw),20px);
}
.border-secondary{
  border: 1px solid var(--bg-primary) !important;
}
.br-15{
  border-radius: 15px;
}
.video_recording_flow .dlt-icon-btn{
height: 1.5rem;
}
.video_recording_flow .title__text-small{
  font-size: min(max(22px,1.875vw),36px);
 line-height: min(max(28px,1.875vw),36px);
  font-weight: bold;

}
.video_recording_flow .sub-title{
  color: #071A23;
  line-height: 24px;
}
#videoModal .btn-gray{
  opacity: .5;
  font-weight: 600;
}
#videoModal .btn-gray:hover{
  color: #171E43;
}
.border-bg-light-secondary{
  border:1px solid var(--bg-primary)59;
  /* background-color: var(--bg-gray-light); */
}
#videoModal .modal-sm{
  /* width: 425px; */
}
#videoModal .modal-sm h4{
font-size: min(max(18px,1.354vw),26px);
}
#videoModal .modal-sm h6{
  font-size: min(max(14px,1.042vw),20px);
  margin: min(max(20px,1.563vw),30px) 0;
  white-space: nowrap;
}
#videoModal .modal-content{
  padding: min(max(30px,2.604vw),50px);
}
#videoModal .modal-content button
{
width: 98%;
font-size: min(max(16px,1.042vw),20px);
border-radius: 10px;
}
.modal-dialog-centered{
  justify-content: center;
  margin: auto !important;
}
.ad-div{
  position: fixed;
  right: 1.6rem;
    width: 9%;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
.ad-div iframe{
    width: 170px;
    margin: auto;
    height: 620px;
    padding:0;
    margin:0;
}
.ad-div iframe body{
  padding:0;margin:0;
}
.ad-div-mobile{
display: none;
}
.ad-div-mobile iframe{
  height: 50px;
  display: block;
  margin: auto;
}

.camera-shutter-outer.anim-shutter,.camera-shutter-outer.anim-shutter .camera-shutter-inner{
  -webkit-animation: none;
          animation: none;
}
.camera-shutter-inner{
  width: min(max(26px,4.688vw),34px);
  height: min(max(26px,4.688vw),34px);
  border-radius: 50%;
  overflow: hidden;
}
.camera-shutter-outer{
  height: min(max(70px,4.688vw),90px);
  width: min(max(70px,4.688vw),90px);
  border: 0px;
  margin: 0 min(max(10px,1.302vw),25px);
}
.camera__btn {
  background: transparent;
  width: auto;
  /* min-width: 280px; */
  position: relative;
  z-index: 0;
  height: 60px;
  border-radius: 0 30px 30px 0px;
  transform: none;
  justify-content: space-between;
  padding: 0;
  cursor: pointer;
}
.shutter_wrap {
  position: relative;
  /* z-index: -1; */
  left: 0;
  transform: none;}
.video-record-time {
  background-color: rgb(0 0 0 / 47%);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border-radius: 10rem;
  font-size: min(max(40px,2.604vw),50px);
  border: 1px solid;
  height: min(max(64px,3.958vw),76px);
  width: min(max(200px,13.438vw),258px);
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.recording__text{
  font-size: min(max(16px,1.094vw),21px);
  height: min(max(46px,3.125vw),60px);
  width: min(max(130px,8.750vw),168px);
background-color: #fff;
border-radius: 5rem;
color: #071A23;
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
}
.kkcount{
  margin-bottom: min(max(30px,2.083vw),40px);

}
.start-record{
  display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}
.camera-shutter-inner{
 
  background: transparent;
  
}
.stop-record{
    background: #F3002F;
  }
.start-record img{
    max-width: 70%;
    margin: 2px 4px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .note{
    padding: 1rem;
    background-color: rgba(255,255,255,.5);
    color: #071A23;
    border-radius: 10px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    /* margin: 1rem; */
  }
  .note p{
    margin: 0;
  }
  .top-element{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
  .video-cover-img{
    -webkit-filter: brightness(0.7);
            filter: brightness(0.7);
            border-radius: 1.5rem;
  }
  .video-play-btn{
    top: 50%;
    transform: translateY(-50%);
    left:0;
    right: 0;
    text-align: center;
  }
  .close-video{
   width: min(max(30px,2.604vw),50px);
  
  }
  .video-screen{
  overflow: hidden;
  }
  .video-play-btn img{
   width: min(max(70px,4.688vw),90px);

  }
@media (max-width:768px){
 
  .video_recording_flow .mid-content .summary_box_pills.w-80{
    max-width: 100%;
  }
  .mobile-80{
    max-width: 100% !important;
  }
}
@media screen and (max-width: 992px), 
       screen and (max-height: 992px) {
  .video_recording_flow.video_recording_success .mid-content{
    justify-content: start !important;
    padding-top: 20px;
  }
}
@media screen and (max-width: 992px){
  .video_recording_flow .mid-content{
    justify-content: start !important;
  }
}
/* @media  screen and (min-height: 992px) {
  .video_recording_flow .mid-content{
    justify-content: center !important;
    padding-top: 20px;
  }
} */
@media(max-width: 992px){
  .ad-div{
  display: none;
  }
  .ad-div-mobile{
    display: block;
    max-height: 50px;
    margin: 1rem;
    }
}
/* end video recording flow 3/3/2023 */


/* thank-you.html 27/3/2023 */

.white-card{
border-radius: 15px;
box-shadow: 0px 0px 19px #C3DCE97A;
padding: min(max(10px,1.563vw),30px) !important;
overflow: hidden;
}
.white-card::before,.white-card::after{
  display: none;
}
.thank_you{
  background-color: #fff;
  color: #2C314A;
}
.thank_you  ul{
  list-style-image: url('../images/thank-you/blu-arrow.svg');
  margin-bottom: 25px;
}
.thank_you  ul li{
font-weight: 600;
color: #2C314A;
line-height: 22px;
}
.thank_you  ul ul{
  list-style-image: none;
  list-style: none;
  padding-left: 1.5rem;
  margin-bottom: 0;
}
.thank_you  ul ul li::before {
  content: "\2022";
  color: #87D0D6;
  font-weight: bold;
  float: left; 
  margin-left: -1em;
}
.thank_you  ul ul li{
  font-weight: 500;
}
.bg-light-blu{
  background-color: #F1F9FA;
  padding: 10px;
  border-radius: 15px;
}
.thank_you .bg-light-blu p{
  font-size:min(max(14px,0.833vw),16px);
  line-height: 24px;

}
.thank_you .title__text-small{
  color:#444444;
  font-size:min(max(18px,1.146vw),22px);
  margin-bottom: 10px;
  margin-top: 30px;
}
.thank_you h4{
  opacity: .6;
  color:#444444;
  font-size:min(max(16px,0.938vw),18px);
  margin-bottom: 25px;

}
.thank_you h3{
  font-size:min(max(18px,1.146vw),22px) !important;

}
.thank_you .foot{
  color:#444;
  margin-bottom: 1.5rem;
}
.thank_you .mw-logo{
  min-width: 162px;
}
.thank_you .white-card .white-card h3{
  font-size:min(max(20px,1.250vw),24px);
  margin: 0;
  margin-bottom: 15px;

}
.thank_you .white-card hr{
  border-top-color: #C1C1C1;
  max-width: 232px;
  margin-bottom: 15px;
  margin-top: 0;
}
.thank_you .white-card .f-16{
  font-size: 16px;
  font-weight: 500;
}
.thank_you .foot hr{
width: 100%;
max-width: 100%;
border-top-color: #c1c1c140;
}
.button-arrow{
  word-break: break-word;
  white-space: normal;
}
.button-arrow span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
.button-arrow span::after {
  position: absolute;
  content: "";
  background-size: 100% !important;
  /* opacity: 0; */
  margin-top: 0px;
  width: 18px;
  top:50%;
  background-position: center;
  right: -30px;
  transform: translateY(-50%);
  background: url(../images/thank-you/arrow-right-yellow.svg) no-repeat;
    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7492%) hue-rotate(104deg) brightness(99%) contrast(98%);
            filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7492%) hue-rotate(104deg) brightness(99%) contrast(98%);
            transition: all .2s linear 0s;
            height: 50%;
            min-height: 15px;
}
.button-arrow:hover{
  color: #fff;
}
.button-arrow:hover span:after {
  content: "";
  opacity: 1;
  right: -40px;
}
@media screen and (max-width: 767px){

  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 0px solid #ddd;
  }
}
/* tracker-css */

.thank_you .form-control:not(:-moz-read-only) {
  height: min(max(50px,3.125vw),60px);
  border-radius: min(max(8px,0.625vw),12px);
}

.thank_you .form-control:not(:read-only) {
  height: min(max(50px,3.125vw),60px);
  border-radius: min(max(8px,0.625vw),12px);
}

.thank_you .cod_custom-select.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: min(max(14px,0.833vw),16px);
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  border-radius: min(max(8px,0.625vw),12px);
}

.cod_select-selected {
  font-size: min(max(14px,0.833vw),16px);
  color: #293450;
  height: 100%;
  display: flex;
  align-items: center;
  background-color: transparent;
  font-weight: 500;
}

.cod_custom-select {
  position: relative;
  font-family: Arial;
}

.cod_custom-select select {
  display: none;
}

.cod_select-selected:after {
  position: absolute;
  content: "";
  top: 45%;
  right: 10px;
  background-image: url(../images/visit/arrow-green.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  transform: rotate(90deg);
  -webkit-filter: brightness(0) saturate(100%) invert(17%) sepia(5%) saturate(4916%) hue-rotate(185deg) brightness(95%) contrast(89%);
  filter: brightness(0) saturate(100%) invert(17%) sepia(5%) saturate(4916%) hue-rotate(185deg) brightness(95%) contrast(89%);
}

.cod_select-selected.cod_select-arrow-active:after {
  transform: rotate(270deg);
  top: 25%;
}

.cod_select-items div, .cod_select-selected {
  padding: 0 20px 0 0;
  border: 0px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  text-align: left;
}

.cod_select-items div {
  color: #293450;
}

.cod_select-items div:hover {
  background-color: #FDDEE3 !important;
  border-radius: 6px;
}

.cod_select-items {
  position: absolute;
  color: #293450;
  background-color: #fff;
  top: min(max(50px,3.125vw),60px);
  left: 0;
  right: 0;
  z-index: 99;
  padding: 0.5rem;
  border-radius: 8px;
  box-shadow: none;
  border: 1px solid #ced4da;
  border-radius: min(max(8px,0.625vw),12px);
}

.cod_select-items div {
  padding: 5px 10px;
}

.cod_select-hide {
  display: none;
}

.cod_select-items div:hover, .cod_same-as-selected {
  background-color: #edf8f9 !important;
  border-radius: 6px;
}

.thank_you .modal-content {
  border-radius: min(max(16px,1.563vw),30px);
  color: #293450;
  overflow: hidden;
}

.c-pointer {
  cursor: pointer;
}

.c-progress {
  cursor: progress;
}

.c-copy {
  cursor: copy;
}

.c-help {
  cursor: help;
}

.c-wait {
  cursor: wait;
}

.c-alias {
  cursor: alias;
}

.c-auto {
  cursor: auto;
}

.c-auto {
  cursor: auto;
}

.c-cell {
  cursor: cell;
}

.c-crosshair {
  cursor: crosshair;
}

.c-no-drop {
  cursor: no-drop;
}

.c-default {
  cursor: default;
}

.c-grab {
  cursor: -webkit-grab;
  cursor: grab;
}

.c-move {
  cursor: move;
}

.c-context-menu {
  cursor: context-menu;
}

.c-text {
  cursor: text;
}

.c-not-allowed {
  cursor: not-allowed;
}

.c-zoom-in {
  cursor: zoom-in;
}

.c-zoom-out {
  cursor: zoom-out;
}

.thank_you table {
  font-size: min(max(14px,0.833vw),16px);
}

.thank_you table.table-borderless:not(.cod_visit-table) tbody tr td {
  border-bottom: 1px solid #D8E9EB;
}
@media (max-width:428px) {
  .thank_you table {
    font-size: 10px;
  }
  .button-arrow span{
    font-size: 11px;
    white-space: normal;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .button-arrow span::after{
display: none;
  }
  .cod_visitPage .cod_mainContent .cod_whitepop{
    padding: 0.5rem 0.2rem !important;
  }
}
@media (min-width: 992px) {
  .d-lg-table-head {
    display: table-header-group !important;
  }
}

@media (min-width: 992px) {
  .d-lg-table-cell {
    display: table-cell !important;
  }
}

/* new select2custom selectbox 09-02 */
.COD_custom-selectbox .select2-container {
  width: 100% !important;
}

.COD_custom-selectbox .select2-container--default .select2-selection--single {
  font-weight: 600;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  height: auto;
  border: 1px solid #ced4da;
  position: relative;
  border-radius: min(max(8px,0.625vw),12px);
}

.COD_custom-selectbox
.select2-container--default
.select2-selection--single
.select2-selection__rendered {
  padding: 10px;
  font-size: min(max(14px,0.833vw),16px);
  font-weight: 500;
  line-height: 1.5;
  color: #212529;
  padding-right: 25px;
}

.COD_custom-selectbox .select2-container--default .select2-selection--single .select2-selection__arrow {
  background-image: url(../images/visit/arrow-green.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  transform: rotate(90deg) translateY(-50%);
  transition: 0.3s;
  position: absolute;
  top: 40%;
  right: 15px;
  -webkit-filter: brightness(0) saturate(100%) invert(17%) sepia(5%) saturate(4916%) hue-rotate(185deg) brightness(95%) contrast(89%);
  filter: brightness(0) saturate(100%) invert(17%) sepia(5%) saturate(4916%) hue-rotate(185deg) brightness(95%) contrast(89%);
}

.COD_custom-selectbox .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.COD_custom-selectbox .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
  transition: 0.3s;
  transform: translateY(-50%) rotate(270deg);
  right: 10px;
}

.select2-container--open .COD_Custom-drop.select2-dropdown--below {
  border-radius: min(max(8px,0.625vw),12px);
  margin-top: 3px;
  border: 1px solid #ced4da;
}

.select2-container--default .COD_Custom-drop .select2-results > .select2-results__options {
  padding: 0.5rem;
  max-height: 300px !important;
}

.select2-container--default .COD_Custom-drop .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #edf8f9 !important;
  border-radius: 6px;
  color: #293450;
}

.select2-container--default .COD_Custom-drop .select2-results__option--selected {
  background-color: #edf8f9 !important;
}

.select2-container--default .COD_Custom-drop .select2-search--dropdown .select2-search__field {
  border-radius: 6px;
  color: #293450;
  font-size: min(max(14px,0.833vw),16px);
  font-weight: 600;
  line-height: 1.5;
  padding: 5px 10px;
  border: 1px solid #ced4da;
  outline: none;
}

.COD_Custom-drop .select2-results__option {
  border-radius: 6px;
  color: #293450;
  font-size: min(max(14px,0.833vw),16px);
  font-weight: 600;
  line-height: 1.5;
  padding: 5px 10px;
}

/*new select2 selectbox css end 09-02 */
.accordion.cod_accordion .accordion-item {
  border: 1px solid #DEE7E9;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: min(max(115px,1.042vw),20px);
}

.accordion.cod_accordion .accordion-header {
  background-color: #F1F9FA;
}

.accordion.cod_accordion .accordion-header button {
  font-weight: 700;
  font-size: min(max(16px,0.625vw),18px);
  padding: min(max(12px,0.781vw),15px) min(max(16px,1.042vw),20px);
  box-shadow: none;
}

.accordion.cod_accordion .accordion-button:not(.collapsed), .accordion.cod_accordion .accordion-button {
  background-color: transparent;
  color: #293450;
}

.accordion.cod_accordion .accordion-collapse {
  border-top: 1px solid #DEE7E9;
}

.accordion.cod_accordion .accordion-button::after {
  background: url("../images/subscription/accordionArrow.svg"), #D6EDEF;
  border-radius: 50%;
  width: min(max(25px,1.563vw),30px);
  height: min(max(25px,1.563vw),30px);
  background-repeat: no-repeat;
  background-position: 50%;
}

aside {
  height: calc(var(--vh, 1vh) * 100);
}

.cod_sidebar {
  height: 100vh;
  color: #293450;
  box-shadow: 5px 5px 36px #46bcc91c;
  border-radius: 0px min( max(0px, 1.563vw) , 30px) min( max(0px, 1.563vw) , 30px) 0px;
  display: flex;
  flex-direction: column;
  position: absolute;
  z-index: 3;
  background-color: var(--bg-secondary);
  min-width: 300px;
  left: 0;
  transition: left 500ms;
}

.cod_sidebar.active {
  left: -300px;
  transition: left 500ms;
}

@media (min-width: 992px) {
  .cod_sidebar {
    position: relative;
    background-color: white;
    min-width: auto;
    left: auto !important;
  }
  .cod_sidebar.animate-width-plus {
    -webkit-animation: width__anime 0.2s forwards ease-in-out !important;
            animation: width__anime 0.2s forwards ease-in-out !important;
  }
  .cod_sidebar.animate-with-minus {
    -webkit-animation: width__anime2 0.2s forwards ease-in-out !important;
            animation: width__anime2 0.2s forwards ease-in-out !important;
  }
  .cod_sidebar.animate-with-minus .cod_sidebar-item a {
    text-align: center;
    display: block;
  }
  .cod_sidebar.animate-with-minus .cod_sidebar-item .accordion-button::after {
    top: 50%;
    transform: rotate(-90deg) translateY(-50%);
    transform-origin: top;
  }
  .cod_sidebar.animate-with-minus .cod_sidebar-item .accordion-body {
    display: none;
  }
  @-webkit-keyframes width__anime {
    0% {
      width: min( max(95px, 7.656vw) , 147px);
    }
    100% {
      width: min( max(265px, 17.188vw) , 330px);
    }
  }
  @keyframes width__anime {
    0% {
      width: min( max(95px, 7.656vw) , 147px);
    }
    100% {
      width: min( max(265px, 17.188vw) , 330px);
    }
  }
  @-webkit-keyframes width__anime2 {
    0% {
      width: min( max(265px, 17.188vw) , 330px);
    }
    100% {
      width: min( max(95px, 7.656vw) , 147px);
    }
  }
  @keyframes width__anime2 {
    0% {
      width: min( max(265px, 17.188vw) , 330px);
    }
    100% {
      width: min( max(95px, 7.656vw) , 147px);
    }
  }
}

.cod_sidebar .cod_subMenuAbsolute {
  left: min( max(130px, 8.438vw) , 162px) !important;
  position: absolute;
  display: none;
  box-shadow: 0px 3px 6px #46bcc929;
  border-radius: 12px;
  border: 0;
  background: white;
  padding: min( max(6px, 0.365vw) , 7px) 0;
}

.cod_sidebar .cod_subMenuAbsolute a {
  padding: min( max(6px, 0.469vw) , 9px) min( max(18px, 0.938vw) , 18px);
  text-decoration: none;
  color: #293450;
  font-size: min( max(16px, 0.833vw) , 16px);
  font-weight: 500;
}

.cod_sidebar .cod_subMenuAbsolute a:hover {
  background-color: var(--bg-secondary)14;
  color: var(--bg-secondary);
}

.cod_sidebar .cod_subMenuAbsolute a:hover img {
  -webkit-filter: brightness(0) saturate(100%) invert(63%) sepia(77%) saturate(5046%) hue-rotate(358deg) brightness(105%) contrast(100%);
          filter: brightness(0) saturate(100%) invert(63%) sepia(77%) saturate(5046%) hue-rotate(358deg) brightness(105%) contrast(100%);
}

@media (max-width: 992px) {
  .cod_sidebar .cod_subMenuAbsolute {
    display: none !important;
  }
}

.cod_sidebar .cod_minimize-btn {
  width: min( max(32px, 2.188vw) , 42px);
  height: min( max(32px, 2.188vw) , 42px);
  line-height: min( max(32px, 2.188vw) , 42px);
  border-radius: 50%;
  text-align: center;
  position: absolute;
  box-shadow: 0px 3px 6px #46BCC91A;
  background-color: white;
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
}

.cod_sidebar .cod_minimize-btn img {
  width: min( max(8px, 0.573vw) , 11px) !important;
  height: min( max(12px, 0.885vw) , 17px) !important;
}

.cod_sidebar .cod_logo {
  padding: min( max(24px, 1.901vw) , 36.5px) 0px min( max(24px, 1.901vw) , 36.5px) 0;
}

.cod_sidebar .cod_logo a {
  padding-left: min( max(20px, 1.667vw) , 32px);
}

.cod_sidebar .cod_logo a img {
  width: 47px;
  height: auto;
}

@media (min-width: 992px) {
  .cod_sidebar .cod_logo a img {
    width: min( max(150px, 9.74vw) , 187px);
    height: min( max(45px, 2.917vw) , 56px);
  }
}

.cod_sidebar ul {
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
  padding: 0;
  margin: 0;
}

.cod_sidebar ul::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}

.cod_sidebar ul li {
  list-style: none;
}

.cod_sidebar ul li.cod_user-profile {
  padding: 0 min( max(20px, 1.667vw) , 32px) 0px;
}

@media (min-width: 992px) {
  .cod_sidebar ul li.cod_user-profile {
    padding: 0 min( max(20px, 1.667vw) , 32px) 15px;
  }
}

.cod_sidebar ul li.cod_user-profile .accordion-header {
  margin-bottom: 11px;
}

@media (min-width: 992px) {
  .cod_sidebar ul li.cod_user-profile .accordion-header {
    margin-bottom: 0px;
  }
}

.cod_sidebar ul li.cod_user-profile .accordion-header .accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.11' height='9.449' viewBox='0 0 15.11 9.449'%3E%3Cpath id='arrow-right' d='M12.394,6l7.555,7.555L12.394,21.11,10.5,19.221l5.671-5.666L10.5,7.889Z' transform='translate(21.11 -10.5) rotate(90)' fill='%239fafb0' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
  background-size: auto;
  width: 14px;
  height: 9.45px;
}

.cod_sidebar ul li.cod_user-profile .accordion-header a {
  background-color: #FFFFFF;
  border-radius: 15px;
  padding: min( max(10px, 0.391vw) , 7.5px) min( max(18px, 0.833vw) , 16px);
  color: #293450;
  text-decoration: none;
  font-size: min( max(16px, 0.938vw) , 18px);
}

@media (min-width: 992px) {
  .cod_sidebar ul li.cod_user-profile .accordion-header a {
    background-color: #f1f9fa;
    border-radius: min( max(10px, 0.781vw) , 15px) min( max(10px, 0.781vw) , 15px) 0 0;
  }
}

.cod_sidebar ul li.cod_user-profile .accordion-header a.collapsed {
  border-radius: 15px;
}

@media (min-width: 992px) {
  .cod_sidebar ul li.cod_user-profile .accordion-header a.collapsed {
    background-color: #f1f9fa;
    border-radius: min( max(10px, 0.781vw) , 15px);
  }
}

.cod_sidebar ul li.cod_user-profile .accordion-header a .cod_img-box {
  width: min( max(36px, 2.604vw) , 50px);
  height: min( max(36px, 2.604vw) , 50px);
  line-height: min( max(36px, 2.604vw) , 50px);
  text-align: center;
  background-color: white;
  border-radius: 50%;
  margin-right: min( max(10px, 0.625vw) , 12px);
}

.cod_sidebar ul li.cod_user-profile .accordion-header a .cod_img-box img {
  height: min( max(20px, 1.563vw) , 30px);
  width: min( max(16px, 1.250vw) , 24px);
}

.cod_sidebar ul li .cod_inner-menu-list {
  white-space: nowrap;
  border-top: 1px solid #D8E9EB;
  border-radius: 15px;
  overflow: hidden;
  background-color: #FFFFFF;
  padding: min( max(6px, 0.365vw) , 7px) 0;
}

@media (min-width: 992px) {
  .cod_sidebar ul li .cod_inner-menu-list {
    background-color: #f1f9fa;
    border-radius: 0 0 min( max(10px, 0.781vw) , 15px) min( max(10px, 0.781vw) , 15px);
  }
}

.cod_sidebar ul li .cod_inner-menu-list a {
  padding: min( max(6px, 0.469vw) , 9px) min( max(18px, 0.938vw) , 18px);
  text-decoration: none;
  color: #293450;
  font-size: min( max(16px, 0.833vw) , 16px);
  font-weight: 500;
}

@media (min-width: 992px) {
  .cod_sidebar ul li .cod_inner-menu-list a {
    background-color: #f1f9fa;
  }
}

.cod_sidebar ul li .cod_inner-menu-list a .cod_img-box {
  width: min( max(25px, 1.875vw) , 36px);
  height: min( max(25px, 1.875vw) , 36px);
  line-height: min( max(25px, 1.875vw) , 36px);
  text-align: center;
  background-color: white;
  border-radius: 50%;
  margin-right: min( max(10px, 0.833vw) , 16px);
}

.cod_sidebar ul li .cod_inner-menu-list a .cod_img-box img {
  width: min( max(21px, 1.250vw) , 24px);
  height: min( max(20px, 1.146vw) , 22px);
}

.cod_sidebar ul li .cod_inner-menu-list .cod_add-kids {
  padding: min( max(6px, 0.313vw) , 6px) min( max(10px, 0.938vw) , 18px) min( max(10px, 0.677vw) , 13px) min( max(10px, 0.938vw) , 18px);
  background: #FFFFFF;
  font-weight: 600;
}

@media (min-width: 992px) {
  .cod_sidebar ul li .cod_inner-menu-list .cod_add-kids {
    background: #F1F9FA;
  }
}

.cod_sidebar ul li .cod_inner-menu-list .cod_add-kids .btn {
  padding: min( max(10px, 0.495vw) , 9.5px) min( max(10px, 0.677vw) , 13px);
  border-radius: min( max(8px, 0.417vw) , 8px);
  background: #DBECEE;
  font-size: min( max(14px, 0.729vw) , 14px);
}

.cod_sidebar ul li .cod_inner-menu-list .cod_add-kids .btn img {
  width: min( max(21px, 1.250vw) , 24px);
  height: min( max(16px, 0.990vw) , 19px);
}

.cod_sidebar ul li .cod_user-profile-dropdown {
  box-shadow: 0px 3px 6px #46BCC929;
  border-radius: 12px;
  border: 0;
  background: white;
  transform: translate3d(133px, 0px, 0px) !important;
  inset: unset !important;
  transform: unset !important;
  left: min( max(130px, 8.438vw) , 162px) !important;
  top: 0 !important;
}

.cod_sidebar ul li .cod_user-profile-dropdown li a {
  background: white;
}

.cod_sidebar ul li .cod_user-profile-dropdown li.cod_add-kids {
  background: white;
}

.cod_sidebar ul li .cod_user-profile-mobile {
  background-color: #F1F9FA;
  padding: 20px 0;
}

.cod_sidebar ul li .cod_user-profile-mobile a {
  border-radius: 50%;
  width: min( max(36px, 2.604vw) , 50px);
  height: min( max(36px, 2.604vw) , 50px);
}

.cod_sidebar ul li.cod_sidebar-item {
  display: flex;
  margin: 6px 0;
}

@media (min-width: 992px) {
  .cod_sidebar ul li.cod_sidebar-item {
    margin: 10px 0;
  }
}

.cod_sidebar ul li.cod_sidebar-item .cod_left-border {
  width: min( max(3px, 0.260vw) , 5px);
  border-radius: 0px min( max(8px, 0.417vw) , 8px) min( max(8px, 0.417vw) , 8px) 0px;
  background-color: transparent;
  flex-shrink: 0;
}

.cod_sidebar ul li.cod_sidebar-item a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #ffd5b5;
  font-size: min( max(16px, 0.938vw) , 18px);
  font-weight: 500;
  padding: min( max(2.5px, 0.130vw) , 2.5px) min( max(10px, 1.250vw) , 24px) min( max(2.5px, 0.130vw) , 2.5px) min( max(10px, 1.250vw) , 24px);
}

@media (min-width: 992px) {
  .cod_sidebar ul li.cod_sidebar-item a {
    color: #293450;
  }
}

.cod_sidebar ul li.cod_sidebar-item a img {
  width: min( max(35px, 2.344vw) , 45px);
  height: min( max(35px, 2.344vw) , 45px);
  min-width: 45px;
  min-height: 45px;
  margin-right: 6px;
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(82%) saturate(1507%) hue-rotate(298deg) brightness(106%) contrast(101%);
          filter: brightness(0) saturate(100%) invert(100%) sepia(82%) saturate(1507%) hue-rotate(298deg) brightness(106%) contrast(101%);
}

@media (min-width: 992px) {
  .cod_sidebar ul li.cod_sidebar-item a img {
    -webkit-filter: none;
            filter: none;
    min-width: 35px;
    min-height: 35px;
  }
}

.cod_sidebar ul li.cod_sidebar-item a span {
  padding-left: 6px;
}

.cod_sidebar ul li.cod_sidebar-item .accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.11' height='9.449' viewBox='0 0 15.11 9.449'%3E%3Cpath id='arrow-right' d='M12.394,6l7.555,7.555L12.394,21.11,10.5,19.221l5.671-5.666L10.5,7.889Z' transform='translate(21.11 -10.5) rotate(90)' fill='%239fafb0' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
  background-size: auto;
  width: 14px;
  height: 9.45px;
  position: absolute;
  right: 1rem;
}

.cod_sidebar ul li.cod_sidebar-item.active {
  background-color: #FFFFFF48;
}

@media (min-width: 992px) {
  .cod_sidebar ul li.cod_sidebar-item.active {
    background-color: var(--bg-secondary)14;
  }
}

.cod_sidebar ul li.cod_sidebar-item.active .cod_left-border {
  width: min( max(2px, 0.260vw) , 5px);
  border-radius: 0px min( max(8px, 0.417vw) , 8px) min( max(8px, 0.417vw) , 8px) 0px;
  background-color: var(--bg-secondary);
}

.cod_sidebar ul li.cod_sidebar-item.active .accordion-collapse {
  margin-left: min( max(-2px, -0.260vw) , -5px);
  background-color: #fff;
}

.cod_sidebar ul li.cod_sidebar-item.active .accordion-collapse .accordion-body {
  padding: min( max(2px, 0.781vw) , 15px);
  padding-left: 23px;
}

.cod_sidebar ul li.cod_sidebar-item.active .accordion-collapse .accordion-body .cod_inner-menu-list {
  border-radius: 12px;
  border: 0px;
  background-color: var(--bg-secondary)14;
  padding: min( max(10px, 0.781vw) , 15px);
}

.cod_sidebar ul li.cod_sidebar-item.active .accordion-collapse .accordion-body .cod_inner-menu-list .cod_submenu li {
  border-radius: 7px;
}

@media (min-width: 992px) {
  .cod_sidebar ul li.cod_sidebar-item.active .accordion-collapse .accordion-body .cod_inner-menu-list .cod_submenu li.active {
    background-color: #fff;
    box-shadow: 0px 2px 6px var(--bg-secondary)26;
  }
}

@media (min-width: 992px) {
  .cod_sidebar ul li.cod_sidebar-item.active .accordion-collapse .accordion-body .cod_inner-menu-list .cod_submenu li.active a {
    color: var(--bg-secondary);
  }
}

@media (min-width: 992px) {
  .cod_sidebar ul li.cod_sidebar-item.active .accordion-collapse .accordion-body .cod_inner-menu-list .cod_submenu li.active a img {
    -webkit-filter: brightness(0) saturate(100%) invert(63%) sepia(77%) saturate(5046%) hue-rotate(358deg) brightness(105%) contrast(100%);
            filter: brightness(0) saturate(100%) invert(63%) sepia(77%) saturate(5046%) hue-rotate(358deg) brightness(105%) contrast(100%);
  }
}

.cod_sidebar ul li.cod_sidebar-item.active .accordion-collapse .accordion-body .cod_inner-menu-list .cod_submenu a {
  color: #293450;
  padding: 0 10px;
}

.cod_sidebar ul li.cod_sidebar-item.active .accordion-collapse .accordion-body .cod_inner-menu-list .cod_submenu .cod_sub-img {
  width: min( max(26px, 1.563vw) , 30px);
}

.cod_sidebar ul li.cod_sidebar-item.active .accordion-collapse .accordion-body .cod_inner-menu-list .cod_submenu .cod_sub-img img {
  width: min( max(35px, 1.823vw) , 35px);
  height: min( max(35px, 1.823vw) , 35px);
  min-width: 35px;
  min-height: 35px;
  -webkit-filter: none;
          filter: none;
}

@media (min-width: 992px) {
  .cod_sidebar ul li.cod_sidebar-item.active .accordion-collapse .accordion-body .cod_inner-menu-list .cod_submenu .cod_sub-img img {
    width: 100%;
    min-width: unset;
    min-height: unset;
  }
}

.cod_sidebar ul li.cod_sidebar-item.active a {
  color: #fff3ea;
}

@media (min-width: 992px) {
  .cod_sidebar ul li.cod_sidebar-item.active a {
    color: var(--bg-secondary);
    background-color: transparent;
  }
}

.cod_sidebar ul li.cod_sidebar-item.active a img {
  -webkit-filter: brightness(0) saturate(100%) invert(94%) sepia(1%) saturate(1146%) hue-rotate(344deg) brightness(103%) contrast(102%);
          filter: brightness(0) saturate(100%) invert(94%) sepia(1%) saturate(1146%) hue-rotate(344deg) brightness(103%) contrast(102%);
}

@media (min-width: 992px) {
  .cod_sidebar ul li.cod_sidebar-item.active a img {
    -webkit-filter: brightness(0) saturate(100%) invert(63%) sepia(77%) saturate(5046%) hue-rotate(358deg) brightness(105%) contrast(100%);
            filter: brightness(0) saturate(100%) invert(63%) sepia(77%) saturate(5046%) hue-rotate(358deg) brightness(105%) contrast(100%);
  }
}

.cod_sidebar .cod_credit-btn {
  padding: 12px 25px 30px 25px;
}

@media (min-width: 992px) {
  .cod_sidebar .cod_credit-btn {
    padding: min( max(12px, 1.563vw) , 30px);
  }
}

.cod_sidebar .cod_credit-btn .btn {
  background: #00000030;
  border-radius: min( max(10px, 0.833vw) , 16px);
  color: #FFFFFF99;
  padding: min( max(15px, 0.938vw) , 18px) 10px;
  font-size: min( max(16px, 0.938vw) , 18px);
  font-weight: 500;
}

@media (min-width: 992px) {
  .cod_sidebar .cod_credit-btn .btn {
    background: var(--bg-secondary);
  }
}

.cod_sidebar .cod_credit-btn .btn span:nth-child(2) {
  color: #FFFFFF;
}

.roted-180 {
  transform: rotate(180deg);
  transition: transform 300ms;
}

.hide-tooltip .tooltip {
  display: none;
}

@media (max-width: 992px) {
  .cod_sidebar ul .cod_sidebar-item.active {
    background-color: #ff9d51 !important;
  }
  .cod_sidebar ul .cod_sidebar-item.active .accordion-collapse .accordion-body {
    background-color: var(--bg-secondary);
  }
  .cod_sidebar ul .cod_sidebar-item.active .accordion-collapse .accordion-body .cod_inner-menu-list {
    background-color: transparent !important;
    padding: 0 !important;
  }
  .cod_sidebar ul .cod_sidebar-item.active .accordion-collapse .accordion-body .cod_inner-menu-list .cod_submenu li a {
    padding: 5px 0;
    color: #ffd5b5;
  }
  .cod_sidebar ul .cod_sidebar-item.active .accordion-collapse .accordion-body .cod_inner-menu-list .cod_submenu li a .cod_sub-img {
    width: unset;
  }
  .cod_sidebar ul .cod_sidebar-item.active .accordion-collapse .accordion-body .cod_inner-menu-list .cod_submenu li a img {
    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(82%) saturate(1507%) hue-rotate(298deg) brightness(106%) contrast(101%) !important;
            filter: brightness(0) saturate(100%) invert(100%) sepia(82%) saturate(1507%) hue-rotate(298deg) brightness(106%) contrast(101%) !important;
  }
  .cod_sidebar ul .cod_sidebar-item .accordion-button::after {
    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(82%) saturate(1507%) hue-rotate(298deg) brightness(106%) contrast(101%) !important;
            filter: brightness(0) saturate(100%) invert(100%) sepia(82%) saturate(1507%) hue-rotate(298deg) brightness(106%) contrast(101%) !important;
  }
}

.cod_mobile-header {
  background-color: white;
  padding: 20px;
  box-shadow: 0px 3px 6px #46BCC91A;
}

.cod_topHeader {
  background-image: url("../images/header/bg-topheader.svg");
  background-size: cover;
  background-repeat: no-repeat;
}

.cod_topHeader-pink {
  background-image: url("../images/header/pink-banner.svg");
}

.cod_topHeader .cod_topHeaderLink:last-child .cod_popup, .cod_topHeader .cod_topHeaderLink:nth-child(3) .cod_popup {
  left: unset;
  right: -30px;
}

.cod_topHeader .cod_topHeaderLink:last-child .cod_popup::before, .cod_topHeader .cod_topHeaderLink:nth-child(3) .cod_popup::before {
  right: 25px;
  left: unset;
}

.cod_topHeader .cod_imgW {
  width: min(max(210px,18.073vw),347px);
}

.cod_topHeader .cod_paynow-btn {
  font-size: min(max(12px,0.833vw),16px);
  font-weight: bold;
  border-radius: min(max(4px,0.417vw),8px);
}

.cod_topHeader .cod_popup {
  width: 200px;
  padding: 1rem 2rem 1rem 1rem;
  color: #293450;
  font-weight: 500;
  left: -30px;
  top: 35px;
  text-align: left;
  box-shadow: 0px 3px 6px #46BCC929;
  display: none;
  z-index: 1;
  font-size: min(max(12px,0.833vw),16px);
}

@media (min-width: 992px) {
  .cod_topHeader .cod_popup {
    width: 350px;
  }
}

.cod_topHeader .cod_popup:before {
  content: "";
  width: 0px;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 14px solid #ffffff;
  top: -10px;
  position: absolute;
  left: 25px;
}

.cod_topHeader .cod_popup .cod_maxH200 {
  max-height: 200px;
  overflow-y: overlay;
}

.cod_topHeader .cod_popup i {
  font-size: min(max(16px,0.885vw),17px);
  line-height: 21px;
}

.cod_topHeader .cod_popup .cod_close {
  position: absolute;
  right: .5rem;
  top: .5rem;
}

@media (min-width: 992px) {
  .cod_topHeader .cod_popup .cod_close {
    right: 1rem;
    top: 1rem;
  }
}

.cod_bg-light-blue {
  background-color: #F1F9FA !important;
}

.cod_visitPage .accordion-button:focus {
  box-shadow: none;
}

.cod_visitPage .btn-secondary {
  font-size: min(max(14px,0.885vw),17px);
}

@media (max-width: 992px) {
  .cod_visitPage .m-4 {
    margin: .5rem !important;
  }
}

@media (max-width: 992px) {
  .cod_visitPage .mx-4 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
}

.cod_visitPage h3 {
  font-size: min(max(16px,1.458vw),28px);
  font-weight: bold;
  color: #293450;
}

.cod_visitPage .cod_topHeader a {
  font-size: min(max(11px,0.833vw),16px);
  font-weight: 700;
}

.cod_visitPage .cod_play {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: transparent;
  border-radius: 0px 0px 13px 13px;
  font-size: min(max(12px,0.677vw),13px) !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #293450;
}

@media (min-width: 992px) {
  .cod_visitPage .cod_play {
    background-color: #fff;
  }
}

.cod_visitPage .cod_play span {
  display: none;
}

@media (min-width: 992px) {
  .cod_visitPage .cod_play span {
    display: block;
  }
}

.cod_visitPage .cod_play img {
  float: right;
  width: 22px;
  margin: 0.1rem;
  margin-left: auto;
}

.cod_visitPage .cod_mainContent {
  box-shadow: 0px 3px 6px #46bcc91a;
}

.cod_visitPage .cod_mainContent .cod_main_tab .cod_divider {
  border-bottom: 1px solid #D8E9EB;
}

.cod_visitPage .cod_mainContent .cod_main_tab .tab-content #Past .cod_viewMore {
  font-size: min(max(12px,0.833vw),16px);
  font-weight: 600;
}

.cod_visitPage .cod_mainContent .cod_main_tab .nav-link {
  border: 0px;
  line-height: 2.8rem;
  padding: 0;
  padding-top: min(max(10px,0.781vw),15px);
  padding-bottom: min(max(10px,0.781vw),10px);
  margin: 0 1rem;
  color: #293450;
  opacity: 0.3;
  font-weight: 600;
  font-size: min(max(12px,0.938vw),18px);
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.cod_visitPage .cod_mainContent .cod_main_tab .nav-link .badge {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 22px;
  width: 22px;
  padding: 0;
}

.cod_visitPage .cod_mainContent .cod_main_tab .nav-link.active {
  border: 0px;
  position: relative;
  color: var(--bg-secondary);
  font-size: min(max(14px,1.042vw),20px);
  opacity: 1;
}

.cod_visitPage .cod_mainContent .cod_main_tab .nav-link.active:before {
  content: "";
  width: 100%;
  height: 8px;
  background-color: var(--bg-secondary);
  display: block;
  border-radius: 0 0 20px 20px;
  position: absolute;
  top: 0;
}

.cod_visitPage .cod_mainContent .cod_main_tab table th:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.cod_visitPage .cod_mainContent .cod_main_tab table th:last-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

.cod_visitPage .cod_mainContent .cod_main_tab table {
  font-size: min(max(14px,0.833vw),16px);
}

.cod_visitPage .cod_mainContent .cod_main_tab table thead {
  top: 0;
  position: -webkit-sticky;
  position: sticky;
  z-index: 1;
}

.cod_visitPage .cod_mainContent .cod_main_tab table th {
  padding: min(max(10px,0.729vw),14px);
  color: #8D96A5;
  font-weight: 500;
}

.cod_visitPage .cod_mainContent .cod_main_tab table td p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.cod_visitPage .cod_mainContent .cod_main_tab table tbody th, .cod_visitPage .cod_mainContent .cod_main_tab table tbody td {
  color: #293450;
  font-weight: 500;
  font-size: min(max(12px,0.833vw),16px);
  vertical-align: middle;
  cursor: pointer;
}

.cod_visitPage .cod_mainContent .cod_main_tab table tbody th a.badge, .cod_visitPage .cod_mainContent .cod_main_tab table tbody td a.badge {
  text-decoration: none;
  font-size: min(max(12px,0.833vw),16px);
  font-weight: 500;
  padding: 0.65em 0.85em;
}

.cod_visitPage .cod_mainContent .cod_main_tab table tbody th a.badge:hover, .cod_visitPage .cod_mainContent .cod_main_tab table tbody td a.badge:hover {
  color: #fff;
}

.cod_visitPage .cod_mainContent .cod_main_tab table tbody th a.bg-purple-light, .cod_visitPage .cod_mainContent .cod_main_tab table tbody td a.bg-purple-light {
  color: #29345099;
}

.cod_visitPage .cod_mainContent .cod_main_tab table tbody th a.bg-purple-light:hover, .cod_visitPage .cod_mainContent .cod_main_tab table tbody td a.bg-purple-light:hover {
  color: #29345099;
}

.cod_visitPage .cod_mainContent .cod_main_tab table .collapsing {
  transition: height 0s ease;
}

.cod_visitPage .cod_mainContent .cod_main_tab table .accordion-body h2 {
  font-size: min(max(16px,1.563vw),30px);
  font-weight: 600;
}

.cod_visitPage .cod_mainContent .cod_main_tab table .cod_minus {
  display: none;
}

@media (max-width: 992px) {
  .cod_visitPage .cod_mainContent .cod_main_tab table .cod_whitepop {
    padding: 5px;
    font-size: 10px;
  }
}

.cod_visitPage .cod_mainContent .bg-danger-light .cod_custom-select {
  position: relative;
  font-family: Arial;
}

.cod_visitPage .cod_mainContent .bg-danger-light .cod_custom-select select {
  display: none;
}

.cod_visitPage .cod_mainContent .bg-danger-light .cod_select-selected {
  background-color: transparent;
}

.cod_visitPage .cod_mainContent .bg-danger-light .cod_select-selected:after {
  position: absolute;
  content: "";
  top: 3px;
  right: 0;
  background-image: url(../images/visit/arrow-green.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  transform: rotate(90deg);
  -webkit-filter: brightness(0) saturate(100%) invert(27%) sepia(79%) saturate(2021%) hue-rotate(331deg) brightness(95%) contrast(100%);
  filter: brightness(0) saturate(100%) invert(27%) sepia(79%) saturate(2021%) hue-rotate(331deg) brightness(95%) contrast(100%);
}

.cod_visitPage .cod_mainContent .bg-danger-light .cod_select-selected.cod_select-arrow-active:after {
  transform: rotate(270deg);
  top: -2px;
}

.cod_visitPage .cod_mainContent .bg-danger-light .cod_select-selected {
  font-weight: 600;
}

.cod_visitPage .cod_mainContent .bg-danger-light .cod_select-items div, .cod_visitPage .cod_mainContent .bg-danger-light .cod_select-selected {
  color: #F12245;
  padding: 0 20px 0 0;
  border: 0px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  width: 140px;
  text-align: left;
}

.cod_visitPage .cod_mainContent .bg-danger-light .cod_select-items div {
  color: #293450;
}

.cod_visitPage .cod_mainContent .bg-danger-light .cod_select-items div:hover {
  background-color: #FDDEE3 !important;
  border-radius: 6px;
}

.cod_visitPage .cod_mainContent .bg-danger-light .cod_select-items {
  position: absolute;
  color: #293450;
  background-color: #fff;
  top: 24px;
  left: -10px;
  right: -12px;
  z-index: 99;
  padding: 0.5rem;
  border-radius: 8px;
  box-shadow: 3px 3px 6px #0000000d;
  border: 1px solid #29345017;
  border-radius: 6px;
}

.cod_visitPage .cod_mainContent .bg-danger-light .cod_select-items div {
  padding: 5px 10px;
}

.cod_visitPage .cod_mainContent .bg-danger-light .cod_select-hide {
  display: none;
}

.cod_visitPage .cod_mainContent .bg-danger-light .cod_select-items div:hover, .cod_visitPage .cod_mainContent .bg-danger-light .cod_same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}

.cod_visitPage .cod_mainContent .cod_progressbar {
  text-align: center;
  width: 100%;
  zoom: 1;
  margin: 0 auto;
}

@media (min-width: 992px) {
  .cod_visitPage .cod_mainContent .cod_progressbar {
    width: min(max(605px,2.083vw),715px);
  }
}

.cod_visitPage .cod_mainContent .cod_counter div {
  background-color: white;
  display: inline-block;
  border: 1px solid #adc0d9;
  border-radius: 50%;
  width: min(max(25px,2.083vw),40px);
  height: min(max(25px,2.083vw),40px);
  vertical-align: top;
  position: relative;
  z-index: 1;
}

.cod_visitPage .cod_mainContent .cod_counter td {
  cursor: pointer;
  text-align: center;
  position: relative;
}

.cod_visitPage .cod_mainContent .cod_counter span {
  position: absolute;
  top: 1em;
  left: -50%;
  width: 100%;
  border-top: 2px dashed #A8BDDA;
  z-index: 0;
}

@media (min-width: 992px) {
  .cod_visitPage .cod_mainContent .cod_counter span {
    left: -50%;
    width: 100%;
    border-top: 3px dashed #A8BDDA;
  }
}

.cod_visitPage .cod_mainContent .cod_progressbar .cod_active span {
  width: 100%;
}

@media (max-width: 992px) {
  .cod_visitPage .cod_mainContent .cod_progressbar .cod_active span {
    width: 71%;
    left: -37%;
  }
}

.cod_visitPage .cod_mainContent .cod_progressbar .cod_active
, .cod_visitPage .cod_mainContent .cod_progressbar .cod_active * {
  border-color: #44BB70;
}

.cod_visitPage .cod_mainContent .cod_progressbar .cod_active span {
  border-style: solid;
  border-bottom: 0px;
}

.cod_visitPage .cod_mainContent .cod_progressbar .cod_descriptions .cod_active .cod_whitepop {
  opacity: 1;
}

.cod_visitPage .cod_mainContent .cod_whitepop {
  background-color: #fff;
  border-radius: 8px;
  padding: 0.5rem 0.8rem;
  color: #293450;
  font-weight: 600 !important;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 20px auto;
  opacity: .5;
  position: relative;
  z-index: 2;
  z-index: 2;
  border: 1px solid #ddd;
  cursor: pointer;
}

.cod_visitPage .cod_mainContent .cod_process {
  transform: scale(2);
  background: #fff;
}

@media (min-width: 992px) {
  .cod_visitPage .cod_mainContent .cod_process {
    transform: scale(2.3);
    background: #fff;
  }
}

.cod_visitPage .cod_mainContent .cod_trackerArrow {
  position: absolute;
  top: -8px;
}

.cod_visitPage .cod_mainContent .cod_trackerIcon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.cod_visitPage .cod_mainContent .cod_paidPop {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 180px;
  left: 50%;
  margin: 0 auto;
  transform: translateX(-50%);
  display: none;
  font-size: min(max(10px,0.677vw),13px);
  z-index: 1;
}

@media (min-width: 992px) {
  .cod_visitPage .cod_mainContent .cod_paidPop {
    max-width: 460px;
    font-size: min(max(11px,0.781vw),15px);
  }
}

@media (min-width: 1495px) {
  .cod_visitPage .cod_mainContent .cod_paidPop {
    max-width: 590px;
  }
}

.cod_visitPage .cod_mainContent .cod_triangle {
  position: relative;
  background-color: #fff;
  text-align: left;
}

.cod_visitPage .cod_mainContent .cod_triangle:before,
.cod_visitPage .cod_mainContent .cod_triangle:after {
  content: '';
  position: absolute;
  background-color: inherit;
}

.cod_visitPage .cod_mainContent .cod_triangle,
.cod_visitPage .cod_mainContent .cod_triangle:before,
.cod_visitPage .cod_mainContent .cod_triangle:after {
  width: 10px;
  height: 10px;
  border-top-right-radius: 30%;
}

@media (min-width: 992px) {
  .cod_visitPage .cod_mainContent .cod_triangle,
  .cod_visitPage .cod_mainContent .cod_triangle:before,
  .cod_visitPage .cod_mainContent .cod_triangle:after {
    width: 12px;
    height: 12px;
  }
}

.cod_visitPage .cod_mainContent .cod_triangle {
  transform: rotate(0deg) skewX(-30deg) scale(1, 0.866);
  box-shadow: 1px 2px 9px #ddd;
  position: absolute;
  top: -25px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.cod_visitPage .cod_mainContent .cod_triangle:before {
  transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%);
}

.cod_visitPage .cod_mainContent .cod_triangle:after {
  transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%);
}

.cod_visitPage .cod_mainContent .cod_mobile_visit_accordion .cod_width120 {
  width: 120px;
}

.cod_visitPage .cod_mainContent .cod_mobile_visit_accordion .badge {
  line-height: unset;
  font-size: inherit;
  font-weight: 600;
}

.cod_visitPage .cod_mainContent .cod_mobile_visit_accordion .accordion-button {
  font-size: min(max(14px,0.885vw),17px);
  padding: 1rem .5rem 1rem 2rem;
  line-height: 22px;
  border-bottom: 1px solid #DEE7E9;
  box-shadow: none;
  font-weight: 600;
}

.cod_visitPage .cod_mainContent .cod_mobile_visit_accordion .accordion-button::after {
  position: absolute;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") no-repeat #E5F2F3;
  background-size: 14px;
  background-position: center;
  border-radius: 8px;
  padding: .8rem;
  left: 0px;
  transform: rotate(-90deg);
}

.cod_visitPage .cod_mainContent .cod_mobile_visit_accordion .accordion-button:not(.collapsed) {
  color: inherit;
  background-color: transparent;
}

.cod_visitPage .cod_mainContent .cod_mobile_visit_accordion .accordion-button:not(.collapsed)::after {
  transform: rotate(0deg);
}

.cod_visitPage .cod_mainContent .cod_mobile_visit_accordion .accordion-body {
  font-size: min(max(14px,0.885vw),17px);
  font-weight: 600;
}

.cod_visitPage .cod_mainContent .cod_mobile_visit_accordion .accordion-body h2 {
  font-size: 16px;
}

.cod_visitPage .cod_mainContent .cod_mobile_visit_accordion .cod_commonPaidPop {
  font-size: min(max(11px,0.938vw),18px);
}

.cod_visitPage .cod_mainContent .cod_no-m hr {
  margin: 0;
  background: #DEE7E9;
  opacity: 1;
}

.cod_visitPage .cod_whiteBox {
  background-color: #FFFFFF;
  color: #293450;
  border-radius: 8px;
  box-shadow: 0px 0px 8px #2A5DB321;
  padding: .5rem;
  font-size: min(max(12px,0.677vw),13px);
  max-width: 225px;
  display: none;
}

.cod_visitPage .cod_footer .cod_webAd {
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 100px;
  max-width: 100%;
  background-color: #000;
}

@media (max-height: 900px) {
  .cod_visitPage .cod_footer .cod_webAd {
    max-height: 50px;
  }
}

.cod_visitPage .cod_footer .close-icn {
  z-index: 10;
  width: 15px;
  height: 15px;
}

.cod_visitPage .past-visit-table tbody tr td {
  border-bottom: 1px solid #D8E9EB;
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.178);
  border-radius: 10px;
}

::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.151);
  border-radius: 10px;
}

.flex-1 {
  flex: 1;
}

.text-primary {
  color: var(--bg-secondary) !important;
}

.text-secondary {
  color: var(--bg-secondary) !important;
}

.text-danger {
  color: #F12245 !important;
}

.text-dark {
  color: #293450 !important;
}

.text-light {
  color: #29345080 !important;
}

.text-purple {
  color: #29345099 !important;
}

.bg-color {
  background-color: #F1F9FA;
}

.bg-primary {
  background-color: var(--bg-primary) !important;
}

.bg-secondary {
  background-color: var(--bg-secondary) !important;
}

.bg-primary-light {
  background-color: #D8F2F6 !important;
}

.bg-secondary-light {
  background-color: #fff4eb !important;
}

.bg-purple-light {
  background-color: #DCE5F0 !important;
}

.bg-danger-light {
  background-color: #F1224526 !important;
}

.bg-gray-light {
  background-color: #dddddd40;
}

.bg-transparent {
  background-color: transparent !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-none {
  background: none;
}

.btn-default {
  background-color: #DEE7E9 !important;
  border-color: #DEE7E9 !important;
  color: #293450 !important;
}

.btn-primary {
  background-color: var(--bg-primary) !important;
  border-color: var(--bg-primary) !important;
  color: #fff !important;
}

.btn-secondary {
  background-color: var(--bg-secondary) !important;
  border-color: var(--bg-secondary) !important;
}

.btn-outline-secondary {
  border-color: var(--bg-secondary) !important;
  color: var(--bg-secondary) !important;
}

.btn-outline-secondary:hover {
  background-color: transparent;
}

.btn-outline-primary {
  border-color: #46BCC9 !important;
  color: #46BCC9 !important;
}

.btn-outline-primary:hover {
  background-color: transparent;
}

.br-20 {
  border-radius: 20px;
}

.br-12 {
  border-radius: 12px !important;
}

.br-8 {
  border-radius: 8px;
}

.border-primary {
  border-color: #46BCC9 !important;
  border-width: 1px;
  border-style: solid;
}

.border-secondary {
  border-color: var(--bg-secondary) !important;
  border-width: 1px;
  border-style: solid;
}

.outline-none {
  outline: none !important;
}

@media (max-width: 576px) {
  .d-xs-none {
    display: none !important;
  }
}

@media (max-width: 576px) {
  .d-xs-flex {
    display: flex !important;
  }
}

@media (max-width: 576px) {
  .d-xs-block {
    display: block !important;
  }
}

@media (max-width: 576px) {
  .d-xs-inline {
    display: inline-block !important;
  }
}

@media (max-width: 576px) {
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
}

@media (max-width: 576px) {
  .ms-xs-0 {
    margin-left: 0 !important;
  }
}

@media (max-width: 576px) {
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
}

@media (max-width: 576px) {
  .pt-xs-2 {
    padding-top: 0.5rem !important;
  }
}

@media (max-width: 992px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
}

@media (max-width: 992px) {
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
}

@media (max-width: 992px) {
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
}

@media (max-width: 576px) {
  .mb-xs-3 {
    margin-bottom: 1rem !important;
  }
}

@media (max-width: 576px) {
  .mt-xs-2 {
    margin-top: 0.5rem !important;
  }
}

@media (max-width: 576px) {
  .my-xs-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
}

@media (max-width: 576px) {
  .col-xs-6 {
    flex: 0 0 auto;
    width: 50%;
  }
}

@media (max-width: 576px) {
  .flex-xs-wrap {
    flex-wrap: wrap !important;
  }
}

@media (max-width: 576px) {
  .w-xs-100 {
    width: 100% !important;
  }
}

@media (max-width: 576px) {
  .justify-content-xs-center {
    justify-content: center !important;
  }
}

@media (max-width: 576px) {
  .justify-content-xs-between {
    justify-content: space-between !important;
  }
}

@media (min-width: 992px) {
  .w-lg-75 {
    max-width: 75%;
  }
}

@media (min-width: 992px) {
  .w-lg-50 {
    max-width: 50%;
    width: 50%;
  }
}

@media (min-width: 992px) {
  .w-lg-25 {
    max-width: 25%;
    width: 25%;
  }
}

@media (min-width: 992px) {
  .order-lg-6 {
    order: 6 !important;
  }
}

@media (min-width: 992px) {
  .order-lg-7 {
    order: 7 !important;
  }
}

@media (min-width: 992px) {
  .order-lg-8 {
    order: 8 !important;
  }
}

@media (min-width: 992px) {
  .order-lg-9 {
    order: 9 !important;
  }
}

@media (max-width: 992px) {
  .order-md-6 {
    order: 6 !important;
  }
}

@media (max-width: 992px) {
  .order-md-7 {
    order: 7 !important;
  }
}

@media (max-width: 992px) {
  .order-md-8 {
    order: 8 !important;
  }
}

@media (max-width: 992px) {
  .order-md-9 {
    order: 9 !important;
  }
}

@media (max-width: 992px) {
  .text-md-wrap {
    white-space: pre-wrap !important;
  }
}

@media (max-width: 992px) {
  .align-items-sm-center {
    align-items: center !important;
  }
}

@media (max-width: 992px) {
  .d-sm-none {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .border-lg-top-left-0 {
    border-top-left-radius: 0 !important;
  }
}

@media (min-width: 992px) {
  .border-lg-bottom-left-0 {
    border-bottom-left-radius: 0 !important;
  }
}

@media (min-width: 992px) {
  .border-lg-top-right-0 {
    border-top-right-radius: 0 !important;
  }
}

@media (min-width: 992px) {
  .border-lg-bottom-right-0 {
    border-bottom-right-radius: 0 !important;
  }
}

@media (max-width: 992px) {
  .border-md-top-left-0 {
    border-top-left-radius: 0 !important;
  }
}

@media (max-width: 992px) {
  .border-md-bottom-left-0 {
    border-bottom-left-radius: 0 !important;
  }
}

@media (max-width: 992px) {
  .border-md-top-right-0 {
    border-top-right-radius: 0 !important;
  }
}

@media (max-width: 992px) {
  .border-md-bottom-right-0 {
    border-bottom-right-radius: 0 !important;
  }
}

.badge.bg-primary {
  background-color: var(--bg-primary) !important;
}

.badge.bg-secondary {
  background-color: var(--bg-secondary) !important;
}

.badge.bg-primary-light {
  background-color: #D8F2F6 !important;
}

.badge.bg-secondary-light {
  background-color: #fff4eb !important;
}

.badge.bg-purple-light {
  background-color: #DCE5F0 !important;
}

.pointer-cursor {
  cursor: pointer;
}

.pt-30 {
  padding-top: min(max(20px,1.563vw),30px);
}

.pb-30 {
  padding-bottom: min(max(20px,1.563vw),30px);
}

.f-small {
  font-size: min(max(12px,0.677vw),13px) !important;
}

.fw-600 {
  font-weight: 600;
}

.fw-500 {
  font-weight: 500;
}

/* end tracker-css */
/*end thank-you.html 27/3/2023 */



/* 30/3/2023 ad_illustrate_condition */
.forms_layout.summary_container.ad_illustrate_condition .main-content-mid .center_content_wrapper.drug_allergy.current_medication{
  max-width: 100%;
  width: 100%;
}
.ad_illustrate_condition .mid-content{
  justify-content: start !important;
}
/* .ad_illustrate_condition .main-content-mid .container .hightBg .mid-content {
  overflow: auto;
} */
/* grab-slider-css */
.imgList {
  display: flex;
  overflow-x: hidden;
  padding: 0;
  margin: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
          cursor: -webkit-grab;
          cursor: grab;
}

.imgList:hover {
  overflow-x: overlay;
}

.imgList li {
  min-width: min(max(200px,23.281vw),447px);
  max-width: 447px;
    margin: 0 1rem;
    
}
.imgList .item {
  position: relative;
  cursor: -webkit-grab;
    cursor: grab;
}
.imgList .item:not(:last-child()) {
  position: relative;
  margin-right: 16px;
}
.expand-icon {
  position: absolute;
  right: 2rem;
  top: 2rem;
  max-width: 40px;
}
.modal-inner{
  background: #fff;
  margin: 3rem;
  border-radius: 3rem;
  height: calc(100% - 6rem);
  overflow: auto;
}
.modal-inner img{
  width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.item span{
  font-size: min(max(16px,0.938vw),18px);

}
.item-label{
  position: relative;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  cursor: pointer;
}

.item-label img{
  height: min(max(160px,26.042vw),500px);
  width: min(max(200px,23.281vw),447px);
  -o-object-fit: cover;
     object-fit: cover;

}
.item-label .input{
  position: absolute;
  top: 2rem;
  left: 2rem;
  width: 28px;
  height: 28px;
  accent-color: var(--bg-secondary);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.item-label .input:before{
  background-color:#fff;
  width: 30px;
  height: 30px;
  content: "";
  display: block;
  position: absolute;
  border-radius: 5px;
  border:1px solid var(--bg-secondary);
  }
.item-label .input.active:before{
  background-color:var(--bg-secondary);
  width: 30px;
  height: 30px;
  content: "";
  display: block;
  position: absolute;
  border-radius: 5px;
  }
  .item-label .input.active:after{
    content: "";
    display: block;
    position: absolute;
    border-radius: 3px 0px 0px 0px;
    width: 13px;
    height: 20px;
    border: solid white;
    border-width: 0 5px 5px 0;
    transform: rotate(45deg)translateY(-25%)translateX(-100%) scale(.8);
    transform-origin: center;
    top: 50%;
    left: 48%;
    
    }
    .close-modal{
      position: absolute;
    right: 4rem;
    top: 4rem;
    z-index: 1;
    }
.britnesse{
-webkit-filter: brightness(.5);
        filter: brightness(.5);
}
.scaling{
  transform: scale(2);
  transition: all .2s linear 0s;
}
.zoom{
  height: 100%;
}
@media (max-width:768px) {
  .uploadScreen label {
      font: normal normal bold 13px/18px Lato;
      width: 80px;
  }
  .item-label img{
    width: 100%;
  }
  .imgList .item{
    max-width: 100%;
  }
  .imgList li {
      min-width: 150px;
      margin-right: 16px;
      margin-bottom: 2rem;
  }
  .modal-inner img{
    height: 100%;
    
  }
}
@media (max-width:576px) {
  .imgList li {
      min-width: 100px;
      margin-right: 16px;
  }


  .d-xs-none {
      display: none;
  }
}
@media (height>2000px) {
  .modal-inner img{
    height: 100%;
  }
}


/* end 30/3/2023 ad_illustrate_condition */



/* select-prefer-medication */


.prefer_medication .bg-secondary-light > .containerC{
  font-size: min(max(16px,1.042vw),20px);
}
.prefer_medication .bg-light-blu {
    background-color: #F1F9FA !important;
    border-radius: 7px;
}
.prefer_medication .checkbox-detail .containerC{
  width: 90px;
  font-size: min(max(14px,0.938vw),18px);
}
.br-26{
  border-radius: 26px;
}
.prefer_medication .checkbox-detail .info-popup{
  box-shadow: 0px 4px 10px #0000001A;
border-radius: 6px;
width: 320px;
right: 0;
display: none;
z-index: 1;
}
.prefer_medication .checkbox-detail .info-hover:hover .info-popup{
  display: block;

}
.prefer_medication .checkbox-detail .info-hover,.prefer_medication .checkbox-detail button{
  font-size: min(max(14px,0.938vw),18px);
}
.prefer_medication .checkbox-detail h5{
  font-size: min(max(14px,0.938vw),18px);
color: #757575;
}
.prefer_medication .checkbox-detail.closed{
display: none;
}
.prefer_medication .checkbox-detail .selection .border-1{
  border: 1px solid #000000;
border-radius: 6px;
padding: 0px 5px;
}
.prefer_medication .checkbox-detail .selection p{
  font-size: min(max(14px,0.938vw),18px);
  font-weight: 600;
}
.prefer_medication .checkbox-detail > div{
  margin-bottom:20px;
}
.prefer_medication .checkbox-detail .purchase-duration .containerC{
  width: 100%;
  margin-bottom: 15px;
}
.prefer_medication .checkbox-detail .purchase-duration .info-popup{
  left:-580%
}
.prefer_medication .checkbox-detail .payment-option h4{
  font-size: min(max(16px,0.938vw),18px);

}
.text-elipse{
  text-overflow: ellipsis;
    overflow: hidden;
    /* max-width: 60%; */
}
.btn-secondary:hover{
  color: #fff;
}
.prefer_medication .dropdown-menu{
  width: 460px;
    right: 0;
    left: auto;
}
.prefer_medication .dropdown-menu li p,.prefer_medication .dropdown-menu li div,.prefer_medication .dropdown-menu li label{
  font-size: min(max(13px,0.833vw),16px);
}
.prefer_medication .dropdown-menu li a.btn{
  font-size: min(max(16px,0.938vw),18px);
}
.mw-70{
  max-width: 70%;
}
@media (width < 576px){
  .prefer_medication .checkbox-detail .info-popup{
    width:200px;
  }
  .prefer_medication .dropdown-menu{
    width: 400px;
  }
}
@media (width < 428px){
.prefer_medication .dropdown-menu{
  width: 300px;
}
}
/* end 4/4/2023 select-prefer-medication */

/* drug-allergy 17/4/2023 */
.notice{
  border-color: var(--bg-gray-light) !important;
}
.notice h4{
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border-radius: 5px;
  font-size: min(max(18px,1.042vw),20px);
  font-weight: 800;
}
.notice li{
  font-size: min(max(14px,0.833vw),16px);
  font-weight: 600;
  align-items: start;
  
}
/* end 17/4/2023 */


/* start delivery css 18/04/2023 */
.forms_layout.summary_container .main-content-mid .center_content_wrapper.delivery_info{
  width: 95%;
}
.delivery_info .delivery-box.orange
{
background-color: var(--bg-gray-light);
padding: .9rem;
border-radius: min(max(8px,0.625vw),12px);
}
.delivery_info .delivery-box.blue{
  background-color: #DFF5F7;
padding: .9rem;
border-radius: min(max(8px,0.625vw),12px);
}
.delivery_info .delivery-box{
  background-color: var(--bg-gray-light);
  padding: .9rem;
  border-radius: min(max(8px,0.625vw),12px);
 
  }
.delivery_info .delivery-box .count{
  padding: 3px 9px;
  border-radius: 50%;
  color: #fff;
  font-weight: 700;
  background-color: #000000;
  margin-right: .8rem;
}
.delivery_info .delivery_title{
  padding: 3px 9px;
  font-size: min(max(18px,1.041vw),20px);
}
.delivery_info .delivery_sub{
  color: #071A23;
  font-size: min(max(15px,0.938vw),18px);
  font-weight: 500;
}
.delivery-listingbox{
  padding-top: min(max(10px,0.78vw),15px);
  padding-bottom: min(max(10px,0.78vw),15px);
  border: 1px solid var(--bg-primary)66;
  border-radius: min(max(8px,0.625vw),12px);
  background-color: #fff;
  margin-top: 12px;
}
.delivery_info .optional{
  padding: min(max(10px,0.78vw),15px);
  background-color: #000000;
  border-radius: min(max(8px,0.625vw),12px);
  margin-top: 12px;
  color: #fff;
}
.delivery_info .optional .check-container{
  font-size: min(max(14px,0.78vw),16px);
font-weight: 700;
color: #FFF;
padding-left: min(max(25px,1.82vw),35px);
}
.delivery_info .optional .check-container .checkmark{
  width: min(max(20px,1.56vw),30px);
  height: min(max(20px,1.56vw),30px);
  border: 1px solid #fff;
  border-radius: 50%;
  top: 50%;
}
.delivery_info .optional .common_checkbox input:checked~.checkmark{
  background-color: #fff;
}
.delivery_info .optional .check-container .checkmark::after{
  content: "";
    border-radius: 0;
    border: 0;
    color: #000;
    font-weight: 800;
    font-size: 20px;
    background-image: url(../images/crossradio.svg);
    top: 50%;
    background-position: center;
    background-repeat: no-repeat;
    left: 50%;
    transform: translate(-50%, -50%);
}
.delivery_info .optional  .optional-text{
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.7);
  font-size: min(max(12px,0.729vw),14px);
}
.delivery-listingbox .list-item{
  padding: min(max(10px,0.78vw),15px);
  border-bottom: 1px solid rgba(112 , 112 , 112 , 0.2)
}
.delivery-listingbox .list-item:last-child{
  border-bottom: 0;
}
.delivery-listingbox .list_title{
  font-size: min(max(15px,0.938vw),18px);
  padding: 0 min(max(10px,0.78vw),15px);;
  font-weight: bold;
  color: #000000;
  margin: 0;
  /* margin-bottom: 1rem; */
}
.delivery-listingbox .check-container{
font-size: min(max(14px,0.78vw),16px);
font-weight: 700;
color: #071A23;
padding-left: min(max(25px,1.82vw),35px);
}
.delivery-listingbox .check-container.common_checkbox .checkmark{
  top: 50%;
  width: min(max(20px,1.56vw),30px);
  height: min(max(20px,1.56vw),30px);
}
.delivery-listingbox .check-container.common_checkbox .checkmark:after {
  top: 45%;
  width: 8px;
  height: 13px;
  border-width: 0 3px 3px 0;
  border-radius: 1px;
}
.delivery-listingbox .consultation_cta{
  font-size: min(max(14px,0.78vw),16px);
}
.delivery-listingbox .list_body-para{
  font-size: min(max(14px,0.78vw),16px);
font-weight: 500;
color: #071A23;
margin-bottom: 0;
}
.delivery-radio [type="radio"]:checked, .delivery-radio  [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
  visibility: 0;
}
.delivery-radio [type="radio"]:checked + label, .delivery-radio  [type="radio"]:not(:checked) + label{
  position: relative;
    padding-left: 24px;
    cursor: pointer;
    line-height: 24px;
    display: inline-block;
    color: #2C314A;
    font-size: 14px;
    font-weight: 700;
}
.delivery-radio [type="radio"]:checked + label{
  font-size: 16px !important;
}
.delivery-radio  [type="radio"]:not(:checked) + label:before , .delivery-radio [type="radio"]:checked + label:before{
  content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    border: 1px solid var(--bg-secondary);
    border-radius: 100%;
    background: #fff;
}
.delivery-radio [type="radio"]:checked + label:after, .delivery-radio [type="radio"]:not(:checked) + label:after {
  content: '';
  width: 10px;
  height: 10px;
  background: var(--bg-secondary);
  position: absolute;
  top: 7px;
  left: 5px;
  border-radius: 100%;
  transition: all 0.2s ease;
}
.delivery-radio  [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.delivery-radio  [type="radio"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
.subscribe-box{
  border: 0;
}
.subscribe-box.collapsed{
  background-color: rgba(149, 222, 228, 1);
  
}
.delivary_modal .delivery_modal-para{
color: #071A23;
font-size: min(max(14px,0.78vw),16px);
}
.delivary_modal .benefit_lists h5{
  font-size: min(max(18px,1.04vw),20px);
  font-weight: bold;
  color: #000000;
  margin-bottom: 1rem;
}
.delivary_modal .benefit_lists ul{
  list-style: none !important;
  padding-left: 15px;
}
.delivary_modal .benefit_lists li{
  color: #071A23;
font-size: min(max(14px,0.78vw),16px);
margin-bottom: 10px;
}
.delivary_modal .benefit_lists li::marker{
  content: url(../images/check.svg) !important;
}
/* css end 20-04-2023 */


/* new-checkout in pre_checkout_flow.html 8/5/2023 */
.payment-method .payment-opt .btn{
padding: 1rem 1.5rem;
  padding-right: 4rem;
  background-color: white !important;
  color: #071A23;
  font-size: min(max(15px,1.094vw),21px);
  border: 1px solid #E4E4E4 !important;
  font-family: 'Lato';
  font-weight: 600;
border-radius: 7px !important;
}
.payment-method .dropdown.payment-opt.open .btn{
  color: #071A23;

}
.payment-method .payment-opt-title{
  width:  min(max(134px,10.938vw),210px);
  position: relative;
}
.payment-method .payment-opt .dropdown-menu>li>a{
  font-size: min(max(14px,0.938vw),18px);
  font-weight: 500;
  font-family: 'Lato';
}
.payment-method .payment-opt .dropdown-menu{
  box-shadow: 0px 5px 30px #0000001A;
  border-radius: 7px;
  border: 0px;
}
.payment-method .border-bottom-radius-0{
  border-radius: 2rem 2rem 0 0 !important;
  font-size: min(max(15px,1.094vw),21px);
}
.payment-method .store-credit label{
  font-size: min(max(15px,1.094vw),21px) !important;
}
.payment-method .border-top-left-radius-0{
  border-top-left-radius: 0 !important;
}
.payment-method .pb-0{
  padding-bottom: 0 !important;
}
.payment-method .payment-opt-label {
  position:absolute;
  margin: 0;
  z-index: 1;
  left: 0;
  right: 20%;
  text-align: center;
  top: 50%;
  font-size: min(max(18px,1.094vw),21px);
  transform: translateY(-50%);
}
.payment-method .payment-opt .btn .caret {
  margin-left: 0;
  background-image: url(https://design.callondoc.com/newhtmldesign/doctor_dashboard/images/angle_down_blue.svg);
  border: 0px;
  background-repeat: no-repeat;
  background-size: 10px;
  height: 10px;
  width: 10px;
  top: 50%;
  transform: translateY(-24%);
}
.payment-method .bg-yellow{
  background-color: #FFC43A;
}
.payment-method .btn-yellow .btn{
  font-size: min(max(16px,1.094vw),21px);
font-weight: 600;
color: #000000;
border-radius: 10rem;
}
.payment-method .btn-yellow .btn img{
  max-width: min(max(57px,4.167vw),80px);
}
.payment-method .box-card-details .bg-grey{
 width: min(max(20px,1.354vw),26px);
    height: min(max(20px,1.354vw),26px);
    display: block;
    flex-shrink: 0;
    text-align: center;
  font-size: min(max(12px,0.729vw),14px);

}
 .payment-method .box-card-title{
  font-size: min(max(14px,0.938vw),18px);
}
.payment-method .box-card-details p{
  font-size: min(max(12px,0.729vw),14px);

}
.payment-method .bg-black{
  background-color: #000;;
}
.payment-method .btn-black .btn{
  font-size: min(max(16px,1.094vw),21px);
font-weight: 600;
color: #fff;
border-radius: 10rem;
}
.payment-method .btn-black .btn img{
  max-width: min(max(40px,3.125vw),60px);
  -webkit-filter: invert(100%) sepia(0%) saturate(7491%) hue-rotate(183deg) brightness(97%) contrast(100%);
          filter: invert(100%) sepia(0%) saturate(7491%) hue-rotate(183deg) brightness(97%) contrast(100%);
}
/*end new-checkout in pre_checkout_flow.html 8/5/2023 */


/* how to new section 05-05-2023 */
.how-it-works .main-content-mid .container .hightBg .gray-hrader{
  background-color: #f8f8f8 !important;
  padding: 10px !important;
}
.how_heading{
  color: var(--bg-secondary);
    font-size: 2rem;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 700;
    
}
.how_heading span{
  height: 4px;
    width: 95px;
    border-radius: 50px;
    margin: auto;
    margin-top: 10px;
    background-color: #ff9841;
    display: block;
    margin-top: 20px;
}
@media(max-width:768px){
  .how_heading{
    font-size: 26px;

  }
}
.how-it-works-wrapper{
  /* box-shadow: 0px 14px 27px #0000000D; */
border-radius: 24px;
position:relative;
margin:  0 15px;
z-index: 0;
}
.how-it-works-wrapper h5{
  font-size: min(max(20px,1.25vw),24px);
  font-weight: 700;
}
.how-it-works-wrapper::before{
  content: "";
  width: 100%;
  height: 75%;
  position: absolute;
  box-shadow: 0px 14px 27px #0000000D;
  border-radius: 24px;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

.how-it-works-wrapper .readmore{
  color: rgba(41, 52, 80 , 0.6);
  font-weight: 700;
  font-size:min(max(14px, 0.83vw), 16px);
  cursor: pointer;
}
@media(max-width:991px){
  .how_heading span{
    margin-top: 10px;
  }
  .how-it-works-wrapper{
    display: flex;
    align-items: flex-start;
    padding: .8rem;
    margin: 0;
  }
  .how-it-works-wrapper::before{
    height: 100%;
  }
  .how-img-1 img{
    max-width: 85px;
  }
  .how-it-works-wrapper .steps-text{
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all ease-in-out 2s ;
  }
  .how-it-works-wrapper .steps-text.active{
line-clamp: unset;
-webkit-line-clamp: unset;
overflow:unset;
-webkit-box-orient: unset;
text-overflow: unset;
display: block
  }
  
}
.how-it-text-box .steps-text{
color: rgba(41, 52, 80 , 0.6);
font-size: min(max(14px, 1.041vw), 20px);
line-height: min(max(21px, 1.66vw), 32px);
/* 
box-shadow: 0px 14px 27px #0000000D;
border-radius: 24px; */
}

/* 22/5/2023 */
.prefer_medication .summary_inner_heading h3{
  font-size: min(max(22px,1.667vw),32px);
}
.prefer_medication .summary_inner_heading h5{
  font-size: min(max(16px,1.042vw),20px);
}
.prefer_medication label{
  font-size: min(max(14px,0.938vw),18px);
  opacity:.6;
  margin-bottom: 15px;
}
.present_location .COD_custom-selectbox{
  min-width: 200px;
  max-width: 400px;
}
.present_location .COD_custom-selectbox .select2-container--default .select2-selection--single{
  border: 1px solid var(--bg-secondary);
  border-radius: 10px;
}
.prefer_medication.present_location .mid-content .w-100{
max-width:946px
}
.prefer_medication .state-box{
  margin: 30px 0;
}
.prefer_medication .state-box > div{
  border-color: var(--bg-primary-light) !important;
  max-width: 130px;
  min-width: 120px;
  border: 1px solid;
  font-size: min(max(12px,0.729vw),14px);
  text-align: center;
  margin: 5px;
}
.prefer_medication .state-box > div:hover{
background-color: var(--bg-primary-light);;
cursor: pointer;
}
.prefer_medication .error-msg{
color: #E33B3B;
font-size: min(max(12px,0.729vw),14px);
margin: auto;
margin-top: 12px;

}
.prefer_medication .coming{
  font-size: min(max(16px,1.042vw),20px);
  opacity:.6;
}
.prefer_medication .coming-box{
  margin-top: 15px;
}
.prefer_medication .coming-box > div{
  border-color:var(--bg-gray-light) !important;
}
.prefer_medication .coming-box > div:hover{
  background-color:var(--bg-gray-light) !important;

}
.location-modal .modal-dialog{
  max-width: 480px;
}
.location-modal .modal-content{
  border-radius: min(max(18px, 1.354vw), 26px);
  margin: auto 1rem;
}
.location-modal img{
  margin: auto;
  width: auto;
}
.bg-light-gray{
  background-color: #F5F5F5;
}
.location-modal .bg-light-gray p > span{
  background-color: #000;
  color: #fff;
  display: inline-block;
  border-radius: 5px;
  line-height: 16px;
  padding: 0 2px;
  margin-right: 2px;
  opacity: 1;
}
.location-modal .close-modal{
  right: 2rem;
  top: 2rem;
}
.location-modal .bg-light-gray p{
  font-size:min(max(12px, 0.83vw), 16px);
  line-height: 24px;
  text-align: center;
  opacity: .6;
}
.location-modal p{
  font-size:min(max(14px, 0.938vw), 18px);
  line-height: 24px;
  font-weight: 600;
}
.location-modal .btn{
  font-size: min(max(14px,0.938vw),18px);
text-transform: uppercase;
border-radius: 3rem;
color: #fff;
font-weight: 600;
width: 35%;
min-width: 100px;margin-bottom: 15px;
}
.location-modal .modal-body h2{
  font-size: min(max(18px,1.458vw),28px);
  font-weight: 600;
margin-bottom: 25px;
margin-top: 20px;
}
.opacity-6{
  opacity: .6;
}
/*end 22/5/2023 */

/* 23/5/2023 */
.administerTreatment  .main-content-mid .center_content_wrapper.drug_allergy.terms-width{
  max-width: 100% !important;
  width: 100%;
}
.administerTreatment  .main-content-mid .center_content_wrapper.drug_allergy .containerC {
  font-size: min(max(12px,1.042vw),20px);
}
.administerTreatment  .main-content-mid .center_content_wrapper.drug_allergy .title__text-small {
  font-size: 22px;
  margin-bottom: min(max(25px,1.563vw),30px) !important;
}
.administerTreatment .main-content-mid .center_content_wrapper.drug_allergy .containerC{
  margin-bottom: min(max(20px,1.563vw),30px) !important;
}
@media (min-width: 1800px){

  .administerTreatment  .main-content-mid .center_content_wrapper.drug_allergy .title__text-small {
    font-size: 36px;
  }
}
/*end 23/5/2023 */

/* new css for agreement 22-06-2023 */

.agreement_treetment .main-content-mid .center_content_wrapper.drug_allergy.terms-width{
  max-width: 100% !important;
    width: 100%;

}

@media (min-width:768px) {
  .agreement_treetment_scroll.agreement_treetment.forms_layout .main-content-mid .center_content_wrapper{
    width: 80%;
    max-width:930px !important;
    margin: auto;
  } 
}
.agreement_treetment_scroll .agreemnet__list{
height:  min(max(380px, 23.43vw),450px);

border-radius: 10px;
overflow-y: scroll;
padding: min(max(15px, 1.30vw),25px) !important;
}
.agreement_treetment_scroll .agreemnet-mobile{
  border: 1px solid #E5E5E5;
  border-radius: 10px;
}
.agreement_treetment .drug_allergy .checkmark{
  width: 20px;
  height: 20px;
  top: 3px;
}
.agreement_treetment .drug_allergy .containerC{
  padding-left: 3rem;
}
.agreement_treetment .agreemnet__list .agreement__terms{
margin-bottom: min(max(15px, 1.041vw), 20px);
font-size:  min(max(14px, 1.041vw), 20px);
color: #071A23;
position: relative;
padding-left: 18px;
line-height: 22px;
}
.agreement_treetment .agreemnet__list .agreement__terms::before{
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  top: 8px;
  left: 0;
  background-color: var(--bg-primary);
}
.agreement_treetment.forms_layout_new .trigger_button.trigger_back{
  background-color: #E7E7E7;
  color: #071A23;
}
.agreement_treetment.forms_layout_new .trigger_button{
  color: #fff;
  background-color: var(--bg-primary);
  border-radius: 50rem;
  padding: 10px 20px;
  font-size: 16px;
}
/* new css for agreement 22-06-2023 ends */

/* new insurance module */


.new_insurance_m.mid-content {
    max-width: 900px;
    margin: auto;
    font-family: 'Lato', 'LatoReg', sans-serif;
}
.new_insurance_m .title__text-small{
  font-size:min(max(22px,1.667vw),32px);
    margin:1rem auto;
}
.forms_layout.summary_container .set__wrapper_overflow .mid-content.new_insurance_m{
/* justify-content: center; */
margin: auto;
}
.new_insurance_m .patient_detail label{
  font-size: min(max(16px,0.938vw),18px);

}
.new_insurance_m .patient_detail h5{
  font-size: 18px;
}
.new_insurance_m .patient_detail h5 span{
  font-size: min(max(14px,0.833vw),16px);
  opacity: .7;
}
.new_insurance_m .relationship-status{
  font-size: 16px;
}
.new_insurance_m .COD_custom-selectbox .select2-container--default .select2-selection--single{
border: 1px solid transparent;
}
.new_insurance_m .COD_custom-selectbox.error .select2-container--default .select2-selection--single{
  border: 1px solid #E33B3B;
  }
.new_insurance_m .select2-dropdown{
  border: 0px !important;
    box-shadow: 0px 20px 50px #0000000D;
    border-radius: 1rem !important;
    padding: 1rem;
}
.new_insurance_m input.form-control{
  border: 0px;
  height: 44px;
  box-shadow: none;
}
.new_insurance_m .logo-list > div{
  display: flex;
    justify-content: center;
    width: 180px;
}
.new_insurance_m .logo-list > div > div{
  display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.new_insurance_m .bottom-detail button{
  font-size: min(max(14px,0.938vw),18px);
  padding: 0.5rem 3rem;
}
.new_insurance_m .bottom-detail p{
  font-size:14px;
  color: #000000;
}
.new_insurance_m .or-diff{
  font-size: min(max(14px,0.833vw),16px);
  color: #000000;
}
.new_insurance_m.mid-content .summary_inner_heading h5{
  font-size: min(max(14px,0.833vw),16px);
  margin-bottom: 30px;
  color: #6A757B;
}
.new_insurance_m.mid-content  h5{
  font-size: min(max(14px,0.833vw),16px);
  color: #000;
}
.new_insurance_m.mid-content .checkmark{
  /* top: 3px;
  transform: none; */
}
.new_insurance_m.mid-content .all-detail label{
  font-size: min(max(14px,0.833vw),16px);
  color: #000000;
  width: 200px;
}
.new_insurance_m.mid-content .all-detail p{
  font-size: min(max(14px,0.833vw),16px);
  color: #000000;
}
.new_insurance_m.mid-content .agreement_treetment .agreemnet__list .agreement__terms{
  font-size: min(max(14px,0.833vw),16px);
}
.new_insurance_m.mid-content .agreement_treetment label{
  font-size: min(max(16px,0.938vw),18px);
  font-weight: 800;
}
.new_insurance_m.mid-content .box-shadow{
  box-shadow: 0px 10px 50px #0000000D;
  max-width: 690px;
  margin: auto;
  padding: min(max(20px,1.302vw),25px);
}
.new_insurance_m.mid-content .agreement-box{
  padding: 25px;
}
.new_insurance_m.mid-content .agreement-box p{
  font-size: min(max(14px,0.833vw),16px);
  line-height: 24px;
}
.border-1{
  border: 1px solid;
}
.new_insurance_m.mid-content .br-15{
 border-radius: min(max(10px,0.833vw),16px);
}
.mid-content .checkmark.round_checkmark{
  border-radius: 50%;
}
.containerC .checkmark.round_checkmark:after{
  left: 50%;
    top: 50%;
  /* width: min(max(17px,1.406vw),27px); */
  /* height: min(max(17px,1.406vw),27px); */
  width: 100%;
  height: 100%;
  border: solid white;
  border-width: 3px;
  transform: translateX(-50%) translateY(-50%);
  border-radius: 50%;
}

.price-text{
  color:#fff;
  background-color: var(--bg-primary);
  border-radius: 3rem;
  padding: .5rem 1rem;
  width:-webkit-max-content;
  width:-moz-max-content;
  width:max-content;
  font-size:  min(max(16px, 1.041vw), 20px);
  font-weight: 600;
}
.price-text span{
  font-size: min(max(12px,0.833vw),16px);

}

@media  (max-width: 991px){

  .new_insurance_m.mid-content {
    justify-content: start !important;
  }
  .new_insurance_m .patient_detail h5 b{
    width: 100%;
    display: block;
    margin-bottom: 0.5rem;
  } 
.new_insurance_m .logo-list > div{
  width: 100%;
  margin: 0.5rem !important;
  max-width: 189px;
  }
  .new_insurance_m .bottom-detail{
    max-width: 70%;
    margin: 0rem auto;
  }
  .all-detail label{
    width: 150px;
  }
  .new_insurance_m.mid-content .agreement-box{
    padding: 1rem;
  }
}
@media (min-width: 992px){
  .w-lg-80{
    max-width: 80%;
  }
  .flex-lg-nowrap{
    flex-wrap: nowrap;
  }
}
@media (max-width:427px){
  .new_insurance_m .logo-list > div{
    width: 46%;
    }
}
/* end new insurance module */



/* new css for home pharmacy */
.home_pharmacy {
  font-family: "Lato" !important;
  max-width: 100% !important;
  width: 100% !important;
  margin-top: 0 !important;
}
.pre_checkout_flow.home_pharmacy   .mid-content{
  max-width: 690px;
}
.home_pharmacy .summary_inner_heading h3{
  font-size: min(max(22px,1.667vw),32px);
  line-height: min(max(28px,1.875vw),36px);
  color: #000000;
}
.home_pharmacy  .sub-title{
  color: #6A757B;
}
/* radiobutton code */
.home_pharmacy  input[type="radio"]{
  transform: scale(1.4);
  accent-color: #289da7;
}
.home_pharmacy  [type="radio"]:checked,
.home_pharmacy  [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.home_pharmacy  [type="radio"]:checked + label,
.home_pharmacy  [type="radio"]:not(:checked) + label
{
  position: relative;
  padding-left: 38px;
  cursor: pointer;
  line-height: 24px;
  display: inline-block;
  color: #2C314A;
  font-size: 16px;
}
.home_pharmacy  [type="radio"]:checked + label:before,
.home_pharmacy  [type="radio"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: 1px solid var(--bg-secondary);
  border-radius: 100%;
  background: #fff;
}

.home_pharmacy  [type="radio"]:checked + label:after,
.home_pharmacy  [type="radio"]:not(:checked) + label:after {
  content: '';
  width: 9px;
    height: 3px;
    background: var(--bg-secondary);
    position: absolute;
    top: 50%;
    left: 5.5px;
    border-radius: 0;
    transition: all 0.2s ease;
    
 
}
.home_pharmacy  [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  transform:translateY(-50%) scale(0);
}
.home_pharmacy  [type="radio"]:checked + label:after {
  opacity: 1;
  transform:translateY(-50%) scale(1);
}
/* radio code end  */

.home_pharmacy  .medication-group .panel-default{
border: 0;
margin-bottom: 15px;
background: #DFF5F7;
border-radius: 12px;
}
.home_pharmacy  .medication-group .panel-default .panel-heading{
  border: 0;
  border-radius: 0;
  background-color: transparent;
}
.home_pharmacy  .medication-group .panel-default .panel-heading a.collapsed ,.home_pharmacy  .medication-group .panel-default .panel-heading a{
  background: #FFF5ED  ;
  border-radius: 12px;
  padding: 15px;
}
.home_pharmacy .medication-group  .panel-heading a:not(.collapsed){
  background-color: #DFF5F7;
 border-bottom-left-radius: 0;
 border-bottom-right-radius: 0;
}

.home_pharmacy  .medication-group .panel-default .panel-heading a label{
  font-size: min(max(16px,0.93vw),18px);
  font-weight: 700;
  padding-left: 28px;
}
.home_pharmacy  .medication-group .panel-default .panel-heading a label .pill{
  padding: 3px 6px;
  font-size: 12px;
  background: var(--bg-secondary) ;
  color: #fff;
border-radius: 10px;
}
.home_pharmacy  .medication-group .panel-default .panel-heading a label .pill-outline{
  background-color: transparent;
  color: #000000;
  border: 1px solid #000000;
  border-radius: 10px;
  padding: 2px 6px;
  font-size: 14px;
  margin-left: 8px;
}
.delevery-title{
  font-size: min(max(14px,0.833vw),16px);
  font-weight: 700;
  color: #000000;
}
.home_pharmacy .delivery-tabs .nav-link {
color: var(--bg-secondary);
padding: 8px 10px;
background: #FFFFFF ;
border: 1px solid var(--bg-secondary);
border-radius: 8px;
font-size: min(max(14px,0.833vw),16px);
  font-weight: 700;
}
.home_pharmacy .delivery-tabs .nav-item.active .nav-link{
  background: var(--bg-secondary) ;
  border: 1px solid var(--bg-secondary);
  border-radius: 8px 8px 0px 0px;
  color: #fff;
}
.home_pharmacy .delivery-tabs .nav-item.active + .nav-item > .nav-link{
  border: 0;
  color: rgba(0, 0, 0, 0.7);
  background-color: transparent;

}
.home_pharmacy .delivery-tabs .nav-link[aria-expanded]{
  border: 0;
  color: rgba(0, 0, 0, 0.7);
  background-color: transparent;

}
/* .home_pharmacy .delivery-tabs .nav-link:not(.acive)[aria-selected="true"]{
  border: 0;
  color: rgba(0, 0, 0, 0.7);
  background-color: transparent;
} */
.home_pharmacy .delivery-tabs .nav-tabs{
  border-bottom: 0;
}
.home_pharmacy .delivery-tabs .tab-content .tab-pane {
  border: 1px solid rgba(45, 189, 202, 1);
  border-radius: 0px 10px 10px 10px;
  padding: 15px min(max(10px,0.82vw),15px);
  background-color: #fff;
  gap: min(max(10px, 1.5vw) , 30px);
  flex-wrap: wrap;
}
.radio-black [type="radio"]:checked + label:before, .radio-black [type="radio"]:not(:checked) + label:before{
border-color: #000000 !important;
}
.radio-black [type="radio"]:checked + label:after, .radio-black [type="radio"]:not(:checked) + label:after{
  width: 14px;
    height: 14px;
    background: black;
    top: 50%;
    left: 3px;
    border-radius: 50%;
}
.tab-content>.tab-pane:not(.active) {
  display: none !important;
}
.radio-black [type="radio"]:checked + label, .radio-black [type="radio"]:not(:checked) + label{
  padding-left: 28px;
  color: #000000;
  font-size: 14px;
}
.delivery-details{
  font-size: 14px;
  color: #071A23;
  padding: 15px min(max(10px,0.82vw),15px);
}
.delivery-details .orange-list{

}
 .orange-list li{
  margin-bottom: 10px;
  font-size:  min(max(14px, 1.041vw), 20px);
  color: #071A23;
  position: relative;
  padding-left: 11px;
  line-height: 22px;
  }
 .orange-list li::before{
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    top: 9px;
    left: 0;
    background-color: var(--bg-primary);
  }
  .delivery-details  .details-link{
color: var(--bg-primary);
text-decoration: underline;
  }
  .subtotal-block{
    display: flex;
    justify-content: space-between;
    padding: 15px min(max(10px,0.82vw),15px);
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 0px 0px 10px 10px;
  }
  .subtotal-block h4{
    color: #fff;
    font-size: min(max(16px,0.93vw),18px);
    font-weight: 700;
    margin: 0;

  }
  .delivery_details-modal .subheading{
    text-align: center;
    color: rgba(106, 117, 123, 1);
  }
  .delivery_details-modal .orange-list li{
    font-weight: 700;
  }
  .delivery_details-modal .orange-list li span{
    font-weight: 400;
    padding-left: 8px;
  }
  .delivery_details-modal .bottom-bg{
    background: #DFF5F7 ;
border-radius: 15px;
padding: 15px;
color: #071A23;
  }
  .delivery_details-modal .containerC{
color: #071A23;
font-size: 16px;
font-weight: 700;
  }
  .delivery_details-modal .bottom-bg  .list{
    font-weight: 400;
  }
  .delivery_details-modal .bottom-bg  .list::before{
background-color: var(--bg-secondary);
  }
  .fw-700{
    font-weight: 700;
  }
  .delivery_details-modal .button_rounded {
    color: #fff;
    background-color: var(--bg-primary);
    border-radius: 25px;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 700;
    min-width: 140px;
}
.pre_checkout_flow .mid-content.order-flow{
max-width: 930px;
}
.order__block .block-title {
  font-size: min(max(16px,0.93vw),18px);
  font-weight: 700;
  color: #000000;
  display: flex;
    align-items: center;
}
.order__block .medicine-list{
display: flex;
flex-wrap: wrap;
gap: 10px;
}
@media(max-width:576px){
  .order__block .medicine-list{
    flex-direction: column;
  }
  .order__block .error-text{
  font-size: 14px;
  }
}
.order__block .medicine-list p{
  color: #071A23;
  font-size: min(max(14px,0.833vw),16px); 
  margin-bottom: 0;
}
.order__block  .billing-table{
background-color: #fff;
 border-radius: 12px;
}
.order__block  .billing-table .table td{
width: 50%;
border-collapse: collapse;
border: 0;
border-bottom: 1px solid #E5E5E5;
padding: min(max(10px,0.82vw),15px);
color: #071A23;
}
.order__block  .billing-table .table td:first-child{
 
  border-right: 1px solid #E5E5E5;
  }
.order__block  .billing-table .table tr:last-child td{
  border-bottom: 0;
}
.pre_checkout_flow .home_pharmacy .card-details .form-control{
border: 0;
height: min(max(45px,2.865vw),55px);
    font-size: min(max(15px,0.938vw),18px);
    border-radius: 8px;
}
.order-insurance{
  width: 90% !important;
    max-width: 930px !important;
    margin: auto;
}
.order-insurance .agreemnet__list{
  height: min(max(380px, 23.43vw),450px);
    border-radius: 10px;
    overflow-y: scroll;
    padding: min(max(15px, 1.3vw),25px) ;
}
.order-insurance .agreemnet-mobile{
  border: 1px solid #E5E5E5;
    border-radius: 10px;
}
/* new css for home pharmacy end */



/* new css for upload images */
.new__upload.mid-content{
  max-width: initial;
  justify-content: flex-start;
}
.new__upload   .box  label{
  font-size:  min(max(14px,0.833vw),16px);
  color: #000000;
  margin-bottom: 0;
  font-weight:normal;
  padding-left: 28px;
  position: relative;
  font: unset;
}
.new__upload   .box  label::before{
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: 1px solid var(--bg-secondary);
  border-radius: 100%;
  background: #fff;
}
.new__upload   .box{
border: 0;
margin: auto;
max-width: 690px;
padding: 15px  min(max(15px,1.041vw),20px);
border-radius: 12px;
position: relative;

}
.new__upload .upload-msg{
  font-size:  min(max(14px,0.833vw),16px);

}
.uploded__img .expand-icon{
  right: 6rem;
  max-width: 30px;
  top: 1rem;

}
.uploded__img .imgList li{
  min-width: 300px;
    max-width:300px;
}
.uploded__img .item-label img{
  height:200px;
    width: 300px;
}
.uploded__img .close-icon{
  position: absolute;
    right: 2rem;
    top: 1rem;
    max-width: 30px;
    background-color: #fff;
    border-radius: 50%;
}
 .image_instruction{
  border: 1px solid #E5E5E5;
border-radius: 15px;
padding: min(max(15px,1.30vw),25px);
}
 .image_instruction h5{
  color: #000000;
font-size: min(max(15px,0.93vw),18px);
font-weight: 700;
}
.image_instruction .instruction-list{
  margin-bottom:10px;
    font-size: min(max(14px, 1.041vw), 20px);
    color: #071A23;
    position: relative;
    padding-left: 12px;
    line-height: normal;
}
.image_instruction .instruction-list::before{
  content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    top: 8px;
    left: 0;
    background-color: var(--bg-primary);
}
.email-upload .check-container.common_checkbox .checkmark{
width: 20px;
height: 20px;
top: 10px;
}
.email-upload .check-container.common_checkbox{
line-height: normal;
padding-left: 30px;
}

@media(max-width:768px){
  .uploadScreen label{
    width: auto;
    margin-top: 0 !important;
  }
  .imgList li{
    margin-bottom: 0rem;
  }
  .conset_text{
    font-size: 14px;
  }
  .mw-md-65{
    max-width: 100%;
  }
}
/* image upload css end  */

/* css for new pharmacy module 31-08-2023 */
.new_pharmacy-select .sub-title{
  color: #6A757B;

}
.cod_pharmacy-wrap{
  border-radius: min(max(10px,0.78vw), 15px);
  padding: min(max(15px,1.302vw), 25px);
}
.cod_pharmacy-wrap.bg-light--accentblue{
  background-color: #EAF8FA;

}
.pre_checkout_flow .new_pharmacy-select .check-container.common_checkbox .checkmark:after{
  height:  min(max(14px,0.938vw),18px);
  width:  min(max(8px,0.521vw),10px);
  border-width: 0 min(max(3px,0.260vw),4px) min(max(3px,0.260vw),4px) 0;
}
.new_pharmacy-select .check-container.common_checkbox{
padding-left: 28px;
line-height:24px;
}
.pre_checkout_flow .new_pharmacy-select .form-control{
  height: 20px;
  accent-color:#e2761c;
  width:auto;
  margin: 0px -22px;
    scale: 1.3;
    outline: none;
    border: 0;
    box-shadow: none;
}
.pre_checkout_flow .new_pharmacy-select .radio label:before{
  content: "";
  position: absolute;
  width: 20px;
  height:20px;

  border-radius: 50%;
  background-color: #fff;
  border: 1px solid var(--bg-secondary);
  left: 4px;
  z-index: 1;
  top: 1px;
}
.pre_checkout_flow .new_pharmacy-select .radio label.checked:after{
  content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: var(--bg-secondary);
    border: 2px solid #FFf;
    left: 6px;
    z-index: 1;
    top: 4px;
}
.pre_checkout_flow .radio label{
  font-size: min(max(14px,0.938vw),16px);
  position: relative;
  padding-left: 35px;
}
.pre_checkout_flow .new_pharmacy-select .check-container.common_checkbox .checkmark{
  height: 20px;
    width: 20px;
    top: 2px;
    background-color: #fff;

}
.pre_checkout_flow .new_pharmacy-select .check-container.common_checkbox input:checked~.checkmark{
  background-color: var(--bg-secondary);
}
.fw-normal {
  font-weight: 400 !important;
}
.pre_checkout_flow .new_pharmacy-select p,.pre_checkout_flow .new_pharmacy-select .conset_text{
  font-size: min(max(14px,0.938vw),16px) !important;
}

.search__flow .location-switch{
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.search__flow .location-switch .location{
display: flex;
align-items: center;
}
.search__flow .location-switch .location h5{
  margin: 0 10px;
  color: var(--bg-primary);
  font-size: min(max(14px,0.938vw),18px);
  font-size: 600;
}
.search__flow .location-switch .nav-pills{
  margin: unset;
  border-radius: 25px;
  background-color: #fff;
  padding: 0;
  border: 0;
}
.nav>li>a{
  padding:  min(max(5px,0.468vw),9px)  min(max(10px,0.989vw),19px);
  font-weight: 600;
  color: #000000;
}
.nav>li>a:focus, .nav>li>a:hover{
  background-color: transparent;
}
.search__flow .location-switch .nav-pills>li.active>a{
background-color: var(--bg-primary);
border-radius: 21px;
color: #FFFFFF;
}
.search__flow .location-switch  .nav-pills>li:not(.active) a{
 
}
.search__flow .delivery-tabs .nav-link {
  color: var(--bg-secondary);
  padding: 8px 10px;
  background: #FFFFFF ;
  border: 1px solid var(--bg-secondary);
  border-radius: 8px;
  font-size: min(max(14px,0.833vw),16px);
    font-weight: 700;
  }

  .search__flow .delivery-tabs .nav{
    border-bottom: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
  }
  .search__flow .delivery-tabs .nav-pills>li.active>a{
    border: 1px solid var(--bg-secondary);
border-radius: 8px 8px 0px 0px;
background-color: var(--bg-secondary);

  }
  .search__flow .delivery-tabs .search-box{
display: flex;
justify-content: space-between;
align-items: center;
/* padding: 0 15px; */
  }
  .search__flow .delivery-tabs .search-box .form-control{
    border: 0;
  }
  .search__flow .delivery-tabs .tab-content .tab-pane {
    border: 1px solid rgba(45, 189, 202, 1);
    border-radius: 0px 10px 10px 10px;
    padding: 6px min(max(10px,0.82vw),15px);
    background-color: #fff;
    gap: min(max(10px, 1.5vw) , 30px);
    flex-wrap: wrap;
  }
  .col-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-3 {
    flex: 0 0 auto;
    width: 25%
}

  .pre_checkout_flow .search__flow  .radio .form-control{
    height: 20px;
    accent-color:#e2761c;
    width:auto;
    margin: 0px -22px;
      outline: none;
      border: 0;
      box-shadow: none;
      padding: 0;
  }
  .pre_checkout_flow .search__flow  .radio label:before{
    content: "";
    position: absolute;
    width: 20px;
    height:20px;
  
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid var(--bg-secondary);
    left: 4px;
    z-index: 1;
    top: 1px;
  }
  .pre_checkout_flow .search__flow  .radio label.checked:after{
    content: "";
    position: absolute;
    width:  15px;
    height:  15px;
    border-radius: 50%;
    background-color: var(--bg-secondary);
    border: 2px solid #FFf;
    left: 7px;
    z-index: 1;
    top: 3px;
  }
  .pre_checkout_flow .search__flow .radio label{
    font-size: min(max(14px,0.938vw),16px);
    position: relative;
    padding-left: 35px;
  }
  .pre_checkout_flow .search__flow .radio label p{
    font-weight: 400;
    color: #071A23;
    padding-top: 5px;
    margin-bottom: 0;
  }



  /* new radio design 21-09-2023 */

  .radio-btn-new-design{
    width: 100%;
    color: #333;
    background-color: var(--bg-gray-light);
    border: 1px solid var(--bg-gray-light);
    border-radius: 4px;
    margin-right: 0;
    display:flex;
  }
  .radio-btn-new-design .sub-text{
color: #000000;
font-weight: normal;
font-size: min(max(12px,0.938vw),16px);
  }
  .radio-btn-new-design .custm-radio{
    padding-left: 35px !important;
    border: 0;
    margin-bottom: 0;
    padding: 10px 12px;
    min-height: 48px;
    display: block;
    min-width: 120px;
  }
  .radio-btn-new-design .custm-radio:after{
    content:none ;
  }
  .radio-btn-new-design .custm-radio .checkmark{
    width: min(max(20px,1.30vw),25px) !important;
    height: min(max(20px,1.30vw),25px) !important;
    background-color: white !important;
    border-radius: 5px !important;
    border: 2px solid var(--bg-secondary) !important;
    left: 5px !important;
    top: 15px !important;
  }
  .radio-like-btn .custm-radio .label--text{
   font-size: min(max(14px,0.938vw),16px);;
  }
  .radio-like-btn .custm-radio{
    color: #000000 !important;
font-weight: 700;
  }
  .radio-btn-new-design input:checked+label ,.radio-btn-new-design input:checked~label{
color: #000000 !important;
background-color: transparent;
border: 0;
  }
  .radio-like-btn input:checked+label span{
    color: #000000 !important;
  }
  .radio-btn-new-design input:checked+label span.checkmark:before , .radio-btn-new-design input:checked~label span.checkmark:before{
    left: 50%;
    top: 50%;
    width: min(max(7px,0.521vw),10px);
    height: min(max(12px,0.833vw),16px);
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg)translateY(-30%)translateX(-108%);
    content: "";
    position: absolute;
    background-color: var(--bg-secondary) !important;
  }
  .radio-btn-new-design input:checked+label span.checkmark , .radio-btn-new-design input:checked~label span.checkmark{
    color: #fff !important;
    background-color: var(--bg-secondary) !important;
  }
  .radio-btn-new-design .custom-chek-inner span.checkmark{
    width: 15px !important;
    height: 15px !important;
    top: 23px !important;

  }
  .radio-btn-new-design .custom-chek-inner{
    padding-left: 30px !important;
    font-weight: 400;
  }
  .radio-btn-new-design .custom-chek-inner span.checkmark:before{
    width: 5px !important;
    height: 10px !important;
    border: solid white;
    border-width: 0 2px 2px 0 !important;
  }
  .radio-btn-new-design .price-bubble{
    background: var(--bg-primary) ;
    border-radius: 19px;
    min-width: 65px;
    padding: 5px 12px;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    /* margin-left: 15px; */
  }
  .radio-btn-new-design .price-bubble+ .free{
    font-size:min(max(12px,0.833vw),16px);
    color: var(--bg-primary);
  }
 .modal-body .agreemnet-mobile{
    border: 1px solid #E5E5E5;
    border-radius: 10px;
    overflow-y: auto;
  }
  .modal-body .agreemnet__list{
        max-height: min(max(400px, 23.43vw),450px);
        border-radius: 10px;
        /* overflow-y: scroll; */
        padding: min(max(15px, 1.3vw),25px) !important;
  }
  .modal-body .agreement-signature-wrap{
    position: -webkit-sticky;
    position: sticky;
    bottom: 0px;
    /* margin-top: auto; */
    background-color: white;
  }
 .modal-body .modal-body.agreement_treetment{
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  h3.subtotal-ammount{
    text-align: right;
    position: -webkit-sticky;
    position: sticky;
    bottom: -2px;
    background: white;
    margin-bottom: 0;
    padding-bottom: 5px;
    padding-top: 15px;
  }
  .bg-light--accentblue{
    background-color: #EAF8FA;
  
  }
  .text-active{
    color: var(--bg-primary);
  }
  .subtotal-ammount{
    font-size: 18px;
    font-weight: 700;
    color: #34333C;
  }
  span.ammount{
   color:  var(--bg-secondary);
   font-size: 24px;
  }
  span.ammount span{
    font-size: 16px;
  }
    .modal-body .button_rounded {
      color: #fff;
      background-color: var(--bg-primary);
      border-radius: 25px;
      padding: 10px 20px;
      font-size: 16px;
      font-weight: 700;
      min-width: 140px;
      display: block;
      margin: auto;
    }
  
    /* new radio design end 21-09-2023 */

    
/* new-membership-select start 04-10-2023 */
.new-membership-select .sub-title{
  color: #7A7A7A;

}
.new-membership-select .cod_pharmacy-wrap{
  border-radius: 8px;
  padding: min(max(20px,1.302vw), 25px);
  display: flex;
  justify-content: space-between;
  position: relative;
}
.popular{
  position: absolute;
  top: -3%;
  border-radius: 14px;
background: var(--bg-secondary);
padding: 3px 8px;
color: #FFF;

font-size: 10px;

font-weight: 700;
line-height: 16px; /* 160% */
text-transform: uppercase;
}
.new-membership-select .cod_pharmacy-wrap .price-bubble{
  background: var(--bg-primary) ;
    border-radius: 16px;
    min-width:70px;
    padding: 5px 12px;
    color: #fff;
    font-size: min(max(16px,1.041vw), 20px);
    font-weight: 600;
}
.new-membership-select .cod_pharmacy-wrap .price-bubble span{
  font-size: min(max(12px,0.83vw), 16px);
}
.cod_pharmacy-wrap.bg-light--accentblue{
  background-color: #EAF8FA;

}
.pre_checkout_flow .new-membership-select .check-container.common_checkbox .checkmark:after{
  height:  min(max(14px,0.938vw),18px);
  width:  min(max(8px,0.521vw),10px);
  border-width: 0 min(max(3px,0.260vw),4px) min(max(3px,0.260vw),4px) 0;
}
.new-membership-select .check-container.common_checkbox{
padding-left: 28px;
line-height:24px;
}
.pre_checkout_flow .new-membership-select .form-control{
  height: 20px;
  accent-color:#e2761c;
  width:auto;
  margin: 0px -22px;
    scale: 1.3;
    outline: none;
    border: 0;
    box-shadow: none;
}
.pre_checkout_flow .new-membership-select .radio label:before{
  content: "";
  position: absolute;
  width: 20px;
  height:20px;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid var(--bg-secondary);
  left: 0px;
  z-index: 1;
  top: 1px;
}
.pre_checkout_flow .new-membership-select .radio label.checked:after{
  content: "";
  position: absolute;
  width:  15px;
  height:  15px;
  border-radius: 50%;
  background-color: var(--bg-secondary);
  border: 2px solid #FFf;
  left: 2px;
  z-index: 1;
  top: 4px;
}
.pre_checkout_flow .radio label{
  font-size: min(max(16px,0.938vw),18px);
  position: relative;
  padding-left: 35px;
}
.pre_checkout_flow .new-membership-select .check-container.common_checkbox .checkmark{
  height: 20px;
  width: 20px;
  top: 2px;
  background-color: #fff;

}
.pre_checkout_flow .new-membership-select .check-container.common_checkbox input:checked~.checkmark{
  background-color: var(--bg-secondary);
}
.fw-normal {
  font-weight: 400 !important;
}
.pre_checkout_flow .new-membership-select p,.pre_checkout_flow .new-membership-select .conset_text{
  font-size: min(max(14px,0.938vw),16px) !important;
}

.membership-modal .sub__text{
font-size: min(max(22px,1.458vw),28px);
color: #212121;
}
.membership-modal .close{
  opacity: 1;
  position: absolute;
    right: 2%;
    top: 5%;

}
.membership-modal .sub-title{
  font-size: min(max(14px,0.938vw),16px) ;

  color: #7A7A7A;
  }
  .membership-modal .orange__list{
    list-style: none ;
    padding-left: 20px;
  }
  .membership-modal .orange__list li::marker{
    color: var(--bg-primary) !important;
    content: "•";
  }
  .membership-modal .orange__list li{
    padding-left: 10px;
  }
  .membership-modal .button_rounded {
    color: #fff;
    background-color: var(--bg-primary);
    border-radius: 25px;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 700;
    min-width: 140px;
    display: block;
    margin: auto;
}
.plan-active{
  border-radius: 8px;
border: 0.5px solid rgba(255, 137, 39, 0.30);
background-color: #FFF;
padding: 15px;
}
.plan-active h5{
  font-size: min(max(16px,0.938vw),18px);

}
.plan-active .check--list{
padding-left: 0;
margin-top: 0.5rem;
}
.plan-active .check--list li.check-item{
  padding: 8px 10px;
  border-radius: 24px;
  color: #071A23;
font-size: min(max(14px,0.938vw),16px);
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.plan-active .check--list li.check-item.active{
  background: var(--bg-primary);
  color: #fff;
}
.plan-active .check--list li.check-item.active svg  path{
  stroke: #ffffff !important;
}
.plan-active .check--list li.check-item.active span{
  background-color: #fff;
}
.plan-active .check--list li.check-item span{
  color: #071A23;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 40px;
  margin-left: 4px;
  font-weight: 600;
}
.bg-light-gray{
  background-color: #F5F5F5;
}
.check__list{
  padding-left: 5px;
 
}
.check__points{
  display: flex;
  align-items: baseline;
}
.check__list h5 ,  .orange__list h5{
  font-size: min(max(16px,0.938vw),18px);
  color: #000;
  font-weight: 700;
  margin-bottom: .5rem;
  margin-top: 0;
}
 .agreemnet-mobile {
  border: 1px solid #E5E5E5;
  border-radius: 10px;
  overflow-y: auto;}

.agreemnet__list {
  max-height: min(max(400px, 23.43vw),450px);
  border-radius: 10px;
  /* overflow-y: scroll; */
  padding: min(max(15px, 1.3vw),25px) !important;
}
.agreement-signature-wra{
  position: -webkit-sticky;
  position: sticky;
    bottom: 0px;
    margin-top: auto;
    background-color: white;
}
.agreemnet__list .block-title {
  font-size: min(max(16px,0.93vw),18px);
  font-weight: 700;
  color: #000000;
  display: flex;
    align-items: center;
}
/* new membership pla end 04-10-23 */

/* new header design 27-10-2023 */
body.header-demo{
  background-color: #fff !important;
}
.new--bg-test.return-bg-blue:after{
  background-color: #fff;
  content: none;
}
/* .new--header.forms_layout .main-content-mid{
  width: 700px !important;
} */
.forms_layout_new .main__wrapper::after, .forms_layout_new .main__wrapper::before{
  background-color: #fff;
}
.new--header{
  flex-direction: row !important;
  justify-content: space-between;
  align-items: flex-start;
  padding: 15px;
  gap: 3rem;
}
.new--header .logo{
  width: min(max(120px,8.593vw),165px);
}
.header-btn-grp{
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: flex-end;
  min-width: 210px;
}
.logo-wrapper{
  min-width: 210px;
}
.need-help{
  display: flex;
  align-items: center;
  border-radius: 30px;
  gap: 8px;
  font-size:  min(max(16px,0.93vw),18px);
background: #DFF5F7;
padding: 8px 15px;
font-weight: 700;
border: 0;
}
.new-message{
  -webkit-animation: pulse 2s infinite;
          animation: pulse 2s infinite;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgb(95 162 214);
  }
  70% {
      -webkit-box-shadow: 0 0 0 5px rgba(204,169,44, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}


@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgb(95 162 214);
  }
  70% {
      box-shadow: 0 0 0 5px rgba(204,169,44, 0);
  }
  100% {
      box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}
.cart{
  border: 0;
  background-color: transparent;
  position: relative;
  z-index:10;
}
.cart-count{
  border-radius: 8px;
background: var(--bg-primary);
min-width: 16px;
min-height: 16px;
color: #FFF;
font-size: min(max(10px,0.8vw),14px);
position: absolute;
top: -30%;
    right: -4%;
}
.new--header .mid-content{
  padding: 10px !important;
}
@media(max-width:991px){
  .new--header{
    flex-direction: column !important;
    gap: 1rem;
    padding: 1rem 0;
  }
  .new--header.forms_layout .main-content-mid{
    width: 100% !important;
  }
  .logo-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .new--header .set__wrapper_overflow .container-fluid {
    height: 100%;
  }
  .new--header .set__wrapper_overflow .mid-content{
    height: auto;
  }
}

.contact_container {
  /* background-color: var(--bg-gray-light); */
  max-height: 600px;
  padding: min(max(16px, 5.208vw), 100px) min(max(16px, 0vw), 0px);
}

.contact_container .contact_option {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.contact_container .contact_box {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border-radius: 10px;
  padding: min(max(10px, 1.042vw), 20px) 20px;
  max-width: 375px;
  margin: 1rem;
}

.contact_container .contact_box label {
  color: #293450;
  font-size: 18px;
  font-weight: 600;
  padding-left: min(max(10px, 0.781vw), 15px);

}

.contact_container .contact_box p {
  color: #5D6174;
  font-size: 16px;
  font-weight: 500;
  opacity: .8;
  margin-top: min(max(10px, 0.781vw), 15px);

}

.contact_container .contact_btn {
  border-radius: 30px;
  color: #fff;
  background-color: #FF7500;
  outline: none;
  border: 0px;
  font-size: 18px;
  padding: min(max(6px, 0.938vw), 18px) min(max(28px, 1.823vw), 35px);
  max-width: 190px;
  white-space: nowrap;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.modal-dialog-scrollable {
  height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: auto;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
}

@media (min-width: 992px) {
  .modal-lg {
      max-width: 800px;
  }
}


@media(max-width:991px){
  .contact_container .contact_option{
    justify-content: start;
  }
  .contact_container .contact_box{
    width: 100%;
  }
}

/* stand-alone-screen */
.stand-alone-wrapper{
  text-align: center;
  max-width: 660px;
  margin: auto;
}
.stand-alone-img-wrapper{
  position: relative;
}
.stand-alone-img-wrapper .play-btn{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50% , -50%);
}
.stand-alone-wrapper .heading-text{
  font-size: min(max(24px,1.667vw),32px);
  line-height: min(max(32px,2.39vw),32px);;
  color: #212121;
  font-weight: 700;
  margin-top: 30px;
  margin-bottom: 0;
}
.stand-alone-wrapper .heading-subtext{
  font-size: min(max(14px,0.938vw),16px);
  border-radius: 10px;
background-color:var(--bg-gray-light);
padding: 10px;
margin: 15px 0;
display: inline-block;
color: #212121;
}
.benefit-list{
  padding: 15px ;
  border-radius: 10px;
border: 1px solid var(--bg-primary);
background: var(--bg-primary);
color: #fff;
font-size: min(max(14px,0.938vw),16px);
list-style: disc;
text-align: left;
padding-left: 30px;
display: inline-block
}



/* cart design 16-11-23 */
.cart-overlay{
  position: fixed;
  inset: 0;
 
  display: flex;
  justify-content: end;
  z-index: 999;
  margin-top: 75px;
background:rgba(34, 34, 34 , 0.4)
}
.cart-wrapper{
  background-color: #fff;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  flex-direction: column;
  width: 400px;
}
.cart-header{
display: flex;
border-bottom: 1px solid  #E9E9E9;
background-color:  var(--bg-gray-light);
padding: 10px 15px;
gap: 100px;
align-items: center;
justify-content: space-between;
}
.cart-header h5{
  color: #212121;
/* Text Regular/Bold */

font-size: 16px;
font-style: normal;
font-weight: 700;
margin: 0;
}
.close-icon{
  border: 0 ;
  background-color: transparent;
  padding: 0;
}
.cart-body .product-box{
display: flex;
/* justify-content: space-between; */
/* align-items: center; */
padding: 15px;
border-bottom: 1px solid  #e9e9e9;
gap: 10px;
}
.product-image{
  width: 50px;
  height: 50px;
  min-width: 50px;
  border-radius: 8px;
border: 1px solid #E5E5E5;

background: #FFF;
display: flex;
align-items: center;
justify-content: center;
}
.product-name p{
  color:  #212121;

/* Text Caption/Regular */
/* font-family: Montreux Grotesk Soft; */
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
margin-bottom: 5px;
}
.product-quantity{
  display: flex;
  align-items: center;
justify-content: space-between;
border-radius: 30px;
border: 1px solid var(--black-light, #E9E9E9);
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.product-quantity.disabled{
  
  opacity: 0.5;
}
.product-quantity .number{
  font-size: 12px;
font-style: normal;
font-weight: 600;
color: #212121;
border-inline: 1px solid var(--black-light, #E9E9E9);
padding: 5px 10px;
}
.product-delete-wraap{
  display: flex;
  align-items: start;
justify-content: space-between;
margin-left: auto;
}
.product-delete-wraap .producr-price{
  color: var(--black-darker, #212121);

  /* Text Caption/Bold */
  /* font-family: Montreux Grotesk Soft; */
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 142.857% */
  margin: 0 5px;
}
.product-delete-wraap .delete{
  border: 0 ;
  background-color: transparent;
  padding: 0;
}
.product-delete-wraap .delete:hover svg path{
  fill: red;
}
.minus , .plus{
  background-color: transparent;
  padding: 0;
  border: 0;
}
.subtotal-wrapper{
  border-radius: 10px;
background-color:  #212121;
display: flex;
justify-content: space-between;
align-items: center;
margin: 15px;
padding: 10px 15px;
}
.subtotal{
  margin: 0;
  font-size: 16px;
font-style: normal;
font-weight: 700;
color: #FFF;
}
.subtotal-ammount{
  margin: 0;
  font-size: 16px;
font-style: normal;
font-weight: 700;
color: #FFF;
}
.feature-wrap{
  border-top: 1px solid  #E9E9E9;
background:  var(--bg-gray-light);
padding: 15px;

}
.feature-item{
  display: flex;
  /* justify-content: space-between; */
  /* align-items: center; */
  padding: 10px;
  border-bottom: 1px solid #e9e9e9;
  gap: 10px;border-radius: 10px;
  margin-top: 12px  ;
  background: #FFF;
  box-shadow: 0px 3px 15px 0px rgba(34, 34, 34, 0.06);
}
.btn-add{
  border-radius: 19px;
background: var(--orange-1-normal, var(--bg-primary));
color: #FFF;

text-align: center;
/* font-family: Montreux Grotesk Soft; */
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 20px; /* 125% */
text-transform: uppercase;
}
.bottom-wrap{
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
}
.product-scroll{
  max-height: calc(100vh - 340px);
  overflow: auto;
}
@media(max-width:768px){
  .cart-overlay{
    margin-top: 65px;

  }
  .cart-wrapper{
    width: 100%;
  }
  .subtotal-wrapper{
    background-color: #646464;
  }
}
.feature-head{
  color: var(--black-darker, #212121);
/* font-family: Montreux Grotesk Soft; */
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 16px; /* 133.333% */
text-transform: uppercase;
margin: 0;
}
.feature-owl .owl-nav{
position: absolute;
top: -18px;
right: 0;
}
.new--header .ad-div{
  margin-top: 100px;
}

/* product design 1/12/2023*************************************************/
.set__wrapper_overflow .mid-content{
  margin-block: auto !important;
  justify-content: unset;
}
.br-50 {
  border-radius: 50px !important;
}
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.modal_accordian-card .card-head h2 {
  font-size: 16px;
  line-height: 19px;
  color: #293450;
  background-color: #e5f7f9;
  border-radius: 8px;
  text-align: left;
  padding: 12px 20px;
  position: relative;
  font-weight: 700;
}
.modal_accordian-card .card-head h2[aria-expanded='true'] {
  background-color: var(--bg-secondary);
  color: #ffffff;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.modal_accordian-card .card-head h2[aria-expanded='true']:after {
  background-image: url(https://design.callondoc.com/newhtmldesign/html/images/consultation/arrow-down-white.svg);
  transform: rotate(180deg);
}
.modal_accordian-card .card-body {
  padding: 20px;
  box-shadow: 0px 11px 17px #e2e3f299;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.modal_accordian-card .card-head h2:after {
  background-image: url(../images/arrow-down.svg);
  position: absolute;
  width: 14px;
  height: 14px;
  background-size: 12px;
  background-position: center;
  right: 10px;
  background-repeat: no-repeat;
  content: '';
  top: 15px;
  transform: rotate(0);
  transition: 0.2s linear;
}
.modal_accordian-card {
  box-shadow: none;
  margin-bottom: 20px;
}
.productmodal .br-5 {
  border-radius: 5rem !important;
}
.btn-secondary {
  background-color: var(--bg-primary);
  color: #fff;
  border-color: var(--bg-primary);
}
.ml-3 {
  margin-left: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.productmodal.consultant_modal .header_banner {
  background-image: url(../images/consultation/modal_order.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: min(max(240px, 18.2vw), 354px);
  border-radius: 20px;
  padding: 20px min(max(18px, 1.5vw), 30px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: min(max(20px, 2.6vw), 50px);
}
.productmodal.consultant_modal .price-number .disease_name {
  font-weight: bold;
  color: #293450;
  margin-right: min(max(18px, 2.08vw), 40px);
}
.productmodal.consultant_modal .header_banner{
  border-radius: 20px;
border: 1px solid #D2DBDF;

background: #fff;
}
.productmodal .button-container {
  display: flex;
  align-items: center;
  height: max(44px,2.604vw);
  max-width: 190px;
}
.productmodal .cart-qty-plus,.productmodal .cart-qty-minus {
height: 100%;
background-color: #EAF8FA;
border: 0px solid #ced4da;
border-radius: 50px;
padding: 0.375rem 0.75rem;
display: flex;
align-items: center;
height: 100%;
box-shadow: none;
    border: 0;
    outline: none;
}
.productmodal .cart-qty-plus {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.productmodal .cart-qty-minus {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.productmodal input.qty.form-control {
border: 1px solid #EAF8FA;border-radius: 0;
width: 100%;
text-align: center;
font-size: max(16px,1.042vw);
color: #212121;
padding: 0.375rem 0.75rem;
height: max(44px,2.604vw);
min-height: auto;
box-shadow: none;
background-color: #EAF8FA;
}
.productmodal .product_img{
height: max(220px,15.625vw);
display: block;
margin-left:auto;
box-shadow: 0px 10px 22px 0px rgba(0, 0, 0, 0.08);
border-radius: 20px;

}
.productmodal.consultant_modal .price-number .disease_name{
font-size: max(24px,1.875vw);
}
.productmodal.consultant_modal h4{
font-size: max(20px,1.458vw);
}
.productmodal.consultant_modal h2.text-secondary{
font-size: max(28px,2.188vw);
}
.productmodal.modal.fade .modal-dialog{
max-width:max(320px,64.792vw)
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.align-items-center {
  align-items: center !important;
}
.row {
  display: flex;
  flex: 1 0 100%;
  flex-wrap: wrap;
}
.form_title{
  font-size: max(18px,1.875vw);
}
.productmodal .btn{
  min-width: 190px;
  height: max(40px,2.604vw);
}
.productmodal .btn-box .btn{
font-size: max(16px,1.042vw);
}




.multithumbnail_slider .rtl-slider-flex {
  width: 100%;
  margin: auto;
  padding: 0.75em 0.75em 0.5em;
  background: #fff;
  /* border-bottom: 1px solid rgba(0,0,0,0.2); */
  /* box-shadow: 0 1px 5px rgba(0,0,0,0.15); */
}

.multithumbnail_slider .thumb-prev,
.multithumbnail_slider .thumb-next {
  bottom: 12px !important;
  right: calc(9% + 0.75em) !important;
}

.multithumbnail_slider .thumb-prev {
  right: calc(0% + 0.75em) !important;
}

/* Necessary styles */
.multithumbnail_slider .rtl-slider-flex {
  display: flex;
  flex-direction: row;
  justify-content: center;
  box-sizing: border-box;
  align-items: stretch;
  position: relative;
}

.multithumbnail_slider .rtl-slider-flex .rtl-slider {
  width: 80%;
  margin-right: 1%;
}

.multithumbnail_slider .rtl-slider-flex .rtl-slider-nav {
  width: max(60px, 4.167vw);
  margin-top: -2px;
}

.multithumbnail_slider .rtl-slider-flex .rtl-slider-nav .rtl-slider-slide {
  padding-top: 0%;
  margin-bottom: 4px;
  opacity: 0.6;
  transition: all 0.3s ease;
  cursor: pointer;
  height: 100%;
  display: flex !important;
}

.multithumbnail_slider .rtl-slider-flex .rtl-slider-nav .rtl-slider-slide.multislider_video,
.multithumbnail_slider .rtl-slider-flex .rtl-slider-slide.multislider_video {
  padding-top: 10px;
}

.multithumbnail_slider .rtl-slider-flex .rtl-slider-nav .slick-slide.slick-current.slick-active .rtl-slider-slide {
  opacity: 1;
}

.multithumbnail_slider .rtl-slider-flex .rtl-slider-slide {
  background: #ededed url("") no-repeat center/cover;
  padding-top: 0;
  box-shadow: none;
  height: 100%;
}

.multithumbnail_slider .slick-list.draggable {
  height: 100% !important;
  max-height: 340px;
}

.multithumbnail_slider .video-hover-bg:hover .testimonial-video-box::before {
  border-radius: max(10px, 1.042vw);
}

.multithumbnail_slider .rtl-slider-flex .thumb-prev,
.multithumbnail_slider .rtl-slider-flex .thumb-next {
  position: absolute;
  height: 40px;
  width: 9.5%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease;
  background: transparent;
  left: 6%;
  bottom: -10px !important;
}

.multithumbnail_slider .rtl-slider-flex .thumb-prev {
  right: 9.5%;
  top: -10px;
}

.br-6 {
  border-radius: max(4px, 0.313vw);
  overflow: hidden;
}

.multithumbnail_slider .slick-slide img:not(.play-pause-btn) {
  margin: auto;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.rtl-slider .slick-list,
.rtl-slider .slick-list .slick-track,
.rtl-slider .slick-list .slick-track .slick-slide,
.rtl-slider .slick-list .slick-track .slick-slide>div {
  height: 100%;
}


.play-pause-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
  height: max(40px,4.167vw);
  display: none !important;
}
.testimonial-video-box:hover .play-pause-btn {
  display: block !important;
}
.video-hover-bg:hover .testimonial-video-box::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #29345096;
}
/*end 6/12/2023 */

@media (min-width: 768px){

  .mt-md-0 {
    margin-top: 0 !important;
  }
}
@media (min-width: 992px){

  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.666667%;
  }
}
@media  (max-width:992px) {
 
   .productmodal input.qty.form-control{
    width: 100%;
   }
  .productmodal .product_img{
  height: auto;
  }
  .productmodal.modal.fade .modal-dialog{
    max-width: initial;
  }
  .productmodal .btn{
    width: 100%;
  }
  

}
@media (max-width:1400px) {
  .multithumbnail_slider .slick-list.draggable {
    max-height: 510px;
}
  .multithumbnail_slider .rtl-slider-flex {
    flex-direction: column-reverse;
  }

  .multithumbnail_slider .rtl-slider-flex .rtl-slider-nav {
    width: 100%;
  }

  .multithumbnail_slider .rtl-slider-flex .thumb-prev {
    bottom: 20px !important;
    top: unset;
    left: 0;
    rotate: -90deg;
  }

  .multithumbnail_slider .rtl-slider-flex .thumb-next {
    rotate: -90deg;
    left: unset;
    right: 0px !important;
    bottom: 20px !important;
  }

  .multithumbnail_slider .rtl-slider-flex .rtl-slider-nav .rtl-slider-slide img {
    height: 60px;
    margin: auto;
  }

  .multithumbnail_slider .rtl-slider-flex .rtl-slider-nav .slick-slide {
    margin-left: 10px;
  }

  .multithumbnail_slider .rtl-slider-flex .rtl-slider-nav .rtl-slider-slide.multislider_video {
    height: 60px;
    margin: 0;
    padding: 0;
  }

  .multithumbnail_slider .rtl-slider-flex .rtl-slider {
    width: 100%;
  }

  .multithumbnail_slider .rtl-slider-flex .rtl-slider .slick-track {
    display: flex;
  }

 .productmodal .btn-box .btn{
  width: 100%;
  max-width: unset;
  margin: 1rem 0;
  margin-right: 0 !important;
 }
 .productmodal .button-container{
  width: 100%;
  max-width: unset;
  margin: 1rem 0;
  margin-right: 0 !important; 
}
  .order-1{
    order:1;
    width:100%;
  }
  .order-0{
    order:0;
    width:100%;
  }
  .order-2{
    order:2;
    width:100%;
  }
  .order-3{
    order:3;
    width:100%;
  }
  .detail_product_left{
    text-align: center;
  }
  .detail_product_left > .d-flex{
    justify-content: center;
    margin-right: 0 !important;
    margin-left: 0 !important;
    flex-wrap: wrap;
  }
  .productmodal .product_img{
    margin: auto;
  }
  
}
@media (min-width:1400px) {
  .order-lg-1{
    order:1;
  }
  .order-lg-0{
    order:0;
  }
  .order-lg-2{
    order:2;
  }
  .order-lg-3{
    order:3;
  }
  .multithumbnail_slider .rtl-slider-flex .rtl-slider {
    margin-right: 0%;
    margin-left: 14px;
  }

  .slick-vertical .slick-slide {
    height: max(60px, 4.167vw);
    padding: .5rem 0;
  }

  .slick-vertical .slick-slide>div {
    height: 100%;
  }

}
/* product slider */
.br-20{
  border-radius: max(10px,1.042vw);
  overflow: hidden;
 }
 
  .br-6{
    border-radius: max(4px,0.313vw);
    overflow: hidden;
  }
  
  body{
    font-size: 16px;
  }
  @media (min-width: 320px) {
    .float-sm-left {
      float: left !important;
    }
    .float-sm-right {
      float: right !important;
    }
    .float-sm-none {
      float: none !important;
    }
    .d-sm-none {
      display: none !important;
    }
    .d-sm-inline {
      display: inline !important;
    }
    .d-sm-inline-block {
      display: inline-block !important;
    }
    .d-sm-block {
      display: block !important;
    }
    .d-sm-table {
      display: table !important;
    }
    .d-sm-table-row {
      display: table-row !important;
    }
    .d-sm-table-cell {
      display: table-cell !important;
    }
    .d-sm-flex {
      display: flex !important;
    }
    .d-sm-inline-flex {
      display: inline-flex !important;
    }
    .flex-sm-fill {
      flex: 1 1 auto !important;
    }
    .flex-sm-row {
      flex-direction: row !important;
    }
    .flex-sm-column {
      flex-direction: column !important;
    }
    .flex-sm-row-reverse {
      flex-direction: row-reverse !important;
    }
    .flex-sm-column-reverse {
      flex-direction: column-reverse !important;
    }
    .flex-sm-grow-0 {
      flex-grow: 0 !important;
    }
    .flex-sm-grow-1 {
      flex-grow: 1 !important;
    }
    .flex-sm-shrink-0 {
      flex-shrink: 0 !important;
    }
    .flex-sm-shrink-1 {
      flex-shrink: 1 !important;
    }
    .flex-sm-wrap {
      flex-wrap: wrap !important;
    }
    .flex-sm-nowrap {
      flex-wrap: nowrap !important;
    }
    .flex-sm-wrap-reverse {
      flex-wrap: wrap-reverse !important;
    }
    .justify-content-sm-start {
      justify-content: flex-start !important;
    }
    .justify-content-sm-end {
      justify-content: flex-end !important;
    }
    .justify-content-sm-center {
      justify-content: center !important;
    }
    .justify-content-sm-between {
      justify-content: space-between !important;
    }
    .justify-content-sm-around {
      justify-content: space-around !important;
    }
    .justify-content-sm-evenly {
      justify-content: space-evenly !important;
    }
    .align-items-sm-start {
      align-items: flex-start !important;
    }
    .align-items-sm-end {
      align-items: flex-end !important;
    }
    .align-items-sm-center {
      align-items: center !important;
    }
    .align-items-sm-baseline {
      align-items: baseline !important;
    }
    .align-items-sm-stretch {
      align-items: stretch !important;
    }
    .align-content-sm-start {
      align-content: flex-start !important;
    }
    .align-content-sm-end {
      align-content: flex-end !important;
    }
    .align-content-sm-center {
      align-content: center !important;
    }
    .align-content-sm-between {
      align-content: space-between !important;
    }
    .align-content-sm-around {
      align-content: space-around !important;
    }
    .align-content-sm-stretch {
      align-content: stretch !important;
    }
    .align-self-sm-auto {
      align-self: auto !important;
    }
    .align-self-sm-start {
      align-self: flex-start !important;
    }
    .align-self-sm-end {
      align-self: flex-end !important;
    }
    .align-self-sm-center {
      align-self: center !important;
    }
    .align-self-sm-baseline {
      align-self: baseline !important;
    }
    .align-self-sm-stretch {
      align-self: stretch !important;
    }
    .order-sm-first {
      order: -1 !important;
    }
    .order-sm-0 {
      order: 0 !important;
    }
    .order-sm-1 {
      order: 1 !important;
    }
    .order-sm-2 {
      order: 2 !important;
    }
    .order-sm-3 {
      order: 3 !important;
    }
    .order-sm-4 {
      order: 4 !important;
    }
    .order-sm-5 {
      order: 5 !important;
    }
    .order-sm-last {
      order: 6 !important;
    }
    .m-sm-0 {
      margin: 0 !important;
    }
    .m-sm-1 {
      margin: 0.25rem !important;
    }
    .m-sm-2 {
      margin: 0.5rem !important;
    }
    .m-sm-3 {
      margin: 1rem !important;
    }
    .m-sm-4 {
      margin: 1.5rem !important;
    }
    .m-sm-5 {
      margin: 3rem !important;
    }
    .m-sm-auto {
      margin: auto !important;
    }
    .mx-sm-0 {
      margin-right: 0 !important;
      margin-left: 0 !important;
    }
    .mx-sm-1 {
      margin-right: 0.25rem !important;
      margin-left: 0.25rem !important;
    }
    .mx-sm-2 {
      margin-right: 0.5rem !important;
      margin-left: 0.5rem !important;
    }
    .mx-sm-3 {
      margin-right: 1rem !important;
      margin-left: 1rem !important;
    }
    .mx-sm-4 {
      margin-right: 1.5rem !important;
      margin-left: 1.5rem !important;
    }
    .mx-sm-5 {
      margin-right: 3rem !important;
      margin-left: 3rem !important;
    }
    .mx-sm-auto {
      margin-right: auto !important;
      margin-left: auto !important;
    }
    .my-sm-0 {
      margin-top: 0 !important;
      margin-bottom: 0 !important;
    }
    .my-sm-1 {
      margin-top: 0.25rem !important;
      margin-bottom: 0.25rem !important;
    }
    .my-sm-2 {
      margin-top: 0.5rem !important;
      margin-bottom: 0.5rem !important;
    }
    .my-sm-3 {
      margin-top: 1rem !important;
      margin-bottom: 1rem !important;
    }
    .my-sm-4 {
      margin-top: 1.5rem !important;
      margin-bottom: 1.5rem !important;
    }
    .my-sm-5 {
      margin-top: 3rem !important;
      margin-bottom: 3rem !important;
    }
    .my-sm-auto {
      margin-top: auto !important;
      margin-bottom: auto !important;
    }
    .mt-sm-0 {
      margin-top: 0 !important;
    }
    .mt-sm-1 {
      margin-top: 0.25rem !important;
    }
    .mt-sm-2 {
      margin-top: 0.5rem !important;
    }
    .mt-sm-3 {
      margin-top: 1rem !important;
    }
    .mt-sm-4 {
      margin-top: 1.5rem !important;
    }
    .mt-sm-5 {
      margin-top: 3rem !important;
    }
    .mt-sm-auto {
      margin-top: auto !important;
    }
    .mr-sm-0 {
      margin-right: 0 !important;
    }
    .mr-sm-1 {
      margin-right: 0.25rem !important;
    }
    .mr-sm-2 {
      margin-right: 0.5rem !important;
    }
    .mr-sm-3 {
      margin-right: 1rem !important;
    }
    .mr-sm-4 {
      margin-right: 1.5rem !important;
    }
    .mr-sm-5 {
      margin-right: 3rem !important;
    }
    .mr-sm-auto {
      margin-right: auto !important;
    }
    .mb-sm-0 {
      margin-bottom: 0 !important;
    }
    .mb-sm-1 {
      margin-bottom: 0.25rem !important;
    }
    .mb-sm-2 {
      margin-bottom: 0.5rem !important;
    }
    .mb-sm-3 {
      margin-bottom: 1rem !important;
    }
    .mb-sm-4 {
      margin-bottom: 1.5rem !important;
    }
    .mb-sm-5 {
      margin-bottom: 3rem !important;
    }
    .mb-sm-auto {
      margin-bottom: auto !important;
    }
    .ml-sm-0 {
      margin-left: 0 !important;
    }
    .ml-sm-1 {
      margin-left: 0.25rem !important;
    }
    .ml-sm-2 {
      margin-left: 0.5rem !important;
    }
    .ml-sm-3 {
      margin-left: 1rem !important;
    }
    .ml-sm-4 {
      margin-left: 1.5rem !important;
    }
    .ml-sm-5 {
      margin-left: 3rem !important;
    }
    .ml-sm-auto {
      margin-left: auto !important;
    }
    .p-sm-0 {
      padding: 0 !important;
    }
    .p-sm-1 {
      padding: 0.25rem !important;
    }
    .p-sm-2 {
      padding: 0.5rem !important;
    }
    .p-sm-3 {
      padding: 1rem !important;
    }
    .p-sm-4 {
      padding: 1.5rem !important;
    }
    .p-sm-5 {
      padding: 3rem !important;
    }
    .px-sm-0 {
      padding-right: 0 !important;
      padding-left: 0 !important;
    }
    .px-sm-1 {
      padding-right: 0.25rem !important;
      padding-left: 0.25rem !important;
    }
    .px-sm-2 {
      padding-right: 0.5rem !important;
      padding-left: 0.5rem !important;
    }
    .px-sm-3 {
      padding-right: 1rem !important;
      padding-left: 1rem !important;
    }
    .px-sm-4 {
      padding-right: 1.5rem !important;
      padding-left: 1.5rem !important;
    }
    .px-sm-5 {
      padding-right: 3rem !important;
      padding-left: 3rem !important;
    }
    .py-sm-0 {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
    .py-sm-1 {
      padding-top: 0.25rem !important;
      padding-bottom: 0.25rem !important;
    }
    .py-sm-2 {
      padding-top: 0.5rem !important;
      padding-bottom: 0.5rem !important;
    }
    .py-sm-3 {
      padding-top: 1rem !important;
      padding-bottom: 1rem !important;
    }
    .py-sm-4 {
      padding-top: 1.5rem !important;
      padding-bottom: 1.5rem !important;
    }
    .py-sm-5 {
      padding-top: 3rem !important;
      padding-bottom: 3rem !important;
    }
    .pt-sm-0 {
      padding-top: 0 !important;
    }
    .pt-sm-1 {
      padding-top: 0.25rem !important;
    }
    .pt-sm-2 {
      padding-top: 0.5rem !important;
    }
    .pt-sm-3 {
      padding-top: 1rem !important;
    }
    .pt-sm-4 {
      padding-top: 1.5rem !important;
    }
    .pt-sm-5 {
      padding-top: 3rem !important;
    }
    .pr-sm-0 {
      padding-right: 0 !important;
    }
    .pr-sm-1 {
      padding-right: 0.25rem !important;
    }
    .pr-sm-2 {
      padding-right: 0.5rem !important;
    }
    .pr-sm-3 {
      padding-right: 1rem !important;
    }
    .pr-sm-4 {
      padding-right: 1.5rem !important;
    }
    .pr-sm-5 {
      padding-right: 3rem !important;
    }
    .pb-sm-0 {
      padding-bottom: 0 !important;
    }
    .pb-sm-1 {
      padding-bottom: 0.25rem !important;
    }
    .pb-sm-2 {
      padding-bottom: 0.5rem !important;
    }
    .pb-sm-3 {
      padding-bottom: 1rem !important;
    }
    .pb-sm-4 {
      padding-bottom: 1.5rem !important;
    }
    .pb-sm-5 {
      padding-bottom: 3rem !important;
    }
    .pl-sm-0 {
      padding-left: 0 !important;
    }
    .pl-sm-1 {
      padding-left: 0.25rem !important;
    }
    .pl-sm-2 {
      padding-left: 0.5rem !important;
    }
    .pl-sm-3 {
      padding-left: 1rem !important;
    }
    .pl-sm-4 {
      padding-left: 1.5rem !important;
    }
    .pl-sm-5 {
      padding-left: 3rem !important;
    }
    .text-sm-left {
      text-align: left !important;
    }
    .text-sm-right {
      text-align: right !important;
    }
    .text-sm-center {
      text-align: center !important;
    }
  }

  /* end  1/12/2023 */

  
  /* contact-modal 4/12/2023 */
  .contact_flow_modal .contact_container .contact_header {
    text-align: left;
    position: relative;
}

.contact_flow_modal .contact_container .contact_detail hr {
    height: 1px;
    border-top: 1px solid #ddd;
    margin: 2rem;
}

.contact_flow_modal .contact_container .contact_header a.back-btn {
    position: absolute;
    left: 0;
    top: -4px;
}

.contact_flow_modal .contact_container .contact_header a.close-btn {
    position: absolute;
    right: 1rem;
    top: 0.5rem;
}

.contact_flow_modal .contact_container .contact_detail {
    position: relative;
}

.contact_flow_modal .contact_container .contact_header h4 {
    font-size: min(max(18px, 1.458vw), 28px);

}

.contact_flow_modal .contact_container .contact_header h6 {
    font-size: min(max(12px, 1.042vw), 20px);
    line-height: 1.5;
    margin-top: min(max(10px, 1.042vw), 20px);

}

.contact_flow_modal .contact_container {
  background-color: #ffffff;
  max-height: 767px;
  padding: unset;
  color: #212121;
  border-radius: 20px
  
}

.contact_flow_modal .contact_container .contact_option {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
}

.contact_flow_modal .contact_container .contact_box {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 10px;
    padding: min(max(10px, 1.042vw), 20px) 20px;
    max-width: 375px;
    margin: 1rem;
}

.contact_flow_modal .contact_container .contact_box label {
    color: #293450;
    font-size: 18px;
    font-weight: 600;
    padding-left: min(max(10px, 0.781vw), 15px);

}

.contact_flow_modal .contact_container .contact_box p {
    color: #5D6174;
    font-size: 16px;
    font-weight: 500;
    opacity: .8;
    margin-top: min(max(10px, 0.781vw), 15px);

}

.contact_flow_modal .contact_container .contact_btn {
    border-radius: 30px;
    color: #fff;
    background-color: #FF7500;
    outline: none;
    border: 0px;
    font-size: 18px;
    padding: min(max(6px, 0.938vw), 18px) min(max(28px, 1.823vw), 35px);
    max-width: 190px;
    white-space: nowrap;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}
.bg-light--primary{
  background-color: #EFF5F7;
}
.contact_flow_modal .contact_container ul{
  /* list-style: circle; */
  padding: 0;

}
.contact_flow_modal .contact_container ul li::before {
  content: "• ";
  color: var(--bg-secondary); /* or whatever color you prefer */
}
.contact_flow_modal .contact_container ul li {
  font-size: 12px;
  text-align: center;
}
.contact_flow_modal .contact_container .form-control{
  border: 1px solid #DEE7E9;
border-radius: 12px;
font-size: 14px;
color: #293450;
width: 100%;
box-shadow: none;
padding: 2rem 1.5rem;
}
.contact_flow_modal .contact_container .field-icon {
  float: right;
    margin-left: 0;
    margin-top: -2.8rem;
    position: relative;
    z-index: 2;
    margin-right: 1rem;
    color:#CBCCD0;
}
.contact_flow_modal .contact_container .fa-eye-slash:before {
    content: "\f070" !important;
    
}
.btn-secondary:hover,.btn-secondary:focus{
  color:#fff;
}
/*end contact-modal 4/12/2023 */


/* product grid 8/12/2023 */
.contact_flow_modal .modal-lg{
  width:80%;
  max-width:80%;
}
.product_formModal .productmodal .cart-qty-plus,.product_formModal .productmodal .cart-qty-minus,.product_formModal .productmodal input.qty.form-control{
  background-color: #fff;
  border-color: #fff;
}
.product_formModal .detail_product_left,.product_formModal .detail_product_left > .d-flex{
  text-align: left;
  justify-content: unset;
}
.btn-secondary {
  background-color: var(--bg-primary);
  border-color: var(--bg-primary);
}

.br-50 {
  border-radius: 50px !important;
}

.text-black {
  color: #212121 !important;
}



 .product-tab-tabContent .products_listing h4 {
  font-size: max(14px, 1.250vw);
}

 .product-tab-tabContent .products_listing h5.card-title {
  font-size: max(14px, 0.938vw);
  line-height: max(20px, 1.250vw);
  font-weight: 700;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

 .product-tab-tabContent .products_listing .card {
  border: 1px solid #F2F2F2;
  border-radius: 12px;
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.04);
  height: 100%;
}

 .product-tab-tabContent .products_listing img {
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.04);
  border-radius: 10px;
  width: 100%;
}

 .product-tab-tabContent .products_listing p {
  font-size: max(12px, 0.833vw);
  line-height: max(20px, 1.250vw);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

 .product-tab-tabContent .products_listing .btn {
  font-size: max(14px, 0.833vw);
  padding: max(6px, 0.417vw);
}

 .product-tab-tabContent .products_listing .card-body {
  padding: max(12px, 0.833vw);
}

 .product-tab-tabContent .products_listing .btn span {
  font-size: max(12px, 0.729vw);
  line-height: max(20px, 1.354vw);

}

.products_listing .productmodal.consultant_modal .header_banner {
  border-radius: 20px;
  border: 1px solid #D2DBDF;

  background: #ECF1F2;
}

.products_listing .productmodal .button-container {
  display: flex;
  align-items: center;
  height: max(44px, 2.604vw);
  min-width: 100%;
}

.products_listing .productmodal .cart-qty-plus,
.products_listing .productmodal .cart-qty-minus {
  height: 100%;
  background-color: #fff;
  border: 0px solid #ced4da;
  border-radius: 50px;
  padding: 0.375rem 0.75rem;

}

.products_listing .productmodal .cart-qty-plus {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.products_listing .productmodal .cart-qty-minus {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.products_listing .productmodal input.qty.form-control {
  border: 0px;
  border-radius: 0;
  width: 100%;
  text-align: center;
  font-size: max(16px, 1.042vw);
  color: #212121;
  padding: 0.375rem 0.75rem;
  height: max(44px, 2.604vw);
  min-height: auto;
}

.products_listing .productmodal .product_img {
  height: max(220px, 15.625vw);
  display: block;
  margin: auto;
}

.products_listing .productmodal.consultant_modal .price-number .disease_name {
  font-size: max(24px, 1.875vw);
}

.products_listing .productmodal.consultant_modal h4 {
  font-size: max(20px, 1.458vw);
}

.products_listing .productmodal.consultant_modal h2.text-secondary {
  font-size: max(28px, 2.188vw);
}

.products_listing .productmodal.modal.fade .modal-dialog {
  max-width: max(320px, 64.792vw)
}

.nav-pills .nav-link.br-50 {
  border-radius: 50px !important;
}

.products_listing .productmodal .btn .product-tab-tabContent img {
  height: max(160px, 12.5vw);
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.products_listing .productmodal .btn{
  min-width: unset;
  align-items: center;
  height: max(44px, 2.604vw);
}
.products_listing {
  display: grid;
  gap: 2rem;
  grid-template-columns: 24% 24% 24% 24%;
}

.products_listing .flex-1 {
  max-width: 100%;
  min-width: 140px;
  margin: 0 !important;
}
.fade.show{
  opacity: 1;
}
.products_listing .productmodal .cart-qty-plus,.products_listing .productmodal .cart-qty-minus{
  background-color: #eaf8fa;
}
.products_listing .multithumbnail_slider .slick-slide img:not(.play-pause-btn) {
  /* width: 100%; */
}
.productmodal input.qty.form-control{
  width:100%;
}
.bg-tranparant{
  background-color: transparent !important;
}
@media (max-width:1400px) {
  .products_listing .productmodal .button-container{
    margin: 0;
  }

}
@media (min-width:576px) and (max-width:1400px) {
  .products_listing {
    display: grid;
    grid-template-columns: auto auto auto;
  }
}
@media (max-width:576px) {
  .products_listing {
    display: grid;
    grid-template-columns: auto auto;
  }
  .contact_flow_modal .modal-lg {
    width: 95%;
    max-width: 95%;
}
}
/*end product grid 8/12/2023 */

/* others section  */
.others--wrap{
  display: flex;
}
textarea.form-control.other--textarea{
  /* margin-left: 3rem; */
  width: 100%;
  flex-grow: 1;
  border-radius: 8px;
border: 1px solid var(--bg-secondary);
height: 34px ;
line-height: 1.1;
max-height: 72px !important;
}
.new_subtitle{
  color: #7A7A7A;
  font-size: 16px;
font-style: normal;
font-weight: 400;
}


/* 28/12/2023 shipping address */
.new_shipping .medication-group .panel-default .panel-heading a.collapsed, .home_pharmacy .medication-group .panel-default .panel-heading a{
background:unset;
}
.new_shipping [type="radio"]:checked + label:after, .new_shipping [type="radio"]:not(:checked) + label:after{
  content:"";
  width: 13px;
  border-radius: 50%;
    height: 13px;
    left: 4px;
}
.new_shipping .home_pharmacy [type="radio"]:not(:checked) + label:after{
  transform: translateY(-50%) scale(1);
  opacity: 0;
  top: 50%;
  left: 4px;
}
.new_shipping .home_pharmacy [type="radio"]:checked + label:after{
  opacity: 1;
  left: 4px;

}
.new_shipping .edit_infor .form-control{
  border-radius: 6px;
border: 1px solid var(--Black-10, #E9E9E9);
background: #FFF;
box-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.06);
height:48px;
font-size: max(16px,1.042vw);
color: #212121;
}
.new_shipping .edit_infor label{
font-size: max(14px,0.938vw);
color:#646464;
font-weight: 500;

}
.trigger_next svg {
  fill: #fff;
}
/* end 28/12/2023 shipping address */

/* New upload module 30-12-2023 */
/* .new__upload_v3{
  margin: auto;
  width: 750px;
} */
.new__upload_v3 .row{
  flex: 1 0 auto;
}
.upload__wrapper{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}
.upload__wrapper .upload-btn{
  min-width: 160px;
padding: 12px 25px;
border-radius: 30px;
background: var(--Orange-1-Normal, var(--bg-primary));
font-size: min(max(14px, 0.938vw), 18px);
color: #fff;
display: flex;
align-items: center;
font-weight: 700;
}
.upload__wrapper .upload-btn img{
  margin-right: 8px;
}
.bg-dark{
  background-color: #293450 !important;
}
.bg-light-gray-1{
  background-color: #A6A6A6 !important;
}
.bg-grey-2{
  background-color: #4D4D4D !important;
}
.new__upload_v3 .sub-title{
  /* font-size: min(max(14px,0.938vw),16px) ; */

  color: #7A7A7A;
  }
  .upload-btn.box label{
    padding-left: 0;
    font-size: min(max(14px, 0.938vw), 18px);
color: #fff;
  }
  .upload-btn.box label::before{
display: none;
  }
  .text-error-1{
    color: #E33B3B;
  }
  .fs-14{
    font-size: 14px;
  }
  .upload-instructions .panel{
    border: 0;
    box-shadow: none;
  }
  .upload-instructions .panel-default>.panel-heading{
border: 0;
background-color: transparent;
  }
  .upload-accordian-heading.collapsed{
    border-radius: 8px;
    background: #FFF;
box-shadow: 2px 6px 16px 0px rgba(0, 0, 0, 0.06);

  }
  .upload-accordian-heading{
    padding: 15px ;
    padding-right: 30px;
    border-radius: 8px 8px 0px 0px;
box-shadow: none;
color: var(--Black-Darker, #212121);
display: block;
font-size: 16px;
background: var(--Blue-Light, #EAF8FA);

font-weight: 600;
line-height: 24px; /* 150% */
position: relative;
  }
  .upload-accordian-heading:is(:hover,:focus ,:visited , :active){
    color: #212121;
  }
  /* .upload-accordian-heading:not(.collapsed)::after{
    background-image: url(../images/new_upload/minus.svg);

  } */
  .upload-accordian-heading::after{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    background-image: url(../images/new_upload/minus.svg) ;
    background-size: contain;
    width: 24px;
    height: 24px;
    
  }
  
  .collapsed.upload-accordian-heading::after{
    background-image: url(../images/new_upload/Add.svg);

  }
  .new__upload_v3 .panel-body{
    border-radius: 0px 0px 8px 8px;
    background: var(--Blue-Light, #EAF8FA);
    padding: 15px;
    padding-top: 0;
  }
  .upload-term-list{
    padding-left: 0;

  }
  .upload-term-list li{
    color: #071A23;
/* font-family: Montreux Grotesk Soft; */
font-size: 15px;
font-style: normal;
position: relative;
    padding-left: 15px;
font-weight: 400;
line-height: 20px; /* 142.857% */
margin-bottom: 8px;
  }
  .upload-term-list li::before{
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    top: 8px;
    left: 0;
    background-color: var(--bg-primary);
  }
  .play-btn{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% ,-50%);
    background-color: rgba(255, 255, 255, 0.01);
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.60);;
  }
  .img--upload-grp .containerC{
    color: var(--Black-Darker, #212121);
padding-left: 3.5rem;
    /* Text Medium/Bold */
    /* font-family: Montreux Grotesk Soft; */
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 3rem; /* 133.333% */
    margin-bottom: 14px;
  }
  .img--upload-grp .uploded__img .expand-icon{
    right: 6px;
    max-width: 24px;
    top: 2%;
}
.img--upload-grp .imgList{
  overflow-x: scroll;
}
.img--upload-grp .imgList .item{
  cursor: pointer;
}
.img--upload-grp .imgList:hover{
  overflow-x: scroll;
}
.img--upload-grp  .steps-text .more{
  display: none;
  /* line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all ease-in-out 2s; */
}
.sample-img-example p{
  color: var(--Black-Darker, #212121);
display: flex;
align-items: center;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20px; /* 142.857% */
margin-bottom: 10px;

}
.sample-images{
  border-radius: 10px;
border: 1px solid var(--Black-Light, #E9E9E9);
width: 100px;
height: 100px;

}
.img--upload-grp .readmore{
  color: var(--Black-Darker, #212121);
/* font-family: Montreux Grotesk Soft; */
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 150% */
-webkit-text-decoration-line: underline;
        text-decoration-line: underline;
}
.uploaded--img-grid{
  display: flex;
    overflow-x: hidden;
    padding: 0;
    margin: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    justify-content: center;
}
.uploaded--img-grid .expand-icon{
max-width: 24px;
position: absolute;
top: 4%;
right: 12%;
}
.uploaded--img-grid .remove_img{
  max-width: 24px;
  position: absolute;
  top: 4%;
  right: 2%;
  }
  .img-upload-check .check-container.common_checkbox{
    padding-left: 30px;
  }
  .img-upload-check .checkmark{
    top: 3px !important;
    height: 24px !important;
    border: 2px solid var(--bg-secondary);
    width: 24px !important;
    background-color: transparent;
  }
  #delete-modal .modal-content{
    border-radius: 25px;
background: #FFF;
min-width: 480px;
  }
  #delete-modal .modal-body{
    padding: 50px 30px 40px 30px;
flex-direction: column;
display: flex;
align-items: center;
gap: 10px;
  }
  .cross{
    width: 80px;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
background-color: rgba(227, 59, 59, 0.1);
  }
  #delete-modal .btn{
    border-radius: 30px;
    min-width: 160px;
padding: 12px 25px;
color: #FFF;
text-align: center;

/* Text Medium/Bold */
/* font-family: Montreux Grotesk Soft; */
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 24px; /* 133.333% */
  }
  #delete-modal .btn-cancel{
    background-color: #E9E9E9;
    color: #212121;

  }
  #delete-modal .btn-delete{
  }
@media(max-width:768px){
  .upload__wrapper .upload-btn{
    padding: 12px;
    min-width: 140px;
  }
  .img--upload-grp .imgList{
    overflow: auto;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .img--upload-grp .imgList li{
    width: 100%;
    margin: 0;
    max-width: unset;
  }
  .img--upload-grp .uploded__img .imgList .item img{
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    border-radius: 1rem;
    max-height: 150px;
  }
 
}
/* upload screen css end  */


/* medication screen */
.medication--box{
  padding: min(max(15px,1.354vw),26px) ;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.medication--box .input-field {
  height: 50px !important;
  padding: 15px;
}
.medication--box .selectSelectPediatric{
  height: 50px !important;
  display: flex;
  align-items: center;
  
}
.medication--box .select_state_with_search+.select2-container--default .select2-selection--single .select2-selection__arrow{

  height: 50px  !important;
}
.search-input{
  position: relative;
}
.search-input img{
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.search-input .selectSelectPediatric .select2-selection__rendered{
  padding-left: 35px !important;
}
.search-input .select2-container{
  border-radius: 10px;
  border: 1px solid transparent;
}
.search-input .select2-container--open {

  border-color: #289da7;

}
.col-lg-12 {
  flex: 0 0 auto;
  width: 100%
}
@media (min-width:992px) {
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%
}
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}.l2 {
  padding-left: 1em;
}
.tablet--wraper .custom_select+.select2-container{
  width: auto !important;
  min-width: 160px;
  margin-left: .7rem;
}
.new__medication .selected-medication{
border-radius: 0px 0px 10px 10px;
position: relative;

}
.selected-medication{
padding: 10px 15px 10px 15px;
border-radius:  10px 10px;
background: rgba(255, 137, 39, 1);
text-align: center;
gap: 5px;
position: -webkit-sticky;
position: sticky;
top: 2%;
z-index: 999;

}
.selected-medication p{
  color: #fff;
  font-weight: 600;
  font-size: min(max(14px,0.938vw),16px) ;
margin-bottom: .6rem;
}
.medication-details{
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: auto;
padding: 2px 10px;


background: #FFFFFF;
border-radius: 30px;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;

color: #212121;

}
.attach-file-module .upload-btn{
  position: relative;
  display: inline-block;
  /* justify-content: center; */
  align-items: center;
cursor: pointer;

}
.attach-file-module .upload-btn .hidden-input{
width: 100%;
cursor: pointer;
inset: 0;
}
.medication-upload .uploaded--img-grid{
  overflow-x: scroll;
  gap: 16px;
}
.medication--img h5{
  font-size:20px;
  font-weight: 600;
  color: #212121;
}
.upload-tabs .nav-tabs{
  display: flex;
  align-items: center;
  overflow: hidden;
}
.upload-tabs .nav-item .nav-link{
  border-radius: 8px 8px 0px 0px;
  padding: 8px 15px;
  border: 0;
  background-color: #fff;
  color: #909090;
  font-size: min(max(14px,0.938vw),16px) ;
font-weight: 600;
}
.upload-tabs .nav-item.active .nav-link{
  background-color: var(--bg-secondary);
  color: #fff;
}
.upload-tabs .tab-pane{
border: 1px solid var(--bg-secondary);
border-radius: 0 0 10px 10px;
padding: 1rem;
}
.medical-detail{
  padding: 15px;
  border-radius: 10px;
  background-color: var(--bg-gray-light);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}
.medical-img{
  padding: 5px 14px;
  border-radius: 10px;
  background-color: #fff;
  display: flex;
  /* justify-content: space-between; */
  align-items: center;
  margin-right: 10px;
}
.medical-details{
  margin: 0;
  color: #212121;
  font-size: min(max(14px,0.938vw),16px) ;
font-weight: 600;
}
.medical-actions{
  display: flex;
  /* justify-content: space-between; */
  align-items: center;
}
.medical-actions .edit-btn{
  font-size: min(max(14px,0.938vw),16px) ;
font-weight: 600;
padding:  2px 8px;
border-radius: 30px;
background-color: var(--bg-primary);
color: #fff !important;
margin-right: 6px;
}
.add-medication{
  font-size: 18px;
  border-radius: 30px;
background-color: var(--bg-primary);
color: #fff !important;
padding: 6px 15px ;
margin-top: 1.5rem;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-inline: auto;
}



/* start lab_insurance 1/3/2024 */

.lab_insurance .nav-tabs {
  border-bottom: none;
  margin-bottom: 15px;
  border:1px solid var(--bg-secondary);
  border-radius:6px;
}
.lab_insurance .nav .nav-item{
  /* width: 50%; */
  /* border: 1px solid #ccc; */
  margin-bottom: 0px;
}
.lab_insurance .nav .nav-item.active a{
 background:var(--bg-secondary);
 color: #fff;
 border-radius: 0px;
 text-align: center;
 
}
.lab_insurance .nav-tabs>li>a:hover{
  border-color:transparent;
  border-right-color:var(--bg-secondary);
}
.lab_insurance .nav-tabs>li>a {
  line-height: 1.42857143;
  border-right: 1px solid var(--bg-secondary);
  border-radius: 0px;
  text-align: center;
  height:100%;
  color:#646464;
  margin:0;
  font-weight:400;
  font-size:14px;
}
.lab_insurance .nav-tabs>li.active>a,.lab_insurance .nav-tabs>li.active>a:focus,.lab_insurance .nav-tabs>li.active>a:hover {
  /* color: #fff; */
  cursor: default;
  border-radius: 0px;
  border:0px;
}
.lab_insurance .nav-tabs{
  display: flex;
    align-items: stretch;
}
.lab_insurance .listing-data ul{
  list-style-type: disc;
  font-size:14px;
  font-weight:600;
}
.lab_insurance .listing-data{
  background:#F3F4F7;
  padding:1rem;
}
.lab_insurance h4{
  color:#293450;
  text-align:center;
  font-weight:600;
  font-size:16px;
}
/*end lab_insurance 1/3/2024 */

/* .modal.fade .modal-dialog { 
  transition: transform 0.75s ease-in; 
  transform:  scale(0) ; 
}
.modal.fade.in .modal-dialog { 
  transition: transform 0.75s ease-in; 
  transform:  scale(1) translate(0,0); 
} */


/* Start New Subscription v2 28/05/2024  */
.subscription-v2 .head__text {
  font-size: min(max(18px, 1.46vw), 28px);
  font-weight: 700;
  margin-top: 25px;
  margin-bottom: 20px;
  text-align: center;
}
.subscription-v2 button.btn {
  padding: 1.25rem 2rem;
  border-radius: 2.5rem;
  font-weight: 700;
  font-size: min(max(15px, 0.938vw), 18px);
  max-width: 100%;
}
.subscription-v2 button.btn.btn-lg {
  min-width: 225px;
}
.subscription-v2 button.btn.btn-submit {
  border: 1px solid var(--bg-primary);
  color: var(--bg-primary);
  background: white;
}
.subscription-v2 button.btn.btn-submit:hover {
  border: 1px solid var(--bg-primary);
  color: white;
  background: var(--bg-primary);
}
.subscription-v2 .nav-pills {
  margin: auto;
  border: 1px solid #D3D3D3;
  padding: 0.5rem;
  border-radius: 3rem;
  overflow: hidden;
  display: flex !important;
  align-items: center;
}
.subscription-v2 .nav-pills > li:not(.active) a {
  border-radius: 3rem;
  color: #293450;
}
.subscription-v2 .nav-pills > li.active > a, .subscription-v2 .nav-pills > li.active > a:focus, .subscription-v2 .nav-pills > li.active > a:hover {
  background-color: var(--bg-secondary);
  color: white;
  border-radius: 3rem;
}
.subscription-v2 .nav-pills > li a {
  font-size: min(max(16px, 0.938vw), 18px);
  font-weight: 700;
}
.subscription-v2 .switch-section {
  margin-top: 2rem;
}
.switch--horizontal .checkbox-label {
  display: block;
  background:var(--bg-secondary);
  height: 20px;
  width: 36px;
  border-radius: 50px;
  margin: auto;
  position: relative;
  /* box-shadow: 0 0 0 2px #dddddd; */
}
.switch--horizontal .checkbox-label .on {
  display: block;
  position: absolute;
  z-index: 0;
  left: 44px;
  opacity: 1;
  min-width: 150px;
  /* line-height: 50px; */
  /* opacity: 0; */
  color: #909090;
  cursor: pointer;
  font-size: 14px;
  text-align: left;
  font-weight: 500;
}
.switch--horizontal .checkbox-label .off {
  display: block;
  cursor: pointer;
  font-size: 14px;
  position: absolute;
  z-index: 0;
  right: 44px;
  text-align: right;
  opacity: 1;
  min-width: 150px;
  /* line-height: 50px; */
  opacity: 1;
  color: var(--bg-secondary);
  font-weight: 700;
}
.switch--horizontal .checkbox-label:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  transition: all ease .3s;
  left:4px;
  border-radius: 50px;
  height:12px;
  width: 12px;
  background: white;
  /* box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2), 0 0 0 2px #dddddd; */
}

.switch--horizontal .checkbox {
  position: absolute;
  left: -5000px;
}
.switch--horizontal .checkbox:checked + .checkbox-label {
  background: var(--bg-secondary);
  /* box-shadow: 0 0 0 2px #13bf11; */
}
.switch--horizontal .checkbox:checked + .checkbox-label .on {
  
  /* opacity: 1; */
  color: var(--bg-secondary);
  font-weight: 700;
}
.switch--horizontal .checkbox:checked + .checkbox-label .off {
color: #909090;
font-weight: 500;

  /* opacity: 0; */
}
.switch--horizontal .checkbox:checked + .checkbox-label:before {
  left: 20px;
  /* box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2), 0 0 0 2px #13bf11; */
}


.subscription-v2 .cards-subscription-v2 {
  display: flex;
}
.subscription-v2 .cards-subscription-v2 .card-subscription-v2 {
  display: flex;
  flex-direction: column;
  flex: 1;
  background-color: white;
  margin: 2rem 0.75rem 0;
  border: 1px solid #E9E9E9;
  border-radius: 1.5rem;
  overflow: hidden;
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.0392156863);
}
.subscription-v2 .cards-subscription-v2 .card-subscription-v2:first-child {
  margin-left: 0;
}
.subscription-v2 .cards-subscription-v2 .card-subscription-v2:last-child {
  margin-right: 0;
}
.subscription-v2 .cards-subscription-v2 .card-subscription-v2 .card-header {
  background: #333;
  color: #fff;
  padding: 1.2rem 2rem;
  border-radius: 1.5rem 1.5rem 0 0;
}
.subscription-v2 .cards-subscription-v2 .card-subscription-v2 .card-header.horizontal {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.subscription-v2 .cards-subscription-v2 .card-subscription-v2 .card-header.horizontal .card-title {
  margin: 0 0 0;
}
.subscription-v2 .cards-subscription-v2 .card-subscription-v2 .card-header .card-title {
  margin: 0 0 1rem;
  font-size: min(max(16px, 0.94vw), 18px);
  font-weight: 700;
  /* max-width: 49%; */
  line-height: 1.3;
}
.subscription-v2 .cards-subscription-v2 .card-subscription-v2 .card-header .card-subitle {
  margin: 0;
  line-height: 1.3;
  text-align: left;
}
.subscription-v2 .cards-subscription-v2 .card-subscription-v2 .card-header .card-subitle .price {
  font-size: 18px;
  font-weight: 700;
}
.subscription-v2 .cards-subscription-v2 .card-subscription-v2 .card-header .card-subitle .validity {
  font-size: 16px;
  font-weight: 400;
}
.subscription-v2 .cards-subscription-v2 .card-subscription-v2 .card-content {
  padding: 1.75rem 1.25rem;
  background-color: white;
}
.subscription-v2 .cards-subscription-v2 .card-subscription-v2 .card-content ul.subscription-points {
  padding: 0;
  margin: 0;
}
.subscription-v2 .cards-subscription-v2 .card-subscription-v2 .card-content ul.subscription-points .sub-point {
  padding-left: 2.75rem;
  margin-bottom: 1.5rem;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
  color: #212121;
  position: relative;
}
.subscription-v2 .cards-subscription-v2 .card-subscription-v2 .card-content ul.subscription-points .sub-point.tooltip-enabled {
  padding-right: 2.75rem;
}
.subscription-v2 .cards-subscription-v2 .card-subscription-v2 .card-content ul.subscription-points .sub-point::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background: contain center no-repeat;
  background-image: url(../images/img/green-check.svg);
}
.subscription-v2 .cards-subscription-v2 .card-subscription-v2 .card-content ul.subscription-points .sub-point:last-child {
  margin-bottom: 0;
}
.subscription-v2 .cards-subscription-v2 .card-subscription-v2 .card-footer {
  text-align: center;
  padding: 0 1.25rem 2rem;
  background-color: white;
  margin-top: auto;
  border-radius: 0 0 1.5rem 1.5rem;
}
.subscription-v2 .modal-inner {
  overflow: hidden;
  height: auto;
  background: transparent;
  border-radius: 0;
  position: absolute;
  bottom: 0;
  margin: 0;
  width: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
}
.subscription-v2 .modal-inner .cards-subscription-v2 .card-subscription-v2 {
  border: 0;
  margin: 0;
  width: 100%;
  border-radius: 1.5rem 1.5rem 0 0;
}
.subscription-v2 .modal-inner .cards-subscription-v2 .card-subscription-v2::before {
  display: none;
}
.subscription-v2 .modal-inner .cards-subscription-v2 .card-subscription-v2 .card-header {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 1.5rem 2rem;
}
.subscription-v2 .modal-inner .cards-subscription-v2 .card-subscription-v2 .card-header .card-title {
  font-size: 2rem;
  margin-bottom: 1rem;
  max-width: calc(100% - 30px);
}
.subscription-v2 .modal-inner .cards-subscription-v2 .card-subscription-v2 .card-header .card-subitle {
  max-width: 100%;
}
.subscription-v2 .modal-inner .cards-subscription-v2 .card-subscription-v2 .card-header .card-subitle .price {
  font-size: 20px;
}
.subscription-v2 .modal-inner .cards-subscription-v2 .card-subscription-v2 .card-header .close-modal {
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
  z-index: 1;
  width: 24px;
  height: 24px;
}
.subscription-v2 .modal-inner .cards-subscription-v2 .card-subscription-v2 .card-content {
  padding: 1.5rem 2rem;
}
.subscription-v2 .modal-inner .cards-subscription-v2 .card-subscription-v2 .card-content .subscription-points {
  padding: 0;
  margin: 0;
  max-height: initial;
}
.subscription-v2 .modal-inner .cards-subscription-v2 .card-subscription-v2 .card-footer {
  padding: 1.75rem 2rem;
}
.subscription-v2 .light-purple {
  background-color: #F1F1FA !important;
  color: #6B6BC6 !important;
}
.subscription-v2 .light-purple ~ .card-footer button.btn.btn-submit{
  color: #6B6BC6;
  border-color: #6B6BC6;
}
.subscription-v2 .light-purple ~ .card-footer button.btn.btn-submit:hover{
  color: #fff;
  background-color: #6B6BC6;
}
.subscription-v2 .pink {
  background-color:var(--bg-gray-light) !important;
  color: var(--bg-primary)  !important;
}
.subscription-v2 .purple {
  background-color: #EAF8FA !important;
  color: var(--bg-secondary) !important;
}
.subscription-v2 .purple ~ .card-footer button.btn.btn-submit{
  color: var(--bg-secondary);
  border-color: var(--bg-secondary);
}
.subscription-v2 .purple ~ .card-footer button.btn.btn-submit:hover{
  color: #fff;
  background-color: var(--bg-secondary);
}
.subscription-v2 .tooltip-button {
  position: absolute;
  right: 0;
  top: 0;
}
.subscription-v2 .tooltip-button .tooltip-icon:focus + .tooltip,
.subscription-v2 .tooltip-button .tooltip-icon:hover + .tooltip {
  display: block;
  opacity: 1;
}
.subscription-v2 .tooltip-button .tooltip {
  background: #7A7A7A;
  border: 1px solid #BCBCBC;
  display: none;
  padding: 1rem;
  color: white;
  border-radius: 0.5rem;
  font-size: min(max(12px, 0.729vw), 14px);
  left: auto;
  right: 0;
  width: 200px;
}
@media screen and (max-width: 768px) {
  .subscription-v2 button.btn {
    padding: 0.75rem 2rem;
    width: 100%;
  }
  .subscription-v2 button.btn.btn-lg {
    min-width: 225px;
  }
  .subscription-v2 button.btn.btn-submit {
    border: 1px solid var(--bg-primary);
    color: white;
    background: var(--bg-primary);
  }
  .subscription-v2 button.btn.btn-submit:hover {
    border: 1px solid var(--bg-primary);
    color: var(--bg-primary);
    background: white;
  }
  .subscription-v2 .tooltip-button .tooltip {
    transform: translateY(calc(-100% - 24px));
  }
  .subscription-v2 .cards-subscription-v2 {
    flex-direction: column;
  }
  .subscription-v2 .cards-subscription-v2 .card-subscription-v2 {
    margin: 2.25rem 0;
    position: relative;
    z-index: 0;
    overflow: visible;
    border: 1px solid #D3D3D3;
    background-color: white;
  }
  .subscription-v2 .cards-subscription-v2 .card-subscription-v2:before {
    content: "";
    display: block;
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: calc(100% + 30px);
    background: #F9F9F9;
    z-index: -1;
  }
  .subscription-v2 .cards-subscription-v2 .card-subscription-v2 a.read-more {
    color: var(--bg-primary);
    display: inline-block;
    border-bottom: 1px solid var(--bg-primary);
    text-transform: capitalize;
    font-weight: 700;
    cursor: pointer;
    margin-top: 1.5rem;
  }
  .subscription-v2 .cards-subscription-v2 .card-subscription-v2 .card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
  }
  .subscription-v2 .cards-subscription-v2 .card-subscription-v2 .card-header .card-title {
    margin: 0 0 0;
  }
  .subscription-v2 .cards-subscription-v2 .card-subscription-v2 .card-content {
    padding: 1.5rem;
  }
  .subscription-v2 .cards-subscription-v2 .card-subscription-v2 .card-content ul.subscription-points {
    padding: 0;
    margin: 0;
    max-height: calc(16rem - 10px);
    overflow: hidden;
  }
  .subscription-v2 .cards-subscription-v2 .card-subscription-v2 .card-content ul.subscription-points .sub-point {
    padding-left: 3rem;
  }
  .subscription-v2 .cards-subscription-v2 .card-subscription-v2 .card-footer {
    padding: 0 1.5rem 1.5rem;
  }
  .subscription-v2 .switch-section {
    margin-bottom: 0.75rem;
  }
  .subscription-v2 .nav-pills > li a {
    font-weight: 500;
  }
  .subscription-v2 .light-purple ~ .card-footer button.btn.btn-submit{
    color: #fff;
    background-color: #6B6BC6;
  }

  .subscription-v2 .purple ~ .card-footer button.btn.btn-submit{
    color: #fff;
    background-color: var(--bg-secondary);
  }
}

.modal-open .modal.fade.in.subscription-v2 {
  overflow: hidden;
}
.modal-open .modal.fade.in.subscription-v2 .modal-inner {
  transition: transform 0.25s ease-in;
  transform: translateX(-50%) translateY(0%);
}/*# sourceMappingURL=dev-2-styles.css.map */
/* End New Subscription v2  */



/* contact modal new 19-06-2024 */
.contact-msg-modal .modal-content{
  border-radius: 12px;
    /* max-width: 390px; */
    max-height: calc(100% - 15px);
    margin: 15px;
    width: 100%;
}
.contact-msg-modal .modal-header{
  background-color: rgba(255, 121, 9, 0.08);
  padding: 10px ;
  border-bottom: 1px solid rgba(223, 228, 231, 1);
}
.contact-msg-modal .logo-box{
  display: flex;
  align-items: center;
  gap: 1rem;
}
.contact-msg-modal .user-info{
  display: flex;
  gap: 5px;
  color: rgba(255, 137, 39, 1);
  text-decoration: underline;
  font-weight: 700;
  align-items: center;
}
.contact-msg-modal .textarea-new {
  display: block;
  width: 100%;
  /* max-width: 350px; */
  overflow: hidden auto;
  resize:vertical;
  min-height: 45px;
  line-height: 20px;
  max-height: 80px;
  border: 1px solid #DEE7E9;
  border-radius: 8px;
  padding: 10px;
  background-color: #fff;
}
.contact-msg-modal .textarea-new:focus-visible{
  outline: none;
}
.contact-msg-modal .textarea-new[contenteditable]:empty::before {
  content: "Type A Message";
  color:  rgba(41, 52, 80, 0.5);
}
.contact-msg-modal .message-box-wrap{
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 75vh;
  overflow: auto;
}
.contact-msg-modal .user-data{
  display: flex;
  align-items: self-start;
  gap: 5px;
  margin-bottom: 10px;
}
.contact-msg-modal .date-posted{
  text-transform: capitalize;
  color: rgba(41, 52, 80, 0.6);
}
.contact-msg-modal .user-data p{
  margin-bottom: 0;
  line-height: 1.1;
  color: rgba(52, 57, 77, 1);
  font-size:16px ;

}
.contact-msg-modal .modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
  bottom: 0;
  position: absolute;
  width: 100%;
  background: white;
  left: 0;
  text-align: left;
  border-top: 0;
}

.contact-msg-modal .message-box{
  border-radius: 12px;
  padding: 10px;
  background-color: rgba(215, 229, 235, 0.4);
}
.contact-msg-modal .type-message-box{
  border-radius: 12px;
  background: rgba(239, 245, 247, 1);
  padding: 15px 10px;
}
.contact-msg-modal .chat-box{
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.contact-msg-modal .cod_pop-upload {
  cursor: pointer;
}
.contact-msg-modal .cod_pop-upload span {
  color: #293450;
  font-weight: 500;
  font-size: min(max(14px,0.885vw),16px);
  margin-left: 5px;
}
.contact-msg-modal .cod_pop-upload input {
  position: absolute;
  inset: 0;
  width: 100%;
  cursor: pointer;
  opacity: 0;
}
@media(max-width:576px){
  .contact-msg-modal .user-data p{
    font-size: 14px;
  }
  .contact-msg-modal .message-box-wrap{
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 80vh;
    overflow: auto;
  }
}
/* contact modal new end 19-06-2024 */


/* reactivate table plan 8/7/2027 */
.reactivate_table table.cod_status tr:nth-child(1) td:nth-child(1) {
  border-radius: 12px 0 0 0;
}
.reactivate_table table.cod_status tr td:first-child {
  background-color: #F1F9FA;
  border-right: 0px;
}
.reactivate_table table.cod_status tr td {
  border-color: #DEE7E9;
  border-width: 1px;
  vertical-align: middle;
  font-size: min(max(16px,0.938vw),18px);
  font-weight: 500;
  padding: min(max(10px, 0.781vw), 15px);
  border-bottom: 0px;
}
.reactivate_table table.cod_status {
  border-collapse: separate;
  border-spacing: 0;
}
.reactivate_table .table-bordered{
  border: 0px;
}
.reactivate_table table.cod_status tr:nth-child(1) td:last-child {
  border-radius: 0 12px 0 0;
}
.reactivate_table table.cod_status tr:last-child td:nth-child(1) {
  border-radius: 0 0 0 12px;
}
.reactivate_table table.cod_status tr:last-child td:last-child {
  border-radius: 0 0 12px 0;
}
.reactivate_table table.cod_status tr:last-child td {
  border-bottom: 1px solid #DEE7E9;
}
.reactivate_table table.cod_status tr:last-child td {
  border-bottom: 1px solid #DEE7E9;
}
.reactivate_table .position-absolute{
  position: absolute;
}
.reactivate_table .top-0{
  top: 0;
}
.reactivate_table .right-0{
  right:0;
}
.reactivate_table h4{
  font-size: min(max(20px,1.458vw),28px);

}
/*end reactivate table plan 8/7/2027 */


/* new floating  stacked buttons  */

#floating-snap-btn-wrapper {
  position: absolute;
  transform: translate(-50%, -50%);
  bottom: 10%;
  right: 0px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
 #floating-snap-btn-wrapper .fab-btn {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--bg-secondary);
  color: white;
  z-index: 1000;
  flex-direction: column;
  border: 0.63px solid #BEEBEF;
cursor: pointer;

  box-shadow: 0px 8px 16px 0px var(--bg-secondary)3D;
}
.hamburger .line {
  width: 20px;
  height: 2.5px;
  border-radius: 20px;
  background-color: #ecf0f1;
  display: block;
  margin: 2px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.fab-active .hamburger .line:nth-child(2){
  opacity: 0;
}

.fab-active .hamburger .line:nth-child(1){
  -webkit-transform: translateY(6px) rotate(45deg);
  -ms-transform: translateY(6px) rotate(45deg);
  -o-transform: translateY(6px) rotate(45deg);
  transform: translateY(6px) rotate(45deg);
}

.fab-active .hamburger .line:nth-child(3){
  -webkit-transform: translateY(-7px) rotate(-45deg);
  -ms-transform: translateY(-7px) rotate(-45deg);
  -o-transform: translateY(-7px) rotate(-45deg);
  transform: translateY(-7px) rotate(-45deg);
}

 #floating-snap-btn-wrapper ul {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
 #floating-snap-btn-wrapper ul li {
  position: absolute;
  top: 0;
  left: 0;

  list-style-type: none;

  /* transform: scale(0.95); */
  transition: 0.5s;

}
.floating-btn{
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-secondary);
  color: black;
  box-shadow: 0px 8px 16px rgba(45, 189, 202, 0.24);
  
  cursor: pointer;
    border-radius: 50%;
    border: 0.63px solid #BEEBEF;
}
.floating-btn .notification-badge{
    position: absolute;
    right: 6%;
    top: -4px;
    min-width: 20px;
    min-height: 22px;
    border-radius: 50%;
    color: #fff;
    padding: 4px 2px;
    font-size: 11px;
    background-color: var(--bg-primary);
    /* display: flex; */
    justify-content: center;
    align-items: center;
    display: none;
    line-height: 1;

}
.fab-active .floating-btn .notification-badge {
display: flex;
}
.floating-btn .floating-btn-text{
  position: absolute;
  /* transition: left right 1s ease-in; */
  top: 0;
  /* left: 0; */
  background: var(--bg-secondary);
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  border-radius: 30px;
  padding: 7px 10px;
  display: none;

}
.floating-btn:is(:hover ,:focus ,:active) .floating-btn-text{
  display: block;
}
@media (max-width:768px) {
  .fab-active .floating-btn .floating-btn-text{
    display: block;
  }
}
 #floating-snap-btn-wrapper.fab-active li:hover {
  /* background-color: #f8e487; */
}
 #floating-snap-btn-wrapper.fab-active.expand-down li:nth-child(1) {
  left: 0%;
  top: -330%;
  transition-delay: 0s;
}
 #floating-snap-btn-wrapper.fab-active.expand-down li:nth-child(2) {
  left: 0%;
  top: -220%;
  transition-delay: 0.2s;
}
 #floating-snap-btn-wrapper.fab-active.expand-down li:nth-child(3) {
  left: 0%;
  top: -110%;
  transition-delay: 0.4s;
}
 #floating-snap-btn-wrapper.fab-active.expand-up li:nth-child(1) {
  right: 0%;
  top:330%;
  transition-delay: 0s;
}
 #floating-snap-btn-wrapper.fab-active.expand-up li:nth-child(2) {
  right: 0%;
  top:220%;
  transition-delay: 0.2s;
}
 #floating-snap-btn-wrapper.fab-active.expand-up li:nth-child(3) {
  right: 0%;
  top:110%;
  transition-delay: 0.4s;
}

#floating-snap-btn-wrapper.fab-active.right li .floating-btn-text{
  top: 0%;
  right: 120%;
  
  /* display: inline; */
}
#floating-snap-btn-wrapper.fab-active.left li .floating-btn-text{
  top: 0%;
  left: 120%;
  /* display: inline; */

}
 


/* new floating  stacked buttons end */



/* new question screen with Instruction 10-08-2024 */
.custoom--checkbox {
  padding: min(max(10px, 0.833vw), 15px);
  margin-bottom: 12px;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap:15px;
}
.custoom--checkbox label.custom--checkbox-label {
  display: block;
  position: relative;
  padding-left: 3rem;
  cursor: pointer;
  font-size: min(max(16px, 1.042vw), 20px);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0;
}
.custoom--checkbox .checkmark {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transform: translate(0px);
  left: 0;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 1px solid #293450;
  border-radius: 5px;
}
.custoom--checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.custoom--checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.custoom--checkbox .checkmark::after {
  left: 50%;
  top: 50%;
  width: min(max(7px, 0.521vw), 10px);
  height: 12px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) translateY(-30%) translateX(-108%);
}
.custoom--checkbox input:checked ~ .checkmark {
  background-color: #293450;
}

.custoom--checkbox input:checked ~ .checkmark:after {
  display: block;
}
.custoom--checkbox .more {
  display: none;
}
.custoom--checkbox .steps-text {
  font-size: 14px;
  color: #212121;
  font-weight: 400;
}
.custoom--checkbox .steps-text span{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0;
}
.custoom--checkbox .readmore{
  text-decoration:underline;
  display:inline-block;
}
.custoom--checkbox .readmore.blue {
  color: var(--bg-secondary);

}
.custoom--checkbox .readmore.orange {
  color:var(--bg-primary);


}
.instruction__list .modal-content {
  min-width: 400px;
  border-radius: 20px;
}
.instruction__list .modal-header::before,
.instruction__list .modal-header::after {
  display: none;
}
.instruction__list .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 10px;
}
.instruction-list {
  list-style: disc;
  padding-left: 20px;
  color: #212121;
}
.instruction-list ::marker {
  color: var(--bg-primary);
}
.instruction-list li {
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .instruction__list .modal-content {
    overflow: hidden;
    height: auto;
    background: white;
    border-radius: 20px 20px 0 0;
    position: absolute;
    bottom: 0;
    margin: 0;
    width: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(100%);
    min-width: auto;
  }
  .modal.fade .modal-dialog {
    transition: none !important;
    margin: 0;
    min-height: 100%;
  }
  .modal-open .modal.fade.in.instruction__list .modal-content {
    transition: transform 0.25s ease-in-out;
    transform: translateX(-50%) translateY(0%);
  }
  .instruction-list {
    font-size: 14px;
  }
}
/* new question screen with Instruction end 10-08-2024 */


/* subscription-modal 14/8/2024 */
.modal .subscription-v2  ul.subscription-points .sub-point {
  padding-left: 2.75rem;
  margin-bottom: .5rem;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
  color: #212121;
  position: relative;
}

.modal .subscription-v2  ul.subscription-points .sub-point::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background-image: url(../images/black_correct.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.plandetail .reactivate_table table.cod_status tr td{
  max-width: 120px;
}
.plandetail .modal-lg{
  max-width: 1200px;
  width: 100%;
}
/* end subscription-modal 14/8/2024*/