jectlife layout

Update readme and add normilize.css + reset.css
Добавил частую ошибку - формат изображений не зафиксирован
2025-01-28 12:01:35 +03:00 · 2025-01-26 01:44:04 +03:00 · 2025-01-10 11:12:00 +00:00 · 2024-12-24 12:30:53 +00:00
80 changed files with 1704 additions and 8609 deletions
--- a/README.md
+++ b/README.md
@@ -0,0 +1,84 @@
 ## **Требования к верстке**
 ### **С точки зрения веб-разработки:**
 * верстаем на чистом HTML/CSS с использованием flex и grid (без подключение библиотек типа bootstrap и т.п.)
 * соблюдаем Scope-ориентированный подход:
    - каждую секцию/экран именуем **уникальным** классом-родителем, от которого строим CSS-селектор для дочерних элементов, что ограничивает область ваших стилей только внутри секции/экрана, не влияя на другие части сайта.
    - пример:  <br>
    HTML:
    ```
    <section class="my-namespace">
        <h1>Новый заголовок</h1>
        <button class="my-button">Кнопка</button>
    </section>
    ```
    CSS:
    ```
    .my-namespace h1 {
        font-size: 24px;
        color: #333;
    }
    .my-namespace .my-button {
        background-color: #007BFF;
        color: #fff;
    }
    ```
 * чтобы дополнительно структурировать CSS при именовании блоков используем методологию **БЭМ в стиле "Two Dashes"**:
    `block-name__elem-name--mod-name--mod-val`
    + имена записываются латиницей в нижнем регистре
    + для разделения слов в именах БЭМ-сущностей используется дефис (-)
    + имя элемента отделяется от имени блока двумя подчеркиваниями (__)
    + модификаторы отделяются от имения блока или элемента двумя дефисами (--)
    + значение модификатора отделяется от его имени двумя дефисами (--)
 * из конечного HTML-файла убрать все комментарии, если такие имеются 
 * все медиазапросы пишутся в отдельных файлах (которые мы подготовили) для того чтобы оптимизировать скорость загрузки; если используется препроцессор, то не нужно в классе каждого блока использовать импорты медиа запросов, а наоборот выносим  пример можно посмотреть на ["видео"](https://www.youtube.com/watch?v=9uaENbRyVT4)
 * **частая ошибка:** верстальщик берет изображения/видео из макета и не задает им адаптивную ширину/высоту, и на моменте сдачи верстки не заметно косяков, а вот когда мы переходим к натяжке и медиаматериалы начинают выводиться в шаблон динамически и уже разных форматов (ШИРИНАxВЫСОТА), тогда верстка начинает плыть. Чтоб такое избежать проверяйте на как себя ведет элемент при замене слишком большой/маленькой картинки. 
 * **ВАЖНО:** если верстка делается для многостраничного сайта (особенно на CMS), то для всех страниц прописывать уникальный класс в \<body\>, от которого строить все CSS-правила на этой странице + для кажой станицы использовать свои отдельные CSS-файлы
 * подключаем вначале normalize.min.css и reset.min.css, чтобы сбросить глобальные стили и устранить влияние наследуемых правил.
 * шрифты и глобальные переменные выносим в отдельный файл (у нас это *gp-style-core.css*)
 ### **С точки зрения SEO:**
 * все теги использовать строго по назначению! Текстовые (strong, b, i, em, h1-h6… p) используем только в текстовых блоках и заголовках. Для дизайна используем div и span. Например не нужно втыкать в подвал, шапку или формы захвата h4 или закрывать просто крупный текст, который не является заголовком в h2.
 * на странице должен быть только один заголовок первого уровня (h1) 
 * должны присутствовать все основные теги и атрибуты — html, head, body, title, description, lang=ru, content=html, charset=utf8
 * для кнопок, нажатие на которые не требует редиректа используем тег \<button\>, а не \<a\>
 * для \<img\> самостоятельно проставляем атрибут alt="", со значением описывающим того что изображено на картинке
 ## **Порядок работы**
 ### **Подготовка окружения для локальной разработки**
 1. Выкачивать локально на свой компьютер один из 2х шаблонов (по веткам: 1 - master, 2 - with-phpmailer) командой: `git clone -b ${branch_name} https://git.good-production.xyz/Good-Production/template-for-verstka.git`
 заменить переменную: 
 `${branch_name}` -- на "master", если достаточно только отправки форм в ТГ, либо "with-phpmailer", если нужна отправка на почту средствами PHP (без использования плагинов CMS)
 2. Далее создать свою ветку командой: `git checkout -b ${project_name}--${name}`
 3. Приступить к локальной разработке в созданной ветке
 4. Для демонстрации работы пушить свои комиты в созданную ветку командой: `git push origin ${project_name}--${name}`
    - во время push для авторизации понадобиться логин/пароль: `freelancer/freelancerfreelancer00`
 5. Отписать в чат, чтоб руководитель проектом посмотрел результат и выкачал его на тестовый стенд
 в командах заменить переменные: 
 `${project_name}` -- условное названия проекта (как варинат использовать домен сайта)
 `${name}` -- имя/ник исполнителя
 ## **Оптимальный порядок непосредственно в процессе верстки**
 1. Сначала определить CSS-переменные для основных цветов/градиентов, начертаний шрифтов (толщина, размер, модификация, межтрочный интервал) и занести в специально подгтовленный CSS-файл `style-core.css` 
 2. Все шрифты выкачать и сохранить локально в директорию `/assets/fonts/` и подключить их в файле `style-core.css`
 3. Далее начинать стоит с верстки UI kit (должен быть предоставлен в макете дизайнером), для того чтобы переиспользовать готовые элементы по ходу верстки макетов. Стили для UI kit писать так же в файл `style-core.css`. 
 Саму HTML-верстку для UI kit делать в файле `ui_kit.html` 
 3. Как UI kit будет готов, можно смело переходить к верстке основных листов макета "*.html" и просто использовать готовые классы из `style-core.css`
 ### **Примечания**
 Для работы с Figma рекомендуем использовать плагин ["Inspect Styles"](https://www.figma.com/community/plugin/1254262542670221199) для инспевтирования CSS-свойсв.
--- a/assets/css/gp-style-core.css
+++ b/assets/css/gp-style-core.css
@@ -1,149 +0,0 @@
@import url('https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap');
@font-face {
 	font-family: 'DIN Pro';
 	src: url('../fonts/DINPro-Medium.eot');
 	src: local('DIN Pro Medium'), local('DINPro-Medium'),
 		url('../fonts/DINPro-Medium.eot?#iefix') format('embedded-opentype'),
 		url('../fonts/DINPro-Medium.woff') format('woff'),
 		url('../fonts/DINPro-Medium.ttf') format('truetype');
 	font-weight: 500;
 	font-style: normal;
 	font-display: swap;
 }
@font-face {
 	font-family: 'DIN Pro';
 	src: url('../fonts/DINPro-Black.eot');
 	src: local('DIN Pro Black'), local('DINPro-Black'),
 		url('../fonts/DINPro-Black.eot?#iefix') format('embedded-opentype'),
 		url('../fonts/DINPro-Black.woff') format('woff'),
 		url('../fonts/DINPro-Black.ttf') format('truetype');
 	font-weight: 900;
 	font-style: normal;
 	font-display: swap;
 }
 html,
 body,
 div,
 span,
 applet,
 object,
 iframe,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 blockquote,
 pre,
 a,
 abbr,
 acronym,
 address,
 big,
 cite,
 code,
 del,
 dfn,
 em,
 img,
 ins,
 kbd,
 q,
 s,
 samp,
 small,
 strike,
 strong,
 sub,
 sup,
 tt,
 var,
 b,
 u,
 i,
 center,
 dl,
 dt,
 dd,
 ol,
 ul,
 li,
 fieldset,
 form,
 label,
 legend,
 table,
 caption,
 tbody,
 tfoot,
 thead,
 tr,
 th,
 td,
 article,
 aside,
 canvas,
 details,
 embed,
 figure,
 figcaption,
 footer,
 header,
 hgroup,
 menu,
 nav,
 output,
 ruby,
 section,
 summary,
 time,
 mark,
 audio,
 video {
 	margin: 0;
 	padding: 0;
 	border: 0;
 	font-size: 100%;
 	font: inherit;
 	vertical-align: baseline;
 }
 /* HTML5 display-role reset for older browsers */
 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 menu,
 nav,
 section {
 	display: block;
 }
 body {
 	line-height: 1;
 }
 ol,
 ul {
 	list-style: none;
 }
 blockquote,
 q {
 	quotes: none;
 }
 blockquote:before,
 blockquote:after,
 q:before,
 q:after {
 	content: '';
 	content: none;
 }
 table {
 	border-collapse: collapse;
 	border-spacing: 0;
 }
--- a/assets/css/gp-style-desktop.css
+++ b/assets/css/gp-style-desktop.css
@@ -1,869 +0,0 @@
 :root {
 	--clr-general: #141210;
 }
 * {
 	box-sizing: border-box;
 }
 html {
 	overflow-x: hidden;
 }
 body {
 	font-family: 'Onest', sans-serif;
 	font-weight: 400;
 	font-size: 14px;
 	color: var(--clr-general);
 	background: #fffaf7;
 	overflow-x: hidden;
 }
 *[class*='__container'] {
 	width: 100%;
 	max-width: 1328px;
 	margin: 0 auto;
 	padding: 0 64px;
 }
 .flex {
 	display: flex;
 }
 .flex-ac {
 	align-items: center;
 }
 .flex-jcsb {
 	justify-content: space-between;
 }
 .gap-10 {
 	gap: 10px;
 }
 .gap-24 {
 	gap: 24px;
 }
 .gap-42 {
 	gap: 42px;
 }
 /* Title */
 h1 {
 	font-family: 'DIN Pro', sans-serif;
 	font-weight: 500;
 	font-size: 62px;
 	line-height: 110%;
 	letter-spacing: -0.04em;
 	text-transform: uppercase;
 	background: linear-gradient(
 			142deg,
 			rgba(255, 255, 255, 0) 0%,
 			rgba(255, 255, 255, 0.15) 32%,
 			rgba(255, 255, 255, 0) 100%
 		),
 		var(--clr-general);
 	background-clip: text;
 	-webkit-background-clip: text;
 	-webkit-text-fill-color: transparent;
 }
 h1 b,
 h1 strong {
 	font-weight: 900;
 }
 h1 span {
 	display: inline-flex;
 	align-items: center;
 	justify-content: center;
 	padding: 0px 16px;
 	letter-spacing: -0.02em;
 	border-radius: 14px;
 	background: linear-gradient(
 			142deg,
 			rgba(255, 255, 255, 0) 0%,
 			rgba(255, 255, 255, 0.15) 41.5%,
 			rgba(255, 255, 255, 0) 100%
 		),
 		#ff875c;
 	font-weight: 500;
 	font-size: 54px;
 	line-height: 135%;
 	color: #fff;
 	position: relative;
 	background-clip: initial;
 	-webkit-background-clip: initial;
 	-webkit-text-fill-color: initial;
 	margin-top: 6px;
 	text-transform: initial;
 }
 /* Button */
 .btn {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	box-shadow: 0 12px 24px 0 rgba(255, 204, 0, 0.25);
 	background: linear-gradient(
 			322deg,
 			rgba(255, 255, 255, 0) 0%,
 			rgba(255, 255, 255, 0.32) 41.5%,
 			rgba(255, 255, 255, 0) 100%
 		),
 		#fc0;
 	border: none;
 	outline: none;
 	font-weight: 600;
 	font-size: 15px;
 	line-height: 140%;
 	color: var(--clr-general);
 	cursor: pointer;
 	transition: all 0.15s ease-in-out;
 }
 .btn:hover {
 	box-shadow: 0 1px 14px 0 rgba(255, 204, 0, 0.2);
 	transform: scale(0.98);
 }
 .btn-small {
 	border-radius: 14px;
 	padding: 17px 24px;
 }
 .btn-big {
 	height: 72px;
 	font-size: 16px;
 	border-radius: 20px;
 	padding: 20px 24px;
 }
 /* Header */
 .header {
 	display: flex;
 	justify-content: center;
 	width: 100%;
 }
 .header__container {
 	position: absolute;
 	top: 24px;
 	z-index: 2;
 }
 .header__logo {
 	max-width: 280px;
 }
 .header__logo p {
 	font-weight: 400;
 	font-size: 14px;
 	line-height: 130%;
 	opacity: 0.8;
 }
 .header__contacts {
 }
 .header__socials {
 }
 .header__socials-link {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	width: 47px;
 	height: 47px;
 	border-radius: 9px;
 	box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.07);
 	background: #fff;
 	transition: transform 0.2s ease-in-out;
 }
 .header__socials-link:hover {
 	transform: scale(1.1);
 }
 .header__tel {
 	font-weight: 700;
 	font-size: 22px;
 	letter-spacing: -0.03em;
 	color: var(--clr-general);
 	text-decoration: none;
 	transition: opacity 0.2s ease-in-out;
 }
 .header__tel:hover {
 	opacity: 0.7;
 }
 /* Hero */
 .hero {
 	padding-top: 160px;
 	padding-bottom: 92px;
 	position: relative;
 	z-index: 1;
 }
 .hero::after {
 	content: '';
 	width: 100%;
 	height: 100%;
 	background: url('../img/bg_after.webp') top left no-repeat;
 	background-size: contain;
 	position: absolute;
 	bottom: 0;
 	left: 0;
 	z-index: -1;
 }
 .hero::before {
 	content: '';
 	width: 220px;
 	height: 295px;
 	background: url('../img/bg_before.webp') center no-repeat;
 	background-size: contain;
 	position: absolute;
 	bottom: 100px;
 	left: 0;
 	z-index: 1;
 	animation: herobefore 6s ease-in-out infinite;
 }
@keyframes herobefore {
 	0%,
 	100% {
 		transform: translateY(0) translateX(0);
 	}
 	40%,
 	60% {
 		transform: translateY(20px) translateX(-2px);
 	}
 }
 .hero__img {
 }
 .hero__content {
 	display: flex;
 	align-items: flex-start;
 	gap: 64px;
 	justify-content: space-between;
 	position: relative;
 	z-index: 1;
 }
 .hero__content::after {
 	content: '';
 	position: absolute;
 	top: -64px;
 	right: -240px;
 	width: 880px;
 	height: 830px;
 	pointer-events: none;
 	z-index: -1;
 	background: url('../img/hero-img.webp') center no-repeat;
 	background-size: cover;
 }
 .hero__leftside {
 	display: flex;
 	flex-direction: column;
 	align-items: flex-start;
 	gap: 42px;
 	max-width: 590px;
 }
 .hero__title {
 }
 .hero__title h1 {
 }
 .hero__desc {
 	display: inline-flex;
 	align-items: center;
 	gap: 12px;
 }
 .hero__desc p {
 	display: inline-flex;
 	align-items: center;
 	gap: 12px;
 	font-weight: 500;
 	font-size: 18px;
 	line-height: 130%;
 	padding: 12px 20px 12px 18px;
 	border-radius: 12px;
 	border: 1px solid rgba(0, 7, 30, 0.15);
 	box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.01);
 }
 .hero__desc p::before {
 	display: none;
 	content: '';
 	width: 24px;
 	height: 24px;
 	background: url('../img/i-info.svg') center no-repeat;
 	background-size: cover;
 }
 .hero__desc p b {
 	font-weight: 700;
 }
 .hero__price {
 	display: flex;
 	flex-direction: column;
 	gap: 24px;
 	border-radius: 28px;
 	padding: 6px;
 	box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.02);
 	background: #fff;
 }
 .hero__price-header {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	gap: 24px;
 	width: 100%;
 	margin-bottom: 4px;
 }
 .hero__price-header span {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	gap: 12px;
 	border-radius: 14px;
 	padding: 14px;
 	font-weight: 600;
 	font-size: 18px;
 	line-height: 140%;
 	color: #fff;
 	width: 100%;
 	border-right: 3px solid #54596c;
 	border-left: 3px solid #54596c;
 	background: linear-gradient(
 			329deg,
 			rgba(255, 255, 255, 0) 9.59%,
 			rgba(255, 255, 255, 0.1) 47.6%,
 			rgba(255, 255, 255, 0) 100%
 		),
 		var(--clr-general);
 }
 .hero__price-header span::before {
 	content: '';
 	width: 22px;
 	height: 22px;
 	background: url('../img/i-percent.svg') center no-repeat;
 	background-size: cover;
 }
 .hero__price-header p {
 	font-weight: 500;
 	font-size: 16.5px;
 	line-height: 130%;
 }
 .hero__price-header p b {
 	font-weight: 600;
 	color: #ffcc02;
 }
 .hero__price-content {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	gap: 32px;
 }
 .hero__price-stock {
 	display: flex;
 	flex-direction: column;
 	align-items: flex-end;
 	gap: 2px;
 }
 .hero__price-stock span {
 	font-weight: 500;
 	font-size: 20px;
 	line-height: 140%;
 	letter-spacing: -0.02em;
 	text-decoration: line-through;
 	text-align: right;
 	opacity: 0.4;
 }
 .hero__price-stock p {
 	font-weight: 700;
 	font-size: 30px;
 	line-height: 140%;
 	letter-spacing: -0.02em;
 }
 .hero__price-unit {
 	border-radius: 10px;
 	padding: 7px 14px;
 	background: linear-gradient(
 			322deg,
 			rgba(255, 255, 255, 0) 0%,
 			rgba(255, 255, 255, 0.34) 41.5%,
 			rgba(255, 255, 255, 0) 100%
 		),
 		#fc0;
 }
 .hero__price-unit p {
 	font-weight: 500;
 	font-size: 18px;
 	line-height: 140%;
 }
 .hero__rightside {
 }
 .hero__form {
 	display: flex;
 	flex-direction: column;
 	gap: 24px;
 	max-width: 490px;
 	border: 1px solid rgba(255, 255, 255, 0.7);
 	border-radius: 26px;
 	padding: 12px;
 	padding-bottom: 32px;
 	box-shadow: 0 10px 42px 0 rgba(0, 0, 0, 0.17);
 	background: linear-gradient(
 			142deg,
 			rgba(255, 255, 255, 0) 0%,
 			rgba(255, 255, 255, 0.2) 41.5%,
 			rgba(255, 255, 255, 0) 100%
 		),
 		#f2f2f2;
 }
 .hero__form-title {
 	padding-left: 12px;
 	padding-right: 12px;
 	max-width: 320px;
 	margin-left: auto;
 	margin-right: auto;
 }
 .hero__form-title p {
 	font-weight: 500;
 	font-size: 17.5px;
 	line-height: 130%;
 	letter-spacing: -0.02em;
 	text-align: center;
 }
 .hero__form-title p b {
 	font-weight: 600;
 }
 .hero__form-action {
 	padding-left: 24px;
 	padding-right: 24px;
 }
 .hero__form-action form {
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
 }
 .hero__form-action select,
 .hero__form-action input {
 	width: 100%;
 	height: 72px;
 	border: none;
 	outline: none;
 	border-radius: 20px;
 	padding: 12px 32px;
 	background: #fff;
 	font-family: 'Onest', sans-serif;
 	font-weight: 500;
 	font-size: 16px;
 	color: var(--clr-general);
 	transition: color 0.15s ease-in-out;
 }
 .hero__form-action input:hover::placeholder,
 .hero__form-action select:hover {
 	color: rgba(28, 27, 27, 0.75);
 }
 .hero__form-action select {
 	color: rgba(28, 27, 27, 0.5);
 	-webkit-appearance: none;
 	-moz-appearance: none;
 	text-indent: 1px;
 	text-overflow: '';
 	position: relative;
 	background: url('../img/i-select.svg') center no-repeat #fff;
 	background-size: 18px;
 	background-position-x: calc(100% - 32px);
 	cursor: pointer;
 }
 .hero__form-action select::-ms-expand {
 	display: none;
 }
 .hero__form-action select:has(option[value='']:not(:checked)) {
 	color: var(--clr-general);
 }
 .hero__form-action input::placeholder {
 	color: rgba(28, 27, 27, 0.5);
 	transition: color 0.15s ease-in-out;
 }
 .hero__form-gift {
 	display: flex;
 	flex-direction: column;
 	align-items: flex-start;
 	gap: 10px;
 	margin-top: 8px;
 	border-radius: 20px;
 	padding: 24px 12px 24px 24px;
 	background: linear-gradient(
 			130deg,
 			rgba(255, 255, 255, 0) 30%,
 			rgba(255, 255, 255, 0.24) 80%,
 			rgba(255, 255, 255, 0) 100%
 		),
 		var(--clr-general);
 	position: relative;
 	z-index: 1;
 }
 .hero__form-gift::after {
 	content: '';
 	width: 150px;
 	height: 105px;
 	z-index: -1;
 	pointer-events: none;
 	background: url('../img/gift.webp') center no-repeat;
 	background-size: cover;
 	position: absolute;
 	bottom: 0;
 	right: 0;
 }
 .hero__form-gift p {
 	display: inline-flex;
 	border-radius: 90px;
 	padding: 4px 12px;
 	background: rgba(255, 255, 255, 0.12);
 	font-weight: 500;
 	font-size: 16px;
 	line-height: 140%;
 	text-align: center;
 	color: #fff;
 }
 .hero__form-gift ul {
 	list-style-type: disc;
 	padding-left: 24px;
 }
 .hero__form-gift ul li {
 	list-style-type: disc;
 	font-weight: 600;
 	font-size: 16px;
 	line-height: 140%;
 	color: #fff;
 }
 .hero__advantages {
 	display: grid;
 	grid-template-columns: repeat(4, 1fr);
 	gap: 24px;
 	margin-top: 92px;
 	margin-top: 72px;
 	position: relative;
 	z-index: 1;
 }
 .hero__advantages-item {
 	display: flex;
 	align-items: center;
 	justify-content: flex-start;
 	flex-direction: column;
 	gap: 20px;
 	border-radius: 24px;
 	padding: 24px 14px;
 	box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.01);
 	background: #fff;
 }
 .hero__advantages-item p {
 	font-weight: 500;
 	font-size: 16px;
 	line-height: 140%;
 	text-align: center;
 }
 .hero__advantages-icon {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	border-radius: 20px;
 	min-width: 60px;
 	width: 60px;
 	height: 60px;
 	background: linear-gradient(
 			329deg,
 			rgba(255, 255, 255, 0) 9.59%,
 			rgba(255, 255, 255, 0.1) 47.6%,
 			rgba(255, 255, 255, 0) 100%
 		),
 		var(--clr-general);
 }
 /* Footer */
 .footer {
 	background: linear-gradient(
 			329deg,
 			rgba(255, 255, 255, 0) 9.59%,
 			rgba(255, 255, 255, 0.02) 47.6%,
 			rgba(255, 255, 255, 0) 100%
 		),
 		var(--clr-general);
 	padding-top: 42px;
 	padding-bottom: 52px;
 	color: #fff;
 }
 .footer__container {
 	display: flex;
 	flex-direction: column;
 	gap: 42px;
 }
 .footer__top {
 	display: grid;
 	align-items: center;
 	grid-template-columns: repeat(3, 1fr);
 }
 .footer__logo {
 }
 .footer__logo p {
 	font-weight: 500;
 	font-size: 13px;
 	line-height: 140%;
 	max-width: 210px;
 }
 .footer__address {
 	font-weight: 500;
 	font-size: 16px;
 	text-align: center;
 }
 .footer__contacts {
 	display: flex;
 	align-items: center;
 	justify-content: flex-end;
 	gap: 46px;
 }
 .footer__tel {
 	font-weight: 700;
 	font-size: 22px;
 	color: #fff;
 	text-decoration: none;
 	transition: color 0.15s ease-in-out;
 }
 .footer__tel:hover {
 	color: #fc0;
 }
 .footer__socials {
 	display: flex;
 	align-items: center;
 	gap: 10px;
 }
 .footer__socials-link {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	border-radius: 9px;
 	padding: 10px;
 	width: 44px;
 	height: 44px;
 	box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.07);
 	background: rgba(255, 255, 255, 0.1);
 	transition: transform 0.2s ease-in-out;
 }
 .footer__socials-link:hover {
 	transform: scale(1.1);
 }
 .footer__bottom {
 	display: grid;
 	align-items: center;
 	grid-template-columns: repeat(3, 1fr);
 }
 .footer__bottom p,
 .footer__bottom a {
 	font-weight: 500;
 	font-size: 14px;
 	color: #fff;
 	text-decoration: none;
 }
 .footer__bottom a {
 	transition: opacity 0.2s ease-in-out;
 }
 .footer__bottom a:hover {
 	opacity: 0.5;
 }
 .footer__bottom a:nth-child(2) {
 	text-align: center;
 }
 .footer__bottom a:nth-child(3) {
 	text-align: right;
 }
 /* Preloader */
 .preloader {
 	position: fixed;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	background: rgba(0, 7, 30, 0.8);
 	-webkit-transition: opacity 0.2s linear;
 	transition: opacity 0.2s linear;
 	opacity: 1;
 	z-index: 200;
 	pointer-events: none;
 }
 .preloader.hidden {
 	opacity: 0;
 }
 .preloader.hidden .preloader__icon {
 	opacity: 0;
 }
 .preloader__icon {
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	width: 128px;
 	height: 128px;
 	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><rect fill="%23FFCC00" stroke="%23FFCC00" stroke-width="15" width="30" height="30" x="25" y="50"><animate attributeName="y" calcMode="spline" dur="2" values="50;120;50;" keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="-.4"></animate></rect><rect fill="%23FFCC00" stroke="%23FFCC00" stroke-width="15" width="30" height="30" x="85" y="50"><animate attributeName="y" calcMode="spline" dur="2" values="50;120;50;" keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="-.2"></animate></rect><rect fill="%23FFCC00" stroke="%23FFCC00" stroke-width="15" width="30" height="30" x="145" y="50"><animate attributeName="y" calcMode="spline" dur="2" values="50;120;50;" keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="0"></animate></rect></svg>');
 	background-size: contain;
 	-webkit-transform: translate(-50%, -50%);
 	transform: translate(-50%, -50%);
 	opacity: 1;
 	-webkit-transition: opacity 0.2s linear;
 	transition: opacity 0.2s linear;
 }
 /* Modal */
 #modal__bg {
 	display: none;
 	position: fixed;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	background: rgba(0, 7, 30, 0.8);
 	z-index: 155;
 	opacity: 0;
 }
 .modal {
 	display: none;
 	position: fixed;
 	top: 50%;
 	left: 50%;
 	transform: translate(-50%, -50%);
 	z-index: 255;
 	padding: 42px;
 	background: #fff;
 	border-radius: 32px;
 	opacity: 0;
 }
 .modal.opened,
 #modal__bg.opened {
 	display: flex;
 	opacity: 1;
 }
 .modal__close {
 	position: absolute;
 	top: -32px;
 	right: -32px;
 	width: 42px;
 	height: 42px;
 	background: url('../img/i-close.svg') center no-repeat;
 	background-size: 20px;
 	border-radius: 12px;
 	cursor: pointer;
 	transition: opacity 0.15s ease-in-out;
 }
 .modal__close:hover {
 	opacity: 0.5;
 }
 .modal__content {
 	position: relative;
 	font-size: 16px;
 	line-height: 145%;
 }
 .modal__content p {
 }
 .modal__content span {
 	display: inline-flex;
 	font-size: 18px;
 	font-weight: 600;
 	margin-bottom: 14px;
 }
 .modal__title {
 	max-width: 420px;
 	margin-left: auto;
 	margin-right: auto;
 	margin-bottom: 24px;
 }
 .modal__title p {
 	font-family: 'DIN Pro', sans-serif;
 	font-size: 26px;
 	font-weight: 500;
 	line-height: 130%;
 	text-align: center;
 	letter-spacing: -0.04em;
 	text-transform: uppercase;
 	background: linear-gradient(
 			142deg,
 			rgba(255, 255, 255, 0) 0%,
 			rgba(255, 255, 255, 0.22) 42%,
 			rgba(255, 255, 255, 0) 100%
 		),
 		var(--clr-general);
 	background-clip: text;
 	-webkit-background-clip: text;
 	-webkit-text-fill-color: transparent;
 }
 .modal__title p b,
 .modal__title p strong {
 	font-weight: 600;
 }
 .modal__form {
 }
 .modal__form form {
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
 	width: 100%;
 }
 .modal__form form input {
 	width: 100%;
 	height: 72px;
 	border: none;
 	outline: none;
 	border-radius: 20px;
 	padding: 12px 32px;
 	background: linear-gradient(
 			142deg,
 			rgba(255, 255, 255, 0) 0%,
 			rgba(255, 255, 255, 0.2) 41.5%,
 			rgba(255, 255, 255, 0) 100%
 		),
 		#f2f2f2;
 	font-family: 'Onest', sans-serif;
 	font-weight: 500;
 	font-size: 16px;
 	color: var(--clr-general);
 	transition: color 0.25s ease-in-out;
 }
 .modal__form form input::placeholder {
 	color: rgba(28, 27, 27, 0.5);
 	transition: color 0.15s ease-in-out;
 }
 .modal__form form input:hover::placeholder {
 	color: rgba(28, 27, 27, 0.8);
 }
 /* Form */
 form.sending {
 	position: relative;
 }
 form.sending::before,
 form.sending::after {
 	content: '';
 	position: absolute;
 }
 form.sending::after {
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	background: rgb(245 245 245 / 60%);
 	z-index: 10;
 }
 section.modal form.sending::after {
 	background: rgb(255 255 255 / 60%);
 }
 form::before {
 	content: '';
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	width: 128px;
 	height: 128px;
 	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><rect fill="%23FFCC00" stroke="%23FFCC00" stroke-width="15" width="30" height="30" x="25" y="50"><animate attributeName="y" calcMode="spline" dur="2" values="50;120;50;" keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="-.4"></animate></rect><rect fill="%23FFCC00" stroke="%23FFCC00" stroke-width="15" width="30" height="30" x="85" y="50"><animate attributeName="y" calcMode="spline" dur="2" values="50;120;50;" keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="-.2"></animate></rect><rect fill="%23FFCC00" stroke="%23FFCC00" stroke-width="15" width="30" height="30" x="145" y="50"><animate attributeName="y" calcMode="spline" dur="2" values="50;120;50;" keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="0"></animate></rect></svg>');
 	background-size: contain;
 	transform: translate(-50%, -50%);
 	opacity: 0;
 	pointer-events: none;
 }
 form.sending::before {
 	opacity: 1;
 	z-index: 15;
 }
