.copyright{
    display:none;
}
/* commented the below code due to banner stretch issue in mob browser */
/* @media (max-width: 390px) {
    .banner-section .item {
        height: calc(100vh - 100px) !important;
    }
}
@media (max-width:360px) {
    .banner-section .item {
        height: calc(100vh - 370px) !important;
    }
} */
.body-container.vd-home div#banner-1 {
    max-height: none !important;
}
@media (max-width: 768px) {
    #home_banner_one_1 .banner-section .item {
        height: auto!important;
    }
    .footer{
        width: 100% !important;
        height: auto !important;
    }
}
/* ER-125007 */
@media (max-width: 992px) {
    .content-banner-one .banner-content .item {
        height: auto !important;
    }
}
/* ER-125007 */
/* === Design System === */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400;1,600&family=Inter:wght@300;400&family=Jura:wght@300;400&display=swap');

:root {
  --void:        #060C18;
  --deep-room:   #0C1428;
  --wall:        #142040;
  --moonlit:     #1E3058;
  --window-blue: #4A78B0;
  --amber:       #C8882A;
  --curtain:     #8AAACE;
  --text-main:   #E8EEF4;
  --text-ghost:  #4A6080;
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body:   'Inter', sans-serif;
  --font-label:  'Jura', monospace;
}

/* ── 全局基础 ── */
html, body, #app, #main, .main-wrapper, .page-wrapper, .site-wrapper {
  background-color: var(--void) !important;
}
html {
  background-color: var(--void) !important;
}
#layout_body {
  font-family: var(--font-body) !important;
}

/* ── 字体 ── */
h1, h2, h3, h4, .main-heading, .white-color.main-heading {
  font-family: var(--font-display) !important;
  font-weight: 400 !important;
}
.duration, .category, .meta, time,
.badge, .tag, .label,
[class*="badge"], [class*="tag"] {
  font-family: var(--font-label) !important;
  font-weight: 300 !important;
}
.btn, button, [class*="btn"], [class*="button"],
footer, .footer, .site-footer, .footer-brand, .footer-logo,
.navbar, .nav, .header, .site-header,
.navbar-brand, .nav-link, .nav-item, .menu-item, .header-menu {
  font-family: var(--font-body) !important;
  font-weight: 300 !important;
}

/* ── 导航栏 ── */
nav.navbar, header#navbar {
  background-color: rgba(12, 20, 40, 0.92) !important;
  border-bottom: 1px solid var(--moonlit) !important;
  backdrop-filter: blur(4px);
}
header.header-new,
header.header-new .container-fluid,
header.header-new .row,
header.header-new .col-xs-12 {
  background-color: transparent !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
}
.nav-link, .vd_sideheader_a {
  font-family: var(--font-label) !important;
  font-weight: 300 !important;
  letter-spacing: 0.2em !important;
  color: var(--text-ghost) !important;
}
.nav-link:hover, .vd_sideheader_a:hover {
  color: var(--curtain) !important;
}
.nav-link.active, .nav-item.active .nav-link {
  color: var(--window-blue) !important;
  border-bottom: 1px solid var(--window-blue) !important;
}

/* Sign Up pill */
.nav-item.signup .nav-link {
  background-color: transparent !important;
  border: 1px solid var(--text-main) !important;
  border-radius: 999px !important;
  color: var(--text-main) !important;
  padding: 5px 20px !important;
  line-height: normal !important;
}
.nav-item.signup .nav-link:hover {
  background-color: rgba(232, 238, 244, 0.08) !important;
}

/* Login */
.nav-item:not(.signup) > a[href="/sign-in"] {
  background-color: transparent !important;
  border: none !important;
  color: var(--text-ghost) !important;
  display: flex !important;
  align-items: center !important;
  padding: 6px 12px !important;
  line-height: normal !important;
}
.nav-item:not(.signup) > a[href="/sign-in"]:hover {
  color: var(--text-main) !important;
}

