/*
 * Urban Canvas Marketing homepage styles
 * Built with Hello Elementor + Elementor (HTML widgets)
 * Paste / edit this from: Appearance > Customize > Additional CSS
 */

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

@font-face {
  font-family: "PP Neue Montreal";
  src: url("fonts/PPNeueMontreal-Medium.woff2") format("woff2"),
       url("fonts/PPNeueMontreal-Medium.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PP Neue Montreal";
  src: url("fonts/PPNeueMontreal-Medium.woff2") format("woff2"),
       url("fonts/PPNeueMontreal-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PP Neue Montreal";
  src: url("fonts/PPNeueMontreal-SemiBold.woff2") format("woff2"),
       url("fonts/PPNeueMontreal-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PP Neue Montreal";
  src: url("fonts/PPNeueMontreal-Bold.woff2") format("woff2"),
       url("fonts/PPNeueMontreal-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --dn-bg: #000;
  --dn-card: #141414;
  --dn-card-2: #1a1a1a;
  --dn-text: #fff;
  --dn-muted: #808080;
  --dn-dim: #9a9a9a;
  --dn-border: rgba(255, 255, 255, 0.08);
  --dn-grad: linear-gradient(270deg, #d278fe 0%, #2d69fb 100%);
  --dn-grad-text: linear-gradient(270deg, #d278fe 0%, #2d69fb 100%);
  --dn-radius: 24px;
  --dn-radius-sm: 16px;
  --dn-wrap: 1210px;
  --dn-header: 92px;
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body.elementor-page,
body.home,
.dn-site {
  background: #000 !important;
  color: #808080;
  font-family: "PP Neue Montreal", Inter, sans-serif !important;
  font-size: 16px;
  line-height: 1.5;
}

.site-header,
.site-footer,
.page-header,
#masthead,
#colophon,
.hello-elementor-header,
.hello-elementor-footer {
  display: none !important;
}

.elementor-location-header,
.elementor-location-footer {
  display: none !important;
}

body.elementor-page .elementor-widget-html,
.elementor-element.elementor-widget-html,
.elementor-widget-html .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-element.e-con,
.elementor .e-con {
  --padding-top: 0px;
  --padding-right: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --gap: 0px;
}

.dn-site * {
  box-sizing: border-box;
}

/* Elementor hybrid: neutralize wrappers so native widgets keep the replica look */
.dn-site.e-con,
.dn-site .e-con {
  --padding-top: 0px;
  --padding-right: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --gap: 0px;
}

.dn-site .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

.dn-site .elementor-heading-title {
  margin: 0;
  padding: 0;
  color: inherit;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

.dn-site .elementor-widget-text-editor,
.dn-site .elementor-widget-text-editor p {
  margin: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.dn-site .elementor-widget-text-editor p + p {
  margin-top: 20px;
}

.dn-site .elementor-button-wrapper {
  display: inline-flex;
  width: auto;
}

/* CSS classes on Elementor button widgets land on the wrapper — neutralize so only <a> is styled */
.dn-site .elementor-widget-button.dn-btn,
.dn-site .elementor-widget-button.dn-btn-el,
.dn-site .elementor-widget-button.dn-btn-white {
  background: transparent !important;
  background-image: none !important;
  padding: 0 !important;
  margin: 0;
  min-height: 0 !important;
  min-width: 0 !important;
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  color: inherit !important;
  display: block;
}

.dn-site a.elementor-button,
.dn-site .elementor-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding: 0 36px;
  border-radius: 999px;
  background: var(--dn-grad);
  background-color: transparent;
  color: #fff !important;
  font-family: "PP Neue Montreal", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  border: 0;
  fill: #fff;
  box-shadow: none;
  text-decoration: none;
}

.dn-site a.elementor-button:hover,
.dn-site .elementor-button:hover {
  background: var(--dn-grad);
  color: #fff !important;
  opacity: 1;
  filter: brightness(1.08);
}

.dn-site .elementor-button .elementor-button-content-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 0;
}

.dn-site .elementor-widget-image,
.dn-site .elementor-widget-image figure,
.dn-site .elementor-widget-image img {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: none;
}

/* Elementor widget class bridges (post-hero sections) */
.dn-section .elementor-heading-title,
.dn-hero .elementor-heading-title {
  color: #fff !important;
}

.dn-stats-head .elementor-heading-title,
.dn-stats-head .dn-stats-title .elementor-heading-title {
  font-size: 48px;
  line-height: 1.1;
  font-weight: 500;
  margin-bottom: 0;
  color: #fff !important;
}

.dn-help-intro .elementor-heading-title,
.dn-help-intro .dn-help-title .elementor-heading-title {
  font-size: 48px;
  line-height: 1.1;
  font-weight: 500;
  margin: 0 0 30px;
  color: #fff !important;
}

.dn-help-intro .elementor-widget-text-editor p,
.dn-help-intro .dn-help-sub .elementor-widget-container p {
  color: #808080;
  font-size: 16px;
  line-height: 1.6;
  max-width: 796px;
  margin: 0 auto;
}

.dn-cta-row .elementor-widget-button,
.dn-cta-row .elementor-element.dn-btn {
  display: inline-flex;
  width: auto;
  margin: 0 auto;
}

.dn-cta-row .elementor-button-wrapper {
  width: auto;
  margin: 0 auto;
}

.dn-cta-row a.elementor-button,
.dn-cta-row .elementor-button {
  min-height: 56px;
  padding: 0 36px;
  background: var(--dn-grad) !important;
  background-color: transparent !important;
  color: #fff !important;
  font-size: 16px;
  font-weight: 500;
  border-radius: 999px;
  border: 0;
}

h2.dn-why-title,
.dn-why-title .elementor-heading-title {
  text-align: center;
  font-size: 48px;
  line-height: 1.1;
  font-weight: 500;
  margin: 0 0 60px;
  color: #fff !important;
}

h2.dn-team-title,
.dn-team-title .elementor-heading-title {
  text-align: center;
  font-size: 48px;
  line-height: 1.1;
  font-weight: 500;
  margin: 0 0 30px;
}

.dn-team-section .dn-team-note,
.dn-team-section .dn-team-note .elementor-widget-container,
.dn-team-section .dn-team-note .elementor-widget-container p {
  text-align: center;
  margin: 0 0 60px;
  font-size: 16px;
  line-height: 1.4;
  color: #808080;
}

.dn-team-org .elementor-widget-image img,
.dn-team-org img.dn-team-img,
.dn-team-section .dn-team-img img {
  width: 100%;
  height: auto;
  display: block;
}

h2.dn-experts-title,
.dn-experts-title .elementor-heading-title {
  margin: 0;
  color: #fff;
  font-size: 48px;
  line-height: 1.1;
  font-weight: 500;
}

.dn-experts-card .dn-experts-img,
.dn-experts-card .dn-experts-img img,
.dn-experts-card img.dn-experts-img {
  width: 100%;
  max-width: 758px;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.dn-experts-card .elementor-element.dn-btn-white,
.dn-experts-card .elementor-widget-button.dn-btn-white {
  width: auto;
  margin: 0 auto;
  background: transparent !important;
  padding: 0 !important;
}

.dn-experts-card .dn-btn-white .elementor-button-wrapper {
  width: auto;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.dn-experts-card .dn-btn-white a.elementor-button,
.dn-experts-card .elementor-element.dn-btn-white a.elementor-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background: #fff !important;
  background-image: none !important;
  background-color: #fff !important;
  color: #000 !important;
  min-width: 241px;
  width: 241px;
  min-height: 56px;
  height: 56px;
  padding: 0 36px !important;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}

.dn-experts-card .dn-btn-white a.elementor-button:hover,
.dn-experts-card .elementor-element.dn-btn-white a.elementor-button:hover {
  background: #000 !important;
  background-image: none !important;
  background-color: #000 !important;
  color: #fff !important;
  filter: none;
}

h2.dn-ind-title,
.dn-ind-title .elementor-heading-title {
  text-align: center;
  font-size: 48px;
  line-height: 1.1;
  font-weight: 500;
  margin: 0 0 30px;
}

.dn-ind-sub,
.dn-ind-sub .elementor-widget-container p {
  text-align: center;
  color: #808080;
  font-size: 16px;
  line-height: 1.6;
  max-width: 900px;
  margin: 0 auto 60px;
}

h2.dn-cases-title,
.dn-cases-title .elementor-heading-title {
  text-align: center;
  font-size: 48px;
  line-height: 1.1;
  font-weight: 500;
  margin: 0 0 20px;
  color: #000;
}

.dn-cases-sub,
.dn-cases-sub .elementor-widget-container p {
  text-align: center;
  color: #808080;
  margin: 0 0 40px;
  font-size: 16px;
  line-height: 1.5;
}

h2.dn-reviews-title,
.dn-reviews-title .elementor-heading-title {
  text-align: center;
  font-size: 48px;
  line-height: 1.1;
  font-weight: 500;
  margin: 0 0 60px;
}

h2.dn-awards-title,
.dn-awards-title .elementor-heading-title {
  text-align: center;
  font-size: 48px;
  line-height: 1.1;
  font-weight: 500;
  margin: 0 0 60px;
}

h2.dn-media-title,
.dn-media-title .elementor-heading-title {
  text-align: left;
  font-size: 48px;
  line-height: 1.1;
  font-weight: 500;
  margin: 0 0 60px;
}

.dn-process-section .dn-process-title,
.dn-process-section .elementor-element.dn-process-title,
.dn-process-section .dn-process-title .elementor-heading-title,
.dn-process-section .elementor-element.dn-process-title .elementor-heading-title {
  text-align: center;
  font-size: 48px;
  line-height: 1.2;
  font-weight: 500;
}

.dn-process-section .elementor-element.dn-process-title {
  margin: 0 0 30px !important;
  width: 100%;
}

.dn-process-section .elementor-element.dn-process-title .elementor-heading-title {
  margin: 0 !important;
}

.dn-process-sub,
.dn-process-section .elementor-element.dn-process-sub,
.dn-process-sub .elementor-widget-container p,
.dn-process-section .elementor-element.dn-process-sub .elementor-widget-container p {
  text-align: center;
  color: #808080;
  font-size: 16px;
  line-height: 1.6;
  max-width: 796px;
}

.dn-process-section .elementor-element.dn-process-sub {
  margin: 0 auto 60px !important;
  width: 100%;
}

.dn-price-section .dn-price-sub,
.dn-price-section .dn-price-sub .elementor-widget-container p {
  text-align: center;
  color: #b3b3b3;
  font-size: 16px;
  line-height: 1.6;
  max-width: 810px;
  margin: 0 auto 60px;
}

.dn-world-section .dn-world-title,
.dn-world-section .dn-world-title .elementor-heading-title {
  text-align: center;
  font-size: 48px;
  line-height: 1.1;
  font-weight: 500;
  margin: 0;
  color: #fff;
}

.dn-world-sub,
.dn-world-sub .elementor-widget-container p {
  margin: 0;
  width: 700px;
  max-width: 100%;
  text-align: center;
  color: #808080;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.2px;
}

.dn-world-top .elementor-widget-text-editor {
  display: flex;
  justify-content: center;
}

.dn-contact-look,
.dn-contact-look .elementor-widget-container p {
  margin: 0 0 20px;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.2px;
}

.dn-hero .elementor-widget-heading .elementor-heading-title {
  font-size: 64px;
  line-height: 0.96;
  font-weight: 500;
  letter-spacing: normal;
  color: #fff;
}

.dn-hero .dn-hero-lead,
.dn-hero .dn-hero-lead-wrap .dn-hero-lead,
.dn-hero .elementor-widget-text-editor .dn-hero-lead {
  margin: 0;
  font-size: 20px;
  line-height: 28px;
  color: #808080;
}

.dn-site a {
  color: inherit;
  text-decoration: none;
}

.dn-site a.btn.btn-primary,
.dn-site a.btn-primary {
  color: #fff !important;
}

.dn-header .dn-logo,
.dn-header .dn-nav a,
body.elementor-page .dn-header .dn-nav a,
.elementor-widget-html .dn-header .dn-nav a {
  color: #000 !important;
}

.dn-site img {
  max-width: 100%;
  height: auto;
  display: block;
}

.dn-wrap {
  width: min(100% - 40px, var(--dn-wrap));
  margin: 0 auto;
}

.dn-site h1:not([class*="dn-"]),
.dn-site h2:not([class*="vt-"]):not([class*="dn-"]),
.dn-site h3:not([class*="vt-"]):not(.dn-form-title):not(.contacts-section__form-title):not([class*="dn-"]),
.dn-site h4:not([class*="dn-"]) {
  color: #fff;
  font-family: "PP Neue Montreal", sans-serif;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 1.2;
  margin: 0;
}

.dn-grad-text {
  background: var(--dn-grad-text);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.dn-hero .elementor-heading-title .dn-grad-text {
  background: var(--dn-grad-text);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

.dn-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding: 0 36px;
  border-radius: 999px;
  background: var(--dn-grad);
  color: #fff !important;
  font-weight: 500;
  font-size: 16px;
  border: 0;
  cursor: pointer;
  transition: transform 0.25s ease, filter 0.25s ease;
}

.dn-btn:hover,
.dn-btn:focus-visible {
  transform: translateY(-1px);
  background: linear-gradient(to right, #d278fe 0%, #2d69fb 100%);
  filter: none;
}

.dn-btn-block {
  width: 100%;
}

.dn-btn-ghost {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.16);
}

/* Header – white pill */
.dn-header {
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  width: min(calc(100% - 40px), 1210px);
  background: #fff;
  border-radius: 999px;
}

.dn-header,
.dn-header-inner {
  overflow: visible;
}

.dn-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 72px;
  padding: 12px;
  position: relative;
}

.dn-logo {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #111 !important;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.04em;
  white-space: nowrap;
  flex-shrink: 0;
  width: auto;
}

.dn-logo img,
.dn-site img.dn-logo-img {
  width: 34px;
  height: auto;
  max-width: none;
  display: block;
}

.dn-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  flex: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: nowrap;
}

.dn-nav li {
  list-style: none;
  position: relative;
  flex-shrink: 0;
}

.dn-nav li a {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  color: #000 !important;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
}

.dn-caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #000;
  opacity: 0.45;
  transform: none;
}

.dn-header .dn-btn {
  min-height: 48px;
  height: auto;
  padding: 12px 22px;
  font-size: 16px;
  line-height: 1.2;
  white-space: nowrap;
  box-sizing: border-box;
  flex-shrink: 0;
  margin-left: 12px;
}

.dn-burger {
  display: none;
  width: 44px;
  height: 44px;
  border: 0;
  background: transparent;
  margin-left: auto;
  cursor: pointer;
}

.dn-burger span,
.dn-burger span:before,
.dn-burger span:after {
  display: block;
  width: 20px;
  height: 2px;
  background: #111;
  position: relative;
  content: "";
}

.dn-burger span:before {
  position: absolute;
  top: -6px;
}

.dn-burger span:after {
  position: absolute;
  top: 6px;
}

.dn-drop {
  display: none;
  position: absolute;
  top: calc(100% + 12px);
  left: 0;
  min-width: 280px;
  background: #fff;
  color: #111;
  border-radius: 20px;
  padding: 16px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.18);
  z-index: 20;
}

/* Hover bridge — must not capture clicks over the header nav (Industries, etc.) */
.dn-drop::before {
  content: "";
  position: absolute;
  left: -24px;
  right: -24px;
  top: -20px;
  height: 20px;
  pointer-events: none;
}

.dn-nav li:hover .dn-drop,
.dn-nav li:focus-within .dn-drop,
.dn-nav li.dn-nav-open .dn-drop,
.dn-nav li:has(.dn-drop:hover) .dn-drop {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 18px;
}

.dn-drop a {
  display: block;
  padding: 6px 4px;
  color: #222 !important;
  font-size: 14px;
  font-weight: 400;
  white-space: normal;
}

.dn-drop a:hover {
  color: #2d69fb;
}

.dn-drop strong {
  display: block;
  font-size: 13px;
  margin: 8px 0 4px;
}

.dn-drop.wide {
  min-width: 560px;
}

/* Our Services mega menu — match Ninja (1201×382, 5 cols) */
.dn-nav li.dn-nav-services {
  position: static !important;
}

.dn-mega-hit {
  position: static;
}

.dn-mega-bridge {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  width: min(1201px, calc(100vw - 40px));
  height: 14px;
  transform: translateX(-50%);
  pointer-events: auto;
  z-index: 1000;
}

.dn-nav li.dn-nav-open .dn-mega-bridge,
.dn-nav li.dn-nav-services:hover .dn-mega-bridge,
.dn-nav li.dn-nav-services:focus-within .dn-mega-bridge {
  display: block;
}

.dn-nav li:hover .dn-drop.dn-drop-services,
.dn-nav li:focus-within .dn-drop.dn-drop-services,
.dn-nav li.dn-nav-open .dn-drop.dn-drop-services,
.dn-nav li.dn-nav-services:has(.dn-drop.dn-drop-services:hover) .dn-drop.dn-drop-services {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 20px 8px;
  width: 1201px;
  min-width: 1201px;
  max-width: min(1201px, calc(100vw - 40px));
  min-height: 382px;
  padding: 48px 32px 32px;
  border-radius: 40px;
  left: 50%;
  right: auto;
  top: calc(100% + 10px);
  margin-top: 0;
  transform: translateX(-50%);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.14);
  z-index: 1001;
  pointer-events: auto;
}

.dn-drop.dn-drop-services::before {
  display: none;
}

.dn-drop-services .dn-drop-col {
  display: block;
  width: calc(20% - 6.4px);
  min-width: 0;
  flex: 0 0 calc(20% - 6.4px);
}

.dn-drop-head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  margin: 0 0 8px;
  color: #111;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
}

a.dn-drop-head {
  text-decoration: none;
  color: #111 !important;
}

a.dn-drop-head:hover {
  color: #2d69fb !important;
}

.dn-drop-ico {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border-radius: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.dn-drop-ico svg {
  width: 18px;
  height: 18px;
  display: block;
}

.dn-drop-services .dn-drop-col > a:not(.dn-drop-single) {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  padding: 0;
  margin: 0 0 0;
  min-height: 28px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  color: #4d4d4d !important;
}

.dn-drop-services .dn-drop-col > a:not(.dn-drop-single)::before {
  content: "";
  display: block;
  flex: 0 0 4px;
  width: 4px;
  min-width: 4px;
  height: 4px;
  border-radius: 100%;
  background: #2d69fb;
  position: static;
}

.dn-drop-services .dn-drop-col > a:not(.dn-drop-single):hover {
  color: #000 !important;
  text-decoration: underline;
}

.dn-drop-seo .dn-drop-ico { background: rgba(45, 105, 251, 0.15); color: #2d69fb; }
.dn-drop-ads .dn-drop-ico { background: rgba(210, 120, 254, 0.15); color: #d278fe; }
.dn-drop-influencer .dn-drop-ico { background: rgba(246, 105, 121, 0.15); color: #f66979; }
.dn-drop-design .dn-drop-ico { background: rgba(251, 160, 90, 0.15); color: #fba05a; }

.dn-drop-seo > a:not(.dn-drop-single)::before { background: #2d69fb; }
.dn-drop-ads > a:not(.dn-drop-single)::before { background: #d278fe; }
.dn-drop-influencer > a:not(.dn-drop-single)::before { background: #f66979; }
.dn-drop-design > a:not(.dn-drop-single)::before { background: #fba05a; }

.dn-drop-singles {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  padding-left: 0;
  border-left: 0;
}

.dn-drop-single {
  display: flex !important;
  align-items: center;
  gap: 8px;
  padding: 0 !important;
  margin: 0;
  font-size: 16px;
  font-weight: 500 !important;
  color: #111 !important;
  white-space: nowrap;
  line-height: 1.2;
}

.dn-drop-single:hover {
  color: #000 !important;
  text-decoration: underline;
}

.dn-drop-single .dn-drop-ico {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border-radius: 0;
}

.dn-drop-social .dn-drop-ico { background: rgba(246, 105, 121, 0.15); color: #f66979; }
.dn-drop-email .dn-drop-ico { background: rgba(251, 160, 90, 0.15); color: #fba05a; }
.dn-drop-cro .dn-drop-ico { background: rgba(45, 105, 251, 0.15); color: #2d69fb; }
.dn-drop-pr .dn-drop-ico { background: rgba(210, 120, 254, 0.15); color: #d278fe; }
.dn-drop-strategy .dn-drop-ico { background: rgba(246, 105, 121, 0.15); color: #f66979; }
.dn-drop-analytics .dn-drop-ico { background: rgba(251, 160, 90, 0.15); color: #fba05a; }
.dn-drop-ai .dn-drop-ico { background: rgba(45, 105, 251, 0.15); color: #2d69fb; }

@media (max-width: 1280px) {
  .dn-nav li:hover .dn-drop.dn-drop-services,
  .dn-nav li:focus-within .dn-drop.dn-drop-services,
  .dn-nav li.dn-nav-open .dn-drop.dn-drop-services,
  .dn-nav li.dn-nav-services:has(.dn-drop.dn-drop-services:hover) .dn-drop.dn-drop-services {
    width: min(1201px, calc(100vw - 32px));
    min-width: 0;
    padding: 40px 20px 24px;
    gap: 16px 8px;
  }
}

@media (max-width: 1100px) {
  .dn-nav li:hover .dn-drop.dn-drop-services,
  .dn-nav li:focus-within .dn-drop.dn-drop-services,
  .dn-nav li.dn-nav-open .dn-drop.dn-drop-services,
  .dn-nav li.dn-nav-services:has(.dn-drop.dn-drop-services:hover) .dn-drop.dn-drop-services {
    flex-wrap: wrap;
    min-height: 0;
    transform: translateX(-50%);
  }

  .dn-drop-services .dn-drop-col {
    width: calc(33.333% - 6px);
    flex: 0 0 calc(33.333% - 6px);
  }

  .dn-drop-singles {
    flex: 0 0 100%;
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px 16px;
    padding-top: 12px;
    border-top: 1px solid #f0f0f0;
  }
}

/* Industries mega menu (Ninja: ~42.8rem panel, icons + colored bullets) */
.dn-nav li.dn-nav-industries {
  position: relative;
}

.dn-mega-bridge-industries {
  width: 428px;
  max-width: min(428px, calc(100vw - 32px));
  left: 50%;
  transform: translateX(-50%);
}

.dn-nav li.dn-nav-industries.dn-nav-open .dn-mega-bridge,
.dn-nav li.dn-nav-industries:hover .dn-mega-bridge,
.dn-nav li.dn-nav-industries:focus-within .dn-mega-bridge {
  display: block;
}

.dn-nav li:hover .dn-drop.dn-drop-industries,
.dn-nav li:focus-within .dn-drop.dn-drop-industries,
.dn-nav li.dn-nav-open .dn-drop.dn-drop-industries,
.dn-nav li.dn-nav-industries:has(.dn-drop.dn-drop-industries:hover) .dn-drop.dn-drop-industries {
  display: flex !important;
  grid-template-columns: none !important;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 16px;
  width: 428px;
  min-width: 428px;
  max-width: min(428px, calc(100vw - 32px));
  min-height: 0;
  padding: 32px;
  border-radius: 40px;
  left: 50%;
  right: auto;
  top: calc(100% + 10px);
  transform: translateX(-50%);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.14);
  z-index: 1001;
  pointer-events: auto;
}

.dn-drop.dn-drop-industries::before {
  display: none;
}

.dn-drop-industries .dn-drop-col {
  flex: 1 1 0;
  min-width: 0;
}

.dn-drop-industries .dn-drop-head {
  margin-bottom: 12px;
  pointer-events: none;
  cursor: default;
}

.dn-drop-industries .dn-drop-col > a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  margin: 0;
  min-height: 28px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  color: #4d4d4d !important;
}

.dn-drop-industries .dn-drop-col > a::before {
  content: "";
  display: block;
  flex: 0 0 4px;
  width: 4px;
  min-width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #2d69fb;
  box-sizing: border-box;
}

.dn-drop-industries .dn-drop-type-list > a::before {
  background: #d278fe;
}

.dn-drop-industries .dn-drop-col > a:hover {
  color: #000 !important;
  text-decoration: underline;
}

.dn-drop-ico-industry,
.dn-drop-ico-type {
  position: relative;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border-radius: 0;
}

.dn-drop-ico-industry {
  background: rgba(45, 105, 251, 0.15);
}

.dn-drop-ico-type {
  background: rgba(210, 120, 254, 0.15);
}

.dn-drop-ico-industry::before,
.dn-drop-ico-type::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.dn-drop-ico-industry::before {
  background-image: url("/wp-content/uploads/dreamnight/img/menu/industry.png");
}

.dn-drop-ico-type::before {
  background-image: url("/wp-content/uploads/dreamnight/img/menu/type.png");
}


/* Hero */
.dn-hero {
  padding: 172px 0 90px;
  overflow: hidden;
}

.dn-hero-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 5%;
  padding-bottom: 80px;
}

.dn-site .dn-hero-row.e-con {
  --flex-direction: row;
  flex-direction: row !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
}

.dn-hero-copy {
  width: 605px;
  max-width: 100%;
  min-height: 408px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 40px;
  flex-shrink: 0;
}

.dn-site .dn-hero-copy.e-con {
  width: 605px;
  max-width: 100%;
  flex-shrink: 0;
}

.dn-hero h1,
.dn-hero .elementor-widget-heading .elementor-heading-title {
  font-size: 64px;
  line-height: 0.96;
  font-weight: 500;
  letter-spacing: normal;
  max-width: 580px;
  white-space: nowrap;
  color: #fff;
}

.dn-hero-lead {
  margin: 0;
  font-size: 20px;
  line-height: 28px;
  color: #808080;
}

.dn-hero-cta {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  flex-wrap: nowrap;
  width: 100%;
}

.dn-site .dn-hero-cta.e-con {
  --flex-direction: row;
  flex-direction: row;
}

.dn-hero-cta a.elementor-button,
.dn-hero-cta .elementor-button {
  min-height: 60px;
  height: 60px;
  min-width: 260px;
  width: auto;
  padding: 16px 30px !important;
  font-size: 20px !important;
  line-height: 1.4;
  font-weight: 500;
  flex-shrink: 0;
  box-sizing: border-box;
}

.dn-hero-cta .elementor-element.dn-btn,
.dn-hero-cta .elementor-widget-button {
  --width: fit-content !important;
  width: fit-content !important;
  max-width: fit-content !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}

.dn-hero-cta .elementor-button-wrapper {
  display: inline-flex;
  width: auto !important;
}

.dn-hero-cta .elementor-element.dn-hero-cta-note {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 325px;
}

.dn-hero-cta p,
.dn-hero-cta .elementor-widget-text-editor p {
  max-width: 325px;
  margin: 0;
  color: #808080;
  font-size: 16px;
  line-height: 22.4px;
  letter-spacing: 0.16px;
}

.dn-hero-media {
  width: 500px;
  max-width: 42%;
  flex-shrink: 0;
  margin: 0;
}

.dn-hero-media img {
  width: 100%;
  height: auto;
}

.dn-trusted {
  text-align: center;
  color: #fff;
  font-size: 16px;
  line-height: 1.6;
  margin: 30px 0;
}

.dn-marquee {
  overflow: hidden;
  height: 80px;
}

.dn-marquee-top {
  margin-bottom: 20px;
}

.dn-marquee-track {
  display: flex;
  align-items: center;
  gap: 48px;
  width: max-content;
  height: 80px;
  animation: dn-marquee 177s linear infinite;
}

.dn-marquee-top .dn-marquee-track {
  animation-name: dn-marquee-rev;
  animation-duration: 135s;
}

.dn-marquee-track a {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  height: 56px;
  min-width: 100px;
}

.dn-marquee-track img {
  height: 56px;
  width: auto;
  max-width: 220px;
  flex-shrink: 0;
  object-fit: contain;
  object-position: center;
  opacity: 1;
}

/* Client PNGs with extra canvas padding — scale inside fixed slots (no overlap) */
.dn-marquee-track a:has(img[src*="brand-badshahcric"]) {
  width: 252px;
  min-width: 252px;
  max-width: 252px;
  overflow: hidden;
  justify-content: center;
}

.dn-marquee-track a:has(img[src*="brand-satsport247"]) {
  width: 248px;
  min-width: 248px;
  max-width: 248px;
  overflow: hidden;
  justify-content: center;
}

.dn-marquee-track a:has(img[src*="brand-casino-pride"]) {
  width: 148px;
  min-width: 148px;
  max-width: 148px;
  overflow: hidden;
  justify-content: flex-start;
}

.dn-marquee-track img[src*="brand-satsport247"] {
  transform: scale(2.35);
  transform-origin: center center;
}

.dn-marquee-track img[src*="brand-badshahcric"] {
  transform: scale(2.85);
  transform-origin: center center;
}

.dn-marquee-track img[src*="brand-casino-pride"] {
  object-position: left top;
  transform: scale(4.5);
  transform-origin: left top;
}

@keyframes dn-marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

@keyframes dn-marquee-rev {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0);
  }
}

/* Stats */
.dn-section {
  padding: 90px 0;
}

.dn-hero + .dn-section {
  margin-top: -60px;
}

.dn-section h2:not([class*="vt-"]):not(.dn-team-plan-title):not(.dn-team2-title):not(.dn-pricing-hero-title):not(.section-title):not(.awards-section__title):not(.wp-block-heading):not(.elementor-heading-title):not([class*="dn-"]) {
  font-size: clamp(32px, 4.4vw, 64px);
  margin-bottom: 28px;
}

/* World offices — title + subtitle stack (avoid global h2 margin stacking) */
.dn-site .dn-world-section .dn-world-top {
  gap: 20px;
}

.dn-site .dn-world-section .dn-world-top h2,
.dn-site .dn-world-section .dn-world-top .dn-world-title,
.dn-site .dn-world-section .dn-world-top .elementor-heading-title {
  margin-bottom: 0 !important;
}

.dn-company-page .dn-section h2.section-title,
.dn-company-page .dn-section h2.awards-section__title {
  font-size: 28px !important;
  margin-bottom: 30px !important;
}

@media (min-width: 1230px) {
  .dn-company-page .dn-section h2.section-title,
  .dn-company-page .dn-section h2.awards-section__title {
    font-size: 48px !important;
    margin-bottom: 60px !important;
  }

  /* Worldwide stacks title + subtitle — no extra h2 margin (Ninja uses flex gap only) */
  .dn-company-page .worldwide-section.dn-section h2.section-title {
    margin-bottom: 0 !important;
  }
}

.dn-company-page .worldwide-section.dn-section h2.section-title {
  margin-bottom: 0 !important;
}

.dn-center {
  text-align: center;
}

.dn-stats-head {
  text-align: center;
  margin-bottom: 60px;
}

.dn-stats-head h2 {
  font-size: 48px;
  line-height: 1.1;
  font-weight: 500;
  margin-bottom: 0;
}

.dn-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

.dn-stat {
  background: #121212;
  border-radius: 16px;
  padding: 30px;
  min-height: 249px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}

.dn-stat-head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.dn-stat b {
  display: block;
  color: #fff;
  font-size: 64px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 0.96;
}

.dn-stat h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  margin: 0;
  background-image: linear-gradient(270deg, #d278fe 0%, #2d69fb 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.dn-stat:nth-child(3n+2) h3 {
  background-image: linear-gradient(270deg, #f66979 0%, #d278fe 100%);
}

.dn-stat:nth-child(3n) h3 {
  background-image: linear-gradient(270deg, #fba05a 0%, #f66979 100%);
}

.dn-stat p {
  margin: 0;
  color: #808080;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 22.4px;
}

.dn-stat:nth-child(3),
.dn-stat:nth-child(4),
.dn-stats-grid .wide {
  grid-column: span 2;
}

/* Challenge cards */
.dn-help-intro {
  text-align: center;
  margin-bottom: 60px;
}

.dn-help-intro h2 {
  font-size: 48px;
  line-height: 1.1;
  font-weight: 500;
  margin: 0 0 30px;
}

.dn-help-intro p {
  color: #808080;
  font-size: 16px;
  line-height: 1.6;
  max-width: 796px;
  margin: 0 auto;
}

.dn-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-bottom: 30px;
}

.dn-q {
  background:
    linear-gradient(#121212, #121212) padding-box,
    linear-gradient(#121212, #121212) border-box;
  border: 2px solid transparent;
  border-radius: 16px;
  padding: 30px;
  height: 280px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 20px;
}

.dn-q:hover,
.dn-q.open {
  background:
    linear-gradient(#121212, #121212) padding-box,
    linear-gradient(270deg, #d278fe 0%, #2d69fb 100%) border-box;
}

.dn-q svg {
  height: 20px;
  min-height: 20px;
  width: auto;
  flex-shrink: 0;
}

.dn-q-q {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.16px;
  position: relative;
  z-index: 2;
}

.dn-q .dn-a {
  display: block;
  color: #808080;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.16px;
  margin: 0;
  opacity: 0;
  height: 0;
  max-height: 0;
  overflow: hidden;
  position: relative;
  z-index: 2;
  transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.dn-q:hover .dn-a,
.dn-q.open .dn-a {
  opacity: 1;
  max-height: 100%;
  height: auto;
}

.dn-cta-row {
  margin-top: 0;
  text-align: center;
}

/* Why / growth */
h2.dn-why-title {
  text-align: center;
  font-size: 48px;
  line-height: 1.1;
  font-weight: 500;
  margin: 0 0 60px;
}

.dn-why-grid {
  display: flex;
  align-items: stretch;
  margin: 0 0 60px;
}

.dn-why-card {
  width: 25%;
  height: 400px;
  padding: 0 30px;
  border: 0;
  border-left: 1px solid #333;
  border-radius: 0;
  background: transparent;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 20px;
  transition: 0.85s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.dn-why-card:nth-child(2) {
  padding-bottom: 80px;
}

.dn-why-card:nth-child(3) {
  padding-bottom: 160px;
}

.dn-why-card:nth-child(4) {
  padding-bottom: 240px;
}

.dn-why-card:hover {
  padding-bottom: 30px;
}

.dn-why-head {
  color: #fff;
  font-size: 32px;
  line-height: 1.2;
  font-weight: 500;
}

.dn-why-sub {
  font-size: 20px;
  line-height: 1.4;
  color: #d278fe;
  margin: 0;
}

.dn-why-card:nth-child(1) .dn-why-sub {
  color: #2d69fb;
}

.dn-why-card:nth-child(3) .dn-why-sub {
  color: #f66979;
}

.dn-why-card:nth-child(4) .dn-why-sub {
  color: #fba05a;
}

.dn-why-card svg {
  opacity: 0;
  height: 0;
  max-height: 0;
  overflow: hidden;
  flex-shrink: 0;
}

.dn-why-card:hover svg {
  opacity: 1;
  height: 20px;
  min-height: 20px;
  max-height: 100%;
}

.dn-why-long {
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.16px;
  color: gray;
  margin: 0;
  opacity: 0;
  height: 0;
  max-height: 0;
  overflow: hidden;
}

.dn-why-card:hover .dn-why-long {
  opacity: 1;
  height: auto;
  max-height: 100%;
}

.dn-why-foot {
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0;
  max-width: none;
  margin: 0;
  padding: 21px 16px;
  border-radius: 16px;
  border: 1px solid transparent;
  background:
    linear-gradient(#121212, #121212) padding-box,
    linear-gradient(270deg, #d278fe 0%, #2d69fb 100%) border-box;
}

.dn-why-foot span {
  background: linear-gradient(270deg, #d278fe 0%, #2d69fb 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

/* Services carousel */
h2.dn-svc-title,
.dn-svc-title .elementor-heading-title {
  text-align: center;
  font-size: 48px;
  line-height: 1.1;
  font-weight: 500;
  margin: 0 0 60px;
  color: #fff;
}

.dn-svc-slide {
  position: relative;
  width: 100%;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}

.dn-svc-viewport {
  overflow: hidden;
}

.dn-svc-track {
  display: flex;
  gap: 108px;
  transition: transform 0.5s ease;
  will-change: transform;
}

.dn-svc-card {
  flex: 0 0 min(855px, 60vw);
  width: calc(60% + 96px);
  min-height: 359px;
  background: #121212;
  border-radius: 32px;
  padding: 40px 40px 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  box-sizing: border-box;
}

.dn-svc-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 40px;
  width: 100%;
  margin-bottom: 40px;
}

.dn-svc-info {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 520px;
}

.dn-svc-name {
  color: #fff;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.1;
}

.dn-svc-info p {
  margin: 0;
  color: #808080;
  font-size: 16px;
  line-height: 1.4;
}

.dn-svc-icon img {
  width: 160px;
  min-width: 160px;
  height: auto;
  display: block;
}

/* Homepage services-carousel card tags (not services-page hero pills) */
.dn-svc-card .dn-svc-labels {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
}

.dn-svc-card .dn-svc-labels span {
  padding: 8px 16px;
  border-radius: 999px;
  background: #333;
  color: gray;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.16px;
}

.dn-svc-arrows {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(min(855px, 60vw) + 96px);
  display: flex;
  justify-content: space-between;
  pointer-events: none;
  z-index: 10;
}

.dn-svc-arrows button {
  pointer-events: auto;
  width: 48px;
  height: 48px;
  padding: 0;
  border-radius: 50%;
  border: 1px solid #333;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dn-tabs {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.dn-tab {
  text-align: left;
  background: transparent;
  border: 0;
  color: #888;
  font-size: 28px;
  font-weight: 500;
  padding: 10px 0;
  cursor: pointer;
  font-family: inherit;
}

.dn-tab.active,
.dn-tab:hover {
  color: #fff;
}

.dn-panel p {
  font-size: 18px;
  color: #9a9a9a;
  max-width: 640px;
}

.dn-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.dn-chip {
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  padding: 10px 16px;
  color: #ddd;
  font-size: 14px;
}

.dn-panel {
  display: none;
}

.dn-panel.active {
  display: block;
  animation: dn-fade 0.35s ease;
}

@keyframes dn-fade {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

/* Team hours / org chart */
.dn-team-note {
  color: #808080;
  margin: 8px 0 28px;
}

h2.dn-team-title {
  text-align: center;
  font-size: 48px;
  line-height: 1.1;
  font-weight: 500;
  margin: 0 0 30px;
}

.dn-team-section .dn-team-note {
  text-align: center;
  margin: 0 0 60px;
  font-size: 16px;
  line-height: 1.4;
}

.dn-team-wrap {
  width: min(100% - 40px, 1210px);
}

.dn-team-org img {
  width: 100%;
  height: auto;
  display: block;
}

@media (min-width: 1600px) {
  .dn-team-wrap,
  .dn-experts-wrap {
    width: min(100% - 40px, 1560px);
  }
  .dn-review-meta {
    width: 300px;
    min-width: 300px;
  }
  .dn-review-quote {
    font-size: 28px;
    line-height: 1.2;
  }
  .dn-review-name,
  .dn-review-role {
    font-size: 20px;
  }
  .dn-clutch-count {
    font-size: 28px;
  }
  .dn-award {
    background-size: 89%;
  }
  .dn-award-logo {
    height: 67px;
    padding: 0 25%;
  }
  .dn-award-name {
    padding: 0 23%;
  }
  .dn-forbes-logo {
    padding-right: 148px;
  }
  .dn-media-icon {
    height: 40px;
  }
}

/* Experts CTA banner */
.dn-experts-wrap {
  width: min(100% - 40px, 1210px);
}

.dn-experts-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
  text-align: center;
  padding: 60px;
  border-radius: 32px;
  background: linear-gradient(270deg, #d278fe 0%, #2d69fb 100%);
  overflow: hidden;
}

.dn-site .dn-experts-card.e-con {
  --flex-direction: column;
  --justify-content: center;
  --align-items: center;
  --gap: 40px;
  gap: 40px !important;
  padding: 60px !important;
  --padding-top: 60px;
  --padding-right: 60px;
  --padding-bottom: 60px;
  --padding-left: 60px;
}

.dn-site .dn-world-top.e-con {
  --flex-direction: column;
  --align-items: center;
  --gap: 30px;
  gap: 30px !important;
}

.dn-site .dn-cta-row.e-con {
  --align-items: center;
  --justify-content: center;
}

h2.dn-experts-title {
  margin: 0;
  color: #fff;
  font-size: 48px;
  line-height: 1.1;
  font-weight: 500;
}

img.dn-experts-img {
  width: 100%;
  max-width: 758px;
  height: auto;
  display: block;
}

a.dn-btn.dn-btn-white,
.dn-btn.dn-btn-white:not(.elementor-widget) {
  background: #fff;
  color: #000 !important;
  min-width: 241px;
  width: 241px;
}

a.dn-btn.dn-btn-white:hover,
.dn-btn.dn-btn-white:not(.elementor-widget):hover {
  background: #000;
  color: #fff !important;
  filter: none;
}

.dn-hours {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.dn-hour {
  background: #141414;
  border-radius: 18px;
  padding: 18px;
}

.dn-hour b {
  color: #fff;
  font-size: 20px;
}

.dn-bar {
  height: 8px;
  border-radius: 99px;
  background: #222;
  margin: 12px 0 8px;
  overflow: hidden;
}

.dn-bar i {
  display: block;
  height: 100%;
  background: var(--dn-grad);
  border-radius: 99px;
}

.dn-avatars {
  display: flex;
  margin-top: 28px;
}

.dn-avatars span {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  border: 3px solid #000;
  margin-left: -10px;
  background: #333 center/cover no-repeat;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 13px;
}

.dn-avatars span:first-child {
  margin-left: 0;
}

/* Industries */
h2.dn-ind-title {
  text-align: center;
  font-size: 48px;
  line-height: 1.1;
  font-weight: 500;
  margin: 0 0 30px;
}

.dn-ind-sub {
  text-align: center;
  color: #808080;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.2px;
  max-width: 796px;
  margin: 0 auto 60px;
}

.dn-ind-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

.dn-ind {
  display: flex;
  align-items: center;
  gap: 30px;
  width: 100%;
  padding: 30px 0;
  border-bottom: 1px solid #333;
  background: transparent;
  border-radius: 0;
  min-height: 0;
}

.dn-ind-img {
  width: 160px;
  min-width: 160px;
  height: 160px;
  border-radius: 16px;
  overflow: hidden;
  line-height: 1;
}

.dn-ind-img img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 16px;
}

.dn-ind-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  flex: 1;
  min-width: 0;
}

.dn-ind-name {
  font-size: 40px;
  font-weight: 500;
  line-height: 1.1;
}

.dn-ind:nth-child(4n+1) .dn-ind-name {
  color: #2d69fb;
}

.dn-ind:nth-child(4n+2) .dn-ind-name {
  color: #d278fe;
}

.dn-ind:nth-child(4n+3) .dn-ind-name {
  color: #f66979;
}

.dn-ind:nth-child(4n) .dn-ind-name {
  color: #fba05a;
}

.dn-ind p {
  margin: 0;
  color: #808080;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.16px;
}

.dn-ind-extra {
  display: none;
}

.dn-ind-section.is-open .dn-ind-extra {
  display: flex;
}

.dn-ind-section.is-open .dn-cta-row {
  display: none;
}

.dn-ind-section .dn-cta-row {
  margin-top: 30px;
}

.dn-ind-section .dn-btn-ghost {
  border: 2px solid #333;
  background: transparent;
}

.dn-ind-section .dn-btn-ghost:hover {
  border-color: #fff;
  filter: none;
  background: transparent;
}

/* Works / cases */
.dn-cases-section {
  background: #fff;
  color: #4d4d4d;
  padding: 120px 0;
  margin: 0;
  border-radius: 68px 68px 0 0;
}

h2.dn-cases-title {
  text-align: center;
  color: #000;
  font-size: 48px;
  line-height: 1.1;
  font-weight: 500;
  margin: 0 0 20px;
}

.dn-cases-sub {
  text-align: center;
  color: #4d4d4d;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  margin: 0 0 60px;
}

/* White band: beat .dn-section .elementor-heading-title { #fff !important } */
.dn-cases-section .dn-cases-title,
.dn-cases-section h2.dn-cases-title,
.dn-cases-section .dn-cases-title .elementor-heading-title,
.dn-cases-section .elementor-widget-heading.dn-cases-title .elementor-heading-title {
  color: #000 !important;
}

.dn-filters {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 0 auto 40px;
  max-width: 892px;
}

.dn-filter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border: 1px solid #e6e6e6;
  background: transparent;
  color: #000;
  border-radius: 999px;
  padding: 10px 20px;
  cursor: pointer;
  font-family: inherit;
}

.dn-filter-icon {
  position: relative;
  width: 16px;
  min-width: 16px;
  height: 16px;
  line-height: 1;
}

.dn-filter-icon img {
  width: 100%;
  height: auto;
  display: block;
}

.dn-filter-icon:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(270deg, #d278fe 0%, #2d69fb 100%);
  -webkit-mask-image: var(--tab-icon);
  mask-image: var(--tab-icon);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  opacity: 0;
  pointer-events: none;
}

.dn-filter-name {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
}

.dn-filter:hover {
  background: transparent;
  border-color: #e6e6e6;
}

.dn-filter:hover .dn-filter-name {
  background: linear-gradient(270deg, #d278fe 0%, #2d69fb 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.dn-filter:hover .dn-filter-icon img {
  opacity: 0;
}

.dn-filter:hover .dn-filter-icon:after {
  opacity: 1;
}

.dn-filter.active {
  background: linear-gradient(270deg, #d278fe 0%, #2d69fb 100%);
  border-color: transparent;
}

.dn-filter.active .dn-filter-name {
  color: #fff;
}

.dn-filter.active .dn-filter-icon img {
  filter: brightness(0) invert(1);
}

.dn-filter.active:hover {
  background: linear-gradient(270deg, #d278fe 0%, #2d69fb 100%);
  border-color: transparent;
}

.dn-filter.active:hover .dn-filter-name {
  background: none;
  -webkit-background-clip: unset;
  background-clip: unset;
  -webkit-text-fill-color: #fff;
  color: #fff;
}

.dn-filter.active:hover .dn-filter-icon img {
  opacity: 1;
  filter: brightness(0) invert(1);
}

.dn-filter.active:hover .dn-filter-icon:after {
  opacity: 0;
}

.dn-cases {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.dn-case {
  background: #f6f6fa;
  border-radius: 16px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  min-height: 0;
  color: rgba(0, 0, 0, 0.6);
}

.dn-case.hidden {
  display: none !important;
}

.dn-case-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  margin-bottom: 4px;
}

.dn-case-info {
  flex: 1;
  min-width: 0;
}

.dn-case-logo {
  width: 160px;
  min-width: 160px;
  min-height: 102px;
  line-height: 1;
  text-align: right;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}

.dn-case-logo img {
  width: auto;
  max-width: 160px;
  height: auto;
  max-height: 100px;
  display: block;
}

.dn-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  color: #2d69fb;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.14px;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.dn-tags span::after {
  content: " ·";
  color: inherit;
}

.dn-tags span:last-child::after {
  content: "";
}

.dn-case h3 {
  font-size: 24px;
  line-height: 1.4;
  font-weight: 500;
  margin: 0 0 8px;
  color: #000;
}

.dn-case h3 a {
  color: #000;
  text-decoration: none;
}

.dn-case-bottom {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  width: 100%;
}

.dn-metrics {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: stretch;
  gap: 8px;
}

.dn-metric {
  padding: 8px 16px;
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  border-radius: 999px;
  border: 1px solid rgba(0, 0, 0, 0.16);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.6);
}

.dn-metric b {
  color: #000;
  font-weight: 700;
  font-size: 14px;
}

.dn-case-toggle {
  width: 36px;
  min-width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  line-height: 1;
}

.dn-case-toggle svg {
  display: block;
  transition: transform 0.25s ease;
}

.dn-case.is-open .dn-case-toggle svg {
  transform: rotate(180deg);
}

.dn-case-more {
  display: none;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid rgba(0, 0, 0, 0.16);
}

.dn-case.is-open .dn-case-more {
  display: flex;
}

.dn-case-more-title {
  width: 100%;
  margin-bottom: 8px;
  color: #000;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
}

.dn-case-more p,
.dn-case-more li {
  margin: 0;
  color: rgba(0, 0, 0, 0.6);
  font-size: 16px;
  line-height: 1.4;
}

.dn-case-more ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.dn-case-more li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding-left: 10px;
  margin-bottom: 6px;
}

.dn-case-more li::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  min-width: 4px;
  margin-top: 8px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.6);
}

.dn-cases-section .dn-more {
  color: #000;
  font-weight: 500;
  text-decoration: none;
}

.dn-cases-section .dn-cta-row {
  margin-top: 40px;
}

.dn-cases-section .dn-btn-ghost {
  border: 1px solid rgba(0, 0, 0, 0.16);
  background: transparent;
  color: #000 !important;
  min-width: 160px;
}

.dn-cases-section .dn-btn-ghost:hover {
  border-color: #000;
  filter: none;
  background: transparent;
}

.dn-btn-arrow {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 13px 48px 13px 20px !important;
  min-width: 160px;
}

.dn-btn-arrow::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  border-radius: 50%;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 12px;
  pointer-events: none;
}

/* Light cases band: invert the chip */
.dn-cases-section .dn-btn-arrow::after {
  background-color: #000;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.dn-services-page .dn-cases-section .dn-btn-arrow::after {
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.dn-more {
  margin-top: auto;
  color: #fff;
  font-weight: 500;
}

/* Reviews */
h2.dn-reviews-title {
  text-align: center;
  color: #fff;
  font-size: 48px;
  line-height: 1.1;
  font-weight: 500;
  margin: 0 0 60px;
}

.dn-reviews {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 30px;
  width: 100%;
}

.dn-clutch {
  background: #fff;
  border-radius: 16px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 95px;
  width: 383px;
  min-width: 383px;
}

.dn-clutch-top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
}

.dn-clutch-link {
  display: flex;
  align-items: flex-end;
  gap: 62px;
  width: 100%;
}

.dn-clutch-logo {
  line-height: 1;
  height: 32px;
}

img.dn-clutch-logo-img {
  width: auto;
  height: 100%;
  max-width: none;
  display: block;
}

.dn-site a.dn-clutch-profile,
.dn-clutch-profile {
  color: #000 !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.32px;
  text-decoration: none;
  border-bottom: 1px solid #000;
  padding-bottom: 2px;
  white-space: nowrap;
}

.dn-site a.dn-clutch-profile:hover,
.dn-clutch-profile:hover {
  border-color: transparent;
  color: #000 !important;
}

.dn-clutch-rate {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
}

.dn-clutch-count {
  color: #000;
  font-size: 24px;
  line-height: 1.1;
  font-weight: 400;
}

.dn-clutch-stars {
  line-height: 1;
}

img.dn-clutch-stars-img {
  height: 20px;
  width: auto;
  max-width: none;
  display: block;
}

.dn-clutch-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 8px;
  width: 100%;
}

.dn-clutch-tags span {
  white-space: nowrap;
  line-height: 1.4;
  letter-spacing: 0.14px;
  padding: 8px 16px;
  border-radius: 360px;
  background: #e6e6e6;
  color: #808080;
  font-size: 14px;
}

.dn-review-slide {
  width: calc(100% - 413px);
  overflow: hidden;
}

.dn-review-track {
  display: flex;
  transition: transform 0.45s ease;
}

.dn-review {
  flex: 0 0 100%;
  min-width: 0;
  background: #121212;
  border-radius: 16px;
  padding: 40px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: center;
  gap: 40px;
  height: 360px;
  box-sizing: border-box;
  color: #808080;
}

.dn-review-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  width: 220px;
  min-width: 220px;
  height: 100%;
}

.dn-review-counts {
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
}

.dn-review-score {
  font-size: 28px;
  line-height: 1.2;
  color: #fff;
  font-weight: 400;
}

.dn-review-stars {
  line-height: 1;
}

img.dn-review-stars-img {
  height: 20px;
  width: auto;
  max-width: none;
  display: block;
}

.dn-review-facts {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  width: 100%;
}

.dn-review-fact {
  display: flex;
  align-items: center;
}

img.dn-review-fact-icon {
  width: 24px;
  min-width: 24px;
  height: auto;
  display: inline-block;
  margin-right: 12px;
}

.dn-review-fact span {
  color: #fff;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.16px;
}

.dn-review-divider {
  display: block;
  width: 1px;
  min-width: 1px;
  background: #333;
  height: auto;
  align-self: stretch;
}

.dn-review-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  min-width: 0;
}

.dn-review-quote {
  color: #fff;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 400;
}

.dn-review-who {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
}

.dn-review-co {
  width: 113px;
  min-width: 113px;
  line-height: 1;
}

img.dn-review-co-img {
  width: 100%;
  height: auto;
  display: block;
}

.dn-review-person {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.dn-review-name,
.dn-review-role {
  color: #b3b3b3;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.16px;
}

.dn-review-arrows {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.dn-review-arrows button {
  width: 48px;
  min-width: 48px;
  height: 48px;
  padding: 0;
  border-radius: 100%;
  background: transparent;
  border: 1px solid #333;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dn-review-arrows button:hover {
  border-color: gray;
  background: transparent;
}

/* Awards */
h2.dn-awards-title {
  text-align: center;
  color: #fff;
  font-size: 48px;
  line-height: 1.1;
  font-weight: 500;
  margin: 0 0 40px;
}

.dn-awards-section {
  overflow: hidden;
}

.dn-awards-viewport {
  overflow: hidden;
  width: 100%;
}

.dn-award-track {
  display: flex;
  gap: 16px;
  width: 100%;
  transition: transform 0.45s ease;
}

.dn-award {
  flex: 0 0 calc((100% - 32px) / 3);
  height: 383px;
  padding: 0;
  margin: 0;
  background: url("/wp-content/uploads/dreamnight/img/seoaward.svg") center center / 95% no-repeat transparent;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  box-sizing: border-box;
}

.dn-award-logo {
  width: 100%;
  height: 59px;
  padding: 0 80px;
  box-sizing: border-box;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

img.dn-award-logo-img {
  height: 100%;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  display: block;
}

.dn-award-name {
  color: #808080;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.16px;
  text-align: center;
  height: 67px;
  padding: 0 80px;
  box-sizing: border-box;
}

.dn-award-arrows {
  margin-top: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.dn-award-arrows button {
  width: 48px;
  min-width: 48px;
  height: 48px;
  padding: 0;
  border-radius: 100%;
  background: transparent;
  border: 1px solid #333;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dn-award-arrows button:hover {
  border-color: gray;
  background: transparent;
}

/* Media / featured */
h2.dn-media-title {
  text-align: left;
  color: #fff;
  font-size: 48px;
  line-height: 1.1;
  font-weight: 500;
  margin: 0 0 60px;
}

.dn-media-section .dn-media-title .elementor-heading-title,
.dn-media-section h2.dn-media-title {
  text-align: left !important;
  margin: 0 0 60px !important;
  color: #fff;
}

.dn-forbes {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  width: 100%;
}

.dn-forbes-logo {
  width: 50%;
  padding-right: 70px;
  box-sizing: border-box;
  line-height: 1;
}

img.dn-forbes-img {
  width: 100%;
  height: auto;
  max-width: 100%;
  display: block;
}

.dn-forbes-info {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 24px;
}

.dn-forbes-txt {
  margin: 0;
  color: #808080;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.2px;
}

.dn-media-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 30px;
  border-radius: 360px;
  border: 2px solid #333;
  background: transparent;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.32px;
  text-decoration: none;
}

.dn-media-btn:hover {
  border-color: #fff;
  color: #fff;
  background: transparent;
}

.dn-media-more {
  padding-top: 160px;
}

.dn-media-more .dn-media-title {
  margin-bottom: 60px;
}

.dn-media-viewport {
  overflow: hidden;
  width: 100%;
}

.dn-media-track {
  display: flex;
  align-items: stretch;
  gap: 16px;
  width: 100%;
  transition: transform 0.45s ease;
}

.dn-media-card {
  flex: 0 0 calc((100% - 48px) / 4);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  background: #121212;
  border-radius: 16px;
  padding: 30px;
  text-decoration: none;
  min-width: 0;
  box-sizing: border-box;
  min-height: 200px;
}

.dn-media-icon {
  height: 30px;
  margin-bottom: 20px;
  line-height: 1;
}

img.dn-media-icon-img {
  height: 100%;
  width: auto;
  max-width: 100%;
  display: block;
}

.dn-media-name {
  color: #808080;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.14px;
}

.dn-media-arrows {
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}

.dn-media-arrows button {
  width: 48px;
  min-width: 48px;
  height: 48px;
  padding: 0;
  border-radius: 100%;
  background: transparent;
  border: 1px solid #333;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dn-media-arrows button:hover {
  border-color: gray;
  background: transparent;
}

/* Process */
.dn-process-sub .elementor-widget-container p {
  margin: 0;
}

.dn-steps {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.dn-step {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 40px;
  padding: 40px 0;
  border-top: 1px solid #333;
  background: transparent;
  border-radius: 0;
}

.dn-step:last-child {
  border-bottom: 1px solid #333;
}

.dn-step-num {
  display: block;
  width: 100%;
  flex: 0 1 auto;
  min-width: 0;
  color: #808080;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.2px;
}

.dn-step-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  min-width: 80px;
  height: 80px;
  border-radius: 100%;
  background: linear-gradient(270deg, #D278FE, #2D69FB);
  position: relative;
}

.dn-step-icon::before {
  content: "";
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  position: absolute;
  z-index: 1;
  left: 1px;
  top: 1px;
  background: #000;
  border-radius: 100%;
}

img.dn-step-icon-img {
  width: 40px;
  height: auto;
  max-width: 100%;
  position: relative;
  z-index: 2;
}

.dn-step-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 80px;
  width: 830px;
  min-width: 830px;
  flex: 0 1 auto;
}

.dn-step-name {
  color: #fff;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2;
  white-space: nowrap;
  flex-shrink: 0;
}

.dn-step-txt {
  color: #808080;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.2px;
  width: 450px;
  min-width: 450px;
  flex: 0 0 450px;
}

@media (min-width: 1600px) {
  .dn-process-section .dn-wrap {
    width: min(100% - 40px, 1560px);
  }
  .dn-process-sub {
    font-size: 20px;
  }
  .dn-step-num {
    font-size: 24px;
  }
  .dn-step-info {
    width: 1000px;
    min-width: 1000px;
  }
  .dn-step-txt {
    width: 570px;
    min-width: 570px;
    flex-basis: 570px;
    font-size: 20px;
  }
}

/* Pricing */
.dn-price-section .dn-price-title,
.dn-price-section .dn-price-title .elementor-heading-title {
  text-align: center;
  font-size: 48px;
  line-height: 1.1;
  font-weight: 500;
  margin: 0 0 30px;
  color: #fff;
}

.dn-price-sub {
  text-align: center;
  color: #b3b3b3;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  max-width: 810px;
  margin: 0 auto 60px;
}

.dn-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  width: fit-content;
  margin: 0 auto 60px;
  padding: 8px;
  background: #121212;
  border-radius: 360px;
}

.dn-toggle button {
  border: 0;
  background: transparent;
  color: #fff;
  border-radius: 360px;
  padding: 13px 24px;
  cursor: pointer;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.16px;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 8px;
}

.dn-toggle button.active {
  background: #fff;
  color: #000;
}

.dn-off {
  color: #d278fe;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.14px;
  text-transform: uppercase;
  display: flex;
  align-items: baseline;
  gap: 4px;
}

.dn-plans {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  align-items: stretch;
}

.dn-plan {
  background: #121212;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  padding: 48px 20px 32px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  position: relative;
  color: #b3b3b3;
}

.dn-plan.popular {
  border: 1px solid transparent;
  background:
    linear-gradient(#121212, #121212) padding-box,
    linear-gradient(135deg, #2d69fb 0%, #d278fe 55%, #d278fe 100%) border-box;
  box-shadow:
    0 0 24px rgba(45, 105, 251, 0.22),
    0 0 48px rgba(210, 120, 254, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.dn-plan.popular::before {
  content: "MOST POPULAR";
  display: block;
  width: 100%;
  padding: 8px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.28px;
  text-transform: uppercase;
  box-sizing: border-box;
}

.dn-plan-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
  width: 100%;
}

.dn-plan-top {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.dn-plan-name {
  color: #fff;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.2;
}

.dn-plan-count {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding: 4px 4px 4px 16px;
  border: 1px solid #333;
  border-radius: 20px;
  background: transparent;
  white-space: nowrap;
}

.dn-plan-hours {
  color: #b3b3b3;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0.14px;
}

.dn-plan.popular .dn-plan-hours {
  color: rgba(255, 255, 255, 0.8);
}

.dn-plan-usd {
  border-radius: 24px;
  background: #333;
  padding: 2px 8px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.14px;
}

.dn-plan.popular .dn-plan-usd {
  background: rgba(255, 255, 255, 0.16);
}

.dn-plan-price {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.dn-plan-old {
  display: none;
  color: #b3b3b3;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: line-through;
}

.dn-plans.sale .dn-plan-old {
  display: flex;
}

.dn-plan-now {
  display: flex;
  width: 100%;
  align-items: baseline;
  justify-content: flex-start;
  gap: 4px;
  color: #fff;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.1;
}

.dn-plan-per {
  color: #808080;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
}

.dn-plan-spark {
  display: flex;
  width: 100%;
  min-height: 12px;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.dn-plan-line {
  width: calc(50% - 18px);
  height: 1px;
  background: rgba(255, 255, 255, 0.16);
}

.dn-plan-ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  margin: 0 0 12px;
}

.dn-plan.popular .dn-plan-ul {
  margin-bottom: 26px;
}

.dn-plan:last-child .dn-plan-ul {
  margin-bottom: 20px;
}

.dn-plan-li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  color: #b3b3b3;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.16px;
}

.dn-plan-li::before {
  content: "";
  display: block;
  width: 20px;
  min-width: 20px;
  height: 20px;
  border-radius: 100%;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAA2pJREFUeAHNmD1P21AUhk+cDA0LRiAgICSzwIgDDIgFs3WEf9B/kHbsRLp1K/kHrJ0KWzvVWVAlvlwxMTUICZAYSBigUb54z9W9URKcxE7sJK9k+Tq+Ng/n4/rcE6EeZZqmpWmaGYlEtmq1Gp91/KzL23kcOT5w72+1WrUdx7GpB0X8TAaUDqgUYD42wHhVDoddqVS+ADbn9SFPgBJsT4IFoQOvoNFuE9bW1lKAOwScRcHJxDt3EolE4e7uzuk0sSPg6urqN4ClMXxHwUvHu3fm5+f129vbX+0mubqYXRqNRn9gaNFg5MDl23B5vvWG5jY7Fov9psHBsUxpkDd642J2K047NHgZbu5uAgTcB8TFVxqeNmTi/FE/1GMQcWfAzOxag4arPOJxUcVjPQYBt0fDh2PpyIE9dSEsKK33j0ZIsOIEW1FYUFpvpISFXHy1lIstGjEhWVPizFWJTI7AFY/HaXNzU4yz2SyVy2U/jzPkNiypWRSCFNzY2Jg4pqamyK9QppkaKFcoYDXCsW5ubuj+/p78igsUjkGDAlQr3NPTEyEbqUetBAroBnd8fEx9SGdAv5Wxq7C4usKVSiXqQ7pGAagV7uXlhU5OTvqFE2LAvJeJCwsL4mgHNz4+Xodjyz0/P1MAysew68rLHVlbzc7O8udQjNlKV1dX9XvJZDIsOFaOl5muKcZ/WC2yS0tLtLy8LMYMzfAhwbGuo6i/EoB832lWsVikh4cHQkHJ30ianpwUYNPT02HCEbz7nb8knhapQqEgIJQllVv5Ogw4FthsUW5ha/lIHpcbBuOk4ORQcAwftGC93Pn5+aIo+eHluNd9r3I3u/ry8jIUOBZ4DlH6H6mClbeZjzRCkmV/TizUsv7P0OjoQLVF6l8SEKfJ46Idpjj2uG+jruvbTpRD/xGLxW5LzgD06eLiwlYXTfti3o/Ozc1NYLhBw1EGmdu0L3ftzWDZGXTrg+WcnZ0lW390rWYQA7v8AA1O3NjcdrvRsYEJS+7jlKJwlYHl2jZGO/YHEZM/kTjXGJrdKh6/4ioKi/1nwKU7zevaYeUO6MzMzBFexsljUjDKYMe2i4Swu03020TnFkka//0WLGr4eVZaLIPv975bozIQwEatr69bsIIlt60GAAwVBgyDExfCDsZZrphOT09t6kGvxXB+lTd24SMAAAAASUVORK5CYII=") left top / contain no-repeat transparent;
}

.dn-plan-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 360px;
  padding: 13px 20px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.32px;
  text-decoration: none;
  background: transparent;
}

.dn-plan-btn:hover {
  border-color: #fff;
  color: #fff;
  background: transparent;
}

@media (min-width: 1600px) {
  .dn-price-section .dn-wrap {
    width: min(100% - 40px, 1560px);
  }
  .dn-price-sub {
    font-size: 20px;
  }
  .dn-plan-name {
    font-size: 28px;
  }
}

.dn-included-card {
  width: 100%;
  margin-top: 60px;
  padding: 40px;
  border-radius: 32px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: #121212;
  box-sizing: border-box;
}

.dn-inc-title {
  margin: 0 0 20px;
  color: #fff;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2;
  text-align: left;
}

.dn-inc-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 47px;
  width: 100%;
}

.dn-inc-col {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.dn-inc-li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
}

.dn-inc-ico {
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-top: 5px;
  display: block;
  line-height: 0;
}

.dn-inc-ico svg {
  width: 20px;
  height: 20px;
  display: block;
}

.dn-inc-copy {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.dn-inc-head {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.2px;
}

.dn-inc-txt {
  color: #b3b3b3;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.16px;
}

.dn-inc-how {
  width: 100%;
  margin-top: 20px;
  padding: 24px 32px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.08);
  display: flex;
  flex-direction: column;
  gap: 8px;
  box-sizing: border-box;
}

.dn-inc-how-title {
  margin: 0;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
}

.dn-inc-how-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  width: 100%;
}

.dn-inc-how-li {
  color: #b3b3b3;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.16px;
}

.dn-included {
  margin-top: 36px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 28px;
  color: #9a9a9a;
}

.dn-included b {
  color: #fff;
  display: block;
  margin-bottom: 4px;
}

/* Blog */
.dn-blog-section {
  padding: 100px 0;
}

.dn-blog-section .dn-blog-title,
.dn-blog-section .dn-blog-title .elementor-heading-title {
  text-align: center;
  font-size: 48px;
  line-height: 1.1;
  font-weight: 500;
  margin: 0 0 60px;
  color: #fff;
}

.dn-blog-viewport {
  width: 100%;
  overflow: hidden;
}

.dn-blog-track {
  display: flex;
  align-items: stretch;
  gap: 30px;
  width: 100%;
  transition: transform 0.45s ease;
}

.dn-blog-col {
  flex: 0 0 calc((100% - 30px) / 2);
  display: flex;
  flex-direction: column;
  gap: 30px;
  min-width: 0;
}

.dn-post {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  background: #121212;
  border-radius: 16px;
  padding: 0;
  min-height: 0;
  text-decoration: none;
  overflow: hidden;
  width: 100%;
  height: 252px;
  box-sizing: border-box;
}

.dn-post-img {
  position: relative;
  display: block;
  width: 51%;
  height: 100%;
  overflow: hidden;
  line-height: 0;
  border-radius: 16px 16px 0 0;
  flex: 0 0 51%;
}

.dn-site img.dn-post-photo {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  display: block;
  border-radius: 16px 16px 0 0;
  transition: transform 0.5s;
}

.dn-post:hover img.dn-post-photo {
  transform: scale(1.1);
}

.dn-post-right {
  width: 50%;
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  box-sizing: border-box;
}

.dn-post-top {
  width: 100%;
}

.dn-post-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  width: 100%;
  margin: 0 0 8px;
  color: #808080;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.24px;
  text-transform: uppercase;
}

.dn-post-dot {
  line-height: 1;
}

.dn-post-name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.2px;
}

.dn-post-bottom {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dn-post time {
  color: #808080;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.14px;
}

.dn-blog-bar {
  margin-top: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  width: 100%;
}

a.dn-blog-all {
  display: inline-block;
  height: 52px;
  padding: 10px 30px;
  border: 2px solid #333;
  border-radius: 360px;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
  box-sizing: border-box;
}

a.dn-blog-all:hover {
  border-color: #fff;
  color: #fff;
}

.dn-blog-arrows {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}

.dn-blog-arrows button {
  width: 48px;
  min-width: 48px;
  height: 48px;
  padding: 0;
  border-radius: 100%;
  background: transparent;
  border: 1px solid #333;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dn-blog-arrows button:hover {
  border-color: gray;
  background: transparent;
}

@media (min-width: 1600px) {
  .dn-blog-section .dn-wrap {
    width: min(100% - 40px, 1560px);
  }
}

/* FAQ */
.dn-faq-section {
  padding: 100px 0;
}

.dn-faq-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 60px;
}

.dn-faq-section .dn-faq-title,
.dn-faq-section .dn-faq-title .elementor-heading-title {
  text-align: center;
  font-size: 48px;
  line-height: 1.1;
  font-weight: 500;
  margin: 0;
  color: #fff;
}

.dn-faq {
  width: 100%;
  max-width: 897px;
}

.dn-faq-item {
  margin: 0;
  padding: 0;
  background: transparent;
  border-radius: 0;
  border-top: 1px solid #333;
}

.dn-faq-item:last-child {
  border-bottom: 1px solid #333;
}

button.dn-faq-btn {
  display: block;
  width: 100%;
  position: relative;
  padding: 40px 50px 40px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  outline: none;
  color: #fff;
  font-family: inherit;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.4px;
  text-align: left;
  text-transform: none;
  cursor: pointer;
}

button.dn-faq-btn:hover,
button.dn-faq-btn:focus {
  background: transparent;
  color: #fff;
  outline: none;
}

button.dn-faq-btn::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  border-radius: 100%;
  background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
  background-size: 14px 1.5px, 1.5px 14px;
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 0.3s, background-color 0.3s;
  z-index: 1;
}

button.dn-faq-btn:hover::after {
  background-color: #333;
}

.dn-faq-item.is-open button.dn-faq-btn::after {
  background-image: linear-gradient(#fff, #fff);
  background-size: 14px 1.5px;
  transform: rotate(180deg);
}

.dn-faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
}

.dn-faq-item.is-open .dn-faq-answer {
  max-height: 400px;
}

.dn-faq-answer-inner {
  padding: 0 40px 40px 0;
}

.dn-faq-answer-inner p {
  margin: 0;
  color: #808080;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.6;
}

.dn-faq-answer-inner p + p {
  margin-top: 20px;
}

@media (min-width: 1600px) {
  button.dn-faq-btn {
    font-size: 28px;
  }
}

/* World + contact */
.dn-world-section {
  padding: 100px 0;
}

.dn-world-top {
  width: 100%;
  margin: 0 0 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 30px;
}

.dn-world-section .dn-world-title {
  text-align: center;
  font-size: 48px;
  line-height: 1.1;
  font-weight: 500;
  margin: 0;
  color: #fff;
}

.dn-world-sub {
  margin: 0;
  width: 700px;
  max-width: 100%;
  text-align: center;
  color: #808080;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.2px;
}

.dn-cities {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  width: 100%;
}

.dn-city {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  padding: 0;
  background: #121212;
  border-radius: 16px;
  overflow: hidden;
}

.dn-city-img {
  width: 120px;
  min-width: 120px;
  height: 120px;
  line-height: 0;
  border-radius: 16px 0 0 16px;
  overflow: hidden;
}

.dn-site img.dn-city-photo {
  width: 120px;
  height: 120px;
  max-width: none;
  object-fit: cover;
  display: block;
  border-radius: 16px 0 0 16px;
}

/* Homepage world map — keep city cards compact (Elementor grid can stack at 1 col) */
.dn-site .dn-world-section .dn-cities {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 30px;
  width: 100%;
}

.dn-site .dn-world-section .dn-city {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  max-height: none;
}

.dn-site .dn-world-section .dn-city-img {
  width: 120px;
  min-width: 120px;
  height: 120px;
  flex: 0 0 120px;
  overflow: hidden;
}

.dn-site .dn-world-section img.dn-city-photo {
  width: 120px !important;
  height: 120px !important;
  max-width: none !important;
  object-fit: cover !important;
}

.dn-city-info {
  width: 100%;
  padding: 20px 20px 0 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
}

.dn-city-name {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
}

.dn-city-txt {
  margin: 0;
  color: #808080;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.14px;
}

@media (min-width: 1600px) {
  .dn-world-section .dn-wrap {
    width: min(100% - 40px, 1560px);
  }
  .dn-city {
    align-items: center;
  }
  .dn-city-info {
    padding: 0 20px 0 0;
  }
}

.dn-contact-section {
  padding: 100px 0;
}

.dn-contact {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

.dn-site .dn-contact.e-con,
.dn-contact.e-con,
.elementor-element.dn-contact.e-con {
  --flex-direction: row !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  --gap: 20px;
  gap: 20px !important;
}

.dn-contact .elementor-widget-html,
.dn-contact .dn-form {
  align-self: flex-start;
}

.dn-contact-info,
.dn-contact-info.e-con {
  width: 589px;
  max-width: 100%;
  flex: 1 1 auto;
  min-width: 0;
}

.dn-contact .dn-form,
.dn-contact > .elementor-widget-html {
  flex: 0 0 601px;
  width: 601px;
  max-width: 100%;
}

.dn-contact-info .elementor-widget-html {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  align-self: flex-start !important;
}

.dn-contact .elementor-widget-html:has(.dn-form) .elementor-widget-container,
.dn-contact .elementor-widget-html .dn-form {
  width: 100%;
  min-width: 0;
}

.dn-contact-section .dn-contact-title,
.dn-contact-section .dn-contact-title .elementor-heading-title {
  margin: 0 0 40px;
  color: #fff !important;
  font-size: 44px;
  font-weight: 500;
  line-height: 1.1;
  text-align: left;
  max-width: 560px;
}

.dn-contact-title .dn-contact-title-line {
  white-space: nowrap;
}

.dn-contact-title em,
.dn-contact-section .dn-contact-title .elementor-heading-title em {
  font-style: normal;
}

.dn-contact-look,
.dn-contact-look .elementor-heading-title,
.dn-contact-section .dn-contact-look .elementor-heading-title,
.dn-contact-look .elementor-widget-container p {
  margin: 0 0 20px !important;
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.2px;
  text-align: left;
}

.dn-contact-info ul,
.dn-contact-list ul,
.dn-contact-section .dn-contact-list .elementor-widget-container ul {
  list-style: none;
  margin: 0 0 60px !important;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
  color: #808080;
  letter-spacing: 0.2px;
}

.dn-contact-info li,
.dn-contact-list li,
.dn-contact-section .dn-contact-list li {
  position: relative;
  padding: 0 0 0 30px;
  font-size: 16px;
  line-height: 1.6;
  color: #808080;
}

.dn-contact-info li::before,
.dn-contact-list li::before,
.dn-contact-section .dn-contact-list li::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 10px;
  width: 6px;
  height: 5px;
  border-radius: 100%;
  background: gray;
}

.dn-contact-logos a {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  width: 100%;
  height: 59px;
}

.dn-contact-logos {
  display: grid;
  grid-template-columns: repeat(3, 176px);
  gap: 0;
  width: 529px;
  max-width: 100%;
  margin-top: 0;
}

.dn-site img.dn-contact-logo,
.dn-contact-logos img.dn-contact-logo,
.dn-contact-logos img {
  width: 100%;
  height: 100%;
  max-width: 176px;
  max-height: 59px;
  object-fit: contain;
  object-position: center;
  display: block;
}

.dn-contact-logos a:has(img[src*="brand-badshahcric"]),
.dn-contact-logos a:has(img[src*="brand-satsport247"]),
.dn-contact-logos a:has(img[src*="brand-casino-pride"]) {
  overflow: hidden;
}

.dn-contact-logos a:has(img[src*="brand-casino-pride"]) {
  justify-content: flex-start !important;
}

.dn-contact-logos img[src*="brand-satsport247"] {
  width: auto !important;
  height: 59px !important;
  max-width: 176px;
  transform: scale(2.2);
  transform-origin: center center;
}

.dn-contact-logos img[src*="brand-badshahcric"] {
  width: auto !important;
  height: 59px !important;
  max-width: 176px;
  transform: scale(2.65);
  transform-origin: center center;
}

.dn-contact-logos img[src*="brand-casino-pride"] {
  width: auto !important;
  height: 59px !important;
  max-width: none;
  object-position: left top;
  transform: scale(4.2);
  transform-origin: left top;
}

.dn-form {
  width: 100%;
  min-width: 0;
  max-width: 601px;
  padding: 40px;
  background: #fff;
  border-radius: 32px;
  color: #000;
  box-sizing: border-box;
}

h3.dn-form-title,
.contacts-section__form-title,
.contacts-section__form h3.contacts-section__form-title {
  margin: 0 0 20px;
  color: #000 !important;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: normal;
  text-align: center;
  text-transform: none;
}

@media (max-width: 767px) {
  h3.dn-form-title,
  .contacts-section__form-title {
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 16px;
  }
}

.dn-form input[type="text"],
.dn-form input[type="email"],
.dn-form input[type="tel"] {
  display: block;
  width: 100%;
  margin: 0 0 20px;
  padding: 13px 0;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #e6e6e6;
  border-radius: 0;
  color: #000;
  font-family: inherit;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.16px;
  box-sizing: border-box;
}

.dn-form input::placeholder {
  color: #808080;
  opacity: 1;
  font-weight: 500;
}

.dn-form input:focus {
  outline: none;
  border-bottom-color: #000;
}

.dn-phone {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0 0 20px;
  border-bottom: 1px solid #e6e6e6;
}

.dn-phone-cc {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 13px 8px 13px 0;
  border: 0;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  color: #000 !important;
  font-family: inherit;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
  position: relative;
  isolation: isolate;
  -webkit-appearance: none;
  appearance: none;
}

.dn-site .dn-form button.dn-phone-cc:hover,
.dn-site .dn-form button.dn-phone-cc:focus,
.dn-site .dn-form button.dn-phone-cc:focus-visible,
.dn-site .dn-form button.dn-phone-cc:active,
.dn-phone-cc:hover,
.dn-phone-cc:focus,
.dn-phone-cc:focus-visible,
.dn-phone-cc:active {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  color: #000 !important;
}

/* Flag + caret — white hover wash (not theme button pink) */
.dn-phone-cc::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 100%;
  min-height: 34px;
  border-radius: 8px 0 0 8px;
  background: transparent;
  transition: background 0.2s ease;
  pointer-events: none;
  z-index: 0;
}

.dn-phone-cc::after {
  content: "";
  position: absolute;
  left: 48px;
  top: 50%;
  transform: translateY(-50%);
  width: calc(100% - 48px);
  max-width: 72px;
  height: 100%;
  min-height: 34px;
  border-radius: 0 8px 8px 0;
  background: transparent;
  transition: background 0.2s ease;
  pointer-events: none;
  z-index: 0;
}

.dn-phone-cc:hover::before,
.dn-phone-cc:focus-visible::before,
.dn-phone:has(.dn-phone-list.is-open) .dn-phone-cc::before,
.dn-phone:hover .dn-phone-cc::before,
.dn-phone:focus-within .dn-phone-cc::before {
  background: #fff;
}

.dn-phone-cc:hover::after,
.dn-phone-cc:focus-visible::after,
.dn-phone:has(.dn-phone-list.is-open) .dn-phone-cc::after,
.dn-phone:hover .dn-phone-cc::after,
.dn-phone:focus-within .dn-phone-cc::after {
  background: #fff;
}

.dn-phone-cc > * {
  position: relative;
  z-index: 1;
}

.dn-phone-dial {
  color: #000;
  display: inline-block;
  margin-left: 2px;
  padding: 4px 10px 4px 8px;
  border-radius: 0 8px 8px 0;
  background: transparent;
  transition: background 0.2s ease, color 0.2s ease;
}

.dn-phone-cc:hover .dn-phone-dial,
.dn-phone-cc:focus-visible .dn-phone-dial,
.dn-phone:has(.dn-phone-list.is-open) .dn-phone-cc .dn-phone-dial,
.dn-phone:hover .dn-phone-cc .dn-phone-dial,
.dn-phone:focus-within .dn-phone-cc .dn-phone-dial {
  background: transparent;
  color: #000;
}

/* intl-tel-input (Ninja contact forms using #phone) */
.dn-form .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag,
.dn-form .iti--allow-dropdown .iti__flag-container:focus .iti__selected-flag,
.dn-form .iti__selected-flag:hover,
.dn-form .iti__selected-flag:focus {
  background-color: #fff !important;
}

.dn-form .iti--separate-dial-code .iti__selected-dial-code {
  margin-left: 6px;
  padding: 4px 10px 4px 8px;
  border-radius: 0 8px 8px 0;
  transition: background 0.2s ease;
}

.dn-form .iti--separate-dial-code:hover .iti__selected-dial-code,
.dn-form .iti--separate-dial-code:focus-within .iti__selected-dial-code,
.dn-form .iti--separate-dial-code.iti--show-flags:has(.iti__flag-container:hover) .iti__selected-dial-code {
  background: #fff;
  color: #000;
}

.dn-phone-flag {
  font-size: 18px;
  line-height: 1;
}

.dn-phone-caret {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #000;
}

.dn-phone input[type="tel"] {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  margin: 0;
  padding: 13px 8px;
  border: 0;
}

.dn-phone-opt {
  color: #808080;
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
  padding-right: 2px;
}

.dn-phone-list {
  display: none;
  position: absolute;
  left: 0;
  top: calc(100% + 4px);
  z-index: 5;
  width: 280px;
  max-height: 240px;
  overflow: auto;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.dn-phone-list.is-open {
  display: block;
}

.dn-phone-list button {
  display: block;
  width: 100%;
  padding: 10px 14px;
  border: 0;
  background: #fff;
  color: #000;
  font-family: inherit;
  font-size: 14px;
  text-align: left;
  cursor: pointer;
}

.dn-phone-list button:hover {
  background: #f5f5f5;
}

.dn-form-label,
.contacts-section__form-label {
  display: block;
  margin: 0 0 10px;
  color: #808080;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.16px;
}

.dn-form-area,
.dn-form textarea.dn-form-area,
.dn-form .textarea-field {
  display: block;
  width: 100%;
  min-height: 48px;
  height: 48px;
  margin: 0 0 20px;
  padding: 8px 12px;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #e6e6e6;
  border-radius: 0;
  color: #000;
  font-family: inherit;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.16px;
  resize: none;
  overflow: hidden;
  box-sizing: border-box;
}

.dn-form-area:focus,
.dn-form-area:hover,
.dn-form textarea.dn-form-area:focus,
.dn-form textarea.dn-form-area:hover {
  outline: none;
  border-bottom-color: #000;
}

button.dn-form-submit {
  display: block;
  width: 100%;
  height: 48px;
  margin: 0;
  padding: 10px 30px;
  border: 0;
  border-radius: 360px;
  background: linear-gradient(270deg, #d278fe 0%, #2d69fb 100%);
  color: #fff;
  font-family: inherit;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.4px;
  text-align: center;
  cursor: pointer;
  transition: background 0.8s ease, transform 0.25s ease;
}

button.dn-form-submit:hover,
button.dn-form-submit:focus-visible {
  background: linear-gradient(to right, #d278fe 0%, #2d69fb 100%);
  transform: translateY(-1px);
}

.dn-form-legal {
  display: block;
  margin: 20px 0 0;
  text-align: center;
  color: #808080;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.16px;
}

.dn-form-legal a {
  color: #808080;
  text-decoration: underline;
}

.dn-form-legal a:hover {
  text-decoration: none;
}

@media (min-width: 1600px) {
  .dn-contact-section .dn-wrap {
    width: min(100% - 40px, 1560px);
  }
}

/* Brand banner */
.dn-banner-section {
  padding: 40px 0 20px;
}

a.dn-brand-banner {
  display: block;
  width: 100%;
  border-radius: 24px;
  overflow: hidden;
  line-height: 0;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
}

a.dn-brand-banner:hover {
  transform: translateY(-2px);
  box-shadow: 0 28px 70px rgba(210, 120, 254, 0.18);
}

.dn-site img.dn-brand-banner-img {
  width: 100%;
  height: auto;
  max-width: none;
  display: block;
  object-fit: cover;
}

@media (min-width: 1600px) {
  .dn-banner-section .dn-wrap {
    width: min(100% - 40px, 1560px);
  }

  .dn-hero .dn-wrap {
    width: min(100% - 40px, 1560px);
  }

  .dn-hero-copy,
  .dn-site .dn-hero-copy.e-con {
    width: 780px;
  }

  .dn-hero-cta p,
  .dn-hero-cta .elementor-widget-text-editor p {
    max-width: 500px;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.2px;
  }
}

/* Footer */
.dn-footer {
  padding: 80px 0;
  background: #000;
  border-top: 0;
}

.dn-foot-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0;
  width: 100%;
  margin: 0 0 32px;
}

.dn-foot-left {
  width: 400px;
}

a.dn-foot-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 30px;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.04em;
  text-decoration: none;
  white-space: nowrap;
}

.dn-site img.dn-foot-logo-img,
a.dn-foot-logo img.dn-foot-logo-img {
  width: 34px;
  height: auto;
  max-width: none;
}

.dn-foot-contact-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 60px;
  width: 100%;
}

.dn-foot-contact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
}

a.dn-foot-contact-item {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.16px;
}

.dn-foot-media {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
}

.dn-foot-media-title {
  display: block;
  margin: 0 0 8px;
  color: #fff;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.16px;
  white-space: nowrap;
}

.dn-foot-media a {
  display: inline-block;
  color: gray;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0.14px;
}

.dn-foot-media a:hover {
  color: #fff;
}

.dn-foot-right {
  width: calc(100% - 400px);
}

.dn-cols {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
  width: 100%;
  margin: 0;
}

h3.dn-cols-title {
  margin: 0 0 30px;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: left;
}

.dn-cols-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.dn-cols-links a {
  display: inline-block;
  color: #808080;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.16px;
  padding: 0;
}

.dn-cols-links a:hover {
  color: #fff;
}

.dn-foot-rating {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  margin-top: 60px;
}

.dn-foot-pills {
  display: flex;
  align-items: stretch;
  gap: 16px;
}

a.dn-foot-pill {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 253px;
  min-width: 253px;
  padding: 12px 16px;
  border-radius: 50px;
  border: 1px solid #333;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  text-decoration: none;
  box-sizing: border-box;
}

.dn-site img.dn-foot-pill-icon {
  width: 24px;
  min-width: 24px;
  height: auto;
  max-width: none;
  display: block;
}

.dn-foot-pill-name {
  color: #fff;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.16px;
  white-space: nowrap;
}

.dn-foot-pill-star {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  color: gray;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0.14px;
}

.dn-site img.dn-foot-star {
  width: 10px;
  min-width: 10px;
  height: auto;
  max-width: none;
  display: block;
}

.dn-foot-social {
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  gap: 30px;
  width: 450px;
}

a.dn-foot-sm {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  text-decoration: none;
}

.dn-site img.dn-foot-sm-img {
  width: 40px;
  height: 40px;
  max-width: none;
  display: block;
}

a.dn-foot-sm:hover {
  opacity: 0.8;
}

.dn-foot-bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0;
  width: 100%;
  margin-top: 80px;
  padding-top: 40px;
  border-top: 1px solid #333;
}

.dn-foot-copy {
  color: #808080;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0.14px;
  white-space: nowrap;
}

.dn-foot-legal {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 40px;
}

.dn-foot-legal a {
  color: #808080;
  font-size: 14px;
  line-height: 1.4;
}

.dn-foot-legal a:hover {
  color: #fff;
}

@media (min-width: 1600px) {
  .dn-footer .dn-wrap {
    width: min(100% - 40px, 1560px);
  }
}

/* Cookie */
.dn-cookie {
  position: fixed;
  left: 24px;
  right: auto;
  bottom: 24px;
  z-index: 1200;
  background: #2a2a2a;
  color: #ddd;
  border-radius: 8px;
  padding: 16px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  max-width: 560px;
  font-size: 14px;
}

.dn-cookie.hidden {
  display: none;
}

/* Elementor may duplicate cookie HTML widgets — keep one bar only */
.dn-cookie ~ .dn-cookie {
  display: none !important;
}

.dn-cookie .dn-btn {
  min-height: 40px;
  padding: 0 22px;
  border-radius: 6px;
}

/* Mobile menu */
.dn-mobile {
  display: none;
  position: fixed;
  inset: 0;
  background: #000;
  z-index: 1100;
  padding: 90px 24px 24px;
  overflow: auto;
}

.dn-mobile.open {
  display: block;
}

.dn-mobile a {
  display: block;
  color: #fff;
  font-size: 22px;
  padding: 10px 0;
}

@media (max-width: 1100px) {
  .dn-nav,
  .dn-header .dn-btn {
    display: none;
  }
  .dn-burger {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .dn-stats-grid,
  .dn-cards,
  .dn-why-grid,
  .dn-ind-grid,
  .dn-cases,
  .dn-contact,
  .dn-help-intro,
  .dn-services-layout,
  .dn-plans,
  .dn-posts,
  .dn-cols,
  .dn-cities,
  .dn-included,
  .dn-hours {
    grid-template-columns: 1fr;
  }
  .dn-stats-grid .wide,
  .dn-stat:nth-child(3),
  .dn-stat:nth-child(4) {
    grid-column: auto;
  }
  .dn-q {
    width: 100%;
    height: auto;
    min-height: 180px;
  }
  .dn-trusted,
  .dn-stats-head {
    text-align: left;
  }
  .dn-why-grid {
    flex-direction: column;
  }
  .dn-why-card,
  .dn-why-card:nth-child(2),
  .dn-why-card:nth-child(3),
  .dn-why-card:nth-child(4) {
    width: 100%;
    height: auto;
    min-height: 0;
    padding: 28px 0 28px 24px;
  }
  .dn-why-card svg,
  .dn-why-card .dn-why-long {
    opacity: 1;
    height: auto;
    max-height: none;
    min-height: 0;
  }
  h2.dn-ind-title {
    font-size: 28px;
  }
  .dn-ind-sub {
    margin-bottom: 30px;
    font-size: 14px;
  }
  .dn-ind {
    gap: 16px;
    padding: 16px 0;
  }
  .dn-ind-img {
    width: 80px;
    min-width: 80px;
    height: 80px;
  }
  .dn-ind-name {
    font-size: 28px;
  }
  .dn-ind-info {
    gap: 16px;
  }
  .dn-cases-section {
    padding: 80px 0;
    border-radius: 32px 32px 0 0;
  }
  h2.dn-cases-title {
    font-size: 28px;
  }
  .dn-cases-sub {
    margin-bottom: 30px;
    font-size: 14px;
  }
  .dn-filter {
    padding: 4px 8px;
  }
  .dn-case-logo {
    display: none;
  }
  .dn-case-top,
  .dn-case-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
  .dn-metrics {
    justify-content: flex-start;
  }
  .dn-svc-card {
    flex-basis: 86vw;
    width: 86vw;
    padding: 24px;
  }
  .dn-svc-name {
    font-size: 32px;
  }
  .dn-svc-icon img {
    width: 100px;
    min-width: 100px;
  }
  .dn-svc-head {
    flex-direction: column;
    gap: 20px;
  }
  .dn-svc-arrows {
    width: calc(100% - 24px);
  }
  h2.dn-team-title {
    font-size: 28px;
  }
  .dn-team-section .dn-team-note {
    margin-bottom: 30px;
    font-size: 14px;
  }
  .dn-experts-card {
    padding: 20px;
    gap: 30px;
    border-radius: 24px;
  }
  h2.dn-experts-title {
    font-size: 28px;
  }
  .dn-btn-white {
    width: 100%;
  }
  .dn-hero-row {
    flex-direction: column;
    align-items: stretch;
    gap: 36px;
    padding-bottom: 40px;
  }
  .dn-hero-copy,
  .dn-hero-media {
    width: 100%;
    max-width: 100%;
  }
  .dn-hero h1 {
    font-size: 36px;
    line-height: 1.05;
    white-space: normal;
  }
  .dn-hero-lead {
    font-size: 16px;
    line-height: 1.45;
  }
  .dn-hero-cta .dn-btn,
  .dn-hero-cta a.elementor-button,
  .dn-hero-cta .elementor-button {
    min-width: 0;
    width: auto;
    font-size: 15px;
    min-height: 48px;
    height: 48px;
    padding: 12px 24px;
  }
  .dn-logo {
    width: auto;
  }
  h2.dn-reviews-title {
    font-size: 28px;
    margin-bottom: 30px;
  }
  .dn-reviews {
    flex-direction: column;
    gap: 30px;
  }
  .dn-clutch {
    width: 100%;
    min-width: 0;
    padding: 20px;
    gap: 20px;
  }
  .dn-clutch-link {
    gap: 20px;
  }
  .dn-clutch-logo {
    height: 30px;
  }
  .dn-clutch-rate {
    gap: 8px;
  }
  .dn-clutch-tags span {
    padding: 4px 8px;
  }
  .dn-review-slide {
    width: 100%;
  }
  .dn-review {
    flex-direction: column;
    height: auto;
    padding: 16px;
    gap: 0;
    border-radius: 24px;
  }
  .dn-review-meta {
    width: 100%;
    min-width: 0;
    height: auto;
    gap: 20px;
  }
  .dn-review-counts {
    gap: 8px;
  }
  .dn-review-score {
    font-size: 20px;
  }
  .dn-review-facts {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
  .dn-review-fact {
    border-bottom: 1px solid #333;
    padding-bottom: 4px;
  }
  .dn-review-fact span {
    font-size: 14px;
    letter-spacing: 0.14px;
  }
  .dn-review-divider {
    width: 100%;
    height: 1px;
    min-width: 0;
    margin-top: 32px;
    background: rgba(255, 255, 255, 0.16);
  }
  .dn-review-info {
    height: auto;
    padding-top: 40px;
    gap: 40px;
  }
  .dn-review-co {
    width: 70px;
    min-width: 70px;
  }
  .dn-review-name,
  .dn-review-role {
    font-size: 14px;
    letter-spacing: 0.14px;
  }
  .dn-review-arrows {
    margin-top: 20px;
  }
  h2.dn-awards-title {
    font-size: 28px;
    margin-bottom: 30px;
  }
  .dn-award {
    flex: 0 0 100%;
    height: 240px;
    background-size: 95%;
  }
  .dn-award-logo {
    height: 69px;
    padding: 0 40px;
  }
  .dn-award-name {
    font-size: 16px;
    padding: 0 80px;
  }
  .dn-award-arrows {
    margin-top: 30px;
  }
  h2.dn-media-title {
    font-size: 28px;
    margin-bottom: 30px;
  }
  .dn-forbes {
    flex-direction: column;
    gap: 20px;
  }
  .dn-forbes-logo,
  .dn-forbes-info {
    width: 100%;
    padding-right: 0;
  }
  .dn-media-btn {
    width: 100%;
    box-sizing: border-box;
  }
  .dn-media-more {
    padding-top: 60px;
  }
  .dn-media-more .dn-media-title {
    margin-bottom: 24px;
  }
  .dn-media-card {
    flex: 0 0 100%;
  }
  .dn-process-section .dn-process-title,
  .dn-process-section .elementor-element.dn-process-title .elementor-heading-title {
    font-size: 28px;
    line-height: 1.2;
  }
  .dn-process-section .elementor-element.dn-process-title {
    margin-bottom: 20px !important;
  }
  .dn-process-title br {
    display: none;
  }
  .dn-process-section .elementor-element.dn-process-sub,
  .dn-process-sub .elementor-widget-container p {
    font-size: 14px;
    line-height: 1.6;
    max-width: 100%;
  }
  .dn-process-section .elementor-element.dn-process-sub {
    margin-bottom: 30px !important;
  }
  .dn-step {
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
    padding: 20px 0;
  }
  .dn-step-num {
    display: none;
  }
  .dn-step-icon {
    width: 48px;
    min-width: 48px;
    height: 48px;
  }
  img.dn-step-icon-img {
    width: 24px;
  }
  .dn-step-info {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
    width: 100%;
    min-width: 0;
    flex: 1 1 auto;
  }
  .dn-step-name {
    font-size: 20px;
    white-space: normal;
  }
  .dn-step-txt {
    width: 100%;
    min-width: 0;
    flex: none;
    font-size: 14px;
    letter-spacing: 0.14px;
  }
  .dn-price-section .dn-price-title {
    font-size: 28px;
  }
  .dn-price-sub {
    font-size: 14px;
    margin-bottom: 30px;
  }
  .dn-toggle {
    margin-bottom: 30px;
    flex-wrap: wrap;
  }
  .dn-toggle button {
    padding: 8px 10px;
    font-size: 14px;
  }
  .dn-plan {
    padding: 40px 16px 24px;
  }
  .dn-plan-name {
    font-size: 20px;
  }
  .dn-plan-li br {
    display: none;
  }
  .dn-included-card {
    margin-top: 30px;
    padding: 24px 16px;
    border-radius: 16px;
  }
  .dn-inc-title {
    font-size: 20px;
    margin-bottom: 16px;
  }
  .dn-inc-cols,
  .dn-inc-how-list {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .dn-inc-how {
    padding: 24px 16px;
  }
  .dn-inc-head {
    font-size: 16px;
    letter-spacing: 0.16px;
  }
  .dn-inc-txt,
  .dn-inc-how-li {
    font-size: 14px;
    letter-spacing: 0.14px;
  }
  .dn-blog-section .dn-blog-title {
    font-size: 28px;
    margin-bottom: 30px;
  }
  .dn-blog-track {
    gap: 16px;
  }
  .dn-blog-col {
    flex: 0 0 100%;
    gap: 16px;
  }
  .dn-post {
    flex-direction: column;
    height: auto;
  }
  .dn-post-img {
    width: 100%;
    flex: none;
    height: 0;
    padding-top: 50%;
  }
  .dn-post-right {
    width: 100%;
    padding: 20px;
  }
  .dn-post-name {
    font-size: 14px;
    letter-spacing: 0.14px;
  }
  .dn-blog-bar {
    margin-top: 30px;
    gap: 8px;
  }
  .dn-blog-all {
    flex: 1 1 auto;
    width: auto;
    text-align: center;
    font-size: 16px;
    height: 48px;
    padding: 10px 16px;
  }
  .dn-faq-inner {
    gap: 30px;
  }
  .dn-faq-section .dn-faq-title {
    font-size: 28px;
  }
  button.dn-faq-btn {
    padding: 20px 32px 20px 0;
    font-size: 20px;
  }
  button.dn-faq-btn::after {
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background-size: 12px 1.5px, 1.5px 12px;
  }
  .dn-faq-item.is-open button.dn-faq-btn::after {
    background-size: 12px 1.5px;
  }
  .dn-faq-answer-inner {
    padding: 0 32px 20px 0;
  }
  .dn-faq-answer-inner p {
    font-size: 16px;
    line-height: 1.5;
  }
  .dn-world-top {
    gap: 20px;
    margin-bottom: 30px;
  }
  .dn-world-section .dn-world-title {
    font-size: 28px;
  }
  .dn-world-sub {
    font-size: 14px;
    letter-spacing: 0.14px;
    width: 100%;
  }
  .dn-cities {
    gap: 16px;
  }
  .dn-city {
    flex-direction: column;
    gap: 16px;
    padding: 0 0 12px;
  }
  .dn-site .dn-world-section .dn-cities {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .dn-site .dn-world-section .dn-city {
    flex-direction: column !important;
  }
  .dn-city-img,
  .dn-site img.dn-city-photo {
    width: 100%;
    height: auto;
    min-width: 0;
    border-radius: 16px 16px 0 0;
  }
  .dn-site .dn-world-section .dn-city-img {
    width: 100%;
    min-width: 0;
    height: auto;
    aspect-ratio: 1 / 1;
    flex: none;
  }
  .dn-site .dn-world-section img.dn-city-photo {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    aspect-ratio: 1 / 1;
    object-fit: cover !important;
    border-radius: 16px 16px 0 0 !important;
  }
  .dn-city-info {
    padding: 0 12px;
  }
  .dn-contact {
    flex-direction: column;
    align-items: stretch;
  }
  .dn-contact-info,
  .dn-form {
    width: 100%;
    min-width: 0;
  }
  .dn-contact-section .dn-contact-title {
    font-size: 28px;
    text-align: center;
    max-width: none;
    margin-bottom: 20px;
  }
  .dn-contact-title br {
    display: none;
  }
  .dn-contact-title .dn-contact-title-line {
    white-space: normal;
  }
  .dn-contact-look {
    font-size: 14px;
  }
  .dn-contact-info ul {
    margin-bottom: 30px;
    gap: 8px;
  }
  .dn-contact-info li {
    font-size: 16px;
  }
  .dn-contact-logos {
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
  }
  .dn-contact-logos a {
    height: 48px;
  }
  .dn-site img.dn-contact-logo,
  .dn-contact-logos img {
    width: 100%;
    height: 100%;
    max-height: 48px;
    object-fit: contain;
  }
  .dn-form {
    padding: 40px 20px;
    border-radius: 32px;
  }
  .dn-banner-section {
    padding: 24px 0 8px;
  }
  a.dn-brand-banner {
    border-radius: 16px;
  }
  .dn-foot-top {
    flex-direction: column;
    gap: 40px;
    margin-bottom: 0;
  }
  .dn-foot-left,
  .dn-foot-right {
    width: 100%;
  }
  .dn-foot-contact-box {
    gap: 40px;
  }
  h3.dn-cols-title {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .dn-foot-rating {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 40px;
  }
  .dn-foot-pills {
    flex-direction: column;
    width: 100%;
  }
  a.dn-foot-pill {
    width: 100%;
    min-width: 0;
  }
  .dn-foot-social {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 20px;
  }
  .dn-foot-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    margin-top: 40px;
  }
  .dn-foot-copy {
    white-space: normal;
  }
  .dn-foot-legal {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 20px;
  }
}

/* =========================================================
   Scroll fade-in (Ninja-style WOW / fadeInUp)
   Pre-hide targets while html.dn-anim is set (early head script),
   then one-time reveal via .dn-wow-in when they enter the viewport.
   ========================================================= */
.dn-anim .dn-hero-copy > *,
.dn-anim .dn-hero-photo,
.dn-anim .dn-hero .elementor-widget-heading,
.dn-anim .dn-hero .elementor-widget-text-editor,
.dn-anim .dn-hero .elementor-widget-button,
.dn-anim .dn-partners,
.dn-anim .dn-section > .dn-wrap > h2,
.dn-anim .dn-section > .dn-wrap > p,
.dn-anim .dn-section .elementor-widget-heading,
.dn-anim .dn-section .elementor-widget-text-editor,
.dn-anim .dn-section .elementor-widget-button,
.dn-anim .dn-svc-card,
.dn-anim .dn-challenge-card,
.dn-anim .dn-why-card,
.dn-anim .dn-ind-card,
.dn-anim .dn-case,
.dn-anim .dn-step,
.dn-anim .dn-plan,
.dn-anim .dn-review,
.dn-anim .dn-q,
.dn-anim .dn-award,
.dn-anim .dn-media-item,
.dn-anim .dn-stat,
.dn-anim .dn-brand-banner,
.dn-anim .dn-contact-info .elementor-widget,
.dn-anim .dn-contact .dn-form,
.dn-anim .dn-contact-logos,
.dn-anim .dn-toggle,
.dn-anim #dnFilters,
.dn-anim .dn-filters,
.dn-anim .dn-wow {
  opacity: 0;
  visibility: hidden;
  transform: translate3d(0, 20px, 0);
  will-change: opacity, transform;
}

.dn-anim .dn-wow-in,
.dn-anim .dn-wow.dn-wow-in {
  visibility: visible;
  animation: dn-fadeInUp 0.8s ease forwards;
}

/* Beat section wrap pre-hide (higher specificity than .dn-wow-in alone) */
.dn-anim .dn-section > .dn-wrap > h1.dn-wow-in,
.dn-anim .dn-section > .dn-wrap > h2.dn-wow-in,
.dn-anim .dn-section > .dn-wrap > p.dn-wow-in {
  visibility: visible;
  animation: dn-fadeInUp 0.8s ease forwards;
}

/* Beat #dnFilters / .dn-filters pre-hide once revealed */
.dn-anim #dnFilters.dn-wow-in,
.dn-anim .dn-filters.dn-wow-in {
  visibility: visible;
  animation: dn-fadeInUp 0.8s ease forwards;
}

@keyframes dn-fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .dn-anim .dn-hero-copy > *,
  .dn-anim .dn-hero-photo,
  .dn-anim .dn-hero .elementor-widget-heading,
  .dn-anim .dn-hero .elementor-widget-text-editor,
  .dn-anim .dn-hero .elementor-widget-button,
  .dn-anim .dn-partners,
  .dn-anim .dn-section > .dn-wrap > h2,
  .dn-anim .dn-section > .dn-wrap > p,
  .dn-anim .dn-section .elementor-widget-heading,
  .dn-anim .dn-section .elementor-widget-text-editor,
  .dn-anim .dn-section .elementor-widget-button,
  .dn-anim .dn-svc-card,
  .dn-anim .dn-challenge-card,
  .dn-anim .dn-why-card,
  .dn-anim .dn-ind-card,
  .dn-anim .dn-case,
  .dn-anim .dn-step,
  .dn-anim .dn-plan,
  .dn-anim .dn-review,
  .dn-anim .dn-q,
  .dn-anim .dn-award,
  .dn-anim .dn-media-item,
  .dn-anim .dn-stat,
  .dn-anim .dn-brand-banner,
  .dn-anim .dn-contact-info .elementor-widget,
  .dn-anim .dn-contact .dn-form,
  .dn-anim .dn-contact-logos,
  .dn-anim .dn-toggle,
  .dn-anim #dnFilters,
  .dn-anim .dn-filters,
  .dn-anim .dn-wow,
  .dn-anim .dn-wow-in,
  .dn-anim .dn-wow.dn-wow-in {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    animation: none !important;
  }
}

/* =========================================================
   Services page (/services/)
   ========================================================= */

/* Hero — match Ninja .hero-v2_services */
.dn-svc-hero {
  padding: 172px 0 200px;
  overflow: hidden;
  background: #000;
}

.dn-svc-hero-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 5%;
  padding-bottom: 80px;
}

.dn-svc-hero-copy {
  width: 605px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  flex-shrink: 0;
  padding-top: 0;
}

/* One combined pill — match Ninja .hero-section__labels */
.dn-svc-hero .dn-svc-labels {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: 8px;
  width: auto;
  padding: 8px 20px;
  margin: 0 0 16px;
  border-radius: 48px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.08);
}

.dn-svc-hero .dn-svc-label,
.dn-svc-hero .dn-svc-labels .dn-svc-label {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  height: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #d278fe !important;
  font-size: 14px !important;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.14px;
  white-space: nowrap;
}

.dn-svc-hero .dn-svc-label::after {
  content: "";
  display: inline-block;
  width: 4px;
  min-width: 4px;
  height: 4px;
  border-radius: 100%;
  background: #d278fe;
}

.dn-svc-hero .dn-svc-label:last-child::after {
  display: none;
}

/* Title + lead spacing/type — beat Elementor defaults */
.dn-svc-hero .elementor-element.dn-svc-hero-title {
  margin: 0 0 28px !important;
  width: 100%;
  max-width: 605px;
}

.dn-svc-hero .elementor-element.dn-svc-hero-lead-wrap {
  margin: 0 !important;
  width: 100%;
  max-width: 605px;
}

.dn-svc-hero .dn-svc-hero-lead-wrap p,
.dn-svc-hero .dn-svc-hero-lead-wrap .dn-svc-hero-lead,
.dn-svc-hero p.dn-svc-hero-lead {
  margin: 0 !important;
  font-family: "PP Neue Montreal", sans-serif !important;
  font-size: 20px !important;
  line-height: 28px !important;
  font-weight: 400 !important;
  color: #808080 !important;
  max-width: 605px;
}

.dn-svc-hero h1.dn-svc-hero-title,
.dn-svc-hero .dn-svc-hero-title {
  margin: 0 0 28px !important;
  font-family: "PP Neue Montreal", sans-serif !important;
  font-size: 40px !important;
  line-height: 44px !important;
  font-weight: 500 !important;
  color: #fff !important;
}

.dn-svc-hero .dn-svc-hero-title .elementor-heading-title,
.dn-svc-hero h1.elementor-heading-title {
  margin: 0 !important;
  font-family: "PP Neue Montreal", sans-serif !important;
  font-size: 40px !important;
  line-height: 44px !important;
  font-weight: 500 !important;
  color: #fff !important;
}

.dn-svc-hero-copy > a.dn-btn,
.dn-svc-hero-copy > .dn-btn {
  margin: 40px 0 0 !important;
}

/* CTA — Ninja btn is 48px tall, 40px above */
.dn-svc-hero .dn-svc-hero-copy > .elementor-widget-button {
  margin: 40px 0 0 !important;
}

.dn-svc-hero .dn-svc-hero-copy a.elementor-button,
.dn-svc-hero .dn-svc-hero-copy .elementor-button {
  min-height: 48px !important;
  height: 48px !important;
  padding: 0 20px !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
}

.dn-svc-hero .dn-trusted {
  font-size: 20px !important;
  line-height: 28px !important;
  font-weight: 400;
  color: #fff !important;
  margin: 30px 0 !important;
  text-align: center;
}

/* Team KPI line matches Ninja .hero-section__awards-title (16px) */
.dn-team-page .dn-team-hero .dn-svc-hero-row {
  padding-bottom: 120px;
}

.dn-team-page .dn-team-hero .dn-trusted {
  font-size: 16px !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;
  margin: 0 0 30px !important;
}

/* Elementor wraps media in its own widget — fill that column, don't use % of parent */
.dn-svc-hero-row > .elementor-widget,
.dn-svc-hero-row > .e-con {
  min-width: 0;
}

.dn-svc-hero-row > .elementor-widget-html,
.dn-svc-hero-row .dn-svc-hero-media {
  width: 517px;
  max-width: 100%;
  flex: 0 0 auto;
}

.dn-svc-hero-media {
  width: 100%;
  max-width: none;
  margin: 0;
}

.dn-svc-hero-media img,
.dn-svc-hero-media picture {
  width: 100%;
  height: auto;
  display: block;
}

/* Breadcrumbs — match Ninja .breadcrumbs-box (Home > Services) */
.dn-svc-hero .dn-wrap {
  position: relative;
}

.dn-crumbs {
  display: block;
  position: absolute;
  z-index: 3;
  left: 0;
  top: -40px;
  width: 100%;
  margin: 0;
  padding: 0;
}

.dn-crumbs-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.dn-crumbs-item {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.dn-crumbs-item a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.14px;
  text-decoration: none;
}

.dn-crumbs-item a:hover {
  color: #b3b3b3;
  text-decoration: none;
}

.dn-crumbs-item a::after {
  content: ">";
  display: inline-block;
  color: #b3b3b3;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.14px;
}

.dn-crumbs-item span {
  color: #b3b3b3;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.14px;
}

/* ---------------------------------------------------------
   Services page section rhythm (match Ninja services bands)
   Page canvas is WHITE (Ninja .white-v2) so rounded light
   bands cut into white — not the black body. Hero paints black.
   1 hero black → 2 approach #f6f6fa rounded overlap →
   3–4 help/services white → 5–7 expertise/cases/team dark →
   8–9 review/price #f6f6fa → 10 why white → 11 blog grey →
   12–13 faq/contact white → 14 world grey
   --------------------------------------------------------- */

.dn-site.dn-services-page {
  background: #fff !important;
}

.dn-services-page .dn-svc-hero {
  background: #000;
  color: #fff;
  border-radius: 0;
  margin: 0;
  z-index: 1;
}

.dn-services-page .dn-section {
  padding: 120px 0;
  position: relative;
  z-index: 1;
}

/* 2 .txt-v2 — light grey rounded overlapping band */
.dn-services-page .dn-approach-section {
  background: #f6f6fa;
  color: #4d4d4d;
  border-radius: 68px;
  margin-top: -60px;
  z-index: 2;
  padding: 120px 0;
}

/* 3 .help-v2 — white, top radius (invisible on white canvas; matches Ninja) */
.dn-services-page .dn-solve-section {
  background: #fff;
  color: #4d4d4d;
  border-radius: 68px 68px 0 0;
  margin-top: 0;
  z-index: 1;
}

/* 4 .services-v2 — white */
.dn-services-page .dn-svc2-section {
  background: #fff;
  color: #4d4d4d;
  border-radius: 0;
}

/* 5 .expertise-v2 — black, top radius */
.dn-services-page .dn-expertise-section {
  background: #000;
  color: #b3b3b3;
  border-radius: 68px 68px 0 0;
  z-index: 2;
}

/* 6 .works — black (override homepage white cases) */
.dn-services-page .dn-cases-section {
  background: #000;
  color: #b3b3b3;
  border-radius: 0;
  margin: 0;
}

/* 7 .dteam — black, bottom radius */
.dn-services-page .dn-team2-section {
  background: #000;
  color: #b3b3b3;
  border-radius: 0 0 68px 68px;
  z-index: 2;
}

/* 8 .review — #f6f6fa, top radius */
.dn-services-page .dn-reviews-section {
  background: #f6f6fa;
  color: #4d4d4d;
  border-radius: 68px 68px 0 0;
  z-index: 2;
}

/* 9 .dpackage — #f6f6fa, bottom radius */
.dn-services-page .dn-price-section {
  background: #f6f6fa;
  color: #4d4d4d;
  border-radius: 0 0 68px 68px;
  z-index: 2;
}

/* 10 .preferences-v2 — white */
.dn-services-page .dn-why2-section {
  background: #fff;
  color: #4d4d4d;
  border-radius: 68px 68px 0 0;
  z-index: 2;
}

/* 11 .blog — #f6f6fa rounded */
.dn-services-page .dn-blog-section {
  background: #f6f6fa;
  color: #4d4d4d;
  border-radius: 68px;
  z-index: 2;
}

/* 12 .faq — white */
.dn-services-page .dn-faq-section {
  background: #fff;
  color: #4d4d4d;
}

/* 13 .contacts — white */
.dn-services-page .dn-contact-section {
  background: #fff;
  color: #4d4d4d;
}

/* 14 .worldwide — #f6f6fa top radius */
.dn-services-page .dn-world-section {
  background: #f6f6fa;
  color: #4d4d4d;
  border-radius: 68px 68px 0 0;
  z-index: 2;
}

/* Light-band headings must beat .dn-section .elementor-heading-title {#fff !important} */
.dn-services-page .dn-approach-section .elementor-heading-title,
.dn-services-page .dn-approach-section h2,
.dn-services-page .dn-solve-section .elementor-heading-title,
.dn-services-page .dn-solve-section h2,
.dn-services-page .dn-svc2-section .elementor-heading-title,
.dn-services-page .dn-svc2-section h2,
.dn-services-page .dn-reviews-section .elementor-heading-title,
.dn-services-page .dn-reviews-section h2,
.dn-services-page .dn-price-section .elementor-heading-title,
.dn-services-page .dn-price-section h2,
.dn-services-page .dn-why2-section .elementor-heading-title,
.dn-services-page .dn-why2-section h2,
.dn-services-page .dn-blog-section .elementor-heading-title,
.dn-services-page .dn-blog-section h2,
.dn-services-page .dn-faq-section .elementor-heading-title,
.dn-services-page .dn-faq-section h2,
.dn-services-page .dn-contact-section .elementor-heading-title,
.dn-services-page .dn-contact-section h2,
.dn-services-page .dn-world-section .elementor-heading-title,
.dn-services-page .dn-world-section h2 {
  color: #000 !important;
}

.dn-services-page .dn-approach-section .elementor-widget-text-editor,
.dn-services-page .dn-approach-section .elementor-widget-text-editor p,
.dn-services-page .dn-solve-section .elementor-widget-text-editor,
.dn-services-page .dn-solve-section .elementor-widget-text-editor p,
.dn-services-page .dn-price-section .elementor-widget-text-editor,
.dn-services-page .dn-price-section .elementor-widget-text-editor p,
.dn-services-page .dn-world-section .elementor-widget-text-editor,
.dn-services-page .dn-world-section .elementor-widget-text-editor p {
  color: #4d4d4d !important;
}

/* What defines the modern approach (txt-v2) — stacked + 2-col + grid */
.dn-approach-title {
  margin: 0 0 20px !important;
  text-align: left;
}

.dn-approach-title .elementor-heading-title,
.dn-services-page .dn-approach-section .dn-approach-title .elementor-heading-title {
  margin: 0 !important;
  font-size: clamp(28px, 3.6vw, 48px) !important;
  line-height: 1.1 !important;
  font-weight: 500 !important;
  letter-spacing: 0.2px;
  color: #000 !important;
  font-family: "PP Neue Montreal", sans-serif !important;
}

/* Elementor text-editor resets p margin — space lives on the widget wrap */
.dn-approach-lead-wrap {
  margin: 0 0 60px !important;
  max-width: 980px;
}

.dn-approach-lead,
.dn-site .dn-approach-lead-wrap .elementor-widget-text-editor p.dn-approach-lead {
  margin: 0 !important;
  max-width: 980px;
  font-size: 20px !important;
  line-height: 1.4 !important;
  letter-spacing: 0.2px;
  color: #4d4d4d !important;
  font-family: "PP Neue Montreal", sans-serif !important;
  font-weight: 400;
}

.dn-approach-content {
  width: 100%;
  color: #4d4d4d;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: 0.2px;
}

.dn-approach-intro {
  margin: 0;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: 0.2px;
  color: #4d4d4d;
  font-weight: 400;
}

.dn-approach-list {
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 40px;
  width: 100%;
}

.dn-approach-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  padding: 0 0 0 32px;
  margin: 0;
  color: #4d4d4d;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: 0.2px;
  border: 0;
}

.dn-approach-item::before {
  content: "+";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 26px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  color: #000;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.1;
}

.dn-approach-item strong {
  display: block;
  color: #000;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: 0.2px;
}

.dn-approach-item br {
  display: none;
}

/* We solve real marketing challenges (help-v2) */
.dn-solve-intro {
  text-align: center;
  max-width: 796px;
  margin: 0 auto 60px;
}

.dn-solve-title {
  margin: 0 0 30px !important;
  text-align: center;
}

.dn-solve-title .elementor-heading-title,
.dn-services-page .dn-solve-section .dn-solve-title .elementor-heading-title {
  margin: 0 !important;
  font-size: clamp(32px, 3.6vw, 48px) !important;
  line-height: 1.1 !important;
  font-weight: 500 !important;
  letter-spacing: 0.2px;
  color: #000 !important;
  font-family: "PP Neue Montreal", sans-serif !important;
}

.dn-solve-sub,
.dn-site .dn-solve-section .elementor-widget-text-editor p.dn-solve-sub {
  margin: 0 !important;
  font-size: 20px !important;
  line-height: 1.4 !important;
  letter-spacing: 0.2px;
  color: #4d4d4d !important;
  font-family: "PP Neue Montreal", sans-serif !important;
}

.dn-solve-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 16px;
}

.dn-solve-card {
  background-color: #f6f6fa;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  border: 0;
  border-radius: 16px;
  padding: 24px;
  width: calc(33.333% - 10.67px);
  min-height: 156px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  transition: 0.3s ease;
}

.dn-solve-card:nth-child(1) {
  background-image: url("img/help/help-bg1.png");
}

.dn-solve-card:nth-child(3) {
  background-image: url("img/help/help-bg3.png");
}

.dn-solve-card:nth-child(5) {
  background-image: url("img/help/help-bg5.png");
}

.dn-solve-card:nth-child(6) {
  background-image: url("img/help/help-bg9.png");
}

.dn-solve-card:hover {
  filter: brightness(0.98);
}

.dn-solve-card p {
  margin: 0;
  color: #000;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.2px;
  min-height: 56px;
}

/* Full-service digital marketing solutions (services-v2) */
.dn-svc2-title {
  text-align: center;
  margin: 0 0 20px !important;
}

.dn-svc2-title .elementor-heading-title,
.dn-services-page .dn-svc2-section .dn-svc2-title .elementor-heading-title {
  margin: 0 !important;
  font-size: clamp(32px, 3.6vw, 48px) !important;
  line-height: 1.1 !important;
  font-weight: 500 !important;
  letter-spacing: 0.2px;
  color: #000 !important;
  font-family: "PP Neue Montreal", sans-serif !important;
  text-align: center;
}

.dn-svc2-sub-wrap {
  margin: 0 0 60px !important;
  text-align: center;
}

.dn-svc2-sub,
.dn-site .dn-svc2-sub-wrap .elementor-widget-text-editor p.dn-svc2-sub {
  margin: 0 !important;
  text-align: center;
  font-size: 20px !important;
  line-height: 1.4 !important;
  letter-spacing: 0.2px;
  color: #4d4d4d !important;
  font-weight: 400;
  font-family: "PP Neue Montreal", sans-serif !important;
}

/* Column-major layout (Ninja .services-v2__tab) */
.dn-svc2-grid {
  column-count: 2;
  column-gap: 15px;
  margin-bottom: 50px;
}

.dn-svc2-card {
  background: #f0f0f8;
  border: 0;
  border-radius: 16px;
  padding: 20px 16px;
  display: flex;
  flex-direction: column;
  gap: 0;
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  margin: 0 0 16px;
  transition: 0.3s ease;
  width: 100%;
  max-width: 100%;
}

.dn-svc2-card:hover {
  background: #eaeaf4;
}

.dn-svc2-name {
  color: #808080;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
  margin: 0 0 8px;
}

.dn-svc2-desc {
  margin: 0 0 16px;
  color: #4d4d4d;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.16px;
}

.dn-svc2-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.dn-svc2-list li {
  position: static;
  padding: 4px 12px;
  color: #4d4d4d;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0.14px;
  background: #fff;
  border-radius: 48px;
  border: 0;
}

.dn-svc2-list li::before {
  display: none;
}

.dn-services-page .dn-svc2-section .dn-cta-row {
  text-align: center;
}

/* Who do we run digital marketing for? (expertise-v2, dark) */
.dn-expertise-title {
  text-align: center;
  margin: 0 0 30px !important;
}

.dn-expertise-title .elementor-heading-title,
.dn-services-page .dn-expertise-section .dn-expertise-title .elementor-heading-title {
  margin: 0 !important;
  font-size: clamp(32px, 3.6vw, 48px) !important;
  line-height: 1.1 !important;
  font-weight: 500 !important;
  letter-spacing: 0.2px;
  color: #fff !important;
  font-family: "PP Neue Montreal", sans-serif !important;
  text-align: center;
}

.dn-expertise-sub-wrap {
  margin: 0 auto 60px !important;
  max-width: 796px;
  text-align: center;
}

.dn-expertise-sub,
.dn-site .dn-expertise-sub-wrap .elementor-widget-text-editor p.dn-expertise-sub {
  margin: 0 !important;
  text-align: center;
  max-width: 796px;
  font-size: 20px !important;
  line-height: 1.4 !important;
  letter-spacing: 0.2px;
  color: #b3b3b3 !important;
  font-family: "PP Neue Montreal", sans-serif !important;
}

.dn-expertise-grid,
.dn-biz-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.dn-expertise-grid {
  margin-bottom: 60px;
}

.dn-expertise-card,
.dn-biz-card {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  padding: 24px;
  display: block;
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: 0.3s ease;
}

.dn-expertise-card:hover,
.dn-biz-card:hover {
  border-color: rgba(255, 255, 255, 0.16);
}

.dn-expertise-ico,
.dn-biz-ico {
  display: inline;
  font-size: 24px;
  line-height: 1.2;
  margin-right: 4px;
  vertical-align: baseline;
}

.dn-expertise-name,
.dn-biz-name {
  display: inline;
  color: #808080 !important;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.2px;
}

.dn-expertise-card p,
.dn-biz-card p {
  display: block;
  margin: 12px 0 0;
  color: #b3b3b3;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.16px;
}

.dn-site h3.dn-biz-title,
.dn-biz-title {
  text-align: center;
  margin: 0 0 60px !important;
  font-size: clamp(32px, 3.6vw, 48px) !important;
  line-height: 1.1 !important;
  font-weight: 500 !important;
  letter-spacing: 0.2px;
  color: #fff !important;
  font-family: "PP Neue Montreal", sans-serif !important;
}

/* Cases on services — match Ninja works-v3 */
.dn-services-page .dn-cases-section {
  padding: 120px 0;
}

.dn-services-page .dn-cases-section .dn-cases-title,
.dn-services-page .dn-cases-section h2.dn-cases-title,
.dn-services-page .dn-cases-section .dn-cases-title .elementor-heading-title {
  color: #fff !important;
  font-size: 48px !important;
  line-height: 1.1 !important;
  font-weight: 500 !important;
  letter-spacing: 0.2px;
  margin: 0 0 20px !important;
}

.dn-services-page .dn-cases-section .dn-cases-sub,
.dn-services-page .dn-cases-section .dn-cases-sub p,
.dn-services-page .dn-cases-section .dn-cases-sub .elementor-widget-container p,
.dn-services-page .dn-cases-section .dn-cases-sub-wrap {
  color: #b3b3b3 !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.2px;
  margin: 0 0 60px !important;
  max-width: none;
}

/* Ninja services works-v3 has no industry filters */
.dn-services-page .dn-cases-section .dn-filters {
  display: none !important;
}

.dn-services-page .dn-cases-section .dn-case {
  background: rgba(255, 255, 255, 0.08);
  color: #b3b3b3;
  border-radius: 16px;
  padding: 20px;
}

.dn-services-page .dn-cases-section .dn-case h3,
.dn-services-page .dn-cases-section .dn-case h3 a {
  color: #fff !important;
  font-size: 24px !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
  letter-spacing: 0.16px;
  margin: 0 0 8px !important;
}

.dn-services-page .dn-cases-section .dn-tags {
  margin-bottom: 4px;
  gap: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.14px;
  text-transform: uppercase;
}

.dn-services-page .dn-cases-section .dn-tags span {
  background: transparent !important;
  color: inherit !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  display: inline !important;
}

.dn-services-page .dn-cases-section .dn-case-top {
  margin-bottom: 4px;
}

.dn-services-page .dn-cases-section .dn-case-bottom {
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}

.dn-services-page .dn-cases-section .dn-metrics {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.dn-services-page .dn-cases-section .dn-metric {
  border: 0.8px solid rgba(255, 255, 255, 0.16);
  color: #b3b3b3;
  background: transparent;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.14px;
  gap: 6px;
}

.dn-services-page .dn-cases-section .dn-metric b {
  color: #fff;
  font-weight: 700;
  font-size: 14px;
}

.dn-services-page .dn-cases-section .dn-case-more {
  border-top-color: rgba(255, 255, 255, 0.16);
}

.dn-services-page .dn-cases-section .dn-case-more-title {
  color: #fff;
}

.dn-services-page .dn-cases-section .dn-case-more p,
.dn-services-page .dn-cases-section .dn-case-more li {
  color: #b3b3b3;
}

.dn-services-page .dn-cases-section .dn-case-more li::before {
  background: #b3b3b3;
}

.dn-services-page .dn-cases-section .dn-more {
  color: #fff;
}

.dn-services-page .dn-cases-section .dn-btn-ghost {
  border-color: rgba(255, 255, 255, 0.24);
  color: #fff !important;
}

.dn-services-page .dn-cases-section .dn-btn-ghost:hover {
  border-color: #fff;
  color: #fff !important;
  background: transparent;
}

.dn-services-page .dn-cases-section .dn-case-toggle svg rect {
  stroke: #fff;
  stroke-opacity: 0.16;
}

.dn-services-page .dn-cases-section .dn-case-toggle svg path {
  stroke: #b3b3b3;
}

.dn-services-page .dn-cases-section .dn-case-logo img {
  filter: brightness(0) invert(1);
}

.dn-services-page .dn-cases-section .dn-case[data-cat="saas"] .dn-case-logo img {
  filter: none;
}

/* Meet your dedicated marketing team (dteam-section) */
.dn-team2-col {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 115px;
}

.dn-team2-left {
  flex: 0 1 508px;
  max-width: 508px;
}

.dn-team2-right {
  flex: 0 1 587px;
  max-width: 587px;
  width: 100%;
}

h2.dn-team2-title,
.dn-team2-title {
  text-align: left;
  margin: 0 0 20px !important;
  font-size: 48px !important;
  line-height: 1.1 !important;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: #fff !important;
}

.dn-team2-sub {
  text-align: left;
  margin: 0 0 60px;
  max-width: none;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.2px;
  color: #b3b3b3;
}

.dn-team2-facts {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  gap: 8px;
  margin-bottom: 0;
}

.dn-team2-fact {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: auto;
  min-height: 36px;
  width: auto;
  padding: 8px 16px 8px 8px;
  border-radius: 48px;
  border: 0.8px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.14px;
}

.dn-team2-fact-icon {
  width: 20px;
  height: 20px;
  display: block;
  flex-shrink: 0;
}

.dn-team2-fact-name {
  color: #fff;
}

.dn-role-grid {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 20px;
}

.dn-role-card {
  background: rgba(255, 255, 255, 0.08);
  border: 0.8px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  padding: 32px 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

.dn-role-photo {
  order: 2;
  width: 64px;
  height: auto;
  max-width: 64px;
  object-fit: contain;
  flex-shrink: 0;
  display: block;
}

/* Team Leads + Specialists use wide composite photos */
.dn-role-card:nth-child(5) .dn-role-photo,
.dn-role-card:nth-child(6) .dn-role-photo {
  width: 178px;
  max-width: 178px;
}

.dn-role-info {
  order: 1;
  flex: 1;
  min-width: 0;
}

.dn-role-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 8px;
}

.dn-role-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 12px;
  border-radius: 48px;
  border: 0.8px solid rgba(255, 255, 255, 0.16);
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.28px;
  line-height: 1.5;
  flex-shrink: 0;
}

.dn-role-name {
  margin: 0;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.2px;
}

.dn-role-card p {
  margin: 0;
  color: #b3b3b3;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.16px;
}

/* Reviews / pricing / blog / faq / contact / world — light text on services */
.dn-services-page .dn-reviews-section .dn-reviews-title,
.dn-services-page .dn-reviews-section h2.dn-reviews-title {
  color: #000;
}

.dn-services-page .dn-price-section .dn-price-title,
.dn-services-page .dn-price-section .dn-price-title .elementor-heading-title {
  color: #000 !important;
  font-size: 48px !important;
  line-height: 1.1 !important;
  margin: 0 0 20px !important;
}

.dn-services-page .dn-price-section .dn-price-sub,
.dn-services-page .dn-price-section .dn-price-sub .elementor-widget-container p {
  color: #4d4d4d !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  margin: 0 auto 60px !important;
}

/* Light toggle — white track, black active pill */
.dn-services-page .dn-price-section .dn-toggle {
  background: #fff;
  padding: 8px;
}

.dn-services-page .dn-price-section .dn-toggle button {
  color: #000;
  background: transparent;
}

.dn-services-page .dn-price-section .dn-toggle button.active {
  background: #000;
  color: #fff;
}

.dn-services-page .dn-price-section .dn-off {
  background: rgba(210, 120, 254, 0.16);
  color: #d278fe;
  padding: 3px 8px;
  border-radius: 4px;
  text-transform: uppercase;
}

/* White plan cards; Growth is the dark popular */
.dn-services-page .dn-price-section .dn-plans {
  align-items: stretch;
}

.dn-services-page .dn-price-section .dn-plan {
  background: #fff;
  border: 0;
  border-radius: 16px;
  color: #4d4d4d;
  min-height: 543px;
  height: 100%;
  padding: 48px 20px 32px;
  box-sizing: border-box;
  transition: background 0.25s ease, box-shadow 0.25s ease;
}

.dn-services-page .dn-price-section .dn-plan.popular {
  background: #000;
  border-radius: 24px;
  color: #fff;
  background-image: none;
  padding-top: 48px;
}

.dn-services-page .dn-price-section .dn-plan.popular::before {
  content: "Most popular";
  text-transform: none;
  background: linear-gradient(0deg, rgba(210, 120, 254, 0.32), rgba(210, 120, 254, 0.32)), #000;
  border-radius: 24px 24px 0 0;
}

.dn-services-page .dn-price-section .dn-plan-name {
  color: #000;
}

.dn-services-page .dn-price-section .dn-plan.popular .dn-plan-name {
  color: #fff;
}

.dn-services-page .dn-price-section .dn-plan-count {
  border: 0;
  background: #f0f0f8;
}

.dn-services-page .dn-price-section .dn-plan.popular .dn-plan-count {
  background: rgba(255, 255, 255, 0.08);
}

.dn-services-page .dn-price-section .dn-plan-hours {
  color: #000;
}

.dn-services-page .dn-price-section .dn-plan.popular .dn-plan-hours {
  color: #fff;
}

.dn-services-page .dn-price-section .dn-plan-usd {
  background: #333;
  background-image: linear-gradient(270deg, rgba(210, 120, 254, 0.2) 0%, rgba(45, 105, 251, 0.2) 100%);
  color: #fff;
}

.dn-services-page .dn-price-section .dn-plan.popular .dn-plan-usd {
  background: #d278fe;
  background-image: none;
}

.dn-services-page .dn-price-section .dn-plan-price {
  align-items: center;
  width: 100%;
}

.dn-services-page .dn-price-section .dn-plan-now {
  color: #000;
  font-size: 36px;
  font-weight: 500;
  line-height: 1.1;
  justify-content: center;
  text-align: center;
  width: 100%;
}

.dn-services-page .dn-price-section .dn-plan.popular .dn-plan-now {
  color: #fff;
}

.dn-services-page .dn-price-section .dn-plan-old {
  justify-content: center;
  width: 100%;
  text-align: center;
}

.dn-services-page .dn-price-section .dn-plan-per {
  color: #808080;
}

.dn-services-page .dn-price-section .dn-plan.popular .dn-plan-per {
  color: rgba(255, 255, 255, 0.64);
}

.dn-services-page .dn-price-section .dn-plan-old {
  color: #808080;
}

.dn-services-page .dn-price-section .dn-plan.popular .dn-plan-old {
  color: rgba(255, 255, 255, 0.48);
}

.dn-services-page .dn-price-section .dn-plan-line {
  background: #e6e6e6;
}

.dn-services-page .dn-price-section .dn-plan.popular .dn-plan-line {
  background: rgba(255, 255, 255, 0.16);
}

.dn-services-page .dn-price-section .dn-plan-spark svg path {
  fill: #000;
  fill-opacity: 0.16;
}

.dn-services-page .dn-price-section .dn-plan.popular .dn-plan-spark svg path {
  fill: #fff;
  fill-opacity: 0.16;
}

.dn-services-page .dn-price-section .dn-plan-li {
  color: #000;
}

.dn-services-page .dn-price-section .dn-plan.popular .dn-plan-li {
  color: #fff;
}

.dn-services-page .dn-price-section .dn-plan-li::before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANSSURBVHgBzZk/T9tAGMbfu5RAK0HiL5CaqROUTp0QYekCHboiVaIDHbIAG0MlQOrA1vQTtFUFS4dKFSxdGhSWdmlUPkBdvoAdIZWESr6+z2FHJjiJHewkj3TEf87yL8/l3nvvRVCfsu2LopTioVJU5NM5bnmvQQ6RsIiUJYSoua57bBh3K9SHRJzOtq0YoLHBL10PwEQVYCsMu8uwVtSHIgFegTV3hKB1SkAM+j4qaE9A2/7Ljsltiu9YL1lSyp2pqeyHbp26Atp2o5yUax0BBJVzuYnNjvfDLmJIhWh+5sMiDUSiplR20TCE035HhnYXl99oYHCQmvMMuaEbgBhWPECDV7Feb7xpv3htiDm2rfIMe0dDlFLupmHcK/vnLUCGMxkOQ2vScOUoNT7t/x5bQ8xTHqHEpOErL2Vz2z/RDnru/aYRErtowEXtoOfeSEnKSx1/tYOO04B7Jo2WnHx+wpDISigluLOzPzQ7+0C3et2J+3j+KmOScoFSEOCWl5/oT7STkyrFFdI5yflc4kE5CAetrDynpaWnFFfINYXjNH8muXK0w83MzFK1+oP6lMWzWJmUkMLgDg+/0i2UZwcbihIQJsH8/OMbcLnc7dJISQkIcEHnCoX7tL//6dZwEAAjzf+Dg4+6dYI7Pf3VgoNz+ExAzh0PsOtXPTr6QqXSmj6GS1tbr1r3SqWXacFBmCSi1qtXoWC2hmtv77VuV3BrGj4lOA0oOElc53hT7tUTLmEo/RUBkyBF57Q4gdkRWE68PLCn2iEhOFutfk8cDspkMkU/WbAp4rYyCAk4OAc3U5DFycK0DjPsYM8h9uXHNyxfKcKBqaI/8cfbZto0QlJKTaPyoB1E5srVg8gupi2URvyySGDTpF1E4pp0iSOuLHZv0QdsLXVwkcPNLg1ZqNcEi0rX1mLDmCgPc6jx7vZiUmhthsPOgEsfkKjl8+OP2q+GZjO85XsWZQlMUBUUj8JuhALi94hvM4jhxjs4IIdWtqCu+WAul93kGfWCDy1KXhzaaAPv6NYpYgn4wsTmnmFXKQHBNdcd2+3k2rW+FEMB0CLF30s7WFJdN/s2Chj1AxjU+fm/BS6EFxmWd4TC9DZfgX9D6FbjYaxImalNTo4dUx/6D1/lc0lGveWUAAAAAElFTkSuQmCC");
}

.dn-services-page .dn-price-section .dn-plan.popular .dn-plan-li::before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALzSURBVHgBzZk9j9MwGMcf9+X6Bi0IwbHASejEQuEDIJY7FmC6ESYWhNgRjCwwwdgN8QFguwn4BKxIUHQMCImDBZCAniC90jbh+bt26UvSs3NOm79kpY3t5Kd//DiPHUExFQRBng85LvooVJHVXPpcfC49Ll0hRJdiSNg0Zii0L6li1ZcGsID0GLZv2snoJgqsrMBcqEOGoHsCMhygymTv2F6Co4DcndVo5k0ZrkLuXIvSLkP+jqoMBVSPtEqDAJiHEEgtBg0mKzIRHWo0PzgIs0A1rGIKUD3WHM1feb73gcmTY4DcoEjJj7lZKqqgHGoIyBVZGkTrolVWMSA16mCZosfkPAW4iv4jgZR7BUqPitpF7VgaHu2k5FjUgPOcUkwlAXMqK0l07H161j258ya3id/LF/+uHVsvtAy6CbABLFH3hnA+nUD59bpw3qJ7DoCJTcpjcCyRD56evk0vLC6Rh42HKAHIKbgsva0/EOtkpz4czJJjhcEdvSQ2yF4ZADrN87696tTC4JYv0A7ZSziNXsB9fb70H07Q9sEz4npMOCkABjYd3j+kqygUBden+hDurNhYuUafKb4CK8CtR3Sl+zNooGzd9++M1n1/udRwDAfJIOmZts4fpm0esXKS7XniroZ8d89v+F267BgO8oXKvyqmPT48oXr7Y7DJvtckUIaage/cOS1PqFddzabXJKRSq3pOrDmEk9fMqBW/VaCs3qBm6RTPa+px40KlFafOQX2wyTmQXUS6ZZ1ywcnOF7pZOE6PV29Rk9xKLkc1II5HKF36wYC+nKjVerRN6RHcw87DWB7okeVYTEjYr/H0nyGgcvEPLV6edg8aexerjZxFPuo2M3RGT0wlC9wALsbabNyneureY4rKZpB9GL8CHQiGhK5T0rD91g5zTstkAxMLekzirjNvBCUCYuaYN90CxlAAZJHcCFBe2H7gpGw30TUoEgxbR/XLoG0CphV7PaKyIP0JQi++Rj9DoMhPEDSI0Fgzwz8/3CiHDDhoLwAAAABJRU5ErkJggg==");
}

/* Book a call — left text + circular arrow */
.dn-services-page .dn-price-section .dn-plan-btn {
  position: relative;
  justify-content: flex-start;
  text-align: left;
  border: 0.8px solid rgba(27, 25, 32, 0.12);
  color: #000 !important;
  background: transparent;
  padding: 13px 52px 13px 20px;
  transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.dn-services-page .dn-price-section .dn-plan-btn::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  width: 20px;
  height: 20px;
  top: 50%;
  margin-top: -10px;
  right: 20px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGVSURBVHgB7ZjrTcMwFIUPqANkA+4IMEFggmaDZgNGCCOwQUaImMAwAd3A2QA2KL5KIwX/cK59HfNQP+lIleLWX/2KbeDCP+cKOiqXe5cbl1vv2ejy5nJ0+URhGhfjchKGyx5QABazkIv5sVuJclcOCjE/vQshEwRdq4Vak6CEsI1cFknaWG4pWSGBvoDcnAGRtAXl5jSIwP6AoIWQVlnRO9L/4B4CjEJuHkuUKGnW5CqFnF8BJUoGZ3SjFOQ8KSWD3dxlENRKPi6Fdp4gQQZvn46B5zWmbdgrpm3XA6buJ6zzbdu2Qxp354qlcFmW5Bke9da4RjyazWf0Ky2lBbkS7q5xpdyzy8v5M0GwhEjgAZpjknSL3yTETZIuJJhjmdHIceqQoHahHpRyJwjGqVEIGqWcgYC9QnCu5CPxuwcIsUrJlFhEkGOybNZ6M6agXI8EeDbZAnJcByERwi8+dm4tmUVuKdlnlOMFPeksvEYL/eVR1PFSI2ogF+OyohObT44LzBrTLpi8Z7zjHjFdYha/wLzwZ/gCnFrUMa7HGMwAAAAASUVORK5CYII=") center center / contain no-repeat transparent;
}

.dn-services-page .dn-price-section .dn-plan-btn:hover {
  border-color: rgba(27, 25, 32, 0.12);
  color: #fff !important;
  background: #000;
}

.dn-services-page .dn-price-section .dn-plan-btn:hover::after {
  filter: invert(1);
}

/* Popular only: gradient CTA with white circle arrow */
.dn-services-page .dn-price-section .dn-plan.popular .dn-plan-btn {
  border: 1px solid transparent;
  color: #fff !important;
  background: linear-gradient(270deg, #d278fe 0%, #2d69fb 100%);
}

.dn-services-page .dn-price-section .dn-plan.popular .dn-plan-btn::after {
  filter: none;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHBSURBVHgB7ZiLTcMwEEAviAGyAWECygQNE7Qb0BWYoB2BDTpCxARuJyAbOBvABsedkkrGNE7Ol1gt6pNO+dhynmzHP4Ab/5wMFCBiTpeS4oFi4SU3FEeKOsuyb0gJia0pDI6H877C3HRiFuOxs4hyU1JUOB17igKmgAtCXa31YdWSM8rpJRPIuZI5SMG2n6SiksptMD3rcy5Zj6ClSwFpaWhAf/Rf3vkvuPZAJ1dDO4tI4T6/GsyFshnCp+rKiP3BzJBcjjqMU1as5K8/2m/iEnSU9IEd31B/aujyAvLmXroPvuAT6NkqJQv34T6UGICXT3UgfUmSJQkeWJLuWdKMLH8REhzLc1c7o3AkPylEs8YdyNEsPsVTWkwN8kcM1UgzkO+dau6Db7BdEBiIwBesYRwFhPvT7oxcKL9L05uC7YpZy9YpL2YsXIYEtQN1pZRj+gfqbvd1gHjykxzImvXEYXAHSIWvUIeh+MI4/myorm+51fEG6dlJMmuXXVL2IAXbP9ri/Fi84J2dxQveG1uc+HRhj9PBxyjyvfAI0Q3qD4/WMDedqBGIcd4VRDDFASZP7rwKLrzk0/bzmPwA88Y18QN2gh5vfzO10QAAAABJRU5ErkJggg==") center center / contain no-repeat transparent;
}

.dn-services-page .dn-price-section .dn-plan.popular .dn-plan-btn:hover {
  border: 1px solid #e6e6e6;
  color: #000 !important;
  background: #fff;
}

.dn-services-page .dn-price-section .dn-plan.popular .dn-plan-btn:hover::after {
  filter: invert(1);
}

/* Soft blue/purple glow hover (Ninja price-hover2) — keep white card */
.dn-services-page .dn-price-section .dn-plan:not(.popular):hover {
  background: url("img/price-hover2.png") center bottom / 100% 100% no-repeat #fff;
  box-shadow: 0 3px 8px rgba(58, 80, 172, 0.18);
}

.dn-services-page .dn-price-section .dn-plan:not(.popular):hover .dn-plan-li::before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIoSURBVHgBzZmBcaMwEEUXV0A6kCuIOzjTga8CuwOnA+UqiDvgOqCEkApIB6ID6GCzX0BCHDJGWALezI/CGOM3u2Mh5Igmwsx7GR4lGHeSuA2oJWWbd8lbFEU5hUakYsmzpGJ3jCSVKPJNK3Zhf6TeROVCTzytYrcwkiPdA/ut2m+8kCvctPSV56PAZ7oIFjw/r0MumwG5CzXTxtzs+Va75YQTL89T3ynqySkZUGZFy4JJfisTO8ZvLda0vBzAl0V3B7aCbfUMrYsHVLGroKb1ccafroKonqJ1UUsFHzbcrEoUBaAsS9putzZ1XTu+m3Cz2KPFfygAkEuSxI5Inuc0gUe0N2PPGGNYKcXyATan0+TpNfN+W7uW2+12fAcGgt6WUkNyVXXX5StiT0DEs5zFiyBEINTJQRTV9MHoFqdpajOnHLctNrfOyrLsU0Br/e21w+EQSg4Uo6aZoig4juMfksfjMaQcsNPMecyZ15IB29pH2wfwsWdfSyI4DiQHmrscO8yFfUmMOA7E1/JPDrTLOyGF21dAOZDCrVtuYRVb0brAsr+0C9Z2/X+h9fAfcvin/9CEKqLv4x+gw1BKkk7w86GpreI/Wp7nTm4QqeQLL8e4fRqed1+moxhy2fzi+JeandG5yCUJucLztNt9++1KEg8Uhv2Du9eZfCAXUtxs2/oCnfE/nfVEDbuDimlXsYgmws1KY0/NXqJq0/8ZAsEXLccoc9sbTeADKT4/39MKjO4AAAAASUVORK5CYII=");
}

.dn-services-page .dn-price-section .dn-plan.popular .dn-plan-usd {
  color: #000;
}

/* Included in all plans — light card like Ninja */
.dn-services-page .dn-price-section .dn-included-card {
  margin-top: 48px;
  padding: 40px;
  border: 0;
  border-radius: 32px;
  background: #fff;
  color: #4d4d4d;
}

.dn-services-page .dn-price-section .dn-inc-title {
  color: #000;
  font-size: 24px;
  font-weight: 400;
  margin: 0 0 20px;
}

.dn-services-page .dn-price-section .dn-inc-head {
  color: #000;
}

.dn-services-page .dn-price-section .dn-inc-txt {
  color: #4d4d4d;
}

.dn-services-page .dn-price-section .dn-inc-ico {
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-top: 5px;
  border-radius: 100%;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOeSURBVHgBzZnPSxtREMfnvcZo02qyoD3Ho/RQS2x7UpOT0F5qwF4MVP8Ck4MXEYwHPbSFxr9ACzm1oCcLemkETwVpemg9dvVYhV0RY2JhX2fWZNnE/NhfJPlAzL7dt+7XmX3zZkYGDlGU6yjn7IkQEMXhKH5C5Q+hAjAZQMiMsbymaQeSdD8HDmB2JiuKQAHFJD50wSTGKiQ2h2JXUaxs9SZLAm+FldKMwQJ4AArdsiq0pUBFKaDF+ArYt1grZM55emDA/6nZpKYCFaWY8cpqDQUwyASDfamG1+udJJcyVtrBwyi0BZYXwh+TJKbWXuF1p7Obb9A2cYQYLRvkDncEklvpBmg/0YuL4sfak1Uuxtg2hytsEzqIEFpKkgKZytgQiOLCKI5cG4bOogrRO1x5Hw0X45KnUBKGzhPivLRSGegWLFvvD3QRaEWJrKhbsGy9roLzGz3+6hZU1SJZLwwuKRSu9O9A4AF4gBoK9UmMspLy4nDF2dlfWF5eRJEFiMdnYHr6DbhFCBFD7/JJ8ICjo++6OGJ7+wtks1vG2CmUznHM5zwJyhMTMRgaemSM9/Z2YX09rVvWKZRrMlUt/fBy58hmN1HcV2M8ODgES0vpKvE2kFFgUQGPUyly8c7OZ2NMItfWPuDiCYBNVBIorM4md5kf3Izj499wfn5mjCOR55BMLoJdfHYmZzLv4PT0BJxQWUR2rUiBWrU6ORB4CG5w4mKyIAm09A6mUovoul9wddU6fOzv78LJiWyM43FHcVH2UTaLqzhsZTbtEPQutYJWsllcJPIMA/cMOED2MSZyGG9egwfQItrYeF8lbnw8BonEHDiBamqfpomfeABuMW91FaamXjkWR+Aul/NRxY+hxvJ72AjzVkckEvMo8CW4QO7v7znQwwxaMIMbcxpcMDb2Ag4PD+i3wezsWxgZeQxuoC6E/k0/ymWmAl0EGmyYOg96wkqZK3YPMtAlUGuk0hYxFU26FSlx9brFYReZ8sCKQKNoIitiuFmFDkP9GnNTqapwl6S+TCddTc+ubSbVDYAYdtrc+iBYPhTqfVp7tm5vBku+6dstsG3kqHlU70JdgfQ+0l/TDnfTM7B6q9vZInizm4NBfwpX1DweyuA9GNogSc9oNsliC/g6TMU9ip0DDyCraVrPaiOrVc0FG5iERsF+oa/Slqpp/g0rwsCJQDOXl/8msREeRbFYEbJwOac0/RtC/+TRjTnO7+Vp4wcH/AdZ0Gi+E+TYYAAAAABJRU5ErkJggg==") center center / contain no-repeat transparent;
}

.dn-services-page .dn-price-section .dn-inc-ico svg {
  display: none;
}

.dn-services-page .dn-price-section .dn-inc-how {
  margin-top: 20px;
  padding: 24px 47px;
  border-radius: 16px;
  background: url("img/package_bg.jpg") left top / 100% 100% no-repeat #f6f6fa;
}

.dn-services-page .dn-price-section .dn-inc-how-title {
  color: #000;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
}

.dn-services-page .dn-price-section .dn-inc-how-li {
  color: #4d4d4d;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.16px;
}

.dn-services-page .dn-price-section .dn-inc-how-li strong {
  font-weight: 600;
  color: #000;
}

.dn-services-page .dn-price-section .dn-inc-note {
  margin: 16px 0 0;
  color: #4d4d4d;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.16px;
}

/* blog-v2 match (ninjapromo services) */
.dn-services-page .dn-blog-section {
  padding: 120px 0;
}

.dn-services-page .dn-blog-section .dn-blog-title,
.dn-services-page .dn-blog-section .dn-blog-title .elementor-heading-title {
  color: #000 !important;
  text-align: left !important;
  margin: 0 0 20px !important;
  padding-right: 130px !important;
  font-size: 48px !important;
  line-height: 1.1 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

.dn-services-page .dn-blog-section .dn-wrap {
  position: relative;
}

.dn-services-page .dn-blog-section .dn-blog-body {
  width: 100%;
}

.dn-services-page .dn-blog-section .dn-blog-head {
  display: block;
  margin-bottom: 30px;
  position: relative;
  padding-right: 130px;
}

.dn-services-page .dn-blog-section .dn-blog-sub {
  margin: 0;
  max-width: none;
  width: 100%;
  color: #4d4d4d;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.2px;
  text-align: left;
}

.dn-services-page .dn-blog-section .dn-blog-head .dn-blog-arrows {
  position: absolute;
  right: 0;
  top: -58px;
  margin: 0;
  z-index: 2;
}

.dn-services-page .dn-blog-section .dn-blog-track {
  gap: 12px;
}

.dn-services-page .dn-blog-section .dn-post {
  flex: 0 0 calc((100% - 24px) / 3);
  width: calc((100% - 24px) / 3);
  height: auto;
  min-height: 0;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  background: #fff;
  border-radius: 16px;
  padding: 12px 12px 20px;
  color: #808080;
  overflow: hidden;
  box-shadow: none;
  border: 0;
}

.dn-services-page .dn-blog-section .dn-post-img {
  display: block;
  position: relative;
  width: 100%;
  flex: none;
  height: 0;
  padding-top: 60.5%;
  border-radius: 8px;
  overflow: hidden;
  line-height: 1;
}

.dn-services-page .dn-blog-section img.dn-post-photo {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
  transition: transform 0.5s ease;
}

.dn-services-page .dn-blog-section .dn-post:hover img.dn-post-photo {
  transform: scale(1.1);
}

.dn-services-page .dn-blog-section .dn-post-right {
  width: 100%;
  padding: 20px 0 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0;
  flex: 1;
  min-height: 165px;
}

.dn-services-page .dn-blog-section .dn-post-top {
  width: 100%;
  display: block;
}

.dn-services-page .dn-blog-section .dn-post-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  margin: 0 0 8px;
  width: 100%;
  text-transform: uppercase;
}

.dn-services-page .dn-blog-section .dn-post-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 16px;
  border: 1px solid #b3b3b3;
  border-radius: 48px;
  color: #4d4d4d;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.12px;
  text-transform: uppercase;
  background: transparent;
}

.dn-services-page .dn-blog-section .dn-post-name {
  display: block;
  color: #000;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.16px;
  margin: 0 0 30px;
  -webkit-line-clamp: unset;
  -webkit-box-orient: unset;
  overflow: visible;
}

.dn-services-page .dn-blog-section .dn-post-bottom {
  margin-top: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 0;
  width: 100%;
  color: #808080;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.14px;
}

.dn-services-page .dn-blog-section .dn-post-dot {
  font-size: 0;
  line-height: 1;
  display: inline-block;
  margin: 0 8px;
  width: 6px;
  min-width: 6px;
  height: 6px;
  background: #808080;
  border-radius: 100%;
  color: transparent;
}

.dn-services-page .dn-blog-section .dn-post time,
.dn-services-page .dn-blog-section .dn-post-bottom span:not(.dn-post-dot) {
  color: #808080;
  font-size: 14px;
  font-weight: 400;
}

.dn-services-page .dn-blog-section .dn-blog-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 60px;
}

.dn-services-page .dn-blog-section a.dn-blog-all {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 56px;
  padding: 13px 20px;
  border: 1px solid #b3b3b3;
  border-radius: 360px;
  background: transparent;
  color: #000;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.32px;
  box-sizing: border-box;
}

.dn-services-page .dn-blog-section a.dn-blog-all:hover {
  background: #b3b3b3;
  border-color: #000;
  color: #000;
}

.dn-services-page .dn-blog-section .dn-blog-arrows button {
  border: 1px solid #b3b3b3;
  background: transparent;
}

.dn-services-page .dn-blog-section .dn-blog-arrows button:hover {
  border-color: #000;
  background: transparent;
}

.dn-services-page .dn-blog-section .dn-post h3,
.dn-services-page .dn-blog-section .dn-post h3 a {
  color: #000;
}

@media (max-width: 1100px) {
  .dn-services-page .dn-blog-section .dn-post {
    flex: 0 0 calc((100% - 12px) / 2);
    width: calc((100% - 12px) / 2);
  }
}

@media (max-width: 700px) {
  .dn-services-page .dn-blog-section .dn-blog-title,
  .dn-services-page .dn-blog-section .dn-blog-title .elementor-heading-title {
    padding-right: 0 !important;
    font-size: 32px !important;
  }
  .dn-services-page .dn-blog-section .dn-blog-head {
    padding-right: 0;
    margin-bottom: 24px;
  }
  .dn-services-page .dn-blog-section .dn-blog-head .dn-blog-arrows {
    position: static;
    margin: 16px 0 0;
    justify-content: flex-start;
  }
  .dn-services-page .dn-blog-section .dn-post {
    flex: 0 0 100%;
    width: 100%;
  }
  .dn-services-page .dn-blog-section .dn-blog-sub {
    font-size: 16px;
  }
}

.dn-services-page .dn-faq-section {
  background: #fff;
  color: #4d4d4d;
  padding: 120px 0 120px;
}

.dn-services-page .dn-faq-section .dn-faq-inner,
.dn-services-page .dn-faq-section .dn-wrap.dn-faq-inner {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0 !important;
  width: min(100% - 40px, var(--dn-wrap)) !important;
  max-width: var(--dn-wrap) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;
  box-sizing: border-box;
}

.dn-services-page .dn-faq-section .dn-faq-inner > .elementor-element,
.dn-services-page .dn-faq-section .dn-faq-inner > .elementor-widget {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  align-self: stretch !important;
}

.dn-services-page .dn-faq-section .dn-faq-title,
.dn-services-page .dn-faq-section .elementor-element.dn-faq-title {
  color: #000 !important;
  text-align: left !important;
  margin: 0 0 48px !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

.dn-services-page .dn-faq-section .dn-faq-title .elementor-heading-title,
.dn-services-page .dn-faq-section .dn-faq-title .elementor-widget-container,
.dn-services-page .dn-faq-section .dn-faq-title h2 {
  color: #000 !important;
  text-align: left !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 48px !important;
  line-height: 1.1 !important;
  font-weight: 500 !important;
  width: 100% !important;
}

.dn-services-page .dn-faq-section .elementor-widget-html,
.dn-services-page .dn-faq-section .elementor-widget-html .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.dn-services-page .dn-faq-section .dn-faq {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(5, auto);
  grid-auto-flow: column;
  column-gap: 16px;
  row-gap: 16px;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.dn-services-page .dn-faq-section .dn-faq-item {
  margin: 0;
  padding: 0;
  background: #f6f6fa;
  border: 0;
  border-radius: 24px;
  overflow: hidden;
  transition: background 0.3s ease;
  box-shadow: none;
}

.dn-services-page .dn-faq-section .dn-faq-item:hover,
.dn-services-page .dn-faq-section .dn-faq-item.is-open {
  background: url("img/FAQ-hover.png") left top / 100% 100% repeat-y #f6f6fa;
  box-shadow: none;
}

.dn-services-page .dn-faq-section .dn-faq-item:last-child {
  border-bottom: 0;
}

.dn-services-page .dn-faq-section button.dn-faq-btn {
  position: relative;
  display: block;
  width: 100%;
  min-height: 64px;
  padding: 20px 76px 20px 24px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  outline: none;
  color: #000 !important;
  font-family: inherit;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.16px;
  text-align: left;
  text-transform: none;
  white-space: normal !important;
  overflow: visible;
  word-break: normal;
  cursor: pointer;
}

.dn-services-page .dn-faq-section button.dn-faq-btn:hover,
.dn-services-page .dn-faq-section button.dn-faq-btn:focus {
  background: transparent;
  color: #000 !important;
  outline: none;
  box-shadow: none;
}

.dn-services-page .dn-faq-section button.dn-faq-btn::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  width: 32px;
  height: 32px;
  margin-top: -16px;
  border-radius: 100%;
  border: 1px solid #b3b3b3;
  background-color: #fff;
  background-image: linear-gradient(#4d4d4d, #4d4d4d), linear-gradient(#4d4d4d, #4d4d4d);
  background-size: 12px 1.5px, 1.5px 12px;
  background-position: center;
  background-repeat: no-repeat;
  transition: border-color 0.3s;
  z-index: 1;
  transform: none;
}

.dn-services-page .dn-faq-section button.dn-faq-btn:hover::after {
  border-color: #000;
  background-color: #fff;
}

.dn-services-page .dn-faq-section .dn-faq-item.is-open button.dn-faq-btn::after {
  background-image: linear-gradient(#4d4d4d, #4d4d4d);
  background-size: 12px 1.5px;
  background-color: #fff;
  transform: none;
}

.dn-services-page .dn-faq-section .dn-faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
}

.dn-services-page .dn-faq-section .dn-faq-item.is-open .dn-faq-answer {
  max-height: 400px;
}

.dn-services-page .dn-faq-section .dn-faq-answer-inner {
  padding: 0 76px 20px 24px;
}

.dn-services-page .dn-faq-section .dn-faq-answer-inner p {
  margin: 0;
  color: #4d4d4d !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.16px;
}

.dn-services-page .dn-faq-section .dn-faq-answer-inner p + p {
  margin-top: 16px;
}

@media (max-width: 900px) {
  .dn-services-page .dn-faq-section .dn-faq {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    grid-auto-flow: row;
  }
  .dn-services-page .dn-faq-section .dn-faq-title,
  .dn-services-page .dn-faq-section .dn-faq-title .elementor-heading-title {
    font-size: 32px !important;
    margin-bottom: 32px !important;
  }
}

.dn-services-page .dn-faq-section .dn-q {
  background: #f6f6fa;
  color: #000;
  border-color: transparent;
}

.dn-services-page .dn-faq-section .dn-q-q,
.dn-services-page .dn-faq-section .dn-q-a {
  color: #000;
}

.dn-services-page .dn-faq-section .dn-q-a {
  color: #4d4d4d;
}

/* Contact / Book a call — contacts-v2 */
.dn-services-page .dn-contact-section {
  background: #fff;
  color: #4d4d4d;
  padding: 120px 0;
}

.dn-services-page .dn-contact-section .dn-contact,
.dn-services-page .dn-contact-section .dn-wrap.dn-contact {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 38px !important;
  width: min(100% - 40px, var(--dn-wrap)) !important;
  max-width: var(--dn-wrap) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.dn-services-page .dn-contact-section .dn-contact-info,
.dn-services-page .dn-contact-section .dn-contact-info.e-con {
  width: 571px;
  max-width: 100%;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}

.dn-services-page .dn-contact-section .dn-contact-title,
.dn-services-page .dn-contact-section .dn-contact-title .elementor-heading-title {
  color: #000 !important;
  text-align: left !important;
  margin: 0 0 20px !important;
  font-size: 48px !important;
  font-weight: 500 !important;
  line-height: 1.1 !important;
  max-width: 571px;
}

.dn-services-page .dn-contact-section .dn-contact-title em,
.dn-services-page .dn-contact-section .dn-contact-title .elementor-heading-title em {
  font-style: normal !important;
  color: #000 !important;
}

.dn-services-page .dn-contact-section .dn-contact-look,
.dn-services-page .dn-contact-section .dn-contact-look .elementor-heading-title,
.dn-services-page .dn-contact-section .dn-contact-look p {
  color: #4d4d4d !important;
  margin: 0 0 48px !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.2px !important;
}

.dn-services-page .dn-contact-section .dn-contact-info ul,
.dn-services-page .dn-contact-section .dn-contact-list ul {
  list-style: none !important;
  margin: 0 0 48px !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
  color: #000;
}

.dn-services-page .dn-contact-section .dn-contact-info li,
.dn-services-page .dn-contact-section .dn-contact-list li {
  position: relative;
  padding: 0 0 0 32px !important;
  margin: 0 !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.2px;
  color: #000 !important;
}

.dn-services-page .dn-contact-section .dn-contact-info li::before,
.dn-services-page .dn-contact-section .dn-contact-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  min-width: 20px;
  height: 20px;
  border-radius: 0;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOeSURBVHgBzZnPSxtREMfnvcZo02qyoD3Ho/RQS2x7UpOT0F5qwF4MVP8Ck4MXEYwHPbSFxr9ACzm1oCcLemkETwVpemg9dvVYhV0RY2JhX2fWZNnE/NhfJPlAzL7dt+7XmX3zZkYGDlGU6yjn7IkQEMXhKH5C5Q+hAjAZQMiMsbymaQeSdD8HDmB2JiuKQAHFJD50wSTGKiQ2h2JXUaxs9SZLAm+FldKMwQJ4AArdsiq0pUBFKaDF+ArYt1grZM55emDA/6nZpKYCFaWY8cpqDQUwyASDfamG1+udJJcyVtrBwyi0BZYXwh+TJKbWXuF1p7Obb9A2cYQYLRvkDncEklvpBmg/0YuL4sfak1Uuxtg2hytsEzqIEFpKkgKZytgQiOLCKI5cG4bOogrRO1x5Hw0X45KnUBKGzhPivLRSGegWLFvvD3QRaEWJrKhbsGy9roLzGz3+6hZU1SJZLwwuKRSu9O9A4AF4gBoK9UmMspLy4nDF2dlfWF5eRJEFiMdnYHr6DbhFCBFD7/JJ8ICjo++6OGJ7+wtks1vG2CmUznHM5zwJyhMTMRgaemSM9/Z2YX09rVvWKZRrMlUt/fBy58hmN1HcV2M8ODgES0vpKvE2kFFgUQGPUyly8c7OZ2NMItfWPuDiCYBNVBIorM4md5kf3Izj499wfn5mjCOR55BMLoJdfHYmZzLv4PT0BJxQWUR2rUiBWrU6ORB4CG5w4mKyIAm09A6mUovoul9wddU6fOzv78LJiWyM43FHcVH2UTaLqzhsZTbtEPQutYJWsllcJPIMA/cMOED2MSZyGG9egwfQItrYeF8lbnw8BonEHDiBamqfpomfeABuMW91FaamXjkWR+Aul/NRxY+hxvJ72AjzVkckEvMo8CW4QO7v7znQwwxaMIMbcxpcMDb2Ag4PD+i3wezsWxgZeQxuoC6E/k0/ymWmAl0EGmyYOg96wkqZK3YPMtAlUGuk0hYxFU26FSlx9brFYReZ8sCKQKNoIitiuFmFDkP9GnNTqapwl6S+TCddTc+ubSbVDYAYdtrc+iBYPhTqfVp7tm5vBku+6dstsG3kqHlU70JdgfQ+0l/TDnfTM7B6q9vZInizm4NBfwpX1DweyuA9GNogSc9oNsliC/g6TMU9ip0DDyCraVrPaiOrVc0FG5iERsF+oa/Slqpp/g0rwsCJQDOXl/8msREeRbFYEbJwOac0/RtC/+TRjTnO7+Vp4wcH/AdZ0Gi+E+TYYAAAAABJRU5ErkJggg==") center center / contain no-repeat transparent;
}

.dn-services-page .dn-contact-section .dn-contact-logos {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  width: 100%;
  max-width: 529px;
  margin-top: 0;
}

.dn-services-page .dn-contact-section .dn-contact-logos img,
.dn-services-page .dn-contact-section img.dn-contact-logo {
  width: 100%;
  height: 59px;
  object-fit: contain;
  object-position: center;
  filter: grayscale(1);
}

.dn-services-page .dn-contact-section .dn-form,
.dn-services-page .dn-contact-section .elementor-widget-html {
  flex: 0 0 601px;
  width: 601px;
  max-width: 100%;
}

.dn-services-page .dn-contact-section .dn-form {
  padding: 40px;
  background: url("img/contact-bg-dk.png") left top / 100% 100% no-repeat #f6f6fa;
  border-radius: 24px;
  color: #4d4d4d;
  box-shadow: none;
  border: 0;
}

.dn-services-page .dn-contact-section h3.dn-form-title {
  margin: 0 0 20px !important;
  color: #000 !important;
  font-size: 28px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.4px;
  text-align: center;
  text-transform: uppercase;
}

.dn-services-page .dn-contact-section .dn-form input[type="text"],
.dn-services-page .dn-contact-section .dn-form input[type="email"],
.dn-services-page .dn-contact-section .dn-form input[type="tel"] {
  margin: 0 0 20px;
  padding: 13px 0;
  color: #4d4d4d;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.16px;
  border-bottom: 1px solid #e6e6e6;
}

.dn-services-page .dn-contact-section .dn-form input::placeholder {
  color: #808080;
  font-weight: 400;
  font-size: 16px;
}

.dn-services-page .dn-contact-section .dn-phone {
  display: flex;
  align-items: center;
  min-height: 49px;
  height: 49px;
  margin: 0 0 20px;
  border-bottom: 1px solid #e6e6e6;
  box-sizing: border-box;
}

.dn-services-page .dn-contact-section .dn-phone input[type="tel"] {
  margin: 0 !important;
  padding: 13px 8px;
  border-bottom: 0;
  height: auto;
}

.dn-services-page .dn-contact-section .dn-phone-cc {
  padding: 13px 8px 13px 0;
  font-size: 16px;
  font-weight: 400;
  background: transparent !important;
  background-image: none !important;
}

.dn-services-page .dn-contact-section .dn-phone-opt {
  font-size: 16px;
  font-weight: 400;
  color: #808080;
}

.dn-services-page .dn-contact-section .dn-form-label {
  display: block;
  margin: 0 0 10px;
  color: #808080;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.16px;
}

.dn-services-page .dn-contact-section .dn-form-area {
  min-height: 48px;
  height: 48px;
  margin: 0 0 20px;
  padding: 8px 0;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #e6e6e6;
  border-radius: 0;
  color: #808080;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.16px;
  resize: none;
  overflow: hidden;
}

.dn-services-page .dn-contact-section .dn-form-area:focus {
  border-bottom-color: #000;
  outline: none;
}

.dn-services-page .dn-contact-section button.dn-form-submit {
  height: 48px;
  margin: 0;
  padding: 13px 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.32px;
}

.dn-services-page .dn-contact-section .dn-form-legal {
  margin-top: 20px;
  color: #4d4d4d;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.12px;
  text-align: center;
}

.dn-services-page .dn-contact-section .dn-form-legal a {
  color: #808080;
  text-decoration: underline;
}

@media (max-width: 1100px) {
  .dn-services-page .dn-contact-section .dn-contact,
  .dn-services-page .dn-contact-section .dn-wrap.dn-contact {
    flex-direction: column !important;
    gap: 40px !important;
  }
  .dn-services-page .dn-contact-section .dn-form,
  .dn-services-page .dn-contact-section .elementor-widget-html {
    flex: 1 1 auto;
    width: 100%;
  }
  .dn-services-page .dn-contact-section .dn-contact-title,
  .dn-services-page .dn-contact-section .dn-contact-title .elementor-heading-title {
    font-size: 32px !important;
  }
}

/* World / locations — worldwide-v2 (light vertical cards) */
.dn-services-page .dn-world-section {
  background: #f6f6fa;
  color: #4d4d4d;
  border-radius: 68px 68px 0 0;
  padding: 120px 0;
  z-index: 2;
}

.dn-services-page .dn-world-section .dn-wrap {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 60px !important;
}

.dn-services-page .dn-world-section .dn-world-top {
  width: 100%;
  margin: 0 !important;
  margin-block-end: 0 !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px !important;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}

.dn-services-page .dn-world-section .dn-world-top > .elementor-widget,
.dn-services-page .dn-world-section .dn-world-top .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

.dn-services-page .dn-world-section .dn-world-title,
.dn-services-page .dn-world-section .dn-world-title .elementor-heading-title {
  color: #000 !important;
  margin: 0 !important;
  font-size: 48px !important;
  font-weight: 500 !important;
  line-height: 1.1 !important;
  text-align: center !important;
}

.dn-services-page .dn-world-section .dn-world-sub,
.dn-services-page .dn-world-section .dn-world-sub .elementor-widget-container p,
.dn-services-page .dn-world-section .dn-world-sub-wrap .elementor-widget-container p {
  width: 610px !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  color: #4d4d4d !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.2px !important;
  text-align: center !important;
}

.dn-services-page .dn-world-section .dn-world-sub-wrap {
  margin: 0 !important;
  width: 100%;
}

.dn-services-page .dn-world-section .dn-cities {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 16px !important;
  width: 100%;
}

.dn-services-page .dn-world-section .dn-city {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  width: 100%;
  padding: 0 0 20px !important;
  background: #fff !important;
  border-radius: 16px !important;
  overflow: hidden;
}

.dn-services-page .dn-world-section .dn-city-img {
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  aspect-ratio: 1 / 1;
  line-height: 0;
  border-radius: 16px 16px 0 0 !important;
  overflow: hidden;
}

.dn-services-page .dn-world-section img.dn-city-photo,
.dn-services-page .dn-world-section .dn-site img.dn-city-photo,
.dn-services-page .dn-world-section .dn-city-img img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  aspect-ratio: 1 / 1;
  object-fit: cover !important;
  display: block;
  border-radius: 16px 16px 0 0 !important;
}

.dn-services-page .dn-world-section .dn-city-info {
  width: 100%;
  padding: 20px !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px !important;
}

.dn-services-page .dn-world-section .dn-city-name {
  color: #000 !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

.dn-services-page .dn-world-section .dn-city-txt,
.dn-services-page .dn-world-section .dn-city-meta {
  margin: 0 !important;
  color: #4d4d4d !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.16px;
}

@media (max-width: 1200px) {
  .dn-services-page .dn-world-section .dn-cities {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  .dn-services-page .dn-world-section {
    padding: 80px 0;
  }
  .dn-services-page .dn-world-section .dn-world-title,
  .dn-services-page .dn-world-section .dn-world-title .elementor-heading-title {
    font-size: 32px !important;
  }
  .dn-services-page .dn-world-section .dn-world-sub,
  .dn-services-page .dn-world-section .dn-world-sub .elementor-widget-container p,
  .dn-services-page .dn-world-section .dn-world-sub-wrap .elementor-widget-container p {
    width: 100% !important;
    font-size: 16px !important;
  }
  .dn-services-page .dn-world-section .dn-cities {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .dn-services-page .dn-world-section .dn-city-name {
    font-size: 20px !important;
  }
  .dn-services-page .dn-world-section .dn-city-txt,
  .dn-services-page .dn-world-section .dn-city-meta {
    font-size: 14px !important;
  }
}

/* Why brands rely on our approach (preferences-v2) */
.dn-why2-title {
  text-align: center;
  margin: 0 0 40px !important;
  margin-block-end: 40px !important;
  font-size: clamp(32px, 3.6vw, 48px);
  line-height: 1.1;
  font-weight: 500;
  color: #000;
}

.dn-why2-title .elementor-heading-title {
  margin: 0 !important;
  font-size: clamp(32px, 3.6vw, 48px) !important;
  line-height: 1.1 !important;
  font-weight: 500 !important;
  color: #000 !important;
}

.dn-services-page .dn-why2-section .dn-why2-title {
  margin: 0 0 40px !important;
  margin-block-end: 40px !important;
}

.dn-why2-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.dn-why2-card {
  background: #f6f6fa;
  border: 0;
  border-radius: 16px;
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Soft pastel corner glows — same pattern as Ninja preferences-v2 */
.dn-why2-card:nth-child(1) {
  background: url("/wp-content/uploads/dreamnight/img/media/pref-v2bg1.jpg") left top / 100% 100% no-repeat #f6f6fa;
}

.dn-why2-card:nth-child(3) {
  background: url("/wp-content/uploads/dreamnight/img/media/pref-v2bg2.jpg") left top / 100% 100% no-repeat #f6f6fa;
}

.dn-why2-card:nth-child(5) {
  background: url("/wp-content/uploads/dreamnight/img/media/pref-v2bg3.jpg") left top / 100% 100% no-repeat #f6f6fa;
}

.dn-why2-ico {
  font-size: 26px;
  line-height: 1;
}

.dn-services-page .dn-why2-section .dn-why2-card h3,
.dn-why2-card h3 {
  margin: 0;
  color: #000 !important;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.dn-why2-card p {
  margin: 0;
  color: #4d4d4d;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.16px;
}

/* Responsive */
@media (max-width: 1100px) {
  .dn-svc-hero {
    padding: 120px 0 60px;
  }
  .dn-svc-hero-row {
    flex-direction: column;
    gap: 40px;
    padding-bottom: 40px;
  }
  .dn-svc-hero-copy {
    width: 100%;
  }
  .dn-svc-hero-media {
    width: 100%;
    max-width: 100%;
  }
  .dn-approach-list {
    grid-template-columns: 1fr;
  }
  .dn-solve-card {
    width: calc(50% - 8px);
  }
  .dn-svc2-grid {
    column-count: 2;
  }
  .dn-expertise-grid,
  .dn-biz-grid,
  .dn-why2-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .dn-team2-col {
    flex-direction: column;
    gap: 48px;
  }
  .dn-team2-left,
  .dn-team2-right {
    flex: 1 1 auto;
    max-width: none;
    width: 100%;
  }
  .dn-team2-title {
    font-size: clamp(32px, 6vw, 40px);
  }
  .dn-services-page .dn-approach-section,
  .dn-services-page .dn-solve-section,
  .dn-services-page .dn-expertise-section,
  .dn-services-page .dn-team2-section,
  .dn-services-page .dn-reviews-section,
  .dn-services-page .dn-price-section,
  .dn-services-page .dn-why2-section,
  .dn-services-page .dn-blog-section,
  .dn-services-page .dn-world-section {
    border-radius: 32px;
  }
  .dn-services-page .dn-solve-section,
  .dn-services-page .dn-expertise-section,
  .dn-services-page .dn-reviews-section,
  .dn-services-page .dn-why2-section,
  .dn-services-page .dn-world-section {
    border-radius: 32px 32px 0 0;
  }
  .dn-services-page .dn-team2-section,
  .dn-services-page .dn-price-section {
    border-radius: 0 0 32px 32px;
  }
}

@media (max-width: 768px) {
  .dn-svc-hero-title {
    white-space: normal;
  }
  .dn-svc-hero .dn-svc-labels {
    flex-wrap: wrap;
    padding: 8px 16px;
  }
  .dn-svc-hero .dn-svc-label {
    height: auto;
    padding: 0;
    font-size: 13px;
  }
  .dn-crumbs {
    position: relative;
    top: 0;
    margin-bottom: 20px;
  }
  .dn-approach-lead,
  .dn-approach-intro,
  .dn-approach-item,
  .dn-approach-item strong,
  .dn-solve-sub,
  .dn-solve-card p {
    font-size: 16px;
  }
  .dn-solve-card {
    width: 100%;
  }
  .dn-svc2-grid {
    column-count: 1;
  }
  .dn-expertise-grid,
  .dn-biz-grid,
  .dn-why2-grid {
    grid-template-columns: 1fr;
  }
  .dn-team2-facts {
    justify-content: flex-start;
  }
  .dn-role-card {
    gap: 20px;
    padding: 24px 16px;
  }
  .dn-role-photo {
    width: 56px;
    max-width: 56px;
  }
  .dn-role-card:nth-child(5) .dn-role-photo,
  .dn-role-card:nth-child(6) .dn-role-photo {
    width: 140px;
    max-width: 140px;
  }
  .dn-services-page .dn-section {
    padding: 80px 0;
  }
}

/* Extend one-time scroll fade-in to services/industries elements */
.dn-anim .dn-svc-label,
.dn-anim .dn-svc-hero-media,
.dn-anim .dn-approach-item,
.dn-anim .dn-solve-card,
.dn-anim .dn-svc2-card,
.dn-anim .dn-expertise-card,
.dn-anim .dn-biz-card,
.dn-anim .dn-role-card,
.dn-anim .dn-why2-card {
  opacity: 0;
  visibility: hidden;
  transform: translate3d(0, 20px, 0);
  will-change: opacity, transform;
}

/* Beat the pre-hide rules above once IntersectionObserver reveals */
.dn-anim .dn-svc-hero-media.dn-wow-in,
.dn-anim .dn-svc-label.dn-wow-in,
.dn-anim .dn-approach-item.dn-wow-in,
.dn-anim .dn-solve-card.dn-wow-in,
.dn-anim .dn-svc2-card.dn-wow-in,
.dn-anim .dn-expertise-card.dn-wow-in,
.dn-anim .dn-biz-card.dn-wow-in,
.dn-anim .dn-role-card.dn-wow-in,
.dn-anim .dn-why2-card.dn-wow-in {
  visibility: visible;
  animation: dn-fadeInUp 0.8s ease forwards;
}

@media (prefers-reduced-motion: reduce) {
  .dn-anim .dn-svc-label,
  .dn-anim .dn-svc-hero-media,
  .dn-anim .dn-approach-item,
  .dn-anim .dn-solve-card,
  .dn-anim .dn-svc2-card,
  .dn-anim .dn-expertise-card,
  .dn-anim .dn-biz-card,
  .dn-anim .dn-role-card,
  .dn-anim .dn-why2-card {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }
}

/* =====================================================================
 * Industries page
 * ===================================================================== */
.dn-industries-page {
  background: #000;
  color: #fff;
}

.dn-industries-page .dn-ind-hero {
  padding: 172px 0 90px;
}

.dn-industries-page .dn-ind-hero .dn-svc-hero-title .elementor-heading-title,
.dn-industries-page .dn-ind-hero h1.dn-svc-hero-title,
.dn-industries-page .dn-ind-hero h1.elementor-heading-title {
  font-size: 64px !important;
  line-height: 0.96 !important;
  font-weight: 500 !important;
  color: #fff !important;
  max-width: 605px;
}

.dn-industries-page .dn-ind-hero .dn-grad-text,
.dn-industries-page .dn-ind-hero .elementor-heading-title .dn-grad-text,
.dn-industries-page .dn-ind-hero .elementor-heading-title span {
  background: var(--dn-grad-text);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.dn-industries-page .dn-ind-hero .dn-svc-hero-lead-wrap p,
.dn-industries-page .dn-ind-hero p.dn-svc-hero-lead {
  font-size: 20px !important;
  line-height: 28px !important;
  font-weight: 400 !important;
  color: #808080 !important;
  max-width: 560px;
}

.dn-industries-page .dn-ind-hero-cta {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 40px;
}

.dn-industries-page .dn-ind-hero-cta .dn-btn {
  flex: 0 0 auto;
  min-height: 48px;
  height: 48px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.dn-industries-page .dn-ind-hero-aside {
  flex: 1 1 180px;
  max-width: 280px;
  color: #4d4d4d;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.14px;
}

.dn-industries-page .dn-ind-hero .dn-svc-hero-media {
  max-width: 500px;
}

.dn-industries-page .dn-ind-hero .dn-svc-hero-media img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 0;
}

.dn-industries-page .dn-ind-section {
  padding: 90px 0;
  background: transparent;
}

.dn-industries-page .dn-ind-section .dn-ind-title,
.dn-industries-page .dn-ind-section .dn-ind-title .elementor-heading-title {
  color: #fff !important;
  text-align: center;
}

.dn-industries-page .dn-ind-section .dn-ind-sub,
.dn-industries-page .dn-ind-section .dn-ind-sub-wrap p {
  color: #808080 !important;
  text-align: center;
}

/* Cases block is light (Ninja industries) — beat dark-page heading defaults */
.dn-industries-page .dn-cases-section .dn-cases-title,
.dn-industries-page .dn-cases-section h2.dn-cases-title,
.dn-industries-page .dn-cases-section .dn-cases-title .elementor-heading-title {
  color: #000 !important;
  font-size: 48px !important;
  line-height: 1.1 !important;
  font-weight: 500 !important;
  text-align: center;
  margin: 0 0 20px !important;
}

.dn-industries-page .dn-cases-section .dn-cases-sub,
.dn-industries-page .dn-cases-section .dn-cases-sub p,
.dn-industries-page .dn-cases-section .dn-cases-sub-wrap,
.dn-industries-page .dn-cases-section .dn-cases-sub-wrap p {
  color: #4d4d4d !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  text-align: center;
  margin: 0 0 40px !important;
}

.dn-industries-page .dn-cases-section .dn-filters {
  display: flex !important;
}

/* Stats after pricing — white title on dark industries skin */
.dn-industries-page .dn-stats-section .dn-stats-title,
.dn-industries-page .dn-stats-section .dn-stats-title .elementor-heading-title,
.dn-industries-page .dn-stats-section .dn-stats-head h2 {
  color: #fff !important;
  text-align: center;
}

/* Our team mosaic (Ninja industries) */
.dn-team-mosaic-section {
  overflow: hidden;
}

h2.dn-team-mosaic-title,
.dn-team-mosaic-title .elementor-heading-title {
  text-align: center;
  color: #fff !important;
  font-size: 48px;
  line-height: 1.1;
  font-weight: 500;
  margin: 0 0 40px !important;
}

.dn-team-mosaic-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
  width: 100%;
}

.dn-team-mosaic-item {
  border-radius: 16px;
  overflow: hidden;
  line-height: 1;
  aspect-ratio: 1 / 1;
  background: #121212;
}

.dn-team-mosaic-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 16px;
  transition: transform 0.5s ease;
  filter: grayscale(1);
}

.dn-team-mosaic-item:hover .dn-team-mosaic-photo {
  transform: scale(1.12);
}

.dn-team-mosaic-stat {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  background: #121212;
  padding: 20px;
  box-sizing: border-box;
}

.dn-team-mosaic-count {
  color: #fff;
  font-size: 48px;
  line-height: 1.1;
  font-weight: 500;
}

.dn-team-mosaic-label {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 500;
  background-image: linear-gradient(270deg, #d278fe 0%, #2d69fb 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.dn-team-mosaic-c2 {
  background-image: linear-gradient(270deg, #f66979 0%, #d278fe 100%);
}

.dn-team-mosaic-c3 {
  background-image: linear-gradient(270deg, #fba05a 0%, #f66979 100%);
}

@media (max-width: 1100px) {
  .dn-team-mosaic-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  h2.dn-team-mosaic-title,
  .dn-team-mosaic-title .elementor-heading-title {
    font-size: 32px;
  }
  .dn-team-mosaic-count {
    font-size: 36px;
  }
  .dn-team-mosaic-label {
    font-size: 16px;
  }
}

@media (max-width: 700px) {
  .dn-team-mosaic-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
}

/* Industries pricing — match Ninja dark cards + Scale as popular CTA */
.dn-industries-page .dn-price-section .dn-plan-btn {
  position: relative;
  justify-content: flex-start;
  text-align: left;
  border: 1px solid rgba(255, 255, 255, 0.16);
  color: #fff !important;
  background: transparent;
  padding: 13px 52px 13px 20px;
  transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.dn-industries-page .dn-price-section .dn-plan-btn::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  width: 20px;
  height: 20px;
  top: 50%;
  margin-top: -10px;
  right: 20px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHBSURBVHgB7ZiLTcMwEEAviAGyAWECygQNE7Qb0BWYoB2BDTpCxARuJyAbOBvABsedkkrGNE7Ol1gt6pNO+dhynmzHP4Ab/5wMFCBiTpeS4oFi4SU3FEeKOsuyb0gJia0pDI6H877C3HRiFuOxs4hyU1JUOB17igKmgAtCXa31YdWSM8rpJRPIuZI5SMG2n6SiksptMD3rcy5Zj6ClSwFpaWhAf/Rf3vkvuPZAJ1dDO4tI4T6/GsyFshnCp+rKiP3BzJBcjjqMU1as5K8/2m/iEnSU9IEd31B/aujyAvLmXroPvuAT6NkqJQv34T6UGICXT3UgfUmSJQkeWJLuWdKMLH8REhzLc1c7o3AkPylEs8YdyNEsPsVTWkwN8kcM1UgzkO+dau6Db7BdEBiIwBesYRwFhPvT7oxcKL9L05uC7YpZy9YpL2YsXIYEtQN1pZRj+gfqbvd1gHjykxzImvXEYXAHSIWvUIeh+MI4/myorm+51fEG6dlJMmuXXVL2IAXbP9ri/Fi84J2dxQveG1uc+HRhj9PBxyjyvfAI0Q3qD4/WMDedqBGIcd4VRDDFASZP7rwKLrzk0/bzmPwA88Y18QN2gh5vfzO10QAAAABJRU5ErkJggg==") center center / contain no-repeat transparent;
}

.dn-industries-page .dn-price-section .dn-plan-btn:hover {
  border-color: #fff;
  color: #fff !important;
  background: transparent;
}

.dn-industries-page .dn-price-section .dn-plan.popular .dn-plan-btn {
  border: 1px solid transparent;
  color: #fff !important;
  background: linear-gradient(270deg, #d278fe 0%, #2d69fb 100%);
}

.dn-industries-page .dn-price-section .dn-plan.popular .dn-plan-btn:hover {
  border: 1px solid #e6e6e6;
  color: #000 !important;
  background: #fff;
}

.dn-industries-page .dn-price-section .dn-plan.popular .dn-plan-btn:hover::after {
  filter: invert(1);
}

.dn-industries-page .dn-price-section .dn-plan.popular .dn-plan-li::before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALzSURBVHgBzZk9j9MwGMcf9+X6Bi0IwbHASejEQuEDIJY7FmC6ESYWhNgRjCwwwdgN8QFguwn4BKxIUHQMCImDBZCAniC90jbh+bt26UvSs3NOm79kpY3t5Kd//DiPHUExFQRBng85LvooVJHVXPpcfC49Ll0hRJdiSNg0Zii0L6li1ZcGsID0GLZv2snoJgqsrMBcqEOGoHsCMhygymTv2F6Co4DcndVo5k0ZrkLuXIvSLkP+jqoMBVSPtEqDAJiHEEgtBg0mKzIRHWo0PzgIs0A1rGIKUD3WHM1feb73gcmTY4DcoEjJj7lZKqqgHGoIyBVZGkTrolVWMSA16mCZosfkPAW4iv4jgZR7BUqPitpF7VgaHu2k5FjUgPOcUkwlAXMqK0l07H161j258ya3id/LF/+uHVsvtAy6CbABLFH3hnA+nUD59bpw3qJ7DoCJTcpjcCyRD56evk0vLC6Rh42HKAHIKbgsva0/EOtkpz4czJJjhcEdvSQ2yF4ZADrN87696tTC4JYv0A7ZSziNXsB9fb70H07Q9sEz4npMOCkABjYd3j+kqygUBden+hDurNhYuUafKb4CK8CtR3Sl+zNooGzd9++M1n1/udRwDAfJIOmZts4fpm0esXKS7XniroZ8d89v+F267BgO8oXKvyqmPT48oXr7Y7DJvtckUIaage/cOS1PqFddzabXJKRSq3pOrDmEk9fMqBW/VaCs3qBm6RTPa+px40KlFafOQX2wyTmQXUS6ZZ1ywcnOF7pZOE6PV29Rk9xKLkc1II5HKF36wYC+nKjVerRN6RHcw87DWB7okeVYTEjYr/H0nyGgcvEPLV6edg8aexerjZxFPuo2M3RGT0wlC9wALsbabNyneureY4rKZpB9GL8CHQiGhK5T0rD91g5zTstkAxMLekzirjNvBCUCYuaYN90CxlAAZJHcCFBe2H7gpGw30TUoEgxbR/XLoG0CphV7PaKyIP0JQi++Rj9DoMhPEDSI0Fgzwz8/3CiHDDhoLwAAAABJRU5ErkJggg==");
}

@media (max-width: 900px) {
  .dn-industries-page .dn-ind-hero {
    padding: 120px 0 60px;
  }
  .dn-industries-page .dn-ind-hero .dn-svc-hero-title .elementor-heading-title,
  .dn-industries-page .dn-ind-hero h1.dn-svc-hero-title,
  .dn-industries-page .dn-ind-hero h1.elementor-heading-title {
    font-size: 36px !important;
    line-height: 1.05 !important;
  }
  .dn-industries-page .dn-ind-hero-cta {
    flex-direction: column;
    align-items: flex-start;
  }
  .dn-industries-page .dn-ind-hero-aside {
    max-width: 100%;
  }
  .dn-industries-page .dn-cases-section .dn-cases-title,
  .dn-industries-page .dn-cases-section .dn-cases-title .elementor-heading-title {
    font-size: 32px !important;
  }
}

/* =====================================================================
 * Success Stories page (Ninja /success-stories/)
 * Black canvas. Cases hero (dark cards + filters) -> experts -> reviews
 * -> pricing -> world -> contact.
 * ===================================================================== */
.dn-site.dn-success-page {
  background: #000 !important;
  color: #fff;
}

.dn-success-page .dn-section {
  padding: 120px 0;
  position: relative;
  z-index: 1;
}

.dn-success-page .dn-success-hero,
.dn-success-page .dn-cases-section {
  background: #000;
  color: #b3b3b3;
  border-radius: 0;
  margin: 0;
  padding: 172px 0 90px;
  border-bottom: 0.8px solid #4d4d4d;
}

.dn-success-page .dn-success-hero .dn-crumbs {
  position: relative;
  top: auto;
  left: auto;
  z-index: 1;
  width: 100%;
  margin: 0;
  padding: 0 0 44px;
  text-align: left;
}

.dn-success-page .dn-success-hero .dn-crumbs a,
.dn-success-page .dn-success-hero .dn-crumbs span {
  color: #808080;
  font-size: 16px;
}

.dn-success-page .dn-success-hero .dn-crumbs a:hover {
  color: #fff;
}

.dn-success-page .dn-cases-section .dn-cases-title,
.dn-success-page .dn-cases-section h1.dn-cases-title,
.dn-success-page .dn-cases-section .dn-cases-title .elementor-heading-title {
  color: #fff !important;
  font-size: 64px !important;
  line-height: 0.96 !important;
  font-weight: 500 !important;
  letter-spacing: 0.2px;
  text-align: center !important;
  margin: 0 0 20px !important;
  max-width: none;
  width: 100%;
}

.dn-success-page .dn-cases-section .dn-cases-sub-wrap {
  margin: 0 0 60px !important;
  padding: 0 !important;
  width: 100%;
}

.dn-success-page .dn-cases-section .dn-cases-sub,
.dn-success-page .dn-cases-section .dn-cases-sub p,
.dn-success-page .dn-cases-section .dn-cases-sub-wrap p {
  color: #808080 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;
  text-align: center !important;
  margin: 0 !important;
  max-width: none;
  width: 100%;
}

.dn-success-page .dn-cases-section .dn-filters {
  display: flex !important;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 auto 40px;
  max-width: 892px;
}

.dn-success-page .dn-cases-section .dn-filter {
  border: 0.8px solid #4d4d4d;
  color: #b3b3b3;
  border-radius: 360px;
  padding: 10px 20px;
  gap: 4px;
}

.dn-success-page .dn-cases-section .dn-filter-name {
  color: #b3b3b3;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
}

.dn-success-page .dn-cases-section .dn-filter-icon img {
  filter: brightness(0) invert(0.5);
  opacity: 1;
}

.dn-success-page .dn-cases-section .dn-filter:hover {
  border-color: #808080;
}

.dn-success-page .dn-cases-section .dn-filter:hover .dn-filter-name {
  background: linear-gradient(270deg, #d278fe 0%, #2d69fb 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.dn-success-page .dn-cases-section .dn-filter:hover .dn-filter-icon img {
  opacity: 0;
}

.dn-success-page .dn-cases-section .dn-filter:hover .dn-filter-icon:after {
  opacity: 1;
}

.dn-success-page .dn-cases-section .dn-filter.active {
  background: linear-gradient(270deg, #d278fe 0%, #2d69fb 100%);
  border-color: transparent;
}

.dn-success-page .dn-cases-section .dn-filter.active .dn-filter-name {
  color: #fff;
  -webkit-text-fill-color: #fff;
  background: none;
}

.dn-success-page .dn-cases-section .dn-filter.active .dn-filter-icon img {
  filter: brightness(0) invert(1);
  opacity: 1;
}

.dn-success-page .dn-cases-section .dn-filter.active:hover .dn-filter-icon img {
  opacity: 1;
}

.dn-success-page .dn-cases-section .dn-filter.active:hover .dn-filter-icon:after {
  opacity: 0;
}

.dn-success-page .dn-cases-section .dn-case {
  background: rgba(255, 255, 255, 0.08);
  color: #b3b3b3;
  border-radius: 16px;
  padding: 20px;
}

.dn-success-page .dn-cases-section .dn-case-top {
  align-items: center;
  margin-bottom: 4px;
}

.dn-success-page .dn-cases-section .dn-case-logo {
  min-height: 0;
  width: 160px;
  min-width: 160px;
}

.dn-success-page .dn-cases-section .dn-case-logo img {
  max-height: 36px;
  width: auto;
  max-width: 160px;
}

.dn-success-page .dn-cases-section .dn-case h3,
.dn-success-page .dn-cases-section .dn-case h3 a {
  color: #fff !important;
  font-size: 24px !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
  margin: 0 0 8px !important;
}

.dn-success-page .dn-cases-section .dn-case-bottom {
  margin-top: 0;
  gap: 8px;
}

.dn-success-page .dn-cases-section .dn-tags {
  margin-bottom: 4px;
  gap: 4px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.16px;
  text-transform: uppercase;
}

.dn-success-page .dn-cases-section .dn-tags span {
  background: transparent !important;
  color: inherit !important;
  padding: 0 !important;
  border: 0 !important;
}

.dn-success-page .dn-cases-section .dn-metric {
  border: 0.8px solid rgba(255, 255, 255, 0.16);
  color: #b3b3b3;
  background: transparent;
  padding: 8px 16px;
}

.dn-success-page .dn-cases-section .dn-metric b {
  color: #fff;
}

.dn-success-page .dn-cases-section .dn-case-more {
  border-top-color: rgba(255, 255, 255, 0.16);
}

.dn-success-page .dn-cases-section .dn-case-more-title {
  color: #fff;
}

.dn-success-page .dn-cases-section .dn-case-more p,
.dn-success-page .dn-cases-section .dn-case-more li {
  color: #b3b3b3;
}

.dn-success-page .dn-cases-section .dn-case-more li::before {
  background: #b3b3b3;
}

.dn-success-page .dn-cases-section .dn-more {
  color: #fff;
}

.dn-success-page .dn-cases-section .dn-btn-ghost {
  border: 0.8px solid #e6e6e6;
  color: #fff !important;
  padding: 16px 30px !important;
  min-height: 56px;
  border-radius: 360px;
}

.dn-success-page .dn-cases-section .dn-btn-ghost:hover {
  border-color: #fff;
  color: #fff !important;
  background: transparent;
}

.dn-success-page .dn-cases-section .dn-btn-arrow {
  padding: 16px 52px 16px 30px !important;
}

.dn-success-page .dn-cases-section .dn-btn-arrow::after {
  right: 16px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: 10px 10px;
}

.dn-success-page .dn-cases-section .dn-case-toggle svg rect {
  stroke: #fff;
  stroke-opacity: 0.16;
}

.dn-success-page .dn-cases-section .dn-case-toggle svg path {
  stroke: #b3b3b3;
}

.dn-success-page .dn-cases-section .dn-case-logo img {
  filter: brightness(0) invert(1);
}

.dn-success-page .dn-case[data-cat="saas"] .dn-case-logo img {
  filter: none;
}

/* Review mini — after cases (stars + logos + fit call) */
.dn-success-page .dn-review-mini {
  background: #000;
  padding: 100px 0;
  color: #fff;
  border-bottom: 0.8px solid #4d4d4d;
}

.dn-success-page .dn-review-mini-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 60px;
  margin: 0;
}

.dn-success-page .dn-review-mini-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.dn-success-page .dn-review-mini-stars {
  display: block;
  height: 36px;
  width: auto;
}

.dn-success-page .dn-review-mini-txt {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  text-align: center;
}

.dn-success-page .dn-review-mini-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
}

.dn-success-page .dn-review-mini-item {
  display: inline-flex;
  align-items: center;
  line-height: 1;
}

.dn-success-page .dn-review-mini-item img {
  display: block;
  height: 36px;
  width: auto;
  max-width: none;
}

.dn-success-page .dn-review-mini-item:last-child img {
  height: 43px;
}

.dn-success-page .dn-review-mini-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 60px;
}

.dn-success-page .dn-review-mini-btn > .elementor-widget-button {
  align-self: center;
}

.dn-success-page .dn-btn-fit {
  position: relative;
  display: inline-block;
  min-height: 48px;
  height: 48px;
  padding: 13px 52px 13px 20px;
  border-radius: 360px;
  border: 0;
  color: #fff !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  background: linear-gradient(270deg, #d278fe 0%, #2d69fb 100%);
  text-decoration: none;
  box-sizing: border-box;
}

.dn-success-page .dn-btn-fit::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  border-radius: 50%;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 8h10M9 4l4 4-4 4' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center center / 12px 12px no-repeat;
}

.dn-success-page .dn-btn-fit:hover {
  filter: brightness(1.05);
  color: #fff !important;
}

/* Creative / design work carousel */
.dn-success-page .dn-dworks-section {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  border-radius: 32px;
  margin: 90px 20px 0;
  padding: 60px 0;
  overflow: hidden;
}

.dn-success-page .dn-dworks-title { margin: 0 0 40px !important; padding: 0 !important; }

.dn-success-page .dn-dworks-viewport {
  overflow: hidden;
  width: 100%;
  margin: 0 0 32px;
}

.dn-success-page .dn-dworks-track {
  display: flex;
  flex-direction: row;
  gap: 32px;
  width: max-content;
  animation: dn-dworks-scroll 40s linear infinite;
}

.dn-success-page .dn-dworks-item {
  flex: 0 0 390px;
  width: 390px;
  border-radius: 16px;
  overflow: hidden;
  background: #121212;
}

.dn-success-page .dn-dworks-item img {
  display: block;
  width: 100%;
  height: 305px;
  object-fit: cover;
}

.dn-success-page .dn-dworks-cta {
  display: flex;
  justify-content: center;
}

.dn-success-page .dn-btn-behance {
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.24);
}

@keyframes dn-dworks-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.dn-success-page .dn-experts {
  background: #000;
  padding: 80px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

@media (max-width: 900px) {
  .dn-success-page .dn-review-mini-box {
    gap: 32px;
  }
  .dn-success-page .dn-dworks-section {
    margin: 60px 12px 0;
    border-radius: 24px;
  }
  .dn-success-page .dn-dworks-title,
  .dn-success-page .dn-dworks-title .elementor-heading-title {
    font-size: 32px !important;
  }
  .dn-success-page .dn-dworks-item {
    flex-basis: 280px;
    width: 280px;
  }
  .dn-success-page .dn-dworks-item img {
    height: 220px;
  }
}

.dn-success-page .dn-reviews-section {
  background: transparent !important;
  color: #808080;
  border-radius: 0 !important;
  padding: 90px 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

.dn-success-page .dn-reviews-section .dn-reviews-title,
.dn-success-page .dn-reviews-section .dn-reviews-title .elementor-heading-title,
.dn-success-page .dn-reviews-section h2.elementor-heading-title {
  color: #fff !important;
  font-size: 48px !important;
  line-height: 1.1 !important;
  font-weight: 500 !important;
  margin: 0 0 60px !important;
  text-align: center !important;
}

.dn-success-page .dn-price-section {
  background: transparent !important;
  color: #808080;
  border-radius: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

.dn-success-page .dn-price-section .dn-price-title,
.dn-success-page .dn-price-section .dn-price-title .elementor-heading-title {
  color: #fff !important;
  margin: 0 0 30px !important;
}

.dn-success-page .dn-price-section .dn-price-sub,
.dn-success-page .dn-price-section .dn-price-sub .elementor-widget-container p,
.dn-success-page .dn-price-section .dn-price-sub-wrap p {
  color: #b3b3b3 !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  max-width: 810px !important;
  margin: 0 auto 60px !important;
  text-align: center !important;
}

.dn-success-page .dn-price-section .dn-plan.popular .dn-plan-ul {
  margin-bottom: 26px !important;
}

.dn-success-page .dn-price-section .dn-plan:last-child .dn-plan-ul {
  margin-bottom: 20px !important;
}

.dn-success-page .dn-world-section {
  background: transparent !important;
  color: #808080;
  border-radius: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

.dn-success-page .dn-world-section .dn-world-title,
.dn-success-page .dn-world-section .dn-world-title .elementor-heading-title {
  color: #fff !important;
}
.dn-success-page .dn-contact-section {
  background: #000;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

.dn-success-page .dn-contact-section .dn-contact-title,
.dn-success-page .dn-contact-section .dn-contact-title .elementor-heading-title {
  color: #fff !important;
}

@media (max-width: 900px) {
  .dn-success-page .dn-cases-section {
    padding: 110px 0 60px;
  }
  .dn-success-page .dn-cases-section .dn-cases-title,
  .dn-success-page .dn-cases-section .dn-cases-title .elementor-heading-title {
    font-size: 36px !important;
  }
}

/* === dworks size fix (Ninja match) === */
.dn-success-page .dn-dworks-section {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #fff !important;
  border-radius: 32px !important;
  width: min(100% - 40px, var(--dn-wrap)) !important;
  max-width: var(--dn-wrap) !important;
  margin: 90px auto 0 !important;
  padding: 60px 0 !important;
  overflow: hidden !important;
}
.dn-success-page .dn-dworks-section .dn-wrap {
  width: 100% !important;
  max-width: none !important;
}
.dn-success-page .dn-dworks-title {
  margin: 0 0 40px !important;
  padding: 0 !important;
}
.dn-success-page .dn-dworks-title .elementor-heading-title,
.dn-success-page .dn-dworks-title h2 {
  color: #fff !important;
  font-size: 48px !important;
  line-height: 1.1 !important;
  font-weight: 500 !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 0 !important;
}
.dn-success-page .dn-dworks-viewport {
  overflow: hidden !important;
  width: 100% !important;
  margin: 0 0 40px !important;
}
.dn-success-page .dn-dworks-track {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  gap: 20px !important;
  width: max-content !important;
}
.dn-success-page .dn-dworks-item {
  flex: 0 0 390px !important;
  width: 390px !important;
  height: 305px !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background: #121212 !important;
}
.dn-success-page .dn-dworks-item img {
  display: block !important;
  width: 390px !important;
  height: 305px !important;
  max-width: none !important;
  object-fit: fill !important;
  border-radius: 16px !important;
}
.dn-success-page .dn-btn-behance {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  min-height: 64px !important;
  height: 64px !important;
  padding: 16px 30px !important;
  border-radius: 360px !important;
  border: 2px solid #e6e6e6 !important;
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  background: transparent !important;
}
.dn-success-page .dn-btn-behance svg {
  display: block !important;
  flex: 0 0 auto !important;
  width: 31px !important;
  height: 20px !important;
}
.dn-success-page .dn-btn-behance:hover {
  border-color: #fff !important;
  color: #fff !important;
  background: transparent !important;
  filter: none !important;
}
@media (max-width: 900px) {
  .dn-success-page .dn-dworks-section {
    margin: 60px auto 0 !important;
    border-radius: 24px !important;
  }
  .dn-success-page .dn-dworks-title .elementor-heading-title,
  .dn-success-page .dn-dworks-title h2 {
    font-size: 32px !important;
  }
  .dn-success-page .dn-dworks-item {
    flex-basis: 280px !important;
    width: 280px !important;
    height: 220px !important;
  }
  .dn-success-page .dn-dworks-item img {
    width: 280px !important;
    height: 220px !important;
  }
  .dn-success-page .dn-btn-behance {
    min-height: 56px !important;
    height: 56px !important;
    font-size: 16px !important;
    padding: 13px 24px !important;
  }
}

/* === video grid (Ninja after dworks) === */
.dn-success-page .dn-dworks-section {
  margin: 90px auto 90px !important;
}
.dn-success-page .dn-video-section {
  background: #000 !important;
  color: #fff !important;
  padding: 90px 0 !important;
  border-top: 0.8px solid #4d4d4d !important;
  border-bottom: 0.8px solid #4d4d4d !important;
  border-radius: 0 !important;
}
.dn-success-page .dn-video-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 590px)) !important;
  gap: 30px !important;
  justify-content: center !important;
  margin: 0 0 60px !important;
}
.dn-success-page .dn-video-item {
  position: relative !important;
  width: 100% !important;
  max-width: 590px !important;
  height: 335px !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background: #000 !important;
}
.dn-success-page .dn-video-item[hidden] {
  display: none !important;
}
.dn-success-page .dn-video-media {
  width: 100% !important;
  height: 100% !important;
  background: #000 !important;
}
.dn-success-page .dn-video-media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: 16px !important;
}
.dn-success-page .dn-video-info {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
  padding: 0 40px !important;
  background: rgba(0, 0, 0, 0.35) !important;
  opacity: 0 !important;
  transition: opacity 0.25s ease !important;
  pointer-events: none !important;
}
.dn-success-page .dn-video-item:hover .dn-video-info {
  opacity: 1 !important;
  pointer-events: auto !important;
}
.dn-success-page .dn-video-play {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #fff !important;
  cursor: pointer !important;
  text-align: left !important;
  box-sizing: border-box !important;
}
.dn-success-page .dn-video-play span {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}
.dn-success-page .dn-video-play svg {
  flex: 0 0 64px !important;
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
}
.dn-success-page .dn-video-cta {
  display: flex !important;
  justify-content: center !important;
}
.dn-success-page .dn-video-more-btn {
  min-height: 50px !important;
  height: 50px !important;
  padding: 10px 30px !important;
  border: 0.8px solid #fff !important;
  border-radius: 360px !important;
  color: #fff !important;
  background: transparent !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
}
.dn-success-page .dn-video-more-btn:hover {
  border-color: #fff !important;
  background: transparent !important;
  color: #fff !important;
}
@media (max-width: 900px) {
  .dn-success-page .dn-dworks-section {
    margin: 60px auto 60px !important;
  }
  .dn-success-page .dn-video-list {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
  .dn-success-page .dn-video-item {
    max-width: none !important;
    height: 220px !important;
  }
  .dn-success-page .dn-video-info {
    padding: 0 24px !important;
  }
  .dn-success-page .dn-video-play span {
    font-size: 18px !important;
  }
  .dn-success-page .dn-video-play svg {
    flex-basis: 48px !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
  }
}

.dn-success-page .dn-video-media video,
.dn-success-page .dn-video-el {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: 16px !important;
  background: #000 !important;
}

/* =========================================================
   Our Team page (/our-team/) — Ninja 12 sections
   ========================================================= */

.dn-team-page {
  background: #000;
  color: #fff;
}

/* Team hero — match Ninja .hero-v2_services (48px title, review-mini scale, fit-call arrow) */
.dn-team-page .dn-team-hero .dn-svc-hero-title,
.dn-team-page .dn-team-hero h1.dn-svc-hero-title {
  margin: 0 0 24px !important;
  max-width: 617px;
  font-family: "PP Neue Montreal", sans-serif !important;
  font-size: 48px !important;
  line-height: 1.1 !important;
  font-weight: 500 !important;
  color: #fff !important;
}

.dn-team-page .dn-team-hero .dn-svc-hero-title .dn-grad-text,
.dn-team-page .dn-team-hero h1 .dn-grad-text,
.dn-team-page .dn-team-hero .elementor-heading-title .dn-grad-text {
  background: var(--dn-grad-text);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

.dn-team-page .dn-team-hero p.dn-svc-hero-lead {
  margin: 0 0 40px !important;
  max-width: 617px;
  font-family: "PP Neue Montreal", sans-serif !important;
  font-size: 20px !important;
  line-height: 28px !important;
  font-weight: 500 !important;
  color: #b3b3b3 !important;
}

.dn-team-page .dn-team-hero a.dn-btn-fit {
  position: relative;
  display: inline-block;
  min-height: 54px;
  height: auto;
  padding: 16px 52px 16px 30px !important;
  border-radius: 360px;
  border: 0;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  background: linear-gradient(270deg, #d278fe 0%, #2d69fb 100%) !important;
  text-decoration: none;
  box-sizing: border-box;
}

.dn-team-page .dn-team-hero a.dn-btn-fit::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  border-radius: 50%;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 8h10M9 4l4 4-4 4' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center center / 12px 12px no-repeat;
}

.dn-team-page .dn-team-hero a.dn-btn-fit:hover {
  filter: brightness(1.05);
  color: #fff !important;
}

.dn-team-page .dn-review-mini-box--hero {
  display: flex;
  align-items: center;
  gap: 60px;
  margin-top: 40px;
  padding: 0;
  border: 0;
  background: transparent;
  border-radius: 0;
  width: 100%;
  max-width: 617px;
}

.dn-team-page .dn-review-mini-box--hero .dn-review-mini-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  flex-shrink: 0;
}

.dn-team-page .dn-review-mini-box--hero .dn-review-mini-stars {
  width: 206px !important;
  height: 36px !important;
  max-width: none;
  display: block;
}

.dn-team-page .dn-review-mini-box--hero .dn-review-mini-txt {
  color: #fff !important;
  font-family: "PP Neue Montreal", sans-serif;
  font-size: 20px !important;
  line-height: 28px !important;
  font-weight: 500 !important;
}

.dn-team-page .dn-review-mini-box--hero .dn-review-mini-list {
  display: flex;
  align-items: center;
  gap: 40px;
  flex-wrap: nowrap;
}

.dn-team-page .dn-review-mini-box--hero .dn-review-mini-item {
  display: inline-flex;
  align-items: center;
  line-height: 0;
}

.dn-team-page .dn-review-mini-box--hero .dn-review-mini-item img {
  height: 36px !important;
  width: auto !important;
  max-width: none;
  display: block;
}

.dn-team-page .dn-review-mini-box--hero .dn-review-mini-item:last-child img {
  height: 43px !important;
}

.dn-team-page .dn-team-vet {
  background: #fff;
  color: #000;
  padding: 120px 0;
}

.dn-team-page .dn-team-vet-title,
.dn-team-page .dn-team-vet-sub {
  text-align: center;
  max-width: 1210px;
  margin-left: auto;
  margin-right: auto;
}

.dn-team-page .dn-team-vet-title {
  margin: 0 0 20px;
  font-family: "PP Neue Montreal", sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.1;
  color: #000 !important;
}

.dn-team-page .dn-team-vet-sub {
  margin: 0 0 60px;
  color: #4d4d4d;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 400;
}

.dn-team-page .dn-team-vet-list {
  display: grid;
  gap: 20px;
  max-width: 1210px;
  margin: 0 auto;
  padding: 60px 68px;
  border-radius: 32px;
  background-color: #f6f6fa;
  background-image:
    url("/wp-content/uploads/dreamnight/img/media/vet-bg.jpg"),
    radial-gradient(ellipse 85% 70% at 12% 88%, rgba(255, 196, 168, 0.55) 0%, transparent 58%),
    radial-gradient(ellipse 75% 65% at 88% 22%, rgba(210, 120, 254, 0.35) 0%, transparent 55%),
    linear-gradient(180deg, #fafafa 0%, #f3f2f8 100%);
  background-size: 100% 100%, auto, auto, auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  box-sizing: border-box;
}

.dn-team-page .dn-team-vet-item {
  position: relative;
  display: grid;
  grid-template-columns: 318px 318px 318px;
  gap: 60px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 1074px;
  margin: 0 auto;
  padding: 0 0 10px;
  box-sizing: border-box;
}

.dn-team-page .dn-team-vet-item::before,
.dn-team-page .dn-team-vet-item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  border-radius: 8px;
}

.dn-team-page .dn-team-vet-item::before {
  width: 100%;
  background: #fff;
  z-index: 1;
}

.dn-team-page .dn-team-vet-item::after {
  z-index: 3;
}

.dn-team-page .dn-team-vet-item:nth-child(1)::after {
  width: 100%;
  background: linear-gradient(270deg, rgba(210, 120, 254, 0.2) 0%, rgba(45, 105, 251, 0.2) 100%);
}

.dn-team-page .dn-team-vet-item:nth-child(2)::after {
  width: 166px;
  background: #2d69fb;
}

.dn-team-page .dn-team-vet-item:nth-child(3)::after {
  width: 84px;
  background: #d278fe;
}

.dn-team-page .dn-team-vet-item:nth-child(4)::after {
  width: 28px;
  background: #f66979;
}

.dn-team-page .dn-team-vet-item:nth-child(5)::after {
  width: 6px;
  background: #fba05a;
}

.dn-team-page .dn-team-vet-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  padding: 24px 20px 24px 0;
}

.dn-team-page .dn-team-vet-step {
  display: inline-block;
  margin: 0;
  padding: 2px 12px;
  border-radius: 48px;
  border: 0.8px solid rgba(100, 108, 126, 0.2);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #4d4d4d;
}

.dn-team-page .dn-team-vet-head {
  margin: 0;
  font-family: "PP Neue Montreal", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.1;
  color: #000 !important;
}

.dn-team-page .dn-team-vet-mid {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.dn-team-page .dn-team-vet-count {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  color: #333;
}

.dn-team-page .dn-team-vet-count strong {
  display: block;
  font-family: "PP Neue Montreal", sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 44px;
  color: inherit;
}

.dn-team-page .dn-team-vet-item:nth-child(2) .dn-team-vet-count {
  color: #2d69fb;
}

.dn-team-page .dn-team-vet-item:nth-child(3) .dn-team-vet-count {
  color: #d278fe;
}

.dn-team-page .dn-team-vet-item:nth-child(4) .dn-team-vet-count {
  color: #f66979;
}

.dn-team-page .dn-team-vet-item:nth-child(5) .dn-team-vet-count {
  color: #fba05a;
}

.dn-team-page .dn-team-vet-count span {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  color: inherit;
}

.dn-team-page .dn-team-vet-mid p {
  margin: 0;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
  color: #4d4d4d;
}

.dn-team-page .dn-team-vet-img img {
  width: 100%;
  max-width: 318px;
  height: auto;
  display: block;
}

.dn-team-page .dn-team-vet-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  max-width: 1210px;
  margin: 60px auto 0;
  padding: 34px 36px;
  border-radius: 24px;
  background: #000;
  box-sizing: border-box;
}

.dn-team-page .dn-team-vet-stat {
  background: transparent;
  border-radius: 0;
  padding: 0;
  text-align: center;
}

.dn-team-page .dn-team-vet-stat strong {
  display: block;
  margin: 0 0 8px;
  font-family: "PP Neue Montreal", sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 44px;
  color: #fff;
}

.dn-team-page .dn-team-vet-stat span {
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
  color: #b3b3b3;
}

.dn-team-page .dn-team-cta-experts {
  background: #000;
  padding: 90px 0;
}

.dn-team-page .dn-team-cta-experts .dn-wrap {
  max-width: 1210px;
}

.dn-team-page .dn-team-cta-experts-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
  margin: 0 auto;
  max-width: 1210px;
  width: 100%;
  padding: 60px;
  text-align: center;
  border-radius: 32px;
  background: linear-gradient(270deg, #d278fe 0%, #2d69fb 100%);
  box-sizing: border-box;
  overflow: hidden;
}

.dn-team-page .dn-team-cta-experts-title {
  margin: 0;
  max-width: 100%;
  font-family: "PP Neue Montreal", sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.1;
  color: #fff;
}

.dn-team-page .dn-team-cta-experts-img {
  width: 100%;
  max-width: 758px;
  height: auto;
  margin: 0;
  display: block;
}

.dn-team-page .dn-team-talents {
  background: #f6f6fa;
  color: #000;
  padding: 120px 0;
}

.dn-team-page .dn-team-talents-title {
  text-align: center;
  margin: 0 0 20px;
  font-family: "PP Neue Montreal", sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.1;
  color: #000;
}

.dn-team-page .dn-team-talents-sub {
  text-align: center;
  max-width: 548px;
  margin: 0 auto 60px;
  font-size: 20px;
  line-height: 32px;
  font-weight: 400;
  color: #4d4d4d;
}

.dn-team-page .dn-team-talents-labels {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 0 0 40px;
  width: 100%;
}

.dn-team-page .dn-team-talents-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: auto;
  padding: 8px 16px 8px 8px;
  border-radius: 48px;
  border: 0;
  background-color: #fff;
  background-image: url("img/talent3.jpg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: left top;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
  color: #4d4d4d;
}

.dn-team-page .dn-team-talents-label:nth-child(2) {
  background-image: url("img/talent1.jpg");
}

.dn-team-page .dn-team-talents-label:nth-child(3) {
  background-image: url("img/talent5.jpg");
}

.dn-team-page .dn-team-talents-label:nth-child(4) {
  background-image: url("img/talent4.jpg");
}

.dn-team-page .dn-team-talents-label:last-child {
  background-image: url("img/talent2.jpg");
}

.dn-team-page .dn-team-talents-label img {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  display: block;
}

.dn-team-page .dn-team-talents-viewport {
  overflow: hidden;
  padding: 40px 0 48px;
  width: 100%;
}

.dn-team-page .dn-team-talents-viewport::-webkit-scrollbar {
  display: none;
}

.dn-team-page .dn-team-talents-track {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 0;
  width: max-content;
  padding: 0;
  animation: dn-talent-marquee 90s linear infinite;
  will-change: transform;
}

.dn-team-page .dn-team-talents-viewport:hover .dn-team-talents-track {
  animation-play-state: paused;
}

@keyframes dn-talent-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.dn-team-page .dn-team-talent-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 369px;
  flex: 0 0 369px;
  margin: 0 16px 0 0;
  padding: 16px;
  background: #fff;
  border-radius: 24px;
  overflow: hidden;
  border: 0;
  box-sizing: border-box;
  position: relative;
  bottom: 0;
  transition: 0.85s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  cursor: pointer;
}

.dn-team-page .dn-team-talent-card:hover {
  background: #fff url("img/talent-bg.png") left top / 100% 100% no-repeat;
  bottom: 2rem;
}

.dn-team-page .dn-team-talent-card:hover .dn-team-talent-role {
  text-decoration: underline;
}

.dn-team-page .dn-team-talent-photo {
  width: 337px;
  max-width: 100%;
  height: 337px;
  object-fit: cover;
  display: block;
  border-radius: 20px;
}

.dn-team-page .dn-team-talent-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 0;
}

.dn-team-page .dn-team-talent-role {
  margin: 0 0 12px;
  font-family: "PP Neue Montreal", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2;
  color: #000;
}

.dn-team-page .dn-team-talent-about {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  width: 100%;
  margin: 0 0 24px;
}

.dn-team-page .dn-team-talent-more {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}

.dn-team-page .dn-team-talent-name {
  margin: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  color: #808080;
}

.dn-team-page .dn-team-talent-meta {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0;
}

.dn-team-page .dn-team-talent-meta span {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: 48px;
  border: 0.8px solid rgba(27, 25, 32, 0.12);
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  color: #4d4d4d;
  white-space: nowrap;
}

.dn-team-page .dn-team-talent-divider {
  display: block;
  width: 100%;
  height: 12px;
}

.dn-team-page .dn-team-talent-work {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 12px;
}

.dn-team-page .dn-team-talent-work-txt {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  color: #808080;
}

.dn-team-page .dn-team-talent-logo {
  height: 40px;
  width: auto;
  max-width: 120px;
  object-fit: contain;
  display: block;
}

.dn-team-page .dn-team-talents-nav {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 40px;
}

.dn-team-page .dn-team-talents-nav button {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #fff;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.dn-team-page .dn-team-conference,
.dn-team-page .dn-team-trust,
.dn-team-page .dn-team-join,
.dn-pricing-page .dn-team-plan,
.dn-team-page .dn-team-plan {
  padding: 80px 0;
}

.dn-team-page .dn-team-conference {
  background: #000;
  padding: 120px 0;
  overflow: hidden;
  border-bottom: 0.8px solid #4d4d4d;
}

.dn-team-page .dn-team-conference-title {
  margin: 0 0 60px;
  font-family: "PP Neue Montreal", sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.1;
  text-align: center;
  color: #fff;
}

.dn-team-page .dn-team-plan-title {
  margin: 0 0 32px;
  font-size: clamp(28px, 3.5vw, 40px);
  font-weight: 500;
  text-align: center;
}

.dn-team-page .dn-team-conference-marquee {
  overflow: hidden;
  width: 100%;
}

.dn-team-page .dn-team-conference-track {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: max-content;
  /* duration set in JS to ~60px/s (Ninja Splide autoScroll) */
  animation: dn-conf-marquee 178s linear infinite;
  will-change: transform;
}

.dn-team-page .dn-team-conference-marquee:hover .dn-team-conference-track {
  animation-play-state: paused;
}

@keyframes dn-conf-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.dn-team-page .dn-team-conference-card {
  flex: 0 0 455px !important;
  width: 455px !important;
  max-width: 455px !important;
  margin: 0 30px 0 0 !important;
  background: transparent;
  border: 0;
  box-sizing: border-box;
  align-self: flex-start;
}

.dn-team-page .dn-team-conference-img {
  width: 455px !important;
  height: 512px !important;
  min-width: 455px !important;
  min-height: 512px !important;
  max-width: 455px !important;
  max-height: 512px !important;
  aspect-ratio: 455 / 512;
  margin: 0 0 20px !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  line-height: 0;
  background: #111;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.dn-team-page .dn-team-conference-img img {
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  border-radius: 0 !important;
}

.dn-team-page .dn-team-conference-name {
  margin: 0;
  font-family: "PP Neue Montreal", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  text-align: center;
  color: #b3b3b3;
  -webkit-font-smoothing: antialiased;
}

.dn-team-page .dn-team-conference-ph {
  aspect-ratio: 4/5;
  border-radius: 16px;
  background: linear-gradient(145deg, #1a1a1a, #2d2d2d);
  margin-bottom: 12px;
}

.dn-team-page .dn-team-trust {
  background: #000;
  padding: 120px 0;
  border-bottom: 0.8px solid #4d4d4d;
}

.dn-team-page .dn-team-trust-title {
  margin: 0 0 60px;
  font-family: "PP Neue Montreal", sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.1;
  text-align: center;
  color: #fff;
}

.dn-team-page .dn-team-trust-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.dn-team-page .dn-team-trust-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  min-height: 272px;
  padding: 32px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.08);
  border: 0;
  box-sizing: border-box;
}

.dn-team-page .dn-team-trust-logo {
  line-height: 0;
}

.dn-team-page .dn-team-trust-logo img {
  display: block;
  height: 30px;
  width: auto;
  max-width: 140px;
  object-fit: contain;
}

.dn-team-page .dn-team-trust-bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  gap: 12px;
  margin-top: auto;
}

.dn-team-page .dn-team-trust-review {
  display: block;
  width: 136px;
  height: 136px;
  object-fit: contain;
}

.dn-team-page .dn-team-trust-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #b3b3b3;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  white-space: nowrap;
}

.dn-team-page .dn-team-trust-link:hover {
  color: #fff;
}

.dn-team-page .dn-team-trust-link svg {
  display: block;
  flex-shrink: 0;
}

.dn-team-page .dn-team-trust-btn {
  text-align: center;
  margin-top: 60px;
}

.dn-team-page .dn-team-trust-btn a.dn-btn-fit {
  position: relative;
  display: inline-block;
  min-height: 54px;
  height: auto;
  padding: 16px 52px 16px 30px !important;
  border-radius: 360px;
  border: 0;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  background: linear-gradient(270deg, #d278fe 0%, #2d69fb 100%) !important;
  text-decoration: none;
  box-sizing: border-box;
}

.dn-team-page .dn-team-trust-btn a.dn-btn-fit::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  border-radius: 50%;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 8h10M9 4l4 4-4 4' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center center / 12px 12px no-repeat;
}

.dn-team-page .dn-team-trust-btn a.dn-btn-fit:hover {
  filter: brightness(1.05);
  color: #fff !important;
}

.dn-team-page .dn-team-join {
  background: #000;
  color: #808080;
  padding: 90px 0;
}

.dn-team-page .dn-team-join-title {
  margin: 0 0 60px;
  font-family: "PP Neue Montreal", sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.1;
  text-align: center;
  color: #fff;
}

.dn-team-page .dn-team-join-list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 30px;
  margin: 0;
}

.dn-team-page .dn-team-join-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  height: 100px;
  padding: 30px;
  border-radius: 16px;
  background: #121212;
  color: #808080;
  text-decoration: none;
  font-family: "PP Neue Montreal", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}

.dn-team-page .dn-team-join-name {
  flex: 0 1 auto;
  width: 575px;
  max-width: 48%;
  color: #fff;
}

.dn-team-page .dn-team-join-label {
  flex: 0 1 auto;
  width: 230px;
  color: #808080;
}

.dn-team-page .dn-team-join-item svg {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: block;
}

.dn-team-page .dn-team-join-btn {
  text-align: center;
  margin-top: 60px;
}

.dn-team-page .dn-team-join-btn a.dn-btn-join-all {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 52px;
  padding: 10px 30px;
  border-radius: 360px;
  border: 2px solid #333;
  background: transparent;
  color: #fff !important;
  text-decoration: none;
  font-family: "PP Neue Montreal", sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.4px;
  line-height: 28px;
}

.dn-team-page .dn-team-join-btn a.dn-btn-join-all:hover {
  border-color: #666;
  color: #fff !important;
}

/* Our Team + Pricing media: white section (Ninja .background-white — 6.8rem top radius) */
.dn-team-page .dn-media-section,
.dn-pricing-page .dn-media-section {
  background: #fff !important;
  color: #4d4d4d;
  padding: 120px 0;
  border-radius: 68px 68px 0 0 !important;
  overflow: hidden;
  position: relative;
  z-index: 2;
  isolation: isolate;
}

.dn-team-page .dn-media-section .dn-media-title .elementor-heading-title,
.dn-team-page .dn-media-section h2.dn-media-title,
.dn-pricing-page .dn-media-section .dn-media-title .elementor-heading-title,
.dn-pricing-page .dn-media-section h2.dn-media-title {
  color: #000 !important;
}

.dn-team-page .dn-media-section .dn-forbes-txt,
.dn-pricing-page .dn-media-section .dn-forbes-txt {
  color: #4d4d4d;
}

.dn-team-page .dn-media-section img.dn-forbes-img,
.dn-pricing-page .dn-media-section img.dn-forbes-img {
  filter: none;
}

.dn-team-page .dn-media-section .dn-media-btn,
.dn-pricing-page .dn-media-section .dn-media-btn {
  color: #333 !important;
  border: 2px solid #333;
  background: transparent;
}

.dn-team-page .dn-media-section .dn-media-btn:hover,
.dn-pricing-page .dn-media-section .dn-media-btn:hover {
  color: #000 !important;
  border-color: #000;
  background: transparent;
}

.dn-team-page .dn-media-section .dn-media-more,
.dn-pricing-page .dn-media-section .dn-media-more {
  padding-top: 120px;
}

.dn-team-page .dn-media-section .dn-media-arrows,
.dn-pricing-page .dn-media-section .dn-media-arrows {
  display: none !important;
}

.dn-team-page .dn-media-section .dn-media-viewport,
.dn-pricing-page .dn-media-section .dn-media-viewport {
  overflow: visible;
}

.dn-team-page .dn-media-section .dn-media-grid,
.dn-pricing-page .dn-media-section .dn-media-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  width: 100%;
}

.dn-team-page .dn-media-section .dn-media-grid .dn-media-card,
.dn-pricing-page .dn-media-section .dn-media-grid .dn-media-card {
  flex: none;
  width: auto;
  min-height: 177px;
  height: auto;
  padding: 30px;
  border-radius: 16px;
  background-color: #f6f6fa;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  gap: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  text-decoration: none;
  box-sizing: border-box;
}

.dn-team-page .dn-media-section .dn-media-grid .dn-media-card:nth-child(1),
.dn-team-page .dn-media-section .dn-media-grid .dn-media-card:nth-child(8),
.dn-pricing-page .dn-media-section .dn-media-grid .dn-media-card:nth-child(1),
.dn-pricing-page .dn-media-section .dn-media-grid .dn-media-card:nth-child(8) {
  background-image: url("img/team/media-card.jpg");
}

.dn-team-page .dn-media-section .dn-media-grid .dn-media-card:nth-child(2),
.dn-pricing-page .dn-media-section .dn-media-grid .dn-media-card:nth-child(2) {
  background-image: url("img/team/media-card1.jpg");
}

.dn-team-page .dn-media-section .dn-media-grid .dn-media-card:nth-child(3),
.dn-team-page .dn-media-section .dn-media-grid .dn-media-card:nth-child(6),
.dn-pricing-page .dn-media-section .dn-media-grid .dn-media-card:nth-child(3),
.dn-pricing-page .dn-media-section .dn-media-grid .dn-media-card:nth-child(6) {
  background-image: url("img/team/media-card2.jpg");
}

.dn-team-page .dn-media-section .dn-media-grid .dn-media-icon,
.dn-pricing-page .dn-media-section .dn-media-grid .dn-media-icon {
  height: 30px;
  margin-bottom: 0;
}

.dn-team-page .dn-media-section .dn-media-grid .dn-media-name,
.dn-pricing-page .dn-media-section .dn-media-grid .dn-media-name {
  color: #4d4d4d;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.16px;
  text-decoration: none;
}

.dn-team-page .dn-media-section .dn-media-grid .dn-media-card:hover .dn-media-name,
.dn-pricing-page .dn-media-section .dn-media-grid .dn-media-card:hover .dn-media-name {
  text-decoration: underline;
}

@media (max-width: 1024px) {
  .dn-team-page .dn-media-section .dn-media-grid,
  .dn-pricing-page .dn-media-section .dn-media-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .dn-team-page .dn-media-section .dn-media-grid,
  .dn-pricing-page .dn-media-section .dn-media-grid {
    grid-template-columns: 1fr;
  }
}

.dn-pricing-page .dn-team-plan,
.dn-team-page .dn-team-plan {
  background: #000;
  padding: 120px 0;
  border-bottom: 0;
}

/* Ninja pricing: .section-title — must beat .dn-section h2 clamp (64px) */
.dn-pricing-page .dn-team-plan .dn-team-plan-title {
  margin: 0 0 20px !important;
  font-family: "PP Neue Montreal", sans-serif;
  font-size: 28px !important;
  font-weight: 500 !important;
  line-height: 1.1 !important;
  text-align: center;
  color: #fff !important;
}

.dn-pricing-page .dn-team-plan .dn-team-plan-title br {
  display: none;
}

@media (min-width: 1230px) {
  .dn-pricing-page .dn-team-plan .dn-team-plan-title {
    font-size: 48px !important;
    margin-bottom: 30px !important;
  }

  .dn-pricing-page .dn-team-plan .dn-team-plan-title br {
    display: block;
  }
}

.dn-team-page .dn-team-plan-title {
  margin: 0 0 30px;
  font-family: "PP Neue Montreal", sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.1;
  text-align: center;
  color: #fff;
}

.dn-pricing-page .dn-team-plan .dn-team-plan-title em {
  display: inline-block;
  margin: 0;
  padding: 6px 10px;
  border-radius: 48px;
  border: 0.8px solid rgba(210, 120, 254, 0.16);
  background: rgba(210, 120, 254, 0.16);
  color: #d278fe;
  font-style: normal;
  font-weight: 500;
  font-size: 24px !important;
  line-height: 1.1;
  vertical-align: middle;
  transform: rotate(-2.95deg);
}

@media (min-width: 1230px) {
  .dn-pricing-page .dn-team-plan .dn-team-plan-title em {
    padding: 8px 20px;
    font-size: 40px !important;
  }
}

.dn-team-page .dn-team-plan-title em {
  display: inline-block;
  margin: 0;
  padding: 8px 20px;
  border-radius: 48px;
  border: 0.8px solid rgba(210, 120, 254, 0.16);
  background: rgba(210, 120, 254, 0.16);
  color: #d278fe;
  font-style: italic;
  font-weight: 500;
  font-size: 40px;
  line-height: 1.1;
  vertical-align: middle;
  transform: rotate(-1deg);
}

.dn-pricing-page .dn-team-plan-sub,
.dn-team-page .dn-team-plan-sub {
  margin: 0 auto 64px;
  max-width: 550px;
  text-align: center;
  color: #b3b3b3;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.dn-pricing-page .dn-team-plan-list,
.dn-team-page .dn-team-plan-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin: 0;
}

.dn-pricing-page .dn-team-plan-step,
.dn-team-page .dn-team-plan-step {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
  min-height: 285px;
  padding: 32px;
  border-radius: 16px;
  border: 0.8px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.08);
  text-align: left;
}

.dn-pricing-page .dn-team-plan-num,
.dn-team-page .dn-team-plan-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 24px;
  padding: 6px 20px;
  border-radius: 24px;
  border: 0.8px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.08);
  color: #b3b3b3;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.28px;
  line-height: 1.5;
}

.dn-pricing-page .dn-team-plan-name,
.dn-team-page .dn-team-plan-name {
  margin: 0 0 24px;
  color: #fff;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.4;
}

.dn-pricing-page .dn-team-plan-divider,
.dn-team-page .dn-team-plan-divider {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  margin: 0 0 24px;
}

.dn-pricing-page .dn-team-plan-line,
.dn-team-page .dn-team-plan-line {
  display: block;
  flex: 0 1 auto;
  width: calc(50% - 18px);
  height: 1px;
  background: rgba(255, 255, 255, 0.16);
}

.dn-pricing-page .dn-team-plan-divider svg,
.dn-team-page .dn-team-plan-divider svg {
  flex-shrink: 0;
  display: block;
  width: 12px;
  min-width: 12px;
  height: auto;
}

.dn-pricing-page .dn-team-plan-txt,
.dn-team-page .dn-team-plan-txt {
  margin: 0;
  color: #b3b3b3;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.16px;
}

.dn-pricing-page .dn-team-plan-btn,
.dn-team-page .dn-team-plan-btn {
  text-align: center;
  margin-top: 64px;
}

.dn-pricing-page .dn-team-plan-btn a.dn-btn-fit,
.dn-team-page .dn-team-plan-btn a.dn-btn-fit {
  position: relative;
  display: inline-block;
  width: 220px;
  min-height: 48px;
  height: auto;
  padding: 13px 20px !important;
  border-radius: 360px;
  border: 0;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.32px;
  text-align: left;
  background: linear-gradient(270deg, #d278fe 0%, #2d69fb 100%) !important;
  text-decoration: none;
  box-sizing: border-box;
}

.dn-pricing-page .dn-team-plan-btn a.dn-btn-fit::after,
.dn-team-page .dn-team-plan-btn a.dn-btn-fit::after {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: 2;
  right: 20px;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  border-radius: 0;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHBSURBVHgB7ZiLTcMwEEAviAGyAWECygQNE7Qb0BWYoB2BDTpCxARuJyAbOBvABsedkkrGNE7Ol1gt6pNO+dhynmzHP4Ab/5wMFCBiTpeS4oFi4SU3FEeKOsuyb0gJia0pDI6H877C3HRiFuOxs4hyU1JUOB17igKmgAtCXa31YdWSM8rpJRPIuZI5SMG2n6SiksptMD3rcy5Zj6ClSwFpaWhAf/Rf3vkvuPZAJ1dDO4tI4T6/GsyFshnCp+rKiP3BzJBcjjqMU1as5K8/2m/iEnSU9IEd31B/aujyAvLmXroPvuAT6NkqJQv34T6UGICXT3UgfUmSJQkeWJLuWdKMLH8REhzLc1c7o3AkPylEs8YdyNEsPsVTWkwN8kcM1UgzkO+dau6Db7BdEBiIwBesYRwFhPvT7oxcKL9L05uC7YpZy9YpL2YsXIYEtQN1pZRj+gfqbvd1gHjykxzImvXEYXAHSIWvUIeh+MI4/myorm+51fEG6dlJMmuXXVL2IAXbP9ri/Fi84J2dxQveG1uc+HRhj9PBxyjyvfAI0Q3qD4/WMDedqBGIcd4VRDDFASZP7rwKLrzk0/bzmPwA88Y18QN2gh5vfzO10QAAAABJRU5ErkJggg==") center center / 20px 20px no-repeat;
}

.dn-pricing-page .dn-team-plan-btn a.dn-btn-fit:hover,
.dn-team-page .dn-team-plan-btn a.dn-btn-fit:hover {
  filter: brightness(1.05);
  color: #fff !important;
}

@media (max-width: 1024px) {
  .dn-pricing-page .dn-team-plan-list,
.dn-team-page .dn-team-plan-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .dn-pricing-page .dn-team-plan .dn-team-plan-title {
    font-size: 28px !important;
  }
  .dn-pricing-page .dn-team-plan .dn-team-plan-title em {
    font-size: 24px !important;
    line-height: 1.2;
  }
  .dn-team-page .dn-team-plan-title {
    font-size: 36px;
  }
  .dn-team-page .dn-team-plan-title em {
    font-size: 32px;
    line-height: 1.2;
  }
}

@media (max-width: 640px) {
  .dn-pricing-page .dn-team-plan-list,
.dn-team-page .dn-team-plan-list {
    grid-template-columns: 1fr;
  }
}

.dn-team-page .dn-team-faq .dn-team-faq-all ,
.dn-pricing-page .dn-team-faq .dn-team-faq-all {

  margin-top: 24px;
}

/* Our Team FAQ: two-column pill cards (Ninja faq-v2) */
.dn-team-page .dn-team-faq ,
.dn-pricing-page .dn-team-faq {

  background: #000;
  padding: 120px 0;
  border-bottom: 0;
}

.dn-team-page .dn-team-faq .dn-faq-inner ,
.dn-pricing-page .dn-team-faq .dn-faq-inner {

  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
}

.dn-team-page .dn-team-faq .dn-faq-head ,
.dn-pricing-page .dn-team-faq .dn-faq-head {

  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin: 0 0 60px;
  width: 100%;
}

.dn-team-page .dn-team-faq .dn-faq-title,
.dn-team-page .dn-team-faq .dn-faq-title .elementor-heading-title ,
.dn-pricing-page .dn-team-faq .dn-faq-title,
.dn-pricing-page .dn-team-faq .dn-faq-title .elementor-heading-title {

  margin: 0;
  text-align: left;
  color: #fff;
  font-family: "PP Neue Montreal", sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.1;
}

.dn-team-page .dn-team-faq a.dn-faq-book.dn-btn-fit,
.dn-pricing-page .dn-team-faq a.dn-faq-book.dn-btn-fit,
.dn-team-page .dn-team-faq .elementor-widget-button.dn-faq-book a.elementor-button,
.dn-pricing-page .dn-team-faq .elementor-widget-button.dn-faq-book a.elementor-button {

  position: relative;
  display: inline-block;
  flex-shrink: 0;
  width: 280px !important;
  min-width: 280px !important;
  max-width: none !important;
  min-height: 48px;
  height: auto;
  padding: 13px 52px 13px 20px !important;
  border-radius: 360px;
  border: 0;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.32px;
  text-align: left;
  background: linear-gradient(270deg, #d278fe 0%, #2d69fb 100%) !important;
  text-decoration: none;
  box-sizing: border-box;
  white-space: nowrap;
}

.dn-team-page .dn-team-faq a.dn-faq-book.dn-btn-fit::after,
.dn-pricing-page .dn-team-faq a.dn-faq-book.dn-btn-fit::after,
.dn-team-page .dn-team-faq .elementor-widget-button.dn-faq-book a.elementor-button::after,
.dn-pricing-page .dn-team-faq .elementor-widget-button.dn-faq-book a.elementor-button::after {

  content: "";
  display: inline-block;
  position: absolute;
  z-index: 2;
  right: 20px;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  border-radius: 0;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHBSURBVHgB7ZiLTcMwEEAviAGyAWECygQNE7Qb0BWYoB2BDTpCxARuJyAbOBvABsedkkrGNE7Ol1gt6pNO+dhynmzHP4Ab/5wMFCBiTpeS4oFi4SU3FEeKOsuyb0gJia0pDI6H877C3HRiFuOxs4hyU1JUOB17igKmgAtCXa31YdWSM8rpJRPIuZI5SMG2n6SiksptMD3rcy5Zj6ClSwFpaWhAf/Rf3vkvuPZAJ1dDO4tI4T6/GsyFshnCp+rKiP3BzJBcjjqMU1as5K8/2m/iEnSU9IEd31B/aujyAvLmXroPvuAT6NkqJQv34T6UGICXT3UgfUmSJQkeWJLuWdKMLH8REhzLc1c7o3AkPylEs8YdyNEsPsVTWkwN8kcM1UgzkO+dau6Db7BdEBiIwBesYRwFhPvT7oxcKL9L05uC7YpZy9YpL2YsXIYEtQN1pZRj+gfqbvd1gHjykxzImvXEYXAHSIWvUIeh+MI4/myorm+51fEG6dlJMmuXXVL2IAXbP9ri/Fi84J2dxQveG1uc+HRhj9PBxyjyvfAI0Q3qD4/WMDedqBGIcd4VRDDFASZP7rwKLrzk0/bzmPwA88Y18QN2gh5vfzO10QAAAABJRU5ErkJggg==") center center / 20px 20px no-repeat;
}

.dn-team-page .dn-team-faq a.dn-faq-book.dn-btn-fit:hover,
.dn-pricing-page .dn-team-faq a.dn-faq-book.dn-btn-fit:hover,
.dn-team-page .dn-team-faq .elementor-widget-button.dn-faq-book a.elementor-button:hover,
.dn-pricing-page .dn-team-faq .elementor-widget-button.dn-faq-book a.elementor-button:hover {

  filter: brightness(1.05);
  color: #fff !important;
}

.dn-team-page .dn-team-faq .dn-faq.dn-faq-grid ,
.dn-pricing-page .dn-team-faq .dn-faq.dn-faq-grid {

  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  width: 100%;
  max-width: none;
}

.dn-team-page .dn-team-faq .dn-faq-col ,
.dn-pricing-page .dn-team-faq .dn-faq-col {

  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  min-width: 0;
}

.dn-team-page .dn-team-faq .dn-faq-item ,
.dn-pricing-page .dn-team-faq .dn-faq-item {

  margin: 0 0 16px;
  padding: 0;
  border: 0.8px solid rgba(255, 255, 255, 0.08);
  border-radius: 24px;
  background: #121212;
  overflow: hidden;
  min-height: 72px;
  width: 100%;
}

.dn-team-page .dn-team-faq .dn-faq-item:last-child ,
.dn-pricing-page .dn-team-faq .dn-faq-item:last-child {

  margin-bottom: 0;
}

.dn-team-page .dn-team-faq .dn-faq-item:hover,
.dn-team-page .dn-team-faq .dn-faq-item.is-open ,
.dn-pricing-page .dn-team-faq .dn-faq-item:hover,
.dn-pricing-page .dn-team-faq .dn-faq-item.is-open {

  background: #333;
  border-color: rgba(255, 255, 255, 0.08);
}

.dn-team-page .dn-team-faq button.dn-faq-btn ,
.dn-pricing-page .dn-team-faq button.dn-faq-btn {

  position: relative;
  display: block;
  width: 100%;
  min-height: 72px;
  height: auto;
  margin: 0;
  padding: 20px 76px 20px 24px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #b3b3b3;
  font-family: "PP Neue Montreal", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  text-align: left;
  white-space: normal !important;
  overflow: visible;
  text-overflow: clip;
  word-break: normal;
  overflow-wrap: break-word;
  cursor: pointer;
}

.dn-team-page .dn-team-faq button.dn-faq-btn:hover,
.dn-team-page .dn-team-faq button.dn-faq-btn:focus ,
.dn-pricing-page .dn-team-faq button.dn-faq-btn:hover,
.dn-pricing-page .dn-team-faq button.dn-faq-btn:focus {

  color: #fff;
  background: transparent;
  outline: 0;
}

.dn-team-page .dn-team-faq .dn-faq-item.is-open button.dn-faq-btn ,
.dn-pricing-page .dn-team-faq .dn-faq-item.is-open button.dn-faq-btn {

  color: #fff;
}

.dn-team-page .dn-team-faq button.dn-faq-btn::after ,
.dn-pricing-page .dn-team-faq button.dn-faq-btn::after {

  content: "";
  position: absolute;
  right: 20px;
  top: 20px;
  width: 32px;
  min-width: 32px;
  height: 32px;
  margin: 0;
  margin-top: 0;
  border-radius: 100%;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background-color: transparent;
  background-image: linear-gradient(#b3b3b3, #b3b3b3), linear-gradient(#b3b3b3, #b3b3b3);
  background-size: 12px 1.5px, 1.5px 12px;
  background-position: center;
  background-repeat: no-repeat;
  color: transparent;
  font-size: 0;
  line-height: 0;
  transform: none;
  transition: background-color 0.3s, border-color 0.3s, background-image 0.3s;
  z-index: 1;
}

.dn-team-page .dn-team-faq .dn-faq-item:hover button.dn-faq-btn::after,
.dn-team-page .dn-team-faq button.dn-faq-btn:hover::after ,
.dn-pricing-page .dn-team-faq .dn-faq-item:hover button.dn-faq-btn::after,
.dn-pricing-page .dn-team-faq button.dn-faq-btn:hover::after {

  background-color: #333;
  border-color: #333;
  background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
  background-size: 12px 1.5px, 1.5px 12px;
  transform: none;
}

.dn-team-page .dn-team-faq .dn-faq-item.is-open button.dn-faq-btn::after ,
.dn-pricing-page .dn-team-faq .dn-faq-item.is-open button.dn-faq-btn::after {

  content: "";
  background-color: #333;
  border-color: #333;
  background-image: linear-gradient(#fff, #fff);
  background-size: 12px 1.5px;
  background-position: center;
  background-repeat: no-repeat;
  transform: none;
}

.dn-team-page .dn-team-faq .dn-faq-answer ,
.dn-pricing-page .dn-team-faq .dn-faq-answer {

  overflow: hidden;
  max-height: 0;
  transition: max-height 0.35s ease;
}

.dn-team-page .dn-team-faq .dn-faq-item.is-open .dn-faq-answer ,
.dn-pricing-page .dn-team-faq .dn-faq-item.is-open .dn-faq-answer {

  max-height: 800px;
}

.dn-team-page .dn-team-faq .dn-faq-answer-inner ,
.dn-pricing-page .dn-team-faq .dn-faq-answer-inner {

  padding: 0 77px 20px 24px;
}

.dn-team-page .dn-team-faq .dn-faq-answer-inner p ,
.dn-pricing-page .dn-team-faq .dn-faq-answer-inner p {

  margin: 0;
  color: #b3b3b3;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}

@media (max-width: 900px) {
  .dn-team-page .dn-team-faq .dn-faq.dn-faq-grid ,
  .dn-pricing-page .dn-team-faq .dn-faq.dn-faq-grid {

    grid-template-columns: 1fr;
  }
  .dn-team-page .dn-team-faq .dn-faq-head ,
  .dn-pricing-page .dn-team-faq .dn-faq-head {

    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 40px;
  }
  .dn-team-page .dn-team-faq .dn-faq-title ,
  .dn-pricing-page .dn-team-faq .dn-faq-title {

    font-size: 36px;
  }
}

.dn-team-page .dn-world-section,
.dn-team-page .dn-contact-section {
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

@media (max-width: 900px) {
  .dn-team-page .dn-team-vet-title {
    font-size: 32px;
    line-height: 1.15;
  }
  .dn-team-page .dn-team-vet-list {
    padding: 32px 20px;
  }
  .dn-team-page .dn-team-vet-item {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .dn-team-page .dn-team-vet-left {
    padding: 0;
    gap: 12px;
  }
  .dn-team-page .dn-team-vet-stats {
    grid-template-columns: repeat(2, 1fr);
    padding: 28px 20px;
  }
  .dn-team-page .dn-team-trust-grid {
    grid-template-columns: 1fr;
  }
  .dn-pricing-page .dn-team-plan-list,
.dn-team-page .dn-team-plan-list {
    grid-template-columns: 1fr 1fr;
  }
}

/* =====================================================================
 * Pricing page (Ninja /pricing order)
 * hero + plans → review-mini → team → reviews → 90-day → media → faq → world → contact
 * Root also carries dn-team-page + dn-success-page for shared section styles.
 * ===================================================================== */
.dn-site.dn-pricing-page {
  background: #000 !important;
  color: #fff;
}

.dn-pricing-page .dn-pricing-hero {
  background: #000;
  color: #b3b3b3;
  padding: 172px 0 0;
  border-bottom: 0;
  text-align: center;
}

.dn-pricing-page .dn-pricing-hero .dn-crumbs {
  position: relative;
  top: auto;
  left: auto;
  z-index: 1;
  width: 100%;
  margin: 0;
  padding: 0 0 44px;
  text-align: left;
}

.dn-pricing-page .dn-pricing-hero .dn-crumbs a,
.dn-pricing-page .dn-pricing-hero .dn-crumbs span {
  color: #808080;
  font-size: 16px;
}

.dn-pricing-page .dn-pricing-hero .dn-crumbs a:hover {
  color: #fff;
}

.dn-pricing-page .dn-pricing-hero h1.dn-pricing-hero-title,
.dn-pricing-page .dn-pricing-hero-title,
.dn-pricing-page .elementor-widget-heading.dn-pricing-hero-title .elementor-heading-title {
  margin: 0 auto 40px !important;
  max-width: 1030px;
  color: #fff !important;
  font-size: 64px !important;
  font-weight: 500 !important;
  line-height: 0.96 !important;
  letter-spacing: 0.2px;
  text-align: center;
}

.dn-pricing-page .dn-pricing-hero-lead,
.dn-pricing-page .dn-pricing-hero-lead-wrap p,
.dn-pricing-page .dn-pricing-hero p.dn-pricing-hero-lead {
  margin: 0 auto;
  max-width: 1030px;
  color: #808080;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
}

.dn-pricing-page .dn-pricing-hero .elementor-widget-html,
.dn-pricing-page .dn-pricing-hero .elementor-widget-html .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
}

.dn-pricing-page .dn-contact-section .elementor-widget-html,
.dn-pricing-page .dn-contact-section .elementor-widget-html .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
}

/* Ninja: toggle sits close under hero copy (not +120px gap) */
.dn-pricing-page .dn-price-section {
  background: #000;
  padding: 48px 0 0;
  border-bottom: 0;
}

.dn-pricing-page .dn-price-section .dn-wrap {
  max-width: 1280px;
}

.dn-pricing-page .dn-price-section .dn-inc-caption,
.dn-pricing-page .dn-price-section p.dn-inc-caption {
  margin: 30px 0 !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  text-align: center;
  visibility: visible !important;
  opacity: 1 !important;
}

.dn-pricing-page .dn-price-section .dn-marquee {
  width: 100%;
}

.dn-pricing-page .dn-price-section .dn-marquee-top {
  margin-bottom: 20px;
}

.dn-pricing-page .dn-price-section .dn-marquee-bottom {
  margin-bottom: 0;
}

.dn-pricing-page .dn-price-section .dn-toggle {
  margin-bottom: 60px;
}

/* Scale / MOST POPULAR — purple gradient frame (Ninja; asset popular-bg2.png was missing) */
.dn-pricing-page .dn-price-section .dn-plan.popular {
  border: 1px solid transparent;
  background:
    linear-gradient(
      180deg,
      rgba(45, 105, 251, 0.14) 0%,
      rgba(210, 120, 254, 0.08) 28%,
      #121212 52%,
      #121212 100%
    ) padding-box,
    linear-gradient(135deg, #2d69fb 0%, #d278fe 55%, #d278fe 100%) border-box;
  box-shadow:
    0 0 24px rgba(45, 105, 251, 0.28),
    0 0 56px rgba(210, 120, 254, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  border-radius: 16px;
}

.dn-pricing-page .dn-price-section .dn-plan.popular::before {
  background: linear-gradient(180deg, rgba(210, 120, 254, 0.14) 0%, transparent 100%);
}

.dn-pricing-page .dn-price-section .dn-plan.popular .dn-plan-usd {
  background: linear-gradient(270deg, rgba(210, 120, 254, 0.35) 0%, rgba(45, 105, 251, 0.35) 100%);
}

/* Plan CTAs — match Ninja dark cards; Scale = gradient */
.dn-pricing-page .dn-price-section .dn-plan-btn {
  position: relative;
  justify-content: flex-start;
  text-align: left;
  border: 1px solid rgba(255, 255, 255, 0.16);
  color: #fff !important;
  background: transparent;
  padding: 13px 52px 13px 20px;
  transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.dn-pricing-page .dn-price-section .dn-plan-btn::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  width: 20px;
  height: 20px;
  top: 50%;
  margin-top: -10px;
  right: 20px;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 8h10M9 4l4 4-4 4' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center center / 12px 12px no-repeat;
  border-radius: 50%;
}

.dn-pricing-page .dn-price-section .dn-plan-btn:hover {
  border-color: #fff;
  color: #fff !important;
  background: transparent;
}

.dn-pricing-page .dn-price-section .dn-plan.popular .dn-plan-btn {
  border: 1px solid transparent !important;
  color: #fff !important;
  background: linear-gradient(270deg, #d278fe 0%, #2d69fb 100%) !important;
  justify-content: flex-start !important;
  text-align: left !important;
}

.dn-pricing-page .dn-price-section .dn-plan.popular .dn-plan-btn::after {
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 8h10M9 4l4 4-4 4' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center center / 12px 12px no-repeat;
}

.dn-pricing-page .dn-price-section .dn-plan.popular .dn-plan-btn:hover {
  border: 1px solid #e6e6e6;
  color: #000 !important;
  background: #fff;
}

.dn-pricing-page .dn-price-section .dn-plan.popular .dn-plan-btn:hover::after {
  background: #000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 8h10M9 4l4 4-4 4' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center center / 12px 12px no-repeat;
}

.dn-pricing-page .dn-price-section .dn-plan.popular .dn-plan-spark svg path {
  fill: #d278fe;
  fill-opacity: 1;
}

.dn-pricing-page .dn-price-section .dn-plan.popular .dn-plan-li::before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALzSURBVHgBzZk9j9MwGMcf9+X6Bi0IwbHASejEQuEDIJY7FmC6ESYWhNgRjCwwwdgN8QFguwn4BKxIUHQMCImDBZCAniC90jbh+bt26UvSs3NOm79kpY3t5Kd//DiPHUExFQRBng85LvooVJHVXPpcfC49Ll0hRJdiSNg0Zii0L6li1ZcGsID0GLZv2snoJgqsrMBcqEOGoHsCMhygymTv2F6Co4DcndVo5k0ZrkLuXIvSLkP+jqoMBVSPtEqDAJiHEEgtBg0mKzIRHWo0PzgIs0A1rGIKUD3WHM1feb73gcmTY4DcoEjJj7lZKqqgHGoIyBVZGkTrolVWMSA16mCZosfkPAW4iv4jgZR7BUqPitpF7VgaHu2k5FjUgPOcUkwlAXMqK0l07H161j258ya3id/LF/+uHVsvtAy6CbABLFH3hnA+nUD59bpw3qJ7DoCJTcpjcCyRD56evk0vLC6Rh42HKAHIKbgsva0/EOtkpz4czJJjhcEdvSQ2yF4ZADrN87696tTC4JYv0A7ZSziNXsB9fb70H07Q9sEz4npMOCkABjYd3j+kqygUBden+hDurNhYuUafKb4CK8CtR3Sl+zNooGzd9++M1n1/udRwDAfJIOmZts4fpm0esXKS7XniroZ8d89v+F267BgO8oXKvyqmPT48oXr7Y7DJvtckUIaage/cOS1PqFddzabXJKRSq3pOrDmEk9fMqBW/VaCs3qBm6RTPa+px40KlFafOQX2wyTmQXUS6ZZ1ywcnOF7pZOE6PV29Rk9xKLkc1II5HKF36wYC+nKjVerRN6RHcw87DWB7okeVYTEjYr/H0nyGgcvEPLV6edg8aexerjZxFPuo2M3RGT0wlC9wALsbabNyneureY4rKZpB9GL8CHQiGhK5T0rD91g5zTstkAxMLekzirjNvBCUCYuaYN90CxlAAZJHcCFBe2H7gpGw30TUoEgxbR/XLoG0CphV7PaKyIP0JQi++Rj9DoMhPEDSI0Fgzwz8/3CiHDDhoLwAAAABJRU5ErkJggg==");
}

.dn-pricing-page .dn-pricing-review-mini {
  background: #000;
  padding: 120px 0;
  border-bottom: 0.8px solid #4d4d4d;
}

.dn-pricing-page .dn-pricing-review-mini .dn-wrap {
  display: block;
  max-width: 1280px;
}

.dn-pricing-page .dn-pricing-review-mini .dn-review-mini-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 60px;
  width: 100%;
  margin: 0;
}

.dn-pricing-page .dn-pricing-review-mini .dn-review-mini-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.dn-pricing-page .dn-pricing-review-mini .dn-review-mini-stars {
  display: block;
  height: 36px;
  width: auto;
}

.dn-pricing-page .dn-pricing-review-mini .dn-review-mini-txt {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  text-align: center;
}

.dn-pricing-page .dn-pricing-review-mini .dn-review-mini-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
}

.dn-pricing-page .dn-pricing-review-mini .dn-review-mini-item {
  display: inline-flex;
  align-items: center;
  line-height: 1;
}

.dn-pricing-page .dn-pricing-review-mini .dn-review-mini-item img {
  display: block;
  height: 36px;
  width: auto;
  max-width: none;
}

.dn-pricing-page .dn-pricing-review-mini .dn-review-mini-item:last-child img {
  height: 43px;
}

.dn-pricing-page .dn-pricing-review-mini .dn-review-mini-btn {
  margin: 60px 0 0;
  text-align: center;
}

.dn-pricing-page .dn-pricing-review-mini a.dn-btn-fit {
  position: relative;
  display: inline-block;
  min-height: 48px;
  height: 48px;
  padding: 13px 52px 13px 20px;
  border-radius: 360px;
  border: 0;
  color: #fff !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  background: linear-gradient(270deg, #d278fe 0%, #2d69fb 100%);
  text-decoration: none;
  box-sizing: border-box;
  white-space: nowrap;
}

.dn-pricing-page .dn-pricing-review-mini a.dn-btn-fit::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  border-radius: 50%;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 8h10M9 4l4 4-4 4' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center center / 12px 12px no-repeat;
}

.dn-pricing-page .dn-pricing-review-mini a.dn-btn-fit:hover {
  filter: brightness(1.06);
}

.dn-pricing-page .dn-team-talents {
  border-bottom: 0.8px solid #4d4d4d;
}

.dn-pricing-page .dn-team2-section {
  background: #000;
  color: #b3b3b3;
  padding: 120px 0;
  border-bottom: 0.8px solid #4d4d4d;
}

.dn-pricing-page .dn-team2-sub {
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0.16px;
  margin: 0 0 60px;
}

.dn-pricing-page .dn-team2-facts {
  flex-wrap: wrap;
}

/* Hybrid Elementor: keep team heading/subtitle in left column flow */
.dn-pricing-page .dn-team2-left .elementor-widget-heading,
.dn-pricing-page .dn-team2-left .elementor-widget-text-editor,
.dn-pricing-page .dn-team2-left .elementor-widget-html {
  width: 100%;
  max-width: 100%;
}

.dn-pricing-page .dn-team2-left .elementor-widget-heading .elementor-heading-title {
  text-align: left;
  margin: 0 0 20px !important;
  font-size: 48px !important;
  line-height: 1.1 !important;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: #fff !important;
}

.dn-pricing-page .dn-team2-left .elementor-widget-text-editor p {
  text-align: left;
  margin: 0 0 60px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.16px;
  color: #b3b3b3;
}

.dn-pricing-page .dn-team2-col.elementor-element {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 115px;
  width: 100%;
  max-width: 100%;
}

.dn-pricing-page .dn-reviews-section {
  border-bottom: 0.8px solid #4d4d4d;
}

@media (max-width: 900px) {
  .dn-pricing-page .dn-pricing-hero {
    padding: 140px 0 24px;
  }
  .dn-pricing-page .dn-pricing-hero h1.dn-pricing-hero-title,
  .dn-pricing-page .dn-pricing-hero-title,
  .dn-pricing-page .elementor-widget-heading.dn-pricing-hero-title .elementor-heading-title {
    font-size: 36px !important;
    line-height: 1.1 !important;
  }
  .dn-pricing-page .dn-pricing-hero-lead {
    font-size: 16px;
  }
  .dn-pricing-page .dn-price-section {
    padding: 12px 0 0;
  }
  .dn-pricing-page .dn-pricing-review-mini {
    padding: 60px 0;
  }
  .dn-pricing-page .dn-pricing-review-mini .dn-review-mini-box {
    flex-direction: column;
    gap: 32px;
  }
  .dn-pricing-page .dn-pricing-review-mini .dn-review-mini-btn {
    margin-top: 40px;
  }
}


/* === dn-testimonials-page (Ninja vt ditto) === */

/* Rem base matches Ninja (10px) for vt-* sections only */
html:has(.dn-testimonials-page) {
  font-size: 62.5%;
}
html:has(.dn-testimonials-page) .dn-header,
html:has(.dn-testimonials-page) .dn-footer,
html:has(.dn-testimonials-page) .dn-mobile,
html:has(.dn-testimonials-page) .dn-cookie {
  font-size: 16px;
}

/* Per-tile testimonial video widgets (Elementor) — hidden on live site, compact in editor */
body:not(.elementor-editor-active) .dn-testimonials-page .video-reviews__item .dn-tile-testimonial-video {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: -1 !important;
}
body:not(.elementor-editor-active) .dn-testimonials-page .video-reviews__item .dn-tile-testimonial-video video {
  pointer-events: none !important;
}

/* Elementor flex containers default to row — stack title, grid, load-more vertically */
.dn-testimonials-page .elementor-element.video-reviews.e-con,
.dn-testimonials-page .video-reviews > .e-con.container {
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
}
.dn-testimonials-page .video-reviews > .e-con.container > .elementor-widget-html,
.dn-testimonials-page .video-reviews > .e-con.container > .e-con {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 auto !important;
}
.dn-testimonials-page .video-reviews .section-title.block-title {
  width: 100%;
  text-align: center;
}

.dn-testimonials-page .elementor-element.video-reviews__list {
  display: grid !important;
  grid-template-columns: repeat(1, 1fr) !important;
  width: 100% !important;
  max-width: 100% !important;
  gap: 2rem !important;
  flex-direction: unset !important;
  align-items: stretch !important;
}
@media (min-width: 1230px) {
  .dn-testimonials-page .elementor-element.video-reviews__list {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 3rem !important;
  }
}
.dn-testimonials-page .elementor-element.video-reviews__item {
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  flex-wrap: nowrap !important;
  box-sizing: border-box !important;
  padding: 1.6rem !important;
  border-radius: 1.6rem !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  backdrop-filter: blur(20px) !important;
}
.dn-testimonials-page .elementor-element.video-reviews__item > .elementor-widget-html {
  width: 100% !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}
.dn-testimonials-page .elementor-element.video-reviews__item .elementor-widget-html .elementor-widget-container {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  min-height: 0 !important;
}
.dn-testimonials-page .video-reviews__item [data-vr-item] {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  min-height: 0 !important;
}
.dn-testimonials-page .video-reviews__content {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
}
.dn-testimonials-page .video-reviews__txt {
  flex: 1 1 auto !important;
  margin-bottom: 2.4rem !important;
}
/* In-flow footer (Ninja look) — absolute author caused quote/logo overlap in Elementor tiles */
.dn-testimonials-page .video-reviews__author {
  position: static !important;
  left: auto !important;
  bottom: auto !important;
  width: 100% !important;
  margin-top: auto !important;
  flex-shrink: 0 !important;
  gap: 1.2rem !important;
}
.dn-testimonials-page .video-reviews__name {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  padding-right: 0.8rem !important;
}
.dn-testimonials-page .video-reviews__logo {
  flex: 0 0 auto !important;
  max-width: 42% !important;
  text-align: right !important;
}
.dn-testimonials-page .video-reviews__logo img {
  max-height: 4rem !important;
  width: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  object-position: right bottom !important;
}

.elementor-editor-active .dn-testimonials-page .video-reviews__item .dn-tile-testimonial-video {
  order: -1;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 0.8rem !important;
  padding: 0.6rem 0.8rem 0.8rem !important;
  border: 1px dashed rgba(45, 105, 251, 0.55) !important;
  border-radius: 10px !important;
  background: rgba(45, 105, 251, 0.05) !important;
  box-sizing: border-box !important;
  pointer-events: auto !important;
  position: relative !important;
  clip: auto !important;
  opacity: 1 !important;
  height: auto !important;
}
.elementor-editor-active .dn-testimonials-page .video-reviews__item .dn-tile-testimonial-video::before {
  content: "This tile’s video — pick Hosted Video / upload MP4";
  display: block;
  margin-bottom: 0.5rem;
  font-size: 11px;
  line-height: 1.35;
  color: #555;
  text-align: left;
}
.elementor-editor-active .dn-testimonials-page .video-reviews__item .dn-tile-testimonial-video video.elementor-video {
  max-height: 140px !important;
  width: 100% !important;
  object-fit: contain !important;
  background: #111;
  border-radius: 6px;
}

.dn-testimonials-page .container {
  width: min(100% - 40px, var(--dn-wrap));
  max-width: var(--dn-wrap);
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

/* dn-form from pricing — restyle inside vt-form card (Ninja CF7 ditto) */
.dn-testimonials-page .vt-form__card .dn-form {
  display: flex;
  flex-direction: column;
  /* CF7 stacks fields flush; 2rem gap here inflated the card vs Ninja */
  gap: 0;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  color: #000;
}

.dn-testimonials-page .vt-form__card .dn-form-title,
.dn-testimonials-page .vt-form__card .dn-form-legal {
  display: none !important;
}

.dn-testimonials-page .vt-form__card .dn-form input[type="text"],
.dn-testimonials-page .vt-form__card .dn-form input[type="email"],
.dn-testimonials-page .vt-form__card .dn-form input[type="tel"] {
  margin: 0;
  padding: 1.3rem 0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.016rem;
  border-bottom: 1px solid #e6e6e6 !important;
}

.dn-testimonials-page .vt-form__card .dn-form input:focus,
.dn-testimonials-page .vt-form__card .dn-form-area:focus {
  border-bottom-color: #d278fe !important;
  outline: none;
}

.dn-testimonials-page .vt-form__card .dn-phone {
  margin: 0;
  min-height: 4.9rem;
  border-bottom: 1px solid #e6e6e6;
}

.dn-testimonials-page .vt-form__card .dn-phone input[type="tel"] {
  padding: 1.3rem 9rem 1.3rem 0;
  font-size: 1.6rem;
  border-bottom: none !important;
}

.dn-testimonials-page .vt-form__card .dn-phone-cc {
  padding: 1.3rem 0.8rem 1.3rem 0;
  font-size: 1.6rem;
}

.dn-testimonials-page .vt-form__card .dn-phone-opt {
  font-size: 1.6rem;
}

.dn-testimonials-page .vt-form__card .dn-form-label {
  margin: 1.4rem 0 1rem;
  color: #4d4d4d;
  font-size: 1.6rem;
}

.dn-testimonials-page .vt-form__card .dn-form-area {
  height: 6rem;
  min-height: 6rem;
  margin: 0;
  padding: 0;
  border: none;
  border-bottom: 1px solid #e6e6e6 !important;
  border-radius: 0;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.4;
  resize: none;
}

.dn-testimonials-page .vt-form__card button.dn-form-submit {
  display: block;
  width: 100%;
  height: 6rem;
  margin: 0;
  padding: 0 2.4rem;
  border: none;
  border-radius: 999px;
  background: linear-gradient(270deg, #d278fe 0%, #2d69fb 100%) !important;
  font-size: 2rem;
  line-height: 1.4;
  letter-spacing: 0.04rem;
  cursor: pointer;
}

/* Fixed dn-header (pill) — clear hero like Pricing */
.dn-testimonials-page .vt-hero {
  padding: 172px 0 2rem !important;
  background: #000;
  text-align: center;
}

.dn-testimonials-page .vt-hero .vt-hero__inner {
  padding-top: 0;
  text-align: center;
}

.dn-testimonials-page .vt-hero .container {
  text-align: center;
}

.dn-testimonials-page .vt-hero .vt-hero__inner,
.dn-testimonials-page .vt-hero .vt-hero__inner.e-con {
  align-items: center;
}

.dn-testimonials-page .vt-hero .elementor-element.vt-hero__lede-wrap {
  width: 100%;
  max-width: 78rem;
  margin-left: auto;
  margin-right: auto;
  align-self: center;
  text-align: center;
}

.dn-testimonials-page .vt-hero .elementor-element.vt-hero__lede-wrap .elementor-widget-container {
  text-align: center !important;
}

/* Beat .dn-site .elementor-widget-text-editor p { font-size: inherit } */
.dn-testimonials-page .vt-hero .elementor-widget-text-editor p.vt-hero__lede {
  margin: 2.4rem auto 0;
  max-width: 78rem;
  color: #b3b3b3;
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 400;
  text-align: center !important;
}

/* Elementor puts vt-* classes on .elementor-element, not on the heading tag */
.dn-testimonials-page .elementor-element.vt-hero__title .elementor-heading-title {
  margin: 0;
  color: #fff;
  font-size: 4.8rem;
  line-height: 1.1;
  font-weight: 500;
  letter-spacing: -0.01em;
  max-width: none;
  text-align: center;
}
.dn-testimonials-page .elementor-element.vt-plat__title .elementor-heading-title {
  margin: 0 0 6.4rem;
  text-align: center;
  color: #fff;
  font-size: 4.8rem;
  line-height: 1.1;
  font-weight: 500;
  letter-spacing: -0.01em;
}
.dn-testimonials-page .elementor-element.vt-experts__title .elementor-heading-title {
  margin: 0 0 4rem;
  color: #fff;
  font-size: 4.8rem;
  line-height: 1.1;
  font-weight: 500;
  letter-spacing: -0.01em;
  text-align: center;
}
.dn-testimonials-page .elementor-element.vt-offices__title .elementor-heading-title,
.dn-testimonials-page .elementor-element.vt-faq__title .elementor-heading-title,
.dn-testimonials-page .elementor-element.vt-form__title .elementor-heading-title {
  margin: 0;
  color: #fff;
  font-weight: 500;
  letter-spacing: -0.01em;
}
.dn-testimonials-page .elementor-element.vt-ratings__title {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
}
.dn-testimonials-page .elementor-element.section-title.block-title.text-center .elementor-heading-title,
.dn-testimonials-page .video-reviews .elementor-element.section-title .elementor-heading-title {
  margin: 0 0 4rem;
  color: #fff;
  font-size: 4rem;
  line-height: 1.15;
  font-weight: 500;
  text-align: center;
  letter-spacing: -0.01em;
}

/* .dn-site a { color: inherit } greys out black Clutch profile links on white cards */
.dn-testimonials-page a.vt-plat__profile-link,
.dn-testimonials-page a.vt-plat__profile-link:visited {
  color: #000;
}
.dn-testimonials-page a.vt-plat__profile-link:hover {
  color: #d278fe;
}

/* Live ninjapromo.io testimonials uses 9rem vertical section rhythm (90px @ 10px rem) */
.dn-testimonials-page .vt-ratings,
.dn-testimonials-page .vt-plat,
.dn-testimonials-page .vt-form {
  padding-top: 9rem !important;
  padding-bottom: 9rem !important;
}

@media (max-width: 900px) {
  .dn-testimonials-page .vt-plat {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .dn-testimonials-page .vt-hero {
    padding-top: 140px !important;
  }
}

@media (max-width: 767px) {
  .dn-testimonials-page .vt-ratings {
    padding: 8rem 1.6rem;
  }

  .dn-testimonials-page .vt-plat {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .dn-testimonials-page .vt-hero {
    padding-top: 120px !important;
  }
}

/* .dn-site a { color: inherit } greys out gradient pill labels — force Ninja white/black */
.dn-testimonials-page a.vt-ratings__cta,
.dn-testimonials-page a.vt-ratings__cta:visited,
.dn-testimonials-page a.vt-ratings__cta:hover,
.dn-testimonials-page a.vt-ratings__cta:focus,
.dn-testimonials-page a.vt-ratings__cta:active,
.dn-testimonials-page a.vt-ratings__cta .vt-ratings__cta-text,
.dn-testimonials-page a.vt-faq__cta,
.dn-testimonials-page a.vt-faq__cta:visited,
.dn-testimonials-page a.vt-faq__cta:hover,
.dn-testimonials-page a.vt-faq__cta:focus,
.dn-testimonials-page a.vt-faq__cta:active,
.dn-testimonials-page a.vt-faq__cta .vt-faq__cta-label,
.dn-testimonials-page a.vt-steps__btn,
.dn-testimonials-page a.vt-steps__btn:visited,
.dn-testimonials-page a.vt-steps__btn:hover,
.dn-testimonials-page a.vt-steps__btn:focus,
.dn-testimonials-page a.vt-steps__btn:active,
.dn-testimonials-page .video-reviews__more .btn.btn_v2,
.dn-testimonials-page .video-reviews__more .btn.btn_v2:hover,
.dn-testimonials-page .video-reviews__more .btn.btn_v2:focus,
.dn-testimonials-page .vt-form__card .dn-form-submit,
.dn-testimonials-page .vt-form__card .dn-form-submit:hover {
  color: #fff !important;
}

/* Load more — Ninja .btn pill (theme base .btn border-radius was not imported) */
.dn-testimonials-page .video-reviews__more .btn.btn_v2.btn-border_v2,
.dn-testimonials-page .video-reviews__more .video-reviews__more-button {
  display: inline-block;
  width: auto;
  max-width: 100%;
  min-height: 4.8rem;
  padding: 1.3rem 5.6rem 1.3rem 2rem;
  border-radius: 999px;
  border: 1px solid #fff;
  background: transparent;
  cursor: pointer;
  font-family: inherit;
  font-weight: 500;
  text-align: left;
  box-sizing: border-box;
  box-shadow: none;
  appearance: none;
  -webkit-appearance: none;
}

@media (min-width: 1230px) {
  .dn-testimonials-page .video-reviews__more .btn.btn_v2.btn-border_v2,
  .dn-testimonials-page .video-reviews__more .video-reviews__more-button {
    width: 16rem;
  }
}

.dn-testimonials-page .video-reviews__more .btn.btn_v2.btn-border_v2:after,
.dn-testimonials-page .video-reviews__more .video-reviews__more-button:after {
  content: '' !important;
  display: inline-block !important;
  position: absolute !important;
  width: 2rem !important;
  height: 2rem !important;
  top: 50% !important;
  margin-top: -1rem !important;
  right: 2rem !important;
  filter: invert(1);
}

.dn-testimonials-page .video-reviews__more .btn.btn_v2.btn-border_v2:hover,
.dn-testimonials-page .video-reviews__more .video-reviews__more-button:hover {
  background: #fff !important;
  border-color: #fff !important;
  color: #000 !important;
}

.dn-testimonials-page .video-reviews__more .btn.btn_v2.btn-border_v2:hover:after,
.dn-testimonials-page .video-reviews__more .video-reviews__more-button:hover:after {
  filter: none;
}

.dn-testimonials-page a.vt-experts__btn,
.dn-testimonials-page a.vt-experts__btn:visited,
.dn-testimonials-page a.vt-experts__btn:hover,
.dn-testimonials-page a.vt-experts__btn:focus,
.dn-testimonials-page a.vt-experts__btn:active {
  color: #000 !important;
}

/* ===== Первый экран ===== */
/* Тема вешает .background-dark{padding:...!important} — перекрываем, иначе между блоками провал */
.vt-hero{padding:0 0 2rem!important;background:#000}
.vt-hero__inner{padding-top:12rem;text-align:center}

/* Бейджи площадок над заголовком: пять кружков внахлёст, как в макете (230x50) */
.vt-hero__badges{display:flex;justify-content:center;margin:0 0 4rem;padding:0;list-style:none}
/* Кружок и обводка входят в сам PNG из Figma — своих рисовать не надо */
.vt-hero__badge{width:5rem;height:5rem;margin-left:-.5rem;flex:none}
.vt-hero__badge:first-child{margin-left:0}
.vt-hero__badge img,.vt-hero__badge .vt-img-ph{width:100%;height:100%;display:block;border-radius:50%}

.vt-hero__title{margin:0;color:#fff;font-size:4.8rem;line-height:1.1;font-weight:500;letter-spacing:-.01em;max-width:none}
.vt-hero__lede{margin:2.4rem auto 0;max-width:78rem;color:#B3B3B3;font-size:2rem;line-height:1.4}
/* Акцент в подзаголовке — фирменный градиент текстом */
.vt-hero__accent{background:linear-gradient(270deg,#D278FE 0%,#2D69FB 100%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Video reviews block title (Elementor heading widget) */
.dn-testimonials-page .video-reviews .elementor-widget-heading .elementor-heading-title {
  margin: 0 0 4rem;
  color: #fff;
  font-size: 4rem;
  line-height: 1.15;
  font-weight: 500;
  text-align: center;
  letter-spacing: -0.01em;
}
.dn-testimonials-page .elementor-element.video-reviews.e-con {
  padding: 4rem 0 6rem !important;
}
@media (min-width: 1230px) {
  .dn-testimonials-page .elementor-element.video-reviews.e-con {
    padding: 6rem 0 8rem !important;
  }
}

/* Hidden tiles must leave the grid (Elementor tile shells, not inner HTML only) */
.dn-testimonials-page .elementor-element.video-reviews__item.is-hidden,
.dn-testimonials-page .elementor-element.video-reviews__item[hidden] {
  display: none !important;
}

.dn-testimonials-page .video-reviews__more {
  width: 100% !important;
  text-align: center !important;
  margin-top: 3rem !important;
}
@media (min-width: 1230px) {
  .dn-testimonials-page .video-reviews__more {
    margin-top: 6rem !important;
  }
}
.dn-testimonials-page .video-reviews__more .btn.btn_v2 {
  position: relative !important;
}

@media (max-width:900px){
    .vt-hero__inner{padding-top:9rem}
    .vt-hero__title{font-size:3.6rem}
    .vt-hero__lede{font-size:1.8rem}
    .dn-testimonials-page .elementor-element.vt-hero__title .elementor-heading-title{font-size:3.6rem}
    .dn-testimonials-page .vt-hero .elementor-widget-text-editor p.vt-hero__lede{font-size:1.8rem}
}
@media (max-width:767px){
    .vt-hero__inner{padding-top:7rem}
    .vt-hero__title{font-size:3.2rem}
    .dn-testimonials-page .elementor-element.vt-hero__title .elementor-heading-title{font-size:3.2rem}
}


/* ============ Блок 2. Рейтинги площадок + CTA ============ */
.vt-ratings{
    padding: 12rem 0;
    background: #000000;
}

.vt-ratings .container{
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* В макете заголовка нет, но структура страницы и скринридеры его требуют */
.vt-ratings__title{
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    white-space: nowrap;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
}

/* Ряд площадок */
.vt-ratings__row{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 4.6rem;
    width: 100%;
}

/* Звёзды и подпись читаются как один блок, поэтому центрируются вместе */
.vt-ratings__score{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.4rem;
}

.vt-ratings__stars{
    display: block;
    width: 20.4rem;
    height: auto;
    fill: #F5A623;
}

.vt-ratings__caption{
    font-size: 2rem;
    line-height: 1.4;
    font-weight: 500;
    color: #FFFFFF;
}

/* Словесные логотипы набраны текстом — отдельных SVG в теме нет */
.vt-ratings__logo{
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    color: #FFFFFF;
    text-transform: none;
}

.vt-ratings__logo--clutch,
.vt-ratings__logo--sortlist{
    font-size: 4.8rem;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -.1rem;
}

/* Красная точка Clutch сидит внутри буквы «c» */
.vt-ratings__dot{
    position: relative;
    display: inline-block;
    line-height: 1;
    vertical-align: baseline;
}

.vt-ratings__dot::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: .9rem;
    height: .9rem;
    margin: -.45rem 0 0 -.45rem;
    border-radius: 50%;
    background: #FF3D2E;
}

.vt-ratings__logo--g2{
    justify-content: center;
    width: 4.4rem;
    height: 4.4rem;
    border-radius: 50%;
    background: #FF3D2E;
}

.vt-ratings__g2{
    display: inline-flex;
    align-items: flex-start;
    font-size: 2.8rem;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -.05rem;
    color: #FFFFFF;
}

.vt-ratings__g2-sup{
    margin-left: .1rem;
    font-size: 1.4rem;
    line-height: 1;
}

/* CTA */
.vt-ratings__cta{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 2.4rem;
    max-width: 100%;
    min-height: 4.8rem;
    margin-top: 6rem;
    padding: .6rem 2rem;
    border-radius: 999px;
    background: linear-gradient(270deg, #D278FE 0%, #2D69FB 100%);
    color: #FFFFFF;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    transition: transform .25s ease;
}

.vt-ratings__cta:hover,
.vt-ratings__cta:focus,
.vt-ratings__cta:active,
.vt-ratings__cta:visited{
    color: #FFFFFF;
    text-decoration: none;
}

.vt-ratings__cta:hover{
    transform: translateY(-.2rem);
}

.vt-ratings__cta:focus-visible{
    outline: .2rem solid #d278fe;
    outline-offset: .4rem;
}

.vt-ratings__cta-icon{
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    background: #FFFFFF;
    color: #d278fe;
}

.vt-ratings__cta-icon svg{
    display: block;
    width: 1rem;
    height: 1rem;
}

@media (max-width: 1200px){
    .vt-ratings__row{
        gap: 4rem;
    }
}

@media (max-width: 900px){
    .vt-ratings__row{
        gap: 3.2rem;
    }

    .vt-ratings__stars{
        width: 17rem;
    }

    .vt-ratings__logo--clutch,
    .vt-ratings__logo--sortlist{
        font-size: 4rem;
    }

    .vt-ratings__logo--g2{
        width: 4rem;
        height: 4rem;
    }

    .vt-ratings__g2{
        font-size: 2.4rem;
    }

    .vt-ratings__cta{
        margin-top: 5.6rem;
    }
}

@media (max-width: 767px){
    .vt-ratings{
        padding: 8rem 1.6rem;
    }

    .vt-ratings__row{
        gap: 3.2rem 2.4rem;
    }

    /* Группа со звёздами занимает всю строку — ряд гарантированно ломается ровно на две */
    .vt-ratings__score{
        flex: 0 0 100%;
    }

    .vt-ratings__stars{
        width: 15rem;
    }

    .vt-ratings__caption{
        font-size: 1.6rem;
    }

    .vt-ratings__logo--clutch,
    .vt-ratings__logo--sortlist{
        font-size: 3.2rem;
        letter-spacing: -.05rem;
    }

    .vt-ratings__logo--g2{
        width: 3.2rem;
        height: 3.2rem;
    }

    .vt-ratings__g2{
        font-size: 2rem;
    }

    .vt-ratings__g2-sup{
        font-size: 1.2rem;
    }

    .vt-ratings__cta{
        gap: 1.2rem;
        margin-top: 4.8rem;
        padding: .6rem 1.6rem;
    }
}

@media (prefers-reduced-motion: reduce){
    .vt-ratings__cta{
        transition: none;
    }

    .vt-ratings__cta:hover{
        transform: none;
    }
}

/* ===== Блок площадки отзывов (Figma "ver 4"…"ver 8") ===== */
/* Сетка 382 + 32 + 796 = 1210 — ровно ширина .container темы */
.vt-plat{padding:10rem 0}
.dn-testimonials-page .vt-plat {
  padding-top: 9rem !important;
  padding-bottom: 9rem !important;
}
.dn-testimonials-page .vt-ratings {
  padding-top: 9rem !important;
  padding-bottom: 9rem !important;
}

/* Elementor HTML widget is full-width; center row + 90-day CTA like Ninja */
.dn-testimonials-page .vt-ratings .elementor-element.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 121rem;
  margin-inline: auto;
}

/* HTML widget has no .elementor-widget-container — row + CTA are direct children */
.dn-testimonials-page .vt-ratings .elementor-widget.elementor-widget-html {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100%;
  align-self: stretch;
}

.dn-testimonials-page .vt-ratings .elementor-widget-html .elementor-widget-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.dn-testimonials-page .vt-ratings__cta {
  margin-left: auto;
  margin-right: auto;
}
.vt-plat__title{margin:0 0 6.4rem;text-align:center;color:#fff;font-size:4.8rem;line-height:1.1;font-weight:500;letter-spacing:-.01em}
.vt-plat__row{display:grid;grid-template-columns:38.2rem 1fr;gap:3.2rem;align-items:stretch}

/* --- Левая карточка: профиль площадки, светлая --- */
.vt-plat__profile{display:flex;flex-direction:column;min-height:36rem;padding:3.2rem;border-radius:2.4rem;background:#fff}
.vt-plat__profile-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1.6rem}
.vt-plat__logo{display:block;color:#000;font-size:2.8rem;line-height:1;font-weight:600;letter-spacing:-.02em}
.vt-plat__logo img{display:block;max-width:16rem;max-height:4.3rem;width:auto;height:auto}
.vt-plat__profile-link{flex:none;color:#000;font-size:1.6rem;line-height:1.4;border-bottom:1px solid #4D4D4D;padding-bottom:.2rem;transition:color .2s ease,border-color .2s ease}
.vt-plat__profile-link:hover{color:#d278fe;border-color:#d278fe}
.vt-plat__profile-rate{display:flex;align-items:center;gap:1.2rem;margin-top:1.6rem}
.vt-plat__profile-num{color:#000;font-size:2.4rem;line-height:1.2;font-weight:500}

/* Звёзды: цвет приходит из --vt-star (у Clutch красные, у остальных янтарные) */
.vt-plat__stars{display:inline-flex;align-items:center;gap:.2rem;color:var(--vt-star,#F5A623)}
.vt-plat__stars svg{width:2.4rem;height:2.4rem;display:block}

.vt-plat__tags{display:flex;flex-wrap:wrap;gap:.8rem;margin:auto 0 0;padding:0;list-style:none}
.vt-plat__tag{padding:.7rem 1.6rem;border-radius:999px;background:#F2F2F2;color:#4D4D4D;font-size:1.4rem;line-height:1.4}
.vt-plat__tag_more{color:#808080}

/* --- Правая карточка: отзыв, тёмная --- */
.vt-plat__reviews{min-width:0}
/* Высоту тянет сама карточка, а не цепочка height:100% по трекам Splide:
   при незагруженном Splide такая цепочка зацикливается и раздувает страницу. */
.vt-plat__splide .splide__list{align-items:stretch}
.vt-plat__splide .splide__slide{height:auto}
/* Подстраховка: скрипт лежит в футере и может не догрузиться — до инициализации
   показываем отзывы обычной горизонтальной лентой, а не столбиком во весь экран. */
.vt-plat__splide:not(.is-initialized) .splide__list{display:flex;gap:2.4rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}
.vt-plat__splide:not(.is-initialized) .splide__list::-webkit-scrollbar{display:none;height:0;width:0}
.vt-plat__splide:not(.is-initialized) .splide__slide{flex:0 0 100%;scroll-snap-align:start}

/* Clip slides in the track; do not overflow:hidden the list (breaks Splide transforms) */
.dn-testimonials-page .vt-plat__splide .splide__track {
  overflow: hidden;
}

.dn-testimonials-page .vt-plat__splide:not(.is-initialized) .splide__list {
  overflow-x: auto;
  overflow-y: hidden;
}
.vt-rev{display:grid;grid-template-columns:29.9rem 1fr;height:100%;min-height:36rem;border-radius:2.4rem;background:#121212;border:1px solid #333}
.vt-rev__side{display:flex;flex-direction:column;padding:3.2rem;border-right:1px solid #333}
.vt-rev__rate{display:flex;align-items:center;gap:1.2rem}
.vt-rev__num{color:#fff;font-size:2.4rem;line-height:1.2;font-weight:500}
.vt-rev__meta{margin:auto 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:1.6rem}
.vt-rev__meta-item{display:flex;align-items:center;gap:1.2rem;color:#B3B3B3;font-size:1.6rem;line-height:1.4}
.vt-rev__meta-item_labelled{flex-direction:column;align-items:flex-start;gap:.4rem}
.vt-rev__meta-label{color:#808080;font-size:1.2rem;line-height:1.4;letter-spacing:.2rem;text-transform:uppercase}
.vt-rev__meta-val{color:#B3B3B3}
.vt-rev__meta-item_labelled .vt-rev__meta-val{color:#fff}
.vt-plat__mi{flex:none;color:#808080}

.vt-rev__body{display:flex;flex-direction:column;padding:3.2rem}
.vt-rev__title{margin:0 0 1.2rem;color:#fff;font-size:2rem;line-height:1.2;font-weight:600}
.vt-rev__quote{margin:0;color:#fff;font-size:2rem;line-height:1.4;font-weight:500}
.vt-rev__title+.vt-rev__quote{color:#B3B3B3;font-size:1.8rem}
.vt-rev__author{margin-top:auto;padding-top:2.4rem;display:flex;flex-direction:column;align-items:flex-start;gap:.4rem}
.vt-rev__co{display:block;margin-bottom:.8rem}
.vt-rev__co img{display:block;max-width:14rem;max-height:2.8rem;width:auto;height:auto}
.vt-rev__co_txt{color:#fff;font-size:2rem;line-height:1.2;font-weight:600}
.vt-rev__who{color:#fff;font-size:1.6rem;line-height:1.4}
.vt-rev__role{color:#808080;font-size:1.6rem;line-height:1.4}

/* --- Стрелки --- */
.vt-plat__arrows{display:flex;justify-content:center;gap:1.2rem;margin-top:4.4rem}
.vt-arrow{width:4.8rem;height:4.8rem;display:grid;place-items:center;padding:0;border-radius:50%;background:transparent;border:1px solid #333;color:#808080;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}
.vt-arrow:hover{color:#fff;border-color:#808080}
.vt-arrow svg{width:4.8rem;height:4.8rem;display:block}

/* Elementor/WP button styles paint vt-arrows brand pink — lock to Ninja vt-arrow */
.dn-testimonials-page button.vt-arrow,
.dn-testimonials-page button.vt-arrow:visited {
  appearance: none;
  -webkit-appearance: none;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 1px solid #333 !important;
  color: #808080 !important;
}
.dn-testimonials-page button.vt-arrow:hover {
  background: transparent !important;
  background-image: none !important;
  color: #fff !important;
  border-color: #808080 !important;
}
.dn-testimonials-page button.vt-arrow:focus {
  outline: none;
}
.dn-testimonials-page button.vt-arrow:focus-visible {
  background: #2d69fb !important;
  background-image: none !important;
  border-color: #2d69fb !important;
  color: #fff !important;
  outline: none;
}
.dn-testimonials-page button.vt-arrow:active {
  background: transparent !important;
  background-image: none !important;
  color: #fff !important;
  border-color: #808080 !important;
}

/* --- Адаптив --- */
@media (max-width:1200px){
    .vt-plat__row{grid-template-columns:32rem 1fr}
    .vt-rev{grid-template-columns:26rem 1fr}
}
@media (max-width:900px){
    .vt-plat{padding:7rem 0}
    .vt-plat__title{font-size:3.6rem;margin-bottom:4rem}
    .vt-plat__row{grid-template-columns:1fr;gap:1.6rem}
    .vt-plat__profile{min-height:0}
    .vt-rev{grid-template-columns:1fr;min-height:0}
    .vt-rev__side{border-right:0;border-bottom:1px solid #333}
    .vt-rev__meta{flex-direction:row;flex-wrap:wrap;gap:1.2rem 2.4rem;margin-top:2.4rem}
}
@media (max-width:767px){
    .vt-plat{padding:5rem 0}
    .vt-plat__title{font-size:3.2rem}
    .vt-plat__profile,.vt-rev__side,.vt-rev__body{padding:2.4rem}
    .vt-rev__quote{font-size:1.8rem}
    .vt-plat__arrows{margin-top:3.2rem}
}

/* Тема расширяет .container до 1560px на экранах от 1600px — держим сетку блока
   на проектных 1210px, иначе правая карточка расползается. */
@media (min-width:1600px){
    .vt-plat__row{max-width:121rem;margin-inline:auto}
    .vt-plat__arrows{max-width:121rem;margin-inline:auto}
}

.dn-testimonials-page .vt-rev {
  overflow: hidden;
}

/* Ninja-style slide rail under the dark review card (not the OS scrollbar) */
.dn-testimonials-page .vt-plat__reviews {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.dn-testimonials-page .vt-plat__rail {
  position: relative;
  flex: none;
  width: 100%;
  height: 3px;
  margin-top: 0;
  background: #333;
  border-radius: 0 0 2.4rem 2.4rem;
  overflow: hidden;
}

.dn-testimonials-page .vt-plat__rail-thumb {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #808080;
  border-radius: 0 0 2.4rem 2.4rem;
  transition: left 450ms ease, width 450ms ease;
}

.dn-testimonials-page .vt-rev__body > .vt-rev__quote:first-child {
  letter-spacing: -0.02em;
}

.dn-testimonials-page .vt-rev__author .vt-rev__co_txt {
  margin-bottom: 0;
}

/* Плашка вместо ещё не выгруженного ассета: держит габариты, не ломает сетку.
   Как только файл окажется в images/testimonials/, отрисуется настоящая картинка. */
.vt-img-ph{display:block;border-radius:inherit;background:linear-gradient(135deg,#1e1e1e,#2b2b2b)}

/* ============ Блок N. Experts CTA ============ */
.vt-experts,
.vt-experts *,
.vt-experts *::before,
.vt-experts *::after {
    box-sizing: border-box;
}

.vt-experts {
    padding: 12rem 0;
    background: #000000;
}

/* Карточка 1210x395 из макета. Фон — фирменный градиент строго по горизонтали:
   270deg ставит #D278FE справа, #2D69FB слева, как в референсе. Рамки у карточки нет. */
.vt-experts__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 6rem;
    border-radius: 3rem;
    background: linear-gradient(270deg, #D278FE 0%, #2D69FB 100%);
    text-align: center;
}

.dn-testimonials-page .vt-experts .e-con.vt-experts__card {
  width: 100%;
  max-width: 121rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

/* Safety: no nested gradient card if HTML widget still wraps markup */
.dn-testimonials-page .vt-experts__card .vt-experts__card {
  padding: 0;
  border-radius: 0;
  background: none;
}

.vt-experts__title {
    margin: 0;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 4.8rem;
    line-height: 1.1;
}

/* Ряд пруфа 758x82. Наезд стопки на плашку сделан отрицательным margin, поэтому gap нулевой. */
.vt-experts__proof {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    min-height: 8.2rem;
    margin-top: 4rem;
}

/* 20% белого поверх градиента — замерено по экспорту, плоского токена тут нет */
.vt-experts__clutch {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 1.2rem;
    height: 8.2rem;
    padding: 0 1.6rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, .2);
}

.vt-experts__clutch-mark {
    display: block;
    flex: 0 0 auto;
    width: 4.2rem;
    height: 4.8rem;
}

.vt-experts__clutch-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
}

.vt-experts__clutch-score {
    display: inline-flex;
    align-items: center;
    gap: .7rem;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 2rem;
    line-height: 1.4;
    letter-spacing: normal;
    white-space: nowrap;
}

.vt-experts__star {
    display: block;
    flex: 0 0 auto;
    width: 2.1rem;
    height: 2rem;
}

.vt-experts__clutch-label {
    color: rgba(255, 255, 255, .7);
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.4;
    letter-spacing: normal;
    white-space: nowrap;
}

/* Стопка заходит на плашку рейтинга на 1.1rem */
.vt-experts__avatars {
    display: flex;
    align-items: center;
    margin: 0 0 0 -1.1rem;
    padding: 0;
    list-style: none;
}

/* position:relative фиксирует порядок наложения: каждое следующее лицо поверх предыдущего
   и вся стопка поверх плашки. Обводки у кружков нет — на градиенте она читалась бы линией. */
.vt-experts__avatar {
    position: relative;
    display: block;
    flex: 0 0 auto;
    width: 8rem;
    height: 8rem;
    margin-left: -1rem;
    border-radius: 50%;
    overflow: hidden;
}

.vt-experts__avatar:first-child {
    margin-left: 0;
}

/* Селектор через `> *`, чтобы работала и заглушка vt_img, когда файла нет */
.vt-experts__avatar > * {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

/* Белая пилюля с чёрным текстом: единственный светлый элемент на градиенте */
.vt-experts__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 6rem;
    margin-top: 4rem;
    padding: 0 3.2rem;
    border-radius: 999px;
    background: #FFFFFF;
    color: #000000;
    font-weight: 500;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: normal;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color .25s ease, transform .25s ease;
}

.vt-experts__btn:hover,
.vt-experts__btn:focus,
.vt-experts__btn:focus-visible {
    color: #000000;
    text-decoration: none;
}

/* Гасим не прозрачностью, а заливкой: прозрачная белая пилюля окрашивается градиентом */
.vt-experts__btn:hover,
.vt-experts__btn:focus-visible {
    background: #F2F2F2;
    transform: translateY(-2px);
}

/* Фокус белый, а не #d278fe: сиреневый на сиреневом градиенте не виден */
.vt-experts__btn:focus-visible {
    outline: 2px solid #FFFFFF;
    outline-offset: 3px;
}

@media (max-width: 1200px) {
    .vt-experts {
        padding: 10rem 2rem;
    }
}

@media (max-width: 900px) {
    .vt-experts {
        padding: 8rem 2rem;
    }

    .vt-experts__card {
        padding: 4rem;
        border-radius: 2.4rem;
    }

    .vt-experts__title {
        font-size: 4rem;
    }

    /* Плашка Clutch уезжает над стопкой — в одну строку ряд уже не помещается */
    .vt-experts__proof {
        flex-direction: column;
        gap: 2.4rem;
        min-height: 0;
        margin-top: 3.2rem;
    }

    .vt-experts__avatars {
        margin-left: 0;
    }

    .vt-experts__avatar {
        width: 6.4rem;
        height: 6.4rem;
        margin-left: -.8rem;
    }

    .vt-experts__btn {
        margin-top: 3.2rem;
    }
}

@media (max-width: 767px) {
    .vt-experts {
        padding: 6rem 1.6rem;
    }

    .vt-experts__card {
        padding: 3.2rem 2rem;
        border-radius: 2.4rem;
    }

    .vt-experts__title {
        font-size: 3.2rem;
    }

    .vt-experts__avatar {
        width: 5.6rem;
        height: 5.6rem;
    }

    /* На узком экране хватает пяти лиц; из разметки они не удаляются */
    .vt-experts__avatar:nth-child(n+6) {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .vt-experts__btn {
        transition: none;
    }

    .vt-experts__btn:hover,
    .vt-experts__btn:focus-visible {
        transform: none;
    }
}

/* ============ Блок N. 4 шага ============ */
.vt-steps{
    padding: 12rem 0;
    background: #000000;
}

/* --- шапка блока --- */
.vt-steps__head{
    margin: 0 0 6.4rem;
    text-align: center;
}
.vt-steps__title{
    margin: 0;
    font-size: 4.8rem;
    line-height: 1.1;
    font-weight: 500;
    letter-spacing: 0;
    color: #FFFFFF;
    text-align: center;
}

.dn-testimonials-page .vt-steps .elementor-widget-html .vt-steps__head {
  width: 100%;
  margin: 0 0 6.4rem;
  text-align: center;
}
/* «90-Day» по макету — чип, а не градиентный текст. Размер и внутренние отступы в em,
   поэтому чип ужимается вместе с заголовком на брейкпоинтах без отдельных правил */
.vt-steps__pill{
    display: inline-block;
    padding: .175em .5em;
    border: 1px solid rgba(210, 120, 254, .3);
    border-radius: 999px;
    background: rgba(210, 120, 254, .16);
    font-size: .8333em;
    line-height: 1.1;
    font-weight: 500;
    color: #d278fe;
    white-space: nowrap;
}
.vt-steps__lead{
    max-width: 54.8rem;
    margin: 1.6rem auto 0;
    font-size: 2rem;
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: 0;
    color: #B3B3B3;
}

/* --- сетка карточек --- */
.vt-steps__grid{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.6rem;
    margin: 0;
    padding: 0;
    list-style: none;
}
.vt-steps__card{
    display: flex;
    flex-direction: column;
    min-height: 28.6rem;
    padding: 3.2rem;
    background: #121212;
    border: 1px solid #262626;
    border-radius: 1.6rem;
    list-style: none;
}
/* Страховка от глобальных маркеров списков в общем стайлшите темы */
.vt-steps__card::before{
    content: none;
}

/* --- бейдж шага: тёмная пилюля без иконки --- */
.vt-steps__badge{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    height: 3.2rem;
    padding: 0 2rem;
    border: 1px solid #333333;
    border-radius: 999px;
    background: #262626;
    font-size: 1.4rem;
    line-height: 1;
    font-weight: 500;
    letter-spacing: 0;
    color: #B3B3B3;
    white-space: nowrap;
}

/* --- тело карточки --- */
.vt-steps__card-title{
    margin: 3.2rem 0 0;
    font-size: 2.4rem;
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: 0;
    color: #FFFFFF;
}
/* Линия разделителя — на псевдоэлементах: искра остаётся единственным реальным узлом внутри */
.vt-steps__rule{
    display: flex;
    align-items: center;
    margin: 2.8rem 0 2.4rem;
}
.vt-steps__rule::before,
.vt-steps__rule::after{
    content: '';
    flex: 1 1 auto;
    height: 1px;
    background: #333333;
}
.vt-steps__spark{
    flex: 0 0 auto;
    width: 1.1rem;
    height: 1.1rem;
    margin: 0 1.2rem;
    color: #333333;
}
.vt-steps__card-text{
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: 0;
    color: #B3B3B3;
}

/* --- кнопка --- */
.vt-steps__cta{
    margin-top: 6.4rem;
    text-align: center;
}
.vt-steps__btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 1.6rem;
    height: 4.8rem;
    padding: 0 2.2rem;
    border-radius: 999px;
    background: linear-gradient(270deg, #D278FE 0%, #2D69FB 100%);
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: 0;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    transition: opacity .25s ease;
}
/* Фон и цвет дублируются в :hover — глобальный стайлшит темы перекрашивает ссылки при наведении */
.vt-steps__btn:hover,
.vt-steps__btn:focus-visible{
    background: linear-gradient(270deg, #D278FE 0%, #2D69FB 100%);
    color: #FFFFFF;
    text-decoration: none;
    opacity: .9;
}
.vt-steps__btn:focus-visible{
    outline: 2px solid #d278fe;
    outline-offset: 3px;
}
.vt-steps__btn-icon{
    flex: 0 0 auto;
    width: 1.6rem;
    height: 1.6rem;
}

/* --- адаптив --- */
@media (max-width: 1200px){
    .vt-steps{
        padding: 10rem 0;
    }
    .vt-steps__card{
        padding: 2.4rem;
    }
    .vt-steps__card-title{
        font-size: 2.2rem;
    }
}

@media (max-width: 900px){
    .vt-steps__head{
        margin-bottom: 4.8rem;
    }
    .vt-steps__title{
        font-size: 4rem;
    }
    .vt-steps__grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .vt-steps__card{
        min-height: 0;
    }
    .vt-steps__cta{
        margin-top: 4.8rem;
    }
}

@media (max-width: 767px){
    .vt-steps{
        padding: 8rem 1.6rem;
    }
    /* На мобильном заголовок переносится сам — жёсткий перенос макета тут только мешает */
    .vt-steps__break{
        display: none;
    }
    .vt-steps__head{
        margin-bottom: 4rem;
    }
    .vt-steps__title{
        font-size: 3.2rem;
    }
    .vt-steps__lead{
        margin-top: 1.2rem;
        font-size: 1.8rem;
    }
    .vt-steps__grid{
        grid-template-columns: minmax(0, 1fr);
    }
    .vt-steps__card-title{
        margin-top: 2.4rem;
    }
    .vt-steps__rule{
        margin: 2rem 0 1.8rem;
    }
    .vt-steps__cta{
        margin-top: 3.2rem;
    }
    .vt-steps__btn{
        width: 100%;
    }
}

/* ============ Блок N. Offices ============ */
.vt-offices {
    padding: 12rem 0;
    background-color: #000000;
}

/* Шапка по центру колонки. Ширины держат ровно тот перенос строк, что в макете. */
.vt-offices__head {
    max-width: 80.2rem;
    margin: 0 auto;
    text-align: center;
}

.dn-testimonials-page .vt-offices .e-con.vt-offices__head {
  width: 100%;
  max-width: 80.2rem;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
  text-align: center;
}

.dn-testimonials-page .vt-offices .elementor-element.vt-offices__title .elementor-heading-title {
  max-width: 70.3rem;
  margin: 0 auto;
  font-size: 4.8rem;
  line-height: 1.1;
  font-weight: 500;
  color: #fff;
  text-align: center;
}

.dn-testimonials-page .vt-offices .elementor-widget-text-editor p.vt-offices__lead {
  max-width: 80.2rem;
  margin: 2rem auto 0;
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 500;
  color: #b3b3b3;
  text-align: center;
}

/* Градиента в заголовке нет — обе строки белые. text-wrap:balance не ставим:
   он перебалансировал бы строки и сломал перенос из макета. */
.vt-offices__title {
    max-width: none;
    margin: 0 auto;
    font-size: 4.8rem;
    line-height: 1.1;
    font-weight: 500;
    color: #FFFFFF;
    text-align: center;
}

.vt-offices__title .vt-offices__line {
  display: block;
  max-width: none;
}

/* Exactly two visual lines: line 1 must not soft-wrap inside the span */
.vt-offices__title .vt-offices__line:first-child {
  white-space: nowrap;
}

.dn-testimonials-page .vt-offices .elementor-widget-html .vt-offices__head {
  width: 100%;
  max-width: 80.2rem;
  margin: 0 auto 0;
  text-align: center;
}

.dn-testimonials-page .vt-offices .elementor-widget-html .vt-offices__title {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  font-size: 4.8rem;
  line-height: 1.1;
  font-weight: 500;
  color: #fff;
  text-align: center;
}

.dn-testimonials-page .vt-offices .elementor-widget-html .vt-offices__title .vt-offices__line {
  display: block;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.dn-testimonials-page .vt-offices .elementor-widget-html .vt-offices__title .vt-offices__line:first-child {
  white-space: nowrap;
}

.dn-testimonials-page .vt-offices .elementor-widget-html .vt-offices__lead {
  max-width: 80.2rem;
  margin: 2rem auto 0;
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 500;
  color: #b3b3b3;
  text-align: center;
}

.vt-offices__lead {
    max-width: 80.2rem;
    margin: 2rem auto 0;
    font-size: 2rem;
    line-height: 1.4;
    font-weight: 500;
    color: #B3B3B3;
}

.vt-offices__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 3rem;
    margin: 6rem 0 0;
    padding: 0;
    list-style: none;
}

/* Карточка — горизонтальный сплит 120/263 при высоте 166px.
   overflow:hidden режет фото по радиусу карточки, поэтому у фото скруглён только левый край. */
.vt-offices__card {
    box-sizing: border-box;
    display: flex;
    align-items: stretch;
    min-height: 16.6rem;
    overflow: hidden;
    background-color: #121212;
    border: 1px solid #333333;
    border-radius: 1.2rem;
}

.vt-offices__photo {
    display: block;
    flex: 0 0 12rem;
    align-self: stretch;
    width: 12rem;
    height: 100%;
    object-fit: cover;
}

.vt-offices__body {
    box-sizing: border-box;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
    padding: 2rem;
}

.vt-offices__city {
    margin: 0 0 .8rem;
    font-size: 2rem;
    line-height: 1.4;
    font-weight: 500;
    color: #FFFFFF;
}

.vt-offices__addr {
    margin: 0;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 500;
    color: #808080;
    overflow-wrap: break-word;
}

/* Ссылка прижата к низу: у Лондона адрес в три строки, у Сингапура в две,
   но «See on map» во всех трёх карточках стоит на одной линии. */
.vt-offices__map {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 1.2rem;
    margin-top: auto;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 500;
    color: #B3B3B3;
    text-decoration: none;
    transition: color .2s ease;
}

.vt-offices__map:hover,
.vt-offices__map:focus-visible {
    color: #FFFFFF;
}

.vt-offices__map:focus-visible {
    outline: 2px solid #d278fe;
    outline-offset: 3px;
    border-radius: .4rem;
}

.vt-offices__arrow {
    display: block;
    flex-shrink: 0;
    transition: transform .2s ease;
}

.vt-offices__map:hover .vt-offices__arrow {
    transform: translate(.2rem, -.2rem);
}

@media (prefers-reduced-motion: reduce) {
    .vt-offices__map,
    .vt-offices__arrow {
        transition: none;
    }

    .vt-offices__map:hover .vt-offices__arrow {
        transform: none;
    }
}

/* Ниже 1230px тема сама даёт .container боковые 1.6rem — свои не добавляем, иначе двойной отступ. */
@media (max-width: 1200px) {
    .vt-offices {
        padding: 10rem 0;
    }

    .vt-offices__grid {
        gap: 2rem;
    }

    .vt-offices__photo {
        flex-basis: 11rem;
        width: 11rem;
    }

    .vt-offices__body {
        padding: 1.6rem;
    }
}

/* 900px: в три колонки текстовый блок ужимается до ~12rem и адрес расползается — уходим в две. */
@media (max-width: 900px) {
    .vt-offices__title {
        font-size: 4rem;
    }

    .vt-offices__lead {
        font-size: 1.8rem;
    }

    .vt-offices__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 4.8rem;
    }
}

@media (max-width: 767px) {
    .vt-offices {
        padding: 8rem 1.6rem;
    }

    .vt-offices__title {
        font-size: 3.2rem;
    }

    .vt-offices__lead {
        margin-top: 1.6rem;
        font-size: 1.6rem;
    }

    .vt-offices__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 1.6rem;
        margin-top: 3.2rem;
    }

    /* В одну колонку карточка широкая: держим фото примерно на трети, но не даём разрастись. */
    .vt-offices__card {
        min-height: 14rem;
    }

    .vt-offices__photo {
        flex-basis: 32%;
        width: 32%;
        max-width: 16rem;
    }
}

/* ============ Блок 11. FAQ ============ */
.vt-faq {
    padding: 12rem 0;
    background: #000000;
}
.vt-faq *,
.vt-faq *::before,
.vt-faq *::after { box-sizing: border-box; }

/* ---- шапка: заголовок слева, градиентная пилюля справа ---- */
.vt-faq__head {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 2.4rem;
    width: 100%;
}

.dn-testimonials-page .vt-faq .elementor-widget-html .vt-faq__head {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 2.4rem;
  width: 100%;
}

.dn-testimonials-page .vt-faq .elementor-widget-html .vt-faq__title {
  margin: 0;
  font-size: 4.8rem;
  line-height: 1.1;
  font-weight: 500;
  color: #fff;
  text-align: left;
}
.vt-faq__title {
    margin: 0;
    font-size: 4.8rem;
    line-height: 1.1;
    font-weight: 500;
    color: #FFFFFF;
}

/* Пилюля 226×48 по макету: подпись слева, белый кружок со стрелкой справа */
.vt-faq__cta {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 2.4rem;
    min-width: 22.6rem;
    height: 4.8rem;
    padding: 0 2rem;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(270deg, #D278FE 0%, #2D69FB 100%);
    color: #FFFFFF;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: normal;
    text-align: left;
    text-decoration: none;
    transition: opacity .2s ease;
}
.vt-faq__cta:hover,
.vt-faq__cta:focus,
.vt-faq__cta:active,
.vt-faq__cta:visited {
    color: #FFFFFF;
    text-decoration: none;
}
.vt-faq__cta:hover { opacity: .85; }
.vt-faq__cta:focus-visible {
    outline: 2px solid #FFFFFF;
    outline-offset: 3px;
}
.vt-faq__cta-label { flex: 0 1 auto; }
.vt-faq__cta-icon {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
    background: #FFFFFF;
    color: #d278fe;
}
.vt-faq__cta-icon svg {
    display: block;
    width: 1.2rem;
    height: 1.2rem;
}

/* ---- сетка: две независимые колонки ---- */
/* Ряды слева и справа в макете не выравниваются, поэтому колонки — отдельные стопки,
   а не строки одного грида. Сетка держит только сами колонки. */
.vt-faq__cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.6rem;
    align-items: start;
    margin-top: 6rem;
}
.vt-faq__col {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    min-width: 0;
}

/* ---- карточка-аккордеон ---- */
.vt-faq__item {
    margin: 0;
    overflow: hidden;
    border-radius: 2.4rem;
    background: #121212;
    transition: background-color .25s ease;
}
.vt-faq__item:hover,
.vt-faq__item[open] { background: #333333; }

.vt-faq__q {
    display: flex;
    align-items: center;
    gap: 4rem; /* держит колонку текста в 481px, как в макете */
    min-height: 7.2rem;
    margin: 0;
    padding: 2rem 2rem 2rem 2.4rem;
    cursor: pointer;
    list-style: none;
    font-size: 2rem;
    line-height: 1.4;
    font-weight: 500;
    color: #B3B3B3;
    transition: color .25s ease;
}
/* убираем нативный треугольник в WebKit и Firefox */
.vt-faq__q::-webkit-details-marker { display: none; }
.vt-faq__q::marker { content: ""; }
.vt-faq__q:focus-visible {
    outline: 2px solid #d278fe;
    outline-offset: -4px;
    border-radius: 2.4rem;
}
.vt-faq__item:hover > .vt-faq__q,
.vt-faq__item[open] > .vt-faq__q { color: #FFFFFF; }
.vt-faq__q-text {
    flex: 1 1 auto;
    min-width: 0;
}

/* «+» собран из двух полосок: на раскрытии вертикальная ложится на горизонтальную и даёт «−» */
.vt-faq__marker {
    position: relative;
    flex: 0 0 auto;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    background: #4D4D4D;
    color: #B3B3B3;
    transition: background-color .25s ease, color .25s ease;
}
.vt-faq__marker::before,
.vt-faq__marker::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.4rem;
    height: .15rem;
    border-radius: .15rem;
    background: currentColor;
    transform: translate(-50%, -50%);
    transition: transform .25s ease;
}
.vt-faq__marker::after { transform: translate(-50%, -50%) rotate(90deg); }
.vt-faq__item:hover > .vt-faq__q .vt-faq__marker,
.vt-faq__item[open] > .vt-faq__q .vt-faq__marker {
    background: #FFFFFF;
    color: #000000;
}
.vt-faq__item[open] > .vt-faq__q .vt-faq__marker::after { transform: translate(-50%, -50%) rotate(0deg); }

/* ---- ответ ---- */
/* правый отступ 9.2rem = кнопка + зазор + паддинг: ответ встаёт в ту же колонку, что и вопрос */
.vt-faq__a { padding: 0 9.2rem 2.4rem 2.4rem; }
.vt-faq__item[open] > .vt-faq__a { animation: vt-faq-reveal .25s ease both; }
.vt-faq__a-text {
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: 1px;
    color: #B3B3B3;
}
.vt-faq__a-text + .vt-faq__a-text { margin-top: .8rem; }

/* Часть ответов на /v2 — маркированные списки, сохраняем их структуру */
.vt-faq__a-list {
    margin: .8rem 0 0;
    padding: 0 0 0 2rem;
    list-style: disc;
    color: #B3B3B3;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: 1px;
}
.vt-faq__a-list li { margin: 0 0 .6rem; }
.vt-faq__a-list li:last-child { margin-bottom: 0; }

@keyframes vt-faq-reveal {
    from { opacity: 0; transform: translateY(-.4rem); }
    to   { opacity: 1; transform: none; }
}

/* ---- адаптив ---- */
@media (max-width: 1200px) {
    .vt-faq .container {
        padding-left: 2.4rem;
        padding-right: 2.4rem;
    }
    .vt-faq__q { gap: 2.4rem; }
    .vt-faq__a { padding-right: 7.6rem; }
}
@media (max-width: 900px) {
    .vt-faq { padding: 9.6rem 0; }
    .vt-faq__cols {
        grid-template-columns: 1fr;
        margin-top: 4.8rem;
    }
    .vt-faq__a { padding-right: 2.4rem; }
}
@media (max-width: 767px) {
    .vt-faq { padding: 8rem 0; }
    .vt-faq .container {
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }
    .vt-faq__head {
        flex-direction: column;
        align-items: flex-start;
        gap: 2.4rem;
    }
    .vt-faq__title { font-size: 3.6rem; }
    .vt-faq__cta {
        width: 100%;
        min-width: 0;
    }
    .vt-faq__item { border-radius: 2rem; }
    .vt-faq__q {
        gap: 1.6rem;
        min-height: 6.4rem;
        padding: 1.8rem 1.6rem 1.8rem 2rem;
        font-size: 1.8rem;
    }
    .vt-faq__marker {
        width: 2.8rem;
        height: 2.8rem;
    }
    .vt-faq__marker::before,
    .vt-faq__marker::after { width: 1.2rem; }
    .vt-faq__a { padding: 0 2rem 2rem; }
}
@media (prefers-reduced-motion: reduce) {
    .vt-faq__item[open] > .vt-faq__a { animation: none; }
    .vt-faq__item,
    .vt-faq__q,
    .vt-faq__marker,
    .vt-faq__marker::before,
    .vt-faq__marker::after,
    .vt-faq__cta { transition: none; }
}

/* ============ Блок N. Contact form ============ */

.vt-form {
    background: #000000;
    padding: 12rem 0;
    scroll-margin-top: 10rem; /* якорь #contact не должен уезжать под липкий хедер */
}

/* CF7 подмешивает свою разметку — фиксируем модель у всего, что внутри секции */
.vt-form *,
.vt-form *::before,
.vt-form *::after {
    box-sizing: border-box;
}

/* .container темы на >=1600px расширяется до 1560 — держим макетные 1210.
   В макете колонки выровнены по центру друг друга: карточка выше текстового блока */
.vt-form__grid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8rem;
    max-width: 121rem;
    margin: 0 auto;
}

/* ---- Левая колонка ---- */

.vt-form__intro {
    flex: 1 1 63.5rem;
    max-width: 63.5rem;
    min-width: 0;
}

.vt-form__title {
    margin: 0 0 2rem;
    color: #FFFFFF;
    font-size: 4.8rem;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -.01em;
    text-align: left;
}

.vt-form__title .vt-form__line {
  display: block;
  max-width: none;
}

.vt-form__title .vt-form__line:first-child {
  white-space: nowrap;
}

.dn-testimonials-page .vt-form .elementor-widget-html .vt-form__grid {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8rem;
  max-width: 121rem;
  margin: 0 auto;
  width: 100%;
}

.vt-form__lead {
    margin: 0 0 6rem;
    color: #B3B3B3;
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.4;
}

.vt-form__perks {
    margin: 0 0 6rem;
}

.vt-form__perks-label {
    margin: 0 0 2rem;
    color: #FFFFFF;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 1px;
}

.vt-form__perks-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 0;
    padding: 0 0 0 1rem;
    list-style: none;
}

.vt-form__perks-item {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin: 0;
    padding: 0;
    color: #808080;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 1px;
}

/* маркер 4x4: margin-top сажает квадрат на середину строчных букв первой строки */
.vt-form__perks-item::before {
    content: '';
    flex: 0 0 auto;
    width: .4rem;
    height: .4rem;
    margin-top: 1rem;
    background: #808080;
}

/* сетка 3x2, шаг колонки 19.5rem как в макете; выравнивание по левому краю ячейки */
.vt-form__logos {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 16.5rem));
    justify-content: start;
    column-gap: 3rem;
    row-gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.vt-form__logo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 6rem;
    margin: 0;
    padding: 0;
}

/* исходники лого цветные: brightness(0) гасит в чёрный, invert(.5) поднимает ровно до #808080 */
.vt-form__logo img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 4.5rem;
    object-fit: contain;
    filter: brightness(0) invert(.5);
}

.vt-form__logo img.dn-contact-logo {
    filter: none;
    width: 100%;
    max-width: 176px;
    max-height: 59px;
    object-fit: contain;
    object-position: center;
}

/* ---- Правая колонка: белая карточка ---- */

.vt-form__card {
    flex: 0 1 49.5rem;
    width: 100%;
    max-width: 49.5rem;
    min-width: 0;
    padding: 4rem;
    background: #FFFFFF;
    border: none;
    border-radius: 3.2rem;
}

.vt-form__card-title {
    margin: 0 0 2rem;
    color: #000000;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
}

/* ---- CF7: поля-подчёркивания на белом, как в остальных формах сайта ---- */

.vt-form__cf7 .wpcf7 {
    margin: 0;
    padding: 0;
}

/* шаг между полями держим на flex-gap: разметку <p> внутри CF7 мы не контролируем */
.vt-form__cf7 .wpcf7-form {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin: 0;
}

.vt-form__cf7 .wpcf7-form > p {
    margin: 0;
}

/* <br> из формы 1698 стал бы пустым flex-элементом и добавил лишний gap */
.vt-form__cf7 .wpcf7-form br {
    display: none;
}

.vt-form__cf7 .wpcf7-form-control-wrap {
    display: block;
    position: relative;
    width: 100%;
    margin: 0;
}

.vt-form__cf7 .iti {
    display: block;
    width: 100%;
}

/* border-bottom с !important: footer.php вешает inline border-bottom на валидные поля,
   иначе подчёркивание уезжает в rgba(0,0,0,.5) вместо макетного #E6E6E6 */
.vt-form__cf7 input[type="text"],
.vt-form__cf7 input[type="email"],
.vt-form__cf7 input[type="tel"],
.vt-form__cf7 input[type="url"],
.vt-form__cf7 input[type="number"],
.vt-form__cf7 select,
.vt-form__cf7 textarea {
    width: 100%;
    height: auto;
    min-height: 0;
    max-width: 100%;
    margin: 0;
    padding: 1.3rem 0;
    background: transparent;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #E6E6E6 !important;
    color: #000000;
    /* Поля и кнопки не наследуют шрифт сами: без этого textarea уедет в моноширинный */
    font-family: inherit;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: .16px;
    transition: border-color .25s ease-in-out;
    -webkit-appearance: none;
    appearance: none;
}

/* глобальный textarea темы — 16rem высоты; в макете это узкое поле в одну строку */
.vt-form__cf7 textarea {
    height: 3.2rem;
    min-height: 3.2rem;
    padding: 0;
    color: #000000;
    font-size: 1.4rem;
    line-height: 1.4;
    resize: vertical;
}

.vt-form__cf7 input[type="text"]:hover,
.vt-form__cf7 input[type="email"]:hover,
.vt-form__cf7 input[type="tel"]:hover,
.vt-form__cf7 input[type="url"]:hover,
.vt-form__cf7 input[type="number"]:hover,
.vt-form__cf7 select:hover,
.vt-form__cf7 textarea:hover {
    border-bottom-color: #808080 !important;
}

.vt-form__cf7 input[type="text"]:focus,
.vt-form__cf7 input[type="email"]:focus,
.vt-form__cf7 input[type="tel"]:focus,
.vt-form__cf7 input[type="url"]:focus,
.vt-form__cf7 input[type="number"]:focus,
.vt-form__cf7 select:focus,
.vt-form__cf7 textarea:focus {
    border-bottom-color: #d278fe !important;
    outline: none;
    box-shadow: none;
}

.vt-form__cf7 input::placeholder,
.vt-form__cf7 textarea::placeholder {
    color: #808080;
    opacity: 1;
}

.vt-form__cf7 input::-webkit-input-placeholder,
.vt-form__cf7 textarea::-webkit-input-placeholder {
    color: #808080;
    opacity: 1;
}

.vt-form__cf7 input::-moz-placeholder,
.vt-form__cf7 textarea::-moz-placeholder {
    color: #808080;
    opacity: 1;
}

.vt-form__cf7 input:-ms-input-placeholder,
.vt-form__cf7 textarea:-ms-input-placeholder {
    color: #808080;
    opacity: 1;
}

/* автозаполнение Chrome заливает поле своим фоном — возвращаем белый фон карточки */
.vt-form__cf7 input:-webkit-autofill,
.vt-form__cf7 input:-webkit-autofill:hover,
.vt-form__cf7 input:-webkit-autofill:focus {
    -webkit-text-fill-color: #000000;
    -webkit-box-shadow: 0 0 0 1000px #FFFFFF inset;
    box-shadow: 0 0 0 1000px #FFFFFF inset;
    caret-color: #000000;
}

/* лейбл textarea приходит из формы 1698 — правим только цвет и отступы под макет */
.vt-form__cf7 .contacts-section__form-label {
    display: block;
    margin: 1.4rem 0 1rem;
    color: #4D4D4D;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: .16px;
}

.vt-form__cf7 .wpcf7-list-item {
    margin: 0;
}

.vt-form__cf7 .wpcf7-spinner {
    display: none;
}

.vt-form__cf7 .wpcf7-submit,
.vt-form__cf7 input[type="submit"] {
    display: block;
    width: 100%;
    height: 6rem;
    margin: 0;
    padding: 0 2.4rem;
    background: linear-gradient(270deg, #D278FE 0%, #2D69FB 100%);
    border: none;
    border-radius: 999px;
    color: #FFFFFF;
    /* Поля и кнопки не наследуют шрифт сами: без этого textarea уедет в моноширинный */
    font-family: inherit;
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: .4px;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}

.vt-form__cf7 .wpcf7-submit:hover,
.vt-form__cf7 input[type="submit"]:hover,
.vt-form__cf7 .wpcf7-submit:focus-visible,
.vt-form__cf7 input[type="submit"]:focus-visible {
    background: linear-gradient(270deg, #D278FE 0%, #2D69FB 100%);
    color: #FFFFFF;
    border: none;
    outline: none;
}

/* глобальный .wpcf7-not-valid-tip абсолютный и лёг бы прямо на подчёркивание — возвращаем в поток */
.vt-form__cf7 .wpcf7-not-valid-tip {
    position: static;
    display: block;
    margin-top: .6rem;
    padding: 0;
    color: #FF3D2E;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.4;
}

.vt-form__cf7 .wpcf7-form input.wpcf7-not-valid,
.vt-form__cf7 .wpcf7-form select.wpcf7-not-valid,
.vt-form__cf7 .wpcf7-form textarea.wpcf7-not-valid {
    border-bottom-color: #FF3D2E !important;
}

/* отдельным правилом: невалидный :has() уронил бы весь список селекторов в старых браузерах */
.vt-form__cf7 .wpcf7-form input:has(+ .company-email-validation-error) {
    border-bottom-color: #FF3D2E !important;
}

/* сообщение про корпоративную почту footer.php вставляет как <p> сразу за полем */
.vt-form__cf7 .wpcf7-form-control-wrap p,
.vt-form__cf7 .company-email-validation-error {
    margin: .6rem 0 0;
    padding: 0;
    color: #FF3D2E;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.4;
}

/* специфичность (0,3,1): у темы своё правило form.invalid .wpcf7-response-output */
.vt-form__cf7 form.wpcf7-form .wpcf7-response-output {
    margin: 0;
    padding: 0;
    border: none;
    color: #FF3D2E;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
}

.vt-form__disclaimer {
    margin: 2rem 0 0;
    color: #808080;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
}

.vt-form__disclaimer-link {
    color: #808080;
    text-decoration: underline;
    text-underline-offset: .2rem;
}

.vt-form__disclaimer-link:hover,
.vt-form__disclaimer-link:focus-visible {
    color: #000000;
}

/* Форма 1698 общая для всего сайта: внутри неё свой заголовок «BOOK A CALL WITH US»
   и свой дисклеймер. На этой странице оба заданы снаружи по макету, поэтому
   внутренние прячем. Саму форму не правим — она используется ещё на 7 страницах. */
.vt-form__cf7 .wpcf7-form > .contacts-section__form-title,
.vt-form__cf7 .wpcf7-form > .contacts-section__label,
.vt-form__cf7 .wpcf7-form .contacts-section__form-title,
.vt-form__cf7 .wpcf7-form .contacts-section__label {
    display: none;
}

/* Urban Canvas dn-form swap-in (same visuals as .vt-form__cf7 above) */
.vt-form__card > .dn-form {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
}

.vt-form__card > .dn-form .dn-form-title,
.vt-form__card > .dn-form .dn-form-legal {
    display: none !important;
}

/* ---- Адаптив ---- */

@media (max-width: 1200px) {
    .vt-form {
        padding: 9.6rem 0;
    }

    .vt-form__grid {
        gap: 4.8rem;
    }

    .vt-form__intro {
        flex: 1 1 48rem;
    }

    .vt-form__title {
        font-size: 4rem;
    }

    .vt-form__lead {
        margin-bottom: 4.8rem;
    }

    .vt-form__perks {
        margin-bottom: 4.8rem;
    }

    .vt-form__logos {
        grid-template-columns: repeat(3, minmax(0, 15rem));
        column-gap: 2rem;
    }
}

@media (max-width: 900px) {
    .vt-form__grid {
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: stretch;
        gap: 4.8rem;
    }

    .vt-form__intro {
        flex: 0 0 auto;
        width: 100%;
        max-width: 63.5rem;
    }

    .vt-form__card {
        flex: 0 0 auto;
        width: 100%;
        max-width: 49.5rem;
    }
}

@media (max-width: 767px) {
    .vt-form {
        padding: 6.4rem 0;
    }

    .vt-form__title {
        margin-bottom: 1.6rem;
        font-size: 3.2rem;
    }

    .vt-form__lead {
        margin-bottom: 3.2rem;
        font-size: 1.8rem;
    }

    .vt-form__perks {
        margin-bottom: 4rem;
    }

    .vt-form__logos {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        column-gap: 1.6rem;
    }

    .vt-form__logo {
        min-height: 5.2rem;
    }

    .vt-form__logo img {
        max-height: 3.2rem;
    }

    .vt-form__card {
        max-width: 100%;
        padding: 3.2rem 2rem;
        border-radius: 2.4rem;
    }

    .vt-form__card-title {
        margin-bottom: 2rem;
        font-size: 2rem;
    }

    .vt-form__cf7 .wpcf7-form {
        gap: 1.6rem;
    }

    .vt-form__cf7 .contacts-section__form-label {
        font-size: 1.4rem;
    }

    .vt-form__cf7 .wpcf7-submit,
    .vt-form__cf7 input[type="submit"] {
        height: 5.6rem;
        padding: 0 1.6rem;
        font-size: 1.8rem;
    }

    .vt-form__disclaimer {
        font-size: 1.4rem;
    }
}

/* ---- Телефонное поле: правки под intl-tel-input и пометку из темы ---- */

/* Тема помечает телефон необязательным через ::after и кидает пометку на 2.3rem НИЖЕ поля.
   В макете она стоит справа внутри строки — переносим туда, заодно убираем лишний отступ снизу. */
.vt-form__cf7 .wpcf7-form-control-wrap[data-name="tel-321"] {
    position: relative;
}

.vt-form__cf7 .wpcf7-form-control-wrap[data-name="tel-321"]::after {
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    width: auto;
    transform: translateY(-50%);
    color: #808080;
    font-size: 1.4rem;
    line-height: 1.4;
    pointer-events: none;
}

/* Флаг-контейнер intl-tel-input лежит абсолютом по левому краю поля (48px).
   Без левого отступа набранный номер уезжает под него — что и было видно.
   Справа оставляем место под пометку «(optional)», а не под флаг:
   6.5rem из темы рассчитаны на флаг справа, здесь он слева. */
.vt-form__cf7 .wpcf7-form-control-wrap[data-name="tel-321"] #phone {
    padding-left: 5.6rem;
    padding-right: 9rem;
}

/* ---- Поле «What are you trying to solve?» ---- */
/* Было 3.2rem: под одну строку макета, но вживую поле пустое, и вместо него виднелась
   только ручка ресайза. Даём место под пару строк и убираем ручку. */
.vt-form__cf7 textarea {
    height: 6rem;
    min-height: 6rem;
    resize: none;
}

/* video-reviews + splide (from Ninja theme) */
.splide__container{box-sizing:border-box;position:relative}
.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}
.splide.is-initialized:not(.is-active) .splide__list{display:block}
.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}
.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}
.splide:not(.is-overflow) .splide__pagination{display:none}
.splide__progress__bar{width:0}
.splide{position:relative;visibility:hidden}
.splide.is-initialized,.splide.is-rendered{visibility:visible}
.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}
.splide__slide img{vertical-align:bottom}
.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}
.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}
.splide__toggle.is-active .splide__toggle__pause{display:inline}
.splide__track{overflow:hidden;position:relative;z-index:0}
.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}
.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}
.splide--rtl{direction:rtl}
.splide__track--ttb>.splide__list{display:block}
.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}
.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}
.splide__arrow:hover:not(:disabled){opacity:.9}
.splide__arrow:disabled{opacity:.3}
.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}
.splide__arrow--prev{left:1em}
.splide__arrow--prev svg{transform:scaleX(-1)}
.splide__arrow--next{right:1em}
.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}
.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}
.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}
.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}
.splide__pagination__page:hover{cursor:pointer;opacity:.9}
.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}
.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}
.splide__progress__bar{background:#ccc;height:3px}
.splide__slide{-webkit-tap-highlight-color:transparent}
.splide__slide:focus{outline:0}
@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}
@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}
@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}
@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}
.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}
.splide__toggle{cursor:pointer}
.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}
.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}
.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}
.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}
.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}
.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}
.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}
.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}
.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}
.splide__arrows--ttb .splide__arrow--prev{top:1em}
.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}
.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}
.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}
.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}
.btn.btn_v2{text-align:left;width:100%;position:relative;padding:1.3rem 2rem;font-size:1.6rem;line-height:1.4;letter-spacing:.32px}
@media (min-width:1230px){.btn.btn_v2{width:28rem}}
.btn.btn_v2:after{content:'';display:inline-block;position:absolute;z-index:2;width:2rem;height:2rem;top:50%;margin-top:-1rem;right:2rem}
.btn.btn-border_v2{background:0 0;color:#000;border:1px solid #e6e6e6}
.btn.btn-border_v2:after{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGVSURBVHgB7ZjrTcMwFIUPqANkA+4IMEFggmaDZgNGCCOwQUaImMAwAd3A2QA2KL5KIwX/cK59HfNQP+lIleLWX/2KbeDCP+cKOiqXe5cbl1vv2ejy5nJ0+URhGhfjchKGyx5QABazkIv5sVuJclcOCjE/vQshEwRdq4Vak6CEsI1cFknaWG4pWSGBvoDcnAGRtAXl5jSIwP6AoIWQVlnRO9L/4B4CjEJuHkuUKGnW5CqFnF8BJUoGZ3SjFOQ8KSWD3dxlENRKPi6Fdp4gQQZvn46B5zWmbdgrpm3XA6buJ6zzbdu2Qxp354qlcFmW5Bke9da4RjyazWf0Ky2lBbkS7q5xpdyzy8v5M0GwhEjgAZpjknSL3yTETZIuJJhjmdHIceqQoHahHpRyJwjGqVEIGqWcgYC9QnCu5CPxuwcIsUrJlFhEkGOybNZ6M6agXI8EeDbZAnJcByERwi8+dm4tmUVuKdlnlOMFPeksvEYL/eVR1PFSI2ogF+OyohObT44LzBrTLpi8Z7zjHjFdYha/wLzwZ/gCnFrUMa7HGMwAAAAASUVORK5CYII=') no-repeat center center transparent;background-size:contain}
.btn.btn-border_v2:hover{border:1px solid #000;color:#000;background:0 0}
.review-section .splide__track,.review-section__splide{height:100%}
.blog-section .splide__pagination{display:none}
.awards-section .splide__list{-webkit-align-items:stretch;-moz-align-items:stretch;-ms-align-items:stretch;align-items:stretch}
@media (min-width:1230px){.pricing-page .how-v3 .can-earn__btn .btn.btn_v2,.pricing-page .review-mini__btn .btn.btn_v2{width:22rem}}
.dpackage-section .splide__pagination{bottom:auto;left:0;padding:0;position:relative;right:auto;z-index:1;width:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:stretch;-moz-align-items:stretch;-ms-align-items:stretch;align-items:stretch;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;margin-top:1rem;gap:1.2rem}
.dpackage-section .splide__pagination__page{background:#333;border:0;border-radius:100%;display:inline-block;height:12px;margin:0;opacity:1;padding:0;width:12px;font-size:0}
.dpackage-section .splide__pagination__page.is-active{background:#d278fe;transform:scale(1)}
.casewh-content__slide .splide__slide{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center}
.casewh-stages__splide .splide__track{overflow:hidden}
.casewh-stages__splide .splide__slide{width:100%!important;flex-shrink:0}
.casewh-stages__splide .splide__slide img{display:block;width:100%;height:auto;object-fit:cover;border-radius:1.6rem}
@media (min-width:1230px){.points-section .splide__list{height:100%}}
@media (min-width:1230px){.works-section__grid .works-section__info .btn.btn_v2{width:16rem;position:absolute;bottom:0;left:0}}
.faq-v2.background-dark .btn.btn-border_v2{background:0 0;color:#fff;border:1px solid #4d4d4d}
.faq-v2.background-dark .btn.btn-border_v2:hover{border:1px solid #fff;color:#fff}
.faq-v2.background-dark .btn.btn-border_v2:after{filter:invert(1)}
.blog-v2 .splide__pagination{display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;padding:0;gap:.8rem;margin-bottom:4.8rem;width:100%;bottom:auto;right:auto;margin-top:2.4rem}
@media (min-width:1230px){.blog-v2 .splide__pagination{display:none}}
.blog-v2 .splide__pagination__page{background:#e6e6e6;border-radius:100%;height:8px;margin:0;opacity:1;padding:0;width:8px;min-width:8px}
.blog-v2 .splide__pagination__page.is-active{background:#000;transform:none}
@media (min-width:1230px){.hero-v2_single__btn .btn.btn_v2{width:28rem}}
.talent-section .splide__pagination{display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;padding:0;gap:.8rem;margin-bottom:4.8rem;width:100%;bottom:auto;right:auto;margin-top:2.4rem}
@media (min-width:768px){.talent-section .splide__pagination{display:none}}
.talent-section .splide__pagination__page{background:#e6e6e6;border-radius:100%;height:8px;margin:0;opacity:1;padding:0;width:8px;min-width:8px}
.talent-section .splide__pagination__page.is-active{background:#000;transform:none}
.dpackage-v2.background-dark .btn_v2.btn-border_v2{border:1px solid rgba(255,255,255,.16);color:#fff}
.dpackage-v2.background-dark .btn_v2.btn-border_v2:after{filter:invert(1)}
.dpackage-v2.background-dark .btn_v2.btn-border_v2:hover{border:1px solid #fff}
.services-v2 .splide__arrows{display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0;top:auto;margin:0;width:100%;-webkit-align-items:stretch;-moz-align-items:stretch;-ms-align-items:stretch;align-items:stretch;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;gap:1.2rem;height:4.8rem;transform:none}
.services-v2 .splide__arrows .splide__arrow{transform:none;position:relative;margin:0;top:auto;bottom:auto;left:auto;right:auto;display:-webkit-flex;display:-ms-flexbox;display:flex;width:4.8rem;min-width:4.8rem;height:4.8rem;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;border-radius:100%;border:1px solid #b3b3b3;background:#fff;padding:0;opacity:1;outline:0}
.services-v2 .splide__arrows .splide__arrow svg{fill:#B3B3B3;width:auto;height:1.44rem}
@media (min-width:1230px){.geo-v2 .hero-v2_single__btn .btn.btn_v2{width:19.9rem}}
@media (max-width:1230px){.take-section__slide .splide__track{overflow:visible}}
.take-section .splide__pagination{bottom:-8.4rem;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-ms-justify-content:flex-start;justify-content:flex-start;-webkit-flex-wrap:nowrap;-moz-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;left:0;padding:0;position:absolute;right:0;z-index:1;gap:.4rem}
.take-section .splide__pagination button.splide__pagination__page{transform:none;padding:0;margin:0;border-radius:.8rem;background:#e6e6e6;height:.4rem;width:12.3rem;position:relative}
.take-section .splide__pagination button.splide__pagination__page:before{content:'';display:none;background:#d278fe;height:.4rem;width:5.5rem;border-radius:.8rem;position:absolute;left:0;top:0;z-index:2}
.take-section .splide__pagination button.splide__pagination__page.is-active{transform:none;z-index:1}
.take-section .splide__pagination button.splide__pagination__page.is-active:before{display:block}
.works-v3 .btn.btn_v2{text-decoration:none}
@media (min-width:1230px){.works-v3__more-bottom .btn.btn_v2{width:16rem}}
@media (min-width:1230px){.works-v3__btn .btn.btn-border_v2{width:16rem}}
.works-v3__btn .btn.btn-border_v2:after{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAAb9JREFUeAHtmIFVwjAQhq88B4AJjBOIEygTwAbiBLoBuIEb1A0YobABG6ROgBv83tn6XowtJE0awMf33r2myRH+Juk1F6IL/5yMAgAw5MsD2zXb2Gou2TZs2yzLPiklLGzGVsAd8X2kvqmFaXRH9yJUppJthXjkbIpiIB0hbNTa0MEiexQXLjKBOFPkkHxBtU5SsfIVN0d6Zk1ashaBmi+K0lJyQL+xKwd2hYwepRcnyJqf2pWDBsf+I347L3bFrylG9Tbt6LiMzG+3PYJjcmPLtiZ3xLd09L03bwb7GluQp5vwU074unTwX9a+d/VvD6FaW+AW+3Ywoj+XF3t8F4afght5qEBBO4i0xWm4EUXgIZFdxf0ReEXdUWwFdyjrUYLsK5e/G6T8I058KFZc5Q6f4Y9Gw44E3TcbC7Mf+y3+IH8UVSOpTHHUfeTW5k3MQF2yTepyyLSO9iZZ8EuGYlPYepq+xW90PN7tivPbbtU8UXqWPs4yijHTzEPk5AuqXFijfzROOLPTOOHcWCPy6UKOeMj69s+FHYTOEX54NKO+qYUWHsLEd9rlv2IcYN5SdYiprGbJW0q2TfIDzAvnxBe1x/PUTyTfIgAAAABJRU5ErkJggg==') no-repeat center center transparent;background-size:contain}
.works-v3.background-dark .btn.btn_v2{color:#fff}
.works-v3.background-dark .btn.btn-border_v2:hover{color:#fff;border-color:#fff}
.works-v3.background-dark .works-v3__more-bottom .btn.btn-border_v2:after{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAAcNJREFUeAHtmItNwzAQQC8VA2QDwgSUCVomaDegKzBBOwIbdISICVwmaJnA2QA2OO6URDKmcXK+xGpRn3TKx5bzZDv+Adz452SgABFzuiwp7inmXnJF8UlxyLLsG1JCYmsKg8PhvC8wNY2YxXjsJKLclBQljseeooAx4IJQV2tdWLXkhHJ6yQRyrmQOUrDuJ6kopXIbTM/6nEvWIWjpUkBaKhrQH/yXM/8F1x7o5E5QzyJSuM+venOhbIbwKZsyYn8w0yeXow7jlBUr+euP9pt4DjqW9IEd31B/qujyDPLmXrgPs1BiJFulZOE+3IUSA/Dy6RRIX5DkkgR5qVXRPUuageXPQ4JDeWpqZxCO5JFCNGvMQI5m8Sme0mJqkD9iqEaqnnxvVHPvfIP1gsBABL7gCYZRQLg/7c7IhfK7VJ0pWK+YtWyd8mLGwkVIUDtQl0o5pnugbnZfB4gnb+VA1qwt/TtAKnyFOo4UXxjHnw3V9S23Gl4hPTtJZq7FMbeZfexBCtZ/tMXpsXjBOzuLF7w3tjjy6cIex4P7t3wvPEB0g/rDozVMTSNqBGKcdwURjHGA+Qj1IWbhJbfbz4/kB5g3rokfhyIeb1IDsCkAAAAASUVORK5CYII=') no-repeat center center transparent;background-size:contain}
.works-v3.background-white .works-v3__btn .btn.btn-border_v2:after{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAAYZJREFUeAHtmO1NwzAQhl8QA2QDbgO6QWGCdoNmA0aIOklG6AiBDdjA2QA2CD4lFsGt4vNHbKj6SO8vX9PHThzlDNy4cu4QR6XzrPOos7HGep13nQ+dL2Rmr9PpDMJw7QEZYDEFuZgdtZYo38pThJidVoeQCELcqi2tJiESwjpySSRpZbm5ZIUA2gxyJid4UmeUM9nDA1VAUEFIXUDOZAcBXUHBziVXFZQz+bWj7y3BDWTwB8Ab5HBtL6zdLg02cM/wEz+zlNQ3U201/dZV/7ok2AoFSTipZlZHgmsPk0OUIEcJJG05lVPQJRkqdyb4gHAI42vhBeMGOM7GjlYNIRH8gA6esVdyPgGflbu0+mfsAy54STJUjrNdEox5URvJGLkBgk+vLuLisekgYFdQ8AAhqoCcggehmyXL6hlStpmutAiAd5PKIMf/QQiE8IfbzrUlk8jNJduEcvx8B/XCLmrEHx55tZcxoh3kYlwr6thsUhxgPmE8xCRrjPuWHuMhZvYDzBv/hm8aeQVux3vfZQAAAABJRU5ErkJggg==') no-repeat center center transparent;background-size:contain}
.video-reviews__list{position:relative;display:grid;grid-template-columns:repeat(1,1fr);width:100%;cgap:2rem}
@media (min-width:1230px){.video-reviews__list{grid-template-columns:repeat(3,1fr);gap:3rem}}
.video-reviews__item{width:100%;min-width:100%;height:auto;margin:0 0 0;padding:1.6rem;box-sizing:border-box;border-radius:1.6rem;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative}
@media (min-width:1230px){.video-reviews__item{width:100%;min-width:100%;padding-bottom:5.6rem}}
.video-reviews__item.is-hidden,.video-reviews__item[hidden]{display:none!important}
.video-reviews__item:hover .video-reviews__poster img{transform:scale(1.1)}
.video-reviews__poster{position:relative;border-radius:1.2rem;margin-bottom:1.6rem;overflow:hidden;height:0;padding-top:17rem}
@media (min-width:1230px){.video-reviews__poster{padding-top:19.6rem}}
@media (min-width:1600px){.video-reviews__poster{padding-top:24.6rem}}
.video-reviews__poster img{line-height:1;border-radius:1.2rem;z-index:1;width:100%;height:auto;object-fit:cover;transition:transform .5s ease;position:absolute;left:50%;top:0;margin-left:-50%}
.video-reviews__poster:after{content:'';display:block;width:100%;height:100%;border-radius:1.2rem;position:absolute;left:0;top:0;z-index:2;border:1px solid rgba(255,255,255,.08);background:linear-gradient(0deg,rgba(0,0,0,.4) 0,rgba(0,0,0,.4) 100%)}
.video-reviews__play{border-radius:100%;z-index:3;position:absolute;width:4.8rem;min-width:4.8rem;height:4.8rem;line-height:1;left:50%;top:50%;margin-top:-2.4rem;margin-left:-2.4rem;padding:0;background:0 0;border:none}
.video-reviews__about{width:100%;margin:-.2rem 0 1.2rem;color:#9a9a9a;font-size:1.4rem;line-height:1.45}
.video-reviews__head{width:100%;margin-bottom:.4rem;color:#fff;font-size:2rem;line-height:1.4;letter-spacing:.2px}
.video-reviews__txt{width:100%;margin-bottom:2.4rem;color:#e6e6e6;font-size:1.6rem;line-height:1.4;letter-spacing:.16px}
.video-reviews__txt p{margin:0}
.video-reviews__txt p:first-child::before{content:"“"}
.video-reviews__txt p:last-child::after{content:"”"}
.video-reviews__author{width:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-end;-moz-align-items:flex-end;-ms-align-items:flex-end;align-items:flex-end;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between}
@media (min-width:1230px){.video-reviews__author{position:absolute;z-index:1;left:1.6rem;bottom:1.6rem;width:calc(100% - 3.2rem)}}
@media (min-width:1230px){.dn-testimonials-page .video-reviews__author{position:static!important;left:auto!important;bottom:auto!important;width:100%!important;margin-top:auto}}
@media (min-width:1230px){.dn-testimonials-page .video-reviews__item{padding-bottom:1.6rem!important}}
.video-reviews__author-end{-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end;justify-content:flex-end}
.video-reviews__name{color:#b3b3b3;font-size:1.4rem;font-weight:500;line-height:1.4;letter-spacing:.14px}
.video-reviews__logo{height:4rem;min-height:4rem;width:auto;line-height:1}
.video-reviews__logo img{height:100%;width:auto}
.video-reviews__more{text-align:center;margin-top:3rem}
@media (min-width:1230px){.video-reviews__more{margin-top:6rem}}
.video-reviews__more .btn.btn_v2{color:#fff}
@media (min-width:1230px){.video-reviews__more .btn.btn_v2{width:16rem}}
.video-reviews__more .btn.btn_v2[hidden]{display:none}
.video-reviews__more .btn.btn_v2:after{filter:invert(1)}
.video-reviews__more .btn.btn_v2:hover{background:#fff;border-color:#fff;color:#000}
.video-reviews__more .btn.btn_v2:hover:after{filter:none}
.video-reviews-modal{position:fixed;z-index:99999;inset:0;display:none;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;padding:1.6rem;overflow-y:auto}
@media (min-width:1230px){.video-reviews-modal{padding:2.4rem}}
.video-reviews-modal__overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);cursor:pointer}
.video-reviews-modal__dialog{position:relative;z-index:1;width:100%;max-width:min(1200px,100%);margin:auto;padding:0;border-radius:1.6rem}
@media (min-width:1230px){.video-reviews-modal__dialog{width:fit-content}}
.video-reviews-modal__media{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#000;border-radius:1.6rem;min-height:40rem}
@media (min-width:1230px){.video-reviews-modal__media{min-height:52rem}}
.video-reviews-modal__iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;background:#000}
.video-reviews-modal__video{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;background:#000;object-fit:contain}
.video-reviews-modal__close{position:absolute;z-index:3;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;top:-3.2rem;right:.8rem;width:4rem;height:4rem;padding:0;margin:0;color:#fff;background:rgba(0,0,0,.65);border:0;border-radius:50%;cursor:pointer;transition:background-color .2s ease,transform .2s ease}
@media (min-width:1230px){.video-reviews-modal__close{width:4.4rem;height:4.4rem;top:-2.4rem;right:-2.4rem}}
.video-reviews-modal__close svg{display:block;width:24px;height:24px;pointer-events:none}
.video-reviews-modal__close:hover{background:rgba(0,0,0,.9);transform:scale(1.05)}
.video-reviews-modal__close:focus-visible{outline:2px solid #fff;outline-offset:3px}
body.video-reviews-modal-open{overflow:hidden}
.video-reviews-modal[hidden]{display:none!important}
.video-reviews-modal:not([hidden]){display:-webkit-flex;display:-ms-flexbox;display:flex}}

/* Company (/about) — Ninja uses html { font-size: 0.625em }; enforce on this page when theme CSS loses */
html:has(.dn-company-page.about-page) {
  font-size: 62.5%;
}

/* Company (/about) — hero: Ninja HTML + _ninja_styles.min.css (do not restyle like Elementor) */
.dn-company-page.about-page .hero-section .hero-section__info .hero-section__top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4rem;
  width: 50%;
  max-width: 50%;
  margin-bottom: 0;
}

.dn-company-page.about-page .hero-section.hero-section__column .hero-section__info {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0;
}

.dn-company-page.about-page .hero-section h1.page-title {
  font-size: 64px;
  font-weight: 500;
  line-height: 0.96;
  color: #fff;
  margin: 0;
  width: 100%;
  max-width: none;
}

.dn-company-page.about-page .hero-section h1.page-title span {
  background: linear-gradient(270deg, #d278fe 0%, #2d69fb 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.dn-company-page.about-page .hero-section .hero-section__txt {
  color: grey;
  font-size: 2rem;
  line-height: 1.4;
  letter-spacing: 0.16px;
  margin: 0 0 3rem;
  width: 100%;
  max-width: 63.2rem;
}

.dn-company-page.about-page .hero-section .hero-section__btn .btn.btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26rem;
  min-width: 26rem;
  max-width: none;
  min-height: auto;
  height: auto;
  padding: 1.6rem 3rem;
  border-radius: 360px;
  background: linear-gradient(270deg, #d278fe 0%, #2d69fb 100%) !important;
  color: #fff !important;
  font-family: "PP Neue Montreal", sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.4;
  border: 0;
  box-shadow: none;
  text-decoration: none;
}

.dn-company-page.about-page .hero-section .hero-section__btn .btn.btn-primary:hover {
  background: linear-gradient(to right, #d278fe 0%, #2d69fb 100%) !important;
  color: #fff !important;
  filter: none;
  opacity: 1;
}

.dn-company-page.about-page .hero-section .breadcrumbs-box {
  position: absolute;
  z-index: 3;
  left: 0;
  top: -4rem;
  width: 100%;
  margin: 0;
}

.dn-company-page.about-page .hero-section .hero-section__box.hero-section__column {
  position: relative;
}

@media (max-width: 1229px) {
  .dn-company-page.about-page .hero-section h1.page-title {
    font-size: 3.6rem;
  }

  .dn-company-page.about-page .hero-section .hero-section__info .hero-section__top {
    width: 100%;
    max-width: 100%;
  }

  .dn-company-page.about-page .hero-section.hero-section__column .hero-section__info {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* Company (/about) — same client-brand marquee as homepage hero */
.dn-company-page .hero-section .dn-trusted {
  color: #fff;
  font-size: 16px;
  line-height: 1.6;
  margin: 30px 0;
  text-align: center;
}

.dn-company-page .hero-section .dn-marquee {
  width: 100%;
}

/* SEO service page — client-brand marquee (replaces Ninja Splide partner strip) */
.dn-seo-page .hero-section .dn-trusted {
  color: #fff;
  font-size: 16px;
  line-height: 1.6;
  margin: 30px 0;
  text-align: center;
}

.dn-seo-page .hero-section .dn-marquee {
  width: 100%;
}

.dn-seo-page .hero-section .container .dn-trusted {
  margin-top: 0;
}

/* Finance industry page — client-brand marquee (replaces Ninja Splide partners) */
.dn-finance-page .hero-section .dn-trusted {
  color: #fff;
  font-size: 16px;
  line-height: 1.6;
  margin: 30px 0;
  text-align: center;
}

.dn-finance-page .hero-section .dn-marquee {
  width: 100%;
}

.dn-finance-page .hero-section .container .dn-trusted {
  margin-top: 0;
}

/* Company — Ninja .white_bg mission block (Elementor .e-con + .dn-site h2 override) */
.dn-company-page .e-con.white_bg,
.dn-company-page .white_bg {
  background: #fff !important;
  background-color: #fff !important;
  border-radius: 0;
  padding: 4rem 0 !important;
  margin: 4rem 0 !important;
}

@media (min-width: 1230px) {
  .dn-company-page .e-con.white_bg,
  .dn-company-page .e-con.white_bg.txt-section {
    padding: 12rem 0 !important;
    margin: 9rem 0 !important;
  }
}

@media (min-width: 1600px) {
  .dn-company-page .e-con.white_bg {
    margin: 10rem 0 !important;
  }
}

.dn-company-page .white_bg h1,
.dn-company-page .white_bg h2,
.dn-company-page .white_bg h3,
.dn-company-page .white_bg h4,
.dn-company-page .white_bg h5,
.dn-company-page .white_bg h6 {
  color: #000 !important;
}

/* Ninja .section-title — px so size matches ninjapromo even if html rem root is wrong */
.dn-company-page h2.section-title,
.dn-company-page .section-title {
  font-family: "PP Neue Montreal", sans-serif;
  font-size: 28px !important;
  font-weight: 500 !important;
  line-height: 1.1 !important;
  margin-bottom: 30px !important;
  color: #fff;
}

.dn-company-page h2.section-title br,
.dn-company-page .section-title br {
  display: none;
}

@media (min-width: 1230px) {
  .dn-company-page h2.section-title,
  .dn-company-page .section-title {
    font-size: 48px !important;
    margin-bottom: 60px !important;
  }

  .dn-company-page h2.section-title br,
  .dn-company-page .section-title br {
    display: block;
  }
}

.dn-company-page .white_bg .txt-section__content h3 {
  font-size: 2rem !important;
  line-height: 1.2 !important;
  margin-bottom: 2rem !important;
  color: #000 !important;
}

@media (min-width: 1230px) {
  .dn-company-page .white_bg .txt-section__content h3 {
    font-size: 2.4rem !important;
  }
}

.dn-company-page .white_bg .txt-section__content p {
  color: grey;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.14px;
  margin: 0 0 1.6rem;
}

.dn-company-page .white_bg .txt-section__content p:last-child {
  margin-bottom: 0;
}

@media (min-width: 1230px) {
  .dn-company-page .white_bg .txt-section__content p {
    font-size: 1.6rem;
    letter-spacing: 0.2px;
  }

  .dn-company-page .white_bg .txt-section__col {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8rem !important;
  }
}

@media (min-width: 1600px) {
  .dn-company-page .white_bg .txt-section__content p {
    font-size: 2rem;
  }

  .dn-company-page .white_bg .txt-section__col {
    gap: 16rem !important;
  }
}

/* Company — conference block (Ninja dark .btn-border + section-title spacing) */
.dn-company-page .conference-section .section-title {
  color: #fff !important;
  margin-bottom: 3rem !important;
}

@media (min-width: 1230px) {
  .dn-company-page .conference-section .section-title {
    margin-bottom: 4rem !important;
  }

  .dn-company-page .conference-section__box {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6rem !important;
    width: 100%;
  }

  .dn-company-page .conference-section__info {
    order: 2 !important;
    width: calc(40% - 30px) !important;
    margin-bottom: 0 !important;
  }

  .dn-company-page .conference-section__images {
    order: 1 !important;
    width: calc(60% - 30px) !important;
  }
}

.dn-company-page .conference-section .conference-section__txt,
.dn-company-page .conference-section .conference-section__txt li {
  color: #b3b3b3;
}

.dn-company-page .conference-section a.btn.btn-border,
.dn-company-page .conference-section .btn.btn-border {
  color: #fff !important;
  border: 2px solid #333 !important;
  background: transparent !important;
}

.dn-company-page .conference-section a.btn.btn-border:hover,
.dn-company-page .conference-section a.btn.btn-border:focus,
.dn-company-page .conference-section .btn.btn-border:hover,
.dn-company-page .conference-section .btn.btn-border:focus {
  color: #fff !important;
  border-color: #fff !important;
  background: transparent !important;
}

@media (min-width: 1230px) {
  .dn-company-page .conference-section .btn.btn-border {
    width: auto;
    padding: 1rem 3rem !important;
  }
}

/* Company — Join the team (Ninja dark .btn-border + vacancy rows) */
.dn-company-page .join-section .join-section__info .section-title {
  margin-bottom: 0;
}

.dn-company-page .join-section a.btn.btn-border,
.dn-company-page .join-section .btn.btn-border {
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  background: transparent !important;
}

.dn-company-page .join-section a.btn.btn-border:hover,
.dn-company-page .join-section a.btn.btn-border:focus,
.dn-company-page .join-section .btn.btn-border:hover,
.dn-company-page .join-section .btn.btn-border:focus {
  color: #fff !important;
  border-color: #fff !important;
  background: transparent !important;
}

.dn-company-page .join-section .join-section__label {
  color: #b3b3b3;
}

.dn-company-page .join-section a.join-section__item,
.dn-company-page .join-section a.join-section__item:hover {
  color: inherit;
  text-decoration: none;
}

@media (min-width: 1230px) {
  .dn-company-page .join-section .join-section__info {
    margin-bottom: 6rem;
  }

  .dn-company-page .join-section .join-section__list {
    gap: 3rem;
  }

  .dn-company-page .join-section .join-section__btn .btn.btn-border {
    width: auto;
    padding: 1rem 3rem !important;
  }
}

/* Company — experts CTA (cta-box_home; Ninja ~1210×395 card, team row 75.8rem) */
.dn-company-page .cta-box.cta-box_home.dn-section {
  padding: 0 !important;
  margin: 8rem 0;
}

.dn-company-page .cta-box.cta-box_home .section-title {
  margin-bottom: 0 !important;
  color: #fff !important;
  text-align: center !important;
  max-width: 100% !important;
}

.dn-company-page .cta-box.cta-box_home .cta-box__inner-nocol {
  gap: 4rem;
}

.dn-company-page .cta-box.cta-box_home .cta-box__img-dk {
  display: block;
  width: 100%;
  height: auto;
}

.dn-company-page .cta-box.cta-box_home .cta-box__btn {
  width: 24.1rem;
  min-width: 24.1rem;
}

.dn-company-page .cta-box.cta-box_home .cta-box__btn .btn {
  width: 100%;
}

.dn-company-page .cta-box.cta-box_home a.btn.btn-white,
.dn-company-page .cta-box.cta-box_home .btn.btn-white {
  color: #000 !important;
  background: #fff !important;
  border: none !important;
  padding: 1.6rem 3rem !important;
}

@media (min-width: 1230px) {
  .dn-company-page .cta-box.cta-box_home .cta-box__img-dk {
    max-width: 75.8rem;
  }
}

/* Company — worldwide offices (Ninja spacing + 3-col grid) */
.dn-company-page .worldwide-section.dn-section {
  padding: 10rem 0 !important;
}

.dn-company-page .worldwide-section .worldwide-section__top {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 60px;
  gap: 20px;
}

.dn-company-page .worldwide-section .section-title {
  margin-bottom: 0 !important;
  text-align: center !important;
}

.dn-company-page .worldwide-section .worldwide-section__top .section-txt {
  width: 70rem;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.2px;
  color: #808080;
}

.dn-company-page .worldwide-section .worldwide-section__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
  width: 100%;
}

.dn-company-page .worldwide-section .worldwide-section__item.gray_bg {
  padding: 0 !important;
  border-radius: 1.6rem;
  background: #121212 !important;
}

.dn-company-page .worldwide-section .worldwide-section__item {
  flex-direction: row;
  align-items: flex-start;
  gap: 2rem;
}

.dn-company-page .worldwide-section .worldwide-section__img {
  width: 12rem;
  min-width: 12rem;
  border-radius: 1.6rem 0 0 1.6rem;
  overflow: hidden;
  line-height: 1;
}

.dn-company-page .worldwide-section .worldwide-section__img img {
  width: 100%;
  max-width: none !important;
  height: auto;
  display: block;
  border-radius: 1.6rem 0 0 1.6rem;
}

.dn-company-page .worldwide-section .worldwide-section__info {
  padding: 2rem 2rem 2rem 0;
  gap: 0.8rem;
}

.dn-company-page .worldwide-section .worldwide-section__name {
  color: #fff;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 500;
}

.dn-company-page .worldwide-section .worldwide-section__txt {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.14px;
  color: #808080;
}

@media (min-width: 1230px) {
  .dn-company-page .worldwide-section .worldwide-section__item {
    align-items: center;
  }

  .dn-company-page .worldwide-section .worldwide-section__info {
    padding: 0 2rem 0 0;
  }
}

/* Company — contact / Book a call (Ninja .contacts-section ditto) */
.dn-company-page .contacts-section.dn-section {
  padding: 100px 0 !important;
  overflow: hidden;
}

.dn-company-page .contacts-section .elementor-widget-html,
.dn-company-page .contacts-section .elementor-widget-html .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
}

.dn-company-page .contacts-section .container {
  width: min(100% - 40px, var(--dn-wrap));
  max-width: var(--dn-wrap);
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

.dn-company-page .contacts-section__col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
  width: 100%;
}

@media (min-width: 768px) {
  .dn-company-page .contacts-section__col {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

@media (min-width: 1230px) {
  .dn-company-page .contacts-section__col {
    align-items: stretch;
  }
}

.dn-company-page .contacts-section__info {
  width: 100%;
  min-width: 0;
}

@media (min-width: 768px) {
  .dn-company-page .contacts-section__info {
    width: 50%;
    padding-right: 5%;
  }
}

@media (min-width: 1230px) {
  .dn-company-page .contacts-section__info {
    flex: 0 1 auto;
    width: 589px;
    max-width: none;
    padding-right: 0;
  }
}

@media (min-width: 1600px) {
  .dn-company-page .contacts-section .container {
    width: min(100% - 40px, 1560px);
    max-width: 1560px;
  }

  .dn-company-page .contacts-section__info {
    flex: 0 0 780px;
    width: 780px;
  }
}

.dn-company-page .contacts-section__info .wp-block-heading,
.dn-company-page .contacts-section__info h2 {
  margin: 0 0 20px !important;
  color: #fff !important;
  font-size: 28px !important;
  font-weight: 500;
  line-height: 1.1;
  text-align: left;
  letter-spacing: normal;
}

.dn-company-page .contacts-section__info .wp-block-heading br,
.dn-company-page .contacts-section__info h2 br {
  display: none;
}

@media (min-width: 1230px) {
  .dn-company-page .contacts-section__info .wp-block-heading,
  .dn-company-page .contacts-section__info h2 {
    font-size: 44px !important;
    width: 100%;
  }

  .dn-company-page .contacts-section__info .wp-block-heading br,
  .dn-company-page .contacts-section__info h2 br {
    display: block;
  }
}

@media (min-width: 1600px) {
  .dn-company-page .contacts-section__info .wp-block-heading,
  .dn-company-page .contacts-section__info h2 {
    font-size: 48px !important;
  }
}

.dn-company-page .contacts-section__info .wp-block-heading em,
.dn-company-page .contacts-section__info h2 em {
  font-style: normal;
}

.dn-company-page .contacts-section__info > p {
  margin: 0 0 20px;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.2px;
}

.dn-company-page .contacts-section__info > ul {
  list-style: none;
  margin: 0 0 60px;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
  color: #808080;
  letter-spacing: 0.2px;
}

.dn-company-page .contacts-section__info li {
  position: relative;
  padding: 0 0 0 30px;
  font-size: 16px;
  line-height: 1.6;
  color: #808080;
}

.dn-company-page .contacts-section__info li::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 10px;
  width: 6px;
  height: 5px;
  border-radius: 100%;
  background: gray;
}

@media (min-width: 1230px) {
  .dn-company-page .contacts-section__info li::before {
    top: 9px;
  }
}

@media (min-width: 1600px) {
  .dn-company-page .contacts-section__info li {
    font-size: 20px;
    line-height: 1.6;
  }

  .dn-company-page .contacts-section__info li::before {
    top: 14px;
  }
}

.dn-company-page .contacts-section__info .dn-contact-logos {
  width: 100%;
  max-width: 529px;
  margin: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (min-width: 1600px) {
  .dn-company-page .contacts-section__info .dn-contact-logos {
    max-width: none;
    grid-template-columns: repeat(3, 176px);
  }

  .dn-company-page .contacts-section__info .dn-contact-logos a {
    height: 80px;
  }

  .dn-company-page .contacts-section__info .dn-contact-logos img.dn-contact-logo,
  .dn-company-page .contacts-section__info .dn-contact-logos img {
    max-height: 80px;
  }
}

.dn-company-page .contacts-section__form {
  box-sizing: border-box;
  width: calc(100% + 32px);
  margin: 0 -16px;
  padding: 40px 20px;
  background: #fff;
  border-radius: 32px;
  color: #000;
}

@media (min-width: 768px) {
  .dn-company-page .contacts-section__form {
    width: 50%;
    margin: 0;
  }
}

@media (min-width: 1230px) {
  .dn-company-page .contacts-section__form {
    width: 601px;
    min-width: 601px;
    flex: 0 0 601px;
    padding: 40px;
    margin: 0;
  }
}

@media (min-width: 1600px) {
  .dn-company-page .contacts-section__form {
    width: 632px;
    min-width: 632px;
    flex: 0 0 632px;
  }
}

@media (min-width: 1230px) {
  .dn-company-page .contacts-section__col {
    gap: 20px;
  }
}

.dn-company-page .contacts-section__form > .dn-form {
  max-width: none;
  margin: 0;
  padding: 0;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}

/* Ninja CF7 ditto: compact textarea, no resize grip */


.dn-company-page .contacts-section__label {
  display: block;
  margin-top: 20px;
  color: #808080;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.16px;
  text-align: center;
}

.dn-company-page .contacts-section__label p {
  margin: 0;
}

.dn-company-page .contacts-section__label a {
  color: #808080;
  text-decoration: underline;
}

.dn-company-page .contacts-section__label a:hover {
  text-decoration: none;
}

/* Industries — Book a call (Ninja about / dark contacts-section ditto) */
.dn-industries-page .dn-contact-section.dn-section {
  padding: 100px 0 !important;
}

.dn-industries-page .dn-contact-section .dn-wrap.dn-contact,
.dn-industries-page .dn-contact-section .dn-contact.e-con {
  width: min(100% - 40px, var(--dn-wrap));
  max-width: var(--dn-wrap);
  margin-left: auto !important;
  margin-right: auto !important;
  gap: 20px !important;
  align-items: stretch !important;
  justify-content: space-between !important;
}

.dn-industries-page .dn-contact-section .dn-contact-title,
.dn-industries-page .dn-contact-section .dn-contact-title .elementor-heading-title {
  margin-bottom: 20px !important;
  max-width: none;
  width: 100%;
}

.dn-industries-page .dn-contact-section .dn-contact-title em,
.dn-industries-page .dn-contact-section .dn-contact-title .elementor-heading-title em {
  font-style: normal;
}

.dn-industries-page .dn-contact-section .dn-contact-title br {
  display: none;
}

@media (min-width: 1230px) {
  .dn-industries-page .dn-contact-section .dn-contact-title,
  .dn-industries-page .dn-contact-section .dn-contact-title .elementor-heading-title {
    font-size: 44px !important;
  }

  .dn-industries-page .dn-contact-section .dn-contact-title br {
    display: block;
  }

  .dn-industries-page .dn-contact-section .dn-contact-info,
  .dn-industries-page .dn-contact-section .dn-contact-info.e-con {
    flex: 0 1 auto;
    width: 589px;
    max-width: none;
  }

  .dn-industries-page .dn-contact-section .dn-form,
  .dn-industries-page .dn-contact-section .elementor-widget-html {
    flex: 0 0 601px;
    width: 601px;
    min-width: 601px;
  }

  .dn-industries-page .dn-contact-section .dn-contact-logos {
    max-width: 529px;
  }

  .dn-industries-page .dn-contact-section .dn-contact-logos img,
  .dn-industries-page .dn-contact-section img.dn-contact-logo {
    height: 54px;
  }
}

@media (min-width: 1600px) {
  .dn-industries-page .dn-contact-section .dn-wrap.dn-contact,
  .dn-industries-page .dn-contact-section .dn-contact.e-con {
    width: min(100% - 40px, 1560px);
    max-width: 1560px;
  }

  .dn-industries-page .dn-contact-section .dn-contact-info,
  .dn-industries-page .dn-contact-section .dn-contact-info.e-con {
    flex: 0 0 780px;
    width: 780px;
  }

  .dn-industries-page .dn-contact-section .dn-form,
  .dn-industries-page .dn-contact-section .elementor-widget-html {
    flex: 0 0 632px;
    width: 632px;
    min-width: 632px;
  }

  .dn-industries-page .dn-contact-section .dn-contact-title,
  .dn-industries-page .dn-contact-section .dn-contact-title .elementor-heading-title {
    font-size: 48px !important;
  }

  .dn-industries-page .dn-contact-section .dn-contact-info li {
    font-size: 20px;
    line-height: 1.6;
  }

  .dn-industries-page .dn-contact-section .dn-contact-info li::before {
    top: 14px;
  }

  .dn-industries-page .dn-contact-section .dn-contact-logos {
    max-width: none;
    width: 100%;
  }

  .dn-industries-page .dn-contact-section .dn-contact-logos img,
  .dn-industries-page .dn-contact-section img.dn-contact-logo {
    height: 80px;
  }
}

.dn-industries-page .dn-contact-section .dn-form {
  box-shadow: none;
}

.dn-industries-page .dn-contact-section h3.dn-form-title {
  margin: 0 0 20px !important;
  color: #000 !important;
  font-size: 28px !important;
  font-weight: 500 !important;
  line-height: 1.1 !important;
  letter-spacing: normal;
  text-align: center;
  text-transform: none;
}

.dn-industries-page .dn-contact-section .dn-form-legal {
  margin-top: 20px;
  color: #808080;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.16px;
  text-align: center;
}