@media screen and (max-width: 1024px) and (min-width: 992px) {
 	.hero__content {
 		flex-direction: column;
 	}
 	.hero__content::after {
 		opacity: 0.2;
 	}
 	.footer__socials {
 		display: none;
 	}
 }
--- a/assets/css/gp-style-mobile.css
+++ b/assets/css/gp-style-mobile.css
@@ -1,247 +0,0 @@
@media screen and (max-width: 576px) {
 	.hero__rightside {
 		width: 100%;
 	}
 	.hero__price {
 		margin-top: 24px;
 	}
 	.hero__content::after {
 		right: -320px;
 		top: 290px;
 	}
 	.hero__desc {
 		gap: 6px;
 	}
 	.hero__desc p {
 		font-size: 13px;
 		padding: 8px 12px;
 		border-radius: 10px;
 	}
 	.hero__desc img {
 		width: 24px;
 		height: 24px;
 	}
 	.hero__leftside {
 		gap: 18px;
 	}
 	.hero__advantages {
 		margin-top: 42px;
 	}
 }
@media screen and (max-width: 540px) {
 	.header__container {
 		align-items: flex-start;
 		gap: 24px;
 		padding-bottom: 20px;
 		top: 20px;
 	}
 	.header__container::after {
 		content: '';
 		position: absolute;
 		bottom: 0;
 		left: 24px;
 		width: calc(100% - 48px);
 		height: 1px;
 		background: #e7e7e7;
 	}
 	.header__logo {
 		max-width: 240px;
 	}
 	.header__logo img {
 		width: 50px;
 	}
 	.header__logo p {
 		font-size: 9px;
 	}
 	.header__socials {
 		gap: 6px;
 	}
 	.header__contacts {
 		flex-wrap: wrap;
 		width: 100%;
 		justify-content: flex-end;
 		gap: 6px;
 	}
 	.header__contacts .header__tel {
 	}
 	.header__tel {
 		font-size: 20px;
 		margin: 0;
 	}
 	.hero {
 		padding-top: 110px;
 	}
 }
@media screen and (max-width: 470px) {
 	h1 {
 		font-size: 39px;
 		text-align: left;
 	}
 	h1 span {
 		font-size: 32px;
 		padding-left: 12px;
 		padding-right: 12px;
 		border-radius: 10px;
 		margin-top: 6px;
 	}
 	.hero__leftside {
 		align-items: flex-start;
 	}
 	.hero__price {
 		margin-top: 12px;
 	}
 	.hero__content {
 		gap: 34px;
 	}
 	.hero__content::after {
 		opacity: 0.6;
 		right: -125px;
 		width: 200px;
 		height: 140px;
 		background-size: contain;
 		top: 0px;
 	}
 	.hero::before {
 		opacity: 0.4;
 	}
 	.hero__form-gift {
 		overflow: hidden;
 	}
 	.hero__form-gift::after {
 		right: -10%;
 		opacity: 0.6;
 	}
 	.hero__advantages {
 		grid-template-columns: 1fr;
 		gap: 6px;
 	}
 	.hero__price {
 		border-radius: 12px;
 		padding: 10px;
 		padding-bottom: 14px;
 	}
 	.hero__price-header {
 		gap: 10px;
 		padding: 10px;
 		padding-bottom: 0;
 		border-radius: 10px;
 		margin-bottom: 0;
 	}
 	.hero__price-header p {
 		font-size: 13.5px;
 	}
 	.hero__price-header span {
 		border-radius: 10px;
 		border: none;
 		padding-left: 2px;
 		padding-right: 2px;
 		gap: 7px;
 	}
 	.hero__price-header span::before {
 		min-width: 18px;
 		width: 18px;
 		height: 18px;
 	}
 	.hero__price-stock p {
 		font-size: 20px;
 	}
 	.hero__price-stock span {
 		font-size: 15px;
 	}
 	.hero__price-unit {
 		border-radius: 8px;
 		padding: 6px 12px;
 	}
 	.hero__price-unit p {
 		font-size: 13px;
 	}
 	.hero__price-content {
 		gap: 10px;
 	}
 	.header__logo {
 		width: 100%;
 	}
 	.header__container {
 		align-items: center;
 	}
 	.header__tel {
 		font-size: 18px;
 	}
 	.hero__form {
 		gap: 20px;
 		padding: 0 0 20px 0;
 		border-radius: 16px;
 	}
 	.hero__form-title p {
 		font-size: 15px;
 	}
 }
@media screen and (max-width: 390px) {
 	h1 {
 		font-size: 36px;
 	}
 	h1 span {
 		font-size: 29px;
 	}
 	.header__logo img {
 		width: 42px;
 	}
 	.header__logo p {
 		font-size: 9px;
 	}
 	.header__tel {
 		font-size: 17px;
 	}
 	.hero__form-action select,
 	.hero__form-action input {
 		height: 60px;
 		border-radius: 12px;
 	}
 	.hero__price-header p {
 		font-size: 12.5px;
 	}
 }
@media screen and (max-width: 375px) {
 	*[class*='__container'] {
 		padding-left: 12px;
 		padding-right: 12px;
 	}
 	.header__container {
 		gap: 0;
 	}
 	h1 {
 		font-size: 34px;
 	}
 	.hero__desc::before {
 		display: none;
 	}
 	.header__logo img {
 		width: 39px;
 	}
 	.header__tel {
 		font-size: 16.5px;
 	}
 	.hero__form-action select,
 	.hero__form-action input {
 		font-size: 13.5px;
 	}
 }
@media screen and (max-width: 360px) {
 	.hero__desc {
 		flex-direction: column;
 		align-items: flex-start;
 	}
 	.hero__price-header span {
 		padding-left: 20px;
 		padding-right: 20px;
 		gap: 12px;
 	}
 	.hero__content {
 		gap: 20px;
 	}
 	.hero__price-header span::before {
 		min-width: 20px;
 		width: 20px;
 		height: 20px;
 	}
 }
--- a/assets/css/gp-style-tablet.css
+++ b/assets/css/gp-style-tablet.css
@@ -1,255 +0,0 @@
 *[class*='__container'] {
 	padding: 0 42px;
 }
 h1 {
 	font-size: 52px;
 }
 h1 span {
 	font-size: 42px;
 	margin-top: 0;
 	top: -2px;
 }
 .hero__content {
 	flex-direction: column;
 	align-items: center;
 }
 .hero__leftside {
 	max-width: 100%;
 	align-items: center;
 	text-align: center;
 }
 .hero__content::after {
 	opacity: 0.1;
 	right: -140px;
 }
 .footer__tel {
 	font-size: 17px;
 }
 .header__contacts {
 	gap: 10px;
 }
 .header__contacts button.btn,
 .header__contacts .header__tel p {
 	display: none;
 }
 .header__contacts .header__tel {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	width: 47px;
 	height: 47px;
 	border-radius: 9px;
 	position: relative;
 	padding: 0;
 	background: linear-gradient(
 			322deg,
 			rgba(255, 255, 255, 0) 0%,
 			rgba(255, 255, 255, 0.32) 41.5%,
 			rgba(255, 255, 255, 0) 100%
 		),
 		#fc0;
 }
 .header__contacts .header__tel::before {
 	content: '';
 	width: 24px;
 	height: 24px;
 	background: url('../img/i-tel.svg') center no-repeat;
 	background-size: cover;
 }
 .hero__advantages {
 	grid-template-columns: repeat(2, 1fr);
 }
 .hero__advantages-item {
 	flex-direction: row;
 }
 .hero__advantages-item p {
 	text-align: left;
 }
 .hero__advantages-item p br {
 	content: '';
 	padding: 0;
 }
 .footer__logo {
 	flex-direction: column;
 	text-align: center;
 }
 .footer__tel {
 	font-size: 19px;
 }
 .footer__contacts {
 	gap: 24px;
 }
 .footer__top,
 .footer__bottom {
 	display: flex;
 	flex-direction: column;
 	gap: 32px;
 }
 .footer__bottom {
 	gap: 12px;
 }
 .footer__bottom p {
 	padding-bottom: 32px;
 }
@media screen and (max-width: 740px) {
 	.header__logo {
 		max-width: 200px;
 		gap: 12px;
 	}
 	.header__logo img {
 		width: 64px;
 		height: auto;
 	}
 	.header__logo p {
 		font-size: 11px;
 	}
 }
@media screen and (max-width: 670px) {
 	.header__socials-link,
 	.footer__socials-link,
 	.header__contacts .header__tel {
 		width: 40px;
 		height: 40px;
 	}
 	.header__socials-link img,
 	.footer__socials-link img {
 		width: 24px;
 		height: 24px;
 	}
 	.header__contacts .header__tel::before {
 		width: 20px;
 		height: 20px;
 	}
 	.header__tel,
 	.footer__tel {
 		font-size: 18px;
 	}
 	h1 {
 		font-size: 49px;
 	}
 	h1 span {
 		font-size: 39px;
 		top: 0;
 	}
 }
@media screen and (max-width: 620px) {
 	*[class*='__container'] {
 		padding: 0 24px;
 	}
 	.header__logo {
 		max-width: 140px;
 		gap: 14px;
 	}
 	.header__logo img {
 		width: 56px;
 	}
 	.hero__advantages {
 		gap: 16px;
 	}
 	.hero__advantages-item {
 		gap: 14px;
 		padding: 16px 14px;
 		border-radius: 16px;
 	}
 	.hero__advantages-icon {
 		min-width: 46px;
 		width: 46px;
 		height: 46px;
 		border-radius: 10px;
 	}
 	.hero__advantages-icon img {
 		width: 30px;
 		height: 30px;
 	}
 	.hero__advantages-item p {
 		font-size: 14px;
 	}
 	h1 {
 		font-size: 42px;
 	}
 	h1 span {
 		font-size: 32px;
 	}
 	.header__socials-link,
 	.footer__socials-link,
 	.header__contacts .header__tel {
 		width: 37px;
 		height: 37px;
 	}
 	.header__socials-link img,
 	.footer__socials-link img {
 		width: 22px;
 		height: 22px;
 	}
 	.header__contacts .header__tel::before {
 		width: 18px;
 		height: 18px;
 	}
 	.hero {
 		padding-top: 140px;
 		padding-bottom: 64px;
 	}
 	.hero__leftside {
 		gap: 24px;
 	}
 	.hero__desc::before {
 		width: 20px;
 		height: 20px;
 	}
 	.hero__desc p {
 		font-size: 16px;
 	}
 	.hero__price {
 		gap: 12px;
 		margin-right: auto;
 	}
 	.hero__price-header,
 	.hero__price-content {
 		flex-direction: column;
 		gap: 16px;
 	}
 	.hero__price-stock {
 		align-items: center;
 		text-align: center;
 	}
 	.hero__price-header p {
 		font-size: 16px;
 	}
 	.hero__price-stock span {
 		font-size: 18px;
 	}
 	.hero__price-stock p {
 		font-size: 24px;
 	}
 	.hero__price-unit {
 	}
 	.hero__price-unit p {
 		font-size: 16px;
 	}
 	.hero__content::after {
 		opacity: 1;
 		right: -290px;
 		width: 620px;
 		height: 420px;
 		background-size: contain;
 		top: 230px;
 	}
 	.hero__form-title p {
 		font-size: 16px;
 		max-width: 390px;
 		margin-left: auto;
 		margin-right: auto;
 	}
 	.hero__form-action select,
 	.hero__form-action input,
 	.btn-big {
 		font-size: 15px;
 	}
 	.hero__form-gift p,
 	.hero__form-gift ul li {
 		font-size: 14px;
 	}
 	.hero__advantages {
 		margin-top: 64px;
 	}
 }
--- a/assets/fonts/DINPro-Black.eot
+++ b/assets/fonts/DINPro-Black.eot
--- a/assets/fonts/DINPro-Black.ttf
+++ b/assets/fonts/DINPro-Black.ttf
--- a/assets/fonts/DINPro-Black.woff
+++ b/assets/fonts/DINPro-Black.woff
--- a/assets/fonts/DINPro-Medium.eot
+++ b/assets/fonts/DINPro-Medium.eot
--- a/assets/fonts/DINPro-Medium.ttf
+++ b/assets/fonts/DINPro-Medium.ttf
--- a/assets/fonts/DINPro-Medium.woff
+++ b/assets/fonts/DINPro-Medium.woff
--- a/assets/img/advantages_icon1.svg
+++ b/assets/img/advantages_icon1.svg
@@ -1,3 +0,0 @@
 <svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M23.4873 2.39045L25.9881 4.2624C26.6721 4.77436 27.392 5.03637 28.245 5.08387L31.3639 5.25736C33.2315 5.36121 34.7484 6.63393 35.1749 8.45519L35.8875 11.4967C36.0823 12.3285 36.4654 12.9919 37.0883 13.5766L39.3661 15.7144C40.7299 16.9944 41.0737 18.9444 40.23 20.6137L38.8207 23.4015C38.4354 24.164 38.3023 24.9184 38.4037 25.7667L38.7745 28.8685C38.9965 30.7258 38.0064 32.4405 36.287 33.1769L33.4155 34.4067C32.6301 34.743 32.0432 35.2354 31.5757 35.9504L29.8659 38.5648C28.8421 40.1302 26.9815 40.8073 25.1911 40.2662L22.2009 39.3626C21.3831 39.1154 20.617 39.1154 19.7992 39.3626L16.809 40.2662C15.0186 40.8073 13.1579 40.1302 12.1342 38.5648L10.4244 35.9504C9.95674 35.2354 9.36989 34.743 8.5846 34.4067L5.71285 33.1767C3.99348 32.4403 3.00344 30.7256 3.22542 28.8683L3.5962 25.7666C3.69759 24.9183 3.56453 24.1638 3.17915 23.4014L1.76994 20.6135C0.926164 18.9443 1.26996 16.9943 2.63381 15.7142L4.91157 13.5764C5.53452 12.9918 5.91752 12.3283 6.11234 11.4965L6.82487 8.45502C7.25143 6.63385 8.76827 5.36113 10.6359 5.2572L13.7548 5.0837C14.6078 5.03629 15.3277 4.7742 16.0117 4.26224L18.5125 2.39029C20.0098 1.26958 21.9899 1.26958 23.4873 2.39045ZM19.4046 22.0713L16.6907 19.3574C15.9873 18.654 14.8463 18.654 14.143 19.3574C13.4395 20.0608 13.4395 21.2017 14.143 21.9051L18.1347 25.8968C18.8381 26.6001 19.9791 26.6002 20.6824 25.8968C23.0884 23.4907 25.4671 21.0576 27.862 18.6406C28.5604 17.9358 28.5581 16.7985 27.8542 16.0985C27.1502 15.3984 26.0097 15.4004 25.3106 16.1064L19.4046 22.0713ZM20.9999 7.5841C17.2953 7.5841 13.9412 9.08576 11.5134 11.5136C9.08565 13.9414 7.58398 17.2954 7.58398 21C7.58398 24.7046 9.08565 28.0586 11.5134 30.4864C13.9412 32.9142 17.2953 34.4159 20.9999 34.4159C24.7045 34.4159 28.0585 32.9142 30.4863 30.4864C32.9141 28.0586 34.4157 24.7046 34.4157 21C34.4157 17.2954 32.9141 13.9414 30.4863 11.5136C28.0585 9.08576 24.7045 7.5841 20.9999 7.5841ZM29.5583 12.4416C27.368 10.2513 24.3421 8.8966 20.9999 8.8966C17.6576 8.8966 14.6317 10.2513 12.4415 12.4416C10.2512 14.6318 8.89648 17.6577 8.89648 21C8.89648 24.3423 10.2512 27.3681 12.4415 29.5584C14.6317 31.7486 17.6576 33.1034 20.9999 33.1034C24.3421 33.1034 27.368 31.7486 29.5583 29.5585C31.7485 27.3682 33.1032 24.3423 33.1032 21.0001C33.1033 17.6577 31.7485 14.6318 29.5583 12.4416Z" fill="white"/>
 </svg>
--- a/assets/img/advantages_icon2.svg
+++ b/assets/img/advantages_icon2.svg
@@ -1,3 +0,0 @@
 <svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M33.937 8.21272L31.312 1.65022C31.1172 1.1631 30.7809 0.745525 30.3464 0.45138C29.912 0.157236 29.3994 1.40132e-05 28.8748 0L13.1248 0C12.6001 1.40132e-05 12.0875 0.157236 11.6531 0.45138C11.2187 0.745525 10.8824 1.1631 10.6876 1.65022L8.06256 8.21272C7.81195 8.83841 7.81195 9.53659 8.06256 10.1623L10.6876 16.7248C10.8824 17.2119 11.2187 17.6295 11.6531 17.9236C12.0875 18.2178 12.6001 18.375 13.1248 18.375H14.4373C14.4373 19.8247 15.6126 21 17.0623 21H18.3748V22.0081C18.3748 25.1298 20.0827 27.9804 22.725 29.271C24.0894 29.9382 24.9373 31.2949 24.9373 32.8118C24.9373 34.9094 23.0967 36.75 20.9991 36.75C18.8285 36.75 17.0623 34.9838 17.0623 32.8125C17.0623 31.3628 15.8869 30.1875 14.4373 30.1875C12.9876 30.1875 11.8123 31.3628 11.8123 32.8125C11.8123 37.8786 15.9337 42 20.9991 42C25.9793 42 30.1873 37.792 30.1873 32.8118C30.1873 29.2729 28.2108 26.109 25.0296 24.5543C24.176 24.137 23.6248 23.138 23.6248 22.0081V21H24.9373C26.3869 21 27.5623 19.8247 27.5623 18.375H28.8748C29.3994 18.375 29.912 18.2178 30.3464 17.9236C30.7809 17.6295 31.1172 17.2119 31.312 16.7248L33.937 10.1623C34.1876 9.53659 34.1876 8.83841 33.937 8.21272ZM14.8748 14.4375H12.1076L15.6075 3.9375H18.3748L14.8748 14.4375ZM20.6334 14.4375H17.8662L21.3661 3.9375H24.1334L20.6334 14.4375ZM26.392 14.4375H23.6248L27.1247 3.9375H29.892L26.392 14.4375Z" fill="white"/>
 </svg>
