body {
      font-family: 'Poppins', sans-serif;
      padding-top: 150px;
  }
 .donate-btn {
      background-color: #094c2f;
      color: #fff;
      font-weight: bold;
  }
  .header {
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      /* bottom shadow */
      background-color: #694C5C;
      /* optional: keep header white */
      /* position: fixed;
      top: 0;
      left: 0;
      z-index: 1050; */
      /* keep it above everything */
      /* ensures shadow stays above content */
      /* needed for shadow to display properly */
      color: #fff;
  }

  .header {}

  .swamiji img {
      box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  }

  .header .title {
      font-size: 2.2rem;
      font-weight: bold;
      margin: 0;
  }

  .header .tagline {
      font-size: 1.5rem;
      margin: 0;
  }

  /* 📱 Small devices (mobile) */
  @media (max-width: 576px) {
      .header .title {
          font-size: 1.6rem;
          /* Smaller for mobile */
      }

      .header .tagline {
          font-size: 1.1rem;
      }
  }

  /* 📱 Medium devices (tablet) */
  @media (min-width: 577px) and (max-width: 768px) {
      .header .title {
          font-size: 1.9rem;
      }

      .header .tagline {
          font-size: 1.3rem;
      }
  }

  /* 💻 Large devices (desktop) */
  @media (min-width: 769px) {
      .header .title {
          font-size: 2.2rem;
      }

      .header .tagline {
          font-size: 1.5rem;
      }
  }

  .header .title-sanskrit {
      font-size: 1.2rem;
      font-weight: bold;
      margin: 0;
      text-align: right;
  }

  .navbar-nav .nav-link {
      position: relative;
      padding-bottom: 5px;
      /* space for border */
      transition: all 0.3s ease;
  }

  .navbar-nav .nav-link.active {
      color: #fff;
      /* active menu text color */
  }

  .navbar-nav .nav-link.active::after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      height: 3px;
      /* thickness of bottom border */
      width: 100%;
      background-color: #fff;
      /* border color */
      border-radius: 2px;
  }

  .header .tagline-sanskrit {
      font-size: 0.9rem;
      margin: 0;
      text-align: right;
  }

  .navbar-dark .navbar-nav .nav-link {
      color: #FD8F8F;
      font-weight: 500;
  }

  /* .navbar-dark .navbar-nav .nav-link:hover {
      color: #ffcc66;
  } */

  .banner-section {
      background-color: #694C5C;
      /* light peach */
      padding: 30px 0;
      margin-bottom: 0px;
      padding: 10px 0px 10px 0px;
  }

  .content-section {
      background-color: #fce9d7;
      /* light peach */
      padding: 30px 0;
      transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
      margin-top: -134px;
      margin-bottom: 0px;
      padding: 130px 0px 10px 0px;
  }

  .guru-label {
      background-color: #b23b45;
      color: #fff;
      padding: 5px 15px;
      display: inline-block;
      font-size: 0.9rem;
      font-weight: bold;
  }

  .banner-img {
      max-width: 100%;
      height: auto;
      margin: 0 auto;
  }

  .message-section h3 {
      font-weight: bold;
      color: #4a2934;
  }

  .footer {
      background-color: #4a2934;
      color: #fff;
      padding: 20px 0;
  }


  .footer .social-icons a {
    font-size: 1.3rem;
    transition: color 0.3s ease;
}
.footer .social-icons a:hover {
    color: #ffc107; /* gold hover effect */
}


  .banner {
      background: #44223b;
      padding: 20px;
      position: relative;
      width: 100%;
      flex-wrap: wrap;
      align-content: flex-start;
  }


  .ticker-badge {
      display: flex;
      display: flex;

  }

  .eael-ticker {
      overflow: hidden;
      color: #fff;
      display: inline-block;
      font-size: 0.9rem;
      font-weight: bold;
      width: 100%;
  }

  .category-btn {
      background-color: #4a2d3b;
      color: #fff;
      padding: 12px 20px;
      border-radius: 6px;
      text-align: center;
      font-weight: 600;
      text-decoration: none;
      transition: all 0.3s ease;
  }

  .category-btn:hover {
      background-color: #6a3f55;
      transform: translateY(-3px);
  }

  .eael-ticker {
      background-color: #44233B;
      color: #fff;
      padding: 30px 15px;
      display: flex;
      /* use flex for centering */
      align-items: center;
      /* vertical center */
      overflow: hidden;
      /* hide overflow */
      font-size: 0.9rem;
      font-weight: bold;
      height: 40px;
      /* optional fixed height */
  }

  .ticker-content {
      display: inline-block;
      white-space: nowrap;
      padding-left: 100%;
      /* start off-screen */
      animation: marquee 10s linear infinite;
  }

  .header img {
      max-width: 90px;
      width: 100%;
      height: auto;
  }

  @media (max-width: 767px) {
      .header .row {
          text-align: center;
      }

      .header .col-md-6 {
          justify-content: center !important;
          margin-bottom: 10px;
      }
  }

  .main-head {
      font-size: 2.6666666666667rem;
      font-family: 'Poppins', sans-serif;
      font-weight: 700;
      color: #44233B;
      line-height: 1.3;
  }

  .entry-content-one {
      font-size: 20px;
      font-style: inherit;
      font-weight: inherit;
      margin: 0;
      outline: 0;
      padding: 0;
      vertical-align: baseline;
      margin-top: 10px;
      margin-bottom: 20px;
  }

  .entry-content {
      border: 0;
      font-size: 20px;
      font-style: inherit;
      font-weight: inherit;
      margin: 0;
      outline: 0;
      padding: 0;
      vertical-align: baseline;
      margin-bottom: 20px;
  }

  .title {
      margin: 20px 0px;
  }

  .footer-p:hover {
      text-decoration: underline;
      cursor: pointer;
  }

  .terms-section {
      padding: 20px 0;
      background-color: #f9f9f9;
  }

  .terms-section h2,
  .terms-section h4 {
      font-weight: 700;
      margin-bottom: 20px;
  }

  .terms-section p,
  .terms-section ul {
      font-size: 1rem;
      margin-bottom: 15px;
      line-height: 1.6;
  }

  .terms-section ul li {
      margin-bottom: 10px;
  }

  .income-tax {
      background: #fff;
      padding: 10px 10px;
      color: #000000;
      border-radius: 10px;
      box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  }

  .income-tax {
      font-size: 1rem;
      line-height: 1.6;
  }

  .income-tax p u {
      text-decoration: underline;
  }

  /* Fix heading spacing */
  .income-tax h6 {
      font-weight: 500;
      margin-bottom: 10px;
  }

  .carousel-control-prev-icon,
  .carousel-control-next-icon {
      background-color: rgba(0, 0, 0, 0.6);
      /* Dark background for visibility */
      border-radius: 50%;
      background-size: 50% 50%;
      /* Make the arrow smaller */
  }

  .carousel-control-prev,
  .carousel-control-next {
      width: 40px;
      /* Smaller clickable area */
  }

  .article-box {
      background: #44223b;
      padding: 10px 10px;
      color: #fff;
      border-radius: 10px;
      text-align: center;
      box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  }




  #articleContainer .col-lg-3 {
      display: none;
      /* Hide all initially */
  }

  /* Responsive styles */
  @media (max-width: 768px) {
      .income-tax {
          padding: 15px;
          background: #f9f9f9;
          /* optional: light background for readability */
          border-radius: 8px;
          /* optional: rounded corners */
      }

      .section-title {
          font-size: 1.4rem;
          margin-bottom: 15px;
      }

      .income-tax h6 {
          font-size: 0.95rem;
      }
  }

  @media (max-width: 480px) {
      .section-title {
          font-size: 1.2rem;
      }

      .income-tax h6 {
          font-size: 0.9rem;
      }
  }

  /* Keyframes for scrolling */
  @keyframes marquee {
      0% {
          transform: translateX(0%);
      }

      100% {
          transform: translateX(-100%);
      }
  }