.path-cancel-event .navbar .navbar-header .region-navigation a.logo img,
.path-cancel-event-confirm .navbar .navbar-header .region-navigation a.logo img {
    margin-top: 4px;
    height: auto !important;
}

body.user-logged-in.path-cancel-event #navbar .navbar-header,
body.user-logged-in.path-cancel-event-confirm #navbar .navbar-header {
    float: left !important;
}

body.user-logged-in.path-cancel-event #navbar .navbar-header a.logo,
body.user-logged-in.path-cancel-event-confirm #navbar .navbar-header a.logo {
    width: auto !important;
    max-width: unset;
    float: left !important;
    margin: 0;
}

.path-cancel-event .region.region-navigation,
.path-cancel-event-confirm .region.region-navigation {
    justify-content: space-between;
}

.navbar-header {
    margin: 0 auto;
    justify-content: center;
}

.wrapper #navbar {
    position: relative !important;
    padding-top: 18px;
    padding-bottom: 18px;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: transparent !important;
}

.region-content .page-header {
    margin: 40px 0 0px;
}

.top-section {
    z-index: 999;
}

.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.dry-appintment .tabs-left {
    border-bottom: none;
}

.dry-appintment .tabs-left>li {
    float: none;
    margin: 0px;
    border-bottom: solid 1px #dadada;
    padding-top: 10px;
    padding-bottom: 10px;
}

.dry-appintment .tabs-left>li:last-child {
    border-bottom: none;
}

.dry-appintment .tabs-left>li.active>a,
.dry-appintment .tabs-left>li.active>a:hover,
.dry-appintment .tabs-left>li.active>a:focus {
    /* border-bottom-color: #ddd;
	border-right-color: transparent; */
    border: 0;
    border-radius: 0px;
    font-size: 32px;
    font-weight: 100;
    color: #333;
}
#store_location_content,
#store_service_content,
#datetime-selected-info,
#beauty_advisor_info,
#user-details-uids {
    position: relative;
    margin-bottom: 29px;
}

#store_location_content span,
#store_service_content span,
#datetime-selected-info span,
#beauty_advisor_info span,
#user-details-uids span {
    position: absolute;
    top: -20px;
    left: 18px;
    font-size: 16px;
    color: #555555;
    margin-top: 5px;
}

@media (max-width: 767px) {

    #store_location_content span,
    #store_service_content span,
    #datetime-selected-info span,
    #beauty_advisor_info span,
    #user-details-uids span {
        left: 0;
        margin-left: 3px;
        max-width: 73%;
        font-size: 13px;
        display: inline-block;
        height: 38px;
        overflow: hidden;
    }
}

.select-date-time-wrapper {
    padding-bottom: 10px;
}

.dry-appintment .arrowhideicon {
    display: none;
}

.dry-appintment .nav-tabs {
    counter-reset: my-sec-counter;
    /* height: 100vh; */
}

.appointment-book h1 {
    display: none;
}

.appointment-heading {
    background-color: #242424;
}

.form-item textarea.error{
    border: none !important;
}

.preview.col-sm-2 {
    display: none !important;
}

.appointment-heading h1 {
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    padding-top: 18px;
    padding-bottom: 18px;
}

.dry-appintment .left-vtabs {
    padding-top: 12px;
    padding-right: 48px;
    position: relative;
}

.global-confirm-btn {
    display: none;
}

.dry-appintment {
    color: #333;
}

.dry-appintment .right-vtabs {
    padding-left: 48px;
    padding-top: 48px;
    border-left: solid 1px #e5e5e5;
    min-height: calc(100vh - 136px);
    position: relative;
}

.global-confirm-btn {
    background-color: #79b928;
    width: 240px;
    text-align: center;
    padding: 14.8px;
    float: right;
    border: none;
    font-size: 18px;
    color: #fff;
}

.dry-appintment .right-vtabs .imgarea {
    display: none;
}

.dry-appintment .panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {
    border-top: transparent;
}

.right-tab-section {
    /* background-image: url(../images/rightsideimg2.png); */
    background-repeat: no-repeat;
    background-size: 50% auto;
    background-position: right 85px;
}

body.path-services.right-tab-section {
    background: #fff;
}

.dry-appintment ul.nav.nav-tabs.tabs-left li a.active {
    color: #333;
    padding: 17px 15px;
    font-size: 32px;
}

.dry-appintment ul.nav.nav-tabs.tabs-left li a .nav-txt-item {
    font-size: 28px;
}

.dry-appintment .nav-tabs>li {
    position: relative;
    padding-left: 50px;
}

.workshop-search-filters {
    top: 130px;
}

.confirmation p {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: normal;
    color: #333333;
    line-height: 28px;
}

.confirmation .email-confirmed {
    margin: 0;
    padding: 0;
    padding-top: 8px;
    padding-bottom: 32px;
}

.inline {
    display: inline-block;
}

.google-icon img,
.apple-icon img {
    width: 25px;
    margin: 10px;
}

.appointment-text {
    font-size: 14px;
    margin: 8px;
    color: #333333;
    padding-left: 10px;
}

.appointment-link a {
    font-size: 16px;
}


.divider {
    margin: 40px auto;
    width: 547px;
    border: solid 1px #dcdcdc;
}

.appointment-link a {
    color: black;
    font-size: 16px;
}

.appointment-link {
    margin-top: 15px;
}


.cancel-confirmation p {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: normal;
    color: #333333;
    line-height: 28px;
}

.cancel-confirmation .cancel-email {
    padding-top: 8px;
}

.dry-appintment ul.nav.nav-tabs.tabs-left li a .numbericon {
    position: absolute;
    left: -50px;
    width: 40px;
    top: 19px;
}

.dry-appintment ul.nav.nav-tabs.tabs-left li .arrowicon {
    position: absolute;
    top: 28px;
    right: 0;
    width: 25px;
}

.dry-appintment .nav-tabs>li.active::after {
    border: solid 1px #000;
}

.dry-appintment .nav-tabs>li>a {
    padding: 0px;
    font-size: 32px;
    font-weight: 100;
    color: #949494;
    text-transform: none !important;
}

.dry-appintment .nav-tabs>li>a:hover {
    line-height: 1.42857143;
    border: 1px solid transparent;
}

.calender_heading {
    padding-top: 48px;
    margin-left: 10px;
}

.calender_heading h2 {
    font-size: 24px;
    text-align: left;
    color: #333333;
    font-weight: normal;
    margin: 0;
    padding: 0;
    padding-bottom: 8px;
}

.confirm-date-time-selection button {
    margin-bottom: 48px;
}

.calender_heading p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    padding-top: 8px;
    line-height: 24px;
    color: #555555;
}

.select-date-time-wrapper p {
    margin-left: 9px;
}

.help-block {
    display: block;
}

.dry-appintment .nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}

.header-section {
    background-color: #333;
    color: #fff;
}

.header-section .dryappintnav {
    height: 64px;
    padding-top: 22px;
}

.header-section .dryappintnav .confirm {
    width: 240px;
    float: right;
}

.header-section .dryappintnav .confirm a {
    background-color: #ebebeb;
    margin-top: -22px;
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
    font-size: 20px;
    letter-spacing: 2px;
    text-decoration: none;
}

.right-vtabs .panel-title label {
    display: block;
    cursor: pointer;
    font-weight: normal;
    color: #333333;
    padding: 5px;
    position: relative;
    padding-left: 20px;
    margin-bottom: 0px;
}

.confirmation .appointment-link {
    margin-top: 24px;
}

.cancel-confirmation .appointment_cnf {
    display: flex;
}

.right-vtabs .panel-title label input {
    opacity: 0;
}

.right-vtabs .radiobtn {
    position: absolute;
    background: white;
    width: 20px;
    height: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    border-radius: 50%;
    border: solid 1px #919191;
    padding: 13px;
    margin-left: 10px;
}

.right-vtabs .left-beau-in .radiobtn {
    margin-left: 0;
    bottom: auto;
    left: -10px;
}

.right-vtabs .panel.panel-default.active {
    border: solid 2px #333;
}

.right-vtabs .panel.panel-default.active .header-section .dryappintnav .confirm {
    background-color: red;
}

.right-vtabs .panel.active .radiobtn {
    border: solid 2px #333;
}

.right-vtabs .panel.active .radiobtn::after {
    opacity: 1;
}

.right-vtabs .radiobtn::after {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: #333;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    border-radius: 50%;
}

.right-vtabs .panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #ddd;
}

.right-vtabs .panel-title label input[type='radio']:checked~.radiobtn::after {
    opacity: 1;
}

.right-vtabs .panel-default>.panel-heading {
    color: #333;
    border: solid 1px #fbfbfb;
    background-color: #fbfbfb;
}

.right-vtabs .panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #fbfbfb;
    background-color: #fbfbfb;
}

.right-vtabs .appointment_description {
    font-size: 14px;
    line-height: 20px;
    color: #555555;
    padding-top: 12px;
}

