/* Dreamcore home branding — Claude tokens on EXISTING ACF/WP holes.
   Fonts: Space Grotesk + JetBrains Mono
   Colors: #0A0814 / #3B1A66 / #0FA8D2 / #F7F5FC
   Does not replace theme.css. Does not invent sale copy, tile names, or a timer bar.
   HurryTimer shortcode in header.php is untouched. */

:root {
  --dc-ink: #0A0814;
  --dc-purple: #3B1A66;
  --dc-cyan: #0FA8D2;
  --dc-mist: #F7F5FC;
  --dc-violet: #6B3FCC;
  --dc-deep: #1A0A3D;
  --dc-font: "Space Grotesk", system-ui, sans-serif !important;
  --dc-mono: "JetBrains Mono", ui-monospace, monospace !important;
  --dc-line: rgba(10, 8, 20, 0.1);
  --dc-line-soft: rgba(10, 8, 20, 0.08);
}

@keyframes dc-heroFlow1 {
  0% { transform: translate(-10%, -6%) rotate(-4deg) scale(1); }
  100% { transform: translate(6%, 4%) rotate(3deg) scale(1.15); }
}
@keyframes dc-heroFlow2 {
  0% { transform: translate(4%, 4%) rotate(3deg) scale(1.1); }
  100% { transform: translate(-8%, -4%) rotate(-2deg) scale(1); }
}
@keyframes dc-heroFlow3 {
  0% { transform: translate(-4%, 2%) rotate(2deg) scale(1); }
  100% { transform: translate(8%, -6%) rotate(-4deg) scale(1.2); }
}

/* ---------- Type on existing ACF holes ---------- */
body.home,
body.home .site-main,
.c-block.dc-skin,
.dc-skin,
.c-title,
.c-subtitle,
.c-section-header,
.b-hero,
.b-column-repeater,
.b-logo,
.b-cta,
.b-accordions,
.b-icons-header,
.b-section-header,
.site-footer.dc-skin {
  font-family: var(--dc-font);
  color: var(--dc-ink);
}

.dc-skin a { color: var(--dc-cyan); }
.dc-skin a:hover { color: var(--dc-purple); }

.c-tagline,
.c-section-header__tagline,
.dc-skin .c-tagline,
.b-hero .c-tagline,
.b-logo .c-tagline,
.b-cta .c-tagline,
.b-accordions .c-tagline,
.b-section-header .c-tagline {
  font-family: var(--dc-mono) !important;
  font-size: 12px !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--dc-violet);
  font-weight: 500;
  margin-bottom: 12px;
}

.c-title,
.c-section-header__title,
.b-column-repeater__title,
.b-section-header .c-title,
.dc-skin .c-title {
  font-family: var(--dc-font);
  font-weight: 500;
  letter-spacing: -0.02em;
  color: var(--dc-ink);
}

.c-subtitle,
.c-section-header__subtitle,
.dc-skin .c-subtitle {
  font-family: var(--dc-font);
  font-size: 16.5px;
  line-height: 1.55;
  color: rgba(10, 8, 20, 0.65);
  font-weight: 400;
}

/* ---------- Buttons (ACF .c-btn / .btn — label still ACF/Woo) ---------- */
.c-btn,
.btn,
.b-cta__btn,
.b-column-repeater__grid-item-btn,
.b-hero .c-btn,
.b-hero .btn,
.b-buttons__btn,
.dc-skin .c-btn,
.dc-skin .btn {
  font-family: var(--dc-font);
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0;
  text-transform: none;
  border-radius: 6px;
  padding: 14px 28px;
  border: 0;
  box-shadow: none;
  width: auto;
  position: relative;
  z-index: 2;
}

.btn-primary,
.c-btn.btn-primary,
.b-cta__btn.btn-primary,
.b-buttons__btn.btn-primary,
.dc-skin .btn-primary {
  background: var(--dc-purple) !important;
  color: #fff !important;
}

