/* Add custom CSS styles below */
/*-header------------*/
/*---------------------------*/
.main-nav-container.fixed-pinned .navbar-brand img {
  min-height: 60px;
}
@media screen and (max-width: 768px) {
  .h-screen {
    height: 35vh !important;
    margin-bottom: 30px;
    margin-top: 30px;
  }
  .main-nav-container.fixed-pinned .navbar-brand img {
    min-height: 40px !important;
  }
}

/*---------------header-when-scroll----------*/
.main-nav-container.fixed-header .inner .mobile-menu ul li a {
  color: #000 !important;
}

@media screen and (max-width: 1200px) {
  .my-main-banner-0 > .head_img > .items-center > .text-center {
    text-align: center;
  }
  .slider_categote .s-slider-block__title-nav {
    top: -51px;
  }
  /*---------------------------------------------*/
  .not-show h3.s-product-card-content-title a {
    font-weight: bolder;
    font-size: 12px;
  }
  .s-product-card-sale-price * {
    font-size: 15px !important;
  }
  /*---------------------------------------------*/
  .my-main-banner-0,
  .my-main-banner-0 .head_img {
    height: 35vh;
  }
  .my-main-banner-0 > .head_img > .items-center > .text-center {
    margin-top: 35px;
  }
  div.max-w-\[60\%\] {
    max-width: 100% !important;
    text-align: center !important;
  }
  .my-main-banner-0 p.max-w-\[60\%\] {
    font-size: 16px !important;
    line-height: 25px;
    margin: auto;
  }
  .my-main-banner-0 div div div h1 {
    font-size: 20px !important;
    color: #fff !important;
  }
}
/*------my-category----الاصناف-----*/
.my-category {
  margin-bottom: 25px;
  margin-top: 20px;
}
.my-category h1 {
  margin-bottom: 15px;
}
.my-category ul {
  justify-content: center;
  gap: 20px;
}
.my-category img{
  width: auto;
}
/*******************************/
@media screen and (min-width: 991px) {
  salla-add-product-button.my-12.hydrated {
    margin-top: 0px !important;
  }
  .furnitur_offer .s-count-down-wrapper .s-count-down-list {
    width: 100%;
  }
  .flex.justify-between.items-center.rtl\:flex-col-reverse {
    flex-direction: row-reverse;
    display: flex;
  }

  .s-slider-has-notitle .s-slider-block__title{
  margin-top: 53px;
  }
}
.my-offer {
  margin-bottom: 30px;
}
.my-offer h1 {
  margin-bottom: 20px;
}
#swiper-wrapper-1fe494f89a74d69d a {
  max-height: 450px;
}
.my-offer button {
  color: #fff;
  margin-top: 20px;
  border-radius: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media screen and (max-width: 991px) {
  #swiper-wrapper-1fe494f89a74d69d a {
    max-height: 450px;
  }
  .w-full .s-button-element {
    margin: auto 0;
  }
}
.s-count-down-md .s-count-down-item {
  margin: 0px 20px;
}
.s-count-down-list .s-count-down-item::after {
  left: -40% !important;
}
@media screen and (max-width: 768px) {
  .my-offer h1 {
    margin-bottom: 0px;
  }
  .my-offer p {
    margin-top: 20px;
  }
  .furnitur_offer .s-slider-container {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .furnitur_offer .s-slider-thumbs .s-slider-swiper-wrapper {
    margin-top: 30px;
  }
}
@media screen and (min-width: 576px) and (max-width: 1200px) {
  .furnitur_offer .s-button-element {
    margin-bottom: 53px;
  }
}
/*------------my-fixed-banner----بانر ثابت----*/
.my-fixed-banner {
  margin-bottom: 40px;
}
.my-fixed-banner h1 {
  color: #fff !important;
}
.my-fixed-banner button {
  color: #fff !important;
  border-color: #fff;
}
.my-fixed-banner button a {
  color: #fff !important;
}

.my-fixed-banner .absolute {
  width: 100% !important;
  left: 0px;
}
.my-fixed-banner h1 {
  color: #fff !important;
  font-size: 18px !important;
}
/*--------my-banner-photo--------------بانر صوره-*/
.my-banner-photo > div {
  justify-content: space-around;
}
.my-banner-photo > div > div {
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .my-banner-photo h1 {
    font-size: 20px;
  }
}
/*----------my-info------*/
.my-info p {
  color: #558ccf;
}
/*--------------النشره البريديه--------------*/
footer.store-footer-newsletter > div:nth-of-type(1) {
  margin: 11px;
  border-radius: 18px;
  background: #d9e0e9 !important;
  background: linear-gradient(
    73deg,
    #2b2d341f,
    #2563eb1f,
    #dfc2b033,
    #68257517,
    #ef444429
  ) !important;
  border: 1px solid #558ccf1f;
  padding: 0;

  input {
    border: 0;
  }
  p,
  h3 {
    color: black;
  }
}

button#mc-embedded-subscribe {
  background: #558ccf;
  color: white;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
}
/*----------------------الفوتر --------------------*/
.store-footer__inner {
  background: #d9e0e9 !important;
}
.store-footer__inner * {
  color: #000;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.store-footer__inner .s-social-link a {
  border-color: #000;
} 

