.subBanner { position: relative; z-index: 2; height: 60vh; display: flex; align-items: flex-end; padding: 0 0 50px 0; }
.subBanner:before { content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 22, 39, 0.22) 58.93%, #001627 97.48%); top: 0; left: 0; z-index: 1; }
.subBanner:after { content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(180deg, #001627 11.83%, rgba(0, 22, 39, 0.22) 35.71%); top: 0; left: 0; z-index: 1; }
.subBannerBgVideo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.subBannerBgVideo:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../../images/full-website-bg-image.svg)center center no-repeat; background-size: cover; opacity: 0.7; }
.subBannerBgVideo:after { content: ''; position: absolute; width: 100%; height: 100%; background: #22346959; mix-blend-mode: multiply; top: 0; left: 0; }
.subBannerBgVideo video { width: 100%; height: 100%; object-fit: cover; }
.subBannerInner { position: relative; z-index: 2; }
.subBannerContent a { margin: 24px 0 0 0; }
.subBannerHead .subTextMd { font-family: var(--fontSecondary); }
.equipment .subBannerHead .subTextMd { margin: 20px 0 0 0; }

/* tabWrapper css  */
.tabWrapper { padding: 0 0 64px 0; position: relative; z-index: 1; }
.tabWrapper:before { content: ''; position: absolute; width: 100%; height: 100%; background: url(../../images/full-website-bg-image-long.png)center center no-repeat; background-size: cover; top: 0; left: 0; z-index: -1; }
.tabContent { display: none; }
.mobile-tab-title { display: none; }
.active .tabContent { display: block; }
ul.tab-titles { display: flex; align-items: center; justify-content: center; list-style-type: none; }
ul.tab-titles li a { border: 1px solid #EAEFF3A3; padding: 12px 28px; display: inline-block; background-color: var(--colorBg); font-size: var(--fontBase); font-weight: 500; color: #E7E9EA; letter-spacing: 0.7px; transition: all 0.3s; }
ul.tab-titles li:first-child a { border-radius: 8px 0 0 8px; }
ul.tab-titles li:last-child a { border-radius: 0 8px 8px 0; }
ul.tab-titles li a:hover, ul.tab-titles li.active-li a { background-color: var(--colorSecondary); color: var(--colorPrimary); }
.tabContainer { margin: 84px 0 0 0; }
.textImageWrap .row { justify-content: center; }
.textBlock .headingXl { color: var(--colorSecondary); font-weight: 400; }
.textBlock .subTextMd { font-family: var(--fontSecondary); font-weight: 300; margin: 18px 0 32px 0; letter-spacing: 1.3px; line-height: 1.3; }
.advantageList h5 { margin: 14px 0 24px; color: var(--colorSecondary); text-transform: uppercase; }
.advantageList ul li { font-family: var(--fontSecondary); font-weight: 600; letter-spacing: 0.8px; text-transform: uppercase; color: var(--colorWhite); margin: 0 0 16px 0; padding: 0 0 0 30px; position: relative; font-size: var(--fontSm); }
.advantageList ul li:before { content: ''; position: absolute; width: 8px; height: 8px; background-color: var(--colorSecondary); top: 7px; right: calc(100% - 16px); border-radius: 50%; }
.imageBlock { border-radius: 5px; overflow: clip; width: 95%; height: 100%; }
.imageBlock img { width: 100%; height: 100%; object-fit: cover; }
.twoGridWrapper, .threeGridWrapper { margin: 44px 0 0 0; }
.gridBox { border: 1px solid #959EA2CC; background: #2234693D; padding: 24px 34px 34px 34px; height: 100%; border-radius: 6px; }
.gridBox h5 { margin: 0 0 24px 0; color: var(--colorSecondary); text-transform: uppercase; font-family: var(--fontSecondary); }
.gridBox ul li { font-size: var(--fontSm); font-weight: 500; text-transform: uppercase; letter-spacing: 1px; color: var(--colorBgLight); position: relative; padding: 0 0 0 34px; margin: 0 0 14px 0; }
.gridBox ul li:before { content: ''; position: absolute; width: 22px; height: 22px; background: url(../../images/tick-icon.svg) center center no-repeat; background-color: #EAEFF329; border-radius: 3px; display: flex; align-items: center; justify-content: center; left: 0; top: -1px; }
.gridBtnWrap { margin: 54px 0 44px 0; display: flex; align-items: center; justify-content: center; gap: 24px; }
.fullWrap { width: 92%; margin: 0 auto; }
.fullWrap:not(.fullWrap:first-child) { padding: 44px 0 0 0; border-top: 1px solid #959EA299; }
.fullWrap:nth-child(even) .textImageWrap .row { flex-direction: row-reverse; }
.textBlock { width: 95%; }
.fullWrap:nth-child(even) .textImageWrap .textBlock { margin-left: auto; }
.fullWrap:nth-child(odd) .textImageWrap .imageBlock { margin-left: auto; }

/*  */
.ctaWrap .iwImage img { object-position: unset; }