/*!
Theme Name: Harlen Pinnacle Academy
Author: Clay Web Services
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: harlen-pinnacle-academy
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready


*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}
/* Body Text */
body {
    font-family: 'Maven Pro', sans-serif;
    font-weight: 400;
    line-height: 1.6;
    color: #1f2937;
	background-color: #000;
	margin-bottom: 0 !important;
}


h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: 'Cormorant Garamond', serif;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.5px;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #4169e1;
}

a:visited {
	color: #800080;
}

a:hover,
a:focus,
a:active {
	color: #191970;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	/* margin: 1.5em 0 0; */
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {
	float: right;
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/* HEADER BASE */
.site-header {
	position: relative;
	top: 0;
	width: 100%;
	z-index: 999;
	background: #070707;
	/* padding: 20px; */
}

.menu-main-menus-container {
	width: 60%;
}

.header-inner {
	max-width: 1140px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	/* padding-bottom: 10px; */
	gap: 20px;
}

body.home .site-header,
body.front-page .site-header,
body:has(.tutor-template-segment.tutor-login-wrap) .site-header,
body:has(#tutor-registration-wrap) .site-header {
	position: absolute;
	background: transparent !important;
}

/* body.home .header-inner,
body.front-page .header-inner,
body:has(.tutor-template-segment.tutor-login-wrap) .header-inner,
body:has(#tutor-registration-wrap) .header-inner {
	border-bottom: 1px solid rgba(255, 255, 255, 0.55);
} */

.site-branding {
	width: 10%;
}

.main-navigation {
	display: flex;
	align-items: center;
	width: 60%;
	justify-content: end;
	position: relative;
}

.header-auth-buttons {
	width: 30%;
	display: flex;
	gap: 20px;
}

/* Base Button */
.auth-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 8px 8px 8px 16px;
    border-radius: 50px;
    text-decoration: none;
    font-family: 'Maven Pro', sans-serif;
    font-size: 16px;
    color: #fff;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    transition: 0.3s ease;
    min-width: 160px;
}

/* Text */
.auth-btn span:first-child {
    font-weight: 500;
}

/* Circle Icon */
.auth-btn .icon {
    width: 36px;
    height: 36px;
    background: #FFA500; 
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.auth-btn-icon-svg {
    width: 14px;
    height: 14px;
    display: block;
    fill: #fff;
}

.auth-btn:hover {
    background: rgba(255, 255, 255, 0.25);
    transform: translateY(-2px);
}

.auth-btn:visited {
	color: #fff;
}

.signup-btn .icon {
    background: #ff9900;
}
.auth-btn {
    backdrop-filter: blur(20px);
}


/* MENU */
.menu {
    display: flex;
    gap: 25px;
    list-style: none;
}

.menu li a {
    color: #fff;
    text-decoration: none;
    font-weight: 500;
}

/* LOGO */
.logo img {
    max-height: 50px;
}

/* MOBILE BUTTON */
.menu-toggle {
	display: none;
	padding: 20px;
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.12);
	backdrop-filter: blur(14px);
	cursor: pointer;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 5px;
}

.menu-toggle__bar {
	display: block;
	width: 18px;
	height: 2px;
	border-radius: 999px;
	background: #fff;
	transition: transform 0.22s ease, opacity 0.22s ease;
}

.main-navigation.toggled .menu-toggle__bar:nth-child(2) {
	transform: translateY(7px) rotate(45deg);
}

.main-navigation.toggled .menu-toggle__bar:nth-child(3) {
	opacity: 0;
}

.main-navigation.toggled .menu-toggle__bar:nth-child(4) {
	transform: translateY(-7px) rotate(-45deg);
}



.instructor-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.instructor-card {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    background: #f5f5f5;
}

.instructor-avatar img {
    width: 100%;
    display: block;
    border-radius: 20px;
}

.instructor-name {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0,0,0,0.4);
    color: #fff;
    padding: 6px 16px;
    border-radius: 20px;
    font-size: 14px;
    backdrop-filter: blur(8px);
}


/* Teachers page
--------------------------------------------- */

.teachers-page-template {
	background:
		radial-gradient(circle at top left, rgba(255, 194, 26, 0.12), transparent 22%),
		linear-gradient(180deg, #060606 0%, #111111 100%);
}

.teachers-hero {
	padding: 156px 20px 52px;
}

.teachers-hero__inner,
.teachers-directory__inner {
	max-width: 1240px;
	margin: 0 auto;
}

.teachers-hero__inner {
	max-width: 840px;
	text-align: center;
}

.teachers-hero__eyebrow {
	margin: 0 0 14px;
	color: #ffc21a;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

.teachers-hero__title {
	margin: 0;
	color: #fff;
	font-size: clamp(3rem, 7vw, 5.8rem);
	line-height: 0.95;
}

.teachers-hero__text {
	margin: 22px auto 0;
	max-width: 700px;
	color: rgba(255, 255, 255, 0.7);
	font-size: 18px;
	line-height: 1.8;
}

.teachers-directory {
	padding: 0 20px 88px;
}

.teacher-cards-grid {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: 28px;
}

.teacher-cards-grid.columns-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.teacher-cards-grid.columns-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.teacher-cards-grid.columns-4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.teacher-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 100%;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 32px;
	overflow: hidden;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.05) 100%);
	box-shadow:
		0 24px 60px rgba(0, 0, 0, 0.3),
		inset 0 1px 0 rgba(255, 255, 255, 0.12);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
	transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

.teacher-card:hover,
.teacher-card:focus-within {
	transform: translateY(-6px);
	border-color: rgba(255, 194, 26, 0.42);
	box-shadow:
		0 30px 70px rgba(0, 0, 0, 0.34),
		0 0 0 1px rgba(255, 194, 26, 0.08);
}

.teacher-card__media {
	position: relative;
	aspect-ratio: 4 / 4.6;
	overflow: hidden;
	background: linear-gradient(135deg, #151515 0%, #3e3e3e 100%);
}

.teacher-card__media::after {
	content: "";
	position: absolute;
	inset: auto 0 0;
	height: 45%;
	background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.68) 100%);
}

.teacher-card__image {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.teacher-card__image--placeholder {
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, #1f1f1f 0%, #555 100%);
}

.teacher-card__content {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 26px 24px 24px;
}

.teacher-card__eyebrow {
	margin: 0 0 10px;
	color: #ffc21a;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.teacher-card__name {
	margin: 0;
	color: #fff;
	font-size: 1.8rem;
	line-height: 1.05;
}

.teacher-card__bio {
	margin: 14px 0 0;
	color: rgba(255, 255, 255, 0.7);
	font-size: 15px;
	line-height: 1.8;
}

.teacher-card__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: auto;
	padding-top: 22px;
}

.teacher-card__meta {
	display: inline-flex;
	align-items: center;
	min-height: 38px;
	padding: 0 14px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.08);
	color: rgba(255, 255, 255, 0.82);
	font-size: 13px;
	font-weight: 600;
}

.teacher-card__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 10px 18px;
	border-radius: 999px;
	background: linear-gradient(135deg, #ffc21a 0%, #ff9f0a 100%);
	color: #111;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-decoration: none;
	text-transform: uppercase;
	box-shadow: 0 16px 28px rgba(255, 159, 10, 0.22);
}

.teacher-card__link:visited {
	color: #111;
}

@media (max-width: 991px) {
	.teachers-hero {
		padding: 132px 18px 44px;
	}

	.teachers-directory {
		padding: 0 18px 72px;
	}

	.teacher-cards-grid.columns-3,
	.teacher-cards-grid.columns-4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.teachers-hero {
		padding: 116px 16px 36px;
	}

	.teachers-hero__text {
		font-size: 16px;
	}

	.teachers-directory {
		padding: 0 16px 64px;
	}

	.teacher-cards-grid.columns-2,
	.teacher-cards-grid.columns-3,
	.teacher-cards-grid.columns-4 {
		grid-template-columns: 1fr;
	}

	.teacher-card__content {
		padding: 22px 20px 20px;
	}
}

.site-footer {
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.025) 25%, transparent 25%) 0 0 / 18px 18px,
		linear-gradient(225deg, rgba(255, 255, 255, 0.025) 25%, transparent 25%) 0 0 / 18px 18px,
		linear-gradient(315deg, rgba(255, 255, 255, 0.025) 25%, transparent 25%) 0 0 / 18px 18px,
		linear-gradient(45deg, rgba(255, 255, 255, 0.025) 25%, transparent 25%) 0 0 / 18px 18px,
		#1f1f1f;
	color: rgba(255, 255, 255, 0.72);
}

.footer-main {
	max-width: 1140px;
	margin: 0 auto;
	padding: 72px 24px 68px;
	display: grid;
	grid-template-columns: 1.35fr 1fr 1fr 1.1fr;
	gap: 36px;
}

.footer-column {
	padding-right: 28px;
	border-right: 1px solid rgba(255, 255, 255, 0.08);
}

.footer-column:last-child {
	padding-right: 0;
	border-right: 0;
}

.footer-title {
	margin: 0 0 18px;
	font-size: 1.6rem !important;
	line-height: 1.1;
	color: #ffffff;
}

.footer-about p,
.footer-reach-us a,
.footer-links a{
	font-size: 0.98rem;
}

.footer-about p {
	max-width: 280px;
	margin: 0 0 28px;
	color: rgba(255, 255, 255, 0.68);
}

.footer-contact-button {
	display: inline-flex;
	align-items: center;
	gap: 18px;
	padding: 8px 30px 8px 8px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 999px;
	color: #d2d2d2;
	text-decoration: none;
	background: rgba(255, 255, 255, 0.02);
	font-size: 1rem;
	font-weight: 500;
	transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
}

.footer-contact-button:hover {
	background: rgba(255, 255, 255, 0.05);
	border-color: rgba(255, 255, 255, 0.16);
	transform: translateY(-2px);
	color: #ffffff;
}

.footer-contact-icon {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #f5b400;
	color: #ffffff;
	flex-shrink: 0;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.footer-contact-icon-svg {
	width: 19px;
	height: 19px;
	display: block;
	fill: currentColor;
}

.footer-links,
.footer-contact-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-links li,
.footer-contact-list li {
	margin-bottom: 14px;
}

.footer-links a,
.footer-contact-list a,
.footer-socials a {
	color: rgba(255, 255, 255, 0.72);
	text-decoration: none;
	transition: color 0.3s ease, transform 0.3s ease, background 0.3s ease;
}

.footer-links a:hover,
.footer-contact-list a:hover,
.footer-socials a:hover {
	color: #ffffff;
}

.footer-links li {
	position: relative;
	padding-left: 14px;
}

.footer-links li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 11px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #f6b100;
}

.footer-contact-list li {
	display: flex;
	align-items: center;
	gap: 10px;
}

.footer-inline-icon {
	width: 18px;
	height: 18px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #d7d7d7;
	font-size: 0.82rem;
	line-height: 1;
	flex-shrink: 0;
}

.footer-socials {
	display: flex;
	gap: 10px;
	margin-top: 24px;
}

.footer-socials a {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.07);
}

.footer-socials a svg {
	fill: currentColor;
	height: 16px;
	width: 16px;
}

.footer-socials a:hover {
	background: #f6b100;
	transform: translateY(-2px);
}

