:root {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
}

* {
  font-family: "Poppins", sans-serif;
  scrollbar-color: #c5E331 transparent;
  scrollbar-width: thin;
  scroll-behavior: smooth;
}

body {
  font-family: "Poppins", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  position: relative;
  height: 100vh;
  box-sizing: border-box;
  background: #FFF;
  background-attachment: fixed;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fade-element {
  opacity: 0;
  transition: all .85s ease-in-out;
  visibility: hidden;
}

.fade-element.is-visible {
  opacity: 1;
  visibility: visible;
}

.pulse-zoom {
  animation: pulse 1.5s infinite ease-in-out;
}

@keyframes pulse {

  0%,
  100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.15);
  }
}

.carousel-indicators button {
  height: 14px !important;
  border-width: 2px;
}

.border-success {
  border-color: #c5E331 !important;
}

.text-success {
  color: #c5E331 !important;
}

/* body {
  background-image: url(/pub/bg-main.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 25vw;
} */

.shimmer {
  color: grey;
  display: inline-block;
  mask: linear-gradient(-60deg, #000 30%, #0005, #000 70%) right/450% 100%;
  animation: shimmer 4s infinite;
}

@keyframes shimmer {
  100% {
    mask-position: left
  }
}