.ph-profile {
	padding: 0 50px;
	margin-top: 25px
}

#ph-profile-st1.hide, #ph-profile-st2.hide, #ph-profile-st3.hide {
	display: none
}

#ph-profile-st2 {
	display: flex;
	flex-direction: column;
	min-height: 400px;
	padding: 80px 0;
}

#ph-profile-st3 {
	padding-bottom: 80px;
}

.ph-profile-st2-r1, .ph-profile-st2-r2, .ph-profile-st2-r3 {
	display: flex;
}

.ph-profile-st2-r1 {
	justify-content: center;
	display: none
}

.ph-profile-st2-r2 {
	flex-direction: column;
	padding: 50px;
}

.ph-profile-st2-r1-content {
	width: 60%
}

.ph-profile-st2-r1-content h2 {
	text-align: right;
	direction: rtl;
	margin-top: 40px;
}

.ph-profile-st2-r1-content h3 {
	font-size: 10pt;
	text-align: right;
	direction: rtl;
	margin-top: 10px;
}

.ph-profile-st2-r1-img {
	width: 30%;
}

.ph-profile-st2-r1-img img {
	width: 100%
}

.ph-profile-st2-r2 h2 {
	text-align: right;
	direction: rtl;
	margin-bottom: 20px
}

.ph-profile-st2-r2 p {
	text-align: right;
	direction: rtl
}

.ph-profile-st2-r2 .space-rules {
	width: 200px;
	height: 50px;
	display: block;
	margin: 15px auto;
}

.ph-profile-st2-r3 {
	display: flex;
	justify-content: center;
	gap: 10px;
}

.ph-profile-st2-r3 button {
	width: 150px;
	border-radius: var(--main-border-radius);
	cursor: pointer;
	opacity: 0.9;
	margin-top: 21px
}

.ph-profile-st2-r3 button:hover {
	opacity: 1
}

.ph-profile-st2-r3 button:first-child {
	background-color: var(--main-white);
	color: var(--main-blue);
	height: 37px !important;
	border: 1px solid var(--main-blue);
}

.ph-profile-st2-r3 button:last-child {
	margin-right: 10px;
	background-color: var(--main-blue);
	color: var(--main-white);
}

.ph-pro-modal-freeHours {
	position: fixed;
	top: 30%;
	margin: 0 auto;
	left: 0;
	right: 0;
	width: 600px;
	padding: 30px;
	display: flex;
	flex-direction: column;
	background-color: var(--main-white);
	border-radius: var(--main-border-radius-modal);
	box-shadow: var(--main-box-shadow-modal);
	z-index: -1;
	opacity: 0;
}

.ph-pro-modal-freeHours.show {
	z-index: 9999;
	opacity: 1
}

.calendar-modal-type {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: var(--main-font-size-10);
	background-color: var(--main-blue);
	border-radius: var(--main-border-radius);
	padding: 4px 10px;
	color: var(--main-white);
}

.ph-modal-freeHours-time {
	width: 100%
}

.ph-modal-freeHours-time-body .ph-modal-freeHours-time-item:not(.ph-modal-freeHours-time-item:last-of-type) {
	border-bottom: 1px solid #EEE;
}

