.swiper-container {
    --swiper-theme-color: #CC0000;
    --swiper-navigation-size: 26px;
    --swiper-navigation-color: var(--swiper-theme-color);
    --swiper-pagination-color: var(--swiper-theme-color);
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-inactive-color: #f9edc6;
    --swiper-pagination-bullet-inactive-opacity: 0.7;
}


.swiper-container {
padding-left:10px; padding-right:10px;
}


.swiper {
width: 100%;
height: 100%;
padding-bottom:35px;
}

.swiper-slide.card { border:0px; }

.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

.swiper-button-prev,
.swiper-button-next {
opacity: 0;
}


.swiper-carousel .swiper-slide { filter: grayscale(100%); opacity: .6; }
.swiper-carousel .swiper-slide-visible { filter: none; opacity: 1; }

.header-carousel .swiper-slide.card { border:4px; }


@media (min-width: 480px) {
.swiper-button-prev, .swiper-button-next { opacity: 1; }
.swiper-container { padding-left:0px;padding-right:0px;  }
.swiper { padding-bottom:15px; }
.swiper-container h2 { margin-bottom: 0; }
}


.header-slider .swiper-slide {
  position: relative;
  display: grid;
  grid-template-columns: 100% 20%;
  place-items: center;
  gap: 40px;
  overflow: hidden;
}

.caption {
background-color: rgba(152, 148, 92, 0.6);
position:absolute;
max-width:70%;
bottom:2em; left:2em;
padding: 1em 1.5em 1.5em 1.5em;
border-radius:5px;
}


.caption p {
  font-size: clamp(0.9rem, 3vw, 1.1rem);
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 30px;
  color: #FFFFFF;
  pointer-events: none;
}

.swiper-slide .caption {
  transform: translateY(-30px);
  opacity: 0;
  transition-duration: 1s;
  transition-delay: 1.2s;
}

.swiper-slide-active .caption {
  transform: none;
  opacity: 1;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 480px) {
.header-slider .swiper-slide { padding: 10px 40px; }
.caption { bottom:3em; left:5em; }
}