@font-face {
	font-family: 'e-Ukraine-medium';
	src: url('./fonts/e-Ukraine-Medium.otf') format('opentype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Onest';
	src: url('./fonts/Onest-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Onest';
	src: url('./fonts/Onest-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

:root {
	/* Colors */
	--black: #0E0D0D;
	--dark-grey: #3E3E3E;
	--middle-grey: #6E6E6E;
	--light-grey: #9F9E9E;
	--ultra-light-grey: #F4F4F4;
	--white: #FFFFFF;
	--dark-purple: #3F3FFA;
	--middle-purple: #8A8AFF;
	--light-purple: #ACACFF;
	--dark-orange: #F24D19;
	--middle-orange: #FF764B;
	--light-orange: #FF9D7F;
	--dark-pink: #E774E5;
	--light-pink: #FF9CE1;
	--gray-900: #3E3E3E;
	--gray-600: #5D5D5D;
	--gray-500: #6E6E6E;
	--gray-400: #888888;
	--gray-300: #ADADAD;
	--gray-200: #D1D1D1;
	--gray-100: #E7E7E7;
	--gray-50: #F4F4F4;
	--error-red: #EF2929;
	--success-green: #20C118;
	/* Typography */
	--font-heading: 'e-Ukraine-medium', sans-serif;
	--font-body: 'Onest', sans-serif;
	/* Headings */
	--h1: 500 80px/110% var(--font-heading);
	--h2: 500 64px/110% var(--font-heading);
	--h3: 500 48px/110% var(--font-heading);
	--h4: 500 32px/110% var(--font-heading);
	--h5: 500 28px/120% var(--font-heading);
	--subtitle: 500 16px/150% var(--font-heading);
	/* Body */
	--text_l_bold: 600 24px/110% var(--font-body);
	--text_m: 500 20px/140% var(--font-body);
	--text_m_bold: 600 20px/140% var(--font-body);
	--text_s: 500 16px/140% var(--font-body);
	--text_xs: 500 14px/140% var(--font-body);
	--text_xss: 500 12px/120% var(--font-body);
	--text_basket: 800 10px/120% var(--font-body);
	/* Buttons */
	--button_xl: 600 32px/120% var(--font-body);
	--button_m: 600 18px/120% var(--font-body);
	--button_m_underline: 600 18px/120% var(--font-body);
	--button_s: 600 16px/120% var(--font-body);
	--transition-animation: all 150ms ease-in;
	--dropanimation: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	--duration: 180ms;
	--anim-amount: 12px;
	--transition-animation3: 180ms ease-in;
	--trtransform: transform 180ms ease-in;
	--tropacity: opacity 180ms ease-in;
}

* {
	font-family: var(--font-body);
}

html {
	scroll-behavior: smooth;
	height: 100%;
	margin-top: 0 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-heading) !important;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
}

a {
	transition: var(--transition-animation);
}

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

section {
	overflow: hidden;
}

footer {
	overflow: hidden;
}

.home .site,
.page-template-teach-page .site,
.lesson-template-default .site,
.tutor_quiz-template-default .site,
.tutor-google-meet-template-default .site,
.tutor_assignments-template-default .site {
	padding-top: 0;
}

.site,
.tutor-page-permission-denied {
	padding-top: 102px;
	box-sizing: border-box;
}

.admin-bar .site,
.admin-bar .tutor-page-permission-denied{
	padding-top: 134px;
}

.container,
.v2-container {
	width: 1440px;
	margin-inline: auto;
	padding-inline: 56px;
}

.header-default {
	position: fixed;
	top: 16px;
	left: 0;
	right: 0;
	margin: 0 auto;
	max-width: 957px;
	width: 100%;
	z-index: 10;
}

.admin-bar .header-default{
	top: 48px;
}

.header-default::after {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	background: rgba(14, 13, 13, 0.15);
	backdrop-filter: blur(4px);
	z-index: 5;
	opacity: 0;
	transition: var(--transition-animation3);
}

.header-default.menu-opened::after {
	opacity: 1;
}

.navbar-center {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	z-index: 6;
	padding: 8px 8px 8px 24px;
	background: rgba(255, 255, 255, 0.5);
	backdrop-filter: blur(32px);
	border-radius: 16px;
	transition: var(--transition-animation3);
}

.header-default.menu-opened .navbar-center {
	background: var(--white);
	backdrop-filter: none;
}

.navbar-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	gap: 24px;
	color: var(--black);
}

.navbar-nav a {
	display: inline-block;
	color: var(--black);
	text-decoration: none;
	font: var(--button_s);
	position: relative;
	overflow: hidden;
}

.navbar-nav a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: -100%;
	width: 100%;
	height: 1px;
	background-color: var(--black);
	transition: var(--transition-animation);
	transform: scaleX(0);
	transform-origin: left;
}

.navbar-nav a:hover::after {
	left: 0;
	transform: scaleX(1);
}

.navbar-brand {
	display: flex;
	margin-block: 13px;
	max-width: 230px;
	width: 100%;
}

.navbar-brand img {
	height: 34px;
	width: auto;
}

.btn-getstarted {
	display: flex;
	padding: 14px 24px;
	color: var(--white);
	border-radius: 12px;
	text-decoration: none;
	background: var(--black);
	font: var(--button_s);
	transition: var(--transition-animation);
}

.btn-getstarted:hover {
	background: var(--light-pink);
	color: var(--black);
}

.v2-navbar-toggler {
	background: none;
	padding: 0;
	display: none;
}

.navbar-utils {
	display: flex;
	align-items: center;
	max-width: 280px;
	width: 100%;
	justify-content: flex-end;
}

.utils-cart {
	position: relative;
	margin-right: 57px;
}

.utils-cart::after {
	content: '';
	position: absolute;
	top: 4px;
	right: -29px;
	width: 1px;
	height: 16px;
	background: var(--gray-300);
}

.tutor-header-profile-menu-items {
	display: flex;
	cursor: pointer;
}

.tutor-header-profile-photo {
	margin: 0 12px 0 0;
}

.tutor-avatar,
.tutor-avatar *,
.tutor-header-profile-photo,
.tutor-header-profile-photo * {
	-webkit-user-select: none;
	-ms-user-select: none;
	caret-color: transparent;
	user-select: none;
}

.tutor-header-profile-content-text {
	color: var(--gray-300);
	font: var(--text_xs);
}

.tutor-header-profile-name {
	color: var(--black);
	font: var(--text_xs);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 150px;
}

.tutor-header-submenu,
.sub-menu {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	border-radius: 16px;
	background: #fff;
	backdrop-filter: blur(32px);
	z-index: -1;
	transition: var(--transition-animation3);
	opacity: 0;
	pointer-events: none;
	padding: 77px 10px 10px;
}

.sub-menu.active {
	opacity: 1;
	z-index: 1;
	position: relative;
}

.sub-menu.active .decorative-menu-item {
	animation: mobcustom-animation var(--duration) var(--dropanimation);
}

.menu-item-has-children a {
	position: relative;
}

.sub-menu {
	display: grid;
	margin: 0;
	list-style: none;
	gap: 9px;
	grid-template-columns: repeat(2, 1fr);
}

.tutor-header-submenu-custom {
	display: flex;
}

.sub-menu::before {
	content: '';
	position: absolute;
	top: 43px;
	left: 0;
	right: 0;
	height: 34px;
}

.sub-menu .help-lecturers {
	background: #9292ff url("./img/sub-menu-img-1.png") no-repeat;
}

.sub-menu .help-students {
	background: #fe8159 url("./img/sub-menu-img-2.png") no-repeat;
}

.sub-menu .decorative-menu-item {
	position: relative;
	padding: 28px 24px;
	border-radius: 12px;
	overflow: hidden;
	height: 340px;
}

.sub-menu .menu-item-description {
	color: var(--black);
	font: var(--text_m);
	margin: 12px 0 0;
	max-width: 260px;
	display: block;
}

.sub-menu a {
	color: var(--black);
	font: var(--h4);
	font-size: 32px;
	font-style: normal;
	font-weight: 500;
	line-height: 110%;
	display: block;
	max-width: 240px;
	position: static;
}

.sub-menu a::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	background: none;
	transform: none;
	z-index: 1;
}

.sub-menu-decor {
	width: 40px;
	height: 40px;
	border-radius: 12px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 24px;
	bottom: 24px;
}

.sub-menu-decor svg {
	display: block;
}

@keyframes custom-animation {
	0% {
		transform: translateY(-70px);
	}

	100% {
		transform: translateY(0);
	}
}

@keyframes mobcustom-animation {
	0% {
		transform: translateY(-30px);
	}

	100% {
		transform: translateY(0);
	}
}

.cart-contents {
	position: relative;
}

.cart-contents .btn-cart {
	display: block;
}

.cart-contents .btn-cart svg {
	display: block;
}

.cart-contents .btn-cart span {
	position: absolute;
	top: -3px;
	right: -4px;
	color: var(--black);
	font: var(--text_basket);
	width: 16px;
	height: 16px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--light-pink);
}

.tutor-header-submenu.show {
	max-height: 1000px;
	padding: 17px 10px 10px;
}

.tutor-submenu-login-section-instructor {
	border-radius: 16px;
	overflow: hidden;
	margin: 0 24px 0 0;
	display: flex;
	align-items: flex-end;
	position: relative;
}

.tutor-submenu-login-section-instructor img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.v2-tutor-submenu-login-content {
	position: absolute;
	top: 0;
	left: 0;
	padding: 24px;
}

.v2-tutor-submenu-login-content__title {
	font: var(--h5);
	color: var(--black);
	margin: 0 0 8px;
}

.v2-tutor-submenu-login-content__description {
	font: var(--text_s);
	color: var(--black);
}

