


.w-nav:before,
.w-nav:after {
	content: " ";
	grid-area: 1/1/2/2;
	display: table;
}

.w-nav:after {
	clear: both;
}

.w-nav-brand {
	float: left;
	color: #333;
	text-decoration: none;
	position: relative;
}

.w-nav-link {
	vertical-align: top;
	color: #222;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	text-decoration: none;
	display: inline-block;
	position: relative;
}

.w-nav-link.w--current {
	color: #0082f3;
}

.w-nav-menu {
	float: right;
	position: relative;
}

[data-nav-menu-open] {
	text-align: center;
	background: #c8c8c8;
	min-width: 200px;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	overflow: visible;
	display: block !important;
}

.w--nav-link-open {
	display: block;
	position: relative;
}

.w-nav-overlay {
	width: 100%;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	overflow: hidden;
}

.w-nav-overlay [data-nav-menu-open] {
	top: 0;
}

.w-nav[data-animation=over-left] .w-nav-overlay {
	width: auto;
}

.w-nav[data-animation=over-left] .w-nav-overlay,
.w-nav[data-animation=over-left] [data-nav-menu-open] {
	z-index: 1;
	top: 0;
	right: auto;
}

.w-nav[data-animation=over-right] .w-nav-overlay {
	width: auto;
}

.w-nav[data-animation=over-right] .w-nav-overlay,
.w-nav[data-animation=over-right] [data-nav-menu-open] {
	z-index: 1;
	top: 0;
	left: auto;
}

.w-nav-button {
	float: right;
	cursor: pointer;
	-webkit-tap-highlight-color: #0000;
	tap-highlight-color: #0000;
	-webkit-user-select: none;
	user-select: none;
	padding: 18px;
	font-size: 24px;
	display: none;
	position: relative;
}

.w-nav-button:focus {
	outline: 0;
}

.w-nav-button.w--open {
	color: #fff;
}

.w-nav[data-collapse=all] .w-nav-menu {
	display: none;
}

.w-nav[data-collapse=all] .w-nav-button,
.w--nav-dropdown-open,
.w--nav-dropdown-toggle-open {
	display: block;
}

.w--nav-dropdown-list-open {
	position: static;
}

@media screen and (max-width:991px) {
	.w-nav[data-collapse=medium] .w-nav-menu {
		display: none;
	}

	.w-nav[data-collapse=medium] .w-nav-button {
		display: block;
	}
}

@media screen and (max-width:767px) {
	.w-nav[data-collapse=small] .w-nav-menu {
		display: none;
	}

	.w-nav[data-collapse=small] .w-nav-button {
		display: block;
	}

	.w-nav-brand {
		padding-left: 10px;
	}
}

@media screen and (max-width:479px) {
	.w-nav[data-collapse=tiny] .w-nav-menu {
		display: none;
	}

	.w-nav[data-collapse=tiny] .w-nav-button {
		display: block;
	}
}

.w-tabs {
	position: relative;
}

.w-tabs:before,
.w-tabs:after {
	content: " ";
	grid-area: 1/1/2/2;
	display: table;
}

.w-tabs:after {
	clear: both;
}

.w-tab-menu {
	position: relative;
}

.w-tab-link {
	vertical-align: top;
	text-align: left;
	cursor: pointer;
	color: #222;
	background-color: #ddd;
	padding: 9px 30px;
	text-decoration: none;
	display: inline-block;
	position: relative;
}

.w-tab-link.w--current {
	background-color: #c8c8c8;
}

.w-tab-link:focus {
	outline: 0;
}

.w-tab-content {
	display: block;
	position: relative;
	overflow: hidden;
}

.w-tab-pane {
	display: none;
	position: relative;
}

.w--tab-active {
	display: block;
}

@media screen and (max-width:479px) {
	.w-tab-link {
		display: block;
	}
}

.w-ix-emptyfix:after {
	content: "";
}

@keyframes spin {
	0% {
		transform: rotate(0);
	}

	to {
		transform: rotate(360deg);
	}
}

.w-dyn-empty {
	background-color: #ddd;
	padding: 10px;
}

.w-dyn-hide,
.w-dyn-bind-empty,
.w-condition-invisible {
	display: none !important;
}

.wf-layout-layout {
	display: grid;
}




.number-block-text-bullet {
	background-color: var(--primitives--shark);
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	display: flex;
}

.number-block-text-bullet-text {
	color: var(--primitives--white);
	flex: 0 auto;
}

.number-block-text-title {
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	line-height: 140%;
}

.number-block-text-text {
	color: var(--text--text-secondary);
	text-align: center;
	font-size: 14px;
}

.grid-6 {
	grid-column-gap: 64px;
	grid-row-gap: 64px;
	grid-template-rows: auto;
}

.text-field {
	border-radius: var(--border--radius-md);
	border: 1px solid #d0d5dd;
}

.text-field.text-area {
	min-height: 180px;
}

.form {
	grid-column-gap: 24px;
	grid-row-gap: 24px;
	flex-flow: column;
	justify-content: flex-start;
	align-items: flex-start;
	display: flex;
}

.checkbox {
	width: 20px;
	height: 20px;
	margin-top: 0;
	margin-right: 12px;
}

.checkbox.w--redirected-checked {
	height: 20px;
}

.checkbox-field {
	justify-content: flex-start;
	align-items: center;
	display: flex;
}

.success-message {
	background-color: #f4f4f4;
	padding: 24px;
}

.error-message {
	margin-top: 24px;
	padding: 14px 16px;
}

.text-block {
	color: #e23939;
}

.div-block-25 {
	justify-content: flex-start;
	align-items: center;
	display: flex;
}

.utility-page-form {
	flex-direction: column;
	align-items: stretch;
	display: flex;
}

.image-11 {
	object-fit: cover;
	height: 190px;
}

.fs-table-2_instance {
	display: block;
}

.fs-table-2_cell {
	text-align: left;
	border: 1px solid #ddd;
	padding: 8px;
}

.fs-table-2_row {
	text-align: left;
	border: 1px solid #ddd;
}

.fs-table-2_table {
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #ddd;
	width: 100%;
}

.image-12 {
	flex: 1;
}

.div-block-26,
.div-block-27,
.div-block-28 {
	align-self: stretch;
}

.link-2 {
	color: #fff;
	background-color: #222;
	border-radius: 8px;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 217px;
	height: 56px;
	margin-bottom: 16px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 48px;
	padding-right: 44px;
	
	font-size: 18px;
	font-weight: 500;
	text-decoration: none;
	display: flex;
}

.div-block-29 {
	height: 42px;
}

.app-pricing-header {
	
	margin-top: 0;
	margin-bottom: 0;
	font-size: 2.5rem;
	font-weight: 600;
	line-height: 98%;
}

.content-template-spacer {
	height: 120px;
}

.heading-4 {
	
	font-size: 60px;
	line-height: 98%;
}

