/* Defult CSS */
html,
body {
	min-height: 100%;
}

img {
	max-width: 100%;
}

@media (min-width: 1400px) {
	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 1150px;
	}

	.container.filter-container {
		max-width: 1188px;
	}
}

.my-badge {
	font-weight: 500;
	border-radius: 16px;
	padding: 4px 12px;
}

.badge-green {
	background: #ecfdf3;
	color: #027a48;
}

.badge-red {
	background: #fff1f3;
	color: #c01048;
}

.my-badge .circle {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
	margin-top: -5px;
}

.badge-green .circle {
	background: #12b76a;
}

.badge-red .circle {
	background: #f63d68;
}

.owl-carousel .owl-item img {
	width: initial;
	display: initial;
}

.form-primary label {
	color: #344054;
	font-weight: 500;
	margin-bottom: 6px;
}

.form-primary input.form-control {
	min-height: 44px;
	border: 1px solid #d0d5dd;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 8px;
}

.form-primary .form-select {
	min-height: 44px;
	border: 1px solid #d0d5dd;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 8px;
	padding-top: 9px;
}

.form-primary .input-group-text {
	border-radius: 8px;
}

.form-primary input::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #667085;
}

.form-primary input::-moz-placeholder {
	/* Firefox 19+ */
	color: #667085;
}

.form-primary input:-ms-input-placeholder {
	/* IE 10+ */
	color: #667085;
}

.form-primary input:-moz-placeholder {
	/* Firefox 18- */
	color: #667085;
}

.form-primary .help-text {
	margin-top: 6px;
	display: block;
}

.form-primary .input-box {
	margin-bottom: 20px;
}

.text-border-bg {
	text-align: center;
	position: relative;
}

.text-border-bg:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #eaecf0;
	margin-top: -0.5px;
}

.text-border-bg span {
	background: #fff;
	padding: 0 8px;
	z-index: 1;
	position: relative;
}

.stars .fa-star {
	color: #f2f4f7;
}

.stars .fa-star.checked {
	color: #fdb022;
}

.owl-carousel-primary {
	position: relative;
	padding: 0 65px;
}

.owl-carousel-primary .owl-stage {
	display: flex;
}

.owl-carousel-primary .owl-item {
	padding: 5px;
}

.owl-carousel-primary .owl-item .card {
	height: 100%;
}

.owl-carousel-primary .owl-nav {
	position: absolute;
	top: 50%;
	margin-top: -35px;
	left: 0;
	width: 100%;
}

.owl-carousel-primary .owl-nav .owl-prev {
	transform: rotate(180deg);
}

.owl-carousel-primary .owl-nav .owl-prev img {
	margin-top: 16px;
}

.owl-carousel-primary .owl-nav .owl-next {
	float: right;
}

.owl-carousel-primary .owl-dots {
	text-align: center;
}

.owl-carousel-primary .owl-dots .owl-dot {
	width: 8px;
	height: 8px;
	background: #ffe6d5;
	border-radius: 50%;
	margin: 0 5px;
}

.owl-carousel-primary .owl-dots .owl-dot.active {
	background: #ef6820;
}

.page-breadcrumb {
	padding: 32px 0 26px;
	font-size: 14px;
}

.page-breadcrumb .breadcrumb {
	margin: 0;
}

.page-breadcrumb .breadcrumb-item.active {
	color: #344054;
}

.page-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
	color: #d0d5dd;
}

.page-breadcrumb .breadcrumb a {
	color: #ef6820;
	text-decoration: none;
	font-weight: 500;
}