/* ── Watch Now 按钮 ── */
span.button.watch-now.dynamic-banner-btn {
  background-color: transparent !important;
  border: 1px solid var(--text-main) !important;
  border-radius: 999px !important;
  color: var(--text-main) !important;
  font-family: var(--font-label) !important;
  font-weight: 300 !important;
  letter-spacing: 0.15em !important;
  padding: 4px 28px !important;
  white-space: nowrap !important;
  width: fit-content !important;
  display: inline-flex !important;
}
span.button.watch-now.dynamic-banner-btn:hover {
  background-color: rgba(232, 238, 244, 0.08) !important;
}
span.button.watch-now.dynamic-banner-btn a,
span.button.watch-now.dynamic-banner-btn .callByAjax {
  background-color: transparent !important;
  border: none !important;
  color: var(--text-main) !important;
  font-family: var(--font-label) !important;
  font-weight: 300 !important;
  letter-spacing: 0.15em !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ── Banner ── */
#banner-1, [class*="banner"] {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.body-container > section:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: none !important;
}

/* ── 视频卡片 ── */
.owl-item .item {
  background-color: var(--deep-room) !important;
  border: none !important;
}
.owl-item .item .picture img {
  filter: brightness(0.75) saturate(0.85) !important;
  transition: filter 0.4s ease !important;
}
.owl-item .item:hover .picture img {
  filter: brightness(1) saturate(1) !important;
}
.owl-item .item:hover {
  box-shadow: 0 0 0 1px rgba(74, 120, 176, 0.6) !important;
}
.owl-item .item .icons-apply {
  font-family: var(--font-label) !important;
  font-size: 11px !important;
  letter-spacing: 0.3em !important;
}

/* 卡片标题 */
.content-name-div {
  text-align: center !important;
  overflow: visible !important;
  padding: 8px !important;
  height: auto !important;
  max-height: none !important;
  word-break: break-word !important;
}
.content-name-div a,
.content-name-div a.callByAjax {
  font-family: var(--font-display) !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  color: var(--text-main) !important;
  line-height: 1.5 !important;
  text-decoration: none !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
  display: block !important;
  height: auto !important;
  max-height: none !important;
  width: 100% !important;
}

/* 卡片内容区允许换行 */
.product-listing .item .data.content-a,
.owl-item .item .data.content-a,
div.data.content-a,
[class*="content-a"] {
  flex-wrap: wrap !important;
  height: auto !important;
  overflow: visible !important;
  align-items: flex-start !important;
}

/* ── Footer ── */
section.footer,
footer#footer,
footer#footer .container-fluid,
footer#footer .row,
footer#footer > *,
footer#footer .row > div,
vd-component#footer_footer_one_1 > section:nth-child(1),
body section.footer,
#footer section.footer {
  background-color: var(--deep-room) !important;
  border-top: 1px solid var(--moonlit) !important;
}
section.footer p,
section.footer a,
footer#footer p,
footer#footer a {
  color: var(--text-ghost) !important;
  font-family: var(--font-label) !important;
  font-size: 12px !important;
  font-weight: 300 !important;
  letter-spacing: 0.05em !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

/* ── 视频浏览页 ── */

/* 卡片背景色修正 */
.tiles, .tiles.grid-hover {
  background-color: var(--deep-room) !important;
  margin-bottom: 0 !important;
}

/* Free 标签 */
.free-badge, [class*="free"],
.icons-apply .badge,
.icons-apply span {
  background-color: rgba(74, 120, 176, 0.15) !important;
  border: 1px solid var(--window-blue) !important;
  color: var(--curtain) !important;
  font-family: var(--font-label) !important;
  font-size: 11px !important;
  letter-spacing: 0.25em !important;
  padding: 3px 8px !important;
  border-radius: 3px !important;
}

/* 页面标题 "Video" */
.season-content h1,
.season-content h2,
.category-title {
  font-family: var(--font-display) !important;
  font-size: 32px !important;
  font-weight: 400 !important;
  color: var(--text-main) !important;
}

/* ── 视频详情页 ── */

/* 页面背景 */
.vd-the-worry-magician-film,
section.body-container.vd-content,
.content-banner-section {
  background-color: var(--void) !important;
}

