/* CSS Document */
#mainContent {
  padding-top: 0;
}

#homepageHero {
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
}
#homepageHero .text {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: clamp(60px, 1.6339869281vw + 1.6339869281vw + 1.6339869281vw + 8px + 24px, 90px) var(--padding) calc(var(--paddingTopBottom) + var(--padding));
  position: absolute;
  top: 0;
  left: 0;
}
#homepageHero .text .title {
  width: min(55%, 880px);
}
#homepageHero .text .title > * {
  margin-bottom: 0;
}
#homepageHero .text .info {
  width: min(23%, 370px);
}
#homepageHero .text .info > * {
  margin-bottom: 0;
}

.testimonials .header {
  -moz-column-gap: var(--paddingLow);
       column-gap: var(--paddingLow);
}
.testimonials .header > * {
  width: 50%;
}
.testimonials .header > * > * {
  margin-bottom: 0;
}
.testimonials .header > *:first-child {
  text-wrap: balance;
}
.testimonials .quotes .tabs {
  margin-bottom: var(--paddingLow);
}
.testimonials .quotes .tabs .tab {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 35px;
  cursor: pointer;
}
.testimonials .quotes .tabs .tab:hover, .testimonials .quotes .tabs .tab:active {
  color: var(--lime);
}
.testimonials .quotes .tabs .tab.select {
  color: var(--lime);
  font-weight: 500;
  border-bottom: 2px solid var(--lime);
}
.testimonials .quotes .author > * {
  width: 100%;
}
.testimonials .quotes .author .img {
  max-width: 170px;
  padding-right: 20px;
}
.testimonials .quotes .author .text {
  padding-left: 20px;
  border-left: 1px solid white;
}
.testimonials .quotes .author .text > * {
  margin-bottom: 0;
}

.stcText {
  overflow: hidden;
}
.stcText .text {
  max-width: 88%;
  float: right;
  margin-bottom: 0;
}
.stcText img {
  max-width: 80px;
  margin: 20px var(--paddingLow) 20px 0;
}

