.flip-card {
      background-color: transparent;
      width: 100%;
      height: 250px;
      perspective: 1000px;
      margin: 10px;
      margin-bottom: 30px;
    }

    .flip-card-inner {
      position: relative;
      width: 100%;
      height: 100%;
      transition: transform 0.6s;
      transform-style: preserve-3d;
    }

    .flip-card:hover .flip-card-inner {
      transform: rotateY(180deg);
    }

    .flip-card-front,
    .flip-card-back {
      position: absolute;
      width: 100%;
      height: 100%;
      backface-visibility: hidden;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    }

    .flip-card-front,
    .flip-card-back {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0;
    }

    .flip-card-front {
      background-color: #fff;
    }

    .flip-card-back {
      background-color: #f8f9fa;
      transform: rotateY(180deg);
      background-color:darkcyan;
      color:#fff;
    }

    .flip-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    h5.card-title {
      margin-bottom: 15px;
      color:darkcyan;
      height: 50px;
    }