@font-face{
	font-family: 'Inter';
	src: url('../fonts/Inter-Regular.woff2') format('woff2');
	font-weight: 400;
	font-display: swap;
}

@font-face{
	font-family: 'Inter';
	src: url('../fonts/Inter-Medium.woff2') format('woff2');
	font-weight: 500;
	font-display: swap;
}

@font-face{
	font-family: 'Inter';
	src: url('../fonts/Inter-SemiBold.woff2') format('woff2');
	font-weight: 600;
	font-display: swap;
}

@font-face{
	font-family: 'IBMPlexMono';
	src: url('../fonts/IBMPlexMono-Regular.woff2') format('woff2');
	font-weight: 400;
	font-display: swap;
}

@font-face{
	font-family: 'IBMPlexMono';
	src: url('../fonts/IBMPlexMono-Medium.woff2') format('woff2');
	font-weight: 500;
	font-display: swap;
}

@font-face{
	font-family: 'IBMPlexMono';
	src: url('../fonts/IBMPlexMono-SemiBold.woff2') format('woff2');
	font-weight: 600;
	font-display: swap;
}

::selection{
	background: #1B6A6A;
	color: #fff;
}

::-webkit-scrollbar{
	background: #F0F4F8;
	height: 10px;
	width: 10px;
}

::-webkit-scrollbar-thumb{
	background: #33CCCC;
}


*, *:before, *:after{
	box-sizing: border-box;
}

html, body{
	background: #fff;
	color: #04060B;
	font: 500 16px Inter;
	height: 100%;
	line-height: 1.4;
	margin: 0;
	padding: 0;
}

html:has(#wpadminbar){
	height: calc(100% - 32px);
	
	.nav{
		height: calc(100% - 32px);
		top: 32px !important;			
	}
}

.nav{
	background: #F0F4F8;
	height: 100%;
	left: 0;
	padding: 15px;
	position: fixed;
	top: 0;
	width: 120px;
	z-index: 10;

	.logo{
		background-image: url(../images/logo_min_light.svg);
		background-position: center;
		background-repeat: no-repeat;
		display: block;
		height: 30px;
	}

	.links{
		list-style: none;
		margin: 15px 0 0;
		padding: 0;
		text-align: center;

		li{
			margin: 0 -15px;
		}

		a{
			color: #191F2F;
			display: flex;
			flex-direction: column;
			font-size: 14px;
			gap: 3px;
			padding: 10px 0;
			position: relative;
			text-decoration: none;

			&:before{
				background-position: center;
				background-repeat: no-repeat;
				content: '';
				filter: invert(7%) sepia(6%) saturate(5190%) hue-rotate(186deg) brightness(104%) contrast(90%);
				height: 32px;
				transition: .2s;
			}

			&.main:before{background-image: url(../images/nav/main.svg);}
			&.products:before{background-image: url(../images/nav/products.svg);}
			&.company:before{background-image: url(../images/nav/company.svg);}
			&.blog:before{background-image: url(../images/nav/blog.svg);}
			&.contacts:before{background-image: url(../images/nav/contacts.svg);}

			&:after{
				background-color: #475D80;
				background-position: center;
				background-repeat: no-repeat;
				border-radius: 24px;
				content: '';
				height: 32px;
				left: 30px;
				opacity: 0;
				position: absolute;
				top: 10px;
				transition: .2s;
				width: calc(100% - 60px);
				z-index: 1;
			}

			&.main:after{background-image: url(../images/nav/main_act.svg);}
			&.products:after{background-image: url(../images/nav/products_act.svg);}
			&.company:after{background-image: url(../images/nav/company_act.svg);}
			&.blog:after{background-image: url(../images/nav/blog_act.svg);}
			&.contacts:after{background-image: url(../images/nav/contacts_act.svg);}

			&:hover:after, &.active:after{
				opacity: 1;
			}
		}

		ul{
			background: #F0F4F8;
			border-left: 1px solid #D8DFE5;
			border-radius: 0 24px 24px 0;
			box-shadow: 10px 10px 10px #04060b17;
			height: 100%;
			left: 100%;
			list-style: none;
			opacity: 0;
			padding: 16px;
			position: absolute;
			top: 0;
			transition: .4s;
			visibility: hidden;
			width: 160px;

			li{
				margin: 0 0 12px;

				&:has(.back){
					display: none;
				}
			}

			a{
				border-radius: 24px;
				flex-direction: row;
				gap: 0;
				line-height: 31px;
				padding: 7px 0;
				transition: .2s;

				&:before{
					flex: 0 0 45px;
				}

				&.back:before{background-image: url(../images/arr_left.svg);}
				&.platform:before{background-image: url(../images/nav/platform.svg);}
				&.amodule:before{background-image: url(../images/nav/amodule.svg);}
				&.vci:before{background-image: url(../images/nav/vci.svg);}
				&.pmining:before{background-image: url(../images/nav/pmining.svg);}

				&:after{
					display: none;
				}

				&:hover, &.active{
					background: #475D80;
					color: #fff;

					&:before{
						filter: invert(100%);
					}
				}
			}
		}

		li:hover ul{
			opacity: 1;
			visibility: visible;
		}
	}

	.theme{
		background-image: url(../images/theme_dark.svg);
		background-position: center;
		background-repeat: no-repeat;
		bottom: 0;
		cursor: pointer;
		height: 80px;
		left: 0;
		position: absolute;
		width: 100%;
	}

	.burger{
		background-image: url(../images/menu.svg);
		background-position: center;
		background-repeat: no-repeat;
		cursor: pointer;
		display: none;
		height: 56px;
		position: absolute;
		right: 0;
		top: 0;
		width: 56px;
	}
}