.site-info {
	padding: 12px 24px;
	text-align: center;
	background: rgba(255, 255, 255, 0.04);
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.site-info p {
	font-size: 14px;
	margin: 0;
	color: rgba(255, 255, 255, 0.62);
}

@media (max-width: 991px) {
	.footer-main {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.footer-column:nth-child(2) {
		border-right: 0;
		padding-right: 0;
	}
}

@media (max-width: 640px) {
	.footer-main {
		grid-template-columns: 1fr;
		padding: 56px 20px 48px;
		gap: 28px;
	}

	.footer-column,
	.footer-column:nth-child(2) {
		border-right: 0;
		padding-right: 0;
		padding-bottom: 20px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	}

	.footer-column:last-child {
		padding-bottom: 0;
		border-bottom: 0;
	}

	.footer-about p {
		max-width: none;
	}
}


.testimonials-section {
	position: relative;
	overflow: hidden;
	padding: 40px 0 72px;
	color: #ffffff;
}

.testimonials-header {
	max-width: 720px;
	margin: 0 auto 42px;
	padding: 0 20px;
	text-align: center;
}

.testimonials-title {
	margin: 0 0 12px;
	font-size: clamp(2.3rem, 4vw, 3.35rem);
	color: #ffffff;
}

.testimonials-subtitle {
	margin: 0;
	color: rgba(255, 255, 255, 0.62);
	font-size: 0.95rem;
}

.testimonials-track {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: clamp(280px, 32vw, 380px);
	gap: 20px;
	width: 100%;
	padding: 10px max(24px, calc((100% - clamp(280px, 32vw, 380px)) / 2)) 14px;
	margin: 0 auto;
	overflow-x: hidden;
	overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory;
	scroll-padding-inline: max(24px, calc((100% - clamp(280px, 32vw, 380px)) / 2));
	scroll-behavior: smooth;
	scrollbar-width: none;
}

.testimonials-track::-webkit-scrollbar {
	display: none;
}

.testimonial-card {
	scroll-snap-align: center;
}

.testimonial-card-inner {
	min-height: 250px;
	padding: 30px 22px 24px;
	border-radius: 26px;
	background: linear-gradient(135deg, #000000 0%, #949494 100%);
	box-shadow: 0 20px 45px rgba(0, 0, 0, 0.32);
}

.testimonial-name {
	margin: 0;
	font-size: 1.15rem;
	font-family: 'Maven Pro', sans-serif;
	font-weight: 700;
	color: #ffffff;
}

.testimonial-role {
	margin: 4px 0 0;
	font-size: 0.95rem;
	color: rgba(255, 255, 255, 0.45);
}

.testimonial-rating {
	display: flex;
	gap: 3px;
	margin: 14px 0 12px;
}

.testimonial-star {
	color: #ffbf00;
	font-size: 0.88rem;
	line-height: 1;
}

.testimonial-quote p {
	margin: 0;
	color: rgba(255, 255, 255, 0.84);
	font-size: 0.98rem;
	line-height: 1.9;
}

.testimonial-footer {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	margin-top: 22px;
}

.testimonial-avatar {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid rgba(255, 255, 255, 0.16);
}

.testimonial-avatar-placeholder {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #f5b400;
	color: #111111;
	font-weight: 700;
}

.testimonial-quote-icon {
	width: 28px;
	height: 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #ffbf00;
}

.testimonial-quote-icon svg {
	width: 100%;
	height: 100%;
	display: block;
	fill: currentColor;
}

.testimonial-dots {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-top: 18px;
	padding: 0 20px;
}

.testimonial-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.55);
	opacity: 0.9;
	border: 0;
	padding: 0;
	cursor: pointer;
}

.testimonial-dot.is-active {
	background: #ffbf00;
}

/* Tutor course cards
--------------------------------------------- */

.tutor-course-cards-shortcode {
	padding: 24px 0;
}

.tutor-course-cards-grid {
	display: grid;
	gap: 28px;
	grid-template-columns: repeat(1, minmax(0, 1fr));
}

.tutor-course-cards-grid.columns-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tutor-course-cards-grid.columns-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tutor-course-cards-grid.columns-4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tutor-course-card {
	background: #171717;
	border-radius: 16px;
	color: #fff;
	display: flex;
	flex-direction: column;
	height: 100%;
	/* overflow: hidden; */
}

.tutor-course-card--reveal {
	opacity: 0;
	transform: translateY(32px);
	transition:
		opacity 0.7s ease,
		transform 0.7s ease;
	transition-delay: var(--tutor-course-card-delay, 0ms);
	will-change: opacity, transform;
}

.tutor-course-card--reveal.is-visible {
	opacity: 1;
	transform: translateY(0);
}

.tutor-course-card__media {
	display: block;
	padding: 0;
	position: relative;
}

.tutor-course-card__media img,
.tutor-course-card__media-placeholder {
	border-radius: 28px;
	display: block;
	height: 220px;
	object-fit: cover;
	width: 100%;
}

.tutor-course-card__media-placeholder {
	background: linear-gradient(135deg, #ffd246 0%, #ff9f1c 100%);
}

.tutor-course-card__author-avatar {
	background: #fff;
	border: 3px solid #fff;
	border-radius: 999px;
	bottom: -16px;
	display: inline-flex;
	height: 36px;
	left: 18px;
	overflow: hidden;
	position: absolute;
	width: 36px;
}

.tutor-course-card__author-avatar img {
	border-radius: 999px;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.tutor-course-card__content {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 16px;
	padding: 24px 18px 24px;
}

.tutor-course-card__badge {
	align-self: flex-start;
	background: #ffc21a;
	border-radius: 7px;
	color: #111;
	display: inline-flex;
	font-family: "Maven Pro", sans-serif;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	margin-top: 6px;
	padding: 8px 12px;
	text-transform: none;
}

h3.tutor-course-card__title {
	font-family: "Cormorant Garamond", serif;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.18;
	margin: 0;
}

.tutor-course-card__title a {
	color: inherit;
	text-decoration: none;
}
.tutor-course-card__media .tutor-course-card-img{
	height: 180px !important;
	object-fit: cover !important;
	border-radius: 12px;
}

.tutor-course-card__meta {
	display: flex;
	flex-direction: column;
	gap: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.tutor-course-card__meta li {
	align-items: center;
	color: rgba(255, 255, 255, 0.82);
	display: flex;
	font-family: "Maven Pro", sans-serif;
	font-size: 15px;
	gap: 8px;
	line-height: 1.4;
}

.tutor-course-card__meta-icon {
	align-items: center;
	display: inline-flex;
	flex: 0 0 auto;
	justify-content: center;
}

.tutor-course-card__meta-icon svg {
	fill: currentColor;
	height: 16px;
	width: 16px;
}

.tutor-course-cards__footer {
	display: flex;
	justify-content: center;
	margin-top: 28px;
}

.tutor-course-cards__button {
	align-items: center;
	background: #ffc21a;
	border-radius: 999px;
	color: #111;
	display: inline-flex;
	font-family: "Maven Pro", sans-serif;
	font-size: 15px;
	font-weight: 700;
	gap: 12px;
	padding: 10px 14px 10px 16px;
	text-decoration: none;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.tutor-course-cards__button:hover,
.tutor-course-cards__button:focus {
	box-shadow: 0 14px 24px rgba(255, 194, 26, 0.22);
	transform: translateY(-1px);
}

.tutor-course-cards__button-icon {
	align-items: center;
	background: #111;
	border-radius: 999px;
	color: #fff;
	display: inline-flex;
	height: 28px;
	justify-content: center;
	width: 28px;
}

@media (prefers-reduced-motion: reduce) {
	.tutor-course-card--reveal {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

.tutor-course-cards__button-icon svg {
	fill: currentColor;
	height: 14px;
	width: 14px;
}

.course-archive-shortcode {
	padding: 24px 0;
	position: relative;
}

.course-archive-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 28px;
}

.course-archive-search {
	display: flex;
	flex: 1 1 320px;
	max-width: 420px;
	gap: 10px;
}

.course-archive-search__input {
	width: 100%;
	padding: 14px 18px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.04);
	color: #fff;
	font-family: "Maven Pro", sans-serif;
}

.course-archive-search__input::placeholder {
	color: rgba(255, 255, 255, 0.48);
}

.course-archive-search__button {
	padding: 14px 18px;
	border: 0;
	border-radius: 999px;
	background: #ffc21a;
	color: #111;
	cursor: pointer;
	font-family: "Maven Pro", sans-serif;
	font-weight: 700;
}

.course-archive-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.course-archive-filter__button {
	padding: 10px 18px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.04);
	color: #fff;
	cursor: pointer;
	font-family: "Maven Pro", sans-serif;
	font-size: 14px;
	line-height: 1;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.course-archive-filter__button:hover,
.course-archive-filter__button:focus,
.course-archive-filter__button.is-active {
	background: #ffc21a;
	border-color: #ffc21a;
	color: #111;
}

.course-archive-results {
	transition: opacity 0.2s ease;
}

.course-archive-shortcode.is-loading .course-archive-results {
	opacity: 0.45;
	pointer-events: none;
}

.course-archive-no-results {
	margin: 0;
	padding: 22px 24px;
	border-radius: 24px;
	background: rgba(255, 255, 255, 0.04);
	color: rgba(255, 255, 255, 0.78);
	font-family: "Maven Pro", sans-serif;
}

.course-archive-pagination {
	margin-top: 32px;
}

.course-archive-pagination .page-numbers {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 12px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.course-archive-pagination a,
.course-archive-pagination span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	height: 44px;
	padding: 0 14px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.06);
	color: #fff;
	font-family: "Maven Pro", sans-serif;
	text-decoration: none;
}

.course-archive-pagination .current {
	background: #ffc21a;
	color: #111;
}

@media (max-width: 1199px) {
	.tutor-course-cards-grid.columns-4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 991px) {
	.tutor-course-cards-grid.columns-2,
	.tutor-course-cards-grid.columns-3,
	.tutor-course-cards-grid.columns-4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.tutor-course-card__title {
		font-size: 27px;
	}
}

@media (max-width: 767px) {
	.tutor-course-cards-grid.columns-2,
	.tutor-course-cards-grid.columns-3,
	.tutor-course-cards-grid.columns-4 {
		grid-template-columns: minmax(0, 1fr);
	}

	.tutor-course-card__media img,
	.tutor-course-card__media-placeholder {
		height: 240px;
	}

	.course-archive-toolbar {
		flex-direction: column;
		align-items: stretch;
	}

	.course-archive-search {
		max-width: none;
	}
}

/* Blog post cards
--------------------------------------------- */

.blog-post-cards-shortcode {
	padding: 24px 0;
}

.blog-post-cards-grid {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: 24px;
}

.blog-post-cards-grid.columns-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.blog-post-cards-grid.columns-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.blog-post-cards-grid.columns-4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.blog-post-card {
	color: #fff;
	text-align: center;
}

.blog-post-card__image-link {
	display: block;
	text-decoration: none;
}

.blog-post-card__image {
	display: block;
	width: 100%;
	height: 177px !important;
	object-fit: cover;
	border-radius: 15px !important;
}

.blog-post-card__image--placeholder {
	background: linear-gradient(135deg, #dadada 0%, #8f8f8f 100%);
}

.blog-post-card__content {
	margin-top: -12px;
	position: relative;
	z-index: 1;
	padding: 0 20px;
}

.blog-post-card__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 112px;
	padding: 8px 18px;
	border-radius: 999px;
	background: #f5f5f5;
	color: #8a8a8a;
	font-family: "Maven Pro", sans-serif;
	font-size: 13px;
	line-height: 1;
}

.blog-post-card__title {
	margin: 14px 0 10px;
	font-family: "Maven Pro", sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.15;
}

.blog-post-card__title a {
	color: inherit;
	text-decoration: none;
}

.blog-post-card__author {
	margin: 0;
	color: #8d8d8d;
	font-family: "Maven Pro", sans-serif;
	font-size: 14px;
	line-height: 1.4;
}

.blog-post-cards__footer {
	display: flex;
	justify-content: center;
	margin-top: 28px;
}

.blog-post-cards__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 22px;
	border-radius: 999px;
	background: #ffc21a;
	color: #111;
	font-family: "Maven Pro", sans-serif;
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;
}

@media (max-width: 1199px) {
	.blog-post-cards-grid.columns-4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 991px) {
	.blog-post-cards-grid.columns-2,
	.blog-post-cards-grid.columns-3,
	.blog-post-cards-grid.columns-4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.blog-post-cards-grid.columns-2,
	.blog-post-cards-grid.columns-3,
	.blog-post-cards-grid.columns-4 {
		grid-template-columns: minmax(0, 1fr);
	}

	.blog-post-card__image {
		height: 240px;
	}
}

/* Blog archive page
--------------------------------------------- */

.blog-archive-page {
	background:
		radial-gradient(circle at top left, rgba(255, 194, 26, 0.12), transparent 28%),
		linear-gradient(180deg, #070707 0%, #101010 100%);
	color: #fff;
	min-height: 100vh;
	padding: 140px 20px 80px;
}

.blog-archive-hero__inner,
.blog-archive-listing__inner {
	max-width: 1140px;
	margin: 0 auto;
}

.blog-archive-hero {
	padding-bottom: 40px;
}

.blog-archive-hero__eyebrow {
	margin: 0 0 14px;
	color: #ffc21a;
	font-family: "Maven Pro", sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.blog-archive-hero__title {
	margin: 0;
	font-family: "Cormorant Garamond", serif;
	font-size: clamp(42px, 6vw, 72px);
	font-weight: 700;
	line-height: 0.96;
}

.blog-archive-hero__text {
	max-width: 700px;
	margin: 18px 0 0;
	color: rgba(255, 255, 255, 0.78);
	font-family: "Maven Pro", sans-serif;
	font-size: 18px;
	line-height: 1.65;
}

.blog-archive-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 28px;
}

.blog-archive-listing--shortcode {
	position: relative;
}

.blog-archive-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 28px;
}

.blog-archive-filter__button {
	padding: 10px 18px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.04);
	color: #fff;
	cursor: pointer;
	font-family: "Maven Pro", sans-serif;
	font-size: 14px;
	line-height: 1;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.blog-archive-filter__button:hover,
.blog-archive-filter__button:focus,
.blog-archive-filter__button.is-active {
	background: #ffc21a;
	border-color: #ffc21a;
	color: #111;
}

.blog-archive-results {
	transition: opacity 0.2s ease;
}

.blog-archive-listing--shortcode.is-loading .blog-archive-results {
	opacity: 0.45;
	pointer-events: none;
}

.blog-archive-no-results {
	margin: 0;
	padding: 22px 24px;
	border-radius: 24px;
	background: rgba(255, 255, 255, 0.04);
	color: rgba(255, 255, 255, 0.78);
	font-family: "Maven Pro", sans-serif;
}

.blog-archive-card {
	color: #fff;
	text-align: center;
}

.blog-archive-card__image-link {
	display: block;
	text-decoration: none;
}

.blog-archive-card__image {
	display: block;
	width: 100%;
	height: 215px;
	object-fit: cover;
	border-radius: 28px !important;
}

.blog-archive-card__image--placeholder {
	background: linear-gradient(135deg, #d6d6d6 0%, #7f7f7f 100%);
}

.blog-archive-card__content {
	margin-top: -12px;
	position: relative;
	z-index: 1;
	padding: 0 20px;
}

.blog-archive-card__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 112px;
	padding: 8px 18px;
	border-radius: 999px;
	background: #f5f5f5;
	color: #8a8a8a;
	font-family: "Maven Pro", sans-serif;
	font-size: 13px;
	line-height: 1;
}

.blog-archive-card__title {
	margin: 14px 0 10px;
	font-family: "Maven Pro", sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.15;
}

.blog-archive-card__title a {
	color: #fff;
	text-decoration: none;
}

.blog-archive-card__author {
	margin: 0;
	color: #8d8d8d;
	font-family: "Maven Pro", sans-serif;
	font-size: 14px;
	line-height: 1.4;
}

.blog-archive-pagination {
	margin-top: 36px;
}

.blog-archive-pagination .page-numbers {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 12px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.blog-archive-pagination a,
.blog-archive-pagination span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	height: 44px;
	padding: 0 14px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.06);
	color: #fff;
	font-family: "Maven Pro", sans-serif;
	text-decoration: none;
}

.blog-archive-pagination .current {
	background: #ffc21a;
	color: #111;
}

.blog-archive-empty {
	background: rgba(255, 255, 255, 0.04);
	border-radius: 28px;
	padding: 30px;
}

@media (max-width: 991px) {
	.blog-archive-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.blog-archive-page {
		padding: 120px 16px 64px;
	}

	.blog-archive-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.blog-archive-card__image {
		height: 240px;
	}
}

/* Single post page
--------------------------------------------- */

.single-post-page {
	background:
		radial-gradient(circle at top left, rgba(255, 194, 26, 0.12), transparent 26%),
		linear-gradient(180deg, #070707 0%, #101010 100%);
	color: #fff;
	min-height: 100vh;
	padding: 140px 20px 80px;
}

.single-post-hero__inner,
.single-post-featured-media__inner,
.single-post-body__inner {
	max-width: 1140px;
	margin: 0 auto;
}

.single-post-hero {
	padding-bottom: 34px;
}

.single-post-hero__categories {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 24px;
}

.single-post-hero__category {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 18px;
	border-radius: 999px;
	background: #f5f5f5;
	color: #777;
	font-family: "Maven Pro", sans-serif;
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
}

.single-post-hero__title {
	max-width: 860px;
	margin: 0;
	font-family: "Cormorant Garamond", serif;
	font-size: 42px;
	font-weight: 700;
	line-height: 0.98;
}

.single-post-hero__meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 22px;
	color: rgba(255, 255, 255, 0.72);
	font-family: "Maven Pro", sans-serif;
	font-size: 15px;
}

.single-post-hero__meta-separator {
	width: 4px;
	height: 4px;
	border-radius: 999px;
	background: currentColor;
}

.single-post-hero__excerpt {
	max-width: 720px;
	margin: 18px 0 0;
	color: rgba(255, 255, 255, 0.78);
	font-family: "Maven Pro", sans-serif;
	font-size: 18px;
	line-height: 1.7;
}

.single-post-featured-media {
	padding-bottom: 44px;
}

.single-post-featured-media__frame {
	overflow: hidden;
	border-radius: 32px;
}

.single-post-featured-media__image {
	display: block;
	width: 100%;
	height: auto;
	max-height: 640px;
	object-fit: cover;
}

.single-post-body__inner {
	max-width: 820px;
}

.single-post-content {
	color: rgba(255, 255, 255, 0.86);
	font-family: "Maven Pro", sans-serif;
	font-size: 17px;
	line-height: 1.9;
}

.single-post-content > *:first-child {
	margin-top: 0;
}

.single-post-content h2,
.single-post-content h3,
.single-post-content h4 {
	color: #fff;
	font-family: "Cormorant Garamond", serif;
	font-weight: 700;
	line-height: 1.05;
	margin: 40px 0 18px;
}

.single-post-content h2 {
	font-size: clamp(34px, 4vw, 46px);
}

.single-post-content h3 {
	font-size: clamp(28px, 3vw, 36px);
}

.single-post-content p,
.single-post-content ul,
.single-post-content ol,
.single-post-content blockquote {
	margin: 0 0 22px;
}

.single-post-content a {
	color: #ffc21a;
}

.single-post-content img {
	display: block;
	max-width: 100%;
	height: auto;
	border-radius: 24px;
}

.single-post-content blockquote {
	padding: 24px 26px;
	border-left: 4px solid #ffc21a;
	border-radius: 0 24px 24px 0;
	background: rgba(255, 255, 255, 0.04);
	color: #fff;
	font-family: "Cormorant Garamond", serif;
	font-size: 28px;
	line-height: 1.3;
}

.single-post-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 34px;
}

.single-post-tags__item {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 16px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.06);
	color: #fff;
	font-family: "Maven Pro", sans-serif;
	font-size: 14px;
	text-decoration: none;
}