h1.appointment_cnf {
    display: block;
}

.confirmation .confiramtion-paragraph {
    margin: auto;
    justify-content: center;
}

.right-vtabs .panel.panel-default {
    margin-bottom: 8px;
}

.right-vtabs .panel {
    box-shadow: none;
}

.right-vtabs .panel-heading {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.right-vtabs .panel-group .panel {
    border-radius: 0px;
}

.right-vtabs .storelocation {
    font-size: 14px;
    color: #333;
}

.right-vtabs .storelocation span {
    display: block;
}

.right-vtabs .googlemap {
    margin-top: 16px;
}

.right-vtabs .confirmbtn,
.right-vtabs .beauty_advisor_confirmbtn {
    margin-top: 16px;
    width: 100%;
}

.right-vtabs .panel-collapse {
    margin-top: 0;
    overflow: hidden;
}

.appointment_submit {
    display: none;
}

.appointment_submit button {
    width: 100%;
    padding: 19.5px;
    font-size: 18px;
    background: #79b928;
    border: none;
    margin-top: 30px;
}

.panel-title input {
    display: none;
}

.panel-title span {
    position: relative;
    right: -32px;
    display: block;
    width: calc(100% - 40px);
}

.right-vtabs .confirmbtn a,
.right-vtabs .beauty_advisor_confirmbtn a {
    background-color: #79b928;
    margin-top: 16px;
    font-size: 18px;
    font-weight: normal;
    color: #ffffff;
    width: 100%;
    display: block;
    padding: 19.5px;
    text-align: center;
}

.right-vtabs .confirmbtn a:hover,
.right-vtabs .beauty_advisor_confirmbtn a:hover {
    text-decoration: none;
}

.dryappintnav .bookd a {
    color: #fff;
    text-decoration: none;
}

.dryappintnav .bookm a {
    display: none;
}


/* date and time */

.right-vtabs .form_heading {
    font-size: 24px;
    font-weight: normal;
    padding-bottom: 8px;
    color: #555555;
}

.right-vtabs .form_description {
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 24px;
    color: #555555;
}

.right-vtabs .form-item label {
    font-size: 14px;
    font-weight: normal;
    padding-bottom: 8px;
    color: #333333;
}

.right-vtabs .form-item input,
.right-vtabs .form-item select {
    border: solid 1px #919191;
    background-color: #ffffff;
    height: 56px;
    border-radius: 0;
    font-size: 16px;
}

.right-vtabs .form-type-checkbox input[type="checkbox"] {
    position: absolute;
    top: -19px;
    margin-top: 0;
    opacity: 0;
}

.right-vtabs .user-form-checked label::before {
    width: 28px;
    height: 28px;
    display: inline-block;
    content: "";
    background: url(../images/unchecked.png) no-repeat;
    opacity: 1;
    background-size: 28px;
    position: absolute;
    left: 0;
    top: 0;
}

.right-vtabs .user-form-checked label.active::before {
    background: url(../images/checked.png) no-repeat;
    background-size: 28px;
}

.privacy_policy_link {
    color: black;
}

.right-vtabs .user-form-checked label {
    font-size: 16px;
    padding-left: 38px;
    position: relative;
    padding-top: 5px;
}

.right-vtabs input::placeholder {
    font-size: 16px;
}



#edit-user-save {
    background-color: #ebebeb;
    margin-top: 16px;
    font-size: 18px;
    font-weight: normal;
    color: #333333;
    width: 100%;
    display: block;
    padding: 19.5px;
    text-align: center;
    border: none;
}

.mheading {
    display: none;
}

#store_location_content,
#datetime-selected-info,
#beauty_advisor_info,
#user-details-uids {
    display: none;
}

#edit-user-save {
    display: none;
}

.right-vtabs .select-wrapper::after {
    position: absolute !important;
    right: 15px !important;
}

.right-vtabs .select-wrapper::before {
    width: 54px;
    height: 54px;
    position: absolute !important;
    top: 14px !important;
}

.right-vtabs .panel-default {
    border-color: #919191;
}

.right-vtabs .panel {
    border: 1px solid #e6e6e6;
}

div.appointment-disabled a {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.5;
}

#block-appointmentmenu-2 ul li {
    display: none;
}

#block-appointmentmenu ul li a {
    font-size: 16px;
    font-weight: normal;
}

#block-appointmentmenu ul li a:hover {
    color: #fff;
}

.calendar-appointsection {
    margin: auto;
}

.clnraptsec {
    margin: 0 auto;
    max-width: 768px;
    padding-top: 47px;
    float: none;
}

.clnraptsec .hasDatepicker .ui-state-default,
.clnraptsec .hasDatepicker .ui-datepicker td.ui-state-disabled .ui-state-default {
    width: 90px;
}

.clnraptsec .mycal ul {
    max-width: 100%;
    width: 100%;
}

.clnraptsec .hasDatepicker .ui-datepicker .ui-datepicker-header {
    height: 48px;
}

.clnraptsec .ui-datepicker .ui-datepicker-prev,
.clnraptsec .ui-datepicker .ui-datepicker-next {
    top: 5px;
}

.clnraptsec .calender_heading h2 {
    font-size: 22px;
}

.clnraptsec .calender_heading {
    padding-top: 40px;
}

.clnraptsec .calender_heading p {
    font-size: 14px;
    margin: 0;
    padding: 0;
}

.path-appointment .messages__wrapper {
    position: relative;
    top: 135px;
    display: flex;
    justify-content: center;
}

.path-appointment .messages__wrapper .alert-danger {
    z-index: 999;
    position: relative;
    width: 100%;
}

.path-appointment .messages__wrapper button.close {
    color: #000;
    opacity: 0.9;
}

.clnraptsec .calender_heading {
    width: 100%;
}

.clnraptsec .calender_heading h2 {
    text-align: left;
}

.error-msg,
.valid_error-msg {
    color: red;
    display: none;
}

.user_details label.error {
    display: block;
    margin-top: 4px;
    color: red !important;
    font-size: 12px;
    font-family: 'Montserrat-Regular' !important;
}

.app-pr-policy,
.app-msg-b {
    font-family: "FuturaBTforDyson-Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
}


/* banner covid 19 text css start */

.banner-heading {
    position: relative;
    background-color: #ffc000;
    margin: 0 -500px;
    display: none;
    top: 5px;
}

.banner-heading .banner-text {
    padding: 18px 149px;
    background-color: #ffc000;
    letter-spacing: 0.49px;
    font-size: 15px;
    color: #000;
    max-width: 1140px;
    margin: auto;
    position: relative;
    text-align: center;
}

.banner-text span {
    font-family: 'FuturaBTforDyson-Md', sans-serif;
}

.banner-text .cross-button {
    position: absolute;
    top: 18px;
    right: 45px;
    cursor: pointer;
}

.cross-button::before {
    content: '';
    background: url(../images/cross.svg);
    background-size: cover;
    width: 24px;
    height: 24px;
    display: block;
    cursor: pointer;
}



.right-vtabs .service-info-w .service-category .p-service-info {
    margin-bottom: 15px;
}

.right-vtabs .service-info-w .service-category .p-service-info a {
    font-size: 20px;
    font-weight: 600;
}

.right-vtabs .service-info-w .service-category .panel-body {
    padding: 15px 0;
}



#store_location_content p {
    font-size: 16px;
    color: #555555;
    padding-top: 10px;
    padding-left: 18px;
    margin: 0;
}


.dry-appintment .right-vtabs #user_details .panel-group .panel-heading,
.dry-appintment .right-vtabs #service_selection_tab .panel-group .panel-heading {
    position: relative;
}

.dry-appintment .right-vtabs #user_details .panel-group .panel-heading,
.dry-appintment .right-vtabs #service_selection_tab .panel-group .panel-heading {
    position: relative;
    background-color: #fbfbfb;
}

.dry-appintment .right-vtabs #service_selection_tab .panel-group .service-category a span {
    content: '';
    background-image: url('data:image/png;base64,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');
    width: 23px;
    height: 23px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
}

.dry-appintment .right-vtabs #user_details .panel-group .panel-heading a:after {
    content: '';
    background-image: url('data:image/png;base64,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');
    width: 23px;
    height: 23px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
}

.dry-appintment .right-vtabs #user_details .panel-group .panel-heading a {
    display: inline-block;
    width: 100%;
    position: relative;
}

.dry-appintment .right-vtabs #user_details .panel-group .panel-heading a[aria-expanded="true"]::after {
    transform: translateY(-50%) rotate(270deg)
}

.dry-appintment .right-vtabs #service_selection_tab .panel-group .service-category a span:before {
    content: '' !important;
}

.dry-appintment .right-vtabs #user_details .panel-group .panel.active .panel-heading:after,
.dry-appintment .right-vtabs #service_selection_tab .panel-group .service-category .panel.active a span {
    transform: translateY(-50%) rotate(90deg);
}

