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

@media (min-width: 576px) {
   .container {
      max-width: 540px;
   }
}

@media (min-width: 768px) {
   .container{
      max-width: 720px;
   }
}

@media (min-width: 992px) {
   .container {
      max-width: 960px;
   }
}

@media (min-width: 1200px) {
   .container {
      max-width: 1140px;
   }
}

@media (min-width: 1240px) {
   .container {
      padding: 0;
      max-width: 1200px;
   }
}

@font-face {
   font-family: 'HelveticaNeueCyr';
   src: url('../font/HelveticaNeueCyr-Bold.eot');
   src: url('../font/HelveticaNeueCyr-Bold.eot?#iefix') format('embedded-opentype'),
   url('../font/HelveticaNeueCyr-Bold.woff') format('woff'),
   url('../font/HelveticaNeueCyr-Bold.ttf') format('truetype');
   font-weight: 700;
   font-style: normal;
}

@font-face {
   font-family: 'HelveticaNeueCyr';
   src:  url('../font/HelveticaNeueCyr-Medium.eot');
   src:  url('../font/HelveticaNeueCyr-Medium.eot?#iefix') format('embedded-opentype'),
         url('../font/HelveticaNeueCyr-Medium.woff') format('woff'),
         url('../font/HelveticaNeueCyr-Medium.ttf') format('truetype');
   font-weight: 500;
   font-style: normal;
}

@font-face {
   font-family: 'HelveticaNeueCyr';
   src: url('../font/HelveticaNeueCyr-Light.eot');
   src: url('../font/HelveticaNeueCyr-Light.eot?#iefix') format('embedded-opentype'),
   url('../font/HelveticaNeueCyr-Light.woff') format('woff'),
   url('../font/HelveticaNeueCyr-Light.ttf') format('truetype');
   font-weight: 300;
   font-style: normal;
}

