[animate-body-to] {
  background-color: transparent !important;
}
.input.text input {
  background-color: darkred;
}
/* Headings */
[fd-scroll-heading] .fd-char {
  opacity: 0;
  will-change: transform, opacity;
}

/* Single fade */
[fd-scroll-fade],
[fd-scroll-child-fade] > * {
  opacity: 0;
  transform: translateY(50px);
}
[fd-load-heading],
[fd-load-child] > *,
[fd-load-fade] > * {
  visibility: hidden;
}
[fd-load-fade] > * {
  opacity: 0;
}

/* Highlight Anime*/
[fd-highlight-anime] {
  position: relative;
  display: inline-block;
  --highlight-scale: 0;
}

[fd-highlight-anime]::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.1em;
  width: 100%;
  height: 100%;
  background: var(--brand-orange-secondary);
  transform-origin: left;
  transform: scaleX(var(--highlight-scale));
}

.fd-word {
  white-space: nowrap;
}

.home-programs-svg-wrap {
  will-change: transform;
}
.home-programs-svg-wrap svg {
  shape-rendering: geometricPrecision;
}

.experience-card {
  position: relative;
}

.experience-card-para {
  opacity: 0;
  display: flex;
}

/* .home_feature_item-icon-wrapper svg {
  backface-visibility: hidden;
  transform: translateZ(0);
} */
.home_video_thumbnail_container {
  cursor: pointer;
  transition: opacity 0.3s ease;
}

.home_video_thumbnail_container.is-hidden {
  opacity: 0;
  pointer-events: none;
}

.home-hero-heading {
  will-change: transform, font-size;
}

/* =========================================================
   CIRCLE SCALE SECTION (homeCircleAnime)
   ========================================================= */

.cricle-parent {
  position: relative;
}

.home-programs-svg-wrap {
  transform: scale(1);
  transform-origin: center;
  will-change: transform;
}

/* =========================================================
   EXPERIENCE SECTION (homeExperienceAnime)
   ========================================================= */

.section_home_experience {
  position: relative;
  /* overflow: hidden; */
}
.home-experience-bg {
  transform: translateZ(0); /* kicks element into its own layer */
  backface-visibility: hidden;
  will-change: transform, opacity;
}

/* Purple path baseline */
.purple-path {
  -webkit-backface-visibility: hidden;
}
/* Purple path baseline */
.home-experience-bg * {
  -webkit-backface-visibility: hidden;
}
/* Experience card layout */
.experience-card {
  position: relative;
  overflow: hidden;
}

/* Text states */
.experience-card-content {
  opacity: 1;
}

.experience-card-para {
  opacity: 0;
  visibility: hidden;
}

/* First visible item */
.home-coe-circle:first-child,
.home_coe_item-link:first-child {
  transform: translateY(0);
}

/* =========================================================
   VIDEO THUMBNAIL
   ========================================================= */

.home_video_thumbnail_container {
  cursor: pointer;
  transition: opacity 0.3s ease;
}

.home_video_thumbnail_container.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.timeline-point,
.timeline-point .timeline-point-text-content {
  transition: opacity 0.5s ease;
  opacity: 0.5;
}

.timeline-point .timeline-item-line {
  transition: width 0.5s ease;
  opacity: 1;
  width: 0%;
}
.timeline-point.is-active .timeline-item-line {
  opacity: 1;
  width: 100%;
}
.timeline-point.is-active,
.timeline-point.is-active .timeline-point-text-content {
  opacity: 1;
}

/* Dono variations ke liye */
.timeline-circle-lottie svg path[stroke="rgb(255,255,255)"],
.timeline-circle-lottie svg path {
  stroke: var(--main-theme--text-tertiary) !important;
  fill: var(--main-theme--text-tertiary) !important;
}

/* Ya specific targeting */
.timeline-circle-lottie.main svg,
.timeline-circle-lottie.small svg {
  stroke: var(--main-theme--text-tertiary) !important;
  fill: var(--main-theme--text-tertiary) !important;
}
/* Dono variations ke liye */
.timeline-circle-lottie svg path[stroke="rgb(255,255,255)"],
.timeline-circle-lottie svg path {
  stroke: var(--main-theme--text-tertiary) !important;
  fill: var(--main-theme--text-tertiary) !important;
}

.navbar9_logo .lottie-animation svg path[fill],
.navbar9_logo .lottie-animation svg path[stroke] {
  stroke: var(--main-theme--navlogo-svg-fill) !important; /* White color */
  fill: var(--main-theme--navlogo-svg-fill) !important;
}

[fd-dropdown="content"] {
  overflow: hidden;
}
.navbar-inner-dd-icon {
  transition: transform 0.25s ease;
  transform-origin: center;
}

.fd-dropdown.is-open .navbar-inner-dd-icon {
  transform: rotate(90deg);
}

.coe-hero-right,
.coe-hero-bottom {
  opacity: 0;
}