html {
	scroll-behavior: smooth;
}

body {
    font-family: 'Mulish', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'DM Sans', sans-serif;
}

.font-heading {
    font-family: 'DM Sans', sans-serif;
}

.font-body {
    font-family: 'Mulish', sans-serif;
}

.footer-link {
    color: rgba(255, 255, 255, 0.35);
    font-family: 'Mulish', sans-serif;
    font-size: 13.12px;
    font-style: normal;
    font-weight: 400;
    line-height: 21.648px;
    transition: color 0.2s ease;
}

.footer-link:hover {
    color: #ffffff;
}

.equipment-hero-parallax {
	perspective: 1000px;
}

.equipment-hero-parallax-shape,
.equipment-hero-parallax-device {
	will-change: transform;
}

.equipment-hero-parallax-shape,
.equipment-hero-parallax-device {
	--parallax-x: 0px;
	--parallax-y: 0px;
	will-change: transform;
}

.equipment-hero-parallax-shape {
	transform: translate3d(var(--parallax-x), var(--parallax-y), 0) rotate(30deg);
}

.equipment-hero-parallax-device {
	transform: translate3d(var(--parallax-x), var(--parallax-y), 0);
}

:root {
	--gallery-overlay-in-duration: 390ms;
	--gallery-overlay-out-duration: 330ms;

	--gallery-title-in-duration: 390ms;
	--gallery-title-out-duration: 270ms;

	--gallery-text-in-duration: 480ms;
	--gallery-text-out-duration: 330ms;

	--gallery-title-in-delay: 180ms;
	--gallery-text-in-delay: 360ms;

	--gallery-title-out-delay: 180ms;
	--gallery-overlay-out-delay: 390ms;

	--gallery-text-distance-x: -28px;
	--gallery-text-distance-y: -22px;
}

.faq-item.active .faq-icon {
	transform: rotate(45deg);
}

@media (max-width: 1279px) {
	.gallery-card-overlay {
		opacity: 1 !important;
	}

	.gallery-card-title,
	.gallery-card-text {
		opacity: 1 !important;
		transform: none !important;
	}
}

@media (min-width: 1280px) {
	.gallery-card-overlay {
		display: block;
		opacity: 0;
		transition:
			opacity var(--gallery-overlay-out-duration) ease var(--gallery-overlay-out-delay);
	}

	.gallery-card-title {
		opacity: 0;
		transform: translate3d(0, -10px, 0);
		transition:
			opacity var(--gallery-title-out-duration) ease var(--gallery-title-out-delay),
			transform var(--gallery-title-out-duration) ease var(--gallery-title-out-delay);
	}

	.gallery-card-text {
		opacity: 0;
		transform: translate3d(var(--gallery-text-distance-x), var(--gallery-text-distance-y), 0);
		transition:
			opacity var(--gallery-text-out-duration) ease,
			transform var(--gallery-text-out-duration) ease;
	}

	.gallery-card.is-active .gallery-card-overlay {
		opacity: 1;
		transition:
			opacity var(--gallery-overlay-in-duration) ease;
	}

	.gallery-card.is-active .gallery-card-title {
		opacity: 1;
		transform: translate3d(0, 0, 0);
		transition:
			opacity var(--gallery-title-in-duration) ease var(--gallery-title-in-delay),
			transform var(--gallery-title-in-duration) ease var(--gallery-title-in-delay);
	}

	.gallery-card.is-active .gallery-card-text {
		opacity: 1;
		transform: translate3d(0, 0, 0);
		transition:
			opacity var(--gallery-text-in-duration) ease var(--gallery-text-in-delay),
			transform var(--gallery-text-in-duration) ease var(--gallery-text-in-delay);
	}
}
/* 
@media (min-width: 1024px) and (max-width: 1599px) {
	.hardware-savings-section > div {
		gap: 32px;
	}

	.hardware-savings-copy {
		width: 340px;
		padding-left: 0;
	}

	.hardware-savings-copy h2 {
		font-size: 64px;
		line-height: 60px;
	}

	.hardware-savings-copy p {
		max-width: 320px;
		font-size: 16px;
		line-height: 26px;
	}

	.hardware-savings-cards {
		gap: 24px;
	}

	.hardware-savings-card > div.relative,
	.hardware-savings-card:not(.relative) {
		padding-left: 32px;
		padding-right: 32px;
	}

	.hardware-savings-card h3 {
		font-size: 42px;
		line-height: 42px;
	}

	.hardware-savings-card li {
		font-size: 16px;
		line-height: 26px;
	}

	.hardware-savings-card ul {
		gap: 18px;
	}
} */