@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Rubik:ital,wght@0,300..900;1,300..900&family=Space+Grotesk:wght@300..700&display=swap");

::-webkit-input-placeholder {
	color: #666;
}

::-moz-placeholder {
	color: #666;
}

:-ms-input-placeholder {
	color: #666;
}

::-ms-input-placeholder {
	color: #666;
}

::placeholder {
	color: #666;
}

::-moz-selection {
	background-color: orange;
	color: #fff;
}

::selection {
	background-color: orange;
	color: #fff;
}

input,
textarea {
	outline: none;
}

input:focus:required:invalid,
textarea:focus:required:invalid {
	border-color: red;
}

input:required:valid,
textarea:required:valid {
	border-color: green;
}

body {
	font-family: system-ui, -apple-system, Rubik, JetBrains Mono, BlinkMacSystemFont, Avenir Next, Avenir, Segoe UI, Helvetica Neue, Helvetica, Ubuntu, Roboto, Noto, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.65;
	color: #333;
	min-width: 320px;
	position: relative;
	overflow-x: hidden;
	scrollbar-gutter: stable;
	background-color: #FAFAFA;
    scroll-behavior: smooth;
}

html[lang=ru] body h1,
html[lang=ru] body h2,
html[lang=ru] body h3,
html[lang=ru] body h4,
html[lang=ru] body h5 {
	font-family: "Rubik", serif;
}

html[lang=en] body h1,
html[lang=en] body h2,
html[lang=en] body h3,
html[lang=en] body h4,
html[lang=en] body h5 {
	font-family: "Space Grotesk", sans-serif;
}

section.fill {
	position: relative;
}

section.fill::before {
	content: "";
	display: block;
	background-color: #0E0E12;
	width: 200vw;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	left: -100%;
	bottom: 0;
	z-index: -1;
}

section {
	max-width: 1920px;
	padding: 0 4rem;
	margin: 0 auto;
}

.container {
	max-width: 1536px;
	height: 100%;
	margin: 0 auto;
}

@media (max-width: 1366px) {
	section {
		padding: 0 2rem;
	}
}

@media (max-width: 1080px) {
	section {
		padding: 0 0.5rem;
	}
}

@media (min-width: 1921px) {
	.body__wrapper {
		padding: 3rem 0;
	}
}

/* Box sizing rules */
*,
*::before,
*::after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    scroll-margin-top: calc( 1.5rem + 56px );
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
	margin: 0;
}

p,
li {
	font-weight: 300;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul,
ol {
	list-style: none;
	padding: 0;
	margin: 0;
}

/* Set core root defaults */
html {
	scroll-behavior: smooth;
	scroll-padding-top: 25px;
	min-height: 100%;
	height: auto;
}

/* Set core body defaults */
body {
	min-height: 100%;
	height: auto;
	text-rendering: optimizeSpeed;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
	-webkit-text-decoration-skip: ink;
	text-decoration-skip-ink: auto;
}

a {
	text-decoration: none;
}

/* Make images easier to work with */
img,
picture {
	max-width: 100%;
	display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
	font: inherit;
}

.btn {
	padding: 0.5rem 2rem;
	border: 1px solid #0E0E12;
	border-radius: 0.5rem;
	color: #FAFAFA;
	font-weight: 300;
	-webkit-backdrop-filter: blur(32px);
	backdrop-filter: blur(32px);
	background: #0E0E12;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.btn:hover {
	-webkit-box-shadow: 2px 4px 24px 0 rgba(255, 255, 255, 0.25);
	box-shadow: 2px 4px 24px 0 rgba(255, 255, 255, 0.25);
	background-color: #FAFAFA;
	border: 1px solid #FAFAFA;
	color: #0E0E12;
}

.accent-btn {
	padding: 0.2rem 1rem;
	border: 1px solid #FAFAFA;
	border-radius: 0.5rem;
	color: #FAFAFA;
	font-weight: 300;
	-webkit-backdrop-filter: blur(32px);
	backdrop-filter: blur(32px);
	background: rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.accent-btn:hover {
	background-color: #FAFAFA;
	color: #0E0E12;
}

.white-btn {
	padding: 0.5rem 1.5rem 0.4rem;
	border: 1px solid #D0D5DD;
	border-radius: 0.5rem;
	color: #0E0E12;
	font-family: "Rubik", serif;
	font-weight: 500;
	-webkit-backdrop-filter: blur(32px);
	backdrop-filter: blur(32px);
	background: #FAFAFA;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.white-btn:hover {
	border: 1px solid #0E0E12;
	background-color: #0E0E12;
	color: #FAFAFA;
}

.cta-btn {
	padding: 0.3rem 1.6rem;
	border-radius: 8px;
	color: #FAFAFA;
	font-weight: 400;
	border: 1px solid transparent;
	-webkit-backdrop-filter: blur(32px);
	backdrop-filter: blur(32px);
	background: #0E0E12;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
    position: relative;
}

.cta-btn:hover {
	border: 1px solid #0E0E12;
	background-color: #FAFAFA;
	color: #0E0E12;
}

button[ type=submit ] {
    position: relative;
}
button[ type=submit ].loading {
    background-color: #fff;
    color: transparent !important;
}
button[ type=submit ]::after {
    width: 20px;
    height: 20px;
    border: 2px solid #000;
    border-top-color: transparent;
    border-radius: 50%;
    
    position: absolute;
    top: calc( 50% - 10px );
    left: calc( 50% - 10px );
}
button[ type=submit ].loading::after {
    content: '';

    animation: loading-rot 1s ease-in-out infinite;
}
@keyframes loading-rot {
    from {
        transform: rotate( 45deg );
    }
    to {
        transform: rotate( 405deg );
    }
}

.nav-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 0;
	color: #0E0E12;
	font-size: 1rem;
	font-weight: 400;
	text-decoration: none;
	line-height: 24px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	white-space: nowrap;
}

.nav-btn:hover {
	-webkit-transform: translateY(-24px);
	-ms-transform: translateY(-24px);
	transform: translateY(-24px);
}

.badge {
	display: block;
	padding: 0.1rem 1rem 0.15rem;
	background-color: #093C5C;
	border-radius: 0.25rem;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	color: #0096eb;
	font-weight: 300;
	margin-bottom: 4px;
}

.subscribe-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border: 1px solid #D0D5DD;
	border-radius: 0.5rem;
}

.subscribe-wrap input {
	padding: 0.5rem 1rem;
	font-weight: 300;
	font-size: 1.12rem;
	border-radius: 0.5rem;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	background: rgba(14, 14, 18, 0.5);
	color: #FAFAFA;
}

.subscribe-wrap button {
	width: 140px;
	padding-right: 0;
	background: rgba(14, 14, 18, 0.9);
	border: 1px solid #D0D5DD;
	border-radius: 0.5rem;
	cursor: pointer;
	text-align: center;
	color: #FAFAFA;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.subscribe-wrap button:hover {
	background-color: #FAFAFA;
	color: #0E0E12;
}

.lang {
	border: none;
	background-color: transparent;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-inline: 0;
	cursor: pointer;
}

.lang svg {
	width: 24px;
	height: 24px;
}

.pagination {
	border-top: 1px solid #d0d5dd;
	padding: 1rem 0 4rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
}

.pagination ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 8px;
}

