.serviceBanner { padding: 230px 0 200px 0; }
.serviceBannerHeading span:not(.lineText) { margin: -20px 0 0 130px; width: 50%; display: inline-block; line-height: 1; }
.serviceBannerHeading { font-weight: 700; font-size: var(--font6xl); display: block; text-transform: uppercase; }
.serviceBannerHeading .lineText { font-size: 150px; 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; text-transform: uppercase; font-weight: 700; }
.serviceBannerSubText { width: 50%; margin-left: auto; margin-top: 60px; position: relative; }
.serviceBannerSubText:before { content: ''; position: absolute; width: 70px; height: 15px; background-color: var(--colorPrimary); top: 9px; right: calc(100% + 30px); }
.serviceBannerSubText .subTextMd { font-family: var(--fontPrimary); line-height: 1.7; opacity: 0.6 !important; font-weight: 400; margin: 0 0 28px 0; }
.photoOnly { position: relative; z-index: 1; overflow-x: clip; margin: 0 0 200px 0; }
.photoOnly:before { content: ''; position: absolute; width: 80%; height: 100%; bottom: -20%; left: -2px; border: 1px solid #ffffff44; border-radius: 0 500px 500px 0; z-index: -1; }
.photoOnly:after { content: ''; position: absolute; width: 9px; height: 9px; bottom: calc(-20% - 4px); left: 15%; background-color: var(--ColorPrimaryDrk); border-radius: 50%; z-index: -1; box-shadow: 800px 0px 0px var(--ColorPrimaryDrk); }
.photoOnlyInner { height: 550px; }
.photoOnlyInner img, .photoOnly video { height: 100%; width: 100%; object-fit: cover; }
.accordianWrapper { margin: 150px 0; }
.textImageInner { display: flex; align-items: center; }
.leftText, .rightImage { width: 50%; }
.rightImage img { width: 100%; height: 100%; object-fit: contain; }
.accordion-body { padding: 0; position: relative; z-index: 1; }
.accordion-body:before { content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 27.45%, #353D3E 94.9%); opacity: 0.4; top: 0; left: 0; z-index: -1; border-radius: 22px }
.accordion-body, .accordion-item { background: transparent; }
.accordion-item { border-radius: 22px !important; }
.accordion-item { border: 1px solid #FFFFFF42; margin: 0 0 20px 0; }
.accordion-item:not(:first-of-type) { border: 1px solid #FFFFFF42 !important; }
.leftText { padding: 0 0 0 80px; }
.leftText .heading4xl { font-family: var(--fontSecondary); text-transform: none; font-weight: 600; opacity: 0.6 !important; }
.leftText span { opacity: 0.6 !important; margin: 10px 0 0 0; }
.accordion-header { position: relative; overflow: clip; border-radius: 20px !important; z-index: 1; }
.accordion-header:before { content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(242.1deg, rgba(0, 0, 0, 0) -17.23%, #353D3E 65.55%); opacity: 0.4; z-index: -1; }
button.accordion-button.heading4xl { padding: 24px 68px; background-color: transparent; color: #fff; border-radius: 20px !important; outline: none; box-shadow: none; text-transform: uppercase; }
button.accordion-button:focus { box-shadow: none; }
.accordion-button:before { content: ''; position: absolute; width: 20px; height: 5px; background-color: var(--ColorPrimaryDrk); top: 45px; right: 68px; }
.accordion-button:after { background-image: none !important; }
.accordion-button.collapsed:after { content: ''; position: absolute; width: 5px; height: 20px; background-color: var(--ColorPrimaryDrk); top: 37px; right: 75px; background-image: none !important; transition: all 0.3s !important; }
.imageText { padding: 200px 80px 120px 80px; }
.imageTextInner { display: flex; align-items: center; gap: 60px; }
.leftImage, .rightText { width: 50%; }
.leftImage { height: 530px; border: 1px solid #FFFFFF42; border-radius: 22px; overflow: clip; }
.leftImage img { width: 100%; height: 100%; object-fit: cover; }
.rightText .heading3xl { text-transform: uppercase; font-weight: 700; font-family: var(--fontPrimary); margin: 0 0 50px; }
.rightText .heading4xl { text-transform: none; font-weight: 400; font-family: var(--fontSecondary); opacity: 0.6 !important; }
.rightText .subTextLg { font-weight: 400; opacity: 0.6 !important; margin: 10px 0 32px 0; }
.accordianGridListing { display: flex; border-top: 1px solid #ffffff1a; border-bottom: 1px solid #ffffff1a; overflow: clip; }
.accordianGridList:first-child .accordianGridImage img { width: 140%; height: auto; transform: translate(-50px, -55px); }
.accordianGridList:nth-child(2) .accordianGridImage img { width: 100%; transform: translateX(-50px); }
.accordianGridList:last-child .accordianGridImage img { width: 100%; transform: translateX(-50px); }
.accordianGridList { width: calc(100% / 3); padding: 40px 50px 110px 40px; border-right: 1px solid #ffffff1a; position: relative; }
.accordianGridList:last-child { border: none; }
.accordianGridImage { height: 300px; position: absolute; width: 100%; }
.accordianGridImage img { height: 100%; width: 100%; object-fit: contain; }
.accordianGridContent { margin: 340px 0 0 0; }
.accordianGridContent .primaryBtn { position: absolute; left: 0; bottom: 30px; transition: all 0.3s; opacity: 0; visibility: hidden; z-index: 1; }
.accordianGridList:hover .accordianGridContent .primaryBtn { opacity: 1; visibility: visible; }
.accordianGridContent .heading2xl { position: relative; }
.accordianGridContent .heading2xl:before { content: ''; position: absolute; width: 10px; aspect-ratio: 1; border-radius: 50%; background-color: var(--ColorPrimaryDrk); top: -30px; left: 0; }
.hero1 { position: relative; }
.St { display: flex; gap: 24px; height: 100%; position: relative; z-index: 1; width: 80%; margin: 0 auto; align-items: flex-start; }
.textOnly { width: 40%; background-color: #0D0F0F; height: 100%; border-radius: 22px; padding: 100px 30px; transition: all 0.3s; min-height: 600px; }
.stageImage { width: 100%; opacity: 0.6; }
.stageImageOuter .container-xl { height: 100%; }
.slide1, .slide2 { position: absolute; width: 100%; left: 0; top: 0; height: auto; }
.stage { position: sticky; top: 0; height: 100%; overflow: hidden; }
.reveal { position: absolute; inset: 0; overflow: hidden; height: 0%; }
.bgImage { position: absolute; top: 0; left: 0; width: 100%; height: 100%; top: 0; left: 0; }
.bgImage img { width: 100%; height: 100%; object-fit: cover; }
.textImage1 { padding: 40px 80px; display: flex; align-items: center; gap: 75px; }
.leftText1, .rightImage1 { width: 50%; }
.leftText1 .heading4xl { font-family: var(--fontSecondary); text-transform: none; opacity: 0.6 !important; font-weight: 400; }
.leftText1 .subTextLg { opacity: 0.6 !important; margin: 20px 0 30px 0; }
.leftText1 .subTextLg strong { display: block; }
.innerLogo { width: 225px; height: auto; }
.innerLogo img { width: 100%; height: 100%; object-fit: contain; }
.rightImage1 { border-radius: 22px; opacity: 0.6; border: 1px solid #FFFFFF42; overflow: clip; height: 530px; }
.rightImage1 img { width: 100%; height: 100%; object-fit: cover; }
.processListingOuter { padding: 0 80px 80px; }
.processListing { display: flex; }
.processListingTop .heading3xl { font-weight: 700; font-family: var(--fontPrimary); margin: 0 0 70px; }
.processList { width: calc(100% / 5); position: relative; }
.processList:before { content: ''; position: absolute; width: 52px; height: 1px; background: linear-gradient(106.6deg, #E6C020 10.22%, #080A0A 89.41%); right: 0; top: 60px; }
.processList:last-child:before, .processList:last-child .processListIndex:before, .processList:last-child .processListIndex:after { display: none; }
.processListIndex { width: 120px; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; border: 1px solid #FFFFFF78; border-radius: 50%; margin: 0 0 35px 0; position: relative; }
.processListIndex:before { content: ''; position: absolute; width: 52px; height: 1px; background-color: #FFFFFF78; top: 50%; left: 100%; }
.processListIndex:after { content: ''; position: absolute; width: 10px; aspect-ratio: 1; background-color: var(--ColorPrimaryDrk); top: 50%; left: calc(100% + 50px); transform: translateY(-50%); border-radius: 50%; }
.processListIndex span { font-size: var(--font6xl); font-weight: 800; color: #D9D9D9; opacity: 0.1; }
.processListContent { margin: 0 30px 0 0; }
.processListContent h4.subTextMd { font-family: var(--fontPrimary); text-transform: uppercase; margin-bottom: 45px; font-weight: 400; min-height: 47px; }
.processListContent span.subTextMd { opacity: 0.4 !important; }
.dAndDSwiper { padding: 120px 0; }
.dAndDSwiperTop { padding: 0 80px 70px; }
.dAndDSwiperTop .heading3xl { font-weight: 700; font-family: var(--fontPrimary); }
.dAndDSwiperTop .subTextLg { font-weight: 400; opacity: 0.6; margin: 50px 0 0 0; }
.dAndDSlide { position: relative; z-index: 1; height: 100%; }
.dAndDSlideHoverImage { position: absolute; width: 100%; height: 100%; z-index: -1; top: 0; left: 0; opacity: 0; visibility: hidden; transition: all 0.3s; }
.dAndDSlide:hover .dAndDSlideHoverImage { opacity: 1; visibility: visible; }
.dAndDSlideHoverImage img { width: 100%; height: 100%; object-fit: cover; }
.dAndDSlideIndex { font-size: var(--font6xl); font-weight: 700; font-family: var(--fontPrimary); color: #D9D9D9; opacity: 0.1 !important; margin: 0 0 75px 0; display: inline-block; transition: all 0.3s; display: none; }
.dAndDSlide:hover .dAndDSlideIndex { opacity: 1 !important; }
.dAndDSlide { padding: 80px 40px; border: 1px solid #FFFFFF1a }
.dAndDSlideContent .subTextLg { font-family: var(--fontPrimary); text-transform: uppercase; line-height: 1.3; font-weight: 400; position: relative; }
.dAndDSlideContent .subTextLg:before { content: ''; position: absolute; width: 10px; aspect-ratio: 1; border-radius: 50%; background-color: var(--ColorPrimaryDrk); top: -20px; left: 0; }
.dAndDSlideContent .subTextMd { opacity: 0.4; margin: 40px 0 0 0; font-weight: 300; line-height: 1.4; transform: translateY(20px); transition: all 0.3s; opacity: 0; visibility: hidden; }
.dAndDSlide:hover .dAndDSlideContent .subTextMd { transform: translateY(0); opacity: 1; visibility: visible; }
.dAndDSlideContent span:not(.subTextMd) { font-size: 40px; transition: all 0.3s; position: absolute; bottom: 70px; left: 40px; }
.dAndDSlide:hover .dAndDSlideContent span:not(.subTextMd) { opacity: 0; visibility: hidden; }
.dAndDSwiper .swiper-slide { height: auto; }
.dAndDSwiper .swiper { padding: 0 0 70px 0; }
.swiper-scrollbar.swiper-scrollbar-horizontal { height: 1px; background-color: #ffffff1a; }
.swiper-scrollbar-drag { height: 10px; background-color: var(--ColorPrimaryDrk); top: -5px; border-radius: 0; }
.dAndDSwiperButton { width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 30px; border: 1px solid #ffffff70; border-radius: 50%; transition: all 0.3s;}
.dAndDSwiperButton:hover{
    color: var(--colorPrimary);
}
.dAndDSwiperControl { display: flex; align-items: center; justify-content: center; margin: 50px 0 0 0; gap: 32px; }
.dAndDSwiperButton.dAndDPrev { padding: 0 2px 0 0; }
.dAndDSwiperButton.dAndDNext { padding: 0 0px 0 3px; }


/* testSwiper css */
.testSwiper { overflow: clip; margin: 120px 0; }
.testSwiper .swiper { overflow: visible; padding: 0 0 50px 0; }
.testiSlide { background: linear-gradient(0deg, #0A0B0B, #0A0B0B), linear-gradient(5.33deg, rgba(0, 0, 0, 0) 24.1%, rgba(53, 61, 62, 0.15) 57.3%); padding: 44px 30px 70px 30px; border-radius: 22px; }
.testSwiperInner:before { content: ''; position: absolute; width: 40%; height: 100%; background: linear-gradient(91deg, #000000 65%, #00000000 100%); right: 65%; z-index: 1; }
.testSwiperInner:after { content: ''; position: absolute; width: 100%; height: 100%; background-color: var(--colorBlack); right: 100%; top: 0; z-index: 1; }
.testSwiperInner { position: relative; }
.testSwiperWrap { position: relative; z-index: 0; }
.testSwiperInner .heading8xl { position: relative; z-index: 2; }
.testSwiperInner .heading8xl:before { content: ''; position: absolute; width: 70px; height: 12px; background-color: var(--ColorPrimaryDrk); bottom: -24px; left: 0; }
.quoteImage { margin: 0 0 75px 0; display: block; position: absolute; top: 40px; left: 30px; }
.testiSlide .subTextMd { opacity: 0.8; }
.testSwiper .swiper-scrollbar.swiper-scrollbar-horizontal { background-color: #e9c31e99; }
.testSwiper .swiper-scrollbar-drag { border-radius: 30px; }
.testSwiper .swiper-scrollbar:before { content: ''; position: absolute; width: 7px; height: 7px; background-color: #8c7512; border-radius: 50%; top: -3px; }
.testSwiperWrap .swiper-slide { height: auto; }
.testSwiperWrap .swiper-slide .testiSlide { height: 100%; }
.slideBottom strong { display: block; font-weight: 400; }
.testiSlideContent { display: flex; flex-direction: column; justify-content: space-between; height: 100%; gap: 40px; padding: 100px 0 0 0; }
.slideBottom h5 { font-size: 21px; font-family: 'Poppins'; font-weight: 300; }
.testSwiperWrap .swiper-slide { opacity: 0.4; transition: all 0.3s; }
.testSwiperWrap .swiper-slide.swiper-slide-next, .testSwiperWrap .swiper-slide.swiper-slide-prev, .testSwiperWrap .swiper-slide.swiper-slide-active { opacity: 1; }

/* ctaWrapperInner css */
.ctaWrapper { margin: 200px 0; overflow-x: clip; position: relative; }
.ctaWrapper:before { content: ''; position: absolute; width: 9px; height: 9px; background-color: var(--ColorPrimaryDrk); border-radius: 50%; top: -4px; left: 50%; z-index: 1; }
.ctaWrapper:after { content: ''; position: absolute; width: 9px; height: 9px; background-color: var(--ColorPrimaryDrk); border-radius: 50%; bottom: -4px; left: 25%; z-index: 1; box-shadow: 700px 0px 0 var(--ColorPrimaryDrk); }
.ctaWrapperInner { padding: 120px 0; margin: 0 0 0 200px; border: 1px solid #ffffff44; border-left: none; border-radius: 0 300px 300px 0; position: relative; }
.ctaWrapperInner::before { content: ''; position: absolute; width: 100vw; height: 1px; background-color: #ffffff44; top: -1px; right: 100%; z-index: -1; }
.ctaWrapperInner::after { content: ''; position: absolute; width: 100vw; height: 1px; background-color: #ffffff44; bottom: -1px; right: 100%; z-index: -1; }
.ctaWrapperShap { position: absolute; left: -18%; bottom: -27%; z-index: 0; }
.ctaWrapperInner .heading6xl { font-weight: 700; }
.ctaWrapperInner .subTextLg { margin: 30px 0; display: block; opacity: 0.6 !important; }
.ctaWrapperInner .subTeslideBottomxtLg { margin: 30px 0; display: block; opacity: 0.6 !important; }

/* oneSection css */
.oneSection { position: relative; height: 100vh; }
.oneSectionBg { display: flex; align-items: center; justify-content: center; height: 100%; }
.oneSection:last-child .stageImage { opacity: 1; }
.stageImage img { width: 100%; height: 100%; object-fit: contain; }
.stageImageInner { width: 60%; border-radius: 22px; overflow: clip; height: 600px; display: flex; align-items: flex-start; }
.textOnly .heading2xl { font-weight: 600; font-family: 'Poppins'; }
.textOnly .subTextMd { opacity: 0.6 !important; line-height: 1.6; margin: 24px 0; }

/* ourApproachInner css */
.ourApproach { position: relative; z-index: 1; overflow: clip; margin: 0 0 50px 0; }
.ourApproach:before { content: ''; position: absolute; width: 100vw; height: 1px; background-color: #957e1b; bottom: 20%; left: 55%; }
.ourApproach:after { content: ''; position: absolute; width: 9px; height: 9px; background-color: #957e1b; bottom: 19.6%; left: 55%; border-radius: 50%; }
.ourApproachInner { position: relative; padding: 190px 0 500px; }
.ourApproachBg { position: absolute; top: 0; left: -20%; width: 100%; height: 100%; z-index: -1; }
.ourApproachBg img { width: 100%; height: 100%; object-fit: cover; }
.ourApproachSubText .heading4xl { text-transform: none; font-weight: 400; opacity: 0.6 !important; line-height: 1.3; }
.ourApproachSubText .subTextXl { opacity: 0.6 !important; margin: 40px 0 0 0; font-weight: 300; }
.ourApproach .heading8xl { position: relative; font-weight: 700; line-height: 1; }
.ourApproach .heading8xl:before { content: ''; position: absolute; width: 80px; height: 12px; background-color: var(--ColorPrimaryDrk); bottom: -30px; left: 0; }
.ourApproachInner .row { justify-content: space-between; }