.hero-bottom-store-buttons {
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	flex: 0 auto;
	justify-content: flex-start;
	align-items: center;
	display: flex;
}

.apple-store-image-large {
	flex: 1;
	max-width: none;
	height: 35px;
}

.google-play-image-large {
	height: 38px;
}

.google-play-large {
	background-color: var(--components--primary);
	border-radius: 6px;
	justify-content: center;
	align-items: center;
	height: 56px;
	padding-left: 12px;
	padding-right: 16px;
	display: flex;
}

.hero-bottom-stores {
	grid-column-gap: 24px;
	grid-row-gap: 24px;
	justify-content: flex-start;
	align-items: center;
	padding-top: 60px;
	display: flex;
}

.hero-stores {
	flex-flow: column;
	padding-top: 0;
	padding-bottom: 84px;
	display: flex;
}

.hero-stores.custom {
	padding-bottom: 84px;
}

.hero-top-stores {
	grid-column-gap: 24px;
	grid-row-gap: 24px;
	flex-flow: column;
	max-width: 720px;
	padding-top: 60px;
	font-size: 20px;
	font-weight: 400;
	line-height: 150%;
	display: flex;
}

.hero-top-stores.custom {
	max-width: 740px;
	padding-top: 60px;
}

.article-store {
	grid-column-gap: 60px;
	grid-row-gap: 60px;
	border-top: var(--border--width-md)solid var(--components--outline-secondary);
	justify-content: flex-start;
	align-items: flex-start;
	padding-top: 84px;
	padding-bottom: 84px;
	display: flex;
}

.grid-7 {
	grid-column-gap: 80px;
	grid-row-gap: 80px;
	grid-template-rows: auto auto;
	grid-template-columns: 1fr;
	grid-auto-columns: 1fr;
	padding: 16px;
	display: grid;
}

.development-block {
	border: 1px solid var(--primitives--bon-jour);
	flex-flow: column;
	align-items: center;
	display: flex;
}

.div-block-30 {
	background-color: var(--primitives--spring-wood);
	padding-bottom: 60px;
}

.rating-top-text {
	display: inline;
}

.div-block-31 {
	font-size: 24px;
}

.div-block-32 {
	max-width: 931px;
	font-size: 11px;
	font-weight: 500;
	line-height: 120%;
}

.heading-5 {
	margin-bottom: 36px;
}

.switcher-container {
	cursor: pointer;
	background-color: #1f2226;
	border-radius: 1000px;
	justify-content: center;
	align-items: center;
	padding: 4px;
	display: flex;
	position: relative;
}

.switcher-element {
	color: var(--components--on-primary);
	z-index: 1;
	padding: 8px 20px;
	font-size: 14px;
	line-height: 150%;
}

.switcher-element.switcher-element-monthly {
	pointer-events: none;
}

.switcher-element.switcher-element-monthly.switcher-element-active {
	color: var(--text--text-primary);
}

.switcher-element.switcher-element-yearly.switcher-element-active {
	pointer-events: none;
	color: var(--text--text-primary);
	z-index: 1;
}

.switcher-toggle {
	pointer-events: none;
	z-index: 0;
	background-color: #fff;
	border-radius: 1000px;
	width: 229px;
	position: absolute;
	top: 4px;
	bottom: 4px;
	right: 4px;
}

.new-pricing-plans {
	grid-column-gap: 24px;
	grid-row-gap: 24px;
	display: flex;
}

.new-pricing-plans.new-pricing-plans-monthly {
	display: none;
}

.new-pricing-plans.new-pricing-plans-monthly.new-pricing-plans-active {
	display: flex;
}

.new-pricing-plans.new-pricing-plans-yearly {
	display: none;
}

.new-pricing-plans.new-pricing-plans-yearly.new-pricing-plans-active {
	display: flex;
}

.new-pricing-plan-item {
	width: 100%;
	max-width: 378px;
	position: relative;
}

.new-pricing-plan-header {
	grid-column-gap: 36px;
	grid-row-gap: 36px;
	border: 1px solid #e9e9e9;
	border-radius: 4px 4px 0 0;
	flex-flow: column;
	padding: 36px 48px;
	display: flex;
}

.new-pricing-plan-footer {
	grid-column-gap: 36px;
	grid-row-gap: 36px;
	border: 1px solid #e9e9e9;
	border-top-style: none;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	padding: 24px 36px 36px;
	display: flex;
}

.new-pricing-plan-header-content {
	grid-column-gap: 24px;
	grid-row-gap: 24px;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	padding-top: 24px;
	display: flex;
}

.new-pricing-plan-header-info {
	flex-flow: column;
	align-items: center;
	display: flex;
}

.new-pricing-plan-header-price {
	justify-content: center;
	align-items: flex-end;
	display: inline-flex;
}

.text-block-2 {
	
	font-size: 32px;
	font-weight: 600;
	line-height: 120%;
}

.text-block-3 {
	
	color: var(--text--text-tertiary);
	font-size: 32px;
	font-weight: 600;
	line-height: 120%;
}

.text-block-4 {
	
	color: var(--text--text-tertiary);
	font-size: 20px;
	font-weight: 500;
	line-height: 130%;
	transform: translateY(-3px);
}

.text-block-5 {
	opacity: .9;
	text-align: center;
	max-width: 100%;
	font-size: 16px;
	line-height: 150%;
}

.new-pricing-plan-header-buttons {
	grid-column-gap: 16px;
	grid-row-gap: 16px;
	flex-flow: column;
	display: flex;
}

.new-pricing-plan-header-button {
	background-color: #1f2226;
	border: 1px solid #1f2226;
	border-radius: 4px;
	justify-content: center;
	align-items: center;
	height: 60px;
	padding: 0 24px;
	font-size: 18px;
	font-weight: 500;
	line-height: 100%;
	display: flex;
}

.text-block-6 {
	color: var(--text--text-tertiary);
	text-align: center;
	font-size: 14px;
	line-height: 150%;
}

.new-pricing-plan-footer-list {
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	flex-flow: column;
	justify-content: center;
	align-items: flex-start;
	display: flex;
}

.text-block-7 {
	text-align: center;
	max-width: 65%;
	font-size: 16px;
	font-weight: 600;
	line-height: 150%;
}

.text-block-8 {
	color: var(--text--text-tertiary);
	font-size: 14px;
	line-height: 150%;
}

.new-pricing-plan-footer-list-item {
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	justify-content: center;
	align-items: center;
	display: flex;
}

.new-pricing-plan-footer-check {
	background-color: #1f2226;
	border-radius: 1000px;
	justify-content: center;
	align-items: center;
	width: 20px;
	height: 20px;
	display: flex;
}

.text-block-9 {
	font-size: 16px;
	line-height: 150%;
}

.div-block-33 {
	background-color: #1f2226;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%);
}

