@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');







body {

    font-family: var(--tba-font-family);
    font-weight: 400;
    letter-spacing: 0;

}



.error {



    color: red;



}



.truebooker #summary {



    overflow-x: hidden;



    overflow-y: scroll;



    height: 100%;



    width: 100%;



    vertical-align: top;



    display: inline-block;



}



button#submit {    



    margin-bottom: 20px;



}



.modal {



	overflow-y: scroll !important;



}



.truebooker-form .tba-front-ser-card .tba_select_icon {



    display: block !important;



}



a.cancel {



    cursor: pointer;



    color: var(--body-blackfont-color) !important;



}



button#submit {



    background-image: linear-gradient(to right,var(--tm-first-gradientcolor) 0%,var(--tm-second-gradientcolor) 50%,var(--tm-first-gradientcolor) 100%)!important;



    border-radius: var(--tba-radius-10px);



}



#tba_subservice_table tbody tr td:last-child {



    flex-direction: unset;



    justify-content: center;



    display: flex;



    align-items: center;



}



#tba_subservice_table tbody tr td:last-child a {



    position: relative;



    right: -20px;



}



.truebooker_form_style .tba-front-timeslot-wrap.disabled {	



	opacity: 0.5;



}



.truebooker_form_style .disabled input#tba_front_user_timeslot {	



	cursor: not-allowed;



}



.tba-default-box{



    padding: 0;



    position: relative;



}



.tba-main-listing-container {



    margin: 50px 50px 50px 30px;



    padding: 0;



}



form#sample_form {



    position: relative;



	font-family: var(--tba-font-family);



    padding-top: 50px;



}



.tba-popconfirm {



    background: var(--tba-cl-white);



    padding: 8px 30px;



    display: inline-block;



    border-radius: var(--tba-radius-10px);



    position: absolute;



    top: 0;



    -webkit-animation: 1s fadeInRight linear;



    -moz-animation: 1s fadeInRight linear;



    -o-animation: 1s fadeInRight linear;



    -ms-animation: 1s fadeInRight linear;



    animation: 1s fadeInRight linear;



    transition: all 0.5s ease 0s;



    -webkit-transition: all 0.5s ease 0s;



    -moz-transition: all 0.5s ease 0s;



    -ms-transition: all 0.5s ease 0s;



    -o-transition: all 0.5s ease 0s;



    width: 100%;



    font-size: 15px;



}



.truebooker_success {



     background: var(--tba-al-success);



}



.truebooker_error {



     background: var(--tba-al-error);



}



.notice {



    display: none!important;



}



.tba_success {

    color: #678B67;

}

.tba_error {
    font-size: 14px;
    padding-top:2px;
}

.tba_error {

    color: #ff0003;

}

.truebooker-form label {

    width: 100%;

    display: block;

    color: var(--tba-cl-dark);

    font-size: 15px;

    margin-bottom: 10px;

    font-weight: 500;

}
.truebooker-form .tba-form-field-radio.tba-form-radiobox label {
    margin-bottom: 0;
}

.truebooker-form .tba-form-field-radio.tba-form-radiobox input[type=radio] {
    padding: 10px !important;
    content: '';
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #d4d4d4;
    position: relative;
    margin-top: 0px !important;
    margin-right: 5px !important;
    margin-left: 0;
    cursor: pointer;
	width:auto;
}

.truebooker-form .tba-form-field-radio label {
    padding-right: 15px;
    width: auto;
}
#tbab_userdetails .tba-form-field.user_gender_box {
    margin-bottom: 30px;
}


.truebooker-form input[type=date],



.truebooker-form input[type=datetime-local],



.truebooker-form input[type=datetime],



.truebooker-form input[type=email],



.truebooker-form input[type=month],



.truebooker-form input[type=number],



.truebooker-form input[type=password],



.truebooker-form input[type=search],



.truebooker-form input[type=tel],



.truebooker-form input[type=text],



.truebooker-form input[type=time],



.truebooker-form input[type=url],



.truebooker-form input[type=week],



.truebooker-form textarea,



.truebooker-form select {

    padding: 6px 25px;

    width: 100%;

    border-radius: var(--tba-radius-8px);

    font-weight: normal;

    background-color: #fff;

    font-size: 15px;

    outline: none;

    line-height: inherit;

    color: var(--tba-body-color);

    border: 1px solid var(--tba-bordercolor);

    margin-bottom:25px;

}

.tba-form-field {

    padding-bottom: 0 !important;

}

.tbook-address-button {

    display: inline-block;

}


.truebooker-form .tbook-address-button input[type="submit"]:hover {
    background: var(--tba-cl-dark);
}

.truebooker-form h3.myaccount_title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    margin-top: 0;
}

:where(.wp-site-blocks *:focus) {

    outline-width: 0 !important;

}

.truebooker-form input[type=date],



.truebooker-form input[type=datetime-local],



.truebooker-form input[type=datetime],



.truebooker-form input[type=email],



.truebooker-form input[type=month],



.truebooker-form input[type=number],



.truebooker-form input[type=password],



.truebooker-form input[type=search],



.truebooker-form input[type=tel],



.truebooker-form input[type=text],



.truebooker-form input[type=time],



.truebooker-form input[type=url],



.truebooker-form input[type=week],



.truebooker-form select {



    height: 55px;



}



.truebooker-form input[type=date]:focus,



.truebooker-form input[type=datetime-local]:focus,



.truebooker-form input[type=datetime]:focus,



.truebooker-form input[type=email]:focus,



.truebooker-form input[type=month]:focus,



.truebooker-form input[type=number]:focus,



.truebooker-form input[type=password]:focus,



.truebooker-form input[type=search]:focus,



.truebooker-form input[type=tel]:focus,



.truebooker-form input[type=text]:focus,



.truebooker-form input[type=time]:focus,



.truebooker-form input[type=url]:focus,



.truebooker-form input[type=week]:focus,



.truebooker-form textarea:focus,



.truebooker-form select:focus {



    border-color: var(--tba-bordercolor);



    outline: none;



    box-shadow: unset;



}



.truebooker-form span.select2-selection.select2-selection--single:focus {



    border-color: var(--tba-bordercolor);



    outline: none;



    box-shadow: unset;



}



.tba-service-duration {



    display: flex;



}



.tba-service-duration input#dvalue {



    -ms-flex: 1 1 auto;



    flex: 0 0 65%;



    margin-right: 15px;



}



.truebooker-form textarea {

    margin-top: 0;

}



.truebooker-form input[type=datetime-local] {

    min-height: auto;

}



.tba-form-field {

    padding-bottom: 18px;

}



.truebooker-form .tba-button {

    background-color: var(--tba-cl-dark);

    border: none;

    color: var(--tba-cl-white);

    border-radius: var(--tba-radius-10px);

    padding: 0 30px;

    cursor: pointer;

    -webkit-transition: .1s;

    transition: .1s;

    margin-top: 33px;

    height: 40px;

    line-height: 40px;

    font-size: 15px;

    font-family: var(--tba-font-family);

    font-weight: 400;

    text-transform: capitalize;

}



.tba-button:hover {

    background-color: var(--tba-cl-black);

}



.button-top-sp {

    margin-top: 28px;

}



.tba-page-heading {

    font-size: 20px;

    line-height: 28px;

    margin-bottom: 20px;

    border-bottom: 1px solid var(--tba-bordercolor);

    padding-bottom: 15px;

}



.tba-details-tbl-wraper {

    background-color: var(--tba-cl-white);

    border-radius: var(--tba-radius-10px);

    padding: 30px 35px;

    margin-top: 65px;

}



.tba-form-field .error.front-er {

    font-size: 14px;

    /* position: absolute; */

    /* bottom: -5px; */

    color: red;

    width: 100%;

    top: auto;

    left: 15px;

}

.tbab-deliveryaddress .tba-form-field .select2-container {
    display: block;
}

.truebooker-form span.select2-selection.select2-selection--single {

    background: var(--tba-cl-white);

    height: 55px;

    border: 1px solid;

    border-color: var(--tba-bordercolor);

    border-radius: var(--tba-radius-10px);

    overflow: hidden;

}



.truebooker-form .select2-selection__rendered {

    line-height: 40px !important;

    color: var(--tba-body-color) !important;

    background-color: var(--tba-cl-white);

    font-size: 15px !important;

}



.mailsent.tba-popconfirm {

    top: -45px;

}



/*  timepicker CSS */



.ui-timepicker-container {



  position: absolute;



  overflow: hidden;



  box-sizing: border-box;



}







.ui-timepicker {



  box-sizing: content-box;



  display: block;



  height: 210px;



  list-style: none outside none;



  margin: 0;



  padding: 0 1px;



  text-align: center;



}







.ui-timepicker-viewport {



  box-sizing: content-box;



  display: block;



  height: 210px;



  margin: 0;



  padding: 0;



  overflow: auto;



  overflow-x: hidden;



  /* IE */



}







.ui-timepicker-standard {



    background-color: var(--tba-cl-white);



    border-radius: var(--tba-radius-10px);



    color: var(--tba-cl-black);



    margin: 0;



    padding: 0;



    z-index: 7 !important;



    box-shadow: 0px 0 15px rgba(0,0,0,0.08);



}







.ui-timepicker-standard a {



    color: var(--tba-body-color);



    display: block;



    padding: 10px 0;



    text-decoration: none;



    background-color: var(--tba-cl-white);



    font-size: 14px;



    text-align: left;



    padding-left: 15px;



}







.ui-timepicker-standard .ui-state-hover {



  /* overwrites .ui-state-hover */



  background-color: var(--tba-cl-dark);



  font-weight: normal;



  color: var(--tba-cl-white);



}







.ui-timepicker-standard .ui-menu-item {



  /* overwrites .ui-menu and .ui-menu-item */



  /*clear: left;



    float: left;*/



  margin: 0;



  padding: 0;



}







.ui-timepicker-corners,



.ui-timepicker-corners .ui-corner-all {



  -moz-border-radius: 4px;



  -webkit-border-radius: 4px;



  border-radius: 4px;



}







.ui-timepicker-hidden {



  /* overwrites .ui-helper-hidden */



  display: none;



}







.ui-timepicker-no-scrollbar .ui-timepicker {



  border: none;



}







.ui-datepicker {



  background: var(--tba-cl-white);



  border-radius: 15px;



  box-shadow: 0px 20px 40px rgba(59,60,56,0.05);



  z-index: 8 !important;



}



.ui-datepicker table tbody tr, .ui-datepicker table thead tr, .ui-datepicker table tbody td, .ui-datepicker table tbody th {



    border: 0;



    padding: 0;



}



.ui-datepicker table th {



        border: 0;



    padding: 0;



    border-right: 0;



    color: inherit;



}



.ui-datepicker-header {
    height: 45px;
    line-height: 45px;
    color: var(--tba-cl-white);
    background: var(--tba-cl-skin);
    margin-bottom: 12px;
}



.ui-datepicker-prev,



.ui-datepicker-next {



  width: 20px;



  height: 20px;



  text-indent: 9999px;



  border-radius: 100%;



  cursor: pointer;



  overflow: hidden;



  margin-top: 15px;



}



.ui-datepicker-prev {



  float: left;



  margin-left: 12px;



}



.ui-datepicker-prev:after {



  transform: rotate(45deg);



  margin: -43px 0px 0px 8px;



}



.ui-datepicker-next {



  float: right;



  margin-right: 12px;



}



.ui-datepicker-next:after {



  transform: rotate(-135deg);



  margin: -43px 0px 0px 6px;



}



.ui-datepicker-prev:after,



.ui-datepicker-next:after {



  content: '';



  position: absolute;



  display: block;



  width: 8px;



  height: 8px;



  border-left: 2px solid var(--tba-cl-white);



  border-bottom: 2px solid var(--tba-cl-white);



}



.ui-datepicker-prev:hover,



.ui-datepicker-next:hover,



.ui-datepicker-prev:hover:after,



.ui-datepicker-next:hover:after {



  border-color: var(--tba-cl-black);



}



.ui-datepicker-title {



  text-align: center;



  font-size: 20px;



}



.ui-datepicker-calendar {



  width: 100%;



  text-align: center;



      margin: 0;



}



.ui-datepicker-calendar thead tr th span {



  display: block;



  width: 45px;



  color: var(--tba-cl-black);



  margin-bottom: 5px;



  font-size: 15px;



      text-align: center;



}



.ui-datepicker-calendar .ui-state-default {



  display: block;



  text-decoration: none;



  color: var(--tba-cl-black);



  line-height: 45px;



  font-size: 14px;



  border-radius: var(--tba-radius-50px);



  transition: all 0.25s cubic-bezier(0.7, -0.12, 0.2, 1.12);



}



.ui-datepicker-calendar .ui-state-default:hover {



  color: var(--tba-cl-white);



  background:var(--tba-cl-dark);



  transition: all 0.25s cubic-bezier(0.7, -0.12, 0.2, 1.12);



}



.ui-datepicker-calendar .ui-state-highlight {



  color: var(--tba-cl-white);



  background-color: var(--tba-cl-black);



  border-radius: var(--tba-radius-50px);



}



.ui-datepicker-calendar .ui-state-active {



  color: var(--tba-cl-white);



  background-color:var(--tba-cl-dark);



  border-radius: var(--tba-radius-50px);



}



.ui-datepicker-unselectable .ui-state-default {



    color: #c2c2c2;



}



.ui-datepicker-unselectable .ui-state-default:hover {



    color: var(--tba-cl-white);



}



.tba-time-duration {



    display: flex;



}



.truebooker-form .select2-container--default .select2-selection--single .select2-selection__arrow {



    height: 38px;



    right: 0;



}



.truebooker_form_style2 .select2-container, .truebooker_form_style1 .select2-container {



	width: 100% !important;



}



.truebooker_form_default .truebooker-form .select2-container--default .select2-selection--single .select2-selection__arrow {



    right: 0;



}



.tba-modal {



    position: fixed;



    top: 20%;



    left: 0;



    right: 0;



    margin: auto;



    width: 31%;



    background: #fff;



    padding: 30px 15px;



    z-index: 100;



    transition: 0.5s ease-out;



    transform: translateY(45px);



    border-radius: var(--tba-radius-10px);



    max-width: initial !important;



    font-family: var(--tba-font-family);



}



.tba-modal form {



    padding: 0 15px;



    font-family: var(--tba-font-family);



}



.tba-modal .tba-sum-user {



    margin-top: 15px;



}



.tba-modal h5 {



    margin-bottom: 0;



    margin-top: 15px;



    font-weight: 600;



    font-size: 17px;



    line-height: 28px;



    color: var(--tba-cl-black);



    text-transform: capitalize;



}



.tba-modal .tba-sum-service, .tba-modal .tba-sum-date {



    margin-top: 15px;



}



.tba-modal .paymentbtn {



    border-radius: var(--tba-radius-10px);



    margin-top: 20px;



    color: var(--tba-cl-white);



    background-color: var(--tba-cl-dark);



    font-size: 16px;



    line-height: 26px;



    display: inline-block;



    text-decoration: none;



    font-weight: 500;



    padding: 10px 35px 10px;



    border: 1px solid transparent;



    -webkit-transition: all 0.5s ease;



    transition: all 0.5s ease;



    cursor: pointer;



    outline: none !important;



    -webkit-font-smoothing: antialiased;



    font-family: var(--tba-font-family);



    background-image: none;



    text-shadow: unset;



    box-shadow: unset;



}



.tba-modal .paymentbtn:hover {



	background-color:var(--tba-cl-black);



	-webkit-transition: all 0.5s ease;



    transition: all 0.5s ease;



}



.tba-mask {



    position: fixed;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    background: rgba(0, 0, 0, 0.8);



    z-index: 50;



    transition: 0.7s;



}



.close {



  position: absolute;



  top: 0;



  right: 0;



  width: 35px;



  height: 30px;



  background: #000;



  color: #fff;



  cursor: pointer;



  border: 0;



}



.tba-close {



    z-index: 99;



    position: absolute;



    top: 10px;



    right: 10px;



    cursor: pointer;



    color: var(--tba-cl-white);



    background-color: var(--tba-cl-black);



    height: 20px;



    width: 20px;



    text-align: center;



    line-height: 20px;



    font-size: 12px;



    border-radius: 50%;



}



.tba-close:hover {



    background-color: var(--tba-cl-dark);



}



.truebooker-popup-summary h3 {



	font-weight: 600;



    font-size: 30px;



    line-height: 40px;



    color: var(--tba-cl-black);



    margin-top: 0px;



    margin-bottom: 12px;



}



.truebooker-popup-summary span {



    color: var(--tba-body-color);



    font-weight: 400;



    font-size: 16px;



    line-height: 26px;



}



.tba_paybtns {



    z-index: 9;



    display: inline-block;



    vertical-align: top;



}



.tba_paybtns ul {



    margin: 0;



    padding: 0;



    list-style: none;



}



.tba_paybtns ul li {



    display: inline-block;



    vertical-align: top;



    margin-left: 10px;



}



.tba_paybtns ul li a.paymentbtn {



    margin-top: 0;



}



.truebooker .iti--separate-dial-code .iti__selected-dial-code {



    font-size: 14px;



    color: var(--tba-body-color);



}



.truebooker .truebooker_form_ {



    position: relative;



    padding-top: 50px;



    max-width: 1200px!important;



    margin: 0 auto!important;



    font-family: var(--tba-font-family);



}



/** tab style - style1**/



.tba-front-tab-menu--item svg {
    width: 18px;
    height: 18px;
}



.tba-front-tabs {
    display: flex;
    gap: 30px;
    min-height: 760px;
}



