:root {
    --dark-grey: #333;
    --bg: #eaecf0;
    --blue: #718DF1;
    --white: white;
    --black: black;
    --light-grey: #999;
}

h1, h2, h3, h4 {
    margin-top: 0;
    margin-bottom: 0;
}

p {
    margin-bottom: 0;
}

a {
    color: inherit;
    text-decoration: none;
	transition: all .2s;
}

a small {
	font-size: 100%;
}

ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 40px;
}

html {
    overflow: visible;
}

html.menu-open {
    overflow: hidden;
}

body::-webkit-scrollbar {
    width: 6px;
}

body::-webkit-scrollbar-track {
    background: var(--bg);
 }

body::-webkit-scrollbar-thumb {
    background-color: var(--blue);
    border-radius: 24px;
}

.body {
    color: var(--dark-grey);
    font-family: Noto Sans, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;	
}

.header {
    width: 100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-left: 50px;
    padding-right: 50px;
}

.navbar {
    background-color: var(--bg);
    border-radius: 10px;
    justify-content: flex-start;
    align-items: center;
    padding: 20px 30px;
    display: flex;
}

.navbar-menu {
    flex: 1;
}

.navbar-logo-icon {
    width: 141px;
    height: 40px;
}

.navbar-menu-content {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.navbar-menu-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
	margin-left: auto;
}

.navbar-menu-link {
    padding: 0;
}

.navbar-menu-link:hover {
	color: var(--blue);
}

.btn {
    background-color: var(--blue);
    text-align: center;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    padding: 24px;
    font-weight: 600;
    line-height: 100%;
    display: flex;
}

.btn:hover {
	background-color: #6076C5;
}

.btn.black {
    background-color: var(--black);
}

.btn.black:hover {
    background-color: var(--white);
	color: var(--black);
}

.btn.header-btn,
.btn.footer-btn {
    padding-top: 14px;
    padding-bottom: 14px;
}

