/* Add custom CSS styles below */ 
@media only screen and (max-width: 1024px) {
    .mm-spn.mm-spn--light {
          background-color: var(--color-header-background) !important;
     color: var(--color-text-store) !important;
    }
}

.s-comments-product{
	background-color: transparent !important;
}

.s-comments-title,
.s-reviews-summary-average,
.s-reviews-summary-count,
.s-reviews-summary-recommendation-percentage,
.s-reviews-summary-percentage,
.s-comments-count-label ,
.s-comments-item-user-info-name-with-margin,
.s-comments-item-has-order-check-text,
.s-comments-item-rated-widget,
.s-comments-item-timestamp,
.s-comments-item-content-container p,
.s-comments-item-admin .s-comments-item-user-info-name-with-margin,
.s-comments-item-admin .s-comments-item-content-container p {
  color: var(--color-text-store) !important;
}
.kesra-main-content.main-content.top-24.w-full> form > section.bg-white.p-5.rounded-md.mb-5{
	background-color: transparent !important;
}
.s-product-options-grid-mode-span{
    background-color:var(--color-description-single-product) !important;
   color: #fff  !important;
   	border-color: var(--color-primary-dark) !important;
}


.s-product-options-grid-mode input:checked+div{
	background-color: transparent !important;
    color: var(--color-description-single-product) !important;
	border-color: var(--color-primary-dark) !important;
}
.kesra-main-content.main-content.top-24.w-full > form > section.bg-white.p-5.rounded-md.mb-5 > div > div > div.flex > .btn--collapse{
    background-color:var(--color-description-single-product) !important;
   color: #fff  !important;
}
body .s-reviews-testimonial__text p,
body .s-reviews-testimonial__info h2
 {
     color: var(--color-text-store) !important; 
}

.s-reviews-container .s-reviews-testimonial{
	background-color: transparent !important;
	border: 2px solid  var(--color-text-store) !important;
}