.truebooker_form_style .tba-front-ser-card-wrap {
    position: relative;
    background: var(--tba-gray);
    border-radius: var(--tba-radius-10px);
    padding: 25px 32px;
    margin-bottom: 15px;
    float: left;
    border: 1px solid transparent;
    min-height: 139px;
}
.truebooker_form_style .tba-front-ser-card-wrap.active {
    border: 1px solid var(--tba-bordercolor);
}
.truebooker_form_style .tba-front_card--title {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 8px;
    display: block;
    color: var(--tba-body-color);
}
input#tba_front_user_subservice, input#tba_front2_user_subservice {
    border: 0;
    position: absolute;
    cursor: pointer;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    -webkit-appearance: none;
    appearance: none;
    outline: 0;
}
.truebooker_form_style ul.tba-front-tab-menu {
    padding: 0;
    margin: 0;
    list-style: none;
    float: none;
    background-color: var(--tba-gray);
    border-radius: var(--tba-radius-10px);
    padding: 30px 30px;
    flex-basis: 28%;
}

.truebooker_form_style a.tba-front-tab-menu--item {
    border-radius: var(--tba-radius-10px);
    padding: 15px 20px;
    font-size: 14px;
    line-height: normal;
    font-weight: 500;
    margin: 0;
    margin-bottom: 10px;
    transition: unset;
    border: 1px solid var(--tba-bordercolor);
    background-color: var(--tba-cl-white);
    color: var(--tba-body-color);
    display: flex;
    text-decoration: unset;
    pointer-events: none;
}
.truebooker_form_style a.tba-front-tab-menu--item svg {
    margin-right: 10px;
}
.truebooker_form_style .nav-item.__tba-is-active a.tba-front-tab-menu--item svg path {
    fill: #ffffff;
}
.truebooker_form_style .nav-item.__tba-is-active a.tba-front-tab-menu--item {
    border: 1px solid var(--tba-cl-skin);
    background-color: var(--tba-cl-skin);
    color: var(--tba-cl-white);
}

.truebooker_form_style .nav-item:last-child a.tba-front-tab-menu--item {
    margin-bottom: 0;
}


.truebooker_form_style .tba-front-heading {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 20px;
    display: block;
    font-weight: 500;
    margin-top: 0;
    color: var(--tba-cl-black);
}
.truebooker_form_style span.tba-front-tm--item-icon {
    margin-right: 10px;
}

.truebooker_form_style .tba-front-ser__card-heading {
    font-weight: 500;
    color: var(--tba-cl-black);
    margin-bottom: 5px;
}

.truebooker_form_style span.tba-front-ser_card--title {
    color: var(--tba-body-color);
    font-size: 14px;
    line-height: 20px;
}

.truebooker_form_style .tba-tab-content {
    flex-basis: 72%;
    position: relative;
    margin: 0;
    list-style: none;
    background-color: var(--tba-gray);
    border-radius: var(--tba-radius-10px);
    padding: 0px 0px 80px 0px;
    overflow: hidden;
    border: 1px  solid var(--tba-bordercolor);
}
.truebooker_form_style .tba-front-ser_card-body-time {
    margin-right: 15px;
}
.truebooker_form_style span.tba-front-ser_card-desc {
    font-size: 14px;
    font-weight: 500;
    color: var(--tba-cl-black);
}
.truebooker_form_style .tba-front-ser_card {
    display: inline-block;
}
.truebooker_form_style .truebooker-form input[type=date], .truebooker_form_style .truebooker-form input[type=datetime-local], .truebooker_form_style .truebooker-form input[type=datetime], .truebooker_form_style .truebooker-form input[type=email], .truebooker_form_style .truebooker-form input[type=month], .truebooker_form_style .truebooker-form input[type=number], .truebooker_form_style .truebooker-form input[type=password], .truebooker_form_style .truebooker-form input[type=search], .truebooker_form_style .truebooker-form input[type=tel], .truebooker_form_style .truebooker-form input[type=text], .truebooker_form_style .truebooker-form input[type=time], .truebooker_form_style .truebooker-form input[type=url], .truebooker_form_style .truebooker-form input[type=week], .truebooker_form_style .truebooker-form select , .truebooker_form_style .truebooker-form textarea {
    background-color: var(--tba-gray); 
}
.truebooker_form_style #tba_front_content4 .tba-front-ser-card {
    display: inline-block;
    vertical-align: top;
    background-color: var(--tba-gray);
    padding: 25px 30px 20px;
    border-radius: var(--tba-radius-10px);
    width: 100%;
}
.truebooker_form_style #tba_front_content4 .tba-front-ser-card h4 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 26px;
}
.truebooker_form_style ul.tba_summarybox {
    margin: 0;
    padding: 0;
    list-style: none;
}

.truebooker_form_style ul.tba_summarybox li.tba_summarybox_item {
    display: flex;
    border-bottom: 1px solid var(--tba-bordercolor) !important;
    margin-bottom: 10px;
}

.truebooker_form_style ul.tba_summarybox .tba_summarybox_details {
    font-size: 14px;
    color: var(--tba-body-color);
    flex: 1;
    text-align: right;
}

.truebooker_form_style #tba_front_content4 .tba-front_card--title {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
    display: block;
    flex: 1;
}

.truebooker_form_style ul.tba_summarybox li.tba_summarybox_item:last-child {
    border: 0 !important;
    margin-bottom: 0;
}
.tba_summarybox_details #tba-front-ser-price {
    color: var(--tba-cl-black);
    font-weight: 500;
    font-size: 15px;
}
.tba_print_summary_main_wrap {
    display: none;
}

/*branch*/
.tba-front-branch-item .truebooker_branch_cats {
    display: flex;
    gap: 15px;
    flex-flow: wrap;
    justify-content: space-between;
}
.tba-front-branch-item input#truebooker_branch,
.tba-front-department-item input#truebooker_department,
.tba-front-category-item .truebooker_category_cats input.truebooker_category,
.tba-front-service-item input.truebooker_service,
.tba-front-staff-item input#truebooker_staffmember_id {
    opacity: 0;
    position: absolute;
}
.tba-front-branch-item .tba-front-branch-card-wrapper {
    border-radius: var(--tba-radius-8px);
    padding: 20px;
    border: 1px solid var(--tba-bordercolor);
    background-color: var(--tba-cl-white);
    display: inline-block;
    width: 49%;
    cursor: pointer;
}
.tba-front-branch-item .tba-front-branch-card-wrapper.tba_active_branch {
    border-color: var(--tba-cl-skin);
    background-color: var(--tba-active-skin);
}
.tba-front-branch-item .tba-front-branch-card-wrapper .image-titlebox {
    display: flex;
    align-items: center;
    gap: 15px;
}
.tba-front-branch-item .tba-front-branch-card-wrapper .image-titlebox .tba_branchlogo img {
    max-width: 60px;
    height: 60px;
    border-radius: var(--tba-radius-8px);
}
.tba-front-branch-item .image-titlebox .tba_title h4 {
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
}
.tba-front-branch-item .tba-front-branch-card-wrapper .branchcontent_box {
    padding-top: 20px;
    font-size: 14px;
    line-height: 26px;
}
.tba-front-branch-item .tba-front-branch-card-wrapper .branchcontent_box .tba_branchphone {
    color: var(--tba-cl-dark);
    font-weight: 500;
}
.tba-front-branch-item .tba-front-branch-card-wrapper .branchcontent_box .tba_branchaddress {
    padding-top: 15px;
    color: var(--tba-body-color);
}
.tba-front-branch-item .tba-front-branch-card-wrapper .branchcontent_box .tba_branchemail {
    color: var(--tba-body-color);
    word-break: break-all;
}
.truebooker_form_style .tba_next_prevbtn {
    display: block;
    position: absolute;
    background: #ffffff;
    width: 100%;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: right;
    padding: 20px 20px;
    border-top: 1px  solid var(--tba-bordercolor);
}
/*branch*/
/*Department*/
.tbab_departmentcontent .tba-front-department-card-wrapper {
    border-radius: var(--tba-radius-8px);
    padding: 5px 15px;
    border: 1px solid var(--tba-bordercolor);
    background-color: var(--tba-cl-white);
    display: inline-block;
    cursor: pointer;
    margin-bottom: 8px;
}
.tbab_departmentcontent .tba-front-department-card-wrapper.tba_active {
    border-color: var(--tba-cl-skin);
    background-color: var(--tba-active-skin);
}
.tbab_departmentcontent .department-titlebox h4 {
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    margin: 0;
    color: var(--tba-body-color) !important;
}
.tbab_departmentcontent .tba-front-department-card-wrapper.tba_active .department-titlebox h4 {
    color: var(--tba-cl-dark) !important;
}
/*Department*/
.truebooker-form h4.tba-front-tab-title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 20px;
    margin-top: 0;
}
/* service */
.categorybox {
    border-radius: var(--tba-radius-8px);
    padding: 5px 15px;
    border: 1px solid var(--tba-bordercolor);
    background-color: var(--tba-cl-white);
    display: inline-block;
    cursor: pointer;
    margin-bottom: 5px;
}
.tba-front-category-item .categorybox.tba_active {
    border-color: var(--tba-cl-skin);
    background-color: var(--tba-active-skin);
}
.tba-front-category-item span.catename {
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    margin: 0;
    color: var(--tba-body-color) !important;
    display: block;
}
.tba-front-category-item .categorybox.tba_active span.catename{
    color: var(--tba-cl-dark) !important;
}
#tbab_service .tbab_categorybox {
    margin-bottom: 30px;
}
.tbab_serviceboxhtml .truebooker_service_cats {
    display: flex;
    gap: 15px;
    flex-flow: wrap;
    margin-bottom: 30px;
}
.tbab_serviceboxhtml .tba-front-service-card-wrapper {
    border-radius: var(--tba-radius-8px);
    padding: 15px;
    border: 1px solid var(--tba-bordercolor);
    background-color: var(--tba-cl-white);
    display: inline-block;
    width: 32%;
    cursor: pointer;
}
.tbab_serviceboxhtml .tba-front-service-card-wrapper.tba_active {
    border-color: var(--tba-cl-skin);
    background-color: var(--tba-active-skin);
}
.tbab_serviceboxhtml .truebooker_service_content_box .tba_service_imagebox {
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
}
.tbab_serviceboxhtml .truebooker_service_content_box .tba_service_titlebox h4 {
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    margin: 0;
}
.tbab_serviceboxhtml .truebooker_service_content_box .tba_service_titlebox {
    padding-top: 20px;
}
.tbab_serviceboxhtml .truebooker_service_content_box .tba_service_imagebox img {
    border: 1px solid var(--tba-bordercolor);
    border-radius: var(--tba-radius-8px);
    overflow: hidden;
    max-width: 213px;
    width: 100%;
    height: 213px;
    object-fit: cover;
}
.tbab_serviceboxhtml .truebooker_service_content_box .tba_price_time_box .tba_hour_box {
    font-size: 14px;
    line-height: 26px;
}
.tbab_serviceboxhtml .truebooker_service_content_box .tba_price_time_box .tba_price_box svg {
    overflow: visible;
    margin-right: 7px;
}
.tbab_serviceboxhtml .truebooker_service_content_box .tba_price_time_box .tba_hour_box svg{
    overflow: visible;
    margin-right: 3px;
}
.tbab_serviceboxhtml .truebooker_service_content_box .tba_price_time_box .tba_price_box span {
    color: var(--tba-cl-dark);
    font-size: 14px;
    line-height: 26px;
    padding: 0;
    border-radius: var(--tba-radius-8px);
    font-weight: 500;
}
.tbab_serviceboxhtml .truebooker_service_content_box .tba_price_time_box .tba_price_box span svg path {
    stroke: var(--tba-cl-dark);
}
.tbab_serviceboxhtml .truebooker_service_content_box .tba_price_time_box {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 10px;
}
.truebooker_service_cats {
    font-size: 14px;
}
.tbab_subservicebox  h4.tba-subservice-title {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 15px;
}
#tbab_service .tbab_subservicebox {
    background: var(--tba-cl-white);
    border: 1px solid var(--tba-bordercolor);
    padding: 30px;
    border-radius: var(--tba-radius-15px) 0  0 var(--tba-radius-15px);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 700px;
    width: 100%;
    height: 90%;
    box-shadow: 0 0 20px rgba(10, 4, 33, 0.1);
    overflow-y: auto;
    z-index: 11;
    opacity: 0;
    -webkit-transition: all .4s cubic-bezier(.59,.19,.17,.72);
    -moz-transition: all .4s cubic-bezier(.59,.19,.17,.72);
    -o-transition: all .4s cubic-bezier(.59,.19,.17,.72);
    transition: all .4s cubic-bezier(.59,.19,.17,.72);
    -webkit-transform: translate(105%, 0);
    -moz-transform: translate(105%, 0);
    -o-transform: translate(105%, 0);
    transform: translate(105%, 0);
}
#tbab_service .tbab_subservicebox.active {
    right: -2px;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0, 0);
}
.tbab_subserviceboxhtml .tba-front-subservice-card-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    gap: 15px;
}
.tbab_subserviceboxhtml .tba-subservice-leftcolumn {
    display: flex;
    gap: 15px;
}
.tbab_subserviceboxhtml .tba-subservice-leftcolumn input[type="checkbox"],
.tbab_subserviceboxhtml .tba-subservice-leftcolumn input[type="radio"] {
     width: 15px;
    height: 15px;
}
#tbab_service .tbab_subservicebox .tba-subinfoconte .tba-subservice-title {
    text-transform: capitalize;
    font-size: 14px;
    line-height: 26px;
    font-weight: 500;
    color: var(--tba-cl-dark);
}
#tbab_service .tbab_subservicebox .tba-subinfoconte .tba-subservice-timeprice {
    font-size: 14px;
    line-height: 26px;
    color: #888B92;
    text-transform: capitalize;
}
#tbab_service .tbab_subservicebox .tba-subinfoconte .tba-subservice-timeprice span.price {
    color: var(--tba-cl-skin);
    font-weight: 500;
}
.truebooker-form .tba-subservice-rightcolumn input[type=number] {
    margin-bottom: 0;
}
#tbab_service .tba-front-subservice-card-wrapper .tba-subservice-rightcolumn .tba__number-input {
    width: 100%;
    position: relative;
}
.truebooker-form #tbab_service .tba-front-subservice-card-wrapper .tba-subservice-rightcolumn  button.plusnumber, 
.truebooker-form #tbab_service .tba-front-subservice-card-wrapper .tba-subservice-rightcolumn  button.minusnumber {
    background-color: var(--tba-gray);
    border: none;
    border-radius: 5px;
    padding: 9px;
    box-shadow: unset;
    color: var(--tba-cl-dark);
    position: absolute;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.truebooker-form #tbab_service .tba-front-subservice-card-wrapper .tba-subservice-rightcolumn button:hover {
    background-color: var(--tba-cl-skin);
    color: var(--tba-cl-white);
}
#tbab_service .tba-front-subservice-card-wrapper .tba-subservice-rightcolumn  button.plusnumber {
     left: 10px;
}
.truebooker-form #tbab_service .tba-front-subservice-card-wrapper .tba-subservice-rightcolumn button.minusnumber{
    right: 10px;
}
.truebooker-form #tbab_service .tba-front-subservice-card-wrapper .tba-subservice-rightcolumn .tba__number-input input[type="number"] {
    text-align:center;
    max-width: 250px !important;
    width: 250px !important;
    border: 1px solid rgba(228, 228, 228, 1);
    border-radius: 8px;
    padding: 10px 20px;
    background: #fff;
    height: 50px;
}

#tbab_service .tbab_subservicebox .tba-subinfoconte .tba-subservice-timeprice span.timeuni {
    padding-right: 10px;
}
#tbab_service .tbab_subservicebox .tba-subinfoconte .tba-subservice-timeprice svg {
    overflow: visible;
}
#tbab_service .tbab_subservicebox .tba-subinfoconte .tba-subservice-timeprice svg path {
    stroke: var(--tba-cl-skin);
}
.tba-front-subservice-item .tba_service_qty {
    padding-top: 15px;
    padding-bottom: 30px;
}
.truebooker-form .tba_service_qty .tba_qtybox label {
    width: 100%;
    display: block;
    color: var(--tba-cl-dark);
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 0;
    font-weight: 500;
}
.tba-front-subservice-item .tba_qtybox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.tba-front-subservice-item  select#truebooker_service_qty {
    margin-bottom: 0;
    width: 100%;
    max-width: 250px;
    height: 50px;
    border-radius: var(--tba-radius-8px);
}

#tbab_service .tbab_subservicebox .tba_buttongroup {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 15px;
}
#tbab_service .tbab_subservicebox .tba_buttonblock {
    display: block;
    position: absolute;
    background: #ffffff;
    width: 100%;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: right;
    padding: 20px 30px;
    border-top: 1px solid var(--tba-bordercolor);
    z-index: 9;
}
#tbab_service .tbab_subservicebox .tba_buttongroup button {
    width: auto;
}
#tbab_service .tbab_subservicebox .tba_buttongroup button#trubooker_close {
    padding: 0;
    background: transparent;
    color: var(--tba-cl-dark);
    box-shadow: unset;
}
#tbab_service .tbab_subservicebox .tba_buttongroup button#trubooker_continue {
    padding: 8px 50px 8px 20px;
    position: relative;
    transition: all ease 0.5s;
	border-radius: var(--tba-radius-8px);
}
#tbab_service .tbab_subservicebox .tba_buttongroup button#trubooker_continue:before {
    content: '';
    position: absolute;
    background-color: var(--tba-cl-white);
    width: 25px;
    height: 25px;
    line-height: 25px;
    top: 0px;
    bottom: 0;
    left: auto;
    right: 20px;
    margin: auto 0;
    -webkit-mask: url(../images/arrow.svg) no-repeat 100% 100%;
    mask: url(../images/arrow.svg) no-repeat 100% 100%;
    -webkit-mask-size: cover;
    mask-size: cover;
}
/* service */