.text-block-10 {
	color: var(--components--on-primary);
	font-weight: 500;
	position: static;
}

.star-reviews-wrapper {
	grid-column-gap: 6px;
	grid-row-gap: 6px;
	justify-content: center;
	align-items: center;
	display: inline-flex;
}

.text-block-11 {
	color: var(--text--text-secondary);
	font-weight: 600;
	line-height: 130%;
}

.text-block-12 {
	color: var(--text--text-secondary);
	font-size: 14px;
	line-height: 150%;
	transform: translateY(1px);
}

.div-block-35 {
	color: var(--components--primary);
	max-width: 1144px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 16px;
	padding-right: 16px;
}

.div-block-35.container {
	max-width: var(--sizing--container-max-width);
}

.crumbs-2 {
	grid-column-gap: 4px;
	grid-row-gap: 4px;
	border-top: 1px solid #1f22261a;
	justify-content: center;
	align-items: center;
	padding-top: 24px;
	display: flex;
}

.body {
	min-width: 1112px;
}

.div-block-36 {
	grid-column-gap: 36px;
	grid-row-gap: 36px;
	flex-flow: column;
	align-items: center;
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 56px;
	padding-bottom: 56px;
	display: flex;
}

.text-block-14 {
	background-color: #f1ede4;
	border-radius: 100px;
	padding: 8px 16px;
	font-size: 18px;
	font-weight: 400;
	line-height: 150%;
}

.heading-6 {
	font-size: 72px;
}

.hero-headline {
	
	text-align: center;
	font-size: 48px;
	font-weight: 600;
	line-height: 98%;
}

.text-block-15 {
	text-align: center;
	font-size: 20px;
	line-height: 160%;
}

.button-2 {
	background-color: var(--components--primary);
	border-radius: 8px;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	height: 60px;
	padding-left: 48px;
	padding-right: 48px;
	display: flex;
}

.div-block-38 {
	background-color: var(--components--primary);
	border: 2px solid #f1ede480;
	border-radius: 16px;
	flex-flow: column;
	justify-content: center;
	margin-bottom: 24px;
	padding: 12px;
	display: flex;
}

.image-13 {
	border-radius: 8px;
}

.div-block-39 {
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	flex-flow: column;
	max-width: 720px;
	padding-top: 96px;
	padding-bottom: 36px;
	display: flex;
}

.heading-7 {
	font-size: 48px;
	font-weight: 600;
	line-height: 120%;
}

.text-block-16 {
	font-size: 20px;
	line-height: 160%;
}

.div-block-40 {
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	justify-content: space-between;
	padding-top: 24px;
	display: flex;
}

.div-block-41 {
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	border: 1px solid #1f22261a;
	border-radius: 16px;
	flex-flow: column;
	flex: 1;
	align-items: flex-start;
	padding: 16px;
	display: flex;
}

.div-block-42 {
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	flex-flow: column;
	flex: 1;
	padding: 8px;
	display: flex;
}

.div-block-43 {
	padding-top: 8px;
	padding-bottom: 8px;
}

.text-block-17 {
	flex: 1;
	font-size: 16px;
	line-height: 150%;
}

.text-block-18 {
	font-weight: 600;
	line-height: 130%;
}

.text-block-19 {
	font-weight: 600;
}

.div-block-44 {
	border-top: 1px solid #1f22261a;
	padding-top: 0;
}

.div-block-45 {
	padding-bottom: 12px;
}

.div-block-46 {
	padding-bottom: 60px;
}

.div-block-47 {
	grid-column-gap: 24px;
	grid-row-gap: 24px;
	flex-flow: column;
	padding-top: 12px;
	padding-bottom: 120px;
	display: flex;
}

.text-block-20 {
	align-self: flex-start;
	max-width: 720px;
	font-size: 20px;
	line-height: 160%;
}

.div-block-48 {
	grid-column-gap: 8px;
	grid-row-gap: 8px;
	background-color: #f1ede4;
	border-radius: 16px;
	flex-flow: column;
	justify-content: space-between;
	padding: 24px;
	display: flex;
}

.div-block-49 {
	grid-column-gap: 16px;
	grid-row-gap: 16px;
	flex: 0 auto;
	display: flex;
}

.text-block-21 {
	
	font-size: 48px;
	font-weight: 600;
	line-height: 120%;
}

.div-block-50 {
	flex: 1 1 0;
	align-self: stretch;
	display: flex;
}

.div-block-51 {
	grid-column-gap: 36px;
	grid-row-gap: 36px;
	flex-flow: column;
	align-self: flex-start;
	align-items: flex-start;
	max-width: 720px;
	padding-top: 12px;
	display: flex;
}

.list {
	padding-bottom: 12px;
}

.div-block-52 {
	grid-column-gap: 24px;
	grid-row-gap: 24px;
	flex-flow: column;
	display: flex;
}

.collection-list-wrapper,
.collection-list-2 {
	grid-column-gap: 16px;
	grid-row-gap: 16px;
	grid-template-rows: auto auto;
	grid-template-columns: 1fr 1fr;
	grid-auto-columns: 1fr;
	display: grid;
}

.collection-list-3 {
	grid-column-gap: 16px;
	grid-row-gap: 16px;
	grid-template: "." /1fr 1fr;
	grid-auto-columns: 1fr;
	align-content: start;
	align-items: start;
	margin-bottom: 60px;
	display: grid;
}

.div-block-53 {
	flex: 1;
}

.collection-list-4 {
	grid-column-gap: 16px;
	grid-row-gap: 16px;
	grid-template-rows: auto auto;
	grid-template-columns: 1fr 1fr;
	grid-auto-columns: 1fr;
	display: grid;
}

.collection-list-wrapper-3 {
	margin-bottom: 60px;
}

.collection-list-5 {
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	grid-template-rows: auto auto;
	grid-template-columns: 1fr 1fr 1fr;
	grid-auto-columns: 1fr;
	display: grid;
}

.collection-list-5.reviews-grid {
	display: block;
}

.flex-block-2 {
	grid-column-gap: 8px;
	grid-row-gap: 8px;
}

.rich-text-block {
	font-size: 18px;
}

.rich-text-block-2,
.rich-text-block-3 {
	max-width: var(--sizing--section-text-max-width);
	font-size: 18px;
}

@media screen and (min-width:1280px) {
	.container {
		padding-left: 84px;
		padding-right: 84px;
	}

	.footer-main {
		flex-flow: row;
	}

	.div-block {
		background-color: var(--surface--surface-secondary);
		margin-bottom: 60px;
	}

	.image-6 {
		width: 100%;
	}

	.div-block-6 {
		text-align: center;
	}

	.div-block-35 {
		max-width: 1280px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}

	.crumbs-2 {
		justify-content: center;
		padding-top: 24px;
		display: flex;
	}

	.body {
		min-width: 1112px;
	}

	.div-block-36 {
		grid-column-gap: 36px;
		grid-row-gap: 36px;
		flex-flow: column;
		align-items: center;
		padding-top: 56px;
		padding-bottom: 56px;
		display: flex;
	}

	.div-block-37 {
		background-color: #f1ede4;
		border-radius: 100px;
		padding: 8px 16px;
		display: inline-block;
	}

	.text-block-13 {
		line-height: 21px;
	}
}