.ph-modal-freeHours-time-body .ph-modal-freeHours-time-hour {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.ph-modal-freeHours-time-cap {
	display: flex;
	gap: 15px;
	font-size: 12px;
	color: #8C8C8C;
	justify-content: space-between;
	align-items: center;
	margin: 10px 0;
}

.ph-modal-freeHours-time-body .ph-modal-freeHours-time-tags {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	justify-content: end;
}

.ph-modal-freeHours-time-body .ph-modal-freeHours-time-tags p {
	color: var(--main-blue-light-text);
	border: 1px solid var(--main-blue-light-text);
	padding: 0 15px;
	border-radius: 4px;
	font-size: 11px;
}

.ph-modal-freeHours-time-body .calendar-reserved-time {
	color: var(--main-blue-light-text);
	background-color: #E7EEF8;
	border-radius: 4px;
	flex-grow: 1;
	padding: 10px 20px;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
	transition: all 0.4s;
	user-select: none;
}

.ph-modal-freeHours-time-body .calendar-reserved-time.reserved {
	color: #FFF;
	background-color: var(--main-blue-light);
}

.ph-modal-freeHours-time-body p:hover {
	color: #FFF;
	background-color: var(--main-blue-light);
}

.ph-modal-freeHours-time h2 {
	text-align: center;
	font-size: 1.5em;
	margin-bottom: 10px;
}

.old-patients {
	overflow: hidden;
	height: 0;
	background-color: transparent;
	color: var(--main-white);
	font-size: var(--main-font-size-10);
	text-align: center;
	direction: rtl;
	display: block;
	padding: 10px;
	border-radius: var(--main-border-radius);
	width: fit-content;
	width: -moz-fit-content;
	margin: 10px auto;
}

.old-patients.show {
	height: 50px;
	background-color: var(--main-blue-badge-text);
}

.calendar-modal-cancel {
	display: flex;
	margin: auto 0 30px;
}

.calendar-modal-cancel button {
	padding: 8px 35px;
	border-radius: var(--main-border-radius);
	border: 1px solid #1A4054;
	background-color: transparent;
	color: #1A4054;
	display: block;
	cursor: pointer;
	opacity: 0.9
}

.calendar-modal-cancel:hover {
	opacity: 1
}

.ph-pro-modal-par, .ph-pro-modal-freeHours-par {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100vh;
	background-color: var(--main-slow-white4);
	display: none;
	opacity: 0;
	box-shadow: var(--main-box-shadow-slow);
	z-index: -1
}

.ph-pro-modal {
	position: fixed;
	top: 30%;
	left: 25%;
	width: 50%;
	background-color: var(--main-white);
	border-radius: var(--main-border-radius-modal);
	box-shadow: var(--main-box-shadow-modal);
}

.ph-pro-modal-par.base, .ph-pro-modal.base {
	opacity: 0;
	padding: 20px;
	z-index: -10;
	flex-direction: column;
}

.ph-pro-modal-par.base.show, .ph-pro-modal.base.show {
	opacity: 1;
}

.ph-pro-modal-par.show, .ph-pro-modal-freeHours-par.show {
	z-index: 9999;
	opacity: 1;
	display: block;
	-webkit-animation-name: show_my_dialog_par;
	animation-name: show_my_dialog_par;
	-webkit-animation-direction: normal;
	animation-direction: normal;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

@-webkit-keyframes show_my_dialog_par {
	from {
		opacity: 0;
		z-index: 9999;
	}
	to {
		opacity: 1;
	}
}

@keyframes show_my_dialog_par {
	from {
		opacity: 0;
		z-index: 9999;
	}
	to {
		opacity: 1;
	}
}

.ph-pro-modal-par.hide {
	-webkit-animation-name: hide_my_dialog_par;
	animation-name: hide_my_dialog_par;
	-webkit-animation-direction: normal;
	animation-direction: normal;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

@-webkit-keyframes hide_my_dialog_par {
	0% {
		opacity: 1;
		z-index: 9999
	}
	100% {
		opacity: 0;
		z-index: -10;
	}
}

@keyframes hide_my_dialog_par {
	0% {
		opacity: 1;
		z-index: 9999
	}
	100% {
		opacity: 0;
		z-index: -10;
	}
}

.ph-pro-modal.show {
	z-index: 999999;
	-webkit-animation-name: show_my_dialog;
	animation-name: show_my_dialog;
	-webkit-animation-direction: normal;
	animation-direction: normal;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

@-webkit-keyframes show_my_dialog {
	from {
		opacity: 0;
		transform: translateY(5%);
		z-index: 999999;
	}
	to {
		opacity: 1;
		transform: translateY(0%);
	}
}

@keyframes show_my_dialog {
	from {
		opacity: 0;
		transform: translateY(5%);
		z-index: 999999;
	}
	to {
		opacity: 1;
		transform: translateY(0%);
	}
}

.ph-pro-modal.hide {
	-webkit-animation-name: hide_my_dialog;
	animation-name: hide_my_dialog;
	-webkit-animation-direction: normal;
	animation-direction: normal;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

@-webkit-keyframes hide_my_dialog {
	0% {
		opacity: 1;
		transform: translateY(0);
		z-index: 999999
	}
	100% {
		opacity: 0;
		transform: translateY(5%);
		z-index: -10;
	}
}

@keyframes hide_my_dialog {
	0% {
		opacity: 1;
		transform: translateY(0);
		z-index: 999999
	}
	100% {
		opacity: 0;
		transform: translateY(5%);
		z-index: -10;
	}
}

.ph-pro-modal-content {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding: 10px 0
}

.ph-pro-modal-content h3 {
	text-align: center;
	margin-bottom: 20px
}

.ph-pro-modal-content textarea {
	width: 80%;
	margin: 0 auto !important;
	border: 1px solid var(--main-light-blue2);
	border-radius: var(--main-border-radius);
	direction: rtl;
	text-align: right;
	padding: 10px;
	resize: none;
}

.footer-my-modal {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-top: 20px;
}

.footer-my-modal button {
	min-width: 110px;
}

.footer-my-modal button {
	border-radius: var(--main-border-radius);
	padding: 10px 30px;
	color: var(--main-white);
	cursor: pointer;
	opacity: 0.93
}

.footer-my-modal button:hover {
	opacity: 1
}

.footer-my-modal .footer-my-modal-save {
	background-color: var(--main-blue);
}

.footer-my-modal .footer-my-modal-cancel {
	background-color: transparent;
	border: 1px solid var(--main-blue);
	color: var(--main-blue);
}

.ph-pro-row1 {
	display: flex;
	justify-content: space-between;
	gap: 15px;
	padding: 20px 15px;
	border-top: 8px solid #255C78;
	border-radius: 4px;
	background-color: #FFF;
	flex-direction: column;
	box-shadow: 0px 0px 10px 0px rgba(197, 214, 237, 1);
}

.ph-pro-row11 {
	display: flex;
	gap: 15px;
	flex-direction: column;
	align-items: center;
}

.ph-pro-row11-1 {
	text-align: center;
}

.ph-pro-row11-1 img {
	display: block;
	width: 120px;
	height: 120px;
	margin: auto;
	text-align: right;
	border-radius: 50%
}

.ph-pro-row11-2 {
	text-align: right;
}

.ph-pro-row11-2 h2 {
	font-size: var(--main-font-size-14);
	margin-top: 14px;
	color: var(--main-light-blue2);
	direction: rtl
}

.ph-pro-row11-2 h3 {
	font-size: var(--main-font-size-9);
	color: var(--main-blue-light);
	margin-top: 2px
}

.ph-pro-row11-2 h4 {
	font-size: var(--main-font-size-9);
	color: var(--main-blue);
	margin-top: 8px;
	text-align: justify;
}

.ph-pro-row12-info {
	display: flex;
	width: 100%;
}

.ph-pro-row12-info img {
	width: 20px;
	height: 20px;
	transform: translateY(2px)
}

.ph-pro-row12-info h3 {
	font-size: 14px;
	text-align: justify;
	color: #424242;
}


.ph-profile-tab-menu h1 {
	text-align: center;
	color: var(--main-blue-light);
	font-weight: 300;
	padding: 20px 0;
	margin: 0;
}

.ph-profile-tab-menu .tabs {
	left: 50%;
	transform: translateX(-50%);
	position: relative;
	background: transparent;
	width: 100%;;
	border-radius: var(--main-border-radius);
	min-width: 240px;
	margin-top: 0 !important;
}

.ph-profile-tab-menu .tabs input[name=tab-control] {
	display: none;
}

.ph-profile-tab-menu .tabs input[name=tab-control-appointment] {
	display: none;
}

.ph-profile-tab-menu .tabs .content section h2,
.ph-profile-tab-menu .tabs ul li label {
	font-family: "Montserrat";
	font-weight: bold;
	color: var(--main-blue-light);
}

.ph-profile-tab-menu .tabs > ul {
	list-style-type: none;
	padding-left: 0;
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	gap: 20px;
}

.ph-profile-tab-menu .tabs > ul li {
	position: relative;
	box-sizing: border-box;
	padding-bottom: 10px;
	text-align: center;
}

.ph-profile-tab-menu .tabs ul li label {
	transition: all 0.3s ease-in-out;
	color: #424242;
	padding: 5px auto;
	overflow: hidden;
	text-overflow: ellipsis;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
	white-space: nowrap;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.ph-profile-tab-menu .tabs ul li label br {
	display: none;
}

.ph-profile-tab-menu .tabs ul li label svg {
	stroke: #424242;
	height: 1.2em;
	vertical-align: bottom;
	transition: all 0.2s ease-in-out;
}

.ph-profile-tab-menu .tabs ul li label svg.fill {
	display: none;
}

.ph-profile-tab-menu .tabs ul li label:hover, .ph-profile-tab-menu .tabs ul li label:focus, .ph-profile-tab-menu .tabs ul li label:active {
	outline: 0;
	color: var(--main-blue);
}

.ph-profile-tab-menu .tabs ul li label:hover svg, .ph-profile-tab-menu .tabs ul li label:focus svg, .ph-profile-tab-menu .tabs ul li label:active svg {
	stroke: var(--main-blue);
}

.ph-profile-tab-menu .tabs .slider {
	position: relative;
	width: 25%;
	transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
}

.ph-profile-tab-menu .tabs .slider-appointment {
	position: relative;
	width: 50%;
	transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
}

.ph-profile-tab-menu .tabs .slider .indicator {
	position: relative;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	height: 3px;
	background: var(--main-blue);
	border-radius: 1px;
}

.ph-profile-tab-menu .content {
	padding: 25px;
	background-color: #FFF;
	border-radius: 4px;
	box-shadow: 0px 0px 10px 0px rgba(197, 214, 237, 1);
	min-height: 360px;
}

.ph-profile-tab-menu .tabs .content section {
	display: none;
	-webkit-animation-name: content;
	animation-name: content;
	-webkit-animation-direction: normal;
	animation-direction: normal;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	line-height: 1.4;
}

.ph-profile-tab-menu .tabs .content section h2 {
	color: #8F3D4E;
	display: none;
}

/*.ph-profile-tab-menu .tabs .content section h2::after {*/
/*    content: "";*/
/*    position: relative;*/
/*    display: block;*/
/*    width: 30px;*/
/*    height: 3px;*/
/*    background: var(--main-blue-light);*/
/*    margin-top: 5px;*/
/*    left: 1px;*/
/*}*/

.ph-profile-tab-menu .tabs input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1)::after {
	content: '';
	height: 3px;
	width: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: var(--main-blue);
	border-radius: 3px;
}

.ph-profile-tab-menu .tabs input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
	cursor: default;
	color: var(--main-blue);
	font-weight: 800;
}

.ph-profile-tab-menu .tabs input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label svg.stroke {
	display: none;
}

.ph-profile-tab-menu .tabs input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label svg.fill {
	display: inline;
	fill: var(--main-blue);
	stroke: none;
}

.ph-profile-tab-menu .tabs input[name=tab-control-appointment]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
	cursor: default;
	color: var(--main-blue-light);
}

.ph-profile-tab-menu .tabs input[name=tab-control-appointment]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label svg {
	fill: var(--main-blue-light);
}

.ph-pro-about-doctor {
	display: flex;
	flex-direction: row;
	justify-content: space-between
}

.ph-pro-not-found {
	text-align: center;
	margin: 50px 0;
	color: var(--main-light-blue2)
}

.ph-pro-about-doctor1 {
	width: 65%;
	color: var(--main-light-blue2)
}

.head-small-about-dr {
	display: none
}

.ph-pro-about-doctor2 {
	width: 30%;
	color: var(--main-light-blue2)
}

.ph-pro-about-doctor2 h3 {
	margin: 60px 0 20px
}

.ph-pro-about-doctor2 img {
	width: 350px;
	height: 260px
}

.ph-pro-loc, .ph-pro-tel {
	display: flex;
	flex-direction: row;
	margin: 10px 0;
	line-height: 1.9
}

.ph-pro-loc img, .ph-pro-tel img {
	width: 13px;
	height: 13px;
	margin-left: 5px;
	transform: translateY(2px)
}

.ph-pro-loc h4, .ph-pro-tel h4 {
	font-size: var(--main-font-size-9);
	color: var(--main-slow-white)
}

.ph-pro-insurance h4 {
	margin: 40px 0 10px
}

.ph-pro-insurance h5 {
	font-size: var(--main-font-size-9);
	font-weight: normal
}

.ph-pro-about-doctor-gallery h3 {
	margin: 60px 0 20px
}

.ph-pro-about-doctor-gallery .ph-pro-about-doctor-gallery-row {
	display: flex;
	flex-direction: row;
	justify-content: space-between
}

.ph-pro-about-doctor-gallery-row1 {
	width: 50%
}

.ph-pro-about-doctor-gallery-row2 {
	width: 49%
}

.ph-pro-about-doctor-gallery-row2 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between
}

.ph-pro-about-doctor-gallery-row2 img {
	width: 49%;
	height: 180px
}

.ph-pro-about-doctor-gallery-row2 img:nth-child(2) {
	border-radius: var(--main-border-radius) 0 0 0
}

.ph-pro-about-doctor-gallery-row2 img:nth-child(3), .ph-pro-about-doctor-gallery-row2 img:nth-child(4) {
	margin-top: 14px
}

.ph-pro-about-doctor-gallery-row2 img:nth-child(4) {
	border-radius: 0 0 0 var(--main-border-radius)
}

.ph-pro-about-doctor-gallery .video-wrapper {
	position: relative;
	border-radius: 0 var(--main-border-radius) var(--main-border-radius) 0;
	overflow: hidden;
	height: 375px
}

.ph-pro-about-doctor-gallery .video-wrapper video {
	width: 100%;
	vertical-align: middle;
}

.ph-pro-about-doctor-gallery .video-wrapper img {
	width: 100%;
	vertical-align: middle;
	border-radius: 0 var(--main-border-radius) var(--main-border-radius) 0;
}

.ph-pro-about-doctor-gallery .video-wrapper video.has-media-controls-hidden::-webkit-media-controls {
	display: flex;
}

.ph-pro-about-doctor-gallery .video-overlay-play-button {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 10px calc(50% - 50px);
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	opacity: 0.95;
	cursor: pointer;
	background-image: linear-gradient(transparent, #000);
	transition: opacity 150ms;
}

.ph-pro-about-doctor-gallery .video-overlay-play-button:hover {
	opacity: 1;
}

.ph-pro-about-doctor-gallery .video-overlay-play-button.is-hidden {
	display: none;
}

.ph-pro-about-doc-row1 {
	display: flex;
	flex-direction: row;
	justify-content: space-between
}

.ph-pro-about-doctor-desc {
	margin: 20px 0 40px;
	line-height: 1.9;
	color: var(--main-light-blue2)
}

.ph-pro-about-doc-row11, .ph-pro-about-doc-row12, .ph-pro-about-doc-row13 {
	width: 33%
}

.ph-pro-about-doc-row11 h3, .ph-pro-about-doc-row12 h3, .ph-pro-about-doc-row13 h3 {
	font-size: var(--main-font-size-14);
	color: var(--main-light-blue2)
}

.ph-pro-about-doc-row11 h4, .ph-pro-about-doc-row12 h4, .ph-pro-about-doc-row13 h4 {
	font-size: var(--main-font-size-9);
	font-weight: normal;
	color: var(--main-light-blue2)
}

.ph-pro-about-doc-row11 div h3, .ph-pro-about-doc-row12 div h3, .ph-pro-about-doc-row13 div h3 {
	margin-top: 20px;
	font-size: var(--main-font-size-10);
	color: var(--main-light-blue2)
}

.ph-pro-about-doc-row11 div h4, .ph-pro-about-doc-row12 div h4, .ph-pro-about-doc-row13 div h4 {
	color: var(--main-blue-light);
	margin-top: 5px;
	color: var(--main-light-blue2)
}

.biovisit-my-faq.guest {
	max-width: 900px;
	margin: 60px auto 0
}

.ph-pro-faq .faq-mycontainer {
	padding: 25px 0
}

.ph-pro-faq main {
	background-color: transparent;
	min-height: 500px;
	width: 100%;
	padding-top: 0;
}

.ph-pro-faq .faq-list {
	width: 100%;
	min-height: 500px;
	display: flex;
	align-items: center;
	flex-direction: column;
	direction: rtl;
	background-color: transparent;
	overflow: hidden;
	border-radius: 5px;
	padding: 0 25px 15px 25px;
	color: var(--main-light-blue2)
}

.ph-pro-faq .faq-list h1 {
	width: 100%;
	height: 50px;
	display: flex;
	align-items: center;
	color: #666;
	font-size: 16px;
	font-weight: 800;
	border-bottom: 1px solid #FB2314;
	margin-bottom: 25px;
}

.ph-pro-faq .faq-list .faq-list-item {
	width: 100%;
	border: 1px solid var(--main-light-blue2);
	border-radius: 10px;
	margin: 5px 0px;
}

.ph-pro-faq .accordion {
	width: 100%;
	background-color: transparent;
	text-align: right;
	font-size: var(--main-font-size-10);
	font-weight: 800;
	color: var(--main-light-blue2);
	cursor: pointer;
	padding: 15px 15px 15px 50px;
	transition: 0.3s;
	position: relative;
}

.ph-pro-faq .active, .accordion:hover {
	background-color: transparent;
}

.ph-pro-faq .accordion::after {
	content: url('../images/ph_profile/eva-chevron-down-fill.svg');
	margin-left: 15px;
	position: absolute;
	left: 0;
	top: 16px;
	transition: 0.4s;
}

.ph-pro-faq .accordion.active::after {
	top: 8px;
	transform: rotate(180deg);
}

.ph-pro-faq .faq-list .faq-list-item .panel-container {
	overflow: hidden;
}

.ph-pro-faq .panel {
	padding: 0 25px;
	background-color: transparent;
	overflow: hidden;
	transition: max-height 0.3s ease-out;
	margin: 10px 0;
	width: 100%;
}

.ph-pro-faq .panel-p {
	font-size: var(--main-font-size-9);
	text-align: right;
	font-weight: 800;
	color: #777;
	line-height: 1.9
}

.ph-pro-faq .tag-p-dot {
	font-size: var(--main-font-size-9);
	text-align: right;
	font-weight: 600;
	color: var(--main-light-blue2);
	line-height: 1.9
}

/*.ph-pro-faq .tag-p-dot::before {*/
/*    content: url('https://api.iconify.design/octicon-dot-fill-16.svg?color=%23999&height=14');*/
/*    position: relative;*/
/*    top: 5px;*/
/*    margin-left: 5px;*/
/*}*/

.ph-pro-comment {
	width: 100%;
	padding: 10px 0
}

.ph-pro-comment .ph-pro-comment-head {
	display: flex;
	flex-direction: row;
	justify-content: space-between
}

.ph-pro-comment .ph-pro-comment-head h3 {
	font-size: var(--main-font-size-14);
	line-height: 1.9
}

.ph-pro-comment .ph-pro-comment-head button {
	background-color: transparent;
	color: var(--main-light-blue2);
	border: 1px solid var(--main-light-blue2) !important;
	border-radius: var(--main-border-radius);
	padding: 4px 20px;
	cursor: pointer;
	opacity: 0.7;
	transition: all ease 300ms
}

.ph-pro-comment .ph-pro-comment-head button:hover {
	opacity: 1
}

.ph-pro-comment-All-card {
	margin-top: 20px
}

.ph-pro-comment-card {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top: 40px
}

.ph-pro-comment-card-top {
	display: flex;
	flex-direction: row
}

.ph-pro-comment-card-top img {
	width: 50px;
	height: 50px;
	border-radius: var(--main-border-radius-avatar)
}

.ph-pro-comment-card-top .ph-pro-comment-card-top-title {
	margin: 5px 14px 0 0
}

.ph-pro-comment-card-top .ph-pro-comment-card-top-title h3 {
	font-size: var(--main-font-size-10);
	color: var(--main-light-blue2)
}

.ph-pro-comment-card-top .ph-pro-comment-card-top-title h4 {
	font-size: var(--main-font-size-9);
	font-weight: normal;
	margin-top: 5px;
	direction: ltr;
	color: var(--main-slow-white)
}

.ph-pro-comment-card-desc {
	margin-top: 20px
}

.not_found_description {
	text-align: center;
	margin-top: 50px;
	color: var(--main-light-blue2)
}

.ph-pro-comment-card-desc p {
	text-align: right;
	direction: rtl;
	line-height: 1.9;
	font-size: var(--main-font-size-10);
	font-weight: normal;
	color: var(--main-light-blue2)
}

.ph-pro-appointment {
	display: flex;
	flex-direction: row;
}

.ward-pro {
	direction: rtl !important;
}

.ph-pro-appointment-right {
	width: 30%;
	display: flex;
	flex-direction: column;
}

.ph-pro-appointment-right button {
	background-color: transparent !important;
	margin-bottom: 10px;
	color: var(--main-slow-white);
	width: fit-content;
	width: -moz-fit-content;
	cursor: pointer;
	font-size: 12pt;
	font-weight: bold;
}

.ph-pro-appointment-right button.active, .ph-pro-appointment-right button:hover {
	color: var(--main-light-blue2)
}

.appointment-right-head-par {
	display: flex;
	flex-direction: row;
	padding-right: 20px;
}

.appointment-right-head {
	color: var(--main-light-blue2) !important
}

.appointment-right-btn-par {
	display: flex;
	justify-content: right;
	flex-direction: column;
	padding-right: 67px;
}

.arrow-ch-hide {
	width: 0;
	opacity: 0;
	display: inline-block;
	margin-bottom: -7px;
	height: 20px
}

.appointment-right-btn-arrow-ch {
	width: 0;
	opacity: 0;
	display: inline-block;
	margin-bottom: -7px;
	height: 20px;
	-webkit-animation-name: btn-arrow-ch-animate-hide;
	animation-name: btn-arrow-ch-animate-hide;
	-webkit-animation-direction: normal;
	animation-direction: normal;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

@-webkit-keyframes btn-arrow-ch-animate-hide {
	from {
		width: 20px;
		opacity: 1;
	}
	to {
		width: 0;
		opacity: 0;
	}
}

@keyframes btn-arrow-ch-animate-hide {
	from {
		width: 20px;
		opacity: 1;
	}
	to {
		width: 0;
		opacity: 0;
	}
}

.ph-pro-appointment-right button.active .appointment-right-btn-arrow-ch {
	width: 20px;
	opacity: 1;
	-webkit-animation-name: btn-arrow-ch-animate-show;
	animation-name: btn-arrow-ch-animate-show;
	-webkit-animation-direction: normal;
	animation-direction: normal;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

@-webkit-keyframes btn-arrow-ch-animate-show {
	from {
		width: 0;
		opacity: 0;
	}
	to {
		width: 20px;
		opacity: 1;
	}
}

@keyframes btn-arrow-ch-animate-show {
	from {
		width: 0;
		opacity: 0;
	}
	to {
		width: 20px;
		opacity: 1;
	}
}

.appointment-right-btn-title, .appointment-right-btn-title:hover {
	color: var(--main-light-blue2) !important;
	cursor: default !important;
}

.appointment-right-head-img {
	width: 20px;
	height: 20px;
	transform: translateY(47px);
	margin-left: 10px;
}

.appointment-right-head-img-ward {
	transform: translateY(13px) !important;
}


.ph-pro-appointment-left.hide, .not-found-calendar-par.hide {
	display: none
}

.not-found-calendar-par img {
	width: 250px;
	height: 250px;
	margin: 0 auto;
	display: block
}

.not-found-calendar-par h3 {
	text-align: center;
	font-size: var(--main-font-size-9);
	color: var(--main-light-blue2)
}

.appointment-left-sel-par {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
	gap: 5px
}

.appointment-left-sel-img {
	width: 30px;
	height: 30px;
	transform: translateY(-1px);
}

.appointment-left-sel {
	color: var(--main-slow-white);
	display: flex;
	padding: 8px 15px;
	cursor: pointer
}

.appointment-left-sel p {
	margin-right: 10px
}

.appointment-left-sel.active, .appointment-left-sel:hover {
	color: var(--main-blue-light-text);
	background-color: var(--main-blue-light-bg);
}

.my-circle {
	border-radius: 50%;
	border: 1px solid var(--main-light-blue2);
	width: 28px;
	height: 28px;
}

.appointment-left-sel.active .my-circle {
	background-color: var(--main-light-blue2)
}

.my-datepicker-all, .select-on-first-emp {
	overflow: hidden;
	opacity: 1;
	transform: scale(1);
	margin-bottom: 40px
}

.my-datepicker-all.hide, .select-on-first-emp.hide {
	opacity: 0;
	transform: scale(0);
	height: 0
}

/*.my-datepicker-all.hide,.select-on-first-emp.hide{transform: scale(0);-webkit-animation-name: datepicker-animate-hide;animation-name: datepicker-animate-hide;-webkit-animation-direction: normal;animation-direction: normal;-webkit-animation-duration: 0.3s;animation-duration: 0.3s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;}}*/
/*@-webkit-keyframes datepicker-animate-hide { from {transform: scale(1);} to {transform: scale(0);height: 0;} }*/
/*@keyframes datepicker-animate-hide { from {transform: scale(1);} to {transform: scale(0);height: 0;} }*/
.select-on-first-emp {
	display: flex;
	flex-direction: column;
	padding: 20px;
	box-shadow: var(--main-box-shadow-dark-search);
	border-radius: var(--main-border-radius);
}

.head-sel-on-first-emp {
	display: flex;
	justify-content: center;
	align-items: center;
}

.head-sel-on-first-emp.hide, .head-my-datepicker.hide {
	display: none
}

.sel-first-emp-time {
	display: flex;
	flex-direction: row;
	justify-content: start;
	flex-wrap: wrap;
	margin-top: 20px
}

.sel-first-emp-time .first-emp-time, .sel-first-emp-time .first-emp-time:hover {
	width: 100%;
	opacity: 1;
	cursor: default
}

.sel-first-emp-time p {
	width: 125px;
	border-radius: var(--main-border-radius);
	margin: 2px;
	background-color: var(--main-blue);
	color: var(--main-white);
	text-align: center;
	padding: 8px 10px;
	cursor: pointer;
	opacity: 0.9;
	box-shadow: var(--main-box-shadow-slow)
}

.sel-first-emp-time p:hover {
	opacity: 1
}

.head-my-datepicker {
	display: flex;
	justify-content: center;
	flex-direction: row-reverse;
}

.old-patient-message {
	opacity: 0;
	height: 0;
	-webkit-transition: all 0.4s ease;
	font-size: var(--main-font-size-10);
	background-color: var(--main-blue-badge-text);
	width: 100%;
	text-align: center;
	display: block;
	padding: 11px 17px;
	border-radius: var(--main-border-radius);
	color: var(--main-white);
}

.old-patient-message.show {
	height: 47px;
	opacity: 1;
}

#title-my-datepicker, #title-on-first-emp-in-Person, #title-on-first-emp-online {
	margin: 10px 20px;
	color: var(--main-light-blue2);
	text-align: center
}

#title-my-datepicker {
	width: fit-content;
	width: -moz-fit-content
}

.my-datepicker-btn, .sel-on-first-emp-btn {
	width: 30px;
	height: 30px;
	cursor: pointer;
	opacity: 0.6;
}

.my-datepicker-btn:hover, .sel-on-first-emp-btn:hover {
	opacity: 1;
}

.my-datepicker-next, .first-emp-btn-next {
	transform: translateY(13px) rotateZ(0deg)
}

.my-datepicker-prev, .first-emp-btn-next {
	transform: translateY(13px) rotateZ(180deg)
}

.modal-btn-next {
	transform: translateY(2px) rotateZ(0deg)
}

.modal-btn-back {
	transform: translateY(2px) rotateZ(180deg)
}

.my-datepicker-body {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.my-datepicker-body .my-datepicker-body-empty {
	width: 100%;
	color: var(--main-white);
	border-radius: var(--main-border-radius);
	padding: 8px 0;
	text-align: center
}

.my-datepicker-days {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--main-slow-white);
	width: 13%;
	height: 115px;
	border-radius: var(--main-border-radius);
	padding: 2px 10px;
	margin: 4px;
	font-size: 12pt;
	text-align: left;
	opacity: 0.9
}

.datepicker-days-type-inperson {
	background-color: var(--main-blue) !important;
}

.datepicker-days-type-online {
	background-color: var(--main-dark-green) !important;
}

.my-datepicker-days.holiday, .my-datepicker-days.holiday:hover {
	background-color: var(--main-slow-white3) !important;
	font-size: var(--main-font-size-10);
	color: var(--main-black) !important;
	cursor: default;
	border-color: transparent !important;
	opacity: 1
}

.my-datepicker-days.holiday .my-datepicker-days-type {
	text-align: center;
	display: block;
}

.my-datepicker-days.holiday p {
	color: var(--main-black-author);
}

.my-datepicker-days.disable, .my-datepicker-days.disable:hover {
	border-color: var(--main-slow-white) !important;
	color: var(--main-slow-white);
	opacity: 0.9;
	cursor: default
}

.my-datepicker-days.empty-hide, .my-datepicker-days.empty-hide:hover {
	border-color: transparent !important;
	color: transparent;
	opacity: 0;
	cursor: default
}

.my-datepicker-days.days-name, .my-datepicker-days.days-name:hover {
	display: flex;
	justify-content: center;
	cursor: default;
	border-color: var(--main-slow-white) !important;
}

.my-datepicker-days.days-name p {
	text-align: center;
	color: var(--main-light-blue2)
}

.my-datepicker-days.empty-days {
	visibility: hidden
}

.my-datepicker-days.active, .my-datepicker-days:hover {
	border: 1px solid var(--main-light-blue2);
	opacity: 1;
	color: var(--main-light-blue2);
	background-color: transparent !important;
}

.my-datepicker-days.disable .my-datepicker-days-type, .my-datepicker-days.active .my-datepicker-days-type {
	visibility: hidden
}

.my-datepicker-days.active .my-datepicker-days-type.show {
	font-size: 16px;
	text-align: center;
	margin-bottom: 4px;
	color: var(--main-white);
	border-radius: var(--main-border-radius);
	visibility: visible;
	display: block;
	cursor: pointer;
	opacity: 0.9;
	padding: 3px 0 3px;
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
}

.my-datepicker-days.active .my-datepicker-days-type.show:hover {
	opacity: 1
}

.my-datepicker-days p img {
	width: 16px;
	height: 17px;
	transform: translate(-15px, 7px);
	display: none
}

.tabs-top svg {
	transform: translateY(-7px)
}

@media (max-width: 600px) {
	.ph-profile-tab-menu .tabs input[name=tab-control-appointment]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
		background: rgba(0, 0, 0, 0.08);
	}
}

.ph-profile-tab-menu .tabs input[name=tab-control]:nth-of-type(1):checked ~ .slider {
	transform: translateX(0%);
}

.ph-profile-tab-menu .tabs input[name=tab-control]:nth-of-type(1):checked ~ .content > section:nth-child(1) {
	display: block;
}

.ph-profile-tab-menu .tabs input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2):after {
	content: '';
	height: 3px;
	width: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: var(--main-blue);
	border-radius: 3px;
}

.ph-profile-tab-menu .tabs input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
	cursor: default;
	color: var(--main-blue);
	font-weight: 800;
}