/*----------------------*/
.s-product-card-image a {
  height: 80%;
  display: block;
}
.s-tabs-content-wrapper p {
  font-size: 14px;
  line-height: 20px;
}
.flex.justify-center.items-center.mt-2.px-12.py-3.mx-auto.w-fit.rounded-lg {
  display: none;
}
.my-main-banner-0 img {
  margin: 0;
}

@media screen and (min-width: 768px) {
  footer.store-footer-newsletter > div:nth-of-type(1) {
    margin: auto;
    padding: 2rem 0;
  }
}

@media screen and (max-width: 768px) {
  .h-screen {
    margin-top: 0px !important;
  }
}

@media screen and (max-width: 768px) {
  .navbar-brand img {
    max-width: 100px;
    height: 40px;
    max-height: 100px;
  }
}

.product__description ul,
.product__description li {
  color: #000 !important;
}

@media (max-width: 767px) {
  .product__description ul,
  .product__description li {
    font-size: 16px;
    line-height: 1.5;
  }
}

/* white friday */
.swiper .bg-black {
  background: none;
}

/* Card Page */
#karzoun-widget-send-button {
  z-index: 100 !important;
}

/* ---> Visitors Counter */
.VisitorsCounter9977 {
  z-index: 100 !important;
}

/* Home Page */
.s-product-card-vertical {
  margin: 13px 3px;
  /* box-shadow: 0 0 10px #00000021; */
  border-radius: 10px;
}
/* -------------------- New Work -------------------- */

.top-navbar {
  /* background: #558ccf; */
  background: #fff;
}

.top-navbar .items-center ul,
.top-navbar .items-center a {
  display: none;
}

.s-login-modal-enter-button,
.s-product-card-wishlist-btn:hover .s-button-text .sicon-heart,
.s-button-element:hover .sicon-heart,
button.s-social-share-btn.s-button-element.s-button-icon.s-button-outline.s-button-light-outline.s-button-loader-center:hover,
button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-light-outline.s-button-disabled.s-button-loader-center,
.store-notify--alert button {
  color: #000 !important;
}

.s-login-modal-enter-button:hover,
.s-button-element:hover,
.form--user-profile button.s-button-element,
.btn--delete span {
  color: #fff !important;
}

.s-button-text i {
  transition-duration: 0.3s;
}

body #mobile-menu li img {
  border-radius: 0;
  background: none;
}

.top-navbar .s-search-input {
  border-style: none;
  background-color: rgb(255 255 255 / 50%);
  height: 30px !important;
}

.topnav-link-item {
  border-left-width: 1px;
  border-color: #fff;
}

.s-block--features__item h2 {
  font-size: 18px;
  line-height: 18px;
}

.s-block--features__item .feature-icon {
  background-color: #558ccf;
}

.s-block--features__item .feature-icon i {
  font-size: 40px;
  line-height: 2.25rem;
  color: #558ccf;
  color: black;
}

.topnav-link-item.right-side {
  color: #fff !important;
  padding: 0 15px 0 15px;
  margin: 0 0 0 0;
}

.topnav-link-item.right-side a {
  line-height: 0;
  color: #fff !important;
}

[dir="rtl"] .topnav-link-item {
  border-left-width: 1px;
  color: #fff;
}

.sicon-user-circle,
.sicon-shopping-bag {
  color: #558ccf !important;
}

.s-slider-block__title-right h2 {
  font-size: 26px;
  color: #000000;
}

.s-products-slider-card .s-product-card-entry {
  /* border: 3px solid #f3f3f3; */
  border: 3px solid #558ccf29;
}

.s-product-card-price {
  font-size: 19px;
  line-height: 1.25rem;
  font-weight: 700;
  color: #c7a45f;
}

.s-product-card-sale-price h4,
.s-product-card-sale-price span {
  font-size: 19px;
}

.s-product-card-content-title {
  margin-bottom: 5px;
  max-width: 100%;
  line-height: 1.5rem;
}

.s-product-card-content-title a {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
}

.s-product-card-image {
  background: #fff;
}

.s-product-card-image img {
  height: 100%;
  width: 51%;
  margin: auto;
  min-height: 243px;
  padding: 31px 0 0 0;
}

.s-product-card-image img.loaded {
  position: relative;
  opacity: 1;
  background: #fff;

  width: 100% !important;
  padding: 0 4px !important;
  border-radius: 10px !important;
  margin-top: 3px !important;
}

.s-product-card-image img {
  height: 100%;
  margin: auto;
  min-height: 243px;
  position: relative;
  opacity: 1;
  background: #fff;
  width: 100% !important;
  padding: 0 4px !important;
  border-radius: 10px !important;
  margin-top: 3px !important;
}

.s-product-card-content-footer .s-button-element .sicon-shopping-bag {
  margin: 15px 0 -8px 6px;
  position: relative;
  bottom: -2px;
  color: #000 !important;
}

.s-product-card-vertical .s-product-card-wishlist-btn {
  color: red;
  border-color: red !important;
}

.s-block--features__item {
  border: 1px solid #558ccf30;
}

