#block-capacity-plus-views-block-projects-block-1 {
  background-image: url('/sites/default/files/dark-gray-background-gray-graph-paper2.webp');
  background-attachment: fixed; /* Key to the parallax effect */
  background-position: center;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top: 5px solid #808080;
  border-bottom: 5px solid #808080;
  min-height: 500px;
  position: relative;
  overflow: hidden;
  z-index: 1;
  /*margin-top: -35px; */
}

#block-capacity-plus-views-block-projects-block-1 .views-field-field-featured-image img {
  transition: transform 0.6s ease;
  display: block;
  width: 100%;
  height: auto;
  transform-origin: center center;
}

#block-capacity-plus-views-block-projects-block-1 .views-field-field-featured-image {
  overflow: hidden;
  display: block; /* ensures container respects image size */
  position: relative;
  border: 3px solid var(--capacity-red);
  border-radius: 10px;
}

#block-capacity-plus-views-block-projects-block-1 .views-field-field-featured-image:hover img {
  transform: scale(1.25);
}

#block-capacity-plus-views-block-projects-block-1 a {
  color: var(--capacity-red);
}

#block-capacity-plus-views-block-projects-block-1 a:hover {
  color: #9b9b9b;
  transition: color 0.3s ease;
}


.swiper-button-prev::after, .swiper-rtl .swiper-button-next::after {
  color: var(--capacity-red);
}

.swiper-button-next::after, .swiper-rtl .swiper-button-next::after {
  color: var(--capacity-red);
}

#block-capacity-plus-views-block-projects-block-1 h2 {
  padding: 20px;
  color: white;
  text-shadow: 0 4px 5px rgb(0, 0, 0);
}

#block-capacity-plus-views-block-projects-block-1 h2::after {
  content: "";
  display: block;
  height: 4px;
  background-color: #bd1c1c;
  margin-top: 8px;
  width: 100%;
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
}

#swiper-projects-block-1 .swiper-container { 
  min-height: 400px;
}

.swiper-container {
    margin: 1rem auto 1rem auto;
    overflow: hidden;
    position: relative;
    max-width: 80%;
}

#swiper-projects-block-1 .views-field-title a {
  text-decoration: none;
  font-size: 1.5rem;
  background-color: rgba(0, 0, 0, 0.8);
}

#block-capacity-plus-views-block-projects-block-1 .views-field-field-service-type {
	color: white;
	font-size: 1.25rem;
	padding-bottom: 8px;
}