/* Review Section */
section {
    padding: 2rem 0;
    /* Add spacing around the section */
}

/* Review Card */
.review-card {
    max-width: 400px;
    margin: auto;
}

.card {
    background: #fff;
    /* White background */
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    /* Stack child elements vertically */
    align-items: center;
    /* Ensure center alignment */
    overflow: hidden;
    /* Prevent content from spilling out */
    height: 300px;
}

/* Top Section */
.card-divider {
    display: flex;
    flex-direction: column;
    /* Stack name and stars */
    align-items: center;
    /* Center horizontally */
    justify-content: center;
    /* Center vertically */
    width: 100%;
    /* Full width of the card */
    padding: 1rem;
    /* Inner padding */
    border-bottom: 2px solid #eeb600;
    /* Gold divider */
    background: #fff;
    /* White background */
}

.customer-name {
    font-family: 'Termina', sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
    /* Darker text for contrast */
    text-transform: uppercase;
    /* Customer name in caps */
    margin: 0 0 0.5rem;
    /* Space below the name */
}

.stars {
    display: flex;
    /* Align stars inline */
    justify-content: center;
    /* Center stars horizontally */
    gap: 0.25rem;
    /* Space between stars */
    margin: 0;
    /* Remove unnecessary margins */
}

/* Card Content Section */
.card-section {
    padding: 1rem;
    /* Inner padding */
    word-wrap: break-word;
    /* Handle long text properly */
    width: 100%;
    /* Full width of the card */
}

.review-content {
    font-family: 'Termina', sans-serif;
    font-size: 0.9375rem;
    line-height: 1.5;
    color: #4A4A4A;
    margin-bottom: 2rem;
    /* Add spacing above the logo */
    text-align: center;
    /* Center-align the review text */
}

/* Google Logo */
.google-logo {
    display: flex;
    /* Ensure visibility */
    justify-content: flex-end;
    /* Align logo to the right */
    width: 100%;
    /* Full width for alignment */
    margin-top: 1rem;
    /* Add spacing above */
}

.google-logo img {
    width: 40px;
    /* Fixed size for the logo */
    height: auto;
    /* Maintain aspect ratio */
}