/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.9.1779456347
Updated: 2026-05-22 13:25:47

*/

:root {
	--drikhan-sticky-header-height: 97px;
}



/* Tutor LMS login: image left, form right. */
.drikhan-tutor-login-page.tutor-page-wrap {
	display: flex;
	align-items: stretch;
	justify-content: center;
/* 	min-height: calc(100vh - var(--drikhan-sticky-header-height));
	min-height: calc(100dvh - var(--drikhan-sticky-header-height)); */
	padding: 0;
	box-sizing: border-box;
	margin:clamp(40px, 2vw, 200px) 0;
}

.drikhan-tutor-login-split.tutor-login-wrap {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	width: 100%;
	max-width: 70% !important;
	margin: 0 auto !important;
	padding: 0 !important;
	overflow: hidden;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
	border-radius: 12px;
}

.drikhan-tutor-login-visual {
	flex: 1 1 50%;
	min-width: 0;
	min-height: 420px;
	background-color: var(--e-global-color-primary, #010080);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: clamp(22px, 0.921vw, 200px) clamp(22px, 1.821vw, 250px) !important;
	    overflow: hidden ! IMPORTANT;
    position: relative;
}

.drikhan-tutor-login-visual img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 420px;
	object-fit: cover;
	object-position: center;
}

.drikhan-tutor-login-panel {
	flex: 1 1 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
	background: #fff;
}
/* Login page — left content panel */
.custom-login-layout__decor {
	position: absolute;
	inset: 0;
	pointer-events: none;
	overflow: hidden;
}

.custom-login-layout__brand {
	margin-bottom: 32px;
}

.custom-login-layout__title {
	margin: 0 0 12px;
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.2;
	color: #fff;
}

.custom-login-layout__subtitle {
	margin: 0;
	font-size: 1rem;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.82);
}

.drikhan-tutor-login-split .tutor-login-form-wrapper {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	padding: clamp(22px, 0.921vw, 200px) clamp(22px, 1.821vw, 250px)  !important;
	box-sizing: border-box;
}



.tutor-btn-ghost,.tutor-form-check label {
    font-size: clamp(10px, 0.938vw, 16px);
}

@media (max-width: 767px) {
	.drikhan-tutor-login-page.tutor-page-wrap {
		align-items: stretch;
		padding: 0;
	}
	.tutor-template-segment.tutor-login-wrap.drikhan-tutor-login-split.drikhan-register-split{
	flex-direction: column-reverse;
	}

  .drikhan-tutor-login-split.tutor-login-wrap {
	max-width: 100% !important;
	border-radius: 0;
   }
	.drikhan-tutor-login-split.tutor-login-wrap {
		flex-direction: column;
	}

	.drikhan-tutor-login-visual,
	.drikhan-tutor-login-visual img,.drikhan-register-visual.drikhan-tutor-login-visual {
		display:none !important;
	}
		.drikhan-tutor-login-visual,
	.drikhan-tutor-login-visual img {
		min-height: 220px;
	}

	.drikhan-tutor-login-split .tutor-login-form-wrapper {
		padding: 28px 20px 32px;
	}
}

/* Tutor LMS registration: card-style split layout (matches login). */
body.page-slug-student-registration .site-main,
body.page-slug-student-registration .elementor-section-wrap {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.drikhan-register-page.drikhan-tutor-login-page {
	/* inherits: display:flex, center, min-height, padding from login */
}

.drikhan-register-split.drikhan-tutor-login-split {
	/* inherits: flex row, max-width 70%, shadow, border-radius from login */
}
h2.custom-login-layout__title {
    font-size: clamp(25px, 2.8vw, 170px);
    line-height: 1;
    letter-spacing: 0px ! IMPORTANT;
	text-transform: math-auto;
}
.drikhan-tutor-login-visual.drikhan-login-visual .custom-register-layout__features.custom-login-layout__content {
    gap: 0;
}
.drikhan-tutor-login-visual.drikhan-login-visual h2 {margin-bottom: 0px;}
.tutor-card .tutor-ratings {
    display: none;
}

.drikhan-tutor-login-visual.drikhan-login-visual p {
    margin-top: 20px;
}
.checkbox-formlogin {
    margin-bottom: 30px;
}
.tutor-dashboard-content-inner .tutor-color-secondary {
    text-align: left !important;
}

/* Left visual panel — override blue bg to hold features instead of image */
.drikhan-register-visual.drikhan-tutor-login-visual {
	flex: 1 1 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--e-global-color-primary, #010080);
	padding:clamp(22px, 0.921vw, 200px) clamp(22px, 1.821vw, 250px)  !important;
}

/* Hide the default login img inside registration */
.drikhan-register-visual img {
	display: none;
}

/* Right form panel */
.drikhan-register-panel.drikhan-tutor-login-panel {
	flex: 1 1 50%;
}

/* Form wrapper — inherit login's padding system */
.drikhan-register-form-wrapper.tutor-login-form-wrapper {
	/* inherits: width, max-width, margin, padding from login */
}

/* Heading: match login's "Hi, Welcome" */
.drikhan-register-heading {
	margin-bottom: clamp(16px, 1.5vw, 28px);
}

/* Left panel decorative elements */
.custom-register-layout__decor {
	position: absolute;
	inset: 0;
	pointer-events: none;
	overflow: hidden;
}

.custom-register-layout__circle {
	position: absolute;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.18);
	background: rgba(255, 255, 255, 0.06);
}

