.elementor-40 .elementor-element.elementor-element-abb994b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-64efa1c */#ff-home {
	--ff-red: #ED1B30;
	--ff-dark-red: #AF2224;
	--ff-black: #010101;
	--ff-charcoal: #17191C;
	--ff-white: #FFFFFF;
	--ff-off-white: #F8F8F5;
	--ff-border: #E8E8E5;
	--ff-muted: #64676B;

	/* HERO */
	--ff-hero: url('https://falconfireuae.com/wp-content/uploads/2026/08/falcon-fire-home-hero-fire-pump.jpg');

	/* PRODUCT RANGE IMAGES */
	--ff-img-pumps: url('https://falconfireuae.com/wp-content/uploads/2026/08/fire-pumps-section-hero.png');
	--ff-img-suppression: url('https://falconfireuae.com/wp-content/uploads/2026/08/fire-suppression-system.png');
	--ff-img-valves: url('https://falconfireuae.com/wp-content/uploads/2026/08/valves-and-fittings.png');
	--ff-img-extinguishers: url('https://falconfireuae.com/wp-content/uploads/2026/08/fire-extinguishers-falcon-gold.png');
	--ff-img-cabinets: url('https://falconfireuae.com/wp-content/uploads/2026/08/fire-cabinets-falcon-gold.png');
	--ff-img-hydrants: url('https://falconfireuae.com/wp-content/uploads/2026/08/fire-hydrants.png');

	font-family: Inter, Arial, sans-serif;
	color: var(--ff-charcoal);
	background: var(--ff-white);
	overflow: hidden;
}


#ff-home *,
#ff-home *::before,
#ff-home *::after {
	box-sizing: border-box;
}


#ff-home a {
	text-decoration: none;
}


#ff-home button {
	font-family: inherit;
}


/* =========================================================
   GLOBAL
   ========================================================= */

.ffh-container {
	width: min(1400px, calc(100% - 64px));
	margin-inline: auto;
}


.ffh-section {
	padding: 76px 0;
}


.ffh-section--soft {
	background: var(--ff-off-white);
}


.ffh-kicker {
	display: flex;
	align-items: center;
	gap: 10px;

	margin: 0 0 12px;

	font-size: 12px;
	line-height: 1.4;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;

	color: var(--ff-dark-red);
}


.ffh-kicker::before {
	content: "";

	width: 25px;
	height: 2px;

	background: var(--ff-red);

	flex: 0 0 auto;
}


.ffh-title {
	margin: 0;

	color: var(--ff-black);

	font-size: clamp(31px, 3.4vw, 46px);
	line-height: 1.08;
	font-weight: 700;
	letter-spacing: -0.025em;
}


.ffh-copy {
	max-width: 760px;

	margin: 16px 0 0;

	font-size: 16px;
	line-height: 1.7;

	color: #4F5357;
}


.ffh-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;

	gap: 30px;

	margin-bottom: 34px;
}


.ffh-head__copy {
	max-width: 820px;
}


.ffh-head__actions {
	display: flex;
	align-items: center;

	gap: 16px;

	flex: 0 0 auto;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.ffh-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-height: 48px;

	padding: 0 25px;

	border: 1px solid var(--ff-red);
	border-radius: 5px;

	background: var(--ff-red);

	color: #fff !important;

	font-size: 14px;
	font-weight: 700;
	line-height: 1;

	transition:
		background 0.2s ease,
		border-color 0.2s ease,
		transform 0.2s ease;
}


.ffh-button:hover {
	background: var(--ff-dark-red);
	border-color: var(--ff-dark-red);

	transform: translateY(-1px);
}


.ffh-button--light {
	background: #fff;
	border-color: #D9D9D7;

	color: var(--ff-black) !important;
}


.ffh-button--light:hover {
	background: #F4F4F1;
	border-color: #C9C9C6;
}


.ffh-button--outline-white {
	background: transparent;

	border-color: rgba(255,255,255,0.55);

	color: #fff !important;
}


.ffh-button--outline-white:hover {
	background: #fff;
	border-color: #fff;

	color: var(--ff-black) !important;
}


/* =========================================================
   SHARED SLIDER CONTROLS
   ========================================================= */

.ffh-slider-controls {
	display: flex;

	gap: 8px;

	flex: 0 0 auto;
}


