@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
	
			*{
				margin: 0;
				padding: 0;
			}
			
			:root {
				--colour-accent-yellow: #fb0;
				--colour-accent-gray: #2c2d2f;
				--colour-line-on-accent-gray: #404143;
				--colour-substrate-gray-on-accent-gray: rgba(255, 255, 255, 0.1);
				--colour-main-text: #252525;
				--colour-text-gray: rgba(37, 37, 37, 0.6);
				--colour-bg-gray: #f4f4f4;
				--colour-line-on-bg-light: #d8d8d8;
				--colour-white: #fff;
				--colour-text-title-white-on-gray: rgba(255, 255, 255, 0.7);
				--colour-substrate-gray-on-white: #ebebeb;
			}
			:root {
			  --font-family: "Inter", sans-serif;
			}
			
			html {
			  scroll-behavior: smooth; /* Включает плавный скролл для всей страницы */
			}
			
			body{
				background: var(--colour-accent-gray);
				font-family: "Inter", sans-serif;
			}
			
			header{
				padding: 22px 0px;
				background: var(--colour-accent-gray);
			}
			header a{				
				text-decoration: none;
			}
			header div.header__container{
				position: relative;
				display: flex;
				flex-direction: row;
				align-items: center;
				justify-content: space-between;
				flex-wrap: wrap;
			}
			header div.container span#header__company_name,
			footer div.container span#footer__company_name{
				font-family: var(--font-family);
				font-weight: 600;
				font-size: 37px;
				letter-spacing: -0.02em;
				color: var(--colour-accent-yellow);
				width: 25%;
			}
			header div.container span#header__company_name span#label,
			footer div.container span#footer__company_name span#label{
				color: var(--colour-white);
			}
			header div.container nav.header__nav{
				width: 25%;
			}
			header div.container nav.header__nav ul{
				list-style-type: none;
				position: relative;
				display: flex;
				gap: 30px;
			}
			header div.container nav.header__nav ul li a{
				font-family: var(--font-family);
				font-weight: 400;
				font-size: 17px;
				color: var(--colour-white);
				transition: all 0.3s;
			}
			header div.container nav.header__nav ul li a:hover{
				color: var(--colour-accent-yellow);
			}
			
			header div.container div.container__icon_menu_mobile{
				position: relative;
				width: 48px;
				height: 48px;
				border-radius: 100%;
				background-color: rgba(255, 255, 255, 0.1);
				display: none;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				gap: 4px;
				cursor: pointer;
			}
			header div.container div.container__icon_menu_mobile > div{
			    position: relative;
				width: 20px;
				height: 1.75px;
				border-radius: 10px;
				background: var(--colour-white);
			}
			
			header div.container div.header__box_right{
			    position: relative;
				display: flex;
				flex-direction: row;
				gap: 24px;
				justify-content: flex-end;
				align-items: center;
				width: calc(100% / 2);
			}
			header div.container div.header__contacts{
				position: relative;
				display: flex;
				gap: 26px;
			}
			header div.container div.header__contacts div.header__contacts_phonemail{
				position: relative;
				display: flex;
				flex-direction: column;
				gap: 2px;
			}
			header div.container div.header__contacts div.header__contacts_phonemail a{
				font-family: var(--font-family);
				font-weight: 500;
				font-size: 18px;				
				color: var(--colour-white);
				transition: all 0.3s;
			}
			header div.container div.header__contacts div.header__contacts_phonemail a:hover{
				color: var(--colour-accent-yellow);
			}
			header div.container div.header__contacts div.header__contacts_phonemail a#phone{
				letter-spacing: -0.02em;
			}
			
			header div.container div.header__contacts div.header__contacts_social{
				gap: 15px;
				display: flex;
				flex-direction: row;
			}
			header div.container div.header__contacts div.header__contacts_social a{
				position: relative;
				width: 48px;
				height: 48px;
				border-radius: 100%;
				fill: var(--colour-substrate-gray-on-accent-gray);
				display: flex;
				flex-direction: row;
				align-items: center;
				justify-content: center;
				background-color: rgba(255, 255, 255, 0.1);
				transition: all 0.3s;
			}
			header div.container div.header__contacts div.header__contacts_social a svg path{
				fill: var(--colour-white);
				transition: all 0.3s;
			}
			header div.container div.header__contacts div.header__contacts_social a:hover{
				background-color: var(--colour-accent-yellow);
			}
			header div.container div.header__contacts div.header__contacts_social a:hover svg path{
				fill: var(--colour-main-text);
			}
			
			header div.container div.header__button_form{
				border-radius: 60px;
				width: 237px;
				height: 50px;
				background-color: rgba(255, 255, 255, 0.1);
				display: flex;
				align-items: center;
				justify-content: center;
				flex-shrink: 0;
				transition: all 0.3s;
				cursor: pointer;
			}
			header div.container div.header__button_form:hover{
				background: var(--colour-accent-yellow);
			}
			header div.container div.header__button_form a{
				font-family: var(--font-family);
				font-weight: 400;
				font-size: 16px;
				color: var(--colour-white);
				transition: all 0.3s;
			}
			header div.container div.header__button_form:hover a{
				color: var(--colour-main-text);
				font-weight: 500;
			}
			header div.container div.header__button_form:hover span{
				color: var(--colour-main-text);
			}
			
			main{
			
			}
			
			main section.prices,
			main section.advantages_our,
			main section.text{
				background: white;
			}
			
			main section.main__screen,
			footer{
				background: var(--colour-accent-gray);
			}
			main section.main__screen .container{
				border: 1px solid var(--colour-line-on-accent-gray);
				border-left: none;
				border-right: none;
			}
			main section.main__screen .container div.main__box_middle{
			    position: relative;
				display: flex;
				flex-direction: row;
				height: 429px;
			}
			main section.main__screen .container div.main__box_middle div:is(.main__box_middle__box_left, .main__box_middle__box_right){
			    position: relative;
				width: 25%;
			}
			main section.main__screen .container div.main__box_middle div.main__box_middle__box_left{
				display: flex;
				flex-direction: column;
				justify-content: flex-end;
			}
			main section.main__screen .container div.main__box_middle div:is(.main__box_middle__box_left, .main__box_middle__box_right) img{
			    position: relative;
				width: 100%;
				max-height: 0;
				transition: all 1s ease;
				object-fit: cover;
			}
			main section.main__screen .container div.main__box_middle div.main__box_middle__box_middle{
				position: relative;
				width: 50%;
				gap: 40px;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				border-left: 1px solid var(--colour-line-on-accent-gray);
				border-right: 1px solid var(--colour-line-on-accent-gray);
				box-sizing: border-box;
			}
			main section.main__screen .container div.main__box_middle div.main__box_middle__box_middle h1{
				font-family: var(--font-family);
				font-weight: 700;
				font-size: 50px;
				line-height: 108%;
				letter-spacing: -0.01em;
				text-transform: uppercase;
				text-align: center;
				color: var(--colour-white);
			}
			main section.main__screen .container div.main__box_middle div.main__box_middle__box_middle h1 i{
				font-style: italic;
				color: var(--colour-text-title-white-on-gray);	
			}
			main section.main__screen .container div.main__box_middle div.main__box_middle__box_middle a.main__box_middle__box_middle__button_open_pop{
				border-radius: 60px;
				padding: 6px 6px 6px 30px;
				width: 385px;
				height: 67px;
				background: var(--colour-white);
				display: flex;
				flex-direction: row;
				align-items: center;
				justify-content: space-between;
				box-sizing: border-box;
				text-decoration: none;
				color: var(--colour-main-text);
				transition: all 0.3s;
			}
			main section.main__screen .container div.main__box_middle div.main__box_middle__box_middle a.main__box_middle__box_middle__button_open_pop:hover{
				background: var(--colour-accent-yellow);
			}
			main section.main__screen .container div.main__box_middle div.main__box_middle__box_middle a.main__box_middle__box_middle__button_open_pop:hover span{
				color: var(--colour-main-text);
			}
			main section.main__screen .container div.main__box_middle div.main__box_middle__box_middle a.main__box_middle__box_middle__button_open_pop:hover div.main__box_middle__box_middle__button_open_pop__icon{
				background: var(--colour-white);
			}
			main section.main__screen .container div.main__box_middle div.main__box_middle__box_middle a.main__box_middle__box_middle__button_open_pop:hover div.main__box_middle__box_middle__button_open_pop__icon svg path{
				stroke: var(--colour-main-text);
			}
			main section.main__screen .container div.main__box_middle div.main__box_middle__box_middle a.main__box_middle__box_middle__button_open_pop span{
				font-family: var(--font-family);
				font-weight: 500;
				font-size: 17px;
				letter-spacing: -0.01em;
				color: var(--colour-main-text);
			}
			main section.main__screen .container div.main__box_middle div.main__box_middle__box_middle a.main__box_middle__box_middle__button_open_pop div.main__box_middle__box_middle__button_open_pop__icon{
				border-radius: 100%;
				background: var(--colour-accent-yellow);
				width: 55px;
				height: 55px;
				display: flex;
				align-items: center;
				justify-content: center;
				transition: all 0.3s;
			}
			main section.main__screen .container div.main__box_middle div.main__box_middle__box_middle a.main__box_middle__box_middle__button_open_pop div.main__box_middle__box_middle__button_open_pop__icon svg path{
				stroke-width: 1.50px;
				stroke: var(--colour-main-text);
				transition: all 0.3s;
			}
			
			main section.main__screen .container div.main__box_advantages{
				position: relative;
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				flex-wrap: wrap;
			}
			main section.main__screen .container div.main__box_advantages div.main__box_advantages__advantage{
				position: relative;
				width: 25%;
				display: flex;
				flex-direction: column;
				gap: 18px;
				border-right: 1px solid var(--colour-line-on-accent-gray);
				padding: 30px;
				box-sizing: border-box;
				border-bottom: 1px solid var(--colour-line-on-accent-gray);
				margin: 0px 0px 40px 0px;
				border-top: 1px solid var(--colour-line-on-accent-gray);
			}
			main section.main__screen .container div.main__box_advantages div.advantage_unig_design{
				padding: 30px 0px;
			}
			main section.main__screen .container div.main__box_advantages div.advantage_free{
				border-right: none;
				padding: 30px 0px 30px 30px;
			}
			main section.main__screen .container div.main__box_advantages div.main__box_advantages__advantage div.icon{
				background-color: rgba(255, 255, 255, 0.1);
				width: 52px;
				height: 52px;
				display: flex;
				justify-content: center;
				align-items: center;
				border-radius: 100%;
			}
			main section.main__screen .container div.main__box_advantages div.main__box_advantages__advantage span{
				font-family: var(--font-family);
				font-weight: 400;
				font-size: 18px;
				color: var(--colour-white);
			}
			
			main section.types,
			main section.examples,
			main section.form{
				background: var(--colour-bg-gray);
				padding: 80px 0px;
			}
			
			main section.types div.container{
				display: flex;
				gap: 40px;
				flex-direction: column;
			}
			
			main section.types div.container h2{
				font-family: var(--font-family);
				font-weight: 700;
				font-size: 45px;
				line-height: 108%;
				letter-spacing: -0.01em;
				text-transform: uppercase;
				text-align: center;
				color: var(--colour-main-text);
			}
			main section.types div.container h2 i{
				font-style: italic;
				color: var(--colour-text-gray);
			}
			
			main section.types div.container div.types__catalog{
			    position: relative;
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
			}
			main section.types div.container div.types__catalog > div.types__catalog__card{
				position: relative;
				width: 25%;
				border-top: 1px solid #D8D8D8;
				border-right: 1px solid #D8D8D8;
				box-sizing: border-box;
				cursor: pointer;
			}
			main section.types div.container div.types__catalog > div.types__catalog__card div.types__catalog__card_image{
			    position: relative;
				width: 100%;
				height: auto;
				overflow: hidden;
			}
			main section.types div.container div.types__catalog > div.types__catalog__card:hover div.types__catalog__card_image img{
				transform: scale(1.2);
			}
			main section.types div.container div.types__catalog > div.types__catalog__card:nth-child(4){
			    border-right: none;
			}
			main section.types div.container div.types__catalog > div.types__catalog__card div.types__catalog__card_image img{
			    position: relative;
				width: 100%;
				aspect-ratio: 1;
				transition: all 0.3s;
				height:auto;
			}
			main section.types div.container div.types__catalog > div.types__catalog__card h3{
				font-family: var(--font-family);
				font-weight: 600;
				font-size: 20px;
				line-height: 130%;
				text-align: center;
				color: var(--colour-main-text);
				margin: 0px 25px 35px 25px;
			}
			
			main section.types div.container div.types__catalog > div.card_full{
			    display: flex;
				align-items: stretch;
			}
			main section.types div.container div.types__catalog > div.card_full div.types__catalog__card_image img{
			    height: 100%;
				object-fit: cover;
			}
			
			main section.types div.container div.types__catalog > div.border_bottom{
				border-bottom: 1px solid #D8D8D8;
			}
			
			.swiper-slider__conent{
				height: 100%;
				display: flex;
    			flex-direction: column;
			}
			.form__box__window_form_height_full{
				max-width: 100%;
			}
			main section.prices, main section.text{
				padding: 80px 0px;
			}
			main section.prices .container{
			    position: relative;
				display: flex;
				gap: 40px;
				flex-direction: column;
			}
			main section.prices .container h2{
				font-family: var(--font-family);
				font-weight: 700;
				font-size: 45px;
				line-height: 108%;
				letter-spacing: -0.01em;
				text-transform: uppercase;
				text-align: center;
				color: var(--colour-main-text);
			}
			main section.prices .container h2 i{
				color: var(--colour-accent-yellow);
			}
			main section.prices .container .price-table {
				border-collapse: collapse;
				width: 100%;
				margin: 0 auto;
				border-spacing: 0; /* Убираем отступы между ячейками */
			}
			
			main section.prices .container .price-table th, main section.prices .container .price-table td {
				border: 1px solid #ddd;
				padding: 8px;
				text-align: center;
				width: 50%; /* Каждый столбец занимает 50% ширины */
			}
			
			main section.prices .container .price-table th {
				background-color: var(--colour-substrate-gray-on-white);
				font-weight: bold;
				border: none;
				border-top: 1px solid var(--colour-line-on-bg-light);
				
				font-family: var(--font-family);
				font-weight: 500;
				font-size: 20px;
				line-height: 140%;
				letter-spacing: 0.02em;
				text-align: center;
				color: var(--colour-text-gray);
			}
			main section.prices .container .price-table th:first-child{
				border-right: 1px solid var(--colour-line-on-bg-light);
			}
			
			main section.prices .container .price-table tr{
			    height: 70px;
			}
			main section.prices .container .price-table tr:nth-child(even) {
				background-color: #f4f4f4;
			}
			
			main section.prices .container .price-table tr td{
				border: none;
				
				font-family: var(--font-family);
				font-weight: 500;
				font-size: 20px;
				line-height: 140%;
				text-align: center;
				color: var(--colour-main-text);
			}
			main section.prices .container .price-table tr td#price_current{
				font-family: var(--font-family);
				font-weight: 600;
				font-size: 22px;
				line-height: 140%;
				color: var(--colour-main-text);
			}
			main section.prices .container .price-table tr td:first-child{
				border-right: 1px solid var(--colour-line-on-bg-light);
			}
			main section.prices .container .price-table tr:last-child td{
				border-bottom: 1px solid var(--colour-line-on-bg-light);
			}
			
			main section.examples{
			}
			main section.examples .container h2{
				font-family: var(--font-family);
				font-weight: 700;
				font-size: 45px;
				line-height: 108%;
				letter-spacing: -0.01em;
				text-transform: uppercase;
				text-align: center;
				color: var(--colour-main-text);
			}
			main section.examples .container h2 i{
				font-style: italic;
				color: var(--colour-text-gray);
			}
			
			main section.examples div.swiper_button{
			    position: relative;
				display: flex;
				flex-direction: row;
				gap: 24px;
				margin: 30px 0px 0px 0px;
				justify-content: center;
			}
			main section.examples div.swiper_button > div{
			    position: relative;
				width: 60px;
				height: 60px;
				display: flex;
				flex-direction: row;
				justify-content: center;
				align-items: center;
				border-radius: 100%;
				background: var(--colour-white);
				cursor: pointer;
				transition: all 0.3s;
			}
			main section.examples div.swiper_button > div:hover{
				background: var(--colour-accent-yellow);
			}
			main section.examples div.swiper_button > div:hover svg path{
				stroke: var(--colour-main-text);
				transition: all 0.3s;
			}
			main section.examples div.swiper_button > div:first-child svg{
				margin: 0px 4px 0px 0px;
			}
			main section.examples div.swiper_button > div:last-child svg{
				margin: 0px 0px 0px 4px;
			}
			
			main section.examples div.container div.swiper{
			    border-bottom: 1px solid #D8D8D8;
				border-top: 1px solid #D8D8D8;
				margin: 40px 0px 0px 0px;
			}
			main section.examples div.container div.swiper div.swiper-slide{
				padding: 30px 0px;
				height:auto;
			}
			main section.examples div.container div.swiper div.swiper-slide div.examples_name{
				font-family: var(--font-family);
				font-weight: 600;
				font-size: 40px;
				letter-spacing: -0.02em;
				line-height: 1.2;
				color: var(--colour-main-text);
				text-transform: lowercase;
			}
			main section.examples div.container div.swiper div.swiper-slide div.examples_desc{
				font-family: var(--font-family);
				font-weight: 400;
				font-size: 17px;
				line-height: 130%;
				color: var(--colour-main-text);
				margin: 10px 0px 0px 0px;
			}
			main section.examples div.container div.swiper div.swiper-slide div.examples__image{
			    position: relative;
				display: flex;
				justify-content: center;
				margin-top: auto;
			}
			main section.examples div.container div.swiper div.swiper-slide div.examples__image img{
				aspect-ratio: 1.2;
				position: relative;
				max-width: 450px;
				width: 100%;
				object-fit: cover;
			}
			main section.examples div.container div.swiper div.swiper-slide div.examples__buttons{
				position: relative;
				display: flex;
				justify-content: flex-end;
				/* margin: -60px 0px 0px 0px; */
			}
			main section.examples div.container div.swiper div.swiper-slide div.examples__buttons a#button_action_want{
			    border-radius: 80px;
				/* padding: 17px 28px; */
				width: 170px;
				height: 67px;
				position: relative;
				display: flex;
				text-decoration: none;
				background: #dedede;
				align-items: center;
				font-family: var(--font-family);
				font-weight: 400;
				font-size: 17px;
				line-height: 130%;
				text-align: center;
				color: var(--colour-main-text);
				justify-content: center;
				flex-direction: row;
				transition: all 0.3s;
			}
			main section.examples div.container div.swiper div.swiper-slide div.examples__buttons a#button_action_want:hover{
				background: var(--colour-accent-yellow);
				color: var(--colour-main-text);
			}
			
			/* Центральная разделительная линия */
			.swiper-slide + .swiper-slide::before {
				content: '';
				position: absolute;
				left: 0;
				top: 0px;
				/* bottom: 15%; */
				width: 1px;
				background: #dedede;
				margin-left: -30px;
				height: 100%;
			}
			
			main section.advantages_our{
				padding: 80px 0px;
			}
			main section.advantages_our div.container{
				position: relative;
				display: flex;
				gap: 40px;
				flex-direction: column;
			}
			main section.advantages_our div.container h2{
				font-family: var(--font-family);
				font-weight: 700;
				font-size: 45px;
				line-height: 108%;
				letter-spacing: -0.01em;
				text-transform: uppercase;
				text-align: center;
				color: var(--colour-main-text);
			}
			main section.advantages_our div.container h2 i{
				font-style: italic;
				color: var(--colour-accent-yellow);
			}
			main section.advantages_our div.container div.advantages_our__box{
			    position: relative;
				display: flex;
				flex-direction: row;
				align-items: stretch;
				justify-content: space-between;
				border-top: 1px solid #d8d8d8;
				border-bottom: 1px solid #d8d8d8;
				
			}
			main section.advantages_our div.container div.advantages_our__box div.box_image{
			    position: relative;
				width: 25%;
				display: none;
				flex-shrink: 0;
				border-bottom: 1px solid #d8d8d8;
				border-top: 1px solid #d8d8d8;
			}
			main section.advantages_our div.container div.advantages_our__box div.box_image img{
			    position: relative;
				width: 100%;
				object-fit: cover;
			}
			
			main section.advantages_our div.container div.advantages_our__box div.advantages_our__box__box_info{
				flex-grow: 1;
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
			}
			main section.advantages_our div.container div.advantages_our__box div.advantages_our__box__box_info div.advantages_our__box__box_info__content{
			    position: relative;
				display: flex;
				flex-direction: column;
				width: 50%;
				gap: 18px;
				padding: 40px;
				box-sizing: border-box;
				border-bottom: 1px solid #d8d8d8;
			}
			main section.advantages_our div.container div.advantages_our__box div.advantages_our__box__box_info div.line_right{
				border-right: 1px solid #d8d8d8;
			}
			main section.advantages_our div.container div.advantages_our__box div.advantages_our__box__box_info div.advantages_our__box__box_info__content:last-child{
				border: none;
				flex-grow: 1;
			}
			main section.advantages_our div.container div.advantages_our__box div.advantages_our__box__box_info div.advantages_our__box__box_info__content div.advantages_our__box__box_info__content_info{
			    position: relative;
				display: flex;
				flex-direction: column;
				gap: 5px;
			}
			main section.advantages_our div.container div.advantages_our__box div.advantages_our__box__box_info div.advantages_our__box__box_info__content div.advantages_our__box__box_info__content_info span#name{
				font-family: var(--font-family);
				font-weight: 600;
				font-size: 20px;
				line-height: 110%;
				letter-spacing: 0.01em;
				color: var(--colour-main-text);
			}
			main section.advantages_our div.container div.advantages_our__box div.advantages_our__box__box_info div.advantages_our__box__box_info__content div.advantages_our__box__box_info__content_info span#desc{
				font-family: var(--font-family);
				font-weight: 500;
				font-size: 16px;
				line-height: 140%;
				color: var(--colour-text-gray);
			}
			main section.advantages_our div.container div.advantages_our__box div.advantages_our__box__box_info div.advantages_our__box__box_info__content div.advantages_our__box__box_info__content__icon{
				border-radius: 100%;
				background: var(--colour-substrate-gray-on-white);
				width: 52px;
				height: 52px;
				display: flex;
				flex-direction: row;
				justify-content: center;
				align-items: center;
			}
			
			main section.form div.container h2{
				font-family: var(--font-family);
				font-weight: 700;
				font-size: 45px;
				line-height: 108%;
				letter-spacing: -0.01em;
				text-transform: uppercase;
				text-align: center;
				color: var(--colour-main-text);
				margin: 0px 0px 17px 0px;
			}
			main section.form div.container h2 i{
				color: var(--colour-accent-yellow);
				font-style: italic;
			}
			main section.form div.container > p{
				font-family: var(--font-family);
				font-weight: 400;
				font-size: 17px;
				line-height: 140%;
				text-align: center;
				color: var(--colour-text-gray);
				max-width:498px;
				margin: 0 auto;
			}
			
			main section.form div.container div.form__box{
			    position: relative;
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				align-items: stretch;
				gap: 24px;
				margin: 35px 0px 0px 0px;
			}
			main section.form div.container div.form__box > div{
				width: 50%;
				flex-shrink: 1;
			}
			main section.form div.container div.form__box div.form__box__window_form div.form__box__window_form_height_full{

			}
			main section.form div.container div.form__box div.form__box__window_form__gap,
			div.modal_form form.modal_form_container div.modal_form__box__window_form__gap{
				position: relative;
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				align-content: flex-start;
				align-items: stretch;
				width: 100%;
				flex-shrink: 1;
				gap: 25px;
			}
			div.modal_form form.modal_form_container div.modal_form__box__window_form__gap{
				margin: 25px 0px 0px 0px;
			}
			
			main section.form div.container div.form__box div.form__box__window_form div.form__box__window_form__box_input,
			div.modal_form form.modal_form_container div.modal_form__box__window_form__gap div.modal_form__box__window_form__box_input{
				position: relative;
				display: flex;
				flex-direction: column;
				flex-grow: 1;
				/* width: 100%; */
				gap: 9px;
				box-sizing: border-box;
				/* flex-grow: 0; */
				flex: 1 0 calc(50% - 25px);
				box-sizing: border-box;
				min-width: 0;
			}
			
			div.modal_form form.modal_form_container div.modal_form__box__window_form__gap div.box_interactive_flex{
			    position: relative;
				width: 50%;
				display: flex;
				flex-direction: column;
				gap: 25px;
				flex: 1;
			}
			div.modal_form__box__window_form__gap div.modal_form__box__window_form__box_input.comment{
				flex: 1 !important;
			}
			div.modal_form form.modal_form_container div.modal_form__box__window_form__gap div.modal_form__box__window_form__box_input textarea#comment{
				height: 100% !important;
			}
			.form__box__window_form--border{
				border: 1px solid var(--colour-line-on-bg-light);
				padding: 15px;
				box-sizing: border-box;
			}
			main section.form div.container div.form__box div.form__box__window_form div.form__box__window_form__box_input input,
			div.modal_form form.modal_form_container div.modal_form__box__window_form__gap div.modal_form__box__window_form__box_input input{
				border: 1px solid #d8d8d8;
				padding: 15px 25px;
				font-family: var(--font-family);
				font-weight: 400;
				font-size: 16px;
				color: #252525;
				background: transparent;
				flex-grow: 1;
			}
			main section.form div.container div.form__box div.form__box__window_form div.form__box__window_form__box_input input::placeholder,
			div.modal_form form.modal_form_container div.modal_form__box__window_form__gap div.modal_form__box__window_form__box_input input::placeholder{
				color: var(--colour-text-gray);
			}
			main section.form div.container div.form__box div.form__box__window_form div.form__box__window_form__box_input input:focus,
			div.modal_form form.modal_form_container div.modal_form__box__window_form__gap div.modal_form__box__window_form__box_input input:focus{
				border: 1px solid var(--colour-text-gray);
				outline: none;
			}
			main section.form div.container div.form__box div.form__box__window_form div.form__box__window_form__box_input span#name,
			div.modal_form form.modal_form_container div.modal_form__box__window_form__gap div.modal_form__box__window_form__box_input span#name{
				font-family: var(--font-family);
				font-weight: 400;
				font-size: 15px;
				line-height: 120%;
				color: var(--colour-main-text);
			}
			main section.form div.container div.form__box div.form__box__window_form div.form__box__window_form__box_input span#name span#red,
			div.modal_form form.modal_form_container div.modal_form__box__window_form__gap div.modal_form__box__window_form__box_input span#name span#red{
				color: #e32121;
			}
			main section.form div.container div.form__box div.form__box__window_form div.form__box__window_form__box_input label,
			div.modal_form form.modal_form_container div.modal_form__box__window_form__gap div.modal_form__box__window_form__box_input label{
			    position: relative;
				/* background: red; */
				height: 100%;
				box-sizing: border-box;
				border: 1px solid #d8d8d8;
				font-family: var(--font-family);
				font-weight: 400;
				font-size: 16px;
				line-height: 120%;
				color: var(--colour-main-text);
				display: flex;
				align-items: center;
				justify-content: flex-start;
				gap: 8px;
				padding: 15px 25px;
				cursor: pointer;
				transition: all 0.3s;
			}
			main section.form div.container div.form__box div.form__box__window_form div.form__box__window_form__box_input label:hover,
			div.modal_form form.modal_form_container div.modal_form__box__window_form__gap div.modal_form__box__window_form__box_input label:hover{
				border: 1px solid var(--colour-text-gray);
				outline: none;
			}
			main section.form div.container div.form__box div.form__box__window_form div.form__box__window_form__box_input label:hover > svg path,
			div.modal_form form.modal_form_container div.modal_form__box__window_form__box_input label:hover > svg path{
				fill: var(--colour-text-gray);
			}
			main section.form div.container div.form__box div.form__box__window_form div.form__box__window_form__box_input label:hover span,
			div.modal_form form.modal_form_container div.modal_form__box__window_form__gap div.modal_form__box__window_form__box_input label:hover span{
				color: var(--colour-text-gray);
			}
			main section.form div.container div.form__box div.form__box__window_form div.form__box__window_form__box_input label svg,
			div.modal_form form.modal_form_container div.modal_form__box__window_form__gap div.modal_form__box__window_form__box_input label svg{
				flex-shrink: 0;
			}
			
			main section.form div.container div.form__box div.form__box__window_form div.form__box__window_form__box_input label > svg:last-child,
			div.modal_form form.modal_form_container div.modal_form__box__window_form__gap div.modal_form__box__window_form__box_input label > svg:last-child{
				display: none;
			}
			
			main section.form div.container div.form__box div.form__box__window_form div.form__box__window_form__box_input label span,
			div.modal_form form.modal_form_container div.modal_form__box__window_form__gap div.modal_form__box__window_form__box_input label span{
				text-overflow: ellipsis;
				/* word-wrap: unset; */
				overflow: hidden;
			}
			
			main section.form div.container div.form__box div.form__box__window_form div.form__box__window_form__box_input label:hover span,
			div.modal_form form.modal_form_container div.modal_form__box__window_form__gap div.modal_form__box__window_form__box_input label:hover span,
			main section.form div.container div.form__box div.form__box__window_form div.form__box__window_form__box_input label svg path,
			div.modal_form form.modal_form_container div.modal_form__box__window_form__gap div.modal_form__box__window_form__box_input label svg path{
				transition: all 0.3s;
			}
			main section.form div.container div.form__box div.form__box__window_form div.form__box__window_form__box_input.file_attach input#file_attach,
			div.modal_form form.modal_form_container div.modal_form__box__window_form__gap div.modal_form__box__window_form__box_input.file_attach input#file_attach_modal{
			    display: none;
			}
			main section.form div.container div.form__box div.form__box__window_form div.form__box__window_form__box_input textarea#comment,
			div.modal_form form.modal_form_container div.modal_form__box__window_form__gap div.modal_form__box__window_form__box_input textarea#comment{
			    border: 1px solid var(--colour-line-on-bg-light);
				width: 100%;
				height: 114px;
				background: transparent;
				max-width: 100%;
				min-width: 100%;
				padding: 15px 25px;
			    box-sizing: border-box;
				
				font-family: var(--font-family);
				font-weight: 400;
				font-size: 16px;
				color: #252525;
			}
			main section.form div.container div.form__box div.form__box__window_form div.form__box__window_form__box_input textarea#comment::placehodler,
			div.modal_form form.modal_form_container div.modal_form__box__window_form__gap div.modal_form__box__window_form__box_input textarea#comment::placehodler{
				color: var(--colour-text-gray);
			}
			main section.form div.container div.form__box div.form__box__window_form div.form__box__window_form__box_input textarea#comment:focus,
			div.modal_form form.modal_form_container div.modal_form__box__window_form__gap div.modal_form__box__window_form__box_input textarea#comment:focus{
				border: 1px solid var(--colour-text-gray);
				outline: none;
			}
			main section.form div.container div.form__box div.form__box__window_form div.form__box__window_form__box__radio,
			div.modal_form form.modal_form_container div.form__box__window_form__box__radio{
			    position: relative;
				display: flex;
				flex-direction: row;
				align-items: center;
				gap: 15px;
				margin: 20px 0px 0px 0px;
			}
			main section.form div.container div.form__box div.form__box__window_form div.form__box__window_form__box__radio input,
			div.modal_form form.modal_form_container div.form__box__window_form__box__radio input{
			    border: 1px solid var(--colour-text-gray);
				border-radius: 60px;
				width: 20px;
				height: 20px;
				flex-shrink: 0;
				accent-color: var(--colour-accent-yellow);
				display: none;
			}
			main section.form div.container div.form__box div.form__box__window_form div.form__box__window_form__box__radio span#text a,
			div.modal_form form.modal_form_container div.form__box__window_form__box__radio span#text a{
			    text-decoration: none;
				color: var(--colour-text-gray);
			}
			main section.form div.container div.form__box div.form__box__window_form div.form__box__window_form__box__radio span#text a:hover,
			div.modal_form form.modal_form_container div.form__box__window_form__box__radio span#text a:hover{
				text-decoration: underline;
			}
			main section.form div.container div.form__box div.form__box__window_form div.form__box__window_form__box__radio label,
			div.modal_form form.modal_form_container div.form__box__window_form__box__radio label{
				font-family: var(--font-family);
				font-weight: 400;
				font-size: 15px;
				line-height: 129%;
				color: var(--colour-text-gray);
			}
			
			.custom-radio {
			  display: flex;
			  align-items: center;
			  gap: 8px;
			  cursor: pointer;
			}

			/* Скрываем стандартный radio */
			.custom-radio input[type="radio"] {
			  appearance: none;
			  margin: 0;
			}

			/* Стили для кастомной радиокнопки */
			.radio-checkmark {
				width: 20px;
				height: 20px;
				border: 1px solid var(--colour-text-gray);
				background: #f8f8f8;
				border-radius: 50%;
				position: relative;
				transition: all 0.3s;
				flex-shrink: 0;
				box-sizing: border-box;
				display: flex;
				justify-content: center;
				align-items: center;
			}

			/* Изменяем рамку и фон при выборе */
			.custom-radio input:checked + .radio-checkmark {
			  border-color: var(--colour-text-gray); /* Зеленая рамка */
			  background: transparent; /* Светло-зеленый фон */
			  flex-shrink: 0;
			}

			/* Внутренняя точка при выборе */
			.radio-checkmark:after {
				content: "";
				position: relative;
				/* top: 50%; */
				/* left: 50%; */
				/* transform: translate(-50%, -50%); */
				width: 12px;
				height: 12px;
				background: var(--colour-accent-yellow);
				border-radius: 50%;
				opacity: 0;
				display: flex;
			}

			.custom-radio input:checked + .radio-checkmark:after {
			  opacity: 1; /* Показываем точку */
			}
			
			main section.form div.container div.form__box > div.form__box__image img{
			    position: relative;
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
			main section.form div.container div.form__box div.form__box__window_form button.form__box__window_form__button_action_send,
			div.modal_form form.modal_form_container button.form__box__window_form__button_action_send{
			    border-radius: 60px;
				padding: 6px 6px 6px 40px;
				width: max-content;
				/* height: 67px; */
				background: var(--colour-main-text);
				display: flex;
				justify-content: flex-end;
				align-items: center;
				flex-direction: row;
				/* flex-grow: 1; */
				/* flex-shrink: 1; */
				gap: 20px;
				margin: 35px 0px 0px 0px;
				text-decoration: none;
				color: var(--colour-white);
				transition: all 0.3s;
			}
			
			div.modal_form form.modal_form_container button.form__box__window_form__button_action_send{
				
				margin: 30px 0px 0px 0px;
				
			}
			
			main section.form div.container div.form__box div.form__box__window_form button.form__box__window_form__button_action_send:hover,
			div.modal_form form.modal_form_container button.form__box__window_form__button_action_send:hover{
				background: var(--colour-accent-yellow);
			}
			main section.form div.container div.form__box div.form__box__window_form button.form__box__window_form__button_action_send:hover span,
			div.modal_form form.modal_form_container button.form__box__window_form__button_action_send:hover span{
				color: var(--colour-main-text);
			}
			main section.form div.container div.form__box div.form__box__window_form button.form__box__window_form__button_action_send:hover div.form__box__window_form__button_action_send__box_interactive,
			div.modal_form form.modal_form_container button.form__box__window_form__button_action_send:hover div.form__box__window_form__button_action_send__box_interactive{
				background: var(--colour-white);
				transition: all 0.3s;
			}
			main section.form div.container div.form__box div.form__box__window_form button.form__box__window_form__button_action_send:hover div.form__box__window_form__button_action_send__box_interactive svg path,
			div.modal_form form.modal_form_container button.form__box__window_form__button_action_send:hover div.form__box__window_form__button_action_send__box_interactive svg path{
				stroke: var(--colour-main-text);
				transition: all 0.3s;
			}
			main section.form div.container div.form__box div.form__box__window_form button.form__box__window_form__button_action_send span,
			div.modal_form form.modal_form_container button.form__box__window_form__button_action_send span{
			    font-family: var(--font-family);
				font-weight: 500;
				font-size: 17px;
				letter-spacing: -0.01em;
				color: var(--colour-white);
				transition: all 0.3s;
			}
			main section.form div.container div.form__box div.form__box__window_form button.form__box__window_form__button_action_send div.form__box__window_form__button_action_send__box_interactive,
			div.modal_form form.modal_form_container button.form__box__window_form__button_action_send div.form__box__window_form__button_action_send__box_interactive{
			    border-radius: 100%;
				background: var(--colour-accent-yellow);
				width: 55px;
				height: 55px;
				display: flex;
				align-items: center;
				justify-content: center;
				transition: all 0.3s;
			}
			main section.form div.container div.form__box div.form__box__window_form button.form__box__window_form__button_action_send div.form__box__window_form__button_action_send__box_interactive svg path,
			div.modal_form form.modal_form_container button.form__box__window_form__button_action_send div.form__box__window_form__button_action_send__box_interactive svg path{
			    stroke-width: 1.50px;
				stroke: var(--colour-main-text);
			}
			
			main section.text div.container{
				gap: 40px;
				display: flex;
				flex-direction: column;
			}
			main section.text div.container h2{
			    font-family: var(--font-family);
				font-weight: 700;
				font-size: 45px;
				line-height: 108%;
				letter-spacing: -0.01em;
				text-transform: uppercase;
				text-align: center;
				color: var(--colour-main-text);
			}
			main section.text div.container div.text__box{
				position: relative;
				display: flex;
				flex-direction: row;
				gap: 23px;
			}
			main section.text div.container div.text__box div.text__box_left{
				position: relative;
				/* flex-shrink: 1; */
				/* flex: 1; */
				width: 50%;
				display: flex;
				flex-direction: column;
				gap: 20px;
			}

			main section.text div.container div.text__box div.text__box_left *:is(span, p, h3, li){
				font-family: var(--font-family);
				font-weight: 400;
				font-size: 17px;
				line-height: 160%;
				color: var(--colour-main-text);
			}
			main section.text div.container div.text__box div.text__box_left *:is(ul,ol){
				padding-left: 20px;
			}
			
			main section.text div.container div.text__box div.text__box_left h3{
				font-weight: 600;
			}
			
			main section.text div.container div.text__box div.text__box_right{
				width: 50%;
			}
			main section.text div.container div.text__box div.text__box_right img{
				width: 100%;
				position: sticky;
				top: 0px;
			}
			
			footer div.container div.footer__box_middle{
			    position: relative;
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				align-items: center;
			}
			footer div.container div.footer__box_middle div.footer__box_middle__contacts{
			    position: relative;
				display: flex;
				gap: 50px;
				align-items: center;
			}
			footer div.container div.footer__box_middle div.footer__box_middle__contacts div.footer__box_middle__contacts_main{
				gap: 46px;
				display: flex;
			}
			footer div.container div.footer__box_middle div.footer__box_middle__contacts div.footer__box_middle__contacts_main a{
			    position: relative;
				text-decoration: none;
				/* color: white; */
				font-family: var(--font-family);
				font-weight: 700;
				font-size: 20px;
				letter-spacing: 0em;
				color: var(--colour-white);
				transition: all 0.3s;
			}
			footer div.container div.footer__box_middle div.footer__box_middle__contacts div.footer__box_middle__contacts_main a:hover{
				color: var(--colour-accent-yellow);
			}
			footer div.container div.footer__box_middle div.footer__box_middle__contacts div.footer__contacts_social{
				display: flex;
				gap: 15px;
			}
			footer div.container div.footer__box_middle div.footer__box_middle__contacts div.footer__contacts_social a{
			    border-radius: 100%;
				background: var(--colour-substrate-gray-on-accent-gray);
				width: 48px;
				height: 48px;
				position: relative;
				display: flex;
				align-items: center;
				justify-content: center;
				transition: all 0.3s;
			}
			footer div.container div.footer__box_middle div.footer__box_middle__contacts div.footer__contacts_social a:hover{
				background: var(--colour-accent-yellow);
			}
			footer div.container div.footer__box_middle div.footer__box_middle__contacts div.footer__contacts_social a:hover svg path{
				fill: var(--colour-main-text);
			}
			
			footer div.container div.footer__box_middle div.footer__box_middle__contacts div.footer__contacts_social a svg path{
				transition: all 0.3s;
			}
			
			
			footer div.container div.footer__box_footer{
				position: relative;
				padding: 12px;
				/* color: white; */
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				stroke-width: 1px;
				border-top: 1px solid var(--colour-line-on-accent-gray);
				margin: 39px 0px 0px 0px;
				align-items: center;
				flex-wrap: wrap;
			}
			footer div.container div.footer__box_footer a{
			    position: relative;
				font-family: var(--font-family);
				font-weight: 300;
				font-size: 16px;
				text-align: center;
				color: var(--colour-substrate-gray-on-white);
				text-decoration: none;
			}
			footer div.container div.footer__box_footer a:not(#not):hover{
				text-decoration: underline;
			}
			
			footer div.container div.footer__logo{
				margin: 0px 0px 60px 0px;
			}
			footer div.container div.footer__logo svg{
			    /*position: relative;
				width: 100%;
				clip-path: inset(55% 0% 0% 0%);
				overflow: hidden;*/
				
				position: relative;
				width: 100%;
				/* clip-path: inset(55% 0% 0% 0%); */
				overflow: hidden;
				/* height: 55%; */
				overflow: hidden;
				margin: -8% 0% 0% 0%;
			}
			
			div.box__menu_mobile{
			    position: fixed;
				z-index: 9999;
				background: var(--colour-bg-gray);
				width: 100dvw;
				min-height: 100dvh;
				padding: 10px 15px;
				display: none;
				flex-direction: column;
				box-sizing: border-box;
				top: 0px;
				left: 0px;
			}
			div.box__menu_mobile div.box__menu_mobile__header{
				position: relative;
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				align-items: center;
				padding: 0px 0px 15px 0px;
				/* stroke-width: 1px; */
				border-bottom: 1px solid var(--colour-line-on-bg-light);
			}
			div.box__menu_mobile div.box__menu_mobile__header span#company_name{
				font-family: var(--font-family);
				font-weight: 600;
				font-size: 28px;
				letter-spacing: -0.02em;
				color: var(--colour-main-text);
			}
			div.box__menu_mobile div.box__menu_mobile__header div.box__menu_mobile__header__box_close{
			    position: relative;
				width: 48px;
				height: 48px;
				display: flex;
				flex-direction: row;
				justify-content: center;
				align-items: center;
				border-radius: 100%;
				background: var(--colour-substrate-gray-on-white);
				cursor: pointer;
			}
			
			div.box__menu_mobile nav{
				margin: 40px 0px 0px 0px;
			}
			div.box__menu_mobile nav ul{
				list-style-type: none;
				display: flex;
				flex-direction: column;
				gap: 35px;
			}
			div.box__menu_mobile nav ul a{
				text-decoration: none;
				color: var(--colour-main-text);
			}
			div.box__menu_mobile nav ul a li{
				font-family: var(--font-family);
				font-weight: 500;
				font-size: 18px;
				color: var(--colour-main-text);
			}
		
			div.box__menu_mobile div.box__menu_mobile__box_contacts{
			    position: relative;
				display: flex;
				flex-direction: column;
				margin: 138px 0px 0px 0px;
				gap: 36px;
			}
			div.box__menu_mobile div.box__menu_mobile__box_contacts div.box__menu_mobile__box_contacts_phonemail{
				position: relative;
				display: flex;
				flex-direction: column;
				gap: 4px;
			}
			.header__contacts_phonemail{
				justify-content: center;
			}
			div.box__menu_mobile div.box__menu_mobile__box_contacts div.box__menu_mobile__box_contacts_phonemail a{
				text-decoration: none;
				font-family: var(--font-family);
				font-weight: 700;
				font-size: 20px;
				letter-spacing: -0.02em;
				color: var(--colour-main-text);
			}
			div.box__menu_mobile div.box__menu_mobile__box_contacts div.box__menu_mobile__box_contacts_phonemail a:last-child{
				font-weight: 500;
			}
			
			div.box__menu_mobile div.box__menu_mobile__box_contacts div.box__menu_mobile__box_contacts_social{
				position: relative;
				display: flex;
				gap: 16px;
			}
			div.box__menu_mobile div.box__menu_mobile__box_contacts div.box__menu_mobile__box_contacts_social > a div{
				position: relative;
				width: 48px;
				height: 48px;
				border-radius: 100%;
				background: #29a71a;
				display: flex;
				flex-direction: row;
				justify-content: center;
				align-items: center;
			}
			div.box__menu_mobile div.box__menu_mobile__box_contacts div.box__menu_mobile__box_contacts_social > a div.box__menu_mobile__box_contacts_social_tg{
				background: #039be5;
			}
			
			div.box__menu_mobile div.box__menu_mobile__button_action_send{
				position: relative;
				height: 60px;
				border-radius: 60px;
				background: var(--colour-main-text);
				font-family: var(--font-family);
				font-weight: 500;
				font-size: 16px;
				color: var(--colour-white);
				display: flex;
				justify-content: center;
				align-items: center;
			    margin: 35px 0px 0px 0px;
				cursor: pointer;
			}
			
			div.modal_form{
			    position: fixed;
				top: 0px;
				left: 0px;
				background: rgba(0,0,0,0.3);
				width: 100dvw;
				height: 100dvh;
				display: none;
				flex-direction: row;
				justify-content: center;
				align-items: center;
				z-index: 9999;
			}
			div.modal_form div.modal_form_container_bg{
				max-width: 788px;
				max-height: calc(100dvh - 40px);
				background: var(--colour-white);
				width: calc(100% - 40px);
				height: auto;
				margin: 20px;
				border-radius: 40px;
				overflow-y: auto;
				position: relative;
				z-index: 10000;
				display: flex;
    			align-items: center;
				/* min-height: 745px ; */
			}
			div.modal_form form.modal_form_container{
				display: flex;
				flex-direction: column;
				align-items: center;
				padding: 40px;
				z-index: 10001;
				box-sizing: border-box;
				
			}
			div.modal_form form.modal_form_container::-webkit-scrollbar {
			  display: none; /* Скрывает скроллбар в Chrome, Safari, Edge */
			}
			div.modal_form .form_loader{
				min-height: 740px;
				padding: 15px;
				overflow: hidden;
			}
			div.modal_form form.modal_form_container div.modal_form_container__box_close{
			    position: absolute;
				top: 50px;
				right: 50px;
				cursor: pointer;
			}
			
			div.modal_form form.modal_form_container div.modal_form__box{
			    max-width: 562px;
				/* height: 146px; */
				width: 100%;
				text-align: center;
				display: flex;
				gap: 12px;
				flex-direction: column;
				padding: 0px 30px;
				box-sizing: border-box;
			}
			
			div.modal_form form.modal_form_container div.modal_form__box_name{
				font-family: var(--font-family);
				font-weight: 700;
				font-size: 40px;
				line-height: 108%;
				letter-spacing: -0.01em;
				text-transform: uppercase;
				text-align: center;
				color: var(--colour-main-text);
			}
			div.modal_form form.modal_form_container div.modal_form__box_name i{
				font-style: italic;
				color: var(--colour-accent-yellow);
			}
			div.modal_form form.modal_form_container span#desc{
				font-family: var(--font-family);
				font-weight: 400;
				font-size: 17px;
				line-height: 140%;
				text-align: center;
				color: var(--colour-text-gray);
			}
		
			div.modal_form div.modal_form__background_close{
			    position: fixed;
				width: 100dvw;
				height: 100dvh;
				z-index: 9999;
				left: 0;
			}
			
			.container {
			  width: 100%;
			  padding-left: 15px;
			  padding-right: 15px;
			  margin-right: auto;
			  margin-left: auto;
			}

			@media (max-width: 420px) {
			
				body div.modal_form form.modal_form_container{
					padding: 30px;
					width: 100%;
					max-height: calc(100dvh - 30px);
				}
				
			}

			@media (max-width: 620px) {
			  div.container {
				max-width: calc(100% - 30px);
			  }
			  
			  header div.container span#header__company_name, footer div.container span#footer__company_name{
				font-size: 28px;			  
			  }
			  
			  main section.main__screen .container div.main__box_middle div.main__box_middle__box_middle h1{
				font-size: 36px;
			  }
			  
			  main section.main__screen .container div.main__box_middle div.main__box_middle__box_middle a.main__box_middle__box_middle__button_open_pop span,
			  main section.examples div.container div.swiper div.swiper-slide div.examples__buttons a#button_action_want,
			  main section.form div.container div.form__box div.form__box__window_form button.form__box__window_form__button_action_send span,
			  main section.main__screen .container div.main__box_advantages div.main__box_advantages__advantage span,
			  main section.advantages_our div.container div.advantages_our__box div.advantages_our__box__box_info div.advantages_our__box__box_info__content div.advantages_our__box__box_info__content_info span#name{
				font-size: 16px;
			  }
			  
			  main section.main__screen .container div.main__box_middle div.main__box_middle__box_middle a.main__box_middle__box_middle__button_open_pop span{
				  white-space: nowrap;       /* Запрещаем перенос строк */
				  overflow: hidden;          /* Скрываем выходящий за границы текст */
				  text-overflow: ellipsis;   /* Добавляем многоточие */
				  display: inline-block;     /* или block, в зависимости от верстки */
				  max-width: 100%; 
			  }
			  
			  /*main section.main__screen .container div.main__box_middle div.main__box_middle__box_middle a.main__box_middle__box_middle__button_open_pop{
				width: 100%;
			  }*/
			  
			  main section:is(.types, .prices, .examples, .advantages_our, .form, .text) div.container h2{
				font-size: 38px;
			  }
			  main section.form div.container > p{
				  font-size: 15px;
			  }
			  
			  .swiper-slide + .swiper-slide::before{
				display: none;
			  }
			  
			  main section.advantages_our div.container div.advantages_our__box div.advantages_our__box__box_info div.advantages_our__box__box_info__content{
				padding: 40px 0px;
			  }
			  main section.advantages_our div.container div.advantages_our__box div.advantages_our__box__box_info div.advantages_our__box__box_info__content:nth-child(even){
				padding: 40px 0px 40px 10px;
			  }
			  
			  main section.form div.container div.form__box,
			  main section.text div.container div.text__box,
			  footer div.container div.footer__box_middle,
			  footer div.container div.footer__box_middle div.footer__box_middle__contacts div.footer__box_middle__contacts_main,
			  footer div.container div.footer__box_footer{
				flex-direction: column;
			  }
			  main section.form div.container div.form__box > div,
			  main section.text div.container div.text__box div.text__box_left,
			  main section.text div.container div.text__box div.text__box_right,
			  footer div.container span#footer__company_name{
				width: 100%;
			  }
			  
			  footer div.container div.footer__box_middle,
			  footer div.container div.footer__box_middle div.footer__box_middle__contacts div.footer__box_middle__contacts_main,
			  footer div.container div.footer__box_footer{
				gap: 20px;
			  }
			  footer div.container span#footer__company_name{
				text-align: center;
				font-size: 32px;
			  }
			  
			  div.modal_form form.modal_form_container div.modal_form__box__window_form__gap{
				flex-direction: column;
			  }
			  
			  div.modal_form form.modal_form_container div.modal_form__box__window_form__gap div.modal_form__box__window_form__box_input,
			  div.modal_form form.modal_form_container div.modal_form__box__window_form__gap div.box_interactive_flex{
				width: 100%;
			  }
			  
			  body div.modal_form form.modal_form_container div.modal_form_container__box_close{
				top: 30px;
				right: 30px;
			  }
			  
			  div.modal_form form.modal_form_container div.modal_form__box_name{
				  
				  
				  
			  }
			  
			  div.modal_form form.modal_form_container{
				  padding: 30px;
			  }
			  
			  /*
			  ------------
			  ------------
			  ------------
			  */
			  
			  main section.main__screen .container{
				border-top: none;
			  }
			  header div.container nav.header__nav{
			    width: auto;
			  }
			  header div.container div.header__box_right{
				width: auto;
				justify-content: space-between;
				margin: 0px;
			  }
			  main section.main__screen .container div.main__box_middle{
				flex-direction: column;
				height: auto;
			  }
			  main section.main__screen .container div.main__box_middle div:is(.main__box_middle__box_right){
				display: none;
			  }
			  
			  main section.main__screen .container div.main__box_middle div.main__box_middle__box_middle{
				border-left: none;
				border-right: none;
				width: 100%;
				margin: 40px 0px 35px 0px;
			  }
			  
			  main section.main__screen .container div.main__box_middle div:is(.main__box_middle__box_left, .main__box_middle__box_right){
				width: auto;
			  }
			  
			  
			  main section.main__screen .container div.main__box_middle div.main__box_middle__box_middle h1 br{
				display: none;
			  }
			  
			  main section.main__screen div.container div.main__box_advantages div.main__box_advantages__advantage{
			    width: 50%;
				margin: 0px 0px 0px 0px;
				padding: 30px 0px 30px 10px;
			  }
			  main section.main__screen div.container div.main__box_advantages div.advantage_unig_design,
			  main section.main__screen div.container div.main__box_advantages div.advantage_log{
				padding: 30px 0px;
			  }
			  
			  
			  main section.main__screen .container div.main__box_advantages div.advantage_more{
				border-right: none;
			  }
			  
			  main section.main__screen .container div.main__box_advantages{
				margin: 0px 0px 40px 0px;
			  }
			  
			  main section.types div.container > div.types__catalog > div.types__catalog__card{
			      width: 100% !important;
				  border-right: none;
			  }
			  
			  main section.advantages_our div.container div.advantages_our__box{
				flex-direction: column;
				/*border-top: none;
				border-bottom: none;*/
			  }
			  
			  main section.advantages_our div.container div.advantages_our__box div.box_image{
				width: 100%;
				height: 200px;
			  }
			  
			  main section.form div.container div.form__box div.form__box__window_form div.form__box__window_form__box_input,
			  div.modal_form form.modal_form_container div.modal_form__box__window_form__gap div.modal_form__box__window_form__box_input{
				flex: 1 0 100%;
			  }
			  
			  footer div.container div.footer__box_middle div.footer__box_middle__contacts{
				flex-direction: column;
				gap: 20px;
			  }
			  
			  header div.container nav.header__nav,
			  header div.container div.header__contacts div.header__contacts_phonemail,
			  header div.container div.header__button_form{
				display: none;
			  }
			  
			  header div.container div.container__icon_menu_mobile{
				display: flex;
			  }
			  
			  header div.container div.header__contacts div.header__contacts_social{
				gap: 6px;
			  }
			  header div.container div.header__contacts{
				gap: 10px;
			  }
			  
			  /*
			  ------------
			  ------------
			  ------------
			  */
			  
			  main section.main__screen .container div.main__box_middle div.main__box_middle__box_middle{
				  gap: 24px;
			  }
			  
			  main section.prices .container .price-table th,
			  main section.prices .container .price-table tr td{
				  font-size: 18px;
			  }
			  
			  main section.prices .container .price-table tr td#price_current{
				  font-size: 20px;
			  }
			  
			  main section.form div.container div.form__box{
				  gap: 40px;
			  }
			  
			  main section.form div.container div.form__box div.form__box__window_form button.form__box__window_form__button_action_send{
				  margin: 30px 0px 0px 0px;
			  }
			  
			  main section.form div.container div.form__box > div{
				display: flex;
				flex-direction: column;
				align-items: center;
			  }
			  
			  footer div.container div.footer__logo{
				  margin: 0px 0px 40px 0px;
			  }
			  
			  footer div.container div.footer__box_middle{
				  gap: 25px;
			  }
			  
			  footer div.container div.footer__box_middle div.footer__box_middle__contacts div.footer__box_middle__contacts_main{
				  gap: 10px;
			  }
			  
			  body footer div.container div.footer__box_footer a{
					  flex: initial;
				  }
				body footer div.container div.footer__box_footer a:first-child,
				body footer div.container div.footer__box_footer a:last-child{
					text-align: center;
				}
				
				main section.main__screen .container div.main__box_middle div.main__box_middle__box_middle a.main__box_middle__box_middle__button_open_pop{
					width: auto;
					gap: 20px;
				}
			  
			}

			@media (min-width: 576px) {
			  .container {
				max-width: 576px;
			  }
			  .swiper-slide + .swiper-slide::before{
				display: none;
			  }
			  
			  main section.main__screen .container{
				border-top: none;
			  }
			  header div.container nav.header__nav{
			    width: auto;
			  }
			  header div.container div.header__box_right{
				width: auto;
				justify-content: space-between;
				margin: 0px;
			  }
			  main section.main__screen .container div.main__box_middle{
				flex-direction: column;
				height: auto;
			  }
			  main section.main__screen .container div.main__box_middle div:is(.main__box_middle__box_right){
				display: none;
			  }
			  
			  main section.main__screen .container div.main__box_middle div.main__box_middle__box_middle{
				border-left: none;
				border-right: none;
				width: 100%;
				margin: 30px 0px 35px 0px;
			  }
			  
			  main section.main__screen .container div.main__box_middle div:is(.main__box_middle__box_left, .main__box_middle__box_right){
				width: auto;
			  }
			  
			  
			  main section.main__screen .container div.main__box_middle div.main__box_middle__box_middle h1 br{
				display: none;
			  }
			  
			  main section.main__screen .container div.main__box_advantages div.main__box_advantages__advantage{
			    width: 50%;
				margin: 0px 0px 0px 0px;
			  }
			  
			  main section.main__screen .container div.main__box_advantages div.advantage_more{
				border-right: none;
			  }
			  
			  main section.main__screen .container div.main__box_advantages{
				margin: 0px 0px 40px 0px;
			  }
			  
			   main section.types div.container div.types__catalog > div.types__catalog__card{
			      width: 50%;
			  }
			  
			  main section.advantages_our div.container div.advantages_our__box{
				flex-direction: column;
				/*border-top: none;
				border-bottom: none;*/
			  }
			  
			  main section.advantages_our div.container div.advantages_our__box div.box_image{
				width: 100%;
				height: 200px;
			  }
			  
			  main section.form div.container div.form__box div.form__box__window_form div.form__box__window_form__box_input{
				flex: 1 0 100%;
			  }
			  
			  footer div.container div.footer__box_middle div.footer__box_middle__contacts{
				flex-direction: column;
			  }
			  
			  header div.container nav.header__nav,
			  header div.container div.header__contacts div.header__contacts_phonemail,
			  header div.container div.header__button_form{
				display: none;
			  }
			  
			  header div.container div.container__icon_menu_mobile{
				display: flex;
			  }
			  
			  header div.container div.header__contacts div.header__contacts_social{
				gap: 6px;
			  }
			  header div.container div.header__contacts{
				gap: 10px;
			  }
			  
			  main section.types div.container div.types__catalog div.types__catalog__card:nth-child(even){
				border-right: none;
			  }
			  
			   div.modal_form form.modal_form_container div.modal_form__box__window_form__gap{
				flex-direction: column;
			  }
			  div.modal_form form.modal_form_container div.modal_form__box__window_form__gap div.modal_form__box__window_form__box_input{
				flex: 1;
				width: 100%;
			  }
			  div.modal_form form.modal_form_container div.modal_form__box__window_form__gap div.box_interactive_flex{
				width: 100%;
			  }
			  
			  main section.main__screen .container div.main__box_middle div.main__box_middle__box_middle{
				  gap: 20px;
			  }
			  
			  
			  footer div.container div.footer__box_middle div.footer__box_middle__contacts{
				flex-direction: row;
			  }
			  
			  footer div.container div.footer__box_middle div.footer__box_middle__contacts div.footer__box_middle__contacts_main{
				  flex-direction: column;
				  gap: 10px;
			  }
			  
			  main section.main__screen .container div.main__box_middle div.main__box_middle__box_middle{
				  margin: 40px 0px 35px 0px;
			  }
			  
			  main section.form div.container div.form__box,
			  main section.text div.container div.text__box{
				  flex-direction: column;
			  }
			  
			  main section.form div.container div.form__box > div,
			  main section.text div.container div.text__box div.text__box_left,
			  main section.text div.container div.text__box div.text__box_right{
				  width: 100%;
			  }
			  
			  main section.main__screen div.container div.main__box_advantages div.advantage_log {
				  padding: 30px 0px;
			  }
			  
			  main section.prices .container .price-table th, main section.prices .container .price-table tr td{
				  font-size: 18px;
			  }
			  main section.prices .container .price-table tr td#price_current{
				  font-size: 20px;
			  }
			  
				  footer div.container div.footer__box_footer a{
					  flex: 1;
				  }
				
				footer div.container div.footer__box_footer a:last-child{
					text-align: right;
				}
				
				main section.form div.container div.form__box > div{
					display: flex;
					flex-direction: column;
					align-items: center;
				}
			  
			}

			@media (min-width: 768px) {
			  .container {
				max-width: 720px;
			  }
			  
			  header div.container nav.header__nav,
			  header div.container div.header__contacts div.header__contacts_phonemail,
			  header div.container div.header__button_form{
				/*display: flex;*/
			  }
			  
			  header div.container div.header__box_right{
			    /*width: 100%;
				justify-content: space-between;
				margin: 20px 0px 0px 0px;*/
			  }
			  
			  header div.container div.container__icon_menu_mobile{
				/*display: none;*/
			  }
			  
			  header div.container div.header__contacts div.header__contacts_social{
				gap: 15px;
			  }
			  header div.container div.header__contacts{
				gap: 26px;
			  }
			  
			  div.modal_form form.modal_form_container div.modal_form__box__window_form__gap{
				flex-direction: row;
			  }
			  div.modal_form form.modal_form_container div.modal_form__box__window_form__gap div.modal_form__box__window_form__box_input{
				flex: 1 0 calc(50% - 25px);
			 }
			 
			 div.modal_form form.modal_form_container div.modal_form__box__window_form__gap div.box_interactive_flex,
			 main section.form div.container div.form__box > div,
			 main section.text div.container div.text__box div.text__box_left,
			 main section.text div.container div.text__box div.text__box_right{
				width: 50%;
			  }
			  
			  main section.main__screen .container div.main__box_middle div.main__box_middle__box_middle{
				  margin: 30px 0px 35px 0px;
			  }
			  
			  main section.form div.container div.form__box,
			  main section.text div.container div.text__box{
				  flex-direction: row;
			  }
			  
			    footer div.container div.footer__box_footer a{
					  flex: initial;
				  }
				
				
				main section.form div.container div.form__box > div{
					display: initial;
					flex-direction: initial;
					align-items: initial;
				}
			  
			}

			@media (min-width: 992px) {
			  .container {
				max-width: 960px;
			  }
			  
			  .swiper-slide + .swiper-slide::before{
				display: initial;
			  }
			  
			  main section.main__screen .container{
				border-top: 1px solid var(--colour-line-on-accent-gray);
			  }
			  main section.main__screen .container div.main__box_middle{
				flex-direction: row;
				height: 429px;
			  }
			  main section.main__screen .container div.main__box_middle div:is(.main__box_middle__box_right){
				display: initial;
			  }
			  
			  main section.main__screen .container div.main__box_middle div.main__box_middle__box_middle{
				border-left: 1px solid var(--colour-line-on-accent-gray);
				border-right: 1px solid var(--colour-line-on-accent-gray);
				width: 50%;
				margin: 0px;
			  }
			  
			  main section.main__screen .container div.main__box_middle div:is(.main__box_middle__box_left, .main__box_middle__box_right){
				width: 25%;
			  }
			  
			  main section.main__screen .container div.main__box_middle div.main__box_middle__box_middle h1 br{
				display: initial;
			  }
			  
			  main section.main__screen .container div.main__box_advantages div.main__box_advantages__advantage{
			    width: 25%;
				margin: 0px 0px 40px 0px;
			  }
			  main section.main__screen .container div.main__box_advantages div.advantage_more{
				border-right: 1px solid var(--colour-line-on-accent-gray);
			  }
			  
			  main section.main__screen .container div.main__box_advantages{
				margin: 0px 0px 0px 0px;
			  }
			  
			  main section.types div.container div.types__catalog > div.types__catalog__card{
			      width: 25%;
			  }
			  
			  main section.advantages_our div.container div.advantages_our__box{
				flex-direction: row;
				border-top: 1px solid #d8d8d8;
				border-bottom: 1px solid #d8d8d8;
			  }
			  
			  main section.advantages_our div.container div.advantages_our__box div.box_image{
				width: 25%;
				height: auto;
			  }
			  
			  main section.form div.container div.form__box div.form__box__window_form div.form__box__window_form__box_input,
			  div.modal_form form.modal_form_container div.modal_form__box__window_form__gap div.modal_form__box__window_form__box_input{
				flex: 1 0 calc(50% - 25px);
			  }
			  
			  
			  main section.types div.container div.types__catalog div.types__catalog__card:nth-child(even){
				border-right: 1px solid #D8D8D8;
			  }
			   main section.types div.container div.types__catalog div.types__catalog__card:nth-child(4){
				border-right: none;
			  }
			  
			  /**/
			  
			  header div.container nav.header__nav,
			  header div.container div.header__contacts div.header__contacts_phonemail,
			  header div.container div.header__button_form{
				display: none;
			  }
			  
			  header div.container div.container__icon_menu_mobile,
			  main section.advantages_our div.container div.advantages_our__box div.box_image{
				display: flex;
			  }
			  
			  main section.main__screen .container div.main__box_middle div.main__box_middle__box_middle{
				  gap: 40px;
			  }
			  
			  footer div.container div.footer__box_middle div.footer__box_middle__contacts div.footer__box_middle__contacts_main{
				  flex-direction: row;
				  gap: 46px;
			  }
			  
			  main section.main__screen div.container div.main__box_advantages div.advantage_log {
				  padding: 30px;
			  }
			  
			}

			@media (min-width: 1200px) {
			  .container {
				max-width: 1140px;
			  }
			  header div.container nav.header__nav{
			    width: 25%;
			  }
			  header div.container div.header__box_right{
				width: calc(100% / 2);
				justify-content: flex-end;
				margin: 0px 0px 0px 0px;
			  }
			  
			  header div.container nav.header__nav,
			  header div.container div.header__contacts div.header__contacts_phonemail,
			  header div.container div.header__button_form{
				display: flex;
			  }
			  
				header div.container div.container__icon_menu_mobile{
					display: none;
				}
				
				main section.main__screen .container div.main__box_middle div.main__box_middle__box_middle h1{
					font-size: 48px;
				}
			  
			  main section.prices .container .price-table th, main section.prices .container .price-table tr td{
				  font-size: 20px;
			  }
			  main section.prices .container .price-table tr td#price_current{
				  font-size: 22px;
			  }
			  
			}

			@media (min-width: 1400px) {
			  .container {
				max-width: 1320px;
			  }
			  
			  main section.main__screen .container div.main__box_middle div.main__box_middle__box_middle h1{
					font-size: 50px;
				}
			  
			}