/*staff*/
.tba-front-staff-item .tba-front-staff-card-wrapper {
    border-radius: var(--tba-radius-8px);
    padding: 20px;
    border: 1px solid var(--tba-bordercolor);
    background-color: var(--tba-cl-white);
    display: inline-block;
    width: 32%;
    cursor: pointer;
    text-align: center;
}
.tba-front-staff-item .tba-front-staff-card-wrapper .tba_staffbox .tba_leftimag img {
    width: 100%;
    max-width: 250px;
}
.tba-front-staff-item .tba-front-staff-card-wrapper.tba_active {
    border-color: var(--tba-cl-skin);
    background-color: var(--tba-active-skin);
}
.tba-front-staff-item .truebooker_staff_cats {
    display: flex;
    gap: 15px;
    flex-flow: wrap;
}
.tba-front-staff-item .tba_staffbox .tba_staffinfo h4 {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    margin: 0;
}
.tba-front-staff-item .tba_staffbox span.tba_staffemail {
    font-size: 14px;
    line-height: 16px;
    color: var(--tba-body-color);
    display: block;
    word-break: break-all;
    padding-top: 5px;
}
.tba-front-staff-item .tba_staffbox .tba_right.staff_content {
    padding-top: 15px;
}
.tba_any_staff  .tba_leftimag {
    width: 80px;
    height: 80px;
    background: var(--tba-cl-skin);
    line-height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto;
}
.tba-front-staff-card-wrapper.tba_any_staff {
    display: flex;
    justify-content: center;
    align-items: center;
}
/*staff*/

/*calendar*/
.tba_booking_calendarbox .fc .fc-toolbar {
    display: inline-block;
    align-items: center;
    text-align: center;
    margin-bottom: 15px !important;
}
.tba_booking_calendarbox .fc .fc-toolbar-title {
    font-size: 16px;
    line-height: 28px;
    margin: 0;
}
.tba_booking_calendarbox button.fc-today-button.fc-button.fc-button-primary {
    display: none;
}
.tba_booking_calendarbox .fc .fc-button-group {
    vertical-align: middle;
    width: 100%;
    position: absolute;
    top: 10px;
    display: flex;
    justify-content: space-between;
    padding: 15px;
    pointer-events: none;
    right: 0;
    left: 0;
    margin: auto 0 !important;
}
.tba_booking_calendarbox button.fc-button.fc-button-primary {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: auto;
    color: var(--tba-body-color);
    width: 45px !important;
    height: 45px;
    background: transparent;
    box-shadow: unset;
    flex: unset;
    border: 0;
}
.tba_booking_calendarbox .fc .fc-button-primary:not(:disabled):active:focus,
.tba_booking_calendarbox .fc .fc-button-primary:not(:disabled).fc-button-active:focus {
    box-shadow: unset;
}
.tba_booking_calendarbox button.fc-button.fc-button-primary:active,
.tba_booking_calendarbox button.fc-button.fc-button-primary:hover{
    color: var(--tba-cl-dark);
    background-color: transparent;
}
.tba_booking_calendarbox .fc .fc-col-header-cell-cushion {
    text-decoration: none;
    font-size: 12px;
    line-height: 26px;
    font-weight: 600;
}

.tba_booking_calendarbox  table.fc-scrollgrid.fc-scrollgrid-liquid {
    border-radius: var(--tba-radius-8px);
    overflow: hidden;
}
.tba_booking_calendarbox .fc .fc-daygrid-day-top {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
}
.tba_booking_calendarbox .fc .fc-daygrid-day-top a {
    text-decoration: none;
}
.tba_booking_calendarbox .fc .fc-daygrid-day-number {
    font-size: 14px;
    color: var(--tba-body-color);
}
td.fc-daygrid-day.fc-day.fc-day-future.fc-day-other .fc-daygrid-day-number {
    color: var(--tba-body-color);
    opacity: 0.5;
}
.tba_booking_calendarbox .fc .fc-daygrid-day.fc-day-today{
    background-color: transparent;
        cursor: pointer;
}
.tba_booking_calendarbox .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame {
    border-color: #ccdbee;
    background-color: #E6F1FF;
}
.tba_booking_calendarbox .fc .fc-daygrid-day-frame {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    border: 1px solid var(--tba-bordercolor);
    border-radius: var(--tba-radius-8px);
    max-height: 100%;
    min-height: 83px;
}
table.fc-scrollgrid-sync-table {
    background: #ffffff;
}
.tba_booking_calendarbox .disabled-date .fc-daygrid-day-frame {
    background-color: var(--tba-gray) !important;
    cursor: not-allowed;
}
.tba_booking_calendarbox th.fc-col-header-cell.fc-day {
    background: var(--tba-cl-white);
}
.tba_booking_calendarbox .fc .fc-day.disabled-date .fc-daygrid-day-number {
    color: #BEBFC0;
}
.tba_booking_calendarbox .fc .fc-day-other .fc-daygrid-day-top {
    opacity: 1;
}

td.fc-daygrid-day.fc-day.fc-day-future {
    cursor: pointer;
}
.tba_booking_calendarbox td.fc-daygrid-day.fc-day {
    padding: 2px;
    border: 0;
}
.tba_booking_calendarbox .fc .fc-highlight {
    border: 1px solid var(--tba-cl-skin);
    background-color: var(--tba-active-skin);
    border-radius: var(--tba-radius-8px);
}
.fc-daygrid-day.fc-day-past.fc-day-other.disabled-date {
    opacity: 0;
}
/*calender slot*/
.tba_booking_timeslot {
    background: var(--tba-cl-white);
    border: 1px solid var(--tba-bordercolor);
    padding: 30px;
    position: absolute;
    border-radius: var(--tba-radius-8px);
    right: 0;
    top: 72px;
    bottom: 0;
    max-width: 600px;
    width: 100%;
    height: 566px;
    box-shadow: 0 0 20px rgba(10, 4, 33, 0.1);
    overflow-y: auto;
    z-index: 11;
     opacity: 0;
    -webkit-transition: all .4s cubic-bezier(.59,.19,.17,.72);
    -moz-transition: all .4s cubic-bezier(.59,.19,.17,.72);
    -o-transition: all .4s cubic-bezier(.59,.19,.17,.72);
    transition: all .4s cubic-bezier(.59,.19,.17,.72);
    -webkit-transform: translate(105%, 0);
    -moz-transform: translate(105%, 0);
    -o-transform: translate(105%, 0);
    transform: translate(105%, 0);
}
.tba_booking_timeslot.active{
     right: 32px;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0, 0);
}
.tba_hourwith_pricedrop {
    width: 100%;
}
.truebooker_form_style .truebooker-form .tba_hourwith_pricedrop select {
    margin-bottom: 15px;
}
.tba_booking_timeslot .tba-front-timeslot-card-wrapper {
    border: 1px solid var(--tba-bordercolor);
    border-radius: var(--tba-radius-8px);
    padding: 10px 15px;
    background: var(--tba-gray);
    position: relative;
    width: 48.5%;
}
.tba_booking_timeslot .tba-front-timeslot-card-wrapper.disable {
    cursor: not-allowed;
    pointer-events: none;
}
.tba_booking_timeslot .tba-front-timeslot-card-wrapper.available.tba_active {
    border-color: var(--tba-cl-skin);
    background-color: var(--tba-active-skin);
}
.tba_booking_timeslot .tba_slot-time {
    display: flex;
    gap: 15px;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--tba-bordercolor);
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.tba_booking_timeslot span.tba_slottime {
    font-size: 14px;
    line-height: 26px;
    font-weight: 500;
    color: var(--tba-body-color);
}
.tba_booking_timeslot .tba_slotprice {
    display: flex;
    gap: 15px;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    line-height: 24px;
    color: var(--tba-body-color);
}
.tba_booking_timeslot span.tba_price {
    font-weight: 500;
}
.tba_booking_timeslot .tba_slotprice p {
    margin-bottom: 0;
}
.tba_booking_timeslot .truebooker_timeslot_cats {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: space-between;
}
.tba_slot-time input[type="checkbox"],
.tba_slot-time input[type="radio"] {
    width: 20px;
    height: 20px;
    border-color: var(--tba-bordercolor);
}
input[type="checkbox"]:focus, 
input[type="radio"]:focus {
    outline-width: 0;
} 
.tba_timeslot_item .tba_buttongroup button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    background: var(--tba-gray);
    width: 38px;
    height: 38px;
    line-height: 38px;
    border: 1px solid var(--tba-bordercolor);
    border-radius: 50%;    
    box-shadow: 0 0 20px rgba(10, 4, 33, 0.1);
}
.tba_timeslot_item_box  h4.tba-timeslot-title {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    color: var(--tba-cl-dark);
}
.tba_timeslot_item_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

/*calender slot*/


/*calendar*/

/*cart*/
.tbab_cart-main-heading .tbab_cart-title {
    display: -webkit-inline-box;
    gap: 15px;
    align-items: center;
    padding: 0 !important;
    margin: 15px 0;
}
.tbab_cart-main-heading .tbab_cart-title label {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 0;
    color: var(--tba-cl-dark);
    width: auto;
}
.tbab_cart-main-heading span.cart_item_list {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    color: var(--tba-cl-dark);
}
.tbab_cart-main-heading span.cart_items {
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    color: var(--tba-cl-dark);
    padding-left: 3px;
}
.tbab_cart-main-heading .tbab_cart-addservice button:hover {
    background: var(--tba-cl-dark);
    color: var(--tba-cl-white);
}
.tbab_cart-main-heading .tbab_cart-addservice button svg {
    margin-right: 7px;
    overflow: visible;
}
.tbab_cart-main-heading .tbab_cart-addservice button:hover svg path {
    stroke: var(--tba-cl-white);
}
.tbab_cart-main-heading .tbab_cart-addservice {
    padding: 0 !important;
}
.tbab_cart-main-heading .tbab_cart-addservice button {
    background: var(--tba-gray);
    color: var(--tba-cl-dark);
    box-shadow: unset;
    border: 2px solid var(--tba-cl-black);
    font-weight: 500;
    width: auto;
    float: right;
    border-radius: var(--tba-radius-8px);
    padding: 12px 30px 10px;
}
#tbab_cart .tba_cart_box {
    padding-top: 20px;
    position: relative;
    width: 100%;
    display: inline-block;
}
#tbab_cart .tba_cart_box .tba_cart_data {
    border-spacing: 0px 2px;
    width: 100%;
}
#tbab_cart .tba_cart_box .tba_cart_data tr {
    background: var(--tba-cl-white);
    position: relative;
    border-top: 1px solid var(--tba-bordercolor) !important;
    display: table;
    margin-bottom: 0;
    width: 100%;
    border: 0;
}
#tbab_cart .tba_cart_box .tba_cart_data tr:last-child {
    border-bottom: 1px solid var(--tba-bordercolor);
}

.tba_cart_data .tba_cart_image {
    position: relative;
    overflow: hidden;
}

.tba_cart_data .tba_cart_image img {
    width: 40px;
    height: 40px;
    border: 1px solid var(--tba-bordercolor);
    border-radius: 50%;
}
.tba_cart_data .tba_cart_subtitle {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    color: var(--tba-cl-dark);
    text-transform: capitalize;
    width: 230px;
}
.tba_cart_data  .tba_cart_datetime {
    font-size: 14px;
    line-height: 26px;
    color: var(--tba-cl-dark);
}
.tba_cart_data .tba_cart_price {
    font-size: 14px;
    line-height: 26px;
    font-weight: 600;
    color: var(--tba-cl-dark);
    padding-right: 20px;
    text-align: right;
}
.tba_cart_data .tba_cart_price span.totalpriceamount {
    color: var(--tba-body-color);
    font-weight: 400;
}
.tba_cart_data  td.hover_button {
    font-size: 14px;
    line-height: 1;
}
td.hover_button {
    display: inline-flex;
    position: absolute;
    gap: 15px;
    background: #fff;
    padding: 10px 15px;
    box-shadow: 1px 1px 20px var(--tba-bordercolor);
    opacity: 0;
    cursor: pointer;
    border-radius: 8px;
    align-items: center;
    right: 30px;
    left: auto;
    top: 10px;
    bottom: 10px;
    margin: auto 0;
}
.tba_cart_data tr:hover td.hover_button {
    opacity: 1;
}
.tba_cart_data td {
    padding: 10px 10px;
    border: 0;
}
.tba_cart_data td:first-child {
    padding-left: 20px;
}
#tbab_cart .tab_cart_box_total {
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.truebooker-form #tbab_cart .tab_cart_box_total label {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 0;
}
.truebooker-form #tbab_cart .tab_cart_box_total span.deposite_txt {
    color: var(--tba-body-color);
    font-weight: 400;
    padding: 0 5px;
}
#tbab_cart .tab_cart_box_total span.cart_total{
    font-size: 16px;
    line-height: 28px;
    color: var(--tba-cl-skin);
    font-weight: 500;
}
#tbab_cart .tab_cart_box_total .deposite_amount {
    font-size: 14px;
    line-height: 26px;
    color: var(--tba-body-color);
    font-weight: 400;
    padding-left: 5px;
}
.tba_cart_data td.tba_cart_details {
    cursor: pointer;
    width: 55px;
}
.tba_cart_data td.tba_cart_details .tba_open_model i {
    display: block;
}
.tba_cart_details_extra {
    background: var(--tba-gray);
    border: 1px solid var(--tba-bordercolor);
    padding: 30px;
    border-radius: var(--tba-radius-15px) 0 0 var(--tba-radius-15px);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 700px;
    width: 100%;
    height: 90%;
    box-shadow: 0 0 20px rgba(10, 4, 33, 0.1);
    overflow-y: auto;
    z-index: 999999;
    opacity: 0;
    -webkit-transition: all .4s cubic-bezier(.59,.19,.17,.72);
    -moz-transition: all .4s cubic-bezier(.59,.19,.17,.72);
    -o-transition: all .4s cubic-bezier(.59,.19,.17,.72);
    transition: all .4s cubic-bezier(.59,.19,.17,.72);
    -webkit-transform: translate(105%, 0);
    -moz-transform: translate(105%, 0);
    -o-transform: translate(105%, 0);
    transform: translate(105%, 0);
}
#tbab_cart .tba_cart_details_extra.active {
    right: -2px;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0, 0);
}
.tba_cart_details_extra .tba_booking_info_tab .tba_staffbox_info {
    gap: 15px;
    display: flex;
    align-items: center;
}
.tba_booking_info_tab .tba_staffbox_info .tba_staff_avtar img {
    border-radius: 50%;
    width: 70px;
    height: 70px;
}
.tba_booking_info_tab  .tba_basic_content_info.row {
    margin: 20px 0 !important;
}
 .tba_cart_details_extra .tba_booking_info_tab .tba_staffbox_info .tba_staff_titlebox .tba_staff_member {
    font-size: 14px;
    line-height: 26px;
    color: var(--tba-body-color);
}
.tba_cart_details_extra .tba_booking_info_tab .tba_staffbox_info .tba_staff_titlebox .tba_staff_name {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    color: var(--tba-cl-dark);
}
.tba_booking_info_tab  .tba_basic_content_info label.tba_cart-extra-title {
    font-size: 14px;
    line-height: 26px;
    color: var(--tba-body-color);
    margin-bottom: 0;
}
.tba_booking_info_tab .tba_basic_content_info .tba_cart-extra-field {
    font-size: 14px;
    line-height: 26px;
    font-weight: 500;
    color: var(--tba-cl-dark);
}
.tba_booking_info_tab .tba_basic_content_box .row {
    margin-bottom: 15px;
}
.tba_booking_info_card .tba_service_card span.tba_service_name {
    display: block;
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    color: var(--tba-cl-dark);
}
.tba_booking_info_card .tba_service_card span.tba_service_price {
    font-size: 14px;
    line-height: 26px;
    color: var(--tba-cl-skin);
    font-weight: 500;
    background: #E6F1FF;
    border-radius: var(--tba-radius-8px);
    padding: 2px 10px;
    display: inline-block;
}
.tbab_cartextra_subservice label {
    font-size: 16px;
    line-height: 28px;
     font-weight: 500;
    color: var(--tba-cl-dark);
}
.tbab_cartextra_subservice {
    margin-top: 15px;
    border-bottom: 1px solid var(--tba-bordercolor);
    margin-bottom: 25px;
    padding-bottom: 15px;
}
td.tbab_cart_subservice_price {
    text-align: right;
}
table.tbab_cart_subservice_box {
    width: 100%;
    line-height: 26px;
    font-size: 14px;
    font-weight: 500;
    color: var(--tba-cl-dark);
}
td.tbab_cart_subservice_name {
    line-height: 26px;
    font-size: 14px;
    font-weight: 500;
    color: var(--tba-cl-dark);
    width: 250px;
}

.tba_cart_details_extra .tba_booking_info_booked {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--tba-cl-white);
    padding: 10px 20px;
    border-radius: var(--tba-radius-8px);
    border: 1px solid var(--tba-bordercolor);
    margin-bottom: 30px;
    gap: 15px;
}
.tba_cart_details_extra .tba_booking_info_booked .tba_service_card {
    display: flex;
    gap: 15px;
    align-items: center;
}
.tba_booking_info_booked .tba_buttongroup button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    background: var(--tba-gray);
    width: 38px;
    height: 38px;
    line-height: 38px;
    border: 1px solid var(--tba-bordercolor);
    border-radius: 50%;
    box-shadow: 0 0 20px rgba(10, 4, 33, 0.1);
}






