a {
	transition: var(--wdt_Booking_Ad-Transition);
	-moz-transition: var(--wdt_Booking_Ad-Transition);
	-webkit-transition: var(--wdt_Booking_Ad-Transition);
}

a:hover {
	color: var(--wdt_Booking_LinkHoverColor);
}

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: var(--wdt_Booking_LinkHoverColor);
}

.column 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%;
}
.dt-sc-selected-plan{
	margin-bottom: 20px;
    font-size: var(--wdtFontSize_H5);
    font-family: var(--wdtFontTypo_Alt);
    font-style: italic;
    font-weight: var(--wdtFontWeight_Alt);
}

.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: var(--wdt_Booking_PrimaryColor);
	border-color: var(--wdt_Booking_BorderColor);
}

.entry-content button,
.entry-content input[type="button"],
.entry-content input[type="submit"],
.entry-content .dt-sc-button,
.dt-sc-button,
#viewreservelogin p input[type="submit"] {
	background-color: var(--wdt_Booking_PrimaryColor);
	color: var(--wdt_Booking_AccentTxtColor);
	border-width: 0;
	cursor: pointer;
	display: inline-block;
	font-weight: var(--wdtFontWeight_Ext, 500);
	line-height: var(--wdtLineHeight_Alt,1.2);
	margin-top: 10px;
	outline: none;
	padding: var(--wdt_Booking_Padding_Btn);
	text-decoration: none;
	-webkit-border-radius: var(--wdt_Booking_Radius_2X,10px);
	border-radius: var(--wdt_Booking_Radius_2X,10px);
	-webkit-transition: var(--wdt_Booking_Ad-Transition);
	transition: var(--wdt_Booking_Ad-Transition);
	font-size: var(--wdtFontSize_Base, 16px);
	font-family: unset;
}

.entry-content button:hover,
.entry-content input[type="button"]:hover,
.entry-content input[type="submit"]:hover,
.entry-content .dt-sc-button:hover,
.entry-content button:focus,
.entry-content input[type="button"]:focus,
.entry-content input[type="submit"]:focus,
.entry-content .dt-sc-button:focus,
.dt-sc-button:hover,
.dt-sc-button:focus,
.default-button a:hover,
.default-button a:focus,
#viewreservelogin p input[type="submit"]:hover,
#viewreservelogin p input[type="submit"]:focus {
	color: var(--wdt_Booking_AccentTxtColor,#ffffff);
	background: rgba(var(--wdtPrimaryColorRgb,75,99,85),0.75);
}

.dt-sc-button.dt-sc-button-textual {
	padding: 0px;
	background-image: linear-gradient(45deg, currentColor, currentColor);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-size: 100% 1px;
	background-color: transparent;
	color: var(--wdt_Booking_LinkColor);
	line-height: 1.2;
	transition-property: background-size, color;
}

.dt-sc-button.dt-sc-button-textual:focus,
.dt-sc-button.dt-sc-button-textual:hover {
	background-size: 0% 1px;
	background-position: bottom right;
	color: var(--wdt_Booking_LinkHoverColor);
}


.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: 5px 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;
}

.dt-sc-reserve-appointment2 .dt-sc-hr-invisible-small {
	display: none;
}

.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;
	cursor: not-allowed;
}

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

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

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

:-moz-placeholder {
	/* Firefox 18- */
	color: var(--wdt_Booking_BodyTxtColor);
}

/*** Alert Boxes Styles ***/

.dt-sc-error-box,
.dt-sc-warning-box,
.dt-sc-success-box,
.dt-sc-info-box {
	display: flex;
	margin: 20px 0 30px;
	padding: 15px;
	width: 100%;
	gap: 0.4em;
	border-radius: var(--wdt_Booking_Radius_2X);
	-webkit-border-radius: var(--wdt_Booking_Radius_2X);
}

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

.dt-sc-error-box:before,
.dt-sc-warning-box:before,
.dt-sc-success-box:before,
.dt-sc-info-box:before {
	min-width: 22px;
	min-height: 22px;
	display: inline-block;
	background-color: currentColor;
	position: relative;
	margin-right: 6px;
	margin-top: 2px;
	-webkit-mask-position: center center;
	mask-position: center center;
	-webkit-mask-size: 100%;
	mask-size: 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	align-self: self-start;
}

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

.dt-sc-error-box:before {
	content: "";
	color: #C54228;
	-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 100 100'%3E%3Cpath d='M50,99L50,99c27,0,49-22,49-49l0,0C99,23,77,1,50,1l0,0C23,1,1,23,1,50l0,0C1,77,23,99,50,99z M27.5,35.1 c-2.2-2.2-2.2-5.5,0-7.6s5.5-2.2,7.6,0L50,42.4l14.9-14.9c2.2-2.2,5.5-2.2,7.6,0s2.2,5.5,0,7.6L57.6,50l14.9,14.9 c2.2,2.2,2.2,5.5,0,7.6c-1,1-2.4,1.5-3.8,1.5c-1.4,0-2.8-0.5-3.8-1.5L50,57.6L35.1,72.5c-1,1-2.4,1.5-3.8,1.5 c-1.4,0-2.8-0.5-3.8-1.5c-2.2-2.2-2.2-5.5,0-7.6L42.4,50L27.5,35.1z'/%3E%3C/svg%3E%0A");
	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 100 100'%3E%3Cpath d='M50,99L50,99c27,0,49-22,49-49l0,0C99,23,77,1,50,1l0,0C23,1,1,23,1,50l0,0C1,77,23,99,50,99z M27.5,35.1 c-2.2-2.2-2.2-5.5,0-7.6s5.5-2.2,7.6,0L50,42.4l14.9-14.9c2.2-2.2,5.5-2.2,7.6,0s2.2,5.5,0,7.6L57.6,50l14.9,14.9 c2.2,2.2,2.2,5.5,0,7.6c-1,1-2.4,1.5-3.8,1.5c-1.4,0-2.8-0.5-3.8-1.5L50,57.6L35.1,72.5c-1,1-2.4,1.5-3.8,1.5 c-1.4,0-2.8-0.5-3.8-1.5c-2.2-2.2-2.2-5.5,0-7.6L42.4,50L27.5,35.1z'/%3E%3C/svg%3E%0A");
}

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

.dt-sc-warning-box:before {
	content: "";
	color: #e2b828;
	-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 100 100'%3E%3Cpath d='M98,82.1L56.6,10.3c-2.9-5.1-10.3-5.1-13.2,0L2,82.1c-2.9,5.1,0.7,11.4,6.6,11.4h82.7C97.2,93.6,100.9,87.2,98,82.1z M50.2,82.5c-2.8,0-5.1-2.4-5.1-5.3c0-2.9,2.3-5.3,5.1-5.3s5.1,2.4,5.1,5.3C55.4,80.1,53.1,82.5,50.2,82.5z M55.6,35.5L53.7,64 c-0.1,1.9-1.7,3.4-3.7,3.4c-1.9,0-3.5-1.5-3.7-3.4l-1.9-28.6c-0.2-3.2,2.3-6,5.6-6C53.2,29.5,55.8,32.2,55.6,35.5z'/%3E%3C/svg%3E%0A");
	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 100 100'%3E%3Cpath d='M98,82.1L56.6,10.3c-2.9-5.1-10.3-5.1-13.2,0L2,82.1c-2.9,5.1,0.7,11.4,6.6,11.4h82.7C97.2,93.6,100.9,87.2,98,82.1z M50.2,82.5c-2.8,0-5.1-2.4-5.1-5.3c0-2.9,2.3-5.3,5.1-5.3s5.1,2.4,5.1,5.3C55.4,80.1,53.1,82.5,50.2,82.5z M55.6,35.5L53.7,64 c-0.1,1.9-1.7,3.4-3.7,3.4c-1.9,0-3.5-1.5-3.7-3.4l-1.9-28.6c-0.2-3.2,2.3-6,5.6-6C53.2,29.5,55.8,32.2,55.6,35.5z'/%3E%3C/svg%3E%0A");
}

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

