.elementor-kit-4{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-d5ee284:#C9A84C;--e-global-color-96cd453:#E8C96C;--e-global-color-a377d28:#8B6914;--e-global-color-eb353cb:#F5A623;--e-global-color-e1deb54:#B87333;--e-global-color-ae32519:#F5F0E8;--e-global-color-f2e60dc:#EDE8DC;--e-global-color-1490741:#888888;--e-global-color-06f213c:#0A0A0A;--e-global-color-99c998d:#111111;--e-global-color-9b9e7a1:#1A1A1A;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-0218443-font-family:"Cormorant Garamond";--e-global-typography-0218443-font-size:72px;--e-global-typography-0218443-font-weight:300;--e-global-typography-0218443-font-style:italic;--e-global-typography-0218443-line-height:1px;--e-global-typography-0218443-letter-spacing:-0.02em;--e-global-typography-5989c9d-font-family:"Cormorant Garamond";--e-global-typography-5989c9d-font-size:52px;--e-global-typography-5989c9d-font-weight:400;--e-global-typography-5989c9d-line-height:1.1px;--e-global-typography-d1588ee-font-family:"Cormorant Garamond";--e-global-typography-d1588ee-font-size:36px;--e-global-typography-d1588ee-font-weight:400;--e-global-typography-d1588ee-line-height:1.2px;--e-global-typography-55edfa9-font-family:"Inter";--e-global-typography-55edfa9-font-size:10px;--e-global-typography-55edfa9-font-weight:400;--e-global-typography-55edfa9-text-transform:uppercase;--e-global-typography-2f94a2f-font-family:"Inter";--e-global-typography-2f94a2f-font-size:15px;--e-global-typography-2f94a2f-font-weight:300;--e-global-typography-2f94a2f-line-height:1.75px;--e-global-typography-5f41fe8-font-family:"Inter";--e-global-typography-5f41fe8-font-size:12px;--e-global-typography-5f41fe8-font-weight:400;--e-global-typography-5f41fe8-letter-spacing:0.02em;--e-global-typography-1b61995-font-family:"Inter";--e-global-typography-1b61995-font-size:13px;--e-global-typography-1b61995-font-weight:300;--e-global-typography-1b61995-letter-spacing:0.06em;background-color:var( --e-global-color-99c998d );}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:32px;}.elementor-element{--widgets-spacing:32px 32px;--widgets-spacing-row:32px;--widgets-spacing-column:32px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ═══════════════════════════════════════════════
   SURYAPUTR — CSS Custom Properties
   Paste in: Appearance → Customize → Additional CSS
═══════════════════════════════════════════════ */
:root {
  /* Backgrounds */
  --sp-void:        #0a0a0a;
  --sp-charcoal:    #111111;
  --sp-dark:        #1a1a1a;
  --sp-mid:         #2a2a2a;

  /* Gold Scale */
  --sp-gold:        #c9a84c;
  --sp-gold-light:  #e8c96c;
  --sp-gold-dark:   #8b6914;
  --sp-amber:       #f5a623;
  --sp-copper:      #b87333;

  /* Text */
  --sp-cream:       #f5f0e8;
  --sp-linen:       #ede8dc;
  --sp-ash:         #888888;
  --sp-subtle:      #4a4a4a;

  /* Gold with opacity — borders / overlays */
  --sp-gold-80:     rgba(201,168,76,0.80);
  --sp-gold-40:     rgba(201,168,76,0.40);
  --sp-gold-20:     rgba(201,168,76,0.20);
  --sp-gold-12:     rgba(201,168,76,0.12);
  --sp-gold-06:     rgba(201,168,76,0.06);

  /* Fonts */
  --sp-font-serif:  'Cormorant Garamond', Georgia, serif;
  --sp-font-sans:   'Inter', system-ui, sans-serif;

  /* Spacing scale */
  --sp-space-xs:    8px;
  --sp-space-sm:    12px;
  --sp-space-md:    24px;
  --sp-space-lg:    48px;
  --sp-space-xl:    80px;
}

/* ── BODY ────────────────────────── */
body,
.elementor-widget-text-editor p,
.entry-content p {
  font-family: var(--sp-font-sans);
  font-size: 15px;
  font-weight: 300;
  line-height: 1.75;
  color: var(--sp-cream);
}

/* ── HEADINGS ─────────────────────── */
h1, h2, h3, h4,
.elementor-heading-title,
.elementor-widget-heading .elementor-heading-title {
  font-family: var(--sp-font-serif);
  font-weight: 400;
  color: var(--sp-cream);
  line-height: 1.1;
}

h1, .elementor-size-xxxl { font-size: 52px; letter-spacing: -0.01em; }
h2, .elementor-size-xxl  { font-size: 36px; }
h3, .elementor-size-xl   { font-size: 26px; line-height: 1.3; }
h4, .elementor-size-large{ font-size: 20px; }
h5, .elementor-size-medium{ font-size: 15px; font-family: var(--sp-font-sans); }
h6, .elementor-size-small { font-size: 13px; font-family: var(--sp-font-sans); }

/* ── DISPLAY (Hero Headlines) ─────── */
.sp-display,
.elementor-widget-heading.display-size .elementor-heading-title {
  font-family: var(--sp-font-serif);
  font-size: clamp(48px, 7vw, 96px);
  font-weight: 300;
  line-height: 1.0;
  letter-spacing: -0.02em;
  color: var(--sp-cream);
}

/* ── EYEBROW LABEL ─────────────────── */
.sp-eyebrow,
.elementor-widget-heading.eyebrow-style .elementor-heading-title {
  font-family: var(--sp-font-sans);
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.35em;
  text-transform: uppercase;
  color: var(--sp-gold);
}

/* ── CAPTIONS / META ───────────────── */
.sp-caption,
.elementor-widget-heading.caption-style .elementor-heading-title,
figcaption,
.wp-caption-text {
  font-family: var(--sp-font-sans);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: var(--sp-ash);
  line-height: 1.7;
}

/* ── HEADER WRAPPER ──────────────────── */
#masthead,
.site-header,
.ast-primary-header-bar,
.ast-site-header-wrap {
  background: rgba(10,10,10,0.95) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(201,168,76,0.15) !important;
  height: 64px;
}

/* ── SITE LOGO / TITLE ───────────────── */
.ast-site-identity .site-title,
.ast-site-identity .site-title a {
  font-family: var(--sp-font-serif) !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--sp-gold) !important;
}