--- a/assets/img/advantages_icon3.svg
+++ b/assets/img/advantages_icon3.svg
@@ -1,3 +0,0 @@
 <svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M16.6397 34.263L13.6801 40.559C13.6481 40.627 13.5982 40.6849 13.5356 40.7265C13.4731 40.7682 13.4004 40.7919 13.3253 40.7952C13.2503 40.7984 13.1758 40.7811 13.1099 40.7451C13.0439 40.709 12.9892 40.6556 12.9514 40.5907L10.8517 36.9772L6.73763 37.6979C6.66354 37.7109 6.5873 37.7033 6.51719 37.676C6.44709 37.6488 6.3858 37.6028 6.33998 37.5431C6.29416 37.4835 6.26556 37.4124 6.2573 37.3376C6.24903 37.2629 6.26141 37.1872 6.29309 37.119L9.65498 29.8747C9.90278 29.9924 10.0941 30.1053 10.2628 30.2472C10.7131 30.6254 10.9891 31.1968 11.8327 32.4867L11.8331 32.4873C12.885 34.0938 14.7901 34.8028 16.6397 34.263ZM22.9569 34.4322C24.4805 34.5324 25.9414 33.8179 26.8126 32.4873L26.8138 32.4856C27.6548 31.1967 27.9303 30.6256 28.3806 30.2477C28.6842 29.9929 29.0602 29.8314 29.7057 29.5677L32.3747 35.7988C32.4043 35.8679 32.4144 35.9438 32.4039 36.0183C32.3935 36.0927 32.3628 36.1629 32.3153 36.2211C32.2678 36.2794 32.2052 36.3236 32.1344 36.3488C32.0636 36.374 31.9872 36.3794 31.9136 36.3643L27.8208 35.5271L25.6212 39.0682C25.5813 39.1323 25.5246 39.1842 25.4573 39.2182C25.3899 39.2523 25.3145 39.2672 25.2393 39.2613C25.1641 39.2554 25.0919 39.229 25.0307 39.1849C24.9695 39.1408 24.9215 39.0807 24.8921 39.0112L22.9569 34.4322ZM33.2858 16.3508C33.6082 17.1302 33.5853 18.025 33.1798 18.8301C31.5957 21.9625 31.7117 21.2932 32.1312 24.778C32.2873 26.1166 31.5778 27.3526 30.3374 27.8791C27.1113 29.2623 27.6289 28.8251 25.7103 31.7655C24.974 32.8899 23.6309 33.3808 22.3415 32.9881C18.9815 31.9753 19.6598 31.9753 16.3043 32.9881C15.0103 33.3808 13.6717 32.8899 12.9354 31.7655C11.0123 28.8251 11.5344 29.2623 8.30835 27.8791C7.06787 27.3526 6.35395 26.1166 6.51462 24.778C6.9296 21.2932 7.05008 21.9625 5.46602 18.8301C4.85916 17.6253 5.10457 16.2198 6.09075 15.3006C8.64748 12.8956 8.30835 13.4845 9.10701 10.0667C9.41493 8.75485 10.5082 7.84008 11.8556 7.76423C15.3583 7.5679 14.7203 7.79997 17.5314 5.69832C18.6112 4.89069 20.0346 4.89069 21.1144 5.69832C21.175 5.74362 21.234 5.78784 21.2915 5.831C21.0087 6.68615 20.8556 7.60002 20.8556 8.54938C20.8556 9.38123 20.9732 10.1857 21.1924 10.9473C20.5784 10.8065 19.9505 10.7356 19.3207 10.7359C14.7114 10.7359 10.9499 14.4975 10.9499 19.1067C10.9499 23.716 14.7114 27.4775 19.3207 27.4775C23.9344 27.4775 27.6914 23.716 27.6914 19.1067C27.6914 18.3627 27.5935 17.6408 27.41 16.9533C28.0995 17.1256 28.8075 17.2125 29.5183 17.2121C30.8682 17.2121 32.1464 16.9026 33.2858 16.3508ZM19.566 13.9952L20.8284 17.3161C20.8666 17.417 20.9538 17.4797 21.0601 17.4851L24.61 17.6596C24.8527 17.6705 24.9509 17.9759 24.7627 18.1259L21.9926 20.3534C21.9081 20.4188 21.8753 20.5224 21.9026 20.626L22.8351 24.0559C22.9005 24.2877 22.6415 24.4759 22.4398 24.345L19.4651 22.3983C19.3752 22.3382 19.2661 22.3382 19.1761 22.3983L16.2043 24.345C16.0025 24.4759 15.7435 24.2877 15.8062 24.0559L16.7387 20.626C16.7659 20.5224 16.7332 20.4188 16.6486 20.3534L13.8785 18.1259C13.6904 17.9759 13.7886 17.6705 14.0312 17.6596L17.5811 17.4851C17.6874 17.4797 17.7747 17.417 17.8129 17.3161L19.0753 13.9952C19.1598 13.7689 19.4815 13.7689 19.566 13.9952ZM29.5183 1.20441C33.5721 1.20441 36.8632 4.49564 36.8632 8.54938C36.8632 12.6032 33.5721 15.8944 29.5183 15.8944C25.4645 15.8944 22.1733 12.6032 22.1733 8.54938C22.1733 4.49564 25.4645 1.20441 29.5183 1.20441ZM28.5233 9.21751L26.8288 7.52302C26.3898 7.08416 25.6772 7.08416 25.2383 7.52302C24.7994 7.96418 24.7994 8.67456 25.2383 9.11342L27.7292 11.6066C28.1681 12.0455 28.8808 12.0455 29.3196 11.6066C30.8218 10.1044 32.3059 8.58636 33.8014 7.07732C34.238 6.63616 34.2358 5.92578 33.7968 5.48915C33.358 5.05251 32.6453 5.05482 32.2087 5.49368L28.5233 9.21751Z" fill="white"/>
 </svg>
--- a/assets/img/advantages_icon4.svg
+++ b/assets/img/advantages_icon4.svg
@@ -1,11 +0,0 @@
 <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_2019_1481)">
 <path d="M38.8039 7.4743H36.7467V2.37257C36.7467 1.72501 36.2217 1.20001 35.5742 1.20001H34.6135V2.60318C34.6135 3.23456 34.1282 3.77785 33.4976 3.80755C32.8242 3.83929 32.2683 3.30272 32.2683 2.63632V1.20001H30.1351V7.47438H27.8352V1.20001H25.7091V2.63632C25.7091 3.28389 25.1841 3.80888 24.5365 3.80888C23.889 3.80888 23.364 3.28389 23.364 2.63632V1.20001H21.2236V7.47438H18.8785V1.20001H16.7381V2.63632C16.7381 3.28389 16.2131 3.80888 15.5655 3.80888C14.918 3.80888 14.393 3.28389 14.393 2.63632V1.20001H12.2192V7.47438H9.88878V1.20001H7.73182V2.60318C7.73182 3.23456 7.24661 3.77785 6.61593 3.80755C5.94257 3.83929 5.3867 3.30272 5.3867 2.63632V1.20001H4.40221C3.75465 1.20001 3.22965 1.72501 3.22965 2.37257V7.47438H1.17244C0.524872 7.47438 -0.00012207 7.99937 -0.00012207 8.64694V10.9921C-0.00012207 11.6396 0.524872 12.1646 1.17244 12.1646H38.8039C39.4515 12.1646 39.9765 11.6396 39.9765 10.9921V8.64694C39.9765 7.9993 39.4516 7.4743 38.8039 7.4743ZM33.0328 22.5209C35.5825 22.5209 37.8957 23.5512 39.579 25.2168C39.8223 25.002 39.9765 24.6887 39.9765 24.3385V21.9934C39.9765 21.3458 39.4515 20.8208 38.8039 20.8208H36.7467V15.7398C36.7467 15.0922 36.2217 14.5672 35.5742 14.5672H34.6135V15.9704C34.6135 16.6017 34.1282 17.145 33.4976 17.1747C32.8242 17.2065 32.2683 16.6699 32.2683 16.0035V14.5672H30.1351V20.8208H27.8352V14.5672H25.7091V16.0035C25.7091 16.6511 25.1841 17.1761 24.5365 17.1761C23.889 17.1761 23.364 16.6511 23.364 16.0035V14.5672H21.2236V20.8208H18.8785V14.5672H16.7381V16.0035C16.7381 16.6511 16.2131 17.1761 15.5655 17.1761C14.918 17.1761 14.393 16.6511 14.393 16.0035V14.5672H12.2192V20.8208H9.88878V14.5672H7.73182V15.9704C7.73182 16.6017 7.24661 17.145 6.61593 17.1747C5.94257 17.2065 5.3867 16.6699 5.3867 16.0035V14.5672H4.40221C3.75465 14.5672 3.22965 15.0922 3.22965 15.7398V20.8208H1.17244C0.524872 20.8208 -0.00012207 21.3458 -0.00012207 21.9934V24.3385C-0.00012207 24.9861 0.524872 25.5111 1.17244 25.5111H26.2022C27.9044 23.6734 30.3363 22.5209 33.0328 22.5209ZM23.7207 31.8331C23.7207 31.3165 23.7637 30.8099 23.8449 30.3161C23.5538 30.1027 23.364 29.7593 23.364 29.3708V27.9345H21.2236V34.1099H18.8785V27.9345H16.7381V29.3708C16.7381 30.0183 16.2131 30.5433 15.5655 30.5433C14.918 30.5433 14.393 30.0183 14.393 29.3708V27.9345H12.2192V34.1099H9.88878V27.9345H7.73182V29.3376C7.73182 29.969 7.24661 30.5123 6.61593 30.542C5.94257 30.5737 5.3867 30.0372 5.3867 29.3708V27.9345H4.40221C3.75465 27.9345 3.22965 28.4594 3.22965 29.107V34.1099H1.17244C0.524872 34.1099 -0.00012207 34.6349 -0.00012207 35.2825V37.6276C-0.00012207 38.2752 0.524872 38.8002 1.17244 38.8002H26.8614C24.9363 37.0928 23.7207 34.6024 23.7207 31.8331Z" fill="white"/>
 <path d="M33.0327 24.866C29.191 24.866 26.0656 27.9914 26.0656 31.8331C26.0656 35.6747 29.191 38.8001 33.0327 38.8001C36.8743 38.8001 39.9997 35.6747 39.9997 31.8331C39.9997 27.9914 36.8743 24.866 33.0327 24.866ZM36.3039 29.8145L33.2962 35.0241C33.1933 35.2024 33.0452 35.3504 32.867 35.4534C32.6888 35.5563 32.4866 35.6105 32.2807 35.6105C32.0749 35.6105 31.8727 35.5563 31.6945 35.4534C31.5162 35.3504 31.3682 35.2024 31.2653 35.0241L29.7614 32.4193C29.4376 31.8585 29.6297 31.1413 30.1905 30.8176C30.7514 30.4937 31.4685 30.686 31.7922 31.2468L32.2807 32.0927L34.2731 28.6419C34.5968 28.0811 35.3139 27.8887 35.8748 28.2127C36.4356 28.5365 36.6277 29.2536 36.3039 29.8145Z" fill="white"/>
 </g>
 <defs>
 <clipPath id="clip0_2019_1481">
 <rect width="40" height="40" fill="white"/>
 </clipPath>
 </defs>
 </svg>
--- a/assets/img/bg_after.webp
+++ b/assets/img/bg_after.webp
--- a/assets/img/bg_before.webp
+++ b/assets/img/bg_before.webp
--- a/assets/img/footer-logo.webp
+++ b/assets/img/footer-logo.webp
--- a/assets/img/hero-img.webp
+++ b/assets/img/hero-img.webp
--- a/assets/img/i-close.svg
+++ b/assets/img/i-close.svg
@@ -1,11 +0,0 @@
 <svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_2035_1668)">
 <path d="M0.935471 0.935471C1.5161 0.354843 2.45748 0.354843 3.03811 0.935471L24.0645 21.9619C24.6451 22.5425 24.6451 23.4839 24.0645 24.0645C23.4839 24.6451 22.5425 24.6451 21.9619 24.0645L0.935471 3.03811C0.354843 2.45748 0.354843 1.5161 0.935471 0.935471Z" fill="white"/>
 <path d="M24.0645 0.935609C24.6452 1.51624 24.6452 2.45762 24.0645 3.03825L3.03813 24.0646C2.45751 24.6453 1.51612 24.6453 0.935494 24.0646C0.354866 23.484 0.354867 22.5426 0.935494 21.962L21.9619 0.935609C22.5425 0.354982 23.4839 0.354981 24.0645 0.935609Z" fill="white"/>
 </g>
 <defs>
 <clipPath id="clip0_2035_1668">
 <rect width="24" height="24.0001" fill="white" transform="translate(0.5 0.5)"/>
 </clipPath>
 </defs>
 </svg>
--- a/assets/img/i-delivery.svg
+++ b/assets/img/i-delivery.svg
@@ -1,4 +0,0 @@
 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M16.0613 2.50026C15.7156 2.49776 15.4338 2.77589 15.4313 3.12089C15.4288 3.46589 15.7063 3.74776 16.0519 3.75026C16.3969 3.75276 16.6788 3.47526 16.6813 3.13026C16.6838 2.78526 16.4063 2.50339 16.0613 2.50026ZM16.0328 6.2502C13.6196 6.23307 11.6433 8.17989 11.6251 10.5923C11.6069 13.0046 13.5548 14.9819 15.9672 15.0001L16.0007 15.0002C18.3978 15.0002 20.3568 13.0592 20.3749 10.6579C20.3931 8.24576 18.4453 6.26839 16.0328 6.2502ZM16.0006 13.7503L15.9766 13.7501C14.2534 13.7371 12.862 12.3248 12.875 10.6017C12.8879 8.88639 14.2872 7.50001 15.9994 7.50001L16.0234 7.50014C17.7466 7.51314 19.138 8.92551 19.125 10.6486C19.112 12.3639 17.7128 13.7503 16.0006 13.7503ZM18.7269 2.97426C18.4018 2.85889 18.0444 3.0292 17.929 3.35457C17.8137 3.67995 17.984 4.03714 18.3093 4.15251C21.0623 5.1282 22.8969 7.75014 22.8749 10.6768C22.8724 11.0219 23.1501 11.3039 23.4953 11.3065H23.5001C23.8429 11.3065 24.1223 11.0298 24.1249 10.6862C24.1509 7.22701 21.9816 4.12782 18.7269 2.97426Z" fill="#00071E"/>
 <path d="M19.8348 23.5276C23.9919 18.1767 26.5898 15.3864 26.6249 10.7049C26.6689 4.81469 21.8887 0 15.999 0C10.178 0 5.41936 4.71425 5.37511 10.5455C5.33936 15.3539 7.98555 18.1404 12.1713 23.5268C8.00724 24.149 5.37511 25.7126 5.37511 27.625C5.37511 28.9061 6.55924 30.0556 8.70943 30.8619C10.6665 31.5958 13.2557 31.9999 16 31.9999C18.7443 31.9999 21.3335 31.5958 23.2906 30.8619C25.4407 30.0556 26.6249 28.906 26.6249 27.6249C26.6249 25.7136 23.9952 24.1504 19.8348 23.5276ZM6.62505 10.5549C6.66405 5.40937 10.8625 1.25 15.9991 1.25C21.1966 1.25 25.4137 5.49925 25.3749 10.6956C25.3417 15.1414 22.5866 17.8812 18.188 23.6152C17.4034 24.6374 16.6829 25.6039 16.0009 26.5494C15.3209 25.6034 14.6148 24.6542 13.8185 23.6148C9.23811 17.6408 6.59118 15.1081 6.62505 10.5549ZM16 30.75C10.6343 30.75 6.62505 29.1002 6.62505 27.625C6.62505 26.531 9.0218 25.149 13.0517 24.6704C13.9425 25.8392 14.7235 26.9011 15.4895 27.9856C15.5471 28.0673 15.6236 28.1339 15.7123 28.1799C15.801 28.2259 15.8995 28.2499 15.9994 28.25H16C16.0999 28.25 16.1983 28.2261 16.287 28.1802C16.3757 28.1344 16.4521 28.0679 16.5099 27.9864C17.2686 26.9161 18.071 25.828 18.9542 24.6711C22.9803 25.1502 25.3749 26.5318 25.3749 27.6251C25.3749 29.1002 21.3657 30.75 16 30.75Z" fill="#00071E"/>
 </svg>
--- a/assets/img/i-info.svg
+++ b/assets/img/i-info.svg
@@ -1,17 +0,0 @@
 <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_2012_938)">
 <circle cx="12.5" cy="12.5" r="7.5" fill="#1C1B1B"/>
 <path d="M12 0.5C5.36761 0.5 0 5.867 0 12.5C0 19.1323 5.367 24.5 12 24.5C18.6324 24.5 24 19.133 24 12.5C24 5.8677 18.633 0.5 12 0.5ZM13.2323 17.2635C13.2323 17.6426 12.6795 18.0216 12.0002 18.0216C11.2894 18.0216 10.784 17.6426 10.784 17.2635V11.2453C10.784 10.8031 11.2895 10.5029 12.0002 10.5029C12.6795 10.5029 13.2323 10.8031 13.2323 11.2453V17.2635ZM12.0003 9.04981C11.2737 9.04981 10.7051 8.51277 10.7051 7.91248C10.7051 7.31225 11.2737 6.791 12.0003 6.791C12.7111 6.791 13.2798 7.31225 13.2798 7.91248C13.2798 8.51277 12.711 9.04981 12.0003 9.04981Z" fill="#FFCC00"/>
 <path d="M12 0.5C5.36761 0.5 0 5.867 0 12.5C0 19.1323 5.367 24.5 12 24.5C18.6324 24.5 24 19.133 24 12.5C24 5.8677 18.633 0.5 12 0.5ZM13.2323 17.2635C13.2323 17.6426 12.6795 18.0216 12.0002 18.0216C11.2894 18.0216 10.784 17.6426 10.784 17.2635V11.2453C10.784 10.8031 11.2895 10.5029 12.0002 10.5029C12.6795 10.5029 13.2323 10.8031 13.2323 11.2453V17.2635ZM12.0003 9.04981C11.2737 9.04981 10.7051 8.51277 10.7051 7.91248C10.7051 7.31225 11.2737 6.791 12.0003 6.791C12.7111 6.791 13.2798 7.31225 13.2798 7.91248C13.2798 8.51277 12.711 9.04981 12.0003 9.04981Z" fill="url(#paint0_linear_2012_938)"/>
 </g>
 <defs>
 <linearGradient id="paint0_linear_2012_938" x1="5.08642" y1="-0.262542" x2="25.6213" y2="0.490587" gradientUnits="userSpaceOnUse">
 <stop stop-color="white" stop-opacity="0"/>
 <stop offset="0.415" stop-color="white" stop-opacity="0.32"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 <clipPath id="clip0_2012_938">
 <rect width="24" height="24" fill="white" transform="translate(0 0.5)"/>
 </clipPath>
 </defs>
 </svg>
--- a/assets/img/i-percent.svg
+++ b/assets/img/i-percent.svg
@@ -1,11 +0,0 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_2049_2154)">
 <path d="M22.4042 12.3109C22.3565 12.2142 22.3317 12.1078 22.3317 12C22.3317 11.8922 22.3565 11.7859 22.4042 11.6892L23.2993 9.85802C23.7976 8.83844 23.4028 7.62322 22.4003 7.09133L20.5999 6.13602C20.5045 6.0858 20.4219 6.01433 20.3586 5.92713C20.2952 5.83993 20.2527 5.73933 20.2344 5.6331L19.8823 3.62551C19.6862 2.50773 18.6523 1.75661 17.5288 1.91556L15.5107 2.20103C15.404 2.21645 15.2952 2.20715 15.1927 2.17383C15.0902 2.14052 14.9967 2.08408 14.9195 2.00889L13.4546 0.591773C12.6389 -0.197316 11.3611 -0.197363 10.5455 0.591773L9.08058 2.00903C9.00333 2.08421 8.90984 2.14063 8.80733 2.17394C8.70482 2.20725 8.59603 2.21657 8.48935 2.20117L6.47125 1.9157C5.34743 1.75666 4.31384 2.50787 4.11776 3.62565L3.76564 5.63315C3.74734 5.73938 3.70487 5.83998 3.64152 5.92718C3.57816 6.01439 3.49562 6.08588 3.40025 6.13612L1.59979 7.09142C0.59733 7.62326 0.202457 8.83859 0.700829 9.85816L1.5959 11.6893C1.64355 11.786 1.66833 11.8923 1.66833 12.0001C1.66833 12.1079 1.64355 12.2143 1.5959 12.311L0.700783 14.1421C0.20241 15.1617 0.597283 16.3769 1.59975 16.9088L3.4002 17.8641C3.49558 17.9143 3.57814 17.9858 3.6415 18.073C3.70486 18.1602 3.74734 18.2608 3.76564 18.367L4.11776 20.3746C4.29626 21.3922 5.16879 22.1058 6.17158 22.1057C6.27034 22.1057 6.37056 22.0987 6.4713 22.0845L8.48939 21.799C8.59608 21.7836 8.70488 21.7929 8.8074 21.8262C8.90991 21.8595 9.0034 21.916 9.08062 21.9912L10.5455 23.4083C10.9534 23.8029 11.4766 24.0001 12 24.0001C12.5233 24 13.0468 23.8028 13.4546 23.4083L14.9195 21.9912C15.0775 21.8383 15.293 21.7685 15.5107 21.799L17.5288 22.0845C18.6528 22.2435 19.6862 21.4923 19.8823 20.3745L20.2345 18.367C20.2528 18.2608 20.2952 18.1602 20.3586 18.073C20.4219 17.9858 20.5045 17.9143 20.5999 17.8641L22.4003 16.9088C23.4028 16.3769 23.7976 15.1616 23.2993 14.142L22.4042 12.3109ZM9.23156 5.77106C10.6309 5.77106 11.7693 6.9095 11.7693 8.30881C11.7693 9.70811 10.6309 10.8466 9.23156 10.8466C7.83226 10.8466 6.69381 9.70811 6.69381 8.30881C6.69381 6.9095 7.83226 5.77106 9.23156 5.77106ZM7.92169 17.0571C7.78655 17.1922 7.60941 17.2598 7.43232 17.2598C7.25523 17.2598 7.07804 17.1923 6.94295 17.0571C6.67267 16.7868 6.67267 16.3486 6.94295 16.0783L16.0783 6.94292C16.3485 6.67264 16.7868 6.67264 17.0571 6.94292C17.3274 7.2132 17.3274 7.65144 17.0571 7.92172L7.92169 17.0571ZM14.7684 18.229C13.3691 18.229 12.2307 17.0906 12.2307 15.6913C12.2307 14.292 13.3691 13.1535 14.7684 13.1535C16.1677 13.1535 17.3062 14.292 17.3062 15.6913C17.3062 17.0906 16.1677 18.229 14.7684 18.229Z" fill="#FFCC00"/>
 <path d="M14.7687 14.5378C14.1326 14.5378 13.6152 15.0553 13.6152 15.6913C13.6152 16.3273 14.1326 16.8448 14.7687 16.8448C15.4047 16.8448 15.9222 16.3273 15.9222 15.6913C15.9222 15.0553 15.4047 14.5378 14.7687 14.5378ZM9.23185 7.15527C8.5958 7.15527 8.07835 7.67272 8.07835 8.30877C8.07835 8.94481 8.5958 9.46231 9.23185 9.46231C9.86789 9.46231 10.3854 8.94486 10.3854 8.30877C10.3853 7.67277 9.86789 7.15527 9.23185 7.15527Z" fill="#FFCC00"/>
 </g>
 <defs>
 <clipPath id="clip0_2049_2154">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
 </defs>
 </svg>
--- a/assets/img/i-select.svg
+++ b/assets/img/i-select.svg
@@ -1,3 +0,0 @@
 <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M10.6521 13.769C9.85806 14.9327 8.14194 14.9327 7.34793 13.769L2.13379 6.12724C1.22796 4.79968 2.1787 3 3.78586 3L14.2141 3C15.8213 3 16.772 4.79968 15.8662 6.12724L10.6521 13.769Z" fill="#D8D8D8"/>
 </svg>
--- a/assets/img/i-tel.svg
+++ b/assets/img/i-tel.svg
@@ -1,3 +0,0 @@
 <svg width="27" height="28" viewBox="0 0 27 28" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M24.728 19.28C24.6624 19.228 19.9 15.7952 18.5928 16.0416C17.9688 16.152 17.612 16.5776 16.896 17.4296C16.7808 17.5672 16.504 17.8968 16.2888 18.1312C15.8363 17.9836 15.3949 17.804 14.968 17.5936C12.7644 16.5208 10.984 14.7404 9.9112 12.5368C9.70069 12.1099 9.52103 11.6685 9.3736 11.216C9.6088 11 9.9384 10.7232 10.0792 10.6048C10.9272 9.8928 11.3536 9.536 11.464 8.9104C11.6904 7.6144 8.26 2.8192 8.224 2.776C8.06836 2.55366 7.86524 2.36869 7.62934 2.23448C7.39344 2.10027 7.13065 2.02018 6.86 2C5.4696 2 1.5 7.1496 1.5 8.0168C1.5 8.0672 1.5728 13.1904 7.8904 19.6168C14.3104 25.9272 19.4328 26 19.4832 26C20.3512 26 25.5 22.0304 25.5 20.64C25.48 20.3703 25.4004 20.1084 25.2669 19.8732C25.1334 19.638 24.9493 19.4354 24.728 19.28Z" fill="black"/>
 </svg>
--- a/assets/img/i-volume.svg
+++ b/assets/img/i-volume.svg
@@ -1,12 +0,0 @@
 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_2048_2118)">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M13.9706 0.995728L24.8811 7.29479V19.893L13.9706 26.1922L3.06024 19.893V7.29479L13.9706 0.995728Z" stroke="#00071E" stroke-width="1.25001" stroke-miterlimit="22.9256" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M24.6561 7.42467L13.9706 13.5939M13.9706 13.5939L11.0721 11.9205M13.9706 13.5939V25.8797M6.20006 9.10761L3.30188 7.4343M28.1281 8.9183L29.7515 7.2948L31.375 8.9183M28.1281 18.2696L29.7515 19.893L31.375 18.2696M29.7515 7.61949V19.5684M25.0986 23.5168L27.3162 24.111L26.722 26.3287M17.0001 28.1924L16.4059 30.4101L18.6236 31.0044M27.0351 24.2734L16.6871 30.2478M10.9412 28.1924L11.5354 30.4101L9.31769 31.0044M2.84275 23.5167L0.625 24.111L1.21925 26.3287M11.2542 30.2477L0.906187 24.2734" stroke="#00071E" stroke-width="1.25001" stroke-miterlimit="22.9256" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M8.6358 10.5142H8.63618" stroke="#00071E" stroke-width="1.24999" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/>
 </g>
 <defs>
 <clipPath id="clip0_2048_2118">
 <rect width="32" height="32" fill="white"/>
 </clipPath>
 </defs>
 </svg>
