.subBanner { position: relative; z-index: 2; height: 70vh; 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 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); }

/* packages css */
.packages { position: relative; z-index: 2; padding: 100px 0; margin: -100px 0 0 0; }
.packages::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.28; z-index: -1; }
.packagesTop .headingXl { font-weight: 400; }
.packagesTop .subTextMd { margin: 18px 0 0 0; font-weight: 400; }
.packagesListing { margin: 34px 0 0 0; }
.packagesList { background-color: var(--colorBgLight); padding: 44px; }
.packagesList { color: var(--colorBgLight); padding: 44px; }
.plImage { mix-blend-mode: darken; display: flex; justify-content: center; }
.plContentTop .subTextMd { color: var(--colorPrimary); text-transform: uppercase; font-weight: 600; }
.plContentTop { display: flex; align-items: center; gap: 16px; justify-content: center; margin: 24px 0; }
.plContentTop span { width: 44px; height: 44px; background-color: var(--colorPrimary); display: flex; align-items: center; justify-content: center; border-radius: 5px; }
.plContent .subTextBase { text-align: center; font-weight: 400; letter-spacing: 0.6px; }
.plContentUl ul { margin: 24px 0 0 0; display: flex; flex-wrap: wrap; }
.plContentUl ul li { text-transform: uppercase; color: var(--colorPrimary); font-weight: 600; padding: 0 0 0 34px; position: relative; margin: 0 0 18px 0; width: 50%; line-height: 1.3; }
.plContentUl li:before { content: ''; position: absolute; width: 22px; background: url(../../images/blue-tick-icon.svg)center center no-repeat; background-size: 14px; height: 22px; background-color: var(--colorSecondary); border-radius: 5px; display: flex; align-items: center; justify-content: center; top: 0; left: 0; }
.mpd-systems .imageTextWrap { margin: 0; }

/* cmSystem css */
.cmSystem { padding: 80px 0; position: relative; z-index: 1; }
.cmSystem::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.28; z-index: -1; }
.cmSystemTop .headingXl { font-weight: 400; }
.cmSystemList { width: 90%; margin: 0 auto; margin-bottom: 54px; }
.cmSystemList:nth-child(even) .row { flex-direction: row-reverse; }
.cmSystemList:last-child { margin-bottom: 0; }
.cmSystemList .row { display: flex; align-items: center; justify-content: space-between; }
.cmSystemListing { margin: 64px 0 0 0; }
.cmSystemListContent { margin: 0 50px 0 0; }
.cmSystemList:nth-child(even) .cmSystemListContent { margin: 0 0 0 50px; }
.cmSystemListContent .headingXl { color: var(--colorSecondary); font-weight: 400; }
.cmSystemListContent .subTextMd { margin: 18px 0 32px 0; font-family: var(--fontSecondary); }
.cmSystemImage { position: relative; border-radius: 5px; overflow: clip; }
.cmSystemImage img { width: 100%; height: 100%; object-fit: cover; }
.cmSystemImage:before { content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(34, 52, 105, 0.34) 0%, rgba(251, 168, 27, 0.34) 100%); }
.cmSystemListContent ul li { text-transform: uppercase; color: var(--colorWhite); font-weight: 500; padding: 0 0 0 34px; position: relative; margin: 0 0 18px 0; letter-spacing: 0.6px; }
.cmSystemListContent li:before { content: ''; position: absolute; width: 22px; background: url(../../images/blue-tick-icon.svg)center center no-repeat; background-size: 14px; height: 22px; background-color: var(--colorSecondary); border-radius: 5px; display: flex; align-items: center; justify-content: center; top: 0; left: 0; }