/*cart*/

/*user details css*/

.tba-front-default-card .tba-form-field label.tba-front_card--title {
    color: var(--tba-body-color);
}
.truebooker_form_style .tba-front-default-card .tba-form-field input[type=text],
.truebooker_form_style .tba-front-default-card .tba-form-field input[type=email],
.truebooker_form_style .tba-front-default-card .tba-form-field textarea,
.truebooker_form_style .tba-front-default-card .tba-form-field input[type=password],
.truebooker_form_style .tba-front-default-card .tba-form-field select,
.truebooker_form_style .tba-front-default-card .tba-form-field input[type=tel]{
    background-color: var(--tba-cl-white);
    border-radius: var(--tba-radius-8px);
}
.tba-form-field.col-lg-6.col-md-6.col-sm-12.truebooker__phone {
    margin-bottom: 25px;
}
/*user details css*/








/** tab style **/
@media print {
.truebooker_form_style ul.tba_summarybox {
        margin: 0;
        padding: 0;
        list-style: none;
    } 
}



.btn.stripe_pay {
    background-color: #5469D4;
    border-radius: var(--tba-radius-8px);
    padding: 0 60px;
    height: 40px;
    border: none;
    font-size: 0;
    color: var(--tba-cl-white) !important;
    background-image: url(../images/stripe.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
}



.btn.stripe_pay:active, .btn.stripe_pay:focus, .btn.paypal_pay:active, .btn.paypal_pay:focus {



    -webkit-box-shadow: unset;



    box-shadow: unset;



    outline: 0;



}



.btn.paypal_pay {



    background-color: transparent;



    border-radius: var(--tba-radius-10px);



    padding: 0 60px;



    height: 40px;



    margin-top: 10px;



    border: none;



    font-size: 0;



    color: var(--tba-cl-white) !important;



    border: 1px solid #0070E0;



    background-image: url(../images/paypal.png);



    background-repeat: no-repeat;



    background-position: center;



    width: 100%;



}



.tba_payment_option {



    display: block !important;



}



.truebooker_form_default .truebooker-form .select2-selection__rendered {



    background: transparent;



}



.truebooker__phone .iti, .truebooker_f_phone .iti, .truebooker_f2_phone .iti {



    width: 100%;



}



@media (max-width: 479px) {



.tba-modal {



    width: 300px;



    height: 500px;



}



.tba_paybtns {



    margin-left: 180px;



}



.tba-modal .paymentbtn {



    font-size: 14px;



    padding: 10px 25px 10px;



}



}



@media (max-width: 359px) {



.ui-datepicker {



    width: 280px;



}



.ui-datepicker-calendar thead tr th span {



    width: 40px;



}



.tba-modal {



    width: 280px;



}



}



.tba-form-field.tba_payment_option {



    position: relative;



}



.truebooker-form .tba_select_icon {



    position: relative;



}



.truebooker-form .tba_select_icon:before {
    content: "\f107";
    font-family: 'fontawesome';
    font-size: 15px;
    height: 15px;
    width: 15px;
    display: block;
    position: absolute;
    right: 15px;
    margin-top: 18px;
    z-index: 2;
}



.truebooker-form select {



    appearance: none;



    padding-right: 40px;



    z-index: 1;



    position: relative;



    background: #ffffff;



}



.truebooker_form_style .truebooker-form select {



    background: transparent;



}



.tba-tab-content .tba-front-tabs--panel-body {



    display: none;



}



.tba-tab-content .tba-front-tabs--panel-body.__tba-is-active {
    display: block;
}


.truebooker_form_style .tba_next_prevbtn .btn {
    border-radius: var(--tba-radius-8px);
    padding: 8px 28px;
    font-size: 15px;
    line-height: 26px;
    margin: 0;
    transition: all ease 0.5s;
    background-color: var(--tba-cl-skin);
    color: var(--tba-cl-white);
    box-shadow: 0 4px 8px rgba(43, 79, 255, 0.06), 0 8px 16px rgba(255, 255, 255, 0.16);
    text-decoration: none;
    position: relative;
    display: inline-block;
}

.truebooker_form_style .tba_next_prevbtn .btn:before {
    content: '';
    position: absolute;
    background-color: var(--tba-cl-dark);
    width: 20px;
    height: 20px;
    line-height: 20px;
    top: 0px;
    bottom: 0;
    left: auto;
    right: 20px;
    margin: auto 0;
    -webkit-mask: url(../images/arrow.svg) no-repeat 100% 100%;
    mask: url(../images/arrow.svg) no-repeat 100% 100%;
    -webkit-mask-size: cover;
    mask-size: cover;
}
.truebooker_form_style .tba_next_prevbtn .btn#btnNext:before,
.truebooker_form_style .tba_next_prevbtn .btn.btnNextStaff:before,
.truebooker_form_style .tba_next_prevbtn .btn.btnNextDepartment:before,
.truebooker_form_style .tba_next_prevbtn .btnBookAppointment:before {
    background-color: var(--tba-cl-white);
}
.truebooker_form_style .tba_next_prevbtn .btn#btnNext,
.truebooker_form_style .tba_next_prevbtn .btn.btnNextStaff,
.truebooker_form_style .tba_next_prevbtn .btn.btnNextDepartment,
.truebooker_form_style .tba_next_prevbtn .btnBookAppointment{
    padding-right: 50px;
}
.truebooker_form_style .tba_next_prevbtn .btn.btnPrevious {
    padding-right: 0;
    color: var(--tba-cl-dark);
    padding-left: 30px;
    background-color: transparent;
    box-shadow: unset;
    margin-right: 15px;
}
.truebooker_form_style .tba_next_prevbtn .btn.btnPrevious:before {
    top: 0px;
    bottom: 0;
    left: 0px;
    right: auto;
    transform: rotate(180deg);
}
.truebooker_form_style .tba_next_prevbtn .btn.btnPrevious:hover {
    background-color: transparent;
    color:var(--tba-cl-skin);
}
.truebooker_form_style .tba_next_prevbtn .btn.btnPrevious:hover:before{
        background-color:var(--tba-cl-skin);
}

.truebooker_form_style .tba_next_prevbtn .btn:hover {



    background-color: var(--tba-cl-black);



}



.truebooker_form_style #truebooker_service_cats {



    margin: 0 -15px;



}



.truebooker_form_style .tba-front-ser-card-wrapper {



    padding: 0 15px;



    display: inline-block;



    width: 33.3%;



}



.truebooker_form_style #truebooker_service_cats > h4 {



    padding: 30px 15px 0;



}



.truebooker_form_style .tba_next_prevbtn .btn.nonactive {



    cursor: not-allowed;



    pointer-events: none;



    opacity: 0.5;



}



.truebooker_form_style .btn.stripe_pay {



    width: auto;



}



.truebooker_form_style #tba_section__payment_paypal_front {



    width: auto;



    padding: 0;



    margin: 0 !important;



}



.truebooker_form_style .tba_next_prevbtn .btn[disabled] {



    cursor: not-allowed;



    pointer-events: auto;



}



/** **/



.truebooker_form_style .app-time {



    border: 1px solid var(--tba-bordercolor);



    padding: 20px 30px;



    margin-top: -1px;



    border-radius: var(--tba-radius-10px);



}



.truebooker_form_style .option-input {



    -webkit-appearance: none;



    -moz-appearance: none;



    -ms-appearance: none;



    -o-appearance: none;



    appearance: none;



    position: relative;



    top: 5px;



    right: 0;



    bottom: 0;



    left: 40px;



    height: 20px;



    width: 20px;



    transition: all 0.15s ease-out 0s;



    background: #fff;



    border: 1px solid #999;



    color: #fff;



    cursor: pointer;



    display: inline-block;



    margin-right: 0.5rem;



    outline: none;



    position: relative;



    z-index: 1000;



  }



.truebooker_form_style .option-input:hover {



    background: #e5e7eb;



  }



.truebooker_form_style .option-input:checked {



    border: 1px solid #fff;



  }



.truebooker_form_style .option-input:checked::before {



    color: var(--tba-cl-dark);



    height: 40px;



    width: 40px;



    position: absolute;



    content: "✔";



    display: inline-block;



    font-size: 12px;



    left: 4px;



    line-height: 20px;



  }



.truebooker_form_style .option-input:checked::after {



    -webkit-animation: click-wave 0.65s;



    -moz-animation: click-wave 0.65s;



    animation: click-wave 0.65s;



    background: #40e0d0;



    content: "";



    display: block;



    position: relative;



    z-index: 100;



  }



  



.truebooker_form_style .option-input.radio {



    border-radius: 50%;



  }



.truebooker_form_style .option-input.radio::after {



    border-radius: 50%;



  }



.truebooker_form_style .app-check {



    display: flex;



  }



.truebooker_form_style .app-border {



    border: 1px solid var(--tba-bordercolor);



    border-radius: 7px;



    padding: 7px 7px 7px 9px;



    padding-left: 40px;



    min-height: 30px;



  }



.truebooker_form_style .option-input.radio:checked + .app-border {



    background: var(--tba-al-success);



  }



.truebooker_form_style .option-input.radio:disabled,



.truebooker_form_style .option-input.radio:disabled + .app-border {



    cursor: not-allowed;



    opacity: 0.6;



  }



.truebooker_form_style .app-label {



    position: relative;



    top: 5px;



    margin-right: 10px;



  }



  .truebooker_form_style .tba-time-duration ul {



    list-style: none;



    margin: 0;



    padding: 0;



    display: flex;



    flex-wrap: wrap;



}



.truebooker_form_style .tba-front-timeslot-wrap {



    position: relative;



    background: var(--tba-gray);



    border-radius: var(--tba-radius-10px);



    padding: 10px 30px;



    margin-bottom: 15px;



    text-align: center;



    border: 1px solid transparent;



    flex: 1 0 30%;



    margin-right: 15px;



    font-size: 15px;



}



.truebooker_form_style input#tba_front_user_timeslot {



    border: 0;



    position: absolute;



    cursor: pointer;



    left: 0;



    right: 0;



    top: 0;



    bottom: 0;



    margin: 0;



    -webkit-appearance: none;



    appearance: none;



    outline: 0;



    width: auto;



}



.truebooker_form_style .tba-front-timeslot-wrap.active input#tba_front_user_timeslot:checked{



    border: 1px solid var(--tba-cl-dark);



    border-radius: inherit;



}



.truebooker_form_style .tba-front-timeslot-wrap.active input#tba_front_user_timeslot:checked{



    border: 1px solid var(--tba-cl-dark);    



}



.truebooker_form_style .tba-front-timeslot-wrap:last-child, .truebooker_form_style .tba-front-timeslot-wrap:nth-child(3n) {



    margin-right: 0;



}



.truebooker_form_style .tba-front-timeslot-wrap.tba_added_time {



    opacity: 0.5;



    pointer-events: none;



}



/***** style2 *****/



.truebooker_form_style2 .tba-front-tabs {



    display: block;



}



.truebooker_form_style2 ul.tba-front-tab-menu {
    margin-right: 0;
    display: flex;
    padding: 10px 0px;
    background: transparent;
    margin-bottom: 15px;
}



.truebooker_form_style2 a.tba-front-tab-menu--item {
    margin-bottom: 0;
    margin-right: 20px;
    padding: 15px 15px;
    box-shadow: none;
    font-size: 15px;
}
.truebooker_form_style2  li.nav-item:last-child a.tba-front-tab-menu--item {
    margin-right: 0;
}



.truebooker_form_style input#tba_front2_user_timeslot {



    border: 0;



    position: absolute;



    cursor: pointer;



    left: 0;



    right: 0;



    top: 0;



    bottom: 0;



    margin: 0;



    -webkit-appearance: none;



    appearance: none;



}



.truebooker_form_style #tba_section__payment_paypal_front2 {



    width: auto;



    padding: 0;



    margin: 0 !important;



    float: none;



}



.truebooker_form_style2 .btn.paypal_pay {



    width: auto;



}



.truebooker_form_style2 span.tba-front-tm--item-icon {
    margin-right: 10px;
    border: 1px solid var(--tba-bordercolor);
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--tba-radius-5px);
    font-size: 14px;
}

.truebooker_form_style2 .nav-item.__tba-is-active a.tba-front-tab-menu--item {
    border: none;
    box-shadow: unset;
}
.truebooker_form_style2 .nav-item.__tba-is-active a.tba-front-tab-menu--item span.tba-front-tm--item-icon {
    border: 1px solid var(--tba-cl-dark);
    background-color: var(--tba-cl-dark);
    color: var(--tba-cl-white);
    box-shadow: 0 4px 8px rgba(43, 79, 255, 0.06), 0 8px 16px rgba(43, 79, 255, 0.16);
}

.truebooker_form_style2 .tba-tab-content {
    border-radius: var(--tba-radius-8px);
    border: 1px solid var(--tba-bordercolor);
    overflow-x: hidden;
    min-height: auto;
}

.truebooker_form_style2 .tba_next_prevbtn {
    position: absolute;
}
.truebooker_form_style2 .tba-front-module--add-to-calendar {
    border-top: 1px solid var(--tba-bordercolor);
    padding-top: 15px;
    margin-top: 30px;
}

.truebooker_form_style2 #google-calendar-button {
    font-size: 14px;
    background: transparent;
    border: 1px solid var(--tba-bordercolor);
    padding: 7px 15px;
    border-radius: var(--tba-radius-5px);
    transition: all 0.5s ease;
    color: var(--tba-cl-black);
}

.truebooker_form_style2 #google-calendar-button i {
    margin-right: 5px;
}

.truebooker_form_style2 #google-calendar-button:hover {
    border-color: var(--tba-cl-black);
}
.truebooker_form_style2 ul#truebooker_service_category_style2 {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}

.truebooker_form_style2 .truebooker-form .tba_select_icon:before {
    display: none;
}
.truebooker_form_style2 .tba-front-service-items-row .tba-form-field.tba_cat_service {
    display: flex;
}
.truebooker_form_style2 .tba-front_card--title {
    width: auto;
}
.truebooker_form_style2 ul#truebooker_service_category_style2 li {
    font-size: 14px;
}



.truebooker_form_style2 ul#truebooker_service_category_style2 li input[type="radio"] {

    margin: -2px 3px 0 10px;
    display: inline-block;
    vertical-align: middle;
    width: 12px;
}




.tba-front-style2-inner-wrap {
    display: flex;
}



.tba-front-style2-card__left {
    flex-basis: 35%;
}



/* Scrollbar Styling */



.truebooker_form_style2 .tba-tab-content::-webkit-scrollbar {
    width: 5px;
}



.truebooker_form_style2 .tba-tab-content::-webkit-scrollbar-track {

    background-color: transparent;
    -webkit-border-radius: var(--tba-radius-5px);
    border-radius: var(--tba-radius-5px);
}



.truebooker_form_style2 .tba-tab-content::-webkit-scrollbar-thumb {

    -webkit-border-radius: var(--tba-radius-5px);
    border-radius: var(--tba-radius-5px);
    background: var(--tba-cl-dark); 
}



/* Scrollbar Styling */



.tba-front-style2-card__left {
    flex-basis: 30%;
    margin-right: 15px;
}
.tba-front-style2-card__right {
    flex-basis: 100%;
}



.truebooker_form_style2 .tba-front-ser-card-wrap {
    background: transparent;
    border: 1px solid var(--tba-bordercolor);
    padding: 20px 20px;
    float: none;
}



.truebooker_form_style2 .tba-front-ser-card-wrap.active {
    border: 1px solid var(--tba-cl-dark);
}



.truebooker_form_style2 .tba-front-ser__card-desc {
    font-size: 14px;
    color: var(--tba-body-color);
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 5px;
}



.truebooker_form_style2 .tba-front-ser_card-body-time {
    margin-right: 10px;
}



.truebooker_form_style2 .tba-front-ser_card-body-price .tba-front-ser_card-desc {



    font-size: 12px;



    color: var(--tba-cl-white);



    background: var(--tba-cl-dark);



    padding: 2px 4px;



    border-radius: var(--tba-radius-5px);



}



.truebooker_form_style2 .tba-front-ser_card-body-time span.tba-front-ser_card-desc {



    font-size: 12px;



    font-weight: 600;



    color: var(--tba-cl-black);



}



.truebooker_form_style2 #truebooker_service_cates h4 {



    padding: 0 15px;



}



.truebooker_form_style2 #truebooker_service_cates {



    margin: 0 -15px;



}



.truebooker_form_style2 .tba-front-service-items-row .tba-form-field.tba_cat_service {



    display: flex;



    border-bottom: 1px solid var(--tba-bordercolor);



    padding: 0 0 8px 0;



    margin-bottom: 25px;



}



/***** style2 *****/











/* Add css */



.tba_payment_section,.tba_user_details {



    display: none;



}



.tba_payment_section.is-active, .tba_user_details.is-active {



    display: block;



}



.tba-form-button  {



    display: flex;



    justify-content: space-between;



    gap: 20px;



}



.tba-form-button  a{



    margin-left: auto;



}



.paypal-button-tagline{



    display: none;



}



.tba-tab-content .tba-front-tabs--panel-body.is-active {



    display: block;



}



.tba-tab-content .tba-front-tabs--panel-body.is-inactive {



    display: none;



}



.truebooker_form_style #tba_section__payment_paypal_front {



   padding-top:20px;



}



.paypal-button-row.paypal-button-number-1.paypal-button-layout-vertical {



	display	: none !important;



}



.tba_user_timeslot .tba_added_time {



    background: var(--tba-gray);



}







/* -----------------------------------



-----------------model --------------



-----------------------------------*/







