/**
 * Astrological / Cosmic theme
 * Colors: deep indigo, purple, gold. Icons: stars, zodiac, sacred symbols.
 */

:root {
  --astro-bg-dark: #0c0818;
  --astro-bg-mid: #1a0f2e;
  --astro-bg-card: #251a38;
  --astro-purple: #4a2c7a;
  --astro-violet: #6b4a9e;
  --astro-gold: #d4af37;
  --astro-gold-light: #f0d78c;
  --astro-gold-dim: #c9a227;
  --astro-accent: #7b68ee;
  --astro-text: #e8e0f0;
  --astro-text-muted: #a89cc4;
}

/* ---- Thematic fonts ---- */
body,
html,
.container, p, span, div, input, select, textarea, button, label,
a:not(.nav-link):not(.navbar-brand) {
  font-family: "Cormorant Garamond", "Georgia", serif !important;
}

h1, h2, h3, h4, h5, h6,
.section-title h2, .section-title h1,
.testimonial-heading, .headline, .headliness, .form-heading,
.nav-link, .navbar-brand,
.atorn-nav .navbar .navbar-nav .nav-item a,
.atorn-nav .navbar .navbar-nav .nav-item .dropdown-menu li a,
.call-to-action h2,
.cta-wrapper .details-wrapper h2 {
  font-family: "Cinzel", "Georgia", serif !important;
}

/* ---- Hero: cosmic banner ---- */
section.main-banne.dekstop {
  background: linear-gradient(160deg, var(--astro-bg-dark) 0%, var(--astro-bg-mid) 40%, var(--astro-purple) 100%);
  padding-top: 84px;
  padding-bottom: 48px;
  position: relative;
  overflow: hidden;
}

section.main-banne.dekstop .banner-padding {
  position: relative;
  z-index: 2;
  padding-top: 0;
}

/* Zodiac symbols strip (decorative) */
.hero-zodiac {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 1;
  opacity: 0.5;
}

.hero-zodiac span {
  position: absolute;
  font-size: clamp(1rem, 2.5vw, 2rem);
  color: var(--astro-gold-light);
  text-shadow: 0 0 12px rgba(212, 175, 55, 0.5);
}

.hero-zodiac .zodiac-tl { top: 12%; left: 8%; }
.hero-zodiac .zodiac-tr { top: 15%; right: 10%; }
.hero-zodiac .zodiac-bl { bottom: 20%; left: 6%; }
.hero-zodiac .zodiac-br { bottom: 18%; right: 8%; }
.hero-zodiac .zodiac-ml { top: 50%; left: 4%; transform: translateY(-50%); }
.hero-zodiac .zodiac-mr { top: 50%; right: 4%; transform: translateY(-50%); }

/* CSS starfield */
.hero-stars {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

.hero-stars .star {
  position: absolute;
  width: 2px;
  height: 2px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 6px #fff, 0 0 12px var(--astro-gold-light);
  animation: twinkle 3s ease-in-out infinite;
}

.hero-stars .star:nth-child(1) { top: 10%; left: 15%; animation-delay: 0s; }
.hero-stars .star:nth-child(2) { top: 25%; left: 85%; animation-delay: 0.5s; }
.hero-stars .star:nth-child(3) { top: 45%; left: 25%; animation-delay: 1s; }
.hero-stars .star:nth-child(4) { top: 60%; left: 75%; animation-delay: 1.5s; }
.hero-stars .star:nth-child(5) { top: 75%; left: 40%; animation-delay: 2s; }
.hero-stars .star:nth-child(6) { top: 20%; left: 50%; animation-delay: 0.3s; }
.hero-stars .star:nth-child(7) { top: 55%; left: 90%; animation-delay: 0.8s; }
.hero-stars .star:nth-child(8) { top: 35%; left: 5%; animation-delay: 1.2s; }
.hero-stars .star:nth-child(9) { top: 80%; left: 20%; animation-delay: 2.2s; }
.hero-stars .star:nth-child(10) { top: 12%; left: 70%; animation-delay: 0.6s; }

@keyframes twinkle {
  0%, 100% { opacity: 0.4; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.2); }
}