.navbar-phone {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.navbar-phone-icon {
    background-color: var(--blue);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='21' height='22' viewBox='0 0 21 22' fill='none'%3e%3cpath d='M12.9678 6.73171C13.4206 6.73171 13.8549 6.91159 14.175 7.23177C14.4952 7.55196 14.6751 7.98622 14.6751 8.43903M12.9678 3.31708C14.3262 3.31708 15.629 3.85671 16.5895 4.81726C17.5501 5.77781 18.0897 7.0806 18.0897 8.43903M4.43119 4.17074H7.84583L9.55315 8.43903L7.419 9.71952C8.33323 11.5733 9.83355 13.0736 11.6873 13.9878L12.9678 11.8537L17.2361 13.561V16.9756C17.2361 17.4284 17.0562 17.8627 16.736 18.1829C16.4158 18.5031 15.9816 18.6829 15.5288 18.6829C12.1989 18.4806 9.05815 17.0665 6.69922 14.7076C4.34028 12.3487 2.92624 9.20795 2.72388 5.87805C2.72388 5.42524 2.90375 4.99098 3.22394 4.6708C3.54412 4.35061 3.97839 4.17074 4.43119 4.17074Z' stroke='white' stroke-width='1.70732' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    border-radius: 5px;
    width: 35px;
    height: 35px;
}

.navbar-phone-link {
    font-size: 18px;
    font-weight: 600;
    line-height: 100%;
}

.navbar-phone-link:hover {
	color: var(--blue);
}

.hero {
    padding-top: 20px;
    padding-bottom: 20px;
}

.container {
    width: 100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 50px;
    padding-right: 50px;
}

.hero-content {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 3.5fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.hero-info {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    background-color: #eaecf0;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    flex-flow: column;
    padding: 80px 20px;
    display: flex;
	border: 1px solid #00000033;
}

.hero-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-columns: 1fr;
    grid-auto-rows: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.h1 {
    font-size: 80px;
    font-weight: 400;
    line-height: 100%;
}

.hero-info-text {
    font-size: 18px;
    line-height: 130%;
}

.hero-btns {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
	width: 65%;
}

.hero-item {
	position: relative;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border-radius: 10px;
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 20px;
    display: flex;
}

.hero-item:nth-child(1) {
    background-color: var(--blue);
    color: var(--white);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='273' height='167' viewBox='0 0 273 167' fill='none'%3e%3cpath opacity='0.86' d='M153.672 -41.6624C159.635 -25.493 152.653 -8.11441 140.298 6.16106C127.731 20.6809 108.345 33.6786 85.245 42.1963C62.1454 50.7138 38.9625 53.4127 19.9776 50.5272C1.31219 47.6901 -15.28 39.0039 -21.2422 22.8345C-27.2043 6.66498 -20.2232 -10.7135 -7.8677 -24.989C4.69925 -39.5088 24.0847 -52.5062 47.1843 -61.0238C70.284 -69.5415 93.4676 -72.2407 112.453 -69.3551C131.118 -66.518 147.71 -57.8317 153.672 -41.6624Z' stroke='url(%23paint0_linear_10089_8248)' stroke-width='15.9975'/%3e%3cpath opacity='0.41' d='M342.649 -23.8715C348.885 -6.95801 341.696 11.2939 328.707 26.3906C315.515 41.7226 295.12 55.4514 270.777 64.4275C246.434 73.4036 222.01 76.2013 202.022 73.1035C182.342 70.0532 165.024 60.8377 158.788 43.9242C152.551 27.0106 159.74 8.75887 172.73 -6.33791C185.921 -21.6699 206.315 -35.3983 230.658 -44.3744C255.002 -53.3506 279.427 -56.1486 299.414 -53.0507C319.095 -50.0003 336.412 -40.7849 342.649 -23.8715Z' stroke='url(%23paint1_linear_10089_8248)' stroke-width='15.9975'/%3e%3cpath opacity='0.53' d='M421.514 93.6626C427.868 110.894 420.446 129.472 407.175 144.806C393.686 160.391 372.859 174.36 348.022 183.519C323.186 192.677 298.276 195.572 277.898 192.475C257.849 189.427 240.142 180.115 233.788 162.883C227.435 145.652 234.857 127.074 248.129 111.74C261.618 96.1553 282.444 82.1861 307.281 73.028C332.118 63.8699 357.027 60.9746 377.405 64.0719C397.454 67.1192 415.16 76.4316 421.514 93.6626Z' stroke='url(%23paint2_linear_10089_8248)' stroke-width='16.4802'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_10089_8248' x1='-79.2039' y1='99.4497' x2='152.527' y2='-92.9286' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='white'/%3e%3cstop offset='1' stop-color='white' stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient id='paint1_linear_10089_8248' x1='97.2944' y1='125.337' x2='342.616' y2='-77.4292' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='white'/%3e%3cstop offset='1' stop-color='white' stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient id='paint2_linear_10089_8248' x1='170.994' y1='245.55' x2='420.633' y2='38.3041' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='white'/%3e%3cstop offset='1' stop-color='white' stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.hero-item:nth-child(2) {
    background-color: var(--bg);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='273' height='144' viewBox='0 0 273 144' fill='none'%3e%3cpath d='M183.843 -117C183.843 -117 111.555 -110.37 98.8085 -107.139C17.861 -86.6216 -3.71734 -39.6882 11.5716 7.07803C26.8606 53.8442 59.064 67.0368 139.106 47.2511C219.148 27.4654 255.451 -17.2387 255.451 -29.0999C255.451 -63.7467 199.339 -64.3836 157.498 -21.6146C139.106 -2.81483 49.3441 62.8377 92.5129 101.51C135.682 140.182 232.1 94.8124 259.98 62.4358C287.86 30.0592 272.546 18.0723 262.5 18.5C211.782 20.6594 216.425 86.1266 251.5 123C286.575 159.873 317.801 107.008 360.07 70.1351' stroke='url(%23paint0_linear_10089_9948)' stroke-width='16'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_10089_9948' x1='465' y1='-73.5' x2='312.921' y2='309.047' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23718DF1'/%3e%3cstop offset='0.782164' stop-color='%23718DF1' stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: contain;
}

.hero-item:nth-child(3) {
    background-color: var(--black);
    color: var(--white);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='185' height='167' viewBox='0 0 185 167' fill='none'%3e%3cpath d='M3.309 197.11C27.4701 188.107 112.216 148.782 122.101 89.3786C130.973 36.0624 138.939 -25.9271 194.678 -38.6899C216.969 -43.794 222.916 -2.90674 198.728 24.6655C160.131 68.6619 98.6694 98.8215 82.8918 62.9915C62.9152 17.626 153.303 -57.8876 185.099 -79.6346' stroke='url(%23paint0_linear_10089_8264)' stroke-width='16'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_10089_8264' x1='243.986' y1='-64.3029' x2='94.2508' y2='230.308' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='white'/%3e%3cstop offset='0.79112' stop-color='white' stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: auto;
}

.hero-item-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
}

.hero-item-text {
    opacity: .8;
}

.hero-item-link {
	position: absolute;
	inset: 12px 26px auto auto;
	display: block;
	width: 42px;
	height: 42px;
	background-color: var(--white);
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none'%3e%3cpath d='M1 17C1 19.1012 1.41385 21.1817 2.21793 23.1229C3.022 25.0641 4.20055 26.828 5.68629 28.3137C7.17203 29.7994 8.93586 30.978 10.8771 31.7821C12.8183 32.5861 14.8989 33 17 33C19.1012 33 21.1817 32.5861 23.1229 31.7821C25.0641 30.978 26.828 29.7994 28.3137 28.3137C29.7994 26.828 30.978 25.0641 31.7821 23.1229C32.5861 21.1817 33 19.1012 33 17C33 12.7565 31.3143 8.68687 28.3137 5.68629C25.3131 2.68571 21.2435 1 17 1C12.7565 1 8.68687 2.68571 5.68629 5.68629C2.68571 8.68687 1 12.7565 1 17Z' fill='white'/%3e%3cpath d='M22.3333 11.6667L11.6667 22.3333L22.3333 11.6667Z' fill='white'/%3e%3cpath d='M22.3333 22.3333V11.6667H11.6667' fill='white'/%3e%3cpath d='M22.3333 11.6667L11.6667 22.3333M22.3333 11.6667V22.3333M22.3333 11.6667H11.6667M1 17C1 19.1012 1.41385 21.1817 2.21793 23.1229C3.022 25.0641 4.20055 26.828 5.68629 28.3137C7.17203 29.7994 8.93586 30.978 10.8771 31.7821C12.8183 32.5861 14.8989 33 17 33C19.1012 33 21.1817 32.5861 23.1229 31.7821C25.0641 30.978 26.828 29.7994 28.3137 28.3137C29.7994 26.828 30.978 25.0641 31.7821 23.1229C32.5861 21.1817 33 19.1012 33 17C33 12.7565 31.3143 8.68687 28.3137 5.68629C25.3131 2.68571 21.2435 1 17 1C12.7565 1 8.68687 2.68571 5.68629 5.68629C2.68571 8.68687 1 12.7565 1 17Z' stroke='%23718DF1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-size: 32px;
	background-position: center;
	border-radius: 200px;
	z-index: 1;
	overflow: visible;
}

.hero-item-link::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--white);
	border-radius: 50%;
	opacity: 0.6;
	animation: pulse 1.8s ease-out infinite;
	z-index: -1;
}

@keyframes pulse {
	0% {
    	transform: scale(1);
    	opacity: 0.6;
	}
	70% {
    	transform: scale(1.8);
		opacity: 0;
	}
	100% {
    	transform: scale(1);
    	opacity: 0;
	}
}

.target {
    background-image: url("/wp-content/uploads/2025/05/img3-2-1.webp");
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: auto;
    padding-top: 110px;
    padding-bottom: 60px;
}

