/* EDGESECTION: https://edgesection.ru/ */

		html{
			scroll-behavior: smooth;
		}
		
		*{
			margin: 0;
		}
		
		@font-face {
			font-family: 'Yandex Sans Text';
			src: url('../fonts/yandex/YandexSansText-Thin.eot');
			src: local('Yandex Sans Text Thin'), local('YandexSansText-Thin'),
				url('../fonts/yandex/YandexSansText-Thin.eot?#iefix') format('embedded-opentype'),
				url('../fonts/yandex/YandexSansText-Thin.woff2') format('woff2'),
				url('../fonts/yandex/YandexSansText-Thin.woff') format('woff'),
				url('../fonts/yandex/YandexSansText-Thin.ttf') format('truetype');
			font-weight: 100;
			font-style: normal;
		}

		@font-face {
			font-family: 'Yandex Sans Display';
			src: url('../fonts/yandex/YandexSansDisplay-Regular.eot');
			src: local('Yandex Sans Display Regular'), local('YandexSansDisplay-Regular'),
				url('../fonts/yandex/YandexSansDisplay-Regular.eot?#iefix') format('embedded-opentype'),
				url('../fonts/yandex/YandexSansDisplay-Regular.woff2') format('woff2'),
				url('../fonts/yandex/YandexSansDisplay-Regular.woff') format('woff'),
				url('../fonts/yandex/YandexSansDisplay-Regular.ttf') format('truetype');
			font-weight: normal;
			font-style: normal;
		}

		@font-face {
			font-family: 'Yandex Sans Text';
			src: url('../fonts/yandex/YandexSansText-RegularItalic.eot');
			src: local('Yandex Sans Text Regular Italic'), local('YandexSansText-RegularItalic'),
				url('../fonts/yandex/YandexSansText-RegularItalic.eot?#iefix') format('embedded-opentype'),
				url('../fonts/yandex/YandexSansText-RegularItalic.woff2') format('woff2'),
				url('../fonts/yandex/YandexSansText-RegularItalic.woff') format('woff'),
				url('../fonts/yandex/YandexSansText-RegularItalic.ttf') format('truetype');
			font-weight: normal;
			font-style: italic;
		}

		@font-face {
			font-family: 'Yandex Sans Display';
			src: url('../fonts/yandex/YandexSansDisplay-RegularItalic.eot');
			src: local('Yandex Sans Display Regular Italic'), local('YandexSansDisplay-RegularItalic'),
				url('../fonts/yandex/YandexSansDisplay-RegularItalic.eot?#iefix') format('embedded-opentype'),
				url('../fonts/yandex/YandexSansDisplay-RegularItalic.woff2') format('woff2'),
				url('../fonts/yandex/YandexSansDisplay-RegularItalic.woff') format('woff'),
				url('../fonts/yandex/YandexSansDisplay-RegularItalic.ttf') format('truetype');
			font-weight: normal;
			font-style: italic;
		}

		@font-face {
			font-family: 'Yandex Sans Display';
			src: url('../fonts/yandex/YandexSansDisplay-Light.eot');
			src: local('Yandex Sans Display Light'), local('YandexSansDisplay-Light'),
				url('../fonts/yandex/YandexSansDisplay-Light.eot?#iefix') format('embedded-opentype'),
				url('../fonts/yandex/YandexSansDisplay-Light.woff2') format('woff2'),
				url('../fonts/yandex/YandexSansDisplay-Light.woff') format('woff'),
				url('../fonts/yandex/YandexSansDisplay-Light.ttf') format('truetype');
			font-weight: 300;
			font-style: normal;
		}

		@font-face {
			font-family: 'Yandex Sans Text';
			src: url('../fonts/yandex/YandexSansText-Regular.eot');
			src: local('Yandex Sans Text Regular'), local('YandexSansText-Regular'),
				url('../fonts/yandex/YandexSansText-Regular.eot?#iefix') format('embedded-opentype'),
				url('../fonts/yandex/YandexSansText-Regular.woff2') format('woff2'),
				url('../fonts/yandex/YandexSansText-Regular.woff') format('woff'),
				url('../fonts/yandex/YandexSansText-Regular.ttf') format('truetype');
			font-weight: normal;
			font-style: normal;
		}

		@font-face {
			font-family: 'Yandex Sans Text';
			src: url('../fonts/yandex/YandexSansText-Light.eot');
			src: local('Yandex Sans Text Light'), local('YandexSansText-Light'),
				url('../fonts/yandex/YandexSansText-Light.eot?#iefix') format('embedded-opentype'),
				url('../fonts/yandex/YandexSansText-Light.woff2') format('woff2'),
				url('../fonts/yandex/YandexSansText-Light.woff') format('woff'),
				url('../fonts/yandex/YandexSansText-Light.ttf') format('truetype');
			font-weight: 300;
			font-style: normal;
		}

		@font-face {
			font-family: 'Yandex Sans Display';
			src: url('../fonts/yandex/YandexSansDisplay-Bold.eot');
			src: local('Yandex Sans Display Bold'), local('YandexSansDisplay-Bold'),
				url('../fonts/yandex/YandexSansDisplay-Bold.eot?#iefix') format('embedded-opentype'),
				url('../fonts/yandex/YandexSansDisplay-Bold.woff2') format('woff2'),
				url('../fonts/yandex/YandexSansDisplay-Bold.woff') format('woff'),
				url('../fonts/yandex/YandexSansDisplay-Bold.ttf') format('truetype');
			font-weight: bold;
			font-style: normal;
		}

		@font-face {
			font-family: 'Yandex Sans Display';
			src: url('../fonts/yandex/YandexSansDisplay-Thin.eot');
			src: local('Yandex Sans Display Thin'), local('YandexSansDisplay-Thin'),
				url('../fonts/yandex/YandexSansDisplay-Thin.eot?#iefix') format('embedded-opentype'),
				url('../fonts/yandex/YandexSansDisplay-Thin.woff2') format('woff2'),
				url('../fonts/yandex/YandexSansDisplay-Thin.woff') format('woff'),
				url('../fonts/yandex/YandexSansDisplay-Thin.ttf') format('truetype');
			font-weight: 100;
			font-style: normal;
		}

		@font-face {
			font-family: 'Yandex Sans Text';
			src: url('../fonts/yandex/YandexSansText-Bold.eot');
			src: local('Yandex Sans Text Bold'), local('YandexSansText-Bold'),
				url('../fonts/yandex/YandexSansText-Bold.eot?#iefix') format('embedded-opentype'),
				url('../fonts/yandex/YandexSansText-Bold.woff2') format('woff2'),
				url('../fonts/yandex/YandexSansText-Bold.woff') format('woff'),
				url('../fonts/yandex/YandexSansText-Bold.ttf') format('truetype');
			font-weight: bold;
			font-style: normal;
		}

		@font-face {
			font-family: 'Yandex Sans Text';
			src: url('../fonts/yandex/YandexSansText-Medium.eot');
			src: local('Yandex Sans Text Medium'), local('YandexSansText-Medium'),
				url('../fonts/yandex/YandexSansText-Medium.eot?#iefix') format('embedded-opentype'),
				url('../fonts/yandex/YandexSansText-Medium.woff2') format('woff2'),
				url('../fonts/yandex/YandexSansText-Medium.woff') format('woff'),
				url('../fonts/yandex/YandexSansText-Medium.ttf') format('truetype');
			font-weight: 500;
			font-style: normal;
		}

		:root {
			--light-color: #f9fdff;
			--color-accent: #2982d4;
			--color-white: #fff;
			--color-line: #9fa6bc;
			--color-gray-die: #cfd2e1;
			--color-dark-die: #20305a;
			--color-bg: #0d1e4c;
			--color-gray-bg: #dee0ec;
			--color-text: #0d1e4c;
			--color-dop-text: #2d2b46;
		}
		
		:root {
		  --font-family: "Commissioner", sans-serif;
		  --second-family: "Alumni Sans", sans-serif;
		  /*--third-family: "Yandex Sans Text", sans-serif;*/
		  --third-family: "Alumni Sans", sans-serif;
		  --font3: "Garamond", sans-serif;
		  --font4: "Inter", sans-serif;
		  --font5: "Yandex Sans Text", sans-serif;
		  
		}
		/*:root {
		  --font-family: "Commissioner", sans-serif;
		  --second-family: "Century Gothic", sans-serif;
		  --third-family: "Alumni Sans", sans-serif;
		  --font3: "Garamond", sans-serif;
		  --font4: "Inter", sans-serif;
		  --font5: "Yandex Sans Text", sans-serif;
		}*/
		
		body{
		}
		
		body::-webkit-scrollbar {
		  width: 0;

		}
		
		header{
			background: var(--color-bg);
			padding: 12px 0px 0px 0px;
		}
		
		header div.container{
			position: relative;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			align-items: center;
		}
		
		header div.container div.header__logo{
			position: relative;
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 13px;
		}
		header div.container div.header__logo svg{
			width: 156px;
		}
		
		header div.container div.for_line{
			position: relative;
			display: flex;
			order: 2;
			margin: 0px 0px 0px 51px;
			flex-grow: 1;
			justify-content: space-between;
			align-items: center;
		}
		header div.container div.for_line::after {
            content: '';
            position: absolute;
            bottom: 0;
            right: 0;
            width: 0;
            height: 1px;
            background-color: rgba(255, 255, 255, 0.25);
            animation: borderGrow 1s ease-out forwards;
        }
		@keyframes borderGrow {
            from {
                width: 0;
            }
            to {
                width: 100%;
            }
        }
		header div.container div.for_line div.for_line__line_ux{
			border: 1px solid rgba(255, 255, 255, 0.25);
			width: 0px;
			height: 16px;
			order: 2;
		}
		
		header div.container nav{
			display: flex;
			align-items: center;
			/*border-bottom: 1px solid rgba(255, 255, 255, 0.25);*/
			margin: 0px 0px 0px 51px;
			position: relative;
		}
		header div.container nav ul{
			position: relative;
			display: flex;
			flex-direction: row;
			list-style-type: none;
			gap: 27px;
			padding: 0px;
		}
		header div.container nav ul a{
			text-decoration: none;
			font-family: var(--font-family);
			font-weight: 400;
			font-size: 16px;
			color: var(--light-color);
			flex-shrink: 0;
		}
		header div.container nav ul a li{
			
		}
		header div.container nav ul a li:hover{
			text-decoration: underline;
		}
		
		header div.container div.header__contacts{
			position: relative;
			display: flex;
			flex-direction: row;
			align-items: center;
			gap: 27px;
		}
		header div.container div.header__contacts div.header__contacts__eap_ux{
			border: 1px solid rgba(255, 255, 255, 0.25);
			width: 0px;
			height: 24px;
			display: none;
		}
		header div.container div.header__contacts div.header__contacts__eap{
			position: relative;
			display: flex;
			flex-direction: row;
			align-items: center;
			gap: 27px;
			/*margin: 0px 0px 0px 37px;
			border-left: 1px solid rgba(255, 255, 255, 0.25);
			padding: 0px 0px 0px 37px;*/
		}
		header div.container div.header__contacts div.header__contacts__eap a{
			text-decoration: none;
			display: flex;
			flex-direction: row;
			align-items: center;
			gap: 7px;
		}
		header div.container div.header__contacts div.header__contacts__eap a svg{
			flex-shrink: 0;
		}
		header div.container div.header__contacts div.header__contacts__eap a span{
			font-family: var(--font-family);
			font-weight: 600;
			font-size: 18px;
			line-height: 120%;
			color: var(--light-color);
			flex-shrink: 0;
		}
		header div.container div.header__contacts div.header__contacts__eap a span:hover{
			text-decoration: underline;
		}
		
		header div.container div.header__contacts div.header__contacts__sn{
			position: relative;
			display: flex;
			gap: 10px;
			flex-direction: row;
			align-items: center;
		}
		
		header div.menu_mobile{
			position: relative;
			border-radius: 10px;
			/* width: 90px; */
			/* height: 70px; */
			background: var(--color-dark-die);
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: flex-start;
			gap: 8px;
			padding: 27px 30px;
			cursor: pointer;
		}
		header div.menu_mobile div{
			border: 1px solid var(--color-white);
			width: 30px;
			height: 0px;
		}
		header div.menu_mobile div:first-child{
			width: 20px;
		}
		
		main{
			background: var(--color-bg);
			padding: 50px 0px 0px 0px;
		}
		main div.container h1{
			font-family: var(--second-family);
			font-weight: 500;
			/*font-size: 91px;*/
			font-size: 87px;
			line-height: 80%;
			letter-spacing: -0.02em;
			text-transform: uppercase;
			text-align: center;
			color: var(--light-color);
		}
		main div.container div:is(.record_send, .record_send_add){
			border-radius: 13px;
			/* padding: 15px 51px; */
			background: var(--color-accent);
			font-family: var(--font-family);
			font-weight: 400;
			font-size: 16px;
			text-align: center;
			color: var(--color-white);
			width: 270px;
			height: 64px;
			display: flex;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			transition: all 0.3s;
		}
		main div.container div:is(.record_send):hover{
			background: #236EB9;
		}
		main div.container div:is(.record_send_add):hover{
			background: #236EB9;
			border: 1px solid transparent;
		}
		main div.container div.record_send_add{
			background: initial;
			border: 1px solid rgba(255, 255, 255, 0.3);
			padding: 0px 51px;
			width: fit-content;
		}
		
		main div.first_screen{
			position: relative;
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 20px;
			padding: 0px 0px 85px 0px;
		}
		
		main div.main__first_screen_advantages{
			background: var(--color-dark-die);
			border-radius: 50px 50px 0 0;
		}
		main div.main__first_screen_advantages div.container{
			position: relative;
			display: flex;
			gap: 136px;
		}
		main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left, .main__first_screen_advantages__block_right){
			position: relative;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			/*flex-shrink: 1;*/
			flex: 1;
		}
		main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left, .main__first_screen_advantages__block_right) div:is(.main__first_screen_advantages__block_left__block_top, .main__first_screen_advantages__block_right__block_top){
			position: relative;
			display: flex;
			flex-direction: column;
			gap: 7px;
			width: 100%;
		}
		main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left, .main__first_screen_advantages__block_right) div:is(.main__first_screen_advantages__block_left__block_top, .main__first_screen_advantages__block_right__block_top) span:first-child{
			font-family: var(--font-family);
			font-weight: 400;
			font-size: 17px;
			text-align: center;
			color: var(--light-color);
		}
		main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left, .main__first_screen_advantages__block_right) div:is(.main__first_screen_advantages__block_left__block_top, .main__first_screen_advantages__block_right__block_top) span:last-child{
			font-family: var(--second-family);
			font-weight: 500;
			font-size: 57px;
			line-height: 79%;
			text-align: center;
			color: var(--light-color);
		}
		
		main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left, .main__first_screen_advantages__block_right) div:is(.main__first_screen_advantages__block_left__block_bottom, .main__first_screen_advantages__block_right__block_bottom){
			position: relative;
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 17px;
			padding: 45px 0px 0px 0px;
			border-top: 1px solid rgba(255, 255, 255, 0.2);
			margin: 45px 0px 0px 0px;
			width: 100%;
		}
		main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left, .main__first_screen_advantages__block_right) div:is(.main__first_screen_advantages__block_left__block_bottom, .main__first_screen_advantages__block_right__block_bottom) div.text{
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 9px;
		}
		main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left, .main__first_screen_advantages__block_right) div:is(.main__first_screen_advantages__block_left__block_bottom, .main__first_screen_advantages__block_right__block_bottom) span#fs{
			font-family: var(--font-family);
			font-weight: 600;
			font-size: 20px;
			text-align: center;
			color: var(--light-color);
		}
		main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left, .main__first_screen_advantages__block_right) div:is(.main__first_screen_advantages__block_left__block_bottom, .main__first_screen_advantages__block_right__block_bottom) span:last-child{
			font-family: var(--font-family);
			font-weight: 400;
			font-size: 17px;
			line-height: 115%;
			text-align: center;
			color: var(--light-color);
		}
		
		main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left, .main__first_screen_advantages__block_right) div:is(.main__first_screen_advantages__block_left__block_bottom, .main__first_screen_advantages__block_right__block_bottom) div.svg{
			border-radius: 100%;
			/* stroke-width: 1px; */
			border: 1px solid rgba(255, 255, 255, 0.4);
			padding: 20px;	
		}
		main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left, .main__first_screen_advantages__block_right) div:is(.main__first_screen_advantages__block_left__block_bottom, .main__first_screen_advantages__block_right__block_bottom) div.svg svg{
			display: flex;
		}
		
		main div.main__first_screen_advantages div.container div.main__first_screen_advantages__block_center{
			position: relative;
			display: flex;
			width: 433px;
			height: 450px;
			/* top: -50px; */
			/* margin: 50px; */
		}
		main div.main__first_screen_advantages div.container div.main__first_screen_advantages__block_center img{
			top: -50px;
			position: absolute;
			height: calc(100% + 50px);
			width: 433px;
			height: 501px;
			object-fit: cover;
		}
		
		main div.main__second_screen_form{
			background: var(--color-gray-bg);
			padding: 50px 0px 47px 0px;
			overflow: hidden;
			position: relative;
		}
		main div.main__second_screen_form::before{
		  content: "";
		  position: absolute;
		  top: 0;
		  left: 0;
		  width: 100%;
		  height: 10%;
		  background: linear-gradient( var(--color-gray-bg) 0%, transparent 100%); /* Чёрный полупрозрачный слой */
		  z-index: 1;/* Фактически не нужен, но можно управлять */
		}
		main div.main__second_screen_form::after{
			content: "";
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 10%;
			background: linear-gradient(to top, var(--color-gray-bg) 0%, transparent 100%);
			z-index: 1;
		}
		main div.main__second_screen_form div.container{
			position: relative;
			display: flex;
			justify-content: flex-end;
		}
		
		main div.main__second_screen_form div.container div.main__second_screen_form__block_left{
			position: relative;
			width: 340px;
			flex-shrink: 0;
			display: flex;
			flex-direction: column;
			align-items: stretch;
			justify-content: space-between;	
			gap: 50px;
			margin-right: auto;
			box-sizing: border-box;
		}
		main div.main__second_screen_form div.container div.main__second_screen_form__block_right{
			position: relative;
			width: 433px;
			flex-shrink: 0;
			display: flex;
			flex-direction: column;
			align-items: stretch;
			gap: 65px;
		}
		main div.main__second_screen_form div.container div:is(.main__second_screen_form__block_left, .main__second_screen_form__block_right) img{
			border-radius: 25px;
		}
		main div.main__second_screen_form div.container div:is(.main__second_screen_form__block_left, .main__second_screen_form__block_right) > img{
			width: max-content;
			margin: 0px auto;
		}
		main div.main__second_screen_form div.container div.main__second_screen_form__block_left > img{
			align-self: flex-end;
			margin: initial;
		}
		main div.main__second_screen_form div.container div:is(.main__second_screen_form__block_left, .main__second_screen_form__block_right) > div{
			display: flex;
			flex-direction: row;
			align-items: flex-end;
			justify-content: space-between;
		}
		main div.main__second_screen_form div.container div.main__second_screen_form__block_left div.main__second_screen_form__block_left__box{
			flex-grow: 1;
		}
		main div.main__second_screen_form div.container div.main__second_screen_form__block_left div.main__second_screen_form__block_left__box img:last-child{
			align-self: flex-start;
		}
		
		main div.main__second_screen_form div.container div.main__second_screen_form__block_center{
			position: relative;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
		}
		main div.main__second_screen_form div.container div.main__second_screen_form__block_center span:is(:first-child, #box){
			font-family: var(--second-family);
			font-weight: 500;
			font-size: 70px;
			line-height: 80%;
			letter-spacing: -0.02em;
			text-transform: uppercase;
			text-align: center;
			color: var(--color-bg);
		}
		main div.main__second_screen_form div.container div.main__second_screen_form__block_center span#box{
			border: 1px solid var(--color-bg);
			border-radius: 15px;
			padding: 10px 20px;
			margin: 3px 0px 0px 0px;
		}
		main div.main__second_screen_form div.container div.main__second_screen_form__block_center span#desc{
			font-family: var(--font-family);
			font-weight: 400;
			font-size: 17px;
			line-height: 135%;
			text-align: center;
			color: var(--color-dop-text);
			margin: 17px 0px 35px 0px;
			width: 452px;
		}
		
		main div.main__second_screen__block_text_run{
			background: var(--color-gray-bg);
			padding: 20px 0px;
			border-top: 1px solid rgba(13, 30, 76, 0.3);
			/* margin: 47px; */
		}
		
		main div:is(.main__second_screen__block_text_run, .main__three_screen__block_text_run) div.marquee {
            width: 100%;
            overflow: hidden;
            white-space: nowrap;
            box-sizing: border-box;
            font-family: var(--font-family);
			font-weight: 400;
			font-size: 17px;
			text-transform: uppercase;
			color: var(--color-bg);
        }
        
        main div:is(.main__second_screen__block_text_run, .main__three_screen__block_text_run) div.marquee-content {
            display: inline-block;
            padding-left: 100%;
            /*animation: marquee 15s linear infinite;*/
			
			list-style-type: none;
			padding: 0;
			margin: 0;
			display: flex;
			align-items: center;
			will-change: transform;
        }
		main div:is(.they-trust-us) div.marquee-content {
            display: inline-block;
			/* padding-left: 100%;
            animation: marqueettu 15s linear infinite;*/
        }
        
        @keyframes marquee {
            0%   { transform: translateX(0); }
            100% { transform: translateX(-100%); }
        }
        @keyframes marqueettu {
            0%   { transform: translateX(0); }
            100% { transform: translateX(-100%); }
        }
		
        main div:is(.main__second_screen__block_text_run, .main__three_screen__block_text_run) div.marquee svg {
            vertical-align: middle;
            margin: 0 10px;
			flex-shrink: 0;
        }
		
		main div:is(.main__three_screen__block, .about_company){
			padding: 90px 0px;
		}
		
		main div.main__three_screen__block div.container{
			display: flex;
			flex-direction: column;
			align-items: center;
		}
		main div.main__three_screen__block div.container h2{
			font-family: var(--second-family);
			font-weight: 500;
			font-size: 70px;
			line-height: 80%;
			letter-spacing: -0.02em;
			text-transform: uppercase;
			text-align: center;
			color: var(--light-color);
			margin: 0px 0px 35px 0px;
		}
		main div.main__three_screen__block div.container div.main__three_screen__block__catalog{
			position: relative;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			gap: 20px;
			overflow: hidden;
			width: 100%;
		}
		main div.main__three_screen__block div.container div.main__three_screen__block__catalog div.swiper-wrapper{
			position: relative;
			display: flex;
			justify-content: flex-start;
			/*gap: 20px;*/
		}
		main div.main__three_screen__block div.container div.main__three_screen__block__catalog div.swiper-wrapper > div{
			position: relative;
			width: calc((100%/3) - 20px);
			background: var(--color-dark-die);
			border-radius: 25px;
			padding: 20px;
			box-sizing: border-box;
			cursor: pointer;
		}
		main div.main__three_screen__block div.container div.main__three_screen__block__catalog div.swiper-wrapper > div div.main__three_screen__block__catalog__element__image{
			position: relative;
		}
		main div.main__three_screen__block div.container div.main__three_screen__block__catalog div.swiper-wrapper > div div.main__three_screen__block__catalog__element__image span{
			position: absolute;
			/* float: right; */
			right: 15px;
			top: 15px;
			border-radius: 40px;
			padding: 9px 20px 11px 20px;
			background: var(--light-color);
			margin: 0px 0px 0px 15px;
			
			font-family: var(--font-family);
			font-weight: 400;
			font-size: 15px;
			color: var(--color-bg);
		}
		main div.main__three_screen__block div.container div.main__three_screen__block__catalog div.swiper-wrapper > div div.main__three_screen__block__catalog__element__image img{
			width: 100%;
			border-radius: 13px;
		}
		
		main div.main__three_screen__block div.container div.main__three_screen__block__catalog div.swiper-wrapper > div span#name{
			font-family: var(--font-family);
			font-weight: 600;
			font-size: 25px;
			color: var(--light-color);
			margin: 20px 0px 0px 0px;
			display: block;
		}
		main div.main__three_screen__block div.container div.main__three_screen__block__catalog div.swiper-wrapper > div div.main__three_screen__block__catalog__element__desc{
			position: relative;
			display: flex;
			gap: 6px;
			flex-direction: row;
			align-items: center;
			margin: 12px 0px 0px 0px;
		}
		main div.main__three_screen__block div.container div.main__three_screen__block__catalog div.swiper-wrapper > div div.main__three_screen__block__catalog__element__desc span{
			font-family: var(--font-family);
			font-weight: 400;
			font-size: 17px;
			color: rgba(249, 253, 255, 0.7);
		}
		
		main div.main__three_screen__block_text_run{
			background: var(--color-accent);
			padding: 20px 0px;
		}
		main div.main__three_screen__block_text_run div.marquee{
			font-family: var(--font-family);
			font-weight: 400;
			font-size: 17px;
			line-height: 115%;
			text-transform: uppercase;
			color: var(--light-color);
		}
		
		main div.typical_solutions{
			padding: 90px 0px;
		}
		main div:is(.typical_solutions, .individual_project) h2{
			font-family: var(--second-family);
			font-weight: 500;
			font-size: 70px;
			line-height: 80%;
			letter-spacing: -0.02em;
			text-transform: uppercase;
			text-align: center;
			color: var(--light-color);
		}
		
		main div.typical_solutions div.typical_solutions__selector{
			position: relative;
			display: flex;
			justify-content: center;
			margin: 25px 0px 35px 0px;
			gap: 20px;
			overflow-x: auto;
		}
		
		/* Стилизация полосы прокрутки */
		main div.typical_solutions div.typical_solutions__selector::-webkit-scrollbar {
		  height: 7px; /* Высота горизонтального (если нужен) */
		  
		  border: 10px solid transparent;
		}

		/* Дорожка (фон) */
		main div.typical_solutions div.typical_solutions__selector::-webkit-scrollbar-track {
		  background: var(--color-dark-die);
		  border-radius: 10px;
		}

		/* Ползунок */
		main div.typical_solutions div.typical_solutions__selector::-webkit-scrollbar-thumb {
		  background: var(--color-accent);
		  border-radius: 10px;
		}

		/* Ползунок при наведении */
		main div.typical_solutions div.typical_solutions__selector::-webkit-scrollbar-thumb:hover {
		  background: #236EB9;
		}

		
		main div.typical_solutions div.typical_solutions__selector span{
			font-family: var(--font-family);
			font-weight: 400;
			font-size: 17px;
			color: var(--light-color);
			
			border: 1px solid rgba(249, 253, 255, 0.3);
			border-radius: 40px;
			padding: 14px 30px;
			cursor: pointer;
			flex-shrink: 0;
		}
		main div.typical_solutions div.typical_solutions__selector span:not(.select):hover{
			background: #236EB9;
			color: white;
			border: 1px solid transparent;
		}
		
		main div.typical_solutions div.typical_solutions__selector span.select{
			border: none;
			color: var(--color-bg);
			background: var(--light-color);
		}
		
		main div.typical_solutions div.typical_solutions__box{
			position: relative;
			display: flex;
			flex-direction: row;
			align-items: stretch;
			justify-content: space-between;
			gap: 20px;
		}
		main div.typical_solutions div.typical_solutions__box:is(.two, .three, .four, .five, .six, .seven, .eight, .nine, .ten){
			display: none;
		}
		
		main div.typical_solutions div.typical_solutions__box > div{
			flex: 1;
		}
		
		main div.typical_solutions div.typical_solutions__box > div.typical_solutions__box__box_right{
			display: flex;
			overflow: hidden;
			aspect-ratio: 660/803;
			height: max-content;
			position: sticky;
			top: 0px;
		}
		main div.typical_solutions div.typical_solutions__box > div.typical_solutions__box__box_right img{
			width: 100%;
			object-fit: cover;
			border: 1px solid rgba(255, 255, 255, 0.2);
			border-radius: 25px;
		}
		
		main div.typical_solutions div.typical_solutions__box > div.typical_solutions__box__box_left{
			position: sticky;
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
			gap: 20px;
			height: max-content;
			top: 0px;
		}
		main div.typical_solutions div.typical_solutions__box > div.typical_solutions__box__box_left > div{
			border-radius: 25px;
			background: var(--color-dark-die);
			padding: 40px;
			cursor: pointer;
		}
		main div.typical_solutions div.typical_solutions__box > div.typical_solutions__box__box_left > div div.typical_solutions__box__box_left__variant__header{
			position: relative;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			margin: 0px 0px 0px 0px;
		}
		
		main div.typical_solutions div.typical_solutions__box > div.typical_solutions__box__box_left > div div.typical_solutions__box__box_left__variant__header span#name{
			font-family: var(--font-family);
			font-weight: 500;
			font-size: 22px;
			color: var(--light-color);
		}
		main div.typical_solutions div.typical_solutions__box > div.typical_solutions__box__box_left > div div.typical_solutions__box__box_left__variant__header svg.minus{
			display: none;
		}
		
		main div.typical_solutions div.typical_solutions__box > div.typical_solutions__box__box_left > div.select div.typical_solutions__box__box_left__variant__header svg{
			display: none;
		}
		main div.typical_solutions div.typical_solutions__box > div.typical_solutions__box__box_left > div.select div.typical_solutions__box__box_left__variant__header svg.minus{
			display: initial;
		}
		
		main div.typical_solutions div.typical_solutions__box > div.typical_solutions__box__box_left > div span#desc{
			display: block;
			padding: 0px 0px 0px 0px;
			
			font-family: var(--font-family);
			font-weight: 400;
			font-size: 17px;
			line-height: 157%;
			letter-spacing: -0.01em;
			color: rgba(249, 253, 255, 0.9);
			transform: scaleY(1);
			  transform-origin: top;
			  /*transition: all 1s ease;*/
			  height: 0px;
			  opacity: 0;
		}
		main div.typical_solutions div.typical_solutions__box > div.typical_solutions__box__box_left > div.select span#desc{
			transition: all 1s ease;
			transform: scaleY(1);
			height: auto;
			padding: 25px 0px 0px 0px;
			 opacity: 1;
		}
		
		main div.typical_solutions div.typical_solutions__action_button{
			position: relative;
			display: flex;
			flex-direction: row;
			gap: 20px;
			justify-content: center;
			margin: 25px 0px 0px 0px;
			align-items: center;
		}
		main div.typical_solutions div.typical_solutions__action_button > div{
			width: 370px;
			height: 72px;
			padding: 0px;
			cursor: pointer;
		}
		main div.typical_solutions div.typical_solutions__action_button > div.record_send{
			height: 74px;
		}
		
		main div.individual_project{
			padding: 0px 0px 90px 0px;
		}
		main div.individual_project div.container{
			position: relative;
			display: flex;
			flex-direction: column;
			align-items: center;
		}
		main div.individual_project div.container p{
			font-family: var(--font-family);
			font-weight: 400;
			font-size: 16px;
			line-height: 145%;
			letter-spacing: -0.01em;
			text-align: center;
			color: rgba(249, 253, 255, 0.9);
			width: 886px;
			margin: 25px 0px 0px 0px;
			width: calc((100%/12) * 8);
			display: flex;
			justify-content: center;
		}
		
		main div.individual_project div.container div.individual_project__images__sw{
			position: relative;
			overflow: hidden;
			width: 100%;
		}
		main div.individual_project div.container div.individual_project__images__sw div.individual_project__images{
			/*position: relative;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			gap: 20px;
			margin: 35px 0px 25px 0px;*/
			
			position: relative;
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			/* gap: 20px; */
			margin: 35px 0px 25px 0px;
			/*overflow: hidden;*/
			justify-content: flex-start;
		}
		main div.individual_project div.container div.individual_project__images__sw div.individual_project__images img{
			width: calc((100%/3) - 20px);
			border: 1px solid rgba(255, 255, 255, 0.2);
			border-radius: 25px;
			box-sizing: border-box;
		}
		
		main div.individual_project div.container div.individual_project__action_button{
			position: relative;
			display: flex;
			flex-direction: row;
			gap: 20px;
		}
		main div.container div.individual_project__action_button div:is(.record_send){
			width: 370px;
			padding: 0px;
			height: 74px;
			cursor: pointer;
		}
		main div.container div.individual_project__action_button div:is(.record_send_add){
			width: 370px;
			padding: 0px;
			height: 72px;
			cursor: pointer;
		}
		
		main div:is(.they-trust-us, .contacts){
			background: var(--color-gray-bg);
			padding: 90px 0px;
		}
		main div:is(.they-trust-us, .reviews, .contacts) h2{
			font-family: var(--second-family);
			font-weight: 500;
			font-size: 70px;
			line-height: 80%;
			letter-spacing: -0.02em;
			text-transform: uppercase;
			text-align: center;
			color: var(--color-bg);
		}
		main div.they-trust-us div.they-trust-us__images{
			margin: 40px 0px 0px 0px;
			border-top: 1px solid var(--color-line);
			border-bottom: 1px solid var(--color-line);
			padding: 20px;
			height: 227px;
			
			width: 100%;
			overflow: hidden;
			white-space: nowrap;
			box-sizing: border-box;
		}
		main div.they-trust-us div.they-trust-us__images div.they-trust-us__images_ux{
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: flex-start;
		}
		main div.they-trust-us div.they-trust-us__images div.they-trust-us__images_ux div.they-trust-us__images__image{
			width: 268px;
			height: 187px;
			position: relative;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: center;
			
			flex-shrink: 0;
		}
		main div.they-trust-us div.they-trust-us__images div.they-trust-us__images_ux div.they-trust-us__images__image > div.us__images__image__r,
		main div.they-trust-us div.they-trust-us__images div.they-trust-us__images_ux div.us__images__image__r{
			border: 1px solid var(--color-line);
			width: 0px;
			height: 63px;
			margin: 0px 20px;
		}
		
		main div.reviews{
			background: var(--color-gray-bg);
			padding: 0px 0px 90px 0px;
		}
		main div.reviews div.container{
			position: relative;
			display: flex;
			flex-direction: column;
			align-items: center;
		}
		main div.reviews div.container img#rating{
			border-radius: 15px;
			width: 370px;
			height: 100px;
			margin: 25px 0px 30px 0px;
		}
		
		main div.reviews div.container div.reviews__list{
			overflow: hidden;
			width: 100%;
		}
		main div.reviews div.container div.reviews__list div.swiper-wrapper div.reviews__review{
			border-radius: 25px;
			background: var(--color-gray-die);
			padding: 40px;
			box-sizing: border-box;
			height: auto;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			gap: 19px;
		}
		main div.reviews div.container div.reviews__list div.swiper-wrapper div.reviews__review div.reviews__content{
			gap: 25px;
			position: relative;
			display: flex;
			flex-direction: column;
		}
		main div.reviews div.container div.reviews__list div.swiper-wrapper div.reviews__review div.reviews__content div.reviews__user_info{
			position: relative;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
		}
		main div.reviews div.container div.reviews__list div.swiper-wrapper div.reviews__review div.reviews__content div.reviews__user_info div.reviews__user_data{
			position: relative;
			display: flex;
			flex-direction: column;
			gap: 3px;
		}
		main div.reviews div.container div.reviews__list div.swiper-wrapper div.reviews__review div.reviews__content div.reviews__user_info div.reviews__user_data span#faln{
			font-family: var(--font-family);
			font-weight: 500;
			font-size: 22px;
			line-height: 150%;
			color: var(--color-bg);
		}
		main div.reviews div.container div.reviews__list div.swiper-wrapper div.reviews__review div.reviews__content div.reviews__user_info div.reviews__user_data span#date{
			font-family: var(--font-family);
			font-weight: 400;
			font-size: 16px;
			line-height: 150%;
			color: #787c8a;
		}
		
		main div.reviews div.container div.reviews__list div.swiper-wrapper div.reviews__review div.reviews__content div.reviews__description{
			font-family: var(--font-family);
			font-weight: 400;
			font-size: 17px;
			line-height: 150%;
			color: var(--color-dop-text);
			
			display: -webkit-box;
			-webkit-line-clamp: 9;
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		
		main div.reviews div.container div.reviews__list div.swiper-wrapper div.reviews__review > a{
			font-family: var(--font-family);
			font-weight: 400;
			font-size: 16px;
			line-height: 150%;
			text-decoration: underline;
			text-decoration-skip-ink: none;
			color: var(--color-dop-text);
			cursor: pointer;
		}
		main div.reviews div.container div.reviews__list div.swiper-wrapper div.reviews__review > a:hover{
			color: #2982D4;
		}
		
		main div.reviews div.container div.controls,
		main div.main__three_screen__block div.container div.controls,
		main div.individual_project div.container div.controls,
		div.box__product_info div.product_info div.controls{
			position: relative;
			display: flex;
			flex-direction: row;
			align-items: center;
			gap: 20px;
			
			margin: 30px 0px 0px 0px;
		}
		
		main div.individual_project div.container div.controls,
		main div.main__three_screen__block div.container div.controls{
			margin: 10px 0px 0px 0px;
		}
		
		div.box__product_info div.product_info div.controls{
			margin: 0px 0px 25px 0px;
			justify-content: center;
		}
		
		main div.reviews div.container div.controls > div,
		main div.main__three_screen__block div.container div.controls > div,
		main div.individual_project div.container div.controls > div,
		div.box__product_info div.product_info div.controls > div{
			position: relative;
			width: 66px;
			height: 66px;
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			
			border-radius: 100%;
			border: 1px solid var(--color-line);
			
			cursor: pointer;
			transition: all 0.3s;
			box-sizing: border-box;
		}
		main div.individual_project div.container div.controls > div{
			margin: 0px 0px 40px 0px;
		}
		
		div.box__product_info div.product_info div.controls > div{
			margin: 15px 0px 0px 0px;
		}
		
		main div.reviews div.container div.controls > div:hover,
		main div.main__three_screen__block div.container div.controls > div:hover,
		main div.individual_project div.container div.controls > div:hover,
		div.box__product_info div.product_info div.controls > div:hover{
			background: var(--color-accent);
			border: none;
		}
		main div.reviews div.container div.controls > div:hover svg path,
		main div.main__three_screen__block div.container div.controls > div:hover svg path,
		main div.individual_project div.container div.controls > div:hover svg path,
		div.box__product_info div.product_info div.controls > div:hover svg path{
			stroke: var(--color-white);
		}
		main div.reviews div.container div.controls > div svg path,
		main div.main__three_screen__block div.container div.controls > div svg path,
		main div.individual_project div.container div.controls > div svg path,
		div.box__product_info div.product_info div.controls > div svg path{
			stroke: var(--color-line);
			transition: all 0.3s;
		}
		
		main div.about_company div.container h2{
			font-family: var(--second-family);
			font-weight: 500;
			font-size: 70px;
			line-height: 80%;
			letter-spacing: -0.02em;
			text-transform: uppercase;
			text-align: center;
			color: var(--light-color);
		}
		
		main div.about_company div.container div.about_company__box{
			position: relative;
			display: flex;
			flex-direction: row;
			align-items: stretch;
			gap: 20px;
			margin: 35px 0px 0px 0px;
		}
		main div.about_company div.container div.about_company__box > div{
			flex: 1;
		}
		main div.about_company div.container div.about_company__box div.about_company__box__left{
			position: sticky;
			display: flex;
			flex-direction: column;
			gap: 20px;
			justify-content: flex-start;
			height: max-content;
			top: 0px;
		}
		main div.about_company div.container div.about_company__box div.about_company__box__left div:is(.about_company__box__left__top, .about_company__box__left__bottom){
			display: flex;
			flex-direction: column;
			gap: 25px;
			border-radius: 25px;
			background: var(--color-dark-die);
			padding: 40px;
		}
		main div.about_company div.container div.about_company__box div.about_company__box__left div:is(.about_company__box__left__top, .about_company__box__left__bottom) h3{
			font-family: var(--font-family);
			font-weight: 500;
			font-size: 22px;
			color: var(--light-color);
		}
		main div.about_company div.container div.about_company__box div.about_company__box__left div:is(.about_company__box__left__top, .about_company__box__left__bottom) div{
			font-family: var(--font-family);
			font-weight: 400;
			font-size: 17px;
			line-height: 157%;
			letter-spacing: -0.01em;
			color: rgba(249, 253, 255, 0.9);
		}
		
		main div.about_company div.container div.about_company__box div.about_company__box__right{
			border: 1px solid rgba(255, 255, 255, 0.2);
			border-radius: 25px;
			overflow: hidden;
			aspect-ratio: 660/608;
			height: max-content;
			position: sticky;
			top: 0px;
		}
		main div.about_company div.container div.about_company__box div.about_company__box__right img{
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
		
		main div.about_company div.container div.about_company__box__aboun_company{
			position: relative;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: space-between;
			padding: 50px 0px;
			/*border-bottom: 1px solid rgba(255, 255, 255, 0.2);*/
		}
		
		main div.about_company div.container div.about_company__box__aboun_company.visible::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 1px;
            background-color: rgba(255, 255, 255, 0.25);
            animation: borderGrowAbout_company__box__aboun_company 1s ease-out forwards;
        }
		@keyframes borderGrowAbout_company__box__aboun_company {
            from {
                width: 0;
            }
            to {
                width: 100%;
            }
        }
		
		main div.about_company div.container div.about_company__box__aboun_company div.about_company__box__aboun_company__r{
			border: 1px solid rgba(255, 255, 255, 0.25);
			width: 0px;
			height: 46px;
		}
		main div.about_company div.container div.about_company__box__aboun_company div.info{
			position: relative;
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 7px;
			flex: 1;
		}
		main div.about_company div.container div.about_company__box__aboun_company div.info span:first-child{
			font-family: var(--font-family);
			font-weight: 400;
			font-size: 17px;
			text-align: center;
			color: var(--light-color);
		}
		main div.about_company div.container div.about_company__box__aboun_company div.info span:last-child{
			font-family: var(--second-family);
			font-weight: 500;
			font-size: 57px;
			line-height: 79%;
			text-align: center;
			color: var(--color-accent);
		}
		
		main div.how_we_work{
			padding: 0px 0px 90px 0px;
		}
		main div.how_we_work div.container{
			position: relative;
			display: flex;
			flex-direction: column;
			align-items: center;
		}
		main div.how_we_work div.container h2{
			font-family: var(--second-family);
			font-weight: 500;
			font-size: 70px;
			line-height: 80%;
			letter-spacing: -0.02em;
			text-transform: uppercase;
			text-align: center;
			color: var(--light-color);
		}
		main div.how_we_work div.container div.how_we_work__list{
			position: relative;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			gap: 20px;
			margin: 35px 0px 0px 0px;
		}
		main div.how_we_work div.container div.how_we_work__list div.how_we_work__list__element{
			position: relative;
			width: calc((100%/3) - 20px);
			background: var(--color-dark-die);
			border-radius: 25px;
			padding: 40px;
			box-sizing: border-box;
			flex-grow: 1;
		}
		main div.how_we_work div.container div.how_we_work__list div.how_we_work__list__element h3{
			font-family: var(--font-family);
			font-weight: 500;
			font-size: 21px;
			color: var(--light-color);
			margin: 0px 0px 10px 0px;
		}
		main div.how_we_work div.container div.how_we_work__list div.how_we_work__list__element p{
			font-family: var(--font-family);
			font-weight: 400;
			font-size: 17px;
			line-height: 125%;
			letter-spacing: -0.01em;
			color: rgba(249, 253, 255, 0.9);
		}
		main div.how_we_work div.container div.how_we_work__list div.how_we_work__list__element div.icon{
			position: relative;
			width: 76px;
			height: 76px;
			border-radius: 100%;
			/* stroke-width: 1px; */
			border: 1px solid rgba(255, 255, 255, 0.4);
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			margin: 0px 0px 17px 0px;
		}
		main div.how_we_work div.container div.record_send{
			width: 370px;
			margin: 25px 0px 0px 0px;
			cursor: pointer;
			height: 72px;
		}
		
		main div.contacts div.container div.contacts__box{
			position: relative;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			margin: 35px 0px 0px 0px;
			gap: 20px;
		}
		main div.contacts div.container div.contacts__box > div{
			flex: 1;
		}
		main div.contacts div.container div.contacts__box div.contacts__box__left > div{
			gap: 20px;
			background: var(--color-gray-die);
			border-radius: 25px;
			padding: 40px;
			display: flex;
			flex-direction: column;
		}
		main div.contacts div.container div.contacts__box div.contacts__box__left > div.contacts__box__left__top > div{
			position: relative;
			display: flex;
			flex-direction: row;
			align-items: center;
			gap: 20px;
		}
		main div.contacts div.container div.contacts__box div.contacts__box__left > div.contacts__box__left__top div.contacts__box__left__top__element > div.contacts__box__left__top__element__icon{
			border: 1px solid var(--color-accent);
			border-radius: 62px;
			width: 64px;
			height: 64px;
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			box-sizing: border-box;
			flex-shrink: 0;
		}
		main div.contacts div.container div.contacts__box div.contacts__box__left > div.contacts__box__left__top div.contacts__box__left__top__element > div.contacts__box__left__top__element__text{
			position: relative;
			display: flex;
			flex-direction: column;
		}
		main div.contacts div.container div.contacts__box div.contacts__box__left > div.contacts__box__left__top div.contacts__box__left__top__element > div.contacts__box__left__top__element__text span:first-child{
			font-family: var(--font-family);
			font-weight: 400;
			font-size: 17px;
			color: #787c8a;
		}
		main div.contacts div.container div.contacts__box div.contacts__box__left > div.contacts__box__left__top div.contacts__box__left__top__element > div.contacts__box__left__top__element__text span:last-child{
			font-family: var(--font-family);
			font-weight: 500;
			font-size: 20px;
			color: var(--color-dop-text);
		}
		main div.contacts div.container div.contacts__box div.contacts__box__left > div.contacts__box__left__top div.contacts__box__left__top__element > div.contacts__box__left__top__element__text a{
			text-decoration: none;
		}
		main div.contacts div.container div.contacts__box div.contacts__box__left{
			flex: 1;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			gap: 20px;
		}
		
		main div.contacts div.container div.contacts__box div.contacts__box__left > div.contacts__box__left__bottom{
			gap: 0px;
		}
		main div.contacts div.container div.contacts__box div.contacts__box__left > div.contacts__box__left__bottom h4{
			font-family: var(--font-family);
			font-weight: 500;
			font-size: 22px;
			color: var(--color-bg);
			margin: 0px 0px 20px 0px;
		}
		main div.contacts div.container div.contacts__box div.contacts__box__left > div.contacts__box__left__bottom div.contacts__box__left__bottom__element{
			margin: 0px 0px 12px 0px;
		}
		main div.contacts div.container div.contacts__box div.contacts__box__left > div.contacts__box__left__bottom div.contacts__box__left__bottom__element:last-child{
			margin: 0px;
		}
		main div.contacts div.container div.contacts__box div.contacts__box__left > div.contacts__box__left__bottom div.name{
			font-family: var(--font-family);
			font-weight: 400;
			font-size: 19px;
			color: var(--color-dop-text);
		}
		main div.contacts div.container div.contacts__box div.contacts__box__left > div.contacts__box__left__bottom div:is(.ogrn, .inn){
			position: relative;
			display: flex;
			flex-direction: row;
			align-items: center;
			gap: 5px;
		}
		main div.contacts div.container div.contacts__box div.contacts__box__left > div.contacts__box__left__bottom div:is(.ogrn, .inn) span:first-child{
			font-family: var(--font-family);
			font-weight: 400;
			font-size: 17px;
			color: #787c8a;
		}
		main div.contacts div.container div.contacts__box div.contacts__box__left > div.contacts__box__left__bottom div:is(.ogrn, .inn) span:last-child{
			font-family: var(--font-family);
			font-weight: 500;
			font-size: 20px;
			color: var(--color-dop-text);
		}
		
		main div.contacts div.container div.contacts__box div.contacts__box__right{
			position: relative;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: stretch;
			border: 1px solid var(--color-line);
			border-radius: 25px;
			overflow: hidden;
		}
		main div.contacts div.container div.contacts__box div.contacts__box__right > div{
			position: relative;
			overflow: hidden;
			width: 100%;
			height: 100%;
		}
		main div.contacts div.container div.contacts__box div.contacts__box__right > div > iframe{
			position: relative;
			width: 100%;
			height: 100%;
			border: none;
		}
		
		footer{
			background: var(--color-gray-bg);
		}
		footer div.container{
			position: relative;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: space-between;
			padding: 0px 15px 30px 15px;
		}
		footer div.container div.contacts__footer__links{
			position: relative;
			display: flex;
			flex-direction: column;
			align-items: center;
		}
		footer div.container span{
			font-family: var(--font-family);
			font-weight: 400;
			font-size: 16px;
			line-height: 125%;
			letter-spacing: -0.01em;
			color: var(--color-dop-text);
		}
		footer div.container a{
			text-decoration: none;
			
			font-family: var(--font-family);
			font-weight: 400;
			font-size: 16px;
			line-height: 125%;
			letter-spacing: -0.01em;
			text-align: center;
			color: var(--color-dop-text);
			
			transition: all 0.3s;
		}
		footer div.container a:hover{
			text-decoration: underline;
		}
		footer div.container div.contacts__footer__links a{
			
		}
		
		main div.contacts{
			padding: 90px 0px 45px 0px;
		}
		
		/**/
		
		
		input[type="checkbox"] {
		  appearance: none; /* Убираем стандартный стиль */
		  width: 20px;
		  height: 20px;
		  border: 2px solid var(--color-accent);
		  border-radius: 5px;
		  cursor: pointer;
		  background-color: var(--color-gray-bg);
		  flex-shrink: 0;
		}

		input[type="checkbox"]:checked {
		  background-color: var(--color-accent); /* Зеленый фон при выборе */
		  border-color: var(--color-accent);
		  
		  background-image: url('../src/check.svg');
		  background-size: contain;
		  background-repeat: no-repeat;
		  background-position: center;
		  background-size: 70%;
		}

		/* Добавляем галочку (опционально) */
		input[type="checkbox"]:checked::before {
		  content: "";
		  color: white;
		  font-size: 12px;
		  position: relative;
		}
		
		div.box__pop_up div.pop_up > div.pop_up__box_success label{
			position: relative;
			display: flex;
			align-items: center;
			gap: 10px;
			cursor: pointer;
		}
		div.box__pop_up div.pop_up form div.pop_up__box_success label span{
			font-family: var(--font-family);
			font-weight: 400;
			font-size: 15px;
			line-height: 133%;
			color: var(--color-dop-text);
		}
		
		/**/
		
		div.box__pop_up,
		div.box__product_info{
			position: fixed;
			top: 0px;
			left: 0px;
			background: rgba(0,0,0,0.5);
			width: 100vw;
			width: 100dvw;
			height: 100vh;
			height: 100dvh;
			display: none;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			z-index: 1;
		}
		div.box__pop_up div.pop_up{
			border-radius: 40px;
			max-width: 500px;
			/* height: -webkit-fill-available; */
			background: var(--color-gray-bg);
			padding: 40px;
			box-sizing: border-box;
			position: relative;
			overflow-y: auto;
			max-height: 100%;
			width: 100%;
		}
		div.box__pop_up div.pop_up div.pop_up__name{
			font-family: var(--second-family);
			font-weight: 500;
			font-size: 65px;
			line-height: 80%;
			letter-spacing: -0.02em;
			text-transform: uppercase;
			text-align: center;
			color: var(--color-bg);
		}
		div.box__pop_up div.pop_up div.pop_up__desc{
			font-family: var(--font-family);
			font-weight: 400;
			font-size: 16px;
			line-height: 125%;
			text-align: center;
			color: var(--color-dop-text);
			margin: 15px 0px 0px 0px;
		}
		div.box__pop_up div.pop_up div.pop_up__desc div.pop_up__inputs{
			position: relative;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			align-items: stretch;
		}
		div.box__pop_up div.pop_up div.pop_up__inputs{
			position: relative;
			display: flex;
			gap: 25px;
			flex-direction: column;
			margin: 25px 0px 0px 0px;
		}
		div.box__pop_up div.pop_up div.pop_up__inputs div.pop_up__inputs__element{
			position: relative;
			display: flex;
			flex-direction: column;
			align-items: stretch;
			gap: 7px;
		}
		div.box__pop_up div.pop_up div.pop_up__inputs div.pop_up__inputs__element label{
			font-family: var(--font-family);
			font-weight: 500;
			font-size: 16px;
			color: var(--color-bg);
			margin: 0px 0px 7px 0px;
			display: inline-block;
		}
		div.box__pop_up div.pop_up div.pop_up__inputs div.pop_up__inputs__element input{
			border: 1px solid var(--color-line);
			border-radius: 10px;
			width: 100%;
			height: 66px;
			
			font-family: var(--font-family);
			font-weight: 400;
			font-size: 17px;
			color: #787c8a;
			padding: 25px;
			box-sizing: border-box;
			outline: none;
			background: transparent;
		}
		div.box__pop_up div.pop_up div.pop_up__inputs div.pop_up__inputs__element input:focus{
			border: 1px solid #2982D4;
			color: #0D1E4C;
		}
		div.box__pop_up div.pop_up div.pop_up__inputs div.pop_up__inputs__element input:not(:placeholder-shown) {
			color: #0D1E4C;
		}
		
		div.box__pop_up div.pop_up input[type=submit]{
			border-radius: 10px;
			padding: 15px 51px;
			width: 100%;
			height: 66px;
			background: var(--color-accent);
			border: none;
			font-family: var(--font-family);
			font-weight: 400;
			font-size: 16px;
			text-align: center;
			color: var(--color-white);
			margin: 35px 0px 0px 0px;
			cursor: pointer;
		}
		div.box__pop_up div.pop_up span.wpcf7-spinner{
			display: none;
		}
		div.box__pop_up div.pop_up .wpcf7 form.sent .wpcf7-response-output{
			display: none;
		}
		
		div.box__pop_up div.pop_up div.pop_up__box_success{
			margin: 20px 0px 0px 0px;
			position: relative;
			display: flex;
			justify-content: center;
		}
		div.box__pop_up div.pop_up div.pop_up__box_success label{
			display: flex;
			flex-direction: row;
			align-items: center;
			gap: 10px;
			justify-content: center;
		}
		
		div.box__pop_up div.pop_up svg.close{
			position: absolute;
			right: 25px;
			top: 25px;
			cursor: pointer;
		}
		div.box__pop_up div.pop_up svg#done_svg{
			width: 123px;
			height: 123px;
			box-sizing: border-box;
			padding: 30px;
			border-radius: 100%;
			border: 1px solid var(--color-accent);
			/* stroke: var(
			--color-accent); */
			margin: 20px auto 0px auto;
			display: none;
		}
		div.box__pop_up div.pop_up div.done_name{
			font-family: var(--third-family);
			font-weight: 500;
			font-size: 57px;
			line-height: 80%;
			letter-spacing: -0.02em;
			text-transform: uppercase;
			text-align: center;
			color: var(--color-bg);
			display: none;
			padding: 20px 0px 15px 0px;
		}
		div.box__pop_up div.pop_up div.done_desc{
			font-family: var(--font-family);
			font-weight: 400;
			font-size: 16px;
			line-height: 125%;
			text-align: center;
			color: var(--color-dop-text);
			display: none;
			margin: 0px 0px 20px 0px;
		}
		
		/**/
		
		div.box__product_info{
			display: none;
		}
		
		div.box__product_info div.product_info{
			background: var(--color-gray-bg);
			border-radius: 40px;
			max-width: 884px;
			width: 100%;
			padding: 40px 0px;
			box-sizing: border-box;
			position: relative;
			max-height: calc(100vh - 40px);
			overflow: hidden;
			display: flex;
			flex-direction: column;
		}
		div.box__product_info div.product_info::-webkit-scrollbar{
			width: 0px;
			height: 0px;
		}
		div.box__product_info div.product_info svg.close{
			position: absolute;
			top: 30px;
			right: 30px;
			cursor: pointer;
		}
		div.box__product_info div.product_info h2{
			font-family: var(--third-family);
			font-weight: 500;
			font-size: 54px;
			line-height: 80%;
			letter-spacing: -0.02em;
			text-transform: uppercase;
			text-align: center;
			color: var(--color-bg);
			margin: 0px 0px 25px 0px;
			padding: 0px 40px;
		}
		
		div.box__product_info div.product_info div.product__box_scroll{
			padding: 0px 40px;
			overflow-y: scroll;
		}
				/* Стилизация полосы прокрутки */
		div.box__product_info div.product_info div.product__box_scroll::-webkit-scrollbar {
		  width: 8px;
		  height: 7px; /* Высота горизонтального (если нужен) */
		  
		  border: 10px solid transparent;
		}

		/* Дорожка (фон) */
		div.box__product_info div.product_info div.product__box_scroll::-webkit-scrollbar-track {
		  background: var(--color-line);
		  border-radius: 60px;
		}

		/* Ползунок */
		div.box__product_info div.product_info div.product__box_scroll::-webkit-scrollbar-thumb {
		  background: var(--color-accent);
		  border-radius: 60px;
		}

		/* Ползунок при наведении */
		div.box__product_info div.product_info div.product__box_scroll::-webkit-scrollbar-thumb:hover {
		  background: #236EB9;
		}
		
		div.box__product_info div.product_info div.product__image_list{
			position: relative;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			overflow: hidden;
			width: 100%;
			box-sizing: border-box;
		}
		div.box__product_info div.product_info div.product__image_list div.swiper-wrapper{
			position: relative;
			display: flex;
			justify-content: flex-start;
			/* gap: 20px; */
		}
		div.box__product_info div.product_info div.product__image_list div.swiper-wrapper div.product__image_list{
			border: 1px solid var(--color-line);
			border-radius: 25px;
		}
		div.box__product_info div.product_info div.product__image_list div.swiper-wrapper div.product__image_list img{
			position: relative;
			width: 100%;
			height: 100%;
		}
		
		div.box__product_info div.product_info div:is(.product__characteristics, .product__desc){
			border-radius: 25px;
			background: var(--color-gray-die);
			padding: 40px;
		}
		div.box__product_info div.product_info div:is(.product__characteristics, .product__desc) h4{
			font-family: var(--font-family);
			font-weight: 500;
			font-size: 22px;
			color: var(--color-bg);
			margin: 0px 0px 20px 0px;
		}
		div.box__product_info div.product_info div:is(.product__characteristics, .product__desc) :is(div.product__characteristics__add, p){
			font-family: var(--font-family);
			font-weight: 400;
			font-size: 17px;
			line-height: 150%;
			color: var(--color-dop-text);
		}
		div.box__product_info div.product_info div:is(.product__characteristics) :is(div.product__characteristics__add){
			position: relative;
			display: flex;
			flex-direction: column;
			gap: 7px;
		}
		div.box__product_info div.product_info div:is(.product__characteristics) :is(div.product__characteristics__add) span{
			position: relative;
			display: flex;
			flex-direction: row;
			align-items: center;
			align-content: center;
			gap: 10px;
		}
		div.box__product_info div.product_info div:is(.product__characteristics) :is(div.product__characteristics__add) span span#val{
			font-family: var(--font-family);
			font-weight: 500;
			font-size: 20px;
			color: var(--color-dop-text);
		}
		
		div.box__product_info div.product_info div.product__desc{
			margin: 20px 0px 0px 0px;
		}
		
		/**/
		
		.animate-block, .animate-block-for-works {
            opacity: 0;
            transform: translateY(50px);
            transition: opacity 0.6s ease-out, transform 0.6s ease-out;
        }
        
        .animate-block.visible,  .animate-block-for-works.visible {
            opacity: 1;
            transform: translateY(0);
        }
		
		div.box_mobile_menu{
			position: fixed;
			width: 100vw;
			height: 100vh;
			z-index: 1;
			top: 0px;
			left: 0px;
			background: var(--color-gray-bg);
			padding: 15px;
			box-sizing: border-box;
			display: flex;
			flex-direction: column;
			gap: 20px;
			transform: translateX(100%);
			visibility: hidden;
			opacity: 0;
			
			transition: all 0.5s ease;
		}
		div.box_mobile_menu div.box_mobile_menu__list{
			position: relative;
			display: flex;
			flex-direction: column;
			align-items: stretch;
		    gap: 20px;
		}
		div.box_mobile_menu div.box_mobile_menu__header{
			position: relative;
			display: flex;
			align-items: center;
			flex-direction: row;
			justify-content: space-between;
		}
		div.box_mobile_menu div.box_mobile_menu__header svg{
			cursor: pointer;
		}
		div.box_mobile_menu div.box_mobile_menu__header span{
			font-family: var(--second-family);
			font-weight: 500;
			font-size: 65px;
			line-height: 80%;
			letter-spacing: -0.02em;
			text-transform: uppercase;
			text-align: center;
			color: var(--color-bg);
		}
		div.box_mobile_menu div.box_mobile_menu__list a{
			text-decoration: none;
			
			font-family: var(--font-family);
			font-weight: 400;
			font-size: 17px;
			line-height: 135%;
			color: var(--color-dop-text);
		}
		
		/*---------------------*/
		
		.container {
		  width: 100%;
		  padding-left: 15px;
		  padding-right: 15px;
		  margin-right: auto;
		  margin-left: auto;
		}

		@media (max-width: 575px) {
			
			.container {
				max-width: 100%;
				width: 100vw;
				/*background: brown;*/
					
				box-sizing: border-box;
			}
				
				header div.container{
				  justify-content: space-between;
			  }
			  
			  header div.container div.header__logo{
				  order: 1;
			  }
			  header div.container nav{
				  order: 3;
				  margin: 30px 0px 0px 0px;
			  }
			  header div.container nav ul{
				  padding: 20px 0px 0px 0px;
			  }
			  header div.container nav::after{
				  display: none;
			  }
			  header div.container nav::before{
				content: '';
				position: absolute;
				top: 0;
				right: 0;
				width: 0;
				height: 1px;
				background-color: rgba(255, 255, 255, 0.25);
				animation: borderGrow 1s ease-out forwards;
			  }
			  header div.container div.header__contacts{
				  order: 2;
				  flex-grow: 1;
				/* background: red; */
				justify-content: space-between;
				margin: 17px 0px 0px 0px;
				border-top: 1px solid rgba(255, 255, 255, 0.25);
				border-bottom: 1px solid rgba(255, 255, 255, 0.25);
				padding: 16px 0px;
				width: 100%;
			  }
			  
			   main div.main__first_screen_advantages div.container{
				  flex-direction: column;
				  gap: 0px;
			  }
			  
			  main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left, .main__first_screen_advantages__block_right){
				  flex-direction: column;
				  order: 1;
			  }
			  main div.main__first_screen_advantages div.container div.main__first_screen_advantages__block_right{
				  /*border-top: 1px solid rgba(255, 255, 255, 0.2);*/
			  }
			  
			  main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left, .main__first_screen_advantages__block_right) div:is(.main__first_screen_advantages__block_left__block_bottom, .main__first_screen_advantages__block_right__block_bottom){
				  border-top: none;
				  /*border-left: 1px solid rgba(255, 255, 255, 0.2);*/
				  padding: 45px 0px 45px 0px;
				  margin: 0px 0px 0px 0px;
			  }
			  
			  main div.main__first_screen_advantages div.container div.main__first_screen_advantages__block_center img{
				  top: -50px;
				  position: relative;
				  max-width: 433px;
				  width: 100%;
				  height: auto;
			  }
			  
			  main div.main__first_screen_advantages div.container div.main__first_screen_advantages__block_center{
				  width: 100%;
				  height: auto;
				  justify-content: center;
				  margin: 0px 0px 0px 0px;
			  }
			  
			  main div.main__second_screen_form div.container{
				  flex-direction: column;
				  align-items: center;
				  gap: 20px;
			  }
			  main div.main__second_screen_form div.container div.main__second_screen_form__block_left{
				   margin-right: initial;
			  }
			  
			  header div.container div.header__contacts div.header__contacts__eap{
				  margin: 0px;
				border-left: none;
				padding: 0px;
				flex-direction: column;
				gap: 5px;
				align-items: flex-start;
			  }
			  
			  header div.container nav{
				  display: none;
			  }
			  
			  header div.menu_mobile{
				  display: flex;
				  order: 1;
			  }
			  
			  main div.main__three_screen__block div.container div.main__three_screen__block__catalog,
			  main div.typical_solutions div.typical_solutions__box,
			  main div.typical_solutions div.typical_solutions__action_button,
			  main div.individual_project div.container div.individual_project__action_button,
			  main div.about_company div.container div.about_company__box,
			  main div.how_we_work div.container div.how_we_work__list,
			  main div.contacts div.container div.contacts__box,
			  footer div.container,
			  main div.about_company div.container div.about_company__box__aboun_company{
				  flex-direction: column;
			  }
			   main div.main__three_screen__block div.container div.main__three_screen__block__catalog div.swiper-wrapper > div,
			   main div.how_we_work div.container div.how_we_work__list div.how_we_work__list__element{
				  width: 100%;
			  }
			  
			  main div.contacts div.container div.contacts__box div.contacts__box__right > div{
				  height: 400px;
			  }
			  
			  footer div.container{
				  gap: 10px;
			  }
			  
			  main div.about_company div.container div.about_company__box__aboun_company div.about_company__box__aboun_company__r{
				  display: initial;
				  width: 180px;
					height: 0px;
			  }
			  
			  main div.about_company div.container div.about_company__box__aboun_company div.about_company__box__aboun_company__r:is(:first-child, :last-child){
				  display: none;
			  }
			  
			  main div.about_company div.container div.about_company__box__aboun_company{
				  gap: 35px;
				  padding: 40px 0px;
			  }
			  
			  header div.container div.header__contacts div.header__contacts__eap a:first-child{
				  order: 1;
			  }
				
			header div.container div.header__contacts div.header__contacts__eap_ux{
				  display: initial;
			  }
			  
			  header div.container div.header__contacts div.header__contacts__eap a span{
				font-family: var(--font-family);
				font-weight: 500;
				font-size: 17px;
				line-height: 120%;
				color: var(--light-color);
			  }
			  
			  main div.container h1{
				font-family: var(--second-family);
				font-weight: 500;
				font-size: 52px;
				line-height: 80%;
				letter-spacing: -0.02em;
				text-transform: uppercase;
				text-align: center;
				color: var(--light-color);
			  }
			  
			  main div.container div:is(.record_send, .record_send_add){
				font-family: var(--font-family);
				font-weight: 400;
				font-size: 15px;
				text-align: center;
				color: var(--color-white);
			  }
			  
			  main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left, .main__first_screen_advantages__block_right) div:is(.main__first_screen_advantages__block_left__block_top, .main__first_screen_advantages__block_right__block_top){
				  padding: 0px 0px 45px 0px;
			  }
			  main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left, .main__first_screen_advantages__block_right){
				  margin: 0px 0px 45px 0px;
			  }
			  main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left, .main__first_screen_advantages__block_right) div:is(.main__first_screen_advantages__block_left__block_top, .main__first_screen_advantages__block_right__block_top)::after ,
			  main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left)::after{
				  content: "";
				  position: absolute;
				  bottom: 0%; /* Размещаем посередине высоты */
				  left: 50%; /* Центрируем по горизонтали */
				  transform: translate(-50%); /* Смещаем назад на половину своей ширины/высоты */
				  width: 180px; /* Длина линии */
				  height: 1px; /* Толщина линии (можно заменить на border-top) */
				  background: rgba(255, 255, 255, 0.2); /* Цвет линии */
			  }
			  
			  main div.typical_solutions div.typical_solutions__selector{
				  flex-direction: row;
				  padding: 0px 0px 20px 0px;
				justify-content: flex-start;
			  }
			  
			  main div.individual_project div.container div.individual_project__action_button,
			  main div.container div.individual_project__action_button div:is(.record_send, .record_send_add),
			  main div.typical_solutions div.typical_solutions__action_button > div,
			  main div.how_we_work div.container div.record_send,
			  main div.reviews div.container img#rating,
			  main div.main__second_screen_form div.container div.main__second_screen_form__block_right,
			  main div.main__second_screen_form div.container div.main__second_screen_form__block_left{
				  width: 100%;
			  }
			  
			  main div.main__second_screen_form div.container div.main__second_screen_form__block_center span#desc{
				  width: 100%;
				  font-size: 16px;
				  margin: 17px 0px 25px 0px;
			  }
			  main div.main__second_screen_form div.container div.main__second_screen_form__block_center span:is(:first-child, #box),
			  main div:is(.typical_solutions, .individual_project) h2{
				  font-size: 47px;
			  }
			  
			  main div.first_screen{
				  padding: 0px 0px 85px 0px;
			  }
			  
			  main div.main__second_screen_form div.container div.main__second_screen_form__block_left,
			  main div.main__second_screen_form div.container div.main__second_screen_form__block_right{
				  overflow: hidden;
			  }
			  
			   main div.main__second_screen_form div.container div.main__second_screen_form__block_left::before,
			  main div.main__second_screen_form div.container div.main__second_screen_form__block_right::before{
			  content: "";
			  position: absolute;
			  top: 0;
			  left: 0;
			  width: 100%;
			  height: 100%;
			  background: linear-gradient( var(--color-gray-bg) 0%, transparent 10%); /* Чёрный полупрозрачный слой */
			  z-index: 1;/* Фактически не нужен, но можно управлять */
			}
			main div.main__second_screen_form div.container div.main__second_screen_form__block_left::after,
			  main div.main__second_screen_form div.container div.main__second_screen_form__block_right::after{
				content: "";
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: linear-gradient(to top, var(--color-gray-bg) 0%, transparent 10%);
				z-index: 1;
			}
			
			header div.container div.for_line{
				margin: 0px;
			}
			header div.container div.for_line div.for_line__line_ux,
			header div.container div.for_line::after{
				display: none;
			}
			
			main div.reviews div.container img#rating{
				max-width: 370px;
				width: 100%;
				height: auto;
			}
			
			main div.main__second_screen_form div.container div:is(.main__second_screen_form__block_left, .main__second_screen_form__block_right) > img {
				display: none;
			}
			
			main div.individual_project div.container p {
				width: 100%;
			}
			
			footer div.container div.contacts__footer__links {
				gap: 10px;
			}
			
			main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left, .main__first_screen_advantages__block_right) div:is(.main__first_screen_advantages__block_left__block_bottom, .main__first_screen_advantages__block_right__block_bottom) span#fs {
				font-weight: 500;
			}
			
			
			div.box_mobile_menu div.box_mobile_menu__header span{
				font-size: 50px;
			}
			div.box_mobile_menu{
				gap: 40px;
			}
			
			main div.reviews div.container div.reviews__list div.swiper-wrapper div.reviews__review div.reviews__content div.reviews__user_info div.reviews__user_data span#faln{
			    font-size: 20px;
			}
			main div.reviews div.container div.reviews__list div.swiper-wrapper div.reviews__review div.reviews__content div.reviews__description{
				 font-size: 16px;
			}
			main div.reviews div.container div.reviews__list div.swiper-wrapper div.reviews__review div.reviews__content div.reviews__user_info div.reviews__user_data span#date,
			main div.reviews div.container div.reviews__list div.swiper-wrapper div.reviews__review > a{
				font-size: 15px;
			}
			
			main div.reviews div.container div.reviews__list div.swiper-wrapper div.reviews__review div.reviews__content div.reviews__user_info{
				flex-direction: column;
			}
			main div.reviews div.container div.reviews__list div.swiper-wrapper div.reviews__review div.reviews__content div.reviews__user_info div.reviews__stars{
				margin: 7px 0px 0px 0px;
			}
			
			div.box__pop_up div.pop_up div.pop_up__name{
				 font-size: 54px;
			}
			div.box__pop_up div.pop_up div.pop_up__inputs div.pop_up__inputs__element input{
				font-size: 16px;
			}
			div.box__pop_up div.pop_up div.pop_up__desc,
			div.box__pop_up div.pop_up div.pop_up__inputs div.pop_up__inputs__element label,
			div.box__pop_up div.pop_up input[type=submit]{
				font-size: 15px;
			}
			
			div.box__product_info div.product_info{
				padding: 30px 0px;
			}
			div.box__product_info div.product_info h2,
			div.box__product_info div.product_info div.product__box_scroll{
				padding: 0px 30px;
			}
			
			div.box__product_info div.product_info svg.close{
				width: 18px;
				height: 18px;
			}
			
			div.box__product_info div.product_info div:is(.product__characteristics, .product__desc){
				padding: 25px;
			}
			div.box__product_info div.product_info div:is(.product__characteristics, .product__desc) h4{
				font-size: 19px;
			}
			div.box__product_info div.product_info div:is(.product__characteristics) :is(div.product__characteristics__add) span span#val{
				font-size: 17px;
			}
			div.box__product_info div.product_info div:is(.product__characteristics, .product__desc) :is(div.product__characteristics__add, p){
				font-size: 15px;
			}
			
			main div.main__second_screen_form{
				padding: 80px 0px 77px 0px;
			}
			
			main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left, .main__first_screen_advantages__block_right) div:is(.main__first_screen_advantages__block_left__block_bottom, .main__first_screen_advantages__block_right__block_bottom) span:last-child{
				  width: 260px;
			  }
			  
			  main div.main__second_screen_form div.container div.main__second_screen_form__block_center span#box{
				  padding: 8px 13px;
				  border-radius: 10px;
			  }
			  
			  div.box__product_info div.product_info h2{
				  font-size: 35px;
			  }
			  
			  main div.main__three_screen__block div.container h2,
			  main div:is(.typical_solutions, .individual_project) h2,
			  main div:is(.they-trust-us, .reviews, .contacts) h2,
			  main div.about_company div.container h2,
			  main div.how_we_work div.container h2{
				  font-size: 58px;
			  }
			  
			footer div.container span,
			footer div.container a{
				font-size: 15px;
			}
			
			main div.typical_solutions div.typical_solutions__box > div.typical_solutions__box__box_left,
			  main div.about_company div.container div.about_company__box div.about_company__box__left{
				  position: relative;
			  }
			
		}

		@media (min-width: 576px) {
			
			  .container {
				max-width: 576px;
				/*background: darkseagreen;*/
			  }
			  
			   header div.container{
				  justify-content: space-between;
			  }
			  
			  header div.container div.header__logo{
				  order: 1;
			  }
			  header div.container nav{
				  order: 3;
				  margin: 30px 0px 0px 0px;
			  }
			  header div.container nav ul{
				  padding: 20px 0px 0px 0px;
			  }
			  header div.container nav::after{
				  display: none;
			  }
			  header div.container nav::before{
				content: '';
				position: absolute;
				top: 0;
				right: 0;
				width: 0;
				height: 1px;
				background-color: rgba(255, 255, 255, 0.25);
				animation: borderGrow 1s ease-out forwards;
			  }
			  header div.container div.header__contacts{
				  order: 2;
				  flex-grow: 1;
				/* background: red; */
				justify-content: space-between;
				margin: 17px 0px 0px 0px;
				border-top: 1px solid rgba(255, 255, 255, 0.25);
				border-bottom: 1px solid rgba(255, 255, 255, 0.25);
				padding: 16px 0px;
				width: 100%;
			  }
			  
			   main div.main__first_screen_advantages div.container{
				  /*flex-direction: column;*/
				  gap: 0px;
				  flex-direction: row;
					flex-wrap: wrap;
					padding: 0px 0px 50px;
			  }
			  
			  main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left, .main__first_screen_advantages__block_right){
				  /*flex-direction: row;*/
				  order: 1;
				  flex-direction: column;
			    justify-content: flex-start;
			  }
			  main div.main__first_screen_advantages div.container div.main__first_screen_advantages__block_right{
				  /*border-top: 1px solid rgba(255, 255, 255, 0.2);*/
			  }
			  
			  main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left, .main__first_screen_advantages__block_right) div:is(.main__first_screen_advantages__block_left__block_bottom, .main__first_screen_advantages__block_right__block_bottom){
				  border-top: 1px solid rgba(255, 255, 255, 0.2);
				  /*border-left: 1px solid rgba(255, 255, 255, 0.2);*/
				  padding: 45px 0px 45px 0px;
				  margin: 0px 0px 0px 0px;
			  }
			  
			  main div.main__first_screen_advantages div.container div.main__first_screen_advantages__block_center img{
				  top: -50px;
				  position: relative;
			  }
			  
			  main div.main__first_screen_advantages div.container div.main__first_screen_advantages__block_center{
				  width: 100%;
				  height: auto;
				  justify-content: center;
				  margin: 0px 0px 0px 0px;
			  }
			  
			  main div.main__second_screen_form div.container{
				  flex-direction: column;
				  align-items: center;
				  gap: 20px;
			  }
			  main div.main__second_screen_form div.container div.main__second_screen_form__block_left{
				   margin-right: initial;
			  }
			  
			  header div.container div.header__contacts div.header__contacts__eap{
				  margin: 0px;
				border-left: none;
				padding: 0px;
				flex-direction: column;
				gap: 5px;
				align-items: flex-start;
			  }
			  
			  header div.container nav{
				  display: none;
			  }
			  
			  header div.menu_mobile{
				  display: flex;
				  order: 2;
			  }
			  
			  main div.main__three_screen__block div.container div.main__three_screen__block__catalog,
			  main div.typical_solutions div.typical_solutions__box,
			  main div.typical_solutions div.typical_solutions__action_button,
			  main div.individual_project div.container div.individual_project__action_button,
			  main div.about_company div.container div.about_company__box,
			  main div.how_we_work div.container div.how_we_work__list,
			  main div.contacts div.container div.contacts__box,
			  footer div.container,
			  main div.about_company div.container div.about_company__box__aboun_company{
				  flex-direction: column;
			  }
			   main div.main__three_screen__block div.container div.main__three_screen__block__catalog div.swiper-wrapper > div,
			   main div.how_we_work div.container div.how_we_work__list div.how_we_work__list__element{
				  width: 100%;
			  }
			  
			  main div.contacts div.container div.contacts__box div.contacts__box__right > div{
				  height: 400px;
			  }
			  
			  footer div.container{
				  gap: 10px;
			  }
			  
			  main div.about_company div.container div.about_company__box__aboun_company div.about_company__box__aboun_company__r{
				  width: 46px;
				height: 0px;
			  }
			  
			  main div.about_company div.container div.about_company__box__aboun_company{
				  /*gap: 20px;*/
				  flex-wrap: wrap;
				flex-direction: row;
				gap: 0px;
			  }
			  
			  header div.container div.header__contacts div.header__contacts__eap a:first-child{
				  order: 1;
			  }
			  
			  header div.container div.header__contacts div.header__contacts__eap_ux{
				  display: initial;
			  }
			  
			   /*header div.container div.header__contacts div.header__contacts__eap a span{
				font-family: var(--font-family);
				font-weight: 500;
				font-size: 17px;
				line-height: 120%;
				color: var(--light-color);
			  }*/
			  
			  main div.main__second_screen_form div.container div.main__second_screen_form__block_left,
			  main div.main__second_screen_form div.container div.main__second_screen_form__block_right{
				  overflow: hidden;
			  }
			  
			  main div.main__second_screen_form div.container div.main__second_screen_form__block_left::before,
			  main div.main__second_screen_form div.container div.main__second_screen_form__block_right::before{
			  content: "";
			  position: absolute;
			  top: 0;
			  left: 0;
			  width: 100%;
			  height: 100%;
			  background: linear-gradient( var(--color-gray-bg) 0%, transparent 10%); /* Чёрный полупрозрачный слой */
			  z-index: 1;/* Фактически не нужен, но можно управлять */
			}
			main div.main__second_screen_form div.container div.main__second_screen_form__block_left::after,
			  main div.main__second_screen_form div.container div.main__second_screen_form__block_right::after{
				content: "";
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: linear-gradient(to top, var(--color-gray-bg) 0%, transparent 10%);
				z-index: 1;
			}
			
			header div.container div.for_line div.for_line__line_ux{
			  display: none;
		  }
		  header div.container div.for_line{
			  justify-content: center;
			  margin: 0px 0px 0px 0px;
		  }
		  
		  header div.container div.for_line::after{
			  display: none;
		  }
		 
			header div.container div.header__contacts div.header__contacts__eap_ux{
			  display: initial;
		  }
		  
		  main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left){
			  /*border-top: 1px solid rgba(255, 255, 255, 0.2);*/
			border-top: 1px solid rgba(255, 255, 255, 0.2);
			border-bottom: 1px solid rgba(255, 255, 255, 0.2);
			margin: 0px 0px 0px 40px;
		  }
		   main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_right ){
			  /*border-bottom: 1px solid rgba(255, 255, 255, 0.2);*/
			  /*margin: 0px 0px 60px 0px;*/
			height: auto;
			/* flex-shrink: 1; */
			/* flex-grow: 1; */
			margin: 0px;
			border-left: 1px solid rgba(255, 255, 255, 0.2);
			border-bottom: 1px solid rgba(255, 255, 255, 0.2);
			border-top: 1px solid rgba(255, 255, 255, 0.2);
			margin: 0px 40px 0px 0px; 
		  }
		  
		  main div.typical_solutions div.typical_solutions__selector span,
		  main div.typical_solutions div.typical_solutions__box > div.typical_solutions__box__box_left > div.select span#desc{
			  font-size: 15px;
		  }
		  
		  main div.typical_solutions div.typical_solutions__box > div.typical_solutions__box__box_left > div div.typical_solutions__box__box_left__variant__header span#name{
			  font-size: 20px;
		  }
		 
			main div.typical_solutions div.typical_solutions__selector{
				padding: 0px 0px 20px 0px;
				justify-content: flex-start;
			}
		 
			header div.container div.for_line{
				width: 100%;
				order: 3;
			}
			
			main div.container h1{
			font-size: 83px;
		  }
		  
		  main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left, .main__first_screen_advantages__block_right) div:is(.main__first_screen_advantages__block_left__block_bottom, .main__first_screen_advantages__block_right__block_bottom) span#fs{
			  font-weight: 500;
		  }
		  
		  main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left, .main__first_screen_advantages__block_right) div:is(.main__first_screen_advantages__block_left__block_top, .main__first_screen_advantages__block_right__block_top){
			  padding: 80px 0px;
		  }
		  
		  main div.main__second_screen_form div.container div:is(.main__second_screen_form__block_left, .main__second_screen_form__block_right) > img{
			  display: none;
		  }
		  
		  main div.about_company div.container div.about_company__box__aboun_company{
			  flex-wrap: wrap;
		  }
		  
		  main div.about_company div.container div.about_company__box__aboun_company div.info{
			  flex: 1 1 calc(50% - 1px);
		  }
		  
		  main div.individual_project div.container p{
			  width: 100%;
		  }
		  
		  footer div.container div.contacts__footer__links{
				gap: 10px;
			}
			
			main div.container h1{
				font-size: 67px;
			}
			
			main div.main__second_screen_form div.container div.main__second_screen_form__block_left{
				    margin-right: 20%;
					transform: initial;
			}
			
			main div.main__second_screen_form div.container div.main__second_screen_form__block_right{
				width: 400px;
				margin-left: 10%;
				transform: initial;
			}
			
			main div.about_company div.container div.about_company__box__aboun_company div.about_company__box__aboun_company__r{
				display: none;
			}
			
			main div.about_company div.container div.about_company__box__aboun_company div.info.line{
				border-bottom: 1px solid rgba(255, 255, 255, 0.25);
				padding: 20px 0px 40px 0px;
			}
			
			main div.about_company div.container div.about_company__box__aboun_company div.info.br {
				border-right: 1px solid rgba(255, 255, 255, 0.25);
			}
			
			main div.about_company div.container div.about_company__box__aboun_company div.npx_o {
				margin: 0px 0px 0px 0px;
				padding: 40px 0px 40px 0px;
			}
			
			main div.about_company div.container div.about_company__box__aboun_company{
				padding: 20px 0px 0px 0px;
			}
		 
			div.box_mobile_menu div.box_mobile_menu__header span{
				font-size: 50px;
			}
			div.box_mobile_menu{
				gap: 40px;
			}
			
			main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left){
				  margin: 0px;
			  }
			  main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_right ){
				  margin: 0px;
			  }
			  
			  main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left, .main__first_screen_advantages__block_right) div:is(.main__first_screen_advantages__block_left__block_bottom, .main__first_screen_advantages__block_right__block_bottom) span:last-child{
				  width: 260px;
			  }
			  
			  div.box__product_info div.product_info h2{
				  font-size: 40px;
			  }
			  
			  main div.typical_solutions div.typical_solutions__box > div.typical_solutions__box__box_left,
			  main div.about_company div.container div.about_company__box div.about_company__box__left{
				  position: relative;
			  }
		 
		}

		@media (min-width: 768px) {
		  .container {
			max-width: 720px;
			/*background: teal;*/
		  }
		  
		   header{
				padding: 0px;
			}
		  
		   header div.container{
			  justify-content: center;
			  align-items: center;
		  }
		  
		  header div.container div.header__contacts div.header__contacts__eap{
			/* margin: 0px 0px 0px 37px;
			border-left: 1px solid rgba(255, 255, 255, 0.25);
			padding: 0px 0px 0px 37px;*/
			flex-direction: column;
			/*gap: 27px;*/
			/*align-items: center;*/
		  }
		  
		  header div.container div.header__contacts{
			  display: flex;
		  }
		  header div.container div.header__contacts{
			  width: auto;
		  }
		  
		  main div.main__three_screen__block div.container div.main__three_screen__block__catalog,
		  main div.typical_solutions div.typical_solutions__box,
		  main div.typical_solutions div.typical_solutions__action_button,
		  main div.individual_project div.container div.individual_project__action_button,
		  main div.about_company div.container div.about_company__box,
		  main div.how_we_work div.container div.how_we_work__list,
		  main div.contacts div.container div.contacts__box,
		  footer div.container{
			  flex-direction: row;
		  }
		  main div.main__three_screen__block div.container div.main__three_screen__block__catalog div.swiper-wrapper > div,
		  main div.how_we_work div.container div.how_we_work__list div.how_we_work__list__element{
			  width: calc((100% / 3) - 20px);
		  }
		  
		  main div.contacts div.container div.contacts__box div.contacts__box__right > div{
			  height: 400px;
		  }
		  
		  footer div.container{
			  gap: 0px;
		  }
		  
		   header div.container div.header__contacts{
			  order: 2;
			  flex-grow: 0;
			/* background: red; */
			justify-content: space-between;
			margin: 0px;
			border-top: none;
			border-bottom: none;
			padding: 0px;
			width: 100%;
		  }
		  
		  header div.container div.header__contacts div.header__contacts__eap a:first-child{
			  order: initial;
		  }
		  
		  /*header div.container div.header__contacts div.header__contacts__eap a span{
			font-family: var(--font-family);
			font-weight: 600;
			font-size: 18px;
			line-height: 120%;
			color: var(--light-color);
			flex-shrink: 0;
		  }*/
		  
		  main div.typical_solutions div.typical_solutions__box,
		  main div.about_company div.container div.about_company__box{
			  flex-direction: column;
		  }
		  
		  main div.how_we_work div.container div.how_we_work__list div.how_we_work__list__element{
			  width: calc((100% / 2) - 20px);
		  }
		  
		  main div.contacts div.container div.contacts__box{
			  flex-direction: column;
		  }
		  
		  header div.container div.for_line{
				width: initial;
				order: 2;
				border-bottom: 1px solid rgba(255, 255, 255, 0.2);
				/* width: 100%; */
				margin: 0px 50px;
				padding: 14px 0px;
			}
		  
		  main div.about_company div.container div.about_company__box__aboun_company{
			  flex-direction: row;
			  gap: 0px;
		  }
		  main div.about_company div.container div.about_company__box__aboun_company div.about_company__box__aboun_company__r {
				display: none;
			}
			main div.about_company div.container div.about_company__box__aboun_company div.about_company__box__aboun_company__r.npx {
				display: initial !important;
			}
			main div.about_company div.container div.about_company__box__aboun_company div.about_company__box__aboun_company__r{
				height: 46px;
				width: 0px;
			}
			main div.about_company div.container div.about_company__box__aboun_company div.npx_o {
				margin: 40px 0px 0px 0px;
			}

			footer div.container{
				flex-direction: column;
				gap: 10px;
			}
			
			main div.container h1{
				font-size: 83px;
			}
			
			main div.about_company div.container div.about_company__box__aboun_company div.info.line{
			  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
			  padding: 20px 0px 40px 0px;
		  }
		  main div.about_company div.container div.about_company__box__aboun_company div.info.br{
			  border-right: 1px solid rgba(255, 255, 255, 0.25);
		  }
		  main div.about_company div.container div.about_company__box__aboun_company div.about_company__box__aboun_company__r.npx{
			  display: none !important;
		  }
		  main div.about_company div.container div.about_company__box__aboun_company div.npx_o{
			 margin: 0px 0px 0px 0px;
		     padding: 40px 0px 40px 0px;
		  }
		  
		  main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left){
			  margin: 0px 0px 0px 40px;
		  }
		  main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_right ){
			  margin: 0px 40px 0px 0px;
		  }
		  
		  main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left, .main__first_screen_advantages__block_right) div:is(.main__first_screen_advantages__block_left__block_bottom, .main__first_screen_advantages__block_right__block_bottom) span:last-child{
			  width: initial;
		  }
		  
		  div.box__product_info div.product_info h2{
				  font-size: 45px;
			  }
			
		}

		@media (min-width: 992px) {
		  .container {
			max-width: 960px;
			/*background: brown;*/
		  }
		  
		  
		  header div.container div.header__contacts div.header__contacts__eap{
			  flex-direction: row;
			  gap: 27px;
		  }
		  
		  main div.about_company div.container div.about_company__box__aboun_company div.about_company__box__aboun_company__r{
			  display: initial;
			  width: 0px;
			height: 46px;
		  }
		  
		 main div.about_company div.container div.about_company__box__aboun_company{
			  flex-direction: row;
			  gap: 0px;
		  }
		  
		  main div.typical_solutions div.typical_solutions__selector{
			  padding: 0px;
			  justify-content: center;
		  }
		  
		  main div.typical_solutions div.typical_solutions__box,
		  main div.about_company div.container div.about_company__box{
			  flex-direction: row;
		  }
		  
		  main div.contacts div.container div.contacts__box{
			  flex-direction: row;
		  }
		  
		  main div.contacts div.container div.contacts__box div.contacts__box__right > div{
			  height: 100%;
		  }
		  
		  main div.about_company div.container div.about_company__box__aboun_company div.about_company__box__aboun_company__r{
			  display: none;
		  }
		  
		  main div.individual_project div.container p{
			  width: calc((100%/12) * 8);
		  }
		  
		  footer div.container{
				flex-direction: row;
			}
			
			footer div.container div.contacts__footer__links{
				gap: 0px;
			}
			
			main div.main__second_screen_form div.container div.main__second_screen_form__block_left{
				    margin-right: 50%;
					transform: translateX(50%);
			}
			
			main div.main__second_screen_form div.container div.main__second_screen_form__block_right{
				width: 400px;
				margin-left: 50%;
				transform: translateX(-50%);
			}
			
			header div.container div.header__contacts{
				justify-content: initial;
				width: initial;
			  }
		  
			div.box_mobile_menu div.box_mobile_menu__header span{
				font-size: 50px;
			}
			div.box_mobile_menu{
				gap: 40px;
			}
			
			div.box__product_info div.product_info h2{
				  font-size: 45px;
			  }
			  
			  main div.typical_solutions div.typical_solutions__box > div.typical_solutions__box__box_left,
			  main div.about_company div.container div.about_company__box div.about_company__box__left{
				  position: sticky;
			  }
		  
		}

		@media (min-width: 1200px) {
		  .container {
			max-width: 1140px;
			/*background: violet;*/
		  }
		  
		  main div.main__first_screen_advantages div.container{
			  gap: 56px;
			  padding: 0px;
		  }
		  
		  main div.main__second_screen_form div.container div.main__second_screen_form__block_right{
			  width: 340px;
			  padding: 0px 0px 0px 0px;
		  }
		  
		  main div.main__first_screen_advantages div.container{
			  flex-direction: row;
		  }
		  
		  main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left, .main__first_screen_advantages__block_right){
			  flex-direction: column;
			  order: initial;
			  justify-content: center;
		  }
		   main div.main__first_screen_advantages div.container div.main__first_screen_advantages__block_right{
			  border-top: none;
		  }
		  
		  main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left, .main__first_screen_advantages__block_right) div:is(.main__first_screen_advantages__block_left__block_bottom, .main__first_screen_advantages__block_right__block_bottom){
			  border-top: 1px solid rgba(255, 255, 255, 0.2);
			  border-left: none;
			  padding: 45px 0px 0px 0px;
			  margin: 45px 0px 0px 0px;
		  }
		  
		  main div.main__first_screen_advantages div.container div.main__first_screen_advantages__block_center img{
			  top: -50px;
			   position: absolute;
		  }
		  
		  main div.main__first_screen_advantages div.container div.main__first_screen_advantages__block_center{
			  width: 433px;
			  height: 450px;
			   justify-content: initial;
			   margin: 0px;
		  }
		  
		  main div.main__second_screen_form div.container{
			  flex-direction: initial;
			  align-items: initial;
			  gap: 0px;
		  }
		  main div.main__second_screen_form div.container div.main__second_screen_form__block_left{
			  margin-right: auto;
			  padding: 0px 20px 0px 0px;
		  }
		  
		  main div.main__second_screen_form div.container div.main__second_screen_form__block_left,
		  main div.main__second_screen_form div.container div.main__second_screen_form__block_right{
			  overflow: initial;
		  }
		  
			  main div.main__second_screen_form div.container div.main__second_screen_form__block_left::before,
			  main div.main__second_screen_form div.container div.main__second_screen_form__block_right::before{
			  content: "";
			  position: absolute;
			  top: 0;
			  left: 0;
			  width: 0%;
			  height: 0%;
			  background: initial; /* Чёрный полупрозрачный слой */
			  z-index: 0;/* Фактически не нужен, но можно управлять */
			  
			}
			main div.main__second_screen_form div.container div.main__second_screen_form__block_left::after,
			  main div.main__second_screen_form div.container div.main__second_screen_form__block_right::after{
				content: "";
				position: absolute;
				bottom: 0;
				left: 0;
				 width: 0%;
			  height: 0%;
			  background: initial; /* Чёрный полупрозрачный слой */
			  z-index: 0;/* Фактически не нужен, но можно управлять */
			}
			
			header div.container nav ul{
			  padding: 0px;
		  }
		  header div.container nav::before{
			  display: none;
		  }
		  
		  header div.container nav{
			  order: 1;
			  margin: 0px;
		  }
		  
		  main div.main__second_screen_form div.container div.main__second_screen_form__block_left, main div.main__second_screen_form div.container div.main__second_screen_form__block_right{
			  width: 330px;
		  }
		  
		  header div.container div.header__contacts div.header__contacts__eap{
			  gap: 4px;
			  align-items: flex-start;
			  flex-direction: column;
		  }
		  
		  header div.menu_mobile{
			  display: none;
		  }
		  
		  header div.container nav{
			  display: flex;
		  }
		  
		  header div.container div.for_line div.for_line__line_ux{
			  display: initial;
		  }
		  
		  header div.container div.for_line{
			justify-content: space-between;
			margin: 0px 0px 0px 51px;
			padding: 16px 0px;
			box-sizing: border-box;
			position: relative;
		  }
		  
		  header div.container div.for_line::after{
			  display: initial;
		  }
		  
		  header div.container{
			  align-items: center;
		  }
		  
		  header div.container div.header__contacts div.header__contacts__eap_ux{
			  display: none;
		  }
		  
		   main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left){
			  border-top: none;
			  margin: 0px;
		  }
		   main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_right ){
			  border-bottom: none;
		      justify-content: center;
			  margin: 0px;
			  border-left: 0px;
		  }
		  
		  main div.typical_solutions div.typical_solutions__selector span,
		  main div.typical_solutions div.typical_solutions__box > div.typical_solutions__box__box_left > div.select span#desc{
			  font-size: 17px;
		  }
		  
		  main div.typical_solutions div.typical_solutions__box > div.typical_solutions__box__box_left > div div.typical_solutions__box__box_left__variant__header span#name{
			  font-size: 22px;
		  }
		  
		  main div.container h1{
			font-size: 87px;
		  }
		  
		  main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left, .main__first_screen_advantages__block_right) div:is(.main__first_screen_advantages__block_left__block_bottom, .main__first_screen_advantages__block_right__block_bottom) span#fs{
			  font-weight: 600;
		  }
		  
		  main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left, .main__first_screen_advantages__block_right) div:is(.main__first_screen_advantages__block_left__block_top, .main__first_screen_advantages__block_right__block_top){
			  padding: 0px;
		  }
		  
		  main div.main__second_screen_form div.container div:is(.main__second_screen_form__block_left, .main__second_screen_form__block_right) > img{
			  display: initial;
		  }
		  
		  main div.about_company div.container div.about_company__box__aboun_company{
			  flex-wrap: initial;
		  }
		  
		  main div.about_company div.container div.about_company__box__aboun_company div.info{
			  flex: 1;
		  }
		  
		  main div.about_company div.container div.about_company__box__aboun_company div.about_company__box__aboun_company__r{
			  display: initial;
		  }
		  
		  main div.about_company div.container div.about_company__box__aboun_company div.npx_o{
			 margin: 0px 0px 0px 0px;
			 padding: 0px;
		  }
		  
		  main div.how_we_work div.container div.how_we_work__list div.how_we_work__list__element{
			  width: calc((100% / 3) - 20px);
		  }
		  
		  main div.main__second_screen_form div.container div.main__second_screen_form__block_left{
				    margin-right: auto;
					transform: initial;
			}
			
			main div.main__second_screen_form div.container div.main__second_screen_form__block_right{
				margin-left: initial;
				transform: initial;
			}
			
			main div.about_company div.container div.about_company__box__aboun_company div.info.line{
				border-bottom: none;
				padding: 0px;
			}
			
			main div.about_company div.container div.about_company__box__aboun_company div.info.br{
				border-right: none;
			}
			
			main div.about_company div.container div.about_company__box__aboun_company div.about_company__box__aboun_company__r.npx{
				display: initial !important;
			}
			
			main div.main__three_screen__block div.container div.main__three_screen__block__catalog div.swiper-wrapper > div div.main__three_screen__block__catalog__element__image span{
				padding: 9px 20px 11px 20px;
			}
			
			main div.about_company div.container div.about_company__box__aboun_company{
				padding: 50px 0px;
			}
		  
		}

		@media (min-width: 1440px) {
			
			/**:not(
				main div.container h1, 
				main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left, .main__first_screen_advantages__block_right) div:is(.main__first_screen_advantages__block_left__block_top, .main__first_screen_advantages__block_right__block_top) span:last-child, 
				main div.main__second_screen_form div.container div.main__second_screen_form__block_center span:is(:first-child, #box),
				main div.main__second_screen_form div.container div.main__second_screen_form__block_center span#desc,
				main div.main__three_screen__block div.container h2,  
				main div:is(.typical_solutions, .individual_project) h2,
				main div:is(.they-trust-us, .reviews, .contacts) h2 ,
				main div.about_company div.container h2 , 
				main div.about_company div.container div.about_company__box__aboun_company div.info span:last-child, 
				main div.about_company div.container div.about_company__box__aboun_company div.info span:first-child,
				main div.how_we_work div.container h2, div.box__pop_up div.pop_up div.pop_up__name,
				header div.container div.header__logo svg,  
				main div.about_company div.container div.about_company__box div.about_company__box__left div:is(.about_company__box__left__top, .about_company__box__left__bottom) h3,
				main div.about_company div.container div.about_company__box div.about_company__box__left div:is(.about_company__box__left__top, .about_company__box__left__bottom) div,
				main div.how_we_work div.container h2,
				main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left, .main__first_screen_advantages__block_right) div:is(.main__first_screen_advantages__block_left__block_top, .main__first_screen_advantages__block_right__block_top) span:last-child,
				main div.typical_solutions div.typical_solutions__box > div.typical_solutions__box__box_left > div div.typical_solutions__box__box_left__variant__header span#name,
				main div.contacts div.container div.contacts__box div.contacts__box__left > div.contacts__box__left__bottom h4,
				main div.reviews div.container div.reviews__list div.swiper-wrapper div.reviews__review div.reviews__content div.reviews__user_info div.reviews__user_data span#faln,
				main div.how_we_work div.container div.how_we_work__list div.how_we_work__list__element h3,
				main div.how_we_work div.container div.how_we_work__list div.how_we_work__list__element p,
				main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left, .main__first_screen_advantages__block_right) div:is(.main__first_screen_advantages__block_left__block_top, .main__first_screen_advantages__block_right__block_top) span:last-child,
				main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left, .main__first_screen_advantages__block_right) div:is(.main__first_screen_advantages__block_left__block_top, .main__first_screen_advantages__block_right__block_top) span:first-child,
				main div.contacts div.container div.contacts__box div.contacts__box__left > div.contacts__box__left__top div.contacts__box__left__top__element > div.contacts__box__left__top__element__text span:last-child,
				main div.contacts div.container div.contacts__box div.contacts__box__left > div.contacts__box__left__bottom div:is(.ogrn, .inn) span:last-child,
				main div.contacts div.container div.contacts__box div.contacts__box__left > div.contacts__box__left__bottom div:is(.ogrn, .inn) span:first-child,
				main div.contacts div.container div.contacts__box div.contacts__box__left > div.contacts__box__left__bottom div.name,
				main div.reviews div.container div.reviews__list div.swiper-wrapper div.reviews__review div.reviews__content div.reviews__description,
			){
				font-size: calc(16 * 100vw / 1440) !important;
			}*/
			main div.main__three_screen__block div.container div.main__three_screen__block__catalog div.swiper-wrapper > div div.main__three_screen__block__catalog__element__image span,
			div.box__pop_up div.pop_up form div.pop_up__box_success label span{
				font-size: calc(15 * 100vw / 1440) !important;
			}
			header div.container nav ul a,
			main div.container div:is(.record_send, .record_send_add),
			main div.individual_project div.container p,
			main div.reviews div.container div.reviews__list div.swiper-wrapper div.reviews__review div.reviews__content div.reviews__user_info div.reviews__user_data span#date,
			main div.reviews div.container div.reviews__list div.swiper-wrapper div.reviews__review > a,
			footer div.container a,
			footer div.container span,
			div.box__pop_up div.pop_up div.pop_up__desc,
			div.box__pop_up div.pop_up div.pop_up__inputs div.pop_up__inputs__element label,
			div.box__pop_up div.pop_up input[type=submit],
			div.box__pop_up div.pop_up div.done_desc{
				font-size: calc(16 * 100vw / 1440) !important;
			}
			header div.container div.header__contacts div.header__contacts__eap a span{
				font-size: calc(18 * 100vw / 1440) !important;
			}
			
			main div.container h1{
				font-size: calc(91 * 100vw / 1440) !important;
			}
			main div.main__second_screen_form div.container div.main__second_screen_form__block_center span:is(:first-child, #box),
			main div.main__three_screen__block div.container h2,
			main div:is(.typical_solutions, .individual_project) h2,
			main div:is(.they-trust-us, .reviews, .contacts) h2,
			main div.about_company div.container h2,
			main div.how_we_work div.container h2{
				font-size: calc(70 * 100vw / 1440) !important;
			}
			/*div.box__pop_up div.pop_up div.pop_up__name{
				font-size: calc(65 * 100vw / 1440) !important;
			}*/
			
			div.box__pop_up div.pop_up div.pop_up__name{
				font-size: calc(65 * 100vw / 1440) !important;
			}
			div.box__product_info div.product_info h2{
				font-size: calc(50 * 100vw / 1440) !important;
			}
			
			main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left, .main__first_screen_advantages__block_right) div:is(.main__first_screen_advantages__block_left__block_top, .main__first_screen_advantages__block_right__block_top) span:last-child,
			main div.about_company div.container div.about_company__box__aboun_company div.info span:last-child,
			div.box__pop_up div.pop_up div.done_name{
				font-size: calc(57 * 100vw / 1440) !important;
			}
			main div.main__three_screen__block div.container div.main__three_screen__block__catalog div.swiper-wrapper > div span#name{
				font-size: calc(25 * 100vw / 1440) !important;
			}
			main div.typical_solutions div.typical_solutions__box > div.typical_solutions__box__box_left > div div.typical_solutions__box__box_left__variant__header span#name,
			main div.about_company div.container div.about_company__box div.about_company__box__left div:is(.about_company__box__left__top, .about_company__box__left__bottom) h3,
			main div.contacts div.container div.contacts__box div.contacts__box__left > div.contacts__box__left__bottom h4,
			main div.reviews div.container div.reviews__list div.swiper-wrapper div.reviews__review div.reviews__content div.reviews__user_info div.reviews__user_data span#faln,
			div.box__product_info div.product_info div:is(.product__characteristics, .product__desc) h4{
				font-size: calc(22 * 100vw / 1440) !important;
			}
			main div.how_we_work div.container div.how_we_work__list div.how_we_work__list__element h3{
				font-size: calc(21 * 100vw / 1440) !important;
			}

			main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left, .main__first_screen_advantages__block_right) div:is(.main__first_screen_advantages__block_left__block_bottom, .main__first_screen_advantages__block_right__block_bottom) span#fs,
			main div.contacts div.container div.contacts__box div.contacts__box__left > div.contacts__box__left__top div.contacts__box__left__top__element > div.contacts__box__left__top__element__text span:last-child,
			main div.contacts div.container div.contacts__box div.contacts__box__left > div.contacts__box__left__bottom div:is(.ogrn, .inn) span:last-child,
			div.box__product_info div.product_info div:is(.product__characteristics) div.product__characteristics__add > span > span{
				font-size: calc(20 * 100vw / 1440) !important;
			}
			main div.contacts div.container div.contacts__box div.contacts__box__left > div.contacts__box__left__bottom div.name{
				font-size: calc(19 * 100vw / 1440) !important;
			}
			main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left, .main__first_screen_advantages__block_right) div:is(.main__first_screen_advantages__block_left__block_top, .main__first_screen_advantages__block_right__block_top) span:first-child,
			main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left, .main__first_screen_advantages__block_right) div:is(.main__first_screen_advantages__block_left__block_bottom, .main__first_screen_advantages__block_right__block_bottom) span:last-child,
			main div.main__second_screen_form div.container div.main__second_screen_form__block_center span#desc,
			main div.about_company div.container div.about_company__box__aboun_company div.info span:first-child,
			main div.how_we_work div.container div.how_we_work__list div.how_we_work__list__element p,
			main div.contacts div.container div.contacts__box div.contacts__box__left > div.contacts__box__left__top div.contacts__box__left__top__element > div.contacts__box__left__top__element__text > span:first-child,
			main div.contacts div.container div.contacts__box div.contacts__box__left > div.contacts__box__left__bottom div:is(.ogrn, .inn) span:first-child,
			main div.reviews div.container div.reviews__list div.swiper-wrapper div.reviews__review div.reviews__content div.reviews__description,
			main div.about_company div.container div.about_company__box div.about_company__box__left div:is(.about_company__box__left__top, .about_company__box__left__bottom) div,
			main div.main__three_screen__block div.container div.main__three_screen__block__catalog div.swiper-wrapper > div div.main__three_screen__block__catalog__element__desc span,
			main div.main__three_screen__block_text_run div.marquee,
			main div.typical_solutions div.typical_solutions__selector span,
			main div.typical_solutions div.typical_solutions__selector span, main div.typical_solutions div.typical_solutions__box > div.typical_solutions__box__box_left > div.select span#desc,
			div.box__pop_up div.pop_up div.pop_up__inputs div.pop_up__inputs__element input,
			main div:is(.main__second_screen__block_text_run, .main__three_screen__block_text_run) div.marquee,
			div.box__product_info div.product_info div:is(.product__characteristics, .product__desc) :is(div.product__characteristics__add > span, p){
				font-size: calc(17 * 100vw / 1440) !important;
			}
			/**/
			/**/
			/**/
			header div.container div.header__logo svg{
				width: calc(150 * 100vw / 1440) !important;
			}
			
		  .container {
			max-width: 100%;
			box-sizing: border-box;
			width: 100%;
			padding: 0px 70px;
			/*background: crimson;*/
		  }
		  
		  header{
				padding: 12px 0px 0px 0px;
			}
		header div.container div.for_line{
			padding: 12px 0px 24px 0px;
		}
		  
		  header div.container div.header__logo{
			  order: 1;
		  }
		  header div.container{
			justify-content: space-between;
		  }
		  header div.container nav{
			  order: 2;
			  /*margin: 0px 0px 0px 51px;*/
			  margin: 0px;
		  }
		  header div.container nav::after{
			  display: initial;
		  }
		  header div.container div.header__contacts{
			  order: 3;
		  }
		  
		  main div.main__first_screen_advantages div.container{
			  gap: 56px;
			  justify-content: space-between;
		  }
		  
		  main div.main__second_screen_form div.container div.main__second_screen_form__block_right{
			  width: auto;
			  padding: 0px 0px 0px 20px;
		  }
		  
		   main div.main__second_screen_form div.container div.main__second_screen_form__block_left{
			   padding: 0px;
			   width: auto;
			   margin-right: initial;
			   padding: 0px 20px 0px 0px;
		   }
		   
		   main div.main__second_screen_form div.container{
			   justify-content: space-between;
		   }
		   
		   main div.main__second_screen_form div.container div.main__second_screen_form__block_left,
		   main div.main__second_screen_form div.container div.main__second_screen_form__block_right{
			   flex: 1;
		   }
		   
		   header div.container div.header__contacts div.header__contacts__eap{
			   flex-direction: row;
		   }
		   
		   header div.container div.header__contacts div.header__contacts__eap{
			  gap: 27px;
		  }
		  
		   body main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left, .main__first_screen_advantages__block_right){
			   flex: 0 1 auto;
				width: calc(300 * 100vw / 1440) !important;
		   }
		  main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left, .main__first_screen_advantages__block_right),
		  main div.main__first_screen_advantages div.container div.main__first_screen_advantages__block_center{
			  flex: 1;
		  }
		  main div.main__first_screen_advantages div.container div.main__first_screen_advantages__block_center{
			margin: 0px 0px -50px 0px;
			height: 100%;
			width: calc(433 * 100vw / 1440) !important;
			flex: 0 1 auto;
		  }
		  main div.main__first_screen_advantages div.container div.main__first_screen_advantages__block_center img{
			  width: 100%;
			position: relative;
			height: inherit;
		  }
		  
		 main div.container div.individual_project__action_button div:is(.record_send, .record_send_add),
		 main div.typical_solutions div.typical_solutions__action_button > div,
		  main div.container div:is(.record_send, .record_send_add){
			  padding: 5px 20px;
		  }
		  
		  header div.container div.header__contacts div.header__contacts__eap a svg{
			  height: calc(16 * 100vw / 1440) !important;
			width: auto;
		  }
		  
			header div.container div.header__contacts div.header__contacts__sn a svg{
				height: calc(45 * 100vw / 1440) !important;
				width: auto;
			}
		
			main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left, .main__first_screen_advantages__block_right) div:is(.main__first_screen_advantages__block_left__block_bottom, .main__first_screen_advantages__block_right__block_bottom) div.svg svg,
			main div.how_we_work div.container div.how_we_work__list div.how_we_work__list__element div.icon svg{
				height: calc(40 * 100vw / 1440) !important;
				width: auto;
			}
			
			main div.contacts div.container div.contacts__box div.contacts__box__left > div.contacts__box__left__top div.contacts__box__left__top__element.one > div.contacts__box__left__top__element__icon svg{
				height: calc(22 * 100vw / 1440) !important;
				width: calc(20 * 100vw / 1440) !important;
			}
			main div.contacts div.container div.contacts__box div.contacts__box__left > div.contacts__box__left__top div.contacts__box__left__top__element.two > div.contacts__box__left__top__element__icon svg{
				height: calc(20 * 100vw / 1440) !important;
				width: calc(20 * 100vw / 1440) !important;
			}
			main div.contacts div.container div.contacts__box div.contacts__box__left > div.contacts__box__left__top div.contacts__box__left__top__element.three > div.contacts__box__left__top__element__icon svg{
				height: calc(16 * 100vw / 1440) !important;
				width: calc(22 * 100vw / 1440) !important;
			}
			
			main div.reviews div.container div.controls > div, main div.main__three_screen__block div.container div.controls > div,
			main div.contacts div.container div.contacts__box div.contacts__box__left > div.contacts__box__left__top div.contacts__box__left__top__element > div.contacts__box__left__top__element__icon,
			main div.individual_project div.container div.controls > div{
				aspect-ratio: 1;
				width: calc(70 * 100vw / 1440) !important;
				height: auto;
			}
			
			main div.reviews div.container div.controls > div svg, main div.main__three_screen__block div.container div.controls > div svg, main div.individual_project div.container div.controls > div svg{
				width: calc(20 * 100vw / 1440) !important;
				height: auto;
			}
			
			main div.main__three_screen__block div.container div.main__three_screen__block__catalog div.swiper-wrapper > div div.main__three_screen__block__catalog__element__desc svg{
				width: auto;
				height: calc(15 * 100vw / 1440) !important;
			}
			
			main div.typical_solutions div.typical_solutions__box > div.typical_solutions__box__box_left > div svg{
				width: calc(30 * 100vw / 1440) !important;
				height: auto;
			}
			
			main div.they-trust-us div.they-trust-us__images{
				height: 100%;
				width: 100%;
				padding: 60px 20px;
			}
			body main div.they-trust-us div.they-trust-us__images div.marquee-content{
				position: relative;
			}
			main div.they-trust-us div.they-trust-us__images div.they-trust-us__images_ux div.they-trust-us__images__image{
				width: calc(210 * 100vw / 1440) !important;
				height: 100%;
				padding: 0px 20px;
			}
			main div.they-trust-us div.they-trust-us__images div.they-trust-us__images_ux div.they-trust-us__images__image img{
				width: 100%;
				aspect-ratio: 268 / 173;
				/* box-sizing: border-box; */
				object-fit: contain;
			}
			
			main div.reviews div.container img#rating{
				width: calc(400 * 100vw / 1440) !important;
				height: 100%;
			}
		  
			footer div.container{
				padding: 0px 70px 30px 70px;
			}
			
			div.box__pop_up div.pop_up{
				width: calc(500 * 100vw / 1440) !important;
				max-width: initial !important;
				padding: calc(40 * 100vw / 1440);
			}
			div.box__pop_up div.pop_up svg.close{
				width: calc(18 * 100vw / 1440) !important;
				height: calc(18 * 100vw / 1440) !important;
			}
			
			div.box__product_info div.product_info{
				width: calc(884 * 100vw / 1440) !important;
			}
			div.box__product_info div.product_info svg.close{
				width: calc(27 * 100vw / 1440) !important;
				height: calc(27 * 100vw / 1440) !important;
			}
			
			input[type="checkbox"]{
				width: calc(20 * 100vw / 1440) !important;
				height: calc(20 * 100vw / 1440) !important;
			}
			
			main div.how_we_work div.container div.how_we_work__list div.how_we_work__list__element div.icon{
				width: calc(76 * 100vw / 1440) !important;
				height: calc(76 * 100vw / 1440) !important;
			}
			
			main div.how_we_work div.container div.how_we_work__list div.how_we_work__list__element div.icon svg{
				height: calc(35 * 100vw / 1440) !important;
				width: auto;
			}
			
			main div.main__second_screen_form div.container div.main__second_screen_form__block_left > img{
		        width: calc(227 * 100vw / 1440) !important;
			}
			main div.main__second_screen_form div.container div.main__second_screen_form__block_left div.main__second_screen_form__block_left__box img:first-child{
				width: calc(130 * 100vw / 1440) !important;
			}
			main div.main__second_screen_form div.container div.main__second_screen_form__block_left div.main__second_screen_form__block_left__box img:last-child{
				width: calc(113 * 100vw / 1440) !important;
				margin: 0px 10px 0px 0px;
			}
			
			main div.main__second_screen_form div.container div.main__second_screen_form__block_right > img{
				width: calc(190 * 100vw / 1440) !important;
			}
			main div.main__second_screen_form div.container div.main__second_screen_form__block_right div.main__second_screen_form__block_right__box img:first-child{
				width: calc(113 * 100vw / 1440) !important;
			}
			main div.main__second_screen_form div.container div.main__second_screen_form__block_right div.main__second_screen_form__block_right__box img:last-child{
				width: calc(190 * 100vw / 1440) !important;
			}
			
			main div.main__second_screen_form{
				padding: calc(50 * 100vw / 1440) 0px;
			}
			
			main div.main__second_screen_form div.container div.main__second_screen_form__block_center div.record_send{
		        padding: calc(5 * 100vw / 1440) 20px;
			}
			
			main div.main__second_screen_form::after{
				display: none;
			}
			
			main div.main__three_screen__block div.container div.main__three_screen__block__catalog div.swiper-wrapper > div div.main__three_screen__block__catalog__element__image span{
				padding: 10px 20px 12px 20px;
			}
			
			main div.main__three_screen__block div.container div.controls{
				margin: 10px 0px 0px 0px;
			}
			
			main div.main__three_screen__block_text_run,
			main div.main__second_screen__block_text_run{
				padding: calc(25 * 100vw / 1440) 0px;
			}
			
			main div.typical_solutions div.typical_solutions__selector span{
				padding: calc(14 * 100vw / 1440) 30px;
			}
			
			main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_right ){
				margin: 0px 70px 0px 0px;
			}
			main div.main__first_screen_advantages div.container div:is(.main__first_screen_advantages__block_left){
				margin: 0px 0px 0px 70px;
			}
			
			main div.about_company div.container div.about_company__box div.about_company__box__left div:is(.about_company__box__left__top, .about_company__box__left__bottom){
				padding: calc(40 * 100vw / 1440);
			}
			
			div.box__pop_up div.pop_up input[type=submit]{
				height: calc(66 * 100vw / 1440);
				padding: calc(15 * 100vw / 1440) calc(51 * 100vw / 1440);
			}
			
			div.box__pop_up div.pop_up svg#done_svg{
				width: calc(123 * 100vw / 1440);
				height: calc(123 * 100vw / 1440);
				padding: calc(30 * 100vw / 1440);
			}
			
			div.box__pop_up div.pop_up div.pop_up__inputs div.pop_up__inputs__element input{
				height: calc(66 * 100vw / 1440);
				padding: calc(25 * 100vw / 1440);
			}
		  
		}
		
		/* SECOND SCREEN*/
		
		@media all and (min-width: 769px) and (max-width: 991px){
			
			main div.main__second_screen_form::before,
			main div.main__second_screen_form::after,
			main div.main__second_screen_form div.container div.main__second_screen_form__block_left::before, main div.main__second_screen_form div.container div.main__second_screen_form__block_right::before,
			main div.main__second_screen_form div.container div.main__second_screen_form__block_left::after, main div.main__second_screen_form div.container div.main__second_screen_form__block_right::after{
				display: none;
			}
			
			main div.main__second_screen_form div.container div.main__second_screen_form__block_left{
				width: 250px;
				top: 180px;
				margin-top: 20px;
				height: 250px;
				overflow: initial;
				margin-top: -140px;
				margin-right: 70%;
			}
			main div.main__second_screen_form div.container div.main__second_screen_form__block_right{
				overflow: initial;
				position: relative;
				bottom: 115px;
				margin-left: 65%;
				margin-bottom: -80px;
			}
			
			main div.main__second_screen_form div.container div.main__second_screen_form__block_left div.main__second_screen_form__block_left__box img:first-child{
				width: 123px;
				height: 170px;
			}
			main div.main__second_screen_form div.container div.main__second_screen_form__block_left div.main__second_screen_form__block_left__box img:last-child{
				width: 102px;
				height: 100px;
			}
			
			main div.main__second_screen_form div.container div.main__second_screen_form__block_right div.main__second_screen_form__block_right__box{
				width: 328px;
				height: 205px;
				bottom: 120px;
				/* position: relative; */
				/* overflow: initial; */
			}
			main div.main__second_screen_form div.container div.main__second_screen_form__block_right div.main__second_screen_form__block_right__box img:first-child{
				width: 103px;
				height: 100px;
			}
			main div.main__second_screen_form div.container div.main__second_screen_form__block_right div.main__second_screen_form__block_right__box img:last-child{
				width: 156px;
				height: 205px;
			}
			
			main div.main__second_screen_form div.container div.main__second_screen_form__block_center{
				z-index: 1;
			}
			
		}
		
		@media all and (min-width: 992px) and (max-width: 1199px){
			
			main div.main__second_screen_form::before,
			main div.main__second_screen_form::after,
			main div.main__second_screen_form div.container div.main__second_screen_form__block_left::before, main div.main__second_screen_form div.container div.main__second_screen_form__block_right::before,
			main div.main__second_screen_form div.container div.main__second_screen_form__block_left::after, main div.main__second_screen_form div.container div.main__second_screen_form__block_right::after{
				display: none;
			}
			
			main div.main__second_screen_form div.container div.main__second_screen_form__block_left{
				width: 300px;
				top: 200px;
				margin-top: 20px;
				height: 239px;
				overflow: initial;
				margin-top: -140px;
				margin-right: 100%;
			}
			main div.main__second_screen_form div.container div.main__second_screen_form__block_right{
				overflow: initial;
				position: relative;
				bottom: 130px;
				margin-left: 100%;
				margin-bottom: -80px;
			}
			
			main div.main__second_screen_form div.container div.main__second_screen_form__block_left div.main__second_screen_form__block_left__box img:first-child{
				width: 130px;
				height: 170px;
			}
			main div.main__second_screen_form div.container div.main__second_screen_form__block_left div.main__second_screen_form__block_left__box img:last-child{
				width: 113px;
				height: 110px;
			}
			
			main div.main__second_screen_form div.container div.main__second_screen_form__block_right div.main__second_screen_form__block_right__box{
				width: 388px;
				height: 250px;
				bottom: 120px;
				/* position: relative; */
				/* overflow: initial; */
			}
			main div.main__second_screen_form div.container div.main__second_screen_form__block_right div.main__second_screen_form__block_right__box img:first-child{
				width: 113px;
				height: 110px;
			}
			main div.main__second_screen_form div.container div.main__second_screen_form__block_right div.main__second_screen_form__block_right__box img:last-child{
				width: 190px;
				height: 250px;
			}
			
			main div.main__second_screen_form div.container div.main__second_screen_form__block_center{
				z-index: 1;
			}
			
		}