.custom-register-layout__circle--1 {
	width: 220px;
	height: 220px;
	top: -60px;
	right: -40px;
	animation: drikhan-float 8s ease-in-out infinite;
}

.custom-register-layout__circle--2 {
	width: 140px;
	height: 140px;
	bottom: 12%;
	left: -30px;
	animation: drikhan-float 10s ease-in-out infinite reverse;
}

.custom-register-layout__circle--3 {
	width: 72px;
	height: 72px;
	top: 38%;
	right: 18%;
	background: rgba(255, 255, 255, 0.12);
	animation: drikhan-float 6s ease-in-out infinite;
}

.custom-register-layout__dots {
	position: absolute;
	width: 120px;
	height: 120px;
	bottom: 8%;
	right: 10%;
	opacity: 0.35;
	background-image: radial-gradient(rgba(255, 255, 255, 0.95) 1.5px, transparent 1.5px);
	background-size: 12px 12px;
}

.custom-register-layout__features {
	position: relative;
	z-index: 1;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 25px;
}

.custom-register-layout__feature {
	display: flex;
	align-items: flex-start;
	gap: 16px;
}

.custom-register-layout__icon {
	flex-shrink: 0;
	width: 52px;
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.14);
	color: #fff;
	backdrop-filter: blur(4px);
}

.custom-register-layout__feature-title {
	margin: 0 0 6px;
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.3;
	color: #fff;
}

.custom-register-layout__feature-desc {
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.88);
}

/* Registration form UI — match login's clamp-based responsive styles */

/* Labels: match login's tutor-fs-7 / tutor-color-muted */
.drikhan-register-form-wrapper label {
	font-size: clamp(12px, 0.938vw, 16px);
	font-weight: 500;
	color: #41454f;
	margin-bottom: clamp(4px, 0.3vw, 8px);
	display: block;
	line-height: 1.4;
}

/* Inputs: match login's tutor-form-control */
/* .drikhan-register-form-wrapper .tutor-form-control,
.drikhan-register-form-wrapper input[type="text"],
.drikhan-register-form-wrapper input[type="email"],
.drikhan-register-form-wrapper input[type="password"],
.drikhan-register-form-wrapper input[type="tel"],
.drikhan-register-form-wrapper input[type="number"],
.drikhan-register-form-wrapper select,
.drikhan-register-form-wrapper textarea {
	height: clamp(42px, 3.5vw, 54px);
	min-height: clamp(42px, 3.5vw, 54px);
	padding: 0 clamp(10px, 0.921vw, 16px);
	font-size: clamp(13px, 0.938vw, 16px);
	border: 1px solid #e5e7eb !important;
	border-radius: 6px !important;
	background: #fff;
	color: #111827;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
	box-shadow: none;
	box-sizing: border-box;
	width: 100%;
} */

.drikhan-register-form-wrapper textarea {
	min-height: 120px;
	padding-top: 12px;
	padding-bottom: 12px;
}

