/* Carousel Styling */
/* Text Animation */
/* Test */
@keyframes slideUp {
  0% {
    transform: translateY(300%);
  }
  100% {
    transform: translateY(0);
  }
}

#carouselText {
  animation: slideUp 1s ease-out forwards;
}

.carousel-overlay,
.container {
  .card-title,
  .card-text {
    background-color: rgba(237, 237, 237, 0.75);
    padding: 10px;
    margin: 1px;
  }

  .card-title {
    color: rgb(16, 85, 128);
    font-weight: bold;
  }

  .card-text {
    color: rgb(134, 69, 8);
  }
}

/* Carousel Zoom */
@keyframes slowZoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}

.carousel-item img.zoom-animation {
  object-fit: cover;
  animation: slowZoom 10s ease-in-out forwards;
}

/* Footer Styling */
footer li,
footer a {
  color: white;
  text-decoration: none;
  transition: color 0.5s;
}

footer a:hover {
  color: #ffd9a9;
}

.contact-us a {
  text-decoration: underline;
}

#testing {
  padding-left: 100px !important;
}

/* Media Queries */
@media screen and (max-width: 510px) {
  #header {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }

  button.btn.btn-orange.text-white.shadow {
    margin-top: 10px !important;
    margin-bottom: 26px !important;
  }

  #contactDescription,
  #contactFormContainer,
  #contactForm {
    text-align: center !important;
    align-items: center;
    justify-content: center;
    width: 100%;
  }

  #contactFormContainer {
    padding: 0 10px !important;
  }

  #footer {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}

.cursor-pointer {
  cursor: pointer;
}

@media screen and (max-width: 700px) {
  #servicesCard {
    max-height: 100px !important;
  }
}