.btn-primary::before,
.btn-primary::after,
.c-btn.btn-primary::before,
.c-btn.btn-primary::after,
.btn-outline-primary::before,
.btn-outline-primary::after {
  display: none !important;
  opacity: 0 !important;
}

.btn-primary:hover,
.c-btn.btn-primary:hover,
.dc-skin .btn-primary:hover {
  background: #2d1350 !important;
  color: #fff !important;
}

.btn-white,
.c-btn.btn-white,
.dc-skin .btn-white {
  background: #fff !important;
  color: var(--dc-deep) !important;
}

.btn-white:hover,
.c-btn.btn-white:hover {
  background: var(--dc-mist) !important;
  color: var(--dc-deep) !important;
  box-shadow: none;
}

.btn-outline-primary,
.c-btn.btn-outline-primary {
  background: transparent !important;
  color: var(--dc-purple) !important;
  box-shadow: inset 0 0 0 1.5px var(--dc-purple);
}

.btn-outline-primary:hover {
  background: var(--dc-mist) !important;
  color: var(--dc-purple) !important;
}

.btn-primary-fill {
  background: var(--dc-purple) !important;
  color: #fff !important;
}

/* ---------- Hero (ACF .b-hero) — chrome only ---------- */
.b-hero,
.dc-skin--hero {
  position: relative;
  overflow: hidden;
  padding-block: 88px 72px;
  color: #fff;
  isolation: isolate;
}

@media (min-width: 992px) {
  .b-hero,
  .dc-skin--hero {
    padding-block: 110px 88px;
  }
}

/* Decorative aurora. Sits behind ACF background image / title. No copy. */
.b-hero::before,
.dc-skin--hero::before {
  content: "";
  position: absolute;
  inset: -15%;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 20% 40%, rgba(139, 95, 224, 0.85), transparent 62%),
    radial-gradient(ellipse at 55% 45%, rgba(15, 168, 210, 0.55), transparent 58%),
    radial-gradient(ellipse at 80% 30%, rgba(180, 156, 240, 0.4), transparent 60%);
  filter: blur(48px);
  mix-blend-mode: screen;
  animation: dc-heroFlow1 16s ease-in-out infinite alternate;
}

.b-hero::after,
.dc-skin--hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(10, 8, 20, 0.15) 0%, rgba(10, 8, 20, 0.35) 70%, #0A0814 100%);
}

.b-hero .container,
.b-hero .b-hero__row,
.dc-skin--hero .container {
  position: relative;
  z-index: 1;
}

.b-hero .c-title,
.b-hero .c-section-header__title,
.dc-skin--hero .c-title {
  color: #fff;
  font-size: clamp(36px, 5vw, 60px);
  line-height: 1.03;
  font-weight: 500;
  letter-spacing: -0.02em;
  max-width: 820px;
}

.b-hero .c-subtitle,
.dc-skin--hero .c-subtitle {
  color: rgba(255, 255, 255, 0.75);
  font-size: 19px;
  max-width: 600px;
}

.b-hero .c-tagline,
.dc-skin--hero .c-tagline {
  color: #8FE4FF !important;
}

.b-hero .btn-primary,
.b-hero .btn-white,
.dc-skin--hero .btn-primary,
.dc-skin--hero .btn-white {
  background: #fff !important;
  color: var(--dc-deep) !important;
}

.b-hero .btn-outline-primary,
.dc-skin--hero .btn-outline-primary {
  background: transparent !important;
  color: #fff !important;
  box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, 0.4);
}

/* ---------- Trust strip (ACF .b-icons-header) ---------- */
.b-icons-header,
.dc-skin--trust {
  font-family: var(--dc-font);
}

.b-icons-header__row {
  padding-block: 22px;
  gap: 24px;
}

.b-icons-header__col {
  gap: 12px;
}

.b-icons-header .c-title,
.b-icons-header .c-subtitle,
.dc-skin--trust .c-title {
  font-family: var(--dc-mono);
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 500;
  margin: 0;
}

.b-hero + .b-icons-header,
.dc-skin--hero + .dc-skin--trust,
.dc-skin--trust.is-on-dark {
  background: var(--dc-ink);
  color: #fff;
}

