.card-service-individual {
  .card-media {
    width: 100%;
    aspect-ratio: 0.82;
    border-radius: 23px 100px 23px 23px;
    overflow: hidden;
    max-height: 250px;

    &:hover {
      img {
        transform: scale(1.2);
      }
    }

    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: 0.4s;
    }
  }

  .card-title {
    color: #5f6062;
    height: 60px;

    @media (width<768px) {
      height: auto;
    }
  }

  .card-description {
    color: #423e3e78;
    height: 100px;
    overflow: auto;
        @media (width<768px) {
      height: auto;
      max-height: 100px;
    }
  }

  .btn-card {
    position: relative;
    width: 200px;
    display: flex;
    text-align: left;
    padding-bottom: 2rem;
    transition: 0.7s;

    svg {
      transition: 0.7s;

      circle {
        transition: 0.7s;
      }
    }

    path {
      transition: 0.7s;
    }

    &::after {
      content: "";
      height: 1px;
      display: flex;
      left: 0;
      position: absolute;
      background: #83c8bb;
      width: 73%;
      bottom: 25.5px;
    }

    .arrow {
      bottom: 0;
      right: 0;
      position: absolute;
    }
  }
}
@media (max-width: 600px) {
	.thecards p {
	text-align: center;
}
}