nav {
        height: 61px; /* Slightly smaller height for mobile */
        padding: 0.5rem 0.5rem; /* Adjust padding to reduce navbar width */
        box-sizing: border-box; /* Include padding and border in the element's total width */
        border-top: none;
        border-bottom: none; /* Remove bottom border */
        background: white; /* Ensure navbar has a white background on mobile */
        background-color: white !important;
        width: 100%;
      }
      .fa-instagram {
        font-size: 24px;
        color: #e4405f;
      }
      .fa-facebook {
        font-size: 24px;
        color: #111cb4;
      }
      .fa-youtube {
        font-size: 24px;
        color: #e70909;
      }
      p {
        line-height: 1.5;
      }

      h1 {
        letter-spacing: 2px;
      }

      p {
        word-spacing: 5px;
      }

      .main-container {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        margin-top: 50px;
        width: 100%;
        gap: 53px;
        box-sizing: border-box; /* Ensures padding is included in width */
      }

      .form-container {
        background-color: #ffffff;
        border-radius: 0px; /* Set to 0 for sharp edges */
        padding: 20px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        width: 100%;
        max-width: 400px;
        margin: 20px;
        display: flex;
        flex-direction: column; /* Ensure the dropdowns are stacked */
        box-sizing: border-box; /* Ensures padding is included in width */
      }

      form {
        display: flex;
        flex-direction: column;
      }

      label {
        font-weight: bold;
        margin-bottom: 5px;
      }

      input,
      select {
        padding: 10px;
        margin-bottom: 15px;
        border: 1px solid #ccc;
        border-radius: 5px;
        width: 100%;
        box-sizing: border-box; /* Ensures padding is included in width */
      }

      button {
        background-color: #003366;
        color: #ffffff;
        border: none;
        padding: 10px;
        border-radius: 5px;
        cursor: pointer;
        width: 100%;
        box-sizing: border-box; /* Ensures padding is included in width */
      }

      button:hover {
        background-color: #002855;
      }

      /* Drop Down Desktop View */
      .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 250px; /* Adjust as needed for images */
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        z-index: 1;
      }

      .dropdown-content .dropdown-item {
        display: flex;
        align-items: center; /* Align image and text */
        padding: 10px;
        border-bottom: 1px solid #ddd; /* Optional: to separate each item */
      }

      .dropdown-content .dropdown-item a {
        display: flex;
        align-items: center;
        text-decoration: none;
        color: black;
        width: 100%;
      }

      .dropdown-content .dropdown-item:hover {
        background-color: #f1f1f1; /* Change background on hover */
      }

      .dropdown-img {
        width: 50px; /* Adjust size for images */
        height: auto;
        margin-right: 10px;
      }

      .dropdown:hover .dropdown-content {
        display: block; /* Show dropdown on hover */
      }

      /* Adjust the footer for mobile screens */
      @media (max-width: 768px) {
        /* Drop Down Mobile View */
        .dropdown-content {
          min-width: 100%; /* Full width on mobile */
          font-size: 14px;
        }

        .dropdown-item {
          flex-direction: column; /* Stack image and text vertically */
          padding: 5px; /* Reduce padding */
        }

        .dropdown-img {
          width: 80%; /* Reduce image size */
          margin-right: 0;
          margin-bottom: 5px;
        }

        .dropdown-item a {
          font-size: 14px; /* Smaller text size */
        }

        nav {
          height: 60px;
          padding: 0.5rem 1rem; /* Adjust padding to reduce navbar width */
          box-sizing: border-box;
          border-top: none;
          border-bottom: none;
        }

        #nav-links {
          margin-top: 0;
          padding-top: 0;
        }

        nav ul {
          flex-direction: column;
          margin: 0;
          padding: 0;
          display: none;
          width: 100%;
          background-color: white;
          position: absolute;
          top: 100%;
          left: 0;
          border-top: none;
        }

        nav ul.show {
          display: flex;
        }

        nav ul li {
          margin: 0;
          padding: 1rem 0;
          width: 100%;
          text-align: center;
        }

        .menu-icon {
          display: flex;
        }

        .main-container {
          flex-direction: column;
          align-items: center;
          padding: 10px; /* Adjust padding for better spacing */
        }

        .form-container,
        .image-container {
          width: 100%;
          max-width: none;
          margin: 10px 0; /* Adjust margins for better spacing */
        }

        .form-container {
          padding: 15px; /* Adjust padding */
          box-shadow: none; /* Remove box shadow to reduce emphasis */
        }

        input,
        select,
        button {
          padding: 12px;
          font-size: 16px; /* Ensure text is readable */
          width: 100%;
        }

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

        button {
          font-size: 16px; /* Ensure the button text is readable */
        }
      }
      footer {
        background-color: #5f5f5f;
        color: rgb(0, 0, 0);
        text-align: center;
        padding: 0.7rem 0; /* Reduced padding */
        font-family: "Poppins", sans-serif;
        font-size: 0.8rem; /* Reduced font size */
        margin: 0; /* Remove any extra margin */
      }

      footer .social-icons {
        display: flex;
        justify-content: center;
        gap: 20px; /* Space between icons */
        margin-bottom: 15px; /* Space between icons and "Connect Now" heading */
      }

      footer .social-icons a {
        font-size: 24px;
        color: white; /* Make icons visible */
        text-decoration: none;
        transition: transform 0.3s;
      }

      footer .social-icons a:hover {
        transform: scale(1.2); /* Slight zoom effect on hover */
      }

      footer h3 {
        margin-top: 0;
        margin-bottom: 15px;
      }

      footer form {
        display: flex;
        justify-content: center;
        margin-bottom: 15px;
      }

      footer form input {
        padding: 10px;
        font-size: 14px;
        border-radius: 5px;
        border: 1px solid #ccc;
        margin-right: 10px;
      }

      footer form button {
        padding: 0.5rem 1rem;
        border: none;
        border-radius: 5px;
        background-color: #000000;
        color: white;
        cursor: pointer;
        transition: background-color 0.3s ease-in-out;
      }

      footer form button:hover {
        background-color: #63676b;
      }

      footer p {
        text-align: center;
        margin: 5px 0;
        color: black;
      }

      footer p:last-child {
        margin-bottom: 0;
      }

      /* Popup Styles */
      .popup {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        justify-content: center;
        align-items: center;
      }

      .popup-content {
        background: #fff;
        padding: 20px;
        border-radius: 10px;
        text-align: center;
      }

      .popup-content button {
        background-color: #003366;
        color: #fff;
        border: none;
        padding: 10px 20px;
        border-radius: 5px;
        cursor: pointer;
      }

      .popup-content button:hover {
        background-color: #002855;
      }