.elementor-1346 .elementor-element.elementor-element-11e1e20{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1346 .elementor-element.elementor-element-fcc658e{--display:flex;}.elementor-1346 .elementor-element.elementor-element-fcc658e.e-con{--align-self:center;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1346 .elementor-element.elementor-element-fcc658e{--width:40%;}}@media(max-width:767px){.elementor-1346 .elementor-element.elementor-element-11e1e20{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1346 .elementor-element.elementor-element-fcc658e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1346 .elementor-element.elementor-element-3179a44{width:100%;max-width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-3179a44 *//* ============================================================
   Bookly Customer Auth - Theme v2
   کارت سفید تمیز روی پس‌زمینهٔ نعنایی سایت، سوییچ کپسولی سبز برای تب‌ها،
   فونت و فاصله‌ها بزرگ‌تر شد. !important روی موارد بصری اصلی گذاشته شده
   چون استایل پیش‌فرض دکمه/اینپوت قالب سایت داشت رو override می‌کرد.
   ============================================================ */

@font-face {
	font-family: "IRANSansXBooqly";
	src: url("https://doctoraram.com/wp-content/uploads/2026/02/IRANSansX-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

/* --------------------------------------------------
   Tokens
-------------------------------------------------- */

.bkc-login-form,
.bkc-register-form,
.bkc-reset-form,
.bkc-auth-tabs {
	--bkc-ink: #0D2119;
	--bkc-muted: #5B7768;
	--bkc-green: #1E4735;
	--bkc-green-hover: #256B4C;
	--bkc-mint: #EFFFF6;
	--bkc-mint-line: #CFE6D8;
	--bkc-mint-soft: #E3F5EA;
	--bkc-error-bg: #FDECEA;
	--bkc-error-line: #F1C6C6;
	--bkc-error-ink: #7A2E2E;
}

/* --------------------------------------------------
   Global
-------------------------------------------------- */

.bkc-login-form,
.bkc-register-form,
.bkc-reset-form,
.bkc-auth-tabs,
.bkc-account-button {
	font-family: "IRANSansXBooqly", Tahoma, sans-serif !important;
}

.bkc-login-form *,
.bkc-register-form *,
.bkc-reset-form *,
.bkc-auth-tabs *,
.bkc-account-button * {
	box-sizing: border-box !important;
	font-family: inherit !important;
}

/* --------------------------------------------------
   Card
-------------------------------------------------- */

.bkc-login-form,
.bkc-register-form,
.bkc-reset-form,
.bkc-auth-tabs {
	max-width: 420px;
	width: 100%;
	margin: 0 auto !important;
	background: #fff !important;
	border: 1px solid var(--bkc-mint-line) !important;
	border-radius: 22px !important;
	box-shadow: 0 18px 40px -20px rgba(13, 33, 25, .18) !important;
	padding: 44px 40px !important;
}

.bkc-auth-tabs .bkc-login-form,
.bkc-auth-tabs .bkc-register-form,
.bkc-auth-tabs .bkc-reset-form {
	max-width: none !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
}

.bkc-already-logged-in {
	text-align: center !important;
	color: var(--bkc-ink) !important;
	font-size: 16px !important;
	line-height: 1.9 !important;
}

.bkc-already-logged-in a {
	color: var(--bkc-green) !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	border-bottom: 1.5px solid var(--bkc-green-hover) !important;
	padding-bottom: 1px;
}

.bkc-already-logged-in a:hover {
	color: var(--bkc-green-hover) !important;
}

/* --------------------------------------------------
   Tabs - segmented capsule switcher
-------------------------------------------------- */

.bkc-auth-tabs__nav {
	display: flex !important;
	gap: 4px !important;
	background: var(--bkc-mint) !important;
	border: 1px solid var(--bkc-mint-line) !important;
	border-radius: 999px !important;
	padding: 5px !important;
	margin: 0 0 32px !important;
}

.bkc-auth-tabs__nav-item {
	flex: 1 1 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 999px !important;
	padding: 12px 14px !important;
	cursor: pointer !important;
	font-size: 15px !important;
	line-height: 1.3 !important;
	color: var(--bkc-muted) !important;
	opacity: 1 !important;
	font-weight: 600 !important;
	white-space: nowrap !important;
	transition: background-color .2s ease, color .2s ease !important;
}

.bkc-auth-tabs__nav-item:hover {
	background: var(--bkc-mint-soft) !important;
	color: var(--bkc-green) !important;
}

.bkc-auth-tabs__nav-item--active,
.bkc-auth-tabs__nav-item--active:hover {
	background: var(--bkc-green) !important;
	color: #fff !important;
	font-weight: 700 !important;
	box-shadow: 0 6px 14px -6px rgba(30, 71, 53, .55) !important;
}

/* --------------------------------------------------
   Field / label
-------------------------------------------------- */

.bkc-field {
	margin-bottom: 22px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 9px !important;
}

.bkc-field label {
	display: block !important;
	color: var(--bkc-ink) !important;
	font-size: 14.5px !important;
	font-weight: 600 !important;
	opacity: 1 !important;
}

/* --------------------------------------------------
   Inputs
-------------------------------------------------- */

.bkc-login-form input,
.bkc-register-form input,
.bkc-reset-form input {
	display: block !important;
	width: 100% !important;
	min-height: 56px !important;
	padding: 0 18px !important;
	background: #F8FBF9 !important;
	color: var(--bkc-ink) !important;
	font-size: 17px !important;
	border: 1.5px solid var(--bkc-mint-line) !important;
	border-radius: 14px !important;
	outline: none !important;
	box-shadow: none !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease !important;
}

.bkc-login-form input:hover,
.bkc-register-form input:hover,
.bkc-reset-form input:hover {
	border-color: #B7DAC6 !important;
}

.bkc-login-form input:focus,
.bkc-register-form input:focus,
.bkc-reset-form input:focus {
	background: #fff !important;
	border-color: var(--bkc-green) !important;
	box-shadow: 0 0 0 4px rgba(30, 71, 53, .13) !important;
}

.bkc-login-form input::placeholder,
.bkc-register-form input::placeholder,
.bkc-reset-form input::placeholder {
	color: #9FB5A9 !important;
	font-size: 15.5px !important;
}

/* OTP code - the one deliberately oversized moment in an otherwise quiet form */
.bkc-field-otp input {
	text-align: center !important;
	font-size: 30px !important;
	font-weight: 700 !important;
	letter-spacing: 12px !important;
	padding-right: 6px !important; /* optically re-center after the letter-spacing */
}

/* --------------------------------------------------
   Hint / error
-------------------------------------------------- */

.bkc-form-hint {
	color: var(--bkc-muted) !important;
	font-size: 14.5px !important;
	line-height: 1.7 !important;
	margin: 0 0 24px !important;
	text-align: center !important;
}

.bkc-form-error {
	background: var(--bkc-error-bg) !important;
	color: var(--bkc-error-ink) !important;
	border: 1.5px solid var(--bkc-error-line) !important;
	border-radius: 14px !important;
	padding: 13px 16px !important;
	margin-bottom: 22px !important;
	font-size: 14.5px !important;
	line-height: 1.6 !important;
	text-align: center !important;
}

/* --------------------------------------------------
   Button
-------------------------------------------------- */

.bkc-login-form button,
.bkc-register-form button,
.bkc-reset-form button {
	display: block !important;
	width: 100% !important;
	min-height: 56px !important;
	margin-top: 6px !important;
	cursor: pointer !important;
	background: var(--bkc-green) !important;
	color: #fff !important;
	font-size: 17px !important;
	font-weight: 700 !important;
	border: none !important;
	border-radius: 14px !important;
	box-shadow: 0 10px 22px -10px rgba(30, 71, 53, .55) !important;
	transition: background-color .2s ease, transform .1s ease, box-shadow .2s ease !important;
}

.bkc-login-form button:hover,
.bkc-register-form button:hover,
.bkc-reset-form button:hover {
	background: var(--bkc-green-hover) !important;
	box-shadow: 0 12px 26px -10px rgba(30, 71, 53, .6) !important;
}

.bkc-login-form button:active,
.bkc-register-form button:active,
.bkc-reset-form button:active {
	transform: scale(.98) !important;
	box-shadow: 0 6px 14px -8px rgba(30, 71, 53, .5) !important;
}

/* --------------------------------------------------
   Account button (site header - logged-in / logged-out)
-------------------------------------------------- */

.bkc-account-button {
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
	padding: 15px !important;
	background: #1E4735 !important;
	color: #FFFFFF !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	border-radius: 16px !important;
	box-shadow: 0 8px 18px -10px rgba(30, 71, 53, .5) !important;
	transition: background-color .2s ease, box-shadow .2s ease !important;
}

.bkc-account-button:hover {
	background: #256B4C !important;
	color: #FFFFFF !important;
	box-shadow: 0 10px 22px -8px rgba(30, 71, 53, .55) !important;
}

.bkc-avatar {
	display: inline-flex !important;
	line-height: 0 !important;
}

.bkc-avatar img {
	width: 28px !important;
	height: 28px !important;
	border-radius: 50% !important;
	display: block !important;
	border: 2px solid rgba(255, 255, 255, .6) !important;
}

/* --------------------------------------------------
   Responsive
-------------------------------------------------- */

@media (max-width: 600px) {
	.bkc-login-form,
	.bkc-register-form,
	.bkc-reset-form,
	.bkc-auth-tabs {
		width: 94% !important;
		padding: 32px 24px !important;
		border-radius: 20px !important;
	}

	.bkc-auth-tabs__nav-item {
		font-size: 14px !important;
		padding: 11px 8px !important;
	}

	.bkc-field {
		margin-bottom: 18px !important;
	}

	.bkc-login-form input,
	.bkc-register-form input,
	.bkc-reset-form input {
		min-height: 54px !important;
		font-size: 16px !important;
	}

	.bkc-field-otp input {
		font-size: 26px !important;
		letter-spacing: 9px !important;
	}

	.bkc-login-form button,
	.bkc-register-form button,
	.bkc-reset-form button {
		min-height: 54px !important;
		font-size: 16px !important;
	}
}

@media (max-width: 380px) {
	.bkc-login-form,
	.bkc-register-form,
	.bkc-reset-form,
	.bkc-auth-tabs {
		padding: 26px 18px !important;
	}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fcc658e *//* ============================================================
   Bookly Customer Auth - Theme
   (رنگ و فونت از استایل دیجیتس گرفته شده، برای کلاس‌های خودِ این پلاگین
   بازنویسی شده - bkc-login-form / bkc-register-form / bkc-reset-form /
   bkc-auth-tabs / bkc-account-button)
   ============================================================ */

@font-face {
	font-family: "IRANSansXBooqly";
	src: url("https://doctoraram.com/wp-content/uploads/2026/02/IRANSansX-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

/* --------------------------------------------------
   Global
-------------------------------------------------- */

.bkc-login-form,
.bkc-register-form,
.bkc-reset-form,
.bkc-auth-tabs,
.bkc-account-button {
	font-family: "IRANSansXBooqly", Tahoma, sans-serif !important;
}

.bkc-login-form *,
.bkc-register-form *,
.bkc-reset-form *,
.bkc-auth-tabs *,
.bkc-account-button * {
	box-sizing: border-box;
}

/* --------------------------------------------------
   Card
-------------------------------------------------- */

.bkc-login-form,
.bkc-register-form,
.bkc-reset-form {
	max-width: 380px;
	width: 100%;
	margin: 0 auto;
	background: #EFFFF6;
	border-radius: 18px;
	padding: 32px 28px;
}

.bkc-auth-tabs {
	max-width: 380px;
	width: 100%;
	margin: 0 auto;
	background: #EFFFF6;
	border-radius: 18px;
	padding: 32px 28px 28px;
}

.bkc-auth-tabs .bkc-login-form,
.bkc-auth-tabs .bkc-register-form,
.bkc-auth-tabs .bkc-reset-form {
	max-width: none;
	background: transparent;
	padding: 0;
}

.bkc-already-logged-in {
	text-align: center;
	color: #0D2119;
}

/* --------------------------------------------------
   Tabs
-------------------------------------------------- */

.bkc-auth-tabs__nav {
	display: flex;
	gap: 8px;
	margin-bottom: 24px;
	border-bottom: 1px solid #CFE6D8;
}

.bkc-auth-tabs__nav-item {
	background: none;
	border: 0;
	padding: 8px 4px 12px;
	cursor: pointer;
	font: inherit;
	color: #0D2119;
	opacity: .6;
	font-size: 14px;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
	transition: color .2s ease, opacity .2s ease, border-color .2s ease;
}

.bkc-auth-tabs__nav-item:hover {
	opacity: .85;
}

.bkc-auth-tabs__nav-item--active {
	color: #1E4735;
	opacity: 1;
	font-weight: 700;
	border-bottom-color: #1E4735;
}

/* --------------------------------------------------
   Field / label
-------------------------------------------------- */

.bkc-field {
	margin-bottom: 16px;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.bkc-field label {
	display: block;
	color: #0D2119;
	opacity: .75;
	font-size: 13px;
}

/* --------------------------------------------------
   Inputs
-------------------------------------------------- */

.bkc-login-form input,
.bkc-register-form input,
.bkc-reset-form input {
	width: 100%;
	min-height: 50px;
	padding: 0 14px;
	background: #fff;
	color: #0D2119;
	font-size: 16px;
	font-family: inherit;
	border: 1.5px solid #CFE6D8;
	border-radius: 12px;
	outline: none;
	box-shadow: none;
	appearance: none;
	-webkit-appearance: none;
	transition: border-color .25s ease, box-shadow .25s ease;
}

.bkc-login-form input:focus,
.bkc-register-form input:focus,
.bkc-reset-form input:focus {
	border-color: #1E4735;
	box-shadow: 0 0 0 3px rgba(30, 71, 53, .12);
}

.bkc-login-form input::placeholder,
.bkc-register-form input::placeholder,
.bkc-reset-form input::placeholder {
	color: #9FB5A9;
}

/* OTP code field - bigger, centered, spaced-out digits */
.bkc-field-otp input {
	text-align: center;
	font-size: 22px !important;
	font-weight: 700;
	letter-spacing: 8px;
}

/* --------------------------------------------------
   Hint / error
-------------------------------------------------- */

.bkc-form-hint {
	color: #0D2119;
	opacity: .75;
	font-size: 13.5px;
	margin: 0 0 16px;
	text-align: center;
}

.bkc-form-error {
	background: #FBEAEA;
	color: #7A2E2E;
	border: 1.5px solid #F1C6C6;
	border-radius: 12px;
	padding: 10px 14px;
	margin-bottom: 16px;
	font-size: 13.5px;
	text-align: center;
}

/* --------------------------------------------------
   Button
-------------------------------------------------- */

.bkc-login-form button,
.bkc-register-form button,
.bkc-reset-form button {
	width: 100%;
	min-height: 50px;
	cursor: pointer;
	background: #1E4735;
	color: #EFFFF6;
	font-family: inherit;
	font-size: 15.5px;
	font-weight: 700;
	border: none;
	border-radius: 12px;
	box-shadow: none;
	transition: opacity .2s ease, transform .1s ease;
}

.bkc-login-form button:hover,
.bkc-register-form button:hover,
.bkc-reset-form button:hover {
	opacity: .92;
}

.bkc-login-form button:active,
.bkc-register-form button:active,
.bkc-reset-form button:active {
	transform: scale(.98);
}

/* --------------------------------------------------
   Account button (header - logged-in / logged-out)
-------------------------------------------------- */

.bkc-account-button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 18px;
	background: #1E4735;
	color: #EFFFF6 !important;
	font-family: "IRANSansXBooqly", Tahoma, sans-serif;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none !important;
	border-radius: 12px;
	transition: opacity .2s ease;
}

.bkc-account-button:hover {
	opacity: .9;
	color: #EFFFF6 !important;
}

.bkc-avatar {
	display: inline-flex;
	line-height: 0;
}

.bkc-avatar img {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	display: block;
}

/* --------------------------------------------------
   Mobile
-------------------------------------------------- */

@media (max-width: 768px) {
	.bkc-login-form,
	.bkc-register-form,
	.bkc-reset-form,
	.bkc-auth-tabs {
		width: 92%;
		max-width: 420px;
		padding: 28px 22px;
		border-radius: 18px;
	}

	.bkc-login-form input,
	.bkc-register-form input,
	.bkc-reset-form input {
		min-height: 56px;
		font-size: 16px;
	}

	.bkc-field {
		margin-bottom: 14px;
	}

	.bkc-login-form button,
	.bkc-register-form button,
	.bkc-reset-form button {
		min-height: 56px;
		font-size: 16px;
		margin-top: 4px;
	}
}

@media (max-width: 480px) {
	.bkc-login-form,
	.bkc-register-form,
	.bkc-reset-form,
	.bkc-auth-tabs {
		width: 95%;
		padding: 24px 18px;
	}

	.bkc-login-form input,
	.bkc-register-form input,
	.bkc-reset-form input {
		min-height: 54px;
		font-size: 15px;
	}

	.bkc-field {
		margin-bottom: 12px;
	}

	.bkc-login-form button,
	.bkc-register-form button,
	.bkc-reset-form button {
		min-height: 54px;
	}
}

@media (max-width: 360px) {
	.bkc-login-form,
	.bkc-register-form,
	.bkc-reset-form,
	.bkc-auth-tabs {
		width: 96%;
		padding: 20px 16px;
	}

	.bkc-login-form input,
	.bkc-register-form input,
	.bkc-reset-form input {
		min-height: 50px;
		font-size: 14px;
	}

	.bkc-login-form button,
	.bkc-register-form button,
	.bkc-reset-form button {
		min-height: 50px;
	}
}/* End custom CSS */