--- a/assets/img/logo.webp
+++ b/assets/img/logo.webp
--- a/assets/img/tg-white.svg
+++ b/assets/img/tg-white.svg
@@ -1,3 +0,0 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M19.7769 4.43003C20.024 4.32602 20.2945 4.29015 20.5602 4.32614C20.8258 4.36214 21.077 4.46869 21.2876 4.63471C21.4981 4.80073 21.6603 5.02014 21.7572 5.27011C21.8542 5.52008 21.8824 5.79147 21.8389 6.05603L19.5709 19.813C19.3509 21.14 17.8949 21.901 16.6779 21.24C15.6599 20.687 14.1479 19.835 12.7879 18.946C12.1079 18.501 10.0249 17.076 10.2809 16.062C10.5009 15.195 14.0009 11.937 16.0009 10C16.7859 9.23903 16.4279 8.80003 15.5009 9.50003C13.1989 11.238 9.50287 13.881 8.28087 14.625C7.20287 15.281 6.64087 15.393 5.96887 15.281C4.74287 15.077 3.60587 14.761 2.67787 14.376C1.42387 13.856 1.48487 12.132 2.67687 11.63L19.7769 4.43003Z" fill="white"/>
 </svg>
--- a/assets/img/tg.svg
+++ b/assets/img/tg.svg
@@ -1,3 +0,0 @@
 <svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M22.2495 4.98377C22.5275 4.86676 22.8318 4.82641 23.1307 4.8669C23.4296 4.9074 23.7121 5.02727 23.949 5.21404C24.1858 5.40081 24.3683 5.64765 24.4774 5.92886C24.5865 6.21008 24.6182 6.51539 24.5692 6.81302L22.0177 22.2896C21.7702 23.7825 20.1322 24.6386 18.7631 23.895C17.6178 23.2729 15.9168 22.3144 14.3868 21.3143C13.6218 20.8136 11.2785 19.2105 11.5665 18.0698C11.814 17.0944 15.7515 13.4291 18.0015 11.25C18.8846 10.3939 18.4818 9.90002 17.439 10.6875C14.8492 12.6428 10.6912 15.6161 9.31647 16.4531C8.10372 17.1911 7.47147 17.3171 6.71547 17.1911C5.33622 16.9616 4.05709 16.6061 3.01309 16.173C1.60234 15.588 1.67097 13.6485 3.01197 13.0838L22.2495 4.98377Z" fill="#26A7E6"/>
 </svg>
--- a/assets/img/wh-white.svg
+++ b/assets/img/wh-white.svg
@@ -1,3 +0,0 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22C10.2328 22.003 8.49659 21.5353 6.97001 20.645L2.00402 22L3.35601 17.032C2.46497 15.5049 1.99692 13.768 2.00002 12C2.00002 6.477 6.47701 2 12 2ZM8.59201 7.3L8.39201 7.308C8.2627 7.31691 8.13636 7.35087 8.02001 7.408C7.91159 7.46951 7.81257 7.54629 7.72601 7.636C7.60601 7.749 7.53801 7.847 7.46501 7.942C7.09513 8.4229 6.89598 9.01331 6.89901 9.61999C6.90101 10.11 7.02901 10.587 7.22901 11.033C7.63801 11.935 8.31101 12.89 9.19901 13.775C9.41301 13.988 9.62301 14.202 9.84901 14.401C10.9524 15.3724 12.2673 16.073 13.689 16.447L14.257 16.534C14.442 16.544 14.627 16.53 14.813 16.521C15.1042 16.5056 15.3885 16.4268 15.646 16.29C15.7769 16.2223 15.9046 16.1489 16.029 16.07C16.029 16.07 16.0713 16.0413 16.154 15.98C16.289 15.88 16.372 15.809 16.484 15.692C16.568 15.6053 16.638 15.5047 16.694 15.39C16.772 15.227 16.85 14.916 16.882 14.657C16.906 14.459 16.899 14.351 16.896 14.284C16.892 14.177 16.803 14.066 16.706 14.019L16.124 13.758C16.124 13.758 15.254 13.379 14.722 13.137C14.6663 13.1127 14.6067 13.0989 14.546 13.096C14.4776 13.0888 14.4084 13.0965 14.3432 13.1184C14.278 13.1403 14.2182 13.176 14.168 13.223C14.163 13.221 14.096 13.278 13.373 14.154C13.3315 14.2098 13.2743 14.2519 13.2088 14.275C13.1433 14.2982 13.0723 14.3013 13.005 14.284C12.9398 14.2666 12.876 14.2446 12.814 14.218C12.69 14.166 12.647 14.146 12.562 14.11C11.9879 13.8599 11.4564 13.5215 10.987 13.107C10.861 12.997 10.744 12.877 10.624 12.761C10.2306 12.3842 9.88776 11.958 9.60401 11.493L9.54501 11.398C9.50327 11.3338 9.46905 11.265 9.44301 11.193C9.40501 11.046 9.50401 10.928 9.50401 10.928C9.50401 10.928 9.74701 10.662 9.86001 10.518C9.97001 10.378 10.063 10.242 10.123 10.145C10.241 9.95499 10.278 9.75999 10.216 9.60899C9.93601 8.92499 9.64668 8.24466 9.34801 7.568C9.28901 7.434 9.11401 7.338 8.95501 7.319C8.90101 7.31233 8.84701 7.307 8.79301 7.303C8.65874 7.29529 8.5241 7.29663 8.39001 7.307L8.59201 7.3Z" fill="white"/>
 </svg>
--- a/assets/img/wh.svg
+++ b/assets/img/wh.svg
@@ -1,3 +0,0 @@
 <svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M13.5 2C19.8515 2 25 7.14855 25 13.5C25 19.8514 19.8515 25 13.5 25C11.4677 25.0035 9.47108 24.4656 7.71551 23.4417L2.00462 25L3.55942 19.2868C2.53472 17.5307 1.99646 15.5332 2.00002 13.5C2.00002 7.14855 7.14857 2 13.5 2ZM9.58081 8.095L9.35081 8.1042C9.20211 8.11444 9.05681 8.1535 8.92301 8.2192C8.79832 8.28993 8.68446 8.37824 8.58491 8.4814C8.44691 8.61135 8.36871 8.72404 8.28476 8.83329C7.8594 9.38633 7.63038 10.0653 7.63386 10.763C7.63616 11.3265 7.78336 11.875 8.01336 12.3879C8.48371 13.4252 9.25766 14.5235 10.2789 15.5412C10.525 15.7862 10.7665 16.0323 11.0264 16.2611C12.2953 17.3783 13.8074 18.1839 15.4424 18.614L16.0956 18.7141C16.3083 18.7256 16.5211 18.7095 16.735 18.6991C17.0698 18.6815 17.3968 18.5908 17.6929 18.4335C17.8434 18.3557 17.9903 18.2713 18.1334 18.1805C18.1334 18.1805 18.182 18.1475 18.2771 18.077C18.4324 17.962 18.5278 17.8803 18.6566 17.7458C18.7532 17.6461 18.8337 17.5304 18.8981 17.3985C18.9878 17.211 19.0775 16.8534 19.1143 16.5555C19.1419 16.3278 19.1339 16.2036 19.1304 16.1266C19.1258 16.0035 19.0235 15.8759 18.9119 15.8218L18.2426 15.5217C18.2426 15.5217 17.2421 15.0858 16.6303 14.8075C16.5663 14.7797 16.4977 14.7637 16.4279 14.7604C16.3492 14.7522 16.2697 14.7609 16.1947 14.7861C16.1197 14.8113 16.051 14.8524 15.9932 14.9064C15.9875 14.9041 15.9104 14.9697 15.079 15.9771C15.0312 16.0412 14.9655 16.0897 14.8901 16.1163C14.8148 16.1429 14.7332 16.1465 14.6558 16.1266C14.5808 16.1066 14.5074 16.0812 14.4361 16.0507C14.2935 15.9909 14.2441 15.9679 14.1463 15.9265C13.4861 15.6389 12.8749 15.2497 12.3351 14.773C12.1902 14.6465 12.0556 14.5085 11.9176 14.3751C11.4652 13.9418 11.0709 13.4517 10.7446 12.9169L10.6768 12.8077C10.6288 12.7339 10.5894 12.6548 10.5595 12.5719C10.5158 12.4029 10.6296 12.2672 10.6296 12.2672C10.6296 12.2672 10.9091 11.9613 11.039 11.7957C11.1655 11.6347 11.2725 11.4783 11.3415 11.3667C11.4772 11.1482 11.5197 10.924 11.4484 10.7503C11.1264 9.96374 10.7937 9.18136 10.4502 8.4032C10.3824 8.2491 10.1811 8.1387 9.99826 8.11685C9.93616 8.10918 9.87406 8.10305 9.81196 8.09845C9.65755 8.08959 9.50272 8.09113 9.34851 8.10305L9.58081 8.095Z" fill="#11AF27"/>
 </svg>
--- a/assets/js/jquery.maskedinput.min.js
+++ b/assets/js/jquery.maskedinput.min.js
@@ -1,8 +0,0 @@
 /**
 * Minified by jsDelivr using UglifyJS v3.4.4.
 * Original file: /npm/jquery.maskedinput@1.4.1/src/jquery.maskedinput.js
 * 
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
 !function(e){"function"==typeof define&&define.amd?define(["jquery"],e):"object"==typeof exports?e(require("jquery")):e(jQuery)}(function(R){var a,e=navigator.userAgent,S=/iphone/i.test(e),i=/chrome/i.test(e),T=/android/i.test(e);R.mask={definitions:{9:"[0-9]",a:"[A-Za-z]","*":"[A-Za-z0-9]"},autoclear:!0,dataName:"rawMaskFn",placeholder:"_"},R.fn.extend({caret:function(e,t){var n;if(0!==this.length&&!this.is(":hidden")&&this.get(0)===document.activeElement)return"number"==typeof e?(t="number"==typeof t?t:e,this.each(function(){this.setSelectionRange?this.setSelectionRange(e,t):this.createTextRange&&((n=this.createTextRange()).collapse(!0),n.moveEnd("character",t),n.moveStart("character",e),n.select())})):(this[0].setSelectionRange?(e=this[0].selectionStart,t=this[0].selectionEnd):document.selection&&document.selection.createRange&&(n=document.selection.createRange(),e=0-n.duplicate().moveStart("character",-1e5),t=e+n.text.length),{begin:e,end:t})},unmask:function(){return this.trigger("unmask")},mask:function(t,v){var n,b,k,y,x,j,A;if(!t&&0<this.length){var e=R(this[0]).data(R.mask.dataName);return e?e():void 0}return v=R.extend({autoclear:R.mask.autoclear,placeholder:R.mask.placeholder,completed:null},v),n=R.mask.definitions,b=[],k=j=t.length,y=null,t=String(t),R.each(t.split(""),function(e,t){"?"==t?(j--,k=e):n[t]?(b.push(new RegExp(n[t])),null===y&&(y=b.length-1),e<k&&(x=b.length-1)):b.push(null)}),this.trigger("unmask").each(function(){var o=R(this),c=R.map(t.split(""),function(e,t){if("?"!=e)return n[e]?f(t):e}),l=c.join(""),r=o.val();function u(){if(v.completed){for(var e=y;e<=x;e++)if(b[e]&&c[e]===f(e))return;v.completed.call(o)}}function f(e){return e<v.placeholder.length?v.placeholder.charAt(e):v.placeholder.charAt(0)}function s(e){for(;++e<j&&!b[e];);return e}function h(e,t){var n,a;if(!(e<0)){for(n=e,a=s(t);n<j;n++)if(b[n]){if(!(a<j&&b[n].test(c[a])))break;c[n]=c[a],c[a]=f(a),a=s(a)}d(),o.caret(Math.max(y,e))}}function g(e){p(),o.val()!=r&&o.change()}function m(e,t){var n;for(n=e;n<t&&n<j;n++)b[n]&&(c[n]=f(n))}function d(){o.val(c.join(""))}function p(e){var t,n,a,i=o.val(),r=-1;for(a=t=0;t<j;t++)if(b[t]){for(c[t]=f(t);a++<i.length;)if(n=i.charAt(a-1),b[t].test(n)){c[t]=n,r=t;break}if(a>i.length){m(t+1,j);break}}else c[t]===i.charAt(a)&&a++,t<k&&(r=t);return e?d():r+1<k?v.autoclear||c.join("")===l?(o.val()&&o.val(""),m(0,j)):d():(d(),o.val(o.val().substring(0,r+1))),k?t:y}o.data(R.mask.dataName,function(){return R.map(c,function(e,t){return b[t]&&e!=f(t)?e:null}).join("")}),o.one("unmask",function(){o.off(".mask").removeData(R.mask.dataName)}).on("focus.mask",function(){var e;o.prop("readonly")||(clearTimeout(a),r=o.val(),e=p(),a=setTimeout(function(){o.get(0)===document.activeElement&&(d(),e==t.replace("?","").length?o.caret(0,e):o.caret(e))},10))}).on("blur.mask",g).on("keydown.mask",function(e){if(!o.prop("readonly")){var t,n,a,i=e.which||e.keyCode;A=o.val(),8===i||46===i||S&&127===i?(n=(t=o.caret()).begin,(a=t.end)-n==0&&(n=46!==i?function(e){for(;0<=--e&&!b[e];);return e}(n):a=s(n-1),a=46===i?s(a):a),m(n,a),h(n,a-1),e.preventDefault()):13===i?g.call(this,e):27===i&&(o.val(r),o.caret(0,p()),e.preventDefault())}}).on("keypress.mask",function(e){if(!o.prop("readonly")){var t,n,a,i=e.which||e.keyCode,r=o.caret();e.ctrlKey||e.altKey||e.metaKey||i<32||!i||13===i||(r.end-r.begin!=0&&(m(r.begin,r.end),h(r.begin,r.end-1)),(t=s(r.begin-1))<j&&(n=String.fromCharCode(i),b[t].test(n))&&(function(e){var t,n,a,i;for(n=f(t=e);t<j;t++)if(b[t]){if(a=s(t),i=c[t],c[t]=n,!(a<j&&b[a].test(i)))break;n=i}}(t),c[t]=n,d(),a=s(t),T?setTimeout(function(){R.proxy(R.fn.caret,o,a)()},0):o.caret(a),r.begin<=x&&u()),e.preventDefault())}}).on("input.mask paste.mask",function(){o.prop("readonly")||setTimeout(function(){var e=p(!0);o.caret(e),u()},0)}),i&&T&&o.off("input.mask").on("input.mask",function(e){var t=o.val(),n=o.caret();if(A&&A.length&&A.length>t.length){for(p(!0);0<n.begin&&!b[n.begin-1];)n.begin--;if(0===n.begin)for(;n.begin<y&&!b[n.begin];)n.begin++;o.caret(n.begin,n.begin)}else{p(!0);var a=t.charAt(n.begin);n.begin<j&&(b[n.begin]||n.begin++,b[n.begin].test(a)&&n.begin++),o.caret(n.begin,n.begin)}u()}),p()})}})});
 //# sourceMappingURL=/sm/0db8177a53b6eab1363e81af339c3641bb98c7faaf29a367c2094d37f014e37e.map
--- a/assets/js/script.js
+++ b/assets/js/script.js
@@ -1,42 +0,0 @@
 window.addEventListener('load', function () {
 	const preloader = document.querySelector('#preloader')
 	preloader.classList.add('hidden')
 	setTimeout(function () {
 		preloader.remove()
 	}, 500)
 })
 jQuery(document).ready(function () {
 	$('input[type="tel"]').mask('+7 (999) 999-9999')
 })
 document.addEventListener('DOMContentLoaded', function () {
 	let modalBg = document.querySelector('#modal__bg')
 	if (modalBg) {
 		let modalBtnAll = document.querySelectorAll('.modal__btn')
 		let modalBtnCloseAll = document.querySelectorAll('.modal__close')
 		for (const modalBtnItem of modalBtnAll) {
 			modalBtnItem.addEventListener('click', function (e) {
 				e.preventDefault()
 				let modalBtnData = this.dataset.modal
 				let modalSection = document.querySelector(
 					'section.modal[data-id=' + modalBtnData + ']'
 				)
 				modalBg.classList.add('opened')
 				modalSection.classList.add('opened')
 			})
 		}
 		modalBg.addEventListener('click', function () {
 			modalBg.classList.remove('opened')
 			document.querySelector('section.modal.opened').classList.remove('opened')
 		})
 		for (const modalBtnCloseItem of modalBtnCloseAll) {
 			modalBtnCloseItem.addEventListener('click', function () {
 				modalBg.classList.remove('opened')
 				document
 					.querySelector('section.modal.opened')
 					.classList.remove('opened')
 			})
 		}
 	}
 })
--- a/css/style.css
+++ b/css/style.css
@@ -0,0 +1,967 @@
 * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
 }
 html,
 body {
  margin: 0;
  padding: 0;
  font-family: "Montserrat", serif !important;
 }
 body.noscroll {
  overflow: hidden;
 }
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 span,
 p {
  margin: 0;
  padding: 0;
 }
 a {
  text-decoration: none !important;
 }
 ul {
  list-style: none;
  margin: 0;
  padding: 0;
 }
 li {
  list-style: none;
 }
 .wrapper {
  overflow: hidden;
  width: 100%;
  background-color: #FFFFFF;
 }
 .container,
 .container-lg,
 .container-md,
 .container-sm,
 .container-xl {
  max-width: 1377px;
  margin: 0 auto;
 }
 input[type=number] {
  -moz-appearance: textfield;
 }
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
  -webkit-appearance: none;
 }
 .breadcrumb_block {
  padding: 24px 0 20px 0;
 }
 .breadcrumb_block .breadcrumb {
  margin: 0 !important;
  display: flex;
  align-items: center;
  gap: 8px;
 }
 .breadcrumb_block .menu_breadcrumb {
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 13px;
  text-align: left;
  color: #767682;
 }
 .breadcrumb_block .active {
  font-size: 13px;
  font-weight: 400;
  line-height: 13px;
  text-align: left;
  color: #000000;
 }
 .about_company {
  margin-bottom: 80px;
 }
 .about_company .about_block {
  padding: 80px 80px 41px 80px;
  border-radius: 10px;
  background-image: url(../img/hero_home.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
 }
 .about_title_block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #FFFFFF;
  margin-bottom: 48px;
  font-size: 72px;
  font-weight: 700;
 }
 .about_block_mini_title {
  font-size: 40px;
  font-weight: 400;
  text-align: left;
  color: #FFFFFF;
 }
 .block_cost {
  display: flex;
  align-items: flex-start;
  gap: 40px;
  margin-bottom: 32px;
 }
 .cost_text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 40px;
  font-weight: 700;
  text-align: center;
  color: #FFFFFF;
 }
 .mini_cost {
  font-size: 20px;
  font-weight: 400;
  text-align: center;
 }
 .main_directions {
  margin-bottom: 88px;
 }
 .directions_block_cards {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
 }
 .directions_item  {
  padding: 64px;
  border-radius: 20px;
  width: 100%;
  height: 272px;
 }
 .directions_item:nth-child(1) {
  background-image: url(../img/img_item.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
 }
 .directions_item:nth-child(2) {
  background-image: url(../img/img_item1.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
 }
 .directions_item_title {
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  color: #1F1F1F;
  margin-bottom: 24px;
 }
 .directions_text_item {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #1F1F1F;
 }
 .slider {
  margin-bottom: 64px;
 }
 .slider .about_block {
  position: relative;
 }
 .title_main {
  font-size: 32px;
  font-weight: 700;
  line-height: 39px;
  text-align: left;
  color: #1F1F1F;
  margin-bottom: 40px;
 }
 .slider .swiper-container {
  width: 100%;
  height: 100%;
 }
 .slider__flex {
  display: flex;
  align-items: flex-start;
  overflow: hidden;
  width: 100%;
  height: 665px;
 }
 .slider__col {
  display: flex;
  flex-direction: column;
  padding-left: 20px;
 }
 .slider .slider__next {
  top: 54px;
  right: 76px;
 }
 .slider .slider__prev {
  bottom: -24px;
  right: 76px;
  rotate: 180deg;
 }
 .slider .slider__prev,
 .slider .slider__next {
  position: absolute;
  z-index: 10;
  cursor: pointer;
  text-align: center;
  font-size: 14px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
 }
 .slider .slider__prev:focus,
 .slider .slider__next:focus {
  outline: none;
 }
 .slider__thumbs {
  height: 665px;
 }
 .slider__thumbs .slider__image {
  width: 216px;
 }
 .slider__thumbs .slider__image img {
  width: 216px;
  height: 126px;
  cursor: pointer;
 }
 .slider__thumbs .slider__image {
  transition: 0.25s;
  opacity: 30%;
 }
 .slider__thumbs .slider__image:hover {
  opacity: 1;
 }
 .slider__thumbs .swiper-slide-thumb-active .slider__image {
  filter: grayscale(0%);
  opacity: 1;
 }
 .slider__images {
  height: 665px;
  width: 1144px;
  overflow: hidden;
 }
 .slider__images .slider__image img {
  transition: 3s;
 }
 /* .slider .slider__images .slider__image:hover img {
  transform: scale(1.1);
 } */
 .slider__image {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
 }
 .slider__images .slider__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 20px;
 }
 .inf_products {
  margin-bottom: 80px;
 }
 .inf_products .about_block {
  position: relative;
 }
 .product_group_items {
  padding: 80px;
  background-color: #00B571;
  border-radius: 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  z-index: 10;
 }
 .inf_products .leaf {
  position: absolute;
  left: -158px;
  top: -41px;
 }
 .inf_products .leaf_second {
  position: absolute;
  right: -203px;
  top: -94px;
 }
 .products_items {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
 }
 .img_inf{
  width: 80px;
  height: 80px;
 }
 .product_title_inf {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  color: #FFFFFF;
 }
 .product_mini_text_inf {
  font-size: 16px;
  font-weight: 400;
  line-height: 25.6px;
  text-align: center;
  color: #FFFFFF;
 }
 .recommended_block {
  margin-bottom: 80px;
 }
 .recomended_items_group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
 }
 .recomended_item {
  padding: 40px;
  background-color: #F3F3F8;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 450px;
 }
 .recommended_title_item {
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  margin: 24px 0 16px 0;
  color: #1F1F1F;
 }
 .recommended_mini_text_r {
  font-size: 16px;
  font-weight: 400;
  line-height: 25.6px;
  text-align: center;
  color: #767682;
  margin-bottom: 16px;
 }
 .recommended_block .connect_block {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
 }
 .recommended_block .connecting {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: center;
  color: #767682;
 }
 .our_team {
  margin-bottom: 80px;
 }
 .our_team .block_slider {
  position: relative;
  overflow: hidden;
  padding-bottom: 44px;
 }
 .our_img_teams {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 24px;
 }
 .our_team .img_group {
  width: 332px;
  height: 450px;
  border-radius: 20px;
 }
 .teams_text_position {
  position: absolute;
  bottom: 16px;
  width: -moz-max-content;
  width: max-content;
  font-size: 16px;
  font-weight: 400;
  line-height: 19.5px;
  text-align: left;
  color: #FFFFFF;
  padding: 12px 25px;
  background-color: #00B571;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
 }
 .teams_white_text {
  color: #00B571;
  background-color: #F5F5F6;
 }
 .teams_info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
 }
 .teams_name {
  font-size: 24px;
  font-weight: 700;
  line-height: 28.8px;
  text-align: center;
  color: #1F1F1F;
 }
 .teams_surname {
  font-size: 24px;
  font-weight: 400;
  line-height: 28.8px;
  text-align: center;
  color: #1F1F1F;
 }
 .our_team .swiper-pagination {
  bottom: 0;
  top: inherit;
  background-color: #F3F3F8;
  border-radius: 4px;
  height: 4px;
  overflow: hidden; 
  border-radius: 4px; 
 }
 .our_team .swiper-pagination-progressbar-fill {
  background-color: #00B571;
  border-radius: 200px;
 }
 .geography_company {
  margin-bottom: 80px;
 }
 .geography_company .cards_geography {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 24px;
 }
 .geography_item {
  padding: 40px;
  background-color: #F3F3F8;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 332px;
  height: 180px;
 }
 .geography_title_item {
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
  text-align: center;
  color: #00B571;
 }
 .geography_mini_text {
  font-size: 16px;
  font-weight: 400;
  line-height: 19.5px;
  text-align: left;
  color: #000000;
 }
 .geography_map_block {
  height: 520px;
 }
 .geography_map_img {
  border-radius: 20px;
 }
 .on_marketplaces {
  margin-bottom: 100px;
 }
 .on_marketplaces .title_block {
  font-size: 32px;
  font-weight: 700;
  line-height: 39px;
  text-align: left;
  color: #1F1F1F;
  margin-bottom: 32px;
 }
 .marketplaces_item {
  padding: 50px 60px;
  background-image: url(../img/bg_item.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 250px;
  position: relative;
  border-radius: 20px;
  max-width: 680px;
  margin: 0 auto;
 }
 .marketplaces_item:last-child{
  background-image: url(../img/bg_item1.png);
 }
 .marketplaces_items_group{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
 }
 .marketplaces_grade {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 20px 0 24px 0;
 }
 .marketplaces_text_grade {
  font-size: 32px;
  font-weight: 700;
  line-height: 32px;
  text-align: left;
  color: #FFFFFF;
 }
 .marketplaces_bottom_text_title {
  display: flex;
  align-items: center;
  gap: 30px;
 }
 .marketplaces_commend_text {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #FFFFFF;
 }
 .go_catalog {
  position: absolute;
  right: 0;
  bottom: 35px;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  text-align: left;
  color: #5F139C;
  padding: 20px 30px;
  background-color: #FFFFFF;
  border-radius: 15px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
 }
 .form_block {
  margin-bottom: 100px;
 }
 .form_block .img_form {
  margin: 0 auto;
  display: block;
 }
 .mob {
  display: none !important;
 }
@media (max-width: 1300px){
  .about_company .about_block{
    padding: 66px 80px 41px 50px;
  }
  .about_title_block{
    font-size: 60px;
    line-height: 48px;
    margin-bottom: 32px;
  }
  .about_block_mini_title{
    font-size: 34px;
  }
  .block_cost {
    gap: 30px;
  }
  .cost_text {
    font-size: 34px;
  }
  .mini_cost{
    font-size: 18px;
  }
  .directions_item{
    padding: 48px;
    padding: 32px;
    height: 213px;
  }
  .slider .slider__flex{
    width: 96%;
    margin: 0 auto;
  }
  .slider .slider__prev, .slider .slider__next{
    right: 96px;
  }
  /* .slider .slider__prev{
  } */
  .recomended_item{
    height: 480px;
  }
  .geography_map_block{
    overflow-x: scroll;
  }
  .marketplaces_item{
    height: 302px;
  }
  .marketplaces_commend_text{
    font-size: 14px;
  }
 }
@media (max-width: 999px) {
  .breadcrumb_block {
    display: none;
  }
  .about_company .about_block {
    padding: 40px;
    background-image: url(../img/hero_home.png);
    border-radius: 0;
    padding: 40px 24px;
  }
  .about_block_mini_title {
    font-size: 24px;
    font-weight: 400;
    line-height: 24px;
  }
  .about_title_block {
    font-size: 34px;
    line-height: 38px;
    font-weight: 700;
    margin-bottom: 24px;
  }
  .block_cost {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 20px;
  }
  .cost_text {
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
  }
  .mini_cost {
    font-size: 16px;
    font-weight: 400;
    line-height: 19.5px;
    text-align: center;
  }
  .about_company {
    margin-bottom: 42px;
  }
  .title_main {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 32px;
  }
  .main_directions {
    margin-bottom: 64px;
    padding: 0 24px;
  }
  .directions_block_cards {
    flex-direction: column;
  }
  .directions_item:nth-child(1) {
    background-image: url(../img/img_item2.png);
  }
  .directions_item:nth-child(2) {
    background-image: url(../img/img_item3.png);
  }
  .directions_item {
    padding: 40px;
    height: auto;
  }
  .directions_item_title {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 16px;
  }
  .directions_text_item {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .directions_text_item br{
    display: none;
  }
  .slider .slider__prev, .slider .slider__next {
    display: none;
  }
  .slider .title_main{
    padding: 0 24px;
  }
  .slider__flex {
    flex-direction: column;
    gap: 16px;
  }
  .slider__col {
    width: 100%;
  }
  .slider__thumbs .slider__image {
    width: 100%;
  }
  .slider__thumbs {
    height: auto;
  }
  .slider__images {
    width: 100%;
    height: 100%;
    padding: 0 24px;
  }
  .slider__thumbs .slider__image{
    border-radius: 0;
  }
  .slider__thumbs .slider__image img {
    width: 100%;
    border-radius: 10px;
    height: auto;
  }
  .slider__flex {
    height: auto;
  }
  .inf_products .leaf_second {
    display: none;
  }
  .inf_products .leaf {
    display: none;
  }
  .product_group_items {
    border-radius: 0;
    padding: 40px 20px;
    flex-direction: column;
    gap: 32px;
  }
  .products_items {
    gap: 16px;
    margin: 0 auto;
  }
  .product_title_inf {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
  }
  .product_mini_text_inf {
    font-size: 16px;
    font-weight: 400;
    line-height: 25.6px;
  }
  .product_mini_text_inf br{
    display: none;
  }
  .img_inf {
    width: 70px;
    height: 80px;
  }
  .inf_products {
    margin-bottom: 64px;
  }
  .recommended_block {
    margin-bottom: 64px;
    padding: 0 24px;
  }
  .recomended_items_group {
    flex-direction: column;
  }
  .recomended_item {
    height: auto;
    padding: 35px 43px;
  }
  .recommended_title_item {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    margin: 20px 0;
  }
  .recommended_mini_text_r {
    font-size: 16px;
    font-weight: 400;
    line-height: 25.6px;
    margin-bottom: 20px;
  }
  .recommended_mini_text_r br{
    display: none;
  }
  .recommended_block .connecting {
    font-size: 14px;
    font-weight: 400;
    line-height: 22.4px;
  }
  .recommended_block .connect_block {
    flex-direction: column;
    gap: 16px;
  }
  .our_team {
    margin-bottom: 64px;
    padding: 0 24px;
  }
  .our_img_teams{
    max-width: 312px;
  }
  .teams_text_position{
    padding: 12px;
    font-size: 12px;
  }
  .our_team .img_group {
    width: 100%;
    height: 420px;
    object-fit: cover;
  }
  .teams_name {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
  }
  .teams_surname {
    font-size: 24px;
    font-weight: 400;
    line-height: 24px;
  }
  .our_team .block_slider {
    padding-bottom: 38px;
  }
  .our_team .swiper-pagination {
    height: 12px;
  }
  .geography_company {
    margin-bottom: 40px;
  }
  .geography_company .about_block {
    padding: 0 24px;
  }
  .geography_company .cards_geography {
    flex-direction: column;
    margin-bottom: 40px;
  }
  .geography_item{
    width: 100%;
  }
  .geography_mini_text{
    line-height: 22px;
  }
  .geography_map_img {
    border-radius: 0;
  }
  .geography_map_block {
    width: 1376px;
  }
  .geography_map_container {
    overflow-x: scroll;
  }
  .on_marketplaces {
    margin-bottom: 75px;
    padding: 0 24px;
  }
  .on_marketplaces .title_block {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 32px;
  }
  .marketplaces_items_group{
    flex-direction: column;
  }
  .marketplaces_item {
    padding: 40px;
    height: 275px;
    max-width: 100%;
  }
  .marketplaces_title_item_img {
    width: 214px;
  }
  .marketplaces_second_img {
    width: 114px;
  }
  .marketplaces_grade {
    margin: 16px 0;
  }
  .marketplaces_text_grade {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
  }
  .marketplaces_img_grade {
    width: 24px;
    height: 24px;
  }
  .marketplaces_bottom_text_title {
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
  }
  .marketplaces_commend_text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .go_catalog {
    bottom: 24px;
  }
  .marketplaces_item:last-child{
    background-image: url(../img/bg_item2.png);
  }
  .form_block .img_form {
    display: none;
  }
  .form_block .mob {
    display: block !important;
  }
  .form_block {
    margin-bottom: 64px;
  }
 }
@media (max-width: 600px){
  .about_company .about_block {
    padding: 40px 40px 387px 40px;
    background-image: url(../img/hero_home1.png);
    border-radius: 0;
    background-position: bottom;
  }
  .about_title_block{
    line-height: 58px;
    font-size: 40px;
  }
 }
@media (max-width: 480px){
  .about_company .about_block{
    padding: 40px 40px 262px 40px;
  }
 }
--- a/img/arrow_slide.svg
+++ b/img/arrow_slide.svg
@@ -0,0 +1,4 @@
 <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
 <circle cx="32" cy="32" r="32" fill="#F3F3F8"/>
 <path d="M24.432 30.0862L30.704 25.7982L37.04 30.0862L37.04 32.2302L30.704 28.1022L24.432 32.2302L24.432 30.0862ZM29.84 27.6222L31.6 27.6222L31.6 39.2382L29.84 39.2382L29.84 27.6222Z" fill="black"/>
 </svg>
--- a/img/bg_item.png
+++ b/img/bg_item.png
--- a/img/bg_item1.png
+++ b/img/bg_item1.png
--- a/img/bg_item2.png
+++ b/img/bg_item2.png
--- a/img/fill_slide.png
+++ b/img/fill_slide.png
--- a/img/hero_home.png
+++ b/img/hero_home.png
--- a/img/hero_home1.png
+++ b/img/hero_home1.png
--- a/img/img_city.svg
+++ b/img/img_city.svg
@@ -0,0 +1,3 @@
 <svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M3.36127 1.86335C3.86793 0.954453 4.12125 0.5 4.50001 0.5C4.87877 0.5 5.13209 0.954449 5.63873 1.86335L5.76981 2.09849C5.91381 2.35677 5.98577 2.48592 6.09805 2.57113C6.21029 2.65634 6.35005 2.68796 6.62965 2.75122L6.88421 2.80882C7.86805 3.03143 8.36001 3.14273 8.47705 3.5191C8.59409 3.89545 8.25873 4.28765 7.58797 5.07197L7.41445 5.27489C7.22385 5.49777 7.12853 5.60921 7.08565 5.74709C7.04281 5.88497 7.05721 6.03365 7.08601 6.33105L7.11225 6.60177C7.21365 7.64825 7.26437 8.17149 6.95797 8.40409C6.65153 8.63669 6.19093 8.42461 5.26973 8.00049L5.03141 7.89073C4.76965 7.77021 4.63877 7.70993 4.50001 7.70993C4.36125 7.70993 4.23037 7.77021 3.96861 7.89073L3.73029 8.00049C2.80908 8.42461 2.34848 8.63669 2.04206 8.40409C1.73565 8.17149 1.78635 7.64825 1.88776 6.60177L1.91399 6.33105C1.94281 6.03365 1.95722 5.88497 1.91435 5.74709C1.87147 5.60921 1.77617 5.49777 1.58557 5.27489L1.41204 5.07197C0.741301 4.28765 0.405929 3.89545 0.522969 3.5191C0.640009 3.14273 1.13195 3.03143 2.11582 2.80882L2.37036 2.75122C2.64994 2.68796 2.78974 2.65634 2.90198 2.57113C3.01422 2.48592 3.08622 2.35678 3.23019 2.09849L3.36127 1.86335Z" fill="white"/>
 </svg>
--- a/img/img_connect.svg
+++ b/img/img_connect.svg
@@ -0,0 +1,10 @@
 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_2184_776)">
 <path d="M1.04428 6.1189L1.06262 6.11026L11.6606 1.11732L11.664 1.1157C11.8826 1.01473 12.1246 0.978269 12.3638 1.01254M1.04428 6.1189L0.69258 7.68795M1.04428 6.1189L1.02671 6.129C0.849324 6.23087 0.710033 6.38309 0.619708 6.56065C0.529509 6.73797 0.489804 6.93676 0.502222 7.13364C0.514641 7.33054 0.579084 7.52329 0.69258 7.68795M1.04428 6.1189L1.10427 7.4042L0.69258 7.68795M12.3638 1.01254L12.2929 1.50748M12.3638 1.01254C12.6027 1.04677 12.8243 1.14944 13.0069 1.30428C13.1892 1.45877 13.3261 1.65927 13.4087 1.88209C13.4913 2.10481 13.5182 2.34558 13.488 2.58108L13.4867 2.59193L12.1268 11.6466L12.1266 11.648C12.0871 11.9065 11.9887 12.1535 11.837 12.3658C11.6852 12.5783 11.4835 12.7506 11.2472 12.8621C11.0105 12.9738 10.7492 13.0195 10.4885 12.9924C10.2279 12.9653 9.98159 12.867 9.77168 12.7112L6.24003 10.086L6.23733 10.084C6.08752 9.97106 5.96615 9.82584 5.87906 9.66142C5.79201 9.49708 5.74043 9.31598 5.72609 9.13109C5.71175 8.9462 5.73479 8.75945 5.79445 8.58365C5.85414 8.40781 5.94979 8.24505 6.07744 8.10861L6.07884 8.10711L7.71439 6.37321L5.25128 8.19813M5.25128 8.19813C5.25108 8.19828 5.25148 8.19798 5.25128 8.19813ZM5.25128 8.19813C4.92266 8.44272 4.54579 8.60858 4.14742 8.68011C3.74881 8.75168 3.34086 8.72694 2.95288 8.6082M2.95288 8.6082C2.95274 8.60815 2.95302 8.60824 2.95288 8.6082ZM2.95288 8.6082L1.19523 8.0732L1.17647 8.06749L1.15821 8.06033C0.966425 7.98509 0.80632 7.85297 0.69258 7.68795" stroke="#767682" stroke-miterlimit="10"/>
 </g>
 <defs>
 <clipPath id="clip0_2184_776">
 <rect width="14" height="14" fill="white"/>
 </clipPath>
 </defs>
 </svg>
--- a/img/img_connect1.svg
+++ b/img/img_connect1.svg
@@ -0,0 +1,12 @@
 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_2184_816)">
 <path d="M9.72015 1.00977H4.27985C2.47383 1.00977 1.00977 2.47383 1.00977 4.27985V9.72015C1.00977 11.5262 2.47383 12.9902 4.27985 12.9902H9.72015C11.5262 12.9902 12.9902 11.5262 12.9902 9.72015V4.27985C12.9902 2.47383 11.5262 1.00977 9.72015 1.00977Z" stroke="#767682" stroke-miterlimit="10"/>
 <path d="M9.82936 7.00001C9.82936 5.4372 8.56245 4.17029 6.99964 4.17029C5.43683 4.17029 4.16992 5.4372 4.16992 7.00001C4.16992 8.56281 5.43683 9.82972 6.99964 9.82972C8.56245 9.82972 9.82936 8.56281 9.82936 7.00001Z" stroke="#767682" stroke-miterlimit="10"/>
 <path d="M10.5 4C10.7761 4 11 3.77614 11 3.5C11 3.22386 10.7761 3 10.5 3C10.2239 3 10 3.22386 10 3.5C10 3.77614 10.2239 4 10.5 4Z" fill="#767682" stroke="#767682" stroke-width="0.5" stroke-miterlimit="10"/>
 </g>
 <defs>
 <clipPath id="clip0_2184_816">
 <rect width="14" height="14" fill="white"/>
 </clipPath>
 </defs>
 </svg>