.ffh-slider-arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 46px;
	height: 46px;

	padding: 0;

	border: 1px solid #D8D8D5;
	border-radius: 50%;

	background: #fff;

	color: var(--ff-black);

	font-size: 22px;
	line-height: 1;

	cursor: pointer;

	transition:
		background 0.2s ease,
		border-color 0.2s ease,
		color 0.2s ease,
		transform 0.2s ease;
}


.ffh-slider-arrow:hover {
	background: var(--ff-red);
	border-color: var(--ff-red);

	color: #fff;

	transform: translateY(-1px);
}


/* =========================================================
   HERO
   ========================================================= */

.ffh-hero {
	position: relative;

	display: flex;
	align-items: center;

	min-height: 650px;

	overflow: hidden;

	background-color: #F5F5F3;
	background-image: var(--ff-hero);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}


.ffh-hero::before {
	content: "";

	position: absolute;

	inset: 0;

	background:
		linear-gradient(
			90deg,
			rgba(255,255,255,1) 0%,
			rgba(255,255,255,0.99) 30%,
			rgba(255,255,255,0.97) 41%,
			rgba(255,255,255,0.82) 50%,
			rgba(255,255,255,0.42) 61%,
			rgba(255,255,255,0.10) 74%,
			rgba(255,255,255,0) 84%
		);
}


.ffh-hero__inner {
	position: relative;
	z-index: 2;

	width: 48%;
	max-width: 650px;

	padding: 72px 0;
}


.ffh-hero h1 {
	margin: 0 0 23px;

	font-size: clamp(48px, 5vw, 72px);
	line-height: 1.01;
	letter-spacing: -0.045em;
	font-weight: 700;

	color: var(--ff-black);
}


.ffh-hero h1 span {
	display: block;

	color: var(--ff-red);
}


.ffh-hero__copy {
	max-width: 590px;

	margin: 0 0 28px;

	font-size: 16px;
	line-height: 1.72;

	color: #3F4347;
}


.ffh-hero__buttons {
	display: flex;
	flex-wrap: wrap;

	gap: 12px;
}


/* =========================================================
   PRODUCT RANGES
   ========================================================= */

.ffh-ranges-wrap {
	position: relative;

	scroll-margin-top: 110px;
}


.ffh-ranges {
	display: grid;

	grid-auto-flow: column;
	grid-auto-columns: calc((100% - 54px) / 4);

	gap: 18px;

	overflow-x: auto;
	overflow-y: hidden;

	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	scrollbar-width: none;

	padding: 2px 1px 12px;

	-webkit-overflow-scrolling: touch;
}


.ffh-ranges::-webkit-scrollbar {
	display: none;
}


.ffh-range {
	position: relative;

	height: 305px;

	overflow: hidden;

	border-radius: 8px;

	background: #FFFFFF;

	isolation: isolate;

	scroll-snap-align: start;
	scroll-snap-stop: always;
}


.ffh-range__image {
	position: absolute;

	inset: 0;

	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;

	transform: scale(0.86);

	transition:
		transform 0.42s cubic-bezier(0.2,0.7,0.2,1);
}


.ffh-range--pumps .ffh-range__image {
	background-image: var(--ff-img-pumps);
}


.ffh-range--suppression .ffh-range__image {
	background-image: var(--ff-img-suppression);
}


.ffh-range--valves .ffh-range__image {
	background-image: var(--ff-img-valves);
}


.ffh-range--extinguishers .ffh-range__image {
	background-image: var(--ff-img-extinguishers);
}


.ffh-range--cabinets .ffh-range__image {
	background-image: var(--ff-img-cabinets);
}


.ffh-range--hydrants .ffh-range__image {
	background-image: var(--ff-img-hydrants);
}


.ffh-range::after {
	content: "";

	position: absolute;

	inset: 0;

	z-index: 1;

	background: rgba(7,9,10,0.57);

	transition:
		background 0.35s ease;
}


.ffh-range__content {
	position: absolute;

	z-index: 2;

	inset: 0;

	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;

	padding: 26px;
}


.ffh-range__content h3 {
	margin: 0;

	font-size: 21px;
	line-height: 1.18;
	font-weight: 700;

	color: #fff;
}


.ffh-range__content span {
	display: inline-block;

	margin-top: 9px;

	font-size: 13px;
	font-weight: 600;

	color: rgba(255,255,255,0.86);
}


