.service-card {
    position: relative;
  }


  .service-dropdown {
    position: absolute;
    top: 98%; 
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
    border-radius: 0 0 10px 10px;
    /* background-color: var(--bg-page-white); */
    background-color: rgb(219, 219, 219);
    /* padding: 0 0.5rem; */
    z-index: 10;
    pointer-events: none;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
  }

  .service-dropdown.visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
  }

  .service-dropdown .dropdown-list_service {
    margin: 10px 0 0;
    padding: 0;
  }

  .service-dropdown .dropdown-list_service a {
    list-style: none;
    margin-bottom: 8px;
  }

  .service-dropdown .dropdown-list_service a {
    color: var(--color-text-black);
    display: block;
    width: 100%;
    background: #fffde9;
    padding: 10px 8px;
    border-radius: 6px;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05);
    text-decoration: none;
    transition: all 0.3s ease;
  }

  .service-dropdown .dropdown-list_service a:hover {
    background-color: #f0eac2;
    transform: translateX(5px);
  }