/* Hero title overlay (when using cosmic-only hero) */
.hero-cosmic-title {
  text-align: center;
  padding: 1.5rem 1rem 2rem;
}

.hero-cosmic-title .hero-main {
  font-family: "Cinzel", serif !important;
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--astro-gold-light);
  margin-bottom: 0.5rem;
  text-shadow: 0 0 24px rgba(212, 175, 55, 0.4);
}

.hero-cosmic-title .hero-sub {
  font-family: "Cormorant Garamond", serif !important;
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--astro-text-muted);
}

/* Banner image frame (when image is used) */
section.main-banne.dekstop .main_banner {
  border-radius: 12px;
  border: 2px solid rgba(212, 175, 55, 0.35);
  box-shadow: 0 8px 32px rgba(0,0,0,0.4), 0 0 0 1px rgba(255,255,255,0.05);
  max-width: 900px;
  margin: 0 auto 1rem;
  display: block;
}

/* ---- Four feature cards below hero: cosmic design ---- */
section.sction3 {
  background: linear-gradient(165deg, #8b6914 0%, var(--astro-gold-dim) 25%, var(--astro-gold) 50%, var(--astro-gold-light) 75%, #b8860b 100%) !important;
  position: relative;
  overflow: hidden;
  padding-top: 3rem !important;
  padding-bottom: 3.5rem !important;
}

/* Subtle shimmer / starfield on section */
section.sction3::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(1.5px 1.5px at 15% 20%, rgba(255,255,255,0.5), transparent),
    radial-gradient(1.5px 1.5px at 85% 30%, rgba(255,255,255,0.45), transparent),
    radial-gradient(1.5px 1.5px at 50% 70%, rgba(255,255,255,0.4), transparent),
    radial-gradient(2px 2px at 25% 85%, rgba(255,255,255,0.35), transparent),
    radial-gradient(2px 2px at 75% 15%, rgba(255,255,255,0.35), transparent);
  background-size: 200% 200%;
  pointer-events: none;
  z-index: 0;
  opacity: 0.85;
}

section.sction3 .container {
  position: relative;
  z-index: 1;
}

/* Vertical alignment: equal-height cards */
section.sction3 .sction3-cards-row {
  display: flex !important;
  flex-wrap: wrap;
  align-items: stretch;
}
section.sction3 .sction3-cards-row > [class*="col-"] {
  display: flex !important;
  align-items: stretch;
  float: none;
}
section.sction3 .sction3-cards-row .bg34 {
  display: flex !important;
  flex-direction: column;
  width: 100%;
  min-height: 12rem;
  height: 100%;
  flex: 1 1 auto;
}
section.sction3 .sction3-cards-row .bg35 {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
}

section.sction3 .bg34 {
  background: linear-gradient(180deg, var(--astro-bg-card) 0%, rgba(37, 26, 56, 0.95) 100%) !important;
  border: 1px solid rgba(212, 175, 55, 0.4) !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.06) !important;
}

section.sction3 .bg34:hover {
  border-color: var(--astro-gold) !important;
  box-shadow: 0 12px 32px rgba(0,0,0,0.4), 0 0 24px rgba(212, 175, 55, 0.2), inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

section.sction3 .bg35 {
  padding: 1.5rem 1rem !important;
}

section.sction3 .secicon {
  filter: drop-shadow(0 0 8px rgba(212, 175, 55, 0.4));
  opacity: 0.95;
}

section.sction3 .bg34:hover .secicon {
  filter: drop-shadow(0 0 12px rgba(212, 175, 55, 0.6));
}

section.sction3 p.Face {
  color: var(--astro-gold-light) !important;
  font-family: "Cinzel", serif !important;
  font-size: 1rem !important;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.25);
  margin-bottom: 0 !important;
  margin-top: 0.5rem !important;
}

section.sction3 .bg34:hover p.Face {
  color: #fff !important;
  text-shadow: 0 0 16px rgba(212, 175, 55, 0.4);
}