.dry-appintment .right-vtabs .appt-serv-fees {
    background: #cbe7fd;
    padding: 22px;
    display: inline-block;
    width: 100%;
    margin-top: 15px;
}

.dry-appintment .right-vtabs #user_details .panel-group .panel {
    border: 1px solid #e9e9e9 !important;
}

.dry-appintment .right-vtabs .panel-collapse .control-label {
    line-height: 1.7;
}

.dry-appintment .right-vtabs .appt-serv-fees h4 {
    margin-top: 0
}

.dry-appintment .right-vtabs .panel-collapse .user-form-checked .control-label {
    line-height: normal;
    padding-top: 0;
}

.dry-appintment .right-vtabs .appt-serv-fees .serv-fee-list {
    margin-top: 0
}

.dry-appintment .right-vtabs a {
    text-decoration: none;
}

.dry-appintment .tab-content>.tab-pane {
    display: none !important;
}

.dry-appintment .tab-content>.active {
    display: block !important;
}


/* banner covid 19 text css start */

@media (min-width:768px) and (max-width: 1170px) {
    .banner-heading {
        margin: 0;
        display: none;
        margin: 0 -100px;
    }

    .banner-heading .banner-text {
        max-width: 750px;
    }
}

@media (min-width:320px) and (max-width: 767px) {
    .right-vtabs #store-service-wrapper .service-details .service-info {
        display: inline-block;
        width: 100%;
    }

    .dry-appintment .right-vtabs .panel-collapse .user-form-checked .control-label {
        padding-top: 0;
    }

    .banner-heading {
        top: -8px;
        display: none;
        margin: 0;
    }

    .banner-heading .banner-text {
        padding: 26px 46px;
    }

    .banner-heading .cross-button {
        right: 20px;
        top: 26px;
    }

    .banner-heading .cross-button::before {
        width: 17px;
        height: 17px;
    }

    .path-appointment .messages__wrapper .alert-danger {
        width: 90%;
    }

    .clnraptsec .hasDatepicker .ui-state-default,
    .clnraptsec .hasDatepicker .ui-datepicker td.ui-state-disabled .ui-state-default {
        width: auto;
    }

    .clnraptsec .calender_heading p {
        width: 90%;
    }

    .clnraptsec .calender_heading {
        padding-top: 32px;
    }

    .clnraptsec #mymodule_calendar_div ul li {
        margin-bottom: 4px;
        width: 20.3%;
        margin-right: 2.6%;
        margin-left: 2%;
    }

    .clnraptsec .select-date-time-wrapper p {
        line-height: 28px;
    }

    .clnraptsec .ui-datepicker table {
        margin-left: 4px;
    }

    .clnraptsec .hasDatepicker .ui-datepicker .ui-datepicker-header {
        margin-right: 4px !important;
        margin-left: 5px !important;
    }

    .left-vtabs .appointment_submit {
        display: block !important;
        padding: 0 15px;
    }

    #store_location_content span,
    #datetime-selected-info span,
    #user-details-uids span {
        left: 0px;
    }

    .right-vtabs .appointment_submit button {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 40px;
        margin: 0 auto;
        width: 92%;
    }

    .right-vtabs .form_heading {
        font-size: 20px;
    }

    .right-vtabs .form_description {
        font-size: 14px;
    }

    .right-tab-section {
        background-image: none !important;
    }

    .dry-appintment .right-vtabs {
        padding-left: 24px;
        padding-top: 32px;
        padding-right: 22px;
    }

    .right-vtabs .rightcontent .panel-body {
        padding: 0px;
    }

    .dry-appintment .right-vtabs .imgarea {
        display: block;
        margin-right: -25px;
        margin-left: -30px;
        margin-top: -15px;
    }

    .dry-appintment ul.nav.nav-tabs.tabs-left li .arrowicon {
        right: 20px;
        width: 21px;
        top: 25px;
    }

    html[lang="fr"] .dry-appintment ul.nav.nav-tabs.tabs-left li .arrowicon {
        right: 7px;
    }

    .dry-appintment ul.nav.nav-tabs.tabs-left li a .numbericon {
        width: 32px;
    }

    .global-confirm-btn {
        width: 130px;
        margin-right: -15px;
        font-size: 16px;
        padding: 17px;
    }

    .wrapper {
        padding-bottom: 0px !important;
    }

    .dry-appintment .nav-tabs>li>a {
        font-size: 24px;
    }

    .dry-appintment ul.nav.nav-tabs.tabs-left li a.active {
        font-size: 24px;
        padding: 17px 0px;
    }

    .dry-appintment .left-vtabs::after {
        display: none;
    }

    .dry-appintment .left-vtabs {
        border-right: none;
        margin: 0;
        padding: 0;
        padding-top: inherit;
        width: 100%;
    }

    .dry-appintment ul.nav.nav-tabs.tabs-left li {
        padding-left: 72px;
        padding-right: 0px;
    }

    .dry-appintment .nav-tabs {
        height: auto;
    }

    .header-section .dryappintnav {
        height: auto;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .hideleftpanel {
        display: none;
    }

    .header-section .dryappintnav .confirm {
        width: 130px;
        font-size: 17px;
        margin-top: -18px;
        height: 55px;
    }

    .dry-appintment p {
        font-size: 20px;
        line-height: 24px;
        margin-left: 0;
    }

    .right-vtabs .storelocation {
        margin-top: 0;
        margin-bottom: 10px;
    }

    .right-vtabs .confirmbtn a {
        margin-top: 14px;
    }

    .dryappintnav .bookd {
        display: none;
    }

    .dryappintnav .bookm a {
        color: #fff;
        text-decoration: none;
        display: block;
    }

    .appointment-heading .dheading {
        display: block;
        font-size: 16px;
    }

    .mheading {
        display: none;
        padding-left: 9px !important;
    }

    .dry-appintment ul.nav.nav-tabs.tabs-left li a {
        padding: 17px 0px;
        font-size: 24px;
    }

    .dry-appintment ul.nav.nav-tabs.tabs-left li a span.nav-txt-item {
        color: #323232;
        font-size: 18px;
        max-width: 56%;
        display: inline-block;
        line-height: normal;
    }

    .googlemap iframe {
        margin-top: 20px;
    }

    .calender_heading h2 {
        text-align: left !important;
        font-size: 20px !important;
        font-weight: normal;
        line-height: 28px;
    }

    .calender_heading p {
        padding-top: 0;
        font-size: 14px;
        font-weight: normal;
        color: #555555;
    }

    #mymodule_calendar_div ul li:nth-child(4n) {
        /* margin-right: 0; */
    }

    #store_location_content span,
    #datetime-selected-info span,
    .user-details div {
        left: 0;
    }

    .dry-appintment .right-vtabs {
        border-left: none;
        min-height: calc(100% - 0px);
    }

    .right-vtabs .confirmbtn a {
        padding: 15.5px;
        margin-bottom: 14px;
    }

    #block-appointmentmenu ul li a {
        display: none;
    }

    #block-appointmentmenu-2 ul li {
        display: block;
    }

    .hasDatepicker .ui-datepicker .ui-datepicker-header {
        margin-right: 7px !important;
        margin-left: 0px !important;
    }


    .cancel-confirmation p,
    .confirmation p {
        line-height: 24px;
        font-size: 16px;
    }

    #store_location_content p {
        padding-left: 0;
    }
}