--- a/img/img_form.png
+++ b/img/img_form.png
--- a/img/img_form1.png
+++ b/img/img_form1.png
--- a/img/img_geoph.svg
+++ b/img/img_geoph.svg
@@ -0,0 +1,11 @@
 <svg width="76" height="40" viewBox="0 0 76 40" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_2207_6)">
 <path d="M46.1743 1.4444C46.0313 0.610261 45.3058 0 44.4557 0H5.25914C4.12953 0 3.21486 0.912212 3.21486 2.03544C3.21486 3.16073 4.12953 4.07191 5.25914 4.07191H14.7982C15.9278 4.07191 16.8425 4.98427 16.8425 6.10853C16.8425 7.23279 15.9278 8.145 14.7982 8.145H2.04428C0.915711 8.145 0 9.05721 0 10.1815C0 11.3057 0.915711 12.2168 2.04428 12.2168H19.4284C20.4259 12.2168 21.2352 13.0241 21.2352 14.0178C21.2352 15.0115 20.4259 15.8177 19.4284 15.8177H10.1925C9.06285 15.8177 8.14818 16.7301 8.14818 17.8543C8.14818 18.9784 9.06285 19.8908 10.1925 19.8908H16.9994C17.9977 19.8908 18.8072 20.697 18.8072 21.6907C18.8072 22.6842 17.9977 23.4906 16.9994 23.4906H7.60222C6.47262 23.4906 5.55794 24.4028 5.55794 25.527C5.55794 26.6513 6.47262 27.5635 7.60222 27.5635H20.5184L21.333 32.1537H26.0117C25.7365 32.8197 25.5796 33.5468 25.5796 34.3123C25.5796 37.4538 28.1354 40 31.2891 40C34.4415 40 36.9974 37.4538 36.9974 34.3123C36.9974 33.5468 36.8405 32.8197 36.5653 32.1537H51.415L46.1743 1.4444ZM33.7461 34.3122C33.7461 35.6646 32.6466 36.7599 31.289 36.7599C29.9305 36.7599 28.8309 35.6646 28.8309 34.3122C28.8309 33.3711 29.3692 32.5637 30.1508 32.1535H32.4262C33.2075 32.5637 33.7461 33.371 33.7461 34.3122Z" fill="#00B571"/>
 <path d="M75.9403 28.587L73.5952 17.0618L65.0319 3.93701H49.4407L54.2699 32.1535H59.9729C59.6989 32.8195 59.5418 33.5466 59.5418 34.3121C59.5418 37.4536 62.0978 39.9998 65.2502 39.9998C68.4039 39.9998 70.9597 37.4536 70.9597 34.3121C70.9597 33.5466 70.8028 32.8195 70.5277 32.1535H73.0127C73.9091 32.1535 74.7582 31.7531 75.3256 31.0613C75.8921 30.3709 76.1187 29.4618 75.9403 28.587ZM58.266 9.18789H62.172L67.2429 16.958H59.5966L58.266 9.18789ZM67.7083 34.3121C67.7083 35.6646 66.6088 36.7598 65.2502 36.7598C63.8937 36.7598 62.7932 35.6646 62.7932 34.3121C62.7932 33.3711 63.3328 32.5637 64.1131 32.1535H66.3885C67.1699 32.5637 67.7083 33.3709 67.7083 34.3121Z" fill="#00B571"/>
 </g>
 <defs>
 <clipPath id="clip0_2207_6">
 <rect width="76" height="40" fill="white"/>
 </clipPath>
 </defs>
 </svg>