.dt-sc-success-box:before {
	content: "";
	color: #75b632;
	-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 100 100'%3E%3Cpath d='M50,1C22.9,1,1,22.9,1,50s21.9,49,49,49s49-21.9,49-49S77.1,1,50,1z M71.1,41.4L44,68.6c-0.4,0.4-0.9,0.7-1.4,1 c-1.6,0.6-3.5,0.3-4.7-1L24.2,54.9c-1.7-1.7-1.7-4.5,0-6.2c1.7-1.7,4.5-1.7,6.2,0l10.6,10.6L65,35.3c1.7-1.7,4.5-1.7,6.2,0 C72.8,37,72.8,39.7,71.1,41.4L71.1,41.4z'/%3E%3C/svg%3E%0A");
	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 100 100'%3E%3Cpath d='M50,1C22.9,1,1,22.9,1,50s21.9,49,49,49s49-21.9,49-49S77.1,1,50,1z M71.1,41.4L44,68.6c-0.4,0.4-0.9,0.7-1.4,1 c-1.6,0.6-3.5,0.3-4.7-1L24.2,54.9c-1.7-1.7-1.7-4.5,0-6.2c1.7-1.7,4.5-1.7,6.2,0l10.6,10.6L65,35.3c1.7-1.7,4.5-1.7,6.2,0 C72.8,37,72.8,39.7,71.1,41.4L71.1,41.4z'/%3E%3C/svg%3E%0A");
}

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

.dt-sc-info-box:before {
	content: "";
	color: #008bc1;
	-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 100 100' xml:space='preserve'%3E%3Cpath d='M50,1C22.9,1,1,22.9,1,50s21.9,49,49,49s49-21.9,49-49l0,0C99,23,77,1,50,1z M50,83.1c-3,0-5.4-2.4-5.4-5.4 c0-3,2.4-5.4,5.4-5.4c3,0,5.4,2.4,5.4,5.4C55.4,80.7,53,83.1,50,83.1L50,83.1z M57.8,25.5l-3.5,36.4c-0.2,2.4-2.3,4.1-4.7,3.9 c-2.1-0.2-3.7-1.8-3.9-3.9l-3.5-36.4c-0.4-4.3,2.8-8.1,7.1-8.5c4.3-0.4,8.1,2.8,8.5,7.1C57.8,24.5,57.8,25,57.8,25.5L57.8,25.5z'/%3E%3C/svg%3E%0A");
	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 100 100' xml:space='preserve'%3E%3Cpath d='M50,1C22.9,1,1,22.9,1,50s21.9,49,49,49s49-21.9,49-49l0,0C99,23,77,1,50,1z M50,83.1c-3,0-5.4-2.4-5.4-5.4 c0-3,2.4-5.4,5.4-5.4c3,0,5.4,2.4,5.4,5.4C55.4,80.7,53,83.1,50,83.1L50,83.1z M57.8,25.5l-3.5,36.4c-0.2,2.4-2.3,4.1-4.7,3.9 c-2.1-0.2-3.7-1.8-3.9-3.9l-3.5-36.4c-0.4-4.3,2.8-8.1,7.1-8.5c4.3-0.4,8.1,2.8,8.5,7.1C57.8,24.5,57.8,25,57.8,25.5L57.8,25.5z'/%3E%3C/svg%3E%0A");
}

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

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

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

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

.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%;
}


#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;
}


/* 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,
.form-control.dtstaff-drop-down .button,
.dt-sc-reservation-form .form-control.dtstaff-drop-down .button,
.filter-search .search-input,
.filter-select,
.date-input,
#viewreservelogin p input[type=text],
#viewreservelogin p input[type=password],
#viewreservelogin p input,
[class*="dt-sc-reserve-appointment"] select,
.dt-sc-reservation-form select,
[class*="dt-sc-view-reservations"] select {
	background-color: var(--wdt_Booking_BodyBGColor);
	border-width: 1px;
	border-style: solid;
	border-color: var(--wdt_Booking_BorderColor);
	font-weight: var(--wdtFontWeight_Base, 500);
	font-size: var(--wdtFontSize_Base,16px);
	color: var(--wdt_Booking_BodyTxtColor);
	font-family: unset;
	padding: var(--wdtInputPadding, 14px 24px);
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: flex;
	align-items: center;
}

[class*="dt-sc-reserve-appointment"] .form-control.dtstaff-drop-down .button,
.dt-sc-reservation-form .form-control.dtstaff-drop-down .button {
	padding-left: 65px;
	padding-right: 50px;
}

/* Focus Styles */

