.aboutBanner { position: relative; height: 110vh; overflow-x: clip; display: flex; align-items: flex-start; }
.aboutBanner:before { content: ''; position: absolute; height: 300px; width: 100vw; background: linear-gradient(180deg, rgba(5, 4, 30, 0) 0%, #05041E 54.91%, #05041E 73.95%, rgba(5, 4, 30, 0) 93%); bottom: -100px; left: 0; z-index: 1; }
.aboutBannerImage { width: 100%; height: 100%; position: absolute; z-index: -1; }
.aboutBannerImage:before { content: ''; position: absolute; top: 0; left: 0; background: url(../../images/about-banner-star.png)center center no-repeat; background-size: cover; width: 100%; height: 100%; animation: starAnimation 5.5s ease-in-out infinite; transform-origin: center center; z-index: -1; }
@keyframes starAnimation {
	0%, 100% { transform: translateY(0) scale(1); }
	50% { transform: translateY(-40px); }
}
.aboutBannerImage img { width: 100%; height: 100%; object-fit: cover; object-position: bottom; }
.aboutBannerInner { padding: 150px 0 0 0; }
.aboutBannerHead { width: 65%; margin: 0 auto; }
.bannerSatellite { position: absolute; bottom: 300px; right: 100px; animation: floating 5s ease-in-out infinite; }
@keyframes floating {
	0% { transform: translateY(0) rotate(180deg); }
	50% { transform: translateY(-40px) rotate(180deg); }
	100% { transform: translateY(0) rotate(180deg); }
}
.headingTextWrapper { margin: 150px 0; position: relative; z-index: 1; background-color: var(--bgColor); overflow-x: clip; }
.headingTextWrapper:before { content: ''; position: absolute; bottom: 0; right: -200px; width: 600px; height: 110px; background: linear-gradient(90deg, #B2058C 17%, #C51768 22%, #D72848 28%, #E5362D 34.01%, #F14019 41.01%, #F8480A 48.01%, #FD4C02 57.01%, #FF4E00 72.01%, #F8C031 100.02%); border-radius: 50%; filter: blur(100px); z-index: -1; }
.bgImage { position: absolute; z-index: -1; width: 100%; height: 100%; opacity: 0.2; mix-blend-mode: plus-lighter; }
.bgImage img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: \; }
.textWrapper .description { font-size: var(--normalFont); font-weight: 300; }
.textWrapper { padding-top: 70px; }
.headingWrapper { position: relative; padding: 70px 0 100px 0; margin: 0 30px 0 0; }
.headingWrapper::before { content: ''; position: absolute; top: 0; width: 100vw; height: 2px; right: 0; background-color: var(--whiteColor); opacity: 0.2; }
.headingWrapper::after { content: ''; position: absolute; top: 2px; width: 2px; height: 100%; right: 0; background-color: var(--whiteColor); opacity: 0.2; }
.headingTextWrapInner .col-7 { position: relative; }
.headingTextWrapInner .col-7:before { content: ''; position: absolute; bottom: -2px; left: -45px; width: 55%; height: 2px; background-color: var(--whiteColor); opacity: 0.2; }
.lottieAnimation { position: absolute; top: -80px; right: -75px; z-index: 1; }

/* timeLine outer  journey*/
.journey { position: relative; overflow-x: clip; }
.journey:before { content: ''; position: absolute; top: 40%; left: -450px; transform: translateY(-50%) rotate(90deg); background: linear-gradient(90deg, #B2058C 17%, #C51768 22%, #D72848 28%, #E5362D 34.01%, #F14019 41.01%, #F8480A 48.01%, #FD4C02 57.01%, #FF4E00 72.01%, #F8C031 100.02%); height: 350px; width: 600px; filter: blur(300px); }
.journey:after { content: ''; position: absolute; top: 70%; right: -450px; transform: translateY(-50%) rotate(90deg); background: linear-gradient(90deg, #B2058C 17%, #C51768 22%, #D72848 28%, #E5362D 34.01%, #F14019 41.01%, #F8480A 48.01%, #FD4C02 57.01%, #FF4E00 72.01%, #F8C031 100.02%); height: 350px; width: 600px; filter: blur(300px); }
.journeyInner { position: relative; z-index: 1; }
.journeyInner:before { content: ''; position: absolute; top: -300px; right: calc(100vw - 750px); background: url(../../images/wave.webp)center center no-repeat; width: 750px; height: 1300px; background-size: contain; z-index: -1; }
.journeyInner:after { content: ''; position: absolute; top: -300px; left: calc(100vw - 750px); background: url(../../images/wave.webp)center center no-repeat; width: 750px; height: 1300px; background-size: contain; transform: rotateY(180deg); z-index: -1; }

/* timeLine original*/
.timeLineWrapper { padding: 80px 0 120px 0; }
.timeLineWrapper ul { margin: 0 auto; padding: 0; list-style: none; max-width: 90%; position: relative; }
.timeLineWrapper ul li { width: 50%; padding-block: 50px; position: relative; box-sizing: border-box; }
.timeLineWrapper ul li:nth-child(even) { margin-left: auto; padding-left: 70px; }
.timeLineWrapper ul li:not(:nth-child(even)) { text-align: right; padding-right: 70px; }
.timeLineWrapper ul li:after { content: ''; position: absolute; width: 12px; height: 12px; background: #222225; border-radius: 50%; top: 58px; right: -7px; transition: all 0.3s; }
.timeLineWrapper ul li.gone-view:after { content: ''; position: absolute; width: 12px; height: 12px; background: linear-gradient(90deg, #B2058C 0%, #FF4E00 49.5%, #F8C031 100%); border-radius: 50%; top: 58px; right: -7px; }
.timeLineWrapper ul li:nth-child(even):after { left: -6px; right: auto; }
.timeLineWrapper ul li:not(:nth-child(even)):before { right: -19px; }
.timeLineWrapper ul li:nth-child(even):before { left: -19px; }
.in-view .timeLineBox h4 { color: var(--primaryColor); }
.timeLineBox { opacity: 0.5; transition: all 0.3s; }
.timeLineBox .titleHeading { text-transform: uppercase; font-weight: 700; margin: 10px 0; }
.timeLineBox p { -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px var(--whiteColor); font-size: var(--xxLargeFont); margin: 0; font-weight: 800; line-height: 1; transition: all 0.3s; text-transform: uppercase; }
.in-view .timeLineBox { opacity: 1; }
.in-view .timeLineBox p { -webkit-text-stroke: 1px var(--primaryColor); }
.timeLineWrapper ul li .timeLineBox span { display: block; font-size: var(--normalFont); color: var(--whiteColor); }
.default-line { content: ""; position: absolute; left: 50%; width: 2px; background: linear-gradient(180deg, #0A0A0D 0%, #222225 18%, #202025 84%, #0A0A0D 100%); ; height: 100%; }
.draw-line { width: 2px; height: 0; position: absolute; left: 50%; background: linear-gradient(0deg, #B2058C 0%, #FF4E00 49.5%, #F8C031 100%); }
.timeline ul li.in-view::before { content: ""; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 42px; height: 42px; border-radius: 50%; background-image: url("https://sg0duxoli5-flywheel.netdna-ssl.com/wp-content/themes/inspired_elearning_theme/images/check-dark.svg"); background-color: #2ecc71; background-size: 20px 20px; background-repeat: no-repeat; background-position: center; transition: 0.125s ease-in-out, background-color 0.2s ease-out, color 0.1s ease-out, border 0.1s ease-out; }
.timeLineIndex { position: absolute; width: 68px; height: 68px; background: linear-gradient(90deg, #B2058C 0%, #FF4E00 49.5%, #F8C031 100%); display: flex; align-items: center; justify-content: center; border-radius: 50%; top: 30px; right: -35px; z-index: 2; overflow: visible; transition: all 0.3s; transform: scale(0); color: var(--whiteColor); font-size: var(--xMediumFont); }
.timeLineIndex:before { content: ''; position: absolute; width: calc(100% - 4px); height: calc(100% - 4px); background-color: #000; border-radius: 50%; z-index: -1; }
.timeLineWrapper ul li:nth-child(even) .timeLineIndex { right: auto; left: -35px; }
.timeLineWrapper ul li.in-view .timeLineIndex { transform: scale(1); }

/* vissionMission css */
.vissionMission { padding: 180px 0; position: relative; overflow-x: clip; }
.vissionMission:before { content: ''; position: absolute; bottom: 70%; left: 0; background: url(../../images/horizontal-wave.png)left center no-repeat; width: 60vw; height: 700px; background-size: contain; }
.vissionMission:after { content: ''; position: absolute; top: 85%; left: 0; background: url(../../images/horizontal-wave-2.png)left center no-repeat; width: 100vw; height: 300px; background-size: contain; }
.vMBox { position: relative; border-radius: 48px; padding: 80px; background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.3) 29.3%, rgba(255, 255, 255, 0.2) 100%); z-index: 1; box-sizing: border-box; height: 100%; }
.vMBox:before { content: ''; position: absolute; top: 1px; left: 1px; width: calc(100% - 2px); height: calc(100% - 2px); background-color: var(--bgColor); z-index: -1; border-radius: 48px; }
.vMBox .description { font-size: var(--normalFont); }
.vMBox:after { content: ''; position: absolute; bottom: -50px; height: 70px; width: 80%; left: 50%; transform: translateX(-50%); background: linear-gradient(90deg, #B2058C 17%, #C51768 22%, #D72848 28%, #E5362D 34.01%, #F14019 41.01%, #F8480A 48.01%, #FD4C02 57.01%, #FF4E00 72.01%, #F8C031 100.02%); filter: blur(90px); border-radius: 50%; opacity: 0.8; }
.vmContent .sectionHeading { margin: 40px 0 16px 0; }
.vmContent .description { font-weight: 300; line-height: 1.3; }
.vmLottie { width: 120px; height: 120px; }

/* teamWrap css */
.teamWrap { position: relative; overflow-x: clip; z-index: 1; }
.teamWrap:before { content: ''; position: absolute; top: 60%; left: -250px; transform: translateY(-50%); background: linear-gradient(90deg, #B2058C 17%, #C51768 22%, #D72848 28%, #E5362D 34.01%, #F14019 41.01%, #F8480A 48.01%, #FD4C02 57.01%, #FF4E00 72.01%, #F8C031 100.02%); filter: blur(250px); width: 380px; aspect-ratio: 1; z-index: -1; }
.teamWrap:after { content: ''; position: absolute; top: 60%; right: -250px; transform: translateY(-50%); background: linear-gradient(90deg, #B2058C 17%, #C51768 22%, #D72848 28%, #E5362D 34.01%, #F14019 41.01%, #F8480A 48.01%, #FD4C02 57.01%, #FF4E00 72.01%, #F8C031 100.02%); filter: blur(250px); width: 380px; aspect-ratio: 1; z-index: -1; }
.teamWrapTop { margin: 0 0 120px 0; }
.teamCardContent { margin: 40px 0 0 0; }
.cardContentTop { display: flex; align-items: center; justify-content: space-between; margin-bottom: 26px; }
.teamMemberName { width: calc(100% - 64px); }
.teamMemberName .titleHeading { text-transform: uppercase; font-weight: 600; }
.teamMemberName .titleHeading span { font-size: var(--normalFont); display: block; }
.cardContentTop a { width: 40px; height: 40px; background: linear-gradient(90deg, #B2058C 0%, #FF4E00 49.5%, #F8C031 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.teamCard { background-color: var(--bgColor); border: 1px solid var(--whiteColor); padding: 30px; border-radius: 50px; box-sizing: border-box; height: 100%; }
.teamMemberImage { border-radius: 40px; overflow: clip; height: 280px }
.teamMemberImage img { width: 100%; height: 100%; object-fit: cover }
.teamCardContent ul { list-style: none; margin: 0; padding: 0; }
.teamCardContent ul li { color: #fff; font-family: 'Montserrat'; padding: 0 0 20px 32px; position: relative; font-weight: 300; }
.teamCardContent ul li:before { content: ''; position: absolute; width: 12px; height: 12px; background-color: var(--primaryColor); top: 5px; left: 0; border-radius: 50%; }
.teamWrapInner:before { content: ''; position: absolute; top: 50%; width: 100vw; height: 1px; background-color: var(--primaryColor); left: 0; z-index: -1; }
.teamWrapInner .col-4 { margin: 0 0 30px 0; }

/* culture css */
.culture { margin: 200px 0; position: relative; z-index: 1; overflow-x: clip; }
.culture::before { content: ''; position: absolute; top: 60%; left: 50%; width: 650px; height: 200px; background: linear-gradient(90deg, #B2058C 17%, #C51768 22%, #D72848 28%, #E5362D 34.01%, #F14019 41.01%, #F8480A 48.01%, #FD4C02 57.01%, #FF4E00 72.01%, #F8C031 100.02%); filter: blur(300px); transform: translate(-50%, -50%); z-index: -1; }
.cultureListing { padding: 120px 0 0 0; }
.cultureHead { display: flex; align-items: center; margin: 0 0 20px; }
.headIcon { width: 100px; height: 100px; margin: 0 30px 0 0; }
.headIcon img { width: 100%; height: 100%; object-fit: contain; }
.cultureHead .titleHeading { text-transform: uppercase; font-weight: 700; width: calc(100% - 130px); }
.cultureText { width: 85%; }
.cultureText .smallDescription { font-weight: 200; }
.cultureListing .row { row-gap: 120px; }

/* partnerLogos css */
.partnerLogos { margin: 200px 0; }
.logoListing { margin: 100px 0 0 0; display: flex; flex-wrap: wrap; justify-content: center; column-gap: 40px; row-gap: 70px; }
.logoList img { opacity: 0.2; transition: all 0.3s; }
.logoList img:hover { opacity: 1; }
@media (max-width:1600px) {
	.bannerSatellite { right: 30px; }
}
@media (max-width:1440px) {
	.bannerSatellite { bottom: 80px; width: 260px; }
	.bannerSatellite img { width: 100%; object-fit: contain; }
}
@media (max-width:1366px) {
	.aboutBannerHead { width: 75%; }
	.headingWrapper { padding: 70px 0 156px 0; }
	.cardContentTop { align-items: flex-start; flex-direction: column; margin: 24px 0; }
	.teamMemberName { width: 100%; }
	.teamMemberName .titleHeading { margin: 0 0 10px 0; }
	.vMBox { padding: 40px 50px; }
}
@media (max-width:1280px) {
	.headingWrapper { padding: 70px 0 196px 0; }
}
@media (max-width:1024px) {
	.headingWrapper { margin: 0; padding: 50px 0 0 0; }
	.textWrapper { padding: 0 60px 0 0; }
	.headingTextWrapInner .col-7:before { display: none; }
	.headingTextWrapInner { width: 90%; }
	.headingWrapper .bannerHeading { width: 80%; }
	.headingWrapper::after { height: 290%; }
	.vMBox { padding: 30px; border-radius: 24px; }
	.vMBox:before { border-radius: 24px; }
	.teamWrapInner .col-4 { margin: 0 0 50px 0; }
	.teamWrapInner:before { display: none; }
	.culture { margin: 100px 0; }
}
@media (max-width:768px) {
	.vissionMissionInner .col-6 { margin: 0 0 50px 0; }
	.vissionMission { padding: 100px 0; }
	.vissionMission:before { bottom: 80%; }
	.teamCard { padding: 20px; border-radius: 30px; }
	.teamMemberImage { border-radius: 16px; }
	.aboutBannerHead { width: 100%; }
	.timeLineWrapper ul { max-width: 100%; }
	.bannerSatellite img { width: 100%; }
	.bannerSatellite { width: 250px; }
}
@media (max-width:586px) {
	.timeLineWrapper ul li { width: 100%; text-align: left !important; padding-left: 45px !important; padding-right: 0 !important; }
	.timeLineIndex { width: 48px; height: 48px; left: -23px !important; right: auto !important; top: 40px; }
	.timeLineWrapper ul { max-width: 90% }
	.default-line, .draw-line { left: 0; }
	.timeLineWrapper ul li:after { left: -5px; }
	.cultureText { width: 100%; }
}
@media (max-width:480px) {
	.lottieAnimation img { width: 100%; height: 100%; object-fit: contain; }
	.lottieAnimation { top: -40px; right: -39px; width: 80px; height: 80px; }
	.headingWrapper .bannerHeading { width: 100%; }
	.textWrapper { padding: 0 20px 0 0; }
	.cardContentTop { flex-direction: row; }
	.cultureList { text-align: center; }
	.cultureHead { flex-direction: column; }
	.headIcon { margin: 0; }
	.cultureListing .row { row-gap: 60px; }
	.logoList { width: 45%; height: 100px; }
	.logoList img { width: 100%; height: 100%; object-fit: contain; }
	.logoListing { column-gap: 30px; row-gap: 20px; }
	.partnerLogos { margin: 150px 0; }
	.aboutBannerHead { width: 76%; }
	.textWrapper .description { font-size: 12px; }
}