/* HTML: <div class="loader"></div> */
/* #loader {
  width: fit-content !important;
  font-weight: bold !important;
  font-family: monospace !important;
  font-size: 30px !important;
  clip-path: inset(0 100% 0 0) !important;
  animation: l5 2s steps(11) infinite !important;
}
#loader:before {
  content: "Loading..." !important;
}
@keyframes l5 {
  to {
    clip-path: inset(0 -1ch 0 0) !important;
  }
} */
*::selection {
  background-color: #00e676 !important;
  color: #000 !important;
}
h1 {
  border-left: #00e676 !important;
}
a:hover {
  color: #00e676 !important;
}
a[href="#0"] {
  background-color: #00e676 !important;
}
#progressBar {
  position: fixed;
  top: 0;
  left: 0;
  height: 4px; /* Thickness of the bar */
  width: 0%; /* Start empty */
  background-color: #4caf50; /* Progress bar color */
  z-index: 1000; /* Ensure it stays on top */
}

html,
body {
  position: relative;
  height: 100%;
}

body {
  background: #eee;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #000;
  margin: 0;
  padding: 0;
}

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

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

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.nav-link {
  position: relative !important;
  display: inline-block !important;
}

.nav-link::before {
  content: "" !important;
  position: absolute !important;
  width: 0% !important;
  height: 2.5px !important;
  bottom: 0px !important;
  left: 0 !important;
  background-color: #4caf50 !important;
  transition: all 0.25s ease-out !important;
}

.nav-link:hover::before {
  width: 100% !important;
}

/* form {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 -4px 8px rgba(0, 0, 0, 0.1),
    4px 0 8px rgba(0, 0, 0, 0.1), -4px 0 8px rgba(0, 0, 0, 0.1) !important;
  background-color: #e9e1e1c0 !important; 
   padding: 2rem !important;
} */
input[type="text"],
input[type="email"],
input[type="number"],
textarea {
  transition: all 0.4s ease-out !important;
  /* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 -4px 6px rgba(0, 0, 0, 0.1), */
  /* 4px 0 6px rgba(0, 0, 0, 0.1), -4px 0 6px rgba(0, 0, 0, 0.1) !important; */
  border-bottom: 1px solid #555 !important;
}
input[type="text"]:focus:valid,
input[type="email"]:focus:valid,
input[type="number"]:focus:valid {
  border-bottom: 1px solid #00e676 !important;
}
input[type="text"]:focus:invalid,
input[type="email"]:focus:invalid,
input[type="number"]:focus:invalid {
  border-bottom: 1px solid red !important;
}
/* input[type="text"]:valid,
input[type="email"]:valid,
input[type="number"]:valid,
textarea:valid {
  border-bottom: 1px solid #00e676 !important;
} */
@keyframes hover {
  0% {
    transform: scale(1);
    color: rgba(0, 230, 119, 0.479);
  }
  50% {
    transform: scale(1.1);
    color: rgba(0, 230, 119, 0.779);
  }
  100% {
    transform: scale(1);
    color: rgba(0, 230, 119, 1);
  }
}
h2 {
  transition: all 0.4s ease-out !important;
}
h2:hover {
  transform: scale(1.2);
  color: #00e676 !important;
  animation: hover 1s linear ease !important;
}
h2::after {
  transition: all 0.4s ease-out !important;
}
h2:hover::after {
  transform: scalex(3) !important;
  /* width: 100% !important; */
}
.gallery-image img {
  transition: all 0.4s ease-out !important;
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
}
.gallery-image {
  transition: all 0.4s ease-out !important;
  position: relative;
  z-index: -1;
}
.gallery-image::before {
  content: "Best and Fresh";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #00e676;
  font-size: 1rem;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s ease-out;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(238, 238, 238, 0.87);
  border: none;
}
.gallery-image:hover {
  /* filter: brightness(0.5); */
  transform: none;
  border-radius: 20px;
}
.gallery-image:hover::before {
  visibility: visible;
  opacity: 1;
}
/*
.gallery-image img[src="./assets/imgs/orange_02-min.jpg"]::after {
  content: "Oranges" !important;
}
.gallery-image img[src="./assets/imgs/mango_05.jpg"]::after {
  content: "Mango" !important;
}
.gallery-image img[src="./assets/imgs/Potato-2.webp"]::after {
  content: "Potato" !important;
}
.gallery-image img[src="./assets/imgs/onion_04.jpg"]::after {
  content: "Onion" !important;
} */
.gallery-image::after {
  display: none;
  border: none;
}