/* .truebooker-model-main{



    width: 100%;



    height: 100vh;



    text-align: center;



}



  



.truebooker-model-main div{



    width: 400px;



    height: 400px;



    margin:0 auto;



    text-align: center;



  



  }



.truebooker-model-main div button{



    top: 500px;



    height: 30px;



    margin: 0 auto;



  } */



  



  



  .truebokker-main{



    display: none;



    width: 100%;



    height: 100vh;



    position: fixed;



    opacity: 0.9;



    background: #222;



    z-index: 40000;



    top:0;



    left: 0;



    overflow: hidden;



  



    animation-name: fadeIn_Container;



    animation-duration: 1s;



    



  }



  



  .modal{



    display:none;



    top: 0;



    min-width: 250px;



    width: 80%;



    max-height: 400px;



    margin: 0 auto;



    position: fixed;



    z-index: 40001 !important;



    background: #fff;



    border-radius: 10px;



    box-shadow: 0px 0px 10px #000;



    margin-top: 30px;



    margin-left: 10%;



    animation-name: fadeIn_Modal;



    animation-duration: 0.8s;



   



  }



  



  .header{



    width: 100%;



    height: 70px;



    border-radius: 10px 10px 0px 0px;



    border-bottom: 2px solid #ccc;



  }



  



  .header a{



    text-decoration: none;



    float: right;



    line-height: 70px;



    margin-right: 20px;



    color: #aaa;



  }



  



  .content{



    /* width: 100%; */



    padding: 20px;



  }



  



  /* form{



      margin-top: 20px;



  }



  



  form label{



    display: block;



    margin-left: 12%;



    margin-top: 10px;



    font-family: sans-serif;



    font-size: 1rem;



  }



  



  form input{



    display: block;



    width: 75%;



    margin-left: 12%;



    margin-top: 10px;



    border-radius: 3px;



    font-family: sans-serif;



  }



  



  #first_label{



    padding-top: 30px;



  }



  



  #second_label{



    padding-top: 25px;



  } */



  



  



  



  



  /****MEDIA QUERIES****/



  



  @media screen and (min-width: 600px){



  



    .modal{



      width: 500px;



      /* height: 300px; */



      margin-left: calc(50vw - 250px);



      margin-top: calc(50vh - 150px);



    }



  



  



    .header{



      width: 100%;



      height: 40px;



    }



  



    .header a{



      line-height: 40px;



    }



  



    .content{



      height: 190px;



    }



  



    /* form label{



      margin-left: 10%;



      margin-top: 10px;



    }



  



    form input{



      width: 75%;



      margin-left: 10%;



      margin-top: 10px;



    }



  



    #first_label{



    padding-top: 0px;



    }



  



    #second_label{



      padding-top: 0px;



    } */



  



   



  



  }



  



  /*LARGE SCREEN*/



  @media screen and (min-width: 1300px){



  



  }



  



  



  /****ANIMATIONS****/



  



  @keyframes fadeIn_Modal {



    from{



      opacity: 0;



    }



    to{



      opacity: 1;



    }



}



  



  @keyframes fadeIn_Container {



    from{



      opacity: 0;



    }



    to{



      opacity: 0.9;



    }   



}

  .hidden {



    display: none;



  }



  



  #payment-message {



    color: rgb(105, 115, 134);



    font-size: 16px;



    line-height: 20px;



    padding-top: 12px;



    text-align: center;



  }



  



  #payment-element {



    margin-bottom: 24px;



  }



  



  /* Buttons and links */



  button {
    background: var(--tba-cl-skin);
    font-family: var(--tba-font-family);
    color: #ffffff;
    border-radius: var(--tba-radius-8px);
    border: 0;
    padding: 10px 30px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    display: block;
    transition: all 0.2s ease;
    box-shadow: unset;
    width: 100%;

}

 .woocommerce.single-product button
{
	width:auto;
}

button:hover {
    filter: contrast(115%);
    background: var(--tba-cl-black);
}

button:focus {
    outline-width: 0;
}

  button:disabled {
    opacity: 0.5;
    cursor: default;
}

  /* spinner/processing state, errors */



  .spinner,
  .spinner:before,
  .spinner:after {
    border-radius: 50%;
}



  .spinner {



    color: #ffffff;



    font-size: 22px;



    text-indent: -99999px;



    margin: 0px auto;



    position: relative;



    width: 20px;



    height: 20px;



    box-shadow: inset 0 0 0 2px;



    -webkit-transform: translateZ(0);



    -ms-transform: translateZ(0);



    transform: translateZ(0);



  }



  .spinner:before,



  .spinner:after {



    position: absolute;



    content: "";



  }



  .spinner:before {



    width: 10.4px;



    height: 20.4px;



    background: #5469d4;



    border-radius: 20.4px 0 0 20.4px;



    top: -0.2px;



    left: -0.2px;



    -webkit-transform-origin: 10.4px 10.2px;



    transform-origin: 10.4px 10.2px;



    -webkit-animation: loading 2s infinite ease 1.5s;



    animation: loading 2s infinite ease 1.5s;



  }



  .spinner:after {



    width: 10.4px;



    height: 10.2px;



    background: #5469d4;



    border-radius: 0 10.2px 10.2px 0;



    top: -0.1px;



    left: 10.2px;



    -webkit-transform-origin: 0px 10.2px;



    transform-origin: 0px 10.2px;



    -webkit-animation: loading 2s infinite ease;



    animation: loading 2s infinite ease;



  }



  



  @-webkit-keyframes loading {



    0% {



      -webkit-transform: rotate(0deg);



      transform: rotate(0deg);



    }



    100% {



      -webkit-transform: rotate(360deg);



      transform: rotate(360deg);



    }



  }



  @keyframes loading {



    0% {



      -webkit-transform: rotate(0deg);



      transform: rotate(0deg);



    }



    100% {



      -webkit-transform: rotate(360deg);



      transform: rotate(360deg);



    }



  }



  




.tba-stripe-payment {



    overflow: hidden;



}



.truebooker_form_style .tba_next_prevbtn.tba_form_button {



    position: unset;



   display: flex;



   justify-content: space-between;



   gap: 20px;



   margin-top: 33px;



}



.truebooker-form .tba_next_prevbtn.tba_form_button .tba-button {

    margin-top: 0px;

}



/* Default Classic Layout Style*/

body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {

    max-width: none !important;

}

/***************************/

.truebooker main.truebooker_form_{

 

    margin: 0 auto;

}

.truebooker main.truebooker_form_ .wp-block-group.alignfull {

    padding-left: 15px;

    padding-right: 15px;

}

.truebooker main.truebooker_form_ .has-global-padding {

    padding: 0;

}

li.tbabmenu::marker {

    font-size: 0;

}
.tbab-accountpage.truebooker-form {
    padding-bottom: 50px;
}

.tbab-account-menubar {

    background-color: var(--tba-gray);

    padding: 30px;

    border-radius: var(--tba-radius-15px);

}

.tbabmenu-leftsidebar ul {

    padding: 0;

}

.tbabmenu-leftsidebar ul li a{

    background: #fff;

    margin-bottom: 15px;

    padding: 15px 28px;

    border-radius: var(--tba-radius-15px);

    border: 1px solid #ddddea;

    font-family: var(--tba-font-family);

}

.tbabmenu-leftsidebar ul li a {
    text-decoration: none;
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    color: var(--tba-cl-dark);
    width: 100%;
    display: block;
}
.tbabmenu-leftsidebar ul li.tbabmenu.active a svg path {
    fill: var(--tba-cl-white);
}
.tbabmenu-leftsidebar ul li.tbabmenu a svg {
    margin-right: 5px;
    overflow: visible;
}
.tbabmenu-leftsidebar ul li:last-child a {
    margin-bottom: 0;
}

.tbabmenu-leftsidebar ul li.tbabmenu.active a {

    color: #ffffff;

}

.tbabmenu-leftsidebar ul li.tbabmenu.active a{
    background-color: var(--tba-cl-skin);
    border-color: var(--tba-cl-skin);
    color: #ffffff;
}
.tbab-deliveryaddress-info.tbab-myaccountcontent {
    margin-top: 15px;
}
#edit-account fieldset {
    margin-top: 10px;
}
.tbab-myaccountcontent {
    background-color: var(--tba-gray);
    padding: 28px 30px 30px;
    border-radius: var(--tba-radius-15px);
}

.editaccountcontent.tbab-myaccountcontent input[type="submit"] {

    margin-bottom: 0;

}

.truebooker-form input[type="submit"]:focus {

    border: 0;

    outline-width: 0px;

}

.tbab-success-result {

    font-size: 16px;

    padding-top: 10px;

}

h3.tba-address-title {

    margin-bottom: 20px;

}

.tbabmenu-leftsidebar ul li.tbabmenu a i{

    position: relative;

}

.tbabmenu-leftsidebar ul li.tbabmenu a i:before {

    content: '';

    position: absolute;

    background-color: var(--tba-cl-dark);

    width: 20px;

    height: 20px;

    line-height: 20px;

    top:0px;

    left: -30px;

}

.tbabmenu-leftsidebar ul li.tbabmenu.active a i:before {

    background-color: #ffffff;

}

.tbabmenu-leftsidebar ul li.tbabmenu a i.tbab-dashboard:before {

    -webkit-mask: url(../images/account.svg) no-repeat 100% 100%;

    mask: url(../images/account.svg) no-repeat 100% 100%;

    -webkit-mask-size: cover;

    mask-size: cover;

}

.tbabmenu-leftsidebar ul li.tbabmenu a i.tbab-order:before {

    -webkit-mask: url(../images/to-do-list.svg) no-repeat 100% 100%;

    mask: url(../images/to-do-list.svg) no-repeat 100% 100%;

    -webkit-mask-size: cover;

    mask-size: cover;

}

.tbabmenu-leftsidebar ul li.tbabmenu a i.tbab-address:before {

    -webkit-mask: url(../images/map.svg) no-repeat 100% 100%;

    mask: url(../images/map.svg) no-repeat 100% 100%;

    -webkit-mask-size: cover;

    mask-size: cover;

}

.tbabmenu-leftsidebar ul li.tbabmenu a i.tbab-account:before {

    -webkit-mask: url(../images/edit.svg) no-repeat 100% 100%;

    mask: url(../images/edit.svg) no-repeat 100% 100%;

    -webkit-mask-size: cover;

    mask-size: cover;

}

.tbabmenu-leftsidebar ul li.tbabmenu a i.fbb-logout:before {

    -webkit-mask: url(../images/exit.svg) no-repeat 100% 100%;

    mask: url(../images/exit.svg) no-repeat 100% 100%;

    -webkit-mask-size: cover;

    mask-size: cover;

}

.truebooker-form input, .truebooker-form button, select, textarea {

    font-family: var(--tba-font-family);

}

.truebooker-form button{

    font-size: 16px;

    line-height: 26px;

}

form#list-booking {

    padding-top: 20px;

}

.truebooker-form h1,

.truebooker-form h2, 

.truebooker-form h3, 

.truebooker-form h4, 

.truebooker-form h5, 

.truebooker-form h6, 

.truebooker-form .h1, 

.truebooker-form .h2, 

.truebooker-form .h3, 

.truebooker-form .h4, 

.truebooker-form .h5, 

.truebooker-form .h6 {

    color: var(--tba-cl-dark) !important;

}

.tbook-box {
    display: flex;
    align-items: center;
}
.tbab_amyaccount_date {
    position: relative;
    overflow: hidden;
}
.truebooker-form  .col-md-5.tbab_amyaccount_calender {
    width: 38% ;
}
.truebooker-form  .col-md-2.tab_myaccount_search{
    display: flex;
    align-items: center;
    gap: 15px;
    width: 24%;
}
span#resetbookingfilter {
    display: inline-block;
    cursor: pointer;
    top: 3px;
    position: relative;
    border: 1px solid var(--tba-bordercolor-dark);
    width: 50px;
    height: 50px;
    padding: 12px 13px 13px 13px;
    text-align: center;
    margin: 0 auto;
    border-radius: 8px;
}
.tbab_amyaccount_calender label {
    color: var(--tba-body-color);
    font-size: 14px;
    font-weight: 400;
}
.tbab_amyaccount_date .tba_datepicker_icon {
    position: absolute;
    top: 12px;
    bottom: 0;
    right: 20px;
    margin: auto 0;
    text-align: center;
    display: inline-block;
    align-items: center;
}
.truebooker-form .tbook-box button {
    padding: 13px 30px;
    margin-top: 3px;
}
.truebooker-form .editaccountcontent input, 
.truebooker-form .editaccountcontent button, 
.editaccountcontent select, 
.editaccountcontent textarea {
    margin-bottom: 25px;
}

.truebooker-form legend {

    font-size: 17px;

    font-weight: 500;

    color: var(--tba-cl-dark);

    margin-bottom: 15px;

}

h3.tba-account-title{

    margin-bottom: 20px;

}

.row.tbab-password-btn {

    display: inline-block;

}

.truebooker-form input[type="submit"] {

    background: var(--tba-cl-skin);

    font-family: var(--tba-font-family);

    color: #ffffff;

    border-radius: var(--tba-radius-8px);

    border: 0;

    padding: 12px 26px;

    font-size: 15px !important;

    font-weight: 600;

    cursor: pointer;

    display: inline-block;

    transition: all 0.2s ease;

    width: 100%;

}


.tbab-deliveryaddress-info.tbab-myaccountcontent {
    padding: 0;
}

.iti.iti--allow-dropdown.iti--separate-dial-code {
    width: 100%;
}

.tbook-admin-box {
    text-align: center;

    margin: 0 auto;

    padding-bottom: 20px;

}

p.tbook-admin {
    font-size: 20px;
    font-weight: 500;
    color: var(--tba-cl-dark);
    margin-bottom: 2px !important;
}

p.tbook-email {
    font-size: 16px;
    color: var(--tba-body-color);
    word-wrap: break-word;
}
span.tbab-billing-title {
    font-size: 15px;
    color: var(--tba-cl-dark);
    font-weight: 500;
    width: 100%;
    max-width: 165px;
    position: relative;
    display: inline-block;
}

.tbab-billing-addressbox {

    padding-bottom: 10px;

}

span.tbab-billing-info {

    font-size: 17px;

    color: var(--tba-cl-dark);

    font-weight: 500;

    position: relative;

}

span.tbab-billing-info.tbab-billing-info-name {
    font-size: 20px;
    font-weight: 500;
}

.tbab-delivery {

    font-size: 17px;

    font-weight: 500;

    color: var(--tba-cl-dark);

    position: relative;

    cursor: pointer;

}

.tbab-delivery:before {

    content: '';

    position: absolute;

    background-color: var(--tba-cl-dark);

    width: 20px;

    height: 20px;

    line-height: 20px;

    top: 0px;

    left: auto;

    right: -30px;

    -webkit-mask: url(../images/edits.svg) no-repeat 100% 100%;

    mask: url(../images/edits.svg) no-repeat 100% 100%;

    -webkit-mask-size: cover;

    mask-size: cover;

}

.tbab-billing-addressinfo {

    padding-top: 15px;

}

img.tba-loderimg {

    position: absolute;

    width: 40px;

    top: -45px;

    right: auto;

    left: 10px;

}

div#result_editaccount {

    padding-bottom: 15px;

    font-size: 15px;

}

option:disabled {

    background-color: #ffffff !important;

}

.tablemybookinglist tbody td {
    font-size: 14px;
    text-transform: capitalize;    
    padding: 10px 5px;
    color: var(--tba-cl-dark);
    border: 0;
}

h1.wp-block-post-title {
    font-weight: 500;
    font-family: var(--tba-font-family);
    color: var(--tba-cl-dark);
}

.tablemybookinglist thead th {
    font-size: 14px;
    font-weight: 500;
    color: var(--tba-cl-dark);
    padding-bottom: 15px;
}

.myaccount-content.tbab-myaccountcontent p {
    font-size: 16px;
}
.tba-table__header-wrapper {
    display: block;
    overflow-x: auto;
    width: 100%;
}
table.tablemybookinglist {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 12px;
    min-width: 620px;
}
tr.mybookinglist_content {
    border-top: 1px solid var(--tba-bordercolor);
    background: var(--tba-cl-white);
    position: relative;
    border: 0;
}
td.tba_bookitem_buttons {
    display: inline-flex;
    position: absolute;
    gap: 15px;
    background: #fff;
    padding: 10px 15px;
    box-shadow: 1px 1px 20px var(--tba-bordercolor);
    opacity: 0;
    cursor: pointer;
    border-radius: 8px;
    align-items: center;
    right: 30px;
    left: auto;
    top: 10px;
    bottom: 10px;
    margin: auto 0;
}
tr.mybookinglist_content:hover td.tba_bookitem_buttons {
    opacity: 1;
}
td.tba_bookitem_servicename img {
    margin-right: 10px;
    width: 40px;
    height: 40px;
    border: 1px solid var(--tba-bordercolor);
    border-radius: 50%;
}
tr.mybookinglist_content td.tba_bookitem_buttons {
    padding: 15px 20px;
}
td.tba_bookitem_servicename,
td.tba_bookitem_id,
td.tba_bookitem_price,
td.tba_bookitem_id {
    font-weight: 500;
}
td.tba_bookitem_status span {
    border: 1px solid #00A437;
    background: var(--tba-al-approved);
    border-radius: var(--tba-radius-8px);
    padding:8px 15px;
    font-weight: 500;
    display: inline-block;
    width: 115px;    
    text-transform: capitalize;
}
td.tba_bookitem_buttons span {
    border-right: 1px solid var(--tba-bordercolor);
    padding-right: 20px;
    display: flex;
}

