.getappointmenttime_page {
	width: 100% !important;
	padding: 30px 0 100px;
}

.getappointmenttime_page .login-top-tab-col1 {
	display: flex;
	justify-content: space-between;
	gap: 10px;
}

.getappointmenttime_page .login-top-tab-col1 .login-top-tab-col1-img {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.getappointmenttime_page .login-top-tab-col1 .login-top-tab-col1-text {
	width: 77%;
	direction: rtl;
}

.getappointmenttime_page .login-top-tab-col1 .login-top-tab-col1-img img {
	width: 88px;
	height: 88px;
	border-radius: 50%
}

.getappointmenttime_page .login-top-tab-col1 .login-top-tab-col1-text h2 {
	font-size: var(--main-font-size-9);
	text-align: right;
}

.appointment-data-badge {
	position: absolute;
	top: 12px;
	left: 12px;
	font-size: var(--main-font-size-8);
	text-align: right;
	background-color: var(--main-blue);
	padding: 4px 10px;
	color: var(--main-white);
	border-radius: var(--main-border-radius);
	width: fit-content;
	width: -moz-fit-content
}

.getappointmenttime_page .login-top-tab-col2 {
	margin-top: 20px;
	border-top: 1px solid var(--main-slow-white);
}

.getappointmenttime_page .login-top-tab-col2 h2 {
	text-align: right
}

.hidden {
	display: none !important;
}

@media screen and (max-width: 481px) {
	.login-top-tab-col1 {
		flex-direction: column !important
	}

	.getappointmenttime_page .login-top-tab-col1 .login-top-tab-col1-img {
		width: 100%
	}

	.getappointmenttime_page .login-top-tab-col1 .login-top-tab-col1-text {
		width: 240px;
		margin: 0 auto
	}

	.appointment-data-badge {
		top: 12px;
		right: 12px;
		left: unset
	}

	.getappointmenttime_page .login-top-tab-col1 .login-top-tab-col1-text h2 {
		text-align: center
	}

	.login-top-tab-col1-text:nth-child(1) {
		margin-top: 20px
	}
}

/*  Start the En Langُ*/
body[my_dir=ltr] .getappointmenttime_page .login-top-tab-col1 .login-top-tab-col1-text {
	direction: ltr
}

body[my_dir=ltr] .getappointmenttime_page .login-top-tab-col1 .login-top-tab-col1-text h2 {
	text-align: left;
}

body[my_dir=ltr] .getappointmenttime_page .login-top-tab-col2 h2 {
	text-align: left;
	direction: ltr
}

body[my_dir=ltr] .appointment-data-badge {
	left: unset;
	right: 12px
}

/*  End the En Langُ*/