.text-customblue {
  color: #003D65;
}
.text-customorange {
  color: #EE7624;
}

.btn-customblue {
  --bs-btn-color: #fff;
  --bs-btn-bg: #003D65;
  --bs-btn-border-color: #003D65;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #003D65;
  --bs-btn-hover-border-color: #003D65a;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #003D65;
  --bs-btn-active-border-color: #003D65;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #003D65;
  --bs-btn-disabled-border-color: #003D65;
}

.btn-customorange {
  --bs-btn-color: #fff;
  --bs-btn-bg: #EE7624;
  --bs-btn-border-color: #EE7624;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #EE7624;
  --bs-btn-hover-border-color: #003D65a;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #EE7624;
  --bs-btn-active-border-color: #EE7624;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #EE7624;
  --bs-btn-disabled-border-color: #EE7624;
}
.nunito-header {
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.bg-customblue {
  background-color: #003D65;
}

.bg-customorange {
  background-color: #EE7624;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  top: 35%;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}

.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}
.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000;
}
.carousel-dark .carousel-caption {
  color: #000;
}

.carousel-indicators2 {
  position: absolute;
  right: 0;
  top: 130px;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators2 [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators2 [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators2 .active {
  opacity: 1;
}

#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #EE7624; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}