/*
Theme Name: Flatsome Child - Dark Gold Portal
Description: Clean dark-gold child theme for Flatsome and UX Builder.
Author: Site Owner
Template: flatsome
Version: 1.4.0
Text Domain: flatsome-child
*/

:root {
  --portal-bg: #010508;
  --portal-bg-soft: #07091c;
  --portal-panel: #0d0b26;
  --portal-panel-deep: #050617;
  --portal-gold: #ffe273;
  --portal-gold-soft: #f6ce75;
  --portal-gold-deep: #b66609;
  --portal-pink: #c084fc;
  --portal-pink-soft: #f0abfc;
  --portal-text: #f7f5ff;
  --portal-muted: #c2ced9;
  --portal-line: rgba(246, 206, 117, .24);
  --portal-shadow: 0 18px 45px rgba(0, 0, 0, .5);
}

html,
body {
  min-height: 100%;
}

body {
  background:
    linear-gradient(180deg, rgba(1, 5, 8, .28) 0%, rgba(1, 5, 8, .48) 42%, rgba(1, 5, 8, .76) 100%),
    url("https://rikvip68.bz/wp-content/uploads/2026/07/bg-rikvip68-bz-scaled.jpg") center top / cover no-repeat fixed;
  color: var(--portal-text);
  font-family: Montserrat, Arial, sans-serif;
}

#wrapper,
#main,
.page-wrapper,
.page-inner,
.site-main {
  background: transparent !important;
}

.header-wrapper {
  background: transparent !important;
}

.header-main {
  background: rgba(1, 5, 8, .16) !important;
}

.header-bg-color {
  background: rgba(1, 5, 8, .18) !important;
}

.header-main {
  border-bottom: 0;
  box-shadow: none;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}

.stuck .header-wrapper {
  background: transparent !important;
}

.stuck .header-main {
  background: rgba(1, 5, 8, .86) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, .48);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.header-bg-image {
  background-image: none !important;
}

.header-main .top-divider {
  display: none;
}

.header-bottom,
.header-bottom-nav,
.nav-dark,
.nav-box,
.nav-box > li > a {
  background: linear-gradient(90deg, rgba(7, 5, 25, .94), rgba(31, 9, 52, .96), rgba(7, 5, 25, .94)) !important;
}

.header-bottom {
  border-top: 1px solid rgba(192, 132, 252, .3);
  border-bottom: 1px solid rgba(246, 206, 117, .3);
  box-shadow: 0 12px 30px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .035);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.header-bottom-nav > li > a {
  position: relative;
  padding-right: 17px;
  padding-left: 17px;
  color: rgba(255, 255, 255, .88) !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, .75);
}

.header-bottom-nav > li > a::after {
  position: absolute;
  right: 50%;
  bottom: -8px;
  left: 50%;
  height: 2px;
  border-radius: 2px;
  content: "";
  background: linear-gradient(90deg, var(--portal-pink), var(--portal-gold));
  transition: right .2s ease, left .2s ease;
}

.header-bottom-nav > li.active > a::after,
.header-bottom-nav > li > a:hover::after {
  right: 17px;
  left: 17px;
}

.header:not(.transparent) .header-nav-main.nav > li > a,
.header:not(.transparent) .header-bottom-nav.nav > li > a,
.off-canvas-left .mfp-content .nav-sidebar.nav-vertical > li > a {
  color: #fff !important;
  font-weight: 700;
  letter-spacing: 0;
}

.header:not(.transparent) .header-nav-main.nav > li.active > a,
.header:not(.transparent) .header-nav-main.nav > li > a:hover,
.header:not(.transparent) .header-bottom-nav.nav > li.active > a,
.header:not(.transparent) .header-bottom-nav.nav > li > a:hover {
  color: var(--portal-gold) !important;
}

.nav-dropdown,
.off-canvas .mfp-content,
.mobile-sidebar-levels-2 .nav-slide-header,
.mobile-sidebar-levels-2 .nav-slide > li > ul.children {
  background: #07091c;
  border-color: var(--portal-line);
}

a {
  color: var(--portal-gold-soft);
}

a:hover {
  color: var(--portal-gold);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--portal-text);
  font-family: Montserrat, Arial, sans-serif;
  letter-spacing: 0;
}