.ph-profile-tab-menu .tabs input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label svg.stroke {
	display: none;
}

.ph-profile-tab-menu .tabs input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label svg.fill {
	display: inline;
	fill: var(--main-blue);
	stroke: none;
}

.ph-profile-tab-menu .tabs input[name=tab-control-appointment]:nth-of-type(1):checked ~ .slider {
	transform: translateX(0%);
}

.ph-profile-tab-menu .tabs input[name=tab-control-appointment]:nth-of-type(1):checked ~ .content > section:nth-child(1) {
	display: block;
}

.ph-profile-tab-menu .tabs input[name=tab-control-appointment]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
	cursor: default;
	color: var(--main-blue-light);
}

.ph-profile-tab-menu .tabs input[name=tab-control-appointment]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label svg {
	fill: var(--main-blue-light);
}

@media (max-width: 600px) {

	.ph-profile-tab-menu .tabs input[name=tab-control-appointment]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
		background: rgba(0, 0, 0, 0.08);
	}
}

.ph-profile-tab-menu .tabs input[name=tab-control]:nth-of-type(2):checked ~ .slider {
	transform: translateX(-100%);
}

.ph-profile-tab-menu .tabs input[name=tab-control]:nth-of-type(2):checked ~ .content > section:nth-child(2) {
	display: block;
}