.b-hero + .b-icons-header .c-title,
.b-hero + .b-icons-header .c-subtitle,
.dc-skin--trust.is-on-dark .c-title,
.dc-skin--trust.is-on-dark .c-subtitle {
  color: rgba(255, 255, 255, 0.72);
}

.b-hero + .b-icons-header .b-icons-header__row,
.dc-skin--trust.is-on-dark .b-icons-header__row {
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}

/* ---------- Product-family tiles (ACF .b-column-repeater) ---------- */
.b-column-repeater,
.dc-skin--tiles {
  background: #fff;
  padding-block: 56px 72px;
}

.b-column-repeater__title,
.dc-skin--tiles .b-column-repeater__title,
.dc-skin--header .c-title {
  margin-block: 0 36px;
  font-size: clamp(28px, 4vw, 36px);
  font-weight: 500;
  letter-spacing: -0.02em;
  color: var(--dc-ink);
}

.b-column-repeater__grid {
  gap: 16px;
}

.b-column-repeater__grid-item {
  border-radius: 8px;
  border: 1px solid var(--dc-line);
  overflow: hidden;
  background: var(--dc-mist);
  transition: border-color 0.2s ease;
}

.b-column-repeater__grid-item:hover {
  border-color: var(--dc-violet);
}

.b-column-repeater__grid-item-title,
.dc-skin--tiles .b-column-repeater__grid-item-title {
  font-family: var(--dc-font);
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--dc-ink);
}

.b-column-repeater__grid-item-btn {
  border-radius: 6px;
  z-index: 3;
}

.b-column-repeater--style-boxes-gradient-overlay .b-column-repeater__grid-item-background::before {
  background: linear-gradient(transparent, var(--dc-ink));
}

/* ---------- Logo strips (ACF .b-logo) — press + brands ---------- */
.b-logo,
.dc-skin--logos {
  background: #fff;
  margin-inline: 0;
}

.b-logo__container {
  padding: 56px 0;
}

.b-logo .c-title {
  font-size: clamp(24px, 3vw, 30px);
}

.b-logo .c-title em,
.b-logo .c-title b,
.b-logo .c-title strong,
.dc-skin--header .c-title em,
.dc-skin--header .c-title b {
  color: var(--dc-purple);
  font-style: normal;
  font-weight: 500;
}

.b-logo__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 72px;
  padding: 16px 22px;
  border: 1px solid var(--dc-line);
  border-radius: 8px;
  background: #fff;
  text-decoration: none;
}

.b-logo__link img {
  filter: grayscale(1);
  opacity: 0.78;
  transition: opacity 0.2s ease, filter 0.2s ease;
  max-height: 48px;
}

.b-logo__link:hover img {
  filter: none;
  opacity: 1;
}

.b-logo__swiper-button {
  color: var(--dc-purple);
}

.b-logo__background-inside .c-background__color {
  border-radius: 8px;
}

/* ---------- CTA (ACF .b-cta) ---------- */
.b-cta,
.dc-skin--cta {
  font-family: var(--dc-font);
}

