.category-container {
    display: flex;
    justify-content: flex-start; /* Aligns categories to the left side */
    gap: 20px; /* Space between categories */
  }
  .category-item {
    position: relative;
    cursor: pointer;
    width: 48%; /* Takes up 48% of the container width, leaving space between them */
    text-align: center;
  }
  .category-item img {
    width: 60%; /* Adjust image width to 60% */
    height: auto;
    border-radius: 10px;
    margin: 0 auto; /* Center the image */
    display: block; /* Ensures the image is centered */
  }
  .badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #4CAF50;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
    z-index: 1; /* Ensures the badge is above the image */
  }
  .category-info {
    margin-top: 10px;
  }
  .category-info h3 {
    font-size: 18px;
    font-weight: bold;
  }
  .category-info p {
    font-size: 14px;
    color: gray;
  }

.footer-contact {
    margin-bottom: 40px;
    font-family: Arial, sans-serif;
    display: flex;
    flex-wrap: wrap; /* Ensures items wrap onto the next line if necessary */
    align-items: center;
}

.footer-contact h4 {
    font-size: 18px;
    color: #30dd7f;  /* Green color */
    display: flex;
    align-items: center;
    font-weight: normal; /* Ensures text is not bold */
    margin-right: 20px; /* Increased space between the company name and next element */
    margin-bottom: 10px; /* Ensures some space below the header */
}

.footer-contact h4 svg {
    margin-right: 8px; /* Space between the icon and text */
}

.footer-contact address {
    font-size: 18px; /* Matches the font size of the company name and registration number */
    color: #30dd7f;  /* Green color */
    margin-top: 10px;
    margin-left: 20px; /* Increased space between the icon and address */
    display: flex;
    align-items: center;
    font-weight: normal; /* Ensures text is not bold */
    margin-bottom: 10px; /* Added margin to space the sections properly */
}

.footer-contact a {
    color: #30dd7f; /* Ensures the link color is green */
    text-decoration: none; /* Removes the underline from the link */
    font-size: 18px;
    font-weight: normal; /* Ensures link text is not bold */
    margin-left: 20px; /* Space between link and the rest of the elements */
}

.footer-contact a:hover {
    text-decoration: underline; /* Adds underline on hover for links */
}


.recent-car-area {
    display: none;
}