/* 
    Theme Name: Edutech Consultancy
    Author: Edutech Consultancy
    Description: 
    Version: 1.0
    Designer/Developer: Saugat Shrestha
*/

/*===========================================================
GLOBAL STYLES
===========================================================*/

:root {
	--primary-color: #1a7842;
	--secondary-color: #ef4444;
	--white-color: #ffffff;
	--light-color: #f6f6f6;
	--black-color: #000000;
	--text-color: rgba(0, 0, 0, 0.6);
	--font-family: "DM Sans", sans-serif;
	--font-family-heading: "DM Sans", serif;
}

body {
	background: #ffffff;
	font-family: var(--font-family);
	font-size: 18px;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-weight: 500;
	font-family: var(--font-family-heading);
}

h1,
.h1 {
	font-size: 84px;
	line-height: 1;
	font-weight: 700;
}

h2,
.h2 {
	font-size: 48px;
	line-height: 52.8px;
}

h3,
.h3 {
	font-size: 24px;
	line-height: 28px;
}

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

ul,
li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

p {
	margin: 0;
}

img {
	max-width: 100%;
}

.container {
	max-width: 1440px;
	padding: 0 40px;
}

.row {
	margin: 0 -12px;
}

.row > [class*="col-"] {
	padding-left: 12px;
	padding-right: 12px;
}

figure {
	margin: 0;
}

.btn-edutech {
	padding: 14.5px 24px;
	border: 1.5px solid #071e11;
	border-radius: 8px;
	font-size: 16px;
	line-height: 19.2px;
	color: #071e11;
	font-weight: 500;
	display: inline-block;
	transition: all 0.3s ease;
}

.btn-edutech:hover {
	background: var(--primary-color);
	border-color: var(--primary-color);
	color: var(--white-color);
}

.btn-with-arrow {
	background: var(--primary-color);
	padding: 18px 24px;
	display: inline-block;
	color: #f9f9fb;
	border-radius: 12px;
	font-size: 16px;
	line-height: 19.2px;
	transition: all 0.3s ease;
}

.btn-with-arrow img {
	margin-left: 8px;
	transition: all 0.3s ease;
}

.btn-with-arrow:hover {
	background: #11532d;
}

.btn-with-arrow:hover img {
	margin-left: 15px;
}

.section-heading {
	margin-bottom: 80px;
}

.section-heading .eyebrow {
	margin-bottom: 24px;
	font-weight: 600;
	font-size: 24px;
}