.single-post-navigation {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
	margin-top: 44px;
}

.single-post-navigation__item a {
	display: block;
	height: 100%;
	padding: 22px 24px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 24px;
	background: rgba(255, 255, 255, 0.04);
	color: #fff;
	text-decoration: none;
}

.single-post-navigation__label {
	display: block;
	margin-bottom: 8px;
	color: #ffc21a;
	font-family: "Maven Pro", sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.single-post-navigation__title {
	display: block;
	font-family: "Maven Pro", sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4;
}

.single-post-comments {
	margin-top: 44px;
	padding-top: 10px;
}

.single-post-comments .comments-area {
	background: rgba(255, 255, 255, 0.04);
	border-radius: 28px;
	padding: 28px;
}

@media (max-width: 767px) {
	.single-post-page {
		padding: 120px 16px 64px;
	}

	.single-post-featured-media {
		padding-bottom: 34px;
	}

	.single-post-navigation {
		grid-template-columns: minmax(0, 1fr);
	}

	.single-post-content {
		font-size: 16px;
	}

	.single-post-content blockquote {
		font-size: 24px;
		padding: 20px 22px;
	}

	.single-post-comments .comments-area {
		padding: 22px;
	}
}

/* Tutor LMS single course
--------------------------------------------- */
.tutor-card {
    background-color: #000000;
}
.tutor-quiz-result-summary .tutor-d-flex{
	color: #fff;
}
.tutor-wrap{
	position: relative;
	isolation: isolate;
	background:
		radial-gradient(circle at 12% 10%, rgba(255, 194, 26, 0.16), transparent 0 24%),
		radial-gradient(circle at 88% 18%, rgba(255, 255, 255, 0.05), transparent 0 20%),
		radial-gradient(circle at 52% 82%, rgba(255, 194, 26, 0.08), transparent 0 22%),
		linear-gradient(180deg, rgba(7, 7, 7, 0.94) 0%, rgba(16, 16, 16, 0.96) 100%),
		url("http://school-lms.local/wp-content/uploads/2026/03/about-bg.png");
	background-size: auto, auto, auto, auto, cover;
	background-position: top left, top right, center bottom, center, center top;
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-y;
	background-blend-mode: screen, screen, normal, normal, multiply;
	overflow: hidden;
	margin: 0 auto;
	padding: 60px 0;
}

.tutor-wrap::before,
.tutor-wrap::after{
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: -1;
}

.tutor-wrap::before{
	background:
		radial-gradient(circle at 18% 24%, rgba(255, 194, 26, 0.1), transparent 0 18%),
		radial-gradient(circle at 78% 32%, rgba(255, 255, 255, 0.045), transparent 0 16%),
		radial-gradient(circle at 50% 100%, rgba(255, 194, 26, 0.07), transparent 0 24%);
	filter: blur(12px);
	opacity: 0.9;
}

.tutor-wrap::after{
	opacity: 0.12;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");
	background-size: 180px 180px;
	background-repeat: repeat;
	mix-blend-mode: soft-light;
}

/* Dark theme polish
--------------------------------------------- */

.auth-btn,
.menu-toggle,
.course-archive-search__input,
.course-archive-filter__button,
.blog-archive-filter__button,
.course-archive-pagination a,
.course-archive-pagination span,
.blog-archive-pagination a,
.blog-archive-pagination span,
.single-post-navigation__item a,
.single-post-tags__item,
.single-post-comments .comments-area,
.single-courses .tutor-course-details-tab,
.single-courses .tutor-sidebar-card.tutor-card,
.single-courses .tutor-single-course-sidebar-more > *,
.single-courses .tutor-review-summary,
.single-courses .tutor-review-list,
.single-courses .tutor-review-form-wrap,
.single-courses .tutor-accordion-item,
.course-archive-no-results,
.blog-archive-no-results,
.blog-archive-empty {
	background-color: rgba(255, 255, 255, 0.08);
	border-color: rgba(255, 255, 255, 0.14);
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.22);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
}

