@import "https://raw.githack.com/elwa2/cssres/main/linas11.css";@import 'https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;700;800&display=swap';.top-navbar {
  background: #f8f8f8
}

.sicon-shopping-bag:before {
  content: "\e96b"
}

.main-nav-container.fixed-pinned .inner,div#mainnav {
  background: var(--bg2);
  background-size: 34rem;
  background-color: var(--1)
}

.s-cart-summary-total {
  color: var(--2)
}

footer.store-footer .text-gray-400 {
  color: #fff;
  margin-top: 1rem
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px
}

::-webkit-scrollbar-track-piece {
  background-color: #00000033;
  -webkit-border-radius: 0
}

::-webkit-scrollbar-thumb:vertical {
  height: 200px;
  background-color: var(--1);
  -webkit-border-radius: 0
}

::-webkit-scrollbar-thumb:vertical:hover {
  background-color: var(--3)
}

::-webkit-scrollbar-thumb:horizontal {
  width: 200px;
  background-color: #7d7d7db3;
  -webkit-border-radius: 0
}

.s-slider-block__display-all {
  padding: 5px;
  color: var(--color-primary);
  margin: 10px auto;
  border-radius: 15px;
  animation: 1.2s linear infinite signal
}

@keyframes signal {
  0% {
      box-shadow: 0 0 0 0 var(--color-primary)
  }

  100% {
      box-shadow: 0 0 0 5px #fff
  }
}

.sicon-user-circle:before {
  content: "\f078"
}

.s-slider-block__title h2,.main-content h1,.s-block__title h2 {
  text-transform: uppercase;
  background-size: 200% auto;
  color: var(--1);
  display: inline-block;
  font-weight: 600;
  border-bottom: 3px;
  line-height: 1.5
}

@keyframes signal {
  0% {
      box-shadow: 0 0 0 0 var(--1)
  }

  100% {
      box-shadow: 0 0 0 6px #ffffff21
  }
}

section.s-block.s-block--testimonials.container.overflow-hidden .s-slider-nav-arrow svg {
  width: 22px;
  fill: var(--1)
}

@media only screen and (min-width: 1024px) {
  .main-menu li.root-level>a {
      padding-bottom:1rem;
      padding-right: .2rem;
      color: #fff
  }

  .main-menu li.root-level>a:hover {
      color: var(--ff)
  }

  .main-nav-container {
      min-height: 88px;
      background-color: var(--1);
      height: 92px!important
  }

  .main-menu>li:hover>a {
      transform: translateY(-4px)
  }

  .main-menu>li>a:before {
      content: "";
      position: absolute;
      top: 2.6rem;
      left: 0;
      right: 0;
      bottom: 0;
      border-top: 2px solid #fff;
      z-index: -1;
      transform: scaleX(0);
      transform-origin: left;
      transition: transform .25s linear!important
  }

  .main-menu>li:hover>a:before {
      transform: scaleX(1);
      transform-origin: right
  }
}

.header-btn__icon {
  color: #fff;
  border-color: var(--1-1)
}

body>div.app-inner.flex.flex-col.min-h-full>section.s-block.s-block--photos-slider,[dir=rtl] salla-slider.photos-slider .swiper,salla-slider.photos-slider .swiper-slide,body>div.app-inner.flex.flex-col.min-h-full>section.s-block.s-block--photos-slider img.w-full.object-contain.rounded-md {
  margin: 0;
  padding: 0;
  border-radius: 0
}

@media(max-width: 767px) {
  header.store-header:before {
      background-size:180%;
      height: 39px;
      background-position: center;
      margin-bottom: -2px
  }
}

i.sicon-menu.text-primary.text-2xl {
  color: var(--2)
}

salla-social.mb-6.s-social-list.hydrated {
  justify-content: center
}

a.flex.items-center.m-0 {
  /* justify-content: center */
}

.s-button-light-outline,.\!text-danger,.text-danger,.footer-is-light .store-footer .social-link,.store-footer h3,.s-product-card-sale-price h4 {
  color: var(--2)!important
}

.s-contacts-icon {
  border-color: var(--2)
}

.s-block--features__item .feature-icon i,.store-footer h3 {
  color: #fff
}

li.s-social-link {
  background: var(--4);
  background: var(--1-1);
  border-radius: 20px;
  margin: 5px 5.5px;
  position: relative;
  padding: 1px
}

.s-social-link a {
  color: var(--1);
  color: #fff;
  border-color: #ffffff63
}

