body {
      margin: 0;
      top: 0 !important;
      position: static !important;
      font-family: Arial, sans-serif;
      background: linear-gradient(to right, #fff7e6, #e6f0ff);
      color: #333;
      text-align: center;
  }

  .container {
      max-width: 900px;
      margin: auto;
      padding: 30px 20px;
  }

  img.logo {
      width: 280px;
      max-width: 90%;
      margin-bottom: 20px;
  }

  h1 {
      font-size: 32px;
      color: #ff7a00;
      margin-bottom: 10px;
  }

  h2 {
      color: #0b5394;
      margin-top: 30px;
  }

  p {
      line-height: 1.6;
      font-size: 16px;
  }

  .card {
      background: #ffffff;
      border-radius: 12px;
      padding: 20px;
      margin-top: 20px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  }

  .contact {
      margin-top: 30px;
      padding: 15px;
      background: #0b5394;
      color: white;
      border-radius: 10px;
  }

  .contact p {
      margin: 5px 0;
  }

  footer {
      margin-top: 30px;
      font-size: 14px;
      color: #777;
  }

  @media (max-width: 600px) {
      h1 {
          font-size: 24px;
      }
  }

  .close-btn {
      position: absolute;
      top: 10px;
      right: 15px;
      background: none;
      border: none;
      font-size: 28px;
      cursor: pointer;
      color: #000;
  }

  .popup {
      display: none;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      z-index: 9999;
  }

  .popup-content {
      position: relative;
      background: #fff;
      width: 400px;
      margin: 8% auto;
      padding: 20px;
      border-radius: 10px;
  }

  /*for modal close button*/
  @keyframes fadeInDelayed {
      0% {
          opacity: 0;
          visibility: hidden;
      }

      100% {
          opacity: 1;
          visibility: visible;
      }
  }

  .animate-delayed-close {
      opacity: 0;
      /* Starts completely invisible */
      visibility: hidden;
      /* Prevents clicking while invisible */
      /* 0.3s animation duration, 3s delay before it starts playing */
      animation: fadeInDelayed 0.8s ease-in-out 1s forwards;
  }

  .language-switcher {
      display: flex;
      align-items: center;
      gap: 6px;
      background: rgba(255, 255, 255, 0.15);
      padding: 6px 10px;
      border-radius: 30px;
      backdrop-filter: blur(4px);
  }

  .language-switcher .lang-icon {
      font-size: 16px;
      color: white;
  }

  .language-switcher select {
      border: none;
      background: transparent;
      color: #f78b3e;
      font-size: 14px;
      font-weight: 500;
      outline: none;
      cursor: pointer;
  }

  .language-switcher select option {
      color: black;
  }

  /* 1. Hide the Google Translate container completely */
  #google_translate_element,
  .goog-te-banner-frame,
  .goog-te-banner-frame.skiptranslate,
  .goog-te-gadget,
  .goog-te-gadget-simple,
  .goog-te-gadget-icon,
  .goog-tooltip,
  .goog-tooltip:hover,
  #goog-gt-tt,
  .goog-text-highlight {
      display: none !important;
      opacity: 0 !important;
      visibility: hidden !important;
      height: 0 !important;
      width: 0 !important;
      pointer-events: none !important;
  }

  .skiptranslate {display: none !important;}

/* For Active and Hover link Start Here */
.nav-link {position: relative; color: #333; transition: all 0.3s ease;padding-bottom: 4px;}
/* Hover Effect */
.nav-link:hover { color: #ff7a00; /* saffron */}

/* Underline Hover Animation */
.nav-link::after {content: ''; position: absolute; left: 0;bottom: 0; width: 0%; height: 2px; background: #ff7a00; transition: width 0.3s ease;}
.nav-link:hover::after { width: 100%;}

/* Active Menu */
.nav-link.active { color: #ff7a00; font-weight: 700;}
.nav-link.active::after { width: 100%;}

/* For Active and Hover link End Here */