.section-heading__classroom {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.object-fit {
	object-fit: cover;
}

label {
	margin-bottom: 12px;
	line-height: 1.2;
}

.form-control {
	height: 46px;
	width: 100%;
	font-size: 18px;
	line-height: 32px;
}

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

.edutech-btn {
	background: #333333;
	color: var(--white-color);
	border: none;
	width: 100%;
	padding: 14px 10px;
	border-radius: 8px;
}

.nice-select {
	border-color: #cdcdcd;
}

.nice-select .list {
	width: 100%;
}

.nice-select:after {
	background: url("assets/images/arrow-down.png");
	border: none;
	background-size: cover;
	width: 14px;
	height: 8px;
	background-repeat: no-repeat;
	transform: none;
}

.nice-select.open:after {
	transform: rotate(-180deg);
	transform-origin: center;
}

.close-menu {
	display: none;
}

/*===========================================================
PAGE HEADER STYLES
===========================================================*/

.edutech-header {
	padding: 8px 0;
}

.edutech-header .container {
	max-width: 100%;
}

.edutech-header .edutech-header__logo a img {
	max-width: 187px;
}

.edutech-header .edutech-header__right .menu ul {
	gap: 32px;
}

.edutech-header .edutech-header__right .menu ul li a {
	display: block;
	padding: 12px 6px;
	color: #001f25;
	font-size: 16px;
	line-height: 19.2px;
}

.edutech-header .edutech-header__right .button {
	margin-left: 80px;
}

/*===========================================================
EDUTECH LEADSPACE STYLES
===========================================================*/

.section-edutech-leadspace {
	padding: 65px 0 80px;
}

.edutech-leadspace__inside {
	display: flex;
	flex-wrap: wrap;
}

.section-edutech-leadspace .edutech-leadspace__left {
	width: 60%;
}

.section-edutech-leadspace .edutech-leadspace__left h1 {
	position: relative;
}

.section-edutech-leadspace .edutech-leadspace__left h1 img {
	position: absolute;
	bottom: 0px;
	right: 170px;
	z-index: -1;
}

.section-edutech-leadspace .edutech-leadspace__thumbnail {
	width: 40%;
	position: relative;
}

.section-edutech-leadspace .edutech-leadspace__thumbnail .arrow-round {
	position: absolute;
	top: -85px;
	left: -30px;
}

.section-edutech-leadspace .edutech-leadspace__left h1 {
	margin-bottom: 32px;
	max-width: 800px;
}

.section-edutech-leadspace .edutech-leadspace__left .button {
	margin-top: 64px;
	margin-bottom: 32px;
}

.section-edutech-leadspace .edutech-leadspace__left .student-reviews {
	display: flex;
	align-items: center;
}

.section-edutech-leadspace .edutech-leadspace__left .student-reviews p {
	max-width: 315px;
	font-size: 12px;
	line-height: 120%;
	text-transform: capitalize;
	margin-left: 18px;
	color: #212121;
}

.trusted {
	margin-top: 80px;
}

.trusted-heading {
	font-family: "Gochi Hand", serif;
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 130%;
	font-weight: 400;
}

.trusted-list {
	display: flex;
	gap: 18px;
	max-width: 710px;
}

.edutech-leadspace__thumbnail img {
	max-height: 550px;
}

/*===========================================================
EDUTECH WHAT WE OFFER STYLES
===========================================================*/

.section-edutech-offer {
	background: var(--light-color);
	padding: 80px 0;
}

.offers-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}

.offers-grid .offer-column {
	background: var(--white-color);
	padding: 24px 24px;
	border-radius: 12px;
}

.offers-grid .offer-column figure {
	margin-bottom: 48px;
	min-height: 80px;
}

.offers-grid .offer-column h3 {
	font-size: 24px;
	line-height: 28.8px;
	margin-bottom: 32px;
}

/*===========================================================
EDUTECH EXPERIENCE STYLES
===========================================================*/

.section-edutech-experience {
	overflow: hidden;
	padding: 80px 0 40px;
	background: var(--light-color);
}

.card-class {
	position: relative;
	border-radius: 12px;
	overflow: hidden;
}

.card-class__content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	z-index: 1;
	padding: 24px 24px;
	background: rgba(0, 0, 0, 0.5);
}

.custom-swiper-button-prev,
.custom-swiper-button-next {
	border: 1px solid #d8d8d8;
	width: 56px;
	height: 56px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease;
}

.custom-swiper-button-prev:hover,
.custom-swiper-button-next:hover {
	background: var(--primary-color);
	border-color: var(--primary-color);
}

.custom-swiper-button-prev:hover svg,
.custom-swiper-button-next:hover svg {
	filter: invert(1);
}

.custom-swiper-button-prev {
	margin-right: 24px;
}

.row-swiper-button {
	margin-top: 80px;
}

.card-class__content .inside {
	max-width: 320px;
}

.card-class__title {
	font-size: 24px;
	line-height: 120%;
	font-weight: 500;
	margin-bottom: 18px;
}

.card-class__content p {
	line-height: 120%;
}

/*===========================================================
EDUTECH WHY CHOOSE US STYLES
===========================================================*/

.section-edutech-whychoose-us {
	padding: 80px 0;
}

.section-edutech-whychoose-us .section-heading {
	margin-bottom: 80px;
}

.section-edutech-whychoose-us .section-heading h2 {
	margin-bottom: 24px;
}

.choose-us-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}

.choose-us-grid .card-choose {
	padding: 24px 24px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	position: relative;
	border-radius: 12px;
	transition: all 0.4s ease;
}

.choose-us-grid .card-choose:hover {
	background: #f6f6f6;
}

.choose-us-grid .card-choose::before {
	position: absolute;
	content: "";
	left: 0;
	top: -18px;
	width: 100%;
	height: 4px;
	background: #d3eadd;
}