li.s-social-link a span:after {
  content: "";
  width: 110%;
  height: 100%;
  background: 0 0;
  position: absolute;
  left: -3px;
  border-radius: 50%;
  border: 1px solid var(--4);
  border: 1px solid var(--ff);
  top: 0;
  animation: myAnim 14s ease-out 0s infinite normal forwards
}

li.s-social-link a span:before {
  content: "";
  width: 114%;
  height: 105%;
  background: 0 0;
  position: absolute;
  left: -1px;
  border-radius: 50%;
  border: 1px solid var(--4);
  border: 1px solid var(--ff);
  top: -1px;
  animation: myAnim1 7s linear 0s infinite normal forwards
}

@keyframes myAnim1 {
  0% {
      transform: rotate(360deg)
  }

  100% {
      transform: rotate(0)
  }
}

@keyframes myAnim {
  0% {
      transform: rotate(0)
  }

  100% {
      transform: rotate(360deg)
  }
}

.topnav-is-dark .top-navbar .s-search-input::placeholder,.topnav-is-dark .top-navbar .s-search-input::-webkit-input-placeholder,.top-navbar .s-search-input::placeholder,.top-navbar .s-search-input::-webkit-input-placeholder {
  color: var(--1)!important
}

.index:before {
  content: "";
  width: 100%;
  height: 100%;
  background: var(--logo);
  position: fixed;
  top: 0;
  z-index: 99999999999999999!important;
  background-size: 250px!important;
  background-repeat: no-repeat;
  background-position: center!important;
  animation-name: logobg;
  animation-duration: 3s;
  animation-fill-mode: forwards;
  bottom: 0;
  left: 0;
  right: 0
}

@keyframes logobg {
  0% {
      opacity: 1
  }

  50% {
      opacity: 1
  }

  100% {
      opacity: 0;
      visibility: hidden
  }
}

.flex.rtl\:space-x-reverse.space-x-2.items-end {
  margin: auto;
  /* justify-content: center; */
  color: var(--2);
}

.navbar-brand img {
  height: 0!important
}

.navbar-brand {
  background-image: var(--logo);
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-repeat: no-repeat no-repeat;
  background-size: contain;
  height: 64px;
  width: 7vw;
  display: block;
  padding: 15px;
  margin: 13px 0 -9px
}

.main-nav-container.shadow-default.bg-white.fixed-pinned.animated.fixed-header .navbar-brand {
  height: 64px;
  width: 7vw;
  margin: 8px 0
}

@media only screen and (max-width: 700px) {
  .main-nav-container.shadow-default.bg-white.fixed-pinned.animated.fixed-header .navbar-brand,.navbar-brand {
      width:15vw;
      margin: auto
  }
}

.container.grid.grid-col-1.lg\:grid-cols-6.gap-8.lg\:gap-6 {
  display: grid;
  /* text-align: center; */
  /* justify-items: center */
}

.s-user-menu-avatar-wrap:before {
  content: "\f078";
  font-family: sallaicons!important;
  font-size: 1.2rem;
  position: relative;
  display: block;
  width: 26px;
  height: 24px;
  margin: 1px 0 -29px;
  position: relative;
  top: 5px;
  right: 3px;
  color: #fff
}

.s-user-menu-avatar-wrap img {
  width: 0
}

.s-user-menu-trigger {
  background-color: var(--1);
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px
}

.top-navbar {
  background: #f8f8f8
}

.sicon-shopping-bag:before {
  content: "\e96b"
}

.main-nav-container.fixed-pinned .inner,div#mainnav {
  background: var(--bg2);
  background-size: 34rem;
  background-color: #fff
}

.s-cart-summary-total {
  color: var(--2)
}

footer.store-footer .text-gray-400 {
  color: #fff;
  margin-top: 1rem
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px
}

::-webkit-scrollbar-track-piece {
  background-color: #00000033;
  -webkit-border-radius: 0
}

::-webkit-scrollbar-thumb:vertical {
  height: 200px;
  background-color: var(--1);
  -webkit-border-radius: 0
}

::-webkit-scrollbar-thumb:vertical:hover {
  background-color: var(--3)
}

::-webkit-scrollbar-thumb:horizontal {
  width: 200px;
  background-color: #7d7d7db3;
  -webkit-border-radius: 0
}

.s-slider-block__display-all {
  padding: 5px;
  color: var(--color-primary);
  margin: 10px auto;
  border-radius: 15px;
  animation: 1.2s linear infinite signal
}

@keyframes signal {
  0% {
      box-shadow: 0 0 0 0 var(--color-primary)
  }

  100% {
      box-shadow: 0 0 0 5px #fff
  }
}

.sicon-user-circle:before {
  content: "\f078"
}

