@charset "UTF-8";
@media only screen and (max-width: 767px) {
		.info-page-main-title {
				margin-bottom: 35px;
				padding: 0;
				position: relative;
		}
		.info-page-main-title:not(.no-line) {
				padding: 0 0 22px 0;
				margin-bottom: 25px;
		}
		.info-page-main-title:not(.no-line):after {
				content: '';
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				height: 0.5px;
				background: #A0AEC0;
				margin: 0 17px;
		}
		.info-page-main-title h1, .info-page-main-title .h1 {
				letter-spacing: -0.02em;
		}
}
.info-page-main-title h1, .info-page-main-title .h1 {
		color: var(--grey700);
}
.info-page-menu {
		display: none;
		flex-direction: column;
		align-items: flex-start;
		font: bold 18px/20px var(--fontg);
		color: var(--grey800);
}
.info-page-menu > * {
		position: relative;
		padding: 20px 0 20px 36px;
		text-decoration: none;
		color: var(--grey800);
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media only screen and (max-height: 790px) {
		.info-page-menu > * {
				padding-top: 15px;
				padding-bottom: 15px;
		}
}
@media only screen and (max-height: 680px) {
		.info-page-menu > * {
				padding-top: 10px;
				padding-bottom: 10px;
		}
}
.info-page-menu > *:before {
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		width: 16px;
		height: 1px;
		transform: translate3d(0, -50%, 0);
		background: var(--grey400);
}
@media (pointer:fine) {
		.info-page-menu > a:hover {
				color: var(--blue);
		}
}
.info-page-menu .active {
		color: var(--blue);
		padding-left: 46px;
		padding-right: 10px;
}
.info-page-menu .active:before {
		height: 1.5px;
		width: 30px;
		background: var(--blue);
}
/*mobile end*/
/*tablet start*/
@media only screen and (min-width: 768px) {
		.info-page-main-title, .info-page-main-title:not(.no-line) {
				margin-bottom: 20px;
		}
}
/*tablet end*/
/*desktop start*/
@media only screen and (min-width: 1280px) {
		.info-page-main-title, .info-page-main-title:not(.no-line) {
				margin-bottom: 25px;
		}
		.info-page-grid {
				display: flex;
				align-items: flex-start;
				justify-content: space-between;
		}
		.content > .container:first-child .info-page-grid {
				margin-top: 50px;
		}
		.info-page-main {
				flex: 0 0 auto;
				width: calc(100% - 290px);
		}
		.info-page-menu {
				display: flex;
				width: 245px;
				flex: 0 0 auto;
				position: sticky;
				top: 110px;
		}
}