* {
  font-family: "Noto Sans", sans-serif;

  font-style: normal;
}

.fontfamity {
  font-family: "Arya", sans-serif;

  font-style: normal;
}

/* @media (prefers-color-scheme: dark) {
    .my-svg-class {
      filter: invert(1) hue-rotate(180deg);
    }
  } */

/* DEFAULT (LIGHT MODE – ALL DEVICES) */
body {
  background-color: #ffffff;
  color: #1e1e1e;
}

/* DARK MODE – ONLY MOBILE DEVICES */
@media (prefers-color-scheme: dark) and (max-width: 767px) {

  body {
    background-color: #121212;
    color: #ffffff;
  }

  header,
  section,
  .card,
  .box,
  .darkpara {
    background-color: #1c1c1c !important;
    color: #ffffff !important;
  }

  .darkpara1 {
    color: #000000 !important;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    color: #ffffff;
  }

  p,
  li,
  span {
    color: #dcdcdc !important;
  }

  .darkmodecolor,
  .darkmodeh1 {
    color: #0e0b0b !important;
  }

  .darkmode34 {
    color: white;
  }

  .dots {
    color: #ffffff;
  }

  .darkmodeh1 {
    color: black;
  }

  .dot .active {
    color: #ff8a3d;
  }

  a {
    color: #ff8a3d !important;
  }

  /* Image brightness fix */
  img {
    filter: brightness(0.95);
  }
}

.navBox {
  display: none;
}


/* custom underline for heading */
.heading-underline {
  position: relative;
  display: inline-block;
}

.heading-underline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -8px;
  width: 60%;
  height: 2px;
  background-color: #973000;
}

/* ===== TEXT REVEAL ANIMATION ===== */
.text-reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
}

.text-reveal.visible {
  opacity: 1;
  transform: translateY(0);
}


/* First section animation – FORCE APPLY */
#firstSecotion .fs-reveal {
  opacity: 0 !important;
  transform: translateX(-40px) !important;
  transition: opacity 0.7s ease, transform 0.7s ease;
  display: block;
  /* IMPORTANT for li */
}

#firstSecotion .fs-reveal.show {
  opacity: 1 !important;
  transform: translateX(0) !important;
}


/* PHONE + DARK MODE ONLY */
@media (max-width: 640px) and (prefers-color-scheme: dark) {
  .sign-img {
    filter: brightness(0) invert(1);

  }
}



img {
  filter: brightness(0.95);
}

/* iOS Safari SVG fix */
@supports (-webkit-touch-callout: none) {
  img {
    filter: none !important;
  }
}

img {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}





/* LEFT BOTTOM IMAGE */
.think-section-img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 260px;
  max-width: 35%;
  z-index: 0;
}

/* RIGHT TOP IMAGE */
.pra-no-37-img {
  position: absolute;
  right: 0;
  top: 0;
  width: 140px;
  max-width: 25%;
  z-index: 0;
}

/* MOBILE SAFETY */
@media (max-width: 768px) {

  .think-section-img,
  .pra-no-37-img {
    display: none;
  }
}