/* CSS Document */
/* animations */
.animate-fade-in {
  opacity: 0;
  will-change: opacity;
  -webkit-transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) opacity;
  transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) opacity;
}
.animate-fade-in.triggerAnimate {
  opacity: 1 !important;
}
.animate-slide-up {
  opacity: 0;
  will-change: opacity, transform;
  -webkit-transition: .75s cubic-bezier(0.25, 0.46, 0.45, 0.94) opacity, .75s cubic-bezier(0.25, 0.46, 0.45, 0.94) transform;
  transition: .75s cubic-bezier(0.25, 0.46, 0.45, 0.94) opacity, .75s cubic-bezier(0.25, 0.46, 0.45, 0.94) transform;
  transform: translateY(60px);
}
.animate-slide-up.triggerAnimate {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1 !important;
}
.animate-slide-down {
  opacity: 0;
  will-change: opacity, transform;
  -webkit-transition: .75s cubic-bezier(0.25, 0.46, 0.45, 0.94) opacity, .75s cubic-bezier(0.25, 0.46, 0.45, 0.94) transform;
  transition: .75s cubic-bezier(0.25, 0.46, 0.45, 0.94) opacity, .75s cubic-bezier(0.25, 0.46, 0.45, 0.94) transform;
  transform: translateY(-60px);
}
.animate-slide-down.triggerAnimate {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1 !important;
}
.animate-slide-left {
  opacity: 0;
  will-change: opacity, transform;
  -webkit-transition: .75s cubic-bezier(0.25, 0.46, 0.45, 0.94) opacity, .75s cubic-bezier(0.25, 0.46, 0.45, 0.94) transform;
  transition: .75s cubic-bezier(0.25, 0.46, 0.45, 0.94) opacity, .75s cubic-bezier(0.25, 0.46, 0.45, 0.94) transform;
  transform: translateX(60px);
}
.animate-slide-left.triggerAnimate {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1 !important;
}
.animate-slide-right {
  opacity: 0;
  will-change: opacity, transform;
  -webkit-transition: .75s cubic-bezier(0.25, 0.46, 0.45, 0.94) opacity, .75s cubic-bezier(0.25, 0.46, 0.45, 0.94) transform;
  transition: .75s cubic-bezier(0.25, 0.46, 0.45, 0.94) opacity, .75s cubic-bezier(0.25, 0.46, 0.45, 0.94) transform;
  transform: translateX(-60px);
}
.animate-slide-right.triggerAnimate {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1 !important;
}
section:not(:first-of-type) {
  margin: 40px 0; /* Adds spacing only to sections except the first */
  padding: 20px 0; /* Optional: Padding inside the sections */
}

section h2 {
  margin-bottom: 20px; /* Adds space below section headings */
}

section p, section ul {
  margin-bottom: 15px; /* Adds space between paragraphs and lists */
}
.product {
  margin-bottom: 30px; /* Adds space between products in the products section */
}