[class*="dt-sc-reserve-appointment"] input[type="text"]:focus,
[class*="dt-sc-reserve-appointment"] input[type="password"]:focus,
[class*="dt-sc-reserve-appointment"] input[type="email"]:focus,
[class*="dt-sc-reserve-appointment"] input[type="url"]:focus,
[class*="dt-sc-reserve-appointment"] input[type="tel"]:focus,
[class*="dt-sc-reserve-appointment"] input[type="number"]:focus,
[class*="dt-sc-reserve-appointment"] input[type="range"]:focus,
[class*="dt-sc-reserve-appointment"] input[type="date"]:focus,
[class*="dt-sc-reserve-appointment"] input[type="search"]:focus,
[class*="dt-sc-reserve-appointment"] input.text:focus,
[class*="dt-sc-reserve-appointment"] textarea:focus,
[class*="dt-sc-reserve-appointment"] select:focus,
[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-search .select2-search__field:focus,
[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-search--dropdown .select2-search__field:focus,
[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-search--inline .select2-search__field:focus,
[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-selection--single:focus,
[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-selection--multiple:focus,

.dt-sc-reservation-form input[type="text"]:focus,
.dt-sc-reservation-form input[type="password"]:focus,
.dt-sc-reservation-form input[type="email"]:focus,
.dt-sc-reservation-form input[type="url"]:focus,
.dt-sc-reservation-form input[type="tel"]:focus,
.dt-sc-reservation-form input[type="number"]:focus,
.dt-sc-reservation-form input[type="range"]:focus,
.dt-sc-reservation-form input[type="date"]:focus,
.dt-sc-reservation-form input[type="search"]:focus,
.dt-sc-reservation-form input.text:focus,
.dt-sc-reservation-form textarea:focus,
.dt-sc-reservation-form select:focus,
.dt-sc-reservation-form .select2-container.select2-container--default .select2-search .select2-search__field:focus,
.dt-sc-reservation-form .select2-container.select2-container--default .select2-search--dropdown .select2-search__field:focus,
.dt-sc-reservation-form .select2-container.select2-container--default .select2-search--inline .select2-search__field:focus,
.dt-sc-reservation-form .select2-container.select2-container--default .select2-selection--single:focus,
.dt-sc-reservation-form .select2-container.select2-container--default .select2-selection--multiple:focus,

[class*="dt-sc-reserve-appointment"] .form-control.dtstaff-drop-down .button:focus,
.dt-sc-reservation-form .form-control.dtstaff-drop-down .button:focus,
.dt-sc-schedule-box .select-list-link:focus,
.dt-sc-reserve-appointment .select-list-link:focus,
.filter-search .search-input:focus,
.filter-select:focus,
.date-input:focus,
#viewreservelogin p input[type=text]:focus,
#viewreservelogin p input[type=password]:focus,
#viewreservelogin p input:focus,
[class*="dt-sc-reserve-appointment"] select:focus,
.dt-sc-reservation-form select:focus,
[class*="dt-sc-view-reservations"] select:focus {
	outline: none;
	border-color: var(--wdt_Booking_PrimaryColor);
	box-shadow: none;
}

.select2-container--default .select2-search .select2-search__field:focus,
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
	outline: none;
	border-color: var(--wdt_Booking_PrimaryColor) !important;
	box-shadow: none;
}

[class*="dt-sc-view-reservations"] select:focus {
	outline: none;
	border-color: var(--wdt_Booking_PrimaryColor);
	box-shadow: none;
}

select[name="start-time"]+.select2-container .select2-selection__rendered,
select[name="end-time"]+.select2-container .select2-selection__rendered {
	text-transform: uppercase;
}

[class*="dt-sc-reserve-appointment"] select,
.dt-sc-reservation-form select,
[class*="dt-sc-view-reservations"] select {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 20 11.8' style='enable-background:new 0 0 20 11.8;' xml:space='preserve'%3E%3Cpath d='M19.7,1L19,0.3C18.8,0.1,18.5,0,18.3,0c-0.3,0-0.6,0.1-0.8,0.3L10,7.8L2.5,0.3C2.3,0.1,2,0,1.7,0S1.2,0.1,1,0.3L0.3,1 c-0.4,0.4-0.4,1.1,0,1.5l8.9,8.9c0.2,0.2,0.5,0.4,0.8,0.4h0c0.3,0,0.6-0.1,0.8-0.4l8.9-8.9C19.9,2.3,20,2.1,20,1.8 C20,1.5,19.9,1.2,19.7,1z'/%3E%3C/svg%3E");
	background-position: calc(100% - clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem));
	background-repeat: no-repeat;
	background-size: clamp(0.625rem, 0.6rem + 0.125vw, 0.75rem);
	text-indent: 0.01px;
	text-overflow: '';
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

[class*="dt-sc-view-reservations"] select#items-per-page-select {
	background-image: none;
	padding: 8px;
	min-height: auto;
	text-align: center;
}

[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;
}

[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: #d01313;
}

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

[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;
	display: inline-block;
	font-size: inherit;
	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 {
	border-color: var(--wdt_Booking_BorderColor);
	color: var(--wdtBodyTxtColor, #555555);
}

[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default.select2-container--open .select2-selection--single,
[class*="dt-sc-reserve-appointment"] .select2-container--default.select2-container--open .select2-selection--single,
[class*="dt-sc-reserve-appointment"] .select2-container--default.select2-container--open .select2-selection--single {
	border-color: var(--wdt_Booking_PrimaryColor);
}

[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: var(--wdt_Booking_HeadAltColor);
}

[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: 1rem;
	padding: 0;
	padding-right: 50px;
}

[class*="dt-sc-reserve-appointment"] .select2-container {
	width: 100%;
}

[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered::after {
	right: 0;
}

option:first-child {
	display: none;
}


div[class*="dt-sc-view-reservations"] h3 {
	margin-top: 0rem;
	margin-bottom: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem);
	/*30px - 20px*/
}

[class*="dt-sc-reserve-appointment"] .chkterms-holder,
[class*="dt-sc-reserve-appointment"] .cancellation-policy-content {
	display: flex;
	align-items: start;
	font-size: var(--wdtFontSize_Base,16px);
	position: relative;
}

.form-control input[name="captcha"] {
	width: 100%;
}

.form-control input[name="captcha"]+.dt-sc-captcha,
.form-control input[name="captcha"]+label+.dt-sc-captcha {
	background: var(--wdt_Booking_HeadAltColor);
	color: var(--wdt_Booking_AccentTxtColor);
	display: flex;
	font-size: var(--wdtFontSize_H5,24px);
	font-weight: var(--wdtFontWeight_Ext,600);
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	height: 100%;
	min-height: 60px;
	border-radius: var(--wdt_Booking_Radius_2X);
	-webkit-border-radius: var(--wdt_Booking_Radius_2X);
}

[class*="dt-sc-reserve-appointment"] label,
#viewreservelogin label,
.dt-sc-appointment-contactdetails-form>p {
	display: inline-block;
	color: var(--wdt_Booking_HeadAltColor);
	margin-bottom: 15px;
	width: 100%;
	font-size: var(--wdtFontSize_Base, 16px);
	font-weight: var(--wdtFontWeight_Alt, 500);
}

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

.form-control {
	clear: both;
	position: relative;
	margin-bottom: 30px;
}

.form-control input,
.form-control select {
	margin: 0;
	width: 100%;
	line-height: 1;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.form-control select {
	line-height: 1;
	display: block;
	padding-right: 50px;
}

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

.form-calendar-icon input,
.filter-date-range input {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 92.6 100' style='enable-background:new 0 0 92.6 100;' xml:space='preserve'%3E%3Cpath d='M40.9,40.9h-7.3v7.3h7.3V40.9z'/%3E%3Cpath d='M59,40.9h-7.3v7.3H59V40.9z'/%3E%3Cpath d='M73.5,40.9h-7.3v7.3h7.3V40.9z'/%3E%3Cpath d='M40.9,59.1h-7.3v7.3h7.3V59.1z'/%3E%3Cpath d='M22.7,59.1h-7.3v7.3h7.3V59.1z'/%3E%3Cpath d='M59,59.1h-7.3v7.3H59V59.1z'/%3E%3Cpath d='M73.5,59.1h-7.3v7.3h7.3V59.1z'/%3E%3Cpath d='M40.9,73.6h-7.3v7.3h7.3V73.6z'/%3E%3Cpath d='M59,73.6h-7.3v7.3H59V73.6z'/%3E%3Cpath d='M22.7,73.6h-7.3v7.3h7.3V73.6z'/%3E%3Cpath d='M26.3,19.1c-2,0-3.6-1.7-3.6-3.7V4.7c0-2.1,1.6-3.7,3.6-3.7c2,0,3.6,1.7,3.6,3.7v10.7C30,17.5,28.3,19.1,26.3,19.1 L26.3,19.1z'/%3E%3Cpath d='M66.3,19.1c-2,0-3.6-1.7-3.6-3.7V4.7c0-2.1,1.6-3.7,3.6-3.7c2,0,3.6,1.7,3.6,3.7v10.7C69.9,17.5,68.3,19.1,66.3,19.1 L66.3,19.1z'/%3E%3Cpath d='M74.7,8.3h-0.9v4.9c0,3.4-2.7,6.1-6.1,6.1s-6.1-2.7-6.1-6.1V8.3H31v4.9c0,3.4-2.7,6.1-6.1,6.1s-6.1-2.7-6.1-6.1V8.3h-0.9 c-9.4,0-17,7.6-17,17V82c0,9.4,7.6,17,17,17h56.7c9.4,0,17-7.6,17-17V25.3C91.7,15.9,84,8.3,74.7,8.3z M84.9,82 c0,5.6-4.6,10.2-10.2,10.2H17.9c-5.6,0-10.2-4.6-10.2-10.2V32.2h77.1V82z'/%3E%3C/svg%3E");
	background-position: calc(100% - clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem));
	background-repeat: no-repeat;
	background-size: 20px; 
}

.dt-sc-appointment-wrapper .dt-sc-title {
	margin: 0 0 clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem); /* 30 - 20 */ text-align:center;
}

.dt-sc-appointment-wrapper .dt-sc-title > * {
	margin: 0;
}
.dt-sc-appointment-wrapper.type-3 .dt-sc-title {
	    text-transform: capitalize;
		text-align: start;
		font-size: clamp(1.75rem, 1.4211rem + 1.3158vw, 3rem); /* Min-28 & Max-48 */
}


.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;
}


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

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


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

.total-cinfo-wrapper {
	background-color: var(--wdt_Booking_AccentTxtColor);
	float: left;
	padding: 20px;
	width: 100%;
	-webkit-border-radius: var(--wdt_Booking_Radius_2X);
	border-radius: var(--wdt_Booking_Radius_2X);
	-webkit-box-shadow: unset;
	box-shadow: unset;
	margin: 0px 0px clamp(0.625rem, 0.375rem + 1.25vw, 1.875rem); /* 30px - 10 */
	color: var(--wdt_Booking_HeadAltColor);
	border: 1px solid var(--wdt_Booking_BorderColor);
	font-size: var(--wdtFontSize_Base, 16px);
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.total-cinfo-wrapper>span {
	margin-bottom: 10px;
	padding-bottom: 12px;
}

.total-cinfo-wrapper>span.dt-sc-display-timing {
	margin-bottom: 0;
	padding-bottom: 0;
}

.total-cinfo-wrapper .total-cinfo-label {
	font-weight: var(--wdtFontWeight_Ext, 500);
	font-size: var(--wdtFontSize_H6, 18px);
	margin-right: 5px;
}

.total-cinfo-wrapper>*:not(:nth-last-child(-n+4)) {
	border-bottom: 1px solid var(--wdt_Booking_BorderColor);
}

.total-cinfo-wrapper>br {
	display: none;
}

.ubpro-info {
	font-size: var(--wdtFontSize_Base, 16px);
	margin-bottom: 40px;
}

.ubpro-info a {
	font-weight: var(--wdtFontWeight_Ext, 500);
}

.ubpro-info a:focus {
	outline: none;
}

#ubpro-login-form p:has(> input[type="checkbox"]) {
	display: flex;
}

#ubpro-login-form {
	position: relative;
	background-color: var(--wdt_Booking_AccentTxtColor);
	margin: 30px auto 30px;
	max-width: 600px;
	padding: clamp(1.25rem, 0.9615rem + 1.2821vw, 2.5rem)
		/* 20px - 40px */
	;
	border: 1px solid var(--wdt_Booking_BorderColor);
	border-radius: var(--wdtRadius_2X);
}

#ubpro-login-form .lost-password-link {
	display: inline-block;
	margin-bottom: 0;
}

#ubpro-login-form p:has(> button[type="submit"]) {
	display: inline-block;
	margin-bottom: 0;
	margin-right: 20px;
}

#ubpro-login-form p button[type="submit"] {
	margin: 0;
}