.color-style {
	background: linear-gradient(90.05deg, #0f69bd 12.03%, #73bf43 83.71%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}

.modal-primary {
	max-width: 729px;
}

.modal-primary .modal-content {
	border-radius: 12px;
	padding: 30px;
}

.modal-primary .modal-header,
.modal-primary .modal-body {
	padding-left: 0;
	padding-right: 0;
}

.modal-primary .modal-title {
	font-size: 24px;
}

.modal-primary .modal-body p {
	font-size: 18px;
	color: #101828;
}

.modal-primary ul.social-icons {
	font-size: 18px;
	list-style: none;
	padding: 0;
	margin-bottom: 25px;
}

.modal-primary ul.social-icons li {
	width: 20%;
}

.modal-primary ul.social-icons li img {
	padding: 0 5px;
	transition: 0.3s;
}

.modal-primary ul.social-icons li img:hover {
	filter: saturate(70%);
}

.cong-modal {
	max-width: 667px;
}

.cong-modal .modal-body {
	background-image: url(../img/modal/modal-bg.svg);
	background-repeat: no-repeat;
	background-position: top center;
	padding: 46px 25px;
}

.cong-modal .modal-body img {
	margin-bottom: 15px;
}

.cong-modal .modal-body h4 {
	margin-bottom: 15px;
	line-height: 1.5em;
}

.cong-modal .modal-body h4 span {
	font-weight: 500;
}

.cong-modal .modal-body p {
	font-size: 18px;
	color: #101828;
	margin-bottom: 40px;
}

.cong-modal .modal-body .btn-primary {
	padding: 11px 25px;
	max-width: 227px;
	width: 100%;
	border-radius: 8px;
}

.copy-link-input .input-box {
	width: calc(100% - 156px);
}

.copy-link-input .input-box .input-group-text {
	border-radius: 8px 0 0 8px;
}

.copy-link-input .input-box input {
	min-height: 44px;
	padding-left: 5px;
	border-radius: 8px;
}

.copy-link-input .button-box {
	width: 156px;
}

.copy-link-input .button-box .btn {
	width: 100%;
	min-height: 44px;
	border-radius: 8px;
}

.iti--allow-dropdown {
	display: block;
}

.iti--allow-dropdown input {
	border: 1px solid #d0d5dd;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 8px;
	min-height: 44px;
	width: 100%;
}

.avatar-radio label {
	margin: 5px;
}

.avatar-radio label:first-of-type {
	margin-left: 0;
}

.avatar-radio label:last-of-type {
	margin-right: 0;
}

.avatar-radio input ~ .checkmark {
	cursor: pointer;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	border: 2px solid #ffd6ae;
	display: flex;
	justify-content: center;
	align-items: center;
}

.avatar-radio input ~ .checkmark img {
	max-width: 80%;
}

.avatar-radio input {
	position: absolute;
	opacity: 0;
}

.avatar-radio input:checked ~ .checkmark {
	border: 2px solid red;
}

.back-to-home {
	padding: 32px 0 24px;
}

.back-to-home a {
	font-weight: 500;
	color: #ef6820;
	text-decoration: none;
}

.back-to-home a:hover {
	text-decoration: underline;
}

/* Typograpgy */
body {
	font-family: "Inter", sans-serif;
	color: #667085;
	font-size: 14px;
}

h1 {
	font-size: 48px;
	font-weight: 600;
	color: #101828;
}

h2 {
	font-size: 30px;
	font-weight: 600;
	color: #101828;
}

h3 {
	font-size: 24px;
	font-weight: 600;
}

h4 {
	font-size: 20px;
	font-weight: 600;
	color: #101828;
}

h5 {
	font-size: 18px;
	font-weight: 500;
	color: #101828;
}

.button-primary {
	background: #ef6820;
	border: 1px solid #f2f4f7;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 8px;
	font-size: 16px;
	color: #fff;
	font-weight: 500;
	padding: 10px 26px;
	border: none;
}

.button-primary.lg {
	padding: 12px 51px;
}

.button-primary:hover {
	color: #fff;
	background: #e16625;
}

.button-primary-outline {
	font-weight: 500;
	font-size: 16px;
	color: #ef6820;
	border: 1px solid #ef6820;
	border-radius: 8px;
	padding: 9px 26px;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	background-color: #fff !important;
}

.button-primary-outline.lg {
	padding: 11px 54px;
}

.button-primary-outline:hover {
	color: #ef6820;
}

.button-primary-outline-bg {
	font-weight: 500;
	font-size: 16px;
	color: #1570ef;
	border: 1px solid #1570ef;
	border-radius: 8px;
	padding: 9px 19px;
	background: #eff8ff;
}

.button-primary-outline-bg:hover {
	color: #1570ef;
}

.button-primary-outline-bg .icon-right {
	margin-left: 10px;
}

.button-secondary {
	border: 1px solid #eaecf5;
	border-radius: 8px;
	color: #ef6820;
	font-weight: 500;
	font-size: 16px;
	padding: 9px 38px;
	background: #ffffff;
}

.button-secondary:hover {
	color: #ef6820;
}

.button-secondary-outline {
	font-weight: 500 !important;
	font-size: 16px;
	color: #344054 !important;
	border: 1px solid #d0d5dd;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 8px;
	padding: 11px 25px;
	text-align: center;
}

.button-secondary-outline .icon-left {
	margin-right: 8px;
}

.button-secondary-outline:hover {
	color: #344054;
}

.button-secondary .icon-left {
	margin-right: 10px;
	display: inline-block;
	margin-top: -1px;
}

.text-sm {
	font-weight: 500;
	font-size: 12px;
	color: #101828;
}

.text-md {
	font-weight: 500;
	font-size: 16px;
	color: #344054;
}

.tab-primary .nav-tabs {
	margin-bottom: 60px;
}

.tab-primary .nav-tabs button {
	font-weight: 500;
	color: #667085;
	background: transparent;
	border: none;
	padding: 24px 15px 18px;
	min-width: 240px;
	border-bottom: 2px solid transparent;
}

.tab-primary .nav-tabs button.active {
	color: #293056;
	border-bottom: 2px solid #ef6820;
}

/* Components */
.welcome-box {
	background: #f5faff;
	border-radius: 8px;
}

.welcome-box .text-box {
	width: 376px;
	padding: 50px 15px 15px 38px;
}

.welcome-box .text-box h4 {
	margin-bottom: 8px;
}

.welcome-box .text-box p {
	margin-bottom: 32px;
}

.welcome-box .image-box img {
	max-width: initial;
	width: calc(100% + 15px);
	position: relative;
	z-index: 1;
	margin-top: -40px;
}

.widget-primary {
	border: 1px solid #f2f4f7;
	box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1),
		0px 1px 2px rgba(16, 24, 40, 0.06);
	border-radius: 8px;
	padding: 28px 28px 28px 24px;
}

.widget-primary .top-area {
	margin-bottom: 8px;
}

.widget-primary .top-area p {
	font-weight: 500;
	color: #98a2b3;
	margin-bottom: 0;
}

.widget-primary .bottom-area .icon {
	margin-right: 16px;
}

.widget-primary .bottom-area .number {
	font-weight: 600;
	font-size: 30px;
	color: #101828;
}

.widget-primary .bottom-area a {
	font-weight: 500;
	font-size: 12px;
	color: #1d2939;
	text-decoration: none;
	margin-left: auto;
}

.widget-primary .bottom-area a .link-icon {
	margin-left: 5px;
}

.cta-box {
	border: 1px solid #d1e0ff;
	border-radius: 8px;
	padding: 28.5px 32px;
	background: #f5f8ff;
}

.cta-box p {
	max-width: 750px;
	width: 100%;
	font-size: 16px;
	color: #101828;
	margin-bottom: 0;
}

.cta-box-2 {
	background: linear-gradient(90deg, #2e8c99 21.3%, #73bf43 77.9%);
	border: 1px solid #f2f4f7;
	box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08),
		0px 4px 6px -2px rgba(16, 24, 40, 0.03);
	border-radius: 8px;
	padding-right: 28px;
	margin-bottom: 32px;
}

.cta-box-2 .text-box {
	max-width: 560px;
	width: 100%;
	color: #fff;
	margin-left: -100px;
}

.cta-box-2 .text-box p {
	margin-bottom: 0;
}

.cta-box-2 .text-box p b {
	margin-bottom: 4px;
}

.cta-box-2 .buttons-box {
	margin-left: auto;
	padding: 15px 0;
}

.cta-box-2 .buttons-box .btn:first-of-type {
	color: #fff;
	font-weight: 700;
	margin-right: 25px;
}

.cta-box-2 .buttons-box .button-primary {
	border: none;
}

.card-primary {
	border: 1px solid #eaecf5;
	border-radius: 16px;
	max-width: 500px;
	color: #98a2b3;
}

.card-primary .card-body {
	padding: 30px 24px;
}

.card-primary .dots {
	position: absolute;
	top: 36px;
	right: 20px;
	cursor: pointer;
	padding: 2px 4px;
}

.card-primary .card-img-top {
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
}

.card-primary .p-top {
	font-weight: 600;
	margin-bottom: 12px;
}

.card-primary .p-top span {
	font-weight: 500;
	font-size: 12px;
	color: #1570ef;
}

.card-primary .card-text {
	font-weight: 500;
	margin-bottom: 8px;
	color: #98a2b3;
}

.card-primary .time-slot {
	font-weight: 500;
	margin-bottom: 4px;
	margin-top: 25px;
}

.card-primary .time-slot img {
	max-width: 15px;
	margin-right: 10px;
	vertical-align: sub;
}

.card-primary .slot-num {
	font-weight: 700;
	color: #667085;
	margin-bottom: 32px;
}

.card-primary .slot-num span {
	font-weight: 500;
}

.card-primary a.button-primary {
	margin-bottom: 32px;
}

.card-primary .price {
	margin-bottom: 4px;
	text-align: center;
	color: rgba(16, 24, 40, 0.6);
}

.card-primary .price span {
	font-weight: 700;
	color: #101828;
}

.card-primary .external-link.text-center {
	font-size: 14px;
	margin-top: 0;
}

.card-primary .card-title {
	margin-bottom: 0;
}

.card-primary .progress-box {
	margin-bottom: 4px;
	font-weight: 500;
	font-size: 12px;
	color: #667085;
}

.card-primary.inactive .progress-box {
	color: #b3b3b3;
}

.card-primary.inactive a.button-primary {
	background: #f2f2f2;
	color: #b3b3b3;
}

.card-primary .progress {
	height: 4px;
}

.card-primary .stars {
	margin-bottom: 56px;
}

.card-primary .my-badge {
	margin-top: 20px;
	display: inline-block;
}

.card-primary a {
	color: #1d2939;
	font-weight: 500;
	font-size: 16px;
	display: block;
	text-decoration: none;
}

.card-primary.style-2 a.button-primary {
	margin: 24px 0;
}

.card-primary a.external-link {
	color: #ef6820;
	margin-bottom: 4px;
}

.card-primary a.external-link .icon-right {
	margin-left: 5px;
}

.card-primary a.session-link {
	color: #ef6820;
	margin-bottom: 24px;
}

.card-primary a .link-icon {
	margin-left: 12px;
}

.card-primary a.button-primary {
	color: #fff;
}

.card-primary.style-2 .card-text {
	margin-bottom: 28px;
}

.card-primary.style-2 .card-title {
	margin-bottom: 4px;
}

/* Pagination */
.pagination ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.pagination ul li {
	display: inline-block;
}

.pagination ul li a {
	font-weight: 500;
	color: #293056;
	text-decoration: none;
	width: 40px;
	height: 40px;
	display: inline-block;
	border-radius: 50%;
	text-align: center;
	line-height: 40px;
	transition: 0.3s;
}

.pagination ul li a:hover {
	background: #ffe6d5;
	color: #ef6820;
}

.pagination ul li.active a {
	background: #ffe6d5;
	color: #ef6820;
}

.pagination ul li.active a:hover {
	cursor: default;
}

.pagination ul li.inactive a:hover {
	background: none;
	color: #293056;
	cursor: default;
}

.pagination .navigation {
	border: none;
	font-weight: 500;
	font-size: 14px;
	color: #ef6820;
	text-decoration: none;
}

.pagination .nav-left img {
	margin-right: 5px;
}

.pagination .nav-right img {
	margin-left: 5px;
}

/* Page Title */
.page-title {
	padding: 24px 0;
}

.page-title h3 {
	color: #101828;
	font-weight: 500;
	margin-bottom: 4px;
}

.page-title p {
	font-size: 16px;
	margin-bottom: 0;
}

.page-title .input-group {
	min-height: 44px;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
}

.page-title .input-group .input-group-text {
	background-color: transparent;
	border-radius: 8px;
}

.page-title .input-group .form-control {
	border-left: none;
	border-radius: 8px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

.page-title-2 {
	padding: 40px 0 32px;
}

.page-title-2 h3 {
	color: #101828;
	margin-bottom: 4px;
}

.page-title-2 p {
	margin-bottom: 0;
}

/* Filter Box */
.filter-box-wrapper {
	background: rgba(254, 246, 238, 0.65);
	border-radius: 8px;
	padding: 32px;
	margin-bottom: 32px;
}
.filter-title {
	margin-bottom: 24px;
}
.filter-title h2 {
	font-weight: 500;
	margin-bottom: 4px;
}
.filter-title p {
	font-size: 16px;
	margin-bottom: 0;
}
.filter-title .input-group {
	min-height: 44px;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
}
.filter-title .input-group .input-group-text {
	border-radius: 8px;
	background: #fff;
}
.filter-title .input-group .form-control {
	border-left: none;
	border-radius: 8px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}
.filter-box .filter-header {
	margin-bottom: 32px;
}

.filter-box .filter-header .btn {
	font-weight: 600;
	color: #1d2939;
	border: 1px solid #d0d5dd;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 8px;
	padding: 9px 16px;
}

.filter-box .filter-header .btn img {
	margin-right: 10px;
}

.filter-box .filter-header a {
	font-size: 16px;
	text-decoration: none;
	font-weight: 500;
	color: #344054;
}

.filter-box .filter-body {
	padding: 24px;
	border: 1px solid #eaecf0;
	border-radius: 8px;
}

.filter-box .filter-body .filter-item {
	padding-bottom: 24px;
	border-bottom: 1px solid #eaecf0;
	margin-bottom: 30px;
}

.filter-box .filter-body .filter-item:last-of-type {
	padding-bottom: 0;
	border-bottom: none;
}

.filter-box .filter-body .filter-item .form-check {
	margin-bottom: 10px;
}

.filter-box .filter-body .filter-item label {
	font-weight: 500;
	color: #344054;
}

.filter-box .filter-body .filter-item .item-header {
	margin-bottom: 15px;
	cursor: pointer;
}

.filter-box .filter-body .filter-item .item-header h5 {
	font-size: 16px;
	font-weight: 500;
}

.filter-box .filter-body .filter-item .item-header .icon {
	transition: 0.3s;
}

.filter-box .filter-body .filter-item .item-header.active .icon {
	transform: rotate(180deg);
}

.filter-box .filter-body .filter-item .input-group {
	margin-bottom: 36px;
}

.filter-box .filter-body .filter-item .input-group .input-group-text {
	background-color: transparent;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

.filter-box .filter-body .filter-item .input-group .form-control {
	border-left: none;
	border-radius: 8px;
	font-size: 14px;
	min-height: 40px;
}

.filter-box .filter-body .filter-item .form-check-label span {
	font-weight: 400;
	margin-left: 8px;
}

.filter-box .filter-body .filter-item .input-box {
	position: relative;
	padding-bottom: 30px;
	height: 155px;
	overflow: hidden;
	transition: 0.3s;
}

.filter-box .filter-body .filter-item .input-box.height-auto {
	height: auto;
}

.filter-box .filter-body .filter-item .see-more-link {
	font-weight: 600;
	color: #1570ef;
	text-decoration: none;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #fff;
	height: 40px;
	width: 100%;
	padding: 10px 0;
}

.filter-box .filter-body .filter-item .see-more-link .icon-right {
	transition: 0.3s;
}

.filter-box
	.filter-body
	.filter-item
	.input-box.height-auto
	.see-more-link
	.icon-right {
	transform: rotate(180deg);
}

.filter-box-2 {
	padding: 0 0 24px;
}

.filter-box-2 .filter-item {
	width: 20%;
	padding: 0 4px;
	text-align: center;
}

.filter-box-2 .filter-item select {
	border: 2px solid #ef6820;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 20px;
	font-weight: 600;
	color: #ef6820;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23EF6820' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	cursor: pointer;
	min-height: 44px;
}

.filter-box-2 .reset-link {
	font-size: 16px;
	text-decoration: none;
	font-weight: 600;
	color: #ef6820;
	margin-left: 28px;
}

.filter-result .btn {
	background: #ffe8d0;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 20px;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #ef6820;
	padding: 9px 22px;
	margin-right: 10px;
}

.filter-result .btn .icon-right {
	margin-left: 15px;
	margin-top: -8px;
}

/* login Area */
.login-area {
	min-height: 100vh;
}

.login-area .login-left {
	width: 50%;
	padding: 32px 15px 32px 32px;
	color: #6493c9;
	background: url(../img/login/bg.png);
	background-size: cover;
	background-position: top center;
	position: relative;
}

.login-area .login-left .logo {
	margin-bottom: 80px;
}

.login-area .login-left h1 {
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	font-size: 32px;
	line-height: 44px;
	color: #0a7192;
}

.login-area .login-left h1 span {
	font-size: 48px;
}

.login-area .login-left .lead {
	font-size: 20px;
	font-weight: 400;
}

.login-area .login-left .content-box {
	position: absolute;
	left: 51px;
	bottom: 29px;
	right: 27px;
}

.login-area .login-left .content-box img.arrow {
	margin-left: 25%;
	margin-bottom: 5%;
}

.login-area .login-left .copywrite-text {
	color: #667085;
	text-align: right;
	margin: 170px 0 0;
}

.login-area .login-left .avatar {
	position: absolute;
	top: 73px;
	right: 0;
	margin-right: -48px;
}

.login-area .login-right {
	width: 50%;
	background: #fff;
	padding: 50px 15px 50px 50px;
}

.login-area .create-account-form {
	max-width: 462px;
	width: 100%;
}

.login-area .login-form {
	max-width: 462px;
	width: 100%;
}

.login-area .form-box .text-small {
	margin-bottom: 12px;
}

.login-area .form-box h2 {
	margin-bottom: 12px;
}

.login-area .form-box p.p-top {
	margin-bottom: 32px;
}

.login-area .form-box .button-secondary-outline {
	margin-bottom: 32px;
}

.login-area .form-box p.p-bottom {
	color: #344054;
	margin-bottom: 24px;
}

.login-area .form-box p.p-bottom a {
	font-weight: 600;
}

.login-area .form-box a {
	font-weight: 500;
	color: #ef6820;
	text-decoration: none;
}

.login-area .form-box .button-primary {
	margin-bottom: 50px;
}

.login-area .form-box .text-border-bg {
	margin-bottom: 24px;
}

.login-area .form-box .text-md {
	margin-bottom: 72px;
}

/* Login Options */
.login-options {
	padding-bottom: 100px;
}

.login-options .top-bar {
	padding: 15px 32px;
	margin-bottom: 28px;
	border-bottom: 1px solid #eaecf0;
}

.login-options .top-bar a {
	font-weight: 500;
	text-decoration: none;
	color: #293056;
}

.login-options .top-bar a img {
	margin-right: 5px;
}

.login-options .form-box {
	max-width: 360px;
	width: 100%;
	margin: 0 auto;
}

.login-options .form-box .top-icon {
	margin: 0 auto 24px;
	display: block;
}

.login-options .form-box h2 {
	margin-bottom: 12px;
	text-align: center;
}

.login-options .form-box p.p-top {
	font-size: 16px;
	text-align: center;
	margin-bottom: 32px;
}

.login-options .form-box p.p-top span {
	font-weight: 500;
}

.login-options .form-box .button-primary {
	margin-bottom: 32px;
}

.login-options .form-box p.p-bottom {
	text-align: center;
	margin-bottom: 32px;
}

.login-options .form-box p.p-bottom a {
	color: #344054;
	font-weight: 500;
	text-decoration: none;
}

.login-options .form-box .back-login {
	text-align: center;
	display: block;
	text-decoration: none;
	color: #ef6820;
	font-weight: 500;
}

.login-options .form-box a .link-icon {
	margin-right: 5px;
}

/* Header Area */
header {
	border-bottom: 1px solid #d0d5dd;
}

header.home {
	padding: 14px 0;
	border-bottom: none;
}

header .container-fluid {
	padding-left: 30px;
	padding-right: 30px;
}
header .logo > a {
	display: inline-block;
}

header .browse-dropdown {
	margin-right: 30px;
}

header .browse-dropdown .form-select {
	border: none;
}

header .username {
	margin-right: auto;
}

header .username .form-control:first-of-type {
	width: 125px;
}

header .username .form-control:last-of-type {
	width: 215px;
}

header .username .form-control {
	border-radius: 8px;
}

header .username .form-control:focus {
	box-shadow: none;
}

header .username .form-control::-webkit-input-placeholder {
	/* Edge */
	color: #293056;
	opacity: 1;
	font-weight: 500;
}

header .username .form-control:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #293056;
	opacity: 1;
	font-weight: 500;
}

header .username .form-control::placeholder {
	color: #293056;
	opacity: 1;
	font-weight: 500;
}

header .menu {
	margin-right: 44px;
}

header .menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

header .menu ul li {
	display: inline-block;
	margin-right: 12px;
}

header .menu ul li:last-child {
	margin-right: 0;
}

header .menu ul li a {
	color: #293056;
	font-size: 16px;
	text-decoration: none;
	padding: 8px 13px;
	display: block;
	font-weight: 500;
}

header .menu ul li.active a {
	background: #eff8ff;
	border-radius: 6px;
	color: #1570ef;
}

header .menu-home {
	margin-left: auto;
	margin-right: 50px;
}

header .menu-home ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

header .menu-home ul li {
	display: inline-block;
	margin-right: 70px;
}

header .menu-home ul li:last-child {
	margin-right: 0;
}

header .menu-home ul li a {
	font-weight: 500;
	font-size: 16px;
	color: #667085;
	text-decoration: none;
}

header .menu-home ul li.active a {
	font-weight: 600;
	color: #1d2939;
}

header .button-primary-outline {
	padding: 9px 56px;
}

header .cart {
	margin-right: 27px;
}

header .cart .number {
	font-weight: 600;
	font-size: 12px;
	color: #ffffff;
	background: #1570ef;
	border-radius: 16px;
	display: inline-block;
	padding: 3px 8px;
	height: 22px;
	margin-top: -10px;
}

header .my-account {
	margin-right: 32px;
}

header .my-account .avatar {
	width: 34px;
	height: 34px;
	margin-right: 16px;
	border: 1px solid #eaecf5;
	border-radius: 100px;
	position: relative;
	display: flex;
	justify-content: center;
	background: #fff;
	align-items: center;
}

header .my-account .avatar .status {
	width: 8px;
	height: 8px;
	background: #039855;
	border: 1.5px solid #ffffff;
	border-radius: 1000px;
	position: absolute;
	bottom: 0;
	right: 0;
}

header .my-account .dropdown-toggle {
	background: #ffffff;
	border: 1px solid #b3b8db;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 8px;
	font-weight: 500;
	font-size: 14px;
	color: #344054;
	padding: 9px 19px;
}

header .my-account .dropdown-toggle:after {
	display: initial;
	margin-left: initial;
	vertical-align: initial;
	border-top: initial;
	border-right: initial;
	border-bottom: initial;
	border-left: initial;
	content: url(../img/icons/arrow-down.svg);
	margin-left: 5px;
}

header .my-account .dropdown-item {
	font-weight: 500;
	font-size: 14px;
	color: #344054;
}

header .membership {
	padding: 16px 24px;
	background: rgba(244, 246, 255, 0.7);
	width: 100%;
	max-width: 195px;
}

header .membership a {
	text-decoration: none;
}

header .membership .icon-box {
	width: 28px;
	text-align: center;
	margin-right: 4px;
}

header .membership .text-box {
	width: 115px;
}

header .membership .text-box span {
	font-weight: 500;
	font-size: 12px;
	line-height: 20px;
	color: rgba(41, 55, 86, 0.45);
}

header .membership .text-box p {
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #293056;
	margin-bottom: 0;
}

/* Welcome Section */
.welcome-section {
	margin-bottom: 40px;
}

.welcome-section .welcome-box {
	width: 880px;
	margin-right: 24px;
}

.welcome-section .funfacts-area {
	width: calc(100% - 904px);
}

.welcome-section .funfacts-area .widget-primary {
	margin-bottom: 24px;
}

.welcome-section .funfacts-area .widget-primary:last-of-type {
	margin-bottom: 0;
}

/* CTA Section */
.cta-section {
	margin-bottom: 32px;
}

/* Recommended Section */
.recommended-section {
	margin-bottom: 41px;
}

/* Live Classes Section */
.live-classes-section {
	margin-bottom: 41px;
}

/* May Interested Section */
.may-interested-section {
	margin-bottom: 41px;
}

.may-interested-section a {
	text-decoration: none;
}

.may-interested-section .interested-item {
	border: 1px solid #d0d5dd;
	border-radius: 8px;
	min-height: 76px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	color: #101828;
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	padding: 5px;
}

.may-interested-section .item-wrpr a:first-of-type .interested-item {
	margin-bottom: 24px;
}

/* Courses Section */
.courses-section {
	padding-bottom: 118px;
}

.courses-section .filter-box {
	width: 331px;
	margin-right: 66px;
}

.courses-section .main-contents {
	width: calc(100% - 397px);
}

.course-item {
	padding-bottom: 24px;
	margin-bottom: 24px;
	border-bottom: 1px solid #eaecf0;
	position: relative;
}

.course-item .image-box {
	width: 228px;
	margin-right: 24px;
}

.course-item .image-box img {
	border-radius: 8px;
}

.course-item .content-box {
	max-width: 650px;
}

.course-item .content-box p.p-top {
	font-weight: 600;
	margin-bottom: 12px;
	color: #98a2b3;
}

.course-item .content-box h5 {
	font-weight: 600;
	margin-bottom: 4px;
}

.course-item .content-box p.name {
	margin-bottom: 17px;
	font-size: 16px;
}

.course-item .content-box .stars {
	margin-bottom: 23px;
}

.course-item .content-box p.p-bottom {
	margin-bottom: 12px;
	font-size: 16px;
}

.course-item .price-box {
	margin-left: auto;
	text-align: right;
}

.course-item .dots {
	position: absolute;
	top: 32px;
	right: 0;
	cursor: pointer;
	padding: 2px;
}

.course-item .price-box .amount {
	color: #101828;
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 12px;
}

.course-item .price-box a {
	font-weight: 500;
	font-size: 16px;
	color: #1d2939;
	text-decoration: none;
}

.course-item .price-box a.upgrade-link {
	color: rgba(16, 24, 40, 0.6);
	font-weight: 600;
	font-size: 14px;
	margin-bottom: 12px;
	display: block;
}

.course-item .price-box a.details-link {
	color: #ef6820;
}

.course-item .price-box a.details-link .icon-right {
	margin-left: 5px;
}

.course-item .price-box a .link-icon {
	margin-left: 10px;
}

.course-item .skills-gap {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: 500;
}

.course-item .skills-gap li {
	margin-right: 24px;
	position: relative;
}

.course-item .skills-gap li:after {
	content: "";
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #c4c4c4;
	position: absolute;
	top: 50%;
	margin-top: -2px;
	left: 100%;
	margin-left: 10px;
}

.course-item .skills-gap li:last-child:after {
	display: none;
}

.course-item .skills-gap li:last-child {
	margin-right: 0;
}

.course-item .skills-gap li img {
	max-width: 16px;
	margin-right: 14px;
}

.course-item .image-box {
	width: 228px;
	margin-right: 56px;
}

.skills-gap-section .course-item .image-box img {
	border-radius: 8px;
}

.course-item .skills-gap li img {
	max-width: 16px;
	margin-right: 4px;
}

.course-item.style-2 .image-box {
	width: 313px;
	margin-right: 50px;
}

.course-item.style-2 .content-box {
	width: 100%;
	max-width: 368px;
	font-weight: 500;
	font-size: 14px;
	color: #98a2b3;
}

.course-item.style-2 .content-box .p-top {
	margin-bottom: 8px;
}

.course-item.style-2 .content-box .name {
	font-size: 14px;
	margin-bottom: 19px;
}

.course-item.style-2 .content-box .text-2 .user-icon {
	width: 22px;
	margin-right: 10px;
}

.course-item.style-2 .content-box .progress-box {
	font-size: 12px;
}

.course-item.style-2 .content-box .progress {
	height: 4px;
}

.course-item.style-2 .price-box a.button-primary {
	color: #fff;
	max-width: 171px;
	margin-top: 70px;
	margin-bottom: 34px;
}

.single-trainer {
	padding-bottom: 24px;
	margin-bottom: 36px;
	border-bottom: 1px solid #eaecf0;
	position: relative;
}

.single-trainer .image-box {
	width: 256px;
	margin-right: 24px;
}

.single-trainer .content-box {
	width: calc(100% - 480px);
	margin-right: 24px;
}

.single-trainer .content-box h4 {
	font-weight: 500;
	margin-bottom: 4px;
	line-height: 30px;
}

.single-trainer .content-box .p-top {
	color: #667085;
	font-size: 16px;
	margin-bottom: 15px;
}

.single-trainer .content-box .p-trainer {
	font-weight: 600;
	line-height: 20px;
	color: #98a2b3;
	margin-bottom: 12px;
}

.single-trainer .content-box .p-bottom {
	font-size: 16px;
	margin-bottom: 12px;
}

.single-trainer .link-box {
	width: 176px;
	margin-left: auto;
	text-align: right;
}

.single-trainer .link-box a {
	font-weight: 600;
	font-size: 16px;
	color: #101828;
	text-decoration: none;
	display: block;
}

.single-trainer .link-box a.profile-link {
	font-weight: 500;
	color: #ef6820;
	margin-bottom: 12px;
}

.single-trainer .link-box a .icon-right {
	margin-left: 5px;
}

/* Main Content */
.contents-header .sort-box label {
	color: #000000;
	font-weight: 500;
	font-size: 16px;
	margin-right: 12px;
}

.contents-header .header-top {
	margin-bottom: 36px;
}

.contents-header .header-bottom {
	margin-bottom: 32px;
	min-height: 44px;
}

.contents-header h3 {
	color: #101828;
}

.contents-header h4 {
	font-weight: 500;
}

.contents-header h4 span {
	color: #18acff;
}

.contents-header .sort-box .form-select {
	width: 161px;
	border: 1px solid #b3b8db;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 8px;
}

.contents-header .results {
	font-weight: 500;
	font-size: 16px;
	margin-left: auto;
}

/* Single Course Section */
.single-course-section .banner-top {
	background: #fef6ee;
	padding: 31px 0;
	color: #98a2b3;
}

.single-course-section .banner-top .left-area {
	width: 588px;
	margin-right: 16px;
}

.single-course-section .banner-top .right-area {
	width: calc(100% - 604px);
}

.single-course-section .banner-top .badge {
	color: #c01048;
	font-weight: 500;
	font-size: 12px;
	background: #fee8e3;
}

.single-course-section .banner-top .topic {
	display: block;
	font-weight: 600;
	opacity: 0.9;
	margin: 32px 0 8px;
}

.single-course-section .banner-top h3 {
	color: #101828;
	font-weight: 500;
	font-size: 18px;
}

.single-course-section .banner-top .text-1 {
	font-weight: 400;
	font-size: 14px;
	color: #667085;
	margin-bottom: 32px;
}

.single-course-section .banner-top .text-2 {
	color: #000;
	margin-bottom: 30px;
	font-size: 16px;
}

.single-course-section .banner-top .text-2 span {
	color: #c4c4c4;
}

.single-course-section .banner-top .text-2 .user-icon {
	margin-right: 10px;
	vertical-align: sub;
}

.single-course-section .banner-top .text-2 .divider {
	margin: 0 24px;
}

.single-course-section .banner-top .text-2 .fa-star {
	margin-right: 8px;
	color: #f9dbaf;
}

.single-course-section .banner-top .text-2 .fa-star.checked {
	color: #fdb022;
}

.single-course-section .banner-top .share-link {
	font-weight: 500;
	color: #ef6820;
	text-decoration: none;
}

.single-course-section .banner-top .share-link:hover {
	color: #ef6820;
	text-decoration: underline;
}

.single-course-section .banner-top .share-link .share-icon {
	margin-right: 8px;
}

.single-course-section .contents-area {
	font-size: 16px;
	margin-bottom: 65px;
	padding-top: 24px;
	max-width: 629px;
	width: 100%;
}

.single-course-section .contents-area ol {
	padding-left: 20px;
}

.single-course-section .contents-area ol li {
	margin-bottom: 15px;
}

.single-course-section .contents-area ol li:last-child {
	margin-bottom: 0;
}

.single-course-section .course-content-area {
	margin-bottom: 65px;
}

.single-course-section .course-content-area h4 {
	margin-bottom: 20px;
}

.single-course-section .course-content-area .top-area {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 10px;
}

.single-course-section .course-content-area .top-area .circle {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #c4c4c4;
	margin: 0 10px;
	display: inline-block;
	display: inline-block;
	vertical-align: middle;
}

.single-course-section .course-content-area .top-area a {
	color: #667085;
	text-decoration: none;
}

.single-course-section .course-content-area .accordion-button {
	font-weight: 600;
	font-size: 18px;
}

.single-course-section .course-content-area .accordion-button:not(.collapsed) {
	color: #344054;
}

.single-course-section .course-content-area .accordion-button span {
	font-weight: 400;
	font-size: 14px;
	color: #667085;
	margin-left: 10px;
}

.single-course-section
	.course-content-area
	.sub-accordion
	.accordion-button:not(.collapsed) {
	background-color: #fff;
	box-shadow: none;
}

.single-course-section .course-content-area .sub-accordion .accordion-button {
	font-weight: 400;
	font-size: 16px;
}

.single-course-section
	.course-content-area
	.sub-accordion
	.accordion-button::after {
	background-image: url("../img/icons/arrow-down-circle.svg");
	width: 36px;
	height: 36px;
	background-size: cover;
	margin-right: -9px;
}

.single-course-section .course-content-area .sub-accordion .accordion-body {
	border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.single-course-section .course-content-area .sub-accordion .accordion-body p {
	padding-left: 25px;
}

.single-course-section .course-content-area .accordion-item {
	border: 1px solid #d1e0ff;
	border-radius: 0;
}

.single-course-section .course-content-area .sub-accordion .accordion-item {
	border: none;
}

.single-course-section
	.course-content-area
	.sub-accordion
	.accordion-item:first-of-type {
	border-top: 1px solid #d1e0ff;
}

.single-course-section .course-list h4 {
	font-weight: 500;
	margin-bottom: 29px;
}

.single-course-section .price-area {
	padding: 50px 32px 86px;
	border-radius: 8px;
	border: 1px solid #d0d5dd4f;
	border-top: 8px solid #ef6820;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1),
		0px 1px 2px rgba(16, 24, 40, 0.06);
}

.single-course-section .price-area .amount {
	font-weight: 600;
	font-size: 36px;
	color: #101828;
	margin-bottom: 16px;
	line-height: 1em;
	text-align: center;
}

.single-course-section .price-area .text-1 {
	color: #667085;
	font-size: 16px;
	margin-bottom: 16px;
}

.single-course-section .price-area .button-primary {
	margin-bottom: 44px;
}

.single-course-section .price-area .button-secondary {
	margin-bottom: 44px;
}

.single-course-section .price-area p b {
	color: #000000;
	font-weight: 600;
	font-size: 16px;
}

.single-course-section .price-area ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 16px;
}

.single-course-section .price-area ul li {
	margin-bottom: 16px;
}

.single-course-section .price-area ul li:last-child {
	margin-bottom: 0;
}

.single-course-section .price-area ul li img {
	width: 24px;
	margin-right: 12px;
}

.single-course-section .learning-path-area {
	margin-bottom: 65px;
	font-size: 16px;
}

.single-course-section .learning-path-area .learning-path-items {
	margin-top: 30px;
}

.single-course-section .learning-path-items .learning-path {
	padding: 6px 0 50px 45px;
	position: relative;
}

.single-course-section .learning-path-items .learning-path:after {
	content: url(../img/icons/circle-blue.png);
	position: absolute;
	top: 0;
	left: 0;
}

.single-course-section .learning-path-items .learning-path:before {
	content: "";
	width: 2px;
	height: calc(100% - 38px);
	background: #175cd3;
	position: absolute;
	top: 34px;
	left: 15px;
	border-radius: 2px;
}

.single-course-section .learning-path-items .learning-path:last-of-type:before {
	display: none;
}

.single-course-section .learning-path-items .learning-path h5 {
	font-weight: 500;
	font-size: 16px;
	color: #344054;
	margin-bottom: 2px;
}

.single-course-section .learning-path-items .learning-path p {
	margin-bottom: 12px;
}

.single-course-section .learning-path-items .learning-path a {
	color: #667085;
	text-decoration: none;
}

.single-course-section .learning-path-items .learning-path a img {
	margin-left: 10px;
}

.single-course-section .discussion-tab {
	padding-bottom: 66px;
	border-bottom: 1px solid #eaecf0;
	margin-bottom: 22px;
}

.single-course-section .discussion-tab hr {
	margin: 32px 0;
}

.single-course-section .discussion-tab .start-conv {
	margin-bottom: 40px;
}

.single-course-section .discussion-tab .avatar {
	width: 35px;
	margin-right: 12px;
	height: 35px;
	border: 1px solid #eaecf5;
	border-radius: 100px;
	position: relative;
	display: flex;
	justify-content: center;
	background: #fff;
	align-items: center;
}

.single-course-section .discussion-tab .avatar img {
	max-width: 80%;
}

.single-course-section .discussion-tab .avatar .status {
	width: 9px;
	height: 9px;
	background: #039855;
	border: 1.5px solid #ffffff;
	border-radius: 1000px;
	position: absolute;
	bottom: 0;
	right: 0;
}

.single-course-section .discussion-tab .comment {
	width: calc(100% - 47px);
	padding-top: 5px;
}

.single-course-section .discussion-tab .comment h4 {
	font-weight: 500;
	font-size: 14px;
	color: #344054;
	margin-bottom: 12px;
}

.single-course-section .discussion-tab .comment h4 span {
	font-weight: 400;
	font-size: 12px;
	color: #667085;
	margin-left: 5px;
}

.single-course-section .discussion-tab .comment p {
	margin-bottom: 13px;
}

.single-course-section .discussion-tab .start-conv .comment textarea {
	border: 1px solid #d0d5dd;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 8px;
	color: #667085;
	resize: none;
}

.single-course-section .discussion-tab .start-conv .comment textarea:focus {
	border: 1px solid #999;
}

.single-course-section .discussion-tab .comment .text-editor {
	margin: 20px 0 20px 10px;
	padding: 0;
	list-style: none;
}

.single-course-section .discussion-tab .comment .text-editor li {
	display: inline-block;
	margin-right: 15px;
}

.single-course-section .discussion-tab .comment .text-editor li:last-child {
	margin-right: 0;
}

.single-course-section .discussion-tab .comment .button-primary {
	min-width: 152px;
	margin-bottom: 4px;
}

.single-course-section .discussion-tab .reply-box {
	background: #f8f9fc;
	padding: 10px 16px 8px;
	margin-bottom: 2px;
}

.single-course-section .discussion-tab .reply-box input {
	width: 100%;
	color: #667085;
	border: 1px solid #d0d5dd;
	min-height: 36px;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 8px;
	font-size: 12px;
}

.single-course-section .discussion-tab .reply-box .reply-editor-box {
	display: none;
}

.single-course-section
	.discussion-tab
	.reply-box
	.reply-editor-box
	.button-primary {
	min-width: 120px;
	padding: 8px 26px;
}

.single-course-section .discussion-tab .reply-box input:focus {
	border: 1px solid #999;
}

.single-course-section .discussion-tab .comment .reply-box p {
	margin-bottom: 8px;
}

.single-course-section .discussion-tab .comment .comments-number img {
	margin-right: 3px;
}

.single-course-section .pagination {
	padding-bottom: 100px;
}

.author-area {
	font-size: 16px;
	padding: 0 0 100px;
}

.author-area > h4 {
	margin-bottom: 24px;
}

.author-area .author-top .image-box {
	width: 94px;
	margin-right: 24px;
}

.author-area .author-top {
	margin-bottom: 24px;
}

.author-area .author-top h4 {
	margin-bottom: 4px;
}

.author-area .author-top p {
	margin-bottom: 0;
}

.author-area .author-top .text-box {
	width: calc(100% - 118px);
}

.author-area .contents-box p {
	margin-bottom: 24px;
}

.author-area .contents-box a {
	color: #ef6820;
	font-weight: 500;
	text-decoration: none;
}

.author-area .contents-box a img {
	margin-left: 5px;
}
.dropdown .dropdown-menu {
	min-width: 100%;
}

/* Tab Area */
.tab-area .tab-buttons {
	border-bottom: 2px solid #eaecf0;
}

.tab-area .tab-buttons a {
	font-weight: 500;
	font-size: 16px;
	color: #667085;
	text-decoration: none;
	margin-right: 60px;
	padding: 0 2px 20px;
	display: block;
	margin-bottom: -1px;
}

.tab-area .tab-buttons a.active {
	color: #1d2939;
	border-bottom: 2px solid #1570ef;
}

.tab-area .tab-buttons a:last-child {
	margin-right: 0;
}

.tab-area .tab-buttons a .number {
	font-weight: 500;
	font-size: 14px;
	color: #344054;
	background: #f2f4f7;
	border-radius: 16px;
	margin-left: 3px;
	display: inline-block;
	width: 30px;
	height: 24px;
	padding: 0;
	text-align: center;
	line-height: 25px;
}

.tab-area .tab-buttons a.active .number {
	background: #eff8ff;
}

.tab-area .tabs-box {
	background: #f9fafb;
	padding: 32px 0 50px;
}

.tab-area .tab-contents {
	background: #ffffff;
	box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1),
		0px 1px 2px rgba(16, 24, 40, 0.06);
	border-radius: 8px;
	padding: 35px 32px 50px;
}

.tab-area .tabs-box .alert {
	margin-bottom: 32px;
	border: 1px solid #f2f4f7;
	box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08),
		0px 4px 6px -2px rgba(16, 24, 40, 0.03);
	border-radius: 8px;
}

