/* body.home {
	--u: clamp(0.6666667px, 0.05208333vw, 1px);

	--fg-green:        #009949;
	--fg-green-deep:   #005a2e;
	--fg-lime:         #b5d260;
	--fg-ink:          #1a1919;
	--fg-muted:        #6d6d6d;
	--fg-muted-soft:   #adacae;
	--fg-card-dark:    #1a1919;
	--fg-border-lime:  #dbff9f;
	--fg-border-blue:  #dceaff;
	--fg-footer:       #222222;

	--fg-container:    calc(1456 * var(--u));

	--fg-band:         calc(120 * var(--u));
}

body.home,
body.home *,
body.home *::before,
body.home *::after {
	font-synthesis-weight: none !important;
}

body.home .section_one .green-text,
body.home .section_one p.description,
body.home .cards > .container > .row > .col-lg-7 p.text-white,
body.home .cards .parent_card p,
body.home p.description-card,
body.home .feature-card p,
body.home .feature-card p.text-neutral-500.fs-5.lh-lg.mb-0,
body.home .middel-section .vpn-description,
body.home .middel-section ul li,
body.home .faqs .faq-p,
body.home .faqs .accordion-body {
	font-family: 'Sf-Pro-Family-Regular', sans-serif !important;
	font-weight: normal !important;
}

body.home .cards h2.text-white,
body.home .cards .parent_card h4,
body.home div.padder > .container > .text-center h2,
body.home .feature-card h5,
body.home .middel-section .vpn-head,
body.home .pricing h2.pricing-head,
body.home .paymentform .v3-payment-main h2,
body.home .paymentform .v3-payment-summary h2,
body.home .faqs h2:not(.accordion-header),
body.home .faqs .accordion-button,
body.home .site-footer__copy {
	font-family: 'Sf-Pro-Family-Medium', sans-serif !important;
	font-weight: normal !important;
}

body.home .section_one h1.cta-text,
body.home .site-header__cta,
body.home .middel-section .site-header__cta,
body.home .pricing .btn_style {
	font-family: 'Sf-Pro-Family-bold', sans-serif !important;
	font-weight: normal !important;
}

body.home .pricing .pwl-plan__ribbon,
body.home .pricing .pwl-plan__amount,
body.home .pricing .pwl-plan__unit,
body.home .currency_prefix {
	font-family: 'Sf-Pro-Family-bold', sans-serif !important;
	font-weight: normal !important;
}

body.home .v3-payment-agreement a,
body.home .payment-method-option span {
	font-family: 'Sf-Pro-Family-Medium', sans-serif !important;
	font-weight: normal !important;
}

body.home .container,
body.home .container-lg {
	max-width: var(--fg-container) !important;
}

body.home .cards.spacer.padder,
body.home div.padder,
body.home .middel-section.padder,
body.home .faqs.padder {
	padding-top: var(--fg-band) !important;
	padding-bottom: var(--fg-band) !important;
}

body.home .pricing.spacer {
	padding-top: var(--fg-band) !important;
	padding-bottom: 0 !important;
}

body.home .paymentform.section_pd {
	padding-top: var(--fg-band) !important;
	padding-bottom: var(--fg-band) !important;
}

body.home .section_one.spacer {
	min-height: calc(650 * var(--u)) !important;
	background: linear-gradient(to bottom, #ffffff 0%, #eaefdc 100%) !important;
}

body.home .section_one.spacer.padding-top {
	padding-top: calc(105 * var(--u)) !important;
}

body.home .section_one .image-container {
	margin-top: calc(-56 * var(--u)) !important;
	padding-top: calc(56 * var(--u)) !important;
	background-position: 38% 0, 11px 100% !important;
}

body.home .section_one .first-fold-content {
	position: relative !important;
	z-index: 2 !important;
}

body.home .section_one .green-text {
	font-size: max(16px, calc(22 * var(--u))) !important;
	line-height: 0.818 !important;
	color: var(--fg-green) !important;
	display: block !important;
	margin-bottom: calc(20 * var(--u)) !important;
}

body.home .section_one h1.cta-text {
	font-size: max(40px, calc(66 * var(--u))) !important;
	line-height: 1.235 !important;
	color: var(--fg-green-deep) !important;
	max-width: calc(673 * var(--u)) !important;
	margin-bottom: calc(20 * var(--u)) !important;
}

body.home .section_one p.description {
	font-size: max(14px, calc(18 * var(--u))) !important;
	line-height: 1.667 !important;
	color: var(--fg-muted) !important;
	max-width: calc(460 * var(--u)) !important;
	margin-bottom: 0 !important;
}

body.home .cards h2.text-white {
	font-size: max(26px, calc(38 * var(--u))) !important;
	line-height: 1.192 !important;
	color: #ffffff !important;
	margin-bottom: calc(10 * var(--u)) !important;
}

body.home .cards > .container > .row > .col-lg-7 p.text-white {
	font-size: max(14px, calc(18 * var(--u))) !important;
	line-height: 1.944 !important;
	color: #ffffff !important;
	max-width: calc(972 * var(--u)) !important;
	margin: 0 auto !important;
}

body.home .cards .row.mt-5 {
	--bs-gutter-x: calc(24 * var(--u)) !important;
	margin-top: calc(80 * var(--u)) !important;
}

body.home .cards .parent_card {
	background: var(--fg-card-dark) !important;
	border: 1.4px solid var(--fg-border-lime) !important;
	border-radius: calc(20 * var(--u)) !important;
	padding: calc(32 * var(--u)) !important;
	min-height: calc(266 * var(--u)) !important;
}

body.home .cards .parent_card h4 {
	font-size: max(19px, calc(26 * var(--u))) !important;
	line-height: 1.231 !important;
	color: var(--fg-lime) !important;
	margin-bottom: calc(10 * var(--u)) !important;
}

body.home .cards .parent_card p {
	font-size: max(13px, calc(16 * var(--u))) !important;
	line-height: 1.875 !important;
	color: #ffffff !important;
	margin-bottom: 0 !important;
}

body.home div.padder > .container > .text-center h2 {
	font-size: max(26px, calc(38 * var(--u))) !important;
	line-height: 1.192 !important;
	color: var(--fg-ink) !important;
	margin-bottom: calc(10 * var(--u)) !important;
}

body.home p.description-card {
	font-size: max(14px, calc(18 * var(--u))) !important;
	line-height: 1.944 !important;
	color: var(--fg-muted) !important;
	max-width: calc(1100 * var(--u)) !important;
	margin: 0 auto !important;
}

body.home div.padder > .container > .text-center {
	margin-bottom: calc(60 * var(--u)) !important;
}

body.home .feature-card {
	border-radius: calc(20 * var(--u)) !important;
	border: 1.4px solid var(--fg-border-blue) !important;
	padding: calc(32 * var(--u)) !important;
	min-height: calc(320 * var(--u)) !important;
}

body.home div.padder .row.g-4,
body.home div.padder .row.mt-4 {
	--bs-gutter-x: calc(24 * var(--u)) !important;
	--bs-gutter-y: calc(24 * var(--u)) !important;
}

body.home div.padder .row.mt-4 {
	margin-top: calc(24 * var(--u)) !important;
}

body.home .feature-card h5 {
	font-size: max(19px, calc(26 * var(--u))) !important;
	line-height: 1.231 !important;
	color: var(--fg-ink) !important;
	margin-bottom: calc(20 * var(--u)) !important;
}

body.home .feature-card p,
body.home .feature-card p.text-neutral-500.fs-5.lh-lg.mb-0 {
	font-size: max(14px, calc(18 * var(--u))) !important;
	line-height: 1.556 !important;
	color: var(--fg-muted) !important;
	margin-bottom: 0 !important;
}

body.home .feature-card img {
	margin-bottom: calc(30 * var(--u)) !important;
	width: auto !important;
	max-width: calc(60 * var(--u)) !important;
}

body.home .middel-section.padder {
	background: rgba(181, 210, 96, 0.05) !important;
}

body.home .middel-section .vpn-head {
	font-size: max(24px, calc(38 * var(--u))) !important;
	line-height: 1.158 !important;
	color: var(--fg-ink) !important;

	width: calc(740 * var(--u)) !important;
	max-width: none !important;
	margin-bottom: calc(20 * var(--u)) !important;
}

body.home .middel-section .vpn-description {
	font-size: max(14px, calc(18 * var(--u))) !important;
	line-height: 1.556 !important;
	color: var(--fg-muted) !important;
	max-width: calc(698 * var(--u)) !important;
	margin-bottom: calc(23 * var(--u)) !important;
}

body.home .middel-section ul {
	padding-left: 0 !important;
	margin-bottom: 0 !important;
	list-style: none !important;
}

body.home .middel-section ul li {
	font-size: max(13px, calc(16 * var(--u))) !important;
	line-height: 1.875 !important;
	color: var(--fg-muted) !important;
	gap: calc(16 * var(--u)) !important;
	margin-bottom: calc(12 * var(--u)) !important;
}

body.home .middel-section ul li:last-child {
	margin-bottom: 0 !important;
}

body.home .middel-section .row > [class*="col-"]:last-child {
	text-align: right !important;
}

body.home .middel-section img.img-fluid.d-lg-block {
	width: calc(616 * var(--u)) !important;
	max-width: 100% !important;
	height: auto !important;
	margin-left: auto !important;
	margin-right: 0 !important;
}

body.home .middel-section .site-header__cta {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: calc(287 * var(--u)) !important;
	height: calc(60 * var(--u)) !important;
	padding: 0 !important;
	border-radius: calc(16 * var(--u)) !important;
	font-size: max(13px, calc(16 * var(--u))) !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.02em !important;
	margin-top: calc(40 * var(--u)) !important;
}

body.home .pricing.spacer {
	background: linear-gradient(to left, #d9f0e4 0%, #eefff6 100%) !important;
}

body.home .pricing h2.pricing-head {
	font-size: max(26px, calc(38 * var(--u))) !important;
	line-height: 1.192 !important;
	color: var(--fg-ink) !important;
	margin-bottom: 0 !important;
}

body.home .pricing .section_pd .row.mt-5 {
	margin-top: calc(40 * var(--u)) !important;
}

body.home .pricing .price_card {
	max-width: calc(546 * var(--u)) !important;
	min-height: calc(358 * var(--u)) !important;
	border-radius: calc(28 * var(--u)) !important;
	border: 3px solid var(--fg-green) !important;
}

body.home .pricing .btn_style {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	max-width: calc(468 * var(--u)) !important;
	height: calc(60 * var(--u)) !important;
	padding: 0 !important;
	border-radius: calc(16 * var(--u)) !important;
	font-size: max(13px, calc(16 * var(--u))) !important;
	line-height: 1 !important;
}

body.home .paymentform .payment-form-container.container {
	max-width: calc(1408 * var(--u)) !important;
	gap: calc(120 * var(--u)) !important;
	flex-wrap: nowrap !important;
}

body.home .paymentform .v3-payment-main {
	flex: 0 0 calc(672 * var(--u)) !important;
	max-width: calc(672 * var(--u)) !important;
}

body.home .paymentform .v3-payment-summary {
	flex: 0 0 calc(592 * var(--u)) !important;
	max-width: calc(592 * var(--u)) !important;
}

body.home .paymentform .v3-payment-main h2,
body.home .paymentform .v3-payment-summary h2 {
	font-size: max(22px, calc(32 * var(--u))) !important;
	line-height: 1.3 !important;
	color: var(--fg-ink) !important;
}

body.home .paymentform .payment-account-section label,
body.home .paymentform .form-label {
	font-size: max(12px, calc(13 * var(--u))) !important;
	line-height: 1.177 !important;
	color: var(--fg-muted) !important;
}

body.home .paymentform .form-control::placeholder {
	font-size: max(13px, calc(15 * var(--u))) !important;
	line-height: 1.193 !important;
	color: #b0b0b0 !important;
}

body.home .paymentform .v3-payment-summary .btn_style {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	max-width: calc(592 * var(--u)) !important;
	height: calc(68 * var(--u)) !important;
	padding: 0 !important;
	border-radius: calc(16 * var(--u)) !important;
	font-size: max(13px, calc(16 * var(--u))) !important;
	line-height: 1 !important;
}

body.home .paymentform .order-summary-benefits {
	font-size: max(12px, calc(14 * var(--u))) !important;
	line-height: 1.43 !important;
	color: var(--fg-ink) !important;
}

body.home .faqs h2:not(.accordion-header) {
	font-size: max(22px, calc(32 * var(--u))) !important;
	line-height: 1.25 !important;
	color: var(--fg-ink) !important;
	margin-bottom: calc(19 * var(--u)) !important;
}

body.home .faqs .faq-p {
	font-size: max(15px, calc(20 * var(--u))) !important;
	line-height: 1.5 !important;
	color: var(--fg-muted-soft) !important;
	max-width: calc(788 * var(--u)) !important;
	margin: 0 auto !important;
}

body.home .faqs .row.text-center.mb-5 {
	margin-bottom: calc(62 * var(--u)) !important;
}

body.home .faqs .accordion {
	max-width: calc(970 * var(--u)) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	display: flex !important;
	flex-direction: column !important;
	gap: calc(16 * var(--u)) !important;
}

body.home .faqs .accordion-item {
	border: 1.4px solid var(--fg-green) !important;
	border-radius: calc(20 * var(--u)) !important;
	overflow: hidden !important;
	margin-bottom: 0 !important;
}

body.home .faqs .accordion-button {
	min-height: calc(64 * var(--u)) !important;
	display: flex !important;
	align-items: center !important;
	padding: calc(10 * var(--u)) calc(24 * var(--u)) !important;
	font-size: max(14px, calc(18 * var(--u))) !important;
	line-height: 1.222 !important;
	color: var(--fg-muted) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

body.home .faqs .accordion-button:not(.collapsed) {
	background: #ffffff !important;
	color: var(--fg-muted) !important;
}

body.home .faqs .accordion-body {
	padding: calc(2 * var(--u)) calc(24 * var(--u)) calc(22 * var(--u)) !important;
	font-size: max(13px, calc(16 * var(--u))) !important;
	line-height: 1.625 !important;
	color: var(--fg-muted) !important;
}

body.home .site-header__menu {
	display: none !important;
}

body.home .offcanvas-body {
	justify-content: flex-end !important;
	align-items: center !important;
}

body.home .site-header__cta {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: calc(157 * var(--u)) !important;
	height: calc(60 * var(--u)) !important;
	padding: 0 !important;
	border-radius: calc(18 * var(--u)) !important;
	font-size: max(14px, calc(18 * var(--u))) !important;
	line-height: 1 !important;
}

body.home .site-header__inner {
	max-width: var(--fg-container) !important;
}

body.home .site-header .custom-logo {
	max-height: calc(48 * var(--u)) !important;
	width: auto !important;
}

body.home .site-footer {
	background: var(--fg-footer) !important;
	min-height: calc(181 * var(--u)) !important;
	display: flex !important;
	align-items: center !important;
	padding: 0 !important;
}

body.home .site-footer__inner {
	max-width: var(--fg-container) !important;
	width: 100% !important;
}

body.home .site-footer__copy {
	font-size: max(15px, calc(20 * var(--u))) !important;
	line-height: 1.3 !important;
	color: rgba(255, 255, 255, 0.3) !important;
}

@media (max-width: 1279.98px) {
	body.home .container,
	body.home .container-lg {
		max-width: 100% !important;
		padding-left: 32px !important;
		padding-right: 32px !important;
	}

	body.home .feature-card,
	body.home .cards .parent_card {
		min-height: 0 !important;
	}

	body.home .paymentform .payment-form-container.container {
		flex-wrap: wrap !important;
		gap: 40px !important;
	}

	body.home .paymentform .v3-payment-main,
	body.home .paymentform .v3-payment-summary {
		flex: 1 1 100% !important;
		max-width: 100% !important;
	}

	body.home .middel-section .vpn-head,
	body.home .middel-section .vpn-description,
	body.home .section_one h1.cta-text,
	body.home .section_one p.description {
		width: auto !important;
		max-width: 100% !important;
	}

	body.home .faqs .accordion {
		max-width: 100% !important;
	}
}

@media (max-width: 991.98px) {
	body.home .section_one.spacer {
		min-height: 0 !important;
	}

	body.home .section_one h1.cta-text {
		font-size: 42px !important;
		line-height: 1.24 !important;
	}

	body.home .cards h2.text-white,
	body.home div.padder > .container > .text-center h2,
	body.home .middel-section .vpn-head,
	body.home .faqs h2:not(.accordion-header),
	body.home .pricing h2.pricing-head {
		font-size: 28px !important;
		line-height: 1.21 !important;
	}

	body.home .paymentform .v3-payment-main h2,
	body.home .paymentform .v3-payment-summary h2 {
		font-size: 24px !important;
		line-height: 1.25 !important;
	}

	body.home .site-header__menu {
		display: block !important;
	}

	body.home .offcanvas-body {
		justify-content: flex-start !important;
	}

	body.home .site-header__cta,
	body.home .middel-section .site-header__cta {
		width: auto !important;
		height: auto !important;
		line-height: 1.5 !important;
		padding: 12px 24px !important;
	}

	body.home .middel-section .row > [class*="col-"]:last-child {
		text-align: center !important;
	}

	body.home .middel-section img.img-fluid.d-lg-block {
		margin-left: auto !important;
		margin-right: auto !important;
	}

	body.home .section_one .image-container {
		margin-top: 0 !important;
		padding-top: 0 !important;
		background-position: 38% 0, 11px 100% !important;
	}

	body.home .cards.spacer.padder,
	body.home div.padder,
	body.home .middel-section.padder,
	body.home .faqs.padder,
	body.home .pricing.spacer,
	body.home .paymentform.section_pd {
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}
} */