#ubpro-login-form p input[type="checkbox"]+label {
	font-weight: var(--wdtFontWeight_Base, 16px);
	margin-bottom: 0;
}

#ubpro-login-form p:not(:last-child) {
	margin-bottom: 20px;
}

.lost_password>a,
.lost-password-link a {
	font-weight: var(--wdtFontWeight_Ext, 500);
	font-size: var(--wdtFontSize_Base, 16px);
}

/* Popup Styles */

.dt-sc-confirm-modal .dt-sc-modal-content {
	margin: auto;
	border-radius: var(--wdt_Booking_Radius_2X);
}

.dt-sc-confirm-modal .dt-sc-modal-footer .cancel-confirm:hover {
	background-color: var(--wdt_Booking_PrimaryColor);
    color: var(--wdt_Booking_AccentTxtColor);
}

/*** Reservation II Styles ***/



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

.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: 30px;
	padding-bottom: 0;
	display: inline-block;
	width: 100%;
}

.dt-sc-notification-box.steps.step3 .dt-sc-notification-details ul li p {
	margin-bottom: 0;
	font-size: 18px;
}

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

.dt-sc-notification-box.steps.step3 .dt-sc-notification-details ul li span {
	font-weight: var(--wdtFontWeight_Ext, 500);
	float: left;
	width: 100%;
	position: static;
	font-size: var(--wdtFontSize_H5, 24px);
	color: var(--wdt_Booking_HeadAltColor);
	text-align: left;
	margin-bottom: 5px;
}

.dt-sc-notification-box.steps.step3 .dt-sc-notification-details ul li span.price {
	font-weight: var(--wdtFontWeight_Base, 400);
	font-size: 18px;
}

.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;
}


.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: var(--wdtFontSize_Base, 16px);
	font-style: normal;
	opacity: 1;
}




.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;
}

.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: var(--wdt_Booking_PrimaryColor);
	color: var(--wdt_Booking_AccentTxtColor);
}

/*============================== 
	Reservation Form
============================== */
.dt-sc-view-reservations .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered { 
	display: inline-flex; align-items: center; height: 100%; min-height: 60px; }

.dt-sc-view-reservations .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered#select2-items-per-page-select-container { min-height: 40px; }
.dt-sc-view-reservations .select2-container.select2-container--default .select2-selection--single,
.dt-sc-view-reservations .select2-container--default.select2-container--open.select2-container--above .select2-selection--single { padding: 0 30px; padding-right: 50px; }
.dt-sc-view-reservations .items-per-page .select2-container.select2-container--default .select2-selection--single { padding: 0 30px; padding-right: 50px; }


.dt-appointment-form .column:not(:last-child) {
	margin-bottom: 20px;
}

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

.dt-appointment-form .column input[type=text]:focus,
.dt-appointment-form .column select:focus {
	border-color: var(--wdt_Booking_PrimaryColor);
}

.dt-sc-reservation-form.dt-appointment-form .wdt-form-footer .input-wrap {
	display: flex;
	margin-top: 20px;
}

.dt-sc-reservation-form.dt-appointment-form .wdt-form-footer .input-wrap p {
	margin-bottom: 0px;
}

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

.dt-sc-reservation-form.dt-appointment-form input[type="submit"] {
	background-color: var(--wdt_Booking_PrimaryColor);
}

.dt-sc-reservation-form.dt-appointment-form input[type="submit"]:hover,
.dt-sc-reservation-form.dt-appointment-form input[type="submit"]:focus {
	background-color: rgba(var(--wdtPrimaryColorRgb, 75,99,85),0.75);
}

.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: var(--wdt_Booking_AccentTxtColor);
	color: var(--wdt_Booking_LinkHoverColor);
}

.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: var(--wdt_Booking_AccentTxtColor);
}


.dt-sc-dark-bg .dt-appointment-form select,
.dt-sc-dark-bg .dt-appointment-form input[type=text] {
	color: var(--wdt_Booking_AccentTxtColor);
	border-color: var(--wdt_Booking_AccentTxtColor);
}

.dt-sc-dark-bg .dt-appointment-form select option {
	color: var(--wdt_Booking_AccentTxtColor);
}

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

