a {
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}

a:hover {
    color: #5f6367;
}

div[class*="dt-sc-service"] h1 a:hover,
div[class*="dt-sc-service"] h2 a:hover,
div[class*="dt-sc-service"] h3 a:hover,
div[class*="dt-sc-service"] h4 a:hover,
div[class*="dt-sc-service"] h5 a:hover,
div[class*="dt-sc-service"] h6 a:hover {
    color: #5f6367;
}

.column img, .vc_column_container img, .wpb_column img {
    display: inherit;
    max-width: 100%;
}

.column {
    margin: 0 0 0 2%;
    float: left;
    min-height: 1px;
    position: relative;
}

.column.first {
    margin-left: 0;
    clear: both;
}

.dt-sc-full-width, .dt-sc-one-column {
    width: 100%;
}

.column.dt-sc-full-width, .column.dt-sc-one-column {
    margin-left: 0;
}

.dt-sc-one-half {
    width: 49%;
}

.dt-sc-one-third {
    width: 32%;
}

.dt-sc-two-third {
    width: 66%;
}

.dt-sc-one-fourth {
    width: 23.5%;
}

.dt-sc-three-fourth {
    width: 74.5%;
}

.dt-sc-one-fifth {
    width: 18.4%;
}

.dt-sc-two-fifth {
    width: 38.8%;
}

.dt-sc-three-fifth {
    width: 59.2%;
}

.dt-sc-four-fifth {
    width: 79.6%;
}

.dt-sc-one-sixth {
    width: 15%;
}

.dt-sc-two-sixth {
    width: 32%;
}

.dt-sc-three-sixth {
    width: 49%;
}

.dt-sc-four-sixth {
    width: 66%;
}

.dt-sc-five-sixth {
    width: 83%;
}

select {
    width: 100%;
    padding: 0.4em;
}

select:focus {
    color: #222;
    border-color: #333;
}

.entry-content button,
.entry-content input[type="button"],
.entry-content input[type="submit"],
.entry-content .dt-sc-button,
.dt-sc-button {
    background-color: var(--wdtSecondaryColor);
    color: #FFF !important;
    letter-spacing: 0;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    display: inline-block;
    float: none;
    font-family: var(--wdtFontTypo_Base);
    font-size: clamp(0.875rem, 0.8462rem + 0.1282vw, 1rem);
    font-style: normal;
    font-weight: normal;
    line-height: var(--wdtLineHeight_Alt);
    outline: none;
    padding: var(--wdtPadding_Btn);
    text-decoration: none;
    text-transform: capitalize;
    -webkit-appearance: none;
    appearance: none;
    -webkit-border-radius: var(--wdtRadius_Part);
    border-radius: var(--wdtRadius_Part);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.entry-content button:hover, .entry-content button:focus,
.entry-content input[type="button"]:hover, .entry-content input[type="button"]:focus,
.entry-content input[type="submit"]:hover, .entry-content input[type="submit"]:focus,
.entry-content .dt-sc-button:hover, .entry-content .dt-sc-button:focus,
.dt-sc-button:hover, .dt-sc-button:focus, .default-button a:hover, .default-button a:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
    color: #FFF !important;
    background: var(--wdt-elementor-color-highline); !important;
    font-weight: normal !important;
}

.dt-sc-hr-invisible-large {
    clear: both;
    float: left;
    margin: 30px 0;
    width: 100%;
}

.dt-sc-hr-invisible-medium {
    clear: both;
    float: left;
    margin: 20px 0;
    width: 100%;
}

.dt-sc-hr-invisible-small {
    clear: both;
    float: left;
    margin: 15px 0;
    width: 100%;
}

.dt-sc-hr-invisible-xsmall {
    clear: both;
    float: left;
    margin: 10px 0;
    width: 100%;
}

.dt-sc-hr-invisible-very-small {
    clear: both;
    float: left;
    margin: 5px 0;
    width: 100%;
}

.dt-sc-clear {
    clear: both;
    float: none;
    margin: 0;
    padding: 0;
}

.aligncenter, img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

input[type="button"]:disabled, input[type="submit"]:disabled {
    opacity: 0.5;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: var(--wdt-elementor-color-text);
}

::-moz-placeholder { /* Firefox 19+ */
    color: var(--wdt-elementor-color-text);
}

:-ms-input-placeholder { /* IE 10+ */
    color: var(--wdt-elementor-color-text);
}

:-moz-placeholder { /* Firefox 18- */
    color: var(--wdt-elementor-color-text);
}

/*** Alert Boxes Styles ***/
.dt-sc-error-box, .dt-sc-warning-box, .dt-sc-success-box, .dt-sc-info-box {
    clear: both;
    display: table;
    margin-bottom: 20px;
    padding: 15px;
    width: 100%;
}

.dt-sc-error-box a, .dt-sc-warning-box a, .dt-sc-success-box a, .dt-sc-info-box a {
    text-decoration: underline;
}

.dt-sc-error-box {
    background-color: #ffcccc;
    border: 1px solid #ff9999;
    color: #d01313;
    position: relative;
}

form[id*="reserveloginform"] {
    display: none;
}

label.error {
    color: red;
}

input[type="text"].error, input[type="password"].error, input[type="email"].error, input[type="checkbox"].error, input[type="tel"].error, select.error {
    border-color: red !important;
}

.dt-sc-error-box:before, .dt-sc-warning-box:before, .dt-sc-success-box:before, .dt-sc-info-box:before {
    display: table-cell;
    font-family: "Font Awesome 5 Free";
    font-size: 20px;
    font-style: normal;
    font-weight: bold;
    padding: 0 15px 0 5px;
    text-decoration: inherit;
    width: 1px;
}

.dt-sc-error-box:before {
    content: "\f057";
    color: #C54228;
}

.dt-sc-warning-box {
    background-color: #fdebae;
    border: 1px solid #e6c555;
    color: #c79d13;
    position: relative;
}

.dt-sc-warning-box:before {
    content: "\f06a";
    color: #e2b828;
}

.dt-sc-success-box {
    background-color: #eafac0;
    border: 1px solid #b1cf67;
    color: #7ba411;
    position: relative;
}

.dt-sc-success-box:before {
    content: "\f058";
    color: #75b632;
}

.dt-sc-info-box {
    background-color: #bfe4f9;
    border: 1px solid #68a2cf;
    color: #2081b9;
    position: relative;
}

.dt-sc-info-box:before {
    content: "\f05a";
    color: #008bc1;
}

.dt-sc-error-box a {
    color: #d01313;
}

.dt-sc-warning-box a {
    color: #c79d13;
}

.dt-sc-success-box a {
    color: #7ba411;
}

.dt-sc-info-box a {
    color: #2081b9;
}

.dt-sc-reservation-form .aligncenter button {
    float: none;
    padding: 15px 20px 14px;
}

.dt-sc-appointment-wrapper .dt-sc-reservation-form .selection-box:after, .dt-sc-reserve-appointment.type1 .selection-box:after {
    display: none;
}

.dt-sc-reservation-form .dt-sc-one-column .aligncenter button {
    width: 100%;
}

.staff .dt-sc-team.hide-social-role-show-on-hover .dt-sc-team-social li a {
    width: 40px;
    height: 40px;
    line-height: 38px;
}

.dt-sc-team-social li a.fa-facebook:before {
    content: "\f39e";
}

.dt-sc-team-social li a.fa-google-plus:before {
    content: "\f0d5";
}

.dt-sc-team-social li a.fa-linkedin:before {
    content: "\f0e1";
}

#viewreservelogin p {
    clear: both;
    display: block;
    margin-bottom: 20px;
}

#viewreservelogin p.login-remember {
    margin-bottom: 0;
}

#viewreservelogin label {
    display: flex;
    margin-bottom: 10px;
}

#viewreservelogin p input[type=text], #viewreservelogin p input[type=password] {
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
}

#viewreservelogin input[type=checkbox] {
    margin-right: 5px;
}

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

/* 2021 Overwrite */
body .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    background: transparent;
    text-decoration: none;
}

body .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    outline: none;
    text-decoration: none;
    text-decoration-skip-ink: none;
    background: transparent;
}

a {
    text-decoration: none;
}

