/* Style for preloader section */
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #9aacc1; /* Set your background color */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999; /* Ensure it's on top of other content */
}

.preloader-content {
  text-align: center;
  font-size: 18px;
  color: #333; /* Set your text color */
}

.preloader-logo {
  max-width: 100px; /* Adjust logo size as needed */
  margin-bottom: 20px; /* Adjust spacing */
}

/* General style for scrolling text section */
.scrolling-text {
    overflow: hidden;
    background-color: #f0f0f0;
    text-align: center;
    padding: 10px 0;
    margin-top: 110px; /* Adjusted margin-top value */
    white-space: nowrap;
}

/* Style for individual offer types */
.offer-types {
    animation: scroll-left 25s linear infinite;
}

.offer-type {
    display: inline-block;
    margin-right: 20px;
    font-size: 18px;
    color: black;
    font-weight: bold;
}

/* Define the scrolling animation */
@keyframes scroll-left {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}