.h2 {
    font-size: 48px;
    font-weight: 500;
    line-height: 110%;
}

.target-content {
    margin-top: 50px;
}

.target-list {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    grid-template-rows: 170px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-rows: 170px;
    grid-auto-columns: 1fr;
    display: grid;
}

.target-item {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    justify-content: flex-start;
    align-items: flex-end;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 13px #00000040;
}

.target-item-title {
    color: var(--white);
    font-size: 20px;
    font-weight: 700;
    line-height: 100%;
}

.quiz {    
    padding-top: 60px;
    padding-bottom: 60px;
	background-image: url('/wp-content/uploads/2025/05/img3-2222.webp');
	background-repeat: no-repeat;
	background-size: auto;
	background-position: 85% 50px;
}

.quiz-content {
    grid-column-gap: 10px;
    grid-row-gap: 0px;
    background-color: var(--bg);
    border-radius: 10px;
    grid-template-rows: auto;
    grid-template-columns: 3fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 50px;
    padding: 10px;
    display: grid;
}

.quiz-swiper {
	min-width: 0;
	max-width: 100%;
}

.swiper-slide.quiz-slide {
    background-color: var(--white);
    border-radius: 10px;
    padding: 10px;
}

.swiper-slide.about-slide {
    border: 1px solid #0003;
    border-radius: 10px;
    overflow: hidden;
}

.quiz-slide-img {
    object-fit: cover;
    border-radius: 10px;
    width: 100%;
    height: 100%;
}

.quiz-swiper .quiz-pagination {
	bottom: 30px;
}

.about-pagination .swiper-pagination-bullet,
.quiz-pagination .swiper-pagination-bullet {
	width: 32px;
	border-radius: 6px;
}

.about-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.quiz-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: var(--blue);
}

.about {
    padding-top: 60px;
    padding-bottom: 60px;
}

.about-content {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
    display: grid;
}

.about-info {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    background-color: var(--bg);
    border-radius: 20px;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    display: flex;
	grid-area: span 1 / span 1;
}

.about-swiper {
	grid-area: 2 / 1 / 3 / 2;
	margin: 0;
}

.about-slide-img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    max-height: 500px;	
}

.about-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    grid-auto-rows: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
	grid-area: 1 / 2 / 3 / 3;
}

.about-item {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: var(--bg);
    border-radius: 10px;
    justify-content: flex-start;
    align-items: center;
    padding: 20px;
    display: flex;
}

.about-info-left {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    display: flex;
}

.about-info-right {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    display: flex;
	flex-shrink: 0;
}

.about-info-text {
    font-size: 20px;
    font-weight: 500;
    line-height: 120%;
}

.about-item-icon {
    flex: none;
    width: 36px;
    height: 36px;
}

.about-item-text {
    font-size: 18px;
    font-weight: 500;
    line-height: 120%;
}

.models {
    padding-top: 60px;
    padding-bottom: 60px;
}

.section-head {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.models-content {
    margin-top: 50px;
}

.models-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.models-item {
    background-color: var(--bg);
    border-radius: 20px;
    padding: 10px;
}

.models-item-img {
    width: 100%;
    height: 330px;
    object-fit: contain;
	object-position: center;
}

.models-item-title {
    background-color: var(--white);
    text-transform: uppercase;
    border-radius: 10px;
    font-size: 24px;
    font-weight: 400;
	text-align: center;
    line-height: 100%;
}

.models-item-images {
	position: relative;
    background-color: var(--white);
    overflow: hidden;
}

.models-item-tags {
	position: absolute;
	inset: 15px 15px auto auto;
	display: flex;
	gap: 5px;
	padding: 3px;
	background-color: var(--white);
	border: 1px solid var(--bg);
	border-radius: 100px;
}

.models-item-tag {
	display: inline-block;
	padding: 7px 20px;
	font-size: 20px;
	line-height: 100%;
	background-color: var(--bg);
	border-radius: 100px;
}

.models-item-tag span {
	font-size: 14px;
}

.models-item-info {
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    display: flex;
	flex-grow: 1;
}

.models-item-content {
    background-color: var(--white);
    border-radius: 10px;
    flex-flow: column;
    display: flex;
    overflow: hidden;
	height: 100%;
}

.form {
    padding-top: 80px;
    padding-bottom: 60px;
}

.form.stroi {
	background-image: url('/wp-content/uploads/2025/05/26-1.webp');
	background-size: auto;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.form-contaner {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    background-color: var(--blue);
    background-image: url("/wp-content/uploads/2025/05/frame-17899441225.webp");
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 10px;
    flex-flow: column;
    padding: 20px;
    display: flex;
    position: relative;
}

.form-catalog .form-contaner {
	background-color: var(--blue);
	background-image: none;
}

.form-about .form-contaner  {
	background-image: none;
}

.form-info {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    color: var(--white);
    flex-flow: column;
    display: flex;
}

.form-info .h2 {
	width: 70%;
}

.form-info-text {
    font-size: 20px;
    font-weight: 500;
    line-height: 120%;
}

.form-img {
    object-fit: contain;
    object-position: 100% 100%;
    height: 453px;
    position: absolute;
    inset: auto 50px 0% auto;
}

.form-catalog .form-img {
	right: 0;
	height: 365px;
}

.form-about .form-img {
	right: 0;
	height: 480px;
}

.projects {
    padding-top: 60px;
    padding-bottom: 60px;
}

.projects-content {
	position: relative;
    background-color: var(--bg);
    border-radius: 10px;
    padding: 40px;
}

.projects-swiper {
    margin-top: 50px;
	width: 90%;
}

.projects-slide {
    background-color: var(--white);
    border-radius: 10px;
    flex-flow: column;
    display: flex;
}

.projects-gallery-swiper {
	margin: 0;
}

.projects-button-next,
.projects-button-prev {
	width: 53px;
	height: 53px;
	background-color: var(--white);
	border-radius: 100px;
}

.projects-button-next {
	right: 40px;
}

.projects-button-prev {
	left: 40px;
}

.projects .projects-button-next:after, 
.projects .projects-button-prev:after {
	font-size: 24px;
    font-weight: 900;
	color: var(--dark-grey);
}

.projects-gallery-lb {
    display: block;
}

.projects-gallery-img {
    object-fit: cover;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    max-height: 330px;
}

.projects-slide-info {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    padding: 20px;
    display: flex;
}

.projects-slide-title {
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
}

.projects-slide-text {
    font-size: 18px;
    line-height: 120%;
}

.certificates {
    background-image: url("/wp-content/uploads/2025/05/img3-243.webp");
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: auto;
    padding-top: 60px;
    padding-bottom: 60px;
}

.contacts {
    padding-top: 60px;
    padding-bottom: 20px;
}

.certificates-content {
	position: relative;
    margin-top: 50px;
}

.certificates-swiper {
	width: 90%;
}

.certificates-slide-lb {
    background-color: var(--bg);
    border-radius: 20px;
    padding: 10px;
    display: block;
}

.certificates-slide-img {
    object-fit: cover;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    max-height: 500px;
}

.contacts-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    display: flex;
}

.contacts-map {
    border: 1px solid #0000001a;
    border-radius: 10px;
    height: 500px;
}

.contacts-content {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.contacts-info {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    width: 40%;
    display: flex;
}

.contacts-info-text {
    font-size: 20px;
    line-height: 120%;
}

.contacts-socials-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 60%;
    display: grid;
}

.contacts-socials-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    background-color: var(--bg);
    border-radius: 20px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px;
    display: flex;
}