.choose-us-grid .card-choose::after {
	position: absolute;
	content: "";
	left: 0;
	top: -18px;
	width: 0;
	height: 4px;
	background: #1a7842;
	transition: all 0.9s ease;
}

.choose-us-grid .card-choose:hover::after {
	width: 100%;
}

.choose-us-grid .card-choose h4 {
	font-size: 18px;
	line-height: 1.2;
}

.choose-us-grid .card-choose p {
	font-size: 16px;
	line-height: 1.5;
}

/*===========================================================
PAGE FOOTER STYLES
===========================================================*/

.edutech-footer {
	background: #071e11;
	padding: 80px 0 0;
	color: #f6f6f6;
}

.edutech-footer__logo {
	margin-bottom: 40px;
	max-width: 238px;
}

.edutech-footer__contact ul li:not(:last-child) {
	margin-bottom: 16px;
}

.edutech-footer__contact ul li.follow-us {
	margin-bottom: 12px;
}

.edutech-footer__contact ul li a {
	color: #f6f6f6;
}

.edutech-footer__nav {
	padding-bottom: 80px;
}

.edutech-footer__nav--left {
	flex-basis: 30%;
	padding-right: 30px;
}

.edutech-footer__nav--right {
	flex-basis: 70%;
}

.edutech-footer__grids {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 32px;
}

.edutech-footer__grids .grid-column h3 {
	margin-bottom: 24px;
	font-size: 24px;
	line-height: 120%;
	font-weight: 600;
}

.edutech-footer__grids .grid-column ul li:not(:last-child) {
	margin-bottom: 18px;
}

.edutech-footer__grids .grid-column ul li a {
	color: #d3eadd;
	transition: all 0.3s ease;
}

.edutech-footer__grids .grid-column ul li:hover a {
	color: var(--white-color);
}

.edutech-footer__copyright {
	padding: 32px 0;
	margin-bottom: 80px;
	border-top: 1px solid #0d3c21;
	border-bottom: 1px solid #0d3c21;
	color: #f6f6f6;
	font-size: 16px;
	font-weight: 500;
}

.follow-us ol {
	margin: 12px 0 0;
	padding: 0;
	display: flex;
	gap: 12px;
	align-items: center;
}

.follow-us ol li {
	margin: 0 !important;
}

.follow-us ol li a {
	display: block;
	width: 28px;
	height: 28px;
	border: 1px solid #219653;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--white-color);
	font-size: 11px;
	transition: all 0.3s ease;
}

.follow-us ol li a:hover {
	background: var(--primary-color);
	border-color: var(--primary-color);
}

/*===========================================================
SECTION BOOK CONSULTATION STYLES
===========================================================*/

.section-edutech-book-consultation {
	padding: 80px 0;
	color: #f6f6f6;
}

.section-edutech-book-consultation .book-consultation {
	background: #0d3c21;
	border-radius: 12px;
}

.section-edutech-book-consultation .book-consultation h2 {
	margin-bottom: 32px;
}

.section-edutech-book-consultation .book-consultation .button {
	margin-top: 64px;
}

.section-edutech-book-consultation .book-consultation .button .btn-with-arrow {
	background: #d3eadd;
	color: #071e11;
}

.section-edutech-book-consultation
	.book-consultation
	.button
	.btn-with-arrow
	img {
	filter: invert(1);
}

.section-edutech-book-consultation .book-consultation__left {
	flex-basis: 60%;
	padding: 70px 30px 70px 40px;
	font-size: 16px;
	line-height: 120%;
}

.section-edutech-book-consultation .book-consultation__right {
	flex-basis: 40%;
}

/*===========================================================
SECTION EDUTECH BLOG STYLES
===========================================================*/

.section-edutech-blog {
	padding: 80px 0;
}

.grid-blogs {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 32px;
}

.grid-blogs .blog-column figure {
	margin-bottom: 24px;
}

.grid-blogs .blog-column h3 {
	margin-bottom: 24px;
	font-weight: 500;
}

.grid-blogs .blog-column p {
	margin-bottom: 32px;
	font-size: 16px;
	line-height: 19.2px;
}