td.tba_bookitem_buttons span:last-child {
    border-right: 0;
        padding-right: 0;
}
span.tba_bookitem_date {
    display: block;
    line-height: 26px;
}
td.tba_bookitem_info span {
    padding-left: 20px;
    cursor: pointer;
}
td.tba_bookitem_status.tba_cancelled_app span,
.tba_booking_status.tba_cancelled_app {
    background: var(--tba-al-canceled);
    border-color: #E30000;
}
.tba_booking_status.tba_past_app {
    background: #ecf0f2;
    border-color: #c8cfd3;
}
td.tba_bookitem_status.tba_pending_app span,
.tba_booking_status.tba_pending_app {
    background: var(--tba-al-pending);
    border-color:#E39B00;
}
td.tba_bookitem_status.tba_completed_app span,
.tba_booking_status.tba_completed_app {
    background: var(--tba-al-completed);
    border-color:#6C6881;
}

td.tba_bookitem_status.tba_past_app span {
    background: var(--tba-gray);
    border-color: #c8cfd3;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: var(--tba-body-color);
}
span.tba_bookinfo svg {
    overflow: visible !important;
}
ul.page-numbers {
    display: inline-block;
    padding-left: 0;
    margin: 0;
    border-radius: 4px;
}
ul.page-numbers li {
    display: inline-block;
}
.result-count {
    font-size: 14px;
    line-height: 26px;
    color: var(--tba-body-color);
}
.tbab-myaccountcontent .pagination a {
    width: 36px;
    height: 36px;
    line-height: 36px;
    display: inline-block;
    background: var(--tba-gray);
    border: 1px solid var(--tba-bordercolor);
    border-radius: var(--tba-radius-8px);
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: var(--tba-body-color);
    text-decoration: none;
}
.tbab-myaccountcontent .pagination span.page-numbers.current {
    width: 36px;
    height: 36px;
    line-height: 36px;
    display: inline-block;
    background: var(--tba-cl-skin);
    border: 1px solid var(--tba-cl-skin);
    border-radius: var(--tba-radius-8px);
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: var(--tba-cl-white);
    text-decoration: none;
}
.tbab-myaccountcontent .pagination a:hover {
    background: var(--tba-cl-skin) !important;
    color: var(--tba-cl-white);
    border-color: var(--tba-cl-skin);
}
.pagination.myaccount_pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.tbab-myaccountcontent .pagination a.next.page-numbers,
.tbab-myaccountcontent .pagination a.prev.page-numbers{
    font-size: 0;
    position: relative;
    line-height: 46px;
    background: var(--tba-cl-white);
}
.tbab-myaccountcontent .pagination a.next.page-numbers:before,
.tbab-myaccountcontent .pagination a.prev.page-numbers:before {
    font-size: 0;
    content: '';
    position: absolute;
    background-color: var(--tba-cl-dark);
    width: 22px;
    height: 22px;
    line-height: 22px;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-mask: url(../images/arrow.svg) no-repeat 100% 100%;
    mask: url(../images/arrow.svg) no-repeat 100% 100%;
    -webkit-mask-size: cover;
    mask-size: cover;
}
.tbab-myaccountcontent .pagination a.next.page-numbers:hover:before,
.tbab-myaccountcontent .pagination a.prev.page-numbers:hover:before {
    background-color: var(--tba-cl-white);

}
.tbab-myaccountcontent .pagination a.prev.page-numbers:before{
    transform: rotate(180deg);
    background-color: var(--tba-body-color);
}


td.tba_bookitem_buttons span:hover svg path {
    fill: var(--tba-cl-skin);
}
td.tba_bookitem_buttons label.myaccount_tooltip {
    z-index: 1;
    padding: 8px 10px;
    width: max-content;
    background-color: var(--tba-cl-white);
    color: var(--tba-body-color);
    text-transform: none;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    border-radius: 5px;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(-20px, 0px, 0px);
    pointer-events: none;
    transition: opacity .25s linear;
    box-shadow: 0px 4px 11px 0px rgb(0 21 51 / 10%);
    top: -40px;
    bottom: auto;
}
td.tba_bookitem_buttons .tba_bookitem_reschedule label.myaccount_tooltip {
    transform: translate3d(-32px, 0px, 0px);
}
td.tba_bookitem_buttons .tba_bookitem_invoice:hover label.myaccount_tooltip,
td.tba_bookitem_buttons .tba_bookitem_reschedule:hover label.myaccount_tooltip,
td.tba_bookitem_buttons .tba_bookitem_cancel:hover label.myaccount_tooltip {
    opacity: 1;
    visibility: visible;
}
td.tba_bookitem_buttons label.myaccount_tooltip:before {
    z-index: 1;
    border: 8px solid #ffffff00;
    background: 0 0;
    content: "";
    position: absolute;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    transform: translateY(20px);
    border-top-color: #ffffff;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
    width: 0px;
    height: 0px;
}
/*popup box for the appointment*/

.tba_account_pop div#truebooker-model {
    height: 800px;
    max-height: 800px;
    background: var(--tba-gray);
    border: 1px solid var(--tba-bordercolor);
    padding: 30px;
    border-radius: var(--tba-radius-15px) 0 0 var(--tba-radius-15px);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    max-width: 700px;
    height: 90%;
    box-shadow: 0 0 20px rgba(10, 4, 33, 0.1);
    overflow-y: auto;
    z-index: 11;
    opacity: 0;
    -webkit-transition: all .4s cubic-bezier(.59,.19,.17,.72);
    -moz-transition: all .4s cubic-bezier(.59,.19,.17,.72);
    -o-transition: all .4s cubic-bezier(.59,.19,.17,.72);
    transition: all .4s cubic-bezier(.59,.19,.17,.72);
    -webkit-transform: translate(105%, 0);
    -moz-transform: translate(105%, 0);
    -o-transform: translate(105%, 0);
    transform: translate(105%, 0);
}
.tba_account_pop div#truebooker-model.active {
    right: -2px;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0, 0);
    display: block !important;    
}
.tba_booking_info_booked {
    background: var(--tba-cl-white);
    padding: 10px 20px;
    border-radius: var(--tba-radius-8px);
    border: 1px solid var(--tba-bordercolor);
    margin-bottom: 30px;
}
.tba_booked_id {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: var(--tba-body-color);
    font-weight: 400;
}
.tba_booked_id label {
    display: inline-block;
    width: auto;
    font-size: 14px;
    margin-bottom: 0;
    color: var(--tba-body-color);
    font-weight: 400;
}
span.tba_service_name {
    display: block;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    color: var(--tba-cl-dark);
    text-transform: capitalize;
}
span.tba_service_price {    
    display: block;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    color: var(--tba-cl-skin);
    text-transform: capitalize;
}
.tba_booking_info_tab ul.tba_tab {
    padding: 0;
    list-style-type: none;
    margin: 0 0 30px;
    display: flex;
    justify-content: space-between;
        gap: 15px;
}
.tba_booking_info_tab ul.tba_tab li {
    line-height: 0;
    display: inline-grid;
    text-align: center;
    width: -webkit-fill-available;
    width: -moz-available;
}
.tba_booking_info_tab ul.tba_tab li a {
    font-size: 14px;
    line-height: 26px;
    text-decoration: none;
    background: var(--tba-cl-white);
    padding: 8px 30px;
    border: 1px solid var(--tba-bordercolor);
    border-radius: var(--tba-radius-8px);
    display: inline-block;
    text-align: center;
    width: -webkit-fill-available;
}

.tba_staffbox_info {
    gap: 15px;
    display: flex;
    align-items: center;
}
.tba_account_pop .content {
    padding: 0;
}
div#basicinfo_content {
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--tba-bordercolor);
    padding-bottom: 12px;
    margin-bottom: 20px;
}
.tba_service_name {
    display: flex;
    gap: 15px;
    align-items: center;
    padding-top: 2px;
}
label.basicinfo_title {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 0;
    width: auto;
}
.tba_booking_status {
    border: 1px solid #00A437;
    background: var(--tba-al-approved);
    border-radius: var(--tba-radius-8px);
    padding: 8px 18px;
    font-weight: 500;
    display: inline-block;
    text-transform: capitalize;
    font-size: 14px;
}
.tba_booking_info .tba_booking_info_tab .tba_staffbox_info .tba_staff_titlebox .tba_staff_member {
    font-size: 14px;
    line-height: 26px;
    color: var(--tba-body-color);
}
.tba_booking_info .tba_booking_info_tab .tba_staffbox_info .tba_staff_titlebox .tba_staff_name {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    color: var(--tba-cl-dark);
}
.tba_booking_info_tab  .tba_basic_content_info label.tba_booking-extra-title {
    font-size: 14px;
    line-height: 26px;
    color: var(--tba-body-color);
    margin-bottom: 0;
}
.tba_booking_info_tab .tba_basic_content_info .tba_booking-extra-field {
    font-size: 14px;
    line-height: 26px;
    font-weight: 500;
    color: var(--tba-cl-dark);
}
.tbab_booking_subservice {
    margin-top: 30px;
    border-bottom: 1px solid var(--tba-bordercolor);
    margin-bottom: 25px;
    padding-bottom: 15px;
}
.tbab_booking_subservice label {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    color: var(--tba-cl-dark);
    margin-bottom: 0;
}
table.tbab_booking_subservice_box {
    width: 100%;
    line-height: 26px;
    font-size: 14px;
    font-weight: 500;
    color: var(--tba-cl-dark);
}
table.tbab_booking_subservice_box td {
    padding-bottom: 5px;
}
td.tbab_booking_subservice_name {
    line-height: 26px;
    font-size: 14px;
    font-weight: 500;
    color: var(--tba-cl-dark);
    width: 250px;
}
td.tbab_booking_subservice_price {
    text-align: right;
}
div#paymentinfo > label {
    font-size: 16px;
    line-height: 28px;
}
.paymentinfo_method {
    display: flex;
    align-items: center;
    gap: 15px;
    border-bottom: 1px solid var(--tba-bordercolor);
    padding-bottom: 10px;
    margin-bottom: 20px;
}
label.paymentinfo_title {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 0;
}
span.paymentinfo_field {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 0;
    text-transform: capitalize;
    font-weight: 500;
    color: var(--tba-cl-dark);
}
.paymentinfo_info {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
    justify-content: space-between;
}
.paymentinfo_info label {
    color: var(--tba-body-color);
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    width: auto;
}
.paymentinfo_info span {
    color: var(--tba-cl-dark);
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
}
.paymentinfo_amount {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    background: var(--tba-cl-skin);
    color: var(--tba-cl-white);
    border-radius: var(--tba-radius-8px);
    padding: 10px 20px;
    margin-top: 20px;
    margin-bottom: 30px;
}
.paymentinfo_amount label {
    color: var(--tba-cl-white);
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
}
.paymentinfo_amount span {
    color: var(--tba-cl-white);
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
}
.tba_booking_info_card {
    position: relative;
}
.tba_booking_info {
    position: relative;
    overflow: hidden;
}
.tba_booking_button_group {
    display: inline-flex;
    gap: 15px;
    background: #fff;
    padding: 10px 20px;
    box-shadow: 1px 1px 20px var(--tba-bordercolor);
    cursor: pointer;
    border-radius: var(--tba-radius-8px);
    align-items: center;
    margin-left: 231px;
    width: min-content;
}

.tba_booking_button_group button:hover svg path {
    stroke: var(--tba-cl-skin);
}
.header.tba_account_close a:hover svg path{
    stroke:var(--tba-cl-skin);
}
.tba_booking_button_group button {
    padding: 0;
    background: transparent;
    line-height: 0;
    display: inline-block;
}
.header.tba_account_close {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    background: var(--tba-gray);
    width: 38px;
    height: 38px;
    line-height: 38px;
    border: 1px solid var(--tba-bordercolor);
    border-radius: 50%;
    box-shadow: 0 0 20px rgba(10, 4, 33, 0.1);
    position: absolute;
    z-index: 11;
    left: auto;
    right: 50px;
    top: 50px;
}
.header.tba_account_close a {
    margin-right: 0;
    line-height: 0;
}


.tba_account_pop #basicinfo,
.tba_account_pop #paymentinfo {
    display: none;
}
.tba_booking_info_tab ul.tba_tab li.tba_active a{
    background: var(--tba-cl-skin);
    color: var(--tba-cl-white);
}

.recheduleinfo .rechedule_info{
    background: #ffffff;
    border: 1px solid var(--tba-bordercolor);
    border-radius: var(--tba-radius-8px);
    margin: auto;
    box-shadow: 0 0 20px rgba(10, 4, 33, 0.1);
    overflow-y: auto;
    z-index: -1;
    -webkit-transition: all .4s cubic-bezier(.59,.19,.17,.72);
    -moz-transition: all .4s cubic-bezier(.59,.19,.17,.72);
    -o-transition: all .4s cubic-bezier(.59,.19,.17,.72);
    transition: all .4s cubic-bezier(.59,.19,.17,.72);
   max-width: 90%;
    width: 100%;
    height: 77%;
    max-height: 775px;
    position: absolute;
    top: 90px; 
    opacity: 0;
    padding: 30px;   
    left: 0;
    right: 0;
}
.recheduleinfo .rechedule_info.active{
    opacity: 1;
   z-index: 12;
}
.tba_buttongroupd {
    margin-top: 30px;
}
.rechedule_box {
    display: flex;
    align-items: center;
    gap: 15px;
}
.rechedule_box label.rechedule_title {
    font-size: 16px;
    margin-bottom: 0;
}
.header.tba_rechedule_close a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    background: var(--tba-gray);
    width: 38px;
    height: 38px;
    line-height: 38px;
    border: 1px solid var(--tba-bordercolor);
    border-radius: 50%;
    box-shadow: 0 0 20px rgba(10, 4, 33, 0.1);
    margin: 0;
}
.recheduleinfo .rechedule_info .content {
    position: relative;
    padding: 0;
    overflow: hidden;
    height: max-content;
}
.header.tba_rechedule_close {
    border: 0;
}
.recheduleinfo .rechedule_info .tba_booking_calendarbox .fc .fc-button-group {
    padding: 0;
    top: 0;
}
.recheduleinfo .rechedule_info .tba_booking_timeslot.active {
    right: 0;
}
.recheduleinfo .rechedule_info .tba_booking_timeslot {
   top: 0;
}
.tbab-accountpage .tbab-myaccountcontent {
    position: relative;
    overflow: hidden;
}
.tba_gender_radiobox {
    display: flex;
    gap: 5px;
}

.tba_account_pop #truebooker-model-bkinfo {
    max-height: 520px;
    background: var(--tba-gray);
    border: 1px solid var(--tba-bordercolor);
    padding: 30px;
    border-radius: var(--tba-radius-15px) 0 0 var(--tba-radius-15px);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    max-width: 500px;
    height: 90%;
    box-shadow: 0 0 20px rgba(10, 4, 33, 0.1);
    overflow-y: auto;
    z-index: 11;
    opacity: 0;
    -webkit-transition: all .4s cubic-bezier(.59,.19,.17,.72);
    -moz-transition: all .4s cubic-bezier(.59,.19,.17,.72);
    -o-transition: all .4s cubic-bezier(.59,.19,.17,.72);
    transition: all .4s cubic-bezier(.59,.19,.17,.72);
    -webkit-transform: translate(105%, 0);
    -moz-transform: translate(105%, 0);
    -o-transform: translate(105%, 0);
    transform: translate(105%, 0);
}
.tba_account_pop #truebooker-model-bkinfo.active {
    right: -2px;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0, 0);
    display: block !important;
}
.header.tba_bankinfo_close {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    background: var(--tba-cl-white);
    width: 38px;
    height: 38px;
    line-height: 38px;
    border: 1px solid var(--tba-bordercolor);
    border-radius: 50%;
    box-shadow: 0 0 20px rgba(10, 4, 33, 0.1);
    position: absolute;
    z-index: 11;
    left: auto;
    right: 30px;
    top: 20px;
}
.header.tba_bankinfo_close a.cancel {
    margin-right: 0;
    line-height: 0;
}
.bkbankinfo_refundcontent {
    border-bottom: 1px solid var(--tba-bordercolor);
    margin-bottom: 30px;
    padding-bottom: 15px;
}
.bkbankinfo_refundcontent span.bkbankinfo_title {
    display: block;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    color: var(--tba-cl-dark);
    text-transform: capitalize;
}
/*popup box for the appointment*/
/*responsive*/



@media (max-width: 1200px) {

.truebooker main {

    width: 100%;

    margin: 0 auto;

}

.entry-content.is-layout-constrained {

    margin: 0 auto;

    padding-top: 30px !important;

}

}



@media (max-width: 992px) {

.tbab-accountpage.truebooker-form .col-md-8 {

    margin-top: 30px;

}

h1.wp-block-post-title {

    text-align: center;

    margin: 0 auto;

}

}





@media (max-width: 767px) {

.tbook-box {

    display: block;

}

.tbab-divcontent {

    margin-top: 30px;

}
form#list-booking {
    padding-top: 0;
}

}

/*login register */

.tbook-login-register {
    background-color: var(--tba-gray);
    border-radius: var(--tba-radius-20px);
    padding: 40px 40px 15px;
    margin-bottom: 30px;
    width: 50%;
    border: 1px solid var(--tba-bordercolor);
}

h3.tba-log-register-title {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    color: var(--tba-cl-dark);
    margin-bottom: 20px;
    margin-top: 0;
}

.row.tbab-login-registerpage {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}
.tbook-login label {
    width: 100%;
    display: block;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 10px;
    color: var(--tba-body-color);
    font-weight: 400;
}

#tbab-loginform input,
#tbab-registerform input,
#tbab-lostpasswordform input{
    width: -moz-available;
    width: -webkit-fill-available;
    border-radius: var(--tba-radius-8px);
    border: 1px solid var(--tba-bordercolor);
    padding: 10px;
    font-size: 15px;
    line-height: 26px;
    color: var(--tba-cl-dark);
    font-family: var(--tba-font-family);    
}

