.subBanner { position: relative; z-index: 2; height: 50vh; display: flex; align-items: flex-end; padding: 0 0 100px 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; object-position: top; }
.subBannerInner { position: relative; z-index: 2; }
.subBannerContent a { margin: 24px 0 0 0; }
.subBannerContent .subTextMd { font-family: var(--fontSecondary); }
.subBannerContentWrap .row { align-items: center; }

/* contactBoxWrap css */
.contactBoxWrap { margin: 0 0 84px 0; }
.contactBoxText .headingXl { font-weight: 500; color: var(--colorPrimary); }
.contactBoxText .subTextMd { font-weight: 500; color: var(--colorText); margin: 24px 0 0 0; }
.contactBoxText { background-color: var(--colorBgLight); padding: 34px; border-radius: 5px; height: 100%; position: relative; overflow: clip; z-index: 1; }
.contactBoxText:before { content: ''; position: absolute; width: 100%; background: url(http://midnightm50.sg-host.com/wp-content/uploads/2026/07/Contact-Us-.png)center center no-repeat; height: 100%; background-size: contain; z-index: -1; left: 50%; bottom: 0; transform: translateX(-50%); mix-blend-mode: darken; }
.contactUlIcon { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; background-color: var(--colorPrimary); border-radius: 5px; }
li > div { display: flex; gap: 16px; margin: 0 0 32px 0; align-items: center; }
.contactBoxUl { margin: 32px 0 0 0; }
.contactBoxForm { background-color: #2234693D; padding: 34px; border-radius: 5px; border: 1px solid #959EA2CC }
.contactBoxWrapInner .row { justify-content: center; }
.contactUlText h6 { margin: 0 0 4px 0; text-transform: uppercase; color: var(--colorPrimary); font-weight: 500; font-family: var(--fontSecondary); }
.contactUlText a { color: var(--colorBlack); font-weight: 500; }
/* .ctaWrap .iwImage img { object-position: 0 -100px; } */
.imageOnlyBox { height: 600px; }