@media screen and (max-width:991px) {
	.container {
		padding-top: 0;
	}

	.button:where(.w-variant-cc275f33-7310-3bf1-e187-4edcef1f6edf) {
		white-space: nowrap;
	}

	.button.fullwidth {
		width: 100%;
	}

	.button.primary-large,
	.button.primary-large-2 {
		white-space: nowrap;
	}

	.header-right-block {
		flex-flow: column;
		justify-content: flex-start;
		align-items: center;
		margin-left: auto;
		padding-top: 24px;
	}

	.header {
		top: 0;
	}

	.header-left-block {
		background-color: var(--primitives--white);
		flex-flow: column;
		justify-content: center;
		align-items: flex-start;
	}

	.dropdown-toggle {
		margin-left: 0;
		margin-right: 0;
	}

	.dropdown-toggle.w--open {
		justify-content: flex-start;
		align-items: flex-start;
	}

	.header-link.w--current {
		flex: none;
	}

	.dropdown {
		flex-flow: column;
		justify-content: flex-start;
		align-items: flex-start;
		width: 100%;
	}

	.navdropdown.w--open {
		border-style: none;
		width: 100%;
		position: static;
	}

	.section-header {
		grid-column-gap: 48px;
		grid-row-gap: 48px;
		flex-flow: column;
	}

	.section-header.pricing-section-header {
		padding-top: 4px;
	}

	.rating {
		justify-content: flex-end;
		align-items: flex-start;
	}

	.reviews {
		grid-template-columns: 1fr 1fr;
	}

	.grand-review-author {
		padding-right: 130px;
	}

	.details-summary {
		white-space: pre-wrap;
	}

	.faq-row {
		grid-column-gap: 36px;
		grid-row-gap: 36px;
		justify-content: space-between;
	}

	.questions-right {
		flex-flow: column;
		flex-grow: 0;
		flex-basis: auto;
		justify-content: flex-end;
		align-items: flex-end;
	}

	.questions-avatars-image {
		width: 60px;
		height: 60px;
	}

	.footer-main {
		grid-column-gap: 53px;
		grid-row-gap: 53px;
		flex-flow: column;
	}

	.footer-bottom {
		grid-column-gap: 36px;
		grid-row-gap: 36px;
		flex-flow: column;
		padding: 36px 12px;
	}

	.footer-main-logo {
		flex: auto;
	}

	.footer-main-nav {
		grid-column-gap: 0px;
		grid-row-gap: 0px;
		grid-template-rows: auto auto;
		grid-template-columns: 1fr 1fr 1fr;
		grid-auto-columns: 1fr;
	}

	.footer-main-nav-col {
		min-width: 137px;
	}

	.footer-main-nav-col.col-1 {
		order: 1;
	}

	.footer-main-nav-col.col-2 {
		order: 3;
	}

	.footer-main-nav-col.col-3 {
		order: 5;
	}

	.footer-main-nav-col.col-4 {
		order: 2;
	}

	.footer-main-nav-col.col-5 {
		order: 4;
	}

	.blockquote {
		justify-content: flex-start;
		align-items: flex-start;
	}

	.blockquote-left {
		padding: 36px;
	}

	.blockquote-image {
		max-height: 207px;
	}

	.nav-dropdown-col {
		align-items: stretch;
		width: 100%;
	}

	.header-nav-menu {
		background-color: var(--primitives--white);
		height: 100vh;
		padding: 24px;
	}

	.header-menu-button {
		flex-flow: row;
		justify-content: center;
		align-items: center;
		margin-left: auto;
		padding: 8px;
	}

	.header-menu-button.w--open {
		background-color: #0000;
	}

	.div-block {
		margin-bottom: 36px;
	}

	.summary-button-container {
		align-self: stretch;
	}

	.image-9 {
		height: 456px;
	}

	.pricing-grid-row-title {
		font-size: 20px;
	}

	.div-block-9 {
		flex-flow: column;
	}

	.hero-image-right {
		display: none;
	}

	.grid-3,
	.grid-4 {
		grid-template-columns: 1fr 1fr;
	}

	.grid-6 {
		grid-template-columns: 1fr;
	}

	.div-block-25 {
		display: none;
	}

	.image-11 {
		height: 136px;
	}

	.link-2 {
		padding-left: 20px;
		padding-right: 20px;
	}

	.div-block-29 {
		height: 36px;
	}

	.div-block-35 {
		padding-left: 20px;
		padding-right: 20px;
	}

	.div-block-40 {
		flex-flow: column;
	}

	.div-block-41 {
		align-items: flex-start;
	}

	.div-block-48 {
		flex: 1;
	}

	.div-block-49 {
		flex-flow: column;
		align-items: stretch;
	}

	.div-block-50 {
		align-self: stretch;
		display: flex;
	}

	.collection-list-3 {
		grid-template-columns: 1fr 1fr;
	}

	.collection-list-wrapper-2 {
		margin-bottom: 60px;
	}
}