.contacts-socials-item-icon {
    background-color: var(--blue);    
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    border-radius: 5px;
    flex: none;
    width: 35px;
    height: 35px;
}

.contacts-socials-item-icon.phone {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='21' height='22' viewBox='0 0 21 22' fill='none'%3e%3cpath d='M12.9678 6.73171C13.4206 6.73171 13.8549 6.91159 14.175 7.23177C14.4952 7.55196 14.6751 7.98622 14.6751 8.43903M12.9678 3.31708C14.3262 3.31708 15.629 3.85671 16.5895 4.81726C17.5501 5.77781 18.0897 7.0806 18.0897 8.43903M4.43119 4.17074H7.84583L9.55315 8.43903L7.419 9.71952C8.33323 11.5733 9.83355 13.0736 11.6873 13.9878L12.9678 11.8537L17.2361 13.561V16.9756C17.2361 17.4284 17.0562 17.8627 16.736 18.1829C16.4158 18.5031 15.9816 18.6829 15.5288 18.6829C12.1989 18.4806 9.05815 17.0665 6.69922 14.7076C4.34028 12.3487 2.92624 9.20795 2.72388 5.87805C2.72388 5.42524 2.90375 4.99098 3.22394 4.6708C3.54412 4.35061 3.97839 4.17074 4.43119 4.17074Z' stroke='white' stroke-width='1.70732' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}

.contacts-socials-item-icon.mail {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3e%3cpath d='M12.433 11.92C12.3299 11.9109 12.2261 11.9109 12.123 11.92C11.4859 11.9487 10.9461 12.3985 10.803 13.02C10.5482 13.7296 10.9147 14.5117 11.623 14.77C11.7258 14.7844 11.8302 14.7844 11.933 14.77C12.1596 14.7659 12.3808 14.7002 12.573 14.58C12.9095 14.3768 13.1534 14.0503 13.253 13.67C13.3673 13.2913 13.3315 12.8831 13.153 12.53C13.0073 12.2361 12.7468 12.0154 12.433 11.92Z' fill='white'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.763 3.93002C16.6279 4.30203 16.5569 4.69426 16.553 5.09002C16.5464 6.29155 17.1331 7.41895 18.121 8.10288C19.1089 8.78681 20.3707 8.93916 21.493 8.51002V18.59C21.493 20.7992 19.7021 22.59 17.493 22.59H6.83301C4.62387 22.59 2.83301 20.7992 2.83301 18.59V7.93002C2.83301 5.72088 4.62387 3.93002 6.83301 3.93002H16.763ZM15.533 16.32C16.418 16.048 17.0702 15.2948 17.213 14.38C17.4333 13.1711 17.2725 11.9236 16.753 10.81C16.1405 9.50706 15.0197 8.51284 13.653 8.06002C12.1042 7.5534 10.4062 7.82524 9.093 8.79002C7.63789 9.8654 6.78339 11.5707 6.793 13.38C6.7255 16.3582 9.06585 18.8367 12.043 18.94C12.241 18.9427 12.4318 18.8659 12.5727 18.7268C12.7137 18.5878 12.793 18.398 12.793 18.2C12.7957 18.0011 12.7192 17.8093 12.5804 17.6667C12.4416 17.5242 12.2519 17.4427 12.053 17.44C9.89782 17.348 8.21968 15.5359 8.293 13.38C8.28508 12.0506 8.9085 10.7964 9.973 10C10.8989 9.31488 12.1007 9.12452 13.193 9.49002C14.1744 9.82272 14.9743 10.5466 15.403 11.49C15.7926 12.3117 15.9217 13.2329 15.773 14.13C15.7269 14.4814 15.4811 14.774 15.143 14.88C14.9048 14.9574 14.6444 14.9244 14.433 14.79C14.5592 14.5688 14.6599 14.334 14.733 14.09C15.218 12.5824 14.3901 10.9668 12.883 10.48C12.649 10.4125 12.4065 10.3788 12.163 10.38C10.8604 10.4206 9.73293 11.2975 9.373 12.55C8.89475 14.0601 9.72575 15.6729 11.233 16.16C11.4681 16.2224 11.7098 16.256 11.953 16.26C12.4508 16.2587 12.9387 16.1203 13.363 15.86C13.9623 16.3699 14.7784 16.5429 15.533 16.32Z' fill='white'/%3e%3cpath d='M20.213 2.50002C19.1596 2.49598 18.2079 3.12796 17.8029 4.10041C17.3979 5.07287 17.6197 6.1936 18.3646 6.93848C19.1094 7.68336 20.2302 7.90517 21.2026 7.50017C22.1751 7.09518 22.8071 6.14343 22.803 5.09002C22.803 4.40311 22.5301 3.74433 22.0444 3.25861C21.5587 2.77289 20.8999 2.50002 20.213 2.50002Z' fill='white'/%3e%3c/svg%3e");
}

