:root {
	 --grey: #f0f2f3;
	 --beige: #f0f2f3;
	 --slate: #a4a7ae;
	 --lightGrey: #e2e5e7;
}
 HTML {
	 scroll-behavior: smooth;
}
 BODY {
	 font-family: "DM Sans", sans-serif;
}

/* Hover Underline */
.hover-underline {
	position: relative;
}
.hover-underline::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0%;
	height: 1px;
	background-color: black;
	transition: 0.3s ease;
}
.hover-underline:hover::after {
	width:100%;
}

/* Price Grid Dark */
 .price-grid--light .price__wrapper:nth-child(4n+1) .price__item, .price-grid--light .price__wrapper:nth-child(4n+2) .price__item {
	background-color: white !important;
}
 .price-grid--light .price__wrapper:nth-child(4n+3) .price__item, .price-grid--light .price__wrapper:nth-child(4n+4) .price__item {
	background-color: var(--beige) !important;
}

/* Mobile Navigation */
.mobile-navigation {
	transition: 0.4s;
}
.mobile-navigation.mobile-navigation--open {
	left: 0%;
}

/* Header Scroll */
HEADER .container, HEADER .logo, HEADER {
     transition: 0.3s;
}
 HEADER.header--scrolled {
	 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	 background-color: black;
}
HEADER.header--scrolled .container .logo {
	 max-width: 100px;
}

/* Hubpot Form */
FORM {
	background-color: white;
}


/* End Hubpot Form */


/* Media Queries */
@media screen and (min-width: 1550px) {
	.container--wide {
		 max-width: 1735px;
	}
}
@media screen and (min-width: 1024px) {
	HEADER.header--scrolled .container {
		padding-block: 5px;
	}
}
 @media screen and (max-width: 1023px) {
	 .price-grid.price-grid--dark .price__wrapper:nth-of-type(odd) .price__item {
		 background-color: black !important;
		 color:white;
	}
	 .price-grid.price-grid--dark .price__wrapper:nth-of-type(even) .price__item {
		 background-color: var(--grey) !important;
		 color: black;
	}
	.mobile-menu-toggle.mobile-menu-toggle--open .menu__bar:nth-child(1), .mobile-menu-toggle.mobile-menu-toggle--open .menu__bar:nth-child(3) {
		position: relative;
		width: 32px;
	}
	.mobile-menu-toggle.mobile-menu-toggle--open .menu__bar:nth-child(1) {
		top: 10px;
		transform: rotate(45deg);
	}
	.mobile-menu-toggle.mobile-menu-toggle--open .menu__bar:nth-child(3) {
		top: -10px;
		transform: rotate(-45deg);
	}
	.mobile-menu-toggle.mobile-menu-toggle--open .menu__bar:nth-child(2) {
		opacity: 0;
	}
}
 @media screen and (max-width: 639px) {
	 .price-grid.price-grid--light .price__wrapper:nth-of-type(odd) .price__item {
		 background-color: white !important;
	}
	 .price-grid.price-grid--light .price__wrapper:nth-of-type(even) .price__item {
		 background-color: var(--beige) !important;
	}
	.mobile-menu-toggle.mobile-menu-toggle--open .menu__bar:nth-child(1), .mobile-menu-toggle.mobile-menu-toggle--open .menu__bar:nth-child(3) {
		width: 22px;
	}
	.mobile-menu-toggle.mobile-menu-toggle--open .menu__bar:nth-child(1) {
		top: 6px;
	}
	.mobile-menu-toggle.mobile-menu-toggle--open .menu__bar:nth-child(3) {
		top: -6px;
	}
}