/*Hero section (first section)*/
.hero-section {
	/* text-align: center; */
	background: linear-gradient(165deg, #FFF 37.73%, #e5e7eb 80.37%);
	/* padding-bottom: 60px; */
	/* width: 100%; */
	padding: 0 72px 60px 72px;
}

.hero-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.section-first-text-container {
	width: 50%;
}

.section-first-image-container {
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.text-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.hero-title {
	/* width: 100%; */
	color: rgba(0, 0, 0, 0.85);
	text-align: center;
	font-family: "Istok Web";
	font-size: 68px;
	/* font-style: normal; */
	font-weight: 700;
	line-height: 86.8%; /* 62.496px */
	letter-spacing: -2.88px;
}

.hero-section img {
	max-width: 494px;
	height: auto;
}

.hero-section .hero-buttons {
	display: flex;
	justify-content: center;
	margin-top: 0px;
}

.hero-section .hero-buttons .btn {
	margin: 0.5rem;
	border-radius: 30px;
	padding: 0.5rem 2rem;
}



@media (min-width: 1500px) {
	.section-first-text-container {
		width: 50%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-end;
		/* padding-left: 40px; */
	}
	.section-first-image-container {
		width: 50%;
		margin-left: 0;
		align-items: flex-start;
		/* margin-left: 20px; */
	}
}

@media (min-width: 992px) {
	.hero-section .section-first-text-container {
		width: 45.8% !important;
	}

	.hero-section .section-first-image-container {
		width: 54.2% !important;
	}
}


@media (min-width: 1440px) {
	.hero-section .section-first-img {
		margin-left: 8%;
	}
}

.hero-section .section-first-img {
	width: 550px;
}

.hero-section .text-98 {
	color: var(--bs-text-black-2);
	text-align: center;
	font-family: var(--font-secondary);
	font-size: 4.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: 86.8%;
	letter-spacing: -0.285rem;
	margin-top: 30px;
}

.hero-section .orange-subheading {
	/* width: 100%; */
	color: var(--bs-primary);
	text-align: center;
	font-family: var(--font-primary);
	font-size: 2.75rem;
	font-style: italic;
	font-weight: 700;
	line-height: 86.8%;
	letter-spacing: -1.68px;
}

.hero-section .started-text {
	font-size: 2.0625em;
	color: var(--bs-text-black-2);
	padding: 0.5em;
	margin-top: 2.5rem;
	padding-bottom: 0rem;
	margin-bottom: 0rem;
}


@media (max-width: 767px) {
	.hero-container {
		display: block;
	}
	
	.section-first-text-container {
		width: 100%;
		/* padding-right: 70px; */
	}
	
	.section-first-image-container {
		width: 100%;
		padding-left: 0;
		text-align: center;
	}
	

	.hero-section {
		padding-bottom: 30px;

	}

	.hero-section .hero-title{
		font-size: 3.25rem;
		font-weight: 700;
		line-height: 86.8%;
		letter-spacing: -0.13rem;
		margin-top: 20px;
	}

	.hero-section .orange-subheading {
		font-size: 1.8125rem;
		font-style: italic;
		font-weight: 700;
		line-height: 86.8%;
		letter-spacing: -0.03625rem;
	}

	.hero-section .section-first-image-container {
		margin-top: 20px;
	}

	.hero-section .row {
		margin-left: 0px;
		margin-right: 0px;
	}

	.hero-section .started-text {
		color: rgba(0, 0, 0, 0.85);
		font-size: 1.8125rem;
		font-weight: 700;
		line-height: 2.4375rem;
		margin-top: 0.6875rem;
		padding: 0px;
	}
}


/* Feature section (2nd Section)*/

.feature-section {
	padding-top: 66px;
	padding-bottom: 66px;
}

.feature-section .feature-list {
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px !important;
	display: flex;
	justify-content: center;
	gap: 34px;
}

.feature-section .feature-item {
	display: flex;
	flex-direction: column;
	width: 160px;
	height: 160px;
	justify-content: center;
	flex-shrink: 0;
	border-radius: 30px;
	background: var(--bs-light-gray);
}

.feature-section .feature-img-container {
	width: 100%;
	display: flex;
	justify-content: center;
	padding-bottom: 10px;
	height: 72px;
}

.feature-section .feature-title {
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
}

.feature-section .feature-heading {
	font-size: 3.375rem;
	font-family: var(--font-secondary);
	font-weight: 700;
	line-height: 86.8%;
	letter-spacing: 0.18x;
	margin-bottom: 37px;
}

.feature-section .feature-mobile-heading {
	display: none;
}


@media (max-width: 767px) {

	.feature-section {
		padding-top: 35px;
		padding-bottom: 35px;
	}

	.feature-section .feature-list {
		padding-left: 7px;
		padding-left: 7px;
		margin-bottom: 7px;
	}

	.feature-section .feature-list {
		gap: 14px;
	}

	.feature-section .feature-img-container {
		padding-bottom: 5px;
		height: 72px;
		width: 72px;
	}

	.feature-section .feature-item {
		width: 160px;
		height: 160px;
		padding-left: 10px;
		padding-right: 10px;
		display: flex;
		flex-direction: column;
		/* justify-content: center; */
		align-items: center;
	}

	.feature-section .feature-img {
		transform: scale(0.8);
	}

	.feature-section .feature-heading {
		display: none;
	}

	.feature-section .feature-mobile-heading {
		display: block;
		text-align: center;
		font-family: var(--font-secondary);
		font-size: 2.6875rem;
		font-style: normal;
		font-weight: 700;
		line-height: 91.8%;
		letter-spacing: -0.05375rem;
	}
}


/* Mathematics Section */

.mathematics-section {
	padding-top: 27px;
	background-color: var(--bs-primary);
	margin-right: 0px;
	margin-left: 0px;
}

.mathematics-section .mathematics-heading {
	color: var(--bs-white);
	font-family: var(--font-secondary);
	font-size: 3.375rem;
	font-weight: 700;
	line-height: 86.8%;
	letter-spacing: -0.18rem;
}

.mathematics-section .mathematics-text {
	width: 72%;
	color: var(--bs-white);
	text-align: center;
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 700;
	line-height: 150.3%;
}


@media (max-width: 767px) {
	.mathematics-section .mathematics-heading {
		font-size: 2.6875rem;
		line-height: 91.8%;
		letter-spacing: -0.05375rem;
	}

	.mathematics-section .mathematics-text {
		width: 90%;
	}
}

/* Partnership section */

.partner-section {
	/* padding-top: 66px;
	padding-bottom: 66px; */
  padding: 66px 6%;
  /* max-width: 70%; */
}

.partner-section .partner-list {
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px !important;
	display: flex;
	justify-content: center;
	gap: 33px;
}

.partner-section .partner-heading {
	font-size: 3.375rem;
	font-family: var(--font-secondary);
	font-weight: 700;
	line-height: 86.8%;
	letter-spacing: 0.18x;
	margin-bottom: 37px;
}

.partner-section .partner-img-container {
	width: 100%;
	height: 130px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding-bottom: 31px;
}

.partner-section .partner-item {
	display: flex;
	width: 352px;
	height: 279px;
	flex-direction: column;
	align-items: center;
	flex-shrink: 0;
	background: var(--bs-light-gray);
	border-radius: 30px;
	padding-left: 44px;
	padding-right: 44px;
}

.partner-section .partner-content {
	font-size: 18px;
	/* font-size: 1.125rem; */
	font-weight: 400;
	line-height: 150.3%;
}

.partner-section .partner-mobile-heading {
	display: none;
}

@media (min-width: 1700px) {
  .partner-section {
    width: 80%;
  }
}
@media (max-width: 992px) {
	.partner-section .partner-item {
		width: 370.75px;
	}
}

@media (max-width: 767px) {

	.partner-section {
		padding-top: 35px;
		padding-bottom: 35px;
	}

	.partner-section .partner-list {
		padding-left: 7px;
		padding-left: 7px;
	}

	.partner-section .partner-list {
		gap: 14px;
	}

	.partner-section .partner-img-container {
		width: 341.75px;
		height: 105px;
		display: flex;
		align-items: flex-end;
		justify-content: center;
	}

	.partner-section .partner-item {
		width: 341.75px;
		height: 105px;
	}

	.partner-section .partner-img {
		transform: scale(0.8);
	}

	.partner-section .partner-heading {
		display: none;
	}

	.partner-section .partner-mobile-heading {
		display: block;
		text-align: center;
		font-family: var(--font-secondary);
		font-size: 2.6875rem;
		font-style: normal;
		font-weight: 700;
		line-height: 91.8%;
		letter-spacing: -0.05375rem;
	}

	.partner-section .partner-content {
		display: none;
	}
}


/* Featured courses section */


.featured-courses-section {
	min-height: 400px;
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: rgba(243, 112, 33, 0.15);
}

.featured-courses-section .featured-courses-heading {
	font-size: 3.375rem;
	font-family: var(--font-secondary);
	font-weight: 700;
	line-height: 86.8%;
	letter-spacing: 0.18x;
	margin-bottom: 37px;
}

.featured-courses-section .featured-courses-mobile-heading {
	display: none;
}

.carousel-inner {
	width: 75%;
	margin: auto;
}

.card-img {
	margin: auto;
	width: 100%;
}

.featured-img-container  {
	min-height: 240px;
}

.featured-img {
	border-radius: 15px;
	box-shadow: 5px 5px 0px 5px #FFF;
  margin: 15px;
	width: 80%;
}

@media (max-width: 767px) {
	.featured-courses-section .carousel-inner .carousel-item>div {
		display: none;
	}

	.featured-courses-section .carousel-inner .carousel-item>div:first-child {
		display: block;
	}

	.featured-courses-section {
		height: auto;
		padding-top: 35px;
		padding-bottom: 35px;
	}

	.featured-courses-section .featured-courses-heading {
		display: none;
	}

	.featured-courses-section .featured-courses-mobile-heading {
		display: block;
		text-align: center;
		font-family: var(--font-secondary);
		font-size: 2.6875rem;
		font-style: normal;
		font-weight: 700;
		line-height: 91.8%;
		letter-spacing: -0.05375rem;
	}

	.featured-img-container  {
		height: auto;
	}

	.carousel-inner.active {
		width: 100%;
		margin: auto;
	}

}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
	display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {

	.carousel-inner .carousel-item-end.active,
	.carousel-inner .carousel-item-next {
		transform: translateX(25%);
	}

	.carousel-inner .carousel-item-start.active,
	.carousel-inner .carousel-item-prev {
		transform: translateX(-25%);
	}
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start {
	transform: translateX(0);
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
	background-color: black;
	/* Change icon color to black */
}


/* Sign Up section */

.hero-section-signup {
	display: flex;
	align-items: center;
	justify-content:center;
	background: linear-gradient(165deg, #FFF 37.73%, #e5e7eb 80.37%);
	/* padding-bottom: 60px; */
	height: 523px;
	/* padding-left: 80px; */
}

.section-bottom-image-container {
	width: 50%;
}

.hero-section-signup img {
	width: 90%;

}

.bottom-cta-img {
	/* width: 50%;
	padding-left: 70px; */
	/* width: 659px; */
	max-height: 440px;
	max-width: 659px;
}

.hero-section-signup .img-box {
	display: flex;
	justify-content: center;
}

.hero-section-signup .text-box {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 0 80px;
}

.hero-section-signup .hero-buttons {
	display: flex;
	justify-content: center;
	margin-top: 0px;
}

.hero-section-signup .hero-buttons .btn {
	margin: 0.5rem;
	border-radius: 30px;
	padding: 0.5rem 2rem;
}

.hero-section-signup .title-signup {
	color: var(--bs-text-black-2);
	text-align: center;
	font-family: var(--font-secondary);
	font-size: 54px;
	font-style: normal;
	font-weight: 700;
	line-height: 86.8%;
	letter-spacing: -0.185rem;
	margin-top: 30px;
	margin-bottom: 52px;
}

.orange-subheading-signup {
	color: var(--XYZ-Orange, #F37021);
	text-align: center;
	font-family: "Trebuchet MS";
	font-size: 36px;
	font-style: italic;
	font-weight: 700;
	line-height: 86.8%; /* 31.248px */
	letter-spacing: -1.08px;
	margin-bottom: 40px;
}

@media (max-width: 767px) {
	.hero-section-signup {
		height: auto;
		padding: 50px 0;
	}

	.hero-section-signup .text-box {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		padding: 0;
		height: auto;
	}

	.hero-section-signup .title-signup {
		font-size: 3.25rem;
		font-weight: 700;
		line-height: 86.8%;
		letter-spacing: -0.13rem;
		margin-top: 20px;
		margin-bottom: 10px;
	}

	.hero-section-signup .orange-subheading {
		font-size: 1.8125rem;
		font-style: italic;
		font-weight: 700;
		line-height: 86.8%;
		letter-spacing: -0.03625rem;
	}

 	.hero-section-signup .section-first-image-container {
		display: none;
	}

	.hero-section-signup .row {
		margin-left: 0px;
		margin-right: 0px;
	}

	.hero-section-signup .started-text {
		color: rgba(0, 0, 0, 0.85);
		font-size: 1.8125rem;
		font-weight: 700;
		line-height: 2.4375rem;
		margin-top: 0.6875rem;
		padding: 0px;
	}

  .featured-img {
    max-width: 80%;
    /* max-width: auto; */
  }

  .about-header-img {
    max-width: 80%;
    /* max-width: auto; */
  }
}


/**** ABOUT PAGE STYLES ********************** */

.about-hero-section {
	background: linear-gradient(165deg, #FFF 37.73%, #e5e7eb 80.37%);
	padding: 70px 120px;
}

.about-hero-container {
	display: flex;
	justify-content: center;
	align-items: center;
}

.about-container {
	display: flex;
	justify-content: center;
	width: 100%;
}

.about-image-box {
	width: 60%;
	text-align: center;
}

.about-header-img {
	width: 80%;
	min-width: 637px;
	min-height: 332px;
}

.about-text-box {
	width: 40%;
	text-align: center;
	margin: auto;
	margin-right: 90px;
}

.para-texl {
	margin: auto;
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 150.3%;
}

.heading-text {
	font-family: var(--font-secondary);
	font-size: 3.375rem;
	font-weight: 700;
	line-height: 86.8%;
	letter-spacing: -2.16px;
	margin-top: 36px;
	margin-bottom: 24px;
}

.about-text-small-width {
	width: 70%;
}

.about-text-medium-width {
	width: 80%;
}

.text-md-start {
	padding-left: 42px;
}

/* OUR STORY SECTION  */

.about-image-box-left {
	width: 40%;
	text-align: center;
	margin: auto;
}

.our-story-img {
	width: 488px;
	height: 425px;
}

.about-text-box-right {
	width: 60%;
	text-align: center;
	margin-left: 90px;
}

.about-para-text {
	width: 90%;
	margin: auto;
	text-align: center;
	font-family: "Trebuchet MS";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 150.3%;
}

.instructor-focus-card .heading {
	color: var(--bs-secondary);
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: 125%;
}

.instructor-img {
	width: 499px;
	height: 361px;
}

@media (min-width: 1400px) {
	.about-hero-container {
		justify-content: space-around;
		/* justify-content: center; */
	}

	.about-para-text {
		width: 70%;
	}

	.about-image-box-left {
		width: 40%;
		text-align: right;
		margin: auto;
	}

	.about-text-box-right {
		width: 60%;
		text-align: center;
		margin: 0;
	}

	.about-para-text {
		width: 70%;
	}
	
}

@media (max-width: 767px) {
	.about-hero-section {
		background: linear-gradient(165deg, #FFF 37.73%, #e5e7eb 80.37%);
		padding: 70px 25px;
	}

	.about-hero-container {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	
	.about-container {
		display: flex;
		justify-content: center;
		width: 100%;
	}
	
	.about-image-box {
		width: 100%;
	}
	
	.about-header-img {
		min-width: 100%;
		min-height: auto;
	}
	
	.about-text-box {
		width: 100%;
		text-align: center;
		margin: auto;
	}
	
	.about-image-box-left {
		width: 100%;
	}
	
	.our-story-img {
		width: 100%;
		height: auto;
	}
	
	.about-text-box-right {
		width: 100%;
		text-align: center;
		margin-left: 0;
	}

	.instructor-img {
		width: 100%;
		height: auto;
	}

	.about-text-small-width {
		width: 100% !important;
	}

	.heading-text {
		font-size: 2.6875rem;
	}

	.text-md-start {
		padding-top: 24px;
	}
}