.app-form .dt-appointment-form .dt-sc-button {
	width: 100%;
	background-color: var(--wdt_Booking_AccentTxtColor);
	margin: 26px 0 0;
}

.app-form .dt-appointment-form .dt-sc-button:hover {
	color: var(--wdt_Booking_AccentTxtColor);
}


/*============================== 
	Services Single Styles 
============================== */

.dt_service-single {
	width: 100%;
}

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

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;
}
.select2-results{ padding-top:10px !important;  }

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


/* ============================== 
	Staff Single Styles 
============================== */

.dt_staff-single {
	width: 100%;
}

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

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

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

.booking-pagination {
	clear: both;
}

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


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

.tbl-view-reservations td,
.tbl-view-reservations th {
	font-size: var(--wdtFontSize_Base, 16px);
	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;
	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: var(--wdt_Booking_PrimaryColor);
	border-radius: 50%;
	color: var(--wdt_Booking_AccentTxtColor);
}

.staff-info .dt-sc-team-social li a:hover,
.staff-info .dt-sc-team-social li a:focus {
	background-color: var(--wdt_Booking_SecondaryColor);
}

.staff-info h2 {
	font-size: 36px;
	font-weight: var(--wdtFontWeight_H2, 600);
	margin: 30px 0 10px;
}

.staff-info h6 {
	font-size: 18px;
	margin: 10px 0 clamp(1.5625rem, 1.2509rem + 1.0409vw, 2.5rem);
	letter-spacing: 0;
	text-transform: capitalize;
	font-weight: var(--wdtFontWeight_Base, 400);
	color: var(--wdt_Booking_LinkHoverColor);
}

.staff-info h4 {
	font-size: clamp(1.375rem, 1.3462rem + 0.1282vw, 1.5rem);
	/* Min-22 & Max-24 */
	;
	color: var(--wdt_Booking_HeadAltColor);
	font-weight: var(--wdtFontWeight_H2, 600);
	margin: 30px 0 10px;
}

.staff-info p {
	font-size: var(--wdtFontSize_Base, 18px);
	color: var(--wdt_Booking_BodyTxtColor);
	font-weight: var(--wdtFontWeight_Base, 400);
	margin: 0;
}

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

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


.img-hover img {
	transition: var(--wdt_Booking_Ad-Transition);
	-moz-transition: var(--wdt_Booking_Ad-Transition);
	-webkit-transition: var(--wdt_Booking_Ad-Transition);
}

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

.notify-buttons-wrapper {
	margin: 0px 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 {
	display: flex;
	align-items: center;
	margin-top: 0;
	padding-left: 65px;
	position: relative;
	width: 100%;
}

.form-control.dtstaff-drop-down:has(ul.dt-active) .button {
    border-color: var(--wdt_Booking_PrimaryColor);
   
}

.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 .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: 6px;
	border-right-width: 6px;
}

.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 {
	width: 100%;
}

.form-control.dtstaff-drop-down .staffloader {
    position: absolute;
    pointer-events: none;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    z-index: 99999;
    margin: auto;
    width: 20px;
    height: 20px;
    left: 12px;
    right: auto;
}

.form-control.dtstaff-drop-down .staffloader img {
	width: 20px;
	height: 20px;
	margin: 8px;
}

.form-control.dtstaff-drop-down .button>span:first-child {
	position: absolute;
	width: 40px;
	height: 40px;
	left: 10px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
    border: 1px solid var(--wdt_Booking_BorderColor);
}

.form-control.dtstaff-drop-down .button span {
	padding: 0;
	color: var(--wdt_Booking_BodyTxtColor);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-radius:var(--wdt_Booking_Radius_1X);
	-webkit-border-radius: var(--wdt_Booking_Radius_1X);
}

.form-control.dtstaff-drop-down .button span.dropdown-arrow {
	position: absolute;
	top: 1px;
	right: 1px;
	width: 20px;
	height: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 25px;
	display: flex;
}

.form-control.dtstaff-drop-down .button span.dropdown-arrow b {
	content: "";
	display: block;
	margin: auto;
	border-color: #888 transparent transparent;
	border-style: solid;
	border-width: 5px 6px 0;
	height: 0;
	left: 50%;
	margin-left: -4px;
	margin-top: -2px;
	position: absolute;
	top: 50%;
	width: 0;
}

.form-control.dtstaff-drop-down:has(ul.dt-active) .button span.dropdown-arrow b {
	border-color: transparent transparent #888;
    border-width: 0 4px 5px;
}

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

.form-control.dtstaff-drop-down .select-list {
	max-height: 235px;
	overflow-y: auto;
	background-color: var(--wdt_Booking_AccentTxtColor);
	margin: 8px 0 0;
	padding: 10px;
	top: 100%;
	width: 100%;
	z-index: 3;
	border: 1px solid var(--wdt_Booking_BorderColor);
	border-radius: var(--wdt-booking-Radius_Zero);
	transition: var(--wdt-booking-Alt_Transition);
	-webkit-transition: var(--wdt-booking-Alt_Transition);
	opacity: 0;
	visibility: hidden;
	-webkit-box-shadow: 0 4px 5px rgba(var(--wdtHeadAltColorRgb), 0.15), 0 0px 0 0 rgba(var(--wdtHeadAltColorRgb), 0.15);
	box-shadow: 0 4px 5px rgba(var(--wdtHeadAltColorRgb), 0.15), 0 0px 0 0 rgba(var(--wdtHeadAltColorRgb), 0.15);
	border-radius: var(--wdtRadius_2X);
}

.form-control.dtstaff-drop-down .select-list.dt-active {
	opacity: 1;
	visibility: visible;
}

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

/* .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 {
	grid-template-columns: auto 1fr;
	width: 100%;
	height: fit-content !important;
	cursor: pointer;
	gap: 16px;
	align-items: center;
	padding: 5px 10px;
	height: 100%;
	transition: var(--wdt-booking-Base_Transition);
	-webkit-transition: var(--wdt-booking-Base_Transition);
	list-style: none;
	background-color: transparent;
	border-color: var(--wdt_Booking_BorderColor);
	border-style: solid;
	border-width: 0;
	border-radius: var(--wdt_Booking_Radius_2X);
	-webkit-border-radius: var(--wdt_Booking_Radius_2X);
}

.form-control.dtstaff-drop-down .select-list li:not(:last-child) {
	margin-bottom: 5px;
}

.select-list.dt-active li.wdt-cla-anchors {
    transition: var(--wdt_Booking_BaseTransition);
}

.form-control.dtstaff-drop-down .select-list li:not(:first-child):hover {
	background-color: var(--wdt_Booking_PrimaryColor);
	color: var(--wdt_Booking_AccentTxtColor);
}

/* .form-control.dtstaff-drop-down .select-list li:first-child { padding-top: 15px; }
.form-control.dtstaff-drop-down .select-list li:last-child { padding-bottom: 15px; } */

.form-control.dtstaff-drop-down .select-list li span {
	display: inline-block;
	min-height: unset;
	min-width: unset;
	width: 100%;
	padding: 0;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	font-size: var(--wdtFontSize_Base, 16px);
	color: var(--wdt_Booking_BodyTxtColor);
	opacity: 1;
	max-width: none;
	white-space: nowrap;
	font-weight: var(--wdtFontSize_Base, 400);
	line-height: var(--wdtLineHeight_Base);
	font-style: normal;
}

.form-control.dtstaff-drop-down .select-list li:hover span,
.form-control.dtstaff-drop-down .select-list li:focus span {
	color: var(--wdt_Booking_AccentTxtColor);
}

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