.ph-profile-tab-menu .tabs input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3)::after {
	content: '';
	height: 3px;
	width: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: var(--main-blue);
	border-radius: 3px;
}


.ph-profile-tab-menu .tabs input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
	cursor: default;
	color: var(--main-blue);
	font-weight: 800;
}

.ph-profile-tab-menu .tabs input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label svg.stroke {
	display: none;
}

.ph-profile-tab-menu .tabs input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label svg.fill {
	display: inline;
	fill: var(--main-blue);
	stroke: none;
}

.ph-profile-tab-menu .tabs input[name=tab-control-appointment]:nth-of-type(2):checked ~ .slider {
	transform: translateX(-100%);
}

.ph-profile-tab-menu .tabs input[name=tab-control-appointment]:nth-of-type(2):checked ~ .content > section:nth-child(2) {
	display: block;
}

.ph-profile-tab-menu .tabs input[name=tab-control-appointment]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
	cursor: default;
	color: var(--main-blue-light);
}

.ph-profile-tab-menu .tabs input[name=tab-control-appointment]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label svg {
	fill: var(--main-blue-light);
}

@media (max-width: 600px) {
	.ph-profile-tab-menu .tabs input[name=tab-control-appointment]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
		background: rgba(0, 0, 0, 0.08);
	}
}

