/* Add custom CSS styles below */ 



.site-header {
  background: #0F1721 !important;
}

.sub-nav__menu svg {
  fill: #fff !important;
}

.salla-theme_3 .site-header .logo-wrapper .logo img {
  height: auto;
  max-height: 65px !important;
  max-width: 210px;
  width: auto;
}

.site-header .circle-action {
  background: #6F55DA !important;
  color: #fff !important;
  border-radius: 50% !important;
  border-color: #D66E6F !important;
}

.site-header .circle-action.login-link {
  display: block !important;
  margin-top: 1px
}

section {
    padding: 10px !important;
}
.store-home section > .container > .row:not(.testimonails-listing):not(.products-listing):not(.products-grid) .col-md-4 {
    max-width: 50% !important;
    width: 50% !important;
    display: block !important;
    float: right !important;
    padding: 2px !important;
}

.salla-theme_1 .category-featured, .salla-theme_2 .category-featured, .salla-theme_3 .category-featured, .salla-theme_4 .category-featured, .salla-theme_5 .category-featured {
  border-radius: 4px;
  margin-bottom: 4px !important; 
}

.pt-5, .py-5 {
  padding-top: 10px !important;
}
.pb-5, .py-5 {
  padding-bottom: 10px !important;
}



.product-add {
  position: absolute;
  left: 10% !important;
  bottom: 10px !important;
  transform: unset !important;
  width: 80% !important;
  height: 40px;
  background: #6f55da;
  border: 1px solid #6f55da;
  border-radius: 10px !important;
  font-size: 21px;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  padding: 0 !important;
}

.salla-theme_3 .product .product-add span {
  color: #fff !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
.salla-theme_3 .product .product-add span::before {
  content: "أضف للسلة";
  width: 100% !important;
  padding: 0 !important;
  position: relative !important;
  font-family: dinnextltarabic-regular !important;
  margin-right: -20px !important;
  bottom: 5px !important;
  font-size: 16px !important;
}

.product {
  
  padding-bottom: 40px !important;
}

section.py-4.py-md-3 {
  min-width: 100% !important;
  padding: 0 !important;
}

section.py-4.py-md-3 .main-slider.slick-dotted.slick-slider {
  margin-bottom: 0;
  padding: 0 !important;
  width: 100% !important;
}

section.py-4.py-md-3 .main-slider.slick-dotted.slick-slider img {
  width: 100% !important;
}

section.py-4.py-md-3 .container.p-0, section.py-4.py-md-3 .container.p-0 *
{
  min-width: 100% !important;
   padding: 0 !important;
}

.site-header.sticky {
  background: rgba(32, 44, 58, 0.6) !important;
  backdrop-filter: blur(5px) !important;
  transition: all .35s cubic-bezier(.2,1,.3,1);
 
}
@media screen and (max-width: 767px) {
.product > a .img-cont img {
  height: auto;
  max-height: 220px !important;
  overflow: hidden !important;
}
.sub-nav .main-menu > li a {
color: #000 !important;
}
}
@media screen and (min-width: 767px) {
.product > a .img-cont img {
  height: auto;
  max-height: 260px !important;
  overflow: hidden !important;
}
.sub-nav .main-menu > li a {
color: #fff !important;
}
.salla-theme_3 .site-header .header-wrapper .header-row.left #cl_switcher_wrapper #cl_toggle {
  
  background: #6F55DA !important;
  color: #fff !important;
  border-radius: 10px !important;
  border-color: #D66E6F !important;
}
}