/* resourcesBanner css */
.resourcesBanner { background-color: #4A6D7C; position: relative; z-index: 1; padding: 230px 0 80px 0; }
.resourcesBannerBg { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; mix-blend-mode: hard-light; }
.resourcesBannerBg img { width: 100%; height: 100%; object-fit: cover; }
.resourcesBannerInner .heading11xl { line-height: 1; }

/* caseStudyWrap css */
.caseStudyWrap { padding: 100px 0; }
.caseStudyTop { padding: 0 0 50px 0; border-bottom: 1px solid #E6E9F0; }
.caseStudyListing { margin: 40px 0 0 0; }
.caseStudyList { margin: 0 0 80px 0; }
.caseStudyImage { height: 400px; border-radius: 20px; overflow: clip; }
.caseStudyImage img { width: 100%; height: 100%; object-fit: cover; }
.caseStudyContent { margin: 50px 0 0 0; }
.caseStudyContent .heading4xl { color: var(--colorPrimary); font-weight: 500; }
.caseStudyContent .subTextMd { margin: 24px 0 0 0; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; color: #4D545F; opacity: 0.7; }
.caseStudyCtaWrap { margin: 10px 16px 0 0; display: flex; align-items: flex-end; justify-content: space-between; }
.caseStudyCtaWrap a { width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; background-color: #E6E9F0; border-radius: 50%; font-size: 24px; }
.caseStudyCtaWrap span { letter-spacing: 2px; border: 1px solid #E6E9F0; display: inline-block; padding: 10px 20px; line-height: 1; border-radius: 30px; }

/* textVideo css */
.textVideo { background-color: var(--colorBg); padding: 120px 0; position: relative; z-index: 1; overflow: clip; }
.textVideoInner { position: relative; }
.textVideoInner:before { content: ''; position: absolute; width: 100vw; height: 550px; background: url(../../images/dot-bg.png) center center; background-size: contain; top: -400px; left: calc(100% - 300px); background-repeat: repeat-x; }
.textVideoInner:after { content: ''; position: absolute; width: 100vw; height: 550px; background: url(../../images/dot-bg.png) center center; background-size: contain; top: 80px; right: calc(100% - 40px); background-repeat: repeat-x; z-index: -1; }
.textVideoTop .subTextLg { padding: 14px 0 14px 40px; border-left: 2px solid var(--colorSecondary); position: relative; color: var(--colorText); }
.textVideoTop .subTextLg:before { content: ''; position: absolute; width: 12px; aspect-ratio: 1; background-color: var(--colorSecondary); border-radius: 50%; left: -7px; top: 0; }
.textVideoTop .subTextLg:after { content: ''; position: absolute; width: 12px; aspect-ratio: 1; background-color: var(--colorSecondary); border-radius: 50%; left: -7px; bottom: 0; }
.textVideoTop .row { justify-content: space-between; }
.textVideoBox { height: 490px; margin: 80px 0 0 0; border-radius: 30px; overflow: clip; position: relative; }
.textVideoBox video { width: 100%; height: 100%; object-fit: cover; }
.textVideoBox:before { content: ''; position: absolute; background-color: var(--colorBlack); opacity: 0.4; width: 100%; height: 100%; top: 0; left: 0; }

/* downloadSheets css */
.downloadSheets { padding: 80px 0; background-color: var(--colorPrimary); border-bottom: 1px solid #E6E9F033; }
table span { color: var(--colorWhite); font-weight: 400; font-size: var(--font2xl); }
table a { display: inline-block; }
thead tr, tbody tr { border-bottom: 1px solid #ffffff1a; }
thead tr th, tbody tr td { padding: 16px; }
tbody tr td:first-child { font-size: var(--font2xl); line-height: 40px; }
thead tr th:not(:first-child), tbody tr td:not(:first-child) { text-align: center; }
thead tr, tbody tr:nth-child(even) { background-color: #0000001a; }
thead tr th p { margin: 0; color: var(--colorSecondary); font-weight: 400; font-size: 16px; padding: 6px 20px; border: 1px solid var(--colorSecondary); width: max-content; border-radius: 50px; }
.resourcesBanner {
    background-color: rgba(0, 0, 0, 0) !important;
}
.resourcesBanner .resourcesBannerBg {
    background-image: url("http://midnightm47.sg-host.com/wp-content/uploads/2026/04/Hero-1440-1120-2.png") !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.resourcesBanner .heading11xl {
    padding-top: 280px;
}
.resourcesBanner .downloadSheets {
    background: #003765 !important;
}
.product-title-down{
    display: flex;
    font-size: 28px;
    color: #FFFFFF;
    gap:22px;
    padding-bottom:47px;
}