.ph-profile-tab-menu .tabs input[name=tab-control]:nth-of-type(3):checked ~ .slider {
	transform: translateX(-200%);
}

.ph-profile-tab-menu .tabs input[name=tab-control]:nth-of-type(3):checked ~ .content > section:nth-child(3) {
	display: block;
}

.ph-profile-tab-menu .tabs input[name=tab-control]:nth-of-type(4):checked ~ ul > li:nth-child(4)::after {
	content: '';
	height: 3px;
	width: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: var(--main-blue);
	border-radius: 3px;
}

.ph-profile-tab-menu .tabs input[name=tab-control]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label {
	cursor: default;
	color: var(--main-blue);
	font-weight: 800;
}

.ph-profile-tab-menu .tabs input[name=tab-control]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label svg.stroke {
	display: none;
}

.ph-profile-tab-menu .tabs input[name=tab-control]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label svg.fill {
	display: inline;
	fill: var(--main-blue);
	stroke: none;
}

@media (max-width: 600px) {
	.ph-profile-tab-menu .tabs input[name=tab-control-appointment]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label {
		background: rgba(0, 0, 0, 0.08);
	}
}

.ph-profile-tab-menu .tabs input[name=tab-control]:nth-of-type(4):checked ~ .slider {
	transform: translateX(-300%);
}

.ph-profile-tab-menu .tabs input[name=tab-control]:nth-of-type(4):checked ~ .content > section:nth-child(4) {
	display: block;
}

@-webkit-keyframes content {
	from {
		opacity: 0;
		transform: translateY(5%);
	}
	to {
		opacity: 1;
		transform: translateY(0%);
	}
}

@keyframes content {
	from {
		opacity: 0;
		transform: translateY(5%);
	}
	to {
		opacity: 1;
		transform: translateY(0%);
	}
}

@media (max-width: 1000px) {
	.ph-profile-tab-menu .tabs > ul li {
		flex-grow: 1;
		font-size: 14px;
		padding-bottom: 5px;
	}

	.ph-profile-tab-menu .tabs ul li label {
		white-space: initial;
	}

	.ph-profile-tab-menu .tabs ul li label br {
		display: initial;
	}

	.ph-profile-tab-menu .tabs ul li label svg {
		height: 1.5em;
		margin: 0;
	}
}

@media (max-width: 800px) {
	.my-datepicker-days.active .my-datepicker-days-type.show {
		width: 50px;
		margin: 5px auto 0;
		padding: 0 0 10px;
	}

	.my-datepicker-days p img {
		display: block;
		margin: 7px auto 0;
		transform: unset;
	}

	.my-datepicker-days p span {
		display: none
	}
}

@media (max-width: 600px) {
	.ph-profile-tab-menu .tabs > ul li {
		font-size: 12px;
	}

	.ph-profile-tab-menu .tabs ul li label {
		padding: 5px 0;
		border-radius: 5px;
		font-size: 12px;
		gap: 0;
	}

	.ph-profile-tab-menu .tabs ul li label svg {
		display: none !important;
	}

	.ph-profile-tab-menu .tabs .slider {
		display: none
	}


	.ph-profile-tab-menu .tabs .content section h2 {
		display: block;
	}

	.ph-profile-tab-menu .tabs ul li label br {
		display: none;
	}

	.ph-profile-tab-menu .content,
	.ph-profile-address {
		padding: 18px;
	}


	.ph-profile-tab-menu .tabs > ul {
		gap: 0;
	}

	.ph-modal-freeHours-time h2 {
		font-size: 20px;
	}

	.ph-modal-freeHours-time {
		margin-top: 50px;
	}
}

@media screen and (max-width: 1138px) {
	.ph-profile {
		margin-top: 65px;
	}

	.ph-profile-st2-r1 {
		justify-content: center;
		flex-direction: column-reverse
	}

	.ph-profile-st2-r1-content, .ph-profile-st2-r1-img {
		width: 100%;
	}

	.ph-profile-st2-r1-content {
		padding: 0 50px
	}

	.ph-profile-st2-r1-img img {
		width: 300px;
		display: block;
		margin: 0 auto;
	}
}

@media screen and (max-width: 1100px) {
	.ph-pro-modal-freeHours {
		width: 500px;
		top: 200px;
	}

	.ph-pro-appointment {
		flex-direction: column;
		justify-content: center;
	}

	.appointment-left-sel-par {
		margin-top: 20px
	}

	.ph-pro-appointment-right, .ph-pro-appointment-left {
		width: 100%;
	}

	.ph-pro-appointment-right button {
		margin: 0 auto 10px;
	}

	.appointment-right-head-par {
		justify-content: center;
		padding-right: 0
	}

	.appointment-right-btn-par {
		padding-right: 0
	}

	.ph-profile {
		padding: 0 10px;
	}

	.ph-pro-comment {
		padding: 50px 10px
	}

	.ph-pro-row1 {
		flex-direction: column;
		justify-content: center;
	}

	.ph-pro-row11, .ph-pro-row12 {
		width: 100%;
		flex-direction: column;
	}

	.ph-pro-row12 {
		margin-top: 20px
	}

	.ph-pro-row11-1 {
		width: 100%;
		text-align: center
	}

	.ph-pro-row11-2 {
		width: 100%
	}


	.ph-pro-about-doctor {
		flex-direction: column;
		justify-content: center;
		padding: 0 10px
	}

	.head-small-about-dr {
		display: block
	}

	.ph-pro-about-doctor1, .ph-pro-about-doctor2 {
		width: 100%;
	}

	.ph-pro-about-doctor1 h3 {
		font-size: var(--main-font-size-head);
	}

	.ph-pro-about-doctor1 p {
		font-size: var(--main-font-size-9)
	}

	.ph-pro-about-doctor2 h3 {
		margin: 60px 0 20px;
		font-size: var(--main-font-size-head)
	}

	.ph-pro-about-doctor2 .ph-pro-loc-img {
		width: 100%;
		height: 250px
	}

	.ph-pro-loc, .ph-pro-tel {
		flex-direction: row;
		margin: 10px 0
	}

	.ph-pro-loc img, .ph-pro-tel img {
		width: 13px;
		height: 13px;
		margin-left: 5px;
		transform: translateY(2px)
	}

	.ph-pro-about-doc-row1 {
		justify-content: center
	}

	.ph-pro-about-doctor-gallery .ph-pro-about-doctor-gallery-row {
		flex-direction: column;
		justify-content: center
	}

	.ph-pro-about-doctor-gallery {
		padding: 0 10px
	}

	.ph-pro-about-doctor-gallery-row1, .ph-pro-about-doctor-gallery-row2 {
		width: 100%
	}

	.ph-pro-about-doctor-gallery-row2 {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between
	}

	.ph-pro-about-doctor-gallery-row2 img {
		width: 49%;
		height: 200px;
		margin-top: 13px;
		border-radius: var(--main-border-radius) !important
	}

	.ph-pro-about-doctor-gallery .video-wrapper {
		border-radius: var(--main-border-radius) !important;
		height: 400px
	}
}

