.testimonials-section {
    align-items:center;
    display:flex;
    flex-direction:column;
    width:100%;
    --tw-bg-opacity:1;
    background-color:rgb(13 148 136/var(--tw-bg-opacity,1)); /* teal color, close to accent-500 */
    padding-bottom:6rem;
    padding-top:6rem
}
.testimonials-container {
    align-items:center;
    display:flex;
    flex-direction:column;
    gap:4rem;
    margin-left:auto;
    margin-right:auto;
    max-width:1280px;
    padding-left:1rem;
    padding-right:1rem
}
@media (min-width:640px) {
    .testimonials-container {
        padding-left:1.5rem;
        padding-right:1.5rem
    }
}
@media (min-width:1024px) {
    .testimonials-container {
        padding-left:2rem;
        padding-right:2rem
    }
}
.block-heading {
    flex-direction:column;
    gap:1rem;
    text-align:center
}
.block-heading,
.heading-row {
    align-items:center;
    display:flex;
    width:100%
}
.heading-row {
    justify-content:center
}
.heading-main {
    font-size:2.25rem;
    font-weight:700;
    line-height:2.5rem;
    line-height:1.25
}
.heading-main,
.sub-text {
    font-family:Inter,sans-serif;
    margin:0;
    text-align:center;
    --tw-text-opacity:1;
    color:rgb(255 255 255/var(--tw-text-opacity,1))
}
.sub-text {
    font-size:1.25rem;
    font-weight:400;
    line-height:1.75rem;
    line-height:1.625;
    width:100%
}
.content-area {
    -moz-columns:1;
    column-count:1;
    width:100%
}
@media (min-width:640px) {
    .content-area {
        -moz-columns:2;
        column-count:2;
        -moz-column-gap:1.5rem;
        column-gap:1.5rem
    }
}
@media (min-width:1024px) {
    .content-area {
        -moz-columns:3;
        column-count:3
    }
}
.testimonial-card {
    border-radius:.5rem;
    display:flex;
    flex-direction:column;
    gap:1rem;
    margin-bottom:1.5rem;
    --tw-bg-opacity:1;
    background-color:var(--color-bg-base); /* old: rgb(255 255 255/var(--tw-bg-opacity,1)) */
    padding:1.5rem;
    --tw-shadow:0 0 #0000;
    --tw-shadow-colored:0 0 #0000;
    transition-duration:.3s;
    transition-property:all;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    -moz-column-break-inside:avoid;
    break-inside:avoid;
    page-break-inside:avoid
}
.testimonial-card,
.testimonial-card.highlighted {
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.testimonial-card.highlighted {
    --tw-shadow:var(--shadow-md); /* old: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1) */
    --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)
}
.testimonial-card:hover {
    --tw-translate-y:-0.25rem;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-shadow:var(--shadow-xl); /* old: 0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1) */
    --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.testimonial-header {
    align-items:center;
    display:flex;
    justify-content:flex-start;
    margin-bottom:.75rem;
    width:100%
}
.testimonial-author {
    font-family:Inter,sans-serif;
    font-size:1rem;
    font-weight:600;
    line-height:1.5rem;
    margin-top:.75rem;
    --tw-text-opacity:1;
    color:rgb(31 41 55/var(--tw-text-opacity,1))
}
.star-rating {
    display:flex;
    gap:.125rem;
    width:100%
}
.star {
    height:1.25rem;
    width:1.25rem
}
.star-full,
.star-half {
    --tw-text-opacity:1;
    color:rgb(251 191 36/var(--tw-text-opacity,1))
}
.testimonial-text {
    font-family:Inter,sans-serif;
    font-size:1rem;
    font-weight:400;
    line-height:1.5rem;
    line-height:1.5;
    --tw-text-opacity:1;
    color:rgb(55 65 81/var(--tw-text-opacity,1))
}
.purneo-logo {
    margin-bottom:1.5rem
}
.logo-circle,
.purneo-logo {
    align-items:center;
    display:flex;
    justify-content:center
}
.logo-circle {
    border-radius:9999px;
    height:3rem;
    width:3rem;
    --tw-bg-opacity:1;
    background-color:var(--color-bg-base); /* old: rgb(255 255 255/var(--tw-bg-opacity,1)) */
    --tw-shadow:var(--shadow-md); /* old: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1) */
    --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.logo-p {
    font-family:Inter,sans-serif;
    font-size:1.5rem;
    font-weight:700;
    line-height:2rem;
    --tw-text-opacity:1;
    color:rgb(20 184 166/var(--tw-text-opacity,1))
}
.gradient-button {
    align-items:center;
    display:flex;
    font-size:.875rem;
    gap:.5rem;
    height:2.5rem;
    justify-content:center;
    line-height:1.25rem;
    padding:.75rem 1rem
}
@media (min-width:640px) {
    .gradient-button {
        font-size:1rem;
        height:2.75rem;
        line-height:1.5rem;
        padding-left:1.25rem;
        padding-right:1.25rem
    }
}
.gradient-button {
    border-radius:.375rem;
    border-width:1px;
    --tw-border-opacity:1;
    background-color:transparent;
    border-color:var(--color-bg-base); /* old: rgb(255 255 255/var(--tw-border-opacity,1)) */
    --tw-text-opacity:1;
    color:var(--color-bg-base); /* old: rgb(255 255 255/var(--tw-text-opacity,1)) */
    cursor:pointer;
    font-family:Inter,sans-serif;
    font-weight:500;
    text-decoration-line:none;
    transition-duration:.3s;
    transition-property:all;
    transition-timing-function:cubic-bezier(.4,0,.2,1)
}
.gradient-button:hover {
    --tw-translate-y:-0.125rem;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-shadow:var(--shadow-xl); /* old: 0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1) */
    --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.button-icon {
    height:1.25rem;
    width:1.25rem;
    fill:currentColor
}