.contacts-socials-item-icon.address {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3e%3cpath d='M9.16699 11.5002C9.16699 12.2958 9.48306 13.0589 10.0457 13.6215C10.6083 14.1841 11.3713 14.5002 12.167 14.5002C12.9626 14.5002 13.7257 14.1841 14.2883 13.6215C14.8509 13.0589 15.167 12.2958 15.167 11.5002C15.167 10.7045 14.8509 9.94149 14.2883 9.37888C13.7257 8.81627 12.9626 8.5002 12.167 8.5002C11.3713 8.5002 10.6083 8.81627 10.0457 9.37888C9.48306 9.94149 9.16699 10.7045 9.16699 11.5002Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M17.824 17.1572L13.581 21.4002C13.206 21.7748 12.6976 21.9853 12.1675 21.9853C11.6374 21.9853 11.129 21.7748 10.754 21.4002L6.51 17.1572C5.39122 16.0384 4.62933 14.6129 4.32068 13.0611C4.01204 11.5092 4.17049 9.90071 4.776 8.43893C5.38151 6.97714 6.40689 5.72774 7.72248 4.8487C9.03806 3.96967 10.5848 3.50049 12.167 3.50049C13.7492 3.50049 15.2959 3.96967 16.6115 4.8487C17.9271 5.72774 18.9525 6.97714 19.558 8.43893C20.1635 9.90071 20.322 11.5092 20.0133 13.0611C19.7047 14.6129 18.9428 16.0384 17.824 17.1572Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}

.contacts-socials-item-link {
    font-size: 20px;
    font-weight: 600;
    line-height: 100%;
}

a.contacts-socials-item-link:hover {
	color: var(--blue);
}

.footer {
    padding-bottom: 20px;
}

.footer-content {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    background-color: var(--black);
    color: var(--white);
    border-radius: 10px;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px;
    display: flex;
}

.footer-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: space-between;
    align-self: stretch;
    align-items: flex-start;
    display: flex;
}

.footer-logo-icon {
    width: 182px;
    height: 52px;
	filter: brightness(0) invert(1);
}

.footer-item-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 120%;
}

.footer-menu-list {
    grid-column-gap: 20px;
    grid-row-gap: 5px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.footer-menu-link {
    line-height: 110%;
}

.footer-menu-link:hover {
	color: var(--blue);
}

.footer-socials-list {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
}

.footer-socials-link {
    line-height: 110%;
}

a.footer-socials-link:hover {
	color: var(--blue);
}

.footer-item-text {
    font-size: 14px;
	text-align: right;
}

a.footer-item-text:hover {
	color: var(--blue);
}

.footer-item-copyright {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
    justify-content: flex-end;
    align-self: stretch;
    align-items: flex-end;
    display: flex;
}

/*  */

.form-block {
	position: relative;
	z-index: 1;
}

#custom-form .custom-form {
	margin: 0;
	width: 100%;
}

#custom-form .wpforms-form {
	display: grid;
	grid-template-columns: 3fr 1fr;
	gap: 10px;
}

#custom-form .wpforms-field-container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}

#ask #custom-form .wpforms-field-container,
#ask #custom-form .wpforms-form {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

#custom-form .custom-field,
#custom-form .custom-choice {
	padding: 0;
}

#custom-form .wpforms-submit-container {
	margin-top: 0;
}

#custom-form .custom-form-btn {
	width: 100%;
	height: 74px;
	color: var(--text);
	background-color: var(--white);
	border-radius: 10px;
	box-shadow: 0 -2px 22px #00000040;
}

#custom-form .custom-form-btn:hover {
	color: var(--white);
	background-color: #6076C5;
}

#custom-form .custom-field input,
#custom-form .custom-choice .choices__inner {
	height: 74px;
	color: var(--white);
	background-color: #6076C5;
	border: none;
	border-radius: 10px;
}

#custom-form .custom-field input:focus,
#custom-form .custom-field input:active {
	box-shadow: 0 0 0 1px var(--blue),0px 1px 2px rgba(0,0,0,0.15);
}

#custom-form .custom-field input::placeholder,
#custom-form .custom-choice .choices__item {
	color: var(--white);
}

#custom-form .custom-choice .choices__list--dropdown .choices__item {
	padding: 15px;
}

#custom-form .choices__list {
	background-color: #6076C5;
}

#custom-form .custom-choice .choices.is-open:before {
	content: none !important;
}

#custom-form .custom-choice .choices.is-focused .choices__inner {
	box-shadow: 0 0 0 1px var(--blue),0px 1px 2px rgba(0,0,0,0.15);
}

#custom-form .custom-choice .choices__list--dropdown {
	border-radius: 10px;
	box-shadow: 0 0 0 1px var(--blue),0px 1px 2px rgba(0,0,0,0.15);
	border-color: var(--blue);
}

#custom-form .custom-choice .choices__item.is-selected, 
#custom-form .custom-choice .choices__item.is-highlighted {
	background-color: var(--blue);
}

@media screen and (max-width: 991px) {
	#custom-form .wpforms-form {
		grid-template-columns: 1fr;
	}
}

@media screen and (max-width: 767px) {
	#custom-form .wpforms-field-container {
		grid-template-columns: 1fr;
	}	
	
	#custom-form .custom-field input, #custom-form .custom-choice .choices__inner, #custom-form .custom-form-btn {
		height: 44px;
	}
}

/*  */

