/**
 * SET FONTS
 */

@font-face {
	font-family: 'Inter-Thin';
	src: url('../fonts/inter/Inter-Thin.woff') format('woff');
}

@font-face {
	font-family: 'Inter-ExtraLight';
	src: url('../fonts/inter/Inter-ExtraLight.woff') format('woff');
}

@font-face {
	font-family: 'Inter-Light';
	src: url('../fonts/inter/Inter-Light.woff') format('woff');
}

@font-face {
	font-family: 'Inter';
	src: url('../fonts/inter/Inter-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Inter-Medium';
	src: url('../fonts/inter/Inter-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Inter-SemiBold';
	src: url('../fonts/inter/Inter-SemiBold.woff') format('woff');
}

@font-face {
	font-family: 'Inter-Bold';
	src: url('../fonts/inter/Inter-Bold.woff') format('woff');
}



@font-face {
	font-family: 'DM Mono';
	src: url('../fonts/dm_mono/DMMono-Regular.ttf') format('woff');
}



@font-face {
	font-family: 'JakartaLight';
	src: url('../fonts/plus_jakarta/PlusJakartaSans-Light.ttf') format('truetype');
}

@font-face {
	font-family: 'JakartaSans';
	src: url('../fonts/plus_jakarta/PlusJakartaSans-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'JakartaMedium';
	src: url('../fonts/plus_jakarta/PlusJakartaSans-Medium.ttf') format('truetype');
}

@font-face {
	font-family: 'JakartaSemiBold';
	src: url('../fonts/plus_jakarta/PlusJakartaSans-SemiBold.ttf') format('truetype');
}


* {
	margin: 0px;
	padding: 0px;
	font-family: 'Inter', sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	margin: 0px;
	padding: 0px;
	overflow: scroll;
	overflow-x: hidden;
}


:root {
	--white: #FFF;
	--black: #000;
	/*	--bg-nav: #E1E3EE;*/
	--bg-nav: #EFF0F6;
	/*	--bg-nav: #FFF;*/
	--bg-container: #212639;
	--main-btn-bgcolor: #3372D8;
	--main-btn-bgcolor-hover: #23579E;
	--link-menu: #3474CB;
	--menu-button: #0F172A;
	--menu-button-hover: #1E56D4;
	--front-green: #2B8659;
	--color-main-title: #1B1F2B;
	--color-main-description: #475569;
}



nav.__nav_header {
	display: block;
	width: 100%;
	height: auto;
	min-height: 60px;
	background-color: var(--bg-nav);
}

.__main_header {
	display: flex;
	width: 100%;
	max-width: 1240px;
	height: auto;
	min-height: 60px;
	margin: auto;
	padding: 0px 20px;

	background-color: var(--bg-nav);
}

.__logo_auto_w {
	flex: 0 1 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: auto;
	max-width: 90px;
	height: auto;
}

.__logo_auto_w a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-width: 50px;
	height: auto;
	line-height: 0%;
}

.__logo_auto_w a img {
	flex: 1 1 40px;
	width: 40px;
	height: 40px;
	/*	width: 100%;*/
	/*	height: auto;*/
	/*	min-height: 28px;*/
	border: none;
	outline: none;
}

.__menu_header {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0px;
	padding-left: 50px;
}

.__menu_header.flex-grow {
	flex: 1 1 auto;
}

.__menu_header a {
	text-decoration: none;
}

.__menu_header .item-all-menu {
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	border-radius: 20px;
	outline: none;
	padding: 6px 16px;

	font-family: 'JakartaSemiBold', sans-serif;
	font-size: 0.88rem;

	color: var(--menu-button);
	background-color: transparent;

	cursor: pointer;
}

.__menu_header .item-all-menu:hover {
	color: var(--menu-button-hover);
}



/**
 * MENU SUMMARY
 */

.__summary_menu {
	display: flex;
	width: auto;
	height: auto;

	box-sizing: border-box;
}

.__summary_menu summary {
	display: flex;
	align-items: center;
	justify-content: center;

	padding: 6px 16px;
	border: none;
	border-radius: 999px;
	outline: none;

	font-family: 'JakartaSemiBold', sans-serif;
	font-size: 0.88rem;
	color: var(--menu-button);

	line-height: 0px;
	list-style: none;

	cursor: pointer;
}

.__summary_menu summary svg {
	width: 12px;
	height: 12px;
	margin-left: 10px;
}

.__summary_menu summary img {
	width: 12px;
	height: 12px;
	margin-left: 10px;
}

.__summary_menu summary:hover,
.__summary_menu summary:hover svg path {
	color: var(--menu-button-hover);
	fill: var(--menu-button-hover);
}

details {
	display: block;
}

summary {
	display: block;
	unicode-bidi: isolate;
}

.__summary_menu details:not([open])> :not(summary) {
	display: none;
}

.__summary_menu details[open] summary img,
.__summary_menu details[open] summary svg {
	rotate: -180deg;
	transition: rotate 0.3s ease-in-out;
	/*	transform: rotate(-180deg);*/
}

.__summary_menu details[open] summary,
.__summary_menu details[open] summary svg path {
	color: #1E56D4;
	fill: #1E56D4;
}

.__summary_menu:hover summary,
.__summary_menu:focus-within summary {
	opacity: 1 !important;
	transition: opacity 0.2s ease;
}

.__summary_menu details+.__menu_actions {
	display: none;
	width: calc(100vw - 40px);
	height: auto;
	min-height: 300px;
	margin: auto;
	padding: 0px 20px;

	position: absolute;
	z-index: 1001;
	top: 50px;
	left: 10px;
}

.__summary_menu details[open]+.__menu_actions {
	display: flex;
}

.__summary_menu details[open]+.__menu_actions .__content_actions {
	display: flex;
	animation: scale-in 0.35s cubic-bezier(0.2, 0, 0.13, 1.5);
}

.__summary_menu details+.__menu_actions .__content_actions {
	flex-direction: column;
	width: 100%;
	max-width: 900px;
	height: auto;
	min-height: 260px;
	margin: auto;

	padding: 20px;
	/*padding-bottom: 50px;*/

	border-radius: 4px;
	border: 1px solid #d9d9d9;

	font-family: 'Inter-Light', sans-serif;
	background-color: white;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
	text-align: left;
}

.__summary_menu details+.__menu_actions .__content_actions.solutions {
	max-width: 750px;
}

.__summary_menu details+.__menu_actions .__content_actions.developers {
	max-width: 600px;
}

/*.__summary_menu .__menu_actions a {
	padding: 8px 16px;
	font-family: sans-serif;
	font-size: 14px;
	font-weight: 600;
	white-space: nowrap;
	color: #434a56;
	text-decoration: none;
}

.__summary_menu .__menu_actions a:hover,
.__summary_menu .__menu_actions a:focus {
	background-color: #D4DCEF;
	color: black;
}*/

.col-menu-container {
	display: flex;
	flex: 1;
	flex-direction: row;
	gap: 10px;
	width: auto;
	height: auto;
}

.col-shift-menu {
	display: block;
	flex: 1 1 auto;
	width: 100%;
	height: auto;
	min-height: 30px;
	margin-bottom: 20px;
	/*	background-color: #1E7FF6 !important;*/
}

.item-list-menu {
	display: flex;
	padding: 5px;
	border-radius: 3px;
	font-size: 15px;
	color: #000;
	/*	background-color: #EAECF0;*/

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.item-list-menu::before {
	flex: 0 0 auto;
	content: '';
	display: block;
	width: 26px;
	height: 30px;
	float: left;
	margin-right: 16px;
	border-radius: 3px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}


.item-list-menu.ai::before,
.item-list-menu.apps::before,
.item-list-menu.consulting::before,
.item-list-menu.payments::before {
	background-color: #E9ECF4;
}

.item-list-menu.sports::before {
	background-image: url('../icons/sports.svg');
}

.item-list-menu.weather::before {
	background-image: url('../icons/weather.svg');
}

.item-list-menu.maps::before {
	background-image: url('../icons/maps.svg');
}

.item-list-menu.sports:hover::before,
.item-list-menu.weather:hover::before,
.item-list-menu.maps:hover::before {
	filter: invert(23%) sepia(66%) saturate(4597%) hue-rotate(221deg) brightness(88%) contrast(87%);
}

.item-list-menu:hover .item-list-menu-container {
	color: #1E56D4;
}

.item-list-menu-container {
	font-family: 'JakartaSemiBold', sans-serif;
}

.item-menu-description {
	display: block;
	padding-top: 0px;
	font-family: 'JakartaMedium', sans-serif;
	font-size: 12px;
	color: #808388;
	line-height: 100%;
}

.menu-space-expand {
	flex: 1 0 auto;
}

.item-image-menu {
	flex: 1 1 auto;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}

.item-image-menu img {
	margin-bottom: 10px;
}










@keyframes scale-in {
	0% {
		opacity: 0;
		transform: scale(0.6);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}



.__submenu_header {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: auto;
	background-color: #E6E9ED;
}

.__submenu_header img {
	width: auto;
	height: auto;
	max-height: 18px;

	cursor: pointer;
}




.__container_featured {
	width: 100%;
	height: auto;
	min-height: 100px;
	margin: auto;
	padding: 0px 20px;

	background-color: var(--bg-container);
}

.__featured_centered {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	height: auto;
	min-height: 480px;

	padding-left: 1.6rem;
	padding-right: 1.6rem;

	color: #FFF;
	text-align: center;
}

.__text_featured {
	font-family: "Segoe UI";
	font-size: 3rem;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 1.2rem;
}

.__subtext_featured {
	font-family: "Inter-Light";
	font-size: 1.25rem;
	line-height: 1.75rem;
	margin-bottom: 2rem;
}

.__centered_call_to_action {
	display: flex;
	justify-content: center;
	gap: 1rem;
}

.__btn_call {
	text-decoration: none;
}

.__btn_call_demonstration {
	padding: 0.75rem 1.5rem;
	border-radius: 6px;
	border: 1px solid #FF8C00;
	background-color: #50360C;
	color: #F7F3EC;
	transition: background-color 0.5s ease-in-out, transform 0.5s ease-in-out;
}

.__btn_call_demonstration:hover {
	color: #FFF;
	background-color: #B0710A;
}

.__btn_call_expert {
	padding: 0.75rem 1.5rem;
	border-radius: 6px;
	border: 1px solid white;
	color: #FFF;
	transition: background-color 0.5s ease-in-out, transform 0.5s ease-in-out;
}

.__btn_call_expert:hover {
	background-color: #FFFFFFE0;
	color: #1C398E;
}


.__main_container {
	display: block;
	width: 100%;
	height: auto;
	min-height: 650px;
}

.__full_content {
	display: block;
	width: 100%;
	height: auto;
}

.__full_content.main_services {
	min-height: 400px;
	padding: 40px 80px;
	padding-top: 60px;
}

.__full_content.content_customers {
	height: auto;
	min-height: 450px;
	padding: 40px 80px;
	padding-top: 90px;
	/*background-color: #EAEDF0;*/
	background-color: #F5F6F7;
}

.__full_content.highlight_front_green {
	min-height: 550px;
	padding: 40px 80px;
	padding-top: 90px;
	background-color: var(--front-green);
}

.__text_main_sup {
	display: flex;
	justify-content: center;
	width: auto;
	max-width: 1000px;
	margin: auto;
	margin-top: 30px;
	font-family: 'Inter-SemiBold', sans-serif;
	font-size: 4rem;
	font-weight: 750;
	text-wrap: pretty;
	text-align: center;
	line-height: 100%;
}

.__text_main_sub {
	display: flex;
	justify-content: center;
	width: auto;
	max-width: 1000px;
	margin: auto;
	margin-top: 30px;
	font-family: 'Inter', sans-serif;
	font-size: 1.4rem;
	text-wrap: pretty;
	text-align: center;
	line-height: 100%;
}

.__text_main_sup.bg_green,
.__text_main_sub.bg_green {
	/*	background-color: palegreen;*/
	color: #ECEEED;
}


.__text_main_title {
	display: flex;
	justify-content: center;
	font-family: "Inter", sans-serif, ui-monospace, monospace;
	color: var(--color-main-title);
}

.__text_main_title.min {
	color: #F3FFFA;
	/*	color: #1bb152;*/
	font-size: 18px;
	line-height: 26px;
}

.__text_main_title.medium {
	font-size: 26px;
	line-height: 28px;
}

.__text_main_title.max {
	font-size: 36px;
	line-height: 40px;
}

.__text_main_subtitle.thin {
	font-family: 'JakartaLight', sans-serif;
	font-size: 18px;
	line-height: 26px;
}

.__text_main_subtitle {
	display: flex;
	justify-content: center;
	width: auto;
	margin-top: 10px;
	font-family: 'JakartaSemiBold', sans-serif;
	color: var(--color-main-title);
	text-wrap: pretty;
	text-align: center;
	line-height: 110%;
}

.highlight_subtitle {
	max-width: 1240px;
	margin: auto;
	margin-top: 30px;
	padding: 28px 36px;
	border-radius: 9px;
	font-size: 2.1rem;
	font-weight: 800;
	background-color: #FF8C00;
}

.__text_main_description {
	display: flex;
	justify-content: center;
	width: auto;
	max-width: 1000px;
	margin: auto;
	margin-top: 20px;
	font-family: 'JakartaMedium', sans-serif;
	font-size: 1rem;
	font-weight: 200;
	color: var(--color-main-description);
	text-wrap: pretty;
	text-align: center;
	line-height: 1.75rem;
}

.__cotainer_customers_image {
	height: auto;
	padding: 50px 20px;
	text-align: center;
	/*	background-color: orangered;*/
}

.__flex_disposable_customers {
	display: flex;
	flex-flow: row wrap;
	gap: 30px;
	width: auto;
	max-width: 1000px;
	margin: auto;
}

.__grid_disposable_customers {
	display: grid;
	gap: 30px;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}

.__item_logo_customer {
	flex: 1 1 200px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: 160px;
	border-radius: 10px;
	/*	background-color: #E9ECEE;*/
}

.__item_logo_customer img {
	width: auto;
	max-width: 85%;
	height: auto;
	max-height: 120px;

	cursor: pointer;
	filter: grayscale(100%) brightness(150%) contrast(90%);
	opacity: 0.6;
}

.__item_logo_customer img:hover {
	filter: inherit;
	opacity: 0.99;
}

.__item_logo_customer svg {
	width: auto;
	max-width: 180px;
	height: auto;
	max-height: 60px;
}





.__main_footer {
	display: block;
	width: 100%;
	height: auto;
	min-height: 200px;
	border-top: 3px solid #E3E6E990;
	padding-bottom: 0.6rem;
}

.__footer_container {
	display: flex;
	flex-flow: row wrap;
	grid-column-gap: 3rem;
	grid-row-gap: 3rem;
	letter-spacing: .04px;
	justify-content: space-between;
	width: 100%;
	max-width: 1240px;
	margin: auto;
	padding: 3rem .75rem 3rem;

	box-sizing: border-box;
}

.__item_col {
	display: flex;
	justify-content: space-between;

	width: 100%;
	max-width: 15.75rem;
	height: auto;
	min-height: 120px;
}

.__item_col.left {
	align-items: flex-start;
	grid-column-gap: 2rem;
	grid-row-gap: 2rem;
	flex-flow: column;
	border-radius: 3px;
	/*	background-color: #ff450000;*/
}

.__item_col.left img {
	width: auto;
	min-width: 100%;
	height: 30px;
	max-height: 30px;
}

.__item_col.menus {
	grid-column-gap: 1rem;
	grid-row-gap: 1rem;
	width: 90%;
	max-width: 45rem;
}

.__item_col_menu {
	display: flex;
	align-items: flex-start;
	flex-flow: column;
	grid-column-gap: 1rem;
	grid-row-gap: 1rem;
	justify-content: flex-start;

	width: auto;
	min-width: 100px;
}

.__item_col_menu.contact {
	min-width: 120px;
}

.__item_col_menu .text_title {
	font-family: 'JakartaSans';
	font-size: 14px;
	font-weight: 600;
}

.__item_col_menu a {
	font-family: 'JakartaLight', sans-serif;
	font-size: 14px;
	color: #000;
	text-decoration: none;
}

.__item_col_menu a:hover {
	color: #5a6985;
	color: #1BB152;
}

.__footer_copyright {
	width: 100%;
	max-width: 1200px;
	margin: auto;
	font-family: 'JakartaMedium', sans-serif;
	font-size: 12px;
}