.tab-area .tabs-box .alert .icon-left {
	margin-right: 17px;
}

.tab-area .tabs-box .alert p {
	margin-bottom: 0;
}

.tab-area .tabs-box .alert strong {
	display: block;
	color: #101828;
}

.tab-area .tabs-box .alert-info {
	background-color: #eff8ff;
	border-color: #eff8ff;
	color: #667085;
}

.tab-area .single-tab .top-bar {
	margin-bottom: 32px;
}

.tab-area .single-tab .top-bar .heading h4 {
	margin-bottom: 0;
	margin-right: 25px;
}

.tab-area .single-tab .top-bar .heading .btn {
	font-weight: 500;
	color: #344054;
	border: 1px solid #d0d5dd;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 8px;
	padding: 9px 16px;
}

.tab-area .single-tab .top-bar .heading .btn img {
	margin-right: 10px;
	vertical-align: baseline;
}

.tab-area .single-tab .top-bar .status {
	margin-left: auto;
	margin-right: 32px;
}

.tab-area .single-tab .top-bar .lable {
	font-weight: 500;
	font-size: 16px;
	color: #000000;
	margin-right: 12px;
}

.tab-area .single-tab .top-bar .form-check-label {
	color: #344054;
	font-weight: 500;
}

.tab-area .single-tab .top-bar .sort-by select {
	width: 150px;
}

.tab-area .card-primary {
	height: 100%;
}

.tab-area .button-box {
	box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1),
		0px 1px 2px rgba(16, 24, 40, 0.06);
	border-radius: 8px;
	padding: 40px 0 70px;
	margin-top: 32px;
	background-image: url(../img/card/bg.svg);
	background-size: cover;
	background-position: center;
}

.tab-area .button-box p {
	font-weight: 500;
	font-size: 18px;
	color: #101828;
	margin-bottom: 20px;
}

.tab-area .button-box .btn {
	padding: 9px 36px;
}

.tab-area .career-area .top-area {
	margin-bottom: 20px;
}

.tab-area .career-area .left-box {
	width: calc(100% - 175px);
}

.tab-area .career-area .left-box h4 a {
	color: #1570ef;
	font-size: 12px;
	font-weight: 400;
	margin-left: 5px;
}

.tab-area .career-area .left-box p {
	color: #667085;
	font-size: 16px;
}

.tab-area .career-area .left-box p.color-blue {
	color: #2dbae8;
	margin-bottom: 0;
}

.tab-area .career-area .right-box {
	text-align: center;
	width: 175px;
}

.tab-area .career-area .right-box p {
	font-weight: 600;
	font-size: 12px;
	color: #04303c;
	margin-bottom: 0;
}

.tab-area .career-area .right-box .points {
	font-weight: 700;
	font-size: 48px;
	color: #2dbae8;
	display: block;
}

.tab-area .career-area .right-box .my-points {
	width: 173px;
	background: #f2fafe;
	border-radius: 16px;
	display: block;
	font-weight: 500;
	font-size: 12px;
	color: #2dbae8;
	padding: 2px;
	text-align: center;
	min-height: 25px;
	line-height: 20px;
	margin: 0 auto;
}

/* Hero Section */
.hero-section {
	background: #f5faff;
}

.hero-section .content-box {
	padding: 64px 0 118px;
	z-index: 1;
	position: relative;
}

.hero-section .hero-image {
	max-width: initial;
	width: 125%;
	margin-left: -9%;
}

.hero-section h1 {
	margin-bottom: 24px;
	white-space: nowrap;
}

.hero-section .container {
	max-width: 1273px;
}

.hero-section p {
	font-size: 20px;
	max-width: 560px;
	width: 100%;
	margin-bottom: 12px;
}

.hero-section .link {
	font-weight: 500;
	font-size: 18px;
	color: #101828;
	text-decoration: none;
}

.hero-section .button-box {
	margin-top: 40px;
}

.hero-section .button-box .btn {
	padding: 17px 35px;
}

.hero-section .button-box .button-primary {
	margin-right: 32px;
}

.hero-section .button-box .button-secondary {
	background: #fff;
}

.hero-section .button-box .button-secondary img {
	width: 18px;
	margin-right: 15px;
}

/* Creator Section */
.creator-section {
	padding: 80px 0 50px;
}

.creator-section .container {
	max-width: 1273px;
}