.s-block--features__item p {
  font-size: 16px;
  margin: 3px 0 0 0;
  color: #ababab;
}

.top-navbar .s-search-input {
  max-width: 550px;
}

.swiper-slide .slide--cat-entry .rounded-full {
  border-radius: 0;
  width: 72px;
  height: auto;
}

.swiper-slide .slide--cat-entry h2 {
  font-size: 16px;
  line-height: 1.25rem;
  font-weight: 700;
  margin: 7px 0 15px 0;
}

.swiper-slide .slide--cat-entry {
  padding: 22px 0 12px 0;
  height: auto;
}


/* Favorites */
button.s-product-card-wishlist-btn.animated.s-button-element.s-button-icon.s-button-outline.s-button-light-outline.s-button-loader-center.s-button-wrap.hydrated.s-product-card-wishlist-added.pulse-anime,
button.btn--wishlist.animated.hidden.sm\:inline-flex.s-button-element.s-button-icon.s-button-outline.s-button-light-outline.s-button-loader-center.s-button-wrap.hydrated.is-added,
button.btn--wishlist.animated.hidden.sm\:inline-flex.is-added.s-button-element.s-button-icon.s-button-outline.s-button-light-outline.s-button-loader-center,
button.s-product-card-wishlist-btn.animated.s-product-card-wishlist-added.pulse-anime.s-button-element.s-button-icon.s-button-outline.s-button-light-outline.s-button-loader-center,
button.btn--wishlist.animated.sws.is-added.s-button-element.s-button-icon.s-button-outline.s-button-light-outline.s-button-loader-center {
  border-color: #ff7070 !important;
  background: #ff7070 !important;
}

button.s-product-card-wishlist-btn.animated.s-button-element.s-button-icon.s-button-outline.s-button-light-outline.s-button-loader-center.s-button-wrap.hydrated.s-product-card-wishlist-added.pulse-anime
  span
  i,
button.btn--wishlist.animated.hidden.sm\:inline-flex.s-button-element.s-button-icon.s-button-outline.s-button-light-outline.s-button-loader-center.s-button-wrap.hydrated.is-added
  span
  i,
button.btn--wishlist.animated.hidden.sm\:inline-flex.is-added.s-button-element.s-button-icon.s-button-outline.s-button-light-outline.s-button-loader-center
  span
  i,
button.s-product-card-wishlist-btn.animated.s-product-card-wishlist-added.pulse-anime.s-button-element.s-button-icon.s-button-outline.s-button-light-outline.s-button-loader-center
  span
  i,
button.btn--wishlist.animated.sws.is-added.s-button-element.s-button-icon.s-button-outline.s-button-light-outline.s-button-loader-center
  span
  i {
  color: white !important;
}

/* unFavorite */

button.s-product-card-wishlist-btn.animated.s-button-element.s-button-icon.s-button-outline.s-button-light-outline.s-button-loader-center,
button.s-product-card-wishlist-btn.animated.s-button-element.s-button-icon.s-button-outline.s-button-light-outline.s-button-loader-center.s-button-wrap.hydrated.not-added.un-favorited {
  border-color: #ff7070 !important;
}

button.s-product-card-wishlist-btn.animated.s-button-element.s-button-icon.s-button-outline.s-button-light-outline.s-button-loader-center
  span
  i,
button.s-product-card-wishlist-btn.animated.s-button-element.s-button-icon.s-button-outline.s-button-light-outline.s-button-loader-center.s-button-wrap.hydrated.not-added.un-favorited
  span
  i {
  color: #ff7070 !important;
}

/* unFavorite 2*/

button.btn--wishlist.animated.hidden.sm\:inline-flex.s-button-element.s-button-icon.s-button-outline.s-button-light-outline.s-button-loader-center.s-button-wrap.hydrated.not-added {
  border-color: #ebedf0 !important;
  background: #fff !important;
}

/* Whatsapp Icon */

.whatsapp-icon {
  position: fixed;
  bottom: 101px;
  right: 29px;
  display: block;
  width: 50px;
  height: 50px;
  background: #fff;
  border-radius: 50%;
  text-decoration: none;
  margin-bottom: 10px;
  box-shadow: #00000014 0 9px 13px 0;
  transition: 0.3s;
  transition-duration: 0.3s;
  z-index: 9;
}

.whatsapp-icon:active {
  transform: scale(0.85);
}

.whatsapp-icon svg {
  position: absolute;
  top: -8px;
  right: 7px;
  width: 34px;
}

.s-product-card-promotion-title,
.promotion-title,
.s-cart-summary-count {
  background: #558ccf;
}

.sicon-star2:before {
  color: gold;
}

.s-product-card-fit-height .s-product-card-image {
  height: 18rem;
}

/* Social Media Icons */
footer salla-contacts {
  display: flex;
  flex-direction: column-reverse;
}

.s-contacts-list.s-contacts-list-vertical {
  display: none;
}

h3.s-contacts-title {
  margin: 0;
}

.socialmedia-icons {
  display: flex;
  /* justify-content: center; */
  justify-content: flex-start;
}