.v2-tutor-submenu-login-content__button {
	position: absolute;
	width: 40px;
	height: 40px;
	left: 24px;
	bottom: 24px;
	background: var(--white);
	border-radius: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.tutor-submenu-links {
	max-width: 276px;
	width: 100%;
}

.tutor-submenu-links ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.tutor-submenu-links ul li + li {
	margin-top: 4px;
}

.tutor-submenu-links ul a {
	display: flex;
	align-items: center;
	font: var(--button_s);
	padding: 12px 16px;
	text-decoration: none;
	color: var(--black);
	border-radius: 8px;
	transition: var(--transition-animation);
}

.tutor-submenu-links ul li.active a {
	background: var(--light-pink);
}

.tutor-submenu-links ul a svg {
	margin-right: 8px;
}

/* stroke */
mark[class^="stroke"] {
	display: inline;
	position: relative;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 100%;
	padding-bottom: 10px;
	font-family: inherit;
}

.stroke1 {
	background-image: url('img/stroke1.svg');
}

.stroke2 {
	background-image: url('img/stroke2.svg');
}

.stroke3 {
	background-image: url('img/stroke3.svg');
}

.stroke4 {
	background-image: url('img/stroke4.svg');
}

.stroke5 {
	background-image: url('img/stroke5.svg');
}

.stroke6 {
	background-image: url('img/stroke6.svg');
}

.stroke7 {
	background-image: url('img/stroke7.svg');
}

.stroke8 {
	background-image: url('img/stroke8.svg');
}

.stroke9 {
	background-image: url('img/stroke9.svg');
}

.stroke10 {
	background-image: url('img/stroke10.svg');
}

/* buttons */
[data-button] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border-radius: 12px;
	text-decoration: none;
	transition: var(--transition-animation);
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

[data-button] svg {
	transition: var(--transition-animation);
}

[data-button][data-size="xs"] {
	padding: 6px 8px;
	font: var(--button_s);
	font-size: 12px;
	border-radius: 6px;
}

[data-button][data-size="sm"] {
	padding: 10px 16px;
	font: var(--button_s);
	border-radius: 8px;
}

[data-button][data-size="s"] {
	padding: 14px 24px;
	font: var(--button_s);
}

[data-button][data-size="m"] {
	padding: 16px 24px;
	font: var(--button_m);
}

[data-button][data-theme="black"] {
	background: var(--black);
	color: var(--white);
	border: 1px solid transparent;
}

[data-button][data-theme="black"]:hover {
	background: var(--light-pink);
	color: var(--black);
}

[data-button][data-theme="black"]:hover svg {
	fill: var(--black);
}

[data-button][data-theme="black"][data-outlined="on"] {
	background: transparent;
	color: var(--black);
	border: 1px solid var(--black);
}

[data-button][data-theme="black"][data-outlined="on"]:hover {
	background: var(--black);
	color: var(--white);
	border: 1px solid var(--black);
}

[data-button][data-theme="white"] {
	background: var(--white);
	color: var(--black);
	border: 1px solid transparent;
}

[data-button][data-theme="white"]:hover {
	background: var(--light-pink);
	color: var(--black);
}

[data-button][data-theme="white"][data-outlined="on"] {
	background: transparent;
	color: var(--white);
	border: 1px solid var(--white);
}

[data-button][data-theme="white"][data-outlined="on"]:hover {
	background: var(--white);
	color: var(--black);
}

[data-button][data-theme="gray"] {
	background: var(--gray-50);
	color: var(--black);
	border: 1px solid transparent;
}

[data-button][data-theme="gray"]:hover {
	background: var(--black);
	color: var(--white);
}

[data-button][data-theme="gray"]:hover svg {
	fill: var(--white);
}

.icon-arrow {
	display: flex;
	padding: 8px;
	border-radius: 12px;
	background: var(--black);
	transition: var(--transition-animation);
}

.icon-arrow svg path {
	transition: var(--transition-animation);
}

.cours-card {
	background: var(--ultra-light-grey);
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

[data-theme="gray"] .cours-card {
	background: var(--white);
}

.cours-card__thumbnail {
	position: relative;
	padding: 8px;
}

.cours-card__thumbnail a {
	display: flex;
}

.cours-card__thumbnail img {
	border-radius: 16px;
}

.cours-card__thumbnail .tutor-course-thumbnail,
.cours-card__thumbnail .tutor-course-thumbnail img {
	width: 100%;
	height: auto;
}

.cours-card__content {
	padding: 20px;
	color: var(--black);
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.cours-card__count-users {
	display: flex;
	align-items: center;
	gap: 8px;
	font: var(--text_s);
	color: var(--gray-500);
}

.cours-card__title {
	display: flex;
	font: var(--text_l_bold);
	text-decoration: none;
	color: var(--black);
}

.cours-card__actions {
	margin-top: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.cours-card__actions .tutor-course-booking-availability {
	margin-top: 0;
}

.cours-card__actions .added_to_cart .tutor-icon-cart-line {
	display: none;
}

.cours-card__actions .list-item-button a,
.cours-card__actions .tutor-course-list-btn a,
.cours-card__actions .added_to_cart {
	padding: 10px 20px;
	border: none;
	border-radius: 12px;
	background: var(--black);
	font: var(--button_s);
	color: var(--white);
	transition: var(--transition-animation);
	text-decoration: none;
}

.cours-card__actions .list-item-button a:hover,
.cours-card__actions .tutor-course-list-btn a:hover,
.cours-card__actions .added_to_cart:hover {
	background: var(--light-pink);
	color: var(--black);
}

.cours-card__actions .v2-tutor-btn-add-to-car {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--black);
	border-radius: 12px;
	padding: 8px;
}

.cours-card__actions .v2-tutor-btn-add-to-car.added {
	display: none;
}

.cours-card__actions .v2-tutor-btn-add-to-car.active,
.cours-card__actions .v2-tutor-btn-add-to-car:hover {
	background: var(--light-pink);
	border-color: var(--light-pink);
}

.cours-card__meta {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-bottom: 38px;
}

.cours-card__author,
.cours-card__author a {
	display: flex;
	align-items: center;
	gap: 8px;
	font: var(--text_s);
	color: var(--black);
	text-decoration: none;
}

.cours-card__author img {
	display: flex;
	width: 24px;
	height: 24px;
	border-radius: 100%;
}

.cours-card-short__rating {
	display: flex;
	gap: 4px;
	padding: 6px 8px;
	border-radius: 6px;
	background: var(--gray-50);
	font: var(--text_xs);
	color: var(--black);
	position: absolute;
	bottom: 18px;
	left: 18px;
}

.cours-card-short__like {
	position: absolute;
	bottom: 18px;
	left: 18px;
}

.tutor-rating-badge {
	display: flex;
	gap: 4px;
	align-items: center;
	justify-content: center;
	padding: 6px 10px 6px 8px;
	border-radius: 6px;
	background: #fff;
	font: var(--text_xs);
	color: var(--black);
	line-height: normal;
}

.tutor-rating-badge svg {
	width: 16px;
	height: auto;
	transition: var(--transition-animation);
}

.tutor-rating-badge svg path {
	transition: var(--transition-animation);
}

.v2-course-details-header .tutor-course-votes {
	display: flex;
	gap: 8px;
	align-items: center;
	font: var(--button_s);
	color: var(--black);
}

.v2-course-details-header .tutor-rating-badge {
	display: flex;
	gap: 6px;
	align-items: center;
}

.v2-course-details-header .tutor-vote-btn {
	display: flex;
	align-items: center;
	gap: 6px;
	border: none;
	padding: 0;
	border-radius: 8px;
	background: var(--white);
	cursor: pointer;
	transition: var(--transition-animation);
}

.v2-course-details-header .tutor-vote-btn:hover svg path {
	fill: var(--light-pink);
	stroke: var(--light-pink);
}

.v2-course-details-header .tutor-vote-btn.is-active svg path {
	stroke: var(--light-pink);
}

.cours-card__price {
	font: var(--text_m_bold);
}

.cours-card__price-free {
	display: flex;
	padding: 6px 10px;
	font: var(--text_xs);
	background: var(--white);
	border-radius: 6px;
}

[data-theme="gray"] .cours-card__price-free {
	background: var(--ultra-light-grey);
}

.cours-card__button {
	display: flex;
	padding: 8px;
	background: var(--black);
	border-radius: 12px;
	transition: var(--transition-animation);
}

.cours-card__button:hover {
	background: var(--light-pink);
}

.cours-card__button svg path {
	transition: var(--transition-animation);
}

.cours-card__button:hover svg path {
	stroke: var(--black);
}

.cours-card-short {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 8px 8px 24px 8px;
	border-radius: 20px;
	background: var(--gray-50);
}

.cours-card-short__thumbnail {
	position: relative;
}

.cours-card-short__thumbnail img {
	border-radius: 16px;
}

.cours-card-short__content {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding-inline: 12px;
}

.cours-card-short__title {
	font: var(--text_l_bold);
	color: var(--black);
	text-decoration: none;
}

.cours-card-short__author {
	font: var(--text_s);
	color: var(--black);
	text-decoration: none;
}

.cours-card-short__tags {
	display: flex;
	gap: 6px;
	position: absolute;
	top: 12px;
	left: 12px;
}

.cours-card-short__tags a,
.cours-card-short__tags span {
	font: var(--text_xs);
	padding: 6px 10px;
	border-radius: 6px;
}

.cours-card-short__tags a {
	background: var(--light-pink);
	color: var(--black);
	text-decoration: none;
}

.cours-card-short__tags span {
	background: var(--white);
	color: var(--black);
}

.cours-card-short__bookmark {
	position: absolute;
	top: 12px;
	right: 12px;
}

.cours-card-short__bookmark-link {
	background: none !important;
	margin: 0 !important;
	border: none !important;
	position: relative;
}

.cours-card-short__bookmark-link:before {
	position: absolute !important;
	left: -16px;
	top: 8px;
}

.cours-card-short__bookmark-link i {
	display: none;
}

.cours-card-short__bookmark-link i.tutor-icon-bookmark-bold + svg {
	fill: var(--white);
}

.cours-card-lektor__actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: auto;
}

.cours-card-lektor__price-free {
	font: var(--text_xs);
	color: var(--black);
	padding: 6px 10px;
	border-radius: 6px;
	background: var(--white);
}

.cours-card-lektor__price {
	font: var(--text_m);
	color: var(--black);
	font-weight: bold;
}

.cours-card-lektor__price ins {
	text-decoration: none;
	font-weight: bold;
}

.cours-card-lektor__price del {
	font-weight: normal;
}

.cours-card-lektor__nav {
	display: flex;
	gap: 16px;
}

.cours-card-lektor__edit {
	transition: var(--transition-animation);
}

.cours-card-lektor__edit:hover {
	opacity: 0.6;
}

.cours-card-lektor__actions-button {
	padding: 0;
	border: none;
	cursor: pointer;
	transition: var(--transition-animation);
}

.cours-card-lektor__actions-button:hover {
	opacity: 0.6;
}

.cours-card-lektor__dropdown {
	padding: 4px;
	border: none;
	border-radius: 8px;
	background: var(--white);
	box-shadow: 0 4px 12px 0 rgba(14, 13, 13, 0.08), 0 20px 32px 0 rgba(14, 13, 13, 0.08);
}

.cours-card-lektor__dropdown .tutor-dropdown-item {
	font: var(--text_xss);
	color: var(--black);
	padding: 8px;
}

.cours-card-lektor__dropdown .tutor-dropdown-item.tutor-admin-course-delete {
	color: var(--error-red);
}

.cours-card-lektor__dropdown .tutor-dropdown-item i {
	display: none;
}

section[data-theme="gray"] {
	background-color: var(--ultra-light-grey);
}

.info-card {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(12, 1fr);
	align-items: center;
}

.info-card__description {
	margin-top: 12px;
	font: var(--text_m);
	color: var(--black);
}

.info-card__buttons {
	display: flex;
	gap: 12px;
}

.info-card__description + .info-card__buttons {
	margin-top: 62px;
}

.info-card[data-theme="white"] {
	padding: 20px 56px 20px 20px;
	background: var(--white);
	border-radius: 24px;
}

.info-card[data-theme="white"] .info-card__title {
	font: var(--h3);
	color: var(--black);
}

.info-card[data-theme="white"] .info-card__wrap-image,
.info-card[data-theme="gray"] .info-card__wrap-image {
	grid-column: span 5;
}

.info-card[data-theme="white"] .info-card__content,
.info-card[data-theme="gray"] .info-card__content {
	grid-column: 7 / span 6;
}

.info-card[data-theme="black"] {
	padding: 20px 20px 20px 64px;
	background: var(--black);
	color: var(--white);
	border-radius: 24px;
}

.info-card[data-theme="black"] .info-card__wrap-image {
	grid-column: 8 / span 5;
	order: 2;
}

.info-card[data-theme="black"] .info-card__content {
	grid-column: span 6;
	order: 1;
}

.info-card[data-theme="black"] .info-card__title {
	font: var(--h3);
	color: var(--white);
}

.info-card[data-theme="black"] .info-card__description {
	color: var(--white);
}

.info-card__list {
	list-style: none;
	margin: 48px 0;
	padding: 0;
}

.info-card__list[data-style="grid"] {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 32px;
}

.info-card__list[data-style="grid"] .info-card__list-item {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.info-card__list[data-style="grid"] .info-card__list-item-content {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.info-card__list[data-style="grid"] .info-card__list-item-number {
	font: var(--subtitle);
	color: var(--middle-purple);
}

.info-card__list[data-style="grid"] .info-card__list-item-title {
	font: var(--text_l_bold);
	color: var(--black);
}

.info-card__list[data-style="grid"] .info-card__list-description {
	font: var(--text_s);
	color: var(--middle-grey);
}

.info-card__list[data-style="list"] {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.info-card__list[data-style="list"] .info-card__list-item-content {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.info-card__list[data-style="list"] .info-card__list-item {
	display: flex;
	gap: 8px;
}

.info-card__list[data-style="list"] .info-card__list-item-number {
	font: var(--subtitle);
	color: var(--middle-purple);
}

.info-card__list[data-style="list"] .info-card__list-item-title {
	font: var(--text_l_bold);
	color: var(--white);
}

.info-card[data-theme="gray"] {
	padding: 20px 56px 20px 20px;
	border-radius: 24px;
	background: var(--ultra-light-grey);
}

.info-card[data-theme="gray"] .info-card__title {
	font: var(--h3);
	color: var(--black);
}

.info-card[data-theme="gray"] .info-card__description {
	font: var(--text_m);
	color: var(--black);
}

.info-card[data-theme="gray"] .info-card__list[data-style="list"] .info-card__list-item-title {
	color: var(--black);
}

.info-card[data-theme="white"] .info-card__list[data-style="list"] .info-card__list-item-title {
	color: var(--black);
}

.info-card[data-theme="white"] .info-card__list[data-style="list"] .info-card__list-description {
	font: var(--text_s);
	color: var(--middle-grey);
}

.breadcrumbs {
	padding-bottom: 32px;
	font: var(--text_xs);
	color: var(--gray-300);
}

.breadcrumbs a {
	color: var(--gray-300);
	text-decoration: none;
	transition: var(--transition-animation);
}

.breadcrumbs a:hover {
	color: var(--black);
}

.breadcrumb_last {
	color: var(--black);
}

.v2-tutor-nav {
	display: inline-flex;
	background: var(--gray-50);
	border-radius: 36px;
	padding: 4px;
	gap: 8px;
	border-bottom: none !important;
	margin-bottom: 24px;
}

.v2-tutor-nav .tutor-nav-link {
	padding: 8px 16px;
	margin-bottom: 0 !important;
	border-bottom: none !important;
	font: var(--text_s);
	color: var(--black);
	border-radius: 32px;
	transition: var(--transition-animation);
}

.v2-tutor-nav .tutor-nav-link:hover {
	background: var(--white);
}

.v2-tutor-nav .tutor-nav-link.is-active {
	background: var(--black);
	color: var(--white);
}

.v2-tutor-nav .tutor-nav-item.tutor-nav-more .tutor-dropdown-item {
	display: flex;
	align-items: center;
}

.v2-tutor-nav .tutor-nav-more-item.is-active .tutor-nav-more-icon {
	color: var(--white);
}

.v2-navbar-toggler {
	position: relative;
	width: 40px;
	height: 40px;
}

.v2-toggle-icon-1 {
	position: absolute;
	width: 40px;
	height: 2px;
	top: 17px;
	left: 0;
	background: var(--black);
}

.v2-toggle-icon-2 {
	position: absolute;
	width: 40px;
	height: 2px;
	left: 0;
	top: 22px;
	background: var(--black);
}

.tutor-header-submenu-head {
	display: none;
}

.tutor-header-profile-close {
	display: none;
}

.tutor-dashboard #tutor-dashboard-footer-mobile {
	display: none !important;
}

.v2-tutor-nav .tutor-nav-item svg,
.v2-tutor-nav .tutor-nav-item svg path {
	stroke: var(--black);
	margin-right: 6px;
}

.v2-tutor-nav .tutor-nav-link.is-active svg,
.v2-tutor-nav .tutor-nav-link.is-active svg path {
	stroke: var(--white);
}

.tutor-course-content-list-item-icon:before,
.tutor-course-topic-item-icon::before {
	display: none;
}

.lesson-template-default .tutor-header-submenu-custom,
.tutor_quiz-template-default .tutor-header-submenu-custom,
.tutor-google-meet-template-default .tutor-header-submenu-custom {
	justify-content: center;
}

.tutor-course-single-content-wrapper .tutor-course-topic-item-icon svg {
	display: block;
}

.tutor-course-single-content-wrapper .tutor-course-topic .tutor-course-topic-item-title {
	line-height: 20px;
}

.courses .courses__items {
	overflow: visible;
	position: relative;
}

.courses__items .swiper {
	padding-right: 240px;
	margin-right: -240px;
}

.courses__items .cours-card__title {
	min-height: 79px;
}

.courses .courses__items .swiper-pagination {
	display: none;
	bottom: -30px;
}

.courses .courses__items .swiper-pagination .swiper-pagination-bullet-active {
	background: var(--black);
}

.promo-blocks .promo-blocks__item:nth-child(odd) {
	background-color: #9494ff;
}

.promo-blocks .promo-blocks__item:nth-child(even) {
	background-color: #ff815a;
}

.promo-blocks__cards .promo-blocks__item {
	background-size: cover;
}

.wpcf7 .screen-reader-response {
	display: none !important;
}

.contact-form .hidden-fields-container {
	padding: 0;
	border: none;
}

.contact-form .wpcf7-form {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.contact-form .wpcf7-form-control-wrap {
	display: flex;
	flex-direction: column;
}

.contact-form input,
.contact-form textarea {
	display: flex;
	font: var(--text_x);
	color: var(--black);
	padding: 12px;
	border: 1px solid var(--gray-50);
	border-radius: 12px;
	transition: var(--transition-animation);
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
	color: var(--gray-500);
	font: var(--text_x);
}

.contact-form input:focus,
.contact-form textarea:focus {
	outline: 0;
	border-color: var(--black);
}

.contact-form button {
	justify-content: center;
	cursor: pointer;
}

.contact-form .wpcf7-not-valid-tip {
	font: var(--text_xss);
	margin-top: 5px;
	color: red;
}

.v2-tutor-dashboard-title {
	font: var(--h4);
	color: var(--black);
	margin-bottom: 24px;
}

.v2-tutor-dashboard-subtitle {
	font: var(--h5);
	color: var(--black);
}

.v2-graph {
	border-radius: 20px;
	background: var(--Gray-50, #F4F4F4);
	padding: 4px;
}

.v2-graph__title {
	padding: 16px 20px;
	font: var(--text_l_bold);
	color: var(--black);
}

.v2-graph canvas {
	background: #fff;
	border-radius: 16px;
	padding: 20px;
}

.v2-tabs-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 40px;
}

.v2-tabs-header .v2-date-picker {
	width: auto;
}

.v2-tutor-nav-tabs-container {
	border: none !important;
}

.v2-tutor-nav-tabs-container .tutor-nav-tabs {
	border-bottom: none;
	border-radius: 36px !important;
	background: var(--gray-50);
	gap: 8px;
	padding: 4px;
	margin-bottom: 24px;
}

.v2-tutor-nav-tabs-container .tutor-nav-tabs .tutor-nav-link {
	padding: 10px 20px;
	margin: 0;
	border: none;
	border-radius: 36px !important;
	font: var(--button_s);
	color: var(--black);
	transition: var(--transition-animation);
}

.v2-tutor-nav-tabs-container .tutor-nav-tabs .tutor-nav-link:hover {
	background: var(--black);
	color: var(--white);
}

.v2-tutor-nav-tabs-container .tutor-nav-tabs .tutor-nav-link.is-active {
	background: var(--black);
	color: var(--white);
}

.v2-tutor-nav-tabs-container .tutor-nav-tabs .tutor-nav-item {
	flex: none;
}

.v2-dashboard-course-list__not-found {
	position: relative;
}

.v2-dashboard-course-list__not-found > svg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	border-radius: 20px;
}

.v2-dashboard-course-list__not-found-text {
	font: var(--subtitle);
	color: var(--black);
	text-transform: uppercase;
}

.v2-dashboard-course-list__not-found-content {
	display: flex;
	flex-direction: column;
	gap: 24px;
	align-items: center;
	padding-block: 48px;
}

.v2-form {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.v2-form-fill {
	padding: 64px;
	border-radius: 16px;
	background: var(--Gray-50, #F4F4F4);
}

.v2-form-row {
	display: flex;
	gap: 20px;
	justify-content: space-between;
}

.v2-form-row--text-right {
	text-align: right;
}

.v2-form-col {
	display: flex;
	flex-direction: column;
	width: 50%;
}

.v2-form-col--right {
	text-align: right;
}

.v2-form-col__link {
	font: var(--button_s);
	color: var(--black);
}

.v2-form-col__link:hover {
	color: var(--light-pink);
}

.v2-form-row-grid {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(2, 1fr);
}

.v2-form-row-grid-full {
	display: grid;
	gap: 20px;
}

.v2-form-col-grid {
	display: flex;
	flex-direction: column;
}

.v2-form-col-full {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.v2-form input {
	width: 100%;
}

.v2-form .tutor-form-check {
	display: flex;
	gap: 10px;
}

.v2-form input[type="checkbox"] {
	width: 24px;
	height: 24px;
}

.v2-form input[type="text"],
.v2-form input[type="number"],
.v2-form input[type="tel"],
.v2-form input[type="email"],
.v2-form input[type="password"],
.v2-form input[type="url"],
.v2-form input.tutor-form-control {
	display: flex;
	height: 56px;
	margin-top: 0;
	padding: 8px 20px;
	border-radius: 12px;
	border: 1px solid var(--gray-200) !important;
	background: var(--white);
	font: var(--text_s);
	color: var(--black);
	box-sizing: border-box;
}

.v2-form input[disabled="disabled"] {
	background: transparent;
	color: var(--gray-300);
}

.v2-form textarea {
	display: flex;
	height: 146px;
	padding: 8px 20px;
	border-radius: 12px;
	border: 1px solid var(--gray-200);
	background: var(--white);
	font: var(--text_s);
	color: var(--black);
}

.v2-form input.is-error {
	border-color: var(--error-red) !important;
	outline: 0;
}

.v2-form-error {
	margin-top: 4px;
	font: var(--text_xss);
	color: var(--error-red);
}

.v2-form input::placeholder {
	color: var(--gray-400) !important;
	font: var(--text_s) !important;
}

.v2-form-label {
	display: block;
	margin-bottom: 8px;
	font: var(--text_xss);
	color: var(--black);
}

.v2-form-desc {
	display: flex;
	margin: 12px 0 0;
	font: var(--text_xss);
	color: var(--gray-400);
}

.v2-form-col:has(input:disabled) .v2-form-label {
	color: var(--gray-300);
}

.v2-form-description {
	margin-top: 4px;
	font: var(--text_xss);
	color: var(--gray-400);
}

.v2-form .tutor-form-select {
	display: flex;
	height: 56px;
	padding: 8px 20px;
	border: 1px solid var(--gray-200) !important;
	background-color: var(--white);
	border-radius: 12px;
}

.v2-form .tutor-form-select > span {
	display: flex;
	align-items: center;
	font: var(--text_s);
	color: var(--black);
}

.v2-form-button-wrap {
	margin-top: 20px;
}

.v2-form-button-wrap--text-right {
	text-align: right;
}

.tutor-password-field {
	position: relative;
}

.tutor-login-form-wrapper .tutor-password-strength-checker .show-hide-btn,
#tutor-registration-form .tutor-password-strength-checker .show-hide-btn {
	top: 50%;
}

.v2-checkbox-wrap {
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	position: relative;
}

.v2-checkbox-text {
	font: var(--text_xss);
	color: var(--gray-400);
}

.v2-checkbox-text a {
	color: var(--black);
	text-decoration: none;
}

.v2-checkbox-text a:hover {
	color: var(--dark-pink);
}

.v2-checkbox-control {
	display: flex;
	width: 20px;
	height: 20px;
	border-radius: 4px;
	border: 1px solid var(--gray-200);
	background: var(--white);
	box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.04);
}

.v2-checkbox-wrap input {
	position: absolute;
	top: 100%;
	left: 10px;
	width: 1px !important;
	height: 1px !important;
	margin: -1px;
	border: 0;
	padding: 0;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	overflow: hidden;
}

.v2-checkbox-wrap input:checked + .v2-checkbox-control {
	background: var(--dark-pink);
	border-color: var(--dark-pink);
}

.v2-checkbox-wrap input.is-error + .v2-checkbox-control {
	border-color: var(--error-red);
}

.v2-sing-page {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.v2-sing-page__form-wrap {
	max-width: 430px;
}

.v2-sing-page__title {
	font: var(--h4);
	color: var(--black);
	margin: 0 0 16px;
}

.v2-sing-page__description {
	font: var(--text_s);
	color: var(--black);
}

.v2-sing-page__description a {
	color: var(--black);
}

.v2-sing-page__description a:hover {
	color: var(--light-pink);
}

.v2-sing-page__social-authentication #tutor-pro-social-authentication {
	padding-top: 32px;
	border-top: none !important;
}

.v2-sing-page__hr {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-block: 32px;
	position: relative;
}

.v2-sing-page__hr:after {
	content: "";
	height: 1px;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	background: var(--gray-100);
	z-index: 1;
}

.v2-sing-page__hr-text {
	background: #fff;
	padding: 4px 12px;
	font: var(--text_xss);
	color: var(--gray-300);
	position: relative;
	z-index: 2;
}

.v2-sing-page__button {
	margin-top: 28px;
	justify-content: center;
}

.v2-login-popup {
	max-width: 494px;
}

.v2-login-popup__modal {
	border-radius: 24px;
	background: var(--white);
}

.v2-login-popup__body {
	padding: 32px;
}

.v2-login-popup__header {
	display: flex;
	justify-content: space-between;
	margin-bottom: 32px;
}

.v2-login-popup__title {
	font: var(--h5);
	color: var(--black);
}

.v2-login-popup__button-close {
	background: transparent;
	border: none;
	cursor: pointer;
}

.v2-login-popup__description {
	text-align: center;
	font: var(--text_s);
	color: var(--black);
}

.v2-login-popup__description a {
	color: var(--black);
}

.v2-login-popup__footer {
	display: flex;
	justify-content: center;
	gap: 20px;
	margin-top: 32px;
}

.v2-login-popup .v2-sing-page__button {
	margin-top: 12px;
}

.v2-login-popup #tutor-pro-social-authentication {
	border-top: none;
	padding-top: 0;
}

.v2-tutor-quiz-box {
	display: flex;
	flex-direction: column;
	padding: 40px;
	border-radius: 16px;
	background: var(--gray-50);
}

.v2-tutor-quiz-box--indent {
	margin-block: 16px 40px;
}

.v2-tutor-quiz-box__header {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.v2-tutor-quiz-box__header-subtitle {
	font: var(--subtitle);
	color: var(--gray-500);
	text-transform: uppercase;
}

.v2-tutor-quiz-box__header-title {
	font: var(--h5);
	color: var(--black);
}

.v2-tutor-quiz-box__course-title {
	display: inline-block;
	width: fit-content;
	padding: 6px 10px;
	font: var(--text_s);
	color: var(--black);
	background: var(--white);
	border-radius: 6px;
	margin-top: 16px;
}

.v2-tutor-quiz-box__course-title-label {
	color: var(--gray-500);
}

.v2-tutor-quiz-box__info-areas {
	display: flex;
	flex-direction: column;
	gap: 32px;
	margin-block: 32px;
}

.v2-tutor-quiz-box__info-area {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px 20px;
}

.v2-tutor-quiz-box__info-area--full {
	display: flex;
	flex-direction: column;
}

.v2-tutor-quiz-box__info-area__content {
	display: flex;
	flex-direction: column;
	font: var(--text_s);
	color: var(--black);
}

.v2-tutor-quiz-box__info-area-title {
	font: var(--subtitle);
	color: var(--gray-500);
	text-transform: uppercase;
}

.v2-tutor-quiz-box__info {
	display: flex;
	gap: 5px;
	font: var(--text_s);
	color: var(--black);
}

.v2-tutor-quiz-box__info--full {
	grid-column: span 2 / span 2;
}

.v2-tutor-quiz-box__info-label {
	color: var(--gray-500);
}

.v2-tutor-quiz-box__info-area-separatop {
	display: flex;
	height: 1px;
	background: var(--gray-200);
}

.v2-tutor-quiz-box__buttons {
	display: flex;
	gap: 16px;
}

.tutor-badge-label {
	display: flex;
	padding: 6px 8px;
	border-radius: 8px;
	font: var(--text_xss);
	border: none !important;
	white-space: normal;
}

.tutor-badge-label.label-warning {
	background: rgba(255, 118, 75, 0.10);
	color: var(--middle-orange);
}

.tutor-badge-label.label-success {
	background: rgba(32, 193, 24, 0.10);
	color: var(--success-green);
}

.tutor-badge-label.label-danger {
	background: rgba(239, 41, 41, 0.10);
	color: var(--error-red);
}

.tutor-quiz-attempt-details .quiz-explanation-wrapper {
	padding: 20px;
	border-radius: 12px;
	background: rgba(32, 193, 24, 0.10);
}

.tutor-quiz-attempt-details .quiz-explanation-wrapper > .tutor-mr-16 {
	margin-right: 8px;
}

.tutor-quiz-attempt-details .quiz-explanation-wrapper .tutor-fw-medium {
	margin-top: 6px;
	font: var(--text_s) !important;
	color: var(--success-green);
}

.tutor-quiz-attempt-details .quiz-explanation-wrapper .tutor-color-success {
	color: var(--success-green);
}

.quiz-attempt-answers-wrap {
	border-radius: 16px;
}

.quiz-attempt-answers-wrap .tutor-instructor-feedback-wrap,
.quiz-attempt-answers-wrap .wp-editor-container {
	border-radius: 16px;
	overflow: hidden;
}

.v2-table-quiz-attempts__title {
	margin-bottom: 16px;
	font: var(--h5);
	color: var(--black);
}

.v2-table-quiz-attempts {
	width: 100%;
	border-radius: 16px;
	font: var(--text_xs);
	border-collapse: separate;
	border-spacing: 0;
}

.v2-table-quiz-attempts th,
.v2-table-quiz-attempts td {
	padding: 14px 16px !important;
	border: 1px solid var(--gray-100) !important;
	text-align: left !important;
}

.v2-table-quiz-attempts thead th {
	background: var(--gray-50);
	font-weight: 600;
	color: var(--gray-600);
	white-space: nowrap;
}

.v2-table-quiz-attempts td {
	color: var(--black);
}

.v2-table-quiz-attempts tbody td {
	border-top: none !important;
}

.v2-table-quiz-attempts tbody td:not(td:first-child) {
	border-left: none !important;
}

.v2-table-quiz-attempts tbody td:not(td:last-child) {
	border-right: none !important;
}

.v2-table-quiz-attempts thead th:not(th:first-child) {
	border-left: none !important;
}

.v2-table-quiz-attempts thead th:not(th:last-child) {
	border-right: none !important;
}

.v2-table-quiz-attempts thead th:first-child {
	border-radius: 16px 0 0 0;
}

.v2-table-quiz-attempts thead th:last-child {
	border-radius: 0 16px 0 0;
}

.v2-table-quiz-attempts tbody tr:last-child td:last-child {
	border-radius: 0 0 16px 0;
}

.v2-table-quiz-attempts tbody tr:last-child td:first-child {
	border-radius: 0 0 0 16px;
}

.v2-table-quiz-attempts__cel-separator {
	display: flex;
	width: 1px;
	background: var(--gray-300);
	margin-inline: 8px;
}

.v2-table-quiz-attempts__cel-attempt {
	display: flex;
}

.v2-tutor-pagination {
	display: flex;
	justify-content: center;
	margin-top: 24px;
	padding: 7px 16px;
	color: var(--gray-600);
	font: var(--text_xss);
	border-top: none;
	gap: 16px;
}

.v2-tutor-pagination .tutor-pagination-numbers {
	margin: 0;
	padding: 0;
}

.v2-tutor-pagination .page-numbers:not(.next):not(.prev) {
	display: none;
}

.v2-tutor-pagination .tutor-pagination-numbers a {
	text-decoration: none;
	color: var(--gray-600);
}

.v2-tutor-pagination .tutor-pagination-numbers a:hover {
	color: var(--black);
}

.v2-table-quiz-attempts__details {
	position: relative;
	cursor: pointer;
}

.v2-table-quiz-attempts__details-submenu {
	display: none;
	flex-direction: column;
	padding: 4px;
	gap: 1px;
	width: 100px;
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 10;
	border-radius: 8px;
	background: var(--White, #FFF);
	box-shadow: 0px 4px 12px 0px rgba(14, 13, 13, 0.08), 0px 20px 32px 0px rgba(14, 13, 13, 0.08);
}

.v2-table-quiz-attempts__details-submenu form {
	margin-bottom: 0;
}

.v2-table-quiz-attempts__details-submenu a,
.v2-table-quiz-attempts__details-submenu button {
	font: var(--text_xss);
	color: var(--black);
	padding: 8px;
	text-decoration: none;
	background: none;
	border: none;
	cursor: pointer;
	transition: var(--transition-animation);
	text-align: left;
}

.v2-table-quiz-attempts__details-submenu a:hover,
.v2-table-quiz-attempts__details-submenu button:hover {
	color: var(--light-pink);
}

.v2-table-quiz-attempts__details-submenu .tutor-quiz-attempt-delete:hover {
	color: var(--error-red);
}

.v2-table-quiz-attempts__details:hover .v2-table-quiz-attempts__details-submenu {
	display: flex;
}

.v2-table-quiz-attempts tr:last-child .v2-table-quiz-attempts__details-submenu {
	top: auto;
	bottom: 100%;
}

.v2-table-quiz-attempts .explain-toggle {
	background: transparent !important;
	border-left: 1px solid var(--gray-100) !important;
	border-right: 1px solid var(--gray-100) !important;
	border-bottom: 1px solid var(--gray-100) !important;
}

.v2-have-attempt_detail td {
	border-bottom: none;
}

.v2-table-quiz-attempts .tooltip-wrap .tooltip-txt {
	max-width: none;
}

.v2-table-quiz-attempts-attempt-details td {
	border-bottom: none;
}

.v2-table-quiz-attempts tbody tr.v2-table-quiz-attempts-attempt-details-button:last-child td {
	border-radius: 0 0 16px 16px !important;
}

.tutor-dashboard-quiz-attempts-group .v2-tutor-quiz-box {
	margin-bottom: 40px;
}

.tutor-dashboard-quiz-attempts-group .v2-assignment-table-header {
	margin-bottom: 16px;
}

.v2-quiz-attempts-group-filters {
	display: grid;
	grid-template-columns: minmax(160px, .72fr) minmax(140px, .55fr) minmax(150px, .58fr) max-content;
	align-items: end;
	gap: 12px;
	margin-bottom: 24px;
}

.v2-quiz-attempts-group-filters .v2-input,
.v2-quiz-attempts-group-filters .v2-select {
	min-width: 0;
}

.v2-quiz-attempts-group-filters .v2-input {
	gap: 8px;
}

.v2-quiz-attempts-group-filters .v2-input input {
	min-width: 0;
}

.v2-quiz-attempts-group-filters__actions {
	display: flex;
	align-items: center;
	gap: 8px;
}

.v2-quiz-attempts-group-filters__actions button,
.v2-quiz-attempts-group-filters__actions a {
	white-space: nowrap;
}

@media (max-width: 900px) {
	.v2-quiz-attempts-group-filters {
		grid-template-columns: 1fr;
	}

	.v2-quiz-attempts-group-filters__actions {
		justify-content: flex-start;
	}
}

.v2-table-quiz-attempts__filter {
	display: flex !important;
	gap: 20px;
	margin-bottom: 24px;
}

.v2-select,
.v2-date-picker,
.v2-input {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	margin-bottom: 0;
}

.v2-item-reset {
	display: flex;
	align-items: center;
}

.v2-select label,
.v2-date-picker label,
.v2-input label {
	font: var(--text_xss);
	color: var(--gray-400);
	white-space: nowrap;
	margin: 0;
}

.v2-input input::placeholder {
	font: var(--text_xss);
	color: var(--gray-400);
}

.v2-select .tutor-form-select,
.v2-select select,
.v2-date-picker .tutor-form-control,
.v2-input .tutor-form-control {
	display: flex;
	height: 32px;
	align-items: center;
	padding: 8px 38px 8px 12px;
	border-radius: 6px;
	border: 1px solid var(--gray-200) !important;
	background: var(--white);
}

.v2-select select {
	font: var(--text_xss);
	color: var(--black);
	outline: 0;
	padding: 0 8px;
}

.v2-select .tutor-form-select-label,
.v2-date-picker .tutor-form-control,
.v2-date-picker .tutor-form-control::placeholder {
	font: var(--text_xss);
	color: var(--black);
}

.v2-announcements__filter {
	display: flex;
	gap: 20px;
	margin-bottom: 24px;
}

.v2-announcements__filter-title {
	font: var(--h4);
	color: var(--black);
	margin-bottom: 24px;
}

.v2-announcements-card {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	padding: 32px;
	margin-bottom: 24px;
	border-radius: 16px;
	background-image: url(img/announcements-card-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center right;
	background-color: #7473fd;
}

.v2-announcements-card__content {
	grid-column: span 9;
}

.v2-announcements-card__title {
	font: var(--h4);
	color: var(--black);
}

.v2-announcements-card__description {
	font: var(--text_s);
	color: var(--black);
	margin-top: 12px;
}

.v2-announcements-card__button {
	margin-top: 40px;
}

.v2-tutor-modal-content {
	border-radius: 24px;
	background: var(--white);
	width: 100%;
	padding: 32px;
}

.v2-tutor-modal-header {
	display: flex;
	gap: 18px;
	justify-content: space-between;
}

.v2-tutor-modal-title {
	font: var(--h5);
	color: var(--black);
}

.v2-tutor-modal-body {
	margin-block: 32px;
}

.v2-tutor-modal-footer {
	display: flex;
	gap: 20px;
}

.v2-tutor-modal-footer__button-full {
	width: 100%;
	text-align: center;
	justify-content: center;
}

.v2-tutor-modal__close {
	background: transparent;
	cursor: pointer;
	border: none;
	padding: 0;
}

.v2-tutor-modal-header__icon {
	padding: 8px;
	border-radius: 12px;
	background: var(--gray-50);
}

.v2-tutor-modal-data {
	margin-block: 20px 32px;
	padding-bottom: 32px;
	border-bottom: 1px solid var(--gray-100);
}

.v2-tutor-modal-data__title {
	font: var(--h5);
	color: var(--black);
}

.v2-tutor-modal-data__description {
	margin-top: 20px;
	font: var(--text_s);
	color: var(--black);
}

.v2-tutor-modal-data__course {
	display: flex;
	gap: 4px;
	margin-top: 32px;
	padding: 6px 10px;
	border-radius: 6px;
	background: var(--gray-50);
	font: var(--text_s);
}

.v2-tutor-modal-data__course-label {
	color: var(--gray-500);
}

.v2-tutor-modal-data__course-value {
	color: var(--black);
}

.v2-tutor-modal-data__date {
	display: flex;
	gap: 4px;
	margin-top: 16px;
	font: var(--text_s);
}

.v2-tutor-modal-data__date-label {
	color: var(--gray-500);
}

.v2-tutor-modal-data__date-value {
	color: var(--black);
}

.v2-tutor-modal-buttons {
	display: flex;
	gap: 20px;
	justify-content: space-between;
}

.v2-tutor-modal-buttons__col {
	display: flex;
	gap: 20px;
}

.v2-cart-empty {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 40px;
	max-width: 430px;
	padding-block: 100px;
	margin-inline: auto;
}

.v2-cart-empty__content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	text-align: center;
}

.v2-cart-empty__image {
	width: 48px;
	height: 48px;
}

.v2-cart-empty__title {
	margin: 0;
	font: var(--h4);
	color: var(--black);
}

.v2-cart-empty__description {
	margin: 0;
	font: var(--text_s);
	color: var(--black);
	max-width: 420px;
}

.v2-cart-empty__button {
	align-self: center;
}

.v2-cart-row {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 20px;
}

.v2-cart-row__col-left {
	grid-column: span 7;
}

.v2-cart-row__col-right {
	grid-column: 9 / span 4;
}

.v2-cart__title {
	margin: 0;
	font: var(--h4);
	color: var(--black);
}

.v2-cart__items {
	margin-block: 24px;
	overflow: auto;
	max-height: 50vh;
	padding-right: 20px;
}

.v2-cart__item {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	padding-block: 20px;
	border-bottom: 1px solid var(--gray-200);
}

.v2-cart__item:first-child {
	border-top: 1px solid var(--gray-200);
}

.v2-cart__total-wrap {
	padding: 32px;
	border-radius: 24px;
	background: var(--gray-50);
}

.v2-cart__total-wrap-title {
	margin: 0 0 24px;
	font: var(--h5);
	color: var(--black);
}

.v2-cart .cart-product-remove {
	display: flex;
	padding: 8px;
	border-radius: 12px;
	background: var(--gray-50);
	transition: var(--transition-animation);
}

.v2-cart .cart-product-remove:hover {
	background: var(--gray-100);
}

.v2-cart .cart-product-remove a {
	display: flex;
}

.v2-cart .cart-product-remove svg {
	width: 24px;
	height: 24px;
}

.v2-cart__item-content {
	display: grid;
	grid-template-columns: 3fr 7fr;
	gap: 16px;
}

.v2-cart__item-image-wrap img {
	border-radius: 12px;
}

.v2-cart__item-text {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.v2-cart__item-title a {
	font: var(--text_m);
	color: var(--black);
	text-decoration: none;
}

.v2-cart__item-title a:hover {
	color: var(--light-pink);
}

.v2-cart__item-price {
	font: var(--text_l_bold);
	color: var(--black);
}

.v2-cart__item-info {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.v2-cart__item-instructors {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.v2-cart__item-instructor-name {
	font: var(--text_s);
	color: var(--gray-400);
	text-decoration: none;
}

.v2-cart-totals__button-wrap {
	margin-top: 32px;
}

.v2-cart-totals__button-wrap a {
	display: flex !important;
	text-align: center;
	padding: 16px 24px !important;
	border-radius: 12px !important;
	background: var(--black) !important;
	justify-content: center;
	font: var(--button_m) !important;
	color: var(--white) !important;
	text-decoration: none;
	transition: var(--transition-animation);
}

.v2-cart-totals__button-wrap a:hover {
	background: var(--light-pink) !important;
	color: var(--black) !important;
}

.v2-cart-totals__item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--gray-200);
}

.v2-cart-totals__item:first-child {
	padding-top: 0;
}

.v2-cart-totals__item:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.v2-cart-totals__item-title {
	font: var(--text_m);
	color: var(--black);
}

.v2-cart-totals__item-value {
	font: var(--text_l_bold);
	color: var(--black);
}

.v2-cart-totals__item--alternate .v2-cart-totals__item-title {
	font: var(--text_s);
	color: var(--gray-500);
}

.v2-cart-totals__item--alternate .v2-cart-totals__item-value {
	font: var(--text_m);
	color: var(--gray-500);
}

.v2-cart-note {
	font: var(--text_s);
	color: var(--black);
}

.v2-cart-note__content a {
	color: var(--black);
}

.v2-cart-note__content a:hover {
	color: var(--light-pink);
}

.utils-cart {
	position: relative;
	cursor: pointer;
}

.utils-cart__wrap {
	width: 90vw;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	visibility: hidden;
	opacity: 0;
	transition: opacity 300ms ease, transform 300ms ease, visibility 300ms;
}

.utils-cart__wrap.active {
	visibility: visible;
	opacity: 1;
	z-index: 999;
}

.utils-cart__shadow {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	background: rgba(14, 13, 13, 0.15);
	backdrop-filter: blur(4px);
	z-index: 998;
	opacity: 0;
	transition: var(--transition-animation3);
}

.utils-cart__shadow.active {
	opacity: 1;
	pointer-events: auto;
}

.utils-cart__content {
	max-width: 1400px;
	margin-inline: auto;
	padding: 32px;
	border-radius: 24px;
	background: var(--white);
	position: relative;
}

.utils-cart__content-button-close {
	position: absolute;
	top: 16px;
	right: 16px;
	background: transparent;
	border: none;
	cursor: pointer;
	padding: 0;
}

.utils-cart__empty {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.utils-cart__empty-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	text-align: center;
}

.utils-cart__empty-image {
	width: 48px;
	height: 48px;
}

.utils-cart__empty-title {
	text-transform: uppercase;
	font: var(--subtitle);
	color: var(--black);
}

.utils-cart__empty-description {
	font: var(--text_xs);
	color: var(--black);
}

.utils-cart__button {
	margin-top: 32px;
}

.utils-cart__items-title {
	text-transform: uppercase;
	font: var(--h4);
	color: var(--black);
}

.utils-cart__items {
	display: flex;
	flex-direction: column;
}

.utils-cart__item-image-wrap {
	width: 64px;
	height: auto;
}

.utils-cart__item-image-wrap img {
	border-radius: 8px;
}

.utils-cart__item {
	display: flex;
	justify-content: space-between;
	gap: 8px;
	padding-block: 16px;
	border-bottom: 1px solid var(--gray-200);
}

.utils-cart__item-content {
	display: flex;
	gap: 12px;
}

.utils-cart__item-info {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.utils-cart__item-instructors {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.utils-cart__item-text {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.utils-cart__item-title a {
	display: flex;
	font: var(--text_xss);
	color: var(--black);
	text-decoration: none;
}

.utils-cart__item-instructor-name {
	font: var(--text_xss);
	color: var(--gray-400);
	text-decoration: none;
}

.utils-cart__item-price {
	font: var(--text_xs);
	font-weight: bold;
	color: var(--black);
}

.utils-cart__item-actions svg {
	width: 20px;
	height: 20px;
}

.utils-cart__items-info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	margin-top: 16px;
}

.utils-cart__items-info-content {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.utils-cart__items-info-title {
	font: var(--text_xss);
	color: var(--black);
}

.utils-cart__items-info-price {
	font: var(--text_m_bold);
	color: var(--black);
}

.v2-widget-search {
	display: flex;
	position: relative;
}

.v2-widget-search svg {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%);
}

.v2-widget-search input {
	display: flex;
	width: 204px;
	height: 44px;
	padding: 8px 40px 8px 16px;
	border-radius: 8px;
	border: 1px solid var(--gray-200);
	background: var(--white);
	font: var(--text_s);
	color: var(--black);
	transition: var(--transition-animation);
}

.v2-widget-search input:focus {
	outline: none;
	border-color: var(--black);
}

.v2-pagination {
	display: flex;
	justify-content: center;
	margin-top: 64px;
}

.v2-pagination__list {
	display: flex;
	gap: 4px;
	padding: 0;
	margin: 0;
	list-style: none;
}

.v2-pagination__item-pref {
	margin-right: 12px;
}

.v2-pagination__item-next {
	margin-left: 12px;
}

.v2-pagination__link,
.v2-pagination__dots {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	padding: 8px;
	border-radius: 12px;
}

.v2-pagination__link {
	background: var(--gray-50);
	transition: var(--transition-animation);
	text-decoration: none;
	font: var(--button_m);
	color: var(--black);
}

.v2-pagination__link:not(.is-disabled):hover,
.v2-pagination__link.is-current {
	background: var(--black);
	color: var(--white);
}

.v2-pagination__link svg,
.v2-pagination__link svg path {
	transition: var(--transition-animation);
}

.v2-pagination__link:not(.is-disabled):hover svg path {
	stroke: var(--white);
}

.v2-pagination__link.is-disabled {
	cursor: default;
	opacity: 0.6;
}

.v2-copy-link {
	display: flex;
	gap: 4px;
	align-items: center;
	font: var(--text_s);
	color: var(--black);
	transition: var(--transition-animation);
	cursor: pointer;
}

.v2-copy-link__label {
	color: var(--gray-500);
	transition: var(--transition-animation);
}

.v2-copy-link:hover .v2-copy-link__label {
	color: var(--black);
}

.v2-google-meeting-content__ongoing-timer-label {
	font: var(--text_s);
	color: var(--gray-500);
	margin-bottom: 12px;
}

.v2-google-meeting-content__complete-html .tutor-course-spotlight__top {
	margin-top: 32px;
	margin-bottom: 0;
}

.v2-google-meeting-content__complete-html .tutor-course-spotlight__btn {
	background: transparent;
	color: var(--black);
	border: 1px solid var(--black);
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border-radius: 12px;
	text-decoration: none;
	transition: var(--transition-animation);
	cursor: pointer;
	padding: 14px 24px;
	font: var(--button_s);
	height: auto;
}

.v2-google-meeting-content__complete-html .tutor-course-spotlight__btn:hover {
	background: var(--black);
	color: var(--white);
}

.tutor-countdown-style1 {
	display: flex;
	gap: 16px;
	margin-bottom: 60px;
}

.tutor-countdown-style1 > div {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	padding: 24px 4px;
	width: 170px;
	height: 160px;
	border-radius: 16px;
	background: var(--white);
}

.tutor-countdown-style1 > div > h3 {
	font: var(--h1) !important;
	color: var(--black);
}

.tutor-countdown-style1 > div > p {
	margin: 0;
	font: var(--text_s);
	color: var(--black);
}

.error404 .site-content {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.error404 .site {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.v2-assignments-description__attachments-title {
	font: var(--subtitle);
	color: var(--gray-500);
	text-transform: uppercase;
	margin-bottom: 12px;
}

.v2-assignments-description__attachments-items {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
}

.v2-assignments-description__attachments-item {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 8px;
	padding: 16px;
	border-radius: 16px;
	background: var(--gray-50);
}

.v2-assignments-description__attachments-item-content {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.v2-assignments-description__attachments-item-title {
	font: var(--text_xs);
	color: var(--black);
}

.v2-assignments-description__attachments-item-size {
	font: var(--text_xss);
	color: var(--gray-500);
}

.v2-assignments-description__attachments-item-link {
	padding: 8px;
	border-radius: 12px;
	background: var(--white);
}

.v2-assignments-description__attachments--light .v2-assignments-description__attachments-item {
	background: var(--white);
}

.v2-assignments-description__attachments--light .v2-assignments-description__attachments-item-link {
	background: var(--gray-50);
}

.tutor-update-assignment-attachments #tutor-student-assignment-edit-file-preview {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
}

.tutor-update-assignment-attachments .tutor-instructor-card {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 8px;
	padding: 16px;
	border-radius: 16px;
	background: var(--gray-50);
	margin-right: 0;
}

.tutor-update-assignment-attachments .tutor-icard-content {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.tutor-update-assignment-attachments .tutor-fs-6.tutor-color-secondary {
	font: var(--text_xs);
	color: var(--black);
}

.tutor-update-assignment-attachments .tutor-fs-7 {
	font: var(--text_xss);
	color: var(--gray-500);
}

.tutor-update-assignment-attachments .tutor-attachment-file-close {
	flex-shrink: 0;
}

.tutor-update-assignment-attachments .tutor-attachment-file-close a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px;
	border-radius: 12px;
	background: var(--gray-50);
	border: none;
	color: var(--black);
}

.tutor-update-assignment-attachments .tutor-attachment-file-close a:hover {
	background: var(--gray-200);
	color: var(--black);
}

.tutor-download-certificate .tutor-dc-share-button {
	display: none;
}

.v2-single-course__entry-box-content .tutor-btn-view-certificate {
	padding: 14px 24px;
	font: var(--button_s);
	height: auto;
	background: var(--black);
	color: var(--white);
	border-radius: 12px;
	transition: var(--transition-animation);
	cursor: pointer;
	border: none;
}

.v2-single-course__entry-box-content .tutor-btn-view-certificate:hover {
	background: var(--light-pink);
	color: var(--black);
}

.sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.quiz-attempt-single-question + .quiz-attempt-single-question {
	margin-top: 60px;
}

.comment-form__row-comment {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.comment-form__field-wrap {
	flex: 1;
}

.comment-form__textarea {
	width: 100%;
	resize: none;
	border-radius: 16px;
	border: 1px solid var(--gray-100);
	padding: 20px;
	outline: none;
	transition: var(--transition-animation);
	font: var(--text_s);
}

.comment-form__textarea:focus {
	border-color: var(--gray-500);
}

.comment-form .form-submit {
	margin: 12px 0 0;
	text-align: right;
}

.comment-form__submit {
	padding: 14px 24px;
	font: var(--button_s);
	height: auto;
	background: var(--black);
	color: var(--white);
	border-radius: 12px;
	transition: var(--transition-animation);
	cursor: pointer;
	border: none;
}

.comment-form__submit:hover {
	background: var(--light-pink);
	color: var(--black);
}

.comment-form__avatar-img {
	width: 32px;
	height: 32px;
	min-height: 32px !important;
	min-width: 32px !important;
	border-radius: 50%;
	display: flex;
}

.comments__list {
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin-top: 20px;
}

.comments__list .comment {
	position: relative;
}

.comments__list .comment::before {
	content: "";
	position: absolute;
	left: 14px;
	top: 42px;
	bottom: 0;
	width: 1px;
	background: var(--gray-100);
}

.comments__list .comment .comment {
	margin-left: 46px;
	margin-top: 20px;
}

.comments__list .comment .comment-respond {
	margin-left: 46px;
	margin-top: 20px;
}

.comments__list .comment .comment-respond > small {
	display: block;
	text-align: right;
	margin-bottom: 8px;
}

.comments__list .comment .comment-respond > small a {
	font: var(--text_xs);
	color: var(--gray-500);
	text-decoration: none;
}

.comments__list .comment .comment-respond > small a:hover {
	color: var(--black);
}

.comment__inner {
	display: flex;
	gap: 12px;
}

.comment__meta {
	display: flex;
	align-items: center;
	gap: 12px;
	font: var(--text_xs);
	color: var(--black);
}

.comment__author {
	font-weight: bold;
}

.comment__date {
	color: var(--gray-300);
}

.comment__content {
	font: var(--text_s);
	color: var(--black);
}

.comment__content p {
	margin: 0;
}

.comment__body {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.comment__actions .comment-reply {
	display: flex;
	align-items: center;
	gap: 8px;
}

.comment__actions .comment-reply svg {
	transform: rotate(180deg);
	stroke: var(--black);
	transition: var(--transition-animation);
}

.comment__actions .comment-reply a {
	font: var(--button_s);
	color: var(--black);
	text-decoration: none;
}

.comment__actions .comment-reply a:hover {
	color: var(--gray-500);
}

.comment__actions .comment-reply:hover svg {
	stroke: var(--gray-500);
}

.comment__actions .comment-reply:hover a {
	color: var(--gray-500);
}

.v2-qaa .mce-tinymce .mce-top-part,
.v2-qaa .mce-tinymce .mce-statusbar {
	display: none;
}

#tutor-course-details-tab-questions .v2-qaa .tutor-qna-reply-editor .mce-tinymce.mce-panel>.mce-container-body {
	border: none;
}

.v2-qaa #tutor_qna_text_editor_ifr {
	border-radius: 16px;
	border: 1px solid var(--gray-100);
	padding: 4px 10px;
}

.v2-qaa-items {
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin-top: 20px;
}

.v2-qaa-items .tutor-qna-single-question .tutor-qa-chatlist .tutor-qna-chat {
	display: flex !important;
	margin-bottom: 0;
	flex-direction: column;
	gap: 16px;
	align-items: flex-start;
}

.v2-qaa-items .tutor-qna-single-question .tutor-qa-chatlist .tutor-qna-chat .tutor-qna-user {
	margin-bottom: 0;
	gap: 12px;
}

.v2-qaa-items__item-user-meta {
	display: flex;
	align-items: center;
	gap: 12px;
	font: var(--text_xs);
	color: var(--black);
}

.v2-qaa-items__item-user-meta-date {
	color: var(--gray-300);
}

.v2-qaa-items .tutor-qna-single-question .tutor-qa-chatlist .tutor-qna-chat .tutor-qna-user img {
	width: 32px;
	height: 32px;
}

.v2-qaa-items__item-text {
	padding-left: 42px;
	font: var(--text_s);
	color: var(--black);
}

.v2-qaa-items .tutor-qna-single-question .tutor-toggle-reply {
	text-align: left;
}

.v2-qaa-items .tutor-qna-single-question .tutor-qa-chatlist .tutor-qna-chat.tutor-qna-right .tutor-qna-user {
	flex-direction: row;
}

.v2-qaa-items .tutor-toggle-reply {
	display: flex;
	align-items: center;
	gap: 8px;
	padding-left: 42px;
	color: var(--black);
	font: var(--button_s);
}

.v2-qaa-items .tutor-toggle-reply span {
	transition: var(--transition-animation);
}

.v2-qaa-items .tutor-toggle-reply span:hover {
	color: var(--black);
	text-decoration: none;
	font-weight: inherit;
}

.v2-qaa-items .tutor-toggle-reply:hover svg {
	stroke: var(--gray-500);
}

.v2-qaa-items .tutor-toggle-reply:hover span {
	color: var(--gray-500);
}

.v2-qaa-items .tutor-toggle-reply svg {
	transform: rotate(180deg);
	stroke: var(--black);
	transition: var(--transition-animation);
}

.v2-qaa-items .tutor-qa-chatlist {
	display: flex;
	flex-direction: column;
	gap: 20px;
	position: relative;
}

.v2-qaa-items .tutor-qa-chatlist::before {
	content: "";
	position: absolute;
	left: 14px;
	top: 42px;
	bottom: 0;
	width: 1px;
	background: var(--gray-100);
}

.v2-qaa-items .tutor-reply-msg {
	position: relative;
	margin-left: 46px !important;
}

.v2-qaa-items .tutor-reply-msg::before {
	content: "";
	position: absolute;
	left: 14px;
	top: 42px;
	bottom: 0;
	width: 1px;
	background: var(--gray-100);
}

#tutor-course-details-tab-questions .tutor-qna-reply-editor .mce-tinymce.mce-panel>.mce-container-body {
	border: none;
}

.v2-qaa-items .mce-tinymce .mce-top-part {
	display: none;
}

.v2-qaa-items .mce-tinymce .mce-statusbar {
	display: none;
}

.v2-qaa-items .mce-tinymce iframe {
	border-radius: 16px;
	border: 1px solid var(--gray-100);
	padding: 4px 10px;
}

.lektra-comment-highlight {
	animation: lektraFlash 1.2s ease;
}

@keyframes lektraFlash {
	0% {
		background: rgba(255, 233, 150, 0.9);
	}

	100% {
		background: transparent;
	}
}

.tutor-accordion-item {
	border-radius: 16px;
	background: var(--ultra-light-grey);
	border: none;
}

.tutor-accordion-item .tutor-accordion-item-header {
	background: none;
	color: var(--black);
	font: var(--text_s);
	border-radius: 0;
	padding: 18px 20px;
	border: none;
}

.tutor-accordion-item .tutor-accordion-item-body-content {
	border: none;
	padding: 0;
}

.tutor-accordion-item .tutor-course-content-list {
	padding: 0 8px;
	margin: 0;
}

.tutor-accordion-item .tutor-course-content-list-item-title,
.tutor-accordion-item .tutor-course-content-list-item-title a,
.tutor-accordion-item .tutor-course-content-list-item-duration {
	color: var(--middle-grey);
	font: var(--text_xs);
	transition: var(--transition-animation);
	text-decoration: none;
}

.tutor-accordion-item .tutor-accordion-item-body {
	margin: -10px 0 0;
	padding-bottom: 12px;
}

.tutor-accordion-item .tutor-icon-brand-youtube-bold:before {
	display: none;
}

.tutor-accordion-item .tutor-course-content-list-item-icon svg {
	stroke: var(--middle-grey);
	transition: var(--transition-animation);
}

.tutor-accordion-item .tutor-course-content-list-item {
	background: none;
	padding: 10px 12px;
	cursor: pointer;
	border-radius: 8px;
}

.tutor-accordion-item .tutor-accordion-item-header::after {
	transform: translateY(-50%) rotate(90deg);
}

.tutor-accordion-item .tutor-accordion-item-header.is-active::after {
	transform: translateY(-50%) rotate(-90deg);
}

.tutor-accordion-item .tutor-course-content-list-item-status {
	display: none;
}

.tutor-course-content-list-item__duration {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--middle-grey);
	font: var(--text_xs);
	transition: var(--transition-animation);
}

.tutor-course-content-list-item__duration .tutor-form-check-circle {
	width: 20px;
	height: 20px;
	border-color: var(--gray-500);
	background-color: transparent;
}

.tutor-course-content-list-item__duration .tutor-form-check-circle:checked {
	background-color: var(--dark-pink) !important;
	border-color: var(--dark-pink) !important;
}

#tutor-login-form .tutor-password-strength-hint {
	display: none;
}

.v2-table-quiz-attempts__details-mobile {
	display: none;
}

.v2-change-success-icon .tutor-success .tutor-icon-circle-info:before {
	content: "";
}

#tutor-registration-wrap {
	padding: 0;
	box-shadow: none;
}

#tutor-registration-form.v2-form {
	padding: 0;
}

.v2-tutor-btn-add-to-car {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.v2-tutor-btn-add-to-car.is-loading {
	pointer-events: none;
	opacity: 0.8;
}

.v2-tutor-btn-add-to-car__spinner {
	position: absolute;
	right: -28px;
	top: 50%;
	width: 18px;
	height: 18px;
	margin-top: -9px;
	border: 2px solid rgba(0, 0, 0, 0.18);
	border-top-color: #111;
	border-radius: 50%;
	animation: lektra-cart-spin 0.7s linear infinite;
	display: none;
}

.v2-tutor-btn-add-to-car.is-loading .v2-tutor-btn-add-to-car__spinner {
	display: block;
}

@keyframes lektra-cart-spin {
	to {
		transform: rotate(360deg);
	}
}

.v2-tutor-btn-add-to-car.is-loading:before {
	color: var(--white);
	margin: 0 !important;
	font-size: 24px;
}

.v2-tutor-btn-add-to-car:not(.active).is-loading svg {
	display: none;
}

.tutor-profile-official-sources ul {
	list-style: none;
	padding-left: 0;
}

.v2-cart__item-price-regular {
	font-size: 0.875rem;
}

/* Media queries */
@media (min-width: 1250px) {
	.tutor-submenu-links ul a:hover {
		background: var(--gray-50);
	}

	.tutor-header-profile-menu-items:hover .tutor-header-submenu {
		opacity: 1;
		pointer-events: auto;
	}

	.menu-item-has-children:hover .sub-menu {
		opacity: 1;
		pointer-events: auto;
	}

	.tutor-header-profile-menu-items:hover .tutor-header-submenu .tutor-header-submenu-custom,
	.menu-item-has-children:hover .sub-menu .decorative-menu-item {
		animation: custom-animation var(--duration) var(--dropanimation);
	}
}

@media (max-width: 1552px) {
	.container,
	.v2-container {
		width: auto;
	}
}

@media (max-width: 1365px) {
	.promo-blocks__cards .promo-blocks__item {
		background-size: contain;
	}
}

@media (max-width: 1250px) {
	.sub-menu {
		padding: 30px 15px;
		top: 0;
		left: 0;
		pointer-events: auto;
		text-align: left;
		position: absolute;
		transition: none;
	}

	.menu-item-has-children > a {
		padding-right: 24px;
	}

	.menu-item-has-children > a::before {
		border-bottom: 1px solid #000;
		border-right: 1px solid #000;
		content: '';
		display: block;
		width: 8px;
		height: 8px;
		right: 4px;
		margin-top: -4px;
		pointer-events: none;
		position: absolute;
		top: 50%;
		-webkit-transform-origin: 66% 66%;
		transform-origin: 66% 66%;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: all 0.15s ease-in-out;
		transition: all 0.15s ease-in-out;
	}

	.menu-item-has-children > a.active::before {
		transform: rotate(-135deg);
		margin: -3px 0 0;
	}

	.header-default .menu-primary-container .navbar-nav .menu-item-has-children li + li {
		margin: 0;
	}

	.navbar-nav {
		max-height: calc(100vh - 65px);
		overflow-y: auto;
	}

	.header-default {
		background: var(--white);
	}

	.navbar-brand {
		max-width: 264px;
	}

	.header-default .menu-primary-container {
		display: none;
		position: absolute;
		top: 100%;
		background: #fff;
		left: 0;
		right: 0;
		margin-top: -10px;
		padding: 10px 0 24px;
		border-radius: 0 0 16px 16px;
	}

	.header-default .menu-primary-container .navbar-nav {
		display: block;
		text-align: center;
		width: 100%;
	}

	.header-default .menu-primary-container .navbar-nav li + li {
		margin-top: 20px;
	}

	.header-default .menu-primary-container .navbar-nav a {
		font-size: 24px;
	}

	.v2-navbar-toggler {
		display: block;
		border: none;
	}

	.v2-menu-active .header-default .menu-primary-container {
		display: block;
	}

	.v2-menu-active .v2-navbar-toggler .v2-toggle-icon-1 {
		transform: rotate(25deg);
	}

	.v2-menu-active .v2-navbar-toggler .v2-toggle-icon-2 {
		transform: rotate(-25deg);
		top: 17px;
	}

	.tutor-header-profile-menu-items.active .tutor-header-submenu {
		opacity: 1;
		pointer-events: auto;
	}

	.tutor-submenu-links {
		max-width: 197px;
	}

	.courses .courses__items .swiper-pagination {
		display: block;
	}

	.promo-blocks .promo-blocks__item-description {
		grid-column: span 6;
	}

	.promo-blocks__cards .promo-blocks__item {
		padding: 40px 40px 100px;
		background-size: 85%;
	}
}

@media (max-width: 991px) {
	:root {
		/* Headings */
		--h1: 500 40px/110% var(--font-heading);
		--h2: 500 32px/110% var(--font-heading);
		--h3: 500 28px/110% var(--font-heading);
		--h4: 500 24px/110% var(--font-heading);
		--h5: 500 20px/120% var(--font-heading);
		--subtitle: 500 16px/150% var(--font-heading);
		/* Body */
		--text_l_bold: 600 20px/110% var(--font-body);
		--text_m: 500 20px/140% var(--font-body);
		--text_m_bold: 600 20px/140% var(--font-body);
		--text_s: 500 16px/140% var(--font-body);
		--text_xs: 500 14px/140% var(--font-body);
		--text_xss: 500 12px/120% var(--font-body);
		/* Buttons */
		--button_xl: 600 24px/120% var(--font-body);
		--button_m: 600 18px/120% var(--font-body);
		--button_m_underline: 600 18px/120% var(--font-body);
		--button_s: 600 16px/120% var(--font-body);
	}

	.container,
	.v2-container {
		padding-inline: 28px;
	}

	.tutor-update-assignment-attachments #tutor-student-assignment-edit-file-preview {
		grid-template-columns: repeat(2, 1fr);
	}

	.tutor-countdown-style1 > div {
		height: auto;
	}
}

@media (max-width: 767px) {
	a,
	button,
	[role="button"],
	[data-button],
	.tutor-btn,
	.btn-getstarted,
	.cours-card__button,
	.v2-tutor-btn-add-to-car,
	.tutor-course-wishlist-btn,
	.lektra-guest-wishlist-btn {
		-webkit-tap-highlight-color: transparent;
	}

	a:focus,
	button:focus,
	[role="button"]:focus,
	[data-button]:focus,
	.tutor-btn:focus,
	.btn-getstarted:focus,
	.cours-card__button:focus,
	.v2-tutor-btn-add-to-car:focus,
	.tutor-course-wishlist-btn:focus,
	.lektra-guest-wishlist-btn:focus {
		outline: none;
		box-shadow: none;
	}

	.btn-getstarted:hover,
	.btn-getstarted:active,
	.btn-getstarted:focus {
		background: var(--black);
		color: var(--white);
	}

	[data-button][data-theme="black"]:hover,
	[data-button][data-theme="black"]:active,
	[data-button][data-theme="black"]:focus {
		background: var(--black);
		color: var(--white);
		border-color: transparent;
	}

	[data-button][data-theme="black"]:hover svg,
	[data-button][data-theme="black"]:active svg,
	[data-button][data-theme="black"]:focus svg {
		fill: var(--white);
	}

	[data-button][data-theme="black"][data-outlined="on"]:hover,
	[data-button][data-theme="black"][data-outlined="on"]:active,
	[data-button][data-theme="black"][data-outlined="on"]:focus {
		background: transparent;
		color: var(--black);
		border-color: var(--black);
	}

	[data-button][data-theme="white"]:hover,
	[data-button][data-theme="white"]:active,
	[data-button][data-theme="white"]:focus {
		background: var(--white);
		color: var(--black);
		border-color: transparent;
	}

	[data-button][data-theme="white"][data-outlined="on"]:hover,
	[data-button][data-theme="white"][data-outlined="on"]:active,
	[data-button][data-theme="white"][data-outlined="on"]:focus {
		background: transparent;
		color: var(--white);
		border-color: var(--white);
	}

	[data-button][data-theme="gray"]:hover,
	[data-button][data-theme="gray"]:active,
	[data-button][data-theme="gray"]:focus {
		background: var(--gray-50);
		color: var(--black);
		border-color: transparent;
	}

	[data-button][data-theme="gray"]:hover svg,
	[data-button][data-theme="gray"]:active svg,
	[data-button][data-theme="gray"]:focus svg {
		fill: var(--black);
	}

	#wpadminbar{
		display: none;
	}

	.admin-bar .site,
	.admin-bar .tutor-page-permission-denied{
		padding-top: 102px;
	}

	.cours-card__actions .list-item-button a:hover,
	.cours-card__actions .list-item-button a:active,
	.cours-card__actions .list-item-button a:focus,
	.cours-card__actions .tutor-course-list-btn a:hover,
	.cours-card__actions .tutor-course-list-btn a:active,
	.cours-card__actions .tutor-course-list-btn a:focus,
	.cours-card__actions .added_to_cart:hover,
	.cours-card__actions .added_to_cart:active,
	.cours-card__actions .added_to_cart:focus {
		background: var(--black);
		color: var(--white);
	}

	.cours-card__actions .v2-tutor-btn-add-to-car:hover,
	.cours-card__actions .v2-tutor-btn-add-to-car:active,
	.cours-card__actions .v2-tutor-btn-add-to-car:focus,
	.cours-card__button:hover,
	.cours-card__button:active,
	.cours-card__button:focus {
		background: var(--black);
		border-color: var(--black);
	}

	.cours-card__actions .v2-tutor-btn-add-to-car.active {
		background: var(--light-pink);
		border-color: var(--light-pink);
	}

	.cours-card__button:hover svg path,
	.cours-card__button:active svg path,
	.cours-card__button:focus svg path {
		stroke: var(--white);
	}

	.v2-form input[type="text"],
	.v2-form input[type="number"],
	.v2-form input[type="tel"],
	.v2-form input[type="email"],
	.v2-form input[type="password"],
	.v2-form input[type="url"],
	.v2-form input.tutor-form-control,
	.v2-form textarea {
		-webkit-appearance: none;
		appearance: none;
	}

	.v2-form input[type="text"]:focus,
	.v2-form input[type="number"]:focus,
	.v2-form input[type="tel"]:focus,
	.v2-form input[type="email"]:focus,
	.v2-form input[type="password"]:focus,
	.v2-form input[type="url"]:focus,
	.v2-form input.tutor-form-control:focus,
	.v2-form textarea:focus {
		outline: none;
		border-color: #82d5ff !important;
		box-shadow: inset 0 0 0 2px #82d5ff;
	}

	html.v2-menu-active,
	body.v2-menu-active,
	html.v2-profile-submenu-active,
	body.v2-profile-submenu-active {
		overflow: hidden;
		height: 100%;
		overscroll-behavior: none;
	}

	.navbar-brand img {
		height: 30px;
	}

	.sub-menu {
		display: none;
	}

	.sub-menu.active{
		display: block;
	}

	.sub-menu .decorative-menu-item {
		height: 180px;
		padding: 20px;
	}

	.header-default .menu-primary-container .navbar-nav .menu-item-has-children li + li {
		margin: 8px 0 0;
	}

	.sub-menu a {
		max-width: 100%;
		margin: 0 0 8px;
		font-size: 20px;
	}

	.sub-menu .menu-item-description {
		max-width: 100%;
		margin-top: 8px;
		font-size: 16px;
	}

	.sub-menu-decor {
		left: 20px;
		bottom: 20px;
	}

	.sub-menu .help-lecturers {
		background-size: cover;
		background-position: 0 40px;
	}

	.sub-menu .help-students {
		background-size: cover;
		background-position: 0 40px;
	}

	mark[class^="stroke"] {
		padding-bottom: 5px;
	}

	.v2-single-course__col1 {
		width: 100%;
	}

	.v2-tutor-nav {
		display: flex;
		overflow-x: auto;
		flex-wrap: nowrap;
		width: 100%;
	}

	.v2-tutor-nav .tutor-nav-item {
		flex-shrink: 0;
	}

	.tutor-submenu-links {
		max-width: 100%;
	}

	.navbar-brand {
		position: relative;
		z-index: 5;
		max-width: 125px;
	}

	.navbar-utils {
		max-width: 125px;
	}

	.navbar.active::after {
		content: '';
		position: fixed;
		background: #fff;
		top: 0;
		left: 0;
		right: 0;
		height: 58px;
		z-index: 4;
	}

	.header-default .menu-primary-container {
		position: fixed;
		top: var(--v2-mobile-menu-top, 58px);
		left: var(--v2-mobile-menu-left, 0);
		right: auto;
		bottom: auto;
		width: var(--v2-mobile-menu-width, 100%);
		margin-top: 0;
		max-height: var(--v2-mobile-menu-height, calc(100svh - 58px));
		padding-bottom: calc(24px + env(safe-area-inset-bottom));
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}

	.header-default .menu-primary-container .navbar-nav {
		max-height: none;
		overflow-y: visible;
	}

	.tutor-header-submenu {
		position: fixed;
		top: var(--v2-mobile-menu-top, 58px);
		right: 0;
		bottom: auto;
		left: 0;
		padding: 30px 10px;
		padding-bottom: calc(30px + env(safe-area-inset-bottom));
		backdrop-filter: none;
		height: var(--v2-mobile-menu-height, calc(100svh - 58px));
		max-height: none;
		overflow-y: auto;
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
		box-sizing: border-box;
		border-radius: 0;
		display: block;
		transform: translateX(100%);
		opacity: 1;
		pointer-events: auto;
		transition: var(--trtransform);
	}

	.tutor-header-profile-menu-items.active .tutor-header-profile-photo {
		display: none;
	}

	.tutor-header-profile-menu-items > .tutor-header-profile-photo,
	.tutor-header-profile-menu-items > .tutor-header-profile-close {
		width: 36px;
		height: 36px;
		flex: 0 0 36px;
		align-items: center;
		justify-content: center;
	}

	.tutor-header-profile-menu-items > .tutor-header-profile-photo {
		display: flex;
	}

	.tutor-header-profile-menu-items > .tutor-header-profile-photo .tutor-avatar,
	.tutor-header-profile-menu-items > .tutor-header-profile-photo img {
		width: 36px;
		height: 36px;
	}

	.tutor-header-profile-menu-items.active .tutor-header-profile-close {
		display: flex;
		z-index: 5;
		position: relative;
	}

	.tutor-header-profile-menu-items.active .tutor-header-submenu {
		display: block;
		transform: translateX(0%);
	}

	.tutor-header-profile-menu-items.active .tutor-header-submenu .tutor-header-submenu-custom {
		display: block;
	}

	.tutor-header-profile-menu-items.active .tutor-header-submenu .tutor-header-profile-photo {
		display: block;
	}

	.utils-cart {
		margin-right: 20px;
	}

	.utils-cart::after {
		display: none;
	}

	.tutor-header-profile-content {
		display: none;
	}

	.tutor-header-submenu-head .tutor-header-profile-content {
		display: flex;
		justify-content: center;
	}

	.tutor-header-profile-photo {
		margin: 0;
	}

	.tutor-header-submenu-head {
		display: block;
		text-align: center;
		margin: 0 0 20px;
	}

	.tutor-header-submenu-head .tutor-avatar {
		border: 2px solid var(--light-pink);
		margin: 0 0 12px;
	}

	.tutor-header-profile-name {
		margin: 0 0 0 5px;
	}

	.header-default {
		top: 0;
		z-index: 99999;
	}

	.admin-bar .header-default{
		top: 0;
	}

	.navbar-center {
		padding: 5px 16px;
		border-radius: 0;
		box-sizing: border-box;
	}

	.tutor-submenu-login-section-instructor {
		margin: 0 0 15px;
		overflow: hidden;
	}

	.v2-tutor-submenu-login-content br {
		display: none;
	}

	.tutor-submenu-login-section-instructor img {
		margin-bottom: -200px;
		top: -60px;
		position: relative;
	}

	.tutor-submenu-login-section-instructor.student img {
		margin-bottom: -150px;
		top: 0;
	}

	.container,
	.v2-container {
		padding-inline: 16px;
	}

	.info-card {
		display: flex;
		flex-direction: column;
		gap: 40px;
		padding: 32px 16px 8px !important;
	}

	.info-card__content {
		order: 1;
	}

	.info-card__wrap-image {
		order: 2;
	}

	.info-card__list {
		margin: 24px 0;
	}

	.info-card__list[data-style="grid"] {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}

	.info-card__list[data-style="grid"] .info-card__list-item {
		gap: 4px;
	}

	.info-card__list[data-style="grid"] .info-card__list-item-content {
		gap: 4px;
	}

	.info-card__description {
		margin-top: 8px;
	}

	.info-card__buttons {
		flex-direction: column;
	}

	.info-card__button {
		width: fit-content;
	}

	.info-card__description + .info-card__buttons {
		margin-top: 32px;
	}

	.courses__items .swiper {
		padding-right: 100px;
		margin-right: -36px;
	}

	.courses .courses__buttons {
		margin-top: 50px;
	}

	.promo-blocks__cards .promo-blocks__item {
		padding: 32px 16px;
		min-height: 330px;
		background-size: 60%;
	}

	.promo-blocks__cards .promo-blocks__item-title {
		margin: 0 0 8px;
	}

	.tutor-update-assignment-attachments #tutor-student-assignment-edit-file-preview {
		grid-template-columns: 1fr;
	}

	.tutor-accordion-item:not(:last-child) {
		margin-bottom: 8px;
	}

	.tutor-accordion-item .tutor-course-content-list-item:hover {
		background: var(--white);
	}

	.tutor-accordion-item .tutor-course-content-list-item:hover .tutor-course-content-list-item-title,
	.tutor-accordion-item .tutor-course-content-list-item:hover .tutor-course-content-list-item-duration {
		color: var(--black);
	}

	.tutor-accordion-item .tutor-course-content-list-item:hover svg {
		stroke: var(--dark-pink);
	}

	.tutor-accordion-item .tutor-course-content-list-item {
		padding: 10px 8px;
	}

	.tutor-accordion-item .tutor-accordion-item-header {
		padding: 18px 16px;
	}

	.tutor-accordion-item .tutor-course-content-list-item-title {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 240px;
	}

	.v2-form-row {
		flex-direction: column;
	}

	.v2-form-row--oneline {
		flex-direction: row;
	}

	.v2-form-col {
		width: auto;
	}

	.v2-form-fill {
		padding: 16px;
	}

	.v2-form-button {
		width: 100%;
		justify-content: center;
	}

	.v2-form-row-grid {
		grid-template-columns: 1fr;
	}

	.v2-form-button-wrap--text-right button {
		width: 100%;
		justify-content: center;
	}

	.v2-tutor-nav {
		margin-bottom: 20px;
	}

	.v2-cart-row {
		display: flex;
		flex-direction: column;
	}

	.v2-cart-row__col-right {
		margin-bottom: 20px;
	}

	.v2-cart__items {
		max-height: 20vh;
	}

	.v2-sing-page {
		flex-direction: column;
		overflow: hidden;
	}

	.v2-sing-page__image {
		display: none;
	}

	.v2-sing-page__form-wrap {
		max-width: none;
	}

	.v2-tutor-quiz-box__info-area {
		display: flex;
		flex-direction: column;
	}

	.v2-tutor-quiz-box {
		padding: 20px;
	}

	.v2-tutor-quiz-box__buttons {
		flex-direction: column;
	}

	.v2-tutor-quiz-box__buttons [data-button] {
		width: fit-content;
	}

	.v2-assignments-description__attachments-items {
		display: flex;
		flex-direction: column;
	}

	.utils-cart__content {
		padding: 20px;
	}

	.v2-cart__total-wrap {
		padding: 20px;
	}

	.tutor-modal-actions {
		flex-direction: column;
		gap: 16px;
		justify-content: center !important;
		align-items: center !important;
	}

	.tutor-modal-actions button {
		margin-inline: 0 !important;
	}

	.v2-announcements-card {
		padding: 20px;
	}

	.v2-announcements-card__content {
		grid-column: span 11;
	}

	.v2-announcements__filter {
		display: none;
	}

	.v2-tutor-modal-content {
		padding: 20px;
	}

	.v2-tutor-modal-buttons {
		flex-direction: column;
	}

	.v2-pagination {
		margin-top: 24px;
	}

	.v2-table-quiz-attempts__filter {
		flex-direction: column;
		gap: 16px;
	}

	.tutor-user-public-profile .photo-area{
		margin-top: 0 !important;
	}
}

@media (max-width: 575px) {
	.tutor-table-responsive thead {
		display: none;
	}

	.tutor-table-responsive tr {
		border-color: var(--gray-100);
	}

	.v2-table-quiz-attempts__details {
		display: inline-flex;
	}

	.v2-table-quiz-attempts__details--responsive {
		display: none !important;
	}

	.v2-table-quiz-attempts__details-mobile {
		display: flex;
		gap: 12px;
	}

	.v2-table-quiz-attempts__details-mobile-button {
		padding: 8px;
		border-radius: 12px;
		background: var(--gray-50);
		color: var(--black);
		border: none;
	}

	.v2-table-quiz-attempts__details-mobile-button--full {
		width: 100%;
	}

	.v2-table-quiz-attempts__details-submenu {
		top: auto;
		bottom: 100%;
	}

	.v2-table-quiz td:first-child,
	.v2-table-quiz td:last-child {
		display: flex;
		flex-direction: column;
		align-items: baseline;
	}

	.v2-table-quiz td:last-child {
		align-items: center;
	}

	.v2-table-quiz td:last-child:before {
		display: none;
	}

	.v2-table-quiz-attempts__details-mobile #tutor-start-quiz {
		margin-bottom: 0;
	}

	.v2-table-quiz-attempts__details-mobile-quize button,
	.v2-table-quiz-attempts__details-mobile-quize a {
		font: var(--button_s);
		padding: 12px 24px;
		background: var(--gray-50);
		color: var(--black);
		border-radius: 12px;
		text-decoration: none;
	}

	.v2-table-quiz-attempts__details-mobile-quize button {
		background: var(--black);
		color: var(--white);
	}

	.tutor-quiz-attempt-details,
	.v2-table-quiz {
		border: none !important;
	}

	.v2-table-quiz-attempts.tutor-quiz-attempt-details tr,
	.v2-table-quiz-attempts.v2-table-quiz tr {
		border-radius: 16px;
		border: 1px solid var(--gray-100) !important;
	}

	.v2-table-assignments__actions a {
		font: var(--button_s) !important;
		color: var(--black) !important;
		border-radius: 12px !important;
		background: var(--gray-50) !important;
		padding: 12px 24px !important;
	}
}

@media (max-width: 550px) {
	.promo-blocks__cards .promo-blocks__item {
		background-size: 100%;
	}
}

@media (max-width: 413px) {
	.courses__items .swiper {
		padding-right: 100px;
		margin-right: -70px;
	}
}

@media (max-width: 400px) {
	.tutor-accordion-item .tutor-course-content-list-item-title {
		max-width: 200px;
	}
}

@media (max-width: 359px) {
	.tutor-accordion-item .tutor-course-content-list-item-title {
		max-width: 152px;
	}
}