.wrapper{
	margin: 0 auto;
	min-height: calc(100% - 260px);
	padding-top: 65px;
	position: relative;
	width: 1265px;

	&:has(.prod_img){
		width: 1100px;

		& + .footer{
			padding-left: calc(50% - 550px);
			padding-right: calc(50% - 550px);
		}
	}

	h1{
		font: 600 42px IBMPlexMono;
		margin: 0;
	}

	h2{
		font: 600 36px IBMPlexMono;
		margin: 0;
	}

	.text{
		font-size: 20px;
		max-width: 95%;
		text-wrap: balance;

		& + .button{
			margin-top: 20px;
		}
	}

	mark{
		background-color: #1B6A6A;
		border-radius: 6px;
		color: #fff;
		display: inline-block;
		margin: 4px 0;
		padding: 2px 8px 3px;
		white-space: nowrap;

		&.link{
			background-image: url(../images/link.svg);
			background-position: right 12px center;
			background-repeat: no-repeat;
			padding-right: 34px;
		}
	}

	input{
		background: #FFF;
		border: 0;
		border-radius: 8px;
		font: 500 14px Inter;
		height: 45px;
		outline: 0;
		padding: 12px;

		&::placeholder{
			color: #9EA4B3;
			opacity: 1;
		}
	}

	.button{
		background-color: #52CCCC;
		border: 0;
		border-radius: 24px;
		color: #101010;
		cursor: pointer;
		display: inline-block;
		font: 500 16px Inter;
		height: 48px;
		line-height: 48px;
		padding: 0 24px;
		text-decoration: none;
		transition: .2s;

		&:hover, &:focus{
			background-color: #3bc5c5;
		}

		&:active{
			background-color: #34b0b0;
		}

		&._arr{
			background-image: url(../images/arr_right.svg);
			background-position: right 22px center;
			background-repeat: no-repeat;
			padding-right: 52px;
		}

		&._square{
			border-radius: 8px;
		}
	}

	.prod_img{
		position: absolute;
		right: -20px;
		top: 80px;
	}
}

.prods{
	display: flex;
	gap: 24px;
	list-style: none;
	margin: 100px 0 200px;
	padding: 0;
	text-wrap: balance;

	a{
		background-color: #F7F9FB;
		background-repeat: no-repeat;
		border-radius: 24px;
		color: inherit;
		display: block;
		height: 100%;
		padding: 24px 24px 110px;
		position: relative;
		text-decoration: none;
		transition: .3s;

		&:hover{
			background-color: #edf1f6;
		}

		&:before{
			background: url(../images/link.svg) no-repeat;
			content: '';
			filter: invert(76%) sepia(91%) saturate(298%) hue-rotate(122deg) brightness(85%) contrast(86%);
			height: 14px;
			position: absolute;
			right: 30px;
			top: 35px;
			width: 14px;
		}
	}

	li{
		flex: 1;

		&.platform a{
			background-image: url(../images/platform_bg.svg);
			background-position: right 20px bottom;
		}

		&.amodule a{
			background-image: url(../images/amodule_bg.svg);
			background-position: right bottom 10px;
		}

		&.vci a{
			background-image: url(../images/vci_bg.svg);
			background-position: right bottom;
		}

		&.pmining a{
			background-image: url(../images/pmining_bg.svg);
			background-position: right bottom 30px;
		}
	}

	.title{
		font: 600 24px IBMPlexMono;
		line-height: 1;
		margin: 0;
	}

	.desc{
		color: #191F2F;
		display: block;
		margin: 10px 0 0;
	}
}

