/* Add custom CSS styles below */
/* Hero banner */
.s-block--fixed-banner {
  margin-top: 0;
}

 .s-block--fixed-banner .container {
   max-width: 100%;
       padding-right: 0;
    padding-left: 0;
 }
/*================================*/
.s-block--products-slider-and-fixedarea
.block-inner .bg-area {
    background-blend-mode: overlay;
    background-color: rgb(41 41 41 / 60%) !important;
}
/*================================*/

.s-block--features__item {
    text-align: center;
}

.store-footer {
  background-color: var(--color-primary);
}

.store-footer a, .store-footer p.text-gray-400  {
 color: #ffffff;
 opacity: 1;
}

.floating-contacts__trigger, 
.progress-wrap {
   box-shadow: 0 0 6px 1px white; 
}

.has-gradient-full-overlay:before {
  background-color: rgb(0 0 0 / 60%);
}

.contacts-list a i, 
.store-footer .social-link {
    background-color: white;
    color: var(--color-primary);
}


/* up button */
.progress-wrap:where([dir="rtl"], [dir="rtl"] *)
{
  right: unset;
}

.progress-wrap {
  left: 25px;
  bottom: 30px;
}