/* Play 按钮 — ghost pill */
li.watch-now,
li.watch-now a.callByAjax {
  background-color: transparent !important;
  border: 1px solid var(--text-main) !important;
  border-radius: 999px !important;
  color: var(--text-main) !important;
  font-family: var(--font-label) !important;
  font-weight: 300 !important;
  letter-spacing: 0.15em !important;
  padding: 8px 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}
li.watch-now:hover,
li.watch-now a.callByAjax:hover {
  background-color: rgba(232, 238, 244, 0.08) !important;
}

/* 시간 duration 스타일 */
h2.sub-heading.h2-ratingStarts {
  font-family: var(--font-label) !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  color: var(--text-ghost) !important;
  letter-spacing: 0.1em !important;
}

h2.sub-heading.white-color {
  font-family: var(--font-display) !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  color: var(--text-main) !important;
}

/* Related Contents 标题 */
.related-content h2,
.related-content .sub-heading {
  font-family: var(--font-display) !important;
  font-weight: 400 !important;
  color: var(--text-main) !important;
}

/* 视频详情页背景 */
#muvi-product-details1,
.body-container.vd-the-worry-magician-film,
section#ajaxApp {
  background-color: var(--void) !important;
}

/* Play 按钮去掉双层圈 */
li.watch-now {
  background-color: transparent !important;
  border: 1px solid var(--text-main) !important;
  border-radius: 999px !important;
  padding: 0 !important;
  list-style: none !important;
}
li.watch-now a.callByAjax {
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  color: var(--text-main) !important;
  font-family: var(--font-label) !important;
  font-weight: 300 !important;
  letter-spacing: 0.15em !important;
  padding: 8px 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* 视频详情页背景 — 通用 */
section.body-container[class*="vd-"] {
  background-color: var(--void) !important;
}

.banner-section.content-banner-section,
.content-banner-section {
  background-color: var(--void) !important;
}

/* Related Contents 标题 */
.related-content-one h2,
.related-content-one .sub-heading,
[class*="related"] h2,
[class*="related"] .heading,
.end-user h2 {
  font-family: var(--font-display) !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  color: var(--text-main) !important;
}

/* 视频详情页 body 背景强制覆盖 */
body.page-bg-the-worry-magician-film,
body[class*="page-bg-"] {
  background-color: var(--void) !important;
}

/* 视频详情页正文字体 */
.banner-section .banner-data p,
.banner-section .banner-text-left p,
.content-banner-section p {
  font-family: var(--font-body) !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  color: var(--curtain) !important;
  line-height: 1.8 !important;
}

/* 修正标题和卡片标题颜色 */
.episode-heading h2,
.sub-heading.white-color,
h2.sub-heading {
  color: var(--text-main) !important;
}

.content-name-div a,
.content-name-div a.callByAjax {
  color: var(--text-main) !important;
}

/* ── About 页面 ── */

/* 隐藏模板默认的 about-section 内容 */
section.about-section {
  display: none !important;
}

/* About us 区块背景改为深色 */
body.page-bg-about .banner-section,
body.page-bg-about .content-banner-section,
body.page-bg-about {
  background-color: var(--void) !important;
}

/* About us 标题 */
body.page-bg-about h1 {
  font-family: var(--font-display) !important;
  font-size: 48px !important;
  font-weight: 400 !important;
  color: var(--text-main) !important;
}

/* About us 正文 */
body.page-bg-about p {
  font-family: var(--font-body) !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  color: var(--curtain) !important;
  line-height: 1.9 !important;
  max-width: 640px !important;
}

/* About us 正文 */
p.samll-content {
  font-family: var(--font-body) !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  color: var(--text-main) !important;
  line-height: 1.9 !important;
}

/* About us 标题 */
section.aboutus-title h1,
.aboutus-title h1 {
  font-family: var(--font-display) !important;
  font-size: 48px !important;
  font-weight: 400 !important;
  color: var(--text-main) !important;
  font-style: italic !important;
}

/* ── 导航栏滚动渐显 ── */
header#navbar {
  transition: background-color 0.5s ease, border-color 0.5s ease, backdrop-filter 0.5s ease !important;
}
header#navbar.nav-transparent,
header#navbar.nav-transparent .header-new,
header#navbar.nav-transparent nav.navbar {
  background-color: transparent !important;
  background: transparent !important;
  border-bottom: none !important;
  border-bottom-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}

