/* Banner title: never fall back to Proxima/Oswald — Softalyn = Poppins */
.banner.banner-advance h1,
.banner.banner-advance h1.banner-title,
.banner.banner-advance h1.banner-title span,
.banner.banner-advance h1.banner-title .banner-title__word,
.banner.banner-advance h1.banner-title .banner-title__line {
  font-family: "Poppins", sans-serif !important;
}

/* Dark-mode readability — always show content even if AOS fails */

/* ---- AOS safety net: never leave copy invisible ---- */
[data-aos].aos-init:not(.aos-animate) {
  opacity: 1 !important;
  transform: none !important;
  pointer-events: auto !important;
}

html[data-aos-easing] [data-aos].aos-animate {
  opacity: 1;
}

/* ---- Global dark page text ---- */
html[data-theme="dark"] body.softalyn-home {
  color: #f5f8ff;
}

html[data-theme="dark"] body.softalyn-home p,
html[data-theme="dark"] body.softalyn-home li,
html[data-theme="dark"] body.softalyn-home label,
html[data-theme="dark"] body.softalyn-home h3,
html[data-theme="dark"] body.softalyn-home h4,
html[data-theme="dark"] body.softalyn-home h5,
html[data-theme="dark"] body.softalyn-home h6 {
  color: #f5f8ff;
}

/* h1/h2 left without forced fill so gradient process numbers / titles can clip */