.creator-section .top-bar {
	margin-bottom: 30px;
}

.creator-section .top-bar h2 {
	margin-bottom: 0;
}

.creator-section .top-bar .input-group {
	min-height: 44px;
	width: 357px;
	margin-left: auto;
	margin-right: 15px;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
}

.creator-section .top-bar .input-group .input-group-text {
	background-color: transparent;
	border-radius: 8px;
}

.creator-section .top-bar .input-group .form-control {
	border-left: none;
	border-radius: 8px;
}

.creator-section .top-bar .lable {
	font-weight: 500;
	font-size: 16px;
	color: #000000;
	margin-right: 12px;
}

.creator-section .top-bar .sort-by select {
	width: 150px;
}

.creator-section .tab-area .tab-buttons {
	margin-bottom: 30px;
}

.creator-section .tab-area .card-primary {
	margin-bottom: 30px;
}

.creator-section .tab-area .pagination {
	border-top: 1px solid #eaecf0;
	padding-top: 25px;
	margin-top: 10px;
}

/* Profile Progress */
.profile-progress .top-area .text-1 {
	font-weight: 600;
	font-size: 12px;
	color: rgba(102, 112, 133, 0.8);
	margin-bottom: 12px;
}

.profile-progress .top-area h3 {
	color: #101828;
	margin-bottom: 8px;
}

.profile-progress .top-area .text-2 {
	font-size: 16px;
	margin-bottom: 15px;
}

.profile-progress .progress-step-area {
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #d0d5dd;
}

.profile-progress .progress-step {
	width: 33.3333%;
	padding: 38px 15px 20px;
	position: relative;
}

.profile-progress .progress-step:before {
	content: "";
	width: 100%;
	height: 2px;
	background: #eaecf0;
	position: absolute;
	right: 50%;
	top: 12px;
}

.profile-progress .progress-step:first-of-type:before {
	display: none;
}

.profile-progress .progress-step.active:before,
.profile-progress .progress-step.complete:before {
	background: #1570ef;
}

.profile-progress .progress-step:after {
	content: url(../img/icons/step-circle.svg);
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}

.profile-progress .progress-step.active:after {
	content: url(../img/icons/step-circle-blue.svg);
}

.profile-progress .progress-step.complete:after {
	content: url(../img/icons/tick.svg);
}

.profile-progress .progress-step .text-1 {
	font-weight: 500;
	color: #344054;
	margin-bottom: 2px;
}

.profile-progress .progress-step.active {
	color: #1570ef;
}

.profile-progress .progress-step.active .text-1 {
	color: #175cd3;
}

.profile-progress .steps-area {
	padding: 56px 0;
}

.profile-progress .steps-area .text-1 {
	font-weight: 600;
	font-size: 16px;
	color: #1570ef;
	margin-bottom: 24px;
}

.profile-progress .steps-area h3 {
	color: #101828;
	margin-bottom: 24px;
}

.profile-progress .steps-area .text-2 {
	font-size: 16px;
	margin-bottom: 32px;
}

.profile-progress .steps-area .form-group {
	margin-bottom: 24px;
}

.profile-progress .steps-area label {
	font-weight: 500;
	color: #344054;
	margin-bottom: 6px;
}

.profile-progress .steps-area label span {
	color: #667085;
}

.profile-progress .steps-area select {
	border: 1px solid #d0d5dd;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 8px;
	padding: 9px 14px;
	color: #667085;
}

.profile-progress .steps-area .form-control {
	border: 1px solid #d0d5dd;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 8px;
	min-height: 44px;
}

.profile-progress .steps-area .radio-box .form-check {
	width: 50%;
	margin-right: 0;
}

.profile-progress .steps-area .radio-box label {
	font-weight: 500;
	font-size: 16px;
}

.profile-progress .steps-area .radio-box input[type="text"] {
	border: none;
	border-bottom: 1px solid #eaecf0;
	margin-left: 10px;
	font-size: 16px;
	max-width: 150px;
	width: 100%;
}

.profile-progress .steps-area .button-box {
	margin-top: 48px;
}

.profile-progress .steps-area .button-box .btn {
	min-width: 194px;
	border-radius: 8px;
}

.profile-progress .steps-area .button-box .button-secondary {
	margin-right: 6px;
}

.steps-area .step:not(:first-child) {
	display: none;
}

.steps-area .career-track {
	margin-left: -10px;
	margin-right: -10px;
}

.steps-area .career-track .career-track-item {
	width: 50%;
	padding: 10px;
}

.steps-area .career-track .career-track-item .item-inner {
	box-shadow: 0px 2px 48px -12px rgba(16, 24, 40, 0.18);
	border-radius: 8px;
	min-height: 128px;
	background: #fff;
	padding: 25px;
	border: 3px solid transparent;
}

.steps-area .career-track .career-track-item .item-inner p {
	font-weight: 500;
	font-size: 18px;
	color: #667085;
	margin-bottom: 0;
	margin-left: 15px;
}

.steps-area .career-track input[type="radio"] {
	display: none;
}

.steps-area
	.career-track
	input[type="radio"]:checked
	+ .career-track-item
	.item-inner {
	border: 3px solid blue;
}

.career-item {
	border: 1px solid #d0d5dd;
	border-radius: 16px;
	padding: 32px 24px;
	text-align: center;
	background-image: url(../img/icons/lock.svg);
	background-repeat: no-repeat;
	background-position: center 32px;
	margin-bottom: 30px;
}

.career-item h4 {
	font-weight: 700;
	font-size: 16px;
	color: rgba(0, 0, 0, 0.32);
	margin: 40px auto 80px;
}

.career-item h4 span {
	color: #2dbae8;
}

.career-item h3 {
	font-weight: 700;
	font-size: 16px;
	color: #101828;
	margin-bottom: 24px;
}

.career-item p {
	font-weight: 500;
	font-size: 12px;
	margin-bottom: 8px;
	line-height: 2em;
}

.career-item .progress {
	height: 4px;
	margin-bottom: 24px;
}

.career-item .progress .progress-bar {
	background-color: #27ae60;
}

/* Footer Area */
footer .footer-top {
	background: #293056;
	padding: 64px 0 0;
	color: #eaecf0;
	font-size: 16px;
}

footer .footer-top .footer-item {
	margin-bottom: 48px;
}

footer .footer-top .footer-item .footer-logo {
	margin-bottom: 32px;
}

footer .footer-top .footer-item h4 {
	color: #98a2b3;
	font-size: 14px;
	margin-bottom: 16px;
}

footer .footer-top .footer-item ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

footer .footer-top .footer-item ul li {
	margin-bottom: 12px;
}

footer .footer-top .footer-item ul li:last-child {
	margin-bottom: 0;
}

footer .footer-top .footer-item ul li a {
	color: #eaecf0;
	text-decoration: none;
}

footer .footer-bottom {
	background: #111322;
	padding: 48px 0;
}

footer .footer-bottom p {
	font-size: 16px;
	color: #98a2b3;
	margin: 0;
}

footer .footer-bottom ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

footer .footer-bottom ul li {
	display: inline-block;
	margin-right: 24px;
}

footer .footer-bottom ul li:last-child {
	margin-right: 0;
}

/* Learner's Details Area */
.learner-details-area {
	background: #fcfcfd;
	padding: 40px 0 55px;
}

.learner-details-area .learner-item {
	background: #ffffff;
	border: 1px solid #eaecf0;
	box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1),
		0px 1px 2px rgba(16, 24, 40, 0.06);
	border-radius: 8px;
	max-width: 770px;
	width: 100%;
	margin: 0 auto;
	padding: 25px;
	margin-bottom: 24px;
}

.learner-details-area .learner-item .avatar {
	cursor: pointer;
	width: 57px;
	height: 57px;
	border-radius: 50%;
	border: 2px solid #ffd6ae;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 16px;
}

.learner-details-area .learner-item h5 {
	margin-bottom: 0;
}

.learner-details-area .learner-item .button-primary-outline {
	margin-right: 24px;
}

.learner-details-area .form-box {
	background: #ffffff;
	border: 1px solid #eaecf0;
	box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1),
		0px 1px 2px rgba(16, 24, 40, 0.06);
	border-radius: 8px;
	max-width: 770px;
	width: 100%;
	margin: 0 auto;
	padding: 32px 100px 120px;
	margin-bottom: 30px;
}

.learner-details-area .avatar-radio {
	margin-bottom: 32px;
}

.learner-details-area .button-box {
	max-width: 600px;
	width: 100%;
	margin: 0 auto;
}

.learner-details-area .button-box .link {
	color: #ef6820;
	font-weight: 500;
	font-size: 16px;
	text-decoration: none;
}

.learner-details-area .button-box .link img {
	margin-right: 5px;
}

.learner-details-area .button-box .button-primary {
	min-width: 175px;
}

/* Who's learning Area */
.who-is-learner-area {
	padding: 40px 0 70px;
	background-image: url(../img/bg/who-is-learning.png);
	background-position: center bottom;
	background-size: contain;
	background-repeat: no-repeat;
}

.who-is-learner-area .page-title h2 {
	font-size: 36px;
	font-weight: 500;
}

.who-is-learner-area .learner-item {
	background: #ffffff;
	border: 1px solid #d0d5dd;
	border-radius: 16px;
	width: 100%;
	max-width: 208px;
	text-align: center;
	padding: 32px 15px;
	margin: 0 24px;
}

.who-is-learner-area .learner-item .avatar {
	cursor: pointer;
	width: 94px;
	height: 94px;
	border-radius: 50%;
	border: 2px solid #ffd6ae;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 33px;
}

.who-is-learner-area .learner-item .avatar img {
	width: 70px;
	max-width: 70%;
}

.who-is-learner-area .learner-item p {
	font-weight: 700;
	font-size: 16px;
	color: #101828;
	margin-bottom: 0;
}

.who-is-learner-area .button-primary {
	margin-top: 48px;
}

/* Learner Hero Section */
.learner-hero-section {
	background-image: url(../img/bg/learner-2.svg);
	background-size: cover;
	background-position: center;
	padding: 10px 0 20px;
	margin-bottom: 50px;
}

.learner-hero-section .image-box {
	display: flex;
	justify-content: end;
	margin-right: 17px;
}

.learner-hero-section .content-box {
	width: 100%;
	max-width: 541px;
}

.learner-hero-section p {
	color: #293056;
	margin-bottom: 30px;
}

/* Slider Section */
.slider-section {
	padding: 32px 0 48px;
}

/* Recommended Trainers Section */
.recommended-trainers-section {
	padding: 32px 0 50px;
}

.recommended-trainers-section a {
	text-decoration: none;
}

/* Similar Courses Section */
.similar-courses-section-inner {
	background: #fef0e4;
	padding: 0 0 50px;
}

.similar-courses-section .bg-image {
	width: 100%;
}

.similar-courses-section .owl-carousel-primary .owl-dots .owl-dot {
	background: #ffd6ae;
}

.similar-courses-section .owl-carousel-primary .owl-dots .owl-dot.active {
	background: #ef6820;
}

/* Payment Area */
.payment-area .modal-dialog {
	max-width: 520px;
}
.payment-area .modal-content {
	box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08),
		0px 8px 8px -4px rgba(16, 24, 40, 0.03);
	background: #ffffff;
	border-radius: 12px;
}

.payment-area .payment-box {
	padding: 22px;
	border-radius: 12px;
}

.payment-area.add-to-cart .payment-box {
	padding: 54px 22px 49px;
}

.payment-area .btn-close {
	position: absolute;
	top: 10px;
	right: 10px;
}

.payment-area .payment-box .top-area {
	margin-bottom: 20px;
}

.payment-area .payment-box .top-area p {
	margin-bottom: 0;
}

.payment-area .payment-box .radio-box input {
	opacity: 0;
	position: absolute;
}

.payment-area .payment-box .radio-box label {
	border: 1px solid #eaecf0;
	border-radius: 8px;
	padding: 16px 40px 16px 16px;
	display: block;
	margin-bottom: 12px;
	position: relative;
	cursor: pointer;
}

.payment-area .payment-box .radio-box label p {
	font-size: 10px;
	margin-bottom: 0;
}

.payment-area .payment-box .radio-box label p a {
	font-size: 10px;
	margin-bottom: 0;
	color: #ef6820;
}

.payment-area .payment-box .radio-box label .circle {
	width: 16px;
	height: 16px;
	display: block;
	border: 1px solid #d0d5dd;
	border-radius: 10px;
	position: absolute;
	top: 16px;
	right: 16px;
}

.payment-area .payment-box .radio-box input[type="radio"]:checked + label {
	background: #fefaf5;
	border: 1px solid #ef6820;
}

.payment-area
	.payment-box
	.radio-box
	input[type="radio"]:checked
	+ label
	.circle {
	background: #ef6820 url(../img/icons/tick-2.svg);
	border: 1px solid #ef6820;
	background-position: center;
	background-repeat: no-repeat;
}

.payment-area .payment-box .form-check label {
	font-weight: 500;
	font-size: 16px;
	color: #344054;
}

.payment-area .payment-box .check-box label {
	font-weight: 500;
	font-size: 16px;
	color: #344054;
}

.payment-area .payment-box .form-check .form-check-input {
	width: 20px;
	height: 20px;
	border: 1px solid #d0d5dd;
	border-radius: 6px;
	margin-right: 10px;
	margin-top: 0;
}

.payment-area .payment-box .topup.space {
	margin-top: 29px;
	margin-bottom: 32px;
}

.payment-area .payment-box .form-control {
	border: 1px solid #d0d5dd;
	height: 44px;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 8px;
	color: #667085;
	cursor: pointer;
}

.payment-area .payment-box .topup .form-control {
	width: calc(100% - 68px);
}

.payment-area .payment-box .topup.space .form-control {
	width: 100%;
}

.payment-area .payment-box .topup .information {
	width: 68px;
	text-align: center;
}

.payment-area .payment-box .topup .information img {
	width: 17px;
	cursor: pointer;
}

.payment-area .payment-box .button-primary {
	margin-top: 32px;
	width: 100%;
	margin-bottom: 12px;
}

.payment-area.add-to-cart .payment-box .button-primary {
	margin-top: 12px;
}

.payment-area .payment-box .link {
	width: 100%;
	color: #ef6820;
}

.payment-area .payment-box .radio-box-2 {
	margin-bottom: 24px;
}

.payment-area .payment-box .radio-box-2 input {
	opacity: 0;
	position: absolute;
}

.payment-area .payment-box .radio-box-2 label {
	border: 1px solid #eaecf0;
	border-radius: 8px;
	padding: 16px 16px 16px 48px;
	display: block;
	margin-bottom: 24px;
	position: relative;
	cursor: pointer;
	font-size: 16px;
	font-weight: 500;
	color: #1d2939;
}

.payment-area .payment-box .radio-box-2 label p {
	font-size: 14px;
	color: #101828;
	margin-bottom: 0;
}

.payment-area .payment-box .radio-box-2 label p span {
	font-weight: 700;
	color: #667085;
}

.payment-area .payment-box .radio-box-2 label p img {
	margin-left: 5px;
}

.payment-area .payment-box .radio-box-2 label .card-image {
	position: absolute;
	top: 16px;
	right: 16px;
}

.payment-area .payment-box .radio-box-2 label .circle {
	width: 20px;
	height: 20px;
	display: block;
	border: 1px solid #d0d5dd;
	border-radius: 10px;
	position: absolute;
	top: 18px;
	left: 16px;
}

.payment-area .payment-box .radio-box-2 input[type="radio"]:checked + label {
	border: 1px solid #ef6820;
}

.payment-area
	.payment-box
	.radio-box-2
	input[type="radio"]:checked
	+ label
	.circle {
	border: 1px solid #ef6820;
}

.payment-area
	.payment-box
	.radio-box-2
	input[type="radio"]:checked
	+ label
	.circle:after {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background: #ef6820;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -4px;
	margin-left: -4px;
}

.payment-area .payment-box .card-box {
	border: 1px solid #d0d5dd;
	border-radius: 8px;
	padding: 24px 24px 32px;
}

.payment-area .card-box .input-box {
	margin-bottom: 16px;
}

.payment-area .card-box label {
	font-weight: 500;
	color: #344054;
	margin-bottom: 6px;
}

.payment-area .card-box .form-control {
	border: 1px solid #d0d5dd;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 8px;
	min-height: 44px;
	color: #101828;
}

.payment-area .card-box .card-number {
	width: 229px;
	margin-right: 16px;
}

.payment-area .card-box .card-number input {
	background: url(../img/icons/marter-card.svg);
	background-position: 10px center;
	background-repeat: no-repeat;
	padding-left: 50px;
}

.payment-area .card-box .expiry {
	width: 105px;
	margin-right: 16px;
}

.payment-area .card-box .cvv {
	width: 56px;
}

.payment-area .card-box .form-control::-webkit-input-placeholder {
	/* Edge */
	color: #667085;
}

