:root {
/*In use (our styles)*/
--white-color: #FFFFFF;
--gupter: 'Gupter', serif;
--openSance: 'Open Sans', sans-serif;
--regular: 400;
--medium: 500;
--semi-bold: 600;
--bold: 700;
--green: #20A920;
--blue: #223A54;
--lightGray: rgb(247, 247, 247);
--text-color: #4D4C4C;
--error-color: rgb(230, 87, 87);
--heading-size: 44px;
--paragraph-size: 16px;
--banner-heading: 50px;
--subheading-size: 16px;
--cta-text-size: 20px;
--background-gradient-color: linear-gradient(339deg, #000 -19.36%, #223A54 54.7%, #000 128.75%);
--cinzel: 'Cinzel', serif;
}

.product-item {
max-height: 420px;
padding-top: 40px !important;
padding-bottom: 40px !important;
transition: all 0.3s ease;
}

.testimonial-quote{
    margin-right:50px;
}

.product-item:hover {
border: 2px solid var(--green);
}

.product-item>div>img {
max-height: 200px;
object-fit: contain;
}

.product-item button {
max-width: 250px;
width: 100%;
}

@media only screen and (max-width: 976px) {
.product-item {
max-height: 430px;
}

.testimonial-body {
    width: calc(100% - 50px);
    margin-top: 12px;
    gap: 14px !important;
}
}

@media only screen and (max-width: 796px) {
.product-item {
max-height: min-content !important;
height:auto !important;
}
}

@media only screen and (max-width: 434px) {
.product-item button {
min-width: 100%;
}

.product-item {
height: fit-content !important;
max-height: min-content !important;
}
}