@media (hover:hover) and (pointer:fine) {

	.ffh-range:hover .ffh-range__image {
		transform: scale(1.03);
	}


	.ffh-range:hover::after {
		background: rgba(7,9,10,0.13);
	}


	.ffh-range:hover .ffh-range__content {
		background:
			linear-gradient(
				to top,
				rgba(0,0,0,0.72),
				rgba(0,0,0,0.12) 58%,
				transparent 80%
			);
	}

}


/* =========================================================
   VIEW MORE PRODUCTS
   ========================================================= */

.ffh-more-products {
	width: 100%;

	margin-top: 28px;
}


.ffh-more-products__action {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 100%;
}


/* =========================================================
   VIEW MORE BUTTON
   ========================================================= */

.ffh-more-products__toggle {
	appearance: none;
	-webkit-appearance: none;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	gap: 12px;

	min-width: 220px;
	min-height: 50px;

	margin: 0;
	padding: 0 25px;

	background: #FFFFFF;

	border: 1px solid #D7D7D4;
	border-radius: 5px;

	font-family: Inter, Arial, sans-serif;

	font-size: 13px;
	font-weight: 700;
	line-height: 1;

	color: #17191C;

	cursor: pointer;

	transition:
		background 0.2s ease,
		border-color 0.2s ease,
		color 0.2s ease,
		transform 0.2s ease,
		box-shadow 0.2s ease;
}


.ffh-more-products__toggle:hover {
	background: #17191C;

	border-color: #17191C;

	color: #FFFFFF;

	transform: translateY(-1px);

	box-shadow:
		0 7px 18px rgba(0,0,0,0.08);
}


.ffh-more-products__toggle-icon {
	position: relative;

	display: block;

	width: 8px;
	height: 8px;

	margin-top: -4px;

	flex: 0 0 auto;

	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;

	transform: rotate(45deg);

	transition:
		transform 0.25s ease,
		margin-top 0.25s ease;
}


.ffh-more-products__toggle[aria-expanded="true"]
.ffh-more-products__toggle-icon {
	margin-top: 4px;

	transform: rotate(225deg);
}


/* =========================================================
   EXPAND PANEL
   ========================================================= */

.ffh-more-products__panel {
	display: grid;

	grid-template-rows: 0fr;

	opacity: 0;

	margin-top: 0;

	transition:
		grid-template-rows 0.42s cubic-bezier(.2,.7,.2,1),
		opacity 0.28s ease,
		margin-top 0.42s ease;
}


.ffh-more-products__panel.is-open {
	grid-template-rows: 1fr;

	opacity: 1;

	margin-top: 28px;
}


.ffh-more-products__panel-inner {
	min-height: 0;

	overflow: hidden;
}


/* =========================================================
   ADDITIONAL PRODUCTS
   ========================================================= */

.ffh-more-products__grid {
	display: grid;

	grid-template-columns:
		repeat(4, minmax(0, 1fr));

	gap: 18px;

	width: 100%;
}


/* =========================================================
   ADDITIONAL PRODUCT CARD
   SAME VISUAL LANGUAGE AS MAIN RANGE
   ========================================================= */

.ffh-more-range {
	position: relative;

	display: block;

	height: 305px;

	overflow: hidden;

	border-radius: 8px;

	background: #FFFFFF;

	isolation: isolate;

	color: #FFFFFF;
}


.ffh-more-range__image {
	position: absolute;

	inset: 0;

	display: flex;
	align-items: center;
	justify-content: center;

	background: #FFFFFF;

	overflow: hidden;
}


.ffh-more-range__image img {
	display: block;

	width: 100%;
	height: 100%;

	padding: 18px;

	object-fit: contain;
	object-position: center;

	transform: scale(0.88);

	transition:
		transform 0.42s cubic-bezier(.2,.7,.2,1);
}


.ffh-more-range::after {
	content: "";

	position: absolute;

	z-index: 1;

	inset: 0;

	background: rgba(7,9,10,0.57);

	pointer-events: none;

	transition:
		background 0.35s ease;
}


.ffh-more-range__content {
	position: absolute;

	z-index: 2;

	inset: 0;

	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;

	padding: 26px;

	pointer-events: none;
}


.ffh-more-range__content h3 {
	margin: 0;

	max-width: 260px;

	font-family: Inter, Arial, sans-serif;

	font-size: 21px;
	font-weight: 700;
	line-height: 1.18;

	color: #FFFFFF;
}


.ffh-more-range__content span {
	display: inline-block;

	margin-top: 9px;

	font-family: Inter, Arial, sans-serif;

	font-size: 13px;
	font-weight: 600;

	color: rgba(255,255,255,0.86);
}