.grid-blogs .blog-column figure img {
	border-radius: 12px;
	width: 100%;
	object-fit: cover;
}

.grid-blogs .blog-column .learn-more {
	font-size: 16px;
	line-height: 19.2px;
	color: #001f25;
	transition: all 0.3s ease;
}

.grid-blogs .blog-column .learn-more:hover {
	color: var(--primary-color);
}

.view-more-btn {
	margin-top: 80px;
}

.view-more {
	padding: 14px 24px;
	border: 1px solid #071e11;
	border-radius: 8px;
	color: #071e11;
	display: inline-block;
	transition: all 0.3s ease;
}

.view-more:hover {
	background: var(--primary-color);
	border-color: var(--primary-color);
	color: var(--white-color);
}

/*===========================================================
SECTION EDUTECH CONTACT STYLES
===========================================================*/

.section-edutech-contact {
	background: #fbfbf9;
	padding: 120px 0;
}

.section-edutech-contact .contact-content h2 {
	margin-bottom: 24px;
}

.section-edutech-contact .contact-content figure {
	margin-top: 48px;
	border-radius: 12px;
	overflow: hidden;
}

.row-mb-32 {
	margin-bottom: 24px;
}

.contact-content {
	padding-right: 50px;
}

.contact-form {
	padding-left: 50px;
}

.contact-form br {
	display: none;
}

/*===========================================================
SECTION EDUTECH UNIVERSITIES STYLES
===========================================================*/

.section-edutech-universities {
	padding: 80px 0;
	background: #f6f6f6;
}

.section-edutech-universities .section-heading h2 {
	margin-bottom: 24px;
}

.nav-tabs {
	border: none;
	margin-bottom: 40px;
}

.nav-tabs .nav-link {
	font-size: 24px;
	padding: 8px 24px;
	border: none;
	border-radius: 0px;
	margin: 0;
	border-bottom: 2px solid transparent;
}

.nav-tabs .nav-link:not(:last-child) {
	margin-right: 24px;
}

.nav-link,
.nav-link:focus,
.nav-link:hover {
	color: #5e5e5e;
}

.nav-tabs .nav-link.active {
	color: #1a7842;
	border-color: #1a7842;
	background: transparent;
}

.card-university {
	border-radius: 12px;
	overflow: hidden;
	position: relative;
}

.card-university figure img {
	height: 400px;
	object-fit: cover;
	width: 100%;
}

.card-university .card-university__content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 20px 20px;
	background: rgba(0, 0, 0, 0.2);
}

.card-university .card-university__content h3 {
	font-size: 18px;
	line-height: 21.8px;
	color: var(--white-color);
}

.swiper-custom-arrows {
	margin-top: 40px;
}

/*===========================================================
SECTION EDUTECH VIDEO STYLES
===========================================================*/

.section-edutech-video {
	padding: 0 0 120px;
}

.edutech-video__container {
	border-radius: 12px;
	overflow: hidden;
}

a.play-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -34.5px;
	margin-top: -34.5px;
}

/*===========================================================
EDUTECH SUCCESS STORIES STYLES
===========================================================*/

.section-edutech-success {
	padding: 80px 0;
	background: #f9f9fb;
	overflow: hidden;
}

.card-testimonial {
	position: relative;
	border-radius: 12px;
	overflow: hidden;
}

.card-testimonial figure img {
	aspect-ratio: 1/1.4;
	object-fit: cover;
}

.card-testimonial__content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 32px 24px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: linear-gradient(
		180deg,
		rgba(0, 0, 0, 0) 0%,
		rgba(0, 0, 0, 0.8) 51.51%
	);
	color: var(--white-color);
}

.play-icon-test svg {
	width: 59px;
}

.card-testimonial__content h3 {
	font-size: 32px;
	line-height: 120%;
	margin-bottom: 32px;
}

.reviews-info {
	display: flex;
}

.reviews-info figure {
	width: 48px;
	height: 48px;
	border-radius: 100%;
	overflow: hidden;
}

.reviews-info figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.reviews-info__inside {
	width: calc(100% - 48px);
	padding-left: 12px;
}

.reviews-info h4 {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 8px;
}

.reviews-info p {
	font-size: 14px;
	line-height: 1;
}