.payment-area .card-box .form-control:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #667085;
}

.payment-area .card-box .form-control::placeholder {
	color: #667085;
}

.payment-area .course-item .image-box {
	width: 110px;
	margin-right: 16px;
}

.payment-area .course-item .content-box {
	max-width: 240px;
}

.payment-area .course-item .content-box .p-top {
	font-size: 14px;
}

.payment-area .course-item .content-box h5 {
	font-size: 16px;
}

.payment-area .course-item .content-box .name {
	font-size: 14px;
	color: #98a2b3;
	font-weight: 500;
	margin-bottom: 4px;
}

.payment-area .course-item {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.payment-area.add-to-cart .course-item {
	margin-bottom: 34px;
}

.payment-area .course-item .content-box .stars {
	margin-bottom: 0;
}

.cart-modal .modal-dialog {
	max-width: 858px;
}

.cart-modal .modal-content {
	padding: 24px 24px 70px;
	box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08),
		0px 8px 8px -4px rgba(16, 24, 40, 0.03);
	border-radius: 12px;
}

.cart-modal .modal-header {
	padding: 20px 0 24px;
	margin-bottom: 33px;
}

.cart-modal .modal-header .btn-close {
	margin-right: 10px;
}

.cart-modal .icon-box {
	margin-right: 24px;
}

.cart-modal .image-box {
	margin-right: 24px;
}

.cart-modal .content-box {
	max-width: 238px;
	width: 100%;
	margin-right: 15px;
}

.cart-modal .content-box .p-top {
	font-weight: 600;
	color: #98a2b3;
	margin-bottom: 12px;
}

.cart-modal .content-box h5 {
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 4px;
}

.cart-modal .button-box {
	max-width: 260px;
	width: 100%;
	margin-left: auto;
}

.cart-modal .button-box a {
	width: 100%;
}

.cart-modal .button-box a.button-secondary-outline {
	padding: 9px 25px;
	margin-top: 20px;
}

/* Tutor Details Section */
.tutor-details-section .banner-top {
	background: #fef6ee;
	padding: 4px 0 66px;
	font-size: 16px;
}

.tutor-details-section .banner-top .left-area {
	width: 473px;
	margin-right: 30px;
}

.tutor-details-section .banner-top .right-area {
	width: 507px;
}

.tutor-details-section .banner-top h4 {
	font-weight: 500;
	margin-bottom: 9px;
	margin-top: 17px;
}

.tutor-details-section .banner-top p {
	margin-bottom: 32px;
}

.tutor-details-section .banner-top p a {
	font-weight: 600;
	color: #667085;
	text-decoration: none;
}

.tutor-details-section .banner-top .stars-box {
	color: #98a2b3;
	margin-bottom: 32px;
}

.tutor-details-section .banner-top .stars-box .fa-star.checked {
	color: #fdb022;
}

.tutor-details-section .banner-top .stars-box .fa-star {
	margin-right: 8px;
	color: #f9dbaf;
}

.tutor-details-section .banner-top .button-primary {
	width: 100%;
	max-width: 225px;
	margin-right: 34px;
}

.tutor-details-section .banner-top .share-link {
	font-size: 14px;
	font-weight: 500;
	color: #ef6820;
	text-decoration: none;
}

.tutor-details-section .banner-top .share-link .share-icon {
	margin-right: 8px;
}

.tutor-details-section .pagination {
	margin-bottom: 50px;
}

/* Header Style 2 */
.header-style-2 {
	padding: 60px 0 40px;
}

.header-style-2 .right-area {
	margin-left: auto;
	max-width: 600px;
	width: 100%;
}

.header-style-2 .sort-box label {
	color: #000000;
	font-weight: 500;
	font-size: 16px;
	margin-right: 12px;
}

.header-style-2 .sort-box .form-select {
	width: 161px;
	border: 1px solid #b3b8db;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 8px;
	padding: 9px;
}

.header-style-2 .input-group {
	min-height: 44px;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	margin-right: 20px;
	max-width: 350px;
}

.header-style-2 .input-group.small {
	max-width: 311px;
}

.header-style-2 .input-group .input-group-text {
	background-color: transparent;
	border-radius: 8px;
}

.header-style-2 .input-group .form-control {
	border-left: none;
	border-radius: 8px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	padding-left: 0;
}

.header-style-2 h3 {
	font-weight: 500;
	color: #101828;
}

.header-style-2.has-dropdown h3 {
	margin-bottom: 0;
}

.tutor-courses-section {
	border-bottom: 1px solid #eaecf0;
	margin-bottom: 20px;
}

.tutor-courses-section .card-primary {
	border-radius: 8px 8px 16px 16px;
	margin-bottom: 60px;
}

.tutor-courses-section .card-primary .card-img-top {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.tutor-courses-section .card-primary .card-title {
	margin-bottom: 5px;
}

.tutor-courses-section .card-primary .stars {
	width: 100%;
}

.tutor-courses-section .card-primary .links-box {
	width: 100%;
}

.tutor-courses-section .card-primary .links-box .link {
	margin-top: 27px;
	margin-bottom: 20px;
	color: #667085;
}

.tutor-courses-section .card-primary .links-box .link img {
	margin-left: 5px;
}

.tutor-courses-section .card-primary .links-box .button-primary {
	max-width: 225px;
	margin: 0 auto 4px;
}

/* Help Section */
.help-section .bg-image {
	width: 100%;
}
.help-section .help-section-inner {
	background: #dce0ee;
	padding-bottom: 88px;
}

.help-section .topic {
	width: 46%;
	padding-right: 16px;
}

.help-section .date {
	width: 27%;
	padding-right: 16px;
}

.help-section .time {
	width: 27%;
}

.help-section label {
	font-weight: 500;
	color: #344054;
	margin-bottom: 6px;
}

.help-section input {
	border: 1px solid #d0d5dd;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 8px;
	min-height: 48px;
}

.help-section .input-group-text {
	background: #fff;
	border-radius: 8px;
}

.help-section .button-primary {
	margin-top: 46px;
	min-width: 244px;
	height: 48px;
}

/* Section Header */
.section-header {
	margin-bottom: 46px;
}

.section-header.m-32 {
	margin-bottom: 32px;
}

.section-header h2 {
	font-size: 36px;
	margin-bottom: 16px;
}

.section-header p {
	font-size: 20px;
	max-width: 534px;
	width: 100%;
	margin: 0 auto 15px;
}

.section-header h3,
.section-header h4 {
	color: #101828;
	font-weight: 500;
}

.section-header h3 span,
.section-header h4 span {
	color: #18acff;
}

.section-header.has-dropdown h3 {
	margin-bottom: 0;
}

.header-dropdown {
	margin-left: 16px;
}
.header-dropdown .nice-select {
	height: auto;
	line-height: 2;
	background-image: none;
}
.header-dropdown select {
	font-weight: 500;
	font-size: 22px;
	color: #293056;
	border: 1px solid #b3b8db;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 8px;
	cursor: pointer;
}

.section-header a.link {
	font-weight: 500;
	font-size: 18px;
	color: #ef6820;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
}

.section-header a.link .icon-right {
	margin-left: 12px;
}

.section-header p.sub-title {
	color: rgba(16, 24, 40, 0.6);
	font-size: 16px;
	margin: 15px 0 0 0;
}

.section-header p.sub-title span {
	font-weight: 600;
}

.header-style-2 p.sub-title {
	color: rgba(16, 24, 40, 0.6);
	font-size: 16px;
	margin: 15px 0 0 0;
}

.header-style-2 p.sub-title span {
	font-weight: 600;
}

/* Page Header Section */
.page-header {
	background: url(../img/bg/page-header.jpg);
	background-size: cover;
	background-position: center;
	padding: 61px 0;
}

.page-header h2 {
	font-weight: 500;
	margin-bottom: 0;
}

.page-header p {
	color: #293056;
	max-width: 501px;
	width: 100%;
	margin: 0 auto;
}

/* Skills Gap Section */
.skills-gap-section {
	padding: 46px 0 112px;
	border-top: 1px solid #dedede;
}

.skills-gap-section .container {
	max-width: 1115px;
}

.skills-gap-section .page-title {
	padding: 24px 0 52px;
}

.skills-gap-section .course-item .content-box .p-top {
	margin-bottom: 8px;
	font-size: 14px;
}

.skills-gap-section .course-item .content-box h5 {
	font-size: 20px;
}

.skills-gap-section .course-item .content-box .p-bottom {
	font-weight: 500;
	font-size: 14px;
	max-width: 411px;
	width: 100%;
	margin-bottom: 19px;
	color: #98a2b3;
}

.skills-gap-section .course-item .button-primary {
	color: #fff;
	min-width: 172px;
}

.skills-gap-section .course-item .image-box img {
	border-radius: 0;
}

.skills-gap-section .course-item .image-box {
	width: 271px;
}

/* Skills Gap Test Section */
.skills-gap-test-section .left-area {
	width: 288px;
	background: #eaecf5;
	min-height: 100vh;
	max-height: 100%;
	border-right: 1px solid #eaecf0;
}

.skills-gap-test-section .left-area .top-area {
	padding: 37px 17px 30px;
	background: #fff;
}

.skills-gap-test-section .left-area .top-area p {
	font-size: 16px;
	font-weight: 500;
	color: #101828;
}

.skills-gap-test-section .left-area .top-area p img {
	margin-right: 26px;
}

.skills-gap-test-section .left-area .top-area .progress-box {
	color: #667085;
	font-size: 12px;
	font-weight: 500;
}

.skills-gap-test-section .left-area .top-area .progress {
	height: 4px;
	margin-top: 4px;
}

.skills-gap-test-section .left-area .questions-area {
	background: #363f72;
	padding: 17px 32px;
}

.skills-gap-test-section .left-area .questions-area p {
	font-weight: 500;
	font-size: 16px;
	color: #ffffff;
	margin-bottom: 0;
}

.skills-gap-test-section .left-area .questions-area p span {
	font-weight: 400;
	font-size: 14px;
	margin-left: 5px;
}

.skills-gap-test-section .right-area {
	width: calc(100% - 288px);
}

.skills-gap-test-section .right-area .top-bar {
	padding: 10px 12px;
	border-bottom: 1px solid #eaecf0;
}

.skills-gap-test-section .right-area .top-bar .toggle-icon {
	margin-right: 22px;
	cursor: pointer;
}

.skills-gap-test-section .right-area .top-bar h4 {
	font-weight: 500;
	margin-bottom: 0;
}

.skills-gap-test-section .right-area .top-bar p {
	margin-left: auto;
	margin-bottom: 0;
	color: #293056;
	font-weight: 500;
	margin-right: 80px;
}

.skills-gap-test-section .main-contents {
	padding: 32px 32px 50px;
}

.skills-gap-test-section .results-section {
	margin-bottom: 122px;
}

.skills-gap-test-section .results-section .results-box {
	width: 222px;
	height: 222px;
	background: #f5faff;
	border: 2px solid #0ba5ec;
	text-align: center;
	border-radius: 50%;
	color: #000000;
	margin-right: 32px;
}

.skills-gap-test-section .results-section .results-box .text-1 {
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 0;
	margin-top: 65px;
}

.skills-gap-test-section .results-section .results-box .text-2 {
	font-size: 60px;
	line-height: 1.2em;
}

.skills-gap-test-section .results-section .contents-box {
	max-width: 440px;
	width: 100%;
	margin-right: 30px;
	color: #000000;
}

.skills-gap-test-section .results-section .contents-box h4 {
	font-weight: 500;
	margin: 16px 0 32px;
	color: #000000;
}

.skills-gap-test-section .results-section .contents-box h4 strong {
	font-weight: 700;
}

.skills-gap-test-section .results-section .contents-box p {
	font-size: 16px;
	margin-bottom: 32px;
}

.skills-gap-test-section .results-section .contents-box a {
	color: #ef6820;
	font-weight: 500;
	font-size: 16px;
	text-decoration: none;
}

.skills-gap-test-section .results-section .buttons-box {
	width: 241px;
	padding-top: 38px;
	margin-left: auto;
}

.skills-gap-test-section .results-section .buttons-box .btn {
	padding: 17px 26px;
	width: 100%;
	font-size: 18px;
}

.skills-gap-test-section .results-section .buttons-box .button-primary {
	margin-bottom: 24px;
}

.skills-gap-test-section .slider-area h3 {
	color: #101828;
	margin-bottom: 30px;
}

/* Learner Homeroom Area */
.learner-homeroom-area.tab-primary .nav-tabs {
	margin-bottom: 0;
}

.learner-homeroom-area .page-title {
	padding: 32px 0 42px;
}

.learner-homeroom-area .top-bar {
	margin-bottom: 32px;
}

.learner-homeroom-area .top-bar .lable {
	font-weight: 500;
	font-size: 16px;
	color: #000000;
	margin-right: 12px;
}

.learner-homeroom-area .top-bar .form-check-label {
	color: #344054;
	font-weight: 400;
	font-size: 16px;
}

.learner-homeroom-area .section-header {
	margin-bottom: 24px;
	text-align: left;
}

.learner-homeroom-area .pagination {
	margin-bottom: 120px;
}

.learner-homeroom-area .all-courses-section {
	border-bottom: 1px solid #eaecf0;
	margin-bottom: 20px;
}

.timetable-area {
	padding: 52px 0 115px;
}

.timetable-area .timetable-top {
	margin-bottom: 20px;
}

.timetable-area .timetable-top .left-box .btn-group {
	margin-right: 16px;
}

.timetable-area .timetable-top .left-box h5 {
	font-weight: 700;
	color: #293056;
	margin-bottom: 0;
}

.timetable-area .timetable-top .left-box .button-primary-outline {
	padding: 8px 14px;
	font-size: 14px;
}

.timetable-area .timetable-top .middle-box .button-primary-outline {
	padding: 8px 14px;
	font-size: 14px;
	min-width: 86px;
}

.timetable-area .timetable-top .middle-box .button-primary-outline.active {
	color: #fff;
	background: #ef6820;
}

.timetable-area table td {
	height: 64px;
	border-right-width: 1px;
	border-color: #e0e0e0;
	padding: 0;
}

.timetable-area table td .data {
	width: 100%;
	height: 50%;
	display: block;
}

.timetable-area table td .data:first-of-type {
	border-bottom: 1px solid #f7f7f7;
}

.timetable-area table tr:first-child td {
	padding: 4px 8px;
}

.timetable-area table td:first-child {
	border-right-width: 0;
	border-bottom-width: 0;
	width: 50px;
}

.timetable-area table td:nth-child(2) {
	background: #f5f8ff;
}

.timetable-area table td:last-child {
	border-right-width: 0;
}

.timetable-area table td span.day {
	font-weight: 700;
	font-size: 10px;
	color: #71717a;
	display: block;
}

.timetable-area table td span.date {
	font-weight: 600;
	font-size: 22px;
	color: #293056;
}

.timetable-area table td span.time {
	font-weight: 600;
	font-size: 12px;
	color: #71717a;
}

/* All Courses Section */
.all-courses-section .card-primary {
	margin-bottom: 35px;
}

/* Account Page */
.account-page {
	background: #fcfcfd;
}

.account-top-area {
	padding: 38px 0 30px;
	background: #fff;
}

.account-top-area .details-area {
	margin-right: 80px;
}

.account-top-area .details-area .avatar {
	width: 90px;
	margin-right: 16px;
	height: 90px;
	border: 2px solid #eaecf5;
	border-radius: 100px;
	position: relative;
	display: flex;
	justify-content: center;
	background: #fff;
	align-items: center;
}

.account-top-area .details-area .avatar img {
	width: 100%;
	max-width: 70px;
}

.account-top-area .details-area .avatar .status {
	width: 16px;
	height: 16px;
	background: #039855;
	border: 1.5px solid #ffffff;
	border-radius: 1000px;
	position: absolute;
	bottom: 4px;
	right: 4px;
}

.account-top-area .details-area .text-box h3 {
	color: #344054;
	font-weight: 500;
	margin-bottom: 4px;
}

.account-top-area .details-area .text-box p {
	font-size: 18px;
	margin-bottom: 0;
}

.account-top-area .top-item {
	text-align: center;
	margin-right: 80px;
}

.account-top-area .top-item:last-of-type {
	margin-right: 0;
}

.account-top-area .top-item .icon {
	margin-bottom: 16px;
}

.account-top-area .top-item h2 {
	font-weight: 500;
	color: #344054;
	margin-bottom: 4px;
}

.account-top-area .top-item p {
	font-weight: 500;
	font-size: 18px;
}

.account-tab-area {
	padding: 32px 0 106px;
}

.account-tab-area .tab-box {
	padding: 32px 48px 65px;
	background: #ffffff;
	border: 1px solid #eaecf0;
	box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1),
		0px 1px 2px rgba(16, 24, 40, 0.06);
	border-radius: 8px;
}

.account-tab-area .nav-tabs {
	margin-bottom: 32px;
}

