/* Poppins & Anek font  */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



/* For English content */
/* html:lang(en),
[lang="en"] {
  font-family: 'Poppins', sans-serif;
} */

/* For Marathi content */
/* html:lang(mr),
[lang="mr"] {
  font-family: 'Anek Devanagari', sans-serif;
} */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Anek Devanagari", sans-serif;
}

button,
a,
label,
input,
textarea {
  font-family: "Poppins", sans-serif !important;
}

/* @theme {
    --color-primary: #004F19;
    --color-secondary: #FFB823;
} */

:root {

  /* main colors  */
  --color-primary: #004F19;
  --color-secondary: #FFB823;
  --color-textcolor: #5D5D5D;

  /* light colors  */
  --color-lightprimary: #007A27;
  --color-lightsecondary: #FFB823;
}

.open {
  top: 80px !important;
  opacity: 1 !important;
}


@tailwind base;
@tailwind components;
@tailwind utilities;

/* @layer utilities {

  @keyframes scroll-left {
    0% {
      transform: translateX(0);
    }

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

  @keyframes scroll-right {
    0% {
      transform: translateX(-150%);
    }

    100% {
      transform: translateX(0%);
    }
  }

  .animate-scroll-left {
    animation: scroll-left 40s linear infinite;
  }

  .animate-scroll-right {
    animation: scroll-right 40s linear infinite;
  }

  .pause-on-hover:hover {
    animation-play-state: paused;
  }

} */


/* swiper  */

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
}

.gallery-wrapper {
  padding-bottom: 45px !important;
}

.swiper-pagination-bullet {
  width: 12px !important;
  height: 12px !important;
  background: #ccc !important;
  opacity: 1 !important;
  margin: 0 6px !important;
}

/* You can also increase the active bullet size specifically */

.swiper-pagination-bullet-active {
  width: 12px !important;
  height: 12px !important;
  background: #004F19 !important;
}

.transition-all {
  transition: all 0.3s ease;
}

/* .blogCard img {
  width: 385px !important;
  height: 194px !important;
}

 */

@media (max-width: 768px) {
   /* .blogCard img {
    width: 100% !important;
    height: auto !important;
  } */
  .mobile-menu {
    transition: left 0.3s ease-in-out;
  }
}


/* @keyframes appear {
  from {
    opacity: 0;
    scale: 0.5;
  }

  to {
    opacity: 1;
    scale: 1;
  }
} */

.animeblock {
  animation: appear linear;
  animation-timeline: view();
  animation-range: entry 0% cover 40%;
}

@keyframes appear {
  from {
    /* opacity: 0; */
    transform: translateY(100px);
  }

  to {
    /* opacity: 1; */
    transform: translateY(0px);
  }
}

/* @keyframes appear {
  from {
    opacity: 0;
    clip-path: inset(100% 100% 0 0);
  }

  to {
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
} */

.testimonialSwiper {
  height: auto !important;
}

.testimonialAvatar {
  width: 45px !important;
  height: 45px !important;
}