--- a/img/img_inf.svg
+++ b/img/img_inf.svg
@@ -0,0 +1,21 @@
 <svg width="71" height="80" viewBox="0 0 71 80" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_2195_1612)">
 <path d="M4.55677 80.0023C4.29155 79.9042 4.02841 79.7935 3.7632 79.71C2.79711 79.3744 1.95448 78.7556 1.34509 77.9342C0.735696 77.1129 0.387789 76.1271 0.34668 75.1052C0.34668 74.9235 0.34668 74.7397 0.34668 74.558C0.34668 53.9253 0.34668 33.2918 0.34668 12.6577C0.34668 9.99503 1.83149 7.98395 4.24978 7.40548C4.75954 7.30187 5.27928 7.25564 5.79932 7.26765C7.72686 7.25095 9.65439 7.26765 11.5819 7.26765H12.4298C12.4617 6.90241 12.5175 6.53966 12.5969 6.18172C12.8516 5.32759 13.6076 4.83057 14.6539 4.82639C17.1787 4.82639 19.7035 4.82639 22.2533 4.82639C23.1993 1.75445 25.177 -0.0853788 28.4473 0.012773C31.4963 0.10466 33.3257 1.92778 34.1944 4.82639C36.5946 4.82639 38.9907 4.82639 41.3825 4.82639C43.2244 4.82639 43.8029 5.33803 44.0242 7.26974H44.8345C46.8143 7.26974 48.8024 7.25721 50.7737 7.26974C53.9814 7.29272 56.0969 9.41447 56.1178 12.6242C56.1178 14.1299 56.1178 15.6335 56.1178 17.1497C57.682 17.1497 59.1835 16.9617 60.6244 17.181C69.0676 18.4653 73.403 28.2283 68.7689 35.4122C68.203 36.2914 67.5598 36.5273 66.9082 36.0971C66.3026 35.6983 66.2567 35.0133 66.7788 34.1738C70.2872 28.5207 67.4282 21.2616 61.0024 19.6369C57.2142 18.6762 53.9773 19.8206 51.3961 22.6629C48.8671 25.4487 48.0547 28.7462 49.4268 32.2985C50.0533 33.919 50.1681 35.385 49.6064 36.9742C49.4733 37.4295 49.3652 37.8917 49.2827 38.3588C50.2287 38.1249 51.0849 37.9411 51.9265 37.6989C52.7825 37.4526 53.6994 37.5307 54.5014 37.9182C57.1912 39.1231 59.8935 39.1294 62.5854 37.891C63.4917 37.4734 64.1203 37.6279 64.4419 38.3317C64.7635 39.0354 64.4419 39.5847 63.5397 40.0232C61.205 41.1405 58.7554 41.3806 56.1136 40.9275V73.6747C56.1136 77.4086 55.3284 78.5906 51.9182 80.0023H4.55677ZM48.8692 72.7621V40.963C46.8832 40.3949 46.4968 39.71 46.9897 37.7469C47.1985 36.9116 47.4491 36.0888 47.5974 35.2409C47.6793 34.8174 47.6461 34.3797 47.5013 33.9733C45.8307 29.9094 46.1669 26.0502 48.5643 22.3621C48.7674 22.0391 48.8812 21.668 48.8942 21.2867C48.9256 19.4385 48.9089 17.5882 48.9089 15.738V14.5225H43.9491C43.9491 14.9214 43.9491 15.2576 43.9491 15.5939C43.9219 17.7073 42.4726 19.1691 40.3592 19.2025C39.6032 19.215 38.8473 19.2171 38.0934 19.2025C37.2998 19.1858 36.7882 18.7284 36.7777 18.0602C36.7673 17.3919 37.2831 16.897 38.0579 16.8677C38.7073 16.8448 39.3589 16.8677 40.0105 16.8677C41.2405 16.8677 41.6018 16.5085 41.6039 15.3015C41.6039 12.8247 41.6039 10.3493 41.6039 7.87536C41.6039 7.65191 41.5725 7.42846 41.5517 7.16115C39.0456 7.16115 36.6002 7.16115 34.1548 7.16115C32.7556 7.16115 32.1688 6.69128 31.8451 5.34639C31.3961 3.48359 29.9656 2.30159 28.1905 2.31203C26.4154 2.32248 24.9911 3.53371 24.5777 5.39441C24.302 6.62862 23.6609 7.15488 22.3849 7.15906C20.1713 7.15906 17.9555 7.15906 15.7419 7.15906H14.8502C14.8502 10.112 14.8376 12.9709 14.8627 15.8298C14.8627 16.4208 15.2804 16.7654 15.863 16.8469C16.1227 16.8698 16.3836 16.8761 16.6441 16.8657C21.8301 16.8657 27.0147 16.8657 32.198 16.8657C33.121 16.8657 33.6348 17.3063 33.6348 18.0456C33.6348 18.7368 33.1482 19.2025 32.3483 19.2025C26.8518 19.2025 21.3533 19.2213 15.8505 19.19C14.0002 19.1795 12.5697 17.6968 12.4945 15.8486C12.4778 15.4143 12.4945 14.9778 12.4945 14.5163H7.52638V46.9126C7.52638 50.6132 7.52638 54.313 7.52638 58.0121C7.52638 58.8997 7.10871 59.3821 6.3945 59.3988C5.68029 59.4155 5.20624 58.908 5.18535 57.9954C5.18535 57.866 5.18535 57.7344 5.18535 57.6049V14.6959C5.18535 14.462 5.18536 14.226 5.1958 13.9921C5.2856 12.902 6.03113 12.1565 7.12959 12.1335C8.61231 12.1022 10.0992 12.1209 11.584 12.1189H12.4465V9.65254C12.1541 9.63792 11.8994 9.61286 11.6467 9.61286C9.69198 9.61286 7.73939 9.61286 5.7847 9.61286C3.71934 9.61286 2.67935 10.6737 2.67935 12.7579V74.4954C2.67935 76.5983 3.7444 77.6571 5.8578 77.6571H50.5649C52.7096 77.6571 53.7622 76.5963 53.7642 74.4286V54.2636C53.7642 49.782 53.7642 45.3004 53.7642 40.821C53.7642 40.3427 53.6744 39.9167 53.1649 39.9313C52.5725 39.9375 51.9879 40.067 51.4483 40.3114C51.2561 40.4033 51.2541 40.9985 51.252 41.3556C51.2436 51.7973 51.2436 62.2445 51.252 72.6973C51.252 74.368 50.5398 75.1386 49.0007 75.1386C35.1398 75.1386 21.2795 75.1386 7.41987 75.1386C5.97683 75.1386 5.19371 74.3596 5.18953 72.9208C5.1784 69.9512 5.1784 66.9809 5.18953 64.0098C5.18953 63.1014 5.63852 62.548 6.35273 62.548C7.06694 62.548 7.52847 63.0743 7.53056 63.9848C7.53056 66.6161 7.53056 69.2474 7.53056 71.8787V72.7579L48.8692 72.7621ZM51.2603 19.428C52.0831 18.9498 52.7869 18.5656 53.4593 18.1333C53.5437 18.068 53.6136 17.9858 53.6643 17.8919C53.715 17.798 53.7455 17.6946 53.7538 17.5882C53.7747 15.8194 53.806 14.0506 53.7538 12.2838C53.7058 10.7113 52.5655 9.64836 50.97 9.61912C49.5917 9.59197 48.2134 9.61912 46.8351 9.61912H44.0138V12.1251C45.649 12.1251 47.2319 12.1251 48.817 12.1251C50.5774 12.1251 51.2603 12.8143 51.2645 14.5852C51.2624 16.164 51.2603 17.7469 51.2603 19.428Z" fill="white"/>
 <path d="M57.6255 30.4106L61.821 26.2068C62.0298 25.9979 62.2178 25.7891 62.4329 25.6074C62.9571 25.1563 63.5982 25.1501 64.0513 25.5782C64.5045 26.0063 64.5546 26.6913 64.0785 27.2489C63.8592 27.5057 63.6065 27.7333 63.3685 27.9714C62.0069 29.333 60.6536 30.6988 59.2858 32.052C58.1977 33.1296 57.093 33.1401 56.0113 32.0792C55.0819 31.1708 54.1652 30.2477 53.2526 29.3226C52.5947 28.6564 52.5363 28.0132 53.0625 27.4807C53.5888 26.9481 54.2591 27.0254 54.9044 27.6644C55.7899 28.5436 56.6607 29.4374 57.6255 30.4106Z" fill="white"/>
 <path d="M26.4132 65.6074C27.0397 66.3822 27.1191 66.9983 26.6221 67.5036C26.125 68.009 25.4777 67.9338 24.6027 67.2134C23.4269 67.8211 22.1739 68.0487 20.8583 67.6707C19.8692 67.4065 18.9933 66.8271 18.3632 66.0203C17.7331 65.2134 17.3832 64.2232 17.3666 63.1996C17.3332 60.6748 17.3269 58.15 17.3666 55.6252C17.3939 54.3879 17.8995 53.2093 18.7771 52.3367C19.6548 51.4642 20.8363 50.9654 22.0737 50.9452C23.3248 50.9176 24.5364 51.3845 25.4454 52.2447C26.3545 53.1048 26.8876 54.2888 26.9291 55.5396C26.9959 58.1145 26.9834 60.6936 26.9291 63.2664C26.904 64.0307 26.6054 64.7846 26.4132 65.6074ZM22.7315 65.4216C21.798 64.0809 21.6978 63.6653 22.2366 63.1578C23.1617 62.287 23.8091 63.1077 24.5337 63.682C24.5651 63.3478 24.6027 63.1202 24.6047 62.8926C24.6047 60.5516 24.6215 58.2085 24.6047 55.8674C24.5901 54.3764 23.5251 53.2862 22.1468 53.2883C20.7685 53.2904 19.7097 54.3972 19.7013 55.8779C19.6874 58.221 19.6874 60.5627 19.7013 62.903C19.7139 64.6551 20.9 65.6575 22.7315 65.4216Z" fill="white"/>
 <path d="M29.5291 59.3549C29.5291 57.9746 29.4351 56.5879 29.55 55.218C29.74 52.9208 31.6028 51.1728 33.9355 50.9619C35.0097 50.8831 36.0793 51.1676 36.9724 51.7698C37.8654 52.372 38.5302 53.2569 38.8598 54.2824C39.0155 54.7782 39.0924 55.2955 39.0874 55.8152C39.077 56.473 38.6697 56.874 37.9973 56.9095C37.3249 56.945 36.9302 56.5649 36.7861 55.928C36.7339 55.7024 36.7589 55.4581 36.7067 55.2326C36.5725 54.655 36.2378 54.1437 35.7621 53.7896C35.2865 53.4356 34.7006 53.2616 34.1088 53.2988C32.812 53.4115 31.8513 54.4286 31.8284 55.8277C31.7929 58.0685 31.8158 60.3093 31.8179 62.5501C31.8148 62.8363 31.8315 63.1224 31.868 63.4063C31.9489 63.9909 32.2407 64.5258 32.6883 64.9104C33.136 65.295 33.7087 65.5028 34.2989 65.4947C34.8905 65.4932 35.462 65.2799 35.9099 64.8933C36.3577 64.5068 36.6523 63.9726 36.7401 63.3875C36.7547 63.2852 36.7401 63.1787 36.761 63.0764C36.8529 62.3016 37.3562 61.8234 38.0245 61.8777C38.6927 61.932 39.1125 62.4707 39.0999 63.256C39.0624 65.5302 37.1118 67.6185 34.8397 67.8148C31.9975 68.0591 29.7129 66.1755 29.5145 63.3311C29.4205 62.0092 29.4978 60.6748 29.4978 59.3466L29.5291 59.3549Z" fill="white"/>
 <path d="M22.0967 29.0908C22.0967 30.0013 22.1134 30.9118 22.0967 31.8223C22.0695 33.0524 21.3261 33.848 20.1149 33.8689C18.2437 33.9023 16.3719 33.9023 14.4993 33.8689C13.2839 33.848 12.5238 33.0565 12.5091 31.8307C12.4882 29.9846 12.4882 28.1385 12.5091 26.2924C12.5217 25.0582 13.2568 24.273 14.4889 24.2479C16.36 24.2062 18.2319 24.2062 20.1044 24.2479C21.3386 24.273 22.0675 25.0499 22.0967 26.2841C22.1134 27.2196 22.0967 28.1552 22.0967 29.0908ZM19.7139 31.4966V26.6266H14.8961V31.4966H19.7139Z" fill="white"/>
 <path d="M22.0946 41.1739C22.0946 42.1345 22.1155 43.0972 22.0946 44.0579C22.0591 45.1772 21.3658 45.952 20.2506 45.9812C18.2771 46.0334 16.2995 46.0355 14.326 45.9812C13.2192 45.9499 12.5279 45.1584 12.5133 44.0307C12.4896 42.1345 12.4896 40.2369 12.5133 38.3379C12.5321 37.1768 13.3319 36.4104 14.5118 36.3979C16.383 36.3784 18.2548 36.3784 20.1274 36.3979C21.2968 36.4125 22.0612 37.1852 22.0946 38.3672C22.1176 39.3069 22.0946 40.2383 22.0946 41.1739ZM19.7139 38.7807H14.9107V43.611H19.7139V38.7807Z" fill="white"/>
 <path d="M28.2469 12.1189H37.3833C37.6174 12.1112 37.8518 12.1181 38.085 12.1397C38.3489 12.1571 38.5971 12.2714 38.7818 12.4607C38.9664 12.65 39.0746 12.9009 39.0853 13.1651C39.1309 13.4267 39.0751 13.6959 38.9292 13.9178C38.7833 14.1397 38.5584 14.2977 38.3001 14.3596C38.0279 14.4325 37.7464 14.4649 37.4648 14.4557C31.3209 14.4557 25.1777 14.4557 19.0352 14.4557C18.776 14.4657 18.5165 14.4439 18.2625 14.391C17.9873 14.3462 17.7406 14.1954 17.5751 13.971C17.4096 13.7466 17.3385 13.4663 17.3771 13.1902C17.423 12.5637 17.7947 12.2003 18.4212 12.1314C18.6553 12.1122 18.8903 12.1066 19.125 12.1147L28.2469 12.1189Z" fill="white"/>
 <path d="M34.2591 38.7326C31.6056 38.7326 28.9506 38.7326 26.2942 38.7326C26.0349 38.7497 25.7744 38.7328 25.5195 38.6825C25.2592 38.6318 25.0262 38.4882 24.8641 38.2784C24.7019 38.0686 24.6216 37.8069 24.6382 37.5423C24.6307 37.2642 24.7278 36.9934 24.9103 36.7834C25.0928 36.5734 25.3474 36.4396 25.6239 36.4083C25.8047 36.386 25.9871 36.3804 26.1689 36.3916H42.4078C42.5394 36.3916 42.6689 36.3916 42.7984 36.3916C43.475 36.448 43.9386 36.9074 43.9511 37.5318C43.9567 37.6822 43.9325 37.8322 43.8799 37.9732C43.8274 38.1142 43.7475 38.2434 43.6448 38.3535C43.5422 38.4635 43.4188 38.5522 43.2818 38.6144C43.1447 38.6766 42.9968 38.7111 42.8464 38.7159C42.2199 38.7598 41.5934 38.7326 40.9669 38.7326H34.2591Z" fill="white"/>
 <path d="M34.2989 26.5785C31.5673 26.5785 28.8337 26.5785 26.1021 26.5785C25.4882 26.5785 24.9556 26.4636 24.7113 25.8163C24.4231 25.0477 24.9306 24.298 25.8202 24.2437C26.5449 24.1999 27.2821 24.2312 28.0046 24.2312H42.0591C42.268 24.2312 42.4768 24.2208 42.6856 24.2312C43.4813 24.2813 43.9637 24.7366 43.9553 25.4216C43.947 26.1065 43.4646 26.5597 42.6564 26.566C40.472 26.5806 38.2855 26.566 36.099 26.566L34.2989 26.5785Z" fill="white"/>
 <path d="M31.9056 41.2345C33.8039 41.2345 35.7022 41.2345 37.6005 41.2345C38.5611 41.2345 39.1124 41.6855 39.0999 42.429C39.0874 43.1724 38.5548 43.5755 37.6381 43.5755C33.7886 43.5755 29.9404 43.5755 26.0937 43.5755C25.179 43.5755 24.6319 43.1432 24.6319 42.4248C24.6319 41.7064 25.1749 41.2365 26.1376 41.2345C28.0672 41.2303 29.9822 41.2345 31.9056 41.2345Z" fill="white"/>
 <path d="M31.8263 31.4339C29.8507 31.4339 27.8751 31.4527 25.9017 31.4339C24.9222 31.4213 24.2999 30.5777 24.7552 29.8342C24.8885 29.641 25.0617 29.4786 25.263 29.3579C25.4644 29.2372 25.6893 29.1611 25.9225 29.1346C29.8737 29.0824 33.8248 29.0949 37.7738 29.1096C38.582 29.1096 39.0728 29.5773 39.0916 30.2519C39.1104 30.9264 38.5946 31.4318 37.753 31.4381C35.7941 31.4464 33.8102 31.436 31.8263 31.4339Z" fill="white"/>
 <path d="M28.2009 7.14653C28.0452 7.14311 27.8918 7.10847 27.7497 7.04465C27.6077 6.98083 27.4799 6.88913 27.3739 6.775C27.268 6.66087 27.186 6.52663 27.1329 6.38024C27.0798 6.23385 27.0567 6.07828 27.0648 5.92277C27.0825 5.62177 27.2149 5.33899 27.4348 5.13269C27.6547 4.92639 27.9453 4.81227 28.2468 4.81386C28.5485 4.82629 28.8344 4.95214 29.0474 5.16625C29.2603 5.38035 29.3846 5.66693 29.3954 5.96871C29.3949 6.12464 29.3635 6.27893 29.303 6.42267C29.2426 6.56642 29.1543 6.69679 29.0433 6.80627C28.9323 6.91575 28.8007 7.00217 28.6561 7.06057C28.5115 7.11897 28.3568 7.14819 28.2009 7.14653Z" fill="white"/>
 </g>
 <defs>
 <clipPath id="clip0_2195_1612">
 <rect width="70.3185" height="80" fill="white" transform="translate(0.340393 0.000244141)"/>
 </clipPath>
 </defs>
 </svg>
--- a/img/img_inf1.svg
+++ b/img/img_inf1.svg
@@ -0,0 +1,18 @@
 <svg width="86" height="80" viewBox="0 0 86 80" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_2195_1626)">
 <path d="M48.6969 45.7142C48.6969 48.0403 48.6969 50.2377 48.6969 52.4376C48.6969 53.7852 48.2207 54.2804 46.8874 54.2851C44.3066 54.2851 41.7242 54.2851 39.1403 54.2851C37.7618 54.2851 37.2952 53.809 37.2928 52.3805C37.2928 50.1877 37.2928 47.995 37.2928 45.7142H30.8265C29.1337 45.7142 28.7385 45.3166 28.7385 43.6119C28.7385 41.1137 28.7385 38.6154 28.7385 36.1172C28.7385 34.7768 29.2147 34.2935 30.5646 34.2887C32.7597 34.2887 34.9548 34.2887 37.2928 34.2887V33.4054C37.2928 31.4127 37.2928 29.4199 37.2928 27.4272C37.2928 26.2368 37.8094 25.7202 38.9593 25.7154C41.6306 25.7027 44.3027 25.7027 46.9755 25.7154C48.1826 25.7154 48.685 26.2392 48.6897 27.4724C48.6897 29.7009 48.6897 31.9293 48.6897 34.2411C49.0183 34.2554 49.3016 34.2815 49.5849 34.2815C51.6038 34.2815 53.6323 34.2815 55.6417 34.2815C56.694 34.2815 57.2321 34.8291 57.2392 35.8838C57.2535 38.6218 57.2535 41.3589 57.2392 44.0953C57.2392 45.1761 56.6773 45.6952 55.5512 45.6999C53.3085 45.7237 51.0586 45.7142 48.6969 45.7142ZM40.1426 28.6128C40.1426 30.946 40.1426 33.2007 40.1426 35.4553C40.1426 36.6147 39.6117 37.1219 38.4451 37.1409C37.1404 37.1409 35.8262 37.1409 34.5287 37.1409H31.6336V42.8548H37.9689C39.7783 42.8548 40.1426 43.2215 40.1426 45.0476V51.3662H45.8566C45.8566 49.0521 45.8566 46.7975 45.8566 44.5405C45.8566 43.3786 46.3851 42.8739 47.5517 42.8572C48.8588 42.8453 50.1706 42.8572 51.4705 42.8572H54.3656V37.1433H48.0279C46.2184 37.1433 45.8542 36.7743 45.8542 34.9482V28.6128H40.1426Z" fill="white"/>
 <path d="M40.9378 79.8717C37.9999 79.8717 35.0596 79.955 32.1288 79.8455C29.8504 79.7574 27.7243 78.9503 25.6815 77.9551C22.5071 76.4124 19.3327 74.8688 16.1583 73.3245C13.5339 72.0443 10.6477 71.3922 7.72786 71.4198C5.79702 71.4341 3.86856 71.4198 1.93773 71.4198C0.880647 71.4198 0.244977 70.877 0.233073 70.0128C0.221169 69.1485 0.861607 68.5462 1.89964 68.5843C5.15897 68.6724 8.44211 68.5843 11.661 68.9842C13.6727 69.2223 15.6655 70.0485 17.5487 70.8889C20.7628 72.2793 23.8721 73.8792 27.0148 75.4267C29.3081 76.5651 31.835 77.1537 34.3953 77.1457C38.9665 77.1314 43.54 77.1457 48.1136 77.1314C48.554 77.1328 48.9908 77.052 49.4016 76.8933C53.1085 75.3815 56.7964 73.8244 60.5104 72.3293C61.2247 72.0483 61.3723 71.665 61.2509 70.9794C61.0128 69.6056 60.2557 68.7985 58.8843 68.5652C57.0987 68.2629 55.4108 68.7676 53.7204 69.2223C52.8061 69.4604 51.9086 69.7866 51.0039 70.0723C49.9039 70.4223 49.1492 70.1532 48.8611 69.3104C48.5731 68.4676 48.9754 67.6819 50.0515 67.3915C52.3943 66.7701 54.7393 66.1082 57.1249 65.7082C58.2106 65.5249 59.451 65.744 60.5247 66.0892C63.1888 66.9487 64.6602 69.9389 63.9102 72.6412C63.7989 73.122 63.5721 73.5684 63.2493 73.9418C62.9265 74.3152 62.5176 74.6042 62.0579 74.7839C58.0106 76.4505 53.9489 78.1385 49.8849 79.7836C49.4682 79.9332 49.0276 80.005 48.5849 79.9955C46.0303 80.0145 43.4757 79.9955 40.9235 79.9955L40.9378 79.8717Z" fill="white"/>
 <path d="M44.9899 0.133581C47.9588 0.133581 50.9277 0.055011 53.8918 0.159767C56.0345 0.238333 58.0725 0.969249 60.0129 1.90729C63.4317 3.55719 66.8363 5.24042 70.2646 6.86413C72.7209 8.01999 75.4068 8.60519 78.1213 8.57593C80.0831 8.57593 82.0433 8.57593 84.0019 8.57593C85.1233 8.57593 85.7756 9.11876 85.7685 10.0044C85.7613 10.8901 85.1066 11.4472 83.9805 11.4162C80.7807 11.3282 77.5523 11.4162 74.3906 11.0234C72.3478 10.771 70.3265 9.94728 68.4171 9.11876C65.134 7.67361 61.9485 6.01181 58.7153 4.45237C56.5171 3.38766 54.1034 2.8427 51.661 2.85961C47.0589 2.85961 42.4544 2.85961 37.8523 2.8739C37.4115 2.87698 36.9753 2.96341 36.5666 3.12864C32.8597 4.63807 29.1718 6.19274 25.4578 7.68551C24.7959 7.95216 24.6221 8.30691 24.7245 8.96639C24.9507 10.4139 25.7435 11.2305 27.2172 11.4543C28.9742 11.721 30.6337 11.2163 32.2931 10.7758C33.2454 10.5187 34.1573 10.183 35.0929 9.89491C36.1143 9.58064 36.8738 9.89491 37.138 10.721C37.4023 11.5472 37.0166 12.3209 35.9881 12.5924C33.5573 13.2328 31.1313 13.9637 28.6552 14.3327C25.753 14.766 23.2817 13.3923 22.4008 10.9996C22.0175 9.95919 21.9723 8.73069 22.0485 7.60457C22.1246 6.47844 22.8532 5.68563 23.9531 5.23804C27.9624 3.6048 31.955 1.93109 35.9643 0.297858C36.4016 0.123648 36.8673 0.0316325 37.338 0.0264418C39.8926 0.00025292 42.4473 0.0145407 44.9995 0.0145407L44.9899 0.133581Z" fill="white"/>
 <path d="M42.8449 10.1592C42.4044 12.0638 42.9044 13.6518 44.2734 14.8446C45.1889 15.6405 46.2165 16.2975 47.3232 16.7945C50.1064 18.0468 52.9562 19.1515 55.756 20.3657C56.2082 20.5576 56.5853 20.892 56.8297 21.318C58.4154 24.5702 61.1152 26.2201 64.5626 26.7939C67.022 27.1915 69.4052 26.8296 71.7384 26.0058C72.1499 25.8449 72.585 25.7524 73.0264 25.732C76.7071 25.7106 80.3879 25.732 84.0686 25.7154C84.8281 25.7154 85.4137 25.9535 85.6875 26.701C86.0447 27.6843 85.3042 28.5676 84.0948 28.5724C80.6807 28.5724 77.2666 28.5723 73.8573 28.589C73.3287 28.5985 72.8046 28.6876 72.3026 28.8533C67.1791 30.5008 62.2652 30.3175 57.8559 26.9486C56.6369 26.0154 55.7703 24.6273 54.7227 23.4655C54.4607 23.1251 54.1307 22.8429 53.7537 22.637C51.1348 21.5037 48.5017 20.4395 45.8971 19.3039C44.021 18.4872 42.3639 17.3444 41.1783 15.6279C39.4213 13.0804 39.5117 10.3901 40.6712 7.65693C41.0331 6.80698 41.7687 6.61889 42.7806 7.03792C46.0105 8.37435 49.2397 9.71713 52.4681 11.0663C54.4918 11.9091 56.5178 12.7495 58.5463 13.5875C59.2367 13.8708 59.7177 14.3018 59.682 15.1112C59.6367 16.1707 58.6201 16.7112 57.5059 16.2517C54.187 14.8875 50.8801 13.5042 47.5684 12.1257L42.8449 10.1592Z" fill="white"/>
 <path d="M43.1424 69.8128C43.59 67.9605 43.1091 66.3653 41.7401 65.1845C40.726 64.3243 39.595 63.6125 38.3808 63.0703C35.7119 61.8561 32.9692 60.8038 30.2717 59.6443C29.8387 59.4785 29.4722 59.1748 29.2289 58.7801C27.3671 54.9256 24.1173 53.328 20.0557 53.0661C18.151 52.94 16.2845 53.3042 14.4608 53.9185C13.8207 54.1367 13.1512 54.2564 12.4752 54.2732C9.00394 54.3065 5.53033 54.2923 2.05673 54.2875C0.88061 54.2875 0.206847 53.7328 0.233036 52.8185C0.259225 51.9043 0.906804 51.4353 2.04721 51.4329C5.43273 51.4329 8.81585 51.4329 12.2014 51.421C12.7011 51.4112 13.1965 51.3253 13.6703 51.1662C18.1201 49.6806 22.4793 49.702 26.6696 52.0138C28.5742 53.0661 30.0551 54.5875 31.2359 56.4255C31.5394 56.8801 31.9642 57.2405 32.4621 57.4659C34.8762 58.5253 37.3261 59.5062 39.7569 60.5371C41.6401 61.3347 43.3281 62.4108 44.5971 64.0631C46.5636 66.6463 46.5636 69.4437 45.3566 72.3221C44.9899 73.1911 44.2542 73.4054 43.2638 72.9959C39.4863 71.4325 35.7103 69.8596 31.9359 68.2771L27.5862 66.463C26.4981 66.0058 26.0791 65.2607 26.441 64.4226C26.8029 63.5846 27.6028 63.387 28.6409 63.8179C33.3215 65.7574 38.0038 67.7018 42.6876 69.6509C42.8162 69.7032 42.9543 69.7461 43.1424 69.8128Z" fill="white"/>
 <path d="M72.9025 40.174C72.8983 46.4888 70.8809 52.6378 67.1434 57.7278C66.7291 58.3015 66.2124 58.7706 65.5173 58.5182C65.0792 58.3587 64.5435 57.892 64.465 57.4849C64.3721 57.0088 64.6268 56.3826 64.9268 55.9588C66.9356 53.1509 68.4035 49.9932 69.2551 46.6475C70.2116 42.8605 70.3343 38.911 69.6146 35.072C69.5837 34.8958 69.5503 34.7196 69.5337 34.5434C69.4337 33.5411 69.867 32.8911 70.7122 32.7626C71.5169 32.6412 72.2026 33.1745 72.3478 34.1506C72.5692 35.6172 72.7382 37.0933 72.893 38.5694C72.9248 39.1037 72.9279 39.6394 72.9025 40.174Z" fill="white"/>
 <path d="M12.9204 39.9407C13.1204 33.4649 14.9893 27.5962 18.7867 22.3584C19.4129 21.4966 20.1105 21.2656 20.8247 21.6632C21.6366 22.1156 21.7913 23.0608 21.1414 23.9583C18.948 26.9493 17.3935 30.3595 16.5743 33.9769C15.7552 37.5943 15.6889 41.3416 16.3797 44.9857C16.3964 45.0714 16.4131 45.1594 16.4273 45.2475C16.6202 46.4594 16.244 47.1903 15.3536 47.3379C14.4013 47.4926 13.7751 46.9379 13.6061 45.6713C13.3466 43.7714 13.1442 41.8549 12.9204 39.9407Z" fill="white"/>
 <path d="M24.7245 17.0564C24.9092 17.0585 25.0917 17.0973 25.2614 17.1705C25.4311 17.2436 25.5846 17.3497 25.713 17.4825C25.8414 17.6153 25.9422 17.7723 26.0095 17.9444C26.0769 18.1164 26.1094 18.3001 26.1053 18.4849C26.0814 18.8988 25.9075 19.2898 25.6161 19.5848C25.3246 19.8797 24.9357 20.0583 24.5221 20.0872C24.3301 20.0878 24.1399 20.0501 23.9627 19.9762C23.7855 19.9023 23.6249 19.7938 23.4903 19.6569C23.3556 19.5201 23.2497 19.3577 23.1787 19.1793C23.1077 19.0009 23.0731 18.8101 23.0769 18.6182C23.1127 17.8349 23.9459 17.0445 24.7245 17.0564Z" fill="white"/>
 <path d="M61.6032 62.9441C61.2307 62.9484 60.871 62.8086 60.599 62.5539C60.3271 62.2993 60.164 61.9495 60.1438 61.5775C60.1505 61.1748 60.3129 60.7904 60.5971 60.505C60.8812 60.2195 61.2649 60.0553 61.6675 60.0467C62.0387 60.0446 62.3967 60.184 62.6687 60.4366C62.9407 60.6891 63.1063 61.0358 63.1317 61.4061C63.1626 62.1489 62.3913 62.9275 61.6032 62.9441Z" fill="white"/>
 </g>
 <defs>
 <clipPath id="clip0_2195_1626">
 <rect width="85.5378" height="80" fill="white" transform="translate(0.230713 0.000244141)"/>
 </clipPath>
 </defs>
 </svg>
