/* aboutBanner css */
.aboutBanner { height: 100vh; position: relative; z-index: 1; overflow: clip; display: flex; align-items: flex-end; padding: 0 0 125px 0; }
.aboutBanner:before { content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(179.99deg, rgba(0, 55, 101, 0.487262) 35%, #003765 99.99%); bottom: 0; left: 0; z-index: -1; }
.aboutBannerBgVideo { position: absolute; z-index: -2; top: 0; left: 0; width: 100%; height: 100%; }
.aboutBannerBgVideo video { object-fit: cover; width: 100%; height: 100%; }
.aboutBannerHeading { margin: -100px 0 0 0; }
.aboutBannerHeading { margin: -100px 0 0 0; }
.aboutBannerContent { padding: 10px 0 10px 50px; position: relative; border-left: 2px solid var(--colorSecondary); }
.aboutBannerContent:before { content: ''; position: absolute; width: 12px; aspect-ratio: 1; background-color: var(--colorSecondary); border-radius: 50%; top: 0; left: -7px; }
.aboutBannerContent:after { content: ''; position: absolute; width: 12px; aspect-ratio: 1; background-color: var(--colorSecondary); border-radius: 50%; bottom: 0; left: -7px; }
.aboutBannerContent .secondaryBtn { margin: 12px 0 0 0; }
.aboutBannerHeading .heading11xl { line-height: 1.1; }

/* missionVission css */
.missionVission { position: relative; background-color: #F4F4F7; z-index: 1; }
.missionVission:before { content: ''; position: absolute; width: 50vw; left: 0; height: 100%; background-color: var(--colorPrimary); z-index: -1; }
.mvContentIndex { display: block; color: var(--colorSecondary); }
.mvContent { padding: 100px 100px 125px 0; }
.col-lg-6:last-child .mvContent { padding: 100px 0 125px 80px; }
.col-lg-6:first-child .heading10xl { color: var(--colorWhite); }
.col-lg-6:first-child .heading10xl span { color: var(--colorSecondary); }
.mvContent .subTextLg { margin: 40px 0 0 0; }
.col-lg-6:last-child .mvContent .subTextLg { color: var(--colorText); }

/* corevalue css */
.corevalue { padding: 120px 0; background-color: var(--colorBg); }
.coreValueListing { margin: 80px 0 0 0; }
.coreValueList { background-color: var(--colorWhite); padding: 40px 30px; border-radius: 32px; display: flex; gap: 100px; flex-direction: column; height: 100%; }
.coreValueList .heading5xl { color: var(--colorPrimary); opacity: 0.2; transition: all 0.3s; }
.coreValueList:hover .heading5xl { opacity: 1; color: var(--colorBlack); }
.coreValueContent { display: flex; flex-direction: column; gap: 60px; }
.coreValueIcon { opacity: 0.2; filter: brightness(0.9) saturate(0.4) hue-rotate(180deg) contrast(0.85); transition: all 0.3s; width: 100px; height: 110px; }
.coreValueIcon img { width: 100%; height: 100%; object-fit: contain; }
.coreValueList:hover .coreValueIcon { filter: none; opacity: 1; }

/* industriesServed css */
.industriesServed { padding: 120px 0; position: relative; overflow: clip; z-index: 1; }
.industriesServedBg { position: absolute; width: 1396px; height: 700px; top: -48%; right: -36%; transform: rotate(120deg); }
.industriesServedTop .row { align-items: flex-end; }
.industriesServedTop .yearTag { padding: 10px 20px; border: 1px solid var(--colorPrimary); line-height: 1; color: var(--colorPrimary); border-radius: 40px; margin: 0 0 50px 0; display: inline-block; }
.industriesServedTop .subTextLg { color: var(--colorText); }
.industriesServedTop span:not(.subTextLg) { border: 1px solid var(--colorPrimary); padding: 10px 20px; border-radius: 30px; line-height: 1; display: inline-block; margin: 0 0 30px 0; }
span.year { font-size: 24px; color: #0B3B60; }
.slideImage { width: 60px; height: 60px; border-radius: 50%; overflow: clip; margin: 16px 0; }
.slideImage img { width: 100%; height: 100%; object-fit: cover; }
.timeLineSwiper .swiper-slide:nth-child(odd) { margin: 286px 0 0 0; }
.timeLineSwiper { margin: 100px 0 0 0; position: relative; }
.swiperControl2 .prevBtn { position: absolute; top: 50%; right: calc(100% + 40px); transform: translateY(-50%); }
.swiperControl2 .nextBtn { position: absolute; top: 50%; left: calc(100% + 40px); transform: translateY(-50%); }
.timeLineSwiperSlide span.subTextSm { width: 145%; }
.timeLineSwiperSlide { display: flex; flex-direction: column-reverse; position: relative; min-height: 220px; }
.timeLineSwiperSlide:before { content: ''; position: absolute; width: 20px; height: 20px; background-color: var(--colorSecondary); border: 5px solid var(--colorWhite); border-radius: 50%; bottom: -43px; left: 20px; }
.timeLineSwiper .swiper-slide:nth-child(odd) .timeLineSwiperSlide:before { bottom: auto; top: -43px; }
.timeLineSwiper .swiper-slide:first-child .timeLineSwiperSlide:before { left: 0; }
.timeLineSwiper .swiper-slide:nth-child(odd) .timeLineSwiperSlide { flex-direction: column; }
.timeLineSwiper .swiper-slide:nth-child(6) .slideImage, .timeLineSwiper .swiper-slide:nth-child(12) .slideImage { border-radius: 0 !important; }
.timeLineSwiper .swiper-slide:nth-child(6) .slideImage img, .timeLineSwiper .swiper-slide:nth-child(12) .slideImage img { object-fit: contain !important; }
.timeLineSwiper .swiper-wrapper { position: relative; }
.timeLineSwiper .swiper-wrapper:before { content: ''; position: absolute; width: 250%; height: 2px; background-color: #E6E9F0; top: 50%; left: 0; z-index: -1; }
.timeLineSwiper .swiper-wrapper:after { content: ''; background: url(../../images/time-line-center.svg)center center; background-size: contain; width: 250%; height: 70px; top: 50%; left: 0; position: absolute; transform: translateY(-50%); z-index: -1; background-repeat: repeat-x; z-index: -1; }

/* .timeLineSwiper .swiper-slide:not(:first-child) { margin-left: -50px; } */
.swiper-slide:nth-child(6) .timeLineSwiperSlide span.subTextSm { width: 166%; }
.swiper-slide:nth-child(8) .timeLineSwiperSlide span.subTextSm { width: 166%; }

/* timeLine original*/

/* .timeLineWrapper { padding: 80px 0 120px 0; }
.timeLineWrapper ul { margin: 0 auto; padding: 0; list-style: none; position: relative; }
.timeLineWrapper ul:before { content: ''; position: absolute; background: url(../../images/time-line-center.svg) center center no-repeat; background-size: cover; width: 75px; height: 100%; left: 50%; top: 0; transform: translateX(calc(-50% + 1px)); }
.timeLineWrapper ul li { width: 50%; padding-block: 50px; position: relative; box-sizing: border-box; }
.timeLineWrapper ul li:nth-child(odd) { margin-left: auto; padding-left: 50px; text-align: left; }
.timeLineWrapper ul li:not(:nth-child(odd)) { text-align: left; padding-right: 50px; }
.timeLineWrapper ul li:not(:nth-child(odd)):before { right: -19px; }
.timeLineWrapper ul li:nth-child(odd):before { left: -19px; }
.timeLineBox { opacity: 0.5; transition: all 0.3s; display: flex; align-items: center; gap: 40px; padding: 30px 0 30px 40px; position: relative; }
.timeLineBox:before { content: ''; position: absolute; width: 0; height: 100%; background-color: #F4F3F8; z-index: -1; left: 0; top: 0; border-radius: 30px; transition: all 0.7s; }
.in-view .timeLineBox:before, .gone-view .timeLineBox:before { width: 85%; }
.timeLineBox .heading9xl { color: var(--colorPrimary); }
.timeLineImage { width: 185px; height: 100%; border-radius: 16px; overflow: clip; transform: translateX(60px); opacity: 0; visibility: hidden; transition: all 0.7s; }
.timeLineWrapper ul li:not(:nth-child(odd)) .timeLineImage { transform: translateX(-60px); }
.in-view .timeLineImage, .gone-view .timeLineImage, ul li:not(:nth-child(odd)).in-view .timeLineImage, .gone-view ul li:not(:nth-child(odd)).in-view .timeLineImage { transform: translateX(0); opacity: 1; visibility: visible; }
.timeLineWrapper ul li:not(:nth-child(odd)) .in-view .timeLineImage, .gone-view .timeLineImage { transform: translateX(0); opacity: 1; visibility: visible; }
.timeLineImage img { width: 100%; height: 100%; object-fit: cover; }
.timeLineWrapper ul li:not(:nth-child(odd)) .timeLineBox { flex-direction: row-reverse; padding: 30px 40px 30px 0; }
.timeLineWrapper ul li:not(:nth-child(odd)) .timeLineBox:before { left: auto; right: 0; }
.timeLineBox div:not(.timeLineImage) { width: calc(100% - 225px); }
.timeLineBox div .subTextLg { margin: 20px 0 0 0; }
.in-view .timeLineBox, .gone-view .timeLineBox { opacity: 1; }
.in-view .timeLineBox p { -webkit-text-stroke: 1px var(--primaryColor); }
.timeLineWrapper ul li .timeLineBox span { display: block; color: var(--colorText); }
.default-line { content: ""; position: absolute; left: 50%; width: 3px; background: #E6E9F0; height: 100%; }
.draw-line { width: 3px; height: 0; position: absolute; left: 50%; background: var(--colorSecondary); }
.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: 26px; height: 26px; background-color: var(--colorSecondary); display: flex; align-items: center; justify-content: center; border-radius: 50%; top: 30px; right: -15px; z-index: 2; overflow: visible; transition: all 0.3s; color: var(--whiteColor); font-size: var(--xMediumFont); border: 6px solid var(--colorWhite); }
.timeLineWrapper ul li:nth-child(odd) .timeLineIndex { right: auto; left: -12px; } */

/* imageText css */
.imageText { padding: 120px 0; background-color: var(--colorBg); position: relative; overflow: clip; }
.imageText:before { content: ''; position: absolute; width: 100vw; height: 500px; background: url(../../images/dot-bg.png) center center; background-size: contain; bottom: -20%; left: -70%; background-repeat: repeat-x; }
.imageTextTop { width: 70%; }
.imageTextBox { margin: 120px 0 0 0; }
.imageTextBox .row { justify-content: space-between; align-items: center; }
.imageTextInner { max-width: 80%; margin: 0 auto; }
.imageTextImg { border-radius: 30px; overflow: clip; height: 440px; }
.imageTextImg img { width: 100%; height: 100%; object-fit: cover; }
.imageTextContent .subTextLg { color: var(--colorText); }
.mobileHeading { display: none; }

/* experts css */
.experts { padding: 120px 0; }
.expertsTop { width: 60%; margin: 0 auto; text-align: center; }
.expertsListing { margin-top: 80px; }
.expertsList { background-color: var(--colorBg); padding: 16px; padding-bottom: 50px; border-radius: 32px; position: relative; overflow: clip; display: flex; flex-direction: column; gap: 74px; height: 100%; cursor: pointer; }
.expertsList:before { content: ''; position: absolute; background: url(../../images/expert-patten.svg) center center no-repeat; width: 170px; height: 170px; object-fit: contain; background-size: contain; top: 0; left: 0; }
.expertProfile { display: flex; align-items: flex-start; justify-content: space-between; position: relative; }
.profileImage { border-radius: 16px; height: 150px; width: 150px; overflow: clip; transition: all 0.3s; }
.profileImage img { width: 100%; height: 100%; object-fit: cover; }
.profileDetail .subTextBase { margin: 10px 0 0 0; }
.profileDetail .subTextXl { font-weight: 600; color: var(--colorPrimary); display: block; }
.expertProfile a { font-size: 24px; padding: 14px; color: var(--colorPrimary); opacity: 0.2; transition: all 0.3s; }
.expertProfile a:hover { color: var(--colorSecondary); opacity: 1; }
.expertProfilePopUpOuter { position: fixed; width: 100%; height: 100%; background-color: #00000099; top: 0; left: 0; z-index: 24; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.3s; }
.activePopUp { opacity: 1; visibility: visible; }
.expertProfilePopUp { width: 40%; height: 80%; overflow: auto; background-color: var(--colorWhite); padding: 70px 40px; border-radius: 12px; position: relative; z-index: 1; transform: scale(0.5); transition: all 0.3s; }
.activePopUp .expertProfilePopUp { transform: scale(1); }
.expertProfilePopUp:before { content: ''; position: absolute; width: 350px; height: 350px; background: url(../../images/popup-circle-patten.svg)center center no-repeat; background-size: cover; top: 0; left: 0; z-index: -1; }
.expertProfilePopUp span { color: var(--colorText); }
.expertProfilePopUp .subTextXl { font-weight: 600; color: var(--colorPrimary); }
.expertProfilePopUp .subTextLg { margin: 30px 0 0 0; }
.closeBtn { display: flex; justify-content: flex-end; position: absolute; top: 20px; right: 30px; z-index: 1; cursor: pointer; }
.closeBtn i { font-size: 30px; }
.expertProfilePopUp a { margin: 100px 0 0 0; display: inline-block; font-size: 24px; color: var(--colorSecondary); }
.bgPatten { position: absolute; z-index: -1; top: 0; left: 0; transition: ease-in-out 0.3s; transform-origin: top left; }
.expertsList:hover .bgPatten { transform: scale(1.15); }
.expertsList:hover .profileImage { box-shadow: 0px 6px 9px -2px #00000085; }

/* commitment css */
.commitment { padding: 0 0 280px 0; position: relative; z-index: 1; overflow: clip; }
.commitment:before { content: ''; position: absolute; width: 900px; height: 500px; background: url(../../images/dot-bg.png) center center no-repeat; bottom: -20%; background-size: contain; right: -11%; }
.commitmentInner .subText2xl { color: #003764; padding: 14px 0 14px 50px; border-left: 2px solid var(--colorSecondary); position: relative; }
.commitmentInner .subText2xl:before { content: ''; position: absolute; width: 12px; aspect-ratio: 1; background-color: var(--colorSecondary); border-radius: 50%; left: -7px; top: 0; }
.commitmentInner .subText2xl:after { content: ''; position: absolute; width: 12px; aspect-ratio: 1; background-color: var(--colorSecondary); border-radius: 50%; left: -7px; bottom: 0; }
.commitmentInner .row { justify-content: space-between; }
.commitmentInner .row:nth-child(2) { justify-content: flex-end; }
.commitmentInner .row:last-child { margin: 70px 0 0 0; align-items: flex-end; }
.isoBox { display: flex; align-items: flex-end; justify-content: space-between; position: relative; }
.isoBox .subTextLg { color: var(--colorText); }
.isoImage { border-radius: 20px; overflow: clip; }
.isoImage img { width: 100%; height: 100%; object-fit: cover; }
.isoImage2 { width: 125px; }
.isoImage2 img { width: 100%; height: 100%; object-fit: contain; }
.isoContent { width: calc(100% - 180px); }
.isoBox:before { content: ''; position: absolute; width: 100%; height: 1px; background-color: #E6E9F0; top: -80px; left: 0; }

/* bottomSwiper css */
.bottomSwiper { margin: 80px 0; overflow: clip; }
.bottomSwiperInner .swiper { overflow: visible; }
.bSwiperSlide { overflow: clip; border-radius: 20px; }
.bSwiperSlide img { width: 100%; height: 100%; object-fit: cover; }