/* Add custom CSS styles below */ 

:root{
--color-mainnav-bg: transparent;
}

.mainmenu--sidepanel #storemenu-panel {
    padding-right: 6rem;
    background-color: white !important;
  }

.s-user-menu-dropdown-list {
  background-color: white !important;
}

.marquee__content{
animation-duration: 70s !important;
}
/*
#main-nav{
    background: linear-gradient(55deg,#058977,#034ea2) !important;
}

.main-nav.fixed-header .inner {
  transform: translate3d(0,0,0);
  background-color: ;
  background: linear-gradient(55deg,#058977,#034ea2) !important;
}
.storemenu-panel{
  background: linear-gradient(55deg,#058977,#034ea2) !important;
}
*/ 

@media (max-width:900px){
.storemenu-panel {
  width:80%;
  }
  }


#widget-storemenu .text-sm {
  font-size: 1.2rem;
  }

.storemenu-panel .secondary-menu-wrap {
  margin-top: 10rem;
  }

.storemenu-panel .secondary-menu-wrap {
  margin-top: 10rem;
  visibility: hidden;
}

#storemenu-panel .side-panel__content {
  max-height: calc(100% - 110px);
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  overflow-y: hidden;
  overflow-x: hidden;
  }
  
  @media (min-width: 900px) {
  .navbar-brand {
  margin-top: -1rem;
}
  
  
@media (min-width: 900px) {
.mainmenu--sidepanel #storemenu-panel {
    padding-right: 6rem;
    padding-top: 6rem;
  }
}

@media (max-width: 900px) {
.mainmenu--sidepanel #storemenu-panel {
    padding-right: 3rem;
    padding-top: 6rem;
  }
}

.in-short-menu{
  visibility: hidden;

}


  [dir="rtl"] .floating-contacts {
    right: auto;
    left: 2rem;
    bottom: 5rem;
  }
}

  .card--addtocard-full-btn .btn--add-to-cart--full .s-button-btn {
    background: linear-gradient(55deg,#058977,#034ea2);
    border-color: transparent;
    }
    
    .floating-contacts__trigger{
        background: linear-gradient(55deg,#058977,#034ea2);

    }
    
    .progress-wrap.active-progress{
            background: linear-gradient(55deg,#058977,#034ea2);

    }
    
    
    .sicon-badge-alt::before {
    color:#034ea2;
    }
    
    .sicon-check-circle2::before {
    color:#034ea2;
    }
    
    .sicon-gold-badge::before {
    color:#034ea2;
    }
    
    @media (min-width: 900px) {
  .md\:h-96 {
    height: 15rem;
  }
}

@media (max-width: 900px) {
  .md\:h-96 {
    width: 20rem;
  }
}

.s-product-options-option-container:last-child {
  margin-bottom: 0px;
  background-color: #7dd3c4;
  border-radius: 10px;
  padding: 20px;
  opacity: 100%;
}
.rtl .form-select, .rtl select, [dir="rtl"] .form-select, [dir="rtl"] select {
  background-position: left .5rem center;
  padding-right: 12px;
  border-color: black;
  border-radius: 10px;
}