/* CTA below feature cards – same color as cards */
section.sction3 .sction3-cta-row {
  margin-top: 2rem;
  margin-bottom: 0;
}
section.sction3 .sction3-cta-btn {
  display: inline-block;
  padding: 0.75rem 1.75rem;
  font-weight: 600;
  border-radius: 6px;
  text-decoration: none;
  transition: background 0.2s, transform 0.2s, border-color 0.2s;
  background: var(--astro-bg-card) !important;
  border: 1px solid rgba(212, 175, 55, 0.4) !important;
  color: var(--astro-gold-light) !important;
}
section.sction3 .sction3-cta-btn:hover {
  transform: translateY(-2px);
  background: var(--astro-purple) !important;
  border-color: var(--astro-gold) !important;
  color: #fff !important;
}

/* Section titles: gold accent where applicable */
.section-title h2,
.section-title h1 {
  color: #1a0f2e;
}
.testimonials-area.ptb-100.keyword .section-title h2 {
  color: #fff !important;
}

/* Buttons: gold theme */
.btn-style-one,
.theme-btn.btn-style-one,
a.bbbtns,
.default-btn-one {
  background: var(--astro-gold) !important;
  border-color: var(--astro-gold) !important;
  color: var(--astro-bg-dark) !important;
}

.btn-style-one:hover,
.theme-btn.btn-style-one:hover,
a.bbbtns:hover,
.default-btn-one:hover {
  background: var(--astro-gold-light) !important;
  border-color: var(--astro-gold-light) !important;
  color: var(--astro-bg-dark) !important;
}

/* Navbar: dark cosmic */
.atorn-nav,
.navbar-area {
  background: var(--astro-bg-dark) !important;
  border-bottom: 1px solid rgba(212, 175, 55, 0.2);
}

@media (max-width: 991px) {
  .navbar-area.is-sticky {
    background: var(--astro-bg-dark) !important;
  }
}

.atorn-nav .navbar .navbar-nav .nav-item .nav-link {
  color: var(--astro-text) !important;
}

.atorn-nav .navbar .navbar-nav .nav-item .nav-link:hover,
.atorn-nav .navbar .navbar-nav .nav-item .nav-link.active {
  color: var(--astro-gold-light) !important;
}

.atorn-nav .navbar .navbar-nav .nav-item a.nav-link.btn2 {
  background: transparent !important;
  color: var(--astro-text) !important;
  margin-top: 0 !important;
  padding: 20px 15px !important;
  border-radius: 0;
}

.atorn-nav .navbar .navbar-nav .nav-item a.nav-link.btn2:hover {
  background: transparent !important;
  color: var(--astro-gold-light) !important;
}

.navbar-brand img {
  filter: brightness(1.05);
}

/* Keep menu and WhatsApp on same row */
.atorn-nav .navbar {
  flex-wrap: nowrap;
}
.atorn-nav .navbar .navbar-nav {
  flex-wrap: nowrap;
  align-items: center;
}
.atorn-nav .navbar .navbar-nav .nav-item {
  flex-shrink: 0;
}
.atorn-nav .navbar .navbar-nav .nav-item a.whatsapp-nav {
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
}
.atorn-nav .navbar .navbar-nav .nav-item a.whatsapp-nav .wp_icon {
  width: 180px;
  height: auto;
  object-fit: contain;
  display: block;
}

/* Footer sacred strip: ॐ and stars */
.footer-sacred {
  text-align: center;
  padding: 1.25rem 1rem 0.5rem;
  font-size: 1.25rem;
  color: var(--astro-gold);
  letter-spacing: 0.5rem;
  opacity: 0.9;
}
.footer-sacred .footer-om {
  margin: 0 0.35rem;
}
.footer-sacred .footer-stars {
  margin: 0 0.25rem;
  letter-spacing: 0.3rem;
}

/* Key sections: subtle cosmic tint */
.testimonials-area.solutions-section {
  background: linear-gradient(180deg, #f5f0fa 0%, #ebe5f5 100%) !important;
}

.testimonials-area.ptb-100.keyword {
  background: linear-gradient(160deg, var(--astro-purple) 0%, var(--astro-bg-mid) 100%) !important;
}

.call-to-action .overlay2 {
  background: linear-gradient(135deg, rgba(26, 15, 46, 0.88) 0%, rgba(74, 44, 122, 0.85) 100%);
}

.call-to-action h2 {
  color: var(--astro-gold-light) !important;
}

.testimonials_video {
  background: linear-gradient(160deg, var(--astro-purple) 0%, var(--astro-bg-mid) 100%) !important;
}

/* Cards: border accent */
.solutions-section .box,
#special-poojas .box {
  border-color: var(--astro-purple) !important;
  background: #fff;
}

