/* Home Page About Us Start */
body {
  margin: 0;
  padding: 0;
  background: linear-gradient(
    135deg,
    #ffffff 0%,
    #fff9ee 40%,
    #fdf1d6 70%,
    #fffaf0 100%
  );
}

/* Temple fonts */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600&family=Crimson+Text:wght@400;600&display=swap');

.about-section {
  display: flex;
  gap: 26px;
  padding: 38px 6%;
  align-items: center;

  /* BACKGROUND — UNCHANGED */
}

/* VIDEO */
.about-video {
  flex: 1;
  display: flex;
  justify-content: center;
}

.about-video iframe {
  width: 100%;
  max-width: 100%;
  height: 300px;
  border-radius: 14px;
}

/* CONTENT */
.about-content {
  flex: 1;
}

/* Animated heading */
.animated-heading {
  font-family: 'Playfair Display', serif;
  font-size: 26px; /* smaller text */
  margin-bottom: 10px;
  display: inline-block;
  padding: 8px 18px; /* reduced padding */
  border-radius: 14px; /* smaller curve */
  position: relative;

  background: linear-gradient(
    270deg,
    #7b1e1e,
    #b22222,
    #ff9933,
    #b22222,
    #7b1e1e
  );
  background-size: 400% 400%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  animation: gradientFlow 8s ease infinite;

  box-shadow: 0 0 10px rgba(255, 153, 51, 0.4); /* softer glow */
}

.animated-heading::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 14px;
  padding: 1.5px; /* thinner border */
  background: linear-gradient(270deg, gold, orange, red, gold);
  background-size: 300% 300%;
  animation: borderFlow 6s linear infinite;

  -webkit-mask: 
    linear-gradient(#000 0 0) content-box, 
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}


@keyframes gradientFlow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.about-content p {
  font-family: 'Crimson Text', serif;
  font-size: 16.5px;
  line-height: 1.75;
  color: #3a2a1f;
  margin-bottom: 12px;
}

/* Wikipedia + glow */
.wiki-wrap {
  position: relative;
  display: inline-block;
}

.wiki-link {
  font-family: 'Crimson Text', serif;
  font-size: 15px;
  font-weight: 600;
  color: #8a6a3f;
  text-decoration: none;
  position: relative;
  z-index: 2;
}

.wiki-link:hover {
  text-decoration: underline;
}

/* LIGHT EMANATION */
.wiki-glow {
  position: absolute;
  inset: -30px;
  background: radial-gradient(
    circle,
    rgba(255, 215, 140, 0.8) 0%,
    rgba(255, 215, 140, 0.5) 30%,
    rgba(255, 215, 140, 0.2) 50%,
    rgba(255, 215, 140, 0) 70%
  );
  opacity: 0;
  border-radius: 50%;
  filter: blur(12px);
  z-index: 1;
  pointer-events: none;
}

/* 📱 MOBILE + TABLET — VIDEO = 90% WIDTH */
@media (max-width: 1024px) {
  .about-section {
    flex-direction: column;
  }

  .about-video iframe {
    width: 90vw;   /* ✅ EXACT REQUIREMENT */
    height: 230px;
  }

  .animated-heading {
    font-size: 15px;
  }
}
/* Home Page About Us Completed */

/* Home Page Box Up-Down Css Start */
.stack-section {
  position: relative;
  font-family: 'Georgia', serif;
}

/* CARD */
.stack-card {
  position: sticky;
  top: 0;
  height: 85vh;
  width: 100%;
  overflow: hidden;
}

/* IMAGE */
.stack-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

/* 🔥 BALANCED TEMPLE GRADIENT */
.stack-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background:
    linear-gradient(
      to right,
      rgba(90, 20, 20, 0.75) 0%,     /* deep red */
      rgba(140, 30, 30, 0.262) 30%,   /* soft red */
      rgba(255, 170, 80, 0.18) 65%,  /* light golden touch */
      transparent 100%
    ),
    linear-gradient(
      to top,
      rgba(0, 0, 0, 0.65),          /* bottom dark for text */
      transparent 60%
    );
}


/* CONTENT */
.stack-content {
  position: absolute;
  bottom: 45px;
  left: 45px;
  max-width: 420px;
  color: #fff;
}

/* TITLE */
.stack-content h2 {
  font-size: clamp(26px, 4vw, 40px);
  margin-bottom: 12px;
  font-weight: 600;
  letter-spacing: 1px;

  color: #fff8e6;
  text-shadow: 0 2px 8px rgba(0,0,0,0.85);
}

/* TEXT */
.stack-content p {
  font-size: clamp(14px, 2vw, 18px);
  margin-bottom: 20px;
  line-height: 1.6;

  color: #f5f5f5;
  text-shadow: 0 2px 6px rgba(0,0,0,0.8);
}

/* BUTTON */
.stack-content button {
  padding: 10px 26px;
  border: none;
  border-radius: 25px;

  background: linear-gradient(45deg, #ff9933, #b22222);
  color: #fff;

  font-size: 14px;
  cursor: pointer;

  box-shadow: 0 4px 12px rgba(0,0,0,0.6);
}

/* MOBILE */
@media (max-width: 768px) {
  .stack-card {
    height: 75vh;
  }

  .stack-content {
    left: 20px;
    bottom: 25px;
    max-width: 90%;
  }

  .stack-content h2 {
    font-size: 24px;
  }

  .stack-content p {
    font-size: 13px;
  }
}
/* /* Home Page Box Up-Down Css Completed */