.b-cta__background,
.dc-skin--cta .b-cta__background {
  border-radius: 8px;
  padding-block: 64px;
  padding-inline: 32px;
  background: linear-gradient(160deg, #1A0A3D, #3B1A66);
  color: #fff;
}

@media (min-width: 992px) {
  .b-cta__background {
    padding-block: 80px;
  }
}

.b-cta .c-title,
.dc-skin--cta .c-title {
  font-size: clamp(28px, 4vw, 34px);
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.15;
  color: #fff;
}

.b-cta .c-subtitle,
.dc-skin--cta .c-subtitle {
  max-width: 52ch;
  margin-inline: auto;
  color: rgba(255, 255, 255, 0.72);
}

.b-cta__btn {
  margin-block-start: 16px;
}

.b-cta .btn-white,
.b-cta .btn-primary,
.dc-skin--cta .btn-white,
.dc-skin--cta .btn-primary {
  background: #fff !important;
  color: var(--dc-deep) !important;
}

.b-cta__text-underneath-btn {
  color: #8FE4FF;
  font-family: var(--dc-mono);
  font-size: 12px;
  letter-spacing: 0.06em;
}

.b-cta--style-full-width .b-cta__background {
  border-radius: 0;
}

/* ---------- FAQ (ACF .b-accordions) ---------- */
.b-accordions,
.dc-skin--faq {
  background: var(--dc-ink);
  color: #fff;
  padding-block: 80px;
}

.b-accordions .c-tagline,
.dc-skin--faq .c-tagline {
  color: #8FE4FF !important;
}

.b-accordions .c-title,
.dc-skin--faq .c-title {
  font-size: clamp(28px, 4vw, 36px);
  margin-bottom: 12px;
  color: #fff;
}

.b-accordions .c-subtitle,
.dc-skin--faq .c-subtitle {
  color: rgba(255, 255, 255, 0.65);
}

.b-accordions__items {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 32px;
}

.c-accordion,
.dc-skin--faq .c-accordion {
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  margin: 0;
  background: transparent;
  overflow: hidden;
}

.c-accordion__button,
.dc-skin--faq .accordion-button {
  font-family: var(--dc-font);
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  background: transparent;
  box-shadow: none;
  padding: 18px 20px;
  width: 100%;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.c-accordion__button:not(.collapsed),
.dc-skin--faq .accordion-button:not(.collapsed) {
  color: #fff;
  background: rgba(107, 63, 204, 0.18);
  border-color: var(--dc-violet);
}

.c-accordion__button-plus {
  width: 10px;
  height: 10px;
  border-right: 1.5px solid #8FE4FF;
  border-bottom: 1.5px solid #8FE4FF;
  transform: rotate(45deg);
  flex-shrink: 0;
  transition: transform 0.15s ease;
}

.c-accordion__button:not(.collapsed) .c-accordion__button-plus {
  transform: rotate(225deg);
}

.c-accordion-body,
.dc-skin--faq .accordion-body {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.68);
  line-height: 1.55;
  padding: 0 20px 18px;
}

/* If an ACF accordion sits on a light page background, keep cards readable */
.b-accordions.dc-skin--faq.is-on-light,
.b-accordions.b-accordions--style-light {
  background: #fff;
  color: var(--dc-ink);
}
.b-accordions.dc-skin--faq.is-on-light .c-title { color: var(--dc-ink); }
.b-accordions.dc-skin--faq.is-on-light .c-accordion {
  border-color: var(--dc-line);
  background: #fff;
}
.b-accordions.dc-skin--faq.is-on-light .c-accordion__button { color: var(--dc-ink); }
.b-accordions.dc-skin--faq.is-on-light .c-accordion__button:not(.collapsed) {
  color: var(--dc-purple);
  background: var(--dc-mist);
}

/* ---------- Footer (ACF columns) ---------- */
.site-footer,
.site-footer.dc-skin,
.dc-skin--footer {
  background-color: var(--dc-ink);
  color: rgba(255, 255, 255, 0.78);
  font-family: var(--dc-font);
  font-weight: 400;
  padding-block-start: 64px;
}

.site-footer h6,
.site-footer__links-title,
.site-footer__col-socials-title {
  font-family: var(--dc-mono);
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.4);
  font-weight: 500;
  margin-bottom: 16px;
}

.site-footer__links-item a,
.site-footer__copyright a {
  font-size: 13.5px;
  color: rgba(255, 255, 255, 0.72);
  text-decoration: none;
  background-image: none;
}

.site-footer__links-item a:hover,
.site-footer__copyright a:hover {
  color: #fff;
  background-size: 0;
}

