.input-group .input-group-text.has-input{
  width: 100px;
  padding: 0 .75rem !important;
  /*padding: 0 !important;*/
  text-align: left;
}

.input-group .input-group-text.has-input .nice-select{
  min-width: 100px;
}

.mfp-bg{
  z-index: 9999999;
}

.mfp-wrap{
  z-index: 9999999;
}

.program_day_activity_row{
  /*background-color: #f4d9ff;*/
}

.program_day_activity_row .activity-icon-container{
  padding: 5px;
  background-color: #e8eff1;
  border-radius: 50%;

}

.program_day_activity_row .activity-icon-container .activity-icon{
  height: 40px;
  width: 40px;
}

.program_day_activity_row .activity-time{
  font-size: 12px;
}

.help-block{
  color: red;
}

.modal-backdrop.show{
  z-index:99!important;
}

.modal.show{
  z-index:999!important;
}
#request_program_description{
  min-height: 75px;
}

.objective-card{
  border-radius: 1.25rem;
}

img.insta_post{
  object-fit: cover;
  height: 100%;
}

section#program_detail_section .service-img img.program-image{
  border-radius: 10px;
}

section#blog_detail_section .recent-post .media-img img{
  width: 80px;
  height: 80px;
  object-fit: cover;
  object-position: center;
}

@media (max-width: 1199px) {
  .objectives-row .img-box3 {
    margin-bottom: unset;
  }
}

.payment_option_row{
  border: 1px solid #d1e0e3;
  padding: 8px;

  margin-bottom: 10px;
  border-radius: 3px;

}

.payment_option_select{
  display: flex;
  justify-content: space-between !important;
}

.payment_option_select .payment_icon{
  width: 60px;
}

.th-btn.goto_checkout_login, .th-btn.goto_checkout_login::before, button.goto_booking:disabled, button.goto_booking:disabled::before {
  background-color: #608e9a;

}

.woocommerce-checkout .input-group .input-group-text{
  background-color: #e9f6f9;
  border: 1px solid #e9f6f9;
}

.woocommerce-checkout .input-group .form-control{
  margin-bottom: unset;
}

.brand_bg_image{
  background-image: url("../img/brand/brand-bg.jpg");
  background-size: cover;
  background-position: center;
  border-radius: 1rem;

  /*box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/
  /*box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;*/
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

.answer_container label{
  margin-inline-end: 10px;
}

#participant_details_container .accordion-item .accordion-button.collapsed{
  border-bottom: none;
}

#participant_details_container .accordion-item .accordion-button:not(.collapsed){
  padding: 20px 0 20px 0;
}

#participant_details_container .accordion-button{
  background-color: var(--smoke-color);
}


#participant_details_container .accordion-button::after {
  content: "\f107";
  height: 100%;
  width: auto;
  line-height: 1;
  background-color: transparent;
  background-image: none;
  font-family: var(--icon-font);
  color: var(--title-color);
  font-weight: 500;
  font-size: 18px;
  display: grid;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  position: absolute;
  top: 0;
  right: 30px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}


#participant_details_container .accordion-button:not(.collapsed)::after {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
  color: var(--body-color);
}

#participant_details_container .accordion-item .accordion-collapse .accordion-body{
  border: none;
}

#participant_details_container input[type="checkbox"] ~ label::before{
  border: 1px solid #1CA8CB;
}




.woocommerce-participant {
  position: relative;
  padding: 11px 20px 11px 20px;
  background-color: var(--theme-color);
  color: var(--white-color);
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
}

.woocommerce-participant a {
  color: var(--white-color);
  text-decoration: underline;
}

.woocommerce-participant a:hover{
  color: var(--black-color);
}

.datetimepicker {
  padding: 4px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr
}

.datetimepicker-inline {
  width: 220px
}

.datetimepicker.datetimepicker-rtl {
  direction: rtl
}

.datetimepicker.datetimepicker-rtl table tr td span {
  float: right
}

.datetimepicker-dropdown, .datetimepicker-dropdown-left {
  top: 0;
  left: 0
}

[class*=" datetimepicker-dropdown"]:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute
}

[class*=" datetimepicker-dropdown"]:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  position: absolute
}

[class*=" datetimepicker-dropdown-top"]:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  border-bottom: 0
}

[class*=" datetimepicker-dropdown-top"]:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff;
  border-bottom: 0
}

.datetimepicker-dropdown-bottom-left:before {
  top: -7px;
  right: 6px
}