footer div.container div.footer__box_footer > div{
	display: flex;
	flex-direction: column;
}
footer div.container div.footer__box_footer  > div:first-child > a{
		text-align: left;
}
footer div.container div.footer__box_footer  > div:nth-child(2) > a{
		text-align: center;
}
footer div.container div.footer__box_footer  > div:last-child > a {
		text-align: right;
}
@media(max-width:1199px){
	footer div.container div.footer__box_footer{
		flex-direction: column;
		align-items: flex-start;
	}
	footer div.container div.footer__box_footer  > div > a {
		text-align: left;
	}
	footer div.container div.footer__box_footer > div:nth-child(2) > a, footer div.container div.footer__box_footer > div:last-child > a{
		text-align: left;
	}
	
}
@media(max-width:620px){
	footer div.container div.footer__box_footer  > div{
		gap: 20px;
	}
}

.marker_info{
	margin-left: auto;
	position: relative;
}
.marker_info:hover path{
	transition: all 0.3s;
	fill: #FFBB00;
}
.marker_info__popup{
	position: absolute;
	right: 0;
	/* bottom: 7px; */
	box-shadow: 4px 5px 8px 0 rgba(37, 40, 101, 0.03);
	background: var(--colour-white);
	padding: 20px;
	width: 260px;
	z-index: 2;
	display: none;
}
.marker_info__popup p{
	font-weight: 400;
	font-size: 15px;
	line-height: 135%;
	color: var(--colour-main-text);
	margin-bottom: 0;
	
}
.marker_info:hover .marker_info__popup{
	display: block;
}
.form_loader{
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	max-width: 450px;
	margin: 0 auto;
	display: none;
}
.form_loader__number{
	font-weight: 600;
	font-size: 40px;
	line-height: 160%;
	text-transform: uppercase;
	text-align: right;
	color: var(--colour-accent-yellow);
	margin-bottom: 12px;
}
.form_loader__string{
	height: 6px;
	width: 100%;
	background: var(--colour-line-on-bg-light);
	margin-bottom: 25px;
}
.form_loader__string-full{
	height: 100%;
	background: var(--colour-accent-yellow);
	transition: all .2s ease;
	width: 0;
}
.form_loader__text{
	font-weight: 400;
	font-size: 18px;
	line-height: 120%;
	letter-spacing: -0.01em;
	text-align: center;
	color: var(--colour-text-gray);
}
.form_loader__success{
	display: none;
	text-align: center;
}
.form_loader__success svg{
	margin-bottom: 15px;
}
.form_loader__success .form_loader__text{
	color: var(--colour-main-text);
}
@media(max-width:1199px){
	.form__box__window_form--border {
		padding: 45px;
	}
}
@media(max-width:767px){
	.form_loader__text {
		font-size: 15px;
	}
}
@media(max-width:575px){
	.marker_info__popup {
		right: -44px;
	}
}