/* Custom Styles */
@media(max-width:767px){
    
    
    
    #block-1745900885420 li::before {
 
    left: -36px !important;
}
}



/*=== Optional Delays, change values here  ===*/


.animate {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.five {
  -webkit-animation-delay: 1s;
  -moz-animation-delay:1s;
  animation-delay: 1s;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.animate {
  -webkit-animation-timing-function: ease-in-out; /* Apply ease-in-out timing function */
  animation-timing-function: ease-in-out; /* Apply ease-in-out timing function */
}



/* Custom Styles */
/* Marquee styles */

.marquee {
 --gap: 1.5rem;
  position: relative;
  display: flex;
  overflow: hidden;
  user-select: none;
      width: 100%;
}

.marquee__content {
  align-items: center;
  display: flex;
  justify-content: space-around;
  gap: var(--gap);
  min-width: 100%;
  list-style: none;
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - var(--gap)));
  }
}



/* Enable animation */


/* Reverse animation */

.holder {
    display: flex;
    --gap: 1.5rem;
    position: relative;
    display: flex;
    overflow: hidden;
    user-select: none;
    width: 100%;
}







@media screen and (max-width:767px)

{
.first{font-size: 20px !important}
 .marquee__content img { width: 100% !important } 
   .marquee__content {  min-width: fit-content!important;
    width: 100%!important}
 .marquee{flex-direction: column;}
 
 
 
 .marquee .feature img {
    width: 50px !important;
}
 
 
 
 .marquee .feature {
    display: block !important;

}

.marquee .feature p {
margin: 0  !important;
font-size: 14px!important;
}