.site-footer__bottom {
  margin-top: 48px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.site-footer__copyright {
  padding-block: 24px;
}

.site-footer__copyright-text,
.site-footer__copyright a {
  font-size: 12.5px;
  color: rgba(255, 255, 255, 0.4);
}

.site-footer__col-socials .c-socials {
  gap: 12px;
}

.site-footer .c-socials a {
  color: rgba(255, 255, 255, 0.72);
}
.site-footer .c-socials a:hover {
  color: var(--dc-cyan);
}


/* ========== 20260819f font hammer + LIVE home widgets (#dc-home-*) ==========
   Live home is Elementor HTML widgets, NOT ACF .b-hero / .b-column-repeater.
   Inter is hardcoded in those widget <style> blocks and in WP Custom CSS --dc-font.
   Beat both with IDs + !important. Do not invent Vanta / stats / a new hero. */

html, body, .site, .elementor, .elementor-page, .elementor-widget,
.elementor-widget-container, .elementor-element,
h1, h2, h3, h4, h5, h6, button, .btn, .c-btn, input, select, textarea {
  font-family: "Space Grotesk", system-ui, sans-serif !important;
}

a { color: #0FA8D2; }
a:hover { color: #3B1A66; }

.dc-kicker,
.c-tagline,
.dc-mega__feature-kicker,
[class*="kicker"] {
  font-family: "JetBrains Mono", ui-monospace, monospace !important;
  color: #0FA8D2 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

#dc-home-hero,
#dc-home-hero *,
#dc-home-products,
#dc-home-products *,
#dc-home-publications,
#dc-home-publications *,
#dc-home-brands,
#dc-home-brands *,
#dc-home-cta,
#dc-home-cta *,
#dc-home-faq,
#dc-home-faq * {
  font-family: "Space Grotesk", system-ui, sans-serif !important;
}

#dc-home-hero .fa-solid,
#dc-home-products .fa-solid,
#dc-home-publications .fa-solid,
#dc-home-brands .fa-solid,
#dc-home-cta .fa-solid,
#dc-home-faq .fa-solid,
#dc-home-hero .fa,
#dc-home-products .fa,
#dc-home-publications .fa,
#dc-home-brands .fa,
#dc-home-cta .fa,
#dc-home-faq .fa {
  font-family: "Font Awesome 6 Free" !important;
}
#dc-home-cta .fa-brands {
  font-family: "Font Awesome 6 Brands" !important;
}

/* 8-up category tiles — keep live names/images, kill outlined chips */
#dc-home-products {
  background: #fff !important;
  color: #0A0814 !important;
}
#dc-home-products .dc-product {
  border: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
#dc-home-products .dc-product-name {
  font-family: "Space Grotesk", system-ui, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em;
  color: #0A0814 !important;
}

/* Press — Grotesk heading, JetBrains/plasma kicker, no live-purple first line */
#dc-home-publications {
  background: #F7F5FC !important;
  color: #0A0814 !important;
}
#dc-home-publications .dc-section-heading::before {
  content: "IN THE PRESS";
  display: block;
  font-family: "JetBrains Mono", ui-monospace, monospace !important;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #6B3FCC !important;
  margin-bottom: 12px;
  grid-column: 1 / -1;
}
#dc-home-publications h2,
#dc-home-brands h2 {
  font-family: "Space Grotesk", system-ui, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em !important;
  color: #0A0814 !important;
}
#dc-home-publications h2::first-line,
#dc-home-brands h2::first-line {
  color: #0A0814 !important;
}
#dc-home-publications .dc-card,
#dc-home-brands .dc-card {
  border: 0 !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 0 0 1px rgba(10, 8, 20, 0.08);
}
#dc-home-publications .dc-card-media,
#dc-home-brands .dc-card-media {
  border-bottom: 0 !important;
}
#dc-home-publications .dc-card-copy h3,
#dc-home-brands .dc-card-copy h3 {
  font-family: "JetBrains Mono", ui-monospace, monospace !important;
  font-size: 11px !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #0FA8D2 !important;
  font-weight: 500 !important;
}
#dc-home-publications .dc-carousel-controls button:hover,
#dc-home-brands .dc-carousel-controls button:hover {
  border-color: #0FA8D2 !important;
  background: #0FA8D2 !important;
  color: #fff !important;
}