.course-archive-search__input,
.course-archive-filter__button,
.blog-archive-filter__button,
.course-archive-pagination a,
.course-archive-pagination span,
.blog-archive-pagination a,
.blog-archive-pagination span,
.single-post-tags__item,
.single-post-navigation__item a,
.single-courses .tutor-form-control,
.single-courses textarea,
.single-courses select {
	color: rgba(255, 255, 255, 0.92);
}

.course-archive-search__input::placeholder,
.single-courses .tutor-form-control::placeholder,
.single-courses textarea::placeholder {
	color: rgba(255, 255, 255, 0.62);
}

.course-archive-no-results,
.blog-archive-no-results,
.blog-archive-empty,
.blog-post-card__author,
.blog-archive-card__author,
.single-post-hero__meta,
.single-post-hero__excerpt,
.single-post-content,
.single-courses .tutor-course-details-top,
.single-courses .tutor-course-details-info,
.single-courses .tutor-course-details-actions,
.single-courses .tutor-tab-item,
.single-courses .tutor-tab-item p,
.single-courses .tutor-tab-item li,
.single-courses .tutor-tab-item span,
.single-courses .tutor-sidebar-card .tutor-course-details-widget-list,
.single-courses .tutor-sidebar-card .tutor-course-details-widget-list *,
.single-courses .tutor-review-summary,
.single-courses .tutor-course-reviews-wrap,
.single-courses .tutor-course-reviews {
	color: rgba(255, 255, 255, 0.86);
}

.blog-post-card__badge,
.blog-archive-card__badge,
.single-post-hero__category {
	background: rgba(255, 255, 255, 0.96);
	color: #555;
	box-shadow: 0 10px 22px rgba(0, 0, 0, 0.16);
}

.blog-post-card__title a,
.blog-archive-card__title a,
.single-post-navigation__title,
.single-post-hero__title,
.single-post-content h2,
.single-post-content h3,
.single-post-content h4,
.single-courses .tutor-course-details-title,
.single-courses .tutor-course-content-title,
.single-courses .tutor-course-details-tab h3,
.single-courses .tutor-course-details-tab h4,
.single-courses .tutor-course-details-tab h5,
.single-courses .tutor-accordion-item-header,
.single-courses .tutor-course-content-list-item-title,
.single-courses .tutor-course-content-list-item-title a {
	color: #fff !important;
	text-shadow: 0 2px 14px rgba(0, 0, 0, 0.18);
}

.course-archive-filter__button:hover,
.course-archive-filter__button:focus,
.course-archive-filter__button.is-active,
.blog-archive-filter__button:hover,
.blog-archive-filter__button:focus,
.blog-archive-filter__button.is-active,
.course-archive-pagination .current,
.blog-archive-pagination .current,
.single-courses .tutor-sidebar-card .tutor-btn-primary,
.course-archive-search__button,
.tutor-course-cards__button,
.blog-post-cards__button {
	box-shadow: 0 14px 30px rgba(255, 194, 26, 0.2);
}

.single-post-content blockquote {
	background: rgba(255, 255, 255, 0.08);
	color: rgba(255, 255, 255, 0.96);
}

.single-courses .tutor-course-details-tab .tutor-nav,
.single-courses .tutor-course-content-list-item,
.single-courses .tutor-sidebar-card .tutor-btn-outline-primary,
.single-courses .tutor-sidebar-card .tutor-btn-ghost {
	border-color: rgba(255, 255, 255, 0.14);
}

.single-courses .site-main,
.post-type-archive-courses .site-main {
	background:
		radial-gradient(circle at top left, rgba(255, 194, 26, 0.12), transparent 28%),
		linear-gradient(180deg, #070707 0%, #101010 100%);
}

.post-type-archive-courses .course-archive-page,
.post-type-archive-courses .tutor-courses-wrap {
	color: rgba(255, 255, 255, 0.86);
}

.post-type-archive-courses .course-archive-page.tutor-container,
.post-type-archive-courses .tutor-courses-wrap.tutor-container {
	max-width: none;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.post-type-archive-courses .course-archive-page > .tutor-d-block,
.post-type-archive-courses .course-archive-page > .tutor-row {
	width: min(1140px, calc(100% - 40px));
	margin-left: auto;
	margin-right: auto;
}

.post-type-archive-courses .tutor-course-loop {
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 28px;
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
	overflow: hidden;
}

.post-type-archive-courses .tutor-course-thumbnail,
.post-type-archive-courses .tutor-course-thumbnail img,
.post-type-archive-courses .tutor-course-thumbnail .tutor-ratio {
	/* border-radius: 28px 28px 0 0; */
}

.post-type-archive-courses .tutor-course-name,
.post-type-archive-courses .tutor-course-name a {
	color: #fff !important;
	font-family: "Cormorant Garamond", serif;
	text-shadow: 0 2px 14px rgba(0, 0, 0, 0.18);
	text-decoration: none;
}

.post-type-archive-courses .tutor-course-name a:hover,
.post-type-archive-courses .tutor-course-name a:focus {
	color: #fff2c6 !important;
}

.post-type-archive-courses .tutor-meta,
.post-type-archive-courses .tutor-meta div,
.post-type-archive-courses .tutor-meta span,
.post-type-archive-courses .tutor-meta a,
.post-type-archive-courses .tutor-ratings-average,
.post-type-archive-courses .tutor-ratings-count {
	color: rgba(255, 255, 255, 0.78) !important;
}

.post-type-archive-courses .tutor-ratings-stars,
.post-type-archive-courses .tutor-ratings-stars span,
.post-type-archive-courses .tutor-ratings-stars i {
	color: #ffc21a !important;
}

.post-type-archive-courses .tutor-course-loop-price,
.post-type-archive-courses .tutor-course-price,
.post-type-archive-courses .list-item-price,
.post-type-archive-courses .list-item-price .price,
.post-type-archive-courses .price {
	color: #fff !important;
}

.post-type-archive-courses .tutor-course-filter-container .tutor-widget-title,
.post-type-archive-courses .tutor-course-filter-container .tutor-list-item,
.post-type-archive-courses .tutor-course-filter-container .tutor-list-item label,
.post-type-archive-courses .tutor-course-filter-container .tutor-form-check label,
.post-type-archive-courses .tutor-course-filter-container .tutor-color-black {
	color: rgba(255, 255, 255, 0.9) !important;
}

.post-type-archive-courses .tutor-course-filter-container .tutor-form-check-input:checked {
	background: #ffc21a !important;
	border-color: #ffc21a !important;
}

.post-type-archive-courses .tutor-course-filter .tutor-form-control,
.post-type-archive-courses .tutor-course-filter .tutor-form-select,
.post-type-archive-courses .tutor-course-filter .tutor-dropdown-select-selected,
.post-type-archive-courses .tutor-course-filter .tutor-dropdown-select-options-container {
	background: rgba(255, 255, 255, 0.08) !important;
	border-color: rgba(255, 255, 255, 0.14) !important;
	color: rgba(255, 255, 255, 0.92) !important;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.22);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
}

.post-type-archive-courses .tutor-course-filter .tutor-dropdown-select-option {
	color: #111;
}

.post-type-archive-courses .tutor-course-filter .tutor-dropdown-select-selected > div:first-child,
.post-type-archive-courses .tutor-course-filter .tutor-dropdown-select-selected::after {
	color: rgba(255, 255, 255, 0.92) !important;
}

.post-type-archive-courses .tutor-course-loop .tutor-btn-outline-primary,
.post-type-archive-courses .tutor-course-loop .tutor-btn-secondary {
	border-color: rgba(255, 194, 26, 0.55) !important;
	background: rgba(255, 255, 255, 0.04) !important;
	color: #ffc21a !important;
}

.post-type-archive-courses .tutor-course-loop .tutor-btn-outline-primary:hover,
.post-type-archive-courses .tutor-course-loop .tutor-btn-outline-primary:focus,
.post-type-archive-courses .tutor-course-loop .tutor-btn-secondary:hover,
.post-type-archive-courses .tutor-course-loop .tutor-btn-secondary:focus {
	background: rgba(255, 194, 26, 0.14) !important;
	border-color: #ffc21a !important;
	color: #111 !important;
}

@media (max-width: 767px) {
	.post-type-archive-courses .course-archive-page > .tutor-d-block,
	.post-type-archive-courses .course-archive-page > .tutor-row {
		width: min(100%, calc(100% - 24px));
	}
}

.single-courses .tutor-page-wrap.tutor-course-top-info {
	padding: 100px 20px 80px;
	color: #fff;
}

.single-courses .tutor-course-details-page.tutor-container {
	max-width: 1140px;
}

.single-courses .tutor-course-details-header {
	margin-bottom: 36px !important;
}

.single-courses .tutor-course-details-ratings {
	display: inline-flex;
	align-items: center;
	padding: 8px 16px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.06);
	margin-bottom: 20px;
}
.single-courses .tutor-course-details-ratings span{
	font-size: 14px;
}

.single-courses .tutor-course-details-title {
	color: #fff !important;
	font-family: "Cormorant Garamond", serif;
	font-size: 42px !important;
	font-weight: 700 !important;
	line-height: 0.98 !important;
	max-width: 860px;
}

.single-courses .tutor-course-details-top,
.single-courses .tutor-course-details-info,
.single-courses .tutor-course-details-actions {
	color: rgba(255, 255, 255, 0.78);
}

.single-courses .tutor-course-details-top a,
.single-courses .tutor-course-details-actions a,
.single-courses .tutor-meta a {
	color: #fff !important;
}

.single-courses .tutor-course-details-info {
	gap: 18px;
	font-family: "Maven Pro", sans-serif;
}

.single-courses .tutor-course-details-info > div:last-child {
	font-size: 15px;
	line-height: 1.7;
}

.single-courses .tutor-course-details-actions .tutor-btn {
	border-radius: 999px;
}

.single-courses .tutor-course-details-page main > .tutor-course-thumbnail,
.single-courses .tutor-course-details-page main > .tutor-course-video-player {
	overflow: hidden;
	border-radius: 16px;
}

.single-courses .tutor-course-details-page main > .tutor-course-thumbnail img,
.single-courses .tutor-course-details-page main > .tutor-course-video-player video,
.single-courses .tutor-course-details-page main > .tutor-course-video-player iframe {
	display: block;
	width: 100%;
	border-radius: 16px;
}

.single-courses .tutor-course-details-tab {
	border-radius: 16px;
	/* background: rgba(255, 255, 255, 0.04); */
	border: 1px solid rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(16px);
	padding: 0 28px 28px;
}
.tutor-course-content-list-item {
	background-color: transparent;
}
.tutor-course-content-list-item:hover {
	background-color: transparent;
}

.single-courses .tutor-is-sticky {
	top: 110px;
	z-index: 20;
}
.tutor-course-details-page .tutor-course-details-tab .tutor-is-sticky{
	background-color: transparent;
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
	box-shadow: none;
}

.single-courses .tutor-course-details-tab .tutor-nav {
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 24px 24px 0 0;
	padding: 0 18px;
}

.single-courses .tutor-course-details-tab .tutor-nav-item {
	color: rgba(255, 255, 255, 0.38);
	font-family: "Maven Pro", sans-serif;
	font-weight: 600;
}

.single-courses .tutor-course-details-tab .tutor-nav-item:hover,
.single-courses .tutor-course-details-tab .tutor-nav-item:focus {
	color: rgba(255, 255, 255, 0.92);
}

.single-courses .tutor-course-details-tab .tutor-nav-item.is-active {
	color: #fff;
}