.account-tab-area .nav-tabs button {
	font-weight: 500;
	color: #667085;
	background: transparent;
	border: none;
	padding: 5px 5px 16px;
	border-bottom: 2px solid transparent;
	margin-right: 50px;
}

.account-tab-area .nav-tabs button:last-of-type {
	margin-right: 0;
}

.account-tab-area .nav-tabs button.active {
	color: #293056;
	border-bottom: 2px solid #ef6820;
}

.account-tab-area .tab-item {
	border-bottom: 1px solid #eaecf0;
	margin-bottom: 29px;
	padding-bottom: 20px;
}

.account-tab-area .tab-item:last-of-type {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.account-tab-area .tab-item h4 {
	margin-bottom: 4px;
}

.account-tab-area .tab-item p.title {
	color: #344054;
	margin-bottom: 0;
}

.account-tab-area .tab-item .form-primary p {
	font-weight: 500;
	color: #344054;
	margin-bottom: 8px;
}

.account-tab-area .tab-item a {
	font-weight: 500;
	color: #ef6820;
	text-decoration: none;
}

.account-tab-area .form-primary .input-box {
	margin-bottom: 32px;
}

.account-tab-area .form-primary .avatar-radio > label {
	margin-top: 0;
	margin-bottom: 23px;
}

.account-tab-area .form-primary .text-editor {
	margin: 5px 0 16px 0;
	padding: 0;
	list-style: none;
}

.account-tab-area .form-primary .text-editor li {
	display: inline-block;
	margin-right: 15px;
}

.account-tab-area .form-primary .text-editor li:last-child {
	margin-right: 0;
}

.account-tab-area .form-primary .bio-box textarea {
	height: 116px;
}

.account-tab-area .dropdown-display-label {
	min-height: 44px;
	border: 1px solid #d0d5dd;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 8px;
	padding-top: 9px;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right 0.75rem top 0.75rem;
	background-size: 16px 12px;
}

.account-tab-area .dropdown-display-label::after {
	display: none;
}

.account-tab-area .dropdown-display-label .dropdown-selected {
	background: #fef6ee;
	border: 1px solid #ef6820;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 8px;
	font-weight: 600;
	font-size: 16px;
	color: #ef6820;
	padding: 9px 30px 9px 20px;
}

.account-tab-area .niceCountryInputSelector {
	width: 100% !important;
}

.account-tab-area .niceCountryInputMenu {
	min-height: 44px;
	border: 1px solid #d0d5dd;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 8px;
	padding-top: 9px;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
	background-repeat: no-repeat !important;
	background-position: right 0.75rem top 0.75rem !important;
	background-size: 16px 12px !important;
	width: 100%;
}

.account-tab-area .niceCountryInputMenuDefaultText a {
	color: #101828 !important;
	font-weight: 400;
	font-size: 16px;
}

.account-tab-area .niceCountryInputMenu .niceCountryInputMenuDropdown {
	display: none;
}

.account-tab-area .dropdown-display-label .dropdown-selected .del {
	color: #ef6820;
	right: 7px;
	top: 4px;
}

.account-tab-area .avatar-radio input ~ .checkmark {
	border: 1px solid #d0d5dd;
}

.account-tab-area .avatar-radio input:checked ~ .checkmark {
	border: 2px solid #ffd6ae;
}

.account-tab-area h4 {
	font-weight: 500;
	margin-bottom: 28px;
}

.badges-area .heading {
	margin-bottom: 50px;
}

.badges-area .heading h4 {
	margin-bottom: 4px;
}

.badges-items {
	margin-bottom: 48px;
}

.badges-items .badges {
	width: 120px;
	height: 120px;
	background: #eaecf0;
	border-radius: 100%;
	margin-right: 48px;
}

.badges-items .badges:last-of-type {
	margin-right: 0;
}

.leaderboard-area h4 {
	margin-bottom: 20px;
}

.leaderboard-area table {
	width: 100%;
	margin-bottom: 21px;
}

.leaderboard-area table th {
	padding: 13px 24px;
	background: #f5f8ff;
	font-weight: 500;
}

.leaderboard-area table th:last-child {
	text-align: right;
}

.leaderboard-area table td {
	padding: 12px 24px;
	border-bottom: 1px solid #eaecf0;
	vertical-align: middle;
	color: #101828;
	font-weight: 500;
}

.leaderboard-area table td:last-child {
	text-align: right;
	color: #667085;
	font-weight: 400;
}

.leaderboard-area table .avatar {
	width: 48px;
	height: 48px;
	border: 1px solid #d0d5dd;
	border-radius: 100px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.leaderboard-area table .avatar img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 80%;
}

/* Shopping Section */
.shopping-section {
	padding: 32px 0 61px;
}

.shopping-section .section-header {
	margin-bottom: 24px;
}

.shopping-section .title {
	color: #101828;
	font-weight: 400;
	margin-bottom: 25px;
}

.shopping-section .title span {
	font-weight: 700;
}

.shopping-section .cart-items-box {
	margin-bottom: 48px;
}

.cart-items-box {
	border: 1px solid #f2f4f7;
	box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1),
		0px 1px 2px rgba(16, 24, 40, 0.06);
	border-radius: 8px;
}

.cart-items-box .course-item {
	border-bottom: 1px solid #eaecf0;
	padding: 24px;
	position: relative;
	margin-bottom: 0;
}

.cart-items-box .course-item:last-of-type {
	border-bottom: none;
}

.cart-items-box .course-item .image-box {
	width: 100%;
	max-width: 228px;
	margin-right: 24px;
}

.cart-items-box .course-item .text-box {
	width: 100%;
	max-width: 304px;
	margin-right: 24px;
}

.cart-items-box .course-item .text-box p.p-top {
	font-weight: 600;
	color: #98a2b3;
	margin-bottom: 4px;
}

.cart-items-box .course-item .text-box h5 {
	font-weight: 600;
	margin-bottom: 4px;
}

.cart-items-box .course-item .text-box p.name {
	font-size: 16px;
}

.cart-items-box .course-item .price-box {
	width: 100%;
	max-width: 103px;
}

.cart-items-box .course-item .cross {
	position: absolute;
	top: 24px;
	right: 24px;
	font-weight: 500;
	color: #667085;
	cursor: pointer;
}

.cart-items-box .course-item .cross img.icon-left {
	margin-right: 5px;
}

.shopping-section .price-area {
	box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1),
		0px 1px 2px rgba(16, 24, 40, 0.06);
	border-radius: 8px;
	padding: 40px 24px 32px;
	margin-bottom: 48px;
}

.shopping-section .price-area .amount {
	font-weight: 600;
	font-size: 36px;
	color: #101828;
	margin-bottom: 8px;
	line-height: 1em;
}

.shopping-section .price-area p {
	font-size: 16px;
	margin-bottom: 16px;
}

.shopping-section .card-primary .card-img-top {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

/* start: Navbar Style */
.site-content {
	/* display: grid;
	grid-template-columns: auto 1fr;
	grid-template-areas: "nav main"; */
	min-height: 100vh;
}
.site-content .side_navbar,
.site-content .nua-sidebar {
	transition: width 220ms linear;
	color: #f4ebff;
	background-color: #113c89;
	position: fixed;
	width: 80px;
	height: 100%;
	overflow-x: hidden;
	overflow-y: inherit;
	padding: 30px 15px;
	z-index: 9;
}
.site-content .side_navbar {
	scrollbar-width: thin;
	scrollbar-color: #f4ebff #113c89;
}
.site-content .side_navbar::-webkit-scrollbar {
	height: 4px;
	width: 4px;
	background: #113c89;
}
.site-content .side_navbar::-webkit-scrollbar-thumb {
	background: #f4ebff;
	-webkit-border-radius: 1ex;
	-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
}
.site-content .side_navbar::-webkit-scrollbar-corner {
	background: transparent;
}
.site-content.open .side_navbar {
	width: 300px;
}
.site-content .nua-sidebar {
	background-color: #0b2e6b;
	left: 300px;
	padding: 18px 15px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	width: 300px;
	transform: scaleX(0);
	transform-origin: left;
	transition: 0.3s;
}
.site-content.open-sidebar .nua-sidebar {
	transform: scaleX(1);
}
.site-content .main_content {
	padding-left: 80px;
	transition: padding 220ms linear;
	overflow: hidden;
}
.site-content.open .main_content {
	padding-left: 300px;
}

.side_navbar .navbar_toggle {
	border: none;
	background-color: transparent;
	padding: 0;
	width: 50px;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 45px;
}
.side_navbar .navbar_toggle > img {
	max-width: 25px;
}
.side_navbar .navbar_toggle.collapse > img.menubar,
.side_navbar .navbar_toggle > img.arrow {
	display: none;
}
.side_navbar .navbar_toggle.collapse > img.arrow {
	display: inline-block;
}
.side_navbar .navbar_label {
	display: block;
	font-size: 14px;
	line-height: 1.4;
	color: #bcd6ff;
	text-transform: uppercase;
	margin-bottom: 6px;
	text-wrap: nowrap;
	opacity: 0;
	visibility: hidden;
	transition: opacity 200ms linear;
}
.side_navbar.active .navbar_label {
	opacity: 1;
	visibility: visible;
}
.side_navbar .period_wrap {
	display: flex;
	align-items: center;
	gap: 8px;
	background-color: transparent;
	border-radius: 8px;
	padding: 10px 0 10px 14px;
	transition: background 150ms linear;
}
.side_navbar.active .period_wrap {
	background-color: #ffffff;
}
.side_navbar .period_wrap > svg {
	max-width: 25px;
}
.side_navbar.active .period_wrap > svg path {
	stroke: #667085;
}
.side_navbar .period_wrap .nice-select {
	height: 100%;
	width: calc(100% - 33px);
	line-height: 1.4;
	font-size: 16px;
	color: #667085;
	padding: 0;
	border: none;
	border-radius: 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity 200ms linear;
	background: transparent;
}
.side_navbar.active .period_wrap .nice-select {
	opacity: 1;
	visibility: visible;
}
.side_navbar .period_wrap .nice-select:after {
	border-bottom: 1.67px solid #667085;
	border-right: 1.67px solid #667085;
	height: 6px;
	width: 6px;
}
.side_navbar .period_wrap .nice-select .list {
	margin-top: 10px;
}
.side_navbar .main_navigation {
	margin-top: 45px;
}
.side_navbar .main_navigation .navigations {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	align-items: start;
	gap: 8px;
}
.side_navbar .main_navigation .navigations > li {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.side_navbar .main_navigation .navigations > li > button {
	display: flex;
	align-items: center;
	width: 100%;
	gap: 25px;
	font-size: 16px;
	line-height: 1.3;
	font-weight: 600;
	color: #f4ebff;
	text-wrap: nowrap;
	background-color: transparent;
	padding: 8px 12px;
	border: none;
	border-radius: 6px;
	text-align: left;
	cursor: pointer;
	position: relative;
	z-index: 1;
}
.side_navbar .main_navigation .navigations > li.active > button {
	background-color: #286dc1;
}
.side_navbar .main_navigation .navigations > li > button img,
.side_navbar .main_navigation .navigations > li > button svg {
	max-width: 25px;
}
.side_navbar .main_navigation .navigations > li > button .label {
	display: inline-block;
	width: calc(100% - 50px);
	opacity: 0;
	visibility: hidden;
	transition: opacity 200ms linear;
}
.side_navbar .main_navigation .navigations > li > button .dropdown_arrow,
.side_navbar .main_navigation .navigations > li > button .sidebar {
	opacity: 0;
	visibility: hidden;
	transition: opacity 200ms linear;
}
.side_navbar.active .main_navigation .navigations > li > button .dropdown_arrow,
.side_navbar.active .main_navigation .navigations > li > button .sidebar,
.side_navbar.active .main_navigation .navigations > li > button .label {
	opacity: 1;
	visibility: visible;
}
.side_navbar .main_navigation .navigations > li > button .dropdown_arrow,
.side_navbar .main_navigation .navigations > li > button .sidebar {
	display: inline-block;
	width: 24px;
	position: absolute;
	z-index: 2;
	right: 12px;
	top: 50%;
	transform: translateY(-50%) rotate(0deg);
	cursor: pointer;
	transition: 0.3s;
}
.side_navbar .main_navigation .navigations > li > button .dropdown_arrow img,
.side_navbar .main_navigation .navigations > li > button .sidebar img {
	width: 100%;
}
.side_navbar .main_navigation .navigations > li > button .dropdown_arrow.open {
	transform: translateY(-50%) rotate(180deg);
}
.side_navbar .main_navigation .navigations > li > .sub-menu {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 100%;
	margin-top: 8px;
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding-left: 60px;
	display: none;
}
.side_navbar .main_navigation .navigations > li > .sub-menu > li {
	display: block;
	width: 100%;
}
.side_navbar .main_navigation .navigations > li > .sub-menu > li > button {
	padding: 0;
	border: none;
	background-color: transparent;
	font-size: 16px;
	line-height: 1.4;
	font-weight: 600;
	color: #f2f4f7;
	padding: 9px 0;
	text-wrap: nowrap;
}
.side_navbar
	.main_navigation
	.navigations
	> li
	> .sub-menu
	> li
	> button
	.label {
	opacity: 0;
	visibility: hidden;
	transition: opacity 200ms linear;
}
.side_navbar.active
	.main_navigation
	.navigations
	> li
	> .sub-menu
	> li
	> button
	.label {
	opacity: 1;
	visibility: visible;
}

.nua-sidebar .sidebar_header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 16px;
	line-height: 1;
	font-weight: 600;
	color: #f4ebff;
	padding: 8px 12px;
	margin-bottom: 8px;
}
.sidebar_header .new_chat {
	border: none;
	padding: 0;
	background: transparent;
	width: 24px;
}
.sidebar_chants .label,
.sidebar_chants .chat_list li a {
	display: block;
	font-size: 12px;
	line-height: 2;
	font-weight: 400;
	color: #f4ebff;
	padding: 8px 12px;
	margin-bottom: 8px;
}
.sidebar_chants .chat_list {
	padding: 0;
	margin: 0;
	list-style: none;
}
.sidebar_chants .chat_list li a {
	font-size: 16px;
	line-height: 1.5;
	font-weight: 500;
	text-decoration: none;
	margin: 0;
}
.sidebar_chants .chat_list li:not(:last-child) {
	margin-bottom: 8px;
}
.nua-sidebar .view_chats_btn {
	margin-top: auto;
}
.view_chats_btn .btn {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	background-color: #ef6820;
	color: #ffffff;
	font-size: 16px;
	line-height: 1;
	font-weight: 500;
	border-radius: 8px;
	padding: 13px 15px;
}
/* end: Navbar Style */

/* start: Header Style */
.site-header .search_form {
	max-width: 312px;
	width: 100%;
	margin-left: 80px;
}
.site-header .search_group {
	position: relative;
	z-index: 1;
	width: 100%;
}
.site-header .search_group input[type="search"] {
	width: 100%;
	background-color: #ffffff;
	border: 1px solid #d0d5dd;
	border-radius: 8px;
	box-shadow: 0 2px 1px 0 rgba(16, 24, 40, 0.05);
	font-size: 16px;
	line-height: 1.3;
	color: #101828;
	font-weight: 500;
	outline: none;
	padding: 10px 14px 10px 40px;
}
.site-header .search_group input[type="search"]:focus {
	border-color: #ef6820;
}
.site-header .search_group .icon {
	display: inline-flex;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 14px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
}
.site-header .shopping_cart {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none;
	padding: 0;
	background-color: transparent;
	width: 24px;
	height: 24px;
	position: relative;
	z-index: 1;
	margin-right: 30px;
}
.site-header .shopping_cart .count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 22px;
	background-color: #ffb66f;
	border-radius: 16px;
	color: #ffffff;
	font-size: 12px;
	line-height: 1;
	font-weight: 600;
	position: absolute;
	top: -11px;
	right: -23px;
	z-index: 2;
}

.header-bottom {
	padding: 10px 0;
}
.header-bottom .site_navigation {
	text-align: center;
}
.site_navigation ul {
	padding: 0;
	margin: 0;
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	list-style: none;
	column-gap: 35px;
}
.site_navigation ul li {
	display: inline-flex;
}
.site_navigation ul li a {
	text-decoration: none;
	font-size: 16px;
	line-height: 1.4;
	font-weight: 500;
	color: #293056;
	padding: 15px 0;
	transition: 0.3s;
}
.site_navigation ul li:hover a {
	color: #ef6820;
}
.btn:focus,
.btn {
	outline: none;
	box-shadow: 0 0 0 0;
}
/* end: Header Style */

