body {
  margin: 0;
  font-family: 'Arial', sans-serif;
  background-color: #1E2E4C;
  color: white;
  text-align: center;
}

.hero {
  padding: 60px 20px;
  background-color: #16233A;
}

.logo {
  width: 120px;
  margin-bottom: 20px;
}

h1 {
  font-size: 2.5em;
  margin: 0;
}

.tagline {
  font-size: 1.2em;
  color: #4CC3C7;
}

.buttons .btn {
  background-color: #4CC3C7;
  color: #1E2E4C;
  padding: 10px 20px;
  margin: 10px;
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
}

section {
  padding: 40px 20px;
}

.services ul {
  list-style: none;
  padding: 0;
}

.services li {
  margin: 10px 0;
}

.carousel {
  overflow: hidden;
  width: 100%;
}

.carousel-track {
  display: flex;
  animation: scroll 20s linear infinite;
}

.carousel img {
  width: 300px;
  margin: 10px;
  border-radius: 8px;
}

@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

.btn:hover {
  background-color: white;
  color: #1E2E4C;
}

footer {
  background-color: #16233A;
  padding: 20px;
  font-size: 0.9em;
}