@media (min-width:768px) and (max-width: 991px) {
    .right-tab-section {
        background-image: none !important;
    }

    .clnraptsec {
        padding-left: 40px;
        padding-right: 40px;
    }

    .clnraptsec .hasDatepicker .ui-state-default,
    .clnraptsec .hasDatepicker .ui-datepicker td.ui-state-disabled .ui-state-default {
        width: auto;
    }

    .clnraptsec .mycal ul {
        max-width: 100%;
    }

    .clnraptsec #mymodule_calendar_div {
        padding-left: 0px;
    }

    .left-vtabs .appointment_submit {
        display: none !important;
    }

    /*.right-vtabs .appointment_submit {
		display: block !important;
	}*/
    #store_location_content span,
    #datetime-selected-info span,
    #user-details-uids span {
        left: 0px;
    }

    .right-vtabs .appointment_submit button {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 40px;
        margin: 0 auto;
        width: 92%;
    }

    .right-tab-section {
        background-repeat: no-repeat;
        background-size: auto;
        background-position: right 0px;
        background-image: none;
    }

    .dry-appintment .right-vtabs {
        padding-left: 45px;
        padding-top: 40px;
        padding-right: 45px;
    }

    .right-vtabs .rightcontent .panel-body {
        padding: 0px;
    }

    .dry-appintment .right-vtabs .imgarea {
        display: block;
        margin-right: -55px;
        margin-left: -55px;
        margin-top: -15px;
    }

    .dry-appintment ul.nav.nav-tabs.tabs-left li .arrowicon {
        right: 46px;
        width: 28px;
        top: 25px;
    }

    .dry-appintment ul.nav.nav-tabs.tabs-left li a .numbericon {
        width: 36px;
    }

    #block-appointmentmenu ul li a {
        font-size: 20px;
        font-weight: normal;
        margin-right: 38px;
    }

    .global-confirm-btn {
        width: 213px;
        margin-right: 28px;
    }

    .wrapper {
        padding-bottom: 0px !important;
    }

    .dry-appintment .nav-tabs>li>a {
        font-size: 28px;
    }

    .dry-appintment ul.nav.nav-tabs.tabs-left li a.active {
        font-size: 28px;
        padding: 17px 0px;
    }

    .dry-appintment .left-vtabs::after {
        display: none;
    }

    .dry-appintment .left-vtabs {
        border-right: none;
        padding-top: 0;
        padding-right: 0;
        margin-left: -25px;
        width: 105%;
    }

    .dry-appintment ul.nav.nav-tabs.tabs-left li {
        padding-left: 102px;
    }

    .dry-appintment .nav-tabs {
        height: auto;
    }

    .header-section .dryappintnav {
        height: auto;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .hideleftpanel {
        display: none;
    }

    .header-section .dryappintnav .confirm {
        width: 130px;
        font-size: 17px;
        margin-top: -18px;
        height: 55px;
    }

    .dry-appintment p {
        font-size: 22px;
        line-height: 28px;
        margin-left: 0px;
    }

    .select-date-time-wrapper p {
        margin-left: 15px;
    }

    .right-vtabs .storelocation {
        margin-bottom: -10px;
        margin-top: 20px;
    }

    .right-vtabs .panel-title span {
        font-size: 16px;
        color: #333333;
        line-height: 24px;
    }

    .dry-appintment .panel-group .panel-heading+.panel-collapse>.panel-body,
    .panel-group .panel-heading+.panel-collapse>.list-group {
        border-top: transparent;
        padding: 14px;
    }

    .right-vtabs .confirmbtn a {
        margin-top: 14px;
    }

    .dryappintnav .bookd {
        display: none;
    }

    .dryappintnav .bookm a {
        color: #fff;
        text-decoration: none;
        display: block;
    }

    .appointment-heading .dheading {
        display: block;
    }

    .mheading {
        display: none;
    }

    .mycal ul {
        width: 100% !important;
        margin-left: 0px !important;
    }

    .dry-appintment ul.nav.nav-tabs.tabs-left li a {
        padding: 17px 0px;
        font-size: 28px;
    }

    .googlemap iframe {
        margin-top: 20px;
    }

    .appointment-heading h1 {
        padding-left: 30px;
        font-size: 16px;
    }

    .right-vtabs .form_heading {
        font-size: 22px;
    }

    .right-vtabs .form_description {
        font-size: 14px;
    }

    #user_details_confirm {
        margin-bottom: 50px;
    }

    .calender_heading h2 {
        text-align: left !important;
        font-size: 22px !important;
        font-weight: normal;
        line-height: 28px;
    }

    .calender_heading p {
        padding-top: 0;
        font-size: 14px;
        font-weight: normal;
        color: #555555;
    }

    #mymodule_calendar_div ul li:nth-child(7n) {
        margin-right: 0;
    }

    #store_location_content span,
    #datetime-selected-info span,
    .user-details div {
        left: 0;
    }

    .dry-appintment .right-vtabs {
        border-left: none;
        min-height: calc(100% - 0px);
    }

    .navbar .logo {
        margin-right: 0;
        padding-left: 30px !important;
    }

    .dry-appintment ul.nav.nav-tabs.tabs-left li .edit_link {
        right: 54px !important;
    }

    .hasDatepicker .ui-state-default.ui-state-active {
        /* padding: 5px 0px !important; */
    }

    .hasDatepicker .ui-datepicker .ui-datepicker-header {
        margin-right: -50px;
        margin-left: -50px;
    }

    .dry-appintment .right-vtabs .imgarea img {
        width: 100%;
    }

    .cancel-confirmation p,
    .confirmation p {
        line-height: 24px;
        font-size: 16px;
    }
}

@media (min-width:992px) and (max-width: 1169px) {
    #block-appointmentmenu ul li a {
        padding-right: 0;
    }

    #navbar nav .menu.nav li {
        margin-right: 0px;
    }
}


/* Service export CSS */

.services-stats-container .service-overview-field {
    margin-bottom: 20px;
}

.services-stats-container .service-overview-field>div {
    display: flex;
    flex-direction: column;
    position: relative;
}

.services-stats-container .service-overview-field .form-item.form-type-date::after {
    content: '';
    background: url(../images/calendar.svg) center/80% no-repeat;
    display: flex;
    width: 19px;
    height: 19px;
    position: absolute;
    right: 12px;
    background-size: cover;
    bottom: 6px;
    z-index: 9;
    cursor: pointer;
}

.services-stats-container .service-overview-field .form-group input[type="date"] {
    -webkit-appearance: none;
    z-index: 10;
    background: transparent;
    position: relative;
}

.services-stats-container .service-overview-field .form-group .form-control {
    color: #272727;
    line-height: 31px;
    height: 31px;
    padding-top: 0;
    padding-bottom: 0;
}

.services-stats-container .service-overview-field .form-item-store-region.form-group .input-group .input-group-addon {
    display: none;
}

.services-stats-container .service-overview-field .form-item-store-region.form-group .form-control {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.services-stats-container .service-overview-field .select-wrapper:before {
    content: '';
}

.export-view-container .services-export-filterform .form-item>label {
    padding: 7px;
    padding-top: 0;
    line-height: normal;
    letter-spacing: 0.39px;
    color: #515151;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 0;
}

.export-view-container .services-export-filterform button.form-submit {
    width: 100px;
    background-color: #36919c;
    text-transform: uppercase;
}

.services-stats-container .export-filter-form .edit-search-btn button {
    display: flex;
    align-items: center;
    line-height: 1;
    height: 31px;
    justify-content: center;
}

.export-view-container .export-btn {
    border: 1px solid #bfbcbc;
    padding: 10px 30px;
    text-decoration: none;
    display: block;
    text-align: center;
    margin: 5px 0;
}

.export-view-container .export-btn i {
    opacity: 0.5;
    padding-left: 15px;
}

.export-view-container .row {
    padding: 15px;
    padding-left: 0;
    padding-right: 0;
}

.export-view-container .export-filter-form {
    border-bottom: 1px solid #d6d4d4;
}

.services-stats-container .export-filter-form .edit-search-btn {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 5px;
}

.services-stats-container .export-filter-form .edit-search-btn button {
    display: flex;
    align-items: center;
    line-height: 1;
    height: 31px;
    justify-content: center;
    background-color: rgb(121, 185, 40);
}

body.user-logged-in.path-services .main-container {
    padding-top: 0;
}

.adyen-checkout__button {
    display: none;
}

.adyen-checkout__store-details {
    display: none;
}

.p-pay-info-h {
    display: none;
}


/* expert tab css */

.beauty-adv {
    border: solid 1px #dadada;
    background-color: #fff;
    border-radius: 4px;
    padding: 30px;
    /* below css remove when add code */
    max-width: 600px;
    margin: auto;
    margin-bottom: 15px;
}

.beauty-adv .panel-bot {
    margin-top: 20px;
}

.beauty-adv.active {
    border: solid 2px #333;
    border-radius: 4px;
}

.beauty-adv p {
    font-size: 14px;
    color: #555555;
}

.beauti-cont .panel-top {
    width: 100%;
    cursor: pointer;
    display: flex;
}

.beauti-cont .panel-top .left-beau .left-beau-in {
    position: relative;
}

.beauti-cont .panel-top .left-beau {
    flex: 0 0 70px;
    display: flex;
    justify-content: center;
    margin-right: 30px;
}

.beauti-cont .panel-top .right-baeu h4 {
    margin: 0;
    font-size: 24px;
    color: #333;
}

.beauty-adv.active .radiobtn::after {
    opacity: 1;
}

.beauty-adv .panel-bot {
    display: flex;
}

.beauty-adv .panel-bot .p-bot-left {
    flex: 0 0 70px;
    display: flex;
    justify-content: center;
    margin-right: 30px;
}

.beauty-adv .panel-bot .p-bot-left img {
    width: 70px;
    border-radius: 100%;
    height: 70px;
    border: solid 1px #dadada;
}

body .dry-appintment .left-vtabs.submitFormFired {
    display: block !important;
}

body .dry-appintment .left-vtabs.submitFormFired .appointment_submit {
    display: block !important;
}

/* Appointment page css */
.appointment-staff .km-experience-dots {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 32px 0 16px;
    background: #fae36e;
}

.appointment-staff .km-experience-dots h1 {
    font-size: 20px;
    line-height: 24px;
    color: #000;
}

.km-experience-dots-inner {
    display: flex;
    justify-content: space-between;
    min-width: 343px;
}

.km-experience-wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
}
.km-experience-wrapper:focus-visible{
    outline: 2px solid #000;
}

