.subPageBanner { padding: 240px 0; position: relative; background-color: var(--colorBlack); z-index: 1; }
.subPageBanner:before { content: ''; position: absolute; width: 100%; height: 500px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 27.45%, #000000 94.9%); bottom: 0; z-index: 0; }
.subPageBannerBg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.1; mix-blend-mode: luminosity; z-index: -1; }
.subPageBannerBg img { width: 100%; height: 100%; object-fit: cover; }
.subPageBannerHeading span { font-size: 120px; 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.8; font-weight: 800; width: 70%; display: block; }
.subPageBannerHeading { font-weight: 700; font-size: var(--font6xl); display: block; }
.subPageBannerInner .subTextMd { font-family: var(--fontPrimary); opacity: 0.6 !important; width: 48%; margin-left: auto; line-height: 1.8; display: flex; margin-top: -10px; font-weight: 300; }
.dateheading .heading3xl { opacity: 0.6 !important; }
.dateheading .subTextLg { opacity: 0.4 !important; }
.cardListOne { position: relative; z-index: 1; background-color: #353D3E3D; border-radius: 22px; overflow: clip; display: block; height: 100%; }
.cardListOneContent { padding: 60px 40px; display: flex; flex-direction: column; gap: 150px; justify-content: space-between; height: 100%; }
.cardListOneImage { position: absolute; width: 100%; height: 100%; opacity: 0; transition: all 0.3s; visibility: hidden; }
.cardListOne:hover .cardListOneImage { opacity: 0.24; visibility: visible; }
.dateheading { display: flex; flex-direction: column; gap: 40px; }
.link { color: var(--ColorPrimaryDrk); }
.loadMore { text-transform: uppercase; text-decoration: underline; display: flex; justify-content: center; text-align: center; width: max-content; margin: 60px auto 0; color: #6F7273; font-family: var(--fontPrimary); }
.filterWrap { overflow: clip; }
.filterWrapBox { margin: 0 0 120px 0; }
.filterWrapBoxHeading { margin: 0 0 60px 0; }
.filterWrapBoxHeading .heading4xl { opacity: 0.6 !important; font-weight: 700; }
.sheetList { background-color: #353D3E3D; padding: 40px 46px; border-radius: 22px; display: flex; align-items: center; justify-content: space-between; margin: 0 0 20px 0; }
.left { width: 70%; }
.left .heading2xl { opacity: 0.6 !important; }
.left .subTextLg { opacity: 0.4 !important; }
.cardListTwoImage { position: relative; height: 300px; }
.cardListTwoImage img { width: 100%; height: 100%; object-fit: cover; }
.cardListTwoImageInner { width: 100%; height: 100%; opacity: 0.24; border-radius: 22px; overflow: clip; }
a.cardListTwo { background-color: #353D3E3D; display: block; border-radius: 22px; overflow: clip; height: 100%; }
.cardListTwoImage span.subTextLg { position: absolute; bottom: 0; background-color: #FFFFFF3D; padding: 10px 14px 10px 30px; border-radius: 0 8px 8px 0; line-height: 1; }
.cardListTwoContent { height: calc(100% - 300px); padding: 50px 40px; display: flex; flex-direction: column; justify-content: space-between; }
.cardListTwoContent .link { margin: 25px 0 0 0; display: inline-block; }
.cardListTwoContent .heading2xl { opacity: 0.6 !important; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }
.filterUl { margin: 0 auto 100px; position: relative; width: max-content; }
.filterUl:before { content: ''; position: absolute; width: 100vw; height: 1px; background-color: var(--ColorPrimaryDrk); right: calc(100% + 40px); top: 50%; }
.filterUl:after { content: ''; position: absolute; width: 100vw; height: 1px; background-color: var(--ColorPrimaryDrk); left: calc(100% + 40px); top: 50%; }
.filterUl ul { width: max-content; display: flex; align-items: center; justify-content: center; margin: 0 auto; background: linear-gradient(90deg, rgba(0, 0, 0, 0) -37.89%, #353D3E 46.02%, rgba(31, 36, 36, 0.586538) 109.76%); border-radius: 40px; position: relative; }
.filterUl ul li a { padding: 20px 140px; display: inline-block; text-transform: uppercase; transition: all 0.3s; }
.filterUl ul li a.active { color: var(--ColorPrimaryDrk); }
.filterUl ul:before { content: ''; position: absolute; width: 2px; height: 100%; background-color: #000; top: 0; left: 50%; }
.filterUlInner { position: relative; }
.filterUlInner:before { content: ''; position: absolute; width: 10px; height: 10px; background-color: var(--ColorPrimaryDrk); border-radius: 50%; top: 51%; left: -46px; transform: translateY(-50%); }
.filterUlInner:after { content: ''; position: absolute; width: 10px; height: 10px; background-color: var(--ColorPrimaryDrk); border-radius: 50%; top: 51%; right: -46px; transform: translateY(-50%); }

/*  */
.case-popup { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; }
.case-popup-overlay { position: absolute; inset: 0; background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); }
.case-popup-inner { position: relative; max-width: 550px; margin: 100px auto; background: #000; padding: 60px 40px; border-radius: 10px; z-index: 2; }
.case-popup-close { position: absolute; right: 15px; top: 10px; font-size: 24px; background: none; border: none; cursor: pointer; color: #fff; }
.inputField input, .inputField textarea { width: 100%; background-color: transparent; outline: none; border: none; border-bottom: 1px solid #3C3C3C; padding: 0 0 20px 0; margin: 0 0 40px 0; color: #ffffff99; font-size: 22px; }
.inputField input::placeholder { color: #ffffff99; }