/* General Body Styles */
body {
    font-family: 'Inter', sans-serif;
}

/* Hero Carousel Styles */
.swiper-slide {
    background-size: cover;
    background-position: center;
}
.hero-slide-1 {
     background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('images/hero-1.jpg');
}
.hero-slide-2 {
     background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('images/hero-2.jpg');
}
.hero-slide-3 {
     background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('images/hero-3.jpg');
}

/* Swiper Navigation Buttons */
.swiper-button-next, .swiper-button-prev {
    color: #ffffff;
    background-color: rgba(0,0,0,0.3);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    transition: background-color 0.3s;
}

.swiper-button-next:hover, .swiper-button-prev:hover {
     background-color: rgba(0,0,0,0.6);
}

.swiper-button-next::after, .swiper-button-prev::after {
    font-size: 20px;
}