.bg-custom-light-blue {
  background-color: #819ab4;
}
.hover\:bg-custom-light-blue:hover {
  background-color: #819ab4;
}
.active\:bg-custom-light-blue:active {
  background-color: #819ab4;
}
.text-custom-light-blue {
  color: #819ab4;
}
.border-custom-light-blue-4 {
  border-color: #819ab4;
  border-width: 4px;
}

.bg-custom-blue {
  background-color: #4c6680;
}
.hover\:bg-custom-blue:hover {
  background-color: #4c6680;
}
.active\:bg-custom-blue:active {
  background-color: #4c6680;
}
.text-custom-blue {
  color: #4c6680;
}
.hover\:text-custom-blue:hover {
  color: #4c6680;
}
.border-custom-blue {
  border-color: #4c6680;
}
.border-custom-blue-1 {
  border-color: #4c6680;
  border-width: 1px;
}

.bg-custom-light-orange {
  background-color: #fadcc2;
}
.hover\:bg-custom-light-orange:hover {
  background-color: #fadcc2;
}
.active\:bg-custom-light-orange:active {
  background-color: #fadcc2;
}
.text-custom-light-orange {
  color: #fadcc2;
}
.border-custom-light-orange-4 {
  border-color: #fadcc2;
  border-width: 4px;
}

.bg-custom-orange {
  background-color: #f67f67;
}
.hover\:bg-custom-orange:hover {
  background-color: #f67f67;
}
.active\:bg-custom-orange:active {
  background-color: #f67f67;
}
.text-custom-orange {
  color: #f67f67;
}
.hover\:text-custom-orange:hover {
  color: #f67f67;
}
.border-custom-orange {
  border-color: #f67f67;
}

.bg-custom-light-gray {
  background-color: #e0efff;
}
.hover\:bg-custom-light-gray:hover {
  background-color: #e0efff;
}
.active\:bg-custom-light-gray:active {
  background-color: #e0efff;
}
.text-custom-light-gray {
  color: #e0efff;
}

.bg-custom-green {
  background-color: #6bc178;
}
.hover\:bg-custom-green:hover {
  background-color: #6bc178;
}
.active\:bg-custom-green:active {
  background-color: #6bc178;
}
.text-custom-green {
  color: #6bc178;
}

.bg-custom-red {
  background-color: #f06e60;
}
.hover\:bg-custom-red:hover {
  background-color: #f06e60;
}
.active\:bg-custom-red:active {
  background-color: #f06e60;
}
.text-custom-red {
  color: #f06e60;
}

.bg-custom-purple {
  background-color: #d36ee3;
}
.hover\:bg-custom-purple:hover {
  background-color: #d36ee3;
}
.active\:bg-custom-purple:active {
  background-color: #d36ee3;
}
.text-custom-purple {
  color: #d36ee3;
}

.bg-custom-gray {
  background-color: #b5adb2;
}
.hover\:bg-custom-gray:hover {
  background-color: #b5adb2;
}
.active\:bg-custom-gray:active {
  background-color: #b5adb2;
}
.text-custom-gray {
  color: #b5adb2;
}