/* ── NAV MENU ITEMS ──────────────────── */
.main-header-menu .menu-item > a,
.ast-primary-menu > li > a,
#ast-primary-menu > li > a {
  font-family: var(--sp-font-sans) !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  letter-spacing: 0.06em;
  color: rgba(245,240,232,0.6) !important;
  transition: color 0.2s ease;
}
.main-header-menu .menu-item > a:hover,
.ast-primary-menu > li > a:hover {
  color: var(--sp-cream) !important;
}
.main-header-menu .current-menu-item > a,
.ast-primary-menu > li.current-menu-item > a {
  color: var(--sp-gold) !important;
}

/* ── MOBILE HAMBURGER ────────────────── */
.ast-mobile-menu-trigger-fill { background: var(--sp-gold) !important; }
.ast-header-break-point .ast-mobile-menu-trigger .ast-icon { color: var(--sp-gold) !important; }


/* ── CONTENT CARD ──────────────────── */
.sp-card,
.elementor-widget-container .sp-card {
  background: var(--sp-charcoal);
  border: 1px solid rgba(201,168,76,0.12);
  border-radius: 4px;
  padding: 32px;
}

/* ── SECTION DEFAULT ───────────────── */
.elementor-section,
.e-con {
  background: var(--sp-void);
}

/* ── GOLD ACCENT RULE (use as custom HTML) */
.sp-rule {
  width: 48px;
  height: 1px;
  background: var(--sp-gold);
  opacity: 0.4;
  margin: 0 0 48px;
  border: none;
  display: block;
}

/* ── SECTION DIVIDER LINE ──────────── */
.sp-section-divider {
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(201,168,76,0.2),
    transparent
  );
  border: none;
  margin: 0;
}

/* ── ELEMENTOR DIVIDER WIDGET ───────── */
.elementor-widget-divider .elementor-divider-separator {
  border-color: rgba(201,168,76,0.15) !important;
}

/* ── FEATURED BOX (left gold border) ── */
.sp-featured-box {
  border-left: 2px solid var(--sp-gold);
  padding-left: 24px;
  background: rgba(201,168,76,0.03);
}

/* ── BADGE / PILL ──────────────────── */
.sp-badge {
  display: inline-block;
  font-size: 9px;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--sp-gold);
  border: 1px solid rgba(201,168,76,0.3);
  padding: 4px 12px;
  border-radius: 2px;
  margin-bottom: 12px;
}

/* ── SECTION PADDING ───────────────── */
.elementor-section.sp-section-padding > .elementor-container {
  padding-top: 80px;
  padding-bottom: 80px;
}
.elementor-section.sp-section-padding-lg > .elementor-container {
  padding-top: 120px;
  padding-bottom: 120px;
}


/* ── USE IN ELEMENTOR: Advanced → CSS Classes → sp-bg-* */

/* Solid Backgrounds */
.sp-bg-void      { background: var(--sp-void) !important; }
.sp-bg-charcoal  { background: var(--sp-charcoal) !important; }
.sp-bg-dark      { background: var(--sp-dark) !important; }