#special-poojas .box .contents.ghg .book-now-btn {
  background: linear-gradient(135deg, var(--astro-purple) 0%, var(--astro-violet) 50%, var(--astro-bg-mid) 100%) !important;
  color: var(--astro-gold-light) !important;
  border: 1px solid rgba(212, 175, 55, 0.3);
}
#special-poojas .box .contents.ghg .book-now-btn:hover {
  background: linear-gradient(135deg, var(--astro-violet) 0%, var(--astro-purple) 100%) !important;
  color: #fff !important;
}

.testimonials-area.solutions-section .contents .solutions-cta-btn {
  background: linear-gradient(135deg, var(--astro-purple) 0%, var(--astro-violet) 50%, var(--astro-bg-mid) 100%) !important;
  color: var(--astro-gold-light) !important;
  border: 1px solid rgba(212, 175, 55, 0.3);
}
.testimonials-area.solutions-section .contents .solutions-cta-btn:hover {
  background: linear-gradient(135deg, var(--astro-violet) 0%, var(--astro-purple) 100%) !important;
  color: #fff !important;
}

.solutions-section .box:hover,
#special-poojas .box:hover {
  border-color: var(--astro-gold) !important;
  box-shadow: 0 4px 20px rgba(74, 44, 122, 0.15);
}

