/*!
 * Start Bootstrap - Scrolling Nav (https://startbootstrap.com/template-overviews/scrolling-nav)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-scrolling-nav/blob/master/LICENSE)
 */

header {
  padding: 154px 0 100px;
}

@media (min-width: 992px) {
  header {
    padding: 156px 0 100px;
  }
}

section {
  padding: 150px 0;
}

.animated-link {
  display: inline-flex; /* Ensures text and arrow stay inline */
  align-items: center; /* Vertically aligns text and arrow */
  text-decoration: none;
  color: #000;
  transition: color 0.3s ease; /* Smooth color transition */
}

.arrow {
  margin-left: 5px; /* Space between text and arrow */
  display: inline-block; /* Allows transform to work */
  transition: transform 0.3s ease; /* Smooth movement transition */
}

.animated-link:hover {
  color: #007bff; /* Change text color on hover */
}

.animated-link:hover .arrow {
  transform: translateX(10px); /* Move the arrow 5px to the right on hover */
}