* {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	outline: 0;
	-webkit-appearance: none;
	border-radius: 0;
	line-height: 0;
	font-weight: normal;
	box-sizing: border-box;
}
  
@font-face {
	font-family: 'Manrope';
	src: url('../fonts/Manrope-Regular.woff2') format('woff2'), url('../fonts/Manrope-Regular.woff') format('woff'), url('../fonts/Manrope-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Mono';
    src: url('../fonts/IBMPlexMono-Regular.woff2') format('woff2'), url('../fonts/IBMPlexMono-Regular.woff') format('woff'), url('../fonts/IBMPlexMono-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body, html {
	font-family: 'Manrope', Arial, sans-serif;
	color: #1E1E1E;
	background-color: #E6E6E6;
}

.mono {
	font-family: 'IBM Plex Mono', Arial, sans-serif;
}

body {
	animation: fadeInAnimation ease 1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
  
@keyframes fadeInAnimation {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

body::-webkit-scrollbar {
	width: 6px;
	background: #C8C8C8;
}
  
body::-webkit-scrollbar-thumb {
	background: #2D7DEB;
}

a {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	color: #2D7DEB;
	border-bottom: 1px solid rgba(45, 125, 235, .5);
}

a:hover {
	border-bottom-color: transparent;
}

.container {
	max-width: 1440px;
	padding: 0 20px;
	margin: 0 auto;
}

header {
	position: fixed;
	width: 100%;
}

.section_content {
	z-index: 1;
}

.grid {
	display: grid;
	grid-template-columns: 2fr 1fr 9fr;
	gap: 20px;
}

.grid div.section_content {
	grid-column-start: 3;
}

header .grid div {
	grid-column-start: 1;
}

header img {
	max-width: 128px;
	height: auto;
	margin-bottom: 16px;
}

h1 {
	font-size: 20px;
	line-height: 32px;
	font-weight: normal;
	margin-bottom: 8px;
}

h2 {
	font-size: 14px;
	line-height: 21px;
	font-weight: normal;
	margin-bottom: 16px;
}

p, section  ul li {
	font-size: 20px;
	line-height: 32px;
}

.header_menu li {
	margin-bottom: 8px;
}

.header_menu {
	margin-bottom: 24px;
}

.header_menu li a {
	font-size: 16px;
	line-height: 25px;
}

.button {
	display: inline-block;
	border-radius: 100px;
	background-color: #2D7DEB;
	color: #fff;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	padding: 0 32px;
}

.button:hover {
	opacity: .8;
}

p.intro {
	font-size: 40px;
	line-height: 56px;
	color: #2D7DEB;
	margin-bottom: 32px;
}

.padding_top {
	padding-top: 96px;
}

.padding_top_small {
	padding-top: 80px;
}

section h2 {
	font-size: 16px;
	line-height: 25px;
	margin-bottom: 32px;
}

.paragraph_padding {
	padding-top: 16px;
}

section ul li {
	display: flex;
}

section li::before {
	content: '•';
	padding-right: 8px;
	color: #1E1E1E;
}

p.link {
	font-size: 16px;
	line-height: 25px;
}

p span {
	color: #2D7DEB;
}

.button_margin {
	margin-top: 24px;
}

.swiper {
	width: auto;
	max-width: 1020px;
}

.swiper-pagination {
	display: none;
}

.swiper-pagination-bullet {
	width: 6px;
	height: 6px;
	background-color: #C8C8C8;
	opacity: 1;
	margin: 0 0 0 4px !important;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #2D7DEB;
}

.swiper_slider_content {
	display: flex;
	gap: 20px;
	margin-bottom: 32px;
}

.swiper_slider_content-left {
	min-width: 192px;
	margin-top: 4px;
}

.swiper_slider_content-left p {
	font-size: 14px;
	line-height: 21px;
}

.swiper_slider_content-right p {
	font-size: 16px;
	line-height: 25px;
}

.section_content {
	min-width: 0;
}

.reviews_img {
	margin-bottom: 16px;
	max-width: 48px;
	height: auto;
}

.padding_bottom {
	padding-bottom: 128px;
}

.swiper-button-prev, .swiper-button-next {
	z-index: 100;
}

.swiper_header {
	display: flex;
	justify-content: space-between;
}

.swiper_header_left {
	display: flex;
	gap: 12px;
}

.swiper_header_left a {
	display: flex;
	width: 32px;
	height: 32px;
	border: 1px solid #C8C8C8;
	border-radius: 100px;
	align-items: center;
	justify-content: center;
}

.swiper_header_left a:hover {
	opacity: .7;
}

@media (max-width: 1280px) {
	p.intro {
		font-size: 32px;
		line-height: 48px;
	}
	.grid {
		grid-template-columns: 3fr 9fr;
	}
	.grid div.section_content {
		grid-column-start: 2;
	}
	header .grid div {
		grid-column-start: 1;
	}
	.header_content {
		margin-right: 48px;
	}
	.swiper_slider_content-left {
		min-width: 128px;
	}
}

@media (max-width: 1024px) {
	.padding_top {
		padding-top: 80px;
	}
	.padding_top_small {
		padding-top: 64px;
	}
	p, section ul li {
		font-size: 18px;
		line-height: 27px;
	}
	p.intro {
		font-size: 24px;
		line-height: 36px;
		margin-bottom: 24px;
	}
	section h2 {
		margin-bottom: 24px;
	}
	.swiper_slider_content-right p {
		font-size: 14px;
		line-height: 21px;
	}
	.reviews_img {
		max-width: 32px;
	}
	.padding_bottom {
		padding-bottom: 96px;
	}
}

@media (max-width: 768px) {
	header img {
		max-width: 96px;
	}
	header {
		position: unset;
	}
	.grid {
		grid-template-columns: 1fr;
	}
	.grid div.section_content {
		grid-column-start: 1;
	}
	.header_content {
		margin-right: 0;
	}
	.padding_top {
		padding-top: 64px;
	}
	p, section ul li {
		font-size: 16px;
		line-height: 25px;
	}
	p.intro {
		font-size: 20px;
		line-height: 32px;
		margin-bottom: 16px;
	}
	.padding_top_small {
		padding-top: 48px;
	}
	section h2 {
		margin-bottom: 16px;
	}
	.paragraph_padding {
		padding-top: 12px;
	}
	p.link {
		font-size: 14px;
		line-height: 21px;
	}
	.padding_bottom {
		padding-bottom: 80px;
	}
}

@media (max-width: 560px) {
	.padding_top {
		padding-top: 64px;
	}
	.padding_top_small {
		padding-top: 40px;
	}
	.swiper_slider_content {
		display: block;
	}
	.swiper_slider_content-left {
		margin-bottom: 16px;
	}
	.swiper-pagination {
		display: block;
	}
}