/* ── About 页面优化 ── */

/* 背景图压暗 */
body.page-bg-about .banner-section img.mw-100,
body.page-bg-about .banner-content img.mw-100 {
  filter: brightness(0.15) !important;
}

/* 正文居中，最大宽度 640px */
body.page-bg-about .banner-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}
body.page-bg-about p,
body.page-bg-about p.samll-content {
  max-width: 640px !important;
  text-align: left !important;
  margin: 0 auto !important;
}

/* 标题居中 */
body.page-bg-about .aboutus-title {
  text-align: center !important;
  width: 100% !important;
}

/* ── Contact 页面 ── */

/* 页面背景 */
body.page-bg-contact,
body.page-bg-contact section.contact-us,
body.page-bg-contact .season-content {
  background-color: var(--void) !important;
}


/* 输入框 */
.contact-us .form-control {
  background-color: var(--deep-room) !important;
  border: 1px solid var(--moonlit) !important;
  border-radius: 4px !important;
  color: var(--text-main) !important;
  font-family: var(--font-body) !important;
  font-weight: 300 !important;
  font-size: 14px !important;
}
.contact-us .form-control::placeholder {
  color: var(--curtain) !important;
  font-family: var(--font-label) !important;
  letter-spacing: 0.05em !important;
}
.contact-us .form-control:focus {
  border-color: var(--window-blue) !important;
  box-shadow: none !important;
  outline: none !important;
}

/* 标题 */
.contact-us .season-heading h1,
.contact-us h1,
.contact-us-page h1,
section.contact-us h1 {
  font-family: var(--font-display) !important;
  font-weight: 400 !important;
  font-style: italic !important;
  color: var(--text-main) !important;
}

/* Select 下拉框 */
.contact-us select.form-control,
.contact-us .form-group select {
  background-color: var(--deep-room) !important;
  border: 1px solid var(--moonlit) !important;
  color: var(--curtain) !important;
  font-family: var(--font-label) !important;
  font-weight: 300 !important;
  -webkit-appearance: none !important;
}

/* Send Message 按钮 → ghost pill */
button#contact-button.primary-button {
  background-color: transparent !important;
  border: 1px solid var(--text-main) !important;
  border-radius: 999px !important;
  color: var(--text-main) !important;
  font-family: var(--font-label) !important;
  font-weight: 300 !important;
  letter-spacing: 0.15em !important;
  padding: 10px 32px !important;
  font-size: 13px !important;
  transition: background-color 0.3s ease !important;
}
button#contact-button.primary-button:hover {
  background-color: rgba(232, 238, 244, 0.08) !important;
}

/* Select 自定义组件 */
.contact-us .select-selected {
  background-color: var(--deep-room) !important;
  border: 1px solid var(--moonlit) !important;
  color: var(--curtain) !important;
  font-family: var(--font-label) !important;
  font-weight: 300 !important;
  font-size: 13px !important;
  letter-spacing: 0.05em !important;
}
.contact-us .select-items {
  background-color: var(--deep-room) !important;
  border: 1px solid var(--moonlit) !important;
}
.contact-us .select-items div {
  color: var(--curtain) !important;
  font-family: var(--font-label) !important;
  font-weight: 300 !important;
  font-size: 13px !important;
}
.contact-us .select-items div:hover {
  background-color: var(--wall) !important;
  color: var(--text-main) !important;
}

/* "How can we help?" 小标题 */
.contact-us .season-heading label.heading,
.contact-us label.heading {
  font-family: var(--font-label) !important;
  font-weight: 300 !important;
  font-size: 13px !important;
  letter-spacing: 0.15em !important;
  color: var(--curtain) !important;
}

/* Contact 右上角信息 */
.contact-us .contact-info ul li,
.contact-us .contact-info ul li span,
.contact-us .contact-info ul li a {
  color: var(--curtain) !important;
  font-family: var(--font-label) !important;
  font-weight: 300 !important;
  font-size: 13px !important;
  letter-spacing: 0.05em !important;
  text-decoration: none !important;
}
.contact-us .contact-info ul li svg path {
  fill: var(--curtain) !important;
}