@media (hover:hover) and (pointer:fine) {

	.ffh-more-range:hover
	.ffh-more-range__image img {
		transform: scale(1.02);
	}


	.ffh-more-range:hover::after {
		background: rgba(7,9,10,0.13);
	}


	.ffh-more-range:hover
	.ffh-more-range__content {
		background:
			linear-gradient(
				to top,
				rgba(0,0,0,0.72),
				rgba(0,0,0,0.12) 58%,
				transparent 80%
			);
	}

}


/* =========================================================
   BRAND MARQUEE
   ========================================================= */

.ffh-brands-marquee {
	position: relative;

	width: 100%;
	height: 82px;

	overflow: hidden;

	background: transparent;

	border: 0;
}


.ffh-brands-marquee::before,
.ffh-brands-marquee::after {
	display: none;
}


.ffh-brands-track {
	display: flex;
	align-items: center;

	width: max-content;
	height: 82px;

	animation: ffBrandsMarquee 31s linear infinite;

	will-change: transform;
}


.ffh-brands-marquee:hover .ffh-brands-track {
	animation-play-state: paused;
}


.ffh-brand-group {
	display: flex;
	align-items: center;

	height: 82px;

	flex: 0 0 auto;
}


.ffh-brand {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 155px;
	height: 82px;

	flex: 0 0 155px;

	padding: 4px 6px;

	background: transparent;

	border: 0;

	transition:
		transform 0.2s ease,
		opacity 0.2s ease;
}


.ffh-brand:hover {
	transform: scale(1.06);

	background: transparent;
}


.ffh-brand img {
	display: block;

	width: 100%;
	height: auto;

	max-width: 176px;
	max-height: 66px;

	object-fit: contain;
	object-position: center;

	filter: none;
}


@keyframes ffBrandsMarquee {

	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-50%);
	}

}


/* =========================================================
   FIRE PROTECTION SOLUTIONS
   ========================================================= */

.ffh-solutions-wrap {
	position: relative;
}


.ffh-solutions {
	display: grid;

	grid-auto-flow: column;
	grid-auto-columns: calc((100% - 54px) / 4);

	gap: 18px;

	overflow-x: auto;
	overflow-y: hidden;

	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;

	padding: 2px 1px 10px;

	-webkit-overflow-scrolling: touch;
}


.ffh-solutions::-webkit-scrollbar {
	display: none;
}


.ffh-solution {
	position: relative;

	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;

	min-height: 285px;

	padding: 28px;

	scroll-snap-align: start;
	scroll-snap-stop: always;

	border: 1px solid #E2E2DF;
	border-radius: 8px;

	background: #fff;

	transition:
		transform 0.22s ease,
		border-color 0.22s ease,
		box-shadow 0.22s ease;
}


.ffh-solution:hover {
	transform: translateY(-4px);

	border-color: rgba(237,27,48,0.35);

	box-shadow:
		0 14px 30px rgba(0,0,0,0.055);
}


.ffh-solution__number {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 52px;
	height: 52px;

	flex: 0 0 52px;

	margin: 0 0 24px;

	border-radius: 6px;

	background: var(--ff-off-white);

	color: var(--ff-red);

	font-size: 16px;
	font-weight: 700;
}


.ffh-solution h3 {
	margin: 0 0 12px;

	font-size: 20px;
	line-height: 1.28;
	font-weight: 700;

	color: var(--ff-black);
}


.ffh-solution p {
	margin: 0;

	font-size: 14px;
	line-height: 1.65;

	color: #5D6064;
}


/* =========================================================
   WHY CHOOSE US
   ========================================================= */

.ffh-why-section .ffh-head {
	margin-bottom: 32px;
}


.ffh-why {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;

	gap: 18px;
}


.ffh-why__item {
	position: relative;

	flex: 0 0 calc(25% - 14px);
	max-width: calc(25% - 14px);

	min-height: 190px;

	padding: 24px 22px 22px;

	background: rgba(255,255,255,0.72);

	border: 1px solid rgba(0,0,0,0.07);
	border-top: 3px solid var(--ff-red);
	border-radius: 7px;

	transition:
		transform 0.22s ease,
		border-color 0.22s ease,
		box-shadow 0.22s ease;
}


.ffh-why__item:hover {
	transform: translateY(-3px);

	border-color: rgba(237,27,48,0.25);

	box-shadow:
		0 12px 28px rgba(0,0,0,0.045);
}


