/* Extracted from template.html */
:where([class^="ri-"])::before { content: "\f3c2"; }
body {
font-family: 'Montserrat', sans-serif;
}
.hero-section {
background-image: linear-gradient(to right, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 100%), url('images/hero.png');
background-size: cover;
background-position: right center;
}
.service-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0, 86, 179, 0.1);
}
.advantage-card {
transition: all 0.3s ease;
}
.advantage-card:hover {
transform: scale(1.03);
}
#menuItems a:not(:last-child) {
  margin-right: 2rem; /* 32px, same as space-x-8 */
}

@media (max-width: 767px) {
    .hero-section {
        background-image: linear-gradient(to top, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 100%), url('images/hero.png');
        background-size: cover;
        background-position: center;
    }
}

@media (min-width: 1024px) {
  .hero-section {
    min-height: 650px;
  }
}