[class*="dt-sc-reserve-appointment"] input[type="text"],
[class*="dt-sc-reserve-appointment"] input[type="password"],
[class*="dt-sc-reserve-appointment"] input[type="email"],
[class*="dt-sc-reserve-appointment"] input[type="url"],
[class*="dt-sc-reserve-appointment"] input[type="tel"],
[class*="dt-sc-reserve-appointment"] input[type="number"],
[class*="dt-sc-reserve-appointment"] input[type="range"],
[class*="dt-sc-reserve-appointment"] input[type="date"],
[class*="dt-sc-reserve-appointment"] input[type="search"],
[class*="dt-sc-reserve-appointment"] input.text, [class*="dt-sc-reserve-appointment"] textarea, [class*="dt-sc-reserve-appointment"] select,
[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-search .select2-search__field,
[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-search--dropdown .select2-search__field,
[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-search--inline .select2-search__field,
[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-selection--single,
[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-selection--multiple,
.dt-sc-reservation-form input[type="text"],
.dt-sc-reservation-form input[type="password"],
.dt-sc-reservation-form input[type="email"],
.dt-sc-reservation-form input[type="url"],
.dt-sc-reservation-form input[type="tel"],
.dt-sc-reservation-form input[type="number"],
.dt-sc-reservation-form input[type="range"],
.dt-sc-reservation-form input[type="date"],
.dt-sc-reservation-form input[type="search"],
.dt-sc-reservation-form input.text, .dt-sc-reservation-form textarea, .dt-sc-reservation-form select,
.dt-sc-reservation-form .select2-container.select2-container--default .select2-search .select2-search__field,
.dt-sc-reservation-form .select2-container.select2-container--default .select2-search--dropdown .select2-search__field,
.dt-sc-reservation-form .select2-container.select2-container--default .select2-search--inline .select2-search__field,
.dt-sc-reservation-form .select2-container.select2-container--default .select2-selection--single,
.dt-sc-reservation-form .select2-container.select2-container--default .select2-selection--multiple,
[class*="dt-sc-reserve-appointment"] .form-control.dtstaff-drop-down .button,
.dt-sc-reservation-form .form-control.dtstaff-drop-down .button {
    background-color: #fff;
    border-width: 2px;
    border-color: #39414d;
    min-height: 60px;
    font-weight: normal;
    font-size: 18px;
    color: #28303d;
}

[class*="dt-sc-reserve-appointment"] select, .dt-sc-reservation-form select {
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-position: calc(100% - 5px);
    background-repeat: no-repeat;
    text-indent: 0.01px;
    text-overflow: '';
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-selection--single,
[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-selection--multiple,
.dt-sc-reservation-form .select2-container.select2-container--default .select2-selection--single,
.dt-sc-reservation-form .select2-container.select2-container--default .select2-selection--multiple {
    border-color: currentColor !important;
}

[class*="dt-sc-reserve-appointment"] select.error + .select2-container.select2-container--default .select2-selection--single,
[class*="dt-sc-reserve-appointment"] select.error + .select2-container.select2-container--default .select2-selection--multiple,
.dt-sc-reservation-form select.error + .select2-container.select2-container--default .select2-selection--single,
.dt-sc-reservation-form select.error + .select2-container.select2-container--default .select2-selection--multiple,
[class*="dt-sc-reserve-appointment"] select.error + label.error + .select2-container.select2-container--default .select2-selection--single,
[class*="dt-sc-reserve-appointment"] select.error + label.error + .select2-container.select2-container--default .select2-selection--multiple,
.dt-sc-reservation-form select.error + label.error + .select2-container.select2-container--default .select2-selection--single,
.dt-sc-reservation-form select.error + label.error + .select2-container.select2-container--default .select2-selection--multiple {
    border-color: red !important;
}

[class*="dt-sc-reserve-appointment"] select.error + label.error,
.dt-sc-reservation-form select.error + label.error {
    display: none !important;
}

[class*="dt-sc-reserve-appointment"] .select2-container--default .select2-selection .select2-selection__rendered,
.dt-sc-reservation-form .select2-container--default .select2-selection .select2-selection__rendered {
    color: inherit !important;
    display: inline-block;
    font-size: inherit !important;
    vertical-align: middle;
    width: 100%;
}

[class*="dt-sc-reserve-appointment"] .select2-results__option,
[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-selection--single,
[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-selection--multiple,
[class*="dt-sc-reserve-appointment"] .select2-container--default .select2-selection--single,
.dt-sc-reservation-form .select2-results__option,
.dt-sc-reservation-form .select2-container.select2-container--default .select2-selection--single,
.dt-sc-reservation-form .select2-container.select2-container--default .select2-selection--multiple,
[class*="dt-sc-reserve-appointment"] .select2-container--default .select2-selection--single {
    line-height: 54px;
    border-color: #39414d !important;
    color: #28303d;
}

[class*="dt-sc-reserve-appointment"] .select2-container--default .select2-selection--single .select2-selection__rendered,
[class*="dt-sc-reserve-appointment"] .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #28303d;
}

[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered,
.dt-sc-reservation-form .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 18px;
}

option:first-child {
    display: none;
}

[class*="dt-sc-reserve-appointment"] h1, [class*="dt-sc-reserve-appointment"] h2, [class*="dt-sc-reserve-appointment"] h3, [class*="dt-sc-reserve-appointment"] h4, [class*="dt-sc-reserve-appointment"] h5, [class*="dt-sc-reserve-appointment"] h6, div[class*="dt-sc-view-reservations"] h3 {
    line-height: 1.1;
    margin-top: 0.75rem;
    margin-bottom: 1.25rem;
}

[class*="dt-sc-reserve-appointment"] input[type="checkbox"], [class*="dt-sc-reserve-appointment"] input[type="radio"] {
    display: inline-block;
    margin-right: 10px;
    vertical-align: text-bottom;
}

[class*="dt-sc-reserve-appointment"] a:not(.button):not(.dt-sc-button):focus {
    background: none !important;
}

[class*="dt-sc-reserve-appointment"] .chkterms-holder {
    display: flex;
}

.dt-sc-booking-reservation.default input[name="captcha"] {
    width: calc(100% - 165px);
}

.dt-sc-booking-reservation.default input[name="captcha"] + .dt-sc-captcha, .dt-sc-booking-reservation.default input[name="captcha"] + label + .dt-sc-captcha {
    background: #f2f2f2;
    display: flex;
    font-size: 1.5em;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    height: 100%;
    position: absolute;
    left: 100%;
    top: 0;
    width: 150px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    max-height: 60px;
}

[class*="dt-sc-reserve-appointment"] label {
    display: inline-block;
    font-weight: 600;
    margin-bottom: 10px;
    width: 100%;
}

.dt-sc-title {
    float: left;
    width: 100%;
}

.form-control {
    clear: both;
    position: relative;
    margin-bottom: 1.5rem; /* z-index:2; */
}

.form-control input, .form-control select {
    margin: 0;
    width: 100%;
}

.form-control select {
    line-height: inherit;
    padding: 10px 35px 10px 10px;
}

.form-calendar-icon span {
    display: none;
    line-height: inherit;
    position: absolute;
    right: 12px;
    top: 14px;
    z-index: 0;
}

.form-calendar-icon input {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M55.89,24H8.11A4.11,4.11,0,0,0,4,28.11V51a9,9,0,0,0,9,9H51a9,9,0,0,0,9-9V28.11A4.11,4.11,0,0,0,55.89,24ZM19,47.35A2.65,2.65,0,0,1,16.35,50h-.69A2.65,2.65,0,0,1,13,47.35v-.69A2.65,2.65,0,0,1,15.65,44h.69A2.65,2.65,0,0,1,19,46.65Zm0-12A2.65,2.65,0,0,1,16.35,38h-.69A2.65,2.65,0,0,1,13,35.35v-.69A2.65,2.65,0,0,1,15.65,32h.69A2.65,2.65,0,0,1,19,34.65Zm16,12A2.65,2.65,0,0,1,32.35,50h-.69A2.65,2.65,0,0,1,29,47.35v-.69A2.65,2.65,0,0,1,31.65,44h.69A2.65,2.65,0,0,1,35,46.65Zm0-12A2.65,2.65,0,0,1,32.35,38h-.69A2.65,2.65,0,0,1,29,35.35v-.69A2.65,2.65,0,0,1,31.65,32h.69A2.65,2.65,0,0,1,35,34.65Zm16,12A2.65,2.65,0,0,1,48.35,50h-.69A2.65,2.65,0,0,1,45,47.35v-.69A2.65,2.65,0,0,1,47.65,44h.69A2.65,2.65,0,0,1,51,46.65Zm0-12A2.65,2.65,0,0,1,48.35,38h-.69A2.65,2.65,0,0,1,45,35.35v-.69A2.65,2.65,0,0,1,47.65,32h.69A2.65,2.65,0,0,1,51,34.65Z'/%3E%3Cpath d='M56.36,8H52a4,4,0,0,0-8,0v2a2,2,0,0,1-4,0V9.59A1.59,1.59,0,0,0,38.41,8H20a4,4,0,0,0-8,0v2a2,2,0,0,1-4,0V8H7.64A3.64,3.64,0,0,0,4,11.64V18a2,2,0,0,0,2,2H58a2,2,0,0,0,2-2V11.64A3.64,3.64,0,0,0,56.36,8Z'/%3E%3C/svg%3E");
    background-position: calc(100% - 10px);
    background-repeat: no-repeat;
    background-size: 16px auto;
}

.dt-sc-appointment-scheduler-form .aligncenter .dt-sc-button {
    margin: 40px 0;
    float: none;
}

.dt-sc-appointment-wrapper .dt-sc-title {
    margin: 0 0 30px;
}

/* .dt-sc-appointment-wrapper .dt-sc-reservation-form .dt-appoint-date, .dt-sc-reserve-appointment.type1 .dt-appoint-date{ position: relative; z-index: 1; }
.dt-sc-appointment-wrapper .dt-sc-reservation-form .dt-appoint-date span, .dt-sc-reserve-appointment.type1 .dt-appoint-date span{ font-size: 13px; line-height: inherit; position: absolute; right: 12px; top: 17px; }
.dt-sc-reservation .title { display:inline-block; text-align:center; width:100%; margin: 0 0 30px; }
.dt-sc-reservation .title h6 { border-bottom:3px solid #37251b; padding: 0 10px 10px; margin-bottom: 0; font-size: 1em; display:inline-block; text-align:center; text-transform:none; font-weight:normal; } */
.time-table-wrap {
    border-color: rgba(0, 0, 0, 0.05);
    border-style: solid;
    border-width: 3px !important;
    clear: both;
    display: block;
    overflow: auto;
}

ul.time-table {
    display: flex;
    flex-flow: row wrap;
    float: left;
    list-style-type: none;
    padding: 0;
    width: 100%;
}

ul.time-table > li {
    background: #fff;
    display: block;
    float: left;
    font-size: 14px;
    margin-right: 2%;
    margin-bottom: 20px;
    padding: 0;
    position: relative;
    text-align: center;
    width: 32%;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

/* ul.time-table > li:nth-child(3n) { margin-right: 3px !important; } */
ul.time-table > li:nth-child(3n+1) {
    clear: both;
}

.time-table-wrap ul.time-table {
    flex-flow: row nowrap;
    margin: 0;
}

.time-table-wrap ul.time-table > li {
    margin: 0 2px 0 0;
    min-width: 33.33%;
    -webkit-border-radius: 0;
    border-radius: 0;
}

ul.time-table > li ul, ul.time-table > li > span {
    position: relative;
    z-index: 1;
}

ul.time-table > li .time-head {
    background: #f2f2f2;
    padding: 10px 20px;
}

ul.time-table > li .time-head,
ul.time-table > li ul.time-slots {
    padding-left: 20px;
    padding-right: 20px;
}

ul.time-table > li span {
    display: block;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}

ul.time-table > li .time-head > span.name, ul.time-table > li .time-head > span.price {
    font-size: 1.25em;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 5px;
}

ul.time-table > li span:last-child {
    font-style: italic;
}

ul.time-table > li ul.time-slots {
    display: inline-block;
    margin: 0;
    padding-top: 15px;
    padding-bottom: 20px;
    text-align: center;
    width: 100%;
}

ul.time-table > li ul.time-slots > li {
    border-width: 0;
    clear: both;
    display: inline-block;
    float: none;
    margin: 0 2px;
    padding: 0;
}

.dt-sc-reserve-appointment.type1 ul.time-table > li ul.time-slots > li {
    display: block;
}

ul.time-table > li > p {
    font-size: 1em;
    margin: 0;
}

ul.time-table > li > p > span {
    display: block;
    font-size: 13px;
}

ul.time-table > li ul.time-slots > li a {
    border: 1px solid rgba(0, 0, 0, 0.05);
    color: #222;
    display: inline-block;
    min-width: 100px;
    padding: 5px 20px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    font-size: 1em;
    font-weight: 600;
}

.dt-sc-reserve-appointment.type1 ul.time-table > li ul.time-slots > li a {
    width: 60%;
    margin: 5px auto;
}

ul.time-table > li ul.time-slots > li + li a {
    border-top-color: rgba(0, 0, 0, 0.05);
}

ul.time-table > li ul.time-slots > li a:focus, ul.time-table > li ul.time-slots > li a:hover {
    border-color: currentColor;
    border-style: solid;
    -webkit-box-shadow: none;
    box-shadow: none;
}

ul.time-table > li ul.time-slots > li a.selected, ul.time-table > li ul.time-slots > li a.selected,
ul.time-table > li ul.time-slots > li a.selected:focus, ul.time-table > li ul.time-slots > li a.selected:focus,
ul.time-table > li ul.time-slots > li a.selected:hover, ul.time-table > li ul.time-slots > li a.selected:hover {
    background: #000 !important;
    border-color: transparent;
    color: #fff;
    text-decoration: none !important;
}

ul.time-table > li.selected {
    background-color: var(--wdt-elementor-color-highline);;
}

ul.time-table > li.selected ul.time-slots > li a {
    color: #fff;
}

ul.time-table > li.selected ul.time-slots > li a:not(:hover):not(:focus):not(.selected) {
    border-color: rgba(255, 255, 255, 0.15);
}

.page-with-sidebar ul.time-table > li {
    width: 18.3%;
}

.page-with-sidebar ul.time-table > li:nth-child(6n) {
    margin-right: 2%;
}

.page-with-sidebar ul.time-table > li:nth-child(5n) {
    margin-right: 0;
}

ul.time-table > li:nth-child(6n+1), .page-with-sidebar ul.time-table > li:nth-child(5n+1) {
    clear: both;
}

.dt-sc-reserve-appointment2 ul.time-table > li {
    margin-right: 0;
    width: 100%;
}

.dt-sc-reserve-appointment2 ul.time-table > li ul.time-slots > li {
    margin: 10px;
}

.dt-sc-reserve-appointment2 ul.time-table > li ul.time-slots > li + li a:not(:focus):not(:hover) { /*border-color: transparent; border-left-color: rgba(0,0,0,0.05);*/
}

.dt-sc-reserve-appointment2 .appointment-title {
    text-align: center;
}

.personal-info {
    float: left;
    width: 100%;
}

.personal-info textarea {
    height: 110px;
    margin-bottom: 1.5em;
}

.ui-datepicker th {
    background: none;
    color: inherit;
    font-size: inherit;
    text-transform: none;
}

.ui-datepicker-header a {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 2px !important;
    background: none !important;
    border: none !important;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px !important;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px !important;
}

.ui-datepicker .ui-datepicker-header {
    background: #f1f1f1 !important;
    border-image: none !important;
    border-radius: 0;
    border-color: #d3d3d3 !important;
}

.dt-sc-reserve-appointment.type3 .ui-datepicker.ui-widget {
    width: 100%;
}

.dt-sc-reserve-appointment.type3 > div {
    position: relative;
}

.dt-sc-reserve-appointment.type3 .hasDatepicker ~ span.spinner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 0;
}

.dt-sc-reserve-appointment.type3 .hasDatepicker ~ span.spinner > * {
    width: 30px;
    height: 30px;
    font-size: 30px;
    z-index: 1;
}

.dt-sc-reserve-appointment.type3 .hasDatepicker .ui-datepicker .ui-datepicker-header {
    padding: 20px 0;
    background-color: var(--wdt-elementor-color-highline); !important;
    border: none;
}

.dt-sc-reserve-appointment.type3 .hasDatepicker .ui-datepicker .ui-datepicker-title {
    font-size: 20px;
    color: #ffffff;
}

.dt-sc-reserve-appointment.type3 .ui-datepicker .ui-datepicker-prev,
.dt-sc-reserve-appointment.type3 .ui-datepicker .ui-datepicker-next {
    top: 50% !important;
    transform: translateY(-50%);
}

.dt-sc-reserve-appointment.type3 .ui-datepicker .ui-datepicker-prev {
    left: 20px !important;
}

.dt-sc-reserve-appointment.type3 .ui-datepicker .ui-datepicker-next {
    right: 20px !important;
}

.dt-sc-reserve-appointment.type3 .ui-datepicker th {
    padding: .2em .3em;
    background-color: var(--wdtHeadAltColor);
    color: #ffffff;
    font-size: 16px;
}

.dt-sc-reserve-appointment.type3 .ui-datepicker .ui-datepicker-calendar tbody {
    background-color: #fcfcfc;
}

.dt-sc-reserve-appointment.type3 .ui-datepicker .ui-datepicker-calendar tbody tr {
    min-height: 60px;
    height: 100%;
    border-top: 1px solid #fcfcfc;
}

.dt-sc-reserve-appointment.type3 .ui-datepicker td span,
.dt-sc-reserve-appointment.type3 .ui-datepicker td a {
    text-align: center !important;
    font-size: 16px;
    padding: 0 !important;
    min-height: 60px;
    line-height: 60px;
}

.dt-sc-reserve-appointment.type3 .ui-widget-content {
    border: none;
}

.dt-sc-reserve-appointment.type3 .ui-datepicker td {
    padding: 4px !important;
}

.dt-sc-reserve-appointment.type3 td:not(.ui-state-disabled) .ui-state-default:hover,
.dt-sc-reserve-appointment.type3 .ui-widget-content td:not(.ui-state-disabled) .ui-state-default:hover,
.dt-sc-reserve-appointment.type3 .ui-widget-content td:not(.ui-state-disabled) .ui-state-active {
    background: var(--wdt-elementor-color-highline);;
    color: #fff;
}

.dt-sc-reserve-appointment.type3 .ui-state-default,
.dt-sc-reserve-appointment.type3 .ui-widget-content .ui-state-default,
.dt-sc-reserve-appointment.type3 .ui-widget-header .ui-state-default {
    border: none;
    background: #ffffff;
    font-weight: normal;
    color: #000000;
}

.dt-sc-reserve-appointment.type3 .ui-datepicker .ui-widget-header .ui-datepicker-prev,
.dt-sc-reserve-appointment.type3 .ui-datepicker .ui-widget-header .ui-datepicker-next,
.dt-sc-reserve-appointment.type3 .ui-widget-header .ui-icon {
    background-image: inherit;
    width: 30px;
    height: 30px;
}

.dt-sc-reserve-appointment.type3 .ui-datepicker .ui-widget-header .ui-datepicker-prev span,
.dt-sc-reserve-appointment.type3 .ui-datepicker .ui-widget-header .ui-datepicker-next span {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
}

.dt-sc-reserve-appointment.type3 .ui-widget-header .ui-icon::before {
    content: "";
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 700 700' style='enable-background:new 0 0 700 700;' xml:space='preserve' width='30px' height='30px'%3E%3Cpath d='M677,351.9c0-6.9-3.3-13.4-8.8-17.5L492.8,202.7c-6.6-5-15.5-5.8-23-2.1c-7.4,3.7-12.1,11.3-12.1,19.6v109.7H40.9 c-12.1,0-21.9,9.8-21.9,21.9s9.8,21.9,21.9,21.9h416.7v109.7c0,8.3,4.7,15.9,12.1,19.6c7.4,3.7,16.3,2.9,23-2.1l175.5-131.6 C673.7,365.3,677,358.8,677,351.9L677,351.9z'/%3E%3C/svg%3E");
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 700 700' style='enable-background:new 0 0 700 700;' xml:space='preserve' width='30px' height='30px'%3E%3Cpath d='M677,351.9c0-6.9-3.3-13.4-8.8-17.5L492.8,202.7c-6.6-5-15.5-5.8-23-2.1c-7.4,3.7-12.1,11.3-12.1,19.6v109.7H40.9 c-12.1,0-21.9,9.8-21.9,21.9s9.8,21.9,21.9,21.9h416.7v109.7c0,8.3,4.7,15.9,12.1,19.6c7.4,3.7,16.3,2.9,23-2.1l175.5-131.6 C673.7,365.3,677,358.8,677,351.9L677,351.9z'/%3E%3C/svg%3E");
    mask-position: center center;
    mask-repeat: no-repeat;
    mask-size: cover;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    background-color: var(--wdtAccentTxtColor);
}

.dt-sc-reserve-appointment.type3 .ui-widget-header .ui-datepicker-prev .ui-icon::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.dt-sc-reserve-appointment.type3 ul.time-table {
    justify-content: center;
}

.dt-sc-reserve-appointment.type3 ul.time-table > li {
    width: 100%;
    padding: 30px;
}

.dt-sc-reserve-appointment.type3 ul.time-table > li ul.time-slots > li {
    margin: 5px 5px;
    width: 30%;
}

@media (max-width: 1280px) {
    .dt-sc-reserve-appointment.type3 ul.time-table > li ul.time-slots > li {
        width: 50%;
    }
}

.dt-sc-reserve-appointment.type3 ul.time-table > li.selected ul.time-slots > li a:not(:hover):not(:focus):not(.selected) {
    border-color: rgba(0, 0, 0, 0.05);
}

.dt-sc-reserve-appointment.type3 ul.time-table > li.selected ul.time-slots > li a {
    color: inherit;
}

.dt-sc-reserve-appointment.type3 ul.time-table > li ul.time-slots > li a.selected, .dt-sc-reserve-appointment.type3 ul.time-table > li ul.time-slots > li a.selected, .dt-sc-reserve-appointment.type3 ul.time-table > li ul.time-slots > li a.selected:hover, .dt-sc-reserve-appointment.type3 ul.time-table > li ul.time-slots > li a.selected:hover {
    color: #fff !important;
}

.dt-sc-reserve-appointment.type3 ul.time-table > li.selected {
    background-color: #fcfcfc;
}

.ui-datepicker.ui-widget {
    border-radius: 0;
}

.ui-datepicker td {
    padding: 2px !important;
}

.ui-datepicker td span, .ui-datepicker td a {
    text-align: center !important;
    font-size: 12px;
    padding: .4em .2em !important;
}

.available-times {
    margin-bottom: 25px;
}

.available-times:empty {
    display: none;
}

.available-times .dt-sc-title {
    direction: rtl;
    display: table;
    float: none;
    margin: 0 auto 20px;
    width: auto;
}

.available-times .dt-sc-title > * {
    display: table-row;
    position: relative;
}

.available-times .dt-sc-title span {
    display: table-cell;
    vertical-align: middle;
}

.available-times .dt-sc-title span.name {
    padding: 0 15px;
}

.available-times .dt-sc-title span.price {
    background-color: #000;
    color: #fff;
    display: table-cell;
    font-size: 14px;
    font-weight: bold;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 60px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.available-times .time-table-wrap + .dt-sc-title {
    margin-top: 35px;
}

.total-cost-info {
    clear: both;
}

.total-cinfo-wrapper {
    background-color: #fff;
    float: left;
    padding: 20px;
    width: 100%;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15);
    margin: 30px 0px;
}

.total-cinfo-wrapper span {
    font-weight: 600;
}

.total-cinfo-wrapper span.dt-sc-display-timing {
    padding: 10px 0px 20px 0;
    margin-bottom: 15px;
    border-bottom: 2px solid #f7f7f7;
    display: block;
}

.total-cinfo-wrapper .total-cinfo-price {
    background: rgba(0, 0, 0, 0.05);
    display: flex;
    justify-content: space-between;
    margin: 20px -20px -20px;
    padding: 10px 20px;
}

.total-cinfo-wrapper .total-cinfo-price > * {
    font-style: normal;
}

.step2 .ubpro-checkout-header-login {
    margin: 15px 0 25px;
}

.step2 .ubpro-checkout-header-login .ubpro-form-login-toggle {
    text-align: center;
}

form[id*="reserveloginform"] {
    background-color: var(--wdtAccentTxtColor);
    margin-top: 40px;
    border-radius: var(--wdtRadius_2X);
    max-width: 780px;
    padding: 30px 35px 35px;
}

.dt-sc-reserve-appointment2 form[id*="reserveloginform"] {
    margin-left: auto;
    margin-right: auto;
}

form[id*="reserveloginform"] > p {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
}

form[id*="reserveloginform"] > p + p {
    margin-top: 10px;
}

form[id*="reserveloginform"] p label {
    margin: 0 0 0 -15px;
    padding: 15px;
    width: 50%;
    max-width: 150px;
}

form[id*="reserveloginform"] p input {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0 !important;
}

form[id*="reserveloginform"] p input.error + label,
form[id*="reserveloginform"] p input + label.error {
    display: none !important;
}

form[id*="reserveloginform"] p.login-username label {
    max-width: 150px;
}

form[id*="reserveloginform"] p.login-submit {
    margin-top: 0;
}

form[id*="reserveloginform"] p.login-remember {
    margin-bottom: 10px;
}

form[id*="reserveloginform"] p.login-remember label {
    display: flex;
    margin: 0;
    padding: 0;
    width: 100%;
}

form[id*="reserveloginform"] input[type=text], form[id*="reserveloginform"] input[type=password] {
    width: 50%;
}

/*** Reservation II Styles ***/
.dt-sc-schedule-box, .dt-sc-contactdetails-box, .dt-sc-notification-box, .steps h2, .steps h3, .steps h4, .steps h5 {
    float: left;
    width: 100%;
}

.steps h2, .steps h3, .steps h4, .steps h5 {
    clear: both;
    text-align: center;
}

.dt-sc-schedule-progress {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
    width: 33.333%;
    padding: 27px 10px 10px 10px;
    margin-right: 0;
    text-align: center;
}

.dt-sc-schedule-progress.step3 {
    margin-right: 0;
}

.dt-sc-schedule-progress .dt-sc-progress-step {
    float: left;
    margin: 0 0 30px 0;
    position: relative;
    text-align: center;
    width: 100%;
}

.dt-sc-schedule-progress .dt-sc-progress-step:before, .dt-sc-schedule-progress .dt-sc-progress-step:after {
    border-top: 1px dashed;
    content: "";
    height: 0;
    position: absolute;
    top: 50%;
    width: 50%;
    z-index: -1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.dt-sc-schedule-progress .dt-sc-progress-step:before {
    left: -10px;
}

.dt-sc-schedule-progress .dt-sc-progress-step:after {
    right: -10px;
}

.dt-sc-schedule-progress.step1 .dt-sc-progress-step:before, .dt-sc-schedule-progress.step3 .dt-sc-progress-step:after {
    content: none;
}

.dt-sc-schedule-progress .dt-sc-progress-step span {
    display: inline-block;
    float: none;
    font-size: 24px;
    height: 75px;
    line-height: 75px;
    position: relative;
    width: 75px;
    z-index: 0;
    border: 1px solid #CCC;
    color: #666;
    background-color: #FFF;
}

.dt-sc-schedule-progress h4 {
    clear: both;
    margin-bottom: 20px;
    padding-top: 5px;
}

.dt-sc-schedule-progress p {
    font-size: 1rem;
}

.dt-sc-schedule-progress .dt-sc-progress-step span:before {
    content: "";
    height: auto;
    position: absolute;
    bottom: 5px;
    left: 5px;
    right: 5px;
    top: 5px;
    width: auto;
    z-index: -1;
}

.dt-sc-appointment-contactdetails-form {
    width: 100%;
    float: left;
}

.dt-sc-contactdetails-box.steps input[type="text"], .dt-sc-contactdetails-box.steps input[type="password"], .dt-sc-contactdetails-box.steps input[type="email"], .dt-sc-contactdetails-box.steps input[type="url"], .dt-sc-contactdetails-box.steps input[type="tel"], .dt-sc-contactdetails-box.steps input[type="number"], .dt-sc-contactdetails-box.steps input[type="range"], .dt-sc-contactdetails-box.steps input[type="date"], .dt-sc-contactdetails-box.steps textarea, .dt-sc-contactdetails-box.steps input.text, .dt-sc-contactdetails-box.steps input[type="search"], .dt-sc-contactdetails-box.steps select {
    margin-bottom: 20px;
}

.dt-sc-notification-box.steps.step3 .border-title {
    float: left;
    width: 100%;
}

.dt-sc-notification-box.steps.step3 .dt-sc-notification-details ul li {
    list-style: none;
    margin-bottom: 1em;
    display: inline-block;
    width: 100%;
}

.dt-sc-notification-box.steps.step3 .dt-sc-notification-details ul {
    padding-left: 0;
}

.dt-sc-notification-box.steps.step3 .dt-sc-notification-details ul li span {
    font-weight: bold;
    float: left;
    width: 100%;
    position: static;
    font-size: 18px;
    color: #666;
    text-align: left;
}

.dt-sc-notification-box.steps.step3 .dt-sc-notification-details .dt-sc-schedule-details {
    width: 100%;
    float: left;
}

.dt-sc-notification-box.steps.step3 .dt-sc-about-project-form input.schedule-it {
    margin: 30px 0;
}

.dt-sc-goback-box {
    margin-bottom: 35px;
    position: relative;
    text-align: center;
}

.dt-sc-goback-box .appointment-goback {
    border: 1px solid;
    color: inherit;
    float: none;
    margin: auto;
    position: relative;
    z-index: 1;
}

.dt-sc-goback-box input[type=button].appointment-goback {
    color: #FFF;
}

.page-template-tpl-reservation #primary > .column > p, .page-template-tpl-reservation #primary > .column > .column > p, .page-template-tpl-reservation-type2 #primary > .dt-sc-clear ~ p, .dt-sc-appointment-contactdetails-form > p {
    clear: both;
    font-size: 14px;
    font-style: italic;
    opacity: .75;
}

.dt-appointment-form-wrapper.vc_column_container {
    background-color: rgba(54, 45, 48, 0.9);
    margin: 0 -15px;
    padding: 75px 60px;
}

.dt-appointment-form-wrapper.vc_column_container .vc_column-inner {
    padding-left: 0;
    padding-right: 0;
}

.dt-sc-reservation-form.dt-appointment-form .vc_row {
    margin: 0;
}

.dt-sc-reservation-form.dt-appointment-form p > label {
    display: none;
}

.dt-sc-reservation-form.dt-appointment-form input[type="submit"] {
    background-color: #222;
}

.dt-sc-reservation-form.dt-appointment-form .wpcf7-form-control-wrap:before {
    height: 2px;
}

.dt-sc-reservation-form.dt-appointment-form p:hover:before {
    width: 100%;
}

.dt-sc-dark-bg .dt-sc-reservation-form.dt-appointment-form input[type="submit"]:hover {
    background-color: #fff;
    color: #333;
}

.dt-sc-dark-bg .dt-sc-reservation-form.dt-appointment-form input[type="text"], .dt-sc-dark-bg .dt-sc-reservation-form.dt-appointment-form input[type="email"], .dt-sc-dark-bg .dt-sc-reservation-form.dt-appointment-form select, .dt-sc-dark-bg .dt-sc-reservation-form.dt-appointment-form textarea, .dt-sc-dark-bg .dt-sc-reservation-form.dt-appointment-form label {
    color: #fff;
}

.dt-sc-schedule-progress .dt-sc-progress-step span, .dt-sc-schedule-progress span:before {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.dt-sc-schedule-progress.dt-sc-current-step .dt-sc-progress-step span {
    background-color: #000;
    color: #FFF;
    border-color: #000;
}

.dt-sc-reserve-appointment2 ul.time-table {
    display: block;
    float: left;
    list-style-type: none;
    margin: 0;
    width: 100%;
}

.dt-sc-available-times {
    margin-top: 20px;
}

.dt-sc-available-times ul.time-slots {
    display: block;
    float: left;
    overflow: hidden;
    margin: 0;
    padding: 30px 20px;
    position: relative;
    text-align: center;
    width: 100%;
}

.dt-sc-available-times ul.time-slots > li {
    clear: none;
    display: inline-block;
    float: none;
    margin: 5px;
    padding: 0;
    width: 110px;
}

ul.time-slots > li a {
    border: 1px solid rgba(0, 0, 0, .06);
    display: inline-block;
    min-width: 56px;
    padding: 5px 18px;
    position: relative;
    width: 100%;
    transition: all 0.3s linear;
    z-index: 1;
}

/* .entry-content ul.time-slots>li a:hover{-webkit-box-shadow:none; box-shadow:none; background-color:#000; color:#FFF;} */
.dt-sc-appointment-contactdetails-form textarea {
    min-height: 150px;
}

.dt-sc-schedule-progress.dt-sc-completed-step .dt-sc-progress-step span:before {
    background-color: #F0F0F0;
    color: #000;
}

.dt-sc-staff-item {
    width: 100%;
    display: inline-block;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    background-color: #F0F0F0;
    margin: 0 0 30px;
}

.dt-sc-staff-item:hover {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.10);
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.10);
}

.dt-sc-staff-item.type1 .image {
    position: relative;
    text-align: center;
}

.dt-sc-staff-item.type1 .image .dt-sc-staff-overlay {
    position: absolute;
    bottom: 23px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.dt-sc-staff-item .staff-details {
    width: 100%;
    padding: 30px 30px;
    display: inline-block;
}

.dt-sc-staff-item .staff-details h3 {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0;
    margin-bottom: 8px;
    margin-top: 0;
}

.dt-sc-staff-item .staff-details h6 {
    color: #666;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0;
    margin-top: 8px;
    margin-bottom: 15px;
}

.dt-sc-staff-item .staff-details p {
    font-size: 1em;
}

.dt-sc-staff-item.type2 {
    text-align: center;
    padding: 30px 0 0;
}

.dt-sc-staff-item.type2 .image img {
    margin: 0 auto;
    max-width: 200px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    width: 205px !important;
    height: 205px !important;
    max-width: 100% !important;
    object-fit: cover;
    object-position: center center;
}

.dt-sc-staff-item .dt-sc-button,
.dt-sc-service-item .dt-sc-button {
    display: inline-block;
    line-height: normal;
    text-transform: capitalize;
}

.dt-sc-service-item .dt-sc-button {
    margin: 10px 0 0;
}

.dt-sc-service-item .dt-sc-button:empty {
    display: none;
}

.dt-sc-staff-item .dt-sc-button:hover,
.dt-sc-service-item .dt-sc-button:hover {
    color: #FFF;
}

.dt-sc-staff-item.type2 .dt-sc-button {
    margin: 25px 0 0;
}

/* .entry-content .dt-sc-service-item a, .entry-content .dt-sc-staff-item a, ul.time-table > li ul.time-slots > li a,
.entry-content .dt-sc-service-item a:hover, .entry-content .dt-sc-staff-item a:hover, ul.time-table > li ul.time-slots > li a:hover,
.entry-content .dt-sc-service-item a:focus, .entry-content .dt-sc-staff-item a:focus, ul.time-table > li ul.time-slots > li a:focus {
	box-shadow:none; -webkit-box-shadow:none;}
.entry-content .dt-sc-service-item a:hover, .entry-content .dt-sc-staff-item a:hover, ul.time-table > li ul.time-slots > li a:hover {
	color:#9f9f9f; transition:all 0.3s linear;} */

/* Type - 1 Start */

.dt-sc-service-item {
    display: inline-block;
    background-color: transparent !important;
    padding: 0;
    margin: 0;
}

.dt-sc-service-item .image {
    width: 100%;
    float: left;
    display: grid;
    max-height: 480px
}

.dt-sc-service-item.type1 .service-details {
    text-align: center;
    padding: 45px 48px 50px;
    float: left;
    width: 100%;
}

.page-one-column .dt-sc-service-item .service-details .dt-sc-service-meta ul {
    margin-bottom: 0;
}

.page-two-column .dt-sc-service-item.type1 .image,
.page-two-column .dt-sc-service-item.type1 .service-details {
    width: 100%;
}

.page-two-column .dt-sc-service-item.type1 .service-details {
    padding: 30px 50px;
}

.dt-sc-service-items-container {
    display: flex;
    width: auto;
    margin: -10px;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
}

.dt-sc-service-item.type1 {
    width: 33.333%;
    padding: 10px;
    margin: 0;
}

.dt-sc-service-item.type2, .dt-sc-service-item.type2 ~ .dt-sc-service-item {
    width: 25%;
    padding: 10px;
    margin: 0;
}


.dt-sc-service-item.type1 .image > .image-item {
    border-radius: 20px;
    overflow: hidden;
    /*-webkit-mask-image: url(../css/images/service-img-path.png);*/
    /*mask-image: url(../css/images/service-img-path.png);*/
    -webkit-mask-position: bottom left;
    mask-position: bottom left;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 100%;
}

.dt-sc-service-item .image > .image-item > img {
    transition: 375ms cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-transform: scale(1);
    transform: scale(1);
    height: 100%;
}

.dt-sc-service-item:hover .image > .image-item > img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.dt-sc-service-item .image > .image-item,
.dt-sc-service-item .image > a {
    grid-area: 1/-1;
    color: var(--wdtAccentTxtColor);
}

.dt-sc-service-item .image > a {
    z-index: 1;
    font-size: clamp(5.625rem, 4.9038rem + 3.2051vw, 8.75rem);
    line-height: 1;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.dt-sc-service-item .image > a > svg .arrow-icon {
    fill: var(--wdt-elementor-color-highline);;
    transform: scale(1.2) translateY(-1px);
    transform-origin: center center;
}

.dt-sc-service-item .image > a > svg {
    transition: 375ms cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
}

.dt-sc-service-item:hover .image > a > svg {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.dt-sc-service-item .image > a > svg path[class*="path_"] {
    transition: 375ms cubic-bezier(0.7, 0, 0.3, 1);
    transition-delay: 0ms;
    -webkit-animation: 3s infinite slidein alternate;
    animation: 3s infinite slidein alternate;
    -webkit-animation-name: path_plink;
    animation-name: path_plink;
}

.dt-sc-service-item .image > a > svg path[class*="path_1"] {
    animation-delay: 100ms;
}

.dt-sc-service-item .image > a > svg path[class*="path_2"] {
    animation-delay: 200ms;
}

.dt-sc-service-item .image > a > svg path[class*="path_3"] {
    animation-delay: 300ms;
}

.dt-sc-service-item .image > a > svg path[class*="path_4"] {
    animation-delay: 400ms;
}

.dt-sc-service-item .image > a > svg path[class*="path_5"] {
    animation-delay: 500ms;
}

.dt-sc-service-item .image > a > svg path[class*="path_6"] {
    animation-delay: 600ms;
}

@keyframes path_plink {
    0% {
        opacity: 0;
    }
    24.19% {
        opacity: 0.9;
    }
    50% {
        opacity: 0;
    }
    74.19% {
        opacity: 0.9;
    }
}

@-webkit-keyframes path_plink {
    0% {
        opacity: 0;
    }
    24.19% {
        opacity: 0.9;
    }
    50% {
        opacity: 0;
    }
    74.19% {
        opacity: 0.9;
    }
}


.dt-sc-service-item.type1 .service-details {
    padding: 18px clamp(0.5rem, 0.1827rem + 1.4103vw, 1.875rem) clamp(1.125rem, -0.5938rem + 5.5vw, 2.5rem);;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.dt-sc-service-item.type1 .service-details > * {
    grid-column: 1/3;
}

.dt-sc-service-item.type1 .service-details > *:not(:last-child) {
    margin: 0 0 14px;
}

.dt-sc-service-item.type1 .service-details p:only-of-type:not(:last-child) {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}

.dt-sc-service-item.type1 .service-details > h6 {
    order: 9;
    grid-column: 1/2;
    margin: 20px 0 0 !important;
    line-height: 1;
    font-weight: 600;
    color: var(--wdt-elementor-color-highline);;
    border-top: 1px solid rgba(var(--wdtHeadAltColorRgb), 0.15);
    padding-top: 20px;
    padding-right: 4px;
    padding-left: 4px;
    font-family: var(--wdtFontTypo_Alt);
    font-size: clamp(1.125rem, 0.8rem + 0.5vw, 1.625rem);
}

.dt-sc-service-item.type1 .service-details > span.dt-sc-service-price {
    order: 10;
    grid-column: 2/3;
    position: relative;
    font-weight: 600;
    color: var(--wdt-elementor-color-highline);;
    margin: 20px 0 0 !important;
    line-height: 1;
    border-top: 1px solid rgba(var(--wdtHeadAltColorRgb), 0.15);
    padding-top: 20px;
    padding-right: 4px;
    padding-left: 4px;
    font-family: var(--wdtFontTypo_Alt);
    font-size: clamp(1.125rem, 0.8rem + 0.5vw, 1.625rem);
}

.dt-sc-service-item.type1 .service-details > h6 ~ span.dt-sc-service-price:before {
    background-color: rgba(var(--wdtHeadAltColorRgb), 0.15);
    content: "";
    position: absolute;
    left: 0;
    top: 20px;
    bottom: 0;
    width: 1px;
    pointer-events: none;
}

.dt-sc-service-item.type1 .service-details h3 {
    font-size: clamp(1rem, 1rem + 0.7692vw, 2.5rem);
    font-weight: var(--wdtFontWeight_Alt);
}

.dt-sc-service-item.type1 .service-details h3 > a {
    color: var(--wdtSecondaryColor);
}

.dt-sc-service-item.type1 .service-details h3 > a:hover {
    color: var(--wdt-elementor-color-highline);;
}

.dt-sc-service-item.type1 .dt-sc-button {
    margin: 20px 0 0;
    justify-self: center;
    align-self: center;
    width: fit-content;
    line-height: 1;
}

/* @media (max-width: 1024px) {
	.dt-sc-service-item.type1 { width: 50%; padding: 10px; margin: 0; }
	.dt-sc-service-item.type2, .dt-sc-service-item.type2 ~ .dt-sc-service-item {
		width: 25%; padding: 10px; margin: 0; }
}
@media (max-width: 600px) {
	.dt-sc-service-item.type1 { width: 100%; padding: 10px; margin: 0; }
	.dt-sc-service-item.type2, .dt-sc-service-item.type2 ~ .dt-sc-service-item {
		width: 25%; padding: 10px; margin: 0; }
} */
.dt-sc-reserve-appointment.type1 .available-times {
    margin-bottom: 40px;
}

/* Type - 1 End */

/* Type - 2 Start */

.dt-sc-service-item.type2 .image, .dt-sc-service-item.type2 ~ .dt-sc-service-item .image {
    max-height: 350px;
    width: calc(100% - clamp(0.5rem, -0.1058rem + 2.6923vw, 3.125rem));
    float: none;
    display: grid;
    margin: auto !important;
}

.dt-sc-service-item.type2 .image > .image-item,
.dt-sc-service-item.type2 ~ .dt-sc-service-item .image > .image-item {
    border-radius: 20px;
    overflow: hidden;
    /*-webkit-mask-image: url(../css/images/ser-mask-img-II.png);*/
    /*mask-image: url(../css/images/ser-mask-img-II.png);*/
    /*-webkit-mask-position: center center;*/
    /*mask-position: center center;*/
    /*-webkit-mask-repeat: no-repeat;*/
    /*mask-repeat: no-repeat;*/
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 100%;
    position: relative;
    display: block;
    /*overflow: hidden;*/
    height: 0;
    /*width: 100%;*/
    padding-top: 92.02259313321%;
}

.dt-sc-service-item.type2 .image > a,
.dt-sc-service-item.type2 ~ .dt-sc-service-item .image > a {
    font-size: clamp(5.625rem, 4.9038rem + 3.2051vw, 8.75rem);
    justify-content: flex-end;
    padding: 10px;

}


.dt-sc-service-item.type2 .service-details,
.dt-sc-service-item.type2 ~ .dt-sc-service-item .service-details {
    padding: clamp(1.25rem, 1.1058rem + 0.641vw, 1.875rem) 8px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.dt-sc-service-item.type2 .service-details > *,
.dt-sc-service-item.type2 ~ .dt-sc-service-item .service-details > * {
    grid-column: 1/3;
}

.dt-sc-service-item.type2 .service-details > *:not(:last-child),
.dt-sc-service-item.type2 ~ .dt-sc-service-item .service-details > *:not(:last-child) {
    margin: 0 0 14px;
}

.dt-sc-service-item.type2 .service-details p:only-of-type:not(:last-child),
.dt-sc-service-item.type2 ~ .dt-sc-service-item .service-details p:only-of-type:not(:last-child) {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}


.dt-sc-service-item.type2 .service-details > h6,
.dt-sc-service-item.type2 ~ .dt-sc-service-item .service-details > h6 {
    order: 9;
    grid-column: 1/2;
    margin: 20px 0 0 !important;
    line-height: 1;
    font-weight: 600;
    color: var(--wdt-elementor-color-highline);;
    border-top: 1px solid rgba(1, 61, 123, 0.15);
    padding-top: 20px;
    padding-right: 4px;
    padding-left: 4px;
    font-family: var(--wdtFontTypo_Alt);
    font-size: clamp(1.125rem, 1.2rem + 0.2vw, 1.625rem);
}

.dt-sc-service-item.type2 .service-details > span.dt-sc-service-price,
.dt-sc-service-item.type2 ~ .dt-sc-service-item .service-details > span.dt-sc-service-price {
    order: 10;
    grid-column: 2/3;
    position: relative;
    font-weight: 600;
    color: var(--wdt-elementor-color-highline);;
    margin: 20px 0 0 !important;
    line-height: 1;
    border-top: 1px solid rgba(1, 61, 123, 0.15);
    padding-top: 20px;
    padding-right: 4px;
    padding-left: 4px;
    font-family: var(--wdtFontTypo_Alt);
    font-size: clamp(1.125rem, 1.2rem + 0.2vw, 1.625rem);
}

.dt-sc-service-item.type2 .service-details > h6 ~ span.dt-sc-service-price:before,
.dt-sc-service-item.type2 ~ .dt-sc-service-item .service-details > h6 ~ span.dt-sc-service-price:before {
    background-color: rgba(var(--wdtHeadAltColorRgb), 0.15);
    content: "";
    position: absolute;
    left: 0;
    top: 20px;
    bottom: 0;
    width: 1px;
    pointer-events: none;
}


.dt-sc-service-item.type2 .service-details h3,
.dt-sc-service-item.type2 ~ .dt-sc-service-item .service-details h3 {
    font-size: clamp(1.5rem, 1rem + 0.2vw, 2.5rem);
    font-weight: var(--wdtFontWeight_Alt);
}

.dt-sc-service-item.type2 .service-details h3 > a,
.dt-sc-service-item.type2 ~ .dt-sc-service-item .service-details h3 > a {
    color: var(--wdtSecondaryColor);
}

.dt-sc-service-item.type2 .service-details h3 > a:hover,
.dt-sc-service-item.type2 ~ .dt-sc-service-item .service-details h3 > a:hover {
    color: var(--wdt-elementor-color-highline);;
}

.dt-sc-service-item.type2 .dt-sc-button,
.dt-sc-service-item.type2 ~ .dt-sc-service-item .dt-sc-button {
    margin: 20px 0 0;
    justify-self: center;
    align-self: center;
    width: fit-content;
    line-height: 1;
}


/* Type - 2 End */

@media screen and (max-width: 1024px) {
    .dt-sc-service-item.type1 .image > .image-item,
    .dt-sc-service-item.type2 .image > .image-item,
    .dt-sc-service-item.type2 ~ .dt-sc-service-item .image > .image-item {
        -webkit-mask-image: none;
        mask-image: none;
    }

    .dt-sc-service-item.type2 .image, .dt-sc-service-item.type2 ~ .dt-sc-service-item .image {
        width: 100%;
    }

    .dt-sc-service-items-container {
        display: flex;
        gap: 0;
        margin: -10px;
        align-items: unset;
        justify-content: unset;
        width: auto;
        overflow: auto;
        scroll-snap-type: x mandatory;
        scroll-padding: 0;
        flex-wrap: nowrap;
        padding-bottom: 4px;
    }

    .dt-sc-service-items-container .dt-sc-service-item {
        flex: 0 0 38%;
        width: auto !important;
        scroll-snap-align: start;
        scroll-snap-stop: always;
        padding: 10px;
    }

    /* ===== Scrollbar CSS ===== */
    /* Firefox */
    .dt-sc-service-items-container {
        scrollbar-width: none;
        scrollbar-color: var(--wdt-elementor-color-highline);
        /*transparent;*/
    }

    /* Chrome, Edge, and Safari */
    .dt-sc-service-items-container::-webkit-scrollbar {
        width: 0px;
        display: none;
    }

    .dt-sc-service-items-container::-webkit-scrollbar-track {
        background: transparent;
    }

    .dt-sc-service-items-container::-webkit-scrollbar-thumb {
        background-color: var(--wdt-elementor-color-highline);;
        border-radius: 0px;
    }

}

@media screen and (max-width: 600px) {
    .dt-sc-service-items-container .dt-sc-service-item {
        flex: 0 0 60%;
    }
}

@media screen and (max-width: 480px) {
    .dt-sc-service-items-container .dt-sc-service-item {
        flex: 0 0 80%;
    }
}


.dt-sc-service-item {
    font-size: 1em;
}

.dt-sc-service-item .service-details h3 {
    font-size: 1.15em;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 0;
}

.dt-sc-service-item .service-details h6 {
    font-size: 1em;
    margin-top: 0;
    margin-bottom: 15px;
    padding: 0;
    color: #666;
}

.dt-sc-service-item .service-details .dt-sc-service-price {
    clear: both;
    display: inline-block;
    font-size: 1.1em;
    font-weight: 600;
    line-height: normal;
    margin: 5px 0 10px;
    width: 100%;
}

.dt-sc-service-item .service-details h4 {
    margin-bottom: 10px;
    padding: 0;
    margin-top: 0;
}

.dt-sc-service-item .service-details h6, .dt-sc-service-meta ul li {
    display: inline-block;
    letter-spacing: 0;
}

.dt-sc-service-item .service-details span {
    font-size: 1em;
    font-weight: 600;
    margin-left: 10px;
}

.dt-sc-service-item .service-details .dt-sc-service-meta {
    width: 100%;
    margin: 20px auto 0;
    display: inline-block;
}

.dt-sc-service-item .service-details .dt-sc-service-meta li h6 {
    float: left;
    letter-spacing: 0;
    line-height: 22px;
    margin-top: 0;
    margin-bottom: 0;
    width: 68%;
}

.dt-sc-service-item .dt-sc-service-meta ul li {
    display: inline-block;
    clear: both;
    border-bottom: 1px dashed;
    width: 100%;
    text-align: left;
    padding-bottom: 10px;
    margin-bottom: 5px;
    font-size: 1em;
    border-color: #666;
}

.dt-sc-service-item .dt-sc-service-meta ul li:last-child {
    border-bottom: none;
    padding-bottom: 3px;
}

.dt-sc-service-item .service-details .dt-sc-service-meta li span {
    clear: none;
    float: right;
    line-height: 1.4;
    text-align: right;
    width: calc(32% - 10px);
}

.dt-sc-service-item .service-details .dt-sc-service-meta ul {
    margin: 0;
    padding: 0;
}

.dt-sc-service-item .service-details p:only-of-type:last-child {
    margin-bottom: 0;
}

.dt-sc-service-item .service-details p:only-of-type:not(:last-child) {
    margin-top: 10px;
    margin-bottom: 10px;
}

.dt-sc-service-item { /*background-color:#F0F0F0;*/
    text-align: center;
    padding: 0px;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    margin-bottom: 2%;
    float: left;
}

.dt-sc-service-item.type2 .image {
    max-width: 100%;
    margin: 0px;
}

.dt-sc-service-item.type2 .image img, .dt-services-list .dt-sc-service-item .image img {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    /*max-height: 290px;*/
    /*height: 290px;*/
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.dt-sc-service-item.type2 .service-details h3 {
    margin-bottom: 10px;
}

.page-two-column .dt-sc-service-item.type2 {
    padding: 50px 20px 50px;
}

.page-two-column .dt-sc-staff-item .dt-sc-button, .page-two-column .dt-sc-service-item .dt-sc-button {
    padding: 10px 15px;
    font-size: 14px;
}

.page-two-column .dt-sc-service-item.type2 .service-details .dt-sc-service-meta li h6 {
    font-size: 14px;
}

.page-two-column .dt-sc-service-item.type2 .service-details .dt-sc-service-meta li span {
    font-size: 12px;
    line-height: 29px;
}

.dt-services-list {
    clear: none;
    display: inline-block;
    float: left;
    width: 100%;
}

.dt-services-list .dt-sc-service-item {
    background-color: transparent;
    padding: 0;
    text-align: left;
    position: relative;
    margin: 0;
    padding: 0 0 20px 130px;
    margin-bottom: 30px;
    min-height: 120px;
}

.dt-services-list .dt-sc-service-item:after {
    content: "";
    border-bottom: 1px dashed;
    width: 100%;
    height: 1px;
    display: inline-block;
    clear: both;
    float: left;
    left: 0;
    bottom: 0;
    position: absolute;
    margin: 0;
}

.dt-services-list .dt-sc-service-item:last-child:after {
    display: none;
}

.dt-services-list .dt-sc-service-item:hover {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.dt-services-list .dt-sc-service-item .image {
    float: left;
    margin: 0 30px 0 0;
    width: 100px;
    position: absolute;
    top: 0;
    left: 0;
}

.dt-services-list .dt-sc-service-item .service-details .dt-sc-service-meta {
    width: auto;
    margin: 0;
}

.dt-services-list .dt-sc-service-item .service-details .dt-sc-service-meta ul {
    margin: 0;
    padding: 0;
}

.dt-services-list .dt-sc-service-item .dt-sc-service-meta ul,
.dt-services-list .dt-sc-service-item .dt-sc-service-meta ul li {
    display: table;
}

.dt-services-list .dt-sc-service-item .dt-sc-service-meta ul {
    width: auto;
}

.intro-section .dt-services-list .dt-sc-service-item {
    border-bottom: none;
}

.intro-section .dt-services-list .dt-sc-service-item .service-details h4 {
    float: right;
    margin: -25px 0 0;
}

.intro-section .dt-services-list .dt-sc-service-item .service-details h3 {
    margin: 15px 0 0;
}

/* .single.single-dt_service #header-wrapper{margin-bottom:50px;} */
.dt-appointment-form .column {
    margin-bottom: 1.5rem;
}

.dt-appointment-form .column input[type=text], .dt-appointment-form .column select {
    margin: 0;
    width: 100%;
}

.dt-sc-reserve-appointment.type1 {
    margin-bottom: 0px;
}

.dt-sc-reserve-appointment.type1 > *:not([class*="clear"]):empty {
    display: none;
}

.dt-sc-dark-bg .dt-appointment-form input[type=text]::-webkit-input-placeholder {
    color: #FFF;
}

.dt-sc-dark-bg .dt-appointment-form input[type=text]:-moz-placeholder {
    color: #FFF;
    opacity: 1;
}

.dt-sc-dark-bg .dt-appointment-form input[type=text]::-moz-placeholder {
    color: #FFF;
    opacity: 1;
}

.dt-sc-dark-bg .dt-appointment-form input[type=text]:-ms-input-placeholder {
    color: #FFF;
}

input::-webkit-input-placeholder {
    color: #28303d;
    opacity: 1;
}

input:-moz-placeholder {
    color: #28303d;
    opacity: 1;
}

input::-moz-placeholder {
    color: #28303d;
    opacity: 1;
}

input:-ms-input-placeholder {
    color: #28303d;
    opacity: 1;
}

textarea::-webkit-input-placeholder {
    color: #28303d;
    opacity: 1;
}

textarea:-moz-placeholder {
    color: #28303d;
    opacity: 1;
}

textarea::-moz-placeholder {
    color: #28303d;
    opacity: 1;
}

textarea:-ms-input-placeholder {
    color: #28303d;
    opacity: 1;
}

.dt-sc-dark-bg .dt-appointment-form select, .dt-sc-dark-bg .dt-appointment-form input[type=text] {
    color: #FFF;
    border-color: #FFF;
}

.dt-sc-dark-bg .selection-box:before {
    border-top-color: #FFF;
}

.dt-sc-dark-bg .dt-appointment-form select option {
    color: #5f5842;
}

.app-form .dt-appointment-form p {
    margin-bottom: 0;
}

.app-form .dt-appointment-form .dt-sc-button {
    width: 100%;
    background-color: #FFF;
    margin: 26px 0 0;
}

.app-form .dt-appointment-form .dt-sc-button:hover {
    color: #FFF;
}

#ui-datepicker-div .ui-widget-header, #ui-datepicker-div .ui-state-default, #ui-datepicker-div .ui-widget-content .ui-state-default, #ui-datepicker-div .ui-widget-header .ui-state-default {
    background: rgba(0, 0, 0, 0.05);
    border-image: none;
}

/*** Reservation Form II Styles ***/
.dt-sc-reserve-appointment2 .available-times .dt-sc-title {
    padding: 10px 20px 0;
    margin-bottom: 0;
}

.dt-sc-reserve-appointment2 ul.time-table > li.selected {
    background-color: #f2f2f2;
}

.dt-sc-reserve-appointment2 ul.time-table > li.selected ul.time-slots {
    background-color: var(--wdt-elementor-color-highline);;
}

#dt-sc-ajax-load-image img {
    margin: 0 auto;
}

/*** Services Single Styles ***/
.dt_service-single {
    width: 100%;
}

.dt_service-single > .attachment-post-thumbnail {
    margin: 0 auto;
    display: block;
}

@media only screen and (min-width: 1400px) {
    .dt_service-single > .attachment-post-thumbnail {
        object-fit: cover;
        height: 700px !important;
        object-position: center center;
    }
}

body[class*="single"] #content, body[class*="archive"] #content {
    margin: 0 auto;
    max-width: 1230px;
}

.service-details a {
    text-decoration: none;
}

body[class*="single"] .wpb_gmaps_widget .wpb_map_wraper iframe {
    max-height: none !important;
}

body[class*="single"] h1, body[class*="single"] h2, body[class*="single"] h3, body[class*="single"] h4, body[class*="single"] h5, body[class*="single"] h6 {
}

/*** Staff Single Styles ***/
.dt_staff-single {
    width: 100%;
}

.dt_staff-single > .attachment-post-thumbnail {
    width: 38% !important;
    float: left;
    margin-right: 3%;
}

.content-aside {
    width: 59%;
    float: left;
    margin: 0 !important;
    position: relative;
    z-index: 1;
}

.default-button a {
    padding: 13px 20px 12px !important;
    font-size: 20px !important;
}

.booking-pagination {
    clear: both;
}

.res-fullwidth-content, .clear-both {
    clear: both;
}

/*** Staff Types Styles ***/
.dt-sc-team.hide-social-show-on-hover .dt-sc-team-social li a {
    padding: 0 5px;
}

.staff .dt-sc-team.hide-social-role-show-on-hover .dt-sc-team-thumb {
    border: none;
}

.staff .dt-sc-team.hide-social-role-show-on-hover:hover .dt-sc-team-social {
    top: -18px;
}

.staff .dt-sc-team.hide-social-role-show-on-hover ul.dt-sc-team-social li {
    margin: 0px 5px;
}

.staff.dt-sc-one-third .dt-sc-team.hide-social-role-show-on-hover .dt-sc-team-social li a {
    width: 40px;
    height: 40px;
    font-size: 1em;
    line-height: 38px;
}

.staff .dt-sc-team.hide-details-show-on-hover .dt-sc-team-details h4 {
    font-weight: 500;
    text-transform: none;
}

.staff .dt-sc-team.hide-details-show-on-hover .dt-sc-team-details .dt-sc-team-social {
    padding: 20px 0 0;
}

.dt-sc-team-details h5 {
    color: #666;
}

.staff .dt-sc-team.hide-social-role-show-on-hover .dt-sc-team-details h5 {
    font-size: 15px;
}

.ui-datepicker.ui-widget {
    font-size: 0.8em;
}

.tbl-view-reservations {
    margin-bottom: 30px;
}

.tbl-view-reservations td, .tbl-view-reservations th {
    font-size: 15px;
    font-weight: 500;
    text-align: center;
}

.tbl-view-reservations tr:first-child th {
    font-weight: bold;
}

form[class*="dt-sc-"] input[type=checkbox] + label {
    display: inline;
    padding-left: 0;
}

.staff-info .dt-sc-team-social {
    text-align: inherit;
    margin: 20px 0 30px !important;
    display: inline-block;
}

.staff-info .dt-sc-team-social li a {
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 14px;
    line-height: 40px;
    background-color: #222222;
    border-radius: 50%;
    color: #FFF;
}

.staff-info .dt-sc-team-social li a:hover {
    background-color: #767676;
}

.staff-info .dt-sc-team-social li a:focus {
    background: #767676 !important;
}

.staff-info h6 {
    font-size: 24px;
    color: #666;
    margin: 10px 0 20px;
    letter-spacing: 0;
}

.staff-info .social_heading {
    margin: 30px 0 0;
    display: inline-block;
    width: 100%;
}

.staff-header {
    display: inline-block;
    float: left;
    width: 100%;
}

.staff-info .dt-sc-team-social li a:hover,
.staff-info .dt-sc-team-social li a:focus,
.entry-content button:hover,
.entry-content button:focus,
.entry-content input[type="button"]:hover,
.entry-content input[type="button"]:focus,
.entry-content input[type="submit"]:hover,
.entry-content input[type="submit"]:focus,
.entry-content .dt-sc-button:hover,
.entry-content .dt-sc-button:focus,
.dt-sc-button:hover,
.dt-sc-button:focus,
.default-button a:hover,
.default-button a:focus {
    background-color: var(--wdt-elementor-color-highline);;
    /* -webkit-animation:pulse-shadow 1s;
	animation:pulse-shadow 1s;
	-webkit-box-shadow: 0 0 0 2em rgba(0,0,0,0);
	box-shadow: 0 0 0 2em rgba(0,0,0,0);}
	@keyframes pulse-shadow {
		0% {
			-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0.06);
			box-shadow: 0 0 0 0 rgba(0,0,0,0.06);
		} */
}

.img-hover img {
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}

.img-hover:hover img {
    opacity: 0.8;
}

.notify-buttons-wrapper {
    margin: 30px 0;
    display: inline-block;
    width: 100%;
}

.notify-buttons-wrapper .dt-sc-button, .dt-sc-success-box ~ p + .dt-sc-button {
    margin-right: 15px;
}

.form-control.dtstaff-drop-down, .form-control.dtstaff-drop-down .button {
    font-family: inherit;
}

.form-control.dtstaff-drop-down .button {
    position: relative;
    background-color: #FFF !important;
    border: 3px solid #39414d;
    color: inherit;
    display: inline-block;
    display: flex;
    align-items: center;
    font-weight: normal;
    margin-top: 0;
    min-height: 60px;
    padding: 12px;
    padding: 12px 30px 12px 10px;
    position: relative;
    width: 100%;
}

.form-control.dtstaff-drop-down .button .select-list-link {
    position: absolute;
    right: 0;
    width: 100%;
    height: 100%;
    left: auto;
    top: 0;
    font-size: 0;
}

.form-control.dtstaff-drop-down .button .select-list-link:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    margin: auto;
}

.form-control .select2-container--default .select2-selection--single .select2-selection__arrow b,
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-left-width: 5px;
    border-right-width: 5px;
}

.form-control .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-top-color: #000;
}

.form-control .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-bottom-color: #000;
}

.form-control.dtstaff-drop-down .button span:first-child {
    background-position: center top;
    background-repeat: no-repeat;
    height: 40px;
    line-height: 37px;
    position: absolute;
    left: 10px;
    top: 50%;
    white-space: nowrap;
    width: 40px;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.form-control.dtstaff-drop-down {
    width: 100%;
}

.form-control.dtstaff-drop-down .button span {
    padding: 0;
    color: #28303d;
    line-height: 1.5;
    font-size: inherit;
}

.default-title .elementor-heading-title, .default-text .elementor-widget-container {
    color: #28303d !important;
    font-weight: 300 !important;
}

.form-control.dtstaff-drop-down .select-list {
    background-color: #FFF;
    border: 0px solid;
    border-top-width: 0;
    margin: 0px 0 0;
    padding: 0;
    top: 100%;
    width: 100%;
    /* z-index: 3; */
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* border: 1px solid rgba(var(--wdtHeadAltColorRgb),.5); */
}

.form-control.dtstaff-drop-down .select-list li:first-child {
    font-size: 0;
    display: none !important;
}

.form-control.dtstaff-drop-down .select-list li:first-child span {
    font-size: 0;
    min-height: unset;
    padding: 0;
}

.form-control.dtstaff-drop-down .select-list li {
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 10px 15px;
    transition: all 0.3s linear;
}

.form-control.dtstaff-drop-down .select-list li:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.form-control.dtstaff-drop-down .select-list li span {
    display: inline-block;
    min-height: auto;
    min-width: auto;
    width: auto;
    padding: 0;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 1em;
    color: #222;
    opacity: 1;
    max-width: none;
    white-space: nowrap;
    font-weight: 600;
}

.form-control.dtstaff-drop-down {
    z-index: auto !important;
}

.form-control.dtstaff-drop-down .select-list li span:not(.staff-role) {
    border-radius: 50%;
    padding: 0;
    width: 60px;
    height: 60px;
    position: relative;
    top: 5px;
}

.form-control.dtstaff-drop-down .select-list li span.staff-role {
    position: relative;
    top: -7px;
    padding-left: 15px;
}

.form-control.dtstaff-drop-down .select-list li span.staff-role i {
    font-weight: normal;
    font-style: normal;
    color: #666;
    font-size: 14px;
    display: block;
}

.form-control input, .form-control select, .form-control textarea {
    margin-bottom: 0 !important;
}

.dt-sc-reserve-appointment .personal-info .form-control input,
.dt-sc-reserve-appointment .personal-info .form-control span.select2,
.dt-sc-reserve-appointment .personal-info .form-control textarea,
.dt-sc-reserve-appointment2 .dt-sc-appointment-contactdetails-form .form-control input,
.dt-sc-reserve-appointment2 .dt-sc-appointment-contactdetails-form .form-control span.select2,
.dt-sc-reserve-appointment2 .dt-sc-appointment-contactdetails-form .form-control textarea {
    margin-bottom: 20px !important;
}

.dt-sc-reserve-appointment2 .dt-sc-appointment-scheduler-form input[type=text] {
    margin-left: 0;
    margin-right: 0;
}

.page-with-sidebar .elementor-section.elementor-section-stretched {
    left: auto !important;
    width: 100% !important;
}

.dt-sc-reserve-appointment.type1 .dt-sc-button.show-time {
    margin-top: 50px;
}

.dt-sc-reserve-appointment.type3 .show-calendar {
    margin-top: 50px;
}

.dt-sc-reserve-appointment .ubpro-info a.showlogin,
.dt-sc-reserve-appointment2 .ubpro-info a.showlogin {
    text-decoration: underline;
}

/*** Responsive ***/
@media only screen and (min-width: 1600px) {
    /*** For Elementor ***/
    /* .elementor-section.wide-row-large{min-width:1200px; margin-left: -295px;} */
    .dt-sc-reserve-appointment2 .form-control.dtstaff-drop-down .select-list {
        grid-template-columns: 100%;
    }

}

@media only screen and (min-width: 768px) and (max-width: 1599px) {
    .dt-sc-reserve-appointment2 .dt-sc-appointment-scheduler-form {
        margin: 0 auto;
        width: 100%;
    }

    .dt-sc-reserve-appointment2 .dt-sc-appointment-scheduler-form .dt-sc-one-third.column {
        margin: 0 0 10px;
        width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .center-service {
        text-align: center;
    }

    .center-service .elementor-widget-container {
        display: inline-block;
    }

    .single .dt-services-list .dt-sc-service-item {
        padding-left: 100px;
    }

    .single .dt-sc-service-item .service-details h3 {
        font-size: 18px;
    }

    .single .dt-services-list .dt-sc-service-item .image {
        margin-right: 20px;
        width: 80px;
    }
}

@media only screen and (max-width: 1280px) {
    .res-position {
        left: 0 !important;
        right: 0 !important;
    }

    .dt-sc-service-item.type2, .dt-sc-service-item.type2 ~ .dt-sc-service-item {
        width: 33.3%;
    }
}

@media only screen and (max-width: 1025px) {
    .type1.expert-archive {
        margin-bottom: -980px !important;
    }

    .res-position {
        position: static !important;
        text-align: center !important;
    }

    .no-space {
        display: none;
    }

    .no-padding {
        padding-bottom: 0 !important;
    }

    .fw-section-2 {
        padding-right: 0 !important;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1380px) {
    body[class*="single"] #content, body[class*="archive"] #content {
        max-width: 1080px;
    }
}

@media only screen and (min-width: 1200px) {
    .vc_row.wide-row, .dt-sc-view-reservations {
        max-width: 800px !important;
        margin: 0 auto !important;
    }

    .vc_row.wide-row-large {
        max-width: 1200px !important;
        margin: 0 auto !important;
    }

    /*** For Elementor ***/
    .elementor-section.wide-row > .elementor-container > .elementor-column {
        max-width: 800px;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1199px) {
    /* .expert-archive{
		padding-bottom: 100px !important;
	} */
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* .dt-sc-service-item.type2 .image{max-width:150px;} */
    .dt-sc-staff-item .staff-details h3 {
        font-size: 22px;
    }

    .page-two-column .vc_col-sm-6 .dt-sc-service-item.type2 {
        padding: 50px 15px 50px;
    }

    .dt-sc-error-box:before, .dt-sc-warning-box:before, .dt-sc-success-box:before, .dt-sc-info-box:before {
        top: 12px;
    }

    body[class*="single"] #content, body[class*="archive"] #content {
        max-width: 900px;
    }

    .dt_staff-single > .attachment-post-thumbnail {
        width: 100% !important;
        margin: 0 auto;
        float: none;
        display: block;
    }

    .dt_staff-single > .attachment-post-thumbnail {
        margin-right: 0 !important;
    }

    .content-aside {
        width: 100%;
        float: left;
        margin: 80px 0 0 !important;
    }

    .res-fullwidth-content .vc_col-sm-6 {
        width: 100%;
    }

    .res-fullwidth-content .vc_col-sm-6 > .vc_column-inner {
        padding: 80px 50px 50px !important;
    }

    .fullwidth-section-2.res-fullwidth-content {
        margin-top: 80px !important;
    }

    .misc-section .vc_col-sm-6 {
        width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* .dt-sc-service-item.type2 .image{max-width:150px;} */
    .vc_col-sm-4 .dt-sc-service-item .dt-sc-service-meta ul li {
        text-align: center;
        padding: 10px 5px;
    }

    .vc_col-sm-4 .dt-sc-service-item .service-details .dt-sc-service-meta li h6 {
        float: none;
        width: 100%;
        display: inline-block;
    }

    .vc_col-sm-4 .dt-sc-service-item .service-details .dt-sc-service-meta li span {
        text-align: center;
        float: none;
        width: 100%;
        display: inline-block;
        margin-left: 0;
    }

    .vc_col-sm-4 .dt-sc-service-item .dt-sc-button.medium {
        font-size: 12px;
        padding: 10px 15px;
    }

    .dt-sc-service-item.type1 .image,
    .dt-sc-service-item.type1 .service-details {
        width: 100%;
    }

    /* .dt-sc-service-item.type1 .service-details { padding: 25px 20px 20px; } */
    .dt-sc-service-item.type1 .image,
    .dt-sc-service-item.type1 .service-details {
        width: 100%;
    }

    .dt-sc-one-third.dt-sc-service-item .dt-sc-service-meta ul li > * {
        display: inline-block;
        float: none !important;
        line-height: normal !important;
        margin: 0;
        text-align: center !important;
        width: 100% !important;
    }

    .dt-sc-staff-item.type2 .image img {
        max-width: 100px;
    }

    .page-two-column .vc_col-sm-6 .dt-sc-service-item.type2 {
        padding: 50px 10px 50px;
    }

    .page-two-column .vc_col-sm-6 .dt-sc-staff-item .dt-sc-button {
        padding: 8px 15px;
        font-size: 12px;
    }

    .page-two-column .vc_col-sm-6 .dt-sc-service-item .dt-sc-button {
        padding: 6px 10px;
        font-size: 12px;
    }

    .page-two-column .vc_col-sm-6 .dt-sc-service-item.type2 .service-details .dt-sc-service-meta li h6 {
        font-size: 11px;
    }

    .page-two-column .vc_col-sm-6 .dt-sc-service-item.type2 .service-details .dt-sc-service-meta li span {
        font-size: 10px;
        margin-left: 0;
    }

    .page-two-column ul.time-table > li {
        padding: 15px 15px 0;
    }

    .page-two-column ul.time-table > li ul.time-slots > li a {
        min-width: 80px;
        padding: 5px 5px;
    }

    .dt-sc-error-box:before, .dt-sc-warning-box:before, .dt-sc-success-box:before, .dt-sc-info-box:before {
        top: 12px;
    }

    body[class*="single"] #content, body[class*="archive"] #content {
        max-width: 710px;
    }

    .dt-sc-view-reservations {
        max-width: 710px !important;
    }

    .dt_staff-single > .attachment-post-thumbnail {
        width: 100% !important;
        margin: 0 auto;
        float: none;
        display: block;
    }

    .dt_staff-single > .attachment-post-thumbnail {
        margin-right: 0 !important;
    }

    .content-aside {
        width: 100%;
        float: left;
        margin: 50px 0 0 !important;
    }

    .res-fullwidth-content .vc_col-sm-6 {
        width: 100%;
    }

    .res-fullwidth-content .vc_col-sm-6 > .vc_column-inner {
        padding: 25px !important;
    }

    .fullwidth-section-2.res-fullwidth-content {
        margin-top: 80px !important;
    }

    .misc-section .vc_col-sm-6 {
        width: 100%;
    }

    .dt_staff-single .dt-sc-button {
        padding: 14px 60px;
    }

    .staff-info h2 {
        font-size: 2rem;
    }

    .staff-info h4 {
        font-size: 1.4rem;
    }
}

@media only screen and (min-width: 768px) {
    .staff-info {
        padding-left: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .time-table-wrap ul.time-table > li {
        min-width: 50%;
    }

    .dt_staff-single > .attachment-post-thumbnail {
        width: 100% !important;
        margin: 0 auto;
        float: none;
        display: block;
    }

    .dt_staff-single > .attachment-post-thumbnail {
        margin-right: 0 !important;
    }

    .content-aside {
        width: 100%;
        float: left;
        margin: 50px 0 0 !important;
    }

    .res-fullwidth-content .vc_col-sm-6 {
        width: 100%;
    }

    .res-fullwidth-content .vc_col-sm-6 > .vc_column-inner {
        padding: 25px !important;
    }

    .fullwidth-section-2.res-fullwidth-content {
        margin-top: 80px !important;
    }

    .misc-section .vc_col-sm-6 {
        width: 100%;
    }

    .entry-content button, .entry-content input[type="button"], .entry-content input[type="submit"], .entry-content .dt-sc-button, .dt-sc-button {
        margin-top: 14px;
        padding: 12px 25px;
    }

    .dt-sc-reserve-appointment .personal-info .column {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 767px) {
    .column {
        margin-bottom: 20px;
        margin-left: 0;
    }

    .dt-sc-one-fourth, .dt-sc-one-half, .dt-sc-one-third, .dt-sc-three-fourth, .dt-sc-two-third, .dt-sc-one-fifth, .dt-sc-four-fifth, .dt-sc-three-fifth, .dt-sc-two-fifth, .dt-sc-one-sixth, .dt-sc-two-sixth, .dt-sc-three-sixth, .dt-sc-four-sixth, .dt-sc-five-sixth, .column.no-space.dt-sc-one-fourth, .column.no-space.dt-sc-one-third, .column.no-space.dt-sc-one-half, .column.no-space.dt-sc-one-fifth, .column.no-space.dt-sc-one-sixth, .column.no-space.dt-sc-three-fourth, .column.no-space.dt-sc-two-third, .column.no-space.dt-sc-four-fifth, .column.no-space.dt-sc-three-fifth, .column.no-space.dt-sc-two-fifth, .column.no-space.dt-sc-two-sixth, .column.no-space.dt-sc-three-sixth, .column.no-space.dt-sc-four-sixth, .column.no-space.dt-sc-five-sixth, .portfolio.column.dt-sc-one-fourth.no-space, .column.no-space.dt-sc-two-fifth, .wpb_column.no-space.dt-sc-two-fifth, .column.no-space.dt-sc-one-fifth, .wpb_column.no-space.dt-sc-one-fifth, .column.no-space.dt-sc-three-fifth, .wpb_column.no-space.dt-sc-three-fifth, .wpb_column.dt-sc-one-fifth, .column.wpb_column.dt-sc-one-fifth {
        width: 100%;
    }

    .dt-services-list .dt-sc-service-item {
        padding: 0 0 20px;
        text-align: center;
        width: 100%;
        display: inline-block;
    }

    .dt-services-list .dt-sc-service-item .image {
        position: static;
        margin: 0 auto 30px;
        float: none;
    }

    .service-details {
        clear: both;
        float: left;
        width: 100%;
    }

    .intro-section .dt-services-list .dt-sc-service-item .service-details h4 {
        float: left;
        margin: 0 0 0;
        width: 100%;
    }

    /* .dt-sc-service-item:not(.type1) { margin-bottom: 20px; } */
    .dt-sc-service-item .service-details .dt-sc-service-meta,
    .dt-sc-service-item.type1 .image {
        width: 100%;
    }

    .dt-sc-service-item.type1 .service-details {
        width: 100%;
    }

    .dt-sc-service-item .dt-sc-button.medium:not(.with-icon) {
        padding: 14px 20px;
        font-size: 14px;
    }

    .dt-sc-service-item.type2 .service-details span {
        font-size: 1em;
        line-height: 1;
    }

    .fullwidth-icon-count .dt-sc-icon-box.type2.no-icon h5 {
        font-size: 18px;
    }

    .dt-sc-error-box:before, .dt-sc-warning-box:before, .dt-sc-success-box:before, .dt-sc-info-box:before {
        top: 14px;
    }

    ul.time-table > li {
        width: 100%;
        margin-right: 0;
    }

    .dt-sc-schedule-progress {
        width: 100%;
    }

    /*.tbl-view-reservations tr{width:50%; display:inline-block;}
	.tbl-view-reservations td, .tbl-view-reservations th{float:left;  width:100%; margin:0 0px -1px 0px; font-size:14px;}
	.tbl-view-reservations tr:first-child th{border-right:none;}*/
    .dt-sc-schedule-progress .dt-sc-progress-step:before, .dt-sc-schedule-progress .dt-sc-progress-step:after {
        display: none;
    }

    ul.time-table > li ul.time-slots > li a {
        padding: 5px 10px;
    }

    .dt-services-list .dt-sc-service-item .service-details .dt-sc-service-meta {
        width: 100%;
    }

    .dt-services-list .dt-sc-service-item .dt-sc-service-meta ul {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .dt-services-list .dt-sc-service-item .dt-sc-service-meta ul li {
        display: table;
        text-align: center;
    }

    .available-times .dt-sc-title span.name {
        font-size: 18px;
    }

    body[class*="single"] #content, body[class*="archive"] #content {
        max-width: 420px;
    }

    .dt-sc-view-reservations {
        max-width: 420px !important;
    }

    .space-left > .vc_column-inner {
        padding-left: 15px !important;
    }

    .dt-sc-view-reservations .tbl-view-reservation-container {
        clear: both;
        -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05);
        box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05);
    }

    .dt-sc-view-reservations .tbl-view-reservations {
        overflow-x: scroll;
        display: block;
    }

    .dt-sc-view-reservations .tbl-view-reservations th, .dt-sc-view-reservations .tbl-view-reservations td {
        word-break: normal;
    }

    form[id*="reserveloginform"] > p {
        display: inline-block;
        width: 100%;
    }

    form[id*="reserveloginform"] p label {
        display: inline-block;
        width: 100%;
        padding-right: 5px;
    }

    form[id*="reserveloginform"] p input[type=text], form[id*="reserveloginform"] p input[type=password] {
        width: 100%;
    }

    form[id*="reserveloginform"] input[type=text], form[id*="reserveloginform"] input[type=password] {
        width: 100%;
    }
}

@media only screen and (max-width: 479px) {
    .dt-sc-error-box:before, .dt-sc-warning-box:before, .dt-sc-success-box:before, .dt-sc-info-box:before {
        top: 12px;
    }

    .tbl-view-reservations td, .tbl-view-reservations th {
        font-size: 12px;
    }

    ul.time-table > li ul.time-slots, .time-table-wrap ul.time-table > li {
        min-width: 100%;
    }

    ul.time-table > li ul.time-slots > li {
        margin: 0 auto;
        width: 100%;
        clear: both;
        display: block;
    }

    .dt-sc-service-item.type1 .service-details {
        padding: 20px 10px;
    }

    ul.time-table > li > ul.time-slots {
        padding: 15px 25% 20px;
    }

    body .dt-sc-reserve-appointment2 ul.time-table > li ul.time-slots > li a:not(:focus):not(:hover) {
        border-color: transparent transparent rgba(0, 0, 0, 0.05);
    }

    body[class*="single"] #content, body[class*="archive"] #content {
        max-width: 260px;
    }

    .dt-sc-view-reservations {
        max-width: 290px !important;
    }

    .default-button a {
        font-size: 1em !important;
    }

    .dt-sc-service-item .dt-sc-service-meta ul li > * {
        display: inline-block;
        float: none !important;
        line-height: normal !important;
        margin: 0;
        text-align: center !important;
        width: 100% !important;
    }

}

/* New placeholder css */
.frm-group {
    position: relative;
}

.frm-group .placeholder {
    position: absolute;
    top: auto;
    left: 15px;
    color: #28303d;
    display: none;
    font-size: 18px;
    line-height: 60px;
    pointer-events: none;
}

.frm-group label {
    color: #28303d;
    font-weight: normal;
}

.frm-group .star {
    color: red
}


/* Our Team Style */

.dt-sc-staff-items-container {
    display: flex;
    width: auto;
    margin: -10px;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
}

.dt-sc-staff-items-container .dt-sc-staff-item {
    margin: 0;
    padding: 10px;
    background: none;
}

.dt-sc-staff-items-container .dt-sc-staff-item.type1 {
    width: 20%;
}

.dt-sc-staff-items-container .dt-sc-staff-item.type2 {
    width: 25%;
}

.dt-sc-staff-items-container .dt-sc-staff-item.type3 {
    width: 100%;
}

.dt-sc-staff-items-container .dt-sc-staff-item a:empty:not([href]) {
    display: none;
}

.dt-sc-staff-items-container .dt-sc-staff-item.type1 .image > a {
    border-radius: 20px;
    overflow: hidden;
    -webkit-mask-image: url(../css/images/Team-mask-img.png);
    mask-image: url(../css/images/Team-mask-img.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 100%;
}

.dt-sc-staff-items-container .dt-sc-staff-item.type1 .image > a .dt-image-item {
    position: relative;
}

.dt-sc-staff-items-container .dt-sc-staff-item.type1 .image > a .dt-image-item:before {
    pointer-events: none;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    /*background-color: var(--wdt-elementor-color-highline);; */
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: 375ms cubic-bezier(0.7, 0, 0.3, 1);
    transition-delay: 0ms;
}

.dt-sc-staff-items-container .dt-sc-staff-item.type1:hover .image > a .dt-image-item:before {
    opacity: 0.7;
    visibility: visible;
    transition-delay: 0ms;
}

/* .dt-sc-staff-items-container .dt-sc-staff-item .image > a .dt-image-item > img { transition: 375ms cubic-bezier(0.7, 0, 0.3, 1);
	-webkit-transform: scale(1); transform: scale(1); }
.dt-sc-staff-items-container .dt-sc-staff-item:hover .image > a .dt-image-item > img {
	-webkit-transform: scale(1.1); transform: scale(1.1); } */

.dt-sc-staff-items-container .dt-sc-staff-item.type1 .image {
    display: grid;
    margin: auto;
    overflow: hidden;
    width: calc(100% - clamp(0rem, -2.8571rem + 4.4643vw, 2.5rem));
}

.dt-sc-staff-items-container .dt-sc-staff-item.type1 .image > a,
.dt-sc-staff-items-container .dt-sc-staff-item.type1 .image > .dt-sc-staff-overlay {
    grid-area: 1/-1;
}

.dt-sc-staff-items-container .dt-sc-staff-item.type1 .image > .dt-sc-staff-overlay {
    z-index: 1;
    height: fit-content;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    bottom: 0;
    top: 0;
    transform: translateX(30px);
    opacity: 0;
    visibility: hidden;
    transition: 375ms cubic-bezier(0.7, 0, 0.3, 1);
    transition-delay: 0ms;
}

.dt-sc-staff-items-container .dt-sc-staff-item.type1:hover .image > .dt-sc-staff-overlay {
    transform: translateX(0px);
    opacity: 1;
    visibility: visible;
    transition-delay: 100ms;
}

.dt-sc-staff-items-container .dt-sc-staff-item:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dt-sc-staff-items-container .dt-sc-staff-item.type1 .staff-details {
    text-align: center;
    padding: 20px 8px;
}

.dt-sc-staff-items-container .dt-sc-staff-item.type1 .staff-details h3 {
    font-size: clamp(1.4rem, 1rem + 0.7974vw, 2.5rem);
    font-weight: var(--wdtFontWeight_Alt);
}

.dt-sc-staff-items-container .dt-sc-staff-item.type1 .staff-details > *:not(h3, h6) {
    display: none;
}

.dt-sc-staff-items-container .dt-sc-staff-item.type1 .staff-details > p {
    display: block;
    margin: 0;
    font-size: 0;
}

.dt-sc-staff-items-container .dt-sc-staff-item.type1 .staff-details > p > a {
    font-size: 1rem;
    margin-top: 26px;
}

.dt-sc-staff-items-container .dt-sc-staff-item.type1 .staff-details > h6 {
    font-family: var(--wdtFontTypo_Base);
    color: var(--wdtSecondaryColor);
    font-size: var(--wdtFontSize_Base);
    margin: 0;
}

.dt-sc-staff-items-container .dt-sc-staff-item.type1 .image > .dt-sc-staff-overlay .dt-sc-team-social li a[class*=" "] {
    font-size: 12px;
    height: 28px;
    line-height: 27px;
    width: 28px;
    border: 1px solid currentColor;
    border-radius: 50%;
    color: var(--wdtAccentTxtColor);
}

.dt-sc-staff-items-container .dt-sc-staff-item.type1 .image > .dt-sc-staff-overlay .dt-sc-team-social li a:hover {
    opacity: 0.6;
}

/* Type-3 Style */

.dt-sc-staff-items-container .dt-sc-staff-item.type3 .dt-sc-staff-item-container.type3 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(1.25rem, 0.8173rem + 1.9231vw, 3.125rem);
    align-items: center;
}

.dt-sc-staff-items-container .dt-sc-staff-item.type3 .dt-sc-staff-item-container.type3 .dt-sc-staff-image,
.dt-sc-staff-items-container .dt-sc-staff-item.type3 .dt-sc-staff-item-container.type3 .dt-sc-staff-image .dt-sc-image-wrapper {
    display: block;
    height: 100%;
}

.dt-sc-staff-items-container .dt-sc-staff-item.type3 .dt-sc-staff-item-container.type3 .dt-sc-staff-image .dt-sc-image-wrapper img {
    height: 100%;
    object-fit: cover;
    object-position: top center;
    border-radius: 20px;
}

.dt-sc-staff-items-container .dt-sc-staff-item.type3 .dt-sc-staff-item-container.type3 > .dt-sc-staff-content {
    padding: 20px 0;
}

.dt-sc-staff-items-container .dt-sc-staff-item.type3 .dt-sc-staff-item-container.type3 > .dt-sc-staff-content h1,
.dt-sc-staff-items-container .dt-sc-staff-item.type3 .dt-sc-staff-item-container.type3 > .dt-sc-staff-content h2,
.dt-sc-staff-items-container .dt-sc-staff-item.type3 .dt-sc-staff-item-container.type3 > .dt-sc-staff-content h3,
.dt-sc-staff-items-container .dt-sc-staff-item.type3 .dt-sc-staff-item-container.type3 > .dt-sc-staff-content h4,
.dt-sc-staff-items-container .dt-sc-staff-item.type3 .dt-sc-staff-item-container.type3 > .dt-sc-staff-content h5,
.dt-sc-staff-items-container .dt-sc-staff-item.type3 .dt-sc-staff-item-container.type3 > .dt-sc-staff-content h6 {
    margin: 0 0 10px;
    color: var(--wdt-elementor-color-highline);;
}

.dt-sc-staff-items-container .dt-sc-staff-item.type3 .dt-sc-staff-item-container.type3 > .dt-sc-staff-content > div:not(:last-child) {
    margin-bottom: 20px;
}

.dt-sc-staff-items-container .dt-sc-staff-item.type3 .dt-sc-staff-item-container.type3 > .dt-sc-staff-content p {
    margin: 0;
}

.dt-sc-staff-items-container .dt-sc-staff-item.type3 .dt-sc-staff-item-container.type3 > .dt-sc-staff-content .dt-sc-staff-title-container h3 {
    margin: 0 0 2px;
}

.dt-sc-staff-items-container .dt-sc-staff-item.type3 .dt-sc-staff-item-container.type3 > .dt-sc-staff-content > div.dt-sc-staff-options-container,
.dt-sc-staff-items-container .dt-sc-staff-item.type3 .dt-sc-staff-item-container.type3 > .dt-sc-staff-content > div.dt-sc-staff-special-container,
.dt-sc-staff-items-container .dt-sc-staff-item.type3 .dt-sc-staff-item-container.type3 > .dt-sc-staff-content > div.dt-sc-staff-social-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.dt-sc-staff-items-container .dt-sc-staff-item.type3 .dt-sc-staff-item-container.type3 > .dt-sc-staff-content > div.dt-sc-staff-options-container > h4,
.dt-sc-staff-items-container .dt-sc-staff-item.type3 .dt-sc-staff-item-container.type3 > .dt-sc-staff-content > div.dt-sc-staff-special-container > h4,
.dt-sc-staff-items-container .dt-sc-staff-item.type3 .dt-sc-staff-item-container.type3 > .dt-sc-staff-content > div.dt-sc-staff-social-container > h4 {
    margin: 0 10px 0 0;
    font-size: 26px;
}

.dt-sc-staff-items-container .dt-sc-staff-item.type3 .dt-sc-staff-item-container.type3 > .dt-sc-staff-content > div.dt-content-container > h4 {
    font-size: 26px;
}

.dt-sc-staff-items-container .dt-sc-staff-item.type3 .dt-sc-staff-item-container.type3 > .dt-sc-staff-content > div.dt-sc-staff-options-container > h6 {
    font-family: var(--wdtFontTypo_Base);
    font-size: var(--wdtFontSize_Base);
    color: var(--wdtSecondaryColor);
    margin: 0;
}


.dt-sc-reserve-appointment .form-control,
.dt-sc-reserve-appointment2 .form-control {
    margin-bottom: 0;
}

@media (min-width: 1025px) {
    .dt-sc-staff-items-container .dt-sc-staff-item.type1:nth-child(5) ~ .dt-sc-staff-item.type1 {
        margin-top: 30px;
    }
}

@media screen and (max-width: 1024px) {
    .dt-sc-staff-items-container .dt-sc-staff-item.type1 .image > a {
        -webkit-mask-image: none;
        mask-image: none;
    }

    .dt-sc-staff-items-container .dt-sc-staff-item.type1 .image {
        width: 100%;
    }

    .dt-sc-staff-items-container {
        display: flex;
        gap: 0;
        margin: -10px;
        align-items: unset;
        justify-content: unset;
        width: auto;
        overflow: auto;
        scroll-snap-type: x mandatory;
        scroll-padding: 0;
        flex-wrap: nowrap;
        padding-bottom: 4px;
    }

    .dt-sc-staff-items-container .dt-sc-staff-item:not(.type3) {
        flex: 0 0 38%;
        width: auto !important;
        scroll-snap-align: start;
        scroll-snap-stop: always;
        padding: 10px;
    }

    /* ===== Scrollbar CSS ===== */
    /* Firefox */
    .dt-sc-staff-items-container {
        scrollbar-width: none;
        scrollbar-color: var(--wdt-elementor-color-highline) transparent;
    }

    /* Chrome, Edge, and Safari */
    .dt-sc-staff-items-container::-webkit-scrollbar {
        width: 0px;
        display: none;
    }

    .dt-sc-staff-items-container::-webkit-scrollbar-track {
        background: transparent;
    }

    .dt-sc-staff-items-container::-webkit-scrollbar-thumb {
        background-color: var(--wdt-elementor-color-highline);;
        border-radius: 0px;
    }

    .form-control.dtstaff-drop-down .select-list {
        grid-template-columns: 100%;
    }

}

@media screen and (max-width: 600px) {
    .dt-sc-staff-items-container .dt-sc-staff-item:not(.type3) {
        flex: 0 0 60%;
    }

    .dt-sc-staff-items-container .dt-sc-staff-item.type3 .dt-sc-staff-item-container.type3 {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .dt-sc-staff-items-container .dt-sc-staff-item.type3 .dt-sc-staff-item-container.type3 > .dt-sc-staff-content {
        padding-bottom: 0px;
    }
}

@media screen and (max-width: 480px) {
    .dt-sc-staff-items-container .dt-sc-staff-item:not(.type3) {
        flex: 0 0 80%;
    }
}


/* 2023 Overwrite - New Style */

[class*="dt-sc-reserve-appointment"] input[type="text"],
[class*="dt-sc-reserve-appointment"] input[type="password"],
[class*="dt-sc-reserve-appointment"] input[type="email"],
[class*="dt-sc-reserve-appointment"] input[type="url"],
[class*="dt-sc-reserve-appointment"] input[type="tel"],
[class*="dt-sc-reserve-appointment"] input[type="number"],
[class*="dt-sc-reserve-appointment"] input[type="range"],
[class*="dt-sc-reserve-appointment"] input[type="date"],
[class*="dt-sc-reserve-appointment"] input[type="search"],
[class*="dt-sc-reserve-appointment"] input.text, [class*="dt-sc-reserve-appointment"] textarea, [class*="dt-sc-reserve-appointment"] select,
[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-search .select2-search__field,
[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-search--dropdown .select2-search__field,
[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-search--inline .select2-search__field,
[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-selection--single,
[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-selection--multiple,
.dt-sc-reservation-form input[type="text"],
.dt-sc-reservation-form input[type="password"],
.dt-sc-reservation-form input[type="email"],
.dt-sc-reservation-form input[type="url"],
.dt-sc-reservation-form input[type="tel"],
.dt-sc-reservation-form input[type="number"],
.dt-sc-reservation-form input[type="range"],
.dt-sc-reservation-form input[type="date"],
.dt-sc-reservation-form input[type="search"],
.dt-sc-reservation-form input.text, .dt-sc-reservation-form textarea, .dt-sc-reservation-form select,
.dt-sc-reservation-form .select2-container.select2-container--default .select2-search .select2-search__field,
.dt-sc-reservation-form .select2-container.select2-container--default .select2-search--dropdown .select2-search__field,
.dt-sc-reservation-form .select2-container.select2-container--default .select2-search--inline .select2-search__field,
.dt-sc-reservation-form .select2-container.select2-container--default .select2-selection--single,
.dt-sc-reservation-form .select2-container.select2-container--default .select2-selection--multiple,
[class*="dt-sc-reserve-appointment"] .form-control.dtstaff-drop-down .button,
.dt-sc-reservation-form .form-control.dtstaff-drop-down .button {
    border-radius: var(--wdtRadius_1X);
    background-color: transparent !important;
    border-width: 1px;
    border-color: var(--wdt-elementor-color-highline);;
    min-height: 50px;
    font-weight: normal;
    font-size: 14px;
    color: var(--wdtSecondaryColor);
}

.frm-group .placeholder {
    color: var(--wdtSecondaryColor);
    font-size: 14px;
    line-height: 48px;
}

.form-control.dtstaff-drop-down .button span:first-child {
    background-position: top center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    line-height: 37px;
    position: absolute;
    left: 5px;
    top: 50%;
    white-space: nowrap;
    width: 40px;
    border-radius: 5px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none;
}

.elementor-widget-dt-reservation-form .dt-sc-appointment-wrapper .dt-sc-reservation-form {
    display: grid;
    width: 100%;
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
}

.elementor-widget-dt-reservation-form .dt-sc-appointment-wrapper .dt-sc-reservation-form > .column {
    margin: 0;
}