.popup {
    z-index: 9999;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background-color: #0006;
    justify-content: center;
    align-items: center;
    display: none;
    position: fixed;
    inset: 0%;
    opacity: 0;
}

.popup-bg {
    position: absolute;
    inset: 0%;
    z-index: 9998;
}

.popup-block {
    z-index: 9999;
    background-color: var(--blue);
    border-radius: 30px;
    width: 100%;
    max-width: 600px;
    padding: 50px;
    position: relative;
}

.popup-info {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
	text-align: center;
}

.popup-title {
	font-size: 48px;
    font-weight: 500;
    line-height: 110%;
	color: var(--white);
}

.popup-text {
	font-size: 20px;
	line-height: 120%;
	color: var(--white);
}

.popup-close {
	display: block;
	padding: 0;
    background-color: #0000;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='33' viewBox='0 0 32 33' fill='none'%3e%3cpath d='M4 28.5L28 4.5' stroke='%23122542' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M28 28.5L4 4.5' stroke='%23122542' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;
    position: absolute;
    inset: 30px 30px auto auto;
	opacity: .7;
}

.popup-close:hover {
	opacity: 1;
}

.section-page {
	padding-top: 50px;
	padding-bottom: 50px;
}

.section-page-content,
.error-page-content {
	margin-top: 50px;
}

.section-page-text {
	line-height: 130%;
}

.section-page-span {
	font-size: 170px;
	line-height: 80%;
	font-weight: 700;
}

.error-page-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
}

.error-page .h2 {
	text-align: center;
}

@media screen and (max-width: 1399px) {
	.form-catalog .form-img {
		height: 290px;
	}
	
	.navbar-phone {
		display: none;	
	}
	
	.form-contaner {
		background-position: 115% 90px;
	}
	
	.form-img {
		height: 390px;
	}
	
	.models-item-tag {
		padding: 7px 14px;
    	font-size: 18px;
	}
}

@media screen and (max-width: 1199px) {
	.header, .container {
		padding-left: 30px;
    	padding-right: 30px;
	}
	
	.h1 {
		font-size: 48px;
	}
	
	.h2 {
		font-size: 36px;
	}
	
	.hero-btns {
		width: 75%;
	}
	
	.projects-slide-title {
		font-size: 20px;
	}
	
	.projects-slide-text {
		font-size: 16px;
	}
	
	.projects-gallery-img {
		height: 207px;
	}
	
	.projects-button-next, .projects-button-prev {
		width: 42px;
		height: 42px;
	}
	
	.projects .projects-button-next:after, .projects .projects-button-prev:after {
		font-size: 18px;
	}
	
	.contacts-info {
		width: 35%;
	}
	
	.contacts-socials-list {
		width: 65%;
	}
	
	.contacts-socials-item-link {
		font-size: 14px;
	}
	
	.footer-item-text {
		font-size: 12px;
	}
	
	.footer-logo-icon {
		width: 135px;
		height: 67px;
	}
	
	.form-contaner {
        background-position: 140% 90px;
    }
	
	.form-img {
		right: 0;
	}
	
	.form-catalog .form-img {
        height: 240px;
    }
	
	.form-info {
		width: 75%;
	}
	
	.models-item-tag {
        padding: 5px 8px;
        font-size: 16px;
    }
	
	.projects-content {
		padding: 20px;
	}
	
	.projects-button-prev {
		left: 20px;
	}
	
	.projects-button-next {
		right: 20px;
	}
	
	.about-content {
		grid-template-columns: 1.75fr 1fr;
	}
	
	.about-info-text {
		font-size: 18px;
	}
	
	.about-item-text {
		font-size: 16px;
	}
	
	.hero-content {
		grid-template-columns: 3fr 1fr;
	}
	
	.models-item-title {
		font-size: 20px;
	}
	
	.models-item-info {
		padding: 20px;
	}
	
	.models-item-tag {
		font-size: 14px;
	}
	
	.models-item-tag span {
		font-size: 12px;
	}
	
	.models-item-img {
		height: 270px;
	}
	
	.form-info-text {
		width: 70%;
	}
	
	.form-about .form-img {
		height: 420px;
	}
	
	.footer-menu-link, .footer-socials-link, .navbar-menu-link {
		font-size: 14px;
	}
	
	.form-info .h2 {
		width: 100%;
	}
	
	.body {
		background-position: 0 600px;
	}
	
	.certificates {
		background-size: 450px;
	}
}

