#content {
      padding: 8rem;
}

#content h2 {
      margin-top: 4rem;
}

h3 {
      margin-top: 3rem;
}


.center {
      text-align: center;
}


#content img {
      max-width: 100%;
}

.service-card {
      width: 100%;
      display: flex;
      justify-content: space-between;
      margin: 2rem 0;
      background: var(--gr);
      border-radius: 1rem;
      transition-duration: 350ms;
}

.service-card:hover {
      background: var(--gr10);
      cursor: pointer;
}

.service-table a {
      color: inherit;
      text-decoration: none;
}

.service-image {
      overflow: clip;
      display: none;
      max-height: 100%;
      max-width: unset !important;
}

.waiting-image {
      overflow: hidden;
      height: fit-content;
}

.card-img {
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 0 1rem 1rem 0;
      overflow: hidden;
      width: 18%;
      /* max-width: 200px; */
}

.card-text {
      margin: 0 2rem;
      width: 69%;
}

.card-text h2 {
      margin-top: 1rem !important;
}

.card-price {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 13%;
}

.audience {
      font-size: small;
}

.text-center {
      text-align: center;
}

.link-hover:hover {
      text-decoration: underline;
      scale: 1.008;
}

.other {
      padding: 0rem 8rem;
      top: -4rem;
      position: relative;
}

@media (max-width: 767px) {
      #content {
            padding: 1rem;
            padding-top: 8rem;
      }

      .service-card {
            flex-wrap: wrap;

      }

      .card-img {
            max-height: 100vw;
            width: 100%;
            border-radius: 1rem 1rem 0 0;
      }

      .card-text {
            width: unset;
            margin: 0 1rem;
      }

      .card-price {
            margin: 0 2rem;
            width: 100%;
            justify-content: center;
      }
}