@media screen and (min-width: 810px) {
	.my-datepicker-days.days-name, .my-datepicker-days.days-name:hover {
		height: 27px
	}
}

@media screen and (max-width: 810px) {
	.appointment-left-sel-par {
		flex-direction: column;
		justify-content: center;
	}

	.my-datepicker-days.days-name p {
		transform: rotateZ(-66deg) translate(7px, 0px);
		font-size: 9pt;
	}
}

@media screen and (max-width: 767px) {
	.ph-pro-about-doc-row1 {
		justify-content: space-between
	}

	.ph-pro-about-doc-row11, .ph-pro-about-doc-row12, .ph-pro-about-doc-row13 {
		width: 32%;
		text-align: center
	}

	.ph-pro-about-doc-row11 div h3, .ph-pro-about-doc-row12 div h3, .ph-pro-about-doc-row13 div h3 {
		font-size: var(--main-font-size-9)
	}

	.ph-pro-about-doc-row11 div h4, .ph-pro-about-doc-row12 div h4, .ph-pro-about-doc-row13 div h4 {
		font-size: var(--main-font-size-9)
	}

	.ph-profile-st2-r1-content {
		padding: 0 10px;
	}

	.ph-profile-st2-r2 {
		padding: 50px 10px;
	}

	.ph-pro-modal {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-radius: 0;
	}

	.ph-pro-row1 {
		border-top: none;
	}
}

@media screen and (max-width: 641px) {
	.my-datepicker-days {
		width: 12%
	}
}

@media screen and (max-width: 638px) {
	.ph-pro-about-doctor-gallery .video-wrapper {
		border-radius: var(--main-border-radius) !important;
		height: 300px
	}

	.ph-pro-comment .ph-pro-comment-head {
		flex-direction: column;
		justify-content: center
	}

	.ph-pro-comment .ph-pro-comment-head h3 {
		margin-bottom: 20px;
		font-size: var(--main-font-size-10)
	}

	.ph-pro-comment .ph-pro-comment-head button {
		width: 70%;
		margin: 0 auto
	}

	.ph-pro-comment-card-desc p {
		font-size: var(--main-font-size-9);
	}
}

@media (max-width: 600px) {
	.my-datepicker-days.active .my-datepicker-days-type.show {
		width: 30px;
	}

	.my-datepicker-days p img {
		width: 13px;
		height: 13px
	}
}

@media screen and (max-width: 510px) {
	.ph-pro-modal-freeHours {
		width: 100%;
		height: 100%;
		top: 0;
		border-radius: 0;
	}

	.old-patients {
		padding: 7px 10px 0 !important;
	}

	.old-patients.show {
		height: 34px !important;
		font-size: 9px;
	}

}

@media screen and (max-width: 480px) {
	.ph-pro-comment .ph-pro-comment-head button {
		width: 100%
	}

	.ph-pro-faq .accordion {
		font-size: 8pt
	}

	.ph-pro-faq .faq-list {
		padding: 0;
	}

	.ph-pro-about-doctor2 .ph-pro-loc-img {
		height: 160px
	}

	.ph-pro-about-doc-row1 {
		flex-direction: column;
		justify-content: center;
		text-align: right
	}

	.ph-pro-about-doc-row11, .ph-pro-about-doc-row12, .ph-pro-about-doc-row13 {
		width: 100%
	}

	.ph-pro-about-doc-row12, .ph-pro-about-doc-row13 {
		margin-top: 30px
	}

	.ph-pro-about-doctor-gallery-row2 {
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: center
	}

	.ph-pro-about-doctor-gallery-row2 img {
		width: 100%;
		height: 200px;
		margin-top: 20px;
		border-radius: var(--main-border-radius) !important
	}

	.ph-pro-about-doctor-gallery .video-wrapper {
		border-radius: var(--main-border-radius) !important;
		height: 200px
	}

	.biovisit-my-faq.guest {
		max-width: 97%;
	}

	.old-patient-message {
		font-size: 9px;
		padding: 9px 17px 11px;
	}

	.old-patient-message.show {
		height: 35px
	}

	#title-on-first-emp-in-Person, #title-on-first-emp-online {
		font-size: 10pt;
		transform: translateY(5px);
	}

	.sel-first-emp-time {
		justify-content: center;
	}

	.sel-first-emp-time p {
		width: 49%
	}

	.ph-profile-st2-r1-content h2, .ph-profile-st2-r2 h2 {
		font-size: 13pt
	}

	.ph-profile-st2-r1-content h3, .ph-profile-st2-r2 p {
		font-size: 11pt;
		font-weight: normal
	}
}

@media (max-width: 424px) {
	.my-datepicker-days.active .my-datepicker-days-type.show {
		width: 20px;
		padding: 0 0 8px;
	}

	.my-datepicker-days p img {
		width: 9px;
		height: 10px
	}
}

@media screen and (max-width: 370px) {
	.my-datepicker-days {
		width: 11%
	}

	.ph-pro-modal-freeHours .ph-modal-freeHours-time-body {
		justify-content: center
	}

	.old-patient-message {
		font-size: 8px;
	}

	.sel-first-emp-time p {
		width: 98%
	}

	.my-datepicker-days.active .my-datepicker-days-type.show {
		width: 20px;
		padding: 0 0 8px;
		transform: translateX(4px);
	}

	.my-datepicker-days p img {
		width: 10px;
		height: 10px
	}

	.ph-profile-st2-r3 {
		flex-direction: column
	}

	.ph-profile-st2-r3 button {
		width: 90%;
		margin: 10px auto !important;
	}

	.ph-profile-st2-r1-img img {
		width: 100%
	}
}

@media screen and (max-width: 265px) {
	.my-datepicker-days {
		width: 10%
	}
}

/*  Start the En Langُ*/
body[my_dir=ltr] .ph-pro-about-doctor {
	flex-direction: row-reverse
}

body[my_dir=ltr] .ph-pro-loc, body[my_dir=ltr] .ph-pro-tel {
	justify-content: start;
	padding-left: 20px;
	direction: ltr
}

body[my_dir=ltr] .ph-pro-about-doc-row11 h3, body[my_dir=ltr] .ph-pro-about-doc-row12 h3,
body[my_dir=ltr] .ph-pro-about-doctor1 h3 {
	text-align: left
}

body[my_dir=ltr] .ph-pro-row1 {
	justify-content: space-between;
}


body[my_dir=ltr] .ph-profile-tab-menu h1 {
	direction: ltr;
	padding: 40px 0 20px 10px;
}

body[my_dir=ltr] .head-map-dr {
	text-align: left;
	padding-left: 20px;
}

body[my_dir=ltr] .ph-pro-insurance h4, body[my_dir=ltr] .ph-pro-insurance h5 {
	text-align: left;
	padding-left: 20px
}

body[my_dir=ltr] .my-datepicker-body {
	flex-direction: row-reverse
}

body[my_dir=ltr] .ph-pro-row11-2 h2 {
	direction: ltr !important;
}

body[my_dir=ltr] .head-my-datepicker {
	flex-direction: row;
}

body[my_dir=ltr] .head-sel-on-first-emp {
	flex-direction: row-reverse;
}

/*body[my_dir=ltr] .my-datepicker-next, body[my_dir=ltr] .first-emp-btn-next {*/
/*    transform: translateY(13px) rotateZ(180deg);*/
/*}*/

body[my_dir=ltr] .modal-btn-next {
	transform: translateY(2px) rotateZ(180deg);
}

/*body[my_dir=ltr] .my-datepicker-prev, body[my_dir=ltr] .first-emp-btn-prev {*/
/*    transform: translateY(13px) rotateZ(0deg);*/
/*}*/

body[my_dir=ltr] .modal-btn-back {
	transform: translateY(2px) rotateZ(0deg);
}

body[my_dir=ltr] .sel-first-emp-time {
	justify-content: start;
	flex-direction: row;
}

body[my_dir=ltr] .ph-profile-tab-menu .tabs ul li label {
	direction: ltr;
	text-align: left
}

body[my_dir=ltr] .ph-pro-appointment {
	flex-direction: row-reverse
}