.tbook-login {
    margin-bottom: 15px;
}

.tbab-submitbtn {
    margin-bottom: 25px;
    margin-top: 20px;
}

#tbab-loginform input:focus,
#tbab-registerform input:focus,
#tbab-lostpasswordform input:focus,
.tba-reset-box input:focus,
#tbab-reset-password .tbab-submitbtn input[type=submit]:focus{
    border-color: var(--tba-bordercolor) !important;
    outline-width: 0px;
    outline-style: solid;
    outline-color: var(--tba-bordercolor);
}

#tbab-loginform input[type=submit],
#tbab-registerform input[type=submit],
.tbab-submitbtn input[type=submit] {
    background-color: var(--tba-cl-skin);
    color: #ffffff !important;
    font-weight: 500;
    cursor: pointer;
    border:0;
}

#tbab-loginform input[type=submit]:hover, 
#tbab-registerform input[type=submit]:hover,
#tbab-reset-password .tbab-submitbtn input[type=submit]:hover {
    background-color: var(--tba-cl-dark);
}

.tbab-lostpassword {
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    color: var(--tba-cl-skin);
}

.tbab-lostpassword label {
    cursor: pointer;
}

/*login register */

.tba-account-box {
    display: flex;
    justify-content: center;
}

.tbook-account-box {
    background-color: var(--tba-gray);
    border-radius: var(--tba-radius-20px);
    padding: 40px;
    margin-bottom: 30px;
    width: 50%;
}

h3.tba-reset {
    font-size: 26px;
    line-height: 36px;
    font-weight: 600;
    color: var(--tba-cl-dark);
    text-align: center;
    margin-top: 0;
    margin-bottom: 25px;
}

p.tbook-message {
    text-align: center;
    font-size: 17px;
    line-height: 27px;
    color: var(--tba-body-color);
    margin-bottom: 30px;
}

.tba-reset-box label {
    width: 100%;
    display: block;
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 10px;
    color: var(--tba-cl-dark);
    font-weight: 500;
}

.tba-reset-box input {
    width: -webkit-fill-available;
    border-radius: 15px;
    border: 1px solid var(--tba-bordercolor);
    padding: 10px;
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 25px;
    color: var(--tba-body-color);
}

#tbab-reset-password .tbab-submitbtn input[type=submit] {

    width: -webkit-fill-available;

    border-radius: 15px;

    border: 1px solid var(--tba-bordercolor);

    padding: 10px;

    font-size: 17px;

    line-height: 26px;

    margin-bottom: 0px;

    color: var(--tba-body-color);

}

p.tbab-message {

    text-align: center;

    color: var(--tba-cl-skin);

    font-size: 17px;

    font-weight: 500;

}


td.hover_button .tba_cart_edit {
    border-right: 1px solid var(--tba-bordercolor);
    padding-right: 15px;
}





.tba_cart_data tr {
    position: relative;
}


#tbab_summary label.confirmdetails {
    font-size: 20px;
    line-height: 30px;
}
.tba_summary_box tr {
    background: var(--tba-cl-white);
    position: relative;
    border: 1px solid var(--tba-bordercolor);
    display: inline-block;
    margin-bottom: 15px;
    border-radius: var(--tba-radius-8px);
    padding: 25px 30px 10px;
}
table.tba_summary_box {
    border-spacing: 0px 10px;
    width: 100%;
}
table.tba_summary_box tr {
    width: 100%;
}
.tba_cart_data.tba_summary_box td:first-child {
    padding-left: 0;
    display: block;
}
td.tbab-detail-service-name {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    color: var(--tba-cl-dark);
}
td.tbab-detail-date {
    font-size: 14px;
    line-height: 26px;
    color: var(--tba-body-color);
    padding-left: 0 !important;
}
td.tbab-detail-staff-member .tba_staffbox {
    display: flex;
    align-items: center;
    gap: 10px;
}
td.tbab-detail-staff-member  .tba_staff_avtar img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
td.tbab-detail-staff-member .tba_staff_titlebox {
    font-size: 14px;
    line-height: 26px;
    color: var(--tba-body-color);

}
td.tbab-detail-pricebox  span.totalpriceamount {
    font-size: 16px;
    line-height: 28px;
    background: var(--tba-cl-skin);
    color: var(--tba-cl-white);
    border-radius: var(--tba-radius-8px);
    padding: 6px 10px;
    margin-left: 5px;
}
td.tbab-detail-pricebox {
    font-size: 14px;
    line-height: 26px;
     color: var(--tba-body-color);
}
td.tbab-detail-pricebox svg,
td.tbab-detail-date svg {
    overflow: visible !important;
}
.tba_cart_data.tba_summary_box td {
    padding: 0 15px;
    line-height: 16px;
}
table.tba_summary_box td.hover_button {
    height: 50px;
}
table.tba_summary_box td.hover_button {
    display: none;
}
.tax_summary {
    border-bottom: 1px solid var(--tba-bordercolor);
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.tax_summary li.tba_summarybox_item {
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: space-between;
}
.truebooker_form_style .tax_summary .tba_summarybox_item  .tba-front_card--title {
    color: var(--tba-cl-dark);
    margin-bottom: 0 !important;
}

/*deposit*/
#tbab_summary .tba_deposite_maindiv .tba_deposite_mainbox{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
#tbab_summary .tba_deposite_maindiv .tba_depositebutton {
    display: flex;
    gap: 15px;
    align-items: center;
}
#tbab_summary .tba_deposite_maindiv .tba_depositebutton label {
    display: inline-block;
    width: auto;
    margin-bottom: 0;
    font-size: 14px;
}
#tbab_summary .tba_deposite_maindiv .tba_depositebutton input#truebooker_paytype {
    margin: 0;
    width: 16px;
    height: 16px;
}
#tbab_summary .tba_deposite_maindiv .tba_paybaleamount.totalpayment {
    display: flex;
    align-items: center;
    gap: 10px;
}
#tbab_summary .tba_deposite_maindiv .tba_paybaleamount.totalpayment label {
    color: var(--tba-body-color);
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 0;
    font-weight: 400;
}
#tbab_summary .tba_deposite_maindiv .tba_payamount,
#tbab_summary .tba_deposite_maindiv .tba_depositeamount,
#tbab_summary .tba_deposite_maindiv .tba_remainamount,
#tbab_summary .tba_deposite_maindiv .tba_totalamount {
    font-size: 14px;
    line-height: 26px;
    font-weight: 500;
    color: var(--tba-cl-dark);
}
#tbab_summary .tba_deposit .tba_paybaleamount {
    display: flex;
    align-items: center;
    gap: 10px;
}
#tbab_summary .tba_deposite_maindiv .tba_deposit .tba_paybaleamount label {
    color: var(--tba-body-color);
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 0;
    font-weight: 400;
}
#tbab_summary .tba_localmethod.ttlpayment {
    display: flex;
    gap: 15px;
}
#tbab_summary .tba_localmethod.ttlpayment label {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 0;
}
#tbab_summary .tba_localmethod.ttlpayment .tba_payamount {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    color: var(--tba-cl-skin);
}
#tbab_summary div#tba_beforeplace_paytype .tba_deposite_mainbox {
    border-bottom: 1px solid var(--tba-bordercolor);
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.tba_deposite_maindiv .tba_paybaleamount.totalpayments {
    display: flex;
    gap: 15px;
    align-items: center;
}
.tba_deposite_maindiv .tba_paybaleamount.totalpayments label {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 0;
    font-weight: 500;
}

#tbab_summary .tba_deposite.tba_deposite_maindiv {
    display: block;
}
#tbab_summary .tba_deposite.tba_deposite_maindiv .tba_paybaleamount {
    display: flex;
    gap: 15px;
}
#tbab_summary .tba_deposite.tba_deposite_maindiv .tba_paybaleamount label {
    color: var(--tba-body-color);
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 0;
    font-weight: 400;
}
#tbab_summary .tba_deposite_maindiv .tba_paybaleamount {
    color: var(--tba-cl-skin);
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
}
.tba_paybaleamount.totalpayments label {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 0;
}

#tbab_summary .tba_deposite.tba_deposite_maindiv .tba_paybaleamount.totalpayment label {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 0;
    color: var(--tba-cl-dark);
    font-weight: 500;
}
#tbab_summary .tba_deposite.tba_deposite_maindiv .tba_paybaleamount.totalpayment .tba_payamount {
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
}
.tba_singledeposite {
    border-bottom: 1px solid var(--tba-bordercolor);
    padding-bottom: 15px;
    margin-bottom: 15px;
}
/*deposit*/
/*payment method box*/
.tba_paymentmethod {
    margin-top: 25px;
}
.tba_paymentmethod .tba_paymentbox {
    display: flex;
    gap: 15px;
    width: 100%;
}

.tba_paymentmethod .tba-front-payment-card-wrapper {
    border: 1px solid var(--tba-cl-dark);
    border-radius: var(--tba-radius-8px);
    display: flex;
    width: 30%;
    align-items: center;
    gap: 10px;
    padding: 10px 15px;
    position: relative;

}
.tba_paymentmethod .tba-front-payment-card-wrapper.tba_active {
    border-color: var(--tba-cl-skin);
}
.tba_paymentmethod .tba-front-payment-card-wrapper .methodname h4 {
    font-size: 15px;
    line-height: 26px;
    font-weight: 500;
    color: var(--tba-cl-dark);
    margin: 0;
}
.tba_paymentmethod .tba-front-payment-card-wrapper .iconbox {
    display: inline-flex;
}
.tba_paymentmethod .tba-front-payment-card-wrapper input.tba_payment_select {
    float: right;
    display: block;
    position: absolute;
    right: 10px;
    width: 16px;
    height: 16px;
}
#tbab_summary .tba_paymentmethod_content {
    height: 100px;
    margin-top: 20px;
}
.tba_paymentmethod_content span.tbab-payment-heading {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    color: var(--tba-cl-dark);
    display: inline-block;
    vertical-align: middle;
    padding-right: 15px;
}
.truebooker_form_style #tbab_summary .tba_next_prevbtn {
    display: flex;
    justify-content: end;
}
/*payment method box*/

/*payment method box paypal*/
.paypal-button-container {
    display: flex;
    align-items: center;
    gap: 30px;
}

/*payment method box paypal*/


.tba-tab-content .tba-front-tabs--panel-body {
    overflow-y: auto;
    min-height: 675px;
    max-height: 675px;
    padding: 30px;
}
/*responsive css*/



@media (max-width: 1199px) {
 .tba-front-branch-item .tba-front-branch-card-wrapper {
        width: 48%;
        margin-bottom: 10px;
    }
    .tba-modal {
        width: 50%;
    }
    .tbab_serviceboxhtml .truebooker_service_cats {
        gap: 24px;
    }
    .tbab_serviceboxhtml .tba-front-service-card-wrapper {
        width: 31%;
    } 
     
    .tba-front-staff-item .tba-front-staff-card-wrapper {
        width: 31%;
    }
    .tba-front-staff-item .truebooker_staff_cats {
        gap: 21px;
    } 
    #tbab_cart .tba_cart_box .tba_cart_data tr {
        margin-bottom: 15px;
        border-bottom: 1px solid var(--tba-bordercolor);
        border-top: 1px solid var(--tba-bordercolor);
        display: block;
    }
    .tba_cart_data .tba_cart_price, 
    .tba_cart_data td.tba_cart_datetime {
        display: inline-block !important;
        width: auto;
        text-align: left;
        padding-top: 0;
    }
    
    .tba_cart_data tr td.hover_button {
        opacity: 1;
        height: 50px;
    }
    .tba_cart_data.tba_summary_box td.tbab-detail-pricebox {
        display: block;
        padding: 0;
    }
    .tba_summary_box tr {
        padding: 25px 15px 25px;
    }
    .tba_cart_data.tba_summary_box td {
       line-height: 26px;
    }
    .recheduleinfo .rechedule_info {
        height: auto;
    }
}

@media (max-width: 1100px) {
    .tbab_serviceboxhtml .truebooker_service_content_box .tba_service_imagebox img {
        height: 150px;
    }
    #tbab_service .tbab_subservicebox {
        width: 100%;
    }
    .tbab_serviceboxhtml .truebooker_service_cats {
        gap: 21px;
    }
    .tba-front-staff-item .truebooker_staff_cats {
        gap: 21px;
    }
}
@media(max-width:992px) { 
    .tba-tab-content .tba-front-tabs--panel-body {
        padding: 30px 15px;
    }
    
    td.hover_button {
        right: 15px;
    }
    
    .tba_summary_div {
        padding: 30px 15px !important;
    }
    .tba-message .tba-message_contents {
        display: block !important;
    }
     a.tba_message_button {
        float: left !important;
        margin-top: 15px;
    }
    .tba_cart_data .tba_cart_price, 
    .tba_cart_data td.tba_cart_datetime {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .truebooker_form_style #tba_front_content4 .tba-front-ser-card {
        width: 100%;
    }
    .truebooker_form_style ul.tba-front-tab-menu {
        flex-basis: 42%;
    }
    .tba-front-branch-item .tba-front-branch-card-wrapper {
        width: 100%;
    }
    .tbab_serviceboxhtml .tba-front-service-card-wrapper {
        width: 47%;
    }
    .truebooker-form #tbab_service .tba-front-subservice-card-wrapper .tba-subservice-rightcolumn .tba__number-input input[type="number"] {
        max-width: 140px !important;
        width: 140px !important;
    }
    .tba-front-subservice-item  select#truebooker_service_qty {
        max-width: 140px;
    }
    #tbab_service .tbab_subservicebox {
        width: 100%;
        max-width: 500px;
        padding: 20px 15px;
    }
    .tba-front-staff-item .tba-front-staff-card-wrapper {
        width: 48%;
    }
    .tbab_serviceboxhtml .truebooker_service_cats {
        justify-content: space-between;
    }  
    
    .tba_booking_timeslot .tba-front-timeslot-card-wrapper {
        width: 100%;
    } 
    .tba_booking_timeslot {
        height: 535px;
        max-width: 350px;
    }
    .tba_cart_data.tba_summary_box td.tbab-detail-staff-member {
        display: block;
        padding: 0px 0 10px;
    }
    .tba_paymentmethod .tba_paymentbox {
        flex-wrap: wrap;
    }    
    .tba_paymentmethod .tba-front-payment-card-wrapper {
        width: 48%;
    }
    .tbabmenu-leftsidebar ul {
        padding: 0;
        margin-bottom: 0px;
        flex-direction: row;
        align-self: auto;
        min-width: 100%;
        margin-right: 0;
        display: flex;
        justify-content: center;
        overflow-x: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        gap: 15px;
    }
    .tbabmenu-leftsidebar ul li a {
        font-size: 0;
        margin-bottom: 10px;
        line-height: 0;
        padding: 10px 20px 15px;
    }
    .tbabmenu-leftsidebar ul li.tbabmenu a svg {
        margin-right: 0;
    }
    td.tbab_booking_subservice_name {
        width: auto;
    }
    .tbab-myaccountcontent {
        padding: 25px 15px 30px;
    }
    .tbab-account-menubar {
        padding: 30px 15px;
    }
    .tba-form-field.truebooker__country {
        margin-top: 20px;
    }
    
}



@media (max-width:767px) {
    .tba-modal {
        width: 85%;
    }
    .tba-message_content h4 {
        margin-bottom: 10px !important;
    }
    .tba-front-tabs {
        display: block;
    }
    .tba-message-image {
        padding: 100px 0 0 !important;
        z-index: -1;
    }
    .tba_cart_details_extra .tba_booking_info_booked {
        padding: 15px 15px !important;
    }

    .tbab_summary_detail {
        flex-wrap: wrap;
        gap: 0 !important;
    }
    .tbab_summary_field {
        width: 47% !important;
        border-right: 0 !important;
    }
    .truebooker_form_style ul.tba-front-tab-menu {
        margin-right: 0;
        margin-bottom: 30px;
        flex-direction: row;
        align-self: auto;
        min-width: 100%;
        padding: 16px 20px;
        margin-right: 0;
        display: flex;
        justify-content: space-between;
        overflow-x: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;    
        position: relative;
        gap: 15px;   
    }
    .fc-view-harness {
        height: 450px !important;
    }
    .truebooker_form_style a.tba-front-tab-menu--item {
        font-size: 0;
        margin-bottom: 0;
    }
    .truebooker_form_style a.tba-front-tab-menu--item svg {
        margin-right: 0;
    }
    .tbab_serviceboxhtml .truebooker_service_content_box .tba_service_imagebox img {
        width: 100%;
        max-width: 100%;
    }
    .tba-front-staff-item .tba-front-staff-card-wrapper {
        width: 31%;
    }
    .tba-front-staff-item .truebooker_staff_cats {
       gap: 18px;
    }
    .tba_account_pop div#truebooker-model {
      padding: 30px 15px;
    }
   
    .recheduleinfo .rechedule_info {
        height: 655px;
    }
    .tba_booking_timeslot.active {
        right: 30px;
    }
    .truebooker-form  .col-md-5.tbab_amyaccount_calender {
        width: 49%;
        display: inline-block;
    }
    


}



@media (max-width:679px) {
    .truebooker_form_style .tba-front-ser-card-wrap {
        width: 100%;
    }
}