.single-courses .tutor-course-details-tab .tutor-nav-link {
	padding: 18px 10px;
}

.tutor-nav:not(.tutor-nav-pills):not(.tutor-nav-tabs) .tutor-nav-link.is-active {
    border-bottom-color: #ffc21a;
}
.tutor-nav-link.is-active {
    color: #ffc21a;
}
.tutor-color-black{
	color: #fff !important;
}
.tutor-accordion-item-header.is-active {
	color: #111 !important;
	background-color: #ffc21a;
}

.single-courses .tutor-course-content-title,
.single-courses .tutor-course-details-tab h3,
.single-courses .tutor-course-details-tab h4,
.single-courses .tutor-course-details-tab h5 {
	/* color: #000 !important; */
	font-family: "Cormorant Garamond", serif;
}

.single-courses .tutor-tab-item,
.single-courses .tutor-tab-item p,
.single-courses .tutor-tab-item li,
.single-courses .tutor-tab-item span {
	color: rgba(255, 255, 255, 0.82);
}

.single-courses .tutor-tab-item a {
	color: #ffc21a;
}

.single-courses .tutor-accordion-item {
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 22px;
	overflow: hidden;
}

.single-courses .tutor-accordion-item + .tutor-accordion-item {
	margin-top: 14px;
}

.single-courses .tutor-accordion-item-header {
	color: #fff;
	font-family: "Maven Pro", sans-serif;
	font-size: 18px;
	font-weight: 700;
	padding: 20px 22px;
}

.single-courses .tutor-accordion-item-body {
	background: rgba(14, 14, 14, 0.96);
}

.single-courses .tutor-accordion-item-body-content {
	background: rgba(18, 18, 18, 0.98);
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	padding-top: 4px;
}

.single-courses .tutor-course-content-list {
	padding: 0 22px 18px;
}

.single-courses .tutor-course-content-list-item {
	padding: 14px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.single-courses .tutor-course-content-list-item:last-child {
	border-bottom: 0;
}

.single-courses .tutor-course-content-list-item-title,
.single-courses .tutor-course-content-list-item-title a {
	color: #fff !important;
	font-family: "Maven Pro", sans-serif;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
}

.single-courses .tutor-course-content-list-item-duration,
.single-courses .tutor-course-content-list-item-status {
	color: rgba(255, 255, 255, 0.56) !important;
}

.single-courses .tutor-course-content-list-item-icon {
	color: #ffc21a !important;
}

.single-courses .tutor-accordion-item-header .tooltip-txt,
.single-courses .tutor-accordion-item-header .tooltip-wrap {
	color: #111;
}

.single-courses .tutor-sidebar-card.tutor-card {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 16px;
	backdrop-filter: blur(16px);
	box-shadow: none;
	overflow: hidden;
}

.single-courses .tutor-sidebar-card .tutor-card-body {
	background: linear-gradient(180deg, rgba(24, 24, 24, 0.98) 0%, rgba(14, 14, 14, 0.98) 100%);
	padding: 26px;
	color: rgba(255, 255, 255, 0.9);
}

.single-courses .tutor-sidebar-card .tutor-color-black,
.single-courses .tutor-sidebar-card .tutor-color-secondary,
.single-courses .tutor-sidebar-card .tutor-color-muted,
.single-courses .tutor-sidebar-card .tutor-course-progress-wrapper h3,
.single-courses .tutor-sidebar-card .progress-steps,
.single-courses .tutor-sidebar-card .progress-percentage,
.single-courses .tutor-sidebar-card .tutor-enrolled-info-text,
.single-courses .tutor-sidebar-card .tutor-enrolled-info-date,
.single-courses .tutor-sidebar-card .tutor-fs-5,
.single-courses .tutor-sidebar-card .tutor-fs-6,
.single-courses .tutor-sidebar-card .tutor-fs-7 {
	color: rgba(255, 255, 255, 0.92) !important;
}

.single-courses .tutor-sidebar-card .tutor-progress-bar {
	background: rgba(255, 255, 255, 0.12);
}

.single-courses .tutor-sidebar-card .tutor-progress-value {
	background: linear-gradient(90deg, #ffc21a 0%, #ffb200 100%);
}

.single-courses .tutor-course-single-pricing,
.single-courses .tutor-price-preview-box {
	color: #fff;
}

.single-courses .tutor-sidebar-card .tutor-btn {
	border-radius: 999px;
	font-family: "Maven Pro", sans-serif;
	font-weight: 700;
}

.single-courses .tutor-sidebar-card .tutor-btn-primary {
	background: #ffc21a;
	border-color: #ffc21a;
	color: #111;
}

.single-courses .tutor-sidebar-card .tutor-btn-outline-primary,
.single-courses .tutor-sidebar-card .tutor-btn-ghost {
	border-color: rgba(255, 255, 255, 0.16);
	color: #fff;
	background: rgba(255, 255, 255, 0.05);
}

.single-courses .tutor-sidebar-card .tutor-course-single-pricing .tutor-fs-4,
.single-courses .tutor-sidebar-card .tutor-course-single-pricing .tutor-course-price {
	color: #fff !important;
}

.single-courses .tutor-sidebar-card .tutor-course-details-widget-list,
.single-courses .tutor-sidebar-card .tutor-course-details-widget-list * {
	color: rgba(255, 255, 255, 0.8);
}

.single-courses .tutor-single-course-sidebar-more > * {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 24px;
	padding: 22px;
}

.single-courses .tutor-single-course-sidebar-more > * + * {
	margin-top: 16px;
}

.single-courses .tutor-single-course-sidebar-more h3,
.single-courses .tutor-single-course-sidebar-more h4 {
	color: #fff !important;
	font-family: "Cormorant Garamond", serif;
	margin-top: 0;
}

.single-courses .tutor-course-tags a,
.single-courses .tutor-tag-list a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 16px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.06);
	color: #fff !important;
	text-decoration: none;
}

.single-courses .tutor-review-summary,
.single-courses .tutor-course-reviews-wrap,
.single-courses .tutor-course-reviews {
	color: rgba(255, 255, 255, 0.82);
}

.single-courses .tutor-review-summary,
.single-courses .tutor-review-list,
.single-courses .tutor-review-form-wrap {
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 24px;
	padding: 22px;
}

.single-courses .tutor-form-control,
.single-courses textarea,
.single-courses select {
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 16px;
	color: #fff;
}

.single-courses .tutor-form-control::placeholder,
.single-courses textarea::placeholder {
	color: rgba(255, 255, 255, 0.45);
}

.single-courses .tutor-announcement-card.tutor-card {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 24px;
	overflow: hidden;
}

.single-courses .tutor-announcement-card .tutor-card-header {
	background: linear-gradient(180deg, rgba(22, 22, 22, 0.98) 0%, rgba(18, 18, 18, 0.98) 100%) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	padding: 24px 28px;
}

.single-courses .tutor-announcement-card .tutor-card-body {
	background: rgba(14, 14, 14, 0.98);
	padding: 24px 28px;
}

.single-courses .tutor-announcement-card .tutor-card-title,
.single-courses .tutor-announcement-card .tutor-meta,
.single-courses .tutor-announcement-card .tutor-meta-key,
.single-courses .tutor-announcement-card .tutor-meta-value,
.single-courses .tutor-announcement-card .tutor-color-secondary,
.single-courses .tutor-announcement-card .tutor-fs-6,
.single-courses .tutor-announcement-card p,
.single-courses .tutor-announcement-card li,
.single-courses .tutor-announcement-card span,
.single-courses .tutor-announcement-card div {
	color: rgba(255, 255, 255, 0.88) !important;
}

.single-courses .tutor-announcement-card .tutor-meta-key {
	color: rgba(255, 255, 255, 0.62) !important;
}

/* Tutor LMS lesson page
--------------------------------------------- */

.single-lessons .site-header,
.single-lessons .site-footer,
.single-tutor_quiz .site-header,
.single-tutor_quiz .site-footer,
.single-tutor_assignments .site-header,
.single-tutor_assignments .site-footer {
	display: none;
}

.single-lessons #page,
.single-tutor_quiz #page,
.single-tutor_assignments #page {
	background:
		radial-gradient(circle at top left, rgba(255, 194, 26, 0.12), transparent 24%),
		linear-gradient(180deg, #070707 0%, #101010 100%);
}

.single-lessons .tutor-single-page-top-bar,
.single-tutor_quiz .tutor-single-page-top-bar,
.single-tutor_assignments .tutor-single-page-top-bar {
	background: rgba(16, 16, 16, 0.96);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	color: #fff;
	min-height: 80px;
	padding: 0 24px;
}