.drikhan-register-form-wrapper input:focus,
.drikhan-register-form-wrapper select:focus,
.drikhan-register-form-wrapper textarea:focus {
	outline: none;
	border-color: var(--e-global-color-primary, #010080) !important;
	box-shadow: 0 0 0 3px rgba(1, 0, 128, 0.15) !important;
}

/* Form group spacing: match login's tutor-mb-20 / tutor-mb-32 */
.drikhan-register-form-wrapper .tutor-form-group {
	margin-bottom: clamp(14px, 1.4vw, 28px);
}

/* Form row: single column like login */
.drikhan-register-form-wrapper .tutor-form-row {
	display: block;
	margin-left: 0;
	margin-right: 0;
}

.drikhan-register-form-wrapper .tutor-form-col-6 {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	float: none;
}

/* Button: match login's tutor-btn-primary tutor-btn-block */
.drikhan-register-form-wrapper .tutor-btn-primary,
.drikhan-register-form-wrapper button[type="submit"] {
	background: var(--e-global-color-primary, #010080) !important;
	border-color: var(--e-global-color-primary, #010080) !important;
	border-radius: 6px !important;
/* 	min-height: clamp(42px, 3.5vw, 54px); */
	font-size: clamp(14px, 1.038vw, 18px);
	font-weight: 600;
	width: 100%;
	transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.drikhan-register-form-wrapper .tutor-btn-primary:hover,
.drikhan-register-form-wrapper button[type="submit"]:hover {
	background: #000066 !important;
	border-color: #000066 !important;
}

/* Links: match login's tutor-btn-link */
.drikhan-register-form-wrapper .tutor-btn-link,
.drikhan-register-form-wrapper a {
	color: var(--e-global-color-primary, #010080);
	transition: color 0.2s ease;
}

/* Checkbox: match login's tutor-form-check */
.drikhan-register-form-wrapper .tutor-form-check-input:checked {
	background-color: var(--e-global-color-primary, #010080);
	border-color: var(--e-global-color-primary, #010080);
}

/* Login link: match login's "Don't have an account?" style */
.custom-register-layout__login-link {
	    text-align: center;
}
.custom-register-layout__login-link,.tutor-color-secondary {
	margin-top: clamp(12px, 1.1vw, 20px);
	font-size: clamp(12px, 0.938vw, 160px);
	color: #41454f;
    font-family: 'DM Sans';
}
.tutor-wrap{
	font-family: 'DM Sans';
}
.tutor-course-topic-item.tutor-course-topic-item-lesson.is-active {
    border-color: var(--e-global-color-primary);
}

.tutor-course-topic-item.tutor-course-topic-item-lesson {
    border: 2px solid transparent;
    border-radius: 100px;
}
.tutor-password-strength-checker .tutor-password-field{
	position:relative;
}
.tutor-password-strength-checker .tutor-password-field .show-hide-btn{

	background-size: 20px;
    width: 20px;
    height: 20px;
    top: 50% !important;
}
.custom-register-layout__login-link a,.tutor-color-secondary a {
	color: var(--e-global-color-primary, #010080);
	text-decoration: none;
	font-weight: 500;
}

.custom-register-layout__login-link a:hover {
	text-decoration: underline;
}

/* Registration wrap: remove Tutor's default border/radius */
.drikhan-register-form-wrapper #tutor-registration-wrap {
	width: 100%;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	border: none !important;
	background: transparent;
}

.drikhan-register-form-wrapper #tutor-registration-form {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

@keyframes drikhan-float {
	0%,
	100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-12px);
	}
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
	.drikhan-register-visual.drikhan-tutor-login-visual {
		flex-basis: 42%;
	}

	.drikhan-register-panel.drikhan-tutor-login-panel {
		flex-basis: 58%;
	}

	.custom-register-layout__features {
		max-width: 320px;
		gap: 22px;
	}

	.drikhan-register-form-wrapper .tutor-form-group {
		margin-bottom: 18px;
	}
}

/* Mobile */
@media (max-width: 767px) {
	.drikhan-register-split.drikhan-tutor-login-split {
		flex-direction: column;
	}

	.drikhan-register-visual.drikhan-tutor-login-visual {
		flex: 0 0 auto;
		min-height: 260px;
		order: 2;
	}

	.drikhan-register-panel.drikhan-tutor-login-panel {
		flex: 1 1 auto;
		order: 1;
	}

	.custom-register-layout__features {
		max-width: none;
	}

	/* Mobile: inputs go full width, single column */
	.drikhan-register-form-wrapper .tutor-form-col-6 {
		width: 100%;
	}

	.drikhan-register-form-wrapper .tutor-form-group {
		margin-bottom: 16px;
	}

	.drikhan-register-form-wrapper label {
		font-size: clamp(13px, 3.2vw, 16px);
	}

	.drikhan-register-form-wrapper input[type="text"],
	.drikhan-register-form-wrapper input[type="email"],
	.drikhan-register-form-wrapper input[type="password"] {
		height: clamp(44px, 11vw, 54px);
		font-size: clamp(14px, 3.5vw, 16px);
	}

	.drikhan-register-form-wrapper button[type="submit"] {
		min-height: clamp(44px, 11vw, 54px);
		font-size: clamp(14px, 3.5vw, 16px);
	}
}