@charset "utf-8";
/* CSS Document */

.mv-card__overlay-services{
	border-radius:8px;
	overflow:hidden;
	padding:0;
	position:relative;
	width: 100%;
	background-color: transparent !important;

}
.mv-card__overlay-services:before{
	background:#000;
	background:linear-gradient(180deg,hsla(0,0%,100%,0),#000);
	bottom:0;content:"";
	display:block;
	height:55%;
	left:0;
	position:absolute;
	right:0;
	width:100%;
	z-index:10;
}
.mv-card__overlay-services>div:first-child{
	grid-row-gap:.5rem;
	align-items:center;
	bottom:0;
	display:grid;
	background-color: transparent; /* lower third block */
	grid-template-columns:repeat(1,minmax(0,1fr));
	left:0;
	padding:.5rem .7rem;
	position:absolute;
	right:0;
	row-gap:.5rem;
	z-index:20;
}
@media(min-width:768px){
	.mv-card__overlay-services>div:first-child{
		padding:1.25rem 1rem; /* lower third block */
	}
}
.mv-card__overlay-services>div:first-child .label-img{
	margin-left:auto;
	margin-right:auto;
}
.mv-card__overlay-services>div:first-child .label-img img{
	height:.75rem
}
@media(min-width:768px){
	.mv-card__overlay-services>div:first-child .label-img img{
		height:1.25rem;
	}
}
.mv-card__overlay-services>div:first-child .nameplate-img{
	margin-left:auto;
	margin-right:auto;
}
.mv-card__overlay-services>div:first-child .nameplate-img img{
	max-height:3.5rem;
	background-color: transparent; /* trw added to make background transparent behind svg text */
}
@media(min-width:768px){
	.mv-card__overlay-services>div:first-child .nameplate-img img{
		max-height:100%;
		background-color: transparent; /* trw added to make background transparent behind svg text */
	}
}
@media(max-width:767px){
	.mv-card__overlay-services>div:first-child p{
		font-size:.75rem;
		letter-spacing:.0208333333em;
		line-height:1rem;
	}
}

.custom-carousel-wrapper {
  width: 100%;
  overflow: hidden;
	padding-top: 20px;
}
.custom-carousel {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.carousel-track-tall-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
	padding-top:20px; /* trw make sure the top of the active item isn't cut off */
  margin: 0;
}
.carousel-track-tall {
  display: flex;
  gap: 24px;
  transition: transform 0.3s ease;
}
.carousel-slide {
  flex: 0 0 auto;
  width: 80vw;
  max-width: 363px;
  opacity: 0.4;
  transform: scale(0.95);
  transition: opacity 0.3s ease, transform 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.carousel-slide.swiper-slide-active {
  opacity: 1;
  transform: scale(1.05);
}
.mv-card__overlay-services {
  background: transparent;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.nameplate-img {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0;
}

.nameplate-img img {
  display: block;
  margin: 0 auto;
  max-width: 243px;
  width: 100%;
	background: transparent;
}

.carousel-image {
  width: 100%;
  height: auto;
  border: none;
  border-radius: 8px;
  display: block;
}
.carousel-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  margin-top: 20px;		/* allows button to show fully */
  margin-bottom: 20px;	/* allows button to show fully */
}
.nav-button {
  font-size: 24px;
  cursor: pointer;
  user-select: none;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}
.nav-button:hover {
  background-color: #6b21a8;
  color: white;
  box-shadow: 0 0 0 3px rgba(107, 33, 168, 0.4);
}
@media (min-width: 768px) {
  .carousel-slide {
    width: 300px;
  }
}
@media (min-width: 1024px) {
  .carousel-slide {
    width: 363px;
  }
}