.about-container img {
  /* mix-blend-mode: hue; */
  /* background-image: url(./../imgs/aftab.jpg);
  background-clip: text !important; */
  mask-image: url(./../imgs/aftab.jpg);
  mask-size: cover;
  mask-repeat: no-repeat;
}

.desawer-heading {
  background-image: url(./../imgs/New_Project.webp);
  -webkit-background-clip: text !important;
  background-clip: text !important;
  background-size: cover !important;
  font-size: 188px !important;
  text-align: center;
  color: transparent !important;
  filter: drop-shadow(1px 1px 0.75rem #333);
}

.desawer-subheading {
  background-image: url(./../imgs/orange_01.jpg);
  -webkit-background-clip: text !important;
  background-clip: text !important;
  background-size: cover !important;
  color: transparent !important;
  font-size: 98px !important;
  text-align: right;
  transform: translateX(-70px);
  filter: drop-shadow(1px 1px 0.75rem #333);
}

@media (max-width: 1200px) {
  .desawer-heading {
    font-size: 150px !important;
  }
  .desawer-subheading {
    font-size: 80px !important;
  }
}

@media (max-width: 992px) {
  .desawer-heading {
    font-size: 120px !important;
  }
  .desawer-subheading {
    font-size: 60px !important;
  }
}

@media (max-width: 768px) {
  .desawer-heading {
    font-size: 90px !important;
  }
  .desawer-subheading {
    font-size: 45px !important;
    text-align: center;
    transform: translateX(0);
  }
}

@media (max-width: 576px) {
  .desawer-heading {
    font-size: 60px !important;
  }
  .desawer-subheading {
    font-size: 30px !important;
    text-align: center;
    transform: translateX(0);
  }
}
/* .heading__img:hover {
  /* animation: fadeInRight 1s ease-in forwards; */
/* background-image: url(./../imgs/New_Project.webp); */
/* background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block; 
} */
.leFadeInRight {
  animation: leFadeInRight 1s ease-in forwards;
  animation-delay: 2s;
}
@keyframes leFadeInRight {
  from {
    opacity: 0;
    transform: translateX(60px);
  }
  to {
    opacity: 1;
  }
}

.fadeInRight {
  animation: fadeInRight 0.6s ease;
  /* animation-delay: 2s; */
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
  }
}

.loader {
  color: #00e676;
  font-size: 10px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  animation: mulShdSpin 1.3s infinite linear;
  transform: translateZ(0);
}

@keyframes mulShdSpin {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em,
      0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em,
      0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0,
      0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em,
      0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em,
      0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em,
      0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em,
      0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em,
      0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}

/* .loader {
  color: #fff;
  font-size: 10px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  animation: mulShdSpin 1.3s infinite linear;
  transform: translateZ(0);
}

@keyframes mulShdSpin {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 
    2em -2em 0 0em, 3em 0 0 -1em, 
    2em 2em 0 -1em, 0 3em 0 -1em, 
    -2em 2em 0 -1em, -3em 0 0 -1em, 
    -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 
    3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, 
    -2em 2em 0 -1em, -3em 0 0 -1em, 
    -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 
    2em -2em 0 0, 3em 0 0 0.2em, 
    2em 2em 0 0, 0 3em 0 -1em, 
    -2em 2em 0 -1em, -3em 0 0 -1em, 
    -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
     3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, 
     -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
     3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, 
     -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
     3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, 
     -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 
    3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, 
    -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 
    3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, 
    -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
   */

.leFadeInTop {
  animation: leFadeInTop 2s ease;
  animation-delay: 1.3s;
}
@keyframes leFadeInTop {
  from {
    opacity: 0;
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
  }
}