.una_ai_wrapper {
	text-align: center;
}
.una_ai_wrapper .una_bot img {
	max-width: 195px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.una_ai_wrapper .una_bot .page_title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	font-size: 3rem;
	line-height: 1;
	font-weight: 700;
	margin-top: 20px;
	margin-bottom: 0;
}
.una_ai_wrapper .una_bot .page_title > img,
.una_ai_wrapper .una_bot .page_title > svg {
	max-width: 24px;
	width: 100%;
	display: inline-block;
	margin-left: 0;
	margin-right: 0;
}
.una_ai_wrapper .una_features {
	max-width: 1000px !important; /* Reduced from 1250px */
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px !important; /* Reduced from 30px */
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: start;
	column-gap: 16px !important; /* Reduced from 24px */
	row-gap: 16px !important; /* Reduced from 24px */
}
.una_features .section_title {
	width: 100%;
	text-align: center;
}
.una_features .section_title .title {
	margin: 0;
	font-size: 24px;
	line-height: 1;
	font-weight: 500;
	color: #667085;
}
.una_features .feature_item {
	max-width: 200px !important; /* Increased from 190px */
	width: 100%;
	background-color: #f9fafb;
	padding: 16px !important; /* Increased from 14px */
	text-align: center !important; /* Changed from left to center */
	border-radius: 8px !important;
	border: 1px solid #e5e7eb !important;
	transition: all 0.2s ease !important;
	cursor: pointer !important;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
	height: auto !important;
	min-height: 100px !important; /* Increased from 90px */
}
.una_features .feature_item .img {
	max-width: 32px !important; /* Increased from 24px */
	height: 32px !important; /* Increased from 24px */
	width: 100%;
	margin-bottom: 12px !important; /* Increased from 10px */
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
.una_features .feature_item .content {
	text-align: center !important;
	display: block !important;
	width: 100% !important;
}
.una_features .feature_item .content .title {
	font-size: 18px !important;
	line-height: 1.3 !important;
	color: #101828;
	font-weight: 600;
	margin: 0 0 5px 0 !important;
	white-space: normal !important;
	overflow: visible !important;
	text-overflow: unset !important;
	display: block !important;
	text-align: center !important;
}
.una_features .feature_item .content .desc {
	font-size: 15px !important; /* Increased from 14px */
	line-height: 1.4 !important; /* Increased from 1.3 */
	font-weight: 400;
	color: #475467;
	margin-top: 5px !important;
	white-space: normal !important;
	overflow: visible !important;
	text-overflow: unset !important;
	display: block !important;
	text-align: center !important;
}
.una_features .una_form {
	width: 100%;
}
.una_form .form_group {
	position: relative;
	z-index: 1;
}
.una_form .form_group > button {
	border: none;
	padding: 0;
	background-color: transparent;
}
.una_form .form_group input {
	width: 100%;
	border: 1px solid #d0d5dd;
	border-radius: 8px;
	outline: none;
	font-size: 16px;
	line-height: 1;
	color: #101828;
	padding: 20px 65px 20px 45px;
}
.una_form .form_group input::placeholder {
	color: #667085;
}
.una_form .form_group .button,
.una_form .form_group .attachment {
	position: absolute;
	left: 14px;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	z-index: 2;
}
.una_form .form_group .button {
	right: 14px;
	left: auto;
	width: 44px;
	height: 44px;
	border-radius: 50%;
}
/* end: uni page */

/* start: find tutorial */
.find-tutor {
	background-color: #fef6ee;
	padding-top: 25px;
	padding-bottom: 25px;
}
.find_tutor_wrap {
	max-width: 1055px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
	align-items: center;
	justify-content: space-between;
}
.find_tutor_wrap .find_tutor_content {
	max-width: 385px;
	width: 100%;
}
.find_tutor_content .title {
	font-size: 20px;
	line-height: 1;
	font-weight: 600;
	color: #344054;
	margin: 0;
}
.find_tutor_content .desc {
	font-size: 14px;
	line-height: 1.4;
	font-weight: 400;
	color: #344054;
	margin-top: 8px;
}
.find_tutor_content .button {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background-color: #ef6820;
	color: #fff;
	font-size: 16px;
	line-height: 1;
	font-weight: 500;
	border-radius: 8px;
	border: none;
	padding: 14px 38px;
	margin-top: 16px;
}
.find_tutor_video {
	max-width: 420px;
	width: 100%;
}
.find_tutor_video iframe {
	width: 100%;
	min-height: 255px;
	border-radius: 5px;
	overflow: hidden;
}
.filter-bar {
	background-color: #ffffff;
	padding-top: 20px;
	padding-bottom: 20px;
}
.filter_bar_wrap {
	max-width: 1055px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px;
}
.filter_bar_wrap .search_form {
	max-width: 215px;
	width: 100%;
	position: relative;
	z-index: 1;
}
.filter_bar_wrap .search_form input[type="search"] {
	width: 100%;
	border: 1px solid #d0d5dd;
	border-radius: 8px;
	background-color: #ffffff;
	padding: 8px 10px 8px 40px;
	color: #212529;
	font-size: 14px;
	line-height: 1;
	font-weight: 400;
}
.filter_bar_wrap .search_form .icon {
	width: 20px;
	height: 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
}
.filter_bar_wrap .dropdown {
	display: inline-block;
}
.filter_bar_wrap .dropdown-toggle {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border: 1px solid #d0d5dd;
	border-radius: 8px;
	padding: 10px 15px;
	font-size: 14px;
	line-height: 1;
	font-weight: 400;
}
.tutor-features {
	border-top: 1px solid #dedede;
	padding-top: 110px;
	padding-bottom: 180px;
}
.tutor_features_wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	justify-content: center;
}
.tutor_features_wrap .feature_item {
	display: flex;
	flex-direction: column;
	align-items: center;
	border: 1px solid #d0d5dd;
	background-color: #ffffff;
	border-radius: 16px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
	padding: 32px 24px 35px 24px;
	min-width: 208px;
	transition: 0.4s;
}
.tutor_features_wrap .feature_item.active {
	border-color: #ef6820;
}
.tutor_features_wrap .feature_item .title {
	font-size: 16px;
	line-height: 1.3;
	font-weight: 500;
	color: #101828;
	margin-bottom: 0;
	margin-top: 24px;
}
.tutor_courses_wrap {
	max-width: 1055px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}
.tutor_courses_wrap .tutor_courses_header {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 15px;
}
.tutor_courses_header .title {
	font-size: 20px;
	line-height: 1.2;
	font-weight: 500;
	color: #101828;
	margin: 0;
	width: calc(100% - 226px);
}
.tutor_courses_header .title a {
	text-decoration: none;
	color: #18acff;
}
.tutor_courses_header .sorted {
	max-width: 211px;
	width: 100%;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 16px;
	line-height: 1;
	color: #000000;
	font-weight: 500;
}
.tutor_courses_header .sorted .dropdown {
	max-width: 140px;
	width: 100%;
}
.tutor_courses_header .sorted .dropdown-toggle {
	display: inline-flex;
	align-items: center;
	width: 100%;
	gap: 8px;
	border: 1px solid #d0d5dd;
	border-radius: 8px;
	padding: 10px 15px;
	font-size: 14px;
	line-height: 1;
	font-weight: 400;
}
.tutor_courses_header .sorted .dropdown .dropdown-menu {
	min-width: 100%;
}
.tutor_courses_list {
	margin-top: 35px;
}
.tutor_courses_list .tutor_corse {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 24px;
}
.tutor_courses_list .tutor_corse:not(:last-child) {
	margin-bottom: 30px;
	padding-bottom: 31px;
	border-bottom: 1px solid #eaecf0;
}
.tutor_courses_list .tutor_corse .course_img {
	max-width: 255px;
	width: 100%;
}
.tutor_courses_list .tutor_corse .course_action {
	max-width: 175px;
	width: 100%;
	display: inline-flex;
	flex-direction: column;
	align-items: end;
	gap: 12px;
}
.tutor_courses_list .tutor_corse .course_action .button-2 {
	display: inline-flex;
	align-items: center;
	border: none;
	padding: 0;
	background: transparent;
	font-size: 16px;
	line-height: 1.2;
	font-weight: 600;
	color: #101828;
}
.tutor_courses_list .tutor_corse .course_action .button {
	background-color: transparent;
	padding: 0;
	font-size: 16px;
	line-height: 1;
	font-weight: 500;
	color: #ef6820;
}
.tutor_courses_list .tutor_corse .course_content {
	width: calc(100% - 478px);
}
.tutor_corse .course_content .subject {
	display: block;
	font-size: 14px;
	line-height: 1.1;
	font-weight: 600;
	color: #98a2b3;
	margin-bottom: 12px;
}
.tutor_corse .course_content .course_name {
	font-size: 20px;
	line-height: 1.2;
	font-weight: 500;
	color: #101828;
	margin-bottom: 4px;
}
.tutor_corse .course_content .label {
	display: block;
	font-size: 16px;
	line-height: 1;
	color: #667085;
	font-weight: 400;
}
.tutor_corse .course_content .desc {
	display: block;
	font-size: 16px;
	line-height: 1.4;
	color: #667085;
	font-weight: 400;
	margin-top: 15px;
}
.page_header_wrap .title {
	font-size: 30px;
	line-height: 1.2;
	font-weight: 500;
	color: #101828;
	margin: 0;
}
.page_header_wrap .desc {
	max-width: 500px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	font-size: 14px;
	line-height: 1.4;
	color: #293056;
	font-weight: 400;
}
/* end: find tutorial */

/* start: Tutor Dashboard */
.dashboard-header {
	padding-top: 20px;
	padding-bottom: 20px;
}
.dashboard_header_wrap {
	max-width: 1250px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
}

.dashboard_analytics {
	max-width: 510px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}
.dashboard_analytics .analytics_item.sales {
	width: 100%;
}
.analytics_item {
	display: inline-flex;
	flex-direction: column;
	background-color: #ffffff;
	border: 1px solid #f2f4f7;
	border-radius: 8px;
	box-shadow: 0 1px 3px 0 rgba(16, 24, 40, 0.06);
}
.analytics_item .item_content {
	padding: 24px;
}
.analytics_item .subtitle {
	display: flex;
	align-items: start;
	justify-content: space-between;
	font-size: 14px;
	line-height: 1;
	font-weight: 500;
	color: #667085;
}
.analytics_item .subtitle button {
	border: none;
	padding: 0;
	margin: 0;
	background-color: transparent;
	width: 20px;
	height: 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.analytics_item .count {
	margin: 0;
	font-size: 36px;
	line-height: 1;
	font-weight: 600;
	color: #101828;
	margin-top: 8px;
}
.analytics_item .btn {
	border: none;
	border-top: 1px solid #eaecf0;
	border-radius: 0;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-size: 14px;
	line-height: 1;
	font-weight: 500;
	color: #1d2939;
	padding: 15px 22px;
}
.analytics_item.sales .btn {
	padding: 0;
	display: inline-flex;
	border: none;
	margin-left: auto;
}
.analytics_item.sales .item_content {
	padding: 30px 24px;
}
.analytics_item .sales_wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px;
	margin-top: 8px;
}
.analytics_item .sales_wrap .count {
	margin: 0;
}
.dashboard_content {
	background-color: #fef6ee;
	border-radius: 8px;
	width: calc(100% - 540px);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.dashboard_content .content_wrap {
	max-width: 415px;
	width: 100%;
	padding: 24px;
}
.dashboard_content .content_wrap .name {
	font-size: 20px;
	line-height: 1;
	font-weight: 600;
	color: #344054;
	margin-bottom: 8px;
}
.dashboard_content .content_wrap .desc {
	font-size: 14px;
	line-height: 1.4;
	color: #344054;
	font-weight: 400;
}
.dashboard_content .content_wrap .content_button {
	margin-top: 30px;
	display: flex;
	align-items: center;
	gap: 12px;
}
.dashboard_content .content_wrap .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #ef6820;
	border-radius: 8px;
	background-color: #ef6820;
	color: #ffffff;
	font-size: 16px;
	line-height: 1;
	font-weight: 500;
	padding: 13px 12px;
}
.dashboard_content .content_wrap .btn.secondary {
	background-color: transparent;
	color: #ef6820;
}
.dashboard_content .content_img {
	width: calc(100% - 415px);
}

.upcoming_classes_wrap {
	max-width: 1250px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 60px;
}
.upcoming_classes_wrap .section_title {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	margin-bottom: 25px;
}
.upcoming_classes_wrap .section_title .title {
	font-size: 20px;
	line-height: 1.2;
	color: #101828;
	font-weight: 500;
	margin-bottom: 4px;
}
.upcoming_classes_wrap .section_title .desc {
	font-size: 14px;
	line-height: 1.4;
	color: #667085;
	font-weight: 400;
}
.btn.inline {
	padding: 0;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 18px;
	line-height: 1;
	font-weight: 500;
	color: #1d2939;
}
.card.classes-card {
	border: 1px solid #eaecf0;
	border-radius: 16px;
	overflow: hidden;
}
.card.classes-card .card-body {
	padding: 30px 24px 50px 24px;
}
.card.classes-card .card-body .p-top {
	font-size: 14px;
	line-height: 1;
	font-weight: 600;
	color: #98a2b3;
	margin-bottom: 12px;
}
.card.classes-card .card-body .card-title {
	font-size: 18px;
	line-height: 1;
	font-weight: 500;
	color: #101828;
	margin-bottom: 2px;
}
.card.classes-card .card-body .card-text {
	font-size: 14px;
	line-height: 1.4;
	color: #98a2b3;
	font-weight: 500;
	margin-bottom: 8px;
}
.card.classes-card .card-body .start_time {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 14px;
	line-height: 1;
	font-weight: 400;
	color: #475467;
	margin-top: 6px;
}
.card.classes-card .card-body .start_time b {
	font-weight: 700;
	color: #101828;
}
.card.classes-card .card-body .btn.inline {
	font-size: 16px;
	font-weight: 500;
	color: #1d2939;
	margin-top: 24px;
}
.upcoming_classes_carousel .owl-carousel-primary .owl-dots {
	margin-top: 24px;
}
.upcoming_classes_carousel .owl-carousel-primary .owl-dots .owl-dot {
	width: 40px;
	height: 6px;
	border-radius: 3px;
	background-color: #d0d5dd;
}
.upcoming_classes_carousel .owl-carousel-primary .owl-dots .owl-dot.active {
	background-color: #ef6820;
}

.welcome_section {
	background-color: #fef6ee;
	padding: 30px 0;
}
.welcome_content_wrap {
	max-width: 450px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	position: relative;
	z-index: 1;
}
.welcome_content_wrap .star {
	max-width: 70px;
	position: absolute;
	top: 0;
	right: -80px;
}
.coursuna_features_content .title,
.welcome_content_wrap .title {
	font-size: 20px;
	font-family: "Inter", sans-serif;
	line-height: 1;
	font-weight: 600;
	color: #344054;
	margin: 0;
}
.welcome_content_wrap .desc {
	margin-top: 10px;
	font-size: 14px;
	font-family: "Inter", sans-serif;
	line-height: 1.5;
	color: #344054;
}
.welcome_content_wrap .desc > span {
	display: block;
}
.welcome_section.new-lesson {
	padding-bottom: 50px;
	position: relative;
	overflow: hidden;
}
.welcome_section.new-lesson::after {
	content: "";
	display: inline-block;
	max-width: 420px;
	width: 100%;
	height: 25px;
	background-color: #ef6820;
	filter: blur(60px);
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -13px;
}
.new-lesson .welcome_content_wrap {
	max-width: 645px;
}

.coursuna_features {
	padding-top: 40px;
	padding-bottom: 50px;
}
.coursuna_features_content .title {
	margin-bottom: 20px;
	text-align: center;
}
.coursuna_features_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	column-gap: 60px;
	row-gap: 30px;
}
.coursuna_features_wrap .feature_item {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	max-width: 240px;
	width: 100%;
	height: 245px;
	background-color: #ffffff;
	border: 1px solid #f2f4f7;
	border-radius: 8px;
	padding: 35px 30px;
	box-shadow: 0 1px 3px 0 rgba(16, 24, 40, 0.1);
}
.coursuna_features_wrap .feature_item img {
	max-width: 56px;
	width: 100%;
	height: 56px;
	border-radius: 50%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}
.coursuna_features_wrap .feature_item .feature_title {
	font-size: 15px;
	line-height: 1.3;
	font-weight: 500;
	color: #101828;
	font-family: "Inter", sans-serif;
	margin-bottom: 0;
	text-align: center;
}
.coursuna_features_wrap .feature_item .feature_desc {
	font-size: 14px;
	line-height: 1.5;
	color: #667085;
	font-weight: 400;
	font-family: "Inter", sans-serif;
	margin-top: 10px;
	text-align: center;
}

