/* Short shifters start */

#short-shifters {
  background-color: var(--Orange);
  background-position: center; /* Center the SVG */
  background-size: cover; /* Cover the entire section */
  background-repeat: no-repeat; /* Prevent repetition */
}

#short-shifters .row {
  background-color: var(--Orange); /* Black background */
  background-position: center; /* Center the SVG */
  background-size: cover; /* Cover the entire section */
}

#short-shifters .overlay {
  position: relative;
  background-color: var(--Orange); /* Base background color */
  background-repeat: repeat-y;
  background-position: center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 60px 96px;
}

#short-shifters .overlay h2 {
  margin-bottom: 24px;
}

#short-shifters .overlay p {
  margin-bottom: 32px;
  width: 80%;
}

#short-shifters .image-col {
  background-size: cover; /* Ensures the image covers the entire div */
  background-position: center; /* Centers the image */
  background-repeat: no-repeat; /* Prevents repeating */
  aspect-ratio: 5/2;
}

@media screen and (max-width: 768px) {
  #short-shifters {
    padding: 0px 0px 0px 0px;
  }

  #short-shifters .container {
    padding: 0px;
  }

  #short-shifters .overlay p {
    margin-bottom: 32px;
    width: 100%;
  }

  #footer .copyright p {
    text-align: left;
  }

  #footer .newsletter .input-wrapper .input-icon {
    top: 40%;
  }
}

@media screen and (max-width: 991px) {
  #short-shifters .overlay {
    padding: 54px 24px;
  }
}
@media screen and (min-width: 992px) {
  #short-shifters .overlay {
    aspect-ratio: 5/2;
  }
}

/* Short shifters end */