/* ── Login / Sign-in 页面 ── */

/* 卡片背景 */
.sign-form-layout.bg-login-dark,
.sign-form-layout.regd-form {
  background-color: var(--deep-room) !important;
  border: 1px solid var(--moonlit) !important;
  box-shadow: none !important;
}

/* 标题 */
.sign-form-layout h2 {
  font-family: var(--font-display) !important;
  font-weight: 400 !important;
  font-style: italic !important;
  color: var(--text-main) !important;
}

/* 输入框 */
.sign-form-layout .form-control,
.sign-form-layout input {
  background-color: var(--wall) !important;
  border: 1px solid var(--moonlit) !important;
  color: var(--curtain) !important;
  font-family: var(--font-body) !important;
  font-weight: 300 !important;
}
.sign-form-layout .form-control::placeholder,
.sign-form-layout input::placeholder {
  color: var(--text-ghost) !important;
}
.sign-form-layout .form-control:focus,
.sign-form-layout input:focus {
  border-color: var(--window-blue) !important;
  box-shadow: none !important;
}

/* Login 按钮 → ghost pill */
.sign-form-layout button.primary-button {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid var(--text-main) !important;
  border-radius: 999px !important;
  color: var(--text-main) !important;
  font-family: var(--font-label) !important;
  font-weight: 300 !important;
  letter-spacing: 0.15em !important;
  transition: background-color 0.3s ease !important;
}
.sign-form-layout button.primary-button:hover {
  background-color: rgba(232, 238, 244, 0.08) !important;
}

/* 链接 */
.sign-form-layout a,
.sign-form-layout p a {
  color: var(--window-blue) !important;
  text-decoration: none !important;
}
.sign-form-layout p {
  color: var(--curtain) !important;
  font-family: var(--font-body) !important;
  font-weight: 300 !important;
  font-size: 13px !important;
}

/* Forgot Password */
.sign-form-layout .float-left a,
.sign-form-layout .forgot-password a {
  color: var(--text-ghost) !important;
  font-family: var(--font-label) !important;
  font-size: 12px !important;
}

/* create an account 链接 */
.sign-form-layout p strong,
.sign-form-layout p b {
  font-weight: 300 !important;
  color: var(--curtain) !important;
}

/* ── Terms and Conditions 页面 ── */

body.page-bg-terms-condition,
body.page-bg-terms-condition section.privacy-policy {
  background-color: var(--void) !important;
}

/* 内容区内边距 */
section.privacy-policy .col-lg-12 {
  padding: 40px 80px !important;
}

/* 主标题 */
section.privacy-policy h1 {
  font-family: var(--font-display) !important;
  font-size: 36px !important;
  font-weight: 400 !important;
  font-style: italic !important;
  color: var(--text-main) !important;
  margin-bottom: 32px !important;
}

/* 小标题 */
section.privacy-policy h2 {
  font-family: var(--font-display) !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  color: var(--text-main) !important;
  margin-top: 32px !important;
  margin-bottom: 12px !important;
}

/* 正文 */
section.privacy-policy p,
section.privacy-policy li {
  font-family: var(--font-body) !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  color: var(--curtain) !important;
  line-height: 1.9 !important;
  max-width: 800px !important;
}

/* 列表 */
section.privacy-policy ul {
  padding-left: 20px !important;
}
section.privacy-policy li {
  margin-bottom: 8px !important;
}

/* ── Watch Trailer 按钮 → ghost pill ── */
li.watch-trailer,
.banner-section .banner-data .button .watch-trailer {
  background-color: transparent !important;
  border: 1px solid var(--text-main) !important;
  border-radius: 999px !important;
  padding: 0 !important;
}
li.watch-trailer a,
li.watch-trailer a.callByAjax,
.banner-section .banner-data .button .watch-trailer a {
  background-color: transparent !important;
  border: none !important;
  color: var(--text-main) !important;
  font-family: var(--font-label) !important;
  font-weight: 300 !important;
  font-size: 13px !important;
  letter-spacing: 0.15em !important;
  padding: 8px 28px !important;
}
li.watch-trailer:hover {
  background-color: rgba(232, 238, 244, 0.08) !important;
}