body[my_dir=ltr] .appointment-right-head-par {
	flex-direction: row-reverse
}

body[my_dir=ltr] .appointment-right-btn-par {
	direction: ltr;
	text-align: left
}

body[my_dir=ltr] .appointment-left-sel {
	direction: ltr;
	text-align: left
}

body[my_dir=ltr] .appointment-left-sel p {
	margin-left: 10px;
	margin-right: 0;
}

body[my_dir=ltr] .appointment-right-btn-arrow-ch {
	transform: rotateZ(180deg);
}

body[my_dir=ltr] .ph-profile-tab-menu .tabs input[name=tab-control]:nth-of-type(1):checked ~ .slider {
	transform: translateX(0%);
}

body[my_dir=ltr] .ph-profile-tab-menu .tabs input[name=tab-control]:nth-of-type(2):checked ~ .slider {
	transform: translateX(-112%);
}

body[my_dir=ltr] .ph-profile-tab-menu .tabs input[name=tab-control]:nth-of-type(3):checked ~ .slider {
	transform: translateX(-212%);
}

body[my_dir=ltr] .ph-profile-tab-menu .tabs input[name=tab-control]:nth-of-type(4):checked ~ .slider {
	transform: translateX(-312%);
}

body[my_dir=ltr] .appointment-right-head-img-ward {
	transform: translateY(13px) !important;
}

body[my_dir=ltr] .select-on-first-emp h4 {
	direction: ltr;
	text-align: left
}

body[my_dir=ltr] .old-patients, body[my_dir=ltr] .ph-pro-modal-freeHours .ph-modal-freeHours-time-body p, body[my_dir=ltr] .ph-modal-freeHours-time h2, body[my_dir=ltr] .select-on-first-emp, body[my_dir=ltr] .sel-first-emp-time p {
	direction: ltr;
}

body[my_dir=ltr] .ph-profile-st2-r1-img img {
	transform: rotateY(180deg);
}

body[my_dir=ltr] .ph-profile-st2-r1-content h2, body[my_dir=ltr] .ph-profile-st2-r1-content h3, body[my_dir=ltr] .ph-profile-st2-r2 h2, body[my_dir=ltr] .ph-profile-st2-r2 p {
	text-align: left;
	direction: ltr
}

body[my_dir=ltr] .ph-profile-st2-r3 button:first-child {
	margin-right: unset;
	margin-left: 10px
}

@media screen and (max-width: 1100px) {
	body[my_dir=ltr] .ph-pro-row1 {
		flex-direction: column;
		justify-content: center;
	}

	body[my_dir=ltr] .ph-pro-row11, body[my_dir=ltr] .ph-pro-row12 {
		width: 100%
	}

	body[my_dir=ltr] .ph-pro-row11 {
		flex-direction: column;
	}

	body[my_dir=ltr] .ph-pro-appointment {
		flex-direction: column;
		justify-content: center;
	}

	body[my_dir=ltr] .appointment-left-sel-par {
		margin-top: 20px
	}

	body[my_dir=ltr] .ph-pro-appointment-right, body[my_dir=ltr] .ph-pro-appointment-left {
		width: 100%;
	}

	body[my_dir=ltr] .ph-pro-appointment-right button {
		margin: 0 auto 10px;
	}

	body[my_dir=ltr] .appointment-right-head-par {
		justify-content: center;
		padding-right: 0
	}

	body[my_dir=ltr] .appointment-right-btn-par {
		padding-right: 0
	}
}

@media screen and (max-width: 480px) {
	body[my_dir=ltr] .sel-first-emp-time {
		justify-content: center;
	}
}

@media screen and (max-width: 810px) {
	body[my_dir=ltr] .appointment-left-sel-par {
		flex-direction: column;
		justify-content: center;
	}

	body[my_dir=ltr] .appointment-left-sel {
		margin: 0 auto 20px;
		width: 90%
	}

	/*body[my_dir=ltr]  .my-datepicker-days{width: 90px;}*/
}

/*  End the En Langُ*/
#title_not_found_calendar {
	margin-bottom: 10px;
}

/*new styles -- mj0512*/
.text-center {
	text-align: center;
}

.text-primary-blue {
	color: var(--main-blue) !important;
}

.text-link-blue {
	color: #3E6672;
}

.bg-primary-blue {
	background-color: var(--main-blue);
}

.flex-grow-child > * {
	flex-basis: 0;
	flex-grow: 1;
}

.select2-selection__arrow::after {
	position: absolute;
	top: 13px !important;
	right: 5px !important;
	transform-origin: 50% 70%;
}

.ph-pro-row12 {
	border-top: 1px solid #E2EDF4;
	padding-top: 10px;
}

.reserve-steps {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
}

.reserve-steps .reserve-step-connector {
	width: 50%;
	border-top: 2px dashed #959494;
	margin-bottom: 2rem;
}


.reserve-steps .reserve-step-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #959494;
	cursor: pointer;
}

.reserve-steps .reserve-step-item h5 {
	white-space: nowrap;
}

.reserve-steps .reserve-step-item .reserve-step-item-icon {
	padding: 15px;
	border-radius: 5px;
	margin-bottom: 15px;
}

.reserve-steps .reserve-step-item .reserve-step-item-icon svg.fill-line {
	fill: #959494;
	width: 35px;
	height: 35px;
	display: block;
}

.reserve-steps .reserve-step-item .reserve-step-item-icon svg.stroke-line {
	stroke: #959494;
	width: 35px;
	height: 35px;
	display: block;
}

.reserve-steps .reserve-step-item.active-step {
	color: #E8A033;
}

.reserve-steps .reserve-step-item.active-step.passed {
	opacity: 0.7;
}

.reserve-steps .reserve-step-connector.active-connector {
	border-color: #E8A033;
}

.reserve-steps .reserve-step-item.active-step .reserve-step-item-icon {
	background-color: #E8A033;
}

.reserve-steps .reserve-step-item.active-step .reserve-step-item-icon svg.fill-line {
	fill: #fff;
}

.reserve-steps .reserve-step-item.active-step .reserve-step-item-icon svg.stroke-line {
	stroke: #FFF;
}

.reserve-steps-contents .reserve-content-item {
	display: none;
}

.reserve-steps-contents .reserve-content-item.active-content {
	display: block;
}


.reserve-ward-items .reserve-ward-item {
	display: flex;
	flex-direction: column;
	border: 1px solid #D4D6E394;
	border-radius: 7px;
	overflow: hidden;
	margin-bottom: 10px;
	height: 100%;
	justify-content: space-between;
}

.reserve-ward-items .reserve-ward-item .d-flex {
	gap: 10px
}

.reserve-ward-items .reserve-ward-item h5 {
	max-height: 3rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* Number of lines to show */
	-webkit-box-orient: vertical;
	text-align: justify;
}

