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;
        background-color: white !important; /* Ensure navbar has a white background on mobile */
        width: 100%;
      }
      .fa-instagram {
        font-size: 24px;
        color: #e4405f;
      }
      .fa-facebook {
        font-size: 24px;
        color: #111cb4;
      }
      .fa-youtube {
        font-size: 24px;
        color: #e70909;
      }
      /* Add spacing between paragraphs */
      .text p {
        text-align: justify;
        margin-bottom: 20px; /* Adjust the value as needed */
        line-height: 1.6; /* Increases line spacing for better readability */
      }

      /* Add spacing between bolded sections and paragraphs */
      .text b {
        display: block;
        margin-top: 20px; /* Adjust the value as needed */
      }

      /* Additional styles for overall layout */
      .content {
        padding: 20px; /* Add padding around the content */
      }

      .text {
        text-align: justify;
        margin: 0 auto; /* Center the text within the content box */
        max-width: 800px; /* Limit the width for better readability */
      }
      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;
      }
      .footer-links {
        display: grid;
        grid-template-columns: repeat(4, auto);
        gap: 15px;
        justify-content: center;
      }

      .footer-links a {
        color: white;
        text-decoration: none;
      }
      .contact-section {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 20px;
      }
      .contact-row {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 10px;
      }

      .contact-item {
        margin: 20px 0;
        flex: 1;
        min-width: 250px;
        background: #f9f9f9;
        padding: 20px;
        border-radius: 15px;
        text-align: center;
      }

      .contact-item h3 {
        margin-top: 10px;
      }

      .contact-item a {
        color: #007bff;
        text-decoration: none;
      }

      .contact-item a:hover {
        text-decoration: underline;
      }

      .icon-circle {
        width: 60px;
        height: 60px;
        background-color: darkblue;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 10px;
      }

      .contact-icon {
        font-size: 30px; /* Increase icon size */
        color: white; /* Icon color */
      }
      .map-container {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 29.25%; /* 16:9 Aspect Ratio */
        overflow: hidden;
        margin-top: 20px; /* Add some space from the background photo */
      }

      .responsive-iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
      }
      .contact-header {
        position: relative;
        overflow: hidden; /* Ensure the image does not overflow its container */
      }

      .header-image {
        width: 100%; /* Make the image take the full width of its container */
        height: auto; /* Maintain the aspect ratio */
        object-fit: cover; /* Cover the container without distortion */
        display: block; /* Removes any space below the image */
      }

      /* 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 */
        }

        /* Stack the footer sections vertically */
        .footer-top {
          flex-direction: column;
          align-items: center;
          text-align: center;
        }

        /* Make the logo centered */
        .footer-section img {
          margin: 0 auto 20px;
        }

        /* Adjust the social icons section */
        .social-icons {
          justify-content: center;
          margin: 20px 0;
        }

        /* Reduce padding in the footer */
        footer {
          padding: 15px 10px;
        }

        /* Reduce text size for mobile */
        footer p {
          font-size: 14px;
        }

        /* Adjust footer links for mobile */
        footer ul {
          flex-direction: column;
          gap: 10px;
          margin-top: 20px;
        }

        footer ul li {
          margin: 5px 0;
        }
        .map-container {
          padding-bottom: 75%; /* Adjust as needed for mobile */
        }
      }