.km-experience-dot:before {
    content: '';
    position: absolute;
    width: 121px;
    background: #000;
    height: 1px;
    top: 14px;
    left: -121px;
}

.km-experience-wrapper:first-child .km-experience-dot:before {
    display: none;
}

.km-experience-wrapper .km-experience-dot {
    color: #000;
    border: 2px solid #000;
    height: 33px;
    width: 33px;
    font-size: 16px;
    font-weight: normal;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    font-family: 'Montserrat-Medium';
    border-radius: 100px;
    box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.25);
}

.km-experience-wrapper .km-experience-level {
    color: #000;
    font-family: 'Montserrat-Medium';
    font-size: 9px;
    line-height: 24px;
    text-transform: uppercase;
}

.km-experience-heading {
    color: #000 !important;
    font-size: 20px !important;
    line-height: 24px !important;
    margin-top: 14px !important;
    margin-bottom: 0 !important;
}

.km-experience-wrapper.km-experience-dot-active .km-experience-dot {
    background: #fff;
}

.km-experience-wrapper.km-experience-dot-completed .km-experience-dot {
    text-indent: -9999px;
    box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.25);
    background: #fff url('../images/pink-tick.svg') center center no-repeat;
}

.appointment-content-section {
    width: 718px;
    margin: 0 auto;
    padding-top: 20px;
    padding-left: 16px;
    padding-right: 16px;
}

.service-type.section .type-heading {
    font-family:  'Montserrat-Medium';
    color: #000;
    font-size: 18px;
    line-height: normal;
    font-weight: 500;
    text-align: center;
    margin-bottom: 12px;
}

.service-type.section .type-heading span {
    font-weight: bold;
}

#store-service-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
    gap: 16px;
    margin-bottom: 72px;
    flex-wrap: wrap;
}

.confirm-date-time-selection .cl-btn-primary:hover,
.confirm-date-time-selection .btn-primary:hover {
    color: #fff;
}

.confirm-date-time-selection .cl-btn-primary:disabled,
.confirm-date-time-selection .btn-primary:disabled{
    opacity: 0.5 !important;
    pointer-events: auto ! important;
    cursor: not-allowed ! important;
}

.confirm-date-time-selection .cl-btn-primary:focus-visible,
.confirm-date-time-selection .btn-primary:focus-visible{
    background-color: #fff!important;
    color: #000!important;
    border: 2px solid #000;
}

input#location-confirm-btn {
    background-color: #000;
    padding: 18px 40px;
    color: #fff;
    width: 100%;
    line-height: normal;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 14px */
    letter-spacing: -0.42px;
    text-transform: uppercase;
    transition: all 0.4s ease;
    border: 2px solid #000 !important;
}

input#location-confirm-btn:hover{
  opacity: 0.8;
}

input#location-confirm-btn:focus-visible {
    background-color: #fff;
    color: #000;
}   

.service-section .js-form-item {
    width: 48.7%;
    padding: 16px;
    background: linear-gradient(165deg, rgba(255, 255, 255, 0.50) -0.58%, rgba(255, 255, 255, 0.20) 99.82%), rgba(255, 255, 255, 0.60);
    box-shadow: 0px 1px 24px -1px rgba(0, 0, 0, 0.10);
    backdrop-filter: blur(10px);
}

.service-section .js-form-item h3 {
    font-size: 18px;
    text-align: center;
    font-family:  'Montserrat-Medium';
    margin-bottom: 8px;
}

.service-section .js-form-item input[type="radio"] {
    display: none;
}

.service-section .js-form-item .service-price {
    text-align: center;
    font-family:  'Montserrat-Medium';
    font-size: 16px;
    line-height: normal;
    margin-bottom: 24px;
}

.service-section .js-form-item  .service-content {
    font-family:  'Montserrat-Regular';
    font-size: 14px;
    line-height: 17.5px;
    margin-bottom: 24px;
    text-align: center;
}


.book-now-button {
    text-align: center;
}

.service-section .js-form-item .service-book-now {
    background: #000;
    color: #fff;
    text-transform: uppercase;
    padding: 13px 13px;
    border-radius: 8px;
    font-family:  'Montserrat-Medium';
    font-weight: bold;
}

.book-now-btn {
    text-align: center;
}

.service-images {
    margin-top: 16px;
}

.service-images ul {
    list-style-type: none;
    padding: 0;
    display: flex;
}

.service-images ul li {
    width: 250px;
    height: 250px;
}

.lipstick-wrapper {
    margin-right: 20px;
}

/* Location css */
.service-selected {
    box-shadow: 0px 1px 24px -1px rgba(0, 0, 0, 0.10);
    padding: 16px;
    background: #fff;
    width: 365px;
    margin: 0 auto 20px;
    text-align: center;
}

.service-selected h2 {
    font-size: 24px;
    font-weight: bold;
    color: #000;
    text-transform: capitalize;
    margin-bottom: 10px;
    font-family:  'Montserrat-Medium';
}

.service-selected .selected_service_heading {
    font-size: 20px;
    color: #252B2E;
    font-family:  'Montserrat-Medium';
    font-weight: normal;
}

.service-selected .selected_store_heading {
    padding-top: 5px;
    font-size: 16px;
    line-height: 20px;
    font-family:  'Montserrat-Medium';
}

.service-selected .selected_datetime_heading {
    font-size: 16px;
    font-weight: 700;
    font-family:  'Montserrat-Medium';
    padding-top: 5px;
}

.location-heading {
    text-align: center;
}

.location-heading h3 {
    font-size: 24px;
    font-family:  'Montserrat-Medium';
    font-weight: normal;
}

.location-heading h3 span {
    font-weight: bold;
}

.locations {
    margin-top: 25px;
}

.store-locations {
    display: flex;
    justify-content: space-between;
}

.store-locations .left {
    width: 48%;
}

.store-locations .right {
    width: 48%;
}

.search-location h3 {
    font-size: 12px;
    color: #000;
    font-weight: 600;
    font-family:  'Montserrat-Medium';
}

.search-location .search_location {
    background: #F2F1F6 url('../images/search.svg') 11px 10px no-repeat;
    border-radius: 8px;
    padding: 11px 15px 11px 40px;
    width: 100%;
}

.store-locations .left ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.store-locations .left ul li {
    margin-top: 20px;
}