.single-lessons .tutor-course-topic-single-header-title,
.single-tutor_quiz .tutor-course-topic-single-header-title,
.single-tutor_assignments .tutor-course-topic-single-header-title {
	color: #fff;
	font-family: "Maven Pro", sans-serif;
	font-size: 18px;
	font-weight: 700;
	max-width: min(48vw, 520px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.single-lessons .tutor-single-page-top-bar .tutor-iconic-btn,
.single-tutor_quiz .tutor-single-page-top-bar .tutor-iconic-btn,
.single-tutor_assignments .tutor-single-page-top-bar .tutor-iconic-btn {
	color: #fff;
}

.single-lessons .tutor-progress-content,
.single-tutor_quiz .tutor-progress-content,
.single-tutor_assignments .tutor-progress-content,
.single-lessons .tutor-color-primary-60,
.single-tutor_quiz .tutor-color-primary-60,
.single-tutor_assignments .tutor-color-primary-60 {
	color: rgba(255, 255, 255, 0.72) !important;
}

.single-lessons .tutor-topbar-mark-btn,
.single-tutor_quiz .tutor-topbar-mark-btn,
.single-tutor_assignments .tutor-topbar-mark-btn,
.single-lessons .tutor-btn-primary,
.single-tutor_quiz .tutor-btn-primary,
.single-tutor_assignments .tutor-btn-primary,
.single-lessons .tutor-form-check-input:checked,
.single-tutor_quiz .tutor-form-check-input:checked,
.single-tutor_assignments .tutor-form-check-input:checked {
	background: #ffc21a !important;
	border-color: #ffc21a !important;
	color: #111 !important;
	box-shadow: 0 12px 26px rgba(255, 194, 26, 0.18);
}

.single-lessons .tutor-btn-outline-primary,
.single-tutor_quiz .tutor-btn-outline-primary,
.single-tutor_assignments .tutor-btn-outline-primary {
	border-color: rgba(255, 194, 26, 0.55) !important;
	color: #ffc21a !important;
}

.single-lessons .tutor-color-primary,
.single-tutor_quiz .tutor-color-primary,
.single-tutor_assignments .tutor-color-primary,
.single-lessons a.tutor-color-primary,
.single-tutor_quiz a.tutor-color-primary,
.single-tutor_assignments a.tutor-color-primary,
.single-lessons .tutor-nav-link.is-active,
.single-tutor_quiz .tutor-nav-link.is-active,
.single-tutor_assignments .tutor-nav-link.is-active {
	color: #ffc21a !important;
}
.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header {
    background: #ffc21a !important;
	color: #000;
	margin-bottom: 20px;
	border-radius: 10px;
}
.course-single-sidebar-wrapper .tutor-course-topic-item.is-active
 .tutor-course-topic-item-icon{
	color: #ffc21a !important;
}
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active .tutor-course-topic-item-title{
	color: #ffc21a !important;
}

.single-lessons .tutor-course-single-sidebar-title,
.single-tutor_quiz .tutor-course-single-sidebar-title,
.single-tutor_assignments{
	background: rgba(18, 18, 18, 0.96);
	color: #fff;
	padding: 18px 22px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.tutor-course-single-sidebar-wrapper{
	background-color: #000 !important;
}
.tutor-course-single-sidebar-title{
	background-color: transparent !important;
}

.single-lessons .tutor-course-single-sidebar-title .tutor-color-secondary,
.single-tutor_quiz .tutor-course-single-sidebar-title .tutor-color-secondary,
.single-tutor_assignments .tutor-course-single-sidebar-title .tutor-color-secondary {
	color: #fff !important;
}

.single-lessons .tutor-course-single-sidebar-wrapper,
.single-tutor_quiz .tutor-course-single-sidebar-wrapper,
.single-tutor_assignments .tutor-course-single-sidebar-wrapper {
	background-color: #000 !important;
	border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.single-lessons .tutor-course-single-sidebar-wrapper .tutor-course-single-sidebar-title,
.single-tutor_quiz .tutor-course-single-sidebar-wrapper .tutor-course-single-sidebar-title,
.single-tutor_assignments .tutor-course-single-sidebar-wrapper .tutor-course-single-sidebar-title {
	background-color: rgba(18, 18, 18, 0.96) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
	color: #fff !important;
}

.single-lessons .tutor-course-topic,
.single-tutor_quiz .tutor-course-topic,
.single-tutor_assignments .tutor-course-topic {
	background: rgba(14, 14, 14, 0.96);
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.single-lessons .tutor-course-topic-summary,
.single-tutor_quiz .tutor-course-topic-summary,
.single-tutor_assignments .tutor-course-topic-summary {
	color: rgba(255, 255, 255, 0.72);
}

.single-lessons .tutor-course-topic-item a,
.single-tutor_quiz .tutor-course-topic-item a,
.single-tutor_assignments .tutor-course-topic-item a {
	color: rgba(255, 255, 255, 0.9);
	padding: 16px 22px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
}

.single-lessons .tutor-course-topic-item.is-active,
.single-tutor_quiz .tutor-course-topic-item.is-active,
.single-tutor_assignments .tutor-course-topic-item.is-active {
	background: rgba(255, 194, 26, 0.14);
	box-shadow: inset 3px 0 0 #ffc21a;
}

.single-lessons .tutor-course-topic-item.is-active .tutor-course-topic-item-title,
.single-tutor_quiz .tutor-course-topic-item.is-active .tutor-course-topic-item-title,
.single-tutor_assignments .tutor-course-topic-item.is-active .tutor-course-topic-item-title,
.single-lessons .tutor-course-topic-item-icon,
.single-tutor_quiz .tutor-course-topic-item-icon,
.single-tutor_assignments .tutor-course-topic-item-icon {
	color: #ffc21a !important;
}

.single-lessons .tutor-course-topic-item-duration,
.single-lessons .tutor-color-muted,
.single-tutor_quiz .tutor-course-topic-item-duration,
.single-tutor_quiz .tutor-color-muted,
.single-tutor_assignments .tutor-course-topic-item-duration,
.single-tutor_assignments .tutor-color-muted {
	color: rgba(255, 255, 255, 0.56) !important;
}

.single-lessons .tutor-course-topic-single-body,
.single-tutor_quiz .tutor-course-topic-single-body,
.single-tutor_assignments .tutor-course-topic-single-body {
	background: transparent;
	color: #fff;
}

.single-lessons .tutor-course-topic-single-footer,
.single-tutor_quiz .tutor-course-topic-single-footer,
.single-tutor_assignments .tutor-course-topic-single-footer {
	background: rgba(18, 18, 18, 0.96);
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}

.single-lessons .tutor-course-topic-single-footer a,
.single-tutor_quiz .tutor-course-topic-single-footer a,
.single-tutor_assignments .tutor-course-topic-single-footer a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 52px;
	padding: 12px 20px;
	border: 1px solid rgba(255, 194, 26, 0.34) !important;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.08) !important;
	color: #ffc21a !important;
	font-family: "Maven Pro", sans-serif;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	text-decoration: none;
	box-shadow: 0 16px 34px rgba(0, 0, 0, 0.24);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
	transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
}

.single-lessons .tutor-course-topic-single-footer a:hover,
.single-lessons .tutor-course-topic-single-footer a:focus,
.single-tutor_quiz .tutor-course-topic-single-footer a:hover,
.single-tutor_quiz .tutor-course-topic-single-footer a:focus,
.single-tutor_assignments .tutor-course-topic-single-footer a:hover,
.single-tutor_assignments .tutor-course-topic-single-footer a:focus {
	background: rgba(255, 194, 26, 0.14) !important;
	border-color: rgba(255, 194, 26, 0.72) !important;
	color: #fff2c6 !important;
	box-shadow: 0 20px 38px rgba(255, 194, 26, 0.18);
	transform: translateY(-2px);
}

.single-lessons .tutor-course-topic-single-footer .tutor-single-course-content-next,
.single-tutor_quiz .tutor-course-topic-single-footer .tutor-single-course-content-next,
.single-tutor_assignments .tutor-course-topic-single-footer .tutor-single-course-content-next {
	margin-left: auto;
}

.single-lessons .tutor-course-topic-single-footer [class*="tutor-icon-"],
.single-tutor_quiz .tutor-course-topic-single-footer [class*="tutor-icon-"],
.single-tutor_assignments .tutor-course-topic-single-footer [class*="tutor-icon-"] {
	font-size: 14px;
	line-height: 1;
}

@media (max-width: 767px) {
	.single-lessons .tutor-course-topic-single-footer .tutor-single-course-content-prev,
	.single-lessons .tutor-course-topic-single-footer .tutor-single-course-content-next,
	.single-tutor_quiz .tutor-course-topic-single-footer .tutor-single-course-content-prev,
	.single-tutor_quiz .tutor-course-topic-single-footer .tutor-single-course-content-next,
	.single-tutor_assignments .tutor-course-topic-single-footer .tutor-single-course-content-prev,
	.single-tutor_assignments .tutor-course-topic-single-footer .tutor-single-course-content-next {
		width: 100%;
	}

	.single-lessons .tutor-course-topic-single-footer .tutor-single-course-content-next,
	.single-tutor_quiz .tutor-course-topic-single-footer .tutor-single-course-content-next,
	.single-tutor_assignments .tutor-course-topic-single-footer .tutor-single-course-content-next {
		margin-left: 0;
	}

	.single-lessons .tutor-course-topic-single-footer a,
	.single-tutor_quiz .tutor-course-topic-single-footer a,
	.single-tutor_assignments .tutor-course-topic-single-footer a {
		width: 100%;
	}
}

@media (min-width: 1200px) {
	.single-lessons .tutor-lesson-sidebar.tutor-desktop-sidebar,
	.single-tutor_quiz .tutor-lesson-sidebar.tutor-desktop-sidebar,
	.single-tutor_assignments .tutor-lesson-sidebar.tutor-desktop-sidebar {
		flex: 0 0 440px !important;
		max-width: 440px;
	}

	.single-lessons .tutor-course-single-content-wrapper.tutor-course-single-sidebar-hidden .tutor-lesson-sidebar.tutor-desktop-sidebar,
	.single-tutor_quiz .tutor-course-single-content-wrapper.tutor-course-single-sidebar-hidden .tutor-lesson-sidebar.tutor-desktop-sidebar,
	.single-tutor_assignments .tutor-course-single-content-wrapper.tutor-course-single-sidebar-hidden .tutor-lesson-sidebar.tutor-desktop-sidebar {
		flex: 0 0 0 !important;
		max-width: 0;
	}
}

@media (max-width: 991px) {
	.single-lessons .tutor-single-page-top-bar,
	.single-tutor_quiz .tutor-single-page-top-bar,
	.single-tutor_assignments .tutor-single-page-top-bar {
		padding: 0 14px;
	}

	.single-lessons .tutor-course-topic-single-header-title,
	.single-tutor_quiz .tutor-course-topic-single-header-title,
	.single-tutor_assignments .tutor-course-topic-single-header-title {
		max-width: 42vw;
		font-size: 16px;
	}
}

@media (max-width: 991px) {
	.single-courses .tutor-page-wrap.tutor-course-top-info {
		padding: 100px 16px 64px;
	}

	.single-courses .tutor-course-details-title {
		font-size: clamp(34px, 8vw, 52px) !important;
	}

	.single-courses .tutor-course-details-tab {
		padding: 0 18px 22px;
	}

	.single-courses .tutor-sidebar-card .tutor-card-body {
		padding: 20px;
	}
}

/* Tutor auth glass UI
--------------------------------------------- */

body:has(.tutor-template-segment.tutor-login-wrap),
body:has(#tutor-registration-wrap) {
	background:
		radial-gradient(circle at top left, rgba(255, 194, 26, 0.12), transparent 24%),
		linear-gradient(180deg, #070707 0%, #101010 100%);
}

body:has(.tutor-template-segment.tutor-login-wrap) .site-main,
body:has(#tutor-registration-wrap) .site-main,
body:has(.tutor-template-segment.tutor-login-wrap) .entry-content,
body:has(#tutor-registration-wrap) .entry-content,
body:has(.tutor-template-segment.tutor-login-wrap) article.page,
body:has(#tutor-registration-wrap) article.page {
	background: transparent !important;
}

body:has(.tutor-template-segment.tutor-login-wrap) .entry-content,
body:has(#tutor-registration-wrap) .entry-content {
	min-height: calc(100vh - 180px);
	margin: 0;
	padding: 72px 20px 96px;
	background:
		radial-gradient(circle at top left, rgba(255, 194, 26, 0.12), transparent 24%),
		linear-gradient(180deg, #070707 0%, #101010 100%) !important;
}

body.page-template-default .tutor-page-wrap,
body.page .tutor-page-wrap {
	position: relative;
}

.tutor-template-segment.tutor-login-wrap,
#tutor-registration-wrap,
.tutor-modal.tutor-login-modal .tutor-modal-body .tutor-py-48 {
	position: relative;
	/* max-width: 640px; */
	margin: 0 auto;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 32px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.06) 100%);
	backdrop-filter: blur(24px);
	-webkit-backdrop-filter: blur(24px);
	box-shadow:
		0 30px 80px rgba(0, 0, 0, 0.38),
		inset 0 1px 0 rgba(255, 255, 255, 0.16);
	overflow: hidden;
	padding: 30px;
}

.tutor-template-segment.tutor-login-wrap::before,
#tutor-registration-wrap::before,
.tutor-modal.tutor-login-modal .tutor-modal-body .tutor-py-48::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at top left, rgba(255, 194, 26, 0.24), transparent 34%),
		radial-gradient(circle at bottom right, rgba(255, 255, 255, 0.12), transparent 30%);
	pointer-events: none;
}

.tutor-template-segment.tutor-login-wrap > *,
#tutor-registration-wrap > *,
.tutor-modal.tutor-login-modal .tutor-modal-body .tutor-py-48 > * {
	position: relative;
	z-index: 1;
}

.tutor-login-form-wrapper .tutor-fs-5,
.tutor-modal.tutor-login-modal .tutor-fs-4,
#tutor-registration-wrap label,
#tutor-registration-wrap .tutor-mb-24,
#tutor-registration-wrap .tutor-color-muted {
	color: #fff !important;
}

.tutor-login-form-wrapper .tutor-fs-5,
.tutor-modal.tutor-login-modal .tutor-fs-4 {
	font-family: "Cormorant Garamond", serif;
	font-size: 24px !important;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 24px !important;
}

.tutor-login-form-wrapper form,
#tutor-registration-wrap form,
.tutor-modal.tutor-login-modal #tutor-login-form {
	margin: 0;
}

.tutor-modal.tutor-login-modal {
	background: rgba(5, 5, 5, 0.76);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.tutor-modal.tutor-login-modal .tutor-modal-content {
	background: transparent;
	box-shadow: none;
	border: none;
}
.tutor-modal .tutor-modal-close-o {
    top: 40px;
    right: 40px;
}

.tutor-modal.tutor-login-modal .tutor-modal-body {
	padding: 24px;
	background: transparent;
}

.tutor-modal.tutor-login-modal .tutor-modal-window {
	/* max-width: 860px; */
	padding: 0;
}
#tutor-registration-wrap form{
	padding: 40px 30px;
}
#tutor-registration-wrap form,
.tutor-login-form-wrapper input:not([type="checkbox"]):not([type="radio"]),
.tutor-modal.tutor-login-modal input:not([type="checkbox"]):not([type="radio"]),
#tutor-registration-wrap input:not([type="checkbox"]):not([type="radio"]),
#tutor-registration-wrap select,
#tutor-registration-wrap textarea {
	min-height: 58px;
	border: 1px solid rgba(255, 255, 255, 0.16) !important;
	border-radius: 18px !important;
	background: rgba(255, 255, 255, 0.08) !important;
	color: #fff !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

.tutor-login-form-wrapper input::placeholder,
.tutor-modal.tutor-login-modal input::placeholder,
#tutor-registration-wrap input::placeholder,
#tutor-registration-wrap textarea::placeholder {
	color: rgba(255, 255, 255, 0.55);
}