@media (max-width:480px) {
    .tbab_serviceboxhtml .tba-front-service-card-wrapper {
        width: 100%;
    }
    .truebooker-form #tbab_service .tba-front-subservice-card-wrapper .tba-subservice-rightcolumn .tba__number-input input[type="number"] {
        max-width: 100px !important;
        width: 100px !important;
    }
    #tbab_cart .tba_cart_box .tba_cart_data tr {
        padding: 15px 0;
    }
    #tbab_cart .tab_cart_box_total {
        display: block;
    }
    .tba-front-module--add-to-calendar {
        display: block;
    }
    .tba-front-module--add-to-calendar h4 {
        margin-bottom: 10px;
    }
    .tba-front-staff-item .tba-front-staff-card-wrapper {
        width: 100% !important;
    }
    .tba_booking_timeslot {
        max-width: 270px;
    }
    .tba_paymentmethod .tba-front-payment-card-wrapper {
        width: 100%;
    }
    .tba_cart_data tr td.hover_button {
        top: auto;
        bottom: auto;
        position: relative;
        left: 0;
        right: 0;
        margin: 0px 10px 10px;
        text-align: center;
        padding: 10px 10px;
    }
    .tba-front-module--add-to-calendar {
        display: block !important;
        text-align: center;
    }
    button#google-calendar-button-tba {
        margin-top: 10px;
    }
    .tba-tab-content .tba-front-tabs--panel-body {
        min-height: 400px !important;
        max-height: 400px !important;
    }
    .tba-front-subservice-item .tba_qtybox {
        display: block !important;
    }
    .tba-front-subservice-item  select#truebooker_service_qty {
        max-width: 100% !important;
        margin-top: 15px;
    }
    a.tba_message_button {
        padding: 12px 15px 10px !important; 
    }
    .tab_myaccount_search #searchbooking{
        justify-content: center;
        display: flex;
    }
}


@media (max-width:400px) {
    .truebooker_form_style #tbab_summary .tba_next_prevbtn {
        display: block;
    }
    .truebooker-form .col-md-5.tbab_amyaccount_calender {
        width: 100%;
        display: inline-block;
    }
    .tab_myaccount_search #searchbooking{
        width: 100% !important;
        display: flex;
        justify-content: center;
        padding-left: 48px;
        padding-right: 48px;
    }
    .tbab_amyaccount_calender{
        margin-top: 5px;
    }
}


@media (max-width: 600px) {
    form {
      width: 100%;
      min-width: initial;
    }
     .tba_booking_calendarbox .fc .fc-daygrid-day-frame {
        height: auto;
        min-height: 52px;
    }
    .tba-tab-content .tba-front-tabs--panel-body {
        padding: 15px;
        min-height: 500px;
        max-height: 500px;
    }
    .tba-front-tabs {
        min-height: 500px;
    }
    .tbab_subserviceboxhtml .tba-front-subservice-card-wrapper {
        display: block;
    }
    .truebooker-form #tbab_service .tba-front-subservice-card-wrapper .tba-subservice-rightcolumn .tba__number-input input[type="number"] {
        max-width: 100% !important;
        width: 100% !important;
    }
    .tbab_subserviceboxhtml .tba-subservice-leftcolumn {
        margin-bottom: 15px;
    }
    #tbab_service .tbab_subservicebox .tba_buttonblock {
        position: relative;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .tba-front-staff-item .tba-front-staff-card-wrapper {
        width: 48%;
    }
    .tba-front-staff-item .truebooker_staff_cats {
        gap: 15px;
        justify-content: space-between;
    }
    .fc-view-harness {
        height: 385px !important;
    }
    table.fc-scrollgrid-sync-table {
        height: 350px !important;
    }
    .tba_booking_timeslot {
        height: 350px;
        padding: 30px 15px;
    }
    .tba_cart_data .tba_cart_price, td.tba_cart_datetime {
        width: 100%;
    }
    .tba_cart_data  .tba_cart_datetime {
        padding-top: 0;
        padding-bottom: 0;
    }
    section#tbab_cart .row {
        margin: 0;
        margin-bottom: 15px;
    }
    .pagination.myaccount_pagination {
        display: block;
    }
    ul.page-numbers {
          margin-top: 10px;
    }
    .tba_booking_timeslot.active {
        right: 0px;
        top: 50px !important;
    }
    .tbab_cart-main-heading .tbab_cart-addservice button {
        float: left;
    }
    .tba_booking_info_tab .tba_basic_content_info.row {
        margin: 20px 0 0!important;
    }
    .tba_cart_details_extra {
        padding: 30px 15px 0;
        height: 85%;
    }
    td.tbab_cart_subservice_name {
        width: auto;
    }
    #tbab_summary .tba_deposite_maindiv .tba_deposite_mainbox {
        display: block;
    }
    #tbab_summary .tba_deposite_maindiv .tba_depositebutton {
        margin-bottom: 15px;
    }
    .tba-tab-content .tba-front-tabs--panel-body {
        padding: 30px 15px;
    }
    .tba_summary_div {
        padding: 30px 15px !important;
    }
    .tbab_summary_detail {
        display: block;
    }
    .tbab_summary_field {
        width: 100% !important;
        padding-bottom: 15px;
    }
    .tba-message .tba-message_contents {
        display: block !important;
    }
    a.tba_message_button {
        margin-top: 20px;
        float: left !important;
    }
}



@media (max-width: 600px) {

    .tba_booking_info_tab ul.tba_tab {
        display: block;
    }
    .tba_booking_info_tab ul.tba_tab li {
        margin-bottom: 10px;
    }
    .tbab_cart-main-heading.col-lg-12 {
        display: inline-block;
        padding: 0 !important;
    }
}

@media only screen and (min-width:600px) and (max-width:1200px) {
    .fc-view-harness.fc-view-harness-active {
        height: 100% !important;
        min-height: 558.519px !important;
    }
}

@media only screen and (min-width:480px) and (max-width:1200px) {
.tbab_serviceboxhtml .truebooker_service_content_box .tba_price_time_box {
        display: block;
    }
    .tbab_serviceboxhtml .truebooker_service_content_box .tba_price_time_box .tba_hour_box {
        padding-bottom: 10px;
    }
}
@media only screen and (min-width:992px) and (max-width:1200px) {
    .truebooker-form  .tab_myaccount_search {
        width: 25%;
    }
}
@media only screen and (min-width:767px) and (max-width:991px) {
.tba-front-staff-item .truebooker_staff_cats {
        gap: 15px;
        justify-content: space-between;
    }

}

@media only screen and (min-width:600px) and (max-width:767px) {
    .tbab_summary_detail {
        gap: 15px;
        flex-wrap: wrap;
    }
    .tbab_summary_field {
        width: 46%;
        border-right: 0;
    }
    .tbab_cart-main-heading {
        display: flex;
    }
    .tbab_cart-main-heading .tbab_cart-addservice {
        margin-left: 25px;
    }
}

@media only screen and (min-width:680px) and (max-width:767px) {
    .truebooker_form_style .tba-front-ser-card-wrap {
        width: 47%;
    }
}
@media only screen and (min-width:600px) and (max-width:992px) {
#tbab_cart .tba_cart_box,#tbab_cart .tab_cart_box_total {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width: 450px) {
.tba_cart_details_extra .tba_booking_info_booked .tba_service_card {
    display: block;
}
}

/*responsive css*/

/*success page css*/
.tba_summary_div {
    margin-top:30px;
    position: relative;
    padding: 50px 50px;
    border: 1px solid var(--tba-bordercolor);
    border-radius: var(--tba-radius-15px);
}
.tbab_summary_field {
    width: 25%;
    border-right: 1px solid var(--tba-bordercolor);
}
.tbab_summary_field:last-child {
    border-right: 0;
}
.tbab_summary_id {
    text-align: center;
    margin: 0 auto;
}
.tbab_summary_id label {
    font-size: 16px;
    line-height: 28px;
    color: var(--tba-body-color);
}
span.bookingid {
    font-size: 16px;
    line-height: 28px;
    color: var(--tba-cl-dark);
    font-weight: 500;
    background: #E6F1FF;
    border-radius: var(--tba-radius-8px);
    padding: 5px 10px;
}
h3.tbab_summary_message {
    font-size: 24px;
    line-height: 34px;
    font-weight: 500;
    color: var(--tba-cl-dark);
}
.tbab_summary_detail {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    align-items: center;
    text-align: center;
    border-bottom: 1px solid var(--tba-bordercolor);
    padding-bottom: 25px;
    padding-top: 25px;
}
span.tbab_sum_label {
    font-size: 14px;
    line-height: 26px;
    color: var(--tba-body-color);
}
h4.tbab_sum_value {
    font-size: 14px;
    line-height: 26px;
    color: var(--tba-cl-dark);
    font-weight: 500;
    margin: 0;
}
.tba-front-module--add-to-calendar {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: center;
    padding-top: 40px;
}
.tba-front-module--add-to-calendar h4 {
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    color: var(--tba-cl-dark);
    margin-bottom:0;
    margin-top: 0;
}
button#google-calendar-button-tba {
    background: transparent;
    color: var(--tba-cl-dark);
    font-weight: 500;
    border: 1px solid var(--tba-bordercolor);
    padding: 6px 30px 10px;
    line-height: 26px;
}
button#google-calendar-button-tba svg {
    overflow: visible;
    margin-right: 5px;
}
button#google-calendar-button-tba:hover {
    border-color: var(--tba-cl-dark);
}
p.tba-message {
    text-align: center;
    margin: 0 auto;
}
.tba_paybtns {
    position: absolute;
    display: inline-block;
    width: auto;
    top: 30px;
    left: auto;
    right: 50px;
}
.tbab_success_image {
    margin: auto;
    height: 100px;
    background-image: url(../images/success.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    margin-bottom: 30px;
}
/*success page css*/
#setting-loading {
    position: absolute;
    display: none;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 9999;
    background: var(--tba-gray);
}
#setting-loading span{
    position: absolute;
    width: 40px;
    height: 40px;
    border: 4px solid #ccc;
    border-top-color: #3498db;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    vertical-align: middle;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 99;
}

@keyframes spin {
  to {
    transform: rotate(360deg); 
}
}
/*booking pop*/
span.tbab_message {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    color: var(--tba-cl-dark);
}
.tba-message .tba-message_contents{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tba-message_content h4 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
        margin: 0;
    color: var(--tba-cl-dark);
}
.tba-message_content span {
    font-size: 14px;
    line-height: 26px;
    font-weight: 500;
    color: var(--tba-body-color);
}
a.tba_message_button {
    background: transparent;
    color: var(--tba-cl-dark);
    box-shadow: unset;
    border: 2px solid var(--tba-cl-black);
    font-weight: 500;
    width: auto;
    float: right;
    border-radius: var(--tba-radius-8px);
    padding: 12px 30px 10px;
    text-decoration: none;
    font-size: 15px;
    line-height: 26px;
}
a.tba_message_button svg {
    overflow: visible;
    margin-right: 5px;
}
a.tba_message_button:hover {
    background: var(--tba-cl-skin);
    color: var(--tba-cl-white);
    border-color: var(--tba-cl-skin);
}
a.tba_message_button:hover svg path {
    stroke: var(--tba-cl-white);
}
.tba-message-image {
    position: relative;
    min-height:283px;
    border: none;
    color: var(--tba-cl-white) !important;
    background-image: url(../images/message.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    display: block;
    padding: 100px 0;
}

#truebooker-model-rechedule .tba_error.commonerror {
    z-index: 9999;
    position: absolute;
    background: var(--tba-cl-white);
    padding: 10px 0;
}


/*style 2*/

.truebooker_form_style2 .tba-tab-content .tba-front-branch-item .tba-front-branch-card-wrapper {
    padding: 0;
    display: flex;
    align-items: center;
    gap: 15px;
    overflow: hidden;
}
.truebooker_form_style2 .tba-tab-content .tba-front-branch-item .tba-front-branch-card-wrapper .image-titlebox {
    width: 100%;
    max-width: 180px;
    height: 100%;
}
.truebooker_form_style2 .tba-tab-content .tba-front-branch-item .tba-front-branch-card-wrapper .tba_branchlogo {
    height: 100%;
}
.truebooker_form_style2 .tba-tab-content .tba-front-branch-item .tba-front-branch-card-wrapper .image-titlebox .tba_branchlogo img {
    max-width: 100%;
    height: 100%;
    border-radius: 0;
}
.truebooker_form_style2 .tba-tab-content .tba-front-branch-item .tba-front-branch-card-wrapper .branchcontent_box {
    padding: 25px 20px 25px 15px;
}


.truebooker_form_style2 .tba-tab-content #tbab_service .tbab_serviceboxhtml .tba-front-service-card-wrapper {
    width: 49%;
    padding: 0;
    overflow: hidden;
}
.truebooker_form_style2 .tba-tab-content #tbab_service .tbab_serviceboxhtml .truebooker_service_content_box {
    display: flex;
    align-items: center;
}
.truebooker_form_style2 .tba-tab-content #tbab_service .tbab_serviceboxhtml .truebooker_service_content_box .tba_service_imagebox {
    margin: 0;
}
.truebooker_form_style2 .tba-tab-content #tbab_service .tbab_serviceboxhtml .truebooker_service_content_box .tba_service_imagebox img {
    max-width: 100%;
    height: 100px;
    border-radius: 0;
    border: 0;
}
.truebooker_form_style2 .tba-tab-content #tbab_service .tbab_serviceboxhtml .truebooker_service_content_box .tba_service_titlebox {
    padding: 15px 20px;
}
.truebooker_form_style2 .tba-tab-content #tbab_datetime .tba_booking_calendarbox {
    width: 65%;
}
.truebooker_form_style2 .tba-tab-content #tbab_datetime .tba_booking_timeslot {
   right: 45px;
    width: 30%;
    opacity: 1;
    -webkit-transition: all .4s cubic-bezier(.59,.19,.17,.72);
    -moz-transition: all .4s cubic-bezier(.59,.19,.17,.72);
    -o-transition: all .4s cubic-bezier(.59,.19,.17,.72);
    transition: all .4s cubic-bezier(.59,.19,.17,.72);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
.truebooker_form_style2 .tba-tab-content #tbab_datetime .tba_booking_timeslot .tba-front-timeslot-card-wrapper {
    width: 100%;
}

.truebooker_form_style2 #tbab_staff .tba-front-staff-item .tba-front-staff-card-wrapper {
    padding: 0;
    text-align: left;
    overflow: hidden;
}
.truebooker_form_style2 #tbab_staff .tba-front-staff-item .tba-front-staff-card-wrapper .tba_staffbox .tba_leftimag img {
    max-width: 130px;
}
.truebooker_form_style2 #tbab_staff  .tba-front-staff-item .tba_staffbox .tba_right.staff_content {
    padding-top: 0;
}
.truebooker_form_style2 #tbab_staff .tba-front-staff-card-wrapper.tba_any_staff {
    justify-content: normal;
}
.truebooker_form_style2 .tba_staffbox {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100%;
}
.truebooker_form_style2 #tbab_staff .tba_any_staff .tba_leftimag {
    width: 100%;
    height: 130px;
    max-width: 130px;
    border-radius: 0;
    margin: 0;
}
.truebooker_form_style2 #tbab_staff .tba-front-staff-item .tba_staffbox .tba_staffinfo h4{
    margin-bottom: 10px;
}
.tba-front-staff-item .tba_staffbox  span.tba_staffphone {
    font-size: 14px;
    line-height: 16px;
    color: var(--tba-cl-dark);
    display: block;
    word-break: break-all;
    padding-top: 8px;
}

/*style 2*/

/****** service listing ***********/

.tbab-service-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    margin-top: 30px;
    width: 100%;
}


.tbab-service-card{
    background: #f7f1e8;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.tbab-service-img{
    width: 100%;
    height: 220px;
    background: #e5e5e5;
}


.tbab-service-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


.tbab-service-content{
    padding: 16px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.tbab-service-content h3{
    font-size: 18px;
    margin: 0 0 6px;
    font-weight: 600;
}

.tbab-category{
    font-size: 13px;
    color: #666;
    margin-bottom: 15px;
}


.tbab-price{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 12px;
}


.tbab-book-btn{
    margin-top: auto;
    background: #e11d1d;
    color: #fff;
    padding: 10px 16px;
    text-decoration: none;
    text-align: center;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
}

.tbab-book-btn:hover{
    background: #b91c1c;
}

.tbab-feedback-overlay{
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.6);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 99999;
}

.tbab-feedback-popup{
    width: 380px;
    background: #fff;
    border-radius: 16px;
    padding: 30px 25px;
    text-align: center;
    position: relative;
    box-shadow: 0 25px 60px rgba(0,0,0,.25);
    animation: tbabFadeUp .35s ease;
}


.tbab-popup-close{
    position: absolute;
    top: 12px;
    right: 14px;
    font-size: 22px;
    cursor: pointer;
    color: #999;
}

.tbab-popup-close:hover{
    color: #000;
}

.tbab-popup-icon{
    width: 60px;
    height: 60px;
    background: #eef2ff;
    color: #4f6df5;
    font-size: 26px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
}

.tbab-feedback-popup h3{
    margin-bottom: 8px;
    font-size: 18px;
}

.tbab-feedback-popup p{
    font-size: 14px;
    color: #555;
}
.tbab-feedback-popup code{
    display: block;
    margin: 15px 0 20px;
    background: #f5f6fa;
    padding: 10px;
    border-radius: 8px;
    font-size: 13px;
}

.tbab-popup-btn{
    width: 100%;
    background: #4f6df5;
    color: #fff;
    border: none;
    padding: 12px;
    border-radius: 25px;
    cursor: pointer;
}

.tbab-popup-btn:hover{
    background: #3d58e0;
}

@keyframes tbabFadeUp{
    from{opacity:0;transform:translateY(20px)}
    to{opacity:1;transform:translateY(0)}
}

@media(max-width:480px){
    .tbab-feedback-popup{width:90%}
}