.pagination ul li a {
	text-decoration: none;
	color: #0E0E12;
	padding: 8px;
	opacity: 0.6;
	font-weight: 400;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.pagination ul li a.active {
	opacity: 1;
}

.pagination ul li a:hover {
	opacity: 1;
}

.pagination button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 0.5rem;
	border-radius: 0.5rem;
	border: 1px solid #d0d5dd;
	background-color: #fff;
	padding: 0.4rem 1.5rem;
	-webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
	box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.pagination button:hover {
	background-color: #0E0E12;
	color: #FAFAFA;
}

.pagination button:hover svg path {
	stroke: #FAFAFA;
}

.pagination button svg path {
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

header {
	position: fixed;
	top: 1.5rem;
	left: 0;
	right: 0;
	opacity: 1;
	max-width: 80rem;
	-webkit-backdrop-filter: blur(0.5rem);
	backdrop-filter: blur(0.5rem);
	background: rgba(250, 250, 250, 0.6);
	border-radius: 1rem;
	margin: 0 auto;
	will-change: opacity;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
	z-index: 12;
}

header nav {
	padding: 0 0.875rem 0 2rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 3.5rem;
	z-index: -1;
}

header nav .logotype {
	width: 10.625rem;
}

header nav .nav__menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

header nav .nav__menu .nav-btn-wrap {
	position: relative;
	height: 1.5rem;
	overflow: hidden;
}

header nav .navigation {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 1.2rem;
	/* padding-right: 2rem; */
}

header nav .sub-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 2rem;
}

header nav .sub-nav li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

header nav .sub-nav .lang-dropdown {
	position: absolute;
	display: none;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 0.4375rem;
	padding: 0.4375rem;
	background: #0E0E12;
	color: #FAFAFA;
	border-radius: 1.5rem;
	top: 3.75rem;
	right: 1.25rem;
	font-size: 1.25rem;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

header nav .sub-nav .lang-dropdown.show {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	opacity: 1;
}

header nav .social {
	display: none;
}

header nav .burger {
	display: none;
}

.header-unpin {
	-webkit-transform: translateY(-150%);
	-ms-transform: translateY(-150%);
	transform: translateY(-150%);
	-webkit-transition: -webkit-transform 0.3s ease;
	transition: -webkit-transform 0.3s ease;
	transition: transform 0.3s ease;
	transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.header-pin {
	position: fixed;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: -webkit-transform 0.3s ease;
	transition: -webkit-transform 0.3s ease;
	transition: transform 0.3s ease;
	transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

@media (max-width: 1240px) {
	header {
		margin: 0 2rem;
	}
}

@media (max-width: 1080px) {
	header {
		padding: 0 1rem;
	}

	header .logotype {
		width: 9.375rem;
	}

	header nav {
		padding: 0;
		z-index: 10;
	}

	header nav .navigation {
		position: relative;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		left: 0;
		top: 0;
	}

	header nav .nav__menu {
		position: absolute;
		top: 5rem;
		left: auto;
		right: 0;
		width: 100%;
		max-width: 20rem;
		border-radius: 1rem;
		background: rgb(250, 250, 250);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		gap: 1.4rem;
		padding: 1rem;
		z-index: -1;
		-webkit-transform: translateX(-120%);
		-ms-transform: translateX(-120%);
		transform: translateX(-120%);
		opacity: 0;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}

	header nav .nav__menu .navigation {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding: 0 0 4rem;
		gap: 1.2rem;
	}

	header nav .nav__menu .sub-nav {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}

	header nav .nav__menu .sub-nav .cta-btn {
		color: #FAFAFA;
		border-radius: 0.5rem;
		border: 0.0625rem solid #0E0E12;
	}

	header nav .nav__menu .sub-nav .cta-btn:hover {
		color: #0E0E12;
	}

	header nav .nav__menu .social {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: 100%;
		padding: 1rem 0.3125rem 0 0.3125rem;
		border-top: 0.0625rem solid #575757;
	}

	header nav .nav__menu .social a {
		text-decoration: none;
		color: #0E0E12;
		opacity: 0.6;
	}

	header nav .burger {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding-right: 0.5rem;
	}

	header nav .burger span {
		display: block;
		width: 1.5rem;
		height: 0.0625rem;
		background-color: #0E0E12;
		border-radius: 0.375rem;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		opacity: 1;
	}

	header nav .burger span:nth-child(2) {
		margin: 0.5rem 0;
	}

	header.open {
		background: rgb(250, 250, 250);
	}

	header.open .nav__menu {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}

	header.open .burger span:nth-child(1) {
		-webkit-transform: translateY(0.5rem) rotate(135deg);
		-ms-transform: translateY(0.5rem) rotate(135deg);
		transform: translateY(0.5rem) rotate(135deg);
	}

	header.open .burger span:nth-child(2) {
		opacity: 0;
	}

	header.open .burger span:nth-child(3) {
		-webkit-transform: translateY(-0.625rem) rotate(-135deg);
		-ms-transform: translateY(-0.625rem) rotate(-135deg);
		transform: translateY(-0.625rem) rotate(-135deg);
	}
}

@media (min-width: 1921px) {
	header {
		position: sticky;
		top: 2rem;
	}
}

@media (max-width: 980px) {
	header {
		margin: 0 1rem;
	}
}

@media (max-width: 760px) {
	header {
		top: 0.5rem;
		margin: 0 0.5rem;
		padding: 0 0.5rem;
	}

	header nav {
		height: 3rem;
	}

	header nav .nav__menu {
		top: 3.5rem;
		max-width: 100%;
	}
}

.advantages__wrapper {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr;
	grid-template-columns: 1fr;
	gap: 96px;
	padding: 120px 0;
	overflow: hidden;
}

.advantages__item {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr;
	grid-template-columns: 1fr 1fr;
	gap: 4rem;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.advantages__item figure {
	overflow: hidden;
}

.advantages__item .advantages__txt span {
	font-family: "JetBrains Mono", serif;
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 2.4rem;
}

.advantages__item .advantages__txt h2 {
	font-weight: 600;
	font-size: 2rem;
	line-height: 115%;
	padding-bottom: 1.5rem;
    text-wrap: balance;
}

.advantages__item .advantages__txt p {
	padding-right: 6rem;
	padding-bottom: 2rem !important;
}

.advantages__item:nth-child(1) span {
	color: #decae6;
}

.advantages__item:nth-child(2) span {
	color: #F5C6C1;
}

.advantages__item:nth-child(3) span {
	color: #BDECD1;
}

.advantages__item.lr-advantages .advantages__txt {
	padding-left: 2rem;
}

@media (max-width: 1180px) {
	.advantages__item .advantages__txt p {
		padding: 0;
	}

	.advantages__item.lr-advantages .advantages__txt {
		padding-left: 0;
	}
}

@media (max-width: 880px) {
	.advantages__wrapper {
		padding: 64px 0;
		gap: 56px;
	}

	.advantages__item {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		gap: 2rem;
	}

	.advantages__item .advantages__txt h2 {
		font-size: 1.4rem;
		padding-bottom: 0.5rem;
	}

	.lr-advantages .advantages__txt {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}

	.lr-advantages figure {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}
}

.post-hero {
	padding: 0;
	position: relative;
	height: 90vh;
	max-height: 54.375rem;
}

.post-hero .post-hero-container {
	height: 100%;
	max-width: 120rem;
	padding: 0 4em;
	margin: 0 auto;
}

.post-hero .post-main-img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.post-hero .post-main-img:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../images/dist/blog-mask.svg);
	background-position: center bottom;
	background-size: cover;
}

.post-hero .post-main-img img {
	-o-object-fit: cover;
	object-fit: cover;
	height: 100%;
	width: 100%;
}

.post-hero .post-hero__wrapper {
	position: relative;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding-bottom: 3rem;
	max-width: 55.625rem;
	color: #FAFAFA;
	z-index: 1;
}

.post-hero .post-hero__wrapper .post-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 3rem;
	padding-bottom: 2rem;
}

.post-hero .post-hero__wrapper .post-info div p:nth-child(1) {
	color: #a7a7a7;
}

.post-hero .post-hero__wrapper h1 {
	padding-bottom: 0.5rem;
	font-size: 2rem;
}

.post__wrapper {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 0.5fr 1fr;
	grid-template-columns: 0.5fr 1fr;
	padding: 3rem 0 6rem;
}

.post__wrapper .sidebar {
	padding-right: 4rem;
}

.post__wrapper .sidebar .sidebar-sticky {
	position: sticky;
	position: -webkit-sticky;
	top: 6rem;
}

.post__wrapper .sidebar .toc__wrapper {
	margin-bottom: 2rem;
}
.post__wrapper .sidebar .toc__wrapper p {
	color: #0E0E12;
	font-weight: 500;
	font-size: 1.12rem;
	line-height: 120%;
	padding-bottom: 0.5rem;
}

.post__wrapper .sidebar .toc__wrapper li {
	position: relative;
    color: #7f8284;
    cursor: pointer;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.post__wrapper .sidebar .toc__wrapper li:before {
	content: "";
	position: absolute;
	bottom: 0.8rem;
	left: 0;
	height: 2px;
	opacity: 0;
	width: 0;
	background-color: #0E0E12;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.post__wrapper .sidebar .toc__wrapper li:hover,
.post__wrapper .sidebar .toc__wrapper li.active {
	color: #0E0E12;
}

.post__wrapper .sidebar .toc__wrapper li a {
	text-decoration: none;
	font-weight: 400;
	font-size: 1rem;
	line-height: 150%;
	color: #7f8284;
}

.post__wrapper .sidebar .toc__wrapper li:hover,
.post__wrapper .sidebar .toc__wrapper li.active {
	padding-left: 1rem;
}

.post__wrapper .sidebar .toc__wrapper li:hover::before,
.post__wrapper .sidebar .toc__wrapper li.active::before {
	width: 12px;
	opacity: 1;
}

.post__wrapper .sidebar .toc__wrapper li.active a {
	color: #0E0E12;
}

.post__wrapper .sidebar .share {
	padding: 2rem 0;
}

.post__wrapper .sidebar .share p {
	color: #0E0E12;
	font-weight: 500;
	font-size: 1.12rem;
	line-height: 120%;
}

.post__wrapper .sidebar .share ul {
	padding-top: 0.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 0.5rem;
}

.post__wrapper .sidebar .subscribe {
	background: linear-gradient(323deg, #9fe870 0%, #a1e360 36.44%, #87de50 100%);
	border-radius: 0.5rem;
	padding: 6rem 1rem 1rem 1rem;
	position: relative;
}

.post__wrapper .sidebar .subscribe::after {
	content: "";
	background-image: url(../images/dist/subscribe-logo.svg);
	background-size: contain;
	width: 140px;
	height: 140px;
	position: absolute;
	top: 0;
	right: 0;
}

.post__wrapper .sidebar .subscribe p {
	font-family: "Rubik", serif;
	font-weight: 500;
	font-size: 1.5rem;
	max-width: 240px;
	line-height: normal;
	padding-bottom: 1rem;
	color: #244B0A;
}

.post__wrapper .sidebar .subscribe .subscribe-wrap {
	border: none;
}

.post__wrapper .sidebar .subscribe .subscribe-wrap button {
	font-family: "Rubik", serif;
	width: 200px;
	border: none;
	background: #628B46;
	z-index: 2;
}

.post__wrapper .sidebar .subscribe .subscribe-wrap button:hover {
	background-color: #244B0A;
	color: #FAFAFA;
}

.post__wrapper .sidebar .subscribe .subscribe-wrap input {
	width: 100%;
	margin-right: -32px;
	-webkit-backdrop-filter: blur(32px);
	backdrop-filter: blur(32px);
	background: rgba(14, 14, 18, 0.24);
	color: #FAFAFA;
}

.post__wrapper .sidebar .subscribe .subscribe-wrap input::-webkit-input-placeholder {
	color: #FAFAFA;
}

.post__wrapper .sidebar .subscribe .subscribe-wrap input::-moz-placeholder {
	color: #FAFAFA;
}

.post__wrapper .sidebar .subscribe .subscribe-wrap input:-ms-input-placeholder {
	color: #FAFAFA;
}

.post__wrapper .sidebar .subscribe .subscribe-wrap input::-ms-input-placeholder {
	color: #FAFAFA;
}

.post__wrapper .sidebar .subscribe .subscribe-wrap input::placeholder {
	color: #FAFAFA;
}

.post__wrapper article {
	padding-right: 3rem;
	padding-left: 0.5rem;
}

.post__wrapper article h2 {
	font-size: 1.56rem;
	font-weight: 500;
}

.post__wrapper article h3,
.post__wrapper article h4,
.post__wrapper article h5 {
	font-size: 1rem;
	font-weight: 500;
}

.post__wrapper article p+p {
	padding-top: 0.5rem;
}

.post__wrapper article h2+p {
	padding-top: 0.5rem;
}

.post__wrapper article p+h2 {
	padding-top: 1.5rem;
}

.post__wrapper article h3+p {
	padding-top: 0.5rem;
}

.post__wrapper article p+h3 {
	padding-top: 1.5rem;
}

.post__wrapper article ul {
	list-style-type: disc;
	padding-left: 1.2rem;
	margin-bottom: 1.5rem;
}

.post__wrapper article .post-img {
	margin: 1.5rem 0;
}

.post__wrapper article .post-img img {
	border-radius: 0.5rem;
}

.post__wrapper article .post-img figcaption {
	font-size: 0.88rem;
	line-height: 150%;
	padding: 0.5rem 0 0;
}

.post__wrapper article .post-img-pair {
	margin: 1.5rem 0;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}

.post__wrapper article .post-img-pair img {
	border-radius: 0.5rem;
}

.post__wrapper article .post-img-description {
	margin: 1.5rem 0;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.post__wrapper article .post-img-description img {
	border-radius: 0.5rem;
}

@media (min-width: 1921px) {
	.post-hero .post-main-img::before {
		border-radius: 1rem;
	}

	.post-hero .post-main-img img {
		border-radius: 1rem;
	}
}

@media (max-width: 1240px) {
	.post-hero .post-hero-container {
		padding: 0 2rem;
	}

	.post__wrapper article {
		padding-right: 0;
	}
}

@media (max-width: 1024px) {
	.post__wrapper {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		gap: 2rem;
	}

	.post__wrapper .sidebar .share,
	.post__wrapper .sidebar .subscribe {
		display: none;
	}
}

@media (max-width: 760px) {
	.post-hero .post-hero-container {
		padding: 0 0.5rem;
	}

	.post-hero .post-hero__wrapper .post-info {
		padding-bottom: 0.5rem;
		font-size: 0.8rem;
	}

	.post-hero .post-hero__wrapper h1 {
		font-size: clamp(1.4rem, 3vw, 2rem);
		line-height: normal;
	}

	.post__wrapper article .post-img-description,
	.post__wrapper article .post-img-pair {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}
}

.blog {
	background-color: #FAFAFA;
}

.blog-header {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 20rem;
	grid-template-columns: 1fr 20rem;
	gap: 2rem;
	padding: 4rem 0;
}

.blog-header nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 1rem;
	padding-bottom: 1rem;
	border-bottom: 0.0625rem solid #d0d5dd;
}

.blog-header nav a {
	border: none;
	background-color: #FAFAFA;
	position: relative;
	padding: 0 0.7rem;
	cursor: pointer;
	opacity: 0.6;
    color: unset;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.blog-header nav a:hover {
	opacity: 1;
}

.blog-header nav a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -0.5rem;
	width: 100%;
	height: 0.125rem;
	background-color: #0E0E12;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.blog-header nav a.active {
	color: #0E0E12;
	opacity: 1;
}

.blog-header nav a.active:after {
	bottom: -1.05rem;
	opacity: 1;
}

.blog-header select {
	width: 100%;
	padding: 0.3125rem 2.1875rem 0.3125rem 1rem;
	font-size: 1rem;
	border: 0.0625rem solid #d0d5dd;
	border-radius: 0.5rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../images/dist/icons/arrow.svg) 100%/10% no-repeat #fff;
}

.blog-header select::-ms-expand {
	display: none;
}

@media screen and (min-width: 0\0) {
	.blog-header select {
		background: none\9;
		padding: 5px\9;
	}
}

.blog-body {
	display: -ms-grid;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem;
	padding-bottom: 3rem;
}

.blog-item {
	padding: 1rem;
	-webkit-backdrop-filter: blur(1.5rem);
	backdrop-filter: blur(1.5rem);
	background: #fff;
	border-radius: 0.5rem;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;
}

.blog-item:hover {
	-webkit-box-shadow: 0 0.1875rem 0.4375rem 0 rgba(0, 0, 0, 0.06), 0 0.75rem 0.75rem 0 rgba(0, 0, 0, 0.05), 0 1.6875rem 1rem 0 rgba(0, 0, 0, 0.03), 0 3rem 1.1875rem 0 rgba(0, 0, 0, 0.01), 0 4.625rem 1.3125rem 0 rgba(0, 0, 0, 0);
	box-shadow: 0 0.1875rem 0.4375rem 0 rgba(0, 0, 0, 0.06), 0 0.75rem 0.75rem 0 rgba(0, 0, 0, 0.05), 0 1.6875rem 1rem 0 rgba(0, 0, 0, 0.03), 0 3rem 1.1875rem 0 rgba(0, 0, 0, 0.01), 0 4.625rem 1.3125rem 0 rgba(0, 0, 0, 0);
}

.blog-item:hover .post-img .overlay {
	opacity: 1;
	visibility: visible;
}

.blog-item:hover .post-img .overlay button {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.blog-item .post-img {
	position: relative;
}

.blog-item .post-img .overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	place-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: rgba(14, 14, 18, 0.28);
	border-radius: 0.5rem;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.blog-item .post-img .overlay button {
	-webkit-transform: translateY(0.5rem);
	-ms-transform: translateY(0.5rem);
	transform: translateY(0.5rem);
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-backdrop-filter: blur(2rem);
	backdrop-filter: blur(2rem);
	background: #FAFAFA;
	color: #0E0E12;
}

.blog-item h4 {
	padding-top: 1rem;
	font-size: 1.1rem;
	font-weight: 500;
	color: #0E0E12;
	display: -webkit-box;
	line-clamp: 1;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-bottom: 0.25rem;
}

.blog-item p {
	color: #0E0E12;
	font-size: 1rem;
	font-weight: 300;
	line-height: 150%;
	display: -webkit-box;
	line-clamp: 3;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}

@media (max-width: 1080px) {
	.blog-header {
		-ms-grid-columns: 1fr 200px;
		grid-template-columns: 1fr 200px;
	}

	.blog-body {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 920px) {
	.blog-header {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}

	.blog-header select {
		max-width: 320px;
	}
}

@media (max-width: 760px) {
	.blog {
		padding: 0 8px;
	}

	.blog-item {
		padding: 0.5rem;
	}
}

@media (max-width: 660px) {
	.blog-header nav a {
		padding: 0 0.2rem;
	}
}

@media (max-width: 580px) {
	.blog-header {
		padding: 2rem 0;
		gap: 1rem;
	}

	.blog-header nav {
		border-bottom: none;
		row-gap: 0.5rem;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding: 0;
	}

	.blog-header nav a {
		padding: 0 0.2rem;
		white-space: nowrap;
	}

	.blog-header nav a::after {
		content: none;
	}

	.blog-header select {
		max-width: 100%;
	}
}

@media (max-width: 490px) {
	.blog-body {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}

	.blog .pagination ul {
		display: none;
	}
}

.cta {
	background-color: #0E0E12;
	background-image: url(../images/dist/cta-bg.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top center;
	height: 160vh;
	width: 100%;
	max-height: 81.25rem;
	padding: 0;
	overflow: hidden;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.cta:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 31.25rem;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, #0e0e12), to(rgba(14, 14, 18, 0)));
	background: linear-gradient(360deg, #0e0e12 30%, rgba(14, 14, 18, 0) 100%);
}

.cta .cta-subscribe {
	color: #FAFAFA;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-bottom: 6rem;
	position: relative;
	z-index: 10;
}

.cta .cta-subscribe h3 {
	font-weight: 600;
	font-size: 2rem;
	line-height: 115%;
}

.cta .cta-subscribe p {
	max-width: 34.375rem;
	font-size: 1.12rem;
	padding-bottom: 2rem;
}

.marquee__wrap {
	position: relative;
	width: 100vw;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 10;
}

.marquee__wrap:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 23.75rem;
	height: 100%;
	background: -webkit-gradient(linear, right top, left top, from(rgba(14, 14, 18, 0)), to(#0e0e12));
	background: linear-gradient(270deg, rgba(14, 14, 18, 0) 0%, #0e0e12 100%);
	z-index: 10;
}

.marquee__wrap:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 23.75rem;
	height: 100%;
	background: -webkit-gradient(linear, left top, right top, from(rgba(14, 14, 18, 0)), to(#0e0e12));
	background: linear-gradient(90deg, rgba(14, 14, 18, 0) 0%, #0e0e12 100%);
}

.marquee__inner {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 1rem;
	-webkit-animation: ctamarquee 80s linear infinite running;
	animation: ctamarquee 80s linear infinite running;
	padding-bottom: 2rem;
}

.marquee__inner .marquee__item {
	width: 24rem;
	height: fit-content;
	padding: 1rem;
	color: #FAFAFA;
	-webkit-backdrop-filter: blur(0.5rem);
	backdrop-filter: blur(0.5rem);
	background: rgba(25, 28, 31, 0.75);
	border-radius: 0.5rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 0.5rem;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.marquee__inner .marquee__item p {
	display: -webkit-box;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}

.marquee__inner .marquee__item div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 0.5rem;
}

.marquee__inner .marquee__item div img {
	width: 2.5rem;
	height: 2.5rem;
	display: inline-block;
}

.marquee__inner .marquee__item div h5 {
	font-weight: 500;
	font-size: 1.25rem;
	padding: 0;
	margin: 0;
}

@-webkit-keyframes ctamarquee {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		-webkit-transform: translate(-50%);
		transform: translate(-50%);
	}
}

@keyframes ctamarquee {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		-webkit-transform: translate(-50%);
		transform: translate(-50%);
	}
}

@media (max-width: 980px) {
	.cta .cta-subscribe {
		padding: 0 1rem 2rem;
	}

	.cta .cta-subscribe h3 {
		font-size: 1.4rem;
		padding-bottom: 8px;
		text-wrap: balance;
		max-width: 90%;
	}

	.cta .cta-subscribe p {
		font-size: 1rem;
		line-height: 140%;
	}

	.marquee__wrap:before {
		width: 3.75rem;
	}

	.marquee__wrap:after {
		width: 3.75rem;
	}
}

@media (max-width: 760px) {
	.cta {
		background-size: cover !important;
		height: 110vh;
	}

	.subscribe-wrap {
		width: 100%;
		max-width: 380px;
	}

	.subscribe-wrap input {
		padding: 0.5rem;
	}

	.marquee__inner {
		padding: 1rem 0;
	}

	.marquee__inner .marquee__item {
		width: 17.5rem;
	}

	.marquee__inner .marquee__item p {
		font-size: 0.8rem;
	}

	.marquee__inner .marquee__item div img {
		width: 2rem;
		height: 2rem;
	}

	.marquee__inner .marquee__item div h5 {
		font-size: 1rem;
	}
}

@media (max-width: 550px) {
	.subscribe-wrap {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		gap: 1rem;
		border: none;
	}

	.subscribe-wrap input {
		border: 1px solid #d0d5dd;
		width: 100%;
		text-align: center;
	}

	.subscribe-wrap button {
		padding: 0.5rem 2rem;
		text-align: center;
		width: auto;
	}
}

footer.mega {
	background-image: url(../images/dist/big-footer-bg.jpg);
	background-size: cover;
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 4rem;
	height: 138.75rem !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	gap: 8rem;
}

footer {
	max-width: 120rem;
	margin: 0 auto;
	padding: 0 2em;
}

footer .container {
	width: 100%;
	height: auto;
}

footer .wrap {
	height: 100%;
}

.faq {
	width: 100%;
}

.faq .faq-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-bottom: 3rem;
}

.faq .faq-header h3 {
	font-weight: 500;
	font-size: 2rem;
	line-height: 115%;
}

.faq .faq-header p {
	max-width: 31.25rem;
	text-align: center;
}

.accordion__wrapper {
	padding: 2rem;
	-webkit-backdrop-filter: blur(1.5rem);
	backdrop-filter: blur(1.5rem);
	background: rgba(250, 250, 250, 0.5);
	border-radius: 1rem;
}

.accordion__wrapper .accordion {
	max-width: 100%;
	margin: 0 auto;
}

.accordion__wrapper .accordion ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.accordion__wrapper .accordion ul li {
	cursor: pointer;
	border-bottom: 0.0625rem solid #bebebe;
}

.accordion__wrapper .accordion ul li .accordion-button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 5rem;
	padding-bottom: 0rem;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.accordion__wrapper .accordion ul li .accordion-button .accordion-title {
	position: relative;
	width: 100%;
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1.5rem;
	padding-left: 2rem;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.accordion__wrapper .accordion ul li .accordion-button .accordion-title:hover {
	text-decoration: underline;
}

.accordion__wrapper .accordion ul li .accordion-button .accordion-title:before {
	content: "";
	background-image: url(../images/dist/icons/arrow-circle-down.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 2rem;
	height: 2rem;
	position: absolute;
	right: 2rem;
	top: 0rem;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

.accordion__wrapper .accordion ul li:last-child {
	border-bottom: none;
}

.accordion__wrapper .accordion ul li.active .accordion-button .accordion-title {
	text-decoration: underline;
}

.accordion__wrapper .accordion ul li.active .accordion-button .accordion-title::before {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.accordion__wrapper .accordion .content {
	padding: 0 15% 3rem 2rem;
	position: relative;
}

.footer__wrapper {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.footer__top {
	padding: 2rem;
	-webkit-backdrop-filter: blur(1.5rem);
	backdrop-filter: blur(1.5rem);
	background: rgba(250, 250, 250, 0.5);
	border-radius: 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.footer__top .company {
	max-width: 31.25rem;
}

.footer__top .company .footer-subscribe {
	padding-top: 2rem;
}

.footer__top .company .footer-subscribe p {
	font-size: 1.12rem;
	font-weight: 700;
	padding-bottom: 8px;
}

.footer__top .company .footer-subscribe .subscribe-wrap {
	width: 23.75rem;
	position: relative;
}

.footer__top .company .footer-subscribe .subscribe-wrap input {
	width: 100%;
    color: unset !important;
}

.footer__top .company .footer-subscribe .subscribe-wrap input {
	background-color: #fff;
	margin-right: -1rem;
}

.footer__top .company .footer-subscribe .subscribe-wrap button {
	width: 12.5rem;
}

.footer__top .footer-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 4rem;
}

.footer__top .footer-nav ul li {
	padding: 0.125rem 0;
}

.footer__top .footer-nav ul li:first-child {
	font-weight: 700;
	font-size: 1.25rem;
	padding-bottom: 1rem;
}

.footer__top .footer-nav ul li a {
	text-decoration: none;
	color: #0E0E12;
}


.footer__top .footer-nav ul li a:hover {
	text-decoration: underline;
}

.footer-bottom {
	padding-bottom: 1rem;
	color: #FAFAFA;
}

.footer-bottom .footer-bottom__wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-size: 0.8rem;
	padding-top: 1rem;
}
.footer-bottom .footer-bottom__wrap a {
    color: #fff;
    align-self: flex-end;
}

.footer-bottom .footer-bottom__wrap ul {
    display: grid;
    gap: 2px;
    text-align: right;
}

.footer-bottom .footer-bottom__wrap img {
    object-fit: contain;
}

.footer-bottom ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 1rem;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.footer-bottom ul a {
	text-decoration: none;
	color: #FAFAFA;
}

.footer-bottom ul a:hover {
	text-decoration: underline;
}

@media (min-width: 1921px) {
	footer {
		border-bottom-left-radius: 1rem;
		border-bottom-right-radius: 1rem;
	}
}

@media (max-width: 1280px) {
	.footer__top .footer-nav {
		gap: 2rem;
	}
}

@media (max-width: 1180px) {
	.footer__top {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 4rem;
	}

	.footer__top .footer-nav {
		gap: 4rem;
	}

	.footer__top .company {
		max-width: 100%;
		display: -ms-grid;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 4rem;
	}

	.footer__top .company .footer-subscribe {
		width: 100%;
		padding-top: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
	}
}

@media (max-width: 1080px) {
	footer.mega {
		gap: 2rem;
		background-position: 15% 100%;
	}

	.accordion__wrapper .accordion ul li .accordion-button {
		height: 4rem;
	}

	.accordion__wrapper .accordion ul li .accordion-button .accordion-title {
		font-size: 1rem;
		padding-left: 0;
		padding-right: 2.5rem;
		line-height: normal;
	}

	.accordion__wrapper .accordion ul li .accordion-button .accordion-title:before {
		right: 0;
	}

	.accordion__wrapper .accordion .content {
		padding: 0 4rem 1rem 0;
	}
}

@media (max-width: 980px) {
	footer {
		padding: 0 1rem;
	}

	.faq .faq-header {
		padding-bottom: 2rem;
	}

	.faq .faq-header h3 {
		font-size: 1.6rem;
	}
}

@media (max-width: 880px) {
	.footer__top .company {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		gap: 1rem;
	}

	.footer__top .company .footer-subscribe {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}

	.footer__top .footer-nav {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
}

@media (max-width: 760px) {
	footer {
		padding: 0 0.5rem;
	}

	footer.mega {
		background-position: 21% 100%;
	}

	.accordion__wrapper {
		padding: 1rem;
	}

	.accordion__wrapper .accordion .content {
		padding: 0 0 1rem;
	}

	.footer__top {
		padding: 1rem;
	}

	.footer__top .footer-nav {
		-webkit-column-gap: 2rem;
		-moz-column-gap: 2rem;
		column-gap: 2rem;
		row-gap: 1rem;
	}

	.footer__top .company .footer-subscribe .subscribe-wrap {
		width: 100%;
	}

	.footer-bottom {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 0.5rem;
	}
}

@media (max-width: 550px) {
	.footer__top .company {
		text-align: center;
	}

	.footer__top .company .footer-info,
	.footer__top .company .footer-subscribe {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.footer__top .company .footer-subscribe .subscribe-wrap input {
		margin-right: 0;
	}

	.footer__top .company .footer-info .logotype {
		padding-bottom: 1rem;
	}

	.footer__top .footer-nav {
		display: -ms-grid;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		text-align: center;
		-webkit-column-gap: 2rem;
		-moz-column-gap: 2rem;
		column-gap: 2rem;
		row-gap: 2rem;
	}

	.footer-bottom {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
}

.hero {
	background-color: #0E0E12;
	background-image: url(../images/dist/main-bg.webp);
	-webkit-filter: blur(4px);
	filter: blur(4px);
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	will-change: filter, transform;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 100%;
	height: 187.5rem;
	max-height: 134.0625rem;
}

.hero__wrapper {
	padding-top: 18.75rem;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.hero__wrapper .hero__top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 2rem;
}

.hero__wrapper .hero__top h1 {
	font-family: "Rubik", serif;
	font-weight: 500;
	font-size: clamp(1.53rem, 4vw, 3.1rem);
	line-height: 115%;
	text-align: center;
	max-width: 69rem;
	color: #FAFAFA;
	text-shadow: 0.0625rem 0.0625rem 1.5rem 0 rgba(255, 255, 255, 0.25);
}

.hero__wrapper .hero__top h1,
.hero__wrapper .hero__top .btn {
	opacity: 0;
	visibility: hidden;
	will-change: transform;
}

.hero__wrapper .hero__bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-bottom: 3rem;
}

.hero__wrapper .hero__bottom p {
	font-family: "Rubik", serif;
	font-weight: 500;
	line-height: 120%;
	text-align: center;
	max-width: 62rem;
	color: #FAFAFA;
	text-shadow: 0.0625rem 0.0625rem 1.5rem 0 rgba(255, 255, 255, 0.25);
	font-size: clamp(1.5rem, 3vw, 3rem);
	text-wrap: balance;
}

.hero__wrapper .hero__bottom p .word {
	will-change: opacity;
}

@media (min-width: 1921px) {
	.hero {
		margin-top: -5rem;
		border-top-left-radius: 1rem;
		border-top-right-radius: 1rem;
	}
}

@media (max-width: 1366px) {
	.hero {
		background-image: url(../images/dist/main-bg2.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center bottom;
		width: 100%;
		height: 188rem;
		max-height: 87.5rem;
	}
}

@media (max-width: 760px) {
	.hero__wrapper {
		padding-top: 12rem;
	}
}

.inner-hero.inner-blog-hero {
	background-image: url(../images/dist/blog-bg.svg);
}

.inner-hero.opportunities-hero {
  background-image: url(../images/dist/opportunities-bg.jpg);
  height: 90vh;

  h1 {
    font-size: clamp(1.4rem, 4vw, 2.50rem);
    max-width: 700px;
    text-align: center;
  }

  p {
    max-width: 800px;
    font-weight: 400;
    line-height: 130%;
    text-align: center;
    padding-top: 1rem;
  }
}

.inner-hero {
	background-position: center;
	background-size: cover;
	width: 100%;
}

.inner-hero__wrapper {
	width: 100%;
	padding: 12rem 0 8rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
}

.inner-hero__wrapper h1 {
	font-family: "Rubik", serif;
	font-weight: 500;
	font-size: clamp(1.7rem, 4vw, 3.25rem);
	line-height: 115%;
	text-align: center;
	color: #FAFAFA;
	text-shadow: 0.0625rem 0.0625rem 1.5rem 0 rgba(255, 255, 255, 0.25);
}

.inner-hero__wrapper p {
	font-weight: 400;
	font-size: 1.2rem;
	color: #FAFAFA;
	padding-bottom: 2rem;
}

/* Opportunities */
.opportunities-body {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  padding: 3rem 0 6rem;
}

.opportunities-item {
	 padding: 1rem;
	 backdrop-filter: blur(1.5rem);
	 background: #fff;
	 border-radius: 0.5rem;
	 transition: all 0.3s ease;
	 text-decoration: none;
}
 .opportunities-item:hover {
	 box-shadow: 0 0.1875rem 0.4375rem 0 rgba(0, 0, 0, 0.06), 0 0.75rem 0.75rem 0 rgba(0, 0, 0, 0.05), 0 1.6875rem 1rem 0 rgba(0, 0, 0, 0.03), 0 3rem 1.1875rem 0 rgba(0, 0, 0, 0.01), 0 4.625rem 1.3125rem 0 rgba(0, 0, 0, 0);
}
 .opportunities-item:hover .post-img .overlay {
	 opacity: 1;
	 visibility: visible;
}
 .opportunities-item:hover .post-img .overlay button {
	 transform: translateY(0);
}
 .opportunities-item .post-img {
	 position: relative;
}
 .opportunities-item .post-img img {
	 border-radius: 0.5rem;
}
 .opportunities-item .post-img .overlay {
	 position: absolute;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 display: flex;
	 place-items: center;
	 justify-content: center;
	 background: rgba(14, 14, 18, 0.08);
	 border-radius: 0.5rem;
	 opacity: 0;
	 visibility: hidden;
	 transition: all 0.3s ease;
}
 .opportunities-item .post-img .overlay button {
	 transform: translateY(0.5rem);
	 cursor: pointer;
	 transition: all 0.3s ease;
	 backdrop-filter: blur(2rem);
	 background: #fafafa;
	 color: #0e0e12;
}
 .opportunities-item h2 {
	 padding-top: 1rem;
	 font-size: 1.1rem;
	 font-weight: 500;
	 color: #0e0e12;
	 display: -webkit-box;
	 -webkit-line-clamp: 1;
	 -webkit-box-orient: vertical;
	 text-overflow: ellipsis;
	 overflow: hidden;
	 padding-bottom: 0.25rem;
}
 .opportunities-item p {
	 color: #0e0e12;
	 font-size: 1rem;
	 font-weight: 300;
	 line-height: 150%;
	 display: -webkit-box;
	 -webkit-line-clamp: 3;
	 -webkit-box-orient: vertical;
	 text-overflow: ellipsis;
	 overflow: hidden;
}

@media (max-width: 1080px) {
  .opportunities-body {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 760px) {
  .opportunities-item {
    padding: 0.5rem;

    p {
      font-size: 1rem;
    }
  }
}

@media (max-width: 490px) {
  .opportunities-body {
    grid-template-columns: 1fr;
  }

  .blog {
    .pagination {
      ul {
        display: none;
      }
    }
  }
}

/* End Opportunities */

.logos {
	background-color: #0E0E12;
	position: relative;
	padding: 0;
}

.logos:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 40%;
	height: 100%;
	background: -webkit-gradient(linear, right top, left top, from(rgba(14, 14, 18, 0)), to(#0e0e12));
	background: linear-gradient(270deg, rgba(14, 14, 18, 0) 0%, #0e0e12 100%);
	z-index: 8;
}

.logos:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 40%;
	height: 100%;
	background: -webkit-gradient(linear, left top, right top, from(rgba(14, 14, 18, 0)), to(#0e0e12));
	background: linear-gradient(90deg, rgba(14, 14, 18, 0) 0%, #0e0e12 100%);
	z-index: 8;
}

.logos__wrapper {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	overflow: hidden;
}

.logos__wrapper ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 4rem;
	-webkit-animation: marquee 40s linear infinite running;
	animation: marquee 40s linear infinite running;
	padding: 5rem 0 4rem;
	will-change: translateX;
}

.logos__wrapper ul li {
	width: 12.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

@-webkit-keyframes marquee {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		-webkit-transform: translate(-50%);
		transform: translate(-50%);
	}
}

@keyframes marquee {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		-webkit-transform: translate(-50%);
		transform: translate(-50%);
	}
}

@media (min-width: 1921px) {
	.logos {
		border-bottom-left-radius: 1rem;
		border-bottom-right-radius: 1rem;
	}

	.logos::after {
		border-bottom-right-radius: 1rem;
	}

	.logos::before {
		border-bottom-left-radius: 1rem;
	}
}

@media (max-width: 760px) {
	.logos__wrapper ul {
		padding: 0 0 2rem;
	}

	.logos__wrapper ul li {
		width: 120px;
	}
}

.platform-hero.engineering-hero {
	background-image: url(../images/dist/engineering-bg.jpg);
}

.platform-hero.engineering-hero .hero-fig {
	margin-top: auto;
}

.platform-hero.marketplace-hero {
	background-image: url(../images/dist/marketplace-bg.jpg);
}

.platform-hero.marketplace-hero .hero-fig {
	margin-top: auto;
	max-width: 755px;
	width: 100%;
	padding: 0 1rem 2rem;
}

.platform-hero.landing-hero {
	 background-image: url(../images/dist/presentation-bg.jpg);
     height: 900px;
}
.platform-hero.landing-hero.nejroset {
	 background-image: url(../images/dist/nejroseti-bg.jpg);
     height: 900px;
}
.platform-hero.genimg {
	 background-image: url(../images/dist/image-bg.jpg);
     height: 900px;
}
.platform-hero.genvideo {
	 background-image: url(../images/dist/video-bg.jpg);
     height: 900px;
}
.platform-hero.telegram-bot {
	 background-image: url(../images/dist/tg-bg.jpg);
     height: 900px;
}
.platform-hero.ai-for-seo {
	 background-image: url(../images/dist/seo-bg.jpg);
     height: 900px;
}
.platform-hero.ai-for-dev {
	 background-image: url(../images/dist/dev-bg.jpg);
     height: 900px;
}
.platform-hero.ai-for-edu {
	 background-image: url(../images/dist/edu-bg.jpg);
     height: 900px;
}
.platform-hero.genmusic {
	 background-image: url(../images/dist/music-bg.jpg);
     height: 900px;
}
 .platform-hero.landing-hero .inner-hero__wrapper h1 {
	 font-size: clamp(1.6rem, 4vw, 2.2rem);
	 padding-bottom: 0;
}
 .platform-hero.landing-hero .inner-hero__wrapper .landing-promo {
	 max-width: 720px;
	 padding-bottom: 1rem;
}
 .platform-hero.landing-hero .inner-hero__wrapper .btn {
	 margin-bottom: 2rem;
}
 .platform-hero.landing-hero .hero-fig {
	 margin-top: auto;
	 max-width: 1080px;
	 width: 100%;
	 border-top-left-radius: 8px;
	 border-top-right-radius: 8px;
}

@media (max-width: 650px) {
  .platform-hero.landing-hero {
     height: 650px;
  }
  .platform-hero.landing-hero .inner-hero__wrapper .landing-promo {
    line-height: normal;
  }
}

.platform-hero.not-found {
	background-image: url(../images/dist/404-bg.jpg);
    min-height: 80svh;
    padding-top: 80px;
}
.platform-hero.not-found p:first-of-type {
    font-size: 80px;
    font-weight: 600;
    line-height: 94.8px;
    letter-spacing: -0.02em;
    text-align: center;
}
.platform-hero.not-found a {
    color: unset;
    text-decoration: underline;
}

.platform-hero {
	background-position: center;
	background-size: cover;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.platform-hero .inner-hero__wrapper {
	width: 100%;
	height: 100%;
	padding: 10rem 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
}

.platform-hero .inner-hero__wrapper h1 {
	font-family: "Rubik", serif;
	font-weight: 500;
	font-size: clamp(1.4rem, 4vw, 3rem);
	line-height: 115%;
	text-align: center;
    max-width: 800px;
	color: #FAFAFA;
	text-shadow: 0.0625rem 0.0625rem 1.5rem 0 rgba(255, 255, 255, 0.25);
	padding-bottom: 1rem;
}

.platform-hero .inner-hero__wrapper p {
	font-weight: 300;
	font-size: 1rem;
	color: #FAFAFA;
	padding-bottom: 0;
}

.platform-hero .inner-hero__wrapper .cta-title {
	font-size: 1.2rem;
	padding-bottom: 0.5rem;
}

.platform-hero .inner-hero__wrapper .subscribe-wrap {
	margin-bottom: 5rem;
}

@media (min-width: 1921px) {
	.platform-hero {
		margin-top: -5rem;
		border-radius: 1rem;
	}
}

@media (min-width: 1921px) {
	.inner-hero.opportunities-hero {
		border-radius: 1rem;
        max-height: 900px;
	}
}

@media (max-width: 1280px) {
	.platform-hero.engineering-hero .cta-img-animation {
		padding: 0 2rem;
	}

	.platform-hero.marketplace-hero .cta-img-animation {
		max-width: 720px;
	}
}

@media (max-width: 1080px) {
	.platform-hero.marketplace-hero .cta-img-animation {
		max-width: 580px;
	}
}

@media (max-width: 760px) {
	.platform-hero.engineering-hero .cta-img-animation {
		padding: 0 0.5rem;
	}

	.platform-hero.marketplace-hero .cta-img-animation {
		max-width: 100%;
		padding: 0 2rem;
	}
}

.platform {
	background-color: #fafafa;
	padding: 0;
}

.platform .content-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.platform .wrapper {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr;
	grid-template-columns: 1fr 1fr;
	gap: 6rem;
	padding: 0 6rem 0 0;
}

.platform .content-container>* {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
}

.platform .contentMarker {
	height: 80vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.platform .contentMarker span {
	font-family: "JetBrains Mono", serif;
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 2.4rem;
}

.platform .contentMarker h2 {
	font-weight: 600;
	font-size: 2rem;
	line-height: 115%;
	padding-bottom: 1.5rem;
}

.platform .contentMarker .platform-img {
	display: none;
}

.platform .contentMarker:nth-child(1) {
	margin-top: 50%;
}

.platform .contentMarker:nth-child(1) span {
	color: #decae6;
}

.platform .contentMarker:nth-child(2) span {
	color: #F5C6C1;
}

.platform .contentMarker:nth-child(3) span {
	color: #BDECD1;
}

.platform .right-content {
	padding-right: 5rem;
}

.platform .left-content {
	height: 100vh;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.platform .left-content {
	height: 100vh;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.platform .left-content .lottie-container,
.platform .left-content .imageToShow {
	position: absolute;
	height: auto;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.3s, visibility 0.3s;
	transition: opacity 0.3s, visibility 0.3s;
}

.platform .left-content .lottie-container.active,
.platform .left-content .imageToShow.active {
	opacity: 1;
	visibility: visible;
}

.platform .left-content .lottie-container::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("../images/dist/filter.svg") no-repeat center center;
	background-size: cover;
	pointer-events: none;
	/* Чтобы клики проходили через фильтр */
}

@media (max-width: 1680px) {
	.platform .wrapper {
		padding: 0;
	}
}

@media (max-width: 1366px) {
	.platform {
		padding: 0;
	}

	.platform .right-content {
		padding-right: 2rem;
	}
}

@media (max-width: 1080px) {
	.platform .wrapper {
		-ms-grid-columns: 0.7fr 1fr;
		grid-template-columns: 0.7fr 1fr;
	}
}

@media (max-width: 880px) {
	.platform .img-section {
		display: none;
	}

	.platform .wrapper {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}

	.platform .right-content {
		padding-right: 0;
	}

	.platform .contentMarker {
		height: auto;
		padding: 3rem 0;
	}

	.platform .contentMarker:nth-child(1) {
		margin-top: 0;
	}

	.platform .contentMarker:last-child {
		padding-bottom: 0;
	}

	.platform .contentMarker:last-child p {
		padding-bottom: 4rem;
	}

	.platform .contentMarker h2 {
		padding-bottom: 0;
		font-size: 1.4rem;
	}

	.platform .contentMarker .platform-img {
		display: block;
	}

	.platform .contentMarker span,
	.platform .contentMarker h2,
	.platform .contentMarker p {
		padding: 0 1rem;
	}
}

.posts {
	padding: 4rem 2rem;
	background: radial-gradient(50% 50% at 50.03% 50%, rgb(16, 16, 61) 0%, rgb(14, 14, 18) 100%);
}

.posts .posts__header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-bottom: 2rem;
	color: #FAFAFA;
}

.posts .posts__header span {
	font-family: "JetBrains Mono", serif;
	font-weight: 700;
	font-size: 1rem;
	line-height: 2.4rem;
}

.posts .posts__header h3 {
	font-weight: 500;
	font-size: 2rem;
	line-height: 115%;
}

.posts .posts-bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-top: 3rem;
}

.posts .posts-bottom .accent-btn {
	margin: 0 auto;
	padding: 0.5rem 1.5rem;
	font-family: "JetBrains Mono", serif;
	font-size: 1rem;
	font-weight: 500;
}

.posts__wrapper {
	display: -ms-grid;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem;
}

.post-item {
	padding: 1rem;
	-webkit-backdrop-filter: blur(1.5rem);
	backdrop-filter: blur(1.5rem);
	background: rgba(24, 24, 42, 0.78);
	border-radius: 0.5rem;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;
}

.post-item:hover .post-img .overlay {
	opacity: 1;
	visibility: visible;
}

.post-item:hover .post-img .overlay button {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.post-item .post-img {
	position: relative;
}

.blog-item .post-img img,
.post-item .post-img img {
	width: 100%;
    object-fit: cover;
    border-radius: 0.5rem;
	
    aspect-ratio: 1.6;
}

.post-item .post-img .overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	place-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: rgba(14, 14, 18, 0.28);
	opacity: 0;
	border-radius: 0.5rem;
	visibility: hidden;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.post-item .post-img .overlay button {
	-webkit-transform: translateY(0.5rem);
	-ms-transform: translateY(0.5rem);
	transform: translateY(0.5rem);
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-backdrop-filter: blur(2rem);
	backdrop-filter: blur(2rem);
	background: #FAFAFA;
	color: #0E0E12;
}

.post-item h4 {
	padding-top: 1rem;
	font-size: 1.1rem;
	font-weight: 500;
	color: #FAFAFA;
	display: -webkit-box;
	line-clamp: 1;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-bottom: 0.25rem;
}

.post-item p {
	color: #B7B7B7;
	font-size: 1rem;
	font-weight: 300;
	line-height: 150%;
	display: -webkit-box;
	line-clamp: 3;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}

@media (max-width: 1080px) {
	.posts {
		padding: 0 0 4rem 0;
	}

	.posts__wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-scroll-snap-type: x mandatory;
		scroll-snap-type: x mandatory;
		overflow-x: scroll;
		width: 100%;
		position: relative;
		-webkit-overflow-scrolling: touch;
		white-space: nowrap;
	}

	.posts__wrapper::-webkit-scrollbar {
		display: none;
	}

	.post-item {
		display: inline-block;
		width: 22.5rem;
		scroll-snap-align: start;
	}

	.post-item img {
		height: 11.875rem;
	}

	.post-item p {
		white-space: wrap;
	}
}

@media (max-width: 980px) {
	.posts .posts__header span {
		font-size: 0.8rem;
		line-height: 1rem;
	}

	.posts .posts__header h3 {
		font-size: 1.6rem;
	}

	.post-item {
		width: 20rem;
	}

	.post-item img {
		height: 9.375rem;
	}
}

.prices {
  background-color: #0E0E12;
  background-image: url(../images/dist/plans-bg.svg);
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #FAFAFA;
  padding: 4rem 0 0;
}

.prices__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 2.5rem;
  text-align: center;
}
.prices__header span {
  font-family: "JetBrains Mono", serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 2.4rem;
}
.prices__header h3 {
  font-weight: 500;
  font-size: 2rem;
  line-height: 115%;
}
.prices__header p {
  max-width: 700px;
  text-align: center;
  padding: 0.5rem 1rem 1rem;
}
.prices__header .accent-btn {
  padding: 0.5rem 2.5rem;
  font-family: "JetBrains Mono", serif;
  font-size: 1rem;
  font-weight: 500;
}

.prices__body {
  width: 100%;
  height: 100%;
}

.prices__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  padding: 0 2rem 2rem;
}

.prices__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2rem;
  border-radius: 0.5rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 1px solid rgba(208, 213, 221, 0.3);
  will-change: transform;
}
.prices__item:hover {
  border: 1px solid rgba(208, 213, 221, 0.8);
  -webkit-box-shadow: 0 4px 24px 0 rgba(255, 255, 255, 0.06);
          box-shadow: 0 4px 24px 0 rgba(255, 255, 255, 0.06);
}
.prices__item h4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 100%;
  text-shadow: 0 4px 20px 0 rgba(255, 255, 255, 0.15);
  padding-bottom: 8px;
}
.prices__item h4 span {
  font-weight: 500;
  font-size: 1.25rem;
}
.prices__item .price-des {
  text-align: center;
  line-height: 130%;
}
.prices__item .price-des span {
  font-weight: 600;
  font-size: 1.2rem;
}
.prices__item .cost {
  font-family: "Rubik", serif;
  font-size: 3.5rem;
  font-weight: 400;
  padding: 0 0 1rem;
}
.prices__item .accent-btn {
  text-align: center;
  width: 100%;
  padding: 0.5rem auto;
  font-family: "JetBrains Mono", serif;
  font-size: 1.2rem;
  font-weight: 500;
}

.price-notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 3rem;
}
.price-notice p {
  max-width: 800px;
  font-family: "Rubik", serif;
  font-size: clamp(1rem, 4vw, 1.75rem);
  text-align: center;
  font-weight: 500;
  line-height: 130%;
  text-shadow: 0 4px 20px 0 rgba(255, 255, 255, 0.41);
}
.price-notice p span {
  font-size: clamp(1.35rem, 4vw, 2.38rem);
}

.prices-info {
  padding: 0 2rem;
}
.prices-info .prices-info__wrapper {
  padding: 2rem;
  background: linear-gradient(134deg, rgba(35, 39, 43, 0.4) 0%, rgba(25, 38, 42, 0.4) 100%);
  border-radius: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.prices-info .price-desc__item h4 {
  font-size: 1.25rem;
}
.prices-info .price-desc__item ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}
.prices-info .price-desc__item ul li {
  font-size: 1.15rem;
}
.prices-info .price-desc__item:nth-child(1) li {
  position: relative;
  padding-left: 16px;
}
.prices-info .price-desc__item:nth-child(1) li:before {
  content: url(../images/dist/icons/tick-1.svg);
  position: absolute;
  left: -6px;
  top: 2px;
}
.prices-info .price-desc__item:nth-child(2) li {
  position: relative;
  padding-left: 16px;
}
.prices-info .price-desc__item:nth-child(2) li:before {
  content: url(../images/dist/icons/tick-2.svg);
  position: absolute;
  left: -6px;
  top: 2px;
}
.prices-info .price-desc__item:nth-child(3) li {
  position: relative;
  padding-left: 16px;
}
.prices-info .price-desc__item:nth-child(3) li:before {
  content: url(../images/dist/icons/tick-3.svg);
  position: absolute;
  left: -6px;
  top: 2px;
}
.prices-info .price-desc__item:nth-child(4) li {
  position: relative;
  padding-left: 16px;
}
.prices-info .price-desc__item:nth-child(4) li:before {
  content: url(../images/dist/icons/tick-3.svg);
  position: absolute;
  left: -6px;
  top: 2px;
}

@media (max-width: 1280px) {
  .prices__wrapper {
    padding: 0 1rem 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .prices__wrapper .prices__item {
    max-width: 512px;
    padding: 1rem;
    border: 1px solid #484A4F;
  }
  .prices__wrapper .prices__item .accent-btn {
    font-size: 1rem;
  }
  .prices__wrapper .prices__item .cost {
    padding: 0;
  }
  .price-notice {
    padding-bottom: 2rem;
  }
  .prices-info {
    padding: 0 1rem;
  }
  .prices-info .prices-info__wrapper {
    padding: 1rem;
  }
}
@media (max-width: 980px) {
  .prices__header span {
    font-size: 0.8rem;
    line-height: 1rem;
  }
  .prices__header h3 {
    font-size: 1.6rem;
  }
}
@media (max-width: 760px) {
  .prices__item h4 {
    font-size: 1.4rem;
  }
  .prices__item .cost p {
    font-size: 2.3rem;
  }
}

.related-posts {
	padding-bottom: 2rem;
}

.related-posts .section-title {
	padding-bottom: 1rem;
}

.related-posts .section-title span {
	font-family: "Rubik", serif;
	font-weight: 500;
}

.related-posts .section-title h3 {
	font-size: 1.5rem;
	line-height: normal;
}

.related-posts .post-item {
	background-color: #fff;
}

.related-posts .post-item h4,
.related-posts .post-item p {
	color: #0E0E12;
}

.related-posts .post-item p {
	text-wrap: balance;
}

.related-posts .post-item:hover {
	-webkit-box-shadow: 0 0.1875rem 0.4375rem 0 rgba(0, 0, 0, 0.06), 0 0.75rem 0.75rem 0 rgba(0, 0, 0, 0.05), 0 1.6875rem 1rem 0 rgba(0, 0, 0, 0.03), 0 3rem 1.1875rem 0 rgba(0, 0, 0, 0.01), 0 4.625rem 1.3125rem 0 rgba(0, 0, 0, 0);
	box-shadow: 0 0.1875rem 0.4375rem 0 rgba(0, 0, 0, 0.06), 0 0.75rem 0.75rem 0 rgba(0, 0, 0, 0.05), 0 1.6875rem 1rem 0 rgba(0, 0, 0, 0.03), 0 3rem 1.1875rem 0 rgba(0, 0, 0, 0.01), 0 4.625rem 1.3125rem 0 rgba(0, 0, 0, 0);
}

.related-posts .section-title__page {
	text-align: center;
	padding: 4rem 0 1rem;
}

.related-posts .more-posts {
	padding: 2rem 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.review {
	background: radial-gradient(77.36% 50% at 50% 50%, rgb(14, 34, 40) 0%, rgb(14, 14, 18) 75.8934259415%);
	color: #FAFAFA;
	padding: 4rem 0 4rem;
}

.review .review__header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-bottom: 3rem;
}

.review .review__header h3 {
	font-weight: 500;
	font-size: 2rem;
	line-height: 115%;
}

.review .review__header p {
	max-width: 31.25rem;
	text-align: center;
}

.review__body {
	display: -ms-grid;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 1rem;
	padding: 0 2rem;
}

.review__column {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 1rem;
}

.review__item {
	padding: 1.5rem;
	background: linear-gradient(129deg, rgba(227, 227, 227, 0.1) 0%, rgba(125, 125, 125, 0.1) 100%);
	border-radius: 0.5rem;
}

.review__item .user {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 0.5rem;
	padding-top: 1rem;
}

.review__item .user img {
	border-radius: 50%;
	width: 3rem;
	height: 3rem;
}

.review__item .user p {
	font-family: "Rubik", serif;
	font-size: 1.25rem;
	font-weight: 400;
}

.review__item p {
	font-size: 1rem;
	line-height: 140%;
}

@media (min-width: 1921px) {
	.review {
		border-bottom-left-radius: 1rem;
		border-bottom-right-radius: 1rem;
	}
}

@media (max-width: 1366px) {
	.review__body {
		grid-template-columns: repeat(3, 1fr);
	}

	.review__body .review__column:nth-child(3) {
		display: none;
	}
}

@media (max-width: 980px) {
	.review__body {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		overflow: hidden;
		padding: 0 1rem;
	}

	.review__body .review__column:nth-child(4) {
		display: none;
	}

	.review__column {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		width: calc(50% - 0.5rem);
	}
}

@media (max-width: 760px) {
	.review .review__header {
		padding: 0 1rem 2rem;
	}

	.review .review__header h3 {
		font-size: 1.6rem;
	}

	.review__column {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		width: 100%;
	}

	.review__column:nth-child(2) {
		display: none;
	}

	.review__column .review__item {
		width: 100% !important;
		-webkit-box-flex: 1;
		-ms-flex: 1 1;
		flex: 1 1;
	}
}

.services {
	background-color: #0E0E12;
	padding-bottom: 4rem;
}

.services-top__wrapper {
	background-image: url(../images/dist/services-bg.jpg);
	background-size: cover;
	background-position: center right;
	position: relative;
}

.services-top__wrapper:after {
	content: "";
	width: 100%;
	height: 60px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(14, 14, 18, 0)), color-stop(94%, #0e0e12));
	background: linear-gradient(180deg, rgba(14, 14, 18, 0) 0%, #0e0e12 94%);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.services__business {
	padding: 7rem 0 4rem;
	width: 55%;
	max-width: 47.3125rem;
	color: #FAFAFA;
}

.services__business .accent-btn {
	padding: 0.7rem 1.5rem;
}

.services__business .business__txt-header span {
	font-weight: 500;
	font-size: 1.5rem;
	font-family: "JetBrains Mono", serif;
}

.services__business .business__txt-header h3 {
	font-weight: 600;
	font-size: 2rem;
	line-height: 115%;
	text-wrap: balance;
}

.services__business p {
	padding: 1rem 0;
	max-width: 40.625rem;
}

.services__business ul {
	padding-bottom: 4rem;
}

.services__business ul li {
	position: relative;
	padding-left: 1rem;
}

.services__business ul li::before {
	content: url(../images/dist/icons/tick-square.svg);
	position: absolute;
	left: -0.5rem;
}

.services__lr {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr;
	grid-template-columns: 1fr 1fr;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 2rem;
	padding: 5rem 0;
	color: #FAFAFA;
}

.services__lr .services-lr__info .lr-header span {
	font-weight: 500;
	font-size: 1.5rem;
	font-family: "JetBrains Mono", serif;
}

.services__lr .services-lr__info .lr-header h3 {
	font-weight: 600;
	font-size: 2rem;
	line-height: 115%;
	max-width: 39.375rem;
	text-wrap: balance;
}

.services__lr .services-lr__info p {
	padding: 1rem 0 2rem;
}

.services__lr .services-lr__info ul {
	display: -ms-grid;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.services__lr .services-lr__info ul li {
	position: relative;
	padding-left: 1rem;
}

.services__lr .services-lr__info ul li::before {
	content: url(../images/dist/icons/tick-square.svg);
	position: absolute;
	left: -0.5rem;
}

.services__lr .services-lr__info.right-txt {
	max-width: 43.75rem;
	padding-left: 2rem;
}

.services__lr .services-lr__info.left-txt {
	padding-right: 2rem;
}

.services__lr .services-lr__info.left-txt h3 {
	max-width: 34.375rem;
}

@media (min-width: 1921px) {
	.services {
		border-top-left-radius: 1rem;
		border-top-right-radius: 1rem;
	}
}

@media (max-width: 1366px) {
	section.services {
		padding: 0;
	}

	.services-top__wrapper {
		padding-left: 2rem;
		background-position: 50% 50%;
	}

	.services__business {
		width: 100%;
		max-width: 43.125rem;
	}

	.services__business ul {
		max-width: 28.125rem;
	}

	.services__lr {
		padding: 2rem;
		-ms-grid-columns: 0.7fr 1fr;
		grid-template-columns: 0.7fr 1fr;
	}

	.services__lr.right-lr {
		-ms-grid-columns: 1fr 0.7fr;
		grid-template-columns: 1fr 0.7fr;
	}
}

@media (max-width: 1080px) {
	.services-top__wrapper {
		background-position: 60% 50%;
	}

	.services__lr {
		padding: 2rem;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}

	.services__lr .services-lr__info.right-txt {
		max-width: 100%;
		padding-left: 0;
	}

	.services__lr.right-lr {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

@media (max-width: 980px) {
	.services__business {
		padding-top: 4rem;
	}

	.services__business .business__txt-header {
		max-width: 500px;
	}

	.services__business .business__txt-header span {
		font-size: 1rem;
	}

	.services__business .business__txt-header h3 {
		font-size: 1.6rem;
	}

	.services__business p {
		max-width: 100%;
	}

	.services__business ul {
		padding-bottom: 2rem;
	}

	.services-top__wrapper {
		padding: 0 1rem 1rem 1rem;
		background-image: url(../images/dist/business-img-l.jpg);
		background-position: 70% 50%;
	}

	.services__lr {
		padding: 2rem 1rem;
	}

	.services__lr .services-lr__info .lr-header .badge {
		font-size: 0.625rem;
	}

	.services__lr .services-lr__info .lr-header span {
		font-size: 1rem;
	}

	.services__lr .services-lr__info .lr-header h3 {
		font-size: 1.6rem;
	}
}

@media (max-width: 760px) {
	.services__business {
		padding-bottom: 0;
	}

	.services__business .accent-btn {
		display: block;
		width: 100%;
		text-align: center;
	}

	.services__lr .services-lr__info.left-txt {
		padding-right: 0;
	}

	.services__lr .services-lr__info ul {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}
}

.cta__wrapper {
	background-image: url(../images/dist/trial-cta-bg.svg);
	background-size: cover;
	background-position: center;
	border-radius: 1rem;
}

.trial-cta__wrapper {
	padding-top: 5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	overflow: hidden;
}

.trial-cta__wrapper h4 {
	font-family: "Rubik", serif;
	font-weight: 500;
	font-size: clamp(1.3rem, 4vw, 2.25rem);
	line-height: 115%;
	text-align: center;
	color: #FAFAFA;
	text-shadow: 0.0625rem 0.0625rem 1.5rem 0 rgba(255, 255, 255, 0.25);
}

.trial-cta__wrapper p {
	color: #FAFAFA;
	padding-bottom: 2rem;
	text-align: center;
	max-width: 920px;
}

.trial-cta__wrapper img {
	margin-top: 6rem;
	max-width: 80%;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	-webkit-transform-origin: bottom center;
	-ms-transform-origin: bottom center;
	transform-origin: bottom center;
	-webkit-transform: perspective(31.25rem) rotateY(360deg) rotateX(20deg) translateY(3.75rem);
	transform: perspective(31.25rem) rotateY(360deg) rotateX(20deg) translateY(3.75rem);
}

.trial-cta__wrapper .accent-btn {
	padding: 0.7em 2.4rem;
}

@media (max-width: 550px) {
	.trial-cta__wrapper {
		padding: 4rem 1rem 0;
		text-align: center;
	}

	.trial-cta__wrapper img {
		max-width: 95%;
	}
}

.txt__wrapper {
  max-width: 840px;
  margin: 0 auto;
  padding: 10rem 0;
}
.txt__wrapper h1 {
    font-size: 2rem;
}
.txt__wrapper h2 {
    font-size: 1.2rem;
    padding-bottom: 0.5rem;
    padding-top: 2rem;
}
.txt__wrapper a {
    color: blue;
}
.txt__wrapper a:hover {
    text-decoration: underline;
}
.txt__wrapper .txt-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal {
    background: #0e0e124f;
    backdrop-filter: blur( 4px );
    transition: all ease-in-out .2s;
    z-index: 100;

    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: flex;
    align-items: center;
    justify-content: center;
}
.modal:not( .modal_open ) {
    opacity: 0;
    visibility: hidden;
}
.modal__box {
    background-color: #fafafa;
    max-width: 440px;
    padding: 16px;
    border-radius: 8px;
    box-shadow: 0px 4px 24px 0px rgba( 255, 255, 255, .4 );
    transition: all ease-in-out .2s;

    position: relative;

    display: flex;
    flex-direction: column;
    gap: 24px;
}
.modal:not( .modal_open ) .modal__box {
    transform: translateY( 20px );
    filter: blur( 2px );
}
@media screen and ( max-width: 768px ) {
    .modal__box {
        max-width: 90vw;
    }
}
.modal__close {
    background-image: url( ../images/dist/modal-close.svg );
    background-size: cover;
    width: 20px;
    height: 20px;

    cursor: pointer;

    position: absolute;
    top: 18px;
    right: 18px;
}
.modal__logo {
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal__logo img {
    width: auto;
    height: 34px;
}
.modal__content {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.modal__content h3 {
    font-weight: 600;
    font-size: 20px;
    text-align: center;
}
.modal__content p {
    margin: 0;

    font-weight: 400;
    font-size: 16px;
    text-align: center;
    line-height: 20px;
}
.modal__button {
    cursor: pointer;

    text-align: center;
}

/* NY Promo */
header {
	position: sticky;
	margin: 1.5rem auto;
}

main {
	margin-top: -6.5rem;
}

.tops {
  position: relative;
  padding: 0;
}

.tops__wrapper {
	 box-sizing: border-box;
	 display: flex;
	 align-items: center;
	 background: linear-gradient(90deg, #af095f 0%, #0a4869 31.96%, #1e3757 63.23%, #443f71 100%);
	 overflow: hidden;
}
 .tops__wrapper ul {
	 max-width: 100vw;
	 display: flex;
	 gap: 80px;
	 animation: tops-marquee 80s linear infinite running;
	 padding: 0.3rem 0;
	 will-change: translateX;
}
 .tops__wrapper ul li {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 gap: 12px;
}
 .tops__wrapper ul li img {
	 display: block;
	 height: 32px;
	 width: auto;
}
 .tops__wrapper ul li p {
	 font-family: 'Rubik', serif;
	 font-weight: 400;
	 font-size: 1rem;
	 white-space: nowrap;
	 color: #fff;
	 transition: all 0.3s ease;
}
 .tops__wrapper ul li p:hover {
	 text-decoration: underline;
}
 @keyframes tops-marquee {
	 0% {
		 transform: translateX(0);
	}
	 100% {
		 transform: translate(-50%);
	}
}

.inner-hero,
.hero,
.platform-hero,
.post-hero {
	margin-top: -6.5rem;
}

@media (min-width: 1921px) {
	.body__wrapper {
        padding: 1rem 0;
    }

	.tops {
		max-width: 1920px;
		margin: 0 auto;
		border-radius: 1rem;
	}

	.tops__wrapper {
		border-radius: 1rem;
	}
}

@media (max-width: 750px) {
	.tops {
	    position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	    z-index: 10;
		max-width: 100vw;
		overflow: hidden;
	}
    .tops__wrapper ul {
    	 animation: tops-marquee 6s linear infinite running;
    }
	header {
		position: sticky;
		margin: 2.5rem 0.5rem;
	}

	.body__wrapper {
		padding-top: .5rem;
	}
}