/* Add custom CSS styles below */ 
@import url('https://fonts.googleapis.com/css2?family=Cairo&display=swap');

* {
  font-family: 'Cairo', sans-serif !important;
}

body.index,section.descriptive.bg-\[var\(--bg-primary\)\],.bg-\[var\(--bg-primary\)\] {
    background-color: #f8f8f8 !important;
}
:root{--color-primary:#f85d0a }
nav.main-navbar {
    background-color: #eeeff1;
}

body.index section:nth-of-type(2),body.index section:nth-of-type(6),body.index section:nth-of-type(7){
 background-color: #fff !important;

}
.banners-builder-overlay-center {
    background: transparent !important;
}
.banners-builder-single-image-default {
    object-fit: cover !important;
}

p.banners-builder-single-content-informations-description.text-center {
    font-size: 25px !important;
    line-height: 43px !important;
}
h2.descriptive-heading-title.sal-animate {
    color: #0d0a89;
}
a.descriptive-heading-action-button {
    background-color: transparent;
    border: 2px solid #f85d0a;
      animation: glowBoxShadow 5s infinite ease-in-out;
}

h2.store-features-style-3-heading-title{
color:#f85d0a;
}

.store-features-style-3-content-single-icon-content{
color:#000000;
}

h4.steps-content-single-title,.steps-content-single-arrow{
color:#0d0a89;
}

footer.bg-\[var\(--bg-secondary\)\] {
    background-color: #eaeaea !important;
}
.mm-spn.mm-spn--navbar:before {
 text-align: center;
  content: "";
  display: block;
  height: 100px;
  width: 100px;
  margin:0;
  opacity: 1;
  border:0;
    box-shadow: none !important;
  background-image: url(https://i.ibb.co/27PsXz5C/logo-variation-07.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color:transparent;
 transform: none !important;
}

.light-mode-logo {
  animation: footerLogo 2s ease-in-out infinite;
    max-width: 80%;

}


@keyframes footerLogo {
  0% {
    transform: scale(1.2); 
  }
  50% {
    transform: scale(1.4); 
  }
  100% {
    transform: scale(1.2);
  }
}




/*****************proudct***************************/

@keyframes glowBoxShadow {
  0% {
    box-shadow:
      0 0 10px #eabe12,
      0 0 20px #eabe12;
  }
  25% {
    box-shadow:
      0 0 10px #e8822a,
      0 0 20px #e8822a;
  }
  50% {
    box-shadow:
      0 0 10px #0e667e,
      0 0 20px #0e667e;
  }
  75% {
    box-shadow:
      0 0 10px #ffffff,
      0 0 20px #ffffff;
  }
  100% {
    box-shadow:
      0 0 10px #eabe12,
      0 0 20px #eabe12;
  }
}

.product-card {
    animation: glowBoxShadow 5s infinite ease-in-out;
    background-color: transparent;
}



@media(max-width: 768px){
nav.main-navbar {
    background-color: #7b7e87 !important;
    box-shadow: none !important;
    box-shadow: none !important;
    padding: 0 3%;
}
.light-mode-logo {
    max-width: 60%;
}
button.header-btn.text-\[\#676D75\].hidden.lg\:inline-block,button.hover\:text-primary.active\:text-.cursor-pointer.text-\[\#676D75\].hidden.lg\:flex.items-center.justify-center.gap-1.flex-col,custom-salla-cart-summary.mt-2.hidden.lg\:inline-block{
    display: block !important;
    color: #fff !important;
}
nav.main-navbar svg.hover\:text-primary.cursor-pointer.text-\[\#676D75\] {
    color: #fff !important;
}
a.hover\:text-primary.active\:text-.cursor-pointer.text-\[\#676D75\].flex.lg\:hidden.items-center.justify-center.gap-1.flex-col {
    color: #ffffff;
}
.mm-spn.mm-spn--navbar:after{
color:#fff;
}
.mm-spn.mm-spn--navbar ul {
    top: 23%;
}
.banners-builder-single-wrapper {
    position: relative;
    width: 100%;
    height: 500px;
}
p.banners-builder-single-content-informations-description.text-center {
    font-size: 18px !important;
    line-height: 35px !important;
    max-width: 100%;
}
.banners-builder-single-image-mobile {
    object-fit: cover;
}
.mm-spn a {
  display: inline-block;
  animation: pulse 1.5s infinite;
}

}



@keyframes pulse {
  0%, 100% {
    transform: scale(1);
    color: #000;
  }
  50% {
    transform: scale(1.1);
    color:#f85d0a;
  }
}