button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
  background-color: var(--1);
  display: block;
  text-align: center;
  border-radius: 20px;
  /* box-shadow: rgb(0 0 0/15%) 0px 2px 4px,rgb(0 0 0/0%) 0px 7px 13px -3px,rgb(255 255 255/66%)0px -3px 0px inset; */
  /* animation: signal 1200ms infinite */
}

@keyframes signal {
  0% {
      box-shadow: 0 0 0 0 var(--1)
  }

  100% {
      box-shadow: 0 0 0 6px #ffffff21
  }
}

section.s-block.s-block--testimonials.container.overflow-hidden .s-slider-nav-arrow svg {
  width: 22px;
  fill: var(--1)
}

@media only screen and (min-width: 1024px) {
  .main-menu li.root-level>a {
      padding-bottom:1rem;
      padding-right: .2rem;
      color: #fff
  }

  .main-menu li.root-level>a:hover {
      color: var(--ff)
  }

  .main-nav-container {
      min-height: 88px;
      background-color: var(--1);
      height: 92px!important
  }

  .main-menu>li:hover>a {
      transform: translateY(-4px)
  }

  .main-menu>li>a:before {
      content: "";
      position: absolute;
      top: 2.6rem;
      left: 0;
      right: 0;
      bottom: 0;
      border-top: 2px solid #fff;
      z-index: -1;
      transform: scaleX(0);
      transform-origin: left;
      transition: transform .25s linear!important
  }

  .main-menu>li:hover>a:before {
      transform: scaleX(1);
      transform-origin: right
  }
}

.header-btn__icon {
  color: #fff;
  border-color: var(--1-1)
}

body>div.app-inner.flex.flex-col.min-h-full>section.s-block.s-block--photos-slider,[dir=rtl] salla-slider.photos-slider .swiper,salla-slider.photos-slider .swiper-slide,body>div.app-inner.flex.flex-col.min-h-full>section.s-block.s-block--photos-slider img.w-full.object-contain.rounded-md {
  margin: 0;
  padding: 0;
  border-radius: 0
}

@media(max-width: 767px) {
  header.store-header:before {
      background-size:180%;
      height: 39px;
      background-position: center;
      margin-bottom: -2px
  }
}

i.sicon-menu.text-primary.text-2xl {
  color: var(--1)
}

salla-social.mb-6.s-social-list.hydrated {
  justify-content: center
}

a.flex.items-center.m-0 {
  /* justify-content: center */
}

.s-button-light-outline,.\!text-danger,.text-danger,.footer-is-light .store-footer .social-link,.store-footer h3,.s-product-card-sale-price h4 {
  color: var(--2)!important
}

.s-contacts-icon {
  border-color: var(--2)
}

.s-block--features__item .feature-icon i,.store-footer h3 {
  color: #fff
}

li.s-social-link {
  background: var(--4);
  background: var(--1-1);
  border-radius: 20px;
  margin: 5px 5.5px;
  position: relative;
  padding: 1px
}

.s-social-link a {
  color: var(--1);
  color: #fff;
  border-color: #ffffff63
}

li.s-social-link a span:after {
  content: "";
  width: 110%;
  height: 100%;
  background: 0 0;
  position: absolute;
  left: -3px;
  border-radius: 50%;
  border: 1px solid var(--4);
  border: 1px solid var(--ff);
  top: 0;
  animation: myAnim 14s ease-out 0s infinite normal forwards
}

li.s-social-link a span:before {
  content: "";
  width: 114%;
  height: 105%;
  background: 0 0;
  position: absolute;
  left: -1px;
  border-radius: 50%;
  border: 1px solid var(--4);
  border: 1px solid var(--ff);
  top: -1px;
  animation: myAnim1 7s linear 0s infinite normal forwards
}

@keyframes myAnim1 {
  0% {
      transform: rotate(360deg)
  }

  100% {
      transform: rotate(0)
  }
}

@keyframes myAnim {
  0% {
      transform: rotate(0)
  }

  100% {
      transform: rotate(360deg)
  }
}

.topnav-is-dark .top-navbar .s-search-input::placeholder,.topnav-is-dark .top-navbar .s-search-input::-webkit-input-placeholder,.top-navbar .s-search-input::placeholder,.top-navbar .s-search-input::-webkit-input-placeholder {
  color: var(--1)!important
}

.index:before {
  content: "";
  width: 100%;
  height: 100%;
  background: var(--logo);
  position: fixed;
  top: 0;
  z-index: 99999999999999999!important;
  background-size: 250px!important;
  background-repeat: no-repeat;
  background-position: center!important;
  animation-name: logobg;
  animation-duration: 3s;
  animation-fill-mode: forwards;
  bottom: 0;
  left: 0;
  right: 0
}