@font-face {
   font-family: 'ProximaNova';
   src: url('../font/ProximaNova-Bold.eot');
   src: url('../font/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
   url('../font/ProximaNova-Bold.woff') format('woff'),
   url('../font/ProximaNova-Bold.ttf') format('truetype');
   font-weight: 700;
   font-style: normal;
}

:root {
  --main-font: 'HelveticaNeueCyr', sans-serif;
  --secondary-font: 'ProximaNova', sans-serif;
  --font-size-base: 16px;
  --font-size-large: 24px;
}


/*технические работы вариант 1*/
.option01 .technical-works__title,
.option01 .technical-works__subtitle  {
   margin: 0;
   padding: 0;
   font-family: var(--secondary-font);
   text-transform: uppercase;
   font-weight: 700;
   color: #fff;
}

.option01 .technical-works__title {
   font-size: 32px;
   line-height: 38px;
   max-width: 685px;
   padding-bottom: 30px;
}

.option01 .technical-works__subtitle {
   font-size: 18px;
   line-height: 22.5px;
}

.option01 .technical-works__content-title {
   padding-bottom: 100px; 
}

.option01 .technical-works__contacts-title {
   font-family: var(--main-font);
   font-weight: 500;
   font-size: 14px;
   line-height: 12px;
   text-transform: uppercase;
   color: #fff;
   margin: 0 0 50px 0;
   padding: 0;
}

.option01 .technical-works__contacts-list {
   gap: 10px 100px;
   flex-wrap: wrap;
   display: flex; 
}

.option01 .technical-works__contacts-list a {
   font-family: var(--main-font);
   font-weight: 700;
   font-size: 14px;
   line-height: 12px;
   color: #fff;
   text-decoration: none;
   letter-spacing: 2px;
}

.option01 .technical-works__footer {
   display: flex;
   align-items: center;
   justify-content: end;
   gap: 26px;
   padding-bottom: 80px;
}

.option01 .footer__info {
   display: flex;
   flex-direction: column;
   gap: 2px;
}

.option01 .footer__text {
   font-family: var(--main-font);
   font-weight: 300;
   font-size: 12px;
   line-height: 12px;
   letter-spacing: 2px;
   text-transform: uppercase;
   color: #fff;
}

.option01 .footer__email span {
   font-family: var(--main-font);
   font-weight: 300;
   font-size: 12px;
   letter-spacing: 2px;
   color: #fff;
}

.option01 .footer__email {
   text-decoration: none;
   gap: 8px;
   align-items: center;
   display: flex;
}

.option01 .footer__logo {
   max-height: 30px;
}

.option01 .footer__logo img {
   max-width: 100%;
}

.option01.technical-works {
   min-height: 100vh;
   background-repeat: no-repeat;
   background-size: cover;
}

.option01.technical-works .technical-works__inner {
   position: relative;
   min-height: 100vh;
   display: flex;
   justify-content: space-between;
   flex-direction: column;
}

.option01 .technical-works__content {
   padding-top: 13%;
}
/*.технические работы вариант 1*/


/*технические работы вариант 2*/
.option02 .technical-works__title,
.option02 .technical-works__subtitle,
.option03 .technical-works__title,
.option03 .technical-works__subtitle  {
   margin: 0;
   padding: 0;
   font-family: var(--secondary-font);
   text-transform: uppercase;
   font-weight: 700;
}

.option02 .technical-works__title,
.option03 .technical-works__title  {
   font-size: 32px;
   line-height: 38px;
   max-width: 685px;
   padding-bottom: 30px;
   color: #1C1D34;
}

.option02 .technical-works__subtitle,
.option03 .technical-works__subtitle {
   font-size: 18px;
   line-height: 22.5px;
   color: #6228B1;
}

.option02 .technical-works__contacts-title,
.option03 .technical-works__contacts-title {
   font-family: var(--main-font);
   font-weight: 700;
   font-size: 12px;
   line-height: 12px;
   color: #1C1D34;
   letter-spacing: 2px;
   margin: 0 0 20px 0;
   padding: 0;
}

.option02 .technical-works__contacts-list,
.option03 .technical-works__contacts-list {
   gap: 10px;
   flex-wrap: wrap;
   display: flex;
   flex-direction: column;
}

.option02 .technical-works__contacts-list span,
.option03 .technical-works__contacts-list span {
   font-weight: 300;
   font-size: 12px;
   line-height: 12px;
   color: #1C1D34;
   font-family: var(--main-font);
}

.option02 .technical-works__contacts-list .technical-works__contact,
.option03 .technical-works__contacts-list .technical-works__contact {
   text-decoration: none;
   display: flex;
   align-items: center;
   gap: 10px;
}

.option02 .technical-works__footer,
.option03 .technical-works__footer {
   display: flex;
   align-items: center;
   gap: 30px;
   padding-top: 40px;
   position: relative;
}

.option02 .footer__info,
.option03 .footer__info {
   order: 2;
}

.option02 .footer__logo,
.option03 .footer__logo {
   order: 1;
}

.option02 .footer__text,
.option03 .footer__text {
   font-family: var(--main-font);
   font-weight: 300;
   font-size: 12px;
   line-height: 12px;
   letter-spacing: 2px;
   text-transform: uppercase;
   color: #1C1D34;
}

.option02 .footer__email span,
.option03 .footer__email span {
   font-family: var(--main-font);
   font-weight: 300;
   font-size: 12px;
   letter-spacing: 2px;
   color: #1C1D34;
}

.option02 .footer__email,
.option03 .footer__email {
   text-decoration: none;
   align-items: center;
   display: flex;
   gap: 10px;
}

.option02.technical-works,
.option03.technical-works {
   min-height: 100vh;
   background-repeat: no-repeat;
   background-size: cover; 
   position: relative;
}

.option02.technical-works .technical-works__inner,
.option03.technical-works .technical-works__inner {
   position: relative;
   min-height: 100vh;
   display: flex;
   justify-content: space-around;
   flex-direction: column;
}

.option02 .technical-works__content-title,
.option03 .technical-works__content-title {
   margin-bottom: 50px;
}

.option02 .technical-works__bg {
   right: 0;
   top: 50%;
   transform: translateY(-50%);
   max-height: 500px;
   position: absolute;
}

.option02 .technical-works__bg img {
   max-height: 500px;
}

.option02 .technical-works__footer::before {
   position: absolute;
   content: '';
   width: 100%;
   height: 1px;
   max-width: 470px;
   top: 0;
   background: #07CFB5;
}
/*.технические работы вариант 2*/

.option03 .technical-works__bg {
   position: relative;
}

.option03 .img__l,
.option03 .img__r {
   bottom: 0;
   top: 0;
   position: absolute;
   max-height: 100vh;
}

.option03 .img__l {
   left: 0;
} 

.option03 .img__r {
   right: 0;
}