@media screen and (max-width:767px) {
	h1 {
		margin-top: 0;
		margin-bottom: 0;
	}

	.button:where(.w-variant-cc275f33-7310-3bf1-e187-4edcef1f6edf) {
		width: 100%;
		height: 51px;
		font-size: 16px;
	}

	.button:where(.w-variant-5fc7c2f1-a429-c2ec-97d1-0c57f2058191),
	.button.primary {
		width: 100%;
	}

	.button.primary-large,
	.button.primary-large-2 {
		width: 100%;
		height: 51px;
		font-size: 16px;
	}

	.button.primary-2,
	.button.primary-3,
	.button.primary-5,
	.button.primary-5 {
		width: 100%;
	}

	.hero {
		margin-bottom: 0;
		padding-top: 36px;
		padding-bottom: 36px;
	}

	.landing-heading-1 {
		font-size: 48px;
	}

	.hero-top {
		padding-top: 36px;
	}

	.hero-bottom {
		grid-column-gap: 24px;
		grid-row-gap: 24px;
		flex-flow: column;
		justify-content: flex-start;
		align-items: flex-start;
		padding-top: 36px;
	}

	.hero-like {
		font-size: 14px;
	}

	.landing-heading-3 {
		font-size: 24px;
	}

	.landing-heading-2 {
		font-size: 32px;
	}

	.section-header {
		grid-column-gap: 20px;
		grid-row-gap: 20px;
		padding-top: 72px;
	}

	.section-header.pricing-section-header {
		padding-top: 4px;
	}

	.rating-top-stars {
		font-size: 16px;
	}

	.reviews {
		grid-column-gap: 12px;
		grid-row-gap: 12px;
		flex-flow: column;
		grid-template-columns: 1fr;
		align-items: stretch;
	}

	.image-devices {
		padding-top: 12px;
		padding-left: 12px;
		padding-right: 12px;
	}

	.grand-review-container-line {
		padding-left: 0;
		padding-right: 0;
	}

	.grand-review-author {
		flex-flow: row-reverse;
		padding-right: 0;
	}

	.grand-review-author-image {
		width: 96px;
		height: 96px;
	}

	.faq-row {
		grid-column-gap: 0px;
		grid-row-gap: 0px;
		flex-flow: column;
		align-items: stretch;
	}

	.questions {
		grid-column-gap: 24px;
		grid-row-gap: 24px;
		flex-flow: column;
		padding: 24px;
	}

	.questions-right {
		flex-flow: row-reverse;
		justify-content: flex-end;
		align-items: center;
	}

	.questions-button {
		width: 100%;
		height: 60px;
		padding-top: 12px;
		padding-bottom: 12px;
	}

	.questions-avatars-image {
		width: 36px;
		height: 36px;
	}

	.footer {
		padding-top: 60px;
	}

	.footer-main {
		grid-column-gap: 60px;
		grid-row-gap: 60px;
		padding-bottom: 48px;
	}

	.footer-main-nav {
		grid-column-gap: 48px;
		grid-row-gap: 48px;
		flex-flow: wrap;
		justify-content: flex-start;
	}

	.seo {
		grid-column-gap: 24px;
		grid-row-gap: 24px;
		flex-flow: column;
		padding-bottom: 36px;
		padding-right: 0;
	}

	.seo-col {
		grid-column-gap: 24px;
		grid-row-gap: 24px;
	}

	.blockquote {
		flex-flow: column-reverse;
	}

	.blockquote-left {
		grid-column-gap: 12px;
		grid-row-gap: 12px;
		flex-basis: auto;
		padding: 24px;
	}

	.blockquote-right {
		flex-basis: auto;
		width: 100%;
		height: auto;
		padding: 24px;
	}

	.blockquote-image {
		height: auto;
	}

	.header-inner {
		padding-top: 16px;
		padding-bottom: 16px;
	}

	.hero-article {
		grid-column-gap: 36px;
		grid-row-gap: 36px;
		flex-flow: column;
		padding-top: 48px;
		padding-bottom: 60px;
	}

	.hero-article-content {
		grid-column-gap: 24px;
		grid-row-gap: 24px;
		align-items: stretch;
	}

	.hero-article-image {
		width: 100%;
		height: auto;
	}

	.hero-article-content-title {
		font-size: 32px;
	}

	.landing-small.no-wrap {
		font-size: 16px;
	}

	.hero-article-right {
		max-height: 367px;
	}

	.article {
		grid-column-gap: 36px;
		grid-row-gap: 36px;
		flex-flow: column;
		padding-top: 36px;
		padding-bottom: 60px;
	}

	.article-bottom {
		display: none;
	}

	.articles-features {
		padding-bottom: 48px;
	}

	.block-cta-content {
		flex-flow: column;
		padding: 24px;
	}

	.block-cta-header {
		grid-column-gap: 24px;
		grid-row-gap: 24px;
	}

	.block-cta-title {
		font-size: 32px;
	}

	.block-cta-image-container {
		justify-content: center;
		align-items: flex-start;
	}

	.a {
		grid-column-gap: 36px;
		grid-row-gap: 36px;
		flex-flow: column;
		justify-content: flex-start;
		align-items: flex-start;
		padding-top: 36px;
		padding-bottom: 60px;
	}

	.article-howitwork-bottom {
		display: none;
	}

	.image-9 {
		height: 356px;
	}

	.inline-promo {
		padding-top: 48px;
		padding-bottom: 48px;
	}

	.inline-promo-content {
		grid-column-gap: 36px;
		grid-row-gap: 36px;
		flex-flow: column;
		justify-content: flex-start;
		align-items: flex-start;
		padding: 36px;
	}

	.blog-inline-promo {
		padding-bottom: 48px;
	}

	.subnav {
		padding-top: 48px;
		padding-bottom: 60px;
	}

	.blog-hero {
		padding-top: 48px;
		padding-bottom: 48px;
	}

	.blog-article {
		padding-top: 48px;
		padding-bottom: 0;
	}

	.collection-list {
		grid-template-columns: 1fr;
	}

	.pagination {
		grid-column-gap: 36px;
		grid-row-gap: 36px;
		padding-bottom: 60px;
	}

	.pagination-button {
		flex: 1;
	}

	.blog-article-big {
		grid-column-gap: 36px;
		grid-row-gap: 36px;
		flex-flow: column-reverse;
		padding-top: 48px;
		padding-bottom: 48px;
	}

	.blog-article-big-content {
		grid-column-gap: 24px;
		grid-row-gap: 24px;
	}

	.pricing-plans {
		flex-flow: column-reverse;
	}

	.pricing-plan-wrapper {
		width: 100%;
		padding-top: 0;
		padding-bottom: 40px;
		padding-left: 0;
	}

	.pricing-plan {
		border-top-left-radius: 0;
		border-bottom-right-radius: 12px;
	}

	.pricing-plan.premium {
		width: 100%;
	}

	.pricing-plan-header {
		padding-right: 48px;
	}

	.pricing-container {
		padding-left: 16px;
		padding-right: 16px;
	}

	.div-block-8 {
		text-align: center;
	}

	.grid {
		grid-template-columns: 1fr;
	}

	.pricing-grid-image {
		object-fit: cover;
		object-position: 50% 40%;
		max-height: 640px;
	}

	.pricing-grid-row-title {
		font-size: 24px;
	}

	.div-block-10,
	.div-block-11 {
		padding: 24px 16px;
	}

	.heading-2 {
		font-size: 32px;
	}

	.paragraph-11 {
		font-size: 24px;
	}

	.div-block-12 {
		margin-bottom: 24px;
	}

	.paragraph-14 {
		font-size: 16px;
	}

	.paragraph-15 {
		font-size: 14px;
	}

	.div-block-13 {
		padding-top: 60px;
	}

	.grid-2 {
		grid-column-gap: 48px;
		grid-row-gap: 48px;
		grid-template-columns: 1fr;
	}

	.grid-3 {
		grid-template-columns: 1fr;
		padding-bottom: 60px;
	}

	.template {
		grid-column-gap: 16px;
		grid-row-gap: 16px;
		padding: 16px;
	}

	.heading-3 {
		font-size: 32px;
	}

	.grid-4,
	.template-info-grid {
		grid-template-columns: 1fr;
	}

	.image-11 {
		height: auto;
	}

	.app-pricing-header {
		font-size: 2.5rem;
	}

	.hero-bottom-store-buttons {
		grid-column-gap: 12px;
		grid-row-gap: 12px;
	}

	.apple-store-image-large,
	.google-play-image-large {
		height: 32px;
	}

	.google-play-large {
		border-radius: 4px;
		height: 48px;
	}

	.hero-bottom-stores {
		grid-column-gap: 24px;
		grid-row-gap: 24px;
		flex-flow: column;
		justify-content: flex-start;
		align-items: flex-start;
		padding-top: 36px;
	}

	.hero-stores {
		margin-bottom: 0;
		padding-top: 36px;
		padding-bottom: 36px;
	}

	.hero-top-stores {
		padding-top: 36px;
	}

	.article-store {
		grid-column-gap: 36px;
		grid-row-gap: 36px;
		flex-flow: column;
		padding-top: 36px;
		padding-bottom: 60px;
	}

	.new-pricing-plans.new-pricing-plans-monthly.new-pricing-plans-active {
		flex-direction: column-reverse;
		width: 100%;
		max-width: 100%;
	}

	.new-pricing-plans.new-pricing-plans-yearly.new-pricing-plans-active {
		flex-direction: column-reverse;
		width: 100%;
		display: flex;
	}

	.new-pricing-plan-item {
		max-width: 100%;
	}

	.div-block-33 {
		transform: translate(-50%);
	}

	.div-block-34 {
		width: 100%;
		max-width: 100%;
	}

	.hero-headline {
		font-size: 48px;
	}

	.collection-list-3 {
		grid-template-columns: 1fr;
	}
}