.reserve-ward-items .reserve-ward-item p {
	font-size: 12px;
	color: #8C8C8C;
	text-align: justify;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* Number of lines */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.canter-name {
	position: absolute;
	right: 0;
	top: 0;
	background-color: #3d83a6;
	padding: 3px 5px;
	border-radius: 0 0 0 7px;
	color: #fff !important;
}

.reserve-ward-items .reserve-ward-item .reserve-ward-item-icon {
	width: 43px;
	height: 43px;
	padding: 10px;
	border-radius: 50%;
	background-color: #A0C9DE;
}

.reserve-ward-items .reserve-ward-item .reserve-ward-btn, .reserve-ward-items .reserve-ward-item .reserve-ward-online_btn {
	padding: 10px;
	background-color: #3d83a6;
	color: #FFF;
	border-top: 1px solid #F0F2FB;
	cursor: pointer;
	transition: all 0.4s;
}

.reserve-ward-items .reserve-ward-item .reserve-ward-btn:hover {
	background-color: var(--bv-high-primary-color);
}

.ph-profile-address {
	background-color: #FFF;
	border-radius: 4px;
	box-shadow: 0px 0px 10px 0px rgba(197, 214, 237, 1);
	padding: 25px
}

.choose-appointment-type {
	display: flex;
	flex-wrap: wrap;
	height: 100%;
	width: 100%;
	border-radius: 4px;
	overflow: hidden;
	border: 1px solid rgba(178, 198, 227, 1);
}

.choose-appointment-type .appointment-left-sel {
	width: 50%;
	align-items: center;
}

.choose-appointment-type .appointment-left-sel .radio-box {
	width: 17px;
	height: 17px;
	outline: 2px solid var(--main-slow-white);
	border: 3px solid #FFF;
	border-radius: 50%;
	background-color: #FFF;
}

.choose-appointment-type .appointment-left-sel.active .radio-box {
	outline: 2px solid var(--main-blue-light-text);
	background-color: var(--main-blue-light-text);
	border-color: var(--main-blue-light-bg);
}

.choose-appointment-type .appointment-left-sel:first-of-type {
	border-right: 1px solid rgba(178, 198, 227, 1);
}

body[my_dir=rtl] .choose-appointment-type .appointment-left-sel:first-of-type {
	border-right: none;
	border-left: 1px solid rgba(178, 198, 227, 1);
}

body[my_dir=rtl] .canter-name {
	right: unset;
	left: 0;
	border-radius: 0 0 7px 0;

}

.appointment-time-box .appointment-time-item {
	padding-top: 15px;
}

.reserve-time-info {
	display: flex;
	gap: 15px;
	align-items: center;
}

.reserve-time-date {
	color: #424242;
	font-weight: 500;
}

.reserve-time-type {
	font-size: 0.8em;
	color: var(--main-blue-light-text);
	border: 1px solid var(--main-blue-light-text);
	padding: 0 15px;
	border-radius: 4px;
}

.appointment-time-box .appointment-time-item .first-time-box .first-time-item-box:not(.first-time-item-box:last-of-type) {
	border-bottom: 1px solid #EEE;
}

.first-time-hour {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
	margin-top: 10px;
}

.first-time-age-type {
	font-weight: 700;
	color: var(--main-blue-light-text);
	background-color: #E7EEF8;
	border-radius: 4px;
	padding: 0 20px;
	border: 1px solid var(--main-blue-light-text);
}

.appointment-time-box .appointment-time-item .first-time-box .first-time-cap {
	display: flex;
	gap: 15px;
	font-size: 12px;
	color: #8C8C8C;
	justify-content: space-between;
	align-items: center;
	margin-top: 15px;
}

.appointment-time-box .appointment-time-item .first-time-box .first-time-item-tags {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	justify-content: end;
}

.appointment-time-box .appointment-time-item .first-time-box .first-time-item-tags p {
	color: var(--main-blue-light-text);
	border: 1px solid var(--main-blue-light-text);
	padding: 0 15px;
	border-radius: 4px;
	font-size: 11px;
}

.appointment-time-box .appointment-time-item .first-time-item {
	color: var(--main-blue-light-text);
	background-color: #E7EEF8;
	border-radius: 4px;
	flex-grow: 1;
	padding: 10px 20px;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
	transition: all 0.4s;
	user-select: none;
}

.cant-start {
	color: var(--main-blue-light-text);
	background-color: #E7EEF8;
	border-radius: 4px;
	flex-grow: 1;
	padding: 20px 32px;
	text-align: center;
	white-space: nowrap;
	transition: all 0.4s;
	user-select: none;
	margin-top: 20px;
}

.appointment-time-box .appointment-time-item .first-time-item:hover {
	color: #FFF;
	background-color: var(--main-blue-light);
}

.appointment-time-box .appointment-time-item .first-time-item.reserved {
	color: #FFF;
	background-color: var(--main-blue-light);
}

.change-free-hours-btn {
	cursor: pointer;
}


#calendar-modal-date {
	font-size: 0.8em;
	white-space: nowrap;
}

.ph-pro-modal-head {
	display: flex;
	justify-content: flex-end;
}

.ph-pro-modal-close {
	cursor: pointer;
}

.app-select2-box .select2-container .select2-selection--single span.select2-selection__rendered {
	padding: 8px 16px;
}

@media (max-width: 1200px) {
	.choose-appointment-type {
		font-size: 0.8em;
	}
}

@media (max-width: 992px) {
	.ph-pro-row1 .ph-pro-row12 {
		display: none;
	}

	.ph-pro-row12 {
		border-top: none;
	}

	.ph-pro-row11 {
		flex-direction: row;
	}

	.reserve-steps .reserve-step-item .reserve-step-item-icon {
		padding: 8px;
	}

	.ph-pro-row11-1 img {
		width: 100px;
		height: 100px;
	}

	.ph-pro-row11-2 h2 {
		margin-top: 0;
	}

}

@media (max-width: 576px) {
	.reserve-steps .reserve-step-item {
		font-size: 12px;
	}

	.choose-appointment-type .appointment-left-sel {
		width: 100%;
	}

	.choose-appointment-type .appointment-left-sel:first-of-type {
		border: none !important;
		border-bottom: 1px solid rgba(178, 198, 227, 1) !important;
	}

	.appointment-time-box .reserve-time-title {
		font-size: 0.8em;
	}

	.appointment-time-box .reserve-time-type {
		font-size: 0.7em;
	}

	.appointment-time-box .appointment-time-item .first-time-item {
		font-size: 0.9em;
	}

	.ph-pro-row11-1 {
		width: auto;
	}

	.ph-pro-row11-1 img {
		width: 80px;
		height: 80px;
	}

}

@media (min-width: 992px) {
	.app-select2-box .select2-container .select2-selection--single {
		height: 48px;
	}
}

/*calendar styles*/
#calendar tbody.fc-body > tr > td.fc-widget-content {
	border: none;
}

.fc {
	direction: inherit;
}

.fc table {
	border-collapse: separate;
	border-spacing: 6px 3px;
}

.fc td {
	border-radius: 4px;
	border: 1px solid var(--main-blue-light);
}

.fc-center h2 {
	color: var(--main-blue) !important;
	text-align: center;
}

.fc-event {
	text-align: center;
	cursor: pointer;
	background-color: #255C78 !important;
	border: none;
	position: relative;
}

.fc-toolbar {
	flex-direction: row-reverse;
	flex-wrap: wrap;
	gap: 10px;
}

.fc-day-grid-event {
	margin: 2px
}

.fc-toolbar .fc-right {
	position: static;
}

.fc-button-group {
	font-size: 0.9em;
	flex-direction: row-reverse;
}

.fc .fc-head-container .fc-widget-header {
	background-color: #E7EEF8;
	padding: 3px 0;
	border-radius: 4px;
	font-size: 12px;
	color: var(--main-blue-light-text);
}

.fc-toolbar.fc-header-toolbar {
	margin-bottom: 0;
}


.fc-button.fc-prev-button, .fc-button.fc-next-button, .fc-button-primary, .fc-button-primary:disabled {
	color: var(--main-blue-light-text);
	border: 1px solid #B2C6E3;
	background-color: transparent;
}

.fc-button-primary:hover {
	background-color: var(--main-blue-light-bg);
	color: var(--main-blue-light-text);
}

.fc-button-primary:not(:disabled):active, .fc-button-primary:not(:disabled).fc-button-active {
	background-color: var(--main-blue-light-bg);
	color: var(--main-blue-light-text);
	border-color: #B2C6E3;
}

.fc-dayGrid-view .fc-day-top .fc-day-number {
	color: var(--main-blue-light-text);
	padding: 2px 4px;
}

.fc td.holiday-cell {
	background-color: #E7EEF8;
}

.fc-toolbar .fc-right, .fc-toolbar .fc-left, .fc-toolbar .fc-center {
	flex-basis: 0;
	flex-grow: 1;
}

.fc-event.not_in_range_event.is_past_event, .fc-event.full_event {
	opacity: 0.5;
	pointer-events: none;
}

.fc-content-skeleton tbody {
	height: 75px;
}

.fc-content {
	display: flex;
	gap: 5px;
	align-items: center;
	justify-content: center;
}


@media (max-width: 650px) {
	th.fc-day-header span span {
		transform: rotate(0deg);
	}

	.fc .fc-toolbar h2 {
		font-size: 14px;
	}

	.fc-right {
		display: none;
	}

	.fc-center {
		text-align: initial;
	}
}

@media (max-width: 650px) {
	th.fc-day-header span {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 50px;
		transform: rotate(-45deg);
	}
}

/*suggestion list styles */

.suggestion-card {
	border-radius: 4px;
	background: #FFF;
	box-shadow: 0px 0px 10px 0px #C5D6ED;
	padding: 25px;
}

.suggest-item {
	display: flex;
	border-radius: 4px;
	background: #FFF;
	box-shadow: 0px 0px 5px 0px #B2C6E3;
	padding: 18px 12px 12px 12px;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	text-align: center;
	gap: 7px;
	font-weight: 500;
	height: 100%;
}

.suggest-item-profile {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	overflow: hidden;
}

.suggest-item-profile img {
	display: block;
	width: 100%;
	height: 100%;
}

.suggest-item-button {
	border-radius: 4px;
	background: #3D83A6;
	padding: 10px;
	width: 100%;
	color: #FFF;
	font-weight: 800;
	text-align: center;
}

.slider-container {
	padding: 0 60px;
}

.swiper {
	padding: 15px 5px;
	overflow: hidden;
}

.swiper-slide {
	height: unset !important;
}

.swiper-button-prev,
.swiper-button-next {
	border-radius: 5px;
	padding: 15px 20px;
	background: rgba(241, 244, 245, 0.86);
	color: #424242 !important;
	font-weight: 800;
}


.swiper-button-next::after, .swiper-button-prev::after {
	font-size: 18px !important;
}

.card-start-txt {
	color: #424242;
}

.cant-start div:last-child span {
	color: #424242;
}

@media (max-width: 570px) {
	.cant-start {
		font-size: 12px;
	}
}