/* Softalyn accent headings / spans keep gradient when clipped */
html[data-theme="dark"] body.softalyn-home .sec-title span,
html[data-theme="dark"] body.softalyn-home .headingOne span,
html[data-theme="dark"] body.softalyn-home h3 span,
html[data-theme="dark"] body.softalyn-home h4 span {
  background-image: linear-gradient(102deg, #8ef4ff 0%, #287bff 45%, #b65cff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

html[data-theme="dark"] body.softalyn-home .sec-eyebrow {
  color: #9fdfff !important;
  -webkit-text-fill-color: #9fdfff !important;
}

html[data-theme="dark"] body.softalyn-home .sec-lead,
html[data-theme="dark"] body.softalyn-home .sec-title,
html[data-theme="dark"] body.softalyn-home .headingOne {
  color: #f5f8ff !important;
  -webkit-text-fill-color: #f5f8ff !important;
  opacity: 1 !important;
}

/* Service tabs / next-level cards */
html[data-theme="dark"] body.softalyn-home .tab-wrap,
html[data-theme="dark"] body.softalyn-home .tab-wrap h5,
html[data-theme="dark"] body.softalyn-home .tab-wrap p,
html[data-theme="dark"] body.softalyn-home .tab-wrap a,
html[data-theme="dark"] body.softalyn-home .tab-wrap .mb-0 {
  color: #f5f8ff !important;
  -webkit-text-fill-color: #f5f8ff !important;
}

/* Pricing CTAs — black text on gradient was invisible-ish */
html[data-theme="dark"] body.softalyn-home .themeBtnGreeen,
html[data-theme="dark"] body.softalyn-home a.themeBtnGreeen,
html[data-theme="dark"] body.softalyn-home .package-cta a,
html[data-theme="dark"] body.softalyn-home .package-cta span,
html[data-theme="dark"] body.softalyn-home .package-cta h5,
html[data-theme="dark"] body.softalyn-home .package-cta .montfont,
html[data-theme="dark"] body.softalyn-home .click-btn a {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html[data-theme="dark"] body.softalyn-home .pack-detail ul li,
html[data-theme="dark"] body.softalyn-home .listpacks li {
  color: rgba(245, 248, 255, 0.88) !important;
}

/* Industries */
html[data-theme="dark"] body.softalyn-home .work-category,
html[data-theme="dark"] body.softalyn-home .work-category p,
html[data-theme="dark"] body.softalyn-home .work-category h3,
html[data-theme="dark"] body.softalyn-home .work-category h4,
html[data-theme="dark"] body.softalyn-home .work-category .sec-eyebrow,
html[data-theme="dark"] body.softalyn-home .industry-workfor,
html[data-theme="dark"] body.softalyn-home .industry-workfor a,
html[data-theme="dark"] body.softalyn-home .industry-workfor h5,
html[data-theme="dark"] body.softalyn-home .industry-copy strong {
  color: #f5f8ff !important;
  -webkit-text-fill-color: #f5f8ff !important;
}

html[data-theme="dark"] body.softalyn-home .industry-copy em {
  color: rgba(142, 244, 255, 0.75) !important;
  -webkit-text-fill-color: rgba(142, 244, 255, 0.75) !important;
}

/* Process / development */
html[data-theme="dark"] body.softalyn-home .developemnt,
html[data-theme="dark"] body.softalyn-home .developemnt p,
html[data-theme="dark"] body.softalyn-home .developemnt h2,
html[data-theme="dark"] body.softalyn-home .developemnt h3,
html[data-theme="dark"] body.softalyn-home .developemnt h4,
html[data-theme="dark"] body.softalyn-home .developemnt h5,
html[data-theme="dark"] body.softalyn-home .dev-hd,
html[data-theme="dark"] body.softalyn-home .dev-wrap,
html[data-theme="dark"] body.softalyn-home .dev-wrap li,
html[data-theme="dark"] body.softalyn-home .dev-wrap p {
  color: #f5f8ff !important;
  -webkit-text-fill-color: #f5f8ff !important;
}

/* Testimonials — force light text on dark cards */
html[data-theme="dark"] body.softalyn-home .testimonaisl,
html[data-theme="dark"] body.softalyn-home .testimonaisl p,
html[data-theme="dark"] body.softalyn-home .testimonaisl h3,
html[data-theme="dark"] body.softalyn-home .testimonaisl h4,
html[data-theme="dark"] body.softalyn-home .testimonaisl h5,
html[data-theme="dark"] body.softalyn-home .testimonaisl h6,
html[data-theme="dark"] body.softalyn-home .testimonaisl .sec-title,
html[data-theme="dark"] body.softalyn-home .testi_slider,
html[data-theme="dark"] body.softalyn-home .testi_slider p,
html[data-theme="dark"] body.softalyn-home .testimonaisl .review-box,
html[data-theme="dark"] body.softalyn-home .testimonaisl .review-box p,
html[data-theme="dark"] body.softalyn-home .testimonaisl .review-box h6 {
  color: #f5f8ff !important;
  -webkit-text-fill-color: #f5f8ff !important;
}

html[data-theme="dark"] body.softalyn-home .testimonaisl .review-box {
  background: #0e1830 !important;
  border-color: rgba(46, 200, 255, 0.22) !important;
}

html[data-theme="dark"] body.softalyn-home .testimonaisl .review-box h6 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="dark"] body.softalyn-home .testimonaisl .swiper-button-next,
html[data-theme="dark"] body.softalyn-home .testimonaisl .swiper-button-prev {
  background: rgba(10, 20, 40, 0.95) !important;
  border-color: rgba(46, 200, 255, 0.4) !important;
}

html[data-theme="dark"] body.softalyn-home .testimonaisl .swiper-button-next::after,
html[data-theme="dark"] body.softalyn-home .testimonaisl .swiper-button-prev::after {
  color: #8ef4ff !important;
}

/* Portfolio / awards / CTA / ready */
html[data-theme="dark"] body.softalyn-home .portfolio,
html[data-theme="dark"] body.softalyn-home .portfolio h3,
html[data-theme="dark"] body.softalyn-home .award,
html[data-theme="dark"] body.softalyn-home .award h3,
html[data-theme="dark"] body.softalyn-home .cta,
html[data-theme="dark"] body.softalyn-home .cta p,
html[data-theme="dark"] body.softalyn-home .cta h2,
html[data-theme="dark"] body.softalyn-home .cta h3,
html[data-theme="dark"] body.softalyn-home .ready,
html[data-theme="dark"] body.softalyn-home .ready-text,
html[data-theme="dark"] body.softalyn-home .ready-text p,
html[data-theme="dark"] body.softalyn-home .ready-text h2,
html[data-theme="dark"] body.softalyn-home .ready-text h3 {
  color: #f5f8ff !important;
  -webkit-text-fill-color: #f5f8ff !important;
}

/* Contact section */
html[data-theme="dark"] body.softalyn-home .contact,
html[data-theme="dark"] body.softalyn-home .contact .sec-title,
html[data-theme="dark"] body.softalyn-home .contact .sec-lead,
html[data-theme="dark"] body.softalyn-home .contact .sec-eyebrow,
html[data-theme="dark"] body.softalyn-home .contact .chebox label {
  color: #f5f8ff !important;
  -webkit-text-fill-color: #f5f8ff !important;
}

html[data-theme="dark"] body.softalyn-home .contact .field-wd input,
html[data-theme="dark"] body.softalyn-home .contact .field textarea {
  color: #0a1428 !important;
  -webkit-text-fill-color: #0a1428 !important;
  background: #fff !important;
}

/* Watermark headings — Softalyn cyan outline on dark */
html[data-theme="dark"] body.softalyn-home h2.main-heading,
html[data-theme="dark"] body.softalyn-home .main-heading {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-text-stroke-width: 2px !important;
  -webkit-text-stroke-color: rgba(142, 244, 255, 0.45) !important;
  text-shadow:
    0 0 22px rgba(46, 200, 255, 0.3),
    0 0 50px rgba(180, 77, 255, 0.16) !important;
  opacity: 1 !important;
  background: none !important;
  display: block !important;
}

html[data-theme="light"] body.softalyn-home h2.main-heading,
html[data-theme="light"] body.softalyn-home .main-heading {
  -webkit-text-stroke-color: rgba(40, 90, 180, 0.22) !important;
  text-shadow: none !important;
}

/* ---- Footer: Softalyn dark chrome (match softalyn.com) — light text on dark glass ---- */
html[data-theme="dark"] body.softalyn-home footer.adv-footer {
  background:
    radial-gradient(720px 320px at 0% 0%, rgba(0, 223, 255, 0.22), transparent 62%),
    radial-gradient(640px 300px at 100% 10%, rgba(137, 85, 255, 0.22), transparent 64%),
    radial-gradient(480px 240px at 60% 100%, rgba(40, 123, 255, 0.16), transparent 60%),
    linear-gradient(180deg, #10244f 0%, #0b1530 52%, #050b18 100%) !important;
  color: #fff !important;
}

html[data-theme="dark"] body.softalyn-home footer.adv-footer,
html[data-theme="dark"] body.softalyn-home footer.adv-footer p,
html[data-theme="dark"] body.softalyn-home footer.adv-footer a,
html[data-theme="dark"] body.softalyn-home footer.adv-footer h2,
html[data-theme="dark"] body.softalyn-home footer.adv-footer h3,
html[data-theme="dark"] body.softalyn-home footer.adv-footer h5,
html[data-theme="dark"] body.softalyn-home footer.adv-footer span,
html[data-theme="dark"] body.softalyn-home footer.adv-footer li,
html[data-theme="dark"] body.softalyn-home footer.adv-footer .cnt-ad,
html[data-theme="dark"] body.softalyn-home footer.adv-footer .cnt-phn,
html[data-theme="dark"] body.softalyn-home footer.adv-footer .cnt-phn a,
html[data-theme="dark"] body.softalyn-home footer.adv-footer .ftr-nav ul li a,
html[data-theme="dark"] body.softalyn-home footer.adv-footer .copyrgt,
html[data-theme="dark"] body.softalyn-home footer.adv-footer .ftr-form-in h3,
html[data-theme="dark"] body.softalyn-home footer.adv-footer .ftr-form-in p,
html[data-theme="dark"] body.softalyn-home footer.adv-footer .ftr-form-in label,
html[data-theme="dark"] body.softalyn-home footer.adv-footer .footer_tech_itm h5,
html[data-theme="dark"] body.softalyn-home footer.adv-footer .ftr-social-media a,
html[data-theme="dark"] body.softalyn-home footer.adv-footer .ftr-clth-btn span,
html[data-theme="dark"] body.softalyn-home footer.adv-footer .mandatoryMessage,
html[data-theme="dark"] body.softalyn-home footer.adv-footer .ftr-cont {
  color: #f5f8ff !important;
  -webkit-text-fill-color: #f5f8ff !important;
}

html[data-theme="dark"] body.softalyn-home footer.adv-footer .cnt-name {
  color: #ff9d3d !important;
  -webkit-text-fill-color: #ff9d3d !important;
}

html[data-theme="dark"] body.softalyn-home footer.adv-footer .heading_h2 {
  background-image: linear-gradient(102deg, #8ef4ff 0%, #7db4ff 42%, #c084ff 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

html[data-theme="dark"] body.softalyn-home footer.adv-footer .ftr-form-in {
  background: rgba(8, 18, 40, 0.72) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.softalyn-home footer.adv-footer .ftr-form-in input,
html[data-theme="dark"] body.softalyn-home footer.adv-footer .ftr-form-in select,
html[data-theme="dark"] body.softalyn-home footer.adv-footer .ftr-form-in textarea {
  color: #f5f8ff !important;
  -webkit-text-fill-color: #f5f8ff !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}

html[data-theme="dark"] body.softalyn-home footer.adv-footer #top-footer-submit {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html[data-theme="dark"] body.softalyn-home footer.adv-footer .footer_lgs_itm img,
html[data-theme="dark"] body.softalyn-home footer.adv-footer .ftr-clth-btn img,
html[data-theme="dark"] body.softalyn-home footer.adv-footer .footer_tech_img img {
  filter: brightness(0) invert(1);
  opacity: 0.92;
}

/* Banner form stays light-on-dark */
html[data-theme="dark"] body.softalyn-home .leadform-pro,
html[data-theme="dark"] body.softalyn-home .leadform-pro h3,
html[data-theme="dark"] body.softalyn-home .leadform-pro__sub,
html[data-theme="dark"] body.softalyn-home .leadform-pro__trust li {
  color: #f5f8ff !important;
  -webkit-text-fill-color: #f5f8ff !important;
}

html[data-theme="dark"] body.softalyn-home .leadform-pro h3 span {
  background-image: linear-gradient(102deg, #8ef4ff, #b65cff) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

html[data-theme="dark"] body.softalyn-home .leadform-pro__ribbon {
  color: #04101f !important;
  -webkit-text-fill-color: #04101f !important;
}

html[data-theme="dark"] body.softalyn-home .leadform-pro .form-control,
html[data-theme="dark"] body.softalyn-home .leadform-pro input,
html[data-theme="dark"] body.softalyn-home .leadform-pro textarea {
  color: #f5f8ff !important;
  -webkit-text-fill-color: #f5f8ff !important;
}

/* Trust + award logos: black marks readable on dark sections */
html[data-theme="dark"] body.softalyn-home .trust ul.ser li img,
html[data-theme="dark"] body.softalyn-home .trust.section-advance ul.ser li img {
  filter: invert(1) hue-rotate(180deg) brightness(1.15) contrast(1.05) !important;
  opacity: 0.95 !important;
}

html[data-theme="dark"] body.softalyn-home .trust ul.ser li img[src*="ser1.png"],
html[data-theme="dark"] body.softalyn-home .trust ul.ser li img[src*="ser5.png"] {
  filter: brightness(0) invert(1) !important;
}

html[data-theme="dark"] body.softalyn-home .award .awd-img img,
html[data-theme="dark"] body.softalyn-home .award.section-advance .awd-img img {
  filter: none !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.softalyn-home .trust ul.ser li:hover img {
  opacity: 1 !important;
}

html[data-theme="dark"] body.softalyn-home .award .awd-list li:hover img {
  opacity: 1 !important;
  filter: drop-shadow(0 0 8px rgba(142, 244, 255, 0.35)) !important;
}

/* ---- Global dark-page safety: never hide body copy on dark sections ---- */
html[data-theme="dark"] body.softalyn-home .banner,
html[data-theme="dark"] body.softalyn-home .trust,
html[data-theme="dark"] body.softalyn-home .next-level,
html[data-theme="dark"] body.softalyn-home .portfolio,
html[data-theme="dark"] body.softalyn-home .cta,
html[data-theme="dark"] body.softalyn-home .pricing,
html[data-theme="dark"] body.softalyn-home .developemnt,
html[data-theme="dark"] body.softalyn-home .ready,
html[data-theme="dark"] body.softalyn-home .work-category,
html[data-theme="dark"] body.softalyn-home .testimonaisl,
html[data-theme="dark"] body.softalyn-home .award,
html[data-theme="dark"] body.softalyn-home .contact {
  color: #f5f8ff;
}

html[data-theme="dark"] body.softalyn-home .banner p,
html[data-theme="dark"] body.softalyn-home .banner li,
html[data-theme="dark"] body.softalyn-home .banner a:not(.themeBtnGreeen):not(.banner-form-btn),
html[data-theme="dark"] body.softalyn-home .next-level p,
html[data-theme="dark"] body.softalyn-home .next-level li,
html[data-theme="dark"] body.softalyn-home .portfolio p,
html[data-theme="dark"] body.softalyn-home .cta p,
html[data-theme="dark"] body.softalyn-home .pricing p,
html[data-theme="dark"] body.softalyn-home .pricing li,
html[data-theme="dark"] body.softalyn-home .pricing .pack-name,
html[data-theme="dark"] body.softalyn-home .developemnt p,
html[data-theme="dark"] body.softalyn-home .developemnt li,
html[data-theme="dark"] body.softalyn-home .ready p,
html[data-theme="dark"] body.softalyn-home .ready li,
html[data-theme="dark"] body.softalyn-home .work-category p,
html[data-theme="dark"] body.softalyn-home .testimonaisl p,
html[data-theme="dark"] body.softalyn-home .testimonaisl h6,
html[data-theme="dark"] body.softalyn-home .award p,
html[data-theme="dark"] body.softalyn-home .contact p,
html[data-theme="dark"] body.softalyn-home .contact label {
  color: #f5f8ff !important;
  -webkit-text-fill-color: #f5f8ff !important;
  opacity: 1 !important;
}

/* Contact fields are white inputs — force dark readable text */
html[data-theme="dark"] body.softalyn-home .contact .field-wd input,
html[data-theme="dark"] body.softalyn-home .contact .field textarea,
html[data-theme="dark"] body.softalyn-home .contact textarea.form-control,
html[data-theme="dark"] body.softalyn-home .contact input.form-control {
  color: #0a1428 !important;
  -webkit-text-fill-color: #0a1428 !important;
  background-color: #ffffff !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.softalyn-home .contact select.soft-select,
html[data-theme="dark"] body.softalyn-home .contact select.form-control,
html[data-theme="dark"] body.softalyn-home .contact select[name="package"],
html[data-theme="dark"] body.softalyn-home .contact select[name="budget"] {
  color: #0a1428 !important;
  -webkit-text-fill-color: #0a1428 !important;
  background-color: #ffffff !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.softalyn-home .contact select.soft-select,
html[data-theme="dark"] body.softalyn-home .contact select[name="package"],
html[data-theme="dark"] body.softalyn-home .contact select[name="budget"] {
  background-image:
    linear-gradient(45deg, transparent 50%, #1a4fd6 50%),
    linear-gradient(135deg, #1a4fd6 50%, transparent 50%),
    linear-gradient(180deg, #ffffff, #f4f8ff) !important;
  background-position:
    calc(100% - 18px) calc(50% - 3px),
    calc(100% - 12px) calc(50% - 3px),
    0 0 !important;
  background-size: 6px 6px, 6px 6px, 100% 100% !important;
  background-repeat: no-repeat !important;
  padding-left: 2.55rem !important;
}

html[data-theme="dark"] body.softalyn-home .banner h1,
html[data-theme="dark"] body.softalyn-home .banner h2:not(.main-heading),
html[data-theme="dark"] body.softalyn-home .banner h3,
html[data-theme="dark"] body.softalyn-home .next-level h3,
html[data-theme="dark"] body.softalyn-home .portfolio h3,
html[data-theme="dark"] body.softalyn-home .cta h2:not(.main-heading),
html[data-theme="dark"] body.softalyn-home .cta h3,
html[data-theme="dark"] body.softalyn-home .pricing h3,
html[data-theme="dark"] body.softalyn-home .developemnt h2:not(.main-heading),
html[data-theme="dark"] body.softalyn-home .ready h2:not(.main-heading),
html[data-theme="dark"] body.softalyn-home .ready h3,
html[data-theme="dark"] body.softalyn-home .work-category h3,
html[data-theme="dark"] body.softalyn-home .testimonaisl h3,
html[data-theme="dark"] body.softalyn-home .award h5,
html[data-theme="dark"] body.softalyn-home .contact h2:not(.main-heading),
html[data-theme="dark"] body.softalyn-home .contact h3 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* Re-assert watermark after section heading safety (must beat :not rules) */
html[data-theme="dark"] body.softalyn-home h2.main-heading,
html[data-theme="dark"] body.softalyn-home .main-heading {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-text-stroke-width: 2px !important;
  -webkit-text-stroke-color: rgba(142, 244, 255, 0.45) !important;
}

/* Gradient title spans keep Softalyn clip */
html[data-theme="dark"] body.softalyn-home .sec-title span,
html[data-theme="dark"] body.softalyn-home .headingOne span,
html[data-theme="dark"] body.softalyn-home .banner-title__word--accent {
  background-image: linear-gradient(102deg, #8ef4ff 0%, #287bff 45%, #b65cff 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

/* Light mode: keep readable dark text on light surfaces */
html[data-theme="light"] body.softalyn-home {
  color: #16305f;
}