:root {
  --row-width: 1800px;
	--row-width-xs: 1160px;
  --row-width-xxs: 1010px;
	--gold: #f6be39;
	--dark-blue: #102434;
	--light-gray: #969696;
  --dark-gray: #3a484b;
	--simple-font: 'Roboto',sans-serif;
	--scroll-arrow-size: 40px;
}

.testimonial-row {
	padding: 0px 20px;
}

@media (max-width: 768px) {
	.testimonial-row {
		padding: 0px;
	}
}

.inner-row {
max-width: var(--row-width);
padding: 0px;
margin: 0px auto;
}

.inner-row-xs {
max-width: var(--row-width-xs);
margin: 0px auto;
background-color: #fff;
border-radius: 10px;
padding: 15px 40px 35px;
}

@media (max-width: 768px) {
	.inner-row-xs {
		padding: 15px 20px 35px;
	}
}

.inner-row-xxs {
max-width: var(--row-width-xxs);
padding: 0px;
margin: 0px auto;
}

@media (max-width: 768px) {
.hide-on-mobile {
display: none !important;
}
}

@media (min-width: 769px) {
.hide-on-large-screens {
display: none !important;
}
}

.carousel-scroll-container {
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
}

.carousel-scroll-track {
display: flex;
flex-wrap: nowrap;
}

.carousel-item {
flex: 0 0 100%;
scroll-snap-align: start;
}

.no-scroll-bar {
-webkit-overflow-scrolling: touch; 
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* IE/Edge */
}

.no-scroll-bar::-webkit-scrollbar {
display: none; /* Chrome/Safari/Opera */
}

.testimonial-content {
	padding: 0px 60px 15px;
	display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

@media (max-width: 992px) {
	.testimonial-content {
		padding: 0px 80px 15px;
	}
}

@media (max-width: 768px) {
	.testimonial-content {
		padding: 0px 0px 15px;
	}
}

.member-logo img {
	display: block;
	margin: 20px auto;
}

@media (max-width: 768px) {
	.member-logo img {
		width: 60%;
	}
}

.member-quote, .member-title {
	font-family: var(--simple-font);
	color: #000;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
}

.member-quote {
	font-style: italic;
}

.member-name {
	font-family: var(--simple-font);
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #2c5d86;
  text-align: center;
	text-transform: uppercase;
	margin: 20px 0px 5px;
}

.carousel-dots {
  width: 100%;
  text-align: center;
}

.dot {
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  display: inline-block;
  height: 12px;
  width: 12px;
  margin: 0 5px;
  background-color: #bbb;
  border-radius: 50%;
  transition: background-color 0.3s ease;
}

.dot.active {
  background-color: var(--gold);
}

.carousel-nav-buttons {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
}

.carousel-button {
cursor: pointer;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
background-color: var(--light-gray);
border-radius: 50%;
width: var(--scroll-arrow-size);
height: var(--scroll-arrow-size);
display: flex;
justify-content: center;
align-items: center;
font-weight: 600;
font-size: 20px;
font-family: var(--simple-font);
color: #fff;
position: absolute;
top: calc(50% - (var(--scroll-arrow-size) / 2));
}

.prev {
left: 0%;
}

.next {
right: 0%;
}

.carousel-button:hover {
background-color: var(--dark-blue);
}

/* Invisible metronome for driving autoplay */
@keyframes autoplay-tick {
  0% { opacity: 0.9999; }  /* (non-zero change helps ensure iterations fire reliably) */
  100% { opacity: 1; }
}

@media (min-width: 769px) {
.autoplay-ticker {
  position: absolute;      /* keep it off-layout */
  width: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
  animation-name: autoplay-tick;
  animation-duration: 5000ms;    /* <-- autoplay interval (5s per slide) */
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-play-state: running; /* can be 'paused' to stop */
}
}

.fl-menu .fl-menu-mobile-toggle rect, .fl-menu .fl-menu-mobile-toggle.hamburger .hamburger-menu rect {
  height: 40px !important;
}