.aboutBanner { padding: 270px 0 0 0; position: relative; z-index: 1; height: 80vh; }
.aboutBannerShap { position: absolute; bottom: 0; left: 30%; }
.aboutBannerHeading { font-weight: 800; font-size: var(--font11xl); display: block; }
.aboutBannerHeading span { font-size: 160px; text-fill-color: transparent; text-stroke: 1px #bfbfc77a; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px #bfbfc77a; -moz-text-fill-color: transparent; line-height: 0.6; display: block; }
.bannerSubText { width: 40%; margin-left: auto; position: relative; }
.bannerSubText::before { content: ''; position: absolute; width: 100px; height: 16px; background-color: var(--colorPrimary); bottom: calc(100% + 24px); left: 0; }
.bannerSubText .subTextXl { font-family: var(--fontSecondary); opacity: 0.6; margin-bottom: 40px; }

/* whoWeAre css */
.whoWeAre { padding: 200px 0 130px 0; }
.whoWeAreTop { display: flex; align-items: center; gap: 40px; position: relative; margin: 0 0 0 130px; }
.imageTarget { width: 290px; height: 150px; }
.scaleimage { position: relative;    /*   overflow: hidden; */ }
.scaleimageInner { width: 100%; max-width: 100%; transform-origin: center center; will-change: transform; }
.scaleimageInner img { width: 100%; height: auto; display: block; }
.whoWeAreContent { margin: 60px; }
.whoWeAreContent .row { justify-content: flex-end; }
.whoWeAreContent .subTextXl { font-family: var(--fontSecondary); position: relative; color: #ffffff99; }
.whoWeAreContent .subTextXl:before { content: ''; position: absolute; width: 80px; height: 16px; background-color: var(--ColorPrimaryDrk); right: calc(100% + 40px); top: 10px; }

/* coreValueListing css */
.coreValue { overflow: clip; margin: 300px 0 0 0; }
.coreValueListing { margin: 100px 0 0 0; position: relative; }
.coreValueListIndex span:after { content: ''; position: absolute; width: 100vw; left: 0; background-color: var(--colorPrimary); height: 1px; bottom: -21px; }
.coreValueListIndex span { font-size: var(--font10xl); color: #D9D9D91A; font-weight: 700; position: relative; }
.coreValueListIndex span:before { content: ''; position: absolute; width: 7px; height: 7px; background-color: var(--colorPrimary); border-radius: 50%; bottom: -24px; left: 50%; transform: translateX(-50%); }
.coreValueListContent { margin-top: 110px; }
.coreValueListIcon { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; margin: 0 0 75px 0; }
.coreValueListIcon img { width: 100%; height: 100%; object-fit: contain; }
.coreValueListText h4 { text-transform: uppercase; font-weight: 400; }
.coreValueListText span { opacity: 0.4; font-family: var(--fontSecondary); font-size: var(--fontLg); }

/* leadership css */
.leadership { margin: 250px 0 130px; }
.leadershipListing { display: flex; margin: 56px 0 0 0; border: 1px solid #ffffff42; position: relative; border-radius: 16px; overflow: clip; z-index: 1; }
.leadershipListing::before { content: ''; position: absolute; width: 100%; height: 100%; opacity: 0.4; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 27.45%, #353D3E 94.9%); z-index: -1; }
.leadershipList { padding: 50px 30px; display: flex; flex-direction: column; border-right: 1px solid #ffffff42; gap: 200px; width: 25%; }
.leadershipList:last-child { border: none; }
h3.leadershipListHeading { font-size: var(--fontMd); padding: 0 0 0 25px; position: relative; text-transform: uppercase; font-weight: 400; }
h3.leadershipListHeading:before { content: ''; position: absolute; width: 10px; height: 10px; background-color: var(--colorPrimary); border-radius: 50%; left: 0; top: 50%; transform: translateY(-50%); }
.leadershipListContent { display: flex; gap: 40px; flex-direction: column; height: 100%; justify-content: space-between; }
.leadershipListContent span { opacity: 0.6; font-weight: 400; }
.leadershipListContent a { font-size: 24px; color: var(--colorPrimary); }

/*  */
.path-svg { width: 100%; height: 100%; }
.sliderSectionOuter { position: relative; }
.sliderSectionOuter:before { content: ''; position: absolute; width: 9px; height: 9px; background-color: var(--ColorPrimaryDrk); border-radius: 50%; top: -5px; left: 15%; }
.sliderSectionOuter:after { content: ''; position: absolute; width: 9px; height: 9px; background-color: var(--ColorPrimaryDrk); border-radius: 50%; bottom: -5px; right: 15%; }
.sliderSectionOuter { padding: 50px 0; border-top: 1px solid #ffffff3b; border-bottom: 1px solid #ffffff3b; }
.ssSlideImage { height: 100%; width: 100%; border-radius: 20px; overflow: clip; }
.sliderSectionOuter .swiper-slide { height: auto; }
.ssSlideImage img { width: 100%; object-fit: cover; height: 100%; }