.socialmedia-icons a {
  display: flex;
  background: none;
  border: 1px solid #558ccf;
  width: 73px;
  height: 73px;
  border-radius: 21px;
  transform: scale(0.5);
  transition: 0.3s;
  padding: 0 13px;
  margin: 0 -10px;
  transition: 0.4s ease-out;
}

/* socialmedia icons Hover */
.socialmedia-icons a:hover {
  background: #558ccf;
}

.socialmedia-icons a:hover svg,
.socialmedia-icons a:hover svg g {
  fill: white !important;
}

#app
  > div.app-inner.flex.flex-col.min-h-full
  > footer
  > div.store-footer__inner
  > div
  > div:nth-child(3)
  > salla-contacts
  > div.socialmedia-icons
  > a:nth-child(1) {
  display: block;
}

.socialmedia-icons a:active,
.wishlist-link:active {
  transform: scale(0.85);
}

.socialmedia-icons a svg {
  width: 40px;
  margin: auto;
  fill: #558ccf;
}
.socialmedia-icons a svg g {
  fill: #558ccf !important;
}

salla-cart-summary {
  display: flex;
  align-items: center;
}

/* wishlist Star */
.wishlist-link {
  display: inline-block;
  margin-left: 14px;
  margin-right: -13px;
  transition: 0.3s;
  transition-duration: 0.3s;

  svg {
    width: 40px;
  }
}

.wishlist-link:hover svg {
  fill: #558ccf;
}

div#trigger-slot {
  display: flex;
}

/* Buttons */

.s-button-element {
  letter-spacing: 1px;
}

/* button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-primary.s-button-loader-center, */
.sticky-product-bar .s-quick-buy-button .s-button-element:hover,
button.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center.s-button-wrap.hydrated,
button#submit-form-btn,
btn.btn--primary.btn--wide.btn--round.btn--submit.btn--fixed wide,
button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-primary.s-button-loader-after,
button.rtl\:rounded-r-none.ltr\:rounded-l-none.lg\:w-24.h-10.s-button-element.s-button-btn.s-button-solid.s-button-primary.s-button-loader-center,
button.s-login-modal-enter-button.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center,
button.s-verify-submit.s-button-element.s-button-btn.s-button-solid.s-button-primary.s-button-loader-center.s-button-wrap.hydrated,
button.s-verify-submit.s-button-element.s-button-btn.s-button-solid.s-button-primary.s-button-disabled.s-button-loader-center {
  background: #558ccf !important;
  opacity: 1;
  color: #000 !important;
  border-color: #558ccf;
}

.s-button-element:hover .s-button-text .sicon-shopping-bag,
.s-cart-summary-count {
  color: black !important;
}

.sticky-product-bar .s-quick-buy-button .s-button-element,
.s-button-element {
  color: #558ccf !important;
  border-color: #558ccf !important;
}

.text-sm.unicode.flex.items-center {
  direction: ltr;
}

button.s-verify-submit.s-button-element.s-button-btn.s-button-solid.s-button-primary.s-button-disabled.s-button-loader-center {
  opacity: 0.8;
}

.s-verify-error-message {
  top: -12px;
  position: relative;
}

.store-notify--alert button {
  color: black !important;
}

#app
  > div.app-inner.flex.flex-col.min-h-full
  > div.container.lg\:mb-24
  > div
  > div
  > salla-user-profile
  > form
  > salla-button
  > button {
  color: white !important;
}

/* Up Button Section */
.upbutton-section {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
.upbutton-section div {
  padding: 0 2px;
  margin-top: 7px;
}
.upbutton-section:hover {
  transform: translateY(-4px);
}

/* --------- Header ------------*/

#mainnav {
  /* height: 117px; */
  height: auto !important;
  display: flex;
  /* flex-direction: column-reverse; */
  flex-direction: column;
}

#mainnav .inner.bg-inherit {
  background: white;
  backdrop-filter: blur(13.1px);
  -webkit-backdrop-filter: blur(13.1px);
  border: 1px solid rgba(255, 255, 255, 0.57);
}

#share-button-2,
#share-button-2 button,
.s-cart-summary-wrapper:nth-last-child(0),
#mobile_menu_image {
  display: none;
}

.mm-ocd--open .mm-ocd__content {
  background: rgb(255 255 255 / 66%);
  border-radius: 16px 0px 0px 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(13.1px);
  -webkit-backdrop-filter: blur(13.1px);
  border: 1px solid rgba(255, 255, 255, 0.57);
}

button.btn--close-sm.close-mobile-menu.sicon-cancel.hidden {
  background: #558ccf !important;
  color: black !important;
}

.menu-opened .btn--close-sm.close-mobile-menu {
  background: #fa0;
  border-radius: 50px;
  width: 40px;
  height: 40px;
  left: 2px;
  top: 5px;
}

/* ---> Header Ads */
.HeaderAds {
  display: flex;
  justify-content: space-between;
  padding: 4px 17px;
  background: linear-gradient(
    45deg,
    #c1a5649c,
    rgb(255 255 255 / 66%),
    #9c592e14,
    #6825751a,
    #ecbaad
  );
  border: 1px solid #d5d5d591;
  backdrop-filter: blur(10px);
  color: black;
  display: none;
}