.datetimepicker-dropdown-bottom-left:after {
  top: -6px;
  right: 7px
}

.datetimepicker-dropdown-bottom-right:before {
  top: -7px;
  left: 6px
}

.datetimepicker-dropdown-bottom-right:after {
  top: -6px;
  left: 7px
}

.datetimepicker-dropdown-top-left:before {
  bottom: -7px;
  right: 6px
}

.datetimepicker-dropdown-top-left:after {
  bottom: -6px;
  right: 7px
}

.datetimepicker-dropdown-top-right:before {
  bottom: -7px;
  left: 6px
}

.datetimepicker-dropdown-top-right:after {
  bottom: -6px;
  left: 7px
}

.datetimepicker > div {
  display: none
}

.datetimepicker.minutes div.datetimepicker-minutes {
  display: block
}

.datetimepicker.hours div.datetimepicker-hours {
  display: block
}

.datetimepicker.days div.datetimepicker-days {
  display: block
}

.datetimepicker.months div.datetimepicker-months {
  display: block
}

.datetimepicker.years div.datetimepicker-years {
  display: block
}

.datetimepicker table {
  margin: 0
}

.datetimepicker td, .datetimepicker th {
  text-align: center;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 0
}

.table-striped .datetimepicker table tr td, .table-striped .datetimepicker table tr th {
  background-color: transparent
}

.datetimepicker table tr td.minute:hover {
  background: #eee;
  cursor: pointer
}

.datetimepicker table tr td.hour:hover {
  background: #eee;
  cursor: pointer
}

.datetimepicker table tr td.day:hover {
  background: #eee;
  cursor: pointer
}

.datetimepicker table tr td.old, .datetimepicker table tr td.new {
  color: #999
}

.datetimepicker table tr td.disabled, .datetimepicker table tr td.disabled:hover {
  background: 0;
  color: #999;
  cursor: default
}

.datetimepicker table tr td.today, .datetimepicker table tr td.today:hover, .datetimepicker table tr td.today.disabled, .datetimepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
  background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: linear-gradient(top, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.datetimepicker table tr td.today:hover, .datetimepicker table tr td.today:hover:hover, .datetimepicker table tr td.today.disabled:hover, .datetimepicker table tr td.today.disabled:hover:hover, .datetimepicker table tr td.today:active, .datetimepicker table tr td.today:hover:active, .datetimepicker table tr td.today.disabled:active, .datetimepicker table tr td.today.disabled:hover:active, .datetimepicker table tr td.today.active, .datetimepicker table tr td.today:hover.active, .datetimepicker table tr td.today.disabled.active, .datetimepicker table tr td.today.disabled:hover.active, .datetimepicker table tr td.today.disabled, .datetimepicker table tr td.today:hover.disabled, .datetimepicker table tr td.today.disabled.disabled, .datetimepicker table tr td.today.disabled:hover.disabled, .datetimepicker table tr td.today[disabled], .datetimepicker table tr td.today:hover[disabled], .datetimepicker table tr td.today.disabled[disabled], .datetimepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a
}

.datetimepicker table tr td.today:active, .datetimepicker table tr td.today:hover:active, .datetimepicker table tr td.today.disabled:active, .datetimepicker table tr td.today.disabled:hover:active, .datetimepicker table tr td.today.active, .datetimepicker table tr td.today:hover.active, .datetimepicker table tr td.today.disabled.active, .datetimepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069
}

