/* Add custom CSS styles below */ 
.product-single .details {
  background-color: #c8e6c9 !important;
}
a.btn-primary {
    color: #fff;
}
.s-block--banners  h3{
    color: #2A3D90;
    background: #fff;
    border-radius: 30px;
    padding: 0.4rem;
    font-weight: bold !important;
}
.s-block--banners .on-text {
    top: 85%;
}
:root {
    --text-btn: #fff;
}
.angel-feature.flex-center.flex-col {
    background: #2A3D90;
    padding: 2rem;
    border-radius: 20px;
}
 .s-block--features h4 {
    color: #fff;
}
.s-block--testimonials .flex.flex-col {
    background: rgba(42, 61, 144, 0.19);
}
.store-footer h3 {
    color: #ffffff;
}
.store-footer {
    color: rgb(255 255 255);
}
.s-contacts-list-vertical {
    color: #000;
}
.store-footer  img.logo-light.foo {
    filter: brightness(0) invert(1);
}
@media (min-width: 1480px) {
  .s-block--banners .container {
    max-width: 1000px;
}
  .s-block--banners  .square-grid{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
  .s-block--banners .banner-square.zoomed-img.grayscaled-img.relative {
    width: 23%;
}
  .s-block--banners .banner-square h3 {
    font-size: 1.0rem;
}
  .content-right .home-slider__content{
    justify-content: right;
}
 .s-block--features .container {
    max-width: 1000px;
} 
.s-block.home-slider  span.description {
    font-size: 1.5rem;
}
}
@media (max-width: 768px) {
.home-slider .flex-center.md\:flex-row-reverse {
    width: 75%;
    --tw-translate-x: -80%;
    --tw-translate-y: -60%;
}
.home-slider .flex-center{
    align-items: flex-start;
}
.hero-slider-subtitle, .home-slider  h3.leading-tight {
    text-align: right;
}
.content-right .flex-center.md\:flex-row-reverse {
    --tw-translate-x: -25%;
}
  .s-block--banners  .square-grid{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
  .s-block--banners .banner-square.zoomed-img.grayscaled-img.relative {
    width: 45%;
}}