.form-control.dtstaff-drop-down .select-list li span:not(.staff-role, .staff-name) {
	border: 1px solid var(--wdt_Booking_BorderColor);
	border-radius:var(--wdt_Booking_Radius_1X);
	-webkit-border-radius: var(--wdt_Booking_Radius_1X);
	padding: 0;
	width: 40px;
	height: 40px;
	position: relative;
	top: 4px;
	background-size: cover;
}

.form-control.dtstaff-drop-down .select-list li span.staff-role {
	position: relative;
	width: calc(100% - 66px);
	margin-left: 16px;
	top: 0;
}

.form-control.dtstaff-drop-down .select-list li span.staff-role:has(i:empty) .staff-name {
	top: 0px;
	transform: translateY(-50%);
	position: relative;
	color: var(--wdt_Booking_BodyTxtColor);
}

.form-control.dtstaff-drop-down .select-list li:not(:first-child):hover span.staff-role:has(i:empty) .staff-name {
	color: var(--wdt_Booking_AccentTxtColor);
	transition: var(--wdt_Booking_BaseTransition);
}

.form-control.dtstaff-drop-down .select-list li span.staff-role .staff-name:empty {
	display: none;
}

.form-control.dtstaff-drop-down .select-list li span.staff-role i {
	font-weight: var(--wdtFontWeight_Base, 400);
	font-style: normal;
	color: var(--wdt_Booking_HeadAltColor);
	font-size: var(--wdtFontSize_Ext, 14px);
	display: block;
	transition: var(--wdt-booking-Base_Transition);
	-webkit-transition: var(--wdt-booking-Base_Transition);
}

.form-control.dtstaff-drop-down .select-list li:hover span.staff-role i,
.form-control.dtstaff-drop-down .select-list li:focus span.staff-role i {
	color: var(--wdt_Booking_AccentTxtColor);
}

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

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

.form-control.dt-sc-captcha-holder {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}
.form-control.dt-sc-captcha-holder .dt-captcha-wrapper {
    position: relative;
}

.form-control .dt-captcha-wrapper + .dt-sc-captcha, .form-control .dt-captcha-wrapper + label + .dt-sc-captcha {
    background: var(--wdt_Booking_HeadAltColor);
    color: var(--wdt_Booking_AccentTxtColor);
    display: flex;
    font-size: 1.5em;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    height: 100%;
    min-height: 60px;
    border-radius: var(--wdtRadius_2X);
}


/* ==============================
	Date-Picker 
============================== */

.ui-datepicker.ui-widget {
    font-size: 1em;
    border-radius: var(--wdtRadius_2X);
    background-image: none;
    background-color: var(--wdtAccentTxtColor);
    border: none;
    padding: 15px;
    margin: 8px 0 0;
    width: 250px;
	/* top:20% !important; */
}

.ui-datepicker.ui-widget table {
	margin: 0px;
}

.ui-datepicker.ui-widget .ui-datepicker-title {
	font-family: var(--wdtFontTypo_Alt);
}

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

.ui-datepicker.ui-widget .ui-widget-header {
	background: none;
	border: none;
	padding: 4px 0;
	color: var(--wdt_Booking_HeadAltColor);
	font-size: 1rem;
	line-height: normal;
	position: relative;
}

.ui-datepicker.ui-widget .ui-state-default {
	padding: 2px;
	background-color: var(--wdt_Booking_BodyBGColor);
	text-align: center;
	background-image: none;
	border: 1px solid var(--wdt_Booking_BorderColor);
	font-size: 0.8rem;
	color: var(--wdt_Booking_BodyTxtColor);
}

.ui-datepicker.ui-widget .ui-state-highlight,
.ui-datepicker.ui-widget .ui-state-default:hover,
.ui-datepicker.ui-widget .ui-widget-content .ui-state-highlight,
.ui-datepicker.ui-widget .ui-widget-header .ui-state-highlight {
	color: var(--wdt_Booking_AccentTxtColor);
	background-color: var(--wdt_Booking_PrimaryColor);
	border-color: var(--wdt_Booking_PrimaryColor);
}

.ui-datepicker.ui-widget .ui-widget-content .ui-state-default,
.ui-datepicker.ui-widget .ui-widget-header .ui-state-default {
	background: none;
	border-image: none;
}

.ui-datepicker.ui-widget .ui-state-disabled,
.ui-datepicker.ui-widget .ui-widget-content .ui-state-disabled,
.ui-datepicker.ui-widget .ui-widget-header .ui-state-disabled {
	pointer-events: none;
}


.ui-datepicker.ui-widget th {
	background: none;
	color: var(--wdt_Booking_HeadAltColor);
	text-transform: none;
	font-family: var(--wdtFontTypo_Alt);
	font-size: 1rem;
	font-weight: var(--wdtFontWeight_Alt);
	padding: .3em;
}

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

.ui-datepicker.ui-widget .ui-datepicker-prev,
.ui-datepicker.ui-widget .ui-datepicker-next {
	top: 50%;
	transform: translateY(-50%);
	transform-origin: top center;
	cursor: pointer;
	background: none;
	border: none;
}

.ui-datepicker.ui-widget .ui-datepicker-prev {
	left: 0px;
}

.ui-datepicker.ui-widget .ui-datepicker-next {
	right: 0px;
	rotate: 180deg;
}

.ui-datepicker.ui-widget .ui-datepicker-prev>span.ui-icon,
.ui-datepicker.ui-widget .ui-datepicker-next>span.ui-icon {
	background-image: none;
	color: var(--wdt_Booking_LinkColor);
	-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 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E%3Cpath d='M73.5,0c0.8,0,1.7,0.3,2.4,1c1.3,1.3,1.3,3.4,0,4.7L31.3,50.3l43.9,43.9c1.3,1.3,1.3,3.4,0,4.7c-1.3,1.3-3.4,1.3-4.7,0 L24.1,52.7c-1.3-1.3-1.3-3.4,0-4.7l47-47C71.8,0.3,72.6,0,73.5,0L73.5,0z'%3E%3C/path%3E%3C/svg%3E");
	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 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E%3Cpath d='M73.5,0c0.8,0,1.7,0.3,2.4,1c1.3,1.3,1.3,3.4,0,4.7L31.3,50.3l43.9,43.9c1.3,1.3,1.3,3.4,0,4.7c-1.3,1.3-3.4,1.3-4.7,0 L24.1,52.7c-1.3-1.3-1.3-3.4,0-4.7l47-47C71.8,0.3,72.6,0,73.5,0L73.5,0z'%3E%3C/path%3E%3C/svg%3E");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	mask-position: center center;
	-webkit-mask-size: 90%;
	mask-size: 90%;
	background-color: currentColor;
	transition: var(--wdt_Booking_Ad-Transition);
}

.ui-datepicker.ui-widget .ui-datepicker-prev:hover>span.ui-icon,
.ui-datepicker.ui-widget .ui-datepicker-next:hover>span.ui-icon {
	color: var(--wdt_Booking_LinkHoverColor);
}

.ui-datepicker.ui-widget .ui-datepicker-header {
	background: none;
	border-image: none;
	border-radius: var(--wdtRadius_Zero);
	border-color: none;
}


/* ==============================
	Booking Checkbox Style
============================== */

.dt-sc-reservation-form .column .frm-group:has(> input[type="checkbox"]),
form[id*="reserveloginform"] p.login-remember label {
	display: inline-flex;
	align-items: baseline;
	margin: 0px;
	padding: 0px;
}

