/* used for adding text over and image */
/* light version of brand color */
/* 40% gray */
/* 80% gray */
/* hover links */
/* active links */
/* active banner */
/* 0% gray */
/* 5% gray */
/* 10% gray small seven-button */
/* 20% gray lots of borders */
/* 30% gray */
/* 40% gray seven-button-bg */
/* 60% gray */
/* 70% gray */
/* 100% gray */
.image-container {
  position: relative;
  max-width: 100%;
  overflow: hidden; /* Ensure the text stays within the container */
}

.text-overlay {
  position: absolute;
  max-width: 100%; /* Ensure the text doesn't exceed the image width */
}

.left-text, .left-text h1, .left-text h2, .left-text h3, .left-text h4, .left-text h5, .left-text h6, .left-text p {
  top: 10px; /* Adjust as needed */
  left: 10px; /* Adjust as needed */
  text-align: left;
}

.right-text, .right-text h1, .right-text h2, .right-text h3, .right-text h4, .right-text h5, .right-text h6, .right-text p {
  top: 10px; /* Adjust as needed */
  right: 10px; /* Adjust as needed */
  text-align: right !important;
}

.centered-text, .centered-text h1, .centered-text h2, .centered-text h3, .centered-text h4, .centered-text h5, .centered-text h6, .centered-text p {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.text-overlay h1, .text-overlay h2, .text-overlay h3, .text-overlay h4, .text-overlay h5 {
  color: white;
  font-weight: bold;
}

.dark-text h1, .dark-text h2, .dark-text h3, .dark-text h4, .dark-text h5, .dark-text h6, .dark-text a, .dark-text p {
  color: #24639e;
}

.text-overlay p {
  color: white;
}

img.img-fluid {
  width: 100%;
  height: auto;
}/*# sourceMappingURL=image-text.css.map */