/* Top Astrologer in Bangalore: purple background with stars and gems, gold buttons */
.testimonials-area.fgb {
  background: linear-gradient(160deg, var(--astro-bg-mid) 0%, var(--astro-purple) 40%, var(--astro-violet) 100%) !important;
  position: relative;
  overflow: hidden;
}
/* Stars and gems layer */
.testimonials-area.fgb .fgb-cosmic-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}
.testimonials-area.fgb .fgb-cosmic-bg .fgb-star {
  position: absolute;
  width: 3px;
  height: 3px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.5);
  animation: fgb-twinkle 4s ease-in-out infinite;
}
.testimonials-area.fgb .fgb-cosmic-bg .fgb-star:nth-child(1) { top: 8%; left: 10%; animation-delay: 0s; }
.testimonials-area.fgb .fgb-cosmic-bg .fgb-star:nth-child(2) { top: 15%; left: 85%; animation-delay: 0.5s; }
.testimonials-area.fgb .fgb-cosmic-bg .fgb-star:nth-child(3) { top: 35%; left: 25%; animation-delay: 1s; }
.testimonials-area.fgb .fgb-cosmic-bg .fgb-star:nth-child(4) { top: 55%; left: 70%; animation-delay: 1.5s; }
.testimonials-area.fgb .fgb-cosmic-bg .fgb-star:nth-child(5) { top: 72%; left: 15%; animation-delay: 2s; }
.testimonials-area.fgb .fgb-cosmic-bg .fgb-star:nth-child(6) { top: 25%; left: 50%; animation-delay: 0.3s; }
.testimonials-area.fgb .fgb-cosmic-bg .fgb-star:nth-child(7) { top: 60%; left: 92%; animation-delay: 0.8s; }
.testimonials-area.fgb .fgb-cosmic-bg .fgb-star:nth-child(8) { top: 45%; left: 5%; animation-delay: 2.2s; }
.testimonials-area.fgb .fgb-cosmic-bg .fgb-star:nth-child(9) { top: 85%; left: 55%; animation-delay: 1.2s; }
.testimonials-area.fgb .fgb-cosmic-bg .fgb-gem {
  position: absolute;
  font-size: 0.6rem;
  color: var(--astro-gold-light);
  opacity: 0.6;
  text-shadow: 0 0 10px rgba(212, 175, 55, 0.5);
}
.testimonials-area.fgb .fgb-cosmic-bg .fgb-gem:nth-child(10) { top: 12%; left: 30%; }
.testimonials-area.fgb .fgb-cosmic-bg .fgb-gem:nth-child(11) { top: 22%; left: 75%; }
.testimonials-area.fgb .fgb-cosmic-bg .fgb-gem:nth-child(12) { top: 50%; left: 18%; }
.testimonials-area.fgb .fgb-cosmic-bg .fgb-gem:nth-child(13) { top: 65%; left: 80%; }
.testimonials-area.fgb .fgb-cosmic-bg .fgb-gem:nth-child(14) { top: 78%; left: 40%; }
.testimonials-area.fgb .fgb-cosmic-bg .fgb-gem:nth-child(15) { top: 38%; left: 60%; }
@keyframes fgb-twinkle {
  0%, 100% { opacity: 0.5; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.2); }
}
.testimonials-area.fgb .container {
  position: relative;
  z-index: 1;
}
.testimonials-area.fgb .section-title h2 {
  color: var(--astro-gold-light) !important;
}
.testimonials-area.fgb .section-title p.meetthe {
  color: rgba(255, 255, 255, 0.85);
}
.testimonials-area.fgb .row.align-items-stretch {
  align-items: stretch;
}
.testimonials-area.fgb .row.align-items-stretch > [class*="col-"] {
  display: flex;
  flex-direction: column;
}
.testimonials-area.fgb .row.align-items-stretch .col-lg-6.boxs {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.testimonials-area.fgb .row.align-items-stretch .col-lg-6.boxs .contents.hfsd {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.testimonials-area.fgb .row.align-items-stretch .col-lg-6:last-child {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.testimonials-area.fgb .row.align-items-stretch .col-lg-6:last-child > div {
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .testimonials-area.fgb .row.align-items-stretch .col-lg-6:last-child > div {
    min-height: 450px;
  }
}
.testimonials-area.fgb .row.align-items-stretch .slider {
  flex: 1;
  min-height: 100%;
  height: 100%;
  max-width: none;
  border-radius: 12px;
  border: 2px solid rgba(74, 44, 122, 0.25);
  box-shadow: 0 8px 32px rgba(74, 44, 122, 0.15), 0 0 0 1px rgba(212, 175, 55, 0.1);
}
.testimonials-area.fgb .row.align-items-stretch .slider .slides {
  height: 100%;
  min-height: 0;
}
.testimonials-area.fgb .row.align-items-stretch .slider .slide {
  height: 100%;
  flex-shrink: 0;
}
@media (min-width: 992px) {
  .testimonials-area.fgb .row.align-items-stretch .slider .slide {
    min-height: 450px;
  }
}
.testimonials-area.fgb .boxs {
  background: linear-gradient(145deg, rgba(255,255,255,0.97) 0%, rgba(250,248,252,0.95) 100%) !important;
  border: 1px solid rgba(212, 175, 55, 0.35) !important;
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}
.testimonials-area.fgb .boxs .contents.hfsd h5 {
  color: var(--astro-purple);
}
.testimonials-area.fgb .boxs .contents.hfsd p {
  color: #3d3550;
}
.testimonials-area.fgb .boxs .contents.hfsd .bbbtns {
  background: var(--astro-gold) !important;
  border-color: var(--astro-gold) !important;
  color: var(--astro-bg-dark) !important;
}
.testimonials-area.fgb .boxs .contents.hfsd .bbbtns:hover {
  background: var(--astro-gold-light) !important;
  border-color: var(--astro-gold-light) !important;
  color: var(--astro-bg-dark) !important;
}

/* Footer */
.footer-area {
  background: var(--astro-bg-dark) !important;
  border-top: 1px solid rgba(212, 175, 55, 0.15);
}
.footer-area .footer-widget h3 {
  color: var(--astro-gold-light) !important;
}
.footer-area .footer-text li a:hover,
.footer-area .info-list a:hover {
  color: var(--astro-gold-light) !important;
}

/* About feature items: keep readable */
.about-feature-item h4 {
  color: #1a0f2e;
}

/* Decorative star (✦) next to key headings - optional use */
/* No stars on hero title (Shree Raghavendra Swami Astrology) */
.hero-cosmic-title .hero-main::before,
.hero-cosmic-title .hero-main::after {
  content: none;
}
.hero-cosmic-title {
  text-align: center;
}
.hero-cosmic-title .hero-main,
.hero-cosmic-title .hero-sub {
  text-align: center;
}

/* About section (Shree Raghavendra Swami Astrology): center aligned */
.about-area#about .about-text .section-title,
.about-area#about .about-text .section-title h1,
.about-area#about .about-text .section-title p,
.about-area#about .about-features-box,
.about-area#about .about-feature-item,
.about-area#about .about-feature-item h4,
.about-area#about .about-feature-item p {
  text-align: center;
}

/* Shree Raghavendra Swami Astrology: no stars around title */
.about-area#about .about-text .section-title h1::before,
.about-area#about .about-text .section-title h1::after {
  content: none !important;
}

/* Feature cards: gold background; text and Om icon purple */
.about-area#about .about-feature-item {
  background: linear-gradient(145deg, var(--astro-gold-dim) 0%, var(--astro-gold) 50%, var(--astro-gold-light) 100%) !important;
  border: 1px solid rgba(201, 162, 39, 0.5);
  box-shadow: 0 4px 16px rgba(212, 175, 55, 0.25);
}
.about-area#about .about-feature-item h4,
.about-area#about .about-feature-item p {
  color: var(--astro-purple) !important;
}
.about-area#about .about-feature-item .om-icon {
  display: inline-block;
  font-size: 1.75rem;
  color: var(--astro-purple) !important;
  margin-right: 0.5rem;
  vertical-align: middle;
  line-height: 1;
}

