:root {
   --main-btn-bk: #008de4;
   --main-color: #1dd519;
}

body {
   background: #fff;
   overflow-x: hidden;
   height: auto;
}

.container {
   width: 100%;
   padding-right: 15px;
   padding-left: 15px;
   margin: 0 auto;
   max-width: 1325px;
}

/* header */
.header {
   width: 100%;
   padding: 10px 0;
   display: flex;
   gap: 10px;
   background: #e1e1e1;
}

.menu-wrapper {
   width: 100%;
   display: flex;
   gap: 20px;
   align-items: center;
}

.logo {
   display: block;
   width: 150px;
}

.logo img {
   width: 100%;
}

.menu-header-container {
   width: 100%;
}

.header-menu {
   display: flex;
}

.btn-link {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #3648ea;
    font-weight: 600;
    font-size: 18px;
    border-radius: 30px;
    border: 1px solid #000;
    padding: 8px;
}

/* header END */

main {
   display: flex;
   flex-direction: column;
   gap: 40px;
}


/* info_blocks */
.info_blocks-wrapper {
   display: flex;
   flex-wrap: wrap;
   gap: 20px;
   margin: 30px 0;
}

.info-block__item {
    width: calc(33% - 15px);
    display: flex;
    flex-direction: column;
    border-radius: 20px;
    gap: 20px;
    align-items: center;
    justify-content: center;
}

.info-block__item_img {
   width: 100%;
   height: auto;
   object-fit: contain;
   box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
   border-radius: 20px;
}

.info-block__item_title {
   width: 100%;
   font-size: 20px;
   font-weight: 600;
   line-height: 1.3;
}

.info-block__item_text {
   width: 100%;
   font-size: 20px;
   font-weight: 400;
   line-height: 1.6;
}
.page_title {
	font-size: 28px;
	font-weight: 600;
}
/* info_blocks END */

.main_content {
	font-size: 20px;
}

.main_content p {
	margin-top: 10px;
	text-indent: 30px;
}
/* footer */
footer {
   margin-top: 40px;
    padding: 20px;
	background: #e1e1e1;
}
.footer-wrapper {
	display: flex;
    justify-content: center;
}

.footer_link {
	width: fit-content;
	display: flex;
    align-items: center;
    gap: 10px;
    color: #3648ea;
    font-weight: 600;
    font-size: 18px;
    border-radius: 30px;
    border: 1px solid #000;
    padding: 8px;
}
/* footer END */



@media screen and (max-width: 768px) {
	.logo {
		width: 100px;
	}
	.menu-wrapper {
		flex-direction: column;
		gap: 10px;
	}
	.btn-link {
		font-size: 16px;
		padding: 8px;
	}
	.info_blocks-wrapper {
		gap: 10px;
		margin: 15px 0;
	}
	.info-block__item {
		width: calc(50% - 5px);
		height: 180px;
	}
	.info-block__item_img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.page_title {
		font-size: 24px;
	}
	.main_content {
		font-size: 18px;
	}
}