@media screen and (max-width: 991px) {
    .header {
        padding-left: 20px;
        padding-right: 20px;
    }

    .navbar {
        padding: 10px 20px;
		position: relative;
  		overflow: hidden;
    }
	
	.navbar-bg {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		width: 0%;
		background-color: var(--black);
		border-radius: 0 0 0 100%;
		z-index: 0;
		transition: width .4s ease, border-radius .4s ease;
	}
	
	body.menu-open .navbar-bg {
		width: 100%;
		border-radius: 0;
	}
	
	.navbar-menu,
	.navbar-menu-btn {
		position: relative;
		z-index: 2;
	}
	
	body.menu-open .navbar-logo-icon {
		filter: brightness(0) invert(1);
		transition: filter .4s ease;
	}	
	
	.navbar-menu-btn .navbar-menu-btn-icon {
		background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3e%3crect x='2' y='14' width='27' height='2' rx='1' fill='%23718DF1'/%3e%3crect x='2' y='18' width='27' height='2' rx='1' fill='%23718DF1'/%3e%3c/svg%3e");
		transition: all .2s ease;
	}
	
	.navbar-menu-btn.w--open .navbar-menu-btn-icon {
		background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3e%3crect x='6' y='25.0919' width='27' height='2' rx='1' transform='rotate(-45 6 25.0919)' fill='white'/%3e%3crect width='27' height='2' rx='1' transform='matrix(-0.707107 -0.707107 -0.707107 0.707107 26.5059 25.0919)' fill='white'/%3e%3c/svg%3e");
		transition: all .2s ease;
	}
	
	.navbar-menu-btn-icon::before {
		content: none;
	}

    .navbar-logo {
        z-index: 10;
    }

    .navbar-menu {
        background-color: #0000;
        min-width: 100vw;
        height: 100vh;
        padding: 90px 20px 20px;
        position: fixed;
        inset: 0%;
    }

    .navbar-logo-icon {
        width: 113px;
        height: 32px;
    }

    .navbar-menu-content {
        background-color: var(--blue);
        border-radius: 10px;
        flex-flow: column;
        justify-content: center;
        width: 100%;
        height: 100%;
    }

    .navbar-menu-list {
        flex-flow: column;
		margin-left: 0;
    }
	
	.navbar-phone {
		display: flex;
	}

    .navbar-menu-link {
        color: var(--white);
        font-size: 20px;
        line-height: 100%;
    }

    .btn {
        padding-top: 14px;
        padding-bottom: 14px;
        font-size: 14px;
    }

    .navbar-phone {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        background-color: var(--white);
        border-radius: 10px;
        padding: 10px;
    }

    .navbar-phone-link {
        font-size: 14px;
    }

    .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .hero-content {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        grid-template-columns: 3.5fr;
    }

    .hero-info {
        padding-top: 20px;
        padding-bottom: 20px;
		background-position: 110% 50%;
    }

    .hero-list {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        grid-template-rows: 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .h1 {
        font-size: 36px;
    }

    .hero-item {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        justify-content: space-between;
    }

    .target {
        background-position: 100%;
        background-size: 250px;
        padding-top: 70px;
        padding-bottom: 45px;
    }

    .h2 {
        font-size: 32px;
    }

    .target-list {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        grid-template-rows: 132px;
        grid-auto-rows: 132px;
    }

    .target-item-title {
        font-size: 14px;
    }

    .quiz {
        background-image: none;
        background-position: 0 0;
        background-repeat: repeat;
        background-size: auto;
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .about {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .about-content {
        grid-template-areas: "Area Area"
            "Area-2 Area-3";
    }

    .about-slide-img {
        height: 450px;
    }

    .about-item {
        padding: 10px;
    }

    .about-info-right {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }

    .about-info-text {
        font-size: 18px;
    }

    .about-item-text {
        font-size: 14px;
    }

    .models {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .models-item-title {
        font-size: 20px;
    }

    .models-item-info {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .form {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .form-contaner {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        background-position: 430px 90px;
    }

    .form-info {
        width: 70%;
    }

    .form-img {
        height: 350px;
        right: 0;
    }

    .projects {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .projects-content {
        padding: 20px;
    }

    .projects-swiper {
        margin-top: 30px;
    }

    .projects-slide {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-flow: row;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }

    .projects-gallery-img {
        height: 300px;
    }

    .projects-slide-title {
        font-size: 20px;
    }

    .projects-slide-text {
        font-size: 14px;
    }

    .certificates {
        background-position: 100% 0;
        background-size: 350px;
        padding-bottom: 45px;
    }

    .contacts {
        padding-top: 45px;
    }

    .certificates-content {
        margin-top: 30px;
    }

    .contacts-map {
        height: 280px;
    }

    .contacts-content {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .contacts-info {
        width: 50%;
    }

    .contacts-socials-list {
        width: 100%;
    }

    .contacts-socials-item {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        border-radius: 10px;
        flex-flow: row;
        justify-content: flex-start;
        align-items: center;
        padding: 10px;
    }

    .contacts-socials-item-link {
        font-size: 14px;
    }

    .footer-content {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }

    .footer-menu-link,
    .footer-socials-link {
        font-size: 14px;
    }

    .footer-item-text {
        text-align: left;
    }

    .footer-item-copyright {
        justify-content: flex-end;
        align-items: flex-start;
    }

    .navbar-menu-btn {
        width: 32px;
        height: 32px;
        margin-left: auto;
        padding: 0;
    }

    .navbar-menu-btn.w--open {
        z-index: 10;
        background-color: #0000;
    }

    .navbar-menu-btn-icon {
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        display: flex;
    }
	
	.quiz-content {
		grid-template-columns: 1.75fr 1fr;
	}
	
	.models-item-tag {
        font-size: 12px;
    }
	
	.models-item-tag span {
        font-size: 8px;
    }
	
	.models-item-img {
        height: 200px;
    }
	
	.form-contaner {
		background-position: 680px 100%;
	}
	
	.btn.header-btn {
		background-color: var(--white);
		color: var(--blue);
		padding-top: 20px;
    	padding-bottom: 20px;
		width: 196px;
	}
}

@media screen and (max-width: 767px) {
	.body {
		background-image: none;
	}
	
    .header {
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .navbar-menu {
        padding: 70px 10px 10px;
    }
	
	.navbar-logo {
		padding-left: 0;
	}

    .hero {
        padding-top: 10px;
    }

    .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .hero-info {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
		align-items: center;
		background-image: none !important;
    }

    .hero-list {
        grid-template-rows: 150px;
        grid-template-columns: 1fr;
        grid-auto-rows: 150px;
    }

    .hero-btns {
		width: 100%;
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        grid-template-rows: 1fr;
        grid-template-columns: 1fr;
        grid-auto-rows: 1fr;
    }
	
	.hero-item:nth-child(1) {
		background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='253' height='151' viewBox='0 0 253 151' fill='none'%3e%3cpath opacity='0.86' d='M185.663 -76.6624C191.625 -60.493 184.643 -43.1144 172.288 -28.8389C159.721 -14.3191 140.335 -1.32138 117.235 7.19626C94.1356 15.7138 70.9527 18.4127 51.9679 15.5272C33.3024 12.6901 16.7103 4.00394 10.748 -12.1655C4.78592 -28.335 11.7671 -45.7135 24.1225 -59.989C36.6895 -74.5088 56.0749 -87.5062 79.1745 -96.0238C102.274 -104.541 125.458 -107.241 144.443 -104.355C163.108 -101.518 179.7 -92.8317 185.663 -76.6624Z' stroke='url(%23paint0_linear_10089_10989)' stroke-width='15.9975'/%3e%3cpath opacity='0.41' d='M334.649 -19.8715C340.885 -2.95801 333.696 15.2939 320.707 30.3906C307.515 45.7226 287.12 59.4514 262.777 68.4275C238.434 77.4036 214.01 80.2013 194.022 77.1035C174.342 74.0532 157.024 64.8377 150.788 47.9242C144.551 31.0106 151.74 12.7589 164.73 -2.33791C177.921 -17.6699 198.315 -31.3983 222.658 -40.3744C247.002 -49.3506 271.427 -52.1486 291.414 -49.0507C311.095 -46.0003 328.412 -36.7849 334.649 -19.8715Z' stroke='url(%23paint1_linear_10089_10989)' stroke-width='15.9975'/%3e%3cpath opacity='0.53' d='M344.491 116.663C350.845 133.894 343.424 152.472 330.152 167.806C316.663 183.391 295.837 197.36 271 206.519C246.163 215.677 221.254 218.572 200.876 215.475C180.827 212.427 163.119 203.115 156.766 185.883C150.412 168.652 157.835 150.074 171.106 134.74C184.595 119.155 205.422 105.186 230.258 96.028C255.095 86.8699 280.005 83.9746 300.383 87.0719C320.432 90.1192 338.138 99.4316 344.491 116.663Z' stroke='url(%23paint2_linear_10089_10989)' stroke-width='16.4802'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_10089_10989' x1='-47.2137' y1='64.4497' x2='184.517' y2='-127.929' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='white'/%3e%3cstop offset='1' stop-color='white' stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient id='paint1_linear_10089_10989' x1='89.2944' y1='129.337' x2='334.616' y2='-73.4292' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='white'/%3e%3cstop offset='1' stop-color='white' stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient id='paint2_linear_10089_10989' x1='93.9715' y1='268.55' x2='343.611' y2='61.3041' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='white'/%3e%3cstop offset='1' stop-color='white' stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
		background-size: contain;
	}
	
	.hero-item:nth-child(2) {
		background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='254' height='151' viewBox='0 0 254 151' fill='none'%3e%3cpath d='M184.843 -102C184.843 -102 112.555 -95.3702 99.8085 -92.1394C18.861 -71.6216 -2.71734 -24.6882 12.5716 22.078C27.8606 68.8442 60.064 82.0368 140.106 62.2511C220.148 42.4654 256.451 -2.23874 256.451 -14.0999C256.451 -48.7467 200.339 -49.3836 158.498 -6.61456C140.106 12.1852 50.3441 77.8377 93.5129 116.51C136.682 155.182 233.1 109.812 260.98 77.4358C288.86 45.0592 273.546 33.0723 263.5 33.5C212.782 35.6594 217.425 101.127 252.5 138C287.575 174.873 318.801 122.008 361.07 85.1351' stroke='url(%23paint0_linear_10089_11000)' stroke-width='16'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_10089_11000' x1='466' y1='-58.5' x2='313.921' y2='324.047' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23718DF1'/%3e%3cstop offset='0.782164' stop-color='%23718DF1' stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
		background-size: contain;
	}

    .target {
        background-image: none;
        background-repeat: repeat;
        background-size: auto;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .h2 {
        font-size: 24px;
    }

    .target-content {
        margin-top: 30px;
    }

    .target-list {
        grid-template-columns: 1fr 1fr;
    }

    .target-item {
        padding: 10px;
    }

    .quiz {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .quiz-content {
        flex-flow: column-reverse;
        grid-template-columns: 3fr;
        margin-top: 30px;
        display: flex;
    }

    .quiz-slide-img {
        height: 150px;
    }
	
	.quiz-swiper {
		margin: 0;
	}

    .about {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .about-content {
        flex-flow: column;
        display: flex;
    }

    .about-info {
        flex-flow: column;
        align-items: stretch;
    }

    .about-slide-img {
        height: 170px;
    }

    .about-list {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }

    .about-item {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .about-info-text {
        font-size: 16px;
    }

    .models {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .section-head {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .models-list {
        grid-template-columns: 1fr;
    }

    .models-item-img {
        max-height: 200px;
		border-radius: 10px;
    }

    .form,
    .form.form-catalog {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .form-contaner {
        background-image: none;
        background-position: 0 0;
        background-repeat: repeat;
        background-size: auto;
    }

    .form-info {
        width: 100%;
    }

    .form-info-text {
        font-size: 16px;
    }

    .form-img {
        display: none;
    }

    .projects {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .certificates {
        background-image: none;
        background-repeat: repeat;
        background-size: auto;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .contacts {
        padding-top: 30px;
    }

    .contacts-info {
        width: 100%;
    }

    .contacts-info-text {
        font-size: 16px;
    }

    .contacts-socials-list {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        grid-template-columns: 1fr;
    }

    .footer-content {
        flex-flow: column;
        grid-template-columns: 1fr;
        display: flex;
    }

    .footer-menu-list {
        flex-flow: column;
        display: flex;
    }
	
	.projects-button-next, .projects-button-prev {
        width: 32px;
        height: 32px;
    }
	
	.projects-button-next {
        right: 10px;
    }
	
	.projects-button-prev {
		left: 10px;
	}
	
	.popup-title {
		font-size: 28px;
	}
	
	.popup-text {
		font-size: 16px;
	}
	
	.popup-block {
		padding: 30px;
	}
	
	.popup-close {
		inset: 20px 20px auto auto;
		width: 30px;
   		height: 30px;
	}
}

@media screen and (max-width: 479px) {
    .h1 {
        font-size: 28px;
    }

    .hero-info-text {
        font-size: 16px;
    }

    .target-list {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-flow: column;
        grid-template-rows: 132px;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }

    .projects-slide {
        grid-template-columns: 1fr;
    }
}