@import url("https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700;800;900&display=swap");

html {
    scroll-behavior: smooth;
}

* {
    font-family: 'Inter', sans-serif;
}

.container {
    max-width: 99.375rem !important;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}
/* @media (min-width: 1200px) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
} */
.font-hind{
    font-family: 'Hind', sans-serif;
}
  
.font-inter{
    font-family: 'Inter', sans-serif;
}

.shadow-dropdown {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.shadow-dropdown-secodary {
    box-shadow: 0 0 50px 10px rgba(39, 101, 255, 0.1);
}
.shadow-dropdown-black {
    box-shadow: 0 0 50px 10px rgb(0 0 0 / 10%);
}
.shadow-scroll-up{
    box-shadow: 0px 10px 50px rgba(13, 38, 59, 0.15);
}

.shadow-brand {
    box-shadow: 0 0 20px 10px rgba(95, 45, 237, 0.05);
}

.sticky-header.active {
    background: #fff;
    box-shadow: 0 0 50px 10px rgba(39, 101, 255, 0.1);
    z-index: 9999999;
}

.animate-spin-slow{
    animation: spin-slow 6s linear 0s infinite alternate;
}
@keyframes spin-slow{
    0%{
        transform: rotate(0deg);
    }
  
    100%{
        transform: rotate(360deg);
    }
}

.animate-move-hor{
    animation: move-hor 3s linear 0s infinite alternate;
}
@keyframes move-hor{
    0%{
      transform: translateX(20px);
    }
  
    100%{
      transform: translateX(0px);
    }
}
@keyframes move-var{
    0%{
      transform: translateY(0);
    }
  
    50%{
      transform: translateY(-20px);
    }
  
    100%{
      transform: translateY(0);
    }
}
  
.animate-move-var{
    animation: move-var 3s infinite linear;
}

/* sliode arrow */
.splide__arrow {
    background: #00B700;
    color: #fff;
    width: 45px;
    height: 45px;
    border-radius: 8px;
    opacity: 1;
    transition: .3s ease-in-out;
}
.splide__arrow:hover {
    opacity: 0.8;
}
.splide__arrow svg {
    fill: white;
}

.fz-arrow:before {
    content: '';
    display: inline-block;
    height: 38px;
    width: 42px;
    transform: translateY(-10px);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='38' viewBox='0 0 42 38' fill='none'%3E%3Cpath d='M40.7678 20.7678C41.7441 19.7915 41.7441 18.2085 40.7678 17.2322L24.8579 1.32233C23.8816 0.34602 22.2986 0.34602 21.3223 1.32233C20.346 2.29864 20.346 3.88155 21.3223 4.85786L35.4645 19L21.3223 33.1421C20.346 34.1184 20.346 35.7014 21.3223 36.6777C22.2986 37.654 23.8816 37.654 24.8579 36.6777L40.7678 20.7678ZM0 21.5L39 21.5V16.5L0 16.5L0 21.5Z' fill='%2300B700'/%3E%3C/svg%3E");
}
.animate-marquee {
    animation: marquee 14s linear infinite;
}
.animate-marquee2 {
    animation: marquee2 14s linear infinite;
}
@keyframes marquee {
    0%{
      transform: translateX(0);
    }
    100%{
      transform: translateX(-100%);
    }
}

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