/*Red Line CSS*/
.vertical-column-card .vertical-card-red-line {
	height: 1px;
	width: 100%;
	background-color: #EF483E;
}
@media screen and (max-width: 767px) {
	.vertical-column-card .vertical-card-red-line {
		margin-bottom: 2em;
	}
}
.vertical-column-card .last-vertical-card-red-line {
	display: none !important;
}
.field--name-field-vertical-3-column-card .field__item .paragraph-red-line {
	display: none !important;
}
.vertical-card-set-paragraph-wrapper .field__item:last-child .vertical-card-red-line:last-of-type {
 display: none !important;
}
/*End Red Line CSS*/
/*General CSS*/
@media screen and (min-width: 768px) {
.vertical-column-card-row {
	margin-left: 0px !important;
	margin-right: 0px !important;
	padding-bottom: 30px;
}
}
.vertical-column-card-row {
	margin-bottom: 1em;
	padding-top: 30px;
}
.vertical-column-card .vertical-column-card-header {
	color: #000000;
	font-size: 1.5rem;
	line-height: 130%;
	font-weight: 600;
}
.vertical-column-card .vertical-column-card-text {
	  letter-spacing: 0.35px;
	  font-weight: 350 !important;
	  color: #3b3b3b;
}
.vertical-column-card .vertical-column-card-image .card-basic-image {
	margin: 0px !important;
}
.vertical-column-card .vertical-column-card-image .card-basic-image img {
	margin: 0px !important;
}
/*Header Link CSS*/
.vertical-column-card-header a {
	text-decoration: none !important;
	color: #000000 !important;
	font-weight: 600;
}
.vertical-column-card-header a:hover {
	text-decoration: underline !important;
	color: #3069f4 !important;
	font-weight: 635;
}
/*End Header Link CSS*/
/*End General CSS*/
/*Image Zoom CSS*/
/*Basic Card Image Zoom*/
.card-basic-image {
  position: relative;
  overflow: hidden; /* Prevent the image from overflowing the container */
}

.card-basic-image img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.15s ease-out; /* Combine transition here */
}

.vertical-column-card-row:hover .card-optional-header-link .card-basic-image img,
.card-optional-header-link .card-basic-image:hover img {
  transform: scale(1.05); /* Ensure scaling on hover */
}

.card-basic-image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}
/*End Image Zoom CSS*/
/*Ordering CSS*/
@media screen and (min-width: 768px) {
.vertical-column-card-header-col {
	order: 1;
}
.vertical-column-card-text-col {
	order: 2;
}
.vertical-column-card-image-col {
	order: 3;
}
}
@media screen and (max-width: 767px) {
	.vertical-column-card-header-col {
		order: 2;
	}
	.vertical-column-card-text-col {
		order: 3;
	}
	.vertical-column-card-image-col {
		order: 1;
	}
}
/*End Ordering CSS*/
/*Mobile CSS*/
@media screen and (max-width: 767px) {
.vertical-column-card-col {
	min-width: 100% !important;
	max-width: 100% !important;
}
.vertical-column-card-header-col {
	margin-bottom: 1em;
}	
.vertical-column-card-image-col {
	margin-bottom: 1em;
}
.vertical-column-card-row {
	padding-top: 0px;
}
}
/*End Mobile CSS*/
/*Desktop Padding CSS*/
 @media screen and (min-width: 768px) {
#block-post-content-components .vertical-card-set-paragraph-wrapper {
padding-left: 10em;
padding-right: 10em;
}
}
/*End Desktop Padding CSS*/