.ffh-why__number {
	display: block;

	margin: 0 0 17px;

	font-size: 11px;
	font-weight: 700;
	line-height: 1;

	letter-spacing: 0.12em;

	color: var(--ff-red);
}


.ffh-why__item h3 {
	margin: 0 0 9px;

	font-size: 17px;
	font-weight: 700;
	line-height: 1.3;

	color: var(--ff-black);
}


.ffh-why__item p {
	margin: 0;

	font-size: 13.5px;
	line-height: 1.62;

	color: #585C60;
}


/* =========================================================
   FINAL CTA
   ========================================================= */

.ffh-cta {
	padding: 68px 0;

	background: var(--ff-charcoal);
}


.ffh-cta__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;

	gap: 50px;
}


.ffh-cta__copy {
	max-width: 760px;
}


.ffh-cta .ffh-kicker {
	color: #fff;

	opacity: 0.75;
}


.ffh-cta h2 {
	margin: 0;

	font-size: clamp(30px,3.2vw,44px);
	line-height: 1.1;

	color: #fff;
}


.ffh-cta p {
	max-width: 720px;

	margin: 15px 0 0;

	font-size: 16px;
	line-height: 1.65;

	color: rgba(255,255,255,0.72);
}


.ffh-cta__buttons {
	display: flex;
	flex-wrap: wrap;

	gap: 10px;

	flex: 0 0 auto;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width:1024px) {

	.ffh-container {
		width: min(100% - 44px, 1400px);
	}


	.ffh-hero {
		min-height: 600px;

		background-position: 62% center;
	}


	.ffh-hero::before {
		background:
			linear-gradient(
				90deg,
				rgba(255,255,255,1) 0%,
				rgba(255,255,255,0.98) 44%,
				rgba(255,255,255,0.83) 63%,
				rgba(255,255,255,0.28) 85%,
				rgba(255,255,255,0.05) 100%
			);
	}


	.ffh-hero__inner {
		width: 58%;
	}


	.ffh-ranges {
		grid-auto-columns:
			calc((100% - 18px) / 2);
	}


	.ffh-more-products__grid {
		grid-template-columns:
			repeat(2, minmax(0, 1fr));
	}


	.ffh-more-range {
		height: 285px;
	}


	.ffh-solutions {
		grid-auto-columns:
			calc((100% - 18px) / 2);
	}


	.ffh-why__item {
		flex-basis: calc(50% - 9px);
		max-width: calc(50% - 9px);

		min-height: 180px;
	}


	.ffh-cta__inner {
		align-items: flex-start;
		flex-direction: column;
	}


	.ffh-brands-marquee,
	.ffh-brands-track,
	.ffh-brand-group {
		height: 76px;
	}


	.ffh-brand {
		width: 145px;
		height: 76px;

		flex-basis: 145px;

		padding: 4px 5px;
	}


	.ffh-brand img {
		max-width: 136px;
		max-height: 42px;
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:640px) {

	.ffh-container {
		width: calc(100% - 30px);
	}


	.ffh-section {
		padding: 48px 0;
	}


	.ffh-head {
		align-items: flex-start;
		flex-direction: column;

		margin-bottom: 25px;

		gap: 20px;
	}


	.ffh-head__actions {
		width: 100%;

		justify-content: flex-end;
	}


	.ffh-title {
		font-size: 31px;
	}


	.ffh-copy {
		font-size: 14px;
		line-height: 1.65;
	}


	.ffh-slider-arrow {
		width: 40px;
		height: 40px;

		font-size: 19px;
	}


	/* =====================================================
	   HERO MOBILE
	   ===================================================== */

	.ffh-hero {
		min-height: 660px;

		align-items: center;

		background-position: 68% center;
	}


	.ffh-hero::before {
		background:
			linear-gradient(
				180deg,
				rgba(255,255,255,0.97) 0%,
				rgba(255,255,255,0.95) 47%,
				rgba(255,255,255,0.84) 70%,
				rgba(255,255,255,0.58) 100%
			);
	}


	.ffh-hero__inner {
		width: 100%;
		max-width: none;

		padding: 28px 21px;

		border-radius: 10px;

		background: rgba(255,255,255,0.88);

		box-shadow:
			0 15px 42px rgba(0,0,0,0.05);
	}


	.ffh-hero h1 {
		font-size: 39px;
		line-height: 1.04;
	}


	.ffh-hero__copy {
		font-size: 14px;
		line-height: 1.62;
	}


	.ffh-hero__buttons {
		display: grid;

		grid-template-columns: 1fr;
	}


	.ffh-hero__buttons .ffh-button {
		width: 100%;
	}


	/* =====================================================
	   PRODUCT RANGES MOBILE
	   ===================================================== */

	.ffh-ranges {
		grid-auto-columns: 86%;

		gap: 12px;
	}


	.ffh-range {
		height: 245px;
	}


	.ffh-range::after {
		background:
			linear-gradient(
				to top,
				rgba(0,0,0,0.69),
				rgba(0,0,0,0.25) 48%,
				rgba(0,0,0,0.08) 100%
			);
	}


	.ffh-range__image {
		transform: scale(0.90);
	}


	.ffh-range__content {
		padding: 21px;
	}


	.ffh-range__content h3 {
		font-size: 20px;
	}


	/* =====================================================
	   MORE PRODUCTS MOBILE
	   ===================================================== */

	.ffh-more-products {
		margin-top: 22px;
	}


	.ffh-more-products__toggle {
		width: 100%;

		min-height: 49px;
	}


	.ffh-more-products__panel.is-open {
		margin-top: 20px;
	}


	.ffh-more-products__grid {
		grid-template-columns: 1fr;

		gap: 12px;
	}


	.ffh-more-range {
		height: 245px;
	}


	.ffh-more-range::after {
		background:
			linear-gradient(
				to top,
				rgba(0,0,0,0.69),
				rgba(0,0,0,0.25) 48%,
				rgba(0,0,0,0.08) 100%
			);
	}


	.ffh-more-range__image img {
		padding: 12px;

		transform: scale(0.91);
	}


	.ffh-more-range__content {
		padding: 21px;
	}


	.ffh-more-range__content h3 {
		font-size: 20px;
	}


	/* =====================================================
	   BRANDS MOBILE
	   ===================================================== */

	.ffh-brands-marquee,
	.ffh-brands-track,
	.ffh-brand-group {
		height: 68px;
	}


	.ffh-brands-track {
		animation-duration: 25s;
	}


	.ffh-brand {
		width: 128px;
		height: 68px;

		flex-basis: 128px;

		padding: 3px 4px;
	}


	.ffh-brand img {
		max-width: 120px;
		max-height: 37px;
	}


	/* =====================================================
	   SOLUTIONS MOBILE
	   ===================================================== */

	.ffh-solutions {
		grid-auto-columns: 86%;

		gap: 12px;
	}


	.ffh-solution {
		min-height: 255px;

		padding: 24px;
	}


	.ffh-solution__number {
		width: 46px;
		height: 46px;

		flex-basis: 46px;

		margin-bottom: 20px;

		font-size: 14px;
	}


	.ffh-solution h3 {
		font-size: 19px;
	}


	/* =====================================================
	   WHY MOBILE
	   ===================================================== */

	.ffh-why {
		display: grid;

		grid-auto-flow: column;
		grid-auto-columns: 86%;

		justify-content: initial;

		gap: 12px;

		overflow-x: auto;
		overflow-y: hidden;

		padding: 2px 1px 8px;

		scroll-snap-type: x mandatory;
		scrollbar-width: none;

		-webkit-overflow-scrolling: touch;
	}


	.ffh-why::-webkit-scrollbar {
		display: none;
	}


	.ffh-why__item {
		width: auto;
		max-width: none;

		min-height: 190px;

		scroll-snap-align: start;

		padding: 22px 20px;
	}


	.ffh-why__number {
		margin-bottom: 15px;
	}


	.ffh-why__item h3 {
		font-size: 17px;
	}


	/* =====================================================
	   CTA MOBILE
	   ===================================================== */

	.ffh-cta {
		padding: 52px 0;
	}


	.ffh-cta__buttons {
		display: grid;

		width: 100%;

		grid-template-columns: 1fr;
	}


	.ffh-cta__buttons .ffh-button {
		width: 100%;
	}

}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

@media (prefers-reduced-motion:reduce) {

	.ffh-brands-track {
		animation-play-state: paused;
	}


	.ffh-ranges,
	.ffh-solutions {
		scroll-behavior: auto;
	}


	.ffh-range__image,
	.ffh-range,
	.ffh-more-products__panel,
	.ffh-more-products__toggle,
	.ffh-more-range__image img,
	.ffh-solution,
	.ffh-button,
	.ffh-slider-arrow,
	.ffh-why__item {
		transition: none;
	}

}/* End custom CSS */