--- a/img/img_inf2.svg
+++ b/img/img_inf2.svg
@@ -0,0 +1,18 @@
 <svg width="81" height="80" viewBox="0 0 81 80" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_2195_1637)">
 <path d="M13.4014 41.291H2.42144C0.871613 41.291 0.510498 40.9364 0.510498 39.4123C0.510498 29.0128 0.510498 18.6118 0.510498 8.20938C0.510498 3.30195 3.79287 0.00238037 8.67881 0.00238037H72.2799C77.1916 0.00238037 80.4868 3.28045 80.4868 8.17069C80.4868 31.5005 80.4868 54.8289 80.4868 78.1559C80.4868 79.6262 80.1085 79.9981 78.6167 79.9981H15.2607C13.784 79.9981 13.41 79.6241 13.41 78.1409V41.291H13.4014ZM77.9009 77.3821V76.7673C77.9009 53.8129 77.9009 30.8564 77.9009 7.8977C77.9009 4.82168 75.6761 2.5883 72.6195 2.58615C53.3236 2.58615 34.0271 2.58615 14.7298 2.58615C14.5363 2.58615 14.3429 2.62699 14.0591 2.65708C15.5789 4.45196 15.9937 6.45964 15.9937 8.66294C15.9694 31.2161 15.9644 53.7692 15.9787 76.3223V77.3842L77.9009 77.3821ZM13.4014 38.7094V23.9635C13.4014 18.5896 13.4014 13.2157 13.4014 7.84181C13.4014 5.79328 12.5007 4.20261 10.6994 3.21812C7.2128 1.31146 3.09855 3.82214 3.0921 7.86545C3.07777 17.9125 3.07777 27.9602 3.0921 38.0087V38.6535C3.26622 38.675 3.36725 38.7008 3.46828 38.7008L13.4014 38.7094Z" fill="white"/>
 <path d="M45.6596 49.799V67.8015C45.6596 69.5405 44.9524 70.0091 43.3166 69.3557C41.7238 68.7108 40.1396 68.053 38.5296 67.4598C38.1394 67.3264 37.716 67.3264 37.3258 67.4598C35.6406 68.0853 33.9833 68.7796 32.3131 69.4416C30.9481 69.9812 30.1828 69.4545 30.1807 67.9756C30.1807 62.1718 30.1807 56.368 30.1936 50.5642C30.1936 49.9344 30.0453 49.7173 29.3854 49.6163C25.0239 48.937 22.5713 44.5025 24.263 40.4248C24.5034 39.869 24.6274 39.2699 24.6274 38.6643C24.6274 38.0588 24.5034 37.4596 24.263 36.9038C22.5648 32.7638 24.9874 28.4217 29.4434 27.6865C30.7561 27.4975 31.9431 26.8033 32.7516 25.7519C35.3676 22.4438 40.5158 22.4696 43.1253 25.7928C43.8914 26.8103 45.0289 27.4834 46.2895 27.665C51.1217 28.4174 53.2519 33.1228 51.5107 37.0371C51.2829 37.5292 51.1624 38.064 51.1572 38.6063C51.152 39.1485 51.2623 39.6856 51.4806 40.1819C53.4647 44.696 50.5391 49.2251 45.9842 49.6915C45.8737 49.72 45.7653 49.7559 45.6596 49.799ZM49.6234 34.2878C49.5138 32.1727 48.1402 30.5626 45.9821 30.2252C44.021 29.9495 42.2493 28.9075 41.0553 27.3276C39.5334 25.3801 36.3843 25.3285 34.8517 27.2588C33.5972 28.8936 31.7537 29.9735 29.7142 30.2681C27.0273 30.7088 25.6107 33.3807 26.6447 35.8914C27.0227 36.7692 27.2177 37.715 27.2177 38.6708C27.2177 39.6265 27.0227 40.5723 26.6447 41.4501C25.5699 44.0425 27.1799 46.7294 29.9786 47.1099C31.7609 47.3274 33.3865 48.236 34.5056 49.6399C36.5025 52.0883 39.3593 52.0969 41.3369 49.6528C42.4332 48.2663 44.0227 47.3568 45.7736 47.1142C48.7636 46.6736 50.2726 44.1048 49.1441 41.3104C48.4411 39.6015 48.4411 37.6841 49.1441 35.9752C49.3547 35.4292 49.4665 34.8488 49.6234 34.2878ZM32.8118 51.7916V66.4581C34.2713 65.8755 35.6685 65.3424 37.0464 64.7556C37.3253 64.6291 37.6283 64.5648 37.9345 64.567C38.2407 64.5692 38.5428 64.638 38.8198 64.7685C40.1955 65.3532 41.5948 65.882 43.0307 66.4495V51.7508C40.0988 54.5323 36.4015 55.0934 32.8118 51.7916Z" fill="white"/>
 <path d="M55.9797 15.4856H43.6456C43.404 15.5011 43.1614 15.494 42.9212 15.4641C42.2269 15.3352 41.8077 14.9096 41.8055 14.1959C41.8034 13.4822 42.2355 13.0545 42.919 12.9255C43.1594 12.8975 43.4019 12.891 43.6434 12.9062C51.8662 12.9062 60.0897 12.9062 68.3139 12.9062C68.5554 12.891 68.7978 12.8975 69.0383 12.9255C69.7326 13.0523 70.1517 13.4801 70.1517 14.1938C70.1517 14.9074 69.7218 15.333 69.0404 15.4641C68.8001 15.494 68.5576 15.5011 68.316 15.4856H55.9797Z" fill="white"/>
 <path d="M60.5433 54.1948C57.7746 54.1948 55.0082 54.1948 52.2395 54.1948C51.3668 54.1948 50.8079 53.6381 50.8273 52.8793C50.8466 52.1205 51.3862 51.6605 52.2223 51.6218C52.3019 51.6218 52.3835 51.6218 52.4631 51.6218H68.5074C69.5821 51.6218 70.1862 52.1141 70.1625 52.9417C70.1389 53.7692 69.5563 54.1991 68.5245 54.1991C65.8634 54.1991 63.203 54.1977 60.5433 54.1948Z" fill="white"/>
 <path d="M60.4443 67.0986C57.7832 67.0986 55.1227 67.0986 52.463 67.0986C51.4312 67.0986 50.8466 66.6386 50.8272 65.839C50.8057 65.0071 51.4055 64.5213 52.4824 64.5213C57.8305 64.5213 63.1786 64.5213 68.5267 64.5213C69.5584 64.5213 70.1431 64.9792 70.1625 65.7788C70.1818 66.5784 69.5756 67.0965 68.5052 67.0986C65.8182 67.1015 63.1313 67.1015 60.4443 67.0986Z" fill="white"/>
 <path d="M62.5079 25.8078C64.5221 25.8078 66.5384 25.8078 68.5546 25.8078C69.5735 25.8078 70.1625 26.2872 70.1625 27.0976C70.1625 27.9079 69.5757 28.3873 68.5589 28.3873C64.4748 28.3873 60.3906 28.3873 56.3065 28.3873C55.2876 28.3873 54.7008 27.9058 54.6986 27.0976C54.6965 26.2893 55.2833 25.8078 56.3022 25.8078C58.3679 25.8035 60.4379 25.8078 62.5079 25.8078Z" fill="white"/>
 <path d="M63.0561 41.2911C61.229 41.2911 59.4018 41.2911 57.5726 41.2911C56.5601 41.2911 55.9733 40.7967 55.984 39.9863C55.9948 39.1759 56.5795 38.7159 57.607 38.7137C61.2612 38.7137 64.9154 38.7137 68.5697 38.7137C69.5778 38.7137 70.1711 39.2103 70.1582 40.0164C70.1453 40.8225 69.5606 41.2868 68.5353 41.2911C66.7103 41.2954 64.8853 41.2911 63.0561 41.2911Z" fill="white"/>
 <path d="M30.054 12.904C31.6102 12.904 33.1687 12.904 34.7271 12.904C35.66 12.904 36.2597 13.4221 36.2597 14.1938C36.2597 14.9654 35.66 15.4835 34.7271 15.4835C31.5587 15.4921 28.3895 15.4921 25.2196 15.4835C24.2931 15.4835 23.7149 14.9375 23.7364 14.1551C23.7579 13.3726 24.3189 12.9169 25.2196 12.9105C26.8318 12.8976 28.4482 12.904 30.054 12.904Z" fill="white"/>
 <path d="M37.9063 33.5118C38.9265 33.5092 39.9246 33.8093 40.7743 34.3739C41.6241 34.9386 42.2873 35.7425 42.6802 36.6841C43.0731 37.6256 43.178 38.6626 42.9816 39.6637C42.7852 40.6649 42.2964 41.5854 41.5769 42.3087C40.8575 43.0321 39.9397 43.5259 38.9396 43.7277C37.9395 43.9295 36.902 43.8303 35.9583 43.4425C35.0146 43.0547 34.2071 42.3958 33.6379 41.5491C33.0686 40.7025 32.7632 39.706 32.7602 38.6858C32.756 38.0075 32.886 37.3351 33.1427 36.7072C33.3995 36.0794 33.7779 35.5086 34.2563 35.0276C34.7346 34.5467 35.3034 34.1652 35.9298 33.905C36.5562 33.6449 37.228 33.5112 37.9063 33.5118ZM37.8826 36.0913C37.5462 36.0932 37.2134 36.1616 36.9034 36.2923C36.5934 36.4231 36.3122 36.6138 36.076 36.8534C35.8397 37.093 35.6531 37.3769 35.5268 37.6887C35.4004 38.0006 35.3369 38.3343 35.3397 38.6707C35.3441 39.0095 35.4151 39.344 35.5488 39.6553C35.6825 39.9666 35.8761 40.2485 36.1188 40.4849C36.6088 40.9624 37.2684 41.2257 37.9525 41.2169C38.2912 41.2125 38.6258 41.1414 38.9371 41.0078C39.2483 40.8741 39.5303 40.6804 39.7667 40.4378C40.0031 40.1952 40.1894 39.9084 40.315 39.5937C40.4406 39.2791 40.503 38.9428 40.4986 38.6041C40.4806 37.926 40.1962 37.2822 39.707 36.8123C39.2177 36.3424 38.5631 36.0841 37.8848 36.0934L37.8826 36.0913Z" fill="white"/>
 </g>
 <defs>
 <clipPath id="clip0_2195_1637">
 <rect width="79.9828" height="80" fill="white" transform="translate(0.508301 0.000244141)"/>
 </clipPath>
 </defs>
 </svg>
--- a/img/img_item.png
+++ b/img/img_item.png
--- a/img/img_item1.png
+++ b/img/img_item1.png
--- a/img/img_item2.png
+++ b/img/img_item2.png
--- a/img/img_item3.png
+++ b/img/img_item3.png
--- a/img/img_map.png
+++ b/img/img_map.png
--- a/img/img_people.png
+++ b/img/img_people.png
--- a/img/img_slide.svg
+++ b/img/img_slide.svg
--- a/img/img_slide1.svg
+++ b/img/img_slide1.svg
--- a/img/img_slide2.svg
+++ b/img/img_slide2.svg
--- a/img/img_slide3.svg
+++ b/img/img_slide3.svg
--- a/img/img_slide4.svg
+++ b/img/img_slide4.svg
--- a/img/img_team.png
+++ b/img/img_team.png
--- a/img/img_team1.png
+++ b/img/img_team1.png
--- a/img/img_team2.png
+++ b/img/img_team2.png
--- a/img/img_team3.png
+++ b/img/img_team3.png
--- a/img/leaf.svg
+++ b/img/leaf.svg
--- a/img/leaf1.svg
+++ b/img/leaf1.svg
--- a/img/recommended_img.png
+++ b/img/recommended_img.png
--- a/img/recommended_img1.png
+++ b/img/recommended_img1.png
--- a/img/recommended_img2.png
+++ b/img/recommended_img2.png
--- a/img/star.svg
+++ b/img/star.svg
@@ -0,0 +1,10 @@
 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_2195_1497)">
 <path d="M11.445 5.45342C13.4717 1.81781 14.4849 0 16 0C17.515 0 18.5283 1.81779 20.5549 5.4534L21.0792 6.39398C21.6552 7.4271 21.943 7.94368 22.3921 8.28451C22.8411 8.62534 23.4001 8.75185 24.5185 9.00489L25.5368 9.23526C29.4721 10.1257 31.44 10.5709 31.9081 12.0764C32.3763 13.5818 31.0348 15.1506 28.3518 18.2879L27.6577 19.0995C26.8953 19.9911 26.514 20.4368 26.3425 20.9883C26.1712 21.5399 26.2288 22.1346 26.344 23.3242L26.4489 24.4071C26.8545 28.593 27.0574 30.686 25.8318 31.6164C24.6061 32.5468 22.7637 31.6984 19.0789 30.002L18.1256 29.5629C17.0785 29.0808 16.555 28.8397 16 28.8397C15.4449 28.8397 14.9214 29.0808 13.8744 29.5629L12.9211 30.002C9.23628 31.6984 7.39388 32.5468 6.16824 31.6164C4.94259 30.686 5.1454 28.593 5.55104 24.4071L5.65596 23.3242C5.77124 22.1346 5.82888 21.5399 5.65737 20.9883C5.48588 20.4368 5.10468 19.9911 4.34227 19.0995L3.64816 18.2879C0.965202 15.1506 -0.376284 13.5818 0.091875 12.0764C0.560034 10.5709 2.52778 10.1257 6.46326 9.23526L7.48142 9.00489C8.59975 8.75185 9.15892 8.62534 9.60789 8.28451C10.0569 7.94368 10.3448 7.42711 10.9207 6.39398L11.445 5.45342Z" fill="#FFA800"/>
 </g>
 <defs>
 <clipPath id="clip0_2195_1497">
 <rect width="32" height="32" fill="white"/>
 </clipPath>
 </defs>
 </svg>
--- a/img/title_img.svg
+++ b/img/title_img.svg
@@ -0,0 +1,13 @@
 <svg width="429" height="50" viewBox="0 0 429 50" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M13.0942 49.0867L0 0.863811H8.58937L18.6501 37.9015L29.4324 0.860596L37.4392 0.863811L48.2593 38.0983L58.3653 0.872919L66.9544 0.860596L53.8547 49.0781L43.8987 49.0679L33.4391 13.0558L22.9697 49.0772L13.0942 49.0867Z" fill="white"/>
 <path d="M72.8782 0.888672H81.0544V49.0553H72.8782V0.888672Z" fill="white"/>
 <path d="M98.5351 41.4997H118.44V49.0553H90.528V0.888672H98.5351V41.4997Z" fill="white"/>
 <path d="M143.59 0.944206C150.3 0.944206 155.883 3.2776 160.281 7.88867C164.735 12.4997 166.991 18.2221 166.991 24.9997C166.991 31.7221 164.735 37.4442 160.281 42.1108C155.883 46.7221 150.3 49.0553 143.59 49.0553H124.361V0.888672H143.59V0.944206ZM143.59 41.5553C148.214 41.5553 151.992 39.9997 154.811 36.8887C157.743 33.7776 159.209 29.7776 159.209 25.0553C159.209 20.2221 157.743 16.3331 154.811 13.2221C151.935 10.1108 148.157 8.55528 143.59 8.55528H132.425V41.5553H143.59Z" fill="white"/>
 <path d="M210.128 35.2955C210.128 39.2419 208.719 42.5214 205.843 45.1339C202.967 47.7464 199.583 49.0803 195.411 49.0803H174.491V0.888672H193.888C197.892 0.888672 201.274 2.22278 204.038 4.72403C206.858 7.28082 208.212 10.4492 208.212 14.2289C208.212 18.4533 206.519 21.6772 203.249 24.0674C207.534 26.2908 210.128 30.2928 210.128 35.2955ZM182.554 8.33707V21.0103H193.944C197.497 21.0103 200.204 18.231 200.204 14.6737C200.204 11.1162 197.497 8.33707 193.944 8.33707H182.554ZM195.467 41.6321C199.188 41.6321 202.122 38.686 202.122 34.9063C202.122 31.1265 199.188 28.1806 195.467 28.1806H182.554V41.6876H195.467V41.6321Z" fill="white"/>
 <path d="M225.747 41.5208H247.401V49.0803H217.741V0.888672H247.063V8.44814H225.747V20.9546H245.315V28.4585H225.747V41.5208Z" fill="white"/>
 <path d="M282.475 49.0803L272.099 31.5156H262.625V49.0803H254.619V0.888672H274.185C278.584 0.888672 282.305 2.38939 285.294 5.44653C288.338 8.3926 289.918 12.0612 289.918 16.3967C289.918 22.511 286.027 28.1249 280.219 30.3483L291.327 49.0803H282.475ZM262.625 8.33689V24.4564H274.129C278.414 24.4564 281.798 20.899 281.798 16.3967C281.798 11.9499 278.358 8.33689 274.129 8.33689H262.625Z" fill="white"/>
 <path d="M325.273 49.0801L314.954 31.5064H305.48V49.0801H297.474V0.863525H317.04C321.439 0.863525 325.161 2.36513 328.149 5.42388C331.193 8.37138 332.774 12.0417 332.774 16.3796C332.774 22.4971 328.882 28.1141 323.075 30.3385L334.182 49.0801H325.273ZM305.48 8.31567V24.4435H316.985C321.269 24.4435 324.653 20.8842 324.653 16.3796C324.653 11.9307 321.214 8.31567 316.985 8.31567H305.48Z" fill="white"/>
 <path d="M340.047 0.869141H348.055V49.0804H340.047V0.869141Z" fill="white"/>
 <path d="M365.535 41.5208H387.189V49.0801H357.527V0.888672H386.849V8.44814H365.535V20.9546H385.101V28.4585H365.535V41.5208Z" fill="white"/>
 <path d="M392.771 38.1111L399.707 34.1111C401.68 39.5555 405.684 42.2221 411.829 42.2221C417.919 42.2221 420.908 39.6666 420.908 35.8889C420.908 33.8889 420.063 32.4445 418.484 31.4445C416.904 30.3889 413.973 29.2221 409.801 28C405.119 26.6111 402.808 25.7221 399.537 23.6111C396.38 21.3889 394.8 18.2221 394.8 13.8889C394.8 9.61107 396.323 6.27786 399.424 3.77786C402.47 1.22214 406.192 0 410.533 0C418.372 0 424.404 4 427.563 10.6111L420.795 14.4445C418.765 10 415.326 7.72214 410.533 7.72214C405.852 7.72214 402.863 10.0555 402.863 13.7221C402.863 17.2779 405.232 18.9445 412.732 21.2221C414.593 21.8334 415.946 22.2779 416.791 22.6111C417.694 22.8889 418.877 23.3889 420.4 24C421.981 24.6111 423.221 25.3334 423.954 25.9445C426.548 27.9445 429.309 31.2221 428.971 35.8334C428.971 40.1666 427.393 43.6666 424.179 46.2221C421.021 48.7779 416.849 50 411.661 50C402.188 49.9445 395.307 45.5 392.771 38.1111Z" fill="white"/>
 </svg>
--- a/img/title_img1.svg
+++ b/img/title_img1.svg
@@ -0,0 +1,3 @@
 <svg width="230" height="50" viewBox="0 0 230 50" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M95.7238 37.2022H75.9621L101.191 3.81796C101.741 3.08491 101.588 2.0159 100.855 1.46611C100.58 1.25231 100.214 1.13014 99.8472 1.13014H63.3476C60.1405 1.13014 57.5137 3.75689 57.5137 6.96397C57.5137 10.1711 60.1405 12.7978 63.3476 12.7978H79.7495L54.4288 46.2126C53.8485 46.9456 54.0012 47.9841 54.7342 48.5644C55.0397 48.8088 55.4062 48.931 55.7727 48.9004H95.6933C98.9004 48.7477 101.374 45.9988 101.222 42.7611C101.069 39.7678 98.6866 37.3855 95.7238 37.2022ZM223.244 1.0996C220.037 1.0996 217.41 3.72635 217.41 6.93343V26.5119L185.889 1.49665C185.186 0.916317 184.117 1.00796 183.537 1.74101C183.293 2.04645 183.17 2.41297 183.17 2.81004V43.036C183.17 46.2431 185.797 48.8699 189.004 48.8699C192.211 48.8699 194.838 46.2737 194.838 43.036V23.4575L226.359 48.5034C227.092 49.0837 228.161 48.9615 228.742 48.2285C228.986 47.923 229.108 47.5565 229.108 47.19V6.96397C229.077 3.72634 226.481 1.0996 223.244 1.0996ZM139.829 38.3018C126.481 38.3018 116.524 31.2767 116.524 24.9847C116.524 18.6927 126.512 11.6677 139.829 11.6677C153.146 11.6677 163.134 18.6927 163.134 24.9847C163.164 31.2767 153.207 38.3018 139.829 38.3018ZM139.829 0C120.525 0 104.856 11.179 104.856 24.9847C104.856 38.7905 120.525 49.9695 139.829 49.9695C159.132 49.9695 174.801 38.7905 174.801 24.9847C174.801 11.179 159.163 0 139.829 0ZM25.0153 38.3018C17.6542 38.3018 11.6677 32.3458 11.6677 24.9847C11.6677 17.6237 17.6237 11.6372 24.9847 11.6372C32.3457 11.6372 38.3323 17.5932 38.3323 24.9542V24.9847C38.3323 32.3458 32.3763 38.3018 25.0153 38.3018ZM25.0153 0C11.2095 0 0.0305437 11.179 0 24.9847C0 38.7905 11.179 49.9695 24.9847 50C38.7905 50 49.9694 38.821 50 25.0153V24.9847C50 11.179 38.821 0 25.0153 0Z" fill="white"/>
 </svg>
--- a/index.html
+++ b/index.html
@@ -1,219 +1,399 @@
 <!DOCTYPE html>
-<html lang="ru">
+<html lang="en">
 <head>