.button,
button,
input[type="submit"],
.header-button .button {
  min-height: 42px;
  border: 1px solid #ffec9c !important;
  border-radius: 6px !important;
  background: linear-gradient(180deg, #feffaa 0%, #fede5e 48%, #b66609 100%) !important;
  box-shadow: 0 8px 22px rgba(246, 206, 117, .22);
  color: #160d22 !important;
  font-weight: 800;
  letter-spacing: 0;
  text-shadow: none;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
.header-button .button:hover {
  box-shadow: 0 10px 28px rgba(246, 206, 117, .36);
  filter: brightness(1.08);
  transform: translateY(-1px);
}

.header-button .button {
  min-width: 126px;
  min-height: 44px;
  padding: 0 20px;
  border-radius: 6px !important;
  font-size: 14px;
  line-height: 42px;
  text-transform: uppercase;
}

.header-button-1 .button {
  border: 1px solid #fff1a8 !important;
  background: linear-gradient(180deg, #fff8cf 0%, #ffe273 38%, #d99b1a 72%, #814500 100%) !important;
  box-shadow: 0 8px 22px rgba(246, 206, 117, .28), inset 0 1px 0 rgba(255, 255, 255, .72);
  color: #1a0d20 !important;
}

.header-button-1 .button:hover {
  box-shadow: 0 10px 30px rgba(246, 206, 117, .46), inset 0 1px 0 rgba(255, 255, 255, .8);
}

.header-button-2 .button {
  border: 1px solid rgba(216, 152, 255, .82) !important;
  background: linear-gradient(180deg, rgba(72, 25, 102, .98), rgba(15, 8, 42, .98)) !important;
  box-shadow: 0 8px 22px rgba(102, 32, 152, .28), inset 0 1px 0 rgba(255, 255, 255, .1);
  color: #fff !important;
}

.header-button-2 .button:hover {
  border-color: var(--portal-gold-soft) !important;
  box-shadow: 0 10px 28px rgba(192, 132, 252, .34);
}

.portal-home .section-content {
  position: relative;
  z-index: 2;
}

.portal-hero {
  overflow: hidden;
  border-bottom: 1px solid rgba(192, 132, 252, .2);
  background:
    linear-gradient(115deg, rgba(1, 5, 8, .98) 0%, rgba(13, 11, 38, .96) 58%, rgba(27, 8, 48, .92) 100%);
}

.portal-hero::before,
.portal-hero::after {
  position: absolute;
  right: -12%;
  left: -12%;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, transparent, var(--portal-pink), var(--portal-gold), transparent);
  opacity: .55;
}

.portal-hero::before {
  top: 10%;
  transform: rotate(-4deg);
}

.portal-hero::after {
  bottom: 9%;
  transform: rotate(3deg);
}

.portal-hero .row {
  min-height: 610px;
}

.portal-hero-copy .col-inner {
  max-width: 520px;
  padding: 34px 0 34px 38px;
}

.portal-kicker {
  display: inline-flex;
  margin: 0 0 18px;
  padding: 7px 12px;
  border: 1px solid rgba(246, 206, 117, .35);
  border-radius: 4px;
  background: rgba(1, 5, 8, .58);
  color: var(--portal-gold);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.portal-hero h1 {
  margin-bottom: 18px;
  background: linear-gradient(180deg, #feffaa 0%, #fdffe4 30%, #ffbb44 60%, #fede5e 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  font-size: 46px;
  line-height: 1.12;
  text-transform: uppercase;
}

.portal-hero-copy p:not(.portal-kicker) {
  color: var(--portal-muted);
  font-size: 16px;
  line-height: 1.75;
}

.portal-hero-visual .col-inner {
  position: relative;
  min-height: 500px;
  overflow: hidden;
  border: 1px solid rgba(246, 206, 117, .4);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(192, 132, 252, .17), transparent 38%),
    linear-gradient(180deg, #15103a 0%, #050617 100%);
  box-shadow: var(--portal-shadow), inset 0 0 45px rgba(1, 5, 8, .72);
}

.portal-hero-visual .uxb-image {
  display: grid;
  min-height: 500px;
  place-items: center;
  background: transparent;
  color: rgba(246, 206, 117, .7);
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}

.portal-hero-visual .img,
.portal-hero-visual .img-inner,
.portal-hero-visual img {
  width: 100%;
  min-height: 500px;
}

.portal-hero-visual img {
  object-fit: cover;
}

.portal-feature-section,
.portal-showcase,
.portal-news-section,
.portal-content-section {
  background: transparent;
}

.portal-section-title {
  margin-bottom: 24px;
  text-align: center;
}

.portal-section-title h2,
.portal-content-title {
  display: inline-block;
  margin-bottom: 8px;
  background: linear-gradient(180deg, #feffaa 0%, #fdffe4 30%, #ffbb44 60%, #fede5e 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  font-size: 30px;
  text-transform: uppercase;
}

.portal-section-title p {
  margin: 0 auto;
  color: var(--portal-muted);
}

.portal-feature-card,
.portal-stat,
.portal-side-panel,
.portal-scroll-panel {
  position: relative;
  height: 100%;
  overflow: hidden;
  border: 1px solid var(--portal-line);
  border-radius: 8px;
  background: linear-gradient(155deg, rgba(13, 11, 38, .96), rgba(5, 6, 23, .98));
  box-shadow: 0 14px 34px rgba(0, 0, 0, .32);
}

.portal-feature-card {
  min-height: 164px;
  padding: 24px;
}

.portal-feature-card::before,
.portal-side-panel::before,
.portal-scroll-panel::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 2px;
  content: "";
  background: linear-gradient(90deg, transparent, var(--portal-pink), var(--portal-gold), transparent);
}

.portal-feature-card h3 {
  margin-bottom: 10px;
  color: var(--portal-gold) !important;
  font-size: 18px;
}

.portal-feature-card p,
.portal-card-copy p,
.portal-side-panel p,
.portal-scroll-panel p,
.portal-scroll-panel li {
  color: var(--portal-muted);
}

.portal-stats-row {
  margin-top: 18px;
}

.portal-stat {
  min-height: 112px;
  padding: 22px 14px;
  text-align: center;
}

.portal-stat strong {
  display: block;
  margin-bottom: 4px;
  color: var(--portal-gold);
  font-size: 24px;
}

.portal-stat span {
  color: var(--portal-muted);
  font-size: 12px;
  text-transform: uppercase;
}

.portal-showcase-card .col-inner {
  height: 100%;
  overflow: hidden;
  border: 1px solid var(--portal-line);
  border-radius: 8px;
  background: #090920;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .34);
}

.portal-showcase-card .uxb-image {
  display: grid;
  min-height: 220px;
  place-items: center;
  background: linear-gradient(145deg, #1c1246 0%, #090920 52%, #13071e 100%);
  color: rgba(246, 206, 117, .7);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.portal-showcase-card .img-inner,
.portal-showcase-card img {
  min-height: 220px;
}

.portal-showcase-card img {
  object-fit: cover;
}

.portal-card-copy {
  padding: 18px 20px 20px;
}

.portal-card-copy h3 {
  margin-bottom: 7px;
  color: var(--portal-gold) !important;
  font-size: 17px;
}

.portal-post-grid .post-item .col-inner {
  height: 100%;
  overflow: hidden;
  border: 1px solid rgba(246, 206, 117, .2);
  border-radius: 8px;
  background: linear-gradient(180deg, #0d0b26 0%, #050617 100%);
  box-shadow: 0 14px 34px rgba(0, 0, 0, .34);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.portal-post-grid .post-item .col-inner:hover {
  border-color: rgba(246, 206, 117, .5);
  box-shadow: 0 18px 42px rgba(0, 0, 0, .48);
  transform: translateY(-4px);
}

.portal-post-grid .box-text {
  padding: 18px;
}

.portal-post-grid .post-title,
.portal-mini-posts .post-title {
  color: var(--portal-text) !important;
  font-weight: 750;
}

.portal-post-grid .from_the_blog_excerpt,
.portal-post-grid .post-meta,
.portal-mini-posts .post-meta {
  color: var(--portal-muted);
}

.portal-post-grid .badge-inner {
  background: linear-gradient(180deg, var(--portal-gold), var(--portal-gold-deep));
  color: #150d20;
}

.portal-scroll-panel {
  max-height: 620px;
  overflow-y: auto;
  padding: 30px;
  font-size: 15px;
  line-height: 1.8;
  scrollbar-color: var(--portal-gold-deep) #07091c;
  scrollbar-width: thin;
}

.portal-scroll-panel::-webkit-scrollbar {
  width: 7px;
}

.portal-scroll-panel::-webkit-scrollbar-track {
  background: #07091c;
}

.portal-scroll-panel::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: linear-gradient(180deg, var(--portal-gold), var(--portal-gold-deep));
}

.portal-scroll-panel h2,
.portal-scroll-panel h3 {
  color: var(--portal-gold) !important;
}

.portal-scroll-panel strong {
  color: var(--portal-gold-soft);
}

.portal-side-panel {
  padding: 24px;
}

.portal-side-panel h3 {
  color: var(--portal-gold) !important;
  font-size: 18px;
}

.portal-mini-posts .post-item {
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(246, 206, 117, .12);
}

.portal-cta-section {
  border-top: 1px solid rgba(192, 132, 252, .2);
  border-bottom: 1px solid rgba(246, 206, 117, .2);
  background: linear-gradient(110deg, #0d0b26 0%, #1a0b34 52%, #080917 100%);
}

.portal-cta-copy {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}

.portal-cta-copy h2 {
  color: var(--portal-gold) !important;
}

.portal-cta-copy p {
  color: var(--portal-muted);
}

.page-title,
.archive-page-header,
.blog-wrapper,
.entry-content.single-page,
.article-inner,
.post-sidebar,
.widget-area {
  color: var(--portal-text);
}

.blog-wrapper .post-item .col-inner,
.article-inner,
.widget,
.post-sidebar .widget,
.page-breadcrumbs,
#page-breadcrumbs {
  border: 1px solid rgba(246, 206, 117, .18);
  border-radius: 8px;
  background: rgba(7, 9, 28, .94);
  box-shadow: 0 14px 34px rgba(0, 0, 0, .34);
}

.article-inner,
.widget,
.post-sidebar .widget {
  padding: 22px;
}

#page-breadcrumbs {
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 11px 15px;
  color: var(--portal-muted);
}

#page-breadcrumbs a {
  color: var(--portal-gold-soft);
}

.entry-title,
.post-title,
.blog-wrapper h1,
.blog-wrapper h2,
.blog-wrapper h3,
.widget-title {
  color: var(--portal-gold) !important;
}

.entry-content p,
.entry-content li,
.article-inner p,
.article-inner li,
.widget li,
.widget p {
  color: var(--portal-muted);
}

.is-divider {
  background: linear-gradient(90deg, transparent, var(--portal-pink), var(--portal-gold), transparent);
  opacity: .8;
}

input[type="email"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
textarea,
select {
  border: 1px solid rgba(246, 206, 117, .24);
  border-radius: 6px;
  background: #07091c;
  color: var(--portal-text);
  box-shadow: none;
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--portal-gold-soft);
  box-shadow: 0 0 0 3px rgba(246, 206, 117, .1);
}

.footer-wrapper,
.absolute-footer {
  border-top: 1px solid rgba(192, 132, 252, .22);
  background: linear-gradient(180deg, #0d0b26 0%, #05040f 100%) !important;
  color: var(--portal-muted);
}

.footer-wrapper .widget-title,
.footer-wrapper h3,
.footer-wrapper h4 {
  color: var(--portal-gold) !important;
}

.footer-wrapper a,
.absolute-footer a {
  color: var(--portal-muted);
}

.footer-wrapper a:hover,
.absolute-footer a:hover {
  color: var(--portal-gold);
}

@media only screen and (max-width: 849px) {
  .portal-hero .row {
    min-height: auto;
  }

  .portal-hero-copy .col-inner {
    max-width: none;
    padding: 28px 6px 4px;
    text-align: center;
  }

  .portal-hero h1 {
    font-size: 34px;
  }

  .portal-hero-visual .col-inner,
  .portal-hero-visual .uxb-image,
  .portal-hero-visual .img,
  .portal-hero-visual .img-inner,
  .portal-hero-visual img {
    min-height: 390px;
  }

  .portal-feature-card {
    min-height: 150px;
  }

  .portal-scroll-panel {
    max-height: none;
    padding: 22px;
  }

  .header-main {
    background: rgba(1, 5, 8, .98) !important;
  }
}

@media only screen and (max-width: 549px) {
  .portal-hero h1 {
    font-size: 29px;
  }

  .portal-hero-copy p:not(.portal-kicker) {
    font-size: 14px;
  }

  .portal-hero-visual .col-inner,
  .portal-hero-visual .uxb-image,
  .portal-hero-visual .img,
  .portal-hero-visual .img-inner,
  .portal-hero-visual img {
    min-height: 290px;
  }

  .portal-section-title h2,
  .portal-content-title {
    font-size: 23px;
  }

  .portal-showcase-card .uxb-image,
  .portal-showcase-card .img-inner,
  .portal-showcase-card img {
    min-height: 190px;
  }

  .portal-stat strong {
    font-size: 20px;
  }
}

/* Give the four live hero assets separation from the dark page background. */
.portal-hero .section-content > .row:first-child .img,
.hc-home-hero .section-content > .row:first-child .img {
  position: relative;
  isolation: isolate;
}

.portal-hero .section-content > .row:first-child .img-inner,
.hc-home-hero .section-content > .row:first-child .img-inner {
  position: relative;
  z-index: 1;
}

.portal-hero .section-content > .row:first-child .img::before,
.hc-home-hero .section-content > .row:first-child .img::before {
  position: absolute;
  z-index: 0;
  content: "";
  pointer-events: none;
}

.portal-hero .section-content > .row:first-child > .col:first-child .img::before,
.hc-home-hero .section-content > .row:first-child > .col:first-child .img::before {
  inset: 17% 2% 9%;
  border-radius: 48% 48% 34% 34%;
  background:
    radial-gradient(circle at 50% 38%, rgba(157, 32, 54, .52), transparent 48%),
    radial-gradient(circle at 50% 72%, rgba(246, 206, 117, .22), transparent 60%);
  filter: blur(24px);
}

.portal-hero .section-content > .row:first-child > .col:first-child img,
.hc-home-hero .section-content > .row:first-child > .col:first-child img {
  filter: brightness(1.09) saturate(1.12) contrast(1.04) drop-shadow(0 18px 28px rgba(0, 0, 0, .44));
}

.portal-hero .section-content > .row:first-child > .col:nth-child(2) > .col-inner > .img:first-of-type,
.hc-home-hero .section-content > .row:first-child > .col:nth-child(2) > .col-inner > .img:first-of-type,
.portal-hero .section-content > .row:first-child > .col:nth-child(2) > .col-inner > .img:nth-of-type(2),
.hc-home-hero .section-content > .row:first-child > .col:nth-child(2) > .col-inner > .img:nth-of-type(2) {
  filter: none;
}

.portal-hero .section-content > .row:first-child > .col:nth-child(2) > .col-inner > .img:first-of-type::before,
.hc-home-hero .section-content > .row:first-child > .col:nth-child(2) > .col-inner > .img:first-of-type::before {
  inset: 8% 3%;
  border-radius: 28%;
  background: radial-gradient(ellipse, rgba(194, 51, 255, .38) 0%, rgba(118, 43, 255, .2) 48%, transparent 72%);
  filter: blur(28px);
}

.portal-hero .section-content > .row:first-child > .col:nth-child(2) > .col-inner > .img:first-of-type img,
.hc-home-hero .section-content > .row:first-child > .col:nth-child(2) > .col-inner > .img:first-of-type img {
  filter: brightness(1.08) saturate(1.13) contrast(1.04) drop-shadow(0 14px 24px rgba(178, 45, 255, .3));
}

.portal-hero .section-content > .row:first-child > .col:nth-child(2) > .col-inner > .img:nth-of-type(2)::before,
.hc-home-hero .section-content > .row:first-child > .col:nth-child(2) > .col-inner > .img:nth-of-type(2)::before {
  inset: -4% 4%;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(64, 111, 255, .4) 0%, rgba(210, 49, 255, .2) 52%, transparent 76%);
  filter: blur(18px);
}

.portal-hero .section-content > .row:first-child > .col:nth-child(2) > .col-inner > .img:nth-of-type(2) img,
.hc-home-hero .section-content > .row:first-child > .col:nth-child(2) > .col-inner > .img:nth-of-type(2) img {
  filter: brightness(1.12) saturate(1.15) contrast(1.04) drop-shadow(0 12px 20px rgba(68, 108, 255, .32));
}

.portal-hero .section-content > .row:first-child > .col:last-child .img::before,
.hc-home-hero .section-content > .row:first-child > .col:last-child .img::before {
  inset: -3px;
  border-radius: 10px;
  background: linear-gradient(145deg, rgba(246, 206, 117, .72), rgba(191, 52, 255, .48), rgba(246, 206, 117, .38));
  filter: blur(8px);
  opacity: .72;
}

.portal-hero .section-content > .row:first-child > .col:last-child img,
.hc-home-hero .section-content > .row:first-child > .col:last-child img {
  border: 1px solid rgba(246, 206, 117, .42);
  filter: brightness(1.08) saturate(1.12) contrast(1.04);
  box-shadow: 0 18px 34px rgba(0, 0, 0, .42);
}

/* Keep the live UX Builder hero images at their natural aspect ratios. */
.portal-hero,
.hc-home-hero {
  padding-top: 24px !important;
  padding-bottom: 44px !important;
}

.portal-hero .section-content,
.hc-home-hero .section-content {
  width: calc(100% - 32px);
  max-width: 1180px;
}

.portal-hero .section-content > .row:first-child,
.hc-home-hero .section-content > .row:first-child {
  min-height: 0 !important;
  align-items: center !important;
  margin-bottom: 26px;
}

.portal-hero .section-content > .row:first-child > .col > .col-inner,
.hc-home-hero .section-content > .row:first-child > .col > .col-inner {
  height: auto !important;
  min-height: 0 !important;
}

.portal-hero .section-content > .row:first-child > .col:nth-child(2) > .col-inner,
.hc-home-hero .section-content > .row:first-child > .col:nth-child(2) > .col-inner {
  display: grid;
  min-height: 0 !important;
  gap: 18px;
  align-content: center;
  grid-template-rows: auto auto !important;
}

.portal-hero .section-content > .row:first-child .img,
.portal-hero .section-content > .row:first-child .img-inner,
.hc-home-hero .section-content > .row:first-child .img,
.hc-home-hero .section-content > .row:first-child .img-inner {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible;
  border-radius: 0;
  background: transparent;
}

.portal-hero .section-content > .row:first-child img,
.hc-home-hero .section-content > .row:first-child img {
  display: block;
  width: 100%;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
}

.portal-hero .section-content > .row:first-child > .col:first-child > .col-inner > .img,
.portal-hero .section-content > .row:first-child > .col:last-child > .col-inner > .img,
.hc-home-hero .section-content > .row:first-child > .col:first-child > .col-inner > .img,
.hc-home-hero .section-content > .row:first-child > .col:last-child > .col-inner > .img {
  width: 100% !important;
  margin: 0 auto;
}

.portal-hero .section-content > .row:first-child > .col:nth-child(2) > .col-inner > .img:first-of-type,
.hc-home-hero .section-content > .row:first-child > .col:nth-child(2) > .col-inner > .img:first-of-type {
  width: min(86%, 760px) !important;
  margin: 0 auto;
  filter: drop-shadow(0 14px 24px rgba(178, 45, 255, .24));
}

.portal-hero .section-content > .row:first-child > .col:nth-child(2) > .col-inner > .img:nth-of-type(2),
.hc-home-hero .section-content > .row:first-child > .col:nth-child(2) > .col-inner > .img:nth-of-type(2) {
  width: min(64%, 620px) !important;
  margin: 0 auto;
  filter: drop-shadow(0 12px 20px rgba(68, 108, 255, .28));
}

.portal-hero .section-content > .row:first-child > .col:first-child img,
.hc-home-hero .section-content > .row:first-child > .col:first-child img {
  filter: drop-shadow(0 18px 28px rgba(0, 0, 0, .44));
}

.portal-hero .section-content > .row:first-child > .col:last-child img,
.hc-home-hero .section-content > .row:first-child > .col:last-child img {
  border-radius: 8px;
  box-shadow: 0 18px 34px rgba(0, 0, 0, .42);
}

@media only screen and (max-width: 849px) {
  .portal-hero,
  .hc-home-hero {
    padding-top: 24px !important;
    padding-bottom: 38px !important;
  }

  .portal-hero .section-content > .row:first-child > .col:nth-child(2) > .col-inner,
  .hc-home-hero .section-content > .row:first-child > .col:nth-child(2) > .col-inner {
    min-height: 0 !important;
    gap: 14px;
    grid-template-rows: auto auto !important;
  }

  .portal-hero .section-content > .row:first-child > .col:nth-child(2) > .col-inner > .img:first-of-type,
  .hc-home-hero .section-content > .row:first-child > .col:nth-child(2) > .col-inner > .img:first-of-type {
    width: min(100%, 760px) !important;
  }

  .portal-hero .section-content > .row:first-child > .col:nth-child(2) > .col-inner > .img:nth-of-type(2),
  .hc-home-hero .section-content > .row:first-child > .col:nth-child(2) > .col-inner > .img:nth-of-type(2) {
    width: min(78%, 620px) !important;
  }
}

@media only screen and (max-width: 549px) {
  .portal-hero,
  .hc-home-hero {
    padding-top: 16px !important;
    padding-bottom: 32px !important;
  }

  .portal-hero .section-content,
  .hc-home-hero .section-content {
    width: calc(100% - 20px);
  }

  .portal-hero .section-content > .row:first-child > .col:nth-child(2) > .col-inner > .img:nth-of-type(2),
  .hc-home-hero .section-content > .row:first-child > .col:nth-child(2) > .col-inner > .img:nth-of-type(2) {
    width: 88% !important;
  }
}

/* Compatibility for the homepage layout currently published on the live site. */
.portal-hero,
.hc-home-hero {
  position: relative;
  min-height: auto;
  overflow: hidden;
  padding-top: 24px !important;
  padding-bottom: 44px !important;
  border-bottom: 1px solid rgba(192, 132, 252, .22);
  background:
    linear-gradient(115deg, rgba(1, 5, 8, .5) 0%, rgba(13, 11, 38, .58) 58%, rgba(27, 8, 48, .54) 100%) !important;
}

.portal-hero .section-bg,
.hc-home-hero .section-bg {
  background:
    linear-gradient(165deg, rgba(192, 132, 252, .08), transparent 34%),
    linear-gradient(18deg, rgba(246, 206, 117, .06), transparent 30%);
}

.portal-hero .section-content,
.hc-home-hero .section-content {
  width: calc(100% - 32px);
  max-width: 1180px;
  margin-right: auto;
  margin-left: auto;
}

.portal-hero .section-content > .row:first-child,
.hc-home-hero .section-content > .row:first-child {
  min-height: 0 !important;
  align-items: center !important;
  margin-bottom: 26px;
}

.portal-hero .section-content > .row:first-child > .col,
.hc-home-hero .section-content > .row:first-child > .col {
  padding-right: 8px;
  padding-bottom: 16px;
  padding-left: 8px;
}

.portal-hero .section-content > .row:first-child > .col > .col-inner,
.hc-home-hero .section-content > .row:first-child > .col > .col-inner {
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
}

.portal-hero .section-content > .row:first-child > .col:first-child > .col-inner,
.portal-hero .section-content > .row:first-child > .col:last-child > .col-inner,
.hc-home-hero .section-content > .row:first-child > .col:first-child > .col-inner,
.hc-home-hero .section-content > .row:first-child > .col:last-child > .col-inner {
  min-height: 0 !important;
}

.portal-hero .section-content > .row:first-child > .col:nth-child(2) > .col-inner,
.hc-home-hero .section-content > .row:first-child > .col:nth-child(2) > .col-inner {
  display: grid;
  min-height: 0 !important;
  gap: 18px;
  align-content: center;
  grid-template-rows: auto auto !important;
}

.portal-hero .uxb-no-content.uxb-image,
.hc-home-hero .uxb-no-content.uxb-image {
  position: relative;
  display: grid;
  height: 100%;
  min-height: 104px;
  overflow: hidden;
  border: 1px solid rgba(246, 206, 117, .38);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(192, 132, 252, .16), transparent 38%),
    linear-gradient(180deg, #15103a 0%, #050617 100%);
  box-shadow: var(--portal-shadow), inset 0 0 36px rgba(1, 5, 8, .7);
  color: transparent;
  font-size: 0;
  place-items: center;
}

.portal-hero .uxb-no-content.uxb-image::before,
.hc-home-hero .uxb-no-content.uxb-image::before {
  width: 76px;
  height: 76px;
  border: 1px solid rgba(246, 206, 117, .48);
  content: "";
  transform: rotate(45deg);
}

.portal-hero .uxb-no-content.uxb-image::after,
.hc-home-hero .uxb-no-content.uxb-image::after {
  position: absolute;
  right: 12%;
  bottom: 20%;
  left: 12%;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, transparent, var(--portal-pink), var(--portal-gold), transparent);
}

.portal-hero .section-content > .row:first-child > .col:first-child .uxb-image,
.portal-hero .section-content > .row:first-child > .col:last-child .uxb-image,
.hc-home-hero .section-content > .row:first-child > .col:first-child .uxb-image,
.hc-home-hero .section-content > .row:first-child > .col:last-child .uxb-image {
  min-height: 350px;
}

.portal-hero .section-content > .row:first-child .img,
.portal-hero .section-content > .row:first-child .img-inner,
.hc-home-hero .section-content > .row:first-child .img,
.hc-home-hero .section-content > .row:first-child .img-inner {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible;
  border-radius: 0;
  background: transparent;
}

.portal-hero .section-content > .row:first-child > .col:first-child img,
.portal-hero .section-content > .row:first-child > .col:last-child img,
.hc-home-hero .section-content > .row:first-child > .col:first-child img,
.hc-home-hero .section-content > .row:first-child > .col:last-child img {
  width: 100%;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
}

.portal-hero .section-content > .row:first-child > .col:nth-child(2) img,
.hc-home-hero .section-content > .row:first-child > .col:nth-child(2) img {
  width: 100%;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
}

.portal-hero .section-content > .row + .row,
.hc-home-hero .section-content > .row + .row {
  margin-top: 2px;
}

.portal-hero .section-content > .row + .row > .col,
.hc-home-hero .section-content > .row + .row > .col {
  padding-bottom: 0;
}

.portal-hero .section-content > .row + .row > .col > .col-inner > p,
.hc-home-hero .section-content > .row + .row > .col > .col-inner > p {
  max-width: 840px;
  margin: 0 auto 22px;
  color: var(--portal-muted);
  font-size: 15px;
  line-height: 1.75;
  text-align: center;
}

.luxury-scroll-box {
  position: relative;
  max-height: 620px;
  overflow-y: auto;
  padding: 30px;
  border: 1px solid var(--portal-line);
  border-radius: 8px;
  background: linear-gradient(155deg, rgba(13, 11, 38, .97), rgba(5, 6, 23, .99));
  box-shadow: var(--portal-shadow), inset 0 0 28px rgba(1, 5, 8, .46);
  color: var(--portal-muted);
  font-size: 15px;
  line-height: 1.8;
  scrollbar-color: var(--portal-gold-deep) #07091c;
  scrollbar-width: thin;
}

.luxury-scroll-box::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 2px;
  content: "";
  background: linear-gradient(90deg, transparent, var(--portal-pink), var(--portal-gold), transparent);
}

.luxury-scroll-box::-webkit-scrollbar {
  width: 7px;
}

.luxury-scroll-box::-webkit-scrollbar-track {
  background: #07091c;
}

.luxury-scroll-box::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: linear-gradient(180deg, var(--portal-gold), var(--portal-gold-deep));
}

.luxury-scroll-box p,
.luxury-scroll-box li {
  color: var(--portal-muted);
}

.luxury-scroll-box h1,
.luxury-scroll-box h2,
.luxury-scroll-box h3,
.luxury-scroll-box strong {
  color: var(--portal-gold) !important;
}

.footer-wrapper .section {
  background: linear-gradient(180deg, #0d0b26 0%, #05040f 100%) !important;
}

@media only screen and (max-width: 849px) {
  body {
    background-attachment: scroll;
    background-position: center top;
  }

  .portal-hero,
  .hc-home-hero {
    padding-top: 24px !important;
    padding-bottom: 38px !important;
  }

  .portal-hero .section-content > .row:first-child > .col:first-child,
  .portal-hero .section-content > .row:first-child > .col:last-child,
  .hc-home-hero .section-content > .row:first-child > .col:first-child,
  .hc-home-hero .section-content > .row:first-child > .col:last-child {
    display: none;
  }

  .portal-hero .section-content > .row:first-child > .col:nth-child(2),
  .hc-home-hero .section-content > .row:first-child > .col:nth-child(2) {
    max-width: 100%;
    flex-basis: 100%;
  }

  .portal-hero .section-content > .row:first-child > .col:nth-child(2) > .col-inner,
  .hc-home-hero .section-content > .row:first-child > .col:nth-child(2) > .col-inner {
    min-height: 0 !important;
    gap: 14px;
    grid-template-rows: auto auto !important;
  }

  .luxury-scroll-box {
    max-height: none;
    padding: 22px;
  }

  .header-button .button {
    min-width: 112px;
    min-height: 40px;
    padding: 0 14px;
    font-size: 12px;
    line-height: 38px;
  }
}

@media only screen and (max-width: 549px) {
  .portal-hero .section-content,
  .hc-home-hero .section-content {
    width: calc(100% - 20px);
  }

  .portal-hero .section-content > .row:first-child > .col:nth-child(2) > .col-inner,
  .hc-home-hero .section-content > .row:first-child > .col:nth-child(2) > .col-inner {
    min-height: 0 !important;
    grid-template-rows: auto auto !important;
  }

  .portal-hero .uxb-no-content.uxb-image::before,
  .hc-home-hero .uxb-no-content.uxb-image::before {
    width: 56px;
    height: 56px;
  }
}

/* Final image color treatment after the live-layout compatibility rules. */
.portal-hero .section-content > .row:first-child > .col:first-child img,
.hc-home-hero .section-content > .row:first-child > .col:first-child img {
  filter: brightness(1.09) saturate(1.12) contrast(1.04) drop-shadow(0 18px 28px rgba(0, 0, 0, .44));
}

.portal-hero .section-content > .row:first-child > .col:nth-child(2) > .col-inner > .img:first-of-type,
.hc-home-hero .section-content > .row:first-child > .col:nth-child(2) > .col-inner > .img:first-of-type,
.portal-hero .section-content > .row:first-child > .col:nth-child(2) > .col-inner > .img:nth-of-type(2),
.hc-home-hero .section-content > .row:first-child > .col:nth-child(2) > .col-inner > .img:nth-of-type(2) {
  filter: none;
}