.reviews {
    background: var(--body-bg);
    /* text-align: center; */
    padding: 60px 20px;
    font-family: 'DG Trika', sans-serif;
}

.reviews h2 {
    text-align: center;
    font-family: 'DG Trika', sans-serif;
    color: var(--text-primary);
    font-size: 32px;
    margin-bottom: 10px;
    line-height: normal;
}

.reviews h3 {
    text-align: center;
    font-family: 'DG Trika', sans-serif;
    color: var(--text-secondary-invert);
    font-size: 16px;
    margin-bottom: 10px;
   
}



.reviews-wrapper {
    display: flex;
    align-items: center;
    margin-top: 50px;
    justify-content: center;
    gap: 20px;
    overflow: hidden;
}

.reviews-viewport {
    width: 100%;
    max-width: 1000px;
    margin: auto;
    
}

.reviews-swiper {
    display: flex;
    gap: 20px;
    transition: transform 0.5s ease;
}

.reviews-card {
    flex-shrink: 0;
    background: var(--card-bg);
    padding: 25px;
      
    border-radius: 32px;
    /* box-shadow: 0 0 10px var(--teal-500); */
    opacity: 0.4;
    transform: scale(0.9);
    transition: all 0.4s ease;
    display: flex;
    flex-direction: column;

    .reviews-card-header {
        display: flex;
        gap: 16px;
        margin-bottom: 16px;

        img {
            width: 80px;
            height: 80px;
            object-fit: cover;
            overflow: hidden;
            border-radius: 50%;
        }

        .reviews-card-header-details {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;

            h4 {
                color: var(--text-primary);
                line-height: normal;
                font-size: 1rem;
                font-family: 'DG Trika', sans-serif;
                line-height: normal;
                margin-bottom: 0;
            }

            p {
                color: var(--text-secondary-invert);
                line-height: normal;
                font-size: 0.6rem;
                font-family: 'DG Trika', sans-serif;
                line-height: normal;
                margin-bottom: 0;
            }
        }
    }

    p {
        color: var(--text-secondary-invert) !important;
        line-height: normal !important;
        font-size: 0.6rem !important;
        font-family: 'DG Trika', sans-serif;
        line-height: normal;
        margin-bottom: 0;
    }
}

/* Desktop – 3 cards */
@media (min-width: 1200px) {
  .reviews-card {
    width: calc((100% - 40px) / 3);
  }
}

/* Tablet – 2 cards */
@media (max-width: 1199px) and (min-width: 768px) {
  .reviews-card {
    width: calc((100% - 20px) / 2);
  }
}

/* Mobile – 1 card */
@media (max-width: 767px) {
  .reviews-card {
    width: 100%;
  }
}


.reviews-card.active {
    opacity: 1;
    transform: scale(1);
}

.reviews-card h4 {
    margin: 0 0 10px;
    color: #00a8a8;
}

.reviews-card p {
    font-size: 14px;
    color: #555;
}

.reviews .stars {
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;

    img {
        width: 40%;
    }


}

.reviews-nav {
    background: var(--text-secondary);
    border: none;
    color: #fff;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    font-size: 26px;
    cursor: pointer;
        z-index: 20;
}

.reviews-nav:hover {
    background: #008c8c;
}

@media (max-width: 900px) {
    .reviews-viewport {
        width: 100%;
    }
}