.datetimepicker table tr td.active, .datetimepicker table tr td.active:hover, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #08c, #04c);
  background-image: -ms-linear-gradient(top, #08c, #04c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
  background-image: -webkit-linear-gradient(top, #08c, #04c);
  background-image: -o-linear-gradient(top, #08c, #04c);
  background-image: linear-gradient(top, #08c, #04c);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #04c #04c #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}

.datetimepicker table tr td.active:hover, .datetimepicker table tr td.active:hover:hover, .datetimepicker table tr td.active.disabled:hover, .datetimepicker table tr td.active.disabled:hover:hover, .datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:hover.active, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active:hover.disabled, .datetimepicker table tr td.active.disabled.disabled, .datetimepicker table tr td.active.disabled:hover.disabled, .datetimepicker table tr td.active[disabled], .datetimepicker table tr td.active:hover[disabled], .datetimepicker table tr td.active.disabled[disabled], .datetimepicker table tr td.active.disabled:hover[disabled] {
  background-color: #04c
}

.datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:hover.active {
  background-color: #039
}

.datetimepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px
}

.datetimepicker .datetimepicker-hours span {
  height: 26px;
  line-height: 26px
}

.datetimepicker .datetimepicker-hours table tr td span.hour_am, .datetimepicker .datetimepicker-hours table tr td span.hour_pm {
  width: 14.6%
}

.datetimepicker .datetimepicker-hours fieldset legend, .datetimepicker .datetimepicker-minutes fieldset legend {
  margin-bottom: inherit;
  line-height: 30px
}

.datetimepicker .datetimepicker-minutes span {
  height: 26px;
  line-height: 26px
}

.datetimepicker table tr td span:hover {
  background: #eee
}

.datetimepicker table tr td span.disabled, .datetimepicker table tr td span.disabled:hover {
  background: 0;
  color: #999;
  cursor: default
}

.datetimepicker table tr td span.active, .datetimepicker table tr td span.active:hover, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #08c, #04c);
  background-image: -ms-linear-gradient(top, #08c, #04c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
  background-image: -webkit-linear-gradient(top, #08c, #04c);
  background-image: -o-linear-gradient(top, #08c, #04c);
  background-image: linear-gradient(top, #08c, #04c);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #04c #04c #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}

.datetimepicker table tr td span.active:hover, .datetimepicker table tr td span.active:hover:hover, .datetimepicker table tr td span.active.disabled:hover, .datetimepicker table tr td span.active.disabled:hover:hover, .datetimepicker table tr td span.active:active, .datetimepicker table tr td span.active:hover:active, .datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active:hover.active, .datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled:hover.active, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active:hover.disabled, .datetimepicker table tr td span.active.disabled.disabled, .datetimepicker table tr td span.active.disabled:hover.disabled, .datetimepicker table tr td span.active[disabled], .datetimepicker table tr td span.active:hover[disabled], .datetimepicker table tr td span.active.disabled[disabled], .datetimepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #04c
}

.datetimepicker table tr td span.active:active, .datetimepicker table tr td span.active:hover:active, .datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active:hover.active, .datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled:hover.active {
  background-color: #039
}

.datetimepicker table tr td span.old {
  color: #999
}

.datetimepicker th.switch {
  width: 145px
}

.datetimepicker thead tr:first-child th, .datetimepicker tfoot tr:first-child th {
  cursor: pointer
}

.datetimepicker thead tr:first-child th:hover, .datetimepicker tfoot tr:first-child th:hover {
  background: #eee
}

.input-append.date .add-on i, .input-prepend.date .add-on i, .input-group.date .input-group-addon span {
  cursor: pointer;
  width: 14px;
  height: 14px
}

.preloader{
  background-color: #fefdfd5c;
}

.th-preloader .animation-preloader .txt-loading{
  font-size: 36px;
}

.th-preloader .animation-preloader .txt-loading .characters::before{
  top: -15px;
}

@media (max-width: 575px) {
  .th-preloader .animation-preloader .txt-loading {
    line-height: inherit;
    font-size: 36px;
  }

  .th-preloader .animation-preloader .txt-loading .characters::before{
    top: unset;
  }
}

#coupon_container .input-group #apply_coupon_code_value.th-btn, #coupon_container .input-group #remove_coupon_code_value.th-btn{
  padding: 5px 15px;
}

.myLoginTab{
  border-bottom: none !important;
  margin-bottom: 10px !important;
}

.myLoginTab .nav-menu{
  margin-bottom: 0.5em;
  margin-top: -0.3em;
  display: block;
  color: var(--title-color);
  font-family: var(--body-font);
  font-size: 16px !important;
  font-weight: 400 !important;
  padding-bottom: 10px !important;
}

.myLoginTab{
  gap: 30px;
}

@media (max-width: 575px) {
  .myLoginTab{
    gap: 15px !important;
  }
}

.woocommerce-form-login .myLoginTab li .nav-menu.active::before {
    background-color: var(--theme-color);
}

.woocommerce-form-login .myLoginTab li .nav-menu::before {
  content: "";
  height: 3px;
  width: 100%;
  position: absolute;
  bottom: -3px;
  left: 0;
}


.woocommerce-form-login .myLoginTab li .nav-menu.active {
  color: var(--black-color2);
}

.woocommerce-form-login .myLoginTab li .nav-menu {
  position: relative;
  background: transparent;
  border: none;
  padding: 0;
}