form[id*="reserveloginform"] p.login-remember label,
#viewreservelogin .login-remember label {
	font-weight: var(--wdtFontWeight_Base, 400);
}

.dt-sc-reservation-form input[type="checkbox"],
[class*="dt-sc-reserve-appointment"] input[type="checkbox"],
#viewreservelogin input[type=checkbox] {
	top: auto;
	opacity: 1;
	-webkit-appearance: none;
	appearance: none;
	min-width: 20px;
	min-height: 20px;
	height: 20px;
	border: 1px solid var(--wdt_Booking_BorderColor);
	-webkit-border-radius: var(--wdt_Booking_Radius_1X);
	border-radius: var(--wdt_Booking_Radius_1X);
	transform: translateY(-0.075em);
	display: inline-grid;
	place-content: center;
	background: transparent;
	padding: 0 0 !important;
	margin: 3px 11px 0 0 !important;
	cursor: pointer;
	outline: none;
}

#viewreservelogin input[type=checkbox] {
	max-width: 20px;
}

.dt-sc-reservation-form input[type="checkbox"]:before,
[class*="dt-sc-reserve-appointment"] input[type="checkbox"]:before,
#viewreservelogin input[type=checkbox]::before {
	content: "";
	width: 0.65em;
	height: 0.65em;
	clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
	transform: scale(0);
	transform-origin: bottom left;
	transition: 120ms transform ease-in-out;
	box-shadow: inset 1em 1em var(--wdt_Booking_PrimaryColor);
}

.dt-sc-reservation-form input[type="checkbox"]:checked:before,
#viewreservelogin input[type=checkbox]:checked:before,
[class*="dt-sc-reserve-appointment"] input[type="checkbox"]:checked:before {
	transform: scale(1);
}

.dt-sc-cancellation-policy-box .cancellation-policy-text {
    font-size: var(--wdtFontSize_Ext,14px);
    padding: 10px 15px;
    background-color: var(--wdt_Booking_TertiaryColor);
    margin: 20px 0;
    border-radius: var(--wdt_Booking_Radius_2X);
	-webkit-border-radius: var(--wdt_Booking_Radius_2X);
}

.dt-sc-cancellation-policy-box .cancellation-policy-text a {
	font-weight: var(--wdtFontWeight_Ext, 500);
}

.dt-sc-booking-reservation .dt-sc-button {
	margin: 20px 10px 0px;
}

.type-dt_service {
	margin-bottom: 150px;
}
.pagination:has(> div):empty

/* ==============================
	Placeholder CSS
============================== */

.frm-group {
	position: relative;
}

.frm-group .placeholder {
	position: absolute;
	top: 0;
	left: 0;
	font-size: var(--wdtFontSize_Base, 16px);
	text-transform: capitalize;
	pointer-events: none;
	opacity: 1;
	color: var(--wdt_Booking_BodyTxtColor);
	line-height: 1;
	bottom: 0;
	margin: auto 0;
	height: fit-content;
	padding: var(--wdt_Booking_InputPadding);
	transition: var(--wdt_Booking_Ad-Transition);

	display: none;
}

.frm-group:focus-within .placeholder {
	opacity: 0;
}


.frm-group .placeholder:has(~ input[aria-invalid="false"]) {
	display: none;
}

.frm-group label {
	color: var(--wdt_Booking_BodyTxtColor);
	font-weight: var(--wdtFontWeight_Base);
}

.frm-group .star {
	color: #d01313
}


/* ============================ 
	Form Error Style 
============================ */

label.error {
	color: #d01313;
}

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

form[class*="dt-sc-"] input[type=checkbox]+label.error {
	position: absolute;
	/* transform: translateY(calc(100% + 2px)); */
	font-size: var(calc (var(--wdtFontSize_Ext) - 2px), 12px);
}
.dt-sc-reserve-appointment.type1  form[class*="dt-sc-"] input[type=checkbox]+label.error {
	transform: translateY(calc(100% + 2px));
}



/* ============================
	 Booking form Login 
============================ */

form[id*="reserveloginform"] {
	background-color: var(--wdt_Booking_AccentTxtColor);
	margin: 30px auto 30px;
	max-width: 600px;
	padding: clamp(1.25rem, 0.9615rem + 1.2821vw, 2.5rem)
		/* 20px - 40px */
	;
	border: 1px solid var(--wdt_Booking_BorderColor);
}

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

form[id*="reserveloginform"]>p:not(:last-child) {
	margin: 0 0 20px;
}

form[id*="reserveloginform"] p label {
	margin: 0px;
	padding: 0 0 10px;
	width: 100%;
}

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

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

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

form[id*="reserveloginform"] p.login-submit {
	display: inline-block;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0px;
}

form[id*="reserveloginform"] p.login-submit>input[type="submit"] {
	margin: 0px;
}

form[id*="reserveloginform"] p.lost_password {
	display: inline-block;
	margin: 10px 0px;
}

form[id*="reserveloginform"] input[type=text],
form[id*="reserveloginform"] input[type=password] {
	width: 100%;
	padding: var(--wdtInputPadding, 14px 24px);
}


/* ============================
	Booking form Service Listing
============================ */

.dt-services-list {
	container: service / inline-size;
}

.dt-services-list .dt-sc-content-item {
	display: grid;
	grid-template-columns: .25fr 1fr;
	gap: 30px;
	background: var(--wdtAccentTxtColor);
	border-radius: var(--wdtRadius_2X);
}

.dt-services-list .dt-sc-service-item .service-details>div:not(:last-child),
.dt-services-list .dt-sc-service-item .service-details>div.dt-sc-content-title {
	margin-bottom: 0;
}

.dt-services-list .dt-sc-service-item .dt-sc-content-elements-group {
	display: grid;
	height: 100%;
}

.dt-services-list .dt-sc-service-item .dt-sc-content-elements-group img {
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: var(--wdtRadius_2X);
}

.dt-services-list .dt-sc-content-item .dt-sc-service-list-image { position: relative; }
.dt-services-list .dt-sc-content-item .dt-sc-service-list-image:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--wdtPrimaryColorRgb), .25);
    border-radius: var(--wdtRadius_2X);
}

.dt-services-list .dt-sc-service-item .service-details .dt-sc-content-title .dt-sc-service-title {
	font-size: var(--wdtFontSize_H5);
	margin-bottom: 10px;
}

.dt-services-list .dt-sc-service-item .dt-sc-service-meta ul .dt-sc-service-meta-item {
	font-size: var(--wdtFontSize_Ext);
}

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

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

.dt-services-list .dt-sc-service-item .service-details {
	padding-top: 0;
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	padding: 20px;
	padding-left: 0;
	padding-right: 40px;
	width: 100%;
	gap: 10px;
}

.dt-services-list .dt-sc-service-meta ul .dt-sc-service-meta-item:not(:last-child) {
	border: none;
}

.dt-services-list .dt-sc-service-item .service-details .dt-sc-content-button {
	grid-column: 2;
	grid-row: 1 / 3;
}

.dt-services-list .dt-sc-service-item .service-details .dt-sc-content-button a {
	margin: 0;
	background: transparent;
	color: var(--wdtHeadAltColor);
	border: 1px solid;
	border-radius: var(--wdtRadius_2X);
}

.dt-services-list .dt-sc-service-item .service-details .dt-sc-content-button a:hover {
	color: rgba(var(--wdtPrimaryColorRgb), .75)
}

