/* Add custom CSS styles below */ 
:root {
  --bg: linear-gradient(90deg, #8D9DD6, #585D8D);
}


/* Top Start */
body.index #mainnav:not(#mainnav.fixed-pinned) .navbar-brand img {
  max-width: 170px;
}
#slider-top {
background-image: var(--bg);
}
body.index #mainnav:not(#mainnav.fixed-pinned) ul li a {
  color: #fff;
}
body.index #mainnav:not(#mainnav.fixed-pinned) ul li a:hover {
  opacity: 0.7;
}
body.index #mainnav:not(#mainnav.fixed-pinned) path {
  stroke: #000;
}
body.index .sicon-menu {
  color: #fff;
}
.sub-menu span {
  color: #000;
}
/* Top End */

.image-title .title-heade {
    background-color: transparent;
    margin-left: 3rem;
    margin-bottom: 0.5rem;
}
button {
  color:var(--color-primary) !important;;
  background-color: #ffffff !important;
}
/* Common */

.image-title .title-heade {
  background-color: transparent;
}


/* Landing Page Start */
.landing-page-fixed-bannar-0 > div.txt > * {
  color: #4e1039;
}
.landing-page-fixed-bannar-0 h1 {
  font-size: 38px;
}
.landing-page-fixed-bannar-0 button {
  box-shadow: 0px 0px 20px -4px #000;
}
@media (min-width: 992px) {
  .landing-page-fixed-bannar-0 h1 {
      font-size: 44px;
  }
  .landing-page-fixed-bannar-0 p {
      font-size: 32px;
  }
}
.landing-page-fixed-bannar-0 > div.txt {
  margin-right: 5%;
      margin-top: 20%;
}
@media(max-width: 576px) {
  .top-navbar {display: none;}
  .landing-page-fixed-bannar-0>div.txt *:not(p) {
      margin:auto!important;
      font-size: 2.3rem;
      display: block;
      text-align: center
  }
  .landing-page-fixed-bannar-0>div.txt {
      margin-top: 45%;
  }
  .landing-page-fixed-bannar-0>div.txt button {
      font-size: 1.1rem;
      margin-top: 1.5rem!important
  }
  .navbar-brand img {
    width: 100px;
}
}
/* Landing Page End */



/* Products Start */
.s-product-card-vertical {
  max-height: 400px;
}
.g-products {
    margin-bottom: 0;
}
.button-56 {
  padding: 0;
}
/* Products End */

/* offers end soon */
.product_deadline .data .price_component .price {
  color: rgb(74 17 58);
}



/* Lnading 2 */
section:nth-child(2 of .landing-page-first-bannar) > div {
  height: 90vh;
}

section:nth-child(2 of .landing-page-first-bannar) div.txt {
  margin-right: 8%;
  margin-top: 5%;
  text-align: center !important;
}
@media (min-width: 992px) {
  section:nth-child(2 of .landing-page-first-bannar) div.txt {
      width: 40%;
  }
}
@media(max-width: 768px) {
  section:nth-child(2 of .landing-page-first-bannar)>div {
      height: 50vh;
      background-position: 10%;

  }
  section:nth-child(2 of .landing-page-first-bannar) div.txt {
      background-color: #00000066;
      margin: 0;
      padding: 2rem 0;
      text-align: center !important;
  }
  section:nth-child(2 of .landing-page-first-bannar) h1 {
      width: 95%;
  }
}



/* video */
@media (min-width: 992px) {
  #video-banner {
      height: 555px;
  }
}
@media (min-width: 1260px) {
  #video-banner {
      height: 720px;
  }
}
@media (min-width: 1760px) {
  #video-banner {
      height: 920px;
  }
}
@media (max-width: 576px) {
#video-banner {
  height: 100%;
}


/* Footer Start */
.store-footer > .relative > div:first-child *:not(i) {
  color: #fff;
}
.store-footer > .relative > div:first-child {
  background-image: var(--bg);
  padding-top: 5%;
}
.sicon-mail {
  color: #5f6395;
}
#mc-embedded-subscribe {
  background: #575C8C;
  cursor: pointer;
}
}


/* Edits */
.s-infinite-scroll-wrapper > button,
.s-add-product-button-main salla-button button {
  background-color: #0b3b6e !important;
}
.s-infinite-scroll-wrapper>button span, .s-add-product-button-main salla-button button span {
  color: #fff !important;
}
.accordion i, 
.container_accordion i, 
span.accordion:after,
salla-add-product-button .s-button-text,
.side-panel__bottom .s-button-text {
    color: var(--color-primary);
}
.s-product-card-content-footer button {
    color: var(--color-primary);
    font-weight: 700;
}
.s-product-card-content-footer path {
    fill: var(--color-primary);
    stroke: var(--color-primary);
}
salla-add-product-button button:hover .s-button-text {
    color: #fff !important;
}
i.sicon-trash {
    color: #f72424;
}
div[slot="footer"] .btn-close:last-child {
    background-color: var(--color-primary) !important;
}