.dominance{
	display: flex;
	list-style: none;
	margin: 50px 0 150px;
	padding: 0;

	> li{
		flex: 1;
		max-width: 33.33%;

		&:nth-child(1){
			li:not(:first-child){
				padding-left: 14px;

				&:before{
					background: #04060B;
					border-radius: 50%;
					content: '';
					height: 4px;
					left: 0;
					position: absolute;
					top: calc(50% - 2px);
					width: 4px;
				}
			}
		}

		&:nth-child(2){
			li:first-child{
				font-size: 18px;
				font-weight: 600;
			}

			li:not(:first-child){
				background-image: url(../images/red_cross.svg);
				background-position: 0 center;
				background-repeat: no-repeat;
				padding-left: 25px;
			}
		}

		&:nth-child(3){
			ul{
				background: #F0F4F8;
				border-radius: 16px;

				span{
					background-image: url(../images/logo_light.svg);
					background-position: 0 center;
					background-repeat: no-repeat;
					background-size: auto 20px;
					display: inline-block;
					font: 700 22px IBMPlexMono;
					height: 24px;
					line-height: 24px;
					margin-left: 24px;
					padding-left: 35px;
				}

				li:not(:first-child){
					background-image: url(../images/check.svg);
					background-position: 24px center;
					background-repeat: no-repeat;
					padding-left: 50px;
				}
			}
		}
	}

	ul{
		list-style: none;
		margin: 0;
		padding: 0;

		li{
			border-top: 1px solid #D8DFE5;
			height: 60px;
			line-height: 60px;
			overflow: hidden;
			padding-right: 10px;
			position: relative;
			text-overflow: ellipsis;
			white-space: nowrap;

			&:first-child{
				border: 0;
				height: 70px;
				line-height: 70px;
			}
		}
	}
}

.suitable{
	display: flex;
	flex-wrap: wrap;
	gap: 64px;
	list-style: none;
	margin: 65px 0;
	padding: 0;

	li{
		align-items: start;
		flex: 0 0 calc(50% - 32px);

		.ico{
			margin-top: 3px;
			width: 20px;
		}

		h4{
			font: 600 20px IBMPlexMono;
			margin: 10px 0;
		}

		p{
			color: #191F2F;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			min-height: 45px;
			max-width: 90%;
			overflow: hidden;
			text-overflow: ellipsis;
			text-wrap: balance;
		}

		.img{
			background: #F0F4F8;
			border-radius: 24px;
			height: 280px;
			width: 100%;
		}
	}
}

.advantages{
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	list-style: none;
	margin: 40px 0 80px;
	padding: 0;

	li{
		align-items: center;
		background: #F7F9FB;
		border-radius: 12px;
		display: flex;
		flex: 0 0 calc(33.33% - 24px/3);
		font-weight: 400;
		gap: 12px;
		min-height: 70px;
		padding: 12px 24px;
	}
}

