.header {
	position: relative;
	z-index: 20;
	background-color: #ffffff;
}

.header .safeArea {
	box-sizing: border-box;
	gap: 28px;
}

.header .safeArea .navDrawer {
	display: flex;
	flex: 1;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}

.mobileMenuToggle {
	display: none;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 1px solid #000000;
	border-radius: 50%;
	background-color: #ffffff;
	cursor: pointer;
	box-sizing: border-box;
}

.mobileMenuToggle span {
	display: block;
	width: 18px;
	height: 2px;
	margin: 4px auto;
	background-color: #000000;
	transition: transform 200ms ease, opacity 200ms ease;
}

.header.menuOpen .mobileMenuToggle span:nth-child(1) {
	transform: translateY(6px) rotate(45deg);
}

.header.menuOpen .mobileMenuToggle span:nth-child(2) {
	opacity: 0;
}

.header.menuOpen .mobileMenuToggle span:nth-child(3) {
	transform: translateY(-6px) rotate(-45deg);
}

@media all and (max-width: 1100px) {
	.safeArea {
		width: auto;
		margin-left: 32px;
		margin-right: 32px;
	}
}

@media all and (min-width: 751px) and (max-width: 1024px) {
	.header {
		padding: 22px 0;
	}

	.header .safeArea {
		justify-content: flex-start;
	}

	.header .safeArea .logoHolder {
		width: 145px;
	}

	.mobileMenuToggle {
		display: none;
		margin-left: auto;
	}

	.header .safeArea .navDrawer {
		position: absolute;
		top: calc(100% + 1px);
		left: 32px;
		right: 32px;
		display: none;
		padding: 26px;
		border: 1px solid rgba(0, 0, 0, 0.12);
		background-color: #ffffff;
		box-shadow: 0 22px 50px rgba(0, 0, 0, 0.12);
		box-sizing: border-box;
	}

	.header.menuOpen .safeArea .navDrawer {
		display: block;
	}

	.header .safeArea .menuHolder ul li,
	.header .safeArea .mainActions ul li {
		display: block;
	}

	.header .safeArea .menuHolder ul li a,
	.header .safeArea .mainActions ul li a {
		padding: 16px 0;
		font-size: 20px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	.header .safeArea .mainActions ul li.blackBg a {
		width: 100%;
		margin-top: 18px;
		padding: 18px 21px;
		font-size: 18px;
		border-bottom: 0;
	}

	.heroSections {
		padding: 90px 32px 62px;
	}

	.heroSections .bigTitle,
	.heroSections .bigTitle span,
	.heroSections .bigTitle .typewriter-highlight {
		font-size: 58px;
		line-height: 1.12;
	}

	.mainBanner img,
	.mainBanner video {
		border-radius: 8px;
	}

	.logosList {
		padding: 0 60px;
	}

	.sectionBlock {
		margin-bottom: 64px;
	}

	.sectionBlock h3,
	.pageBanner .textContainer h4,
	.contactBlock .leftBlock h3 {
		font-size: 38px;
		line-height: 1.15;
	}
	
	.platforms ul {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 26px;
	}

	.platforms ul li {
		display: block;
		width: auto;
		padding: 0;
	}

	.platforms ul li .icon img {
		width: 88px;
	}

	.pageBanner {
		margin-bottom: 76px;
	}

	.pageBanner .textContainer {
		left: 32px;
		bottom: 38px;
		width: 58%;
	}

	.pageBanner .textContainer .text {
		margin-bottom: 28px;
	}

	.outcomnes .subTitle {
		margin-bottom: 54px;
	}

	.outcomnes .blockRightExpand {
		padding-left: 48px;
	}

	.newsBlock h3 {
		margin-bottom: 54px;
	}

	.newsBlock .newsLayout {
		grid-template-columns: 1fr;
		gap: 42px;
	}

	.detailsPage h3 {
		margin-bottom: 52px;
	}

	.detailsPage .detailsBanner {
		margin-bottom: 70px;
		border-radius: 20px;
	}

	.contactBlock {
		padding: 72px 0;
	}

	.contactBlock .leftBlock {
		padding-right: 60px;
	}

	.contactBlock .rightBlock .formHolder {
		padding: 34px;
		border-radius: 8px;
	}

		.footer .safeArea {
			flex-direction: column;
			align-items: center;
			gap: 0;
		}

		.footer .quickLinks,
		.footer .partners,
		.footer .smcp {
			text-align: center;
		}

		.footer .quickLinks,
		.footer .partners {
			margin-bottom: 26px;
		}
}

@media all and (max-width: 750px) {
	body.menuOpen {
		overflow: hidden;
	}

	.safeArea {
		margin-left: 20px;
		margin-right: 20px;
	}

	.header {
		padding: 18px 0;
	}

	.header .safeArea {
		justify-content: flex-start;
		gap: 14px;
	}

	.header .safeArea .logoHolder {
		width: 132px;
	}

	.mobileMenuToggle {
		display: none;
		margin-left: auto;
	}

	.header .safeArea .navDrawer {
		position: fixed;
		top: 81px;
		left: 0;
		right: 0;
		display: none;
		max-height: calc(100vh - 81px);
		padding: 18px 20px 28px;
		overflow-y: auto;
		background-color: #ffffff;
		border-top: 1px solid rgba(0, 0, 0, 0.1);
		box-shadow: 0 18px 38px rgba(0, 0, 0, 0.14);
		box-sizing: border-box;
	}

	.header.menuOpen .safeArea .navDrawer {
		display: block;
	}

	.header .safeArea .menuHolder ul li,
	.header .safeArea .mainActions ul li {
		display: block;
	}

	.header .safeArea .menuHolder ul li a,
	.header .safeArea .mainActions ul li a {
		padding: 18px 0;
		font-size: 21px;
		line-height: 1.25;
		color: #000000;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	.header .safeArea .mainActions ul li.blackBg a {
		width: 100%;
		margin-top: 20px;
		padding: 17px 21px;
		font-size: 18px;
		border-bottom: 0;
	}

	.sectionBlock {
		margin-bottom: 52px;
	}

	.heroSections {
		padding: 70px 20px 48px;
	}

	.heroSections .bigTitle {
		margin-bottom: 24px;
	}

	.heroSections .bigTitle,
	.heroSections .bigTitle span,
	.heroSections .bigTitle .typewriter-highlight {
		font-size: 40px;
		line-height: 1.14;
	}
	.heroSections .bigTitle .typewriter-highlight{
		font-size: 40px;
	}

	.heroSections .slogan {
		margin-bottom: 32px;
	}

	.heroSections .sectionCTAs .blackBg {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.heroSections .sectionCTAs .whiteBg {
		margin-top: 10px;
	}
	.showOnDesktop{
		display: none !important;
	}
	.showOnMobile{
		display: block !important;
	}

	.mainBanner img,
	.mainBanner video {
		border-radius: 8px;
	}

	.clients.sectionBlock {
		margin-bottom: 75px;
	}
	.clients .safeArea {
		box-sizing: border-box;
		width: 100%;
		margin: 0;
	}
	.clients h2 {
		margin-bottom: 35px;
		line-height: 1.45;
	}

	.logosList {
		padding: 0 34px;
	}

	.logosList .swiper-button-prev {
		right: calc(50% + 10px);
		top: 35px;
	}

	.logosList .swiper-button-next {
		top: 35px;
		left: calc(50% + 10px);
	}

	.sectionBlock h3,
	.pageBanner .textContainer h4,
	.contactBlock .leftBlock h3,
	.comingSoonBody h1 {
		font-size: 32px;
		line-height: 1.16;
	}

	.platforms ul li {
		display: block;
		width: 100%;
		padding: 0;
		margin-bottom: 42px;
	}

	.platforms ul li:last-child {
		margin-bottom: 0;
	}

	.platforms ul li .icon {
		margin-bottom: 18px;
	}

	.platforms ul li .icon img {
		width: 120px;
	}

	.pageBanner {
		margin-bottom: 58px;
		background-color: #172023;
	}

	.pageBanner .imageHolder img {
		min-height: 420px;
		object-fit: cover;
		object-position: center;
		opacity: 0.74;
	}

	.pageBanner .textContainer {
		left: 20px;
		right: 20px;
		top: 120px;
		width: auto;
	}

	.pageBanner .textContainer h4 {
		margin-bottom: 18px;
		font-size: 20px;
	}

	.pageBanner .textContainer .text {
		margin-bottom: 30px;
		line-height: 1.55;
		font-size: 12px;
	}

	.outcomnes .subTitle {
		margin-bottom: 38px;
		line-height: 1.45;
	}

	.outcomnes .blockLeftImage,
	.outcomnes .blockRightExpand,
	.contactBlock .leftBlock,
	.contactBlock .rightBlock {
		float: none;
		width: 100%;
	}

	.outcomnes .blockLeftImage {
		margin-bottom: 32px;
	}

	.outcomnes .blockLeftImage img {
		border-radius: 8px;
	}

	.outcomnes .blockRightExpand {
		padding-left: 0;
	}

	.newsBlock h3 {
		margin-bottom: 36px;
	}

	.newsBlock .newsLayout {
		display: block;
	}

	.newsBlock .featuredArticle {
		padding-bottom: 32px;
		border-bottom: 1px solid #D9D9D9;
	}

	.newsBlock .featuredArticle .articleImage {
		margin-bottom: 24px;
	}

	.newsBlock .articleItem {
		display: block;
		padding: 28px 0;
	}

	.newsBlock .articleItem .articleImage {
		margin-bottom: 22px;
	}

	.newsBlock h4 {
		font-size: 24px;
		margin-bottom: 18px;
	}

	.detailsPage {
		margin-top: 22px;
	}

	.detailsPage .backLink {
		margin-bottom: 34px;
	}

	.detailsPage h3 {
		margin-bottom: 40px;
	}

	.detailsPage .detailsBanner {
		margin-bottom: 48px;
		border-radius: 18px;
	}

	.detailsPage .detailsContent h4 {
		margin-bottom: 18px;
	}

	.detailsPage .detailsContent p {
		line-height: 1.22;
		margin-bottom: 34px;
	}

	.toggleTitle {
		font-size: 21px;
		line-height: 1.25;
	}
	.outcomnes .toggleTitle{
		margin-bottom: 0;
	}

	.toggleItem {
		margin-bottom: 0;
	}
	.footer .partners a{
		font-size: 12px;
	}

	.contactBlock {
		padding: 58px 0;
	}

	.contactBlock .leftBlock {
		padding-right: 0;
		margin-bottom: 28px;
	}

	.contactBlock .leftBlock h3 {
		margin-bottom: 20px;
	}

	.contactBlock .rightBlock .formHolder {
		padding: 24px 18px;
		border-radius: 8px;
	}

	.contactBlock .rightBlock .formRow,
	.contactBlock .rightBlock .formRow.withMargRight {
		float: none;
		width: 100%;
		margin-right: 0;
	}

	.contactBlock .rightBlock .formRow input,
	.contactBlock .rightBlock .formRow textarea,
	.contactBlock .rightBlock .formRow select {
		font-size: 16px;
	}

	.footer {
		padding-bottom: 34px;
	}

		.footer .safeArea {
			flex-direction: column;
			align-items: stretch;
			gap: 0;
		}

		.footer .quickLinks,
		.footer .partners,
		.footer .smcp {
			text-align: left;
		}

		.footer .quickLinks,
		.footer .partners {
			margin-bottom: 26px;
		}

	.footer .quickLinks ul li {
		display: block;
	}

	.footer .quickLinks ul li a {
		padding: 8px 0;
	}

	.footer .smcp .socialLinks,
	.footer .smcp .copyright {
		display: block;
		margin-left: 0;
	}

	.footer .smcp .socialLinks {
		margin-bottom: 14px;
	}

	.footer .smcp .socialLinks a {
		margin-left: 0;
		margin-right: 8px;
	}

	.faqsPage {
		margin-top: 56px;
	}

	.comingSoonBody {
		padding: 80px 20px 120px;
	}

	.comingSoonBody .logoHolderCS {
		width: 220px;
		margin-bottom: 90px;
	}

	.csFooter {
		position: static;
	}
	.contactBlock{
		margin-bottom: 0;
	}
	.faqsPage .toggleTitle{
		font-size: 16px;
		padding-right: 25px;
		box-sizing: border-box;
		margin-bottom: 0;
	}
	.faqsPage .toggleItem{
		padding: 20px 0 20px 0;
	}
	.outcomnes .toggleContent{
		padding-top: 20px;
	}
	.outcomesList h4{
		font-size: 20px;
		padding: 0;
	}
	.pageBanner .imageHolder{
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 100% auto;
	}
	.pageBanner .imageHolder img {
		display: none;
	}
	.sectionBlock.outcomnes{
		margin-bottom: 50px;
	}
	.submit button, .contactBlock .rightBlock .submit a{
		display: block;
		width: 100%;
	}
	.newsBlock.sectionBlock{
		margin-bottom: 0;
		padding-top: 50px;
	}

	.launchPopup {
		align-items: flex-start;
		padding: 20px;
	}

	.launchPopup .launchPopupDialog {
		max-height: calc(100vh - 40px);
		border-radius: 28px;
	}

	.launchPopup .launchPopupInner {
		padding: 56px 26px 42px;
	}

	.launchPopup .launchPopupClose {
		top: 18px;
		right: 22px;
	}

	.launchPopup h2 {
		margin-bottom: 24px;
		font-size: 18px;
	}

	.launchPopup p {
		margin-bottom: 34px;
		font-size: 15px;
		line-height: 1.18;
	}

	.launchPopup .launchPopupFields {
		display: block;
	}

	.launchPopup .launchPopupField {
		margin-bottom: 18px;
	}

	.launchPopup .launchPopupField input {
		height: 53px;
		padding: 0 20px;
		font-size: 15px;
	}

	.launchPopup .launchPopupSubmit {
		display: block;
		width: 100%;
		margin-top: 30px;
		font-size: 21px;
	}
	.featuredArticle{
		    border-bottom: 1px solid #D9D9D9;
			margin-bottom: 30px;
	}
	.newsBlock .articleItem .articleImage{
		    aspect-ratio: auto ;
	}

}