.testimonial-clean {
    background: #1118274f;
    padding: 2rem;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    min-height: 250px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.elementskit-commentor-header {
    margin-bottom: 1rem;
    text-align: left; /* UBAH dari center ke left */
}

.elementskit-stars {
    color: #cccbc5;
    font-size: 1.2rem;
}

.elementskit-commentor-content p {
    font-size: 1rem;
    color: #fff;
    margin-bottom: 1.5rem;
    text-align: left; /* UBAH dari center ke left */
    line-height: 1.5;
}

.elementskit-commentor-bio {
    display: flex;
    align-items: center;
    justify-content: flex-start; /* sejajarkan ke kiri */
    gap: 1rem;
    margin-top: 1rem;
}

.elementskit-commentor-image img {
    border-radius: 50%;
    width: 55px;
    height: 55px;
    object-fit: cover;
}

.elementskit-profile-info {
    color: #d1d5db;
    text-align: left;
}

.elementskit-author-name {
    font-weight: 600;
    color: #fff;
}

.elementskit-author-des {
    font-size: 0.9rem;
    color: #9ca3af;
}


/* card */
        .bg-atas {

            background: linear-gradient(135deg,
                    #122F65 20%,
                    #111827 45%,
                    #111827 55%,
                    #122F65 100%) !important;
            min-height: 100vh;

        }

        .pricing-title {
            font-size: 2.5rem;
            font-weight: bold;
        }

        .pricing-title span {
            color: #3b82f6;
        }

        .card {
            border: none;
            border-radius: 12px;
            padding: 20px;
            background-color: white;
            color: black;
            max-width: 295px;
            margin: 15px;
            flex: 1 1 300px;
        }

        .btn-primary {
            background-color: #3b82f6;
            border: none;
            border-radius: 25px;
            padding: 10px 30px;
        }



        .btn-dark {
            border-radius: 25px;
            padding: 10px 30px;
        }

        .check-list {
            text-align: left;
            margin-top: 15px;
        }

        .check-list i {
            color: #3b82f6;
            margin-right: 10px;
        }

        .btn-dark:hover,
        .btn-primary:hover {
            opacity: 0.8;
        }

        @media (max-width: 768px) {
            .pricing-title {
                font-size: 2rem;
            }

            .card {
                min-width: 100%;
            }
        }

        .mt {
            margin-top: 98px;
        }


/* .custom2-grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 2rem;
  justify-items: stretch;
  align-items: stretch;
  margin-top: 3rem;

}

.custom2-grid-item {
  display: flex;
  flex-direction: column;
  justify-content: start;
} */

.custom2-grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 2rem;
  justify-items: stretch;
  align-items: stretch;
}

.custom2-grid-item {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  height: 100%;
}

.custom2-grid-item > div {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: start;
  height: 100%;
  background-color: white; /* opsional */
  padding: 1rem;            /* opsional, untuk ruang */
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05); /* opsional */
  border-radius: 0.5rem;    /* opsional */
}

.custom-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 32px;
  padding: 24px 0;
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 40px 30px; /* vertikal & horizontal gap */
  padding: 20px 0;
}

.grid-item {
  display: flex;
  justify-content: center;
}