/* Brands heading kicker */
#dc-home-brands .dc-section-heading::before {
  content: "PARTNERS";
  display: block;
  font-family: "JetBrains Mono", ui-monospace, monospace !important;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #0FA8D2 !important;
  margin-bottom: 12px;
  grid-column: 1 / -1;
}

/* CTA — brand purple, Grotesk */
#dc-home-cta .dc-cta-inner {
  background: linear-gradient(160deg, #1A0A3D, #3B1A66) !important;
  border-radius: 8px !important;
}
#dc-home-cta h2,
#dc-home-cta p,
#dc-home-cta a {
  font-family: "Space Grotesk", system-ui, sans-serif !important;
}

/* FAQ + footer already go dark — lock #0A0814 */
#dc-home-faq {
  background: #0A0814 !important;
}
#dc-home-faq .dc-kicker {
  font-family: "JetBrains Mono", ui-monospace, monospace !important;
  color: #0FA8D2 !important;
  border-color: rgba(15, 168, 210, 0.35) !important;
}
#dc-home-faq h2,
#dc-home-faq button {
  font-family: "Space Grotesk", system-ui, sans-serif !important;
}
.site-footer,
.site-footer.dc-skin,
.dc-skin--footer {
  background-color: #0A0814 !important;
}


/* 20260819g: exact live widget IDs — beat leftover Additional CSS Inter */
#dc-home-hero,
#dc-home-products,
#dc-home-press,
#dc-home-publications,
#dc-home-brands,
#dc-home-cta,
#dc-home-faq,
#dc-home-hero *,
#dc-home-products *,
#dc-home-press *,
#dc-home-publications *,
#dc-home-brands *,
#dc-home-cta *,
#dc-home-faq *,
.site-footer {
  font-family: "Space Grotesk", system-ui, sans-serif !important;
}
#dc-home-hero,
#dc-home-products,
#dc-home-press,
#dc-home-publications,
#dc-home-brands {
  --dc-font: "Space Grotesk", system-ui, sans-serif !important;
}

/* ---------- Homepage hero carousel (#dc-home-hero) ---------- */
#dc-home-hero {
  position: relative;
  overflow: hidden;
}
#dc-home-hero .dc-hero-viewport {
  overflow: hidden;
  width: 100%;
}
#dc-home-hero .dc-hero-track {
  display: flex;
  width: 100%;
  transition: transform 0.5s ease;
  will-change: transform;
}
#dc-home-hero .dc-hero-slide {
  flex: 0 0 100%;
  min-width: 100%;
  display: block;
  width: 100%;
}
#dc-home-hero .dc-hero-slide img {
  display: block;
  width: 100%;
  height: auto;
}
#dc-home-hero .dc-hero-prev,
#dc-home-hero .dc-hero-next {
  position: absolute;
  top: 50%;
  z-index: 3;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: rgba(10, 8, 20, 0.45);
  color: #fff;
  cursor: pointer;
  transform: translateY(-50%);
}
#dc-home-hero .dc-hero-prev { left: 12px; }
#dc-home-hero .dc-hero-next { right: 12px; }
#dc-home-hero .dc-hero-prev::before,
#dc-home-hero .dc-hero-next::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 auto;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
#dc-home-hero .dc-hero-prev::before { transform: rotate(-135deg); }
#dc-home-hero .dc-hero-next::before { transform: rotate(45deg); }
#dc-home-hero .dc-hero-prev:hover,
#dc-home-hero .dc-hero-next:hover {
  background: #3B1A66;
}
#dc-home-hero .dc-hero-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 14px;
  z-index: 3;
  display: flex;
  justify-content: center;
  gap: 8px;
}
#dc-home-hero .dc-hero-dot {
  width: 8px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.45);
  cursor: pointer;
}
#dc-home-hero .dc-hero-dot.is-active {
  background: #0FA8D2;
}
@media (max-width: 820px) {
  #dc-home-hero .dc-hero-prev,
  #dc-home-hero .dc-hero-next {
    width: 36px;
    height: 36px;
  }
}