.news{
	display: flex;
	flex-wrap: wrap;
	gap: 32px;
	list-style: none;
	margin: 40px 0 80px;
	padding: 0;

	li{
		flex: 1;
		max-width: calc(33.33% - 64px/3);
	}

	a{
		background: #F0F4F8;
		border-radius: 24px;
		color: #191F2F;
		display: block;
		height: 100%;
		overflow: hidden;
		padding: 24px;
		text-decoration: none;
		transition: .3s;

		span{
			display: block;
		}

		&:hover{
			background: #e2eaf1;
		}
	}

	.img{
		background: linear-gradient(80deg, rgba(138, 102, 240, 0.70) 0%, rgba(97, 182, 249, 0.70) 100.14%);
		border-radius: 24px;
		height: 200px;
		margin: -24px -24px 24px;
	}

	.date{
		font-size: 13px;
	}

	.title{
		color: #04060B;
		font: 600 18px IBMPlexMono;
		margin: 15px 0 10px;
	}

	.desc{
		font-weight: 400;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}

.worth{
	display: flex;
	gap: 24px;
	flex-wrap: wrap;
	list-style: none;
	margin: 100px 0;
	padding: 0;

	li{
		align-items: start;
		background: #F7F9FB;
		border-radius: 24px;
		display: flex;
		flex: 1;
		gap: 10px;
		min-width: calc(50% - 12px);
		padding: 24px;

		> div{
			flex: 1;
		}

		h4{
			font: 600 18px IBMPlexMono;
			margin: 0;
		}

		p{
			font-weight: 400;
			margin: 8px 0 0;
			max-width: 95%;
			text-wrap: balance;
		}
	}
}

h2 + .worth{
	margin-top: 40px;
}

.tabs{
	background: #F0F4F8;
	border-radius: 24px;
	display: flex;
	gap: 8px;
	height: 48px;
	list-style: none;
	margin: 0 auto 65px;
	padding: 0;
	text-align: center;
	width: min-content;

	a{
		border-radius: 24px;
		color: #191F2F;
		display: inline-block;
		height: 48px;
		padding: 12px;
		text-decoration: none;
		width: 185px;

		&:hover{
			text-decoration: underline;
		}
	}

	.active a{
		background: #475D80;
		color: #fff;
		text-decoration: none;
	}
}

.works{
	counter-reset: item;
	display: flex;
	flex-direction: column;
	gap: 64px;
	list-style: none;
	margin: 65px 0;
	padding: 0;

	li{
		align-items: start;
		counter-increment: item;
		display: flex;
		gap: 12px;
		position: relative;

		&:not(:has(.ico)){
			padding-left: 36px;

			&:before{
				background: #1B6A6A;
				border-radius: 50%;
				color: #fff;
				content: '0' counter(item);
				font: 700 12px IBMPlexMono;
				height: 24px;
				left: 0;
				line-height: 24px;
				position: absolute;
				text-align: center;
				top: 0;
				width: 24px;
			}
		}
	}

	.ico{
		margin-top: 1px;
	}

	.title{
		font: 600 20px IBMPlexMono;
		margin: 0;
	}

	.desc{
		margin: 10px 0 0;
		text-wrap: balance;
	}

	.example{
		background: #F7F9FB;
		border-radius: 16px;
		color: #728A96;
		margin: 30px 0 0;
		padding: 16px;
	}

	.img{
		aspect-ratio: 1.8;
		background-color: #F7F9FB;
		background-position: center;
		background-repeat: no-repeat;
		border-radius: 24px;
		flex: 0 0 520px;
		margin-left: 40px;
	}
}

.result{
	margin-bottom: 180px;

	h3{
		background-image: url(../images/result_ico.svg);
		background-position: 0 2px;
		background-repeat: no-repeat;
		font: 600 20px IBMPlexMono;
		margin: 0;
		padding-left: 36px;
	}

	ul{
		display: flex;
		gap: 48px;
		list-style: none;
		margin: 30px 0 0;
		padding: 0 0 0 36px;

		li{
			background: #F7F9FB;
			border-radius: 16px;
			color: #191F2F;
			padding: 16px;
			position: relative;

			&:before{
				background-image: url(../images/arr_next.svg);
				background-position: center;
				background-repeat: no-repeat;
				content: '';
				height: 24px;
				left: -37px;
				position: absolute;
				top: calc(50% - 12px);
				width: 24px;
			}

			&:first-child:before{
				display: none;
			}
		}
	}
}

.toggles{
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	list-style: none;
	margin: 65px 0 120px;
	padding: 0;

	.title{
		cursor: pointer;
		font: 600 18px IBMPlexMono;
		margin: 3px 35px 3px 18px;
	}

	.desc{
		display: none;
		margin: 0;
		padding: 14px 0 20px 18px;
	}

	.desc2{
		background: #F0F4F8;
		border-radius: 12px;
		color: #728A96;
		display: none;
		margin: 0;
		padding: 18px;
	}

	.ico{
		background-image: url(../images/arr_toggle.svg);
		background-position: center;
		background-repeat: no-repeat;
		border: 1px solid #52CCCC;
		border-radius: 50%;
		cursor: pointer;
		height: 32px;
		position: absolute;
		right: 24px;
		top: 24px;
		transition: .2s;
		width: 32px;
	}

	li{
		background: #F7F9FB;
		border-radius: 16px;
		flex: 0 0 calc(50% - 12px);
		height: min-content;
		padding: 24px;
		position: relative;

		&:before{
			background: #DEE0E2;
			border-radius: 50%;
			content: '';
			height: 6px;
			left: 24px;
			position: absolute;
			top: 37px;
			transition: .2s;
			width: 6px;
		}


		&.active{
			&:before{
				background: #52CCCC;
			}

			.ico{
				background-color: #D5FFFF;
				transform: rotate(90deg);
			}
		}
	}
}

.bform{
	background: #F0F4F8;
	border-radius: 24px;
	display: flex;
	justify-content: space-between;
	margin: 150px 0;
	padding: 24px 32px;

	form{
		display: flex;
		flex-direction: column;
		gap: 12px;
		width: 390px;

		input{
			width: 100%;
		}
	}
}

.blink{
	align-items: center;
	background: #F0F4F8;
	border-radius: 24px;
	display: flex;
	justify-content: space-between;
	margin-bottom: 150px;
	padding: 24px 32px;

	h3{
		font: 600 20px IBMPlexMono;
		margin: 0;
	}

	mark{
		background-color: #52CCCC;
		border-radius: 10px;
		color: #101010;
		padding: 7px 34px 7px 12px;
		transition: .2s;

		&:hover, &:focus{
			background-color: #3bc5c5;
		}

		&:active{
			background-color: #34b0b0;
		}
	}
}

.numbers{
	display: flex;
	flex-direction: column;
	gap: 48px;
	list-style: none;
	margin: 60px 0 150px;
	padding: 0;

	li{
		background: #F7F9FB;
		border-radius: 24px;
		display: flex;
		justify-content: space-between;
		gap: 48px;
		padding: 24px;

		> div{
			flex: 0 0 40%;
		}
	}

	.label{
		background: #F0F4F8;
		border-radius: 8px;
		color: #728A96;
		display: inline-block;
		font-size: 14px;
		height: 29px;
		line-height: 29px;
		padding: 0 12px 0 32px;
		position: relative;

		&:before{
			background-position: center;
			background-repeat: no-repeat;
			content: '';
			filter: invert(57%) sepia(7%) saturate(999%) hue-rotate(155deg) brightness(91%) contrast(88%);
			height: 29px;
			left: 2px;
			position: absolute;
			top: 0;
			width: 29px;
		}

		&._auto:before{background-image: url(../images/numbers_ico_1.svg);}
		&._avia:before{background-image: url(../images/numbers_ico_2.svg);}
		&._bank:before{background-image: url(../images/numbers_ico_3.svg);}
	}

	.desc{
		margin: 12px 0;
		text-wrap: pretty;
	}

	.impl{
		margin: 0;

		span{
			color: #728A96;
		}
	}

	ul{
		display: flex;
		gap: 8px;
		list-style: none;
		margin: 0;
		padding: 0;
		width: 120%;

		li{
			background: #F0F4F8;
			border-radius: 24px;
			color: #728A96;
			display: block;
			flex: 1;
			font-size: 14px;
			padding: 8px 16px 16px;

			b{
				color: #0F8181;
				font: 500 42px IBMPlexMono;
			}
		}
	}
}

.numbers2{
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	list-style: none;
	margin: 140px 0;
	padding: 0;

	li{
		background: #F0F4F8;
		border-radius: 24px;
		flex: 0 0 calc(33.33% - 16px);
		padding: 24px;
	}

	h3{
		color: #52CCCC;
		font: 500 42px IBMPlexMono;
		margin: 0;
	}

	p{
		font-weight: 400;
		margin: 12px 0 0;
	}
}

.about{
	background: #F0F4F8;
	border-radius: 24px;
	line-height: 150%;
	margin: 140px 0;
	padding: 24px;

	h2{
		padding-left: 36px;
		position: relative;

		&:before{
			background: #52CCCC;
			border-radius: 50%;
			content: '';
			height: 12px;
			left: 0;
			position: absolute;
			top: calc(50% - 4px);
			width: 12px;
		}
	}

	p{
		font-weight: 400;
		margin-bottom: 0;
	}
}

.docs{
	margin-bottom: 150px;

	h2{
		border-bottom: 1px solid #D8DFE5;
		padding-bottom: 24px;
	}

	.wrap{
		justify-content: space-between;
		display: flex;
		gap: 120px;
		padding: 64px 120px 0 0;
	}

	.list{
		display: flex;
		flex-direction: column;
		gap: 60px;
		list-style: none;
		margin: 0;
		padding: 0;

		.title{
			font-size: 20px;
			margin: 0;
		}

		.desc{
			margin: 18px 0;
		}

		.img{
			background-color: #F7F9FB;
			border-radius: 24px;
			height: 400px;
		}
	}

	.tblcnt{
		align-self: flex-start;
		list-style: none;
		margin: 0;
		padding: 0;
		position: sticky;
		top: 15px;

		li{
			height: 18px;
			line-height: 18px;
			margin-bottom: 8px;
			padding-left: 12px;
			position: relative;

			&.active{
				&:before{
					background: #8BB4F8;
					border-radius: 5px;
					content: '';
					height: 100%;
					left: 0;
					position: absolute;
					top: 0;
					width: 3px;
				}
			}

			a{
				color: inherit;
				font-size: 14px;
				text-decoration: none;
			}
		}
	}
}

.logos{
	display: flex;
	gap: 24px;
	list-style: none;
	margin: 65px 0 150px;
	padding: 0;

	li{
		align-content: center;
		background: #F0F4F8;
		border-radius: 16px;
		flex: 1;
		height: 80px;
		text-align: center;

		img{
			max-width: 95%;
		}
	}
}

.blogs{
	display: flex;
	gap: 100px;
	margin-bottom: 120px;

	.back{
		background-color: #1B6A6A;
		background-image: url(../images/back.svg);
		background-position: 8px center;
		background-repeat: no-repeat;
		border-radius: 6px;
		color: #E6E1E3;
		display: inline-block;
		font-size: 13px;
		height: 24px;
		line-height: 24px;
		padding: 0 8px 0 30px;
		text-decoration: none;
	}

	.title{
		font-size: 32px;
		font-weight: 600;
		margin: 16px 0;
	}

	.img{
		background: linear-gradient(328deg, rgba(102, 240, 190, .7) -8.91%, rgba(100, 97, 249, .7) 96.7%);
		border-radius: 24px;
		flex: 0 0 445px;
		height: 250px;
	}
}

.cnts{
	display: flex;
	gap: 24px;
	list-style: none;
	margin: 65px 0;
	padding: 0;
	white-space: nowrap;

	> li{
		background: #F0F4F8;
		border-radius: 24px;
		flex: 1;
		padding: 24px;
	}

	h3{
		color: #52CCCC;
		font: 500 24px IBMPlexMono;
		line-height: 1;
		margin: 0;
	}

	ul{
		display: flex;
		font-size: 14px;
		gap: 50px;
		list-style: none;
		margin: 12px 0 0;
		padding: 0;

		li{
			position: relative;

			&:before{
				background: #8A919C;
				border-radius: 50%;
				content: '';
				height: 6px;
				left: -28px;
				position: absolute;
				top: 6px;
				width: 6px;
			}

			&:first-child:before{
				display: none;
			}
		}
	}
}

.footer{
	display: flex;
	gap: 50px;
	padding: 64px calc(50% - 1265px/2) 50px;

	.logo{
		background-image: url(../images/logo_light.svg);
		background-position: center top;
		background-repeat: no-repeat;
		display: block;
		height: 32px;
		width: 45px;
	}

	.info{
		color: #191F2F;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.5;
		max-width: 75%;
	}

	.cnt{
		display: flex;
		font-size: 14px;
		gap: 50px;
		list-style: none;
		line-height: 2;
		margin: 0;
		padding: 0;
		white-space: nowrap;

		h4{
			font: 600 16px IBMPlexMono;
			margin: 5px 0 15px;
		}

		ul{
			list-style: none;
			margin: 0;
			padding: 0;

			a{
				color: #191F2F;
				text-decoration: none;

				&:hover{
					text-decoration: underline;
				}
			}
		}
	}
}