.HeaderAds.fixedAds {
  position: fixed;
  top: 124px;
  width: 93%;
  left: 50%;
  border-radius: 13px;
  transform: translate(-50%, -50%);
  animation: fixedAds 1s ease-out;
  z-index: 4;
}
@keyframes fixedAds {
  from {
    top: 10px;
  }

  to {
    top: 124px;
  }
}
.angel-ad__content {
  padding: 0px 10px;
}

/* --> News Bar */
.slider {
  background: linear-gradient(
    328deg,
    #2b2d341f,
    #2563eb1f,
    #9c592e05,
    #6825750a,
    #ef44441f
  ) !important;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
  height: 38px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.slider::before,
.slider::after {
  background: linear-gradient(to right, #2564eb30 0%, #ffffff00 100%);
  content: "";
  height: 100px;
  position: absolute;
  width: 200px;
  z-index: 2;
}
.slider::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}
.slider::before {
  left: 0;
  top: 0;
}
.slider .slide-track {
  animation: scroll 120s linear infinite;
  display: flex;
  width: calc(250px * 14);
  height: 38px;
}
.slide {
  display: flex;
  align-items: center;
}
.slide-img {
  background: url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/ePvoxa/vDOtej1njm42A7OMS9TdPR4G6a59p8e1wNfasGKs.png)
    center no-repeat;
  background-size: 81px;
  width: 84px;
  height: 100%;
}
.slide img {
  width: 74px;
}
.slide p {
  text-align: center;
  width: 388px;
}
.slide .p2 {
  width: 278px;
}
.slider .slide {
  height: 38px;
  width: 388px;
  margin: 0 10px;
}
@keyframes scroll {
  0% {
    transform: translateX(17px);
  }
  100% {
    transform: translateX(4587px);
  }
}

/* --> Mobile Footer Menue */
.mobile-nav-bottom {
  position: fixed;
  bottom: 13px;
  left: 50%;
  transform: translate(-50%, 0%);
  z-index: 9;
  background: #ffffff45;
  border: 1px solid #d5d5d591;
  backdrop-filter: blur(13px) hue-rotate(38deg);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  border-radius: 10px;
  width: 90%;
}

.mobile-nav-bottom a i,
.mobile-nav-bottom a label,
.mobile-nav-bottom button label,
.mobile-nav-bottom svg {
  color: #000000b0;
  fill: #000000;
  font-weight: 400;
}

.mobile-nav-bottom a:hover a,
.mobile-nav-bottom a:hover i,
.mobile-nav-bottom a:hover svg,
.mobile-nav-bottom a:hover label,
.mobile-nav-bottom button:hover label,
.mobile-nav-bottom button:hover svg {
  color: #558ccf;
  fill: #558ccf;
}

i.sicon-layout-grid-rearrange.text-\[21px\].mt-1 {
  font-size: 23px;
  margin-bottom: 2px;
}

@media (min-width: 1022px) {
  .HeaderAds.fixedAds {
    top: 143px;
  }
  @keyframes fixedAds {
    from {
      top: 10px;
    }

    to {
      top: 143px;
    }
  }
}

@media (max-width: 1022px) {
  #mobile_menu_image {
    display: block;
  }
  #mobile_menu_image svg {
    width: 35px;
    margin-top: -39px;
    margin-right: 1px;
  }
  #mobile_menu_image svg g {
    transition: 0.2s;
    transition-duration: 0.2s;
  }
  #mobile_menu_image > a > svg > g > g > path:nth-child(1) {
    fill: #558ccf;
    opacity: 1;
    transition-duration: 0.2s;
  }
  #mobile_menu_image > a > svg > g > g > path:nth-child(2) {
    /* fill: #ebdfc7; */
    fill: #b7d2f3;
    transition-duration: 0.2s;
  }
  #mobile_menu_image > a > svg:hover > g > g > path:nth-child(1) {
    fill: #a6a6a6;
  }
  #mobile_menu_image > a > svg:hover > g > g > path:nth-child(2) {
    fill: #000;
  }
  #mobile_menu_image svg:hover g {
    fill: #000000d9 !important;
  }
  #mobile-menu::after {
    content: "الصفحة الرئيسية";
    margin-right: 56px;
    color: #000000;
  }
  #mobile_menu_image:active {
    transform: scale(0.85);
  }

  /* Header */
  .main-nav-container.fixed-header .inner {
    background: rgba(255, 255, 255, 0.569) !important;
    background: rgb(255 255 255 / 83%) !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    border-radius: 0px 0px 20px 20px;
    top: 0px;
    width: 100%;
    height: 75px;
  }
  .main-nav-container.fixed-pinned .navbar-brand img {
    max-height: 46px;
  }

  salla-user-menu,
  #mainnav
    > div.inner.bg-inherit
    > div
    > div
    > div.flex.items-center.justify-end
    > button {
    display: none;
  }

  .store-footer {
    padding-bottom: 100px;
    background: #558ccf !important;
  }
}

/* --> Profile Page > Account Logout Button */
#account_logout {
  display: none;
}