@container service (width < 480px) {
	.dt-services-list .dt-sc-content-item {
		grid-template-columns: 1fr;
	}

	.dt-services-list .dt-sc-service-item .service-details {
		grid-template-columns: 1fr;
		padding: 30px;
		padding-top: 0;
		padding-left: 30px;
		padding-right: 30px;
	}

	.dt-services-list .dt-sc-service-item .service-details .dt-sc-content-button {
		grid-column: unset;
		grid-row: unset;
		margin-top: 10px;
	}
	.dt-services-list .dt-sc-service-item .dt-sc-service-meta ul{ display:flex; gap:10px; flex-wrap:wrap;  }

}

/* ============================== 
    AT Rules - responsive
============================== */

@media only screen and (min-width: 768px) and (max-width: 1599px) {}

@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-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;
		right: 0;
	}
}

@media only screen and (max-width:1025px) {

	.type1.expert-archive {
		margin-bottom: -980px;
	}

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

	.no-space {
		display: none;
	}

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

	.fw-section-2 {
		padding-right: 0;
	}
	.available-times .dt-sc-error-box, .available-times .dt-sc-warning-box, .available-times .dt-sc-success-box, .available-times .dt-sc-info-box {
		flex-direction: column;
	}
}

@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) {

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


@media only screen and (min-width:992px) and (max-width:1199px) {


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

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

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

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

@media only screen and (min-width:768px) and (max-width:991px) {

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

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

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

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

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

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

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

	.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%;
		margin: 0 auto;
		float: none;
		display: block;
	}
	.dt-sc-reservation-form.dt-appointment-form .wdt-form-footer .input-wrap{ margin-top:0; }

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

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

	.fullwidth-section-2.res-fullwidth-content {
		margin-top: 80px;
	}
	
	.dt-sc-error-box, .dt-sc-warning-box, .dt-sc-success-box, .dt-sc-info-box {
		margin-top: 20px 0px;
	}
	
	.available-times .dt-sc-error-box, .available-times .dt-sc-warning-box, .available-times .dt-sc-success-box, .available-times .dt-sc-info-box {
		margin-top: 30px 0px;
	}

}

@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: none;
		width: 100%;
	}

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

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

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


	.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;
		margin-right: auto;
	}

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

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

	/* .dt-sc-view-reservations { max-width: 420px; } */

	.dt-sc-view-reservations .tbl-view-reservation-container {
		clear: both;
	}

	/* .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;
	}


}

@media screen and (max-width: 767px) {
	.dt-sc-reserve-appointment.type1 .dt-sc-hr-invisible-small {
		display: none;
	}

	#personalinfo {
		margin-top: 40px;
	}
	
}

@media only screen and (max-width: 479px) {


	.tbl-view-reservations td,
	.tbl-view-reservations th {
		font-size: var(--wdtFontSize_Ext, 14px);
	}

	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: auto;
		clear: both;
		display: block;
	}

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

	/* .dt-sc-view-reservations { max-width: 290px; } */

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

	.form-control.dt-sc-captcha-holder {
		grid-template-rows: auto auto auto;
	}

	.form-control input[name="captcha"] {
		grid-area: 1 / 1 / 1 / 3;
	}

	.form-control input[name="captcha"]+.dt-sc-captcha,
	.form-control input[name="captcha"]+label+.dt-sc-captcha {
		grid-area: 2 / 1 / 2 / 3;
	}

	.available-times .dt-sc-title h3 {
		flex-direction: column;
		gap: 10px;
	}

}

.time-slot.disabled {
	pointer-events: none;
	opacity: 0.4;
	cursor: not-allowed;
}

.time-slots li span.time-slot.disabled {
	background: #e0e0e0;
	border-color: #ccc;
	display: inline-block;
	min-width: 100px;
	padding: 4px 16px;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: var(--wdt_Booking_Ad-Transition);
	transition: var(--wdt_Booking_Ad-Transition);
	font-size: 1rem;
}

/* Required field validation styling */
.dt-select-service.error,
.dt-select-staff.error {
	border: 2px solid #ff0000;
	background-color: #ffeeee;
}

.cancellation-warning {
	background: #ffcccc;
	padding: 10px;
	margin-bottom: 10px;
	border-left: 4px solid #ff0000;
}

/* Cancelled event styling */
.cancelled-event {
	background-color: #ffcccc !important;
	border-color: #ff0000 !important;
	opacity: 0.85;
}

.cancelled-event .wc-cal-event-title {
	text-decoration: line-through !important;
}

/* Optional: Add a subtle pattern for cancelled events */
.cancelled-event {
	background-image: repeating-linear-gradient(45deg, rgba(255, 0, 0, 0.1), rgba(255, 0, 0, 0.1) 10px, rgba(255, 0, 0, 0.05) 10px, rgba(255, 0, 0, 0.05) 20px);
}

/* Hover effect for cancelled events */
.cancelled-event:hover {
	background-color: #ffbbbb !important;
	cursor: not-allowed;
}

.form-control.dtstaff-drop-down>select {
	display: contents;
}

.dt-sc-error-staff,
.dt-sc-error-service,
label.error {
	display: none;
	color: #d9534f;
	font-size: 12px;
	margin-top: 5px;
	position: absolute;
	bottom: 2px;
	right: 25px;
	text-align: end;
	margin: 0;
	z-index: 1;
    width: calc(100% - 50px);
	pointer-events: none;
}
.dt-sc-booking-reservation.default label.error{ right:5px; }
.form-control.dt-sc-captcha-holder .dt-sc-booking-reservation.default label.error{ right:0; }
 
/* Staffs selection dropdown */

.select-list.dt-active li.wdt-cla-anchors:first-child {
	cursor: not-allowed;
	opacity: 0.7;
}

.form-control.dtstaff-drop-down .select-list li:first-child:hover span.staff-role .staff-name:empty+i {
	color: var(--wdt_Booking_BodyTxtColor);
}




/* ============================
	Booking form Service Listing - archive page
============================ */


.archive  .dt-sc-service-container .dt-sc-content-group .dt-sc-button:nth-child(1){
    display:none;
}

.archive  .dt-sc-service-container .image{
	
    border-radius: var(--wdtRadius_2X);
    overflow: hidden;

}

/* .archive  .dt-sc-service-container .image,
.archive  .dt-sc-service-container .image-item,
.archive  .dt-sc-service-container .image-item img{
	height:100%; object-fit:cover; background-position:center;
} */

.archive .type-dt_service{ z-index:1; position: relative; margin-bottom:0; }
.archive .dt-sc-service-item img{ transform:scale(1); transition:var(--wdt-Ad-Transition);  }
.archive .dt-sc-service-item:hover img{ transform:scale(1.1); }


/* Radio-btn-style */


.form-control.package-options {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 8px;
  margin-bottom:0;
}


.form-control.package-options label.radio-option {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  font-size: 15px;
  color: var(--wdtBodyTxtColor)
}


.form-control.package-options input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  min-width: 20px;
  margin: 0;
 border: 1px solid var(--wdtBorderColor);
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  transition: border-color 0.2s ease;
}

.form-control.package-options input[type="radio"]:checked {
  border-color:var(--wdtPrimaryColor); 
}

.form-control.package-options input[type="radio"]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  background:var(--wdtPrimaryColor);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.dt-sc-appointment-wrapper.type-4 .column.dt-sc-one-third{ margin-left:0; }