.border-\[\#B9A9C9\] {
  --tw-border-opacity: 1;
  border-color: rgb(185 169 201 / var(--tw-border-opacity, 1));
}

.border-\[\#D0A88E\] {
  --tw-border-opacity: 1;
  border-color: rgb(208 168 142 / var(--tw-border-opacity, 1));
}

.border-\[\#EFC75D\] {
  --tw-border-opacity: 1;
  border-color: rgb(239 199 93 / var(--tw-border-opacity, 1));
}

.border-\[\#84B4D4\] {
  --tw-border-opacity: 1;
  border-color: rgb(132 180 212 / var(--tw-border-opacity, 1));
}

.border-\[\#A9B1B3\] {
  --tw-border-opacity: 1;
  border-color: rgb(169 177 179 / var(--tw-border-opacity, 1));
}

.border-\[\#ABC5A5\] {
  --tw-border-opacity: 1;
  border-color: rgb(171 197 165 / var(--tw-border-opacity, 1));
}

.border-\[\#2D527D\] {
  --tw-border-opacity: 1;
  border-color: rgb(45 82 125 / var(--tw-border-opacity, 1));
}

.bg-\[\#B9A9C9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(185 169 201 / var(--tw-bg-opacity, 1));
}

.bg-\[\#D0A88E\] {
  --tw-bg-opacity: 1;
  background-color: rgb(208 168 142 / var(--tw-bg-opacity, 1));
}

.bg-\[\#EFC75D\] {
  --tw-bg-opacity: 1;
  background-color: rgb(239 199 93 / var(--tw-bg-opacity, 1));
}

.bg-\[\#84B4D4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(132 180 212 / var(--tw-bg-opacity, 1));
}

.bg-\[\#A9B1B3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(169 177 179 / var(--tw-bg-opacity, 1));
}

.bg-\[\#ABC5A5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(171 197 165 / var(--tw-bg-opacity, 1));
}

.bg-\[\#2D527D\] {
  --tw-bg-opacity: 1;
  background-color: rgb(45 82 125 / var(--tw-bg-opacity, 1));
}

.text-\[\#B9A9C9\] {
  --tw-text-opacity: 1;
  color: rgb(185 169 201 / var(--tw-text-opacity, 1));
}

.text-\[\#D0A88E\] {
  --tw-text-opacity: 1;
  color: rgb(208 168 142 / var(--tw-text-opacity, 1));
}

.text-\[\#EFC75D\] {
  --tw-text-opacity: 1;
  color: rgb(239 199 93 / var(--tw-text-opacity, 1));
}

.text-\[\#84B4D4\] {
  --tw-text-opacity: 1;
  color: rgb(132 180 212 / var(--tw-text-opacity, 1));
}

.text-\[\#A9B1B3\] {
  --tw-text-opacity: 1;
  color: rgb(169 177 179 / var(--tw-text-opacity, 1));
}

.text-\[\#ABC5A5\] {
  --tw-text-opacity: 1;
  color: rgb(171 197 165 / var(--tw-text-opacity, 1));
}

.text-\[\#2D527D\] {
  --tw-text-opacity: 1;
  color: rgb(45 82 125 / var(--tw-text-opacity, 1));
}

#image-slider {
  display: flex;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.slide-item {
  flex-shrink: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  position: absolute;
  left: 0;
}

.slide-item.active {
  opacity: 1;
  position: relative;
}