/*===========================================================
EDUTECH UPCOMING CLASSES STYLES
===========================================================*/

.section-edutech-upcoming-classes {
	background: #f9f9fb;
	padding: 80px 0;
}

.section-edutech-upcoming-classes .section-heading {
	position: sticky;
	top: 50px;
}

.section-edutech-upcoming-classes .section-heading h2 {
	margin-bottom: 24px;
}

.section-edutech-upcoming-classes .view-more-btn {
	margin-top: 64px;
}

.section-edutech-upcoming-classes .nav-tabs .nav-link:not(:last-child) {
	margin-right: 0;
}

.section-edutech-upcoming-classes .nav-tabs .nav-link {
	font-size: 16px;
}

.card-upcoming {
	background: var(--white-color);
	padding: 18px 18px;
	display: flex;
	border-radius: 16px;
}

.card-upcoming__thumbnail {
	width: 248px;
	border-radius: 12px;
	overflow: hidden;
}

.card-upcoming__content {
	width: calc(100% - 248px);
	padding-left: 32px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.heading-metas {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 24px;
	font-weight: 500;
	font-size: 14px;
}

.heading-metas .type {
	background: #f7f7f7;
	padding: 4px 8px;
	border-radius: 4px;
}

.heading-metas .time {
	background: #f7f7f7;
	padding: 4px 8px;
	border-radius: 4px;
}

.heading-metas .course {
	background: #f7f7f7;
	padding: 4px 8px;
	border-radius: 4px;
}

.heading-metas .remaining {
	background: #fff7b9;
	padding: 4px 8px;
	border-radius: 4px;
}

.card-upcoming__content .content h3 {
	margin-bottom: 18px;
}

.card-upcoming__content .content p {
	color: rgba(0, 0, 0, 0.8);
	font-size: 16px;
	line-height: 120%;
}

.posted-metas {
	margin-top: 18px;
}

.ctas {
	margin-top: 24px;
}

.posted-metas {
	display: flex;
	align-items: center;
	gap: 14px;
}

.posted-metas span {
	font-size: 14px;
	font-weight: 500;
}

.card-upcoming .btn-with-arrow {
	background: #4dab75;
	padding: 14.5px 24px;
	border-radius: 8px;
}

.card-upcoming .btn-with-arrow:hover {
	background: var(--primary-color);
}

.btn-with-image {
	padding: 12px 24px;
	border: 1px solid #0d3c21;
	border-radius: 8px;
	font-size: 16px;
	line-height: 120%;
	color: #0d3c21;
	transition: all 0.3s ease;
}

.btn-with-image:hover {
	background: var(--primary-color);
	border-color: var(--primary-color);
	color: var(--white-color);
}

.btn-with-image:hover img {
	filter: invert(1);
}

.card-upcoming .btn-with-image {
	margin-left: 24px;
}

.btn-with-image img {
	margin-left: 8px;
}

.upcoming-classes {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.expore-btn {
	margin-top: 40px;
}

.expore-btn .explore-btn-inside {
	border: 1px solid #071e11;
	border-radius: 12px;
	padding: 18px 20px;
	width: 100%;
	display: block;
	color: var(--black-color);
	text-align: center;
	transition: all 0.3s ease;
}

.expore-btn .explore-btn-inside:hover {
	background: var(--primary-color);
	border-color: var(--primary-color);
	color: var(--white-color);
}

.expore-btn .explore-btn-inside:hover img {
	filter: invert(1);
}

/*===========================================================
EDUTECH CONTACT PAGE STYLES
===========================================================*/

.section-edutech-contact-page {
	padding: 120px 0;
}

.section-edutech-contact-page .section-heading {
	margin-bottom: 24px;
}

.section-edutech-contact-page h1 {
	font-size: 64px;
	margin-bottom: 32px;
}

.section-edutech-support {
	background: #f6f6f6;
	padding: 80px 0;
}

.section-edutech-support .edutech-support__thumbnail {
	border-radius: 12px;
	overflow: hidden;
}

.edutech-support__content {
	padding-right: 40px;
}

.edutech-support__content ul li {
	font-weight: 500;
	position: relative;
	padding-left: 42px;
}

.edutech-support__content ul li span {
	position: absolute;
	top: 0;
	left: 0;
	color: #cdcdcd;
	font-size: 24px;
	margin-right: 12px;
	top: -3px;
	width: 30px;
	display: inline-block;
}

.edutech-support__content ul li:not(:last-child) {
	margin-bottom: 24px;
}

/*===========================================================
EDUTECH UNIVERSITY PAGE STYLES
===========================================================*/

.section-edutech-university-header {
	padding: 80px 0;
}

.section-edutech-university-header h1 {
	font-size: 64px;
	line-height: 1;
	margin-bottom: 24px;
}

.section-edutech-university-filter {
	padding: 40px 0;
}

.card-universities {
	display: flex;
	flex-direction: column;
}

.card-universities__cta {
	margin-top: auto;
}

.card-universities__thumbnail {
	border-radius: 12px;
	overflow: hidden;
	aspect-ratio: 3 / 1.7;
	margin-bottom: 14px;
}

.universities-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 24px;
	row-gap: 48px;
}

.card-universities {
	background: var(--white-color);
	padding: 18px 18px;
	border-radius: 12px;
}

.card-universities__heading {
	padding: 24px 0;
}

.card-universities__heading h3 {
	margin-bottom: 18px;
	font-weight: 600;
}

.card-universities__heading p {
	margin-bottom: 18px;
	color: #5e5e5e;
}

.card-universities__heading .btn-course {
	color: var(--black-color);
	font-weight: 500;
	text-decoration: underline;
}

.cta-view-details {
	border: 1.5px solid #071e11;
	border-radius: 8px;
	display: block;
	text-align: center;
	padding: 14px 20px;
	font-size: 16px;
	line-height: 120%;
	color: #071e11;
	transition: all 0.3s ease;
}

.cta-view-details:hover {
	background: #071e11;
	color: var(--white-color);
}

.card-universities__requirements {
	border-top: 1px solid #e7e7e7;
	padding: 18px 0 24px;
}

.card-universities__requirements ul li {
	color: #5e5e5e;
}

.card-universities__requirements ul li:not(:last-child) {
	margin-bottom: 18px;
}

.card-universities__requirements ul li svg {
	margin-right: 8px;
}

.section-edutech-universities .view-more img {
	margin-left: 8px;
}

.section-edutech-universities .view-more:hover img {
	filter: invert(1);
}

.edutech-filter-university {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.clear-filter {
	font-size: 16px;
	color: #071e11;
	display: inline-block;
	margin-top: 24px;
	padding: 14px 24px 14px 16px;
}

.clear-filter svg {
	margin-right: 4px;
}

/*===========================================================
EDUTECH SINGLE UNIVERSITY STYLES
===========================================================*/

.section-university-leadspace {
	padding: 80px 0;
	min-height: 716px;
}

.section-university-leadspace::before {
	position: absolute;
	content: "";
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	z-index: 1;
}

.section-university-leadspace .section-university-leadspace__thumbnail {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.section-university-leadspace .section-university-leadspace__thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.section-university-leadspace .leadspace-content {
	z-index: 1;
}

.section-university-leadspace .leadspace-content .uni-logo {
	margin-bottom: 40px;
}

.section-university-leadspace .leadspace-content .course-name {
	margin-bottom: 32px;
	font-size: 64px;
}

.section-university-leadspace .leadspace-content .uni-name {
	font-size: 32px;
	line-height: 35.2px;
	font-weight: 500;
}

.section-university-leadspace .leadspace-content .buttons {
	margin-top: 40px;
	gap: 32px;
}

.section-university-leadspace .leadspace-content .buttons .view-more {
	color: var(--white-color);
	border-color: var(--white-color);
	padding: 13px 24px;
}

.section-university-leadspace .leadspace-content .buttons .view-more:hover {
	border-color: var(--primary-color);
}

.section-university-metalists {
	background: #f6f6f6;
	border-bottom: 1px solid #cdcdcd;
	padding: 40px 0;
}

.metalist-gridview {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 80px;
}

.metalist-gridview .metagrid-col:not(:last-child) {
	border-right: 1px solid #cdcdcd;
}

.metalist-gridview .metagrid-col h3 {
	font-size: 24px;
	line-height: 28.8px;
	margin-bottom: 24px;
}

.metalist-gridview .metagrid-col p {
	color: #212121;
}

.section-university-overview {
	padding: 80px 0;
	background: #f6f6f6;
}

.section-university-overview .content h3 {
	font-size: 32px;
	line-height: 35px;
	margin-bottom: 24px;
}

.section-university-overview .content p {
	font-size: 24px;
	line-height: 33px;
}

.section-university-overview .meta-box {
	background: var(--white-color);
	border: 1px solid #cdcdcd;
	padding: 24px 24px;
	border-radius: 12px;
	margin-left: 50px;
}

.section-university-overview .meta-box ul li {
	font-weight: 600;
	line-height: 72px;
}

.section-university-overview .meta-box ul li:not(:last-child) {
	border-bottom: 1px solid #cdcdcd;
}

.meta-box__title {
	font-size: 24px;
	line-height: 33px;
}

/*===========================================================
EDUTECH 404 PAGE STYLES
===========================================================*/

.error404 .edutech-header,
.error404 .edutech-footer {
	display: none;
}

.section-edutech-errorpage {
	padding: 80px 0;
	min-height: 100vh;
	display: flex;
	align-items: center;
}

.section-edutech-errorpage .error-content figure {
	max-width: 470px;
	margin: 0 auto 80px;
}

.section-edutech-errorpage .error-content h1 {
	margin-bottom: 24px;
	color: #151515;
}

.section-edutech-errorpage .error-content p {
	margin-bottom: 32px;
	color: #00333e;
}

/*===========================================================
SECTION EDUTECH THREE GRID COLUMN STYLES
===========================================================*/

.section-edutech-three-grid-column {
	background: #f9f9fb;
	padding: 80px 0;
}

.section-edutech-three-grid-column .section-heading h2 {
	font-size: 32px;
	line-height: 35px;
}

.section-edutech-three-grid-column .three-columns-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.section-edutech-three-grid-column .grid-column {
	background: var(--white-color);
	padding: 24px 24px 31px;
	border: 1px solid #cdcdcd;
	border-radius: 12px;
}

.section-edutech-three-grid-column .grid-column h3 {
	margin-bottom: 32px;
	font-weight: 600;
}

/*===========================================================
SECTION EDUTECH POPULAR COURSES STYLES
===========================================================*/

.section-edutech-popular-courses {
	padding: 80px 0;
}

.section-heading h3 {
	font-weight: 500;
	font-size: 32px;
	line-height: 35.2px;
}

.link-lists ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 24px;
}

.link-lists ul li a {
	display: block;
	border: 1px solid #cdcdcd;
	padding: 24px 24px;
	border-radius: 12px;
	font-size: 24px;
	line-height: 28px;
	font-weight: 500;
	color: #212121;
	transition: all 0.3s ease;
}

.link-lists ul li a:hover {
	background: var(--black-color);
	border-color: var(--black-color);
	color: var(--white-color);
}

/*===========================================================
SECTION EDUTECH ABOUT US HEADER STYLES
===========================================================*/

.section-edutech-about-header {
	padding: 120px 0;
}

.section-edutech-about-header h1 {
	font-size: 56px;
	line-height: 1;
	font-weight: 700;
}

.section-edutech-about-header .content {
	padding-left: 40px;
}

.section-edutech-about-header .content p:not(:last-child) {
	margin-bottom: 24px;
}

.section-edutech-trusted {
	padding: 0 0 80px;
}

.section-edutech-trusted .trusted {
	margin-top: 0;
}

.section-edutech-video--about {
	padding: 80px 0;
}

.section-edutech-mission-vision {
	padding: 120px 0;
}

.mission-vision-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.card-mission {
	padding: 32px 32px 55px;
	border: 1px solid #cdcdcd;
	border-radius: 12px;
}

.card-mission__number {
	display: block;
	margin-bottom: 20px;
	font-size: 24px;
	line-height: 28px;
}

.card-mission__title {
	margin-bottom: 40px;
}

.section-edutech-core-values {
	padding: 120px 0;
}

.values-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	row-gap: 80px;
	column-gap: 120px;
}

.card-values__title {
	margin-bottom: 24px;
}

/*===========================================================
EDUTECH MEET COUNSELLOR STYLES
===========================================================*/

.section-edutech-meet-counsellor {
	border-top: 1px solid #cdcdcd;
	background: #f6f6f6;
	padding: 80px 0;
}

.card-counsellor {
	background: var(--white-color);
	padding: 18px 18px;
	border: 1px solid #e7e7e7;
	border-radius: 12px;
}

.card-counsellor__thumbnail {
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 16px;
}

.card-counsellor__title {
	margin-bottom: 16px;
}

.card-counsellor__desg {
	margin-bottom: 16px;
}

.card-counsellor .view-more {
	width: 100%;
	text-align: center;
}

.card-counsellor .view-more:hover svg {
	filter: invert(1);
}

.section-edutech-leadspace-services {
	background: #f6f6f6;
}

/*===========================================================
EDUTECH SIX COLUMNS GRID STYLES
===========================================================*/

.section-edutech-six-colgrid {
	padding: 120px 0;
}

.six-cols-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.card-six-column {
	border: 1px solid #e7e7e7;
	padding: 24px 18px;
	border-radius: 12px;
}

.card-six-column__thumbnail {
	margin-bottom: 32px;
}

.card-six-column__title {
	margin-bottom: 24px;
}

.card-six-column p {
	color: #212121;
}

.nav-tabs--vertical {
	gap: 24px;
}

.nav-tabs--vertical .nav-link {
	padding: 0;
}

/*===========================================================
EDUTECH RUNNING CLASSES STYLES
===========================================================*/

.tag-lists {
	margin: 24px 0 0;
}

.tag-lists h4 {
	font-size: 18px;
	line-height: 21px;
	margin-bottom: 18px;
}

.tag-lists ul {
	display: flex;
	align-items: center;
	gap: 8px;
}

.tag-lists ul li a {
	border: 1px solid #cdcdcd;
	display: block;
	padding: 8px 12px;
	border-radius: 6px;
	color: #5e5e5e;
	font-size: 16px;
	line-height: 19.2px;
	pointer-events: none;
	font-weight: 500;
}

/*===========================================================
EDUTECH BLOG PAGE STYLES
===========================================================*/

.section-edutech-blog--mainblog .grid-blogs {
	grid-template-columns: repeat(1, 1fr);
	gap: 40px;
}

.section-edutech-blog--mainblog .grid-blogs.right .blog-column {
	display: flex;
}

.section-edutech-blog--mainblog .grid-blogs.right .blog-column h3 {
	margin-bottom: 16px;
}

.section-edutech-blog--mainblog
	.grid-blogs.right
	.blog-column
	.blog-column__thumbnail {
	width: 209px;
	display: block;
}

.section-edutech-blog--mainblog
	.grid-blogs.right
	.blog-column
	.blog-column__content {
	width: calc(100% - 209px);
	padding-left: 24px;
}

.blog-column .blog-column__content p {
	margin-bottom: 24px;
}

.section-edutech-blog--mainblog .grid-blogs.left .blog-column__content h2 {
	margin-bottom: 34px;
}

.section-edutech-blog--mainblog .grid-blogs.left .blog-column .ratio-4x3 {
	--bs-aspect-ratio: 66%;
}

/*===========================================================
EDUTECH SINGLE BLOG PAGE STYLES
===========================================================*/

.section-single-blog {
	padding: 120px 0;
	background: #f6f6f6;
}

.section-single-blog .thumbnail-wrap {
	padding-right: 40px;
}

.single-blog-thumbnail {
	border-radius: 12px;
	overflow: hidden;
	margin-bottom: 32px;
}

.section-single-blog .thumbnail-wrap h2 {
	margin-bottom: 32px;
}

.section-single-blog .thumbnail-wrap ul li {
	line-height: 21px;
}

.section-single-blog .content h4 {
	margin-bottom: 32px;
}

.section-single-blog .content p:not(:last-child) {
	margin-bottom: 24px;
}

.bg-light {
	background: #f6f6f6;
}