.flip-card {
    min-width: auto;
    min-height: auto; 
    perspective: 1000px;
    margin: 0 auto;
    padding 20px;
    display: flex;
    flex-direction: column;
  }

  .flip-card-inner {
    width: 100%;
    height: 250px;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    cursor: pointer;
    position: relative;
    border-radius: 10px;
    display: flex;
    flex
  }

.flip-card-back .atmc-feature-01 {
  padding: 2px; 
}

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

  .flip-card-front, .flip-card-back {
    width: 100%;
    height: 100%;
    position: absolute;
    backface-visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 10px;
    box-shadow: none;
    background-color: white;
  }

  .flip-card-back {
    transform: rotateY(180deg);
    overflow-y: auto;
    padding: 2px;
    margin: 0;
  }
@keyframes slideUp {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}

.flip-card-inner {
  animation: slideUp 0.6s ease-out;
}
.fill-primary {
  display: flex;
  justify-content: center; 
  align-items: center;
}

.atmc-feature-01 {
  display: flex;
  flex-direction: column;
  align-items: center; 
  text-align: center;
}
.flip-card.is-flipped .flip-card-back {
  padding: 2px;
}