@media (max-width: 767px) {
  .s-product-card-image img {
    height: 100%;
    width: 45%;
    margin: auto;
    min-height: 169px;
    padding: 31px 0 0 0;
  }

  /* Header Ads */
  .HeaderAds.fixedAds {
    font-size: 14px;
    top: 135px;
  }
}

@media (max-width: 640px) {
  #share-button-2 {
    position: absolute;
    display: block;
    top: 0px;
    left: -56px;
    z-index: 999;
  }

  .store-footer__inner {
    text-align: center;
  }

  p.max-w-sm.leading-6.mb-6 {
    margin: auto;
  }

  .s-apps-icons-list {
    justify-content: center;
  }

  .socialmedia-icons {
    margin: auto;
  }

  /* Header Ads */
  .HeaderAds.fixedAds {
    display: none;
  }

  /* Profile Page > Show Account Buttons */
  #app
    > div.app-inner.flex.flex-col.min-h-full
    > div.container.lg\:mb-24
    > div
    > nav
    > div.hidden.lg\:block,
  #app
    > div.app-inner.flex.flex-col.min-h-full
    > div.container.lg\:mb-24
    > div
    > nav
    > div.hidden.lg\:block
    > salla-user-menu {
    display: block !important;
  }

  #app
    > div.app-inner.flex.flex-col.min-h-full
    > div.container.lg\:mb-24
    > div
    > nav
    > div.hidden.lg\:block
    > salla-user-menu
    > ul
    > li:nth-child(5),
  #app
    > div.app-inner.flex.flex-col.min-h-full
    > div.container.lg\:mb-24
    > div
    > nav
    > div.hidden.lg\:block
    > salla-user-menu
    > ul
    > li.s-user-menu-dropdown-item.s-user-menu-dropdown-item-logout {
    /* display: none; */
    border-top: 11px solid #f9fafb;
  }

  #app
    > div.app-inner.flex.flex-col.min-h-full
    > div.container.lg\:mb-24
    > div
    > nav
    > div.hidden.lg\:block
    > salla-user-menu
    > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 40px 0;
    padding: 40px 33px;
    padding-bottom: 7px;
    padding-left: 0;
    background: white;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px,
      rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    overflow: hidden;
  }

  #app
    > div.app-inner.flex.flex-col.min-h-full
    > div.container.lg\:mb-24
    > div
    > nav
    > div.hidden.lg\:block
    > salla-user-menu
    > ul
    > li {
    width: 50%;
  }

  #account_logout {
    display: block;
  }

  /* Product Card box */
  .carousel-slider .swiper-wrapper > .s-products-slider-card {
    /* min-width: 290px !important; */
    min-width: 266px !important;
  }
}

@media (max-width: 385px) {
  /* Header Ads */
  .HeaderAds.fixedAds {
    font-size: 13px;
    top: 142px;
    width: 95%;
  }

  .angel-ad__content {
    padding: 0px 4px;
  }

  .navbar-brand img {
    max-width: 120px;
  }

  /* Profile Page */
  #app
    > div.app-inner.flex.flex-col.min-h-full
    > div.container.lg\:mb-24
    > div
    > nav
    > div.hidden.lg\:block
    > salla-user-menu
    > ul {
    padding: 40px 0;
    padding-bottom: 7px;
  }
}

/* ------------------------- New Work 2 ------------------------- */

/* ---> Header */
#app
  > div.flex.flex-col.min-h-full.app-inner.overflow-hidden
  > section.s-block.s-block--photos-slider {
  margin-top: 136px;
}

.main-nav-container.fixed-header .inner i.header-btn__icon:hover {
  color: #558ccf !important;
}

/* --> Wishlist link button */
#mainnav
  > div.inner.bg-inherit
  > div
  > div
  > div.flex.items-center.justify-end
  > div.flex.items-center.justify-end
  > a.header-btn
  > i {
  display: none;
}

/* ---> Footer */
/* --> evaluations */
#app
  > div.flex.flex-col.min-h-full.app-inner.overflow-hidden
  > section.s-block.s-block--testimonials.container.overflow-hidden.mb-\[56px\].md\:mb-\[111px\]
  > div
  > div {
  justify-content: center;
}

/* --> Offer */
.blockDesktop11094 {
  display: none !important;
}

/* Social Media Icons */
footer salla-contacts {
  display: none;
}

/* ---> Card */

.s-product-card-entry .s-product-card-content-footer{
  border: none;
}

.s-products-slider-card{
  height: min-content !important;
}

/* --> Card Row */
.slider_categote .s-slider-block__title-nav,
#app
  > div.flex.flex-col.min-h-full.app-inner.overflow-hidden
  > section.mb-\[53px\].md\:mb-\[111px\].my-banner-photo
  > div
  > div.relative
  > img {
  z-index: 1;
}

/* --> Card Eye */
span.quike-view {
  top: 5px;
  right: 87%;
}

/* --> Cart Button */
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center.btn_custom {
  border-radius: 92px;
  width: 90% !important;
  border: 1px solid;
}
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center.btn_custom:hover {
  color: white;
  svg path {
    fill: white;
  }
}

/* --> Cart text */
.s-product-card-content-main,
.s-product-card-vertical .s-product-card-content-sub {
  padding: 0 9px;
}