.lf-progress:focus::-ms-fill-lower {
	background: #ccc;
}

.lf-progress:focus::-ms-fill-upper {
	background: #ccc;
}

.lf-player-container:focus {
	outline: 0;
}

.lf-popover {
	position: relative;
}

.lf-popover-content {
	display: inline-block;
	position: absolute;
	opacity: 1;
	visibility: visible;
	transform: translate(0, -10px);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}

.lf-popover-content.hidden {
	opacity: 0;
	visibility: hidden;
	transform: translate(0, 0px);
}

.lf-player-btn-container {
	display: flex;
	align-items: center;
}

.lf-player-btn {
	cursor: pointer;
	fill: #999;
	width: 14px;
}

.lf-player-btn.active {
	fill: #555;
}

.lf-popover {
	position: relative;
}

.lf-popover-content {
	display: inline-block;
	position: absolute;
	background-color: #ffffff;
	opacity: 1;
	transform: translate(0, -10px);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);
	padding: 10px;
}

.lf-popover-content.hidden {
	opacity: 0;
	visibility: hidden;
	transform: translate(0, 0px);
}

.lf-arrow {
	position: absolute;
	z-index: -1;
	content: '';
	bottom: -9px;
	border-style: solid;
	border-width: 10px 10px 0px 10px;
}

.lf-left-align,
	.lf-left-align .lfarrow {
	left: 0;
	right: unset;
}

.lf-right-align,
	.lf-right-align .lf-arrow {
	right: 0;
	left: unset;
}

.lf-text-input {
	border: 1px #ccc solid;
	border-radius: 5px;
	padding: 3px;
	width: 60px;
	margin: 0;
}

.lf-color-picker {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	height: 90px;
}

.lf-color-selectors {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.lf-color-component {
	display: flex;
	flex-direction: row;
	font-size: 12px;
	align-items: center;
	justify-content: center;
}

.lf-color-component strong {
	width: 40px;
}

.lf-color-component input[type='range'] {
	margin: 0 0 0 10px;
}

.lf-color-component input[type='number'] {
	width: 50px;
	margin: 0 0 0 10px;
}

.lf-color-preview {
	font-size: 12px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	padding-left: 5px;
}

.lf-preview {
	height: 60px;
	width: 60px;
}

.lf-popover-snapshot {
	width: 150px;
}

.lf-popover-snapshot h5 {
	margin: 5px 0 10px 0;
	font-size: 0.75rem;
}

.lf-popover-snapshot a {
	display: block;
	text-decoration: none;
}

.lf-popover-snapshot a:before {
	content: '⥼';
	margin-right: 5px;
}

.lf-popover-snapshot .lf-note {
	display: block;
	margin-top: 10px;
	color: #999;
}

.lf-player-controls > div {
	margin-right: 5px;
	margin-left: 5px;
}

.lf-player-controls > div:first-child {
	margin-left: 0px;
}

.lf-player-controls > div:last-child {
	margin-right: 0px;
}

.lf-progress {
	-webkit-appearance: none;
	-moz-apperance: none;
	width: 100%;
		/* margin: 0 10px; */
	height: 4px;
	border-radius: 3px;
	cursor: pointer;
}

.lf-progress:focus {
	outline: none;
	border: none;
}

.lf-progress::-moz-range-track {
	cursor: pointer;
	background: none;
	border: none;
	outline: none;
}

.lf-progress::-webkit-slider-thumb {
	-webkit-appearance: none !important;
	height: 13px;
	width: 13px;
	border: 0;
	border-radius: 50%;
	background: #0fccce;
	cursor: pointer;
}

.lf-progress::-moz-range-thumb {
	-moz-appearance: none !important;
	height: 13px;
	width: 13px;
	border: 0;
	border-radius: 50%;
	background: #0fccce;
	cursor: pointer;
}

.lf-progress::-ms-track {
	width: 100%;
	height: 3px;
	cursor: pointer;
	background: transparent;
	border-color: transparent;
	color: transparent;
}

.lf-progress::-ms-fill-lower {
	background: #ccc;
	border-radius: 3px;
}

.lf-progress::-ms-fill-upper {
	background: #ccc;
	border-radius: 3px;
}

.lf-progress::-ms-thumb {
	border: 0;
	height: 15px;
	width: 15px;
	border-radius: 50%;
	background: #0fccce;
	cursor: pointer;
}

.lf-progress:focus::-ms-fill-lower {
	background: #ccc;
}

.lf-progress:focus::-ms-fill-upper {
	background: #ccc;
}

.lf-player-container:focus {
	outline: 0;
}

.lf-popover {
	position: relative;
}

.lf-popover-content {
	display: inline-block;
	position: absolute;
	opacity: 1;
	visibility: visible;
	transform: translate(0, -10px);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}

.lf-popover-content.hidden {
	opacity: 0;
	visibility: hidden;
	transform: translate(0, 0px);
}

.lf-player-btn-container {
	display: flex;
	align-items: center;
}

.lf-player-btn {
	cursor: pointer;
	fill: #999;
	width: 14px;
}

.lf-player-btn.active {
	fill: #555;
}

.lf-popover {
	position: relative;
}

.lf-popover-content {
	display: inline-block;
	position: absolute;
	background-color: #ffffff;
	opacity: 1;
	transform: translate(0, -10px);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);
	padding: 10px;
}

