body{
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.main-blue{
color: #384496;
}

.bg-main-blue{
    background-color: #384496;
}

.main-green{
    color: #bfcc80;
}

.bg-main-green{
    background-color: #bfcc80;
}

.bg-light-green{
  background-color: #dce3b9;
}

.hover\:bg-main-green:hover {
  background-color: #bfcc80; /* darker shade */
}

.hover\:text-main-green:hover {
  color: #bfcc80;
}

.hover\:bg-main-blue:hover {
  background-color: #384496; /* darker shade */
}

.hover\:text-main-blue:hover {
  color: #384496;
}

.main-gray{
    color: #3e3e3e;
}

.bg-main-gray{
    background-color: #3e3e3e;
}

.border-main-green{
    border-color: #bfcc80;
}

.border-main-blue{
    border-color: #384496;
}

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

.animate-scroll {
  display: flex;
  width: max-content;
  animation: scroll 30s linear infinite;
}