.ownerMessage .flex {
  -moz-column-gap: var(--paddingLow);
       column-gap: var(--paddingLow);
}
.ownerMessage .flex .img {
  width: 26%;
  max-width: 300px;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
.ownerMessage .flex .text {
  width: 80%;
}
.ownerMessage .flex .text .tab {
  line-height: 1.2;
}

.industryRec .flex {
  max-width: 1114px;
  margin: 0 auto;
}
.industryRec .flex > * {
  width: 20%;
}
.industryRec .flex > * .img {
  background-color: var(--greyDark);
  border: 1px solid var(--grey);
  margin-bottom: 16px;
  position: relative;
}
.industryRec .flex > * .img > div {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.industryRec .flex > * .img > div img {
  filter: grayscale(100%);
}

.inTheNews .flex {
  margin: 0 auto;
}
.inTheNews .flex > * {
  display: inline-block;
  width: 32.4%;
}
.inTheNews .flex > * .img {
  margin-bottom: 16px;
}

/* .horizontalScroll {
	.scroll {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: stretch;
		position: relative;
		> div, > a {
			display: inline-flex;
			flex-direction: column;
			justify-content: space-between;
			align-items: flex-start;
			vertical-align: middle;
			width: clamp(220px, 28vw, 404px);
			padding: clamp(20px, 3.1%, 40px);
			margin-bottom: 35px;
			box-sizing: border-box;
			border: 1px solid var(--grey);
			border-radius: clamp(18px, 2vw, 29px);
			overflow: hidden;
			position: relative;
			h4, .h4 {
				margin-bottom: var(--padding);
			}
			p {
				margin-bottom: 0;
			}
			&:after {
				content: "\F144";
				color: var(--lime);
				@include bootstrap-icons-styles(clamp(15px, 2.1vw, 30px), block, 1, false, false);
				position: absolute;
				top: clamp(12px, 1.68vw, 24px);
				right: clamp(12px, 1.68vw, 24px);
			}
			&.noArrow {
				&:after {
					display: none;
				}
			}
		}
		> a {
			&:hover, &:active {
				border-color: var(--lime);
				background-color: tint(#00BE9C,97%);
				&:after {
					color: var(--lime);
					transition: color 0.4s $ease-in-out-quint;
				}
			}
		}
		.demo {
			justify-content: center;
			align-items: center;
			background-color: var(--lime);
			&:after {
				display: none;
			}
		}
	}
} */
/* #slider {
	width: 100%;
	overflow: hidden;
	position: relative;
	padding: 20px 0;
	.splide__list {
		margin-bottom: 0;
		> li {
			will-change: opacity;
			.testimonial {
				align-items: stretch;
				.img {
					width: clamp(189px, 21.66vw, 312px) !important;
					border-radius: 21px;
					overflow: hidden;
					&.feat {
						width: clamp(189px, 28.06vw, 404px) !important;
					}
				}
				.text {
					display: inline-flex;
					flex-direction: column;
					flex-wrap: wrap;
					justify-content: center;
					align-items: flex-start;
					width: 65%;
					position: relative;
					.titleHead {
						width: 100%;
						position: absolute;
						top: 0;
						left: 0;
					}
					.tag {
						width: 100%;
						position: absolute;
						bottom: 0;
						left: 0;
					}
					&.feat {
						width: 62.97%;
						.titleHead {
							.readMore {
								opacity: 0.65
							}
						}
					}
				}
			}
			.tag {
				.name {
					font-size: clamp(16px, 1.458vw, 21px);
					line-height: 1;
					font-weight: 500;
					text-transform: uppercase;
					margin-bottom: 10px;
				}
				.title {
					font-size: clamp(14px, 1.18vw, 17px);
					line-height: 1;
				}
			}
		}
	}
	.splide__arrows {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
		width: clamp(68px, 10vw, 100px);
		transform-origin: center center;
		position: absolute;
		top: 20px;
		right: 0;
		z-index: 200;
		.splide__arrow {
			display: inline-block;
			vertical-align: middle;
			width: 30px;
			height: 30px;
			background-color: transparent;
			cursor: pointer;
			background: url(/_images/slider_arrow.svg) no-repeat center;
			background-size: contain;
			transition: opacity 0.2s $ease-in-out-quad;
			&.splide__arrow--prev {
				transform: rotate(180deg);
			}
			&:hover, &:active {
				opacity: 0.5;
			}
			&[disabled] {
				opacity: 0;
			}
		}
	}
	.splide__pagination {
		width: auto;
		position: absolute;
		top: 26px;
		right: calc(var(--padding) + 20px);
		z-index: 100;
		li {
			&:not(.splide__pagination--last):not(.splide__pagination--2ndlast) {
				position: absolute;
				top: 0;
				left: 0;
			}
			&:not(.splide__pagination--last) {
				.splide__pagination__page {
					opacity: 0;
					pointer-events: none;
				}
			}
			.splide__pagination__page {
				padding: 7px;
				background-color: transparent;
				&.is-active {
					opacity: 1;
					//pointer-events: auto;
				}
			}
			&.splide__pagination--last {
				.splide__pagination__page {
					padding-left: 0;
					pointer-events: none;
					&:before {
						content: "/  ";
						white-space: pre-wrap;
					}
				}
			}
			button {
				color: black;
			}
		}
	}
} */
@media (max-width: 768px) {
  #homepageHero {
    margin-top: var(--paddingHighMobile);
  }
  #homepageHero .text {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    text-align: center;
  }
  #homepageHero .text .info {
    margin-bottom: 0;
  }
  .stcText {
    overflow: hidden;
  }
  .stcText .text {
    max-width: none;
    float: none;
    margin-bottom: 20px;
  }
  .stcText img {
    margin: 20px auto;
  }
  .content:has(.stcText) h2 span {
    display: none;
  }
  .industryRec .flex {
    max-width: 88%;
    flex-wrap: wrap;
    margin-top: var(--paddingMobile);
  }
  .industryRec .flex > * {
    width: 36%;
    margin: 0 var(--padding) var(--paddingMobile);
  }
  /* .horizontalScroll {
  	display: flex;
  	flex-direction: row;
  	justify-content: center;
  	overflow: hidden;
  	overflow-y: auto !important;
  	-ms-overflow-style: none;
  	scrollbar-width: none;
  	position: relative;
  	&::-webkit-scrollbar {
  		display: none;
  	}
  	.scroll {
  		flex-wrap: nowrap;
  		justify-content: flex-start;
  		overflow: hidden;
  		overflow-x: auto;
  		width: auto;
  		-ms-overflow-style: none;
  		scrollbar-width: none;
  		&::-webkit-scrollbar {
  			display: none;
  		}
  		> div, > a {
  			min-width: 244px;
  			margin-right: 22px;
  			&:last-child {
  				margin-right: 0;
  			}
  		}
  	}
  } */
  /* #slider {
  	.splide__list {
  		> li {
  			.testimonial {
  				.text {
  					padding-top: 20px;
  					.titleHead {
  						position: static;
  						.h6large {
  							margin-bottom: 5px;
  						}
  					}
  					.tag {
  						position: static;
  						margin-top: var(--padding);
  					}
  				}
  			}
  		}
  	}
  } */
}