.store-locations li .store_desc {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.store_desc .store_desc_left {
    width: 83%;
}

.store_desc .store_desc_left .store_name {
    font-size: 16px;
    color: #000;
    font-weight: bold;
    font-family:  'Montserrat-Medium';
}

.store_desc .store_desc_left .store_address {
    font-size: 16px;
    color: #000;
    font-family:  'Montserrat-Medium';
    font-weight: normal;
    padding-top: 5px;
}

.store_desc .select_store {
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
    font-family:  'Montserrat-Medium';
    text-decoration: underline;
}

.store-locations .right .store_details_top {
    background: rgba(255, 255, 255, 0.80);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 10px 8px;
    box-shadow: 0px 1px 24px -1px rgba(0, 0, 0, 0.10);
}

.store-locations .store_details_top .store_name {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    font-family:  'Montserrat-Medium';
}

.store-locations .store_details_top .store_address,
.store-locations .store_details_top .store_phone {
    font-size: 14px;
    color: #000;
    padding-top: 5px;
    font-family:  'Montserrat-Medium';
}

.store-locations .right .store_details iframe {
    height: 200px;
}

.location-confirm {
    text-align: center;
    margin: 16px 0;
}

.location-confirm button {
    background: #000;
    color: #fff;
    padding: 12px 13px;
    border-radius: 8px;
    text-transform: uppercase;
    font-family:  'Montserrat-Medium';
    font-weight: 700;
    border: none;
}

/* Appointment Calendar */
.date-time-section .appointment_calendar {
    display: flex;
    justify-content: space-between;
    padding-bottom: 85px;
}

.appointment_calendar .calendar-left-section {
    flex: 0 0 calc(100% - 370px);
    padding: 0;
}

.appointment_calendar .calendar_container {
    padding: 0;
    flex: 0 0 364px;
}

.calendar-left-section .select-date-time-wrapper p {
    margin: 0;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 14.4px */
    letter-spacing: -0.36px;
}

.calendar_container .title-item {
    font-size: 14px;
    text-align: center;
    color: #000;
    padding-bottom: 16px;
    /* font-family:  'Montserrat-Medium'; */
    font-weight: normal;
    color: var(--Dark, #252B2E);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 14.4px */
    letter-spacing: -0.36px;
}

.calendar_container .mycal ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
}

.calendar_container .mycal ul li {
    font-size: 14px;
    margin: 2px 4px;
    text-align: center;
    position: relative;
}

.calendar_container .mycal ul li input {
    visibility: hidden;
    position: absolute;
}

.calendar_container .mycal ul li label {
    padding: 13px 2px;
    min-width: 44px;
    margin-bottom: 0;
    color: #000;
    cursor: pointer;
    font-family: 'Montserrat-Regular';
    font-weight: normal;
    font-size: 11px;
    line-height: normal;
    border: 1px solid var(--Clientela-Black, #000);
    opacity: 0.64;
}

.calendar_container .mycal ul li label.active-label{
    background: #fae36e !important;
    border: 1px solid #000 !important;
    color: #000 !important;
    opacity: 1 !important;
}

.calendar_container .mycal ul li .disabled-party-slot {
    background: #fbfbfb;
    padding: 13px 2px;
    min-width: 44px;
    margin-bottom: 0;
    cursor: pointer;
    font-family: 'Montserrat-Regular';
    font-weight: normal;
    border: 1px solid var(--Clientela-Black, #000);
    opacity: 0.2;
    line-height: normal;
    color: var(--Clientela-Black, #000);
    font-size: 11px;
    letter-spacing: -0.22px;
}

.calendar_container .mycal ul li input:checked+label {
    background: #fae36e !important;
    border: 1px solid #000 !important;
    color: #000;
    opacity: 1;
}

.confirm-date-time-selection,
#main-btn-booking {
    display: flex;
    justify-content: center;
    margin-top: 32.5px;
    gap: 16px;
}

.confirm-date-time-selection .btn-primary {
    background: #000 !important;
    opacity: 1 !important;
    width: 100%;
    font-family:  'Montserrat-Medium';
    color: #fff !important;
    border-radius: 0;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 14px */
    letter-spacing: -0.42px;
    text-transform: uppercase;
    transition: all 0.4s ease;
    border: 2px solid #000!important;
}

.confirm-date-time-selection .btn-primary:hover {
    opacity: 0.8 !important;
}

.custom-datepicker .ui-widget.ui-widget-content {
    border: none;
    width: 100%;
    box-shadow: none;
    position: static;
    overflow: hidden;
    max-height: initial;
    padding: 0;
}

.custom-datepicker .ui-datepicker .ui-datepicker-header {
    background: transparent;
    border: none;
}

.custom-datepicker .ui-datepicker .ui-state-default {
    text-align: center;
    padding: 11px 10px;
    background: transparent;
    padding: 13px 2px;
    margin-bottom: 0;
    color: #000;
    cursor: pointer;
    font-family: 'Montserrat-Regular';
    font-weight: normal;
    font-size: 11px;
    line-height: normal;
    border: 1px solid var(--Clientela-Black, #000);
    opacity: 0.64;
}
.custom-datepicker .ui-datepicker .ui-state-default:focus-visible{
    opacity: 1;
}

.custom-datepicker .ui-datepicker .ui-state-default.ui-state-highlight {
    border: 1px solid #fae36e !important;
    /* color: #454545 !important; */
    font-family: 'Montserrat-Medium';
    background: transparent;
}

.calendar-left-section .select-date-time-wrapper {
    padding-bottom: 0;
}

.custom-datepicker .ui-datepicker .ui-datepicker-title {
    font-size: 18px;
    text-transform: uppercase;
    font-family:  'Montserrat-Medium';
    color: #000;
    font-style: normal;
     /* 18.45px */
    letter-spacing: -0.36px;
    text-transform: capitalize;
}

.custom-datepicker .ui-datepicker .ui-datepicker-prev {
    left: 20%;
    top: 6px;
}

.custom-datepicker .ui-datepicker .ui-datepicker-next {
    right: 20%;
    top: 6px;
}

.custom-datepicker .ui-datepicker .ui-datepicker-prev.ui-state-hover,
.custom-datepicker .ui-datepicker .ui-datepicker-next.ui-state-hover {
    background: transparent;
    border: none;
    cursor: pointer;
}

.custom-datepicker .ui-datepicker .ui-datepicker-prev span {
    background: url('../images/left-arrow.svg') no-repeat;
    top: 40%;
    min-height: 21px;
}

.custom-datepicker .ui-datepicker .ui-datepicker-next span {
    background: url('../images/right-arrow.svg') no-repeat;
    top: 40%;
    min-height: 21px;
}

.custom-datepicker .ui-datepicker td {
    padding: 3px;
}

.custom-datepicker .ui-datepicker .ui-state-default.ui-state-highlight.ui-state-active,
.custom-datepicker .ui-datepicker .ui-state-default.ui-state-active {
    background: #fae36e !important;
    border: 1px solid #000 !important;
    color: #000 !important;
    opacity: 1 !important;
}

.path-appointment .ui-widget.ui-widget-content:not(.custom-calendar-popup) {
    display: none;
}

.custom-datepicker .ui-state-disabled,
.custom-datepicker .ui-widget-content .ui-state-disabled,
.custom-datepicker .ui-widget-header .ui-state-disabled {
    opacity: 0.4;
}

/* Appointment Detail Css*/
.user_details section {
    margin-top: 16px;
}

.form_heading {
    margin-bottom: 16px;
    font-size: 14px;
    color: #000;
    font-family:  'Montserrat-Medium';
}

.name-details-input {
    display: flex;
}

.user-details-tab {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    color: var(--Clientela-Black, #000) !important;
    width: 100%;
    border: none;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background: #F2F1F6;
}

.user-details-tab[aria-expanded="false"] .cl-icon-arrow-down:before {
    transform: rotate(180deg);
}

.user-details-tab  ~ .user-details-tab{
    margin-top: 16px;
    margin-bottom: 0;
}

#user-details-accordion-1 input[type="text"] {
    padding: 16px 8px;
    font-size: 14px;
    line-height: 18px;
    font-family: 'Montserrat-Regular';
    border-radius: 4px;
    background: var(--Background, #F2F1F6) !important;
}

#user-details-accordion-1 input[type="text"]:focus-visible{
    outline: 2px solid #000!important;
}

#user-details-accordion-1 label {
    margin-bottom: 5px;
    font-family:  'Montserrat-Medium';
    color: #000;
    font-weight: 500;
    line-height: 17.5px; /* 125% */
}

#user-details-accordion-1 .form-item {
    margin-bottom: 21px !important;
}

.book-an-appointment-wrapper {
    min-height: calc(100vh - 256px);
}

#questionnaire-element-wrapper > div {
    margin-top: 16px;
}

.name-details label span {
    color: red;
}

.name-details-input label {
    display: none;
}

.name-details {
    display: flex;
    justify-content: space-between;
    gap: 22px;
    margin-top: 23px;
}

.name-details-input .form-item {
    width: 49%;
}

.user_details .field-suffix,
.phone-suffix,
.birthdate-suffix {
    padding-top: 0;
    color: var(--Dark, #252B2E);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 167.5%; /* 20.1px */
    letter-spacing: -0.24px;
    margin-top: 4px;
    display: block;
}

.birthdate-suffix,
.phone-suffix {
    margin-top: -20px;
    margin-bottom: 24px;
}
.area-country {
    display: flex;
}

.area-country .form-item-country-code {
    width: 165px;
    margin-right: 23px !important;
}

.user_details .form-select {
    height: 50px;
    padding: 16px 8px;
    border-radius: 4px;
    background-color: var(--Background, #F2F1F6) !important;
    color: rgba(37, 43, 46, 0.60);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.28px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5.40002 8.69981L12 15.2998L18.6 8.6998' stroke='black' stroke-width='2' stroke-linejoin='bevel'/%3E%3C/svg%3E");
    background-size: 24px;
    background-position: center right 4px;
}
.user_details .form-select:focus-visible {
    outline: 2px solid #000!important;
}
.birthdate-fields {
    display: flex;
    gap: 13px;
}

.birthdate-fields .form-item-birth-day label {
    visibility: hidden;
}

.birthdate-fields .form-select {
    font-family: 'Montserrat-Medium';
    color: #000;
}


.user-details-consent {
    margin-top: 16px;
}

.user_details .user-details-consent {
    border-radius: 4px;
    background: var(--Background, #F2F1F6);
    padding: 16px !important;
    margin-bottom: 32px;
}

.user-details-consent .consent {
    color: #222;
    margin-top: -5px;
}

.user-details-confirmbtn {
    width: 100%;
}


.user-details-confirmbtn {
    display: flex;
    justify-content: center;
}

.user-details-confirmbtn a #loading-bar-spinner.spinner {
    margin-left: -20px;
    margin-right: 12px;
    animation: loading-bar-spinner 400ms linear infinite;
}

.user-details-confirmbtn a #loading-bar-spinner.spinner .spinner-icon {
    width: 30px;
    height: 30px;
    border:  solid 4px transparent;
    border-top-color:  #fae36e !important;
    border-left-color: #fae36e !important;
    border-radius: 50%;
}

@keyframes loading-bar-spinner {
  0%   { transform: rotate(0deg);   transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}

.user-details-confirmbtn a #loading-bar-spinner.spinner {
    margin-left: -20px;
    margin-right: 12px;
    animation: loading-bar-spinner 400ms linear infinite;
}
.js-form-item.form-item.js-form-type-select.form-type-select.js-form-item-birth-day.form-item-birth-day label:after {
    display: none;
}

.user-details-confirmbtn a #loading-bar-spinner.spinner .spinner-icon {
    width: 30px;
    height: 30px;
    border:  solid 4px transparent;
    border-top-color:  #fae36e !important;
    border-left-color: #fae36e !important;
    border-radius: 50%;
}

@keyframes loading-bar-spinner {
  0%   { transform: rotate(0deg);   transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}

.user-details-confirmbtn a {
    background: #000 !important;
    color: #fff !important;
    text-transform: uppercase;
    padding: 13px 13px;
    font-size: 14px;
    font-weight: 700;
    font-family:  'Montserrat-Medium';
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 200px;
    width: 100%;
    letter-spacing: -0.42px;
    transition: all 0.4s ease;
    border: 1px solid #000;
}

.user-details-confirmbtn a:hover {
    opacity: 0.8;
}

.user-details-confirmbtn a:focus-visible {
    background-color: #fff!important;
    color: #000!important;
}

.digital-card-content .form-check-input{
    cursor: pointer;
    width: 44px;
    height: 25px;
    border-radius: 29px!important;
    border: none;
    box-shadow: none !important;
    background-size: 29px;
    background-position: center left -2px;
    background-color: #808080;
    margin: 0;
    background-image: url('../images/dot.svg');
    background-repeat: no-repeat;
    appearance: none;
    padding: 12px 16px;
}
.digital-card-content .form-check-input:checked {
    background-color: #179432;
    border-color: #179432;
    background-position: center right -2px !important;
}

#dataconsent-valid{
    position: relative;
    top: -24px;
    color: red;
    display: none;
}





/* Appointment Confirmation */
.selp-main-wrap {
    max-width: 411px;
    margin: 0 auto;
    text-align: center;
    padding: 16px 16px 42px 16px;
    width: 100%;
}

.confirmation-heading {
    background: var(--Selfridges, #FAE36E);
    padding: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    min-height: 142px;
    justify-content: center;
}

.appointment-confirm-icon {
    position: relative;
    margin: 0 auto;
    width: 58px;
    height: 58px;
    border-radius: 100px;
    display: flex;
        align-items: center;
    justify-content: center;
    border: 2px solid var(--Clientela-Black, #000);
    background: var(--Clientela-Black, #000);
    box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.25);
}

.appointment-confirm-icon span {
    background: url('../images/tick.svg') center center no-repeat;
    width: 31px;
    height: 30px;
    display: block;
}

.confirmation-heading-text {
    color: var(--Clientela-Black, #000);
    font-size: 20px;
    font-style: normal;
    line-height: 24px;
    text-align: center;
    font-weight: normal;
}

.path-appointment-booked .confirmation-heading-text {
    margin-bottom: -16px;
}

.info-text p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 32px;
}

.info-text p b {
    font-weight: bold;
}

.QR-wrapper {
    padding: 16px;
    background: #E6E6E6;
    margin-bottom: 16px;
}

.QR-heading {
    color: aliceblue;
    color: var(--Dark, #252B2E);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 24px */
    letter-spacing: -0.6px;
}

.QR-wrapper h2 b {
    font-weight: bold;
}

.qr-img {
    margin: 36px 0 32px;
}

.qr-img img {
    width: 100px;
    height: 100px;
}

.qr-msg p {
    margin-bottom: 0;
    color: #333;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}

.qr-msg p span {
    font-family: 'Montserrat-Medium', Arial;
}

.add-to-calender {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
    flex-direction: column;
    gap: 12px;
}

.add-to-calender .qr {
    background: #000;
    color: #fff;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:9px 16px;
    font-size: 14px;
    width: 100%;
    font-family:  'Montserrat-Medium';
    letter-spacing: -0.42px;
    text-transform: uppercase;
}
.add-to-calender .qr:focus-visible {
    background: #fff;
    color: #000;
}

.edit-btn {
    background: #E02020;
    color: #fff !important;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:9px 16px;
    font-size: 14px;
    width: 100%;
    font-family:  'Montserrat-Medium';
    letter-spacing: -0.42px;
    text-transform: uppercase;
}


.add-to-calender .edit-cancel-btn,
.add-to-calender .apple,
.add-to-calender .google {
     background-color: #fff;
     color: #000;
     border: 1px solid var(--Clientela-Grey, #808080);
     height: 50px;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 9px 16px 9px 16px;
     font-size: 14px;
     width: 100%;
     letter-spacing: -0.42px;
     background-repeat: no-repeat;
     text-transform: capitalize;
     background-position: left 12px center;
     font-family: 'Montserrat-Regular';
}

.add-to-calender .apple {
    padding-left: 50px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='30' viewBox='0 0 26 30' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.6261 4.90697C18.707 3.62417 19.2493 2.23826 19.2493 0.75392V0.753902C19.2493 0.557031 19.2401 0.358584 19.2182 0.160156C18.4652 0.199215 17.6646 0.427341 16.8182 0.839843C15.9699 1.25859 15.2705 1.78353 14.7205 2.41485C13.6189 3.66173 12.9986 5.18672 12.9986 6.61168C12.9986 6.80862 13.0112 6.99604 13.033 7.17412C14.7439 7.31317 16.3217 6.43196 17.6261 4.90697ZM23.3803 26.1587C23.9959 25.2812 24.5272 24.3267 24.976 23.2897C25.1611 22.85 25.3351 22.392 25.5 21.9139C24.7397 21.5951 24.0564 21.1463 23.4445 20.5655C22.0942 19.3142 21.4072 17.7383 21.3871 15.8445C21.3651 13.4132 22.4698 11.518 24.7031 10.1648C23.4554 8.39142 21.5794 7.40706 19.0824 7.20554C18.1609 7.12731 17.036 7.3259 15.7032 7.80553C14.2938 8.32272 13.4624 8.58213 13.2171 8.58213C12.889 8.58213 12.1406 8.36027 10.975 7.92278C9.80621 7.48676 8.86564 7.2649 8.1484 7.2649C6.83757 7.2867 5.62036 7.62746 4.49384 8.29615C3.36732 8.96485 2.46724 9.87574 1.79067 11.0305C0.929796 12.4681 0.5 14.1836 0.5 16.1726C0.5 17.909 0.818775 19.7026 1.45468 21.5548C2.04844 23.2696 2.80635 24.7737 3.72824 26.0708C4.58746 27.2854 5.3047 28.1428 5.87813 28.643C6.77656 29.4784 7.67664 29.8759 8.57966 29.8374C9.17342 29.8173 9.95002 29.6139 10.914 29.2237C11.8766 28.8353 12.7765 28.643 13.6156 28.643C14.4156 28.643 15.2906 28.8353 16.2427 29.2237C17.1917 29.6139 18.007 29.8063 18.683 29.8063C19.6247 29.7843 20.504 29.3978 21.3248 28.643C21.8542 28.1831 22.5413 27.355 23.3803 26.1587Z' fill='%23333333'/%3E%3C/svg%3E");
}

.add-to-calender .google {
    padding-left: 50px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='26' viewBox='0 0 25 26' fill='none'%3E%3Cmask id='mask0_8013_18059' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='25' height='26'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.2209 10.7273H12.7791V15.5568H19.3651C18.7512 18.625 16.1837 20.3864 12.7791 20.3864C8.76047 20.3864 5.52326 17.0909 5.52326 13C5.52326 8.90909 8.76047 5.61364 12.7791 5.61364C14.5093 5.61364 16.0721 6.23864 17.3 7.26136L20.8721 3.625C18.6953 1.69318 15.9047 0.5 12.7791 0.5C5.96977 0.5 0.5 6.06818 0.5 13C0.5 19.9318 5.96977 25.5 12.7791 25.5C18.9186 25.5 24.5 20.9545 24.5 13C24.5 12.2614 24.3884 11.4659 24.2209 10.7273Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_8013_18059)'%3E%3Cpath d='M-0.616211 20.3865V5.61377L8.87216 13.0001L-0.616211 20.3865Z' fill='%23FBBC05'/%3E%3C/g%3E%3Cmask id='mask1_8013_18059' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='25' height='26'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.2209 10.7273H12.7791V15.5568H19.3651C18.7512 18.625 16.1837 20.3864 12.7791 20.3864C8.76047 20.3864 5.52326 17.0909 5.52326 13C5.52326 8.90909 8.76047 5.61364 12.7791 5.61364C14.5093 5.61364 16.0721 6.23864 17.3 7.26136L20.8721 3.625C18.6953 1.69318 15.9047 0.5 12.7791 0.5C5.96977 0.5 0.5 6.06818 0.5 13C0.5 19.9318 5.96977 25.5 12.7791 25.5C18.9186 25.5 24.5 20.9545 24.5 13C24.5 12.2614 24.3884 11.4659 24.2209 10.7273Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask1_8013_18059)'%3E%3Cpath d='M-0.616211 5.61377L8.87216 13.0001L12.7791 9.53422L26.1745 7.31832V-0.63623H-0.616211V5.61377Z' fill='%23EA4335'/%3E%3C/g%3E%3Cmask id='mask2_8013_18059' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='25' height='26'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.2209 10.7273H12.7791V15.5568H19.3651C18.7512 18.625 16.1837 20.3864 12.7791 20.3864C8.76047 20.3864 5.52326 17.0909 5.52326 13C5.52326 8.90909 8.76047 5.61364 12.7791 5.61364C14.5093 5.61364 16.0721 6.23864 17.3 7.26136L20.8721 3.625C18.6953 1.69318 15.9047 0.5 12.7791 0.5C5.96977 0.5 0.5 6.06818 0.5 13C0.5 19.9318 5.96977 25.5 12.7791 25.5C18.9186 25.5 24.5 20.9545 24.5 13C24.5 12.2614 24.3884 11.4659 24.2209 10.7273Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask2_8013_18059)'%3E%3Cpath d='M-0.616211 20.3865L16.128 7.31832L20.5373 7.8865L26.1745 -0.63623V26.6365H-0.616211V20.3865Z' fill='%2334A853'/%3E%3C/g%3E%3Cmask id='mask3_8013_18059' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='25' height='26'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.2209 10.7273H12.7791V15.5568H19.3651C18.7512 18.625 16.1837 20.3864 12.7791 20.3864C8.76047 20.3864 5.52326 17.0909 5.52326 13C5.52326 8.90909 8.76047 5.61364 12.7791 5.61364C14.5093 5.61364 16.0721 6.23864 17.3 7.26136L20.8721 3.625C18.6953 1.69318 15.9047 0.5 12.7791 0.5C5.96977 0.5 0.5 6.06818 0.5 13C0.5 19.9318 5.96977 25.5 12.7791 25.5C18.9186 25.5 24.5 20.9545 24.5 13C24.5 12.2614 24.3884 11.4659 24.2209 10.7273Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask3_8013_18059)'%3E%3Cpath d='M26.1745 26.6365L8.87221 13.0001L6.63965 11.2956L26.1745 5.61377V26.6365Z' fill='%234285F4'/%3E%3C/g%3E%3C/svg%3E");
}


/* Footer Css */
.footer {
    box-shadow: 0px 1px 24px -1px rgba(0, 0, 0, 0.10);
    margin-top: 30px;
    padding: 0;
    overflow: hidden;
    padding: 32px 16px;
    background: #E6E6E6;
}


.footer-logo {
    display: block;
    margin: 0 auto;
    width: 138px;
    margin-bottom: 32px;
}


.footer-top {
    padding: 20px 0;
}

.inner-footer {
    display: flex;
    justify-content: space-between;
}

.footer-left-section {
    width: 35%;
    display: flex;
}

.join-program {
    width: 63%;
}

.join-program h3 {
    font-size: 12px;
    font-weight: bold;
    font-family:  'Montserrat-Medium';
    margin-bottom: 12px;
    text-transform: uppercase;
}

.join-program p {
    font-size: 12px;
    font-weight: normal;
    font-family:  'Montserrat-Medium';
    margin-bottom: 12px;
}

.join-program p a {
    text-decoration: underline;
}

.join-program p:last-child {
    margin-bottom: 0;
}

.footer-kiko {
    margin-left: 16px;
}

.footer-kiko img {
    width: 128px;
    height: 128px;
}

.footer-right-section h3 {
    font-size: 12px;
    font-weight: bold;
    font-family:  'Montserrat-Medium';
    text-transform: uppercase;
    text-align: center;
}

.social-media ul {
    display: flex;
    padding: 0;
    margin: 0;
    margin-top: 20px;
    list-style-type: none;
}

.social-media li {
    padding: 0 10px;
}

.apple-google {
    margin-top: 30px;
}

.apple-google ul {
    display: flex;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.apple-google li {
    padding: 0 5px;
}

.footer-middle {
    background: #FFF5F5;
    padding: 20px 0;
}

.footer-middle h4 {
    font-size: 32px;
    color: #252B2E;
    font-family:  'Montserrat-Medium';
    text-align: center;
    margin-bottom: 0;
}

.country-language {
    padding: 12px 16px;
}

.country-language ul {
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.country-language li {
    display: flex;
    align-items: center;
    line-height: 16px;
}

.country-language li label {
    font-size: 12px;
    color: #252B2E;
    font-family:  'Montserrat-Medium';
    padding-right: 10px;
    margin-bottom: 0;
    text-transform: uppercase;
    line-height: 16px;
}

.country-language li span {
    font-size: 12px;
    color: #252B2E;
    font-weight: 700;
    font-family:  'Montserrat-Medium';
    text-transform: uppercase;
}

.country-language li span img {
    margin-left: 5px;
}

.footer-copyright {
    display: block;
    width: 300px;
    margin: 0 auto;
    color: #000;
    text-align: center;
    font-family: 'Montserrat-Light';
    font-size: 12px;
    line-height: 121.162%; /* 14.539px */
}
.footer-copyright a {
    text-decoration: underline;
    font-family: 'Montserrat-Light';
}

.area-country label span {
    color: red;
    font-size: 16px;
}

.area-country select {
    padding-right: 28px !important;
}

.selected_datetime {
    display: none;
}

/* Employee Details  */

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

.profile-pic {
    width: 77px;
    height: 77px;
    border-radius: 100%;
    border: 3px solid #F2F1F6;
    overflow: hidden;
    margin-bottom: 14px;
}


.staff-name {
    text-align: center;
    font-size: 20px;
    line-height: normal;
    color: #333;
    margin-bottom: 6px;
}

.department {color: #333;font-size: 16px;display: flex;margin-bottom: 32px;}
.department span {
    display: flex;
    align-items: center;
}
.department span ~ span:before {
    content: '';
    margin: 0px 12px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #000;
    display: block;
}
.data-consent-hyperlinks {
    text-decoration: underline;
}
.cl-toggle-type-2 .form-check-input:focus-visible{
    outline: 2px solid #000!important;
}

.no-service-available {
    text-align: center;
    font-weight: bold;
}

.duke-block-message {
    padding: 18px;
    margin: 15px 0;
    background: #ffe0d1;
    color: #7a4c4c;
    font-weight: 600;
    text-align: center;
    border-radius: 6px;
    font-size: 16px;
}

/* Disable all interaction for Duke-staff booking page */
.duke-blocked {
    pointer-events: none;
    opacity: 0.4;
}
/* ---------------- */


@media (max-width: 767px) {
    .appointment-content-section {
        max-width: 372px;
    }
    #store-service-wrapper {
        flex-direction: column;
        align-items: center;
    }

    .service-section .js-form-item {
        width: 100%;
    }


    .service-images ul {
        flex-direction: column;
    }

    .km-experience-wrapper::before {
        width: 68px;
        left: -59px;
    }

    .km-experience-wrapper:nth-child(2):before {
        width: 51px;
        left: -47px;
    }

    .km-experience-wrapper:nth-child(3):before {
        width: 61px;
        left: -39px;
    }

    .km-experience-wrapper:nth-child(4):before {
        width: 68px;
        left: -58px;
    }

    .service-selected {
        width: 100%;
    }

    .store-locations {
        flex-direction: column;
    }

    .store-locations .left {
        order: 2;
        width: 100%;
    }

    .store-locations .right {
        order: 1;
        width: 100%;
    }

    .date-time-section .appointment_calendar {
        flex-direction: column;
    }

    .appointment_calendar .calendar-left-section {
        width: 100%;
    }

    .appointment_calendar .calendar_container {
        width: 100%;
        margin-top: 20px;
    }

    .calendar_container .title-item {
        padding-bottom: 16px;
    }

    .service-images ul li {
        width: 100%;
        height: auto;
        margin-bottom: 16px;
    }

    .service-images ul li img {
        width: 100%;
    }

    .area-country .form-item-phone {
        width: 70%;
    }

    .add-to-calender {
        flex-direction: column;
    }

    .QR-wrapper {
        margin-top: 16px;
    }

    .download_qr,
    .google.inline,
    .apple.inline {
        width: 100%;
        margin-top: 16px;
    }

    .download_qr {
        margin-top: 0;
    }

    .download_qr a {
        display: block;
    }

    .dry-appintment.book-an-appointment-wrapper #store-service-wrapper p {
        min-height: auto;
    }

    .inner-footer {
        flex-direction: column;
    }

    .footer-left-section {
        width: 100%;
    }

    .footer-right-section {
        display: flex;
        justify-content: space-between;
        padding-top: 20px;
    }

    .apple-google {
        display: none;
    }

    .social-media ul {
        margin-top: 0;
    }

    .footer-middle {
        display: none;
    }

    .country-language li label {
        padding-right: 5px;
    }
}