.product:last-of-type {
  margin-bottom: 0; /* Ensures no extra margin after the last product */
}
.z-index-2 {
    z-index: 2;
}
/* text colors */
.text-color-gray {
  color: rgb(113, 113, 113) !important;
}
.text-color-normal {
  color: rgb(68, 68, 68) !important;
}
.text-color-black {
  color: black !important;
}
.text-black-75 {
  color: rgba(0, 0, 0, 0.75) !important;
}
.text-color-midnightblue {
  color: midnightblue !important;
}
.text-color-white {
  color: white !important;
}
.text-color-red {
  color: red;
}
.text-color-logo-green {
  color: #146031 !important; 
} 
/* BG colors */
.bg-color-light-gray {
  background-color: rgba(77, 107, 140, 0.25) !important;
}
.bg-color-light-gray div {
    color: white;
}
.bg-light-green-backdrop {
  background-color: rgba(228, 245, 232, 0.95) !important;
}
.bg-light-blue {
    background-color: rgba(51, 153, 255, 0.8);
}
.bg-yellow {
    
}
/* Supported by Chrome, Edge, Safari */
@supports ((-webkit-backdrop-filter: saturate(180%) blur(20px)) or (backdrop-filter: saturate(180%) blur(20px))) {
  .bg-light-green-backdrop {
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(228, 245, 232, 0.72) !important;
  }
}
align-text-left {
    align-items: flex-start;
    text-align: left;
}
/* Max-width */
.max-width-1500 {
  max-width: 1500px;
}
/* Max-height */
.max-height-550 {
  max-height: 550px;
}
/* Borders */
.border-bottom-shadow {
  -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
}
.border-bottom-dark {
  border-bottom: 1px solid rgb(200, 200, 200);
}
/* Line heights */
.line-height-110 {
  line-height: 110%;
}
.line-height-120 {
  line-height: 120%;
}
.line-height-150 {
  line-height: 150%;
}
.line-height-165 {
  line-height: 165%;
}
.line-height-175 {
  line-height: 175%;
}
.line-height-200 {
  line-height: 200%;
}
/* Font sizes */
.fontsize-10 {
  font-size: 0.75rem !important;
}
.fontsize-20 {
  font-size: 0.85rem !important;
}
.fontsize-30 {
  font-size: 1rem !important;
}
.fontsize-40 {
  font-size: 1.25rem !important;
}
.fontsize-50 {
  font-size: 1.75rem !important;
}
.fontsize-60 {
  font-size: 2.5rem !important;
}
.fontsize-70 {
  font-size: 3.5rem !important;
}
.fontsize-80 {
  font-size: 5.0rem !important;
}
@media (min-width: 576px) {
  .fontsize-sm-10 {
    font-size: 0.75rem !important;
  }
  .fontsize-sm-20 {
    font-size: 0.85rem !important;
  }
  .fontsize-sm-30 {
    font-size: 1rem !important;
  }
  .fontsize-sm-40 {
    font-size: 1.25rem !important;
  }
  .fontsize-sm-50 {
    font-size: 1.75rem !important;
  }
  .fontsize-sm-60 {
    font-size: 2.5rem !important;
  }
  .fontsize-sm-70 {
    font-size: 3.5rem !important;
  }
  .fontsize-sm-80 {
    font-size: 5.0rem !important;
  }
}
@media (min-width: 768px) {
  .fontsize-md-10 {
    font-size: 0.75rem !important;
  }
  .fontsize-md-20 {
    font-size: 0.85rem !important;
  }
  .fontsize-md-30 {
    font-size: 1rem !important;
  }
  .fontsize-md-40 {
    font-size: 1.25rem !important;
  }
  .fontsize-md-50 {
    font-size: 1.75rem !important;
  }
  .fontsize-md-60 {
    font-size: 2.5rem !important;
  }
  .fontsize-md-70 {
    font-size: 3.5rem !important;
  }
  .fontsize-md-80 {
    font-size: 5.0rem !important;
  }
}
@media (min-width: 992px) {
  .fontsize-lg-10 {
    font-size: 0.75rem !important;
  }
  .fontsize-lg-20 {
    font-size: 0.85rem !important;
  }
  .fontsize-lg-30 {
    font-size: 1rem !important;
  }
  .fontsize-lg-40 {
    font-size: 1.25rem !important;
  }
  .fontsize-lg-50 {
    font-size: 1.75rem !important;
  }
  .fontsize-lg-60 {
    font-size: 2.5rem !important;
  }
  .fontsize-lg-70 {
    font-size: 3.5rem !important;
  }
  .fontsize-lg-80 {
    font-size: 5.0rem !important;
  }
}
@media (min-width: 1200px) {
  .fontsize-xl-10 {
    font-size: 0.75rem !important;
  }
  .fontsize-xl-20 {
    font-size: 0.85rem !important;
  }
  .fontsize-xl-30 {
    font-size: 1rem !important;
  }
  .fontsize-xl-40 {
    font-size: 1.25rem !important;
  }
  .fontsize-xl-50 {
    font-size: 1.75rem !important;
  }
  .fontsize-xl-60 {
    font-size: 2.5rem !important;
  }
  .fontsize-xl-70 {
    font-size: 3.5rem !important;
  }
  .fontsize-xl-80 {
    font-size: 5.0rem !important;
  }
}