/* Stars left and right of all section titles: purple on light backgrounds */
.section-title h2::before,
.section-title h1::before {
  content: "✦ ";
  color: var(--astro-purple);
}
.section-title h2::after,
.section-title h1::after {
  content: " ✦";
  color: var(--astro-purple);
}

/* Gold stars on dark background sections */
.testimonials-area.fgb .section-title h2::before,
.testimonials-area.fgb .section-title h2::after,
.testimonials_video .section-title h2::before,
.testimonials_video .section-title h2::after,
.testimonials-area.ptb-100.keyword .section-title h2::before,
.testimonials-area.ptb-100.keyword .section-title h2::after,
.contact-page-sec .section-title h2::before,
.contact-page-sec .section-title h2::after,
.call-to-action h2::before,
.call-to-action h2::after {
  color: var(--astro-gold) !important;
}

/* Get your Janam Kundli contact form: astrological background */
.contact-page-sec .contact-page-form {
  background: linear-gradient(145deg, var(--astro-bg-card) 0%, var(--astro-purple) 50%, var(--astro-bg-mid) 100%) !important;
  border: 2px solid rgba(212, 175, 55, 0.4);
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  padding: 2rem;
}
.contact-page-sec .contact-page-form .form-heading {
  color: var(--astro-gold-light) !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.3);
}
.contact-page-sec .contact-page-form input,
.contact-page-sec .contact-page-form select.dro,
.contact-page-sec .contact-page-form textarea {
  background: rgba(255, 255, 255, 0.95) !important;
  border-color: rgba(212, 175, 55, 0.35) !important;
  border-radius: 6px;
}
.contact-page-sec .contact-page-form input:focus,
.contact-page-sec .contact-page-form select.dro:focus,
.contact-page-sec .contact-page-form textarea:focus {
  border-color: var(--astro-gold) !important;
  outline: none;
  box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.2);
}
.contact-page-sec .contact-page-form .sendbtn,
.contact-page-sec .contact-page-form button[type="submit"] {
  background: var(--astro-gold) !important;
  border-color: var(--astro-gold) !important;
  color: var(--astro-bg-dark) !important;
  font-weight: bold;
}
.contact-page-sec .contact-page-form .sendbtn:hover,
.contact-page-sec .contact-page-form button[type="submit"]:hover {
  background: var(--astro-gold-light) !important;
  border-color: var(--astro-gold-light) !important;
  color: var(--astro-bg-dark) !important;
}

/* Call-to-action section: small star decor */
.call-to-action .text.dsds::before {
  content: "✦ ";
  color: var(--astro-gold-light);
}
.call-to-action .text.dsds::after {
  content: " ✦";
  color: var(--astro-gold-light);
}