.tutor-login-form-wrapper input:focus,
.tutor-modal.tutor-login-modal input:focus,
#tutor-registration-wrap input:focus,
#tutor-registration-wrap select:focus,
#tutor-registration-wrap textarea:focus {
	border-color: rgba(255, 194, 26, 0.7) !important;
	box-shadow:
		0 0 0 4px rgba(255, 194, 26, 0.14),
		inset 0 1px 0 rgba(255, 255, 255, 0.08);
	outline: none;
}

.tutor-login-form-wrapper .tutor-form-check-input,
.tutor-modal.tutor-login-modal .tutor-form-check-input,
#tutor-registration-wrap .tutor-form-check-input {
	width: 22px;
	height: 22px;
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.22);
	background: rgba(255, 255, 255, 0.12);
}

.tutor-login-form-wrapper button[type="submit"].tutor-btn.tutor-btn-primary,
.tutor-modal.tutor-login-modal button[type="submit"].tutor-btn.tutor-btn-primary,
#tutor-registration-wrap .tutor-btn.tutor-btn-primary {
	min-height: 52px;
	padding: 0 24px;
	margin-top: 40px;
	border: 0;
	border-radius: 999px;
	background: linear-gradient(135deg, #ffc21a 0%, #ff9f0a 100%);
	color: #111 !important;
	font-family: "Maven Pro", sans-serif;
	font-size: 17px;
	font-weight: 700;
	box-shadow: 0 18px 34px rgba(255, 159, 10, 0.28);
	transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;
}

.tutor-login-form-wrapper button[type="submit"].tutor-btn.tutor-btn-primary:hover,
.tutor-modal.tutor-login-modal button[type="submit"].tutor-btn.tutor-btn-primary:hover,
#tutor-registration-wrap .tutor-btn.tutor-btn-primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 24px 40px rgba(255, 159, 10, 0.32);
	filter: brightness(1.02);
}

.tutor-login-form-wrapper a,
.tutor-modal.tutor-login-modal a,
#tutor-registration-wrap a {
	color: #ffc21a;
}

.tutor-login-form-wrapper .tutor-btn.tutor-btn-ghost,
.tutor-modal.tutor-login-modal .tutor-btn.tutor-btn-ghost,
.tutor-login-form-wrapper .tutor-btn.tutor-btn-link {
	min-height: auto;
	padding: 0;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0;
	box-shadow: none;
	color: rgba(255, 255, 255, 0.72) !important;
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
}
.list-item-button a{
	background-color: #ffc21a;
	color: #111 !important;
	padding: 10px;
	font-weight: bold;
}
.list-item-button a:hover{
	background-color: #ffc21a;
	color: #fff !important;
}
.tutor-course-list-btn a{
	background-color: #ffc21a;
	color: #111 !important;
}
.tutor-login-form-wrapper .tutor-btn.tutor-btn-link,
.tutor-modal.tutor-login-modal .tutor-btn.tutor-btn-link {
	color: #ffc21a !important;
}

.tutor-login-form-wrapper .tutor-btn.tutor-btn-ghost:hover,
.tutor-modal.tutor-login-modal .tutor-btn.tutor-btn-ghost:hover,
.tutor-login-form-wrapper .tutor-btn.tutor-btn-link:hover,
.tutor-modal.tutor-login-modal .tutor-btn.tutor-btn-link:hover {
	transform: none;
	filter: none;
	box-shadow: none;
	background: transparent !important;
}

.tutor-login-form-wrapper .tutor-color-muted,
.tutor-modal.tutor-login-modal .tutor-color-muted,
.tutor-login-form-wrapper .tutor-form-check label,
.tutor-modal.tutor-login-modal .tutor-form-check label,
.tutor-login-form-wrapper .tutor-login-rememeber-wrap label,
#tutor-registration-wrap .tutor-required-fields li {
	color: rgba(255, 255, 255, 0.72) !important;
}

#tutor-registration-wrap .tutor-form-row {
	row-gap: 16px;
}

#tutor-registration-wrap .tutor-form-group {
	margin-bottom: 16px;
}

#tutor-registration-wrap .tutor-alert.tutor-warning {
	border: 1px solid rgba(255, 194, 26, 0.24);
	background: rgba(255, 194, 26, 0.12);
	color: #fff;
}
#tutor-registration-wrap{
	margin-top: 80px;
	padding: 0 !important;
}


/* 404 page
--------------------------------------------- */

.error404 .site-main {
	min-height: calc(100vh - 220px);
}

.custom-404 {
	position: relative;
	padding: 160px 20px 96px;
	overflow: hidden;
	background:
		radial-gradient(circle at top left, rgba(255, 194, 26, 0.16), transparent 24%),
		radial-gradient(circle at bottom right, rgba(255, 255, 255, 0.08), transparent 26%),
		linear-gradient(180deg, #050505 0%, #101010 100%);
}

.custom-404__container {
	max-width: 1140px;
	margin: 0 auto;
}

.custom-404__inner {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
	gap: 36px;
	align-items: center;
}

.custom-404__content {
	max-width: 640px;
}

.custom-404__eyebrow {
	margin: 0 0 16px;
	color: #ffc21a;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

.custom-404__title {
	margin: 0;
	color: #fff;
	font-size: 72px;
	line-height: 0.9;
}

.custom-404__subtitle {
	margin: 18px 0 18px;
	color: #fff;
	font-size: 32px;
	line-height: 1;
}

.custom-404__description {
	margin: 0;
	max-width: 560px;
	color: rgba(255, 255, 255, 0.72);
	font-size: 18px;
	line-height: 1.8;
}

.custom-404__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 34px;
}

.custom-404__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 54px;
	padding: 14px 24px;
	border-radius: 999px;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-decoration: none;
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, background-color 0.25s ease;
}

.custom-404__button--primary {
	background: linear-gradient(135deg, #ffc21a 0%, #ff9f0a 100%);
	color: #111;
	box-shadow: 0 20px 40px rgba(255, 159, 10, 0.24);
}

.custom-404__button--secondary {
	border: 1px solid rgba(255, 194, 26, 0.35);
	background: rgba(255, 255, 255, 0.06);
	color: #fff;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
}

.custom-404__button:hover,
.custom-404__button:focus {
	transform: translateY(-2px);
}

.custom-404__button--primary:visited {
	color: #111;
}

.custom-404__button--secondary:visited {
	color: #fff;
}

.custom-404__search {
	margin-top: 30px;
}

.custom-404__search .search-form {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.custom-404__search .search-field {
	flex: 1 1 280px;
	min-height: 58px;
	padding: 0 20px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.08);
	color: #fff;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
}

.custom-404__search .search-field::placeholder {
	color: rgba(255, 255, 255, 0.5);
}

.custom-404__search .search-submit {
	min-height: 58px;
	padding: 0 24px;
	border: 0;
	border-radius: 999px;
	background: #ffc21a;
	color: #111;
	font-size: 15px;
	font-weight: 700;
}

.custom-404__panel {
	position: relative;
}

.custom-404__panel-card {
	position: relative;
	padding: 34px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 34px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.05) 100%);
	box-shadow:
		0 30px 80px rgba(0, 0, 0, 0.34),
		inset 0 1px 0 rgba(255, 255, 255, 0.12);
	backdrop-filter: blur(24px);
	-webkit-backdrop-filter: blur(24px);
	overflow: hidden;
}

.custom-404__badge {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	padding: 0 16px;
	border-radius: 999px;
	background: rgba(255, 194, 26, 0.18);
	color: #ffe29a;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.custom-404__route {
	position: relative;
	margin-top: 34px;
	padding: 42px 0 52px;
}

.custom-404__route-line {
	position: absolute;
	top: 50%;
	left: 18px;
	right: 18px;
	height: 2px;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 194, 26, 0.78) 100%);
	transform: translateY(-50%);
}

.custom-404__route-stop {
	position: absolute;
	top: 50%;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #ffc21a;
	box-shadow: 0 0 0 8px rgba(255, 194, 26, 0.16);
	transform: translateY(-50%);
}

.custom-404__route-stop--start {
	left: 8px;
}

.custom-404__route-stop--end {
	right: 8px;
}

.custom-404__route-card {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 56px;
	padding: 0 20px;
	margin-left: auto;
	border-radius: 18px;
	background: #fff;
	color: #111;
	font-size: 15px;
	font-weight: 700;
	box-shadow: 0 18px 36px rgba(0, 0, 0, 0.24);
}

.custom-404__stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	margin-top: 8px;
}

.custom-404__stat {
	padding: 18px 16px;
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.06);
}

.custom-404__stat strong {
	display: block;
	color: #fff;
	font-size: 15px;
}

.custom-404__stat span {
	display: block;
	margin-top: 6px;
	color: rgba(255, 255, 255, 0.62);
	font-size: 13px;
}

.custom-404__orb {
	position: absolute;
	border-radius: 50%;
	filter: blur(10px);
	opacity: 0.7;
}

.custom-404__orb--one {
	top: -42px;
	right: -16px;
	width: 120px;
	height: 120px;
	background: rgba(255, 194, 26, 0.24);
}

.custom-404__orb--two {
	left: -24px;
	bottom: -32px;
	width: 88px;
	height: 88px;
	background: rgba(255, 255, 255, 0.12);
}


a:visited {
    color: #ffffff30;
}
.blog-archive-grid h2{
	font-size: 24px !important;
}
.blog-archive-grid h2 a:hover{
	color: #ffc21a !important;
}
.blog-archive-filters button{
	font-weight: bold;
}
.tutor-user-public-profile .tutor-user-profile-content h3{
	color: #fff;
}
.tutor-dashboard-content-inner{
	color: #fff;
}
.tutor-dashboard-content-inner .tutor-color-secondary {
    color: #fff;
}
.tutor-dashboard-content-inner .tutor-course-card .tutor-course-name a{
	color: #fff !important;
}
.tutor-dashboard .tutor-dashboard-my-courses .tutor-iconic-btn.tutor-my-course-edit {
    color: #ffc21a !important;
	opacity: 1;
}
#tutor-announcement-tr-180 .tutor-color-black{
	color: #000 !important;
}
.tutor-dashboard .tutor-form-label{
	color: #fff !important;
}
.tutor-dashboard-content .tutor-fw-medium{
	color: #fff;
}
.tutor-dashboard-content .tutor-form-select-option span {
    padding: 8px 19px;
    font-size: 14px;
    display: block;
    color: #000;
}
.tutor-dashboard-content .tutor-form-select {
    color: #000;
}
.tutor-dashboard-content input[type="text"], input[type="email"],
 input[type="url"], input[type="password"], input[type="search"],