.first_lesson_wrap {
	max-width: 840px;
	width: 100%;
	background-color: #f5f8ff;
	border: 2px solid #d1e0ff;
	border-radius: 8px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	overflow: hidden;
	padding: 53px 30px;
	position: relative;
	z-index: 1;
	margin-bottom: 70px;
}
.first_lesson_wrap::after {
	content: "";
	background-image: url(../img/coursuna-ai/handout-bg.png);
	background-size: cover;
	background-repeat: repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.first_lesson_wrap .title {
	font-size: 30px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: -0.04em;
	color: #286dc1;
	max-width: 540px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
}
.first_lesson_wrap .btn {
	background-color: #ef6820;
	border-radius: 8px;
	border-color: #ef6820;
	color: #ffffff;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 9px 27px;
}

.breadcrumbs {
	background-color: #ffffff;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 20px;
	padding-right: 20px;
	border-bottom: 1px solid #dedede;
}
.breadcrumbs .breadcrumb_nav {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 5px;
}
.breadcrumbs .breadcrumb_nav li {
	font-size: 14px;
	line-height: 1.4;
	color: #667085;
	font-weight: 400;
	font-family: "Inter", sans-serif;
	position: relative;
}
.breadcrumbs .breadcrumb_nav li a {
	color: #333333 !important;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: all 0.2s ease;
}
.breadcrumbs .breadcrumb_nav li a:hover {
	color: #f97316 !important;
	text-decoration: none;
}
.breadcrumbs .breadcrumb_nav li a i.fa-home {
	color: #f97316 !important;
	font-size: 1rem;
}
.breadcrumbs .breadcrumb_nav li .separator {
	color: #94a3b8 !important;
	font-size: 0.75rem;
	margin: 0 12px;
}
.breadcrumbs .breadcrumb_nav li.current,
.breadcrumbs .breadcrumb_nav li.active {
	color: #344054;
	font-weight: 500;
}
.lesson-form-section {
	padding-top: 30px;
	padding-bottom: 100px;
}
.lesson_form_wrap {
	max-width: 765px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

/* lesson plan */
.generated-lesson-plan {
	padding-top: 30px;
	padding-bottom: 100px;
}
.generated-lesson-plan .generated_lesson_wrap {
	max-width: 1250px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.generated_lesson_wrap .section_title {
	margin-bottom: 30px;
}
.generated_lesson_wrap .section_title .title {
	font-family: "Inter", sans-serif;
	font-size: 20px;
	line-height: 1.2;
	color: #344054;
	font-weight: 600;
	margin-bottom: 3px;
}
.generated_lesson_wrap .section_title .desc {
	font-family: "Inter", sans-serif;
	font-size: 14px;
	line-height: 1.4;
	color: #667085;
}
.lesson_plan .navigations {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 30px;
}
.lesson_plan .navigations li > button {
	width: 208px;
	height: 218px;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	background-color: #ffffff;
	border: 1px solid #d0d5dd;
	border-radius: 16px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
	padding: 30px 24px 10px 24px;
	transition: 0.3s;
}
.lesson_plan .navigations li > button:hover {
	border-color: #ef6820;
}
.lesson_plan .navigations li > button img {
	width: 94px;
	height: 94px;
	border-radius: 50%;
	object-fit: cover;
}
.lesson_plan .navigations li > button .label {
	display: block;
	text-align: center;
	font-size: 16px;
	line-height: 1.4;
	font-weight: 500;
	font-family: "Inter", sans-serif;
	color: #101828;
}

.form_group {
	position: relative;
	margin-bottom: 23px;
}
.form_group .microphone {
	position: absolute;
	width: 24px;
	height: 24px;
	left: 14px;
	top: 35px;
	z-index: 1;
}
.form_group label {
	display: block;
	font-size: 16px;
	line-height: 20px;
	color: #344054;
	font-weight: 600;
	font-family: "Inter", sans-serif;
	margin-bottom: 5px;
}
input:focus-visible,
input,
textarea,
textarea:focus-visible {
	outline: none;
}
.form_group input[type="text"],
.form_group input[type="tel"],
.form_group input[type="email"],
.form_group input[type="url"],
.form_group input[type="search"],
.form_group select,
.form_group .nice-select,
.form_group textarea {
	display: flex;
	width: 100%;
	border: 1px solid #d0d5dd;
	background-color: #ffffff;
	border-radius: 8px;
	font-size: 16px;
	line-height: 1.4;
	font-weight: 400;
	font-family: "Inter", sans-serif;
	color: #344054;
	padding: 10px 14px;
}
.form_group .nice-select {
	float: unset;
	height: auto;
}
.form_group textarea {
	min-height: 160px;
	resize: none;
}
.form_group.hasIcon textarea,
.form_group.hasIcon input {
	padding-left: 54px;
}
.form_group input[type="text"]::placeholder,
.form_group input[type="tel"]::placeholder,
.form_group input[type="email"]::placeholder,
.form_group input[type="url"]::placeholder,
.form_group textarea::placeholder,
.form_group input[type="search"]::placeholder {
	line-height: 1;
	color: #667085;
	font-weight: 400;
}
.form_group.hasIcon textarea::placeholder,
.form_group.hasIcon input::placeholder {
	line-height: 1.4;
	color: #98a2b3;
}
.form_group input[type="text"]:focus,
.form_group input[type="tel"]:focus,
.form_group input[type="email"]:focus,
.form_group input[type="url"]:focus,
.form_group input[type="search"]:focus,
.form_group select:focus,
.form_group .nice-select:focus,
.form_group textarea:focus {
	border-color: #ef6820;
}
.form_button {
	margin-top: 40px;
}
.form_button .btn,
.form_button input[type="submit"],
.form_button button[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #ef6820;
	font-size: 16px;
	line-height: 1;
	font-weight: 500;
	color: #ffffff;
	border: 1px solid #ef6820;
	border-radius: 8px;
	padding: 13px 25px;
	transition: 0.3s;
}
.form_button .btn:hover,
.form_button input[type="submit"]:hover,
.form_button button[type="submit"]:hover {
	background-color: transparent;
	color: #ef6820;
}
.lesson_form_wrap .form_button .btn,
.lesson_form_wrap input[type="submit"],
.lesson_form_wrap button[type="submit"] {
	width: 100%;
}

/* booking */
.bookings-section .bookings_section_wrap {
	max-width: 1250px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.bookings_section_wrap .section_title {
	margin-bottom: 30px;
}
.bookings_section_wrap .section_title .title {
	font-size: 20px;
	font-weight: 600;
	line-height: 1.2;
	color: #344054;
	font-family: "Inter", sans-serif;
	margin-bottom: 4px;
}
.bookings_section_wrap .section_title .desc {
	font-size: 14px;
	line-height: 1.4;
	font-weight: 400;
	color: #667085;
}
.my_booking_tab_wrap {
	border-bottom: 1px solid #dedede;
	margin-bottom: 35px;
}
.my_booking_tab_wrap .my_booking_tab {
	max-width: 1250px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	flex-wrap: wrap;
	justify-content: space-between;
}
.my_booking_tab_wrap .my_booking_tab li > button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	line-height: 1;
	font-weight: 500;
	color: #667085;
	border: none;
	background-color: transparent;
	padding: 0 20px 15px 20px;
	position: relative;
	z-index: 1;
}
.my_booking_tab_wrap .my_booking_tab li > button::after {
	content: "";
	width: 100%;
	height: 1px;
	background-color: transparent;
	position: absolute;
	left: 0;
	bottom: -1px;
	z-index: 2;
}
.my_booking_tab_wrap .my_booking_tab li > button.active::after {
	background-color: #ef6820;
}
.my_booking_tab_wrap .my_booking_tab li > button.active {
	color: #293056;
}
.my_booking_content_wrap {
	margin-bottom: 100px;
}
.my_booking_tab_content {
	max-width: 1250px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.booking_class {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 25px;
}
.booking_class:not(:last-child) {
	padding-bottom: 25px;
	border-bottom: 1px solid #eaecf0;
	margin-bottom: 24px;
}
.booking_class .class_thumb {
	max-width: 225px;
	width: 100%;
}
.booking_class .class_thumb img {
	width: 100%;
	border-radius: 8px;
}
.booking_class .class_content {
	width: calc(100% - 360px);
}
.booking_class .class_content .title {
	font-size: 18px;
	line-height: 1;
	font-weight: 600;
	font-family: "Inter", sans-serif;
	color: #101828;
	margin-bottom: 8px;
}
.booking_class .class_content .class_meta {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 22px;
}
.booking_class .class_content .class_meta li {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: 16px;
	line-height: 1;
	color: #667085;
	font-family: "Inter", sans-serif;
}
.booking_class .class_content .desc {
	font-size: 16px;
	line-height: 1.4;
	color: #667085;
	font-weight: 400;
	font-family: "Inter", sans-serif;
	margin-top: 12px;
}
.booking_class .class_btn {
	max-width: 85px;
	width: 100%;
	text-align: end;
}
.booking_class .class_btn .inline_btn {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: #ef6820;
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	text-decoration: none;
	background-color: transparent;
	border: none;
	padding: 0;
}
.my_booking_tab_content.class_details {
	padding-top: 25px;
	padding-bottom: 100px;
}
.request_class {
	border: 1px solid #d1e0ff;
	border-radius: 8px;
	padding: 16px 30px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: space-between;
}
.request_class .r_class_content {
	width: calc(100% - 335px);
}
.request_class .r_class_content .title {
	font-size: 16px;
	line-height: 1;
	font-weight: 500;
	color: #101828;
	font-family: "Inter", sans-serif;
	margin-bottom: 5px;
}
.request_class .r_class_content .desc {
	font-size: 16px;
	line-height: 1.4;
	font-weight: 400;
	color: #667085;
	font-family: "Inter", sans-serif;
	max-width: 610px;
	width: 100%;
}
.request_class .r_class_buttons {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px;
}
.request_class .r_class_buttons .border_btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #ef6820;
	border-radius: 8px;
	background-color: #ffffff;
	font-size: 16px;
	line-height: 1;
	font-weight: 500;
	color: #ef6820;
	text-decoration: none;
	padding: 15px 25px;
	min-width: 150px;
}
.availability-section {
	padding-top: 25px;
	padding-bottom: 100px;
}
.availability-section .availability_wrap {
	max-width: 1250px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.availability_wrap .section_title {
	margin-bottom: 20px;
}
.availability_wrap .section_title .title {
	font-size: 20px;
	line-height: 1.2;
	font-weight: 600;
	color: #344054;
	font-family: "Inter", sans-serif;
	margin-bottom: 5px;
}
.availability_wrap .section_title .desc {
	font-size: 14px;
	line-height: 1.4;
	font-weight: 400;
	color: #667085;
	font-family: "Inter", sans-serif;
}
.availability_hours {
	border: 1px solid #d1e0ff;
	border-radius: 10px;
	background-color: #ffffff;
	padding: 25px 35px;
}
.availability_hours .hours_item:not(:last-child) {
	margin-bottom: 35px;
}
.availability_hours .hours_item .title {
	font-size: 18px;
	line-height: 1.2;
	font-weight: 600;
	color: #101828;
	font-family: "Inter", sans-serif;
	margin-bottom: 8px;
}
.availability_hours .hours_item .title > span {
	display: inline;
	background-color: #e1fae6;
	border-radius: 6px;
	font-size: 14px;
	line-height: 1;
	color: #101828;
	padding: 5px 10px;
	margin-left: 2px;
}
.availability_hours .hours_item .hours_meta {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px;
}
.availability_hours .hours_item .hours_meta li,
.availability_hours .hours_item .time_zone {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 16px;
	line-height: 1;
	font-weight: 400;
	color: #667085;
	font-family: "Inter", sans-serif;
}
.availability_hours .hours_item .time_zone {
	margin-top: 10px;
}

.ts-switch .ts-toggle {
	position: absolute;
	margin-left: -9999px;
	visibility: hidden;
}
.ts-switch .ts-toggle + label {
	display: block;
	position: relative;
	cursor: pointer;
	outline: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.ts-switch .ts-toggle + label {
	padding: 0;
	width: 32px;
	height: 17px;
}
.ts-switch .ts-toggle + label:before,
.ts-toggle + label:after {
	display: block;
	position: absolute;
	top: 1px;
	left: 1px;
	bottom: 1px;
	content: "";
}
.ts-switch .ts-toggle + label:before {
	right: 1px;
	background: #98a2b3;
	border-radius: 60px;
	-webkit-transition: background 0.2s;
	-moz-transition: background 0.2s;
	transition: background 0.2s;
}
.ts-switch .ts-toggle + label:after {
	width: 13px;
	height: 13px;
	margin: auto 2px;
	background: #ffffff;
	border-radius: 100%;
	-webkit-transition: margin 0.2s;
	-moz-transition: margin 0.2s;
	-o-transition: margin 0.2s;
	transition: margin 0.2s;
}
.ts-switch .ts-toggle:checked + label:before {
	background-color: #000000;
}
.ts-switch .ts-toggle:checked + label:after {
	margin-left: 15px;
}
.working_hours {
	padding-top: 25px;
}
.working_hours .heading {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px;
	justify-content: space-between;
	margin-bottom: 35px;
}
.working_hours .heading .content {
	display: flex;
	align-items: center;
	gap: 15px;
}
.working_hours .heading .content .section_title {
	margin-bottom: 0;
}
.working_hours .heading .content .title {
	font-size: 20px;
	line-height: 1.2;
	color: #344054;
	font-weight: 600;
	font-family: "Inter", sans-serif;
	margin-bottom: 5px;
}
.working_hours .heading .content .desc {
	font-size: 16px;
	line-height: 1.4;
	color: #667085;
	font-family: "Inter", sans-serif;
	font-weight: 400;
}
.working_hours .default_switch {
	display: inline-flex;
	align-items: center;
	gap: 15px;
	font-size: 16px;
	line-height: 1;
	color: #667085;
	font-size: 400;
}

.weekdays_hours .right_content {
	max-width: 400px;
	width: 100%;
}
.weekdays_hours .right_content .troubleshoot .label,
.weekdays_hours .right_content .timezone label {
	display: block;
	font-size: 16px;
	line-height: 1.2;
	color: #344054;
	font-weight: 600;
	margin-bottom: 5px;
}
.weekdays_hours .right_content .timezone .nice-select {
	width: 100%;
	float: unset;
}
.weekdays_hours .right_content .troubleshoot {
	margin-top: 50px;
}
.weekdays_hours .right_content .troubleshoot .btn {
	border: 1px solid #d0d5dd;
	background-color: #ffffff;
	border-radius: 8px;
	color: #667085;
	font-size: 16px;
	line-height: 1;
	padding: 10px 15px;
}
.weekdays_hours {
	gap: 30px;
}
.weekdays_hours .data_override,
.weekdays_hours .weekdays {
	width: calc(100% - 430px);
	border: 1px solid #d1e0ff;
	background-color: #ffffff;
	border-radius: 10px;
	padding: 15px 25px;
}
.weekdays .weekday_item:not(:last-child) {
	margin-bottom: 15px;
}
.weekdays .weekday_item {
	font-size: 20px;
	line-height: 1;
	color: #667085;
	font-weight: 400;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	column-gap: 22px;
	row-gap: 10px;
}
.weekdays .weekday_item .day {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 16px;
	line-height: 1;
	color: #667085;
	min-width: 131px;
}
.weekdays .weekday_item input {
	border: 1px solid #d1e0ff;
	border-radius: 6px;
	font-size: 16px;
	line-height: 1;
	color: #667085;
	font-weight: 400;
	padding: 9px 10px;
	width: 90px;
}
.data_override .title {
	font-size: 16px;
	line-height: 1.2;
	color: #101828;
	font-weight: 500;
	margin-bottom: 5px;
}
.data_override .desc {
	font-size: 16px;
	line-height: 1.4;
	color: #667085;
	font-weight: 400;
}
.data_override .btn {
	border: 1px solid #d0d5dd;
	border-radius: 8px;
	display: inline-flex;
	line-height: 1;
	align-items: center;
	justify-content: center;
	gap: 5px;
	margin-top: 10px;
	font-size: 16px;
	line-height: 1;
	color: #1d2939;
	font-weight: 500;
	padding: 13px 14px;
}
/* end: Tutor Dashboard */

/* Horizontal layout for feature items */
@media (min-width: 768px) {
    .una_features .feature_item {
        flex: 0 0 auto !important;
        width: calc(25% - 16px) !important; /* 4 items per row with 16px gap */
        max-width: 200px !important;
    }
    
    .una_features {
        justify-content: center !important;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .una_features .feature_item {
        flex: 0 0 auto !important;
        width: calc(50% - 16px) !important; /* 2 items per row with 16px gap */
        max-width: 220px !important; /* Slightly larger on tablets */
    }
}

.una_features .feature_item .img img {
	max-width: 100% !important;
	height: auto !important;
	object-fit: contain !important;
}

.una_features .feature_item .content .desc {
	font-size: 15px !important;
	line-height: 1.4 !important;
	font-weight: 400;
	color: #475467;
	margin-top: 5px !important;
	white-space: normal !important;
	overflow: visible !important;
	text-overflow: unset !important;
	display: block !important;
	text-align: center !important;
}