/* --> Card wishlist Button */
.s-product-card-content-footer {
  flex-direction: column !important;
  align-items: center !important;
}

button.s-product-card-wishlist-btn.animated.s-button-element.s-button-icon.s-button-outline.s-button-light-outline.s-button-loader-center {
  /* border: none !important; */
  margin: 10px 0 !important;
  border-radius: 30px !important;
  border: 1px solid #ff7070 !important;
  width: 40px;
}
button.s-product-card-wishlist-btn.animated.s-button-element.s-button-icon.s-button-outline.s-button-light-outline.s-button-loader-center:hover {
  background: #ff7070 !important;
  span i {
    color: white !important;
  }
}
.s-product-card-vertical .s-product-card-wishlist-btn {
  border: none !important;
}
.s-product-card-vertical .s-product-card-wishlist-btn:hover {
  background: none !important;
}

/* --> icon cart */
.icons-cart {
  margin: 0 10px;
  svg path {
    fill: #558ccf;
  }
}

.tamara-product-widget {
  font-family: inherit !important;
}

/* ---> Product Page */
.sticky-product-bar {
  filter: drop-shadow(0px 20px 14px #757c7f1a);
  border-radius: 10px;
  margin-bottom: 16px;
  border: 1px solid #e5e5e5;
}

/* ---> All Sliders */
/* salla-slider {
  margin-bottom: 30px !important;
} */

/* ---> Home Page */
/* --> Store Features */
.sicon-sort-asc:before {
  opacity: 0;
}

/* --> Store Info */
.media .shape {
  background: linear-gradient(
    328deg,
    #2b2d341f,
    #2563eb1f,
    #9c592e05,
    #6825750a,
    #ef44441f
  ) !important;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
}

/* ---> rating */
.swiper-slide.swiper-slide-active .testimonial__inner {
  background: #fcfcfc;
  border-radius: 22px;
  padding: 25px 0px;

  salla-rating-stars {
    filter: drop-shadow(0px 20px 14px #d0d0d0);
  }
}

/* ---> Offer Section */
/* --> Offer Button */
.my-offer button {
  border-radius: 12px !important;
  background: linear-gradient(
    328deg,
    #2b2d3452,
    #2563eb30,
    #9c592e29,
    #6825751a,
    #ef44443d
  ) !important;
  background-color: #ffffff !important;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125) !important;
  border-color: #558ccf !important;
  color: #558ccf !important;
}

/* --> Offer Counter */
.my-offer .s-count-down-item-value {
  border: 1px solid #abadae;
}

/* --> Small Product */
.furnitur_offer .s-slider-thumbs .s-slider-swiper-wrapper {
  margin: 11px 0;

  img {
    border-radius: 15px;
  }
}

/* ---> More Button */
.s-infinite-scroll-wrapper > button,
.s-infinite-scroll-wrapper > a {
  border-radius: 12px !important;
  background: linear-gradient(
    328deg,
    #2b2d341f,
    #2563eb1f,
    #9c592e05,
    #6825750a,
    #ef44441f
  ) !important;
}

.s-infinite-scroll-wrapper:hover > button,
.s-infinite-scroll-wrapper:hover > a {
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
}
#app
  > div.flex.flex-col.min-h-full.app-inner.overflow-hidden
  > div.container.flex.flex-col.items-center.mt-\[var\(--mobile-margin\)\].md\:mt-\[var\(--main-margin\)\]
  > div
  > button {
  margin: auto;
}

/* ---> Tabs Sections */
/* --> Tabs Product */
.tab-sections {
  .tabs {
    display: flex;
    overflow-x: scroll;
    salla-button {
      background: linear-gradient(
        328deg,
        #2b2d341f,
        #2563eb1f,
        #9c592e05,
        #6825750a,
        #ef44441f
      ) !important;
      border: 1px solid #ffff !important;
      border-radius: 4px !important;
      color: white !important;
      text-align: center !important;
      padding: 5px;
      margin: 0 5px;
      .is-active {
        border: 1px solid #558ccf !important;
      }

      button:hover{
        color: black !important;
      }
    }
    salla-button.s-tabs-active {
      border: 1px solid #558ccf !important;
      span {
        color: #558ccf !important;
      }
    }
    .tab-trigger.is-active {
      border: 1px solid #558ccf !important;
      .s-button-dark {
        background: none !important;
        border: none !important;
        color: black !important;
      }
    }
  }
}

/* ---> Side Cart */
#cart-summary-panel {
  div.w-full:nth-child(2) {
    background: #ffffff;
  }

  .side-panel .menu-close {
    top: 1rem !important;
    left: 15px !important;
  }

  button.close-side-panel.menu-close {
    background: #f87171;
    padding: 4px;
    padding-left: 12px;
    padding-right: 11px;
    border-radius: 50px;
    color: white !important;
  }

  .side-panel__content {
    .s-button-element {
      border: none !important;
    }
  }

  .s-quantity-input-input {
    border-radius: 7px !important;
    padding-top: 11px !important;
  }

  .side-panel__bottom {
    salla-button {
      button {
        margin: auto !important;
        width: 50%;
        background: none !important;
        border-radius: 10px;
        display: block;
      }
    }
    salla-button:nth-child(3) {
      width: 100%;
      margin-bottom: 27px !important;
      margin-top: -7px;
    }
  }

  div.w-full.md\:w-2\/3.lg\:w-1\/2.h-full.custom_content.bg-\[var\(--f-color\)\].flex.flex-col.text-\[var\(--m-color\)\].absolute.rtl\:left-0.ltr\:right-0
    > div.flex.flex-col.gap-5.side-panel__bottom
    > button {
    display: none;
  }
}

@media (min-width: 640px) {
  /* ---> Header */
  salla-cart-summary {
    scale: 1.2;
    margin-right: 29px;
  }
  i.header-btn__icon.sicon-search {
    scale: 1.2;
    margin-left: 20px;
  }

  /* --> wishlist */
  .wishlist-link {
    scale: 0.8;
    margin-right: 9px;
  }

  /* ---> rating */
  .testimonials-slider .testimonial__icon {
    filter: drop-shadow(0px 20px 14px #f0f0f0);
    background: #fcfcfc;
    padding: 10px;
    border-radius: 14px;
    top: 0;
  }
}

@media (max-width: 640px) {
  #mainnav button:nth-child(2),
  #mainnav button:nth-child(1) {
    display: none;
  }

  /* ---> header */
  /* --> cart button */
  #cart-button {
    scale: 1.4;
    margin: 0 19px;

    span.s-cart-summary-count {
      scale: 0.8;
    }
  }

  /* ---> Product Page */
  /* --> Buttons */
  .sticky-product-bar div.flex:nth-last-child(1) div.flex {
    flex-direction: column;
    align-items: center;

    salla-add-product-button {
      margin-bottom: 18px;

      .s-add-product-button-main {
        display: flex;
        justify-content: space-around;

        salla-mini-checkout-widget {
          background: linear-gradient(
            328deg,
            #2b2d341f,
            #2563eb1f,
            #9c592e05,
            #6825750a,
            #ef44441f
          ) !important;
          border-radius: 23px !important;
        }
        salla-mini-checkout-widget:hover {
          box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
        }

        salla-button,
        salla-mini-checkout-widget {
          width: 48% !important;
          margin: 0 10px;
          button {
            background: linear-gradient(
              328deg,
              #2b2d341f,
              #2563eb1f,
              #9c592e05,
              #6825750a,
              #ef44441f
            ) !important;
          }
          button:hover {
            box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
          }
        }
      }
    }
  }

  .singleP .product-heart:hover {
    background: none !important;
  }

  .singleP salla-button button.s-button-element:hover {
    background: #ff7070 !important;
    i {
      color: white !important;
    }
  }

  .sticky-product-bar div.flex:nth-last-child(1) .product-heart {
    border: none;

    button {
      margin: 10px 0 !important;
      border-radius: 30px !important;
      border: 1px solid #ff7070 !important;
      display: flex;
      height: 46px;
      width: 46px;
      margin: auto !important;
    }

    span {
      margin-top: 4px;
      color: #ff7d7d;
    }

    .is-added {
      background: #ff7070 !important;

      span {
        color: #ffff;
      }
    }
  }

  .singleP
    salla-button
    button.s-button-element.s-button-btn.s-button-primary.s-button-loader-center {
    margin: 0 8px;
    border: 1px solid #558ccf !important;
    border-radius: 23px !important;
  }
  .s-add-product-button-main
    salla-mini-checkout-widget.s-add-product-button-mini-checkout {
    margin: 0 8px;
    --salla-fast-checkout-button-border-radius: 23px;
  }

  /* --> Tabs Product */
  .single-class .s-tabs-header {
    display: flex;
    justify-content: center;
    border: none;
    salla-tab-header {
      .s-tabs-header-item {
        background: linear-gradient(
          328deg,
          #2b2d341f,
          #2563eb1f,
          #9c592e05,
          #6825750a,
          #ef44441f
        ) !important;
        border: 1px solid #ffff !important;
        border-radius: 4px !important;
        color: white;
        text-align: center;
      }
      .s-tabs-active {
        border: 1px solid #558ccf !important;
        span {
          color: #558ccf !important;
        }
      }
    }
  }

  /* ---> Whats App Button */
  #karzoun-widget-send-button {
    bottom: 119px !important;
  }

  /* ---> Visitors Counter */
  .VisitorsCounter9977 {
    bottom: 110px !important;
  }

  /* --> Up Button */
  .back-to-top {
    display: none !important;
  }

  /* ---> rating */
  .testimonials-slider .testimonial__icon {
    top: 2rem !important;
    left: 3rem !important;
  }

  /* ---> Header */
  /* --> Wishlist link button */
  #mainnav
    > div.inner.bg-inherit
    > div
    > div
    > div.flex.items-center.justify-end
    > div.flex.items-center.justify-end
    > a.header-btn
    > i {
    scale: 1.5;
  }
}

/* ---> Scroll Bar */
::-webkit-scrollbar {
  background: none;
  width: 6px;
  height: 6px;
  opacity: 0;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: none !important;
}

::-webkit-scrollbar-thumb {
  background: #558ccf;
  border-radius: 10px;
  width: 10px;
}