input[type="number"], input[type="tel"], input[type="range"],
input[type="date"], input[type="month"], input[type="week"],
 input[type="time"], input[type="datetime"], input[type="datetime-local"],
  input[type="color"], textarea {
    padding: 10px;
}
.tutor-dashboard .tutor-dashboard-content .tutor-dashboard-setting-social .tutor-social-field>div:first-child {
    color: #ffffff;
}
.tutor-user-public-profile .tutor-user-profile-content p{
	color: #fff;
}
.tutor-course-card .tutor-course-name, .tutor-course-card .tutor-course-name a {
    color: #fff !important;
	font-size: 20px !important;
	text-decoration: none;
	margin: 0;
}
.tutor-ratings-stars {
    font-size: 12px;
}
.tutor-user-public-profile .tutor-meta>* {
    color: #ffffff;
}
.tutor-user-profile-content .tutor-meta-value, .tutor-meta a {
    color: #fff;
}
#tutor-login-form input[type="text"],input[type="email"]{
	padding-left: 20px;
}
.tutor-course-list-btn a:hover{
	background-color: #ffc21a !important;
	color: #fff !important;
}
.single-post-comments{
	display: none;
}
.tutor-course-thumbnail img{
	border-radius: 16px 16px 0 0;
}
.tutor-course-filter form{
	position: relative;
	z-index: 999;
}
.tutor-course-filter form .tutor-form-select-option{
    color: #000;
}
.tutor-course-filter form .tutor-form-select-option.is-active {
    background: #ffc21a;
}
.tutor-course-filter form .tutor-form-select-options {
    padding: 0;
}
.tutor-course-filter .tutor-widget-title{
	font-size: 32px !important;
}
.tutor-course-list-btn a {
    background-color: #ffc21a;
    color: #111 !important;
    font-weight: bold;
    padding: 10px;
}
.tutor-video-player iframe{
	border-radius: 12px;
}
.tutor-course-details-tab .tutor-nav:not(.tutor-nav-pills):not(.tutor-nav-tabs) .tutor-nav-link {
    color: #fff;
}
.tutor-course-single-sidebar-title span{
	color: #fff !important;
	font-size: 24px !important;
}
.tutor-course-single-content-wrapper{
	max-width: 1140px;
	margin: 0 auto;
	width: 100%;
	gap: 20px;
    padding: 60px 0;
	/* overflow-x: auto; */
}
.tutor-course-single-content-wrapper #tutor-single-entry-content{
	width: 60%;
}
.tutor-course-single-sidebar-hidden #tutor-single-entry-content{
	width: 100%;
}
.tutor-nav:not(.tutor-nav-pills):not(.tutor-nav-tabs) .tutor-nav-link {
    color: #fff;
}
.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-footer{
	background-color: transparent !important;
}
.tutor-course-topic-single-footer .tutor-btn-secondary[disabled], .tutor-btn-secondary.disabled {
    background-color: #ffc21a;
	    color: #fff;
    padding: 10px 20px;
	font-weight: bold;
}
.tutor-single-course-content-next .tutor-btn{
	padding: 12px 20px;
    border: 1px solid rgba(255, 194, 26, 0.34) !important;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08) !important;
    color: #ffc21a !important;
    font-family: "Maven Pro", sans-serif;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-decoration: none;
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.24);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
}
.tutor-single-course-content-next .tutor-btn:hover{
    background: rgba(255, 194, 26, 0.14) !important;
    border-color: rgba(255, 194, 26, 0.72) !important;
    color: #fff2c6 !important;
    box-shadow: 0 20px 38px rgba(255, 194, 26, 0.18);
    transform: translateY(-2px);
}
.tutor-single-course-content-prev .tutor-btn{
    padding: 12px 20px;
    border: 1px solid rgba(255, 194, 26, 0.34) !important;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08) !important;
    color: #ffc21a !important;
    font-family: "Maven Pro", sans-serif;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-decoration: none;
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.24);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
}
.tutor-single-course-content-prev .tutor-btn:hover{
    background: rgba(255, 194, 26, 0.14) !important;
    border-color: rgba(255, 194, 26, 0.72) !important;
    color: #fff2c6 !important;
    box-shadow: 0 20px 38px rgba(255, 194, 26, 0.18);
    transform: translateY(-2px);
}
.tutor-course-single-sidebar-wrapper .tutor-course-single-sidebar-title{
	/* background-color: transparent !important; */
	color: #fff !important;
	padding: 0;
	font-size: 24px !important;
	margin-bottom: 20px;
} 
.tutor-course-single-sidebar-wrapper{
	background-color: transparent !important;
	border-right: transparent !important;
}
.tutor-course-spotlight-tab p{
	color: #fff !important;
}
.tutor-course-topic {
	border-radius: 20px;
	overflow: hidden;
}
.menu-main-menus-container a{
	transition: color 0.3s ease-in-out;
}
.menu-main-menus-container a:hover{
	color: #ffc21a !important;
}
.blog-post-card__title a:hover{
	color: #ffc21a !important;
}
.pmpro-has-access .entry-content > h2:first-child {
	margin: 0 auto;
	text-align: center;
	color: #fff !important;
}
#tutor-login-form .tutor-color-secondary{
	color: #fff !important;
}
.tutor-star-rating-container .tutor-form-group textarea:focus {
    background: rgba(255, 255, 255, 0.06);
}
.tutor-review-summary-average-rating{
	color: #fff !important;
}
.tutor-review-list-item .tutor-reviewer-name a{
	color: #000 !important;
}
.tutor-ratings- .tutor-ratings-stars span{
	color: #ffc21a !important;
}
.tutor-ratings- .tutor-ratings-average{
	color: #fff;
}
.tutor-pagination-hints .tutor-color-black-60{
	color: #fff;
}
.tutor-qna-filter .tutor-color-secondary{
	color: #fff !important;
}
body.page-template-default .tutor-page-wrap, body.page .tutor-page-wrap{
	margin-top: 100px;
}
.tutor-forgot-password-form{
	color: #fff;
}
@media (max-width: 991px) {
	.custom-404 {
		padding: 136px 18px 80px;
	}

	.custom-404__inner {
		grid-template-columns: 1fr;
	}

	.custom-404__content {
		max-width: 100%;
	}
}

@media (max-width: 767px) {
	.site-header {
		padding: 16px;
	}

	.header-inner {
		flex-wrap: wrap;
		align-items: center;
		padding-bottom: 20px;
	}

	body.home .header-inner,
	body.front-page .header-inner {
		padding-top: 30px;
	}

	.site-branding {
		width: auto;
		max-width: calc(100% - 72px);
	}

	.site-branding img,
	.custom-logo {
		max-width: 100px;
		height: auto;
	}

	.main-navigation {
		width: auto;
		margin-left: auto;
	}

	.menu-main-menus-container {
		width: 100%;
	}

	.main-navigation ul {
		display: none;
	}

	.main-navigation.toggled ul {
		display: flex;
	}

	.main-navigation .nav-menu {
		position: absolute;
		top: calc(100% + 14px);
		right: 0;
		left: auto;
		width: min(320px, calc(100vw - 32px));
		padding: 16px;
		border-radius: 24px;
		background: rgba(10, 15, 28, 0.96);
		/* backdrop-filter: blur(18px); */
		/* box-shadow: 0 18px 45px rgba(0, 0, 0, 0.28); */
		flex-direction: column;
		gap: 8px;
		z-index: 1000;
	}

	.main-navigation .nav-menu li {
		width: 100%;
	}

	.main-navigation .nav-menu a {
		padding: 10px 12px;
		border-radius: 12px;
		color: #fff;
	}

	.main-navigation .nav-menu a:hover,
	.main-navigation .nav-menu a:focus {
		background: rgba(255, 255, 255, 0.08);
	}

	.menu-toggle {
		display: inline-flex;
	}

	.header-auth-buttons {
		width: 100%;
		order: 4;
		justify-content: flex-start;
		padding-top: 10px;
	}

	.auth-btn {
		min-width: 0;
		flex: 1 1 0;
	}
	.custom-404 {
		padding: 118px 16px 68px;
	}

	.custom-404__subtitle {
		font-size: clamp(26px, 10vw, 42px);
	}

	.custom-404__description {
		font-size: 16px;
	}

	.custom-404__actions {
		flex-direction: column;
	}

	.custom-404__button,
	.custom-404__search .search-field,
	.custom-404__search .search-submit {
		width: 100%;
	}

	.custom-404__panel-card {
		padding: 26px 22px;
		border-radius: 28px;
	}

	.custom-404__stats {
		grid-template-columns: 1fr;
	}
	.testimonials-section {
		padding: 20px 0 60px;
	}

	.testimonials-track {
		grid-auto-columns: minmax(260px, 84vw);
		padding: 10px max(12px, calc((100% - min(84vw, 360px)) / 2)) 14px;
		scroll-padding-inline: max(12px, calc((100% - min(84vw, 360px)) / 2));
	}

	.testimonial-card-inner {
		min-height: 230px;
		padding: 24px 20px 22px;
	}
	.tutor-login-form-wrapper{
		padding: 0;
	}
	.tutor-modal.tutor-login-modal .tutor-modal-body .tutor-py-48 {
		padding: 28px 20px;
		border-radius: 24px;
	}
	.tutor-template-segment.tutor-login-wrap{
		margin: 0 20px;
		margin-top: 60px;
		padding: 40px 30px;
	}
	.tutor-modal.tutor-login-modal .tutor-btn.tutor-btn-ghost{
		font-size: 14px;
	}
	.tutor-modal.tutor-login-modal .tutor-color-muted, 
	.tutor-login-form-wrapper .tutor-form-check label, 
	.tutor-modal.tutor-login-modal .tutor-form-check label, 
	.tutor-login-form-wrapper .tutor-login-rememeber-wrap label, 
	#tutor-registration-wrap .tutor-required-fields li {
		font-size: 14px;
	}

	.tutor-login-form-wrapper .tutor-fs-5,
	.tutor-modal.tutor-login-modal .tutor-fs-4 {
		font-size: 24px !important;
	}
	.tutor-login-form-wrapper .tutor-form-check label{
		font-size: 14px;
	}
	.tutor-login-form-wrapper .tutor-btn.tutor-btn-ghost{
		font-size: 14px;
	}
	.tutor-login-form-wrapper input:not([type="checkbox"]):not([type="radio"]){
		padding: 0 16px;
		min-height: 40px;
		font-size: 14px;
	}
	.tutor-login-form-wrapper .tutor-d-flex{
		flex-wrap: wrap;
	}
	.tutor-login-form-wrapper .tutor-text-center{
		font-size: 14px;
	}
	.tutor-login-form-wrapper button[type="submit"].tutor-btn.tutor-btn-primary,#tutor-registration-wrap .tutor-btn.tutor-btn-primary{
		font-size: 14px;
		min-height: 40px;
	}
	#tutor-registration-wrap{
		margin-top: 160px;
	}
	#tutor-registration-wrap form{
		padding: 28px 16px !important;
	}
	article{
		margin-bottom: 0 !important;
	}
	 #tutor-registration-wrap label{
		font-size: 14px;
	}
	 #tutor-registration-wrap input:not([type="checkbox"]):not([type="radio"]){
		min-height: 40px;
		font-size: 14px;
	}
	.tutor-login-form-wrapper .tutor-btn.tutor-btn-link{
		font-size: 14px;
	}
	.instructor-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .instructor-grid {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 1199.98px) {
    .tutor-course-single-content-wrapper.tutor-course-single-sidebar-open 
	.tutor-course-single-sidebar-wrapper .tutor-course-single-sidebar-title {
        z-index: 0 !important;
        font-size: 20px !important;
    }
}