-  <meta charset="UTF-8">
+    <meta charset="UTF-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="https://fonts.cdnfonts.com/css/montserrat" rel="stylesheet">
-  <title>Строительный кирпич напрямую от производителя в Томске | Вектор</title>
+    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css"/>
-  <meta name="description" content="SEO Description">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="shortcut icon" href="assets/img/favicon.ico?v=1.0">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
+    <link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Outfit:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet">
-
+    <link rel="stylesheet" href="https://necolas.github.io/normalize.css/latest/normalize.css">
-  <link rel="stylesheet" href="assets/css/gp-style-core.css?v=1.0">
+    <link rel="stylesheet" href="https://webcademy.ru/blog/739/">
-  <link rel="stylesheet" href="assets/css/gp-style-desktop.css?v=1.0">
+    <link rel="stylesheet" href="css/style.css">
-
+    <title>Jetlife</title>
  <link rel="stylesheet" media="screen and (max-width: 992px)" href="assets/css/gp-style-tablet.css?v=1.0">
  <link rel="stylesheet" media="screen and (max-width: 576px)" href="assets/css/gp-style-mobile.css?v=1.0">
  <!-- Yandex.Metrika counter -->
  <script type="text/javascript">
    (function (m, e, t, r, i, k, a) {
      m[i] = m[i] || function () { (m[i].a = m[i].a || []).push(arguments) };
      m[i].l = 1 * new Date();
      for (var j = 0; j < document.scripts.length; j++) { if (document.scripts[j].src === r) { return; } }
      k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode.insertBefore(k, a)
    })
      (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
    ym(98435636, "init", {
      clickmap: true,
      trackLinks: true,
      accurateTrackBounce: true,
      webvisor: true
    });
  </script>
  <noscript>
    <div><img src="https://mc.yandex.ru/watch/98435636" style="position:absolute; left:-9999px;" alt="" /></div>
  </noscript>
  <!-- /Yandex.Metrika counter -->
 </head>
 <body>
-  <div id="preloader" class="preloader">
+    
-    <div class="preloader__icon">
+    <div class="wrapper">
        <section class="breadcrumb_block">
            <div class="container">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="#" class="menu_breadcrumb">Главная</a></li>
                    <span>/</span>
                    <li class="breadcrumb-item active" aria-current="page">О компании</li>
                </ol>
            </div>
        </section>
        <section class="about_company">
            <div class="container">
                <div class="about_block">
                    <h1 class="about_title_block"><span class="about_block_mini_title">О КОМПАНИИ  </span>ДЖЕТ ЛАЙФ</h1>
                    <div class="block_cost">
                        <h3 class="cost_text">10 лет <span class="mini_cost">на рынке здоровья</span></h3>
                        <h3 class="cost_text">300+ <span class="mini_cost">товаров в каталоге</span></h3>
                    </div>
                    <h3 class="cost_text">10 000+ <span class="mini_cost">положительных отзывов</span></h3>
                </div>
            </div>
        </section>
        <section class="main_directions">
            <div class="container">
                <div class="about_block">
                    <h2 class="title_main">Основные направления</h2>
                    <div class="directions_block_cards">
                        <div class="directions_item">
                            <h3 class="directions_item_title">Розничная торговля</h3>
                            <p class="directions_text_item">Производим и продаём более 300 различных <br> БАДов и витаминов. Доставляем товар по <br> России и СНГ. Высочайшее качество и <br>  доступная цена.</p>
                        </div>
                        <div class="directions_item">
                            <h3 class="directions_item_title">Контрактное производство</h3>
                            <p class="directions_text_item">Работаем с селлерами на маркетплейсах <br> и производим товары для здоровья <br> на заказ в промышленных масштабах!</p>
                        </div> 
                    </div>
                </div>
            </div>
        </section>
        <section class="slider">
            <div class="container">
                <div class="about_block">
                    <h2 class="title_main">Производство Джет-Лайф</h2>
                    <div class="slider__flex">
                      <div class="slider__images">
                        <div class="swiper-container"> 
                          <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="slider__image">
                                    <img src="img/img_slide.svg" alt="">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="slider__image">
                                    <img src="img/img_slide1.svg" alt="">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="slider__image">
                                    <img src="img/img_slide2.svg" alt="">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="slider__image">
                                    <img src="img/img_slide3.svg" alt="">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="slider__image">
                                    <img src="img/img_slide4.svg" alt="">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="slider__image">
                                    <img src="img/img_slide.svg" alt="">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="slider__image">
                                    <img src="img/img_slide1.svg" alt="">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="slider__image">
                                    <img src="img/img_slide2.svg" alt="">
                                </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="slider__col">
                        <div class="slider__prev"><img src="img/arrow_slide.svg" alt=""></div> 
                        <div class="slider__thumbs">
                          <div class="swiper-container">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="slider__image">
                                        <img src="img/img_slide.svg" alt="">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="slider__image">
                                        <img src="img/img_slide1.svg" alt="">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="slider__image">
                                        <img src="img/img_slide2.svg" alt="">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="slider__image">
                                        <img src="img/img_slide3.svg" alt="">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="slider__image">
                                        <img src="img/img_slide4.svg" alt="">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="slider__image">
                                        <img src="img/img_slide.svg" alt="">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="slider__image">
                                        <img src="img/img_slide1.svg" alt="">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="slider__image">
                                        <img src="img/img_slide2.svg" alt="">
                                    </div>
                                </div>
                            </div>
                          </div>
                        </div>
                        <div class="slider__next"><img src="img/arrow_slide.svg" alt=""></div>
                      </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="inf_products">
            <div class="container">
                <div class="about_block">
                    <div class="product_group_items">
                        <div class="products_items">
                            <img src="img/img_inf.svg" alt="" class="img_inf">
                            <h3 class="product_title_inf">КОНТРОЛЬ <br> КАЧЕСТВА</h3>
                            <p class="product_mini_text_inf">На всех этапах производства проводится <br>
                                строгий контроль качества.</p>
                        </div>
                        <div class="products_items">
                            <img src="img/img_inf1.svg" alt="" class="img_inf">
                            <h3 class="product_title_inf">БЕЗОПАСНОСТЬ <br> И ЭФФЕКТИВНОСТЬ</h3>
                            <p class="product_mini_text_inf">Созданию каждого продукта предшествуют <br>
                                многолетние научные исследования.</p>
                        </div>
                        <div class="products_items">
                            <img src="img/img_inf2.svg" alt="" class="img_inf">
                            <h3 class="product_title_inf">СЕРТИФИКАТЫ <br> И ЛИЦЕНЗИИ</h3>
                            <p class="product_mini_text_inf">Вся продукция сертифицирована. <br>
                                Высокое качество выпускаемой продукции, <br> гарантировано стандартом системы качества</p>
                        </div>
                    </div>
                    <img src="img/leaf.svg" alt="" class="leaf">
                    <img src="img/leaf1.svg" alt="" class="leaf_second">
                </div>
            </div>
        </section>
        <section class="on_marketplaces">
            <div class="container">
                <div class="about_block">
                    <h2 class="title_block">Мы на маркетплейсах</h2>
                    <div class="marketplaces_items_group">
                        <div class="marketplaces_item">
                            <img src="img/title_img.svg" alt="" class="marketplaces_title_item_img">
                            <div class="marketplaces_grade">
                                <img src="img/star.svg" alt="" class="marketplaces_img_grade">
                                <p class="marketplaces_text_grade">4.9</p>
                            </div>
                            <div class="marketplaces_bottom_text_title">
                                <h4 class="marketplaces_commend_text">> 20 000 отзывов</h4>
                                <h4 class="marketplaces_commend_text">< 100 продаж в сутки</h4>
                            </div>
                            <a href="#" class="go_catalog">Перейти в каталог</a>
                        </div>
                        <div class="marketplaces_item">
                            <img src="img/title_img1.svg" alt="" class="marketplaces_title_item_img marketplaces_second_img">
                            <div class="marketplaces_grade">
                                <img src="img/star.svg" alt="" class="marketplaces_img_grade">
                                <p class="marketplaces_text_grade">4.8</p>
                            </div>
                            <div class="marketplaces_bottom_text_title">
                                <h4 class="marketplaces_commend_text">> 4 500 отзывов </h4>
                                <h4 class="marketplaces_commend_text">< 50 продаж в сутки </h4>
                            </div>
                            <a href="#" class="go_catalog">Перейти в каталог</a>
                        </div> 
                    </div>
                </div>
            </div>
        </section>
        <section class="recommended_block">
            <div class="container">
                <div class="about_block">
                    <h2 class="title_main">Нас рекомендуют</h2>
                    <div class="recomended_items_group">
                        <div class="recomended_item">
                            <img src="img/recommended_img.png" alt="" class="recommended_img">
                            <h3 class="recommended_title_item">Сергей Валерьевич <br> Вожаков</h3>
                            <p class="recommended_mini_text_r">Инфекционист, гепатолог, педиатр, <br> нутрициолог</p>
                            <div class="connect_block">
                                <a href="#" class="connecting"><img src="img/img_connect.svg " alt="">@doctor_vozhakov_school</a>
                            </div>
                        </div>
                        <div class="recomended_item">
                            <img src="img/recommended_img1.png" alt="" class="recommended_img">
                            <h3 class="recommended_title_item">Елена Юрьевна <br> Барсукова</h3>
                            <p class="recommended_mini_text_r">Врач-терапевт, нутрициолог, диетолог, <br> специалист по анемии и витаминам</p>
                            <div class="connect_block">
                                <a href="#" class="connecting"><img src="img/img_connect.svg " alt="">@drbarsukova</a>
                                <a href="#" class="connecting"><img src="img/img_connect1.svg " alt="">@dr.barsukovalena</a>
                            </div>
                        </div>
                        <div class="recomended_item">
                            <img src="img/recommended_img2.png" alt="" class="recommended_img">
                            <h3 class="recommended_title_item">Дамир <br> Джалилов</h3>
                            <p class="recommended_mini_text_r">Остеопат, невролог, мануальный <br> терапевт</p>
                         </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="our_team">
            <div class="container">
                <div class="about_block">
                    <h2 class="title_main">Наша команда</h2>
                    <div class="block_slider">
                        <div class="swiper-container custom-swiper">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="our_img_teams">
                                        <img src="img/img_team.png" class="img_group">
                                        <p class="teams_text_position">Директор компании</p>
                                    </div>
                                    <div class="teams_info">
                                        <p class="teams_name">Тимур</p>
                                        <p class="teams_surname">Иманкулов</p>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="our_img_teams">
                                        <img src="img/img_team1.png" class="img_group">
                                        <p class="teams_text_position teams_white_text">Исполнительный директор</p>
                                    </div>
                                    <div class="teams_info">
                                        <p class="teams_name">Богдан</p>
                                        <p class="teams_surname">Кайбулаев</p>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="our_img_teams">
                                        <img src="img/img_team2.png" class="img_group">
                                        <p class="teams_text_position">Ответственная за производство</p>
                                    </div>
                                    <div class="teams_info">
                                        <p class="teams_name">Виктория</p>
                                        <p class="teams_surname">Долгова</p>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="our_img_teams">
                                        <img src="img/img_team3.png " class="img_group">
                                        <p class="teams_text_position teams_white_text">Директор производства</p>
                                    </div>
                                    <div class="teams_info">
                                        <p class="teams_name">Виктория</p>
                                        <p class="teams_surname">Долгова</p>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="our_img_teams">
                                        <img src="img/img_team.png" class="img_group">
                                        <p class="teams_text_position">Директор компании</p>
                                    </div>
                                    <div class="teams_info">
                                        <p class="teams_name">Тимур</p>
                                        <p class="teams_surname">Иманкулов</p>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="our_img_teams">
                                        <img src="img/img_team1.png" class="img_group">
                                        <p class="teams_text_position teams_white_text">Исполнительный директор</p>
                                    </div>
                                    <div class="teams_info">
                                        <p class="teams_name">Богдан</p>
                                        <p class="teams_surname">Кайбулаев</p>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="our_img_teams">
                                        <img src="img/img_team2.png" class="img_group">
                                        <p class="teams_text_position">Ответственная за производство</p>
                                    </div>
                                    <div class="teams_info">
                                        <p class="teams_name">Виктория</p>
                                        <p class="teams_surname">Долгова</p>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="our_img_teams">
                                        <img src="img/img_team3.png " class="img_group">
                                        <p class="teams_text_position teams_white_text">Директор производства</p>
                                    </div>
                                    <div class="teams_info">
                                        <p class="teams_name">Виктория</p>
                                        <p class="teams_surname">Долгова</p>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-pagination"></div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="geography_company">
            <div class="container">
                <div class="about_block">
                    <h2 class="title_main">География компании</h2>
                    <div class="cards_geography">
                        <div class="geography_item">
                            <span class="geography_title_item">20+</span>
                            <p class="geography_mini_text">Представительств в городах России</p>
                        </div>
                        <div class="geography_item">
                            <img src="img/img_geoph.svg" alt="" class="title_item_img">
                            <p class="geography_mini_text">Доставка в любой регион России</p>
                        </div>
                        <div class="geography_item">
                            <span class="geography_title_item">300+</span>
                            <p class="geography_mini_text">Товаров в каталоге</p>
                        </div>
                        <div class="geography_item">
                            <span class="geography_title_item">10 000+</span>
                            <p class="geography_mini_text">Постоянных клиентов</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container geography_map_container">
                <div class="geography_map_block">
                    <img src="img/img_map.png" alt="" class="geography_map_img">
                </div>
            </div>
        </section>
        <section class="form_block">
            <div class="container">
                <div class="about_block">
                    <img src="img/img_form.png" alt="" class="img_form">
                    <img src="img/img_form1.png" alt="" class="img_form mob">
                </div>
            </div>
        </section>
    </div>
-  </div>
+    
  <header class="header">
    <div class="header__container container flex flex-ac flex-jcsb">
      <div class="header__logo flex flex-ac gap-24">
        <img src="assets/img/logo.webp" width="74" height="62" alt="Продажа строительных материалов в Томске">
        <p>Продажа строительных материалов в&nbsp;Томске</p>
      </div>
      <div class="header__contacts flex flex-ac gap-42">
        <div class="header__socials flex flex-ac gap-10">
          <a href="https://t.me/+79234352557" target="_blank" class="header__socials-link">
            <img src="assets/img/tg.svg" width="27" height="27" alt="Мы в Telegram" title="Мы в Telegram">
          </a>
          <a href="https://wa.me/+79234352557" target="_blank" class="header__socials-link">
            <img src="assets/img/wh.svg" width="27" height="27" alt="Мы в Whatsapp" title="Мы в Whatsapp">
          </a>
        </div>
        <a href="tel:83822995831" class="header__tel" title="Позвоните нам">
          <p>8 (3822) 99 58 31</p>
        </a>
        <button class="btn btn-small modal__btn" data-modal="request">
          <p>Заказать звонок</p>
        </button>
      </div>
    </div>
  </header>
  <main>
    <section class="section hero">
      <div class="section__container container">
        <div class="hero__content">
          <div class="hero__leftside">
            <div class="hero__title">
              <h1><b>Строительный кирпич в&nbsp;Томске</b> напрямую от производителя <span>от 24,88 ₽/шт.</span></h1>
            </div>
            <div class="hero__desc">
              <p>
                <img src="assets/img/i-volume.svg" width="28" height="28" alt="Любой объем">
                Любой объем
              </p>
              <p>
                <img src="assets/img/i-delivery.svg" width="28" height="28" alt="Доставим за 2 дня">
                Доставим за 2 дня
              </p>
            </div>
          </div>
          <div class="hero__rightside">
            <div class="hero__form">
              <div class="hero__price-header">
                <span>
                  <p><b>Только до 30.09</b> розница по&nbsp;оптовым ценам</p>
                </span>
              </div>
              <div class="hero__form-title">
                <p><b>Оставьте заявку</b>, чтобы узнать цену и&nbsp;зафиксировать скидку</p>
              </div>
              <div class="hero__form-action">
                <form class="generalform" id="generalform" action="">
                  <select name="quantity" id="quantity" required>
                    <option value disabled selected>Укажите количество</option>
                    <option value="1">1-5 м3</option>
                    <option value="5">5-10 м3</option>
                    <option value="10">10-50 м3</option>
                    <option value="50">50-100 м3</option>
                    <option value="100">Более 100 м3</option>
                  </select>
                  <input type="tel" id="tel" name="tel" value="" placeholder="+7 (___) ___-____" required>
                  <button class="btn btn-big">Забронировать стоимость</button>
                </form>
              </div>
            </div>
          </div>
        </div>
        <div class="hero__advantages">
          <div class="hero__advantages-item">
            <div class="hero__advantages-icon">
              <img src="assets/img/advantages_icon1.svg" width="40" height="40" alt="Гарантия 50 лет">
            </div>
            <p>Гарантия 50 лет</p>
          </div>
          <div class="hero__advantages-item">
            <div class="hero__advantages-icon">
              <img src="assets/img/advantages_icon2.svg" width="40" height="40" alt="Выгрузка кран/манипулятор">
            </div>
            <p>Выгрузка с помощью крана</p>
          </div>
          <div class="hero__advantages-item">
            <div class="hero__advantages-icon">
              <img src="assets/img/advantages_icon3.svg" width="40" height="40"
                alt="Доставка от 1го дня по Томску и области до вашего объекта">
            </div>
            <p>Соответствует ГОСТ</p>
          </div>
          <div class="hero__advantages-item">
            <div class="hero__advantages-icon">
              <img src="assets/img/advantages_icon4.svg" width="38" height="38"
                alt="Большой ассортимент всегда в наличии">
            </div>
            <p>Большой ассортимент всегда&nbsp;в&nbsp;наличии</p>
          </div>
        </div>
      </div>
    </section>
  </main>
  <footer class="footer">
    <div class="footer__container container">
      <div class="footer__top">
        <div class="footer__logo flex flex-ac gap-24">
          <img src="assets/img/footer-logo.webp" width="74" height="62" alt="Продажа строительных материалов в Томске">
          <p>Продажа строительных материалов в&nbsp;Томске</p>
        </div>
        <div class="footer__address">
          <p>г. Томск ул. Карла Маркса 63</p>
        </div>
        <div class="footer__contacts">
          <a href="tel:+79234352557" class="footer__tel" title="Позвоните нам">+7 (923) 435 25 57</a>
          <div class="footer__socials flex flex-ac gap-10">
            <a href="https://t.me/+79234352557" target="_blank" class="footer__socials-link">
              <img src="assets/img/tg-white.svg" width="27" height="27" alt="Мы в Telegram" title="Мы в Telegram">
            </a>
            <a href="https://wa.me/+79234352557" target="_blank" class="footer__socials-link">
              <img src="assets/img/wh-white.svg" width="27" height="27" alt="Мы в Whatsapp" title="Мы в Whatsapp">
            </a>
          </div>
        </div>
      </div>
      <div class="footer__bottom">
        <p>© VEKTOR.RU Все права защищены</p>
        <a href="#" target="_blank">Политика конфиденциальности</a>
        <a href="#" class="modal__btn" data-modal="bank">Реквизиты компании</a>
      </div>
    </div>
  </footer>
  <section class="modal" data-id="request">
    <div class="modal__close"></div>
    <div class="modal__content">
      <div class="modal__title">
        <p><b>Перезвоним в&nbsp;течении 5 минут</b> и&nbsp;ответим на все&nbsp;вопросы</p>
      </div>
      <div class="modal__form" id="modalform">
        <form action="" id="request">
          <input type="text" id="request_name" name="request_name" value="" placeholder="Введите имя" required="">
          <input type="tel" id="request_tel" name="request_tel" value="" placeholder="+7 (___) ___-____" required="">
          <button class="btn btn-big">Оставить заявку</button>
        </form>
      </div>
    </div>
  </section>
  <section class="modal" data-id="success">
    <div class="modal__close"></div>
    <div class="modal__content">
      <div class="modal__title">
        <p><b>Спасибо за обращение!</p>
      </div>
      <p style="text-align:center;">Наш специалист свяжется с вами в ближайшее рабочее время</p>
    </div>
  </section>
  <section class="modal" data-id="bank">
    <div class="modal__close"></div>
    <div class="modal__content">
      <span>Реквизиты компании:</span>
      <p>ИП Созыкина Лариса Александровна</p>
      <p>701404455332</p>
      <p>г. Томск ул. Карла Маркса 63</p>
    </div>
  </section>
  <div id="modal__bg"></div>
 </body>
 <script defer src="assets/js/jquery.maskedinput.min.js"></script>
 <script defer src="assets/js/script.js"></script>
 <script defer src="send/ajax.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.js"></script>
    <script src="js/main.js"></script>
 </body>
 </html>
--- a/js/main.js
+++ b/js/main.js
@@ -0,0 +1,75 @@
 const sliderThumbs = new Swiper('.slider__thumbs .swiper-container', { 
    direction: 'vertical',
    slidesPerView: 5, 
    spaceBetween: 8, 
    navigation: { 
        nextEl: '.slider__prev', 
        prevEl: '.slider__next'  
    },
    freeMode: true, 
    breakpoints: { 
        0: { 
            direction: 'horizontal', 
 			slidesPerView: 4, 
        },
        999: { 
            direction: 'vertical', 
        }
    }
 });
 const sliderImages = new Swiper('.slider__images .swiper-container', { 
    direction: 'vertical', 
    slidesPerView: 1, 
    spaceBetween: 32, 
    mousewheel: true, 
    navigation: { 
        nextEl: '.slider__prev', 
        prevEl: '.slider__next'  
    },
    grabCursor: true, 
    thumbs: { 
        swiper: sliderThumbs 
    },
    breakpoints: { 
        0: { 
            direction: 'horizontal', 
        },
        999: {
            direction: 'vertical', 
        }
    }
 });
 const swiper = new Swiper('.custom-swiper', {
    slidesPerView: 1, 
    spaceBetween: 16, 
    loop: true,
    pagination: {
        el: '.swiper-pagination',
        type: 'progressbar', 
    },
    breakpoints: {
        480: {
            slidesPerView: 2, 
            spaceBetween: 8, 
        },
        768: {
            slidesPerView: 3, 
            spaceBetween: 12, 
        },
        1024: {
            slidesPerView: 3, 
            spaceBetween: 16, 
        },
        1337: {
            slidesPerView: 4, 
            spaceBetween: 20, 
        }
    },
 });
--- a/send/ajax.js
+++ b/send/ajax.js
@@ -1,29 +0,0 @@
 jQuery(document).ready(function () {
 	jQuery('form').submit(function () {
 		var formID = jQuery(this).attr('id')
 		var formNm = jQuery('#' + formID)
 		formNm.addClass('sending')
 		jQuery.ajax({
 			type: 'POST',
 			url: 'send/send.php',
 			data: formNm.serialize(),
 			dataType: 'json',
 			success: function (data, jqXHR) {
 				if (data.result == 'success') {
 					setTimeout(() => {
 						formNm.removeClass('sending')
 						jQuery('section.modal.opened').removeClass('opened')
 						jQuery('#modal__bg').addClass('opened')
 						jQuery('section.modal[data-id="success"]').addClass('opened')
 					}, 1000)
 				}
 			},
 			error: function (jqXHR, text, error) {
 				console.log('ошибка')
 				console.log(jqXHR)
 				console.log(error)
 			},
 		})
 		return false
 	})
 })
--- a/send/phpmailer/Exception.php
+++ b/send/phpmailer/Exception.php
@@ -1,40 +0,0 @@
 <?php
 /**
 * PHPMailer Exception class.
 * PHP Version 5.5.
 *
 * @see       https://github.com/PHPMailer/PHPMailer/ The PHPMailer GitHub project
 *
 * @author    Marcus Bointon (Synchro/coolbru) <phpmailer@synchromedia.co.uk>
 * @author    Jim Jagielski (jimjag) <jimjag@gmail.com>
 * @author    Andy Prevost (codeworxtech) <codeworxtech@users.sourceforge.net>
 * @author    Brent R. Matzelle (original founder)
 * @copyright 2012 - 2020 Marcus Bointon
 * @copyright 2010 - 2012 Jim Jagielski
 * @copyright 2004 - 2009 Andy Prevost
 * @license   http://www.gnu.org/copyleft/lesser.html GNU Lesser General Public License
 * @note      This program is distributed in the hope that it will be useful - WITHOUT
 * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
 * FITNESS FOR A PARTICULAR PURPOSE.
 */
 namespace PHPMailer\PHPMailer;
 /**
 * PHPMailer exception handler.
 *
 * @author Marcus Bointon <phpmailer@synchromedia.co.uk>
 */
 class Exception extends \Exception
 {
    /**
     * Prettify error message output.
     *
     * @return string
     */
    public function errorMessage()
    {
        return '<strong>' . htmlspecialchars($this->getMessage(), ENT_COMPAT | ENT_HTML401) . "</strong><br />\n";
    }
 }
--- a/send/phpmailer/PHPMailer.php
+++ b/send/phpmailer/PHPMailer.php
--- a/send/phpmailer/SMTP.php
+++ b/send/phpmailer/SMTP.php
--- a/send/send.php
+++ b/send/send.php
@@ -1,73 +0,0 @@
 <?php
 // ini_set('display_errors', 1);
 // error_reporting(E_ALL);
 require 'phpmailer/PHPMailer.php';
 require 'phpmailer/SMTP.php';
 require 'phpmailer/Exception.php';
  if(isset($_SERVER['HTTP_X_REQUESTED_WITH']) && !empty($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') {
          $mail = new PHPMailer\PHPMailer\PHPMailer();
          $mail->SMTPDebug = 0;
          // $mail->isSMTP();
          $mail->SMTPAuth = true;
          $mail->CharSet = 'utf-8';
          $mail->Host = 'mail.hosting.reg.ru';
          $mail->Username = 'admin@dezhub.ru';
          $mail->Password = 'vM7hA0vS0qmL1qQ4';
          $mail->SMTPSecure = 'tls';
          $mail->Port = 587;
          // $mail->setFrom('noreply@vectortomsk.ru', 'Вектор');
          $mail->setFrom('noreply@ledoffsky.agency', 'Вектор');
          $mailAddress = 'kosbelan@yandex.ru';
          $mail->addAddress($mailAddress);
          $message = '';
          foreach($_POST as $key => $value) {
            preg_match("/name/", $key, $match);
            if (strpos($key, 'name') !== false) {
              $key = 'Имя:';
            }
            if (strpos($key, 'tel') !== false) {
              $key = 'Номер телефона:';
            }
            if (strpos($key, 'types') !== false) {
              $key = 'Тип блока:';
            }
            if (strpos($key, 'quantity') !== false) {
              $key = 'Количество:';
            }
            if( empty($value) ) {
              $key = '';
              $value = '';
            }
            $message .= "<tr><td style='background:#f5f5f5;border-radius:10px;'><b>".$key."</b></td><td>".$value."</td></tr>";
          };
          $body = '
            <table cellpadding="10" cellspacing="5" style="border:1px solid #ebebeb;border-radius:10px;">
            <tbody>
              '. $message .'
            </tbody>
            </table>
            <p>Отправлено с сайта: <a href="https://vectortomsk.ru/">Вектор</a></p>
          ';
          $mail->isHTML(true);
          $mail->Subject = 'Заявка с сайта Вектор';
          $mail->Body    = $body;
          if($mail->send()){
            echo json_encode(array('result' => 'success'));
          }
  }
 ?>
Author	SHA1	Message	Date
Андрей Гнитецкий	4812b474c7	jectlife layout	2025-01-28 12:01:35 +03:00
GP	e67ea16299	Update readme and add normilize.css + reset.css	2025-01-26 01:44:04 +03:00
Максим Максимов	d8f89ad9a9	Добавил частую ошибку - формат изображений не зафиксирован	2025-01-10 11:12:00 +00:00
Максим Максимов	043a617c87	Добавил уточнение, что надо качать только ветку master или with-phpmailer	2024-12-24 12:30:53 +00:00