.lf-popover-content.hidden {
	opacity: 0;
	visibility: hidden;
	transform: translate(0, 0px);
}

.lf-arrow {
	position: absolute;
	z-index: -1;
	content: '';
	bottom: -9px;
	border-style: solid;
	border-width: 10px 10px 0px 10px;
}

.lf-left-align,
	.lf-left-align .lfarrow {
	left: 0;
	right: unset;
}

.lf-right-align,
	.lf-right-align .lf-arrow {
	right: 0;
	left: unset;
}

.lf-text-input {
	border: 1px #ccc solid;
	border-radius: 5px;
	padding: 3px;
	width: 60px;
	margin: 0;
}

.lf-color-picker {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	height: 90px;
}

.lf-color-selectors {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.lf-color-component {
	display: flex;
	flex-direction: row;
	font-size: 12px;
	align-items: center;
	justify-content: center;
}

.lf-color-component strong {
	width: 40px;
}

.lf-color-component input[type='range'] {
	margin: 0 0 0 10px;
}

.lf-color-component input[type='number'] {
	width: 50px;
	margin: 0 0 0 10px;
}

.lf-color-preview {
	font-size: 12px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	padding-left: 5px;
}

.lf-preview {
	height: 60px;
	width: 60px;
}

.lf-popover-snapshot {
	width: 150px;
}

.lf-popover-snapshot h5 {
	margin: 5px 0 10px 0;
	font-size: 0.75rem;
}

.lf-popover-snapshot a {
	display: block;
	text-decoration: none;
}

.lf-popover-snapshot a:before {
	content: '⥼';
	margin-right: 5px;
}

.lf-popover-snapshot .lf-note {
	display: block;
	margin-top: 10px;
	color: #999;
}

.lf-player-controls > div {
	margin-right: 5px;
	margin-left: 5px;
}

.lf-player-controls > div:first-child {
	margin-left: 0px;
}

.lf-player-controls > div:last-child {
	margin-right: 0px;
}

/* ------------------------ */

			
:root {
	--bg-color: #F7F5F0;
				/* The beige background */
	--primary-dark: #1A1A1A;
				/* Black/Dark Grey text */
	--primary-green: #2E5C4D;
				/* The forest green accent */
	--white: #FFFFFF;
	--grey-light: #E5E5E5;
	--radius-md: 12px;
	--radius-lg: 24px;
	--spacing-unit: 1rem;
}

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

body {
	color: #000;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

h1,
			h2,
			h3,
			h4 {
	line-height: 1.2;
	font-weight: 700;
	margin-bottom: 1rem;
}

a {
	text-decoration: none;
	color: inherit;
	transition: 0.3s;
}

ul {
	list-style: none;
}
			/* --- UTILITIES --- */
			
.container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

.btn {
	display: inline-block;
	padding: 12px 24px;
	border-radius: 6px;
	font-weight: 600;
	font-size: 0.95rem;
	cursor: pointer;
	transition: all 0.3s ease;
}

.btn-dark {
	background-color: var(--primary-dark);
	color: var(--white);
	border: 1px solid var(--primary-dark);
}

.btn-dark:hover {
	background-color: #333;
}

.btn-outline {
	background-color: transparent;
	border: 1px solid var(--primary-dark);
	color: #000;
}

.btn-outline:hover {
	background-color: rgba(0, 0, 0, 0.05);
}

.btn-white {
	background-color: var(--white);
	color: #000;
}

.section-padding {
	padding: 4rem 0;
}
			/* --- HEADER --- */
			
header {
	padding: 20px 0;
}

nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.logo {
	font-weight: 700;
	font-size: 1.5rem;
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--primary-green);
}

.nav-links {
	display: none;
				/* Hidden on mobile initially */;
}

.nav-actions {
	display: flex;
	gap: 1rem;
	align-items: center;
}

@media (min-width: 768px) {
	.nav-links {
		display: flex;
		gap: 2rem;
	}

	.hero {
		flex-direction: row;
		text-align: left;
		padding: 5rem 0;
	}

	.hero-content {
		text-align: left;
		flex: 1;
	}

	.hero-buttons {
		justify-content: flex-start;
	}

	.hero-image {
		flex: 1;
		margin-top: 0;
	}

	.hero h1 {
		font-size: 3.5rem;
	}

	.features {
		grid-template-columns: 1fr 1fr;
	}

	.mobile-section {
		flex-direction: row;
		justify-content: space-between;
		padding: 4rem;
	}

	.mobile-content {
		flex: 1;
	}

	.mobile-image {
		flex: 1;
		display: flex;
		justify-content: center;
	}

	.testimonials-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.footer-grid {
		grid-template-columns: 2fr 1fr 1fr 1fr;
	}
}
/* menu style */

nav {
	display: block;
}


.navbar_link {
	color: #000;
	padding: .5rem 1vw;
	font-size: 1rem;
	transition-timing-function: ease-in-out;
}

.navbar_link:hover,
.navbar_link:active,
.navbar_link:focus {
	color: #000;
}

.navbar_link:visited {
	color: #000;
}

.navbar_link.is-floating:hover {
	color: #000;
}

.navbar_dropdown-content-wrapper {
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	display: flex;
}

.navbar_dropdown-content-wrapper.is-icon {
	grid-column-gap: .5rem;
	grid-row-gap: .5rem;
	flex-direction: row;
	justify-content: flex-start;
}

.navbar_dropdown-toggle {
	padding: .5rem 2.5rem .5rem 1rem;
	font-size: 1rem;
}

.navbar_dropdown-toggle:hover {
	color: #000;
}

.navbar_dropdown-link-list {
	grid-column-gap: 0px;
	grid-row-gap: .3rem;
	grid-template-rows: max-content;
	grid-template-columns: 1fr;
	grid-auto-rows: max-content;
	grid-auto-columns: 1fr;
	display: grid;
}

.navbar_menu-buttons {
	grid-column-gap: 1rem;
	grid-row-gap: 1rem;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr;
	grid-auto-columns: 1fr;
	align-items: center;
	margin-left: 0;
	display: flex;
}

.navbar_menu-buttons.show-tablet {
	display: none;
}

.navbar_dropdown-link {
	grid-column-gap: .75rem;
	grid-row-gap: 0px;
	border-radius: 1rem;
	grid-template-rows: auto;
	grid-template-columns: max-content 1fr;
	grid-auto-columns: 1fr;
	align-items: flex-start;
	padding-top: .75rem;
	padding-bottom: .75rem;
	text-decoration: none;
	transition-duration: .2s;
	transition-timing-function: ease-in-out;
}

.navbar_dropdown-link.is-indent:hover {
	background-color: var(--card-background);
}

.footer-hiring-badge_wrapper {
	background-color: var(--salmon--6);
	border-radius: 1rem;
	margin-left: .5rem;
	padding: .2rem .4rem;
}

.text-weight-semibold {
	font-weight: 600;
}

.navbar_menu-floating-wrapper {
	align-items: center;
	display: flex;
	position: static;
}

.navbar_dropdown-content {
	grid-column-gap: 2rem;
	grid-row-gap: 0px;
	flex: 1;
	grid-template-rows: auto;
	grid-template-columns: 1.5fr .75fr;
	grid-auto-columns: 1fr;
	display: grid;
}

.navbar12_dropdown-link-list {
	grid-column-gap: .5rem;
	grid-row-gap: .5rem;
	grid-template-rows: max-content;
	grid-template-columns: 1fr;
	grid-auto-rows: max-content;
	grid-auto-columns: 1fr;
	display: grid;
}

.navbar_headline-divider {
	background-color: var(--grey--2);
	width: 100%;
	height: 1px;
	margin-top: .35rem;
}

.navbar_dropdown-content-grid {
	grid-column-gap: 1.5rem;
	grid-row-gap: 1.5rem;
	flex-flow: column wrap;
	grid-template-rows: auto auto auto auto;
	grid-template-columns: 1fr 1fr;
	grid-auto-columns: 1fr;
	display: grid;
}

.navbar_dropdown-content-grid.is-right-col {
	grid-template-columns: 1fr;
}

.navbar_menu-floating {
	display: none;
}

.navbar_dropdown-header-wrapper {
	grid-column-gap: .5rem;
	grid-row-gap: .5rem;
	align-items: center;
	padding-left: .75rem;
	display: flex;
}

.navbar_dropdown-icon {

	flex: none;
	width: 1.5rem;
	height: 1.5rem;
	display: block;
}

.navbar_dropdown-header-text {
	width: 100%;
}

.navbar_dropdown-heading {
	font-size: 1rem;
	font-weight: 400;
}

.navbar_dropdown-subheading {
	color: #000;
	font-size: .835rem;
}

.navbar_careers-wrapper {
	display: flex;
	position: relative;
}

.navbar_dropdown-icon-wrapper {
	background-color: #f7f6f5;
	border-radius: .75rem;
	justify-content: center;
	align-items: center;
	width: 3rem;
	height: 3rem;
	padding: .75rem;
	display: flex;
}

@media screen and (max-width:991px) {
	h4 {
		font-size: 1.75rem;
	}
	.show-tablet {
		display: block;
	}
	.button-main {
		font-size: .875rem;
	}
	.dropdown-icon {
		margin-top: 0;
		margin-bottom: 0;
		margin-right: 0;
		inset: auto 0% auto auto;
	}
	.navbar_menu-dropdown {
		width: 100%;
		font-size: 1.125rem;
	}
	.navbar_link {
		width: auto;
		padding: .75rem 0;
	}
	.navbar_dropdown-content-wrapper.is-icon {
		align-items: center;
	}
	.navbar_dropdown-toggle {
		align-items: center;
		padding-top: .75rem;
		padding-bottom: .75rem;
		padding-left: 0;
		display: flex;
	}
	.navbar_menu-buttons {
		flex-direction: column;
		grid-template-rows: auto auto;
		grid-template-columns: 1fr;
		align-items: stretch;
		margin-top: 1.5rem;
		margin-left: 0;
	}
	.navbar_menu-buttons.show-tablet {
		display: flex;
	}
	.navbar_dropdown-list {
		position: static;
		overflow: hidden;
	}
	.navbar_dropdown-link {
		padding: 1rem 0;
		display: flex;
	}
	.navbar_dropdown-link:hover {
		background-color: var(--white);
	}
	.navbar_dropdown-link.is-indent {
		padding-top: .5rem;
		padding-bottom: .5rem;
		padding-left: .5rem;
	}
	.navbar_dropdown-link.is-large-dropdown {
		padding-top: .5rem;
		padding-bottom: .5rem;
	}
	.navbar_menu-floating-wrapper {
		background-color: var(--white);
		-webkit-text-fill-color: inherit;
		background-clip: border-box;
		border-radius: 1rem;
		justify-content: center;
		width: 90%;
		margin-top: .5rem;
		margin-left: auto;
		margin-right: auto;
		padding: .5rem 1.5rem 1.25rem;
		display: flex;
		position: absolute;
		overflow: auto;
		box-shadow: 0 1px 3px #0000000d, 0 3px 20px -2px #0000000f;
	}
	.navbar_dropdown-large-list {
		position: static;
		overflow: hidden;
	}
	.navbar_dropdown-content {
		align-content: start;
		align-items: start;
		padding: 1rem 0;
	}
	.navbar12_dropdown-link-list {
		grid-column-gap: 1rem;
		grid-row-gap: 1rem;
	}
	.navbar_dropdown-content-grid {
		grid-column-gap: 1rem;
		grid-row-gap: 1rem;
		align-items: stretch;
	}
	.navbar_menu-floating {
		background-color: var(--white);
		box-shadow: none;
		border-radius: 1rem;
		margin-top: .5rem;
		padding: .5rem 1.5rem 1.25rem;
	}
	.navbar_dropdown-header-wrapper {
		padding-left: 0;
	}
	.navbar_dropdown-icon {
		margin-top: 0;
	}
	.navbar_dropdown-heading {
		font-weight: 400;
	}
	.navbar_dropdown-subheading {
		display: none;
	}
}

@media screen and (max-width:767px) {
	h4 {
		font-size: 1.5rem;
	}
	.text-size-medium {
		font-size: 1rem;
	}
	.navbar_dropdown-link-list {
		grid-row-gap: .75rem;
		max-width: none;
		padding-top: .75rem;
		padding-bottom: .75rem;
	}
	.navbar_dropdown-link {
		padding-top: .25rem;
		padding-bottom: .25rem;
	}
	.navbar_menu-floating-wrapper {
		box-shadow: 0 1px 3px #0000001f, 0 3px 20px -2px #00000021;
	}
	.navbar_dropdown-content {
		grid-column-gap: 3rem;
		grid-row-gap: 2rem;
		flex-direction: column;
		grid-template-rows: auto;
		grid-template-columns: 1fr;
		grid-auto-columns: 1fr;
		width: 100%;
		padding-bottom: 0;
	}
	.navbar12_dropdown-link-list {
		grid-row-gap: .5rem;
		width: 100%;
		max-width: none;
	}
	.navbar_dropdown-content-grid {
		grid-column-gap: .75rem;
		grid-row-gap: .75rem;
		grid-template-rows: auto auto auto;
		grid-template-columns: 1fr;
	}
	.navbar_menu-floating {
		max-height: 100svh;
		position: relative;
		overflow: auto;
	}
	.navbar_dropdown-icon {
		width: 1.25rem;
		height: 1.25rem;
		display: flex;
	}
	.navbar_dropdown-heading {
		font-size: .875rem;
	}
	.navbar_dropdown-icon-wrapper {
		width: 2.25rem;
		height: 2.25rem;
	}
}