/* Solar Halo (hero section background) */
.sp-bg-hero {
  background:
    radial-gradient(
      ellipse at 65% -10%,
      rgba(201,168,76,0.10) 0%,
      transparent 65%
    ),
    var(--sp-void) !important;
}

/* Gold fade top (section highlight) */
.sp-bg-gold-fade {
  background: linear-gradient(
    180deg,
    rgba(201,168,76,0.07) 0%,
    transparent 40%
  ),
  var(--sp-void) !important;
}

/* Dusk glow (accent section) */
.sp-bg-dusk {
  background: linear-gradient(
    180deg,
    rgba(245,166,35,0.12) 0%,
    rgba(201,168,76,0.04) 50%,
    transparent 100%
  ),
  var(--sp-charcoal) !important;
}

/* Card depth gradient */
.sp-bg-card-depth {
  background: linear-gradient(
    180deg,
    var(--sp-dark) 0%,
    var(--sp-void) 100%
  ) !important;
}

/* Sunrise (for CTA sections) */
.sp-bg-sunrise {
  background: linear-gradient(
    135deg,
    var(--sp-gold) 0%,
    var(--sp-gold-dark) 50%,
    var(--sp-amber) 100%
  ) !important;
}
.sp-bg-sunrise * { color: var(--sp-void) !important; }

/* Pro Elements — Flip Box */
.elementor-flip-box__front,
.elementor-flip-box__back {
  background: var(--sp-charcoal) !important;
  border: 1px solid rgba(201,168,76,0.12) !important;
}
.elementor-flip-box__front .elementor-flip-box__layer__title {
  font-family: var(--sp-font-serif) !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  color: var(--sp-cream) !important;
}
.elementor-flip-box__back {
  background: var(--sp-dark) !important;
}
.elementor-flip-box__back .elementor-flip-box__layer__title {
  color: var(--sp-gold) !important;
}
.e-hotspot__tooltip {
  background: var(--sp-charcoal) !important;
  border: 1px solid rgba(201,168,76,0.2) !important;
  color: var(--sp-cream) !important;
  font-family: var(--sp-font-sans) !important;
  font-size: 12px !important;
}

/* Pro Elements — Table of Contents */
.elementor-toc__header {
  background: var(--sp-charcoal) !important;
  border-bottom: 1px solid rgba(201,168,76,0.15) !important;
}
.elementor-toc__header-title {
  font-family: var(--sp-font-serif) !important;
  color: var(--sp-cream) !important;
  font-size: 18px !important;
}
.elementor-toc__list-item a {
  color: rgba(245,240,232,0.6) !important;
  font-size: 13px !important;
}
.elementor-toc__list-item a:hover {
  color: var(--sp-gold) !important;
}
.elementor-toc__list-item.is-active > a {
  color: var(--sp-gold) !important;
  border-left: 2px solid var(--sp-gold);
  padding-left: 8px;
}

/* Pro Elements — Countdown */
.elementor-countdown-item {
  background: var(--sp-charcoal) !important;
  border: 1px solid rgba(201,168,76,0.12) !important;
  padding: 20px !important;
}
.elementor-countdown-digits {
  font-family: var(--sp-font-serif) !important;
  color: var(--sp-gold) !important;
  font-size: 42px !important;
  font-weight: 300 !important;
}
.elementor-countdown-label {
  font-family: var(--sp-font-sans) !important;
  font-size: 9px !important;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--sp-ash) !important;
}

/* Pro Elements — Accordion / Toggle */
.elementor-accordion .elementor-accordion-item {
  background: var(--sp-charcoal) !important;
  border: 1px solid rgba(255,255,255,0.04) !important;
  border-radius: 0 !important;
  margin-bottom: 2px !important;
}
.elementor-accordion .elementor-tab-title {
  font-family: var(--sp-font-sans) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--sp-cream) !important;
  padding: 20px 24px !important;
}
.elementor-accordion .elementor-tab-title.elementor-active {
  color: var(--sp-gold) !important;
  border-left: 2px solid var(--sp-gold) !important;
}
.elementor-accordion .elementor-tab-content {
  font-family: var(--sp-font-sans) !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  color: rgba(245,240,232,0.6) !important;
  line-height: 1.75 !important;
  border-top: 1px solid rgba(255,255,255,0.05) !important;
  padding: 20px 24px !important;
}

/* Pro Elements — Progress Bar */
.elementor-progress-wrapper {
  background: rgba(255,255,255,0.06) !important;
  border-radius: 0 !important;
  height: 2px !important;
}
.elementor-progress-bar {
  background: var(--sp-gold) !important;
  border-radius: 0 !important;
}
.elementor-progress-text {
  font-family: var(--sp-font-sans) !important;
  font-size: 11px !important;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--sp-cream) !important;
}
.elementor-progress-percentage {
  color: var(--sp-gold) !important;
}/* End custom CSS */