@keyframes logobg {
  0% {
      opacity: 1
  }

  50% {
      opacity: 1
  }

  100% {
      opacity: 0;
      visibility: hidden
  }
}

.flex.rtl\:space-x-reverse.space-x-2.items-end {
  margin: auto;
  /* justify-content: center; */
  color: var(--2);
}

.navbar-brand img {
  height: 0!important
}

.navbar-brand {
  background-image: var(--logo);
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-repeat: no-repeat no-repeat;
  background-size: contain;
  height: 64px;
  width: 5vw;
  display: block;
  padding: 15px;
  margin: 13px 0 -9px;
}

.main-nav-container.shadow-default.bg-white.fixed-pinned.animated.fixed-header .navbar-brand {
  height: 64px;
  width: 7vw;
  margin: 8px 0
}

@media only screen and (max-width: 700px) {
  .main-nav-container.shadow-default.bg-white.fixed-pinned.animated.fixed-header .navbar-brand,.navbar-brand {
      width:28vw;
      margin: auto
  }
}

.container.grid.grid-col-1.lg\:grid-cols-6.gap-8.lg\:gap-6 {
  display: grid;
  /* text-align: center; */
  /* justify-items: center */
}

.s-user-menu-avatar-wrap:before {
  content: "\f078";
  font-family: sallaicons!important;
  font-size: 1.2rem;
  position: relative;
  display: block;
  width: 26px;
  height: 24px;
  margin: 1px 0 -29px;
  position: relative;
  top: 5px;
  right: 3px;
  color: #fff
}

.s-user-menu-avatar-wrap img {
  width: 0
}

.s-user-menu-trigger {
  background-color: var(--1);
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px
}

body *:not(i) {
  font-family: cairo,sans-serif
}

body {
  background-color: #fff!important
}

div#mainnav,.inner.bg-inherit {
  background-color: var(--white-color);
  box-shadow: none
}

.main-menu li.root-level>a {
  font-size: 15px;
  color: var(--main-color)
}

i.sicon-menu {
  padding: 8px;
  border-radius: 50px
}

i.header-btn__icon.sicon-user-circle,i.header-btn__icon.icon.sicon-shopping-bag,i.sicon-menu {
  color: var(--main-color);
  border: 0
}

.top-navbar {
}

.top-navbar .s-search-input {
  border: 1px solid var(--main-color)
}

.s-cart-summary-total {
  color: var(--main-color)!important
}

@media(min-width: 1024px) {
  .navbar-brand img {
      max-height:9rem!important;
      margin-left: 3rem
  }

  .main-nav-container {
      min-height: 160px
  }
}

@media(max-width: 992px) {
  .navbar-brand img {
      max-height:7rem!important;
      margin-left: 3rem;
      margin-right: 3rem
  }

  .main-nav-container {
      min-height: 100px
  }
}

section.s-block.s-block--fixed-banner.wide-placeholder {
  margin-top: 31px
}

.banner--fixed img {
  background-color: transparent;
  border-radius: 0!important
}

.s-product-card-entry * {
  text-align: center;
  justify-content: center
}

.swiper .swiper-wrapper>div {
  padding-bottom: 20px!important
}

.s-product-card-entry {
  border-radius: 5px!important;
  box-shadow: none;
  overflow: hidden;
  background-color: transparent
}

button.s-button-btn.s-button-outline.s-button-primary-outline {
  background-color: var(--main-color);
  border: 0;
  border-radius: 10px;
  box-shadow: var(--normal-box-shadow);
  color: #fff
}

.s-product-card-content {
  padding: 12px
}

.s-block__title h2,.s-slider-block__title h2 {
  position: relative;
  margin-right: 7px!important;
  color: var(--main-color)
}

.s-block__title h2:before,.s-slider-block__title h2:before {
  position: absolute;
  content: '';
  height: 100%;
  width: 5px;
  background: var(--main-color);
  border-radius: 4px;
  top: 50%;
  transform: translateY(-50%);
  margin-right: -10px!important
}

a.s-block__display-all,.s-slider-block__display-all {
  color: var(--main-color)
}

footer.store-footer {
  margin-top: 0;
  background: 0 0!important
}

.store-footer__inner {
  background-color: var(--main-color)!important;
  color: var(--white-color)
}

.store-footer__inner * {
}

.main-nav-container.fixed-pinned .inner {
  padding: 15px
}

section.s-block.s-block--logos-slider {
  background-color: #0c0c0c08
}

section.s-block.s-block--logos-slider>.container {
  overflow: hidden;
  white-space: nowrap;
  position: relative
}

section.s-block.s-block--logos-slider>.container .grid {
  transform: translateX(100%);
  animation-delay: 15s;
  animation: loop 30s linear infinite;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%!important;
  flex-wrap: nowrap
}

@keyframes loop {
  0% {
      transform: translateX(100%)
  }

  100% {
      transform: translateX(-100%)
  }
}

.index .brand-item {
  padding: 5rem;
  height: auto;
  max-height: 5rem
}

.index .brand-item img {
  width: 150px!important;
  max-width: unset
}

section.s-block.s-block--logos-slider h2,section.s-block.s-block--logos-slider .s-block__display-all {
  color: var(--main-color)!important
}

section.s-block.s-block--logos-slider h2:before {
  background-color: var(--white-color)
}

.bg-gray-100 {
  background-color: rgb(255 255 255)
}

.s-block.s-block--banners>.grid {
  grid-template-columns: 1fr 1fr
}

.s-block.s-block--banners>.grid .banner-entry {
  height: unset;
  padding-top: 57%
}

@media(max-width: 991px) {
  .s-block.s-block--banners>.grid {
      grid-template-columns:1fr 1fr
  }

  .s-block.s-block--banners>.grid .banner-entry {
      padding-top: 57%
  }
}

.two-row .banner-entry:first-child {
  grid-column: auto;
  grid-row: auto
}

.banner-entry article,.has-overlay:after {
  padding: 0;
  display: none
}

.s-product-card-promotion-title {
  background-color: var(--color-primary);
  font-size: .6rem
}

.footer-is-light .store-footer .store-footer__inner,.store-footer__inner {
  /* background-color: var(--0)!important; */
  /* background: var(--bg2); */
  color: #fff;
  box-shadow: 0 2px 5px 1px rgba(64,60,67,.16);
}

.store-footer {
  background-color: var(--color-primary);
  border-top-left-radius: 20rem 1rem;
  border-top-right-radius: 20rem 1rem
}

footer.store-footer {
  border-radius: 20px 20px 0 0;
  background-color: var(--1) !important;
}

footer.store-footer .s-menu-footer-list {
  display: grid;
  grid-template-columns: 1fr 1fr
}

@media(min-width: 1024px) {
  footer.store-footer .lg\:grid-cols-6 {
      grid-template-columns:repeat(5,minmax(0,1fr))
  }
}

:root {
  --color-primary: var(--1);
  --color-primary-dark: var(--1);
  --color-primary-light: var(--2);
  --second-color: var(--2);
  --normal-box-shadow: 5px 5px 7px #ebddcfc7 --white-color: #fff;
  --main-color: var(--1);
  --color-primary-light: var(--1);
  --color-primary-reverse: #edf5ff;
  --gr: linear-gradient(45deg,var(--color-primary) 0,var(--color-primary) 0,var(--color-primary) 39%,var(--color-primary-dark) 100%);
  --1: #333;
  --2: #f6d4e0;
  --2-2: #9865266e;
  --3: #edf5ff;
  --4: #3b3b39;
  --4-4-4: #20201f;
  --4-4: #3131309c;
  --bg: #F2F2F2;
  --bg-g: linear-gradient(134deg ,transparent -183%,#fff 83% ,#fff 200%),url("");
  --bg-f: linear-gradient(134deg,transparent -183%,var(--1) 83%,#fff 200%),url(https://cdn.salla.sa/form-builder/kW2IG8yY17w9F8vq50CMfMdhWBcbQhSoDRWGaK99.jpg)0rem 0rem/545%no-repeat;
  --ff: #ededed;
  --00: #2d2d2d;
  --sh: 0 0 transparent, 0 0 transparent, 0 3px 16px rgba(47, 83, 109, .12157);
  --logo: url("https://cdn.salla.sa/form-builder/B7EeSf2ETTUIiB55PtUWE8Dep8C8i2qjqVRDTv8f.jpg")
}

.s-button-wide {
  width: 77%;
  margin: auto;
}

button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
  background-color: var(--1);
  display: block;
  text-align: center;
  border-radius: 20px;
}

@media(max-width: 390px) {
  button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
      font-size: 3vw;
  }

  button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center span {
      font-size: 3vw;
      margin: 0 0px 0 0;
  }

  button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center span i.text-base.sicon-shopping-bag {
      display: none;
  }
}

@media(max-width: 281px) {
  button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center span {
      font-size: 3vw;
      margin: 0 -1vw 0 0;
  }
}.menu-opened .btn--close-sm.close-mobile-menu {
  display: none !important;
}