@font-face {
font-family: 'OpenSans-Light';
src: url('./fonts/OpenSans-Light.woff2') format('woff2'),
url('./fonts/OpenSans-Light.woff') format('woff'),
url('./fonts/OpenSans-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;

}
@font-face {
font-family: 'OpenSans-Regular';
src: 
url('./fonts/OpenSans-Regular.woff2') format('woff2'),
url('./fonts/OpenSans-Regular.woff') format('woff'),
url('./fonts/OpenSans-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;

}
@font-face {
font-family: 'OpenSans-Medium';
src: url('./fonts/OpenSans-Medium.woff2') format('woff2'),
url('./fonts/OpenSans-Medium.woff') format('woff'),
url('./fonts/OpenSans-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;

}
@font-face {
font-family: 'OpenSans-SemiBold';
src: url('./fonts/OpenSans-SemiBold.woff2') format('woff2'),
url('./fonts/OpenSans-SemiBold.woff') format('woff'),
url('./fonts/OpenSans-SemiBold.ttf') format('truetype');
font-weight: 600;
font-style: normal;

}
@font-face {
font-family: 'OpenSans-Bold';
src: url('./fonts/OpenSans-Bold.woff2') format('woff2'),
url('./fonts/OpenSans-Bold.woff') format('woff'),
url('./fonts/OpenSans-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;

}
@font-face {
font-family: 'OpenSans-ExtraBold';
src: url('./fonts/OpenSans-ExtraBold.woff2') format('woff2'),
url('./fonts/OpenSans-ExtraBold.woff') format('woff'),
url('./fonts/OpenSans-ExtraBold.ttf') format('truetype');
font-weight: 800;
font-style: normal;

}
:root {
  --accent-color: #03033a;

}
.header__progress-bar {
    position: fixed;
    top: 0;
    z-index: 500;
    width: 100%;
    background-color: #ffbbbb;
  }
  .progress-bar-item {
  height: 4px;
  width: 0%
}

.no-scroll {
  height: 100vh;
  overflow-y: hidden;
}
a{
text-decoration: none;
}

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;


}
input
{color: inherit;
  background-color: transparent;
  border: none;
   outline: none;

}
input:focus{
  outline: none;
   border: none;
}
input[type="submit"] {
  display: inline-block;
 box-shadow: none;
 cursor: pointer
}
html, body{
  font-size: 16px;
  font-family: 'OpenSans-Regular';
  color: var(--accent-color);
  background-color: rgb(255, 255, 255) !important;
}
ul li{
   list-style-type: none
}
img{
 
  object-fit: cover;
  object-position: center;
}

.wrapper {

 margin: 0 auto;
}
.main-screen__container{
  height: 100vh;
  position: relative;
    
 
}
.container{
  max-width: 1310px;
  margin: 0 auto;
  padding: 0 10px;

}
.header{
 
  position: fixed;
  width: 100%;
  z-index: 100;
  top: 0;
  background-color: rgb(11 9 88)
 
 
}
.header a,
footer a{
  color: white;
  transition: all .2s ease 0s ;
}
.header a:hover,
.footer a:hover{
  color: rgb(202, 202, 202);
  text-shadow: 0 1px 2px #000000;
  transition: all .2s ease 0s ;
 
}
.header__links--mobile{
  display: none;
  pointer-events: none;
  width: 25px;
  height: 25px;
}
.header__links--mobile a{
  display: block;
width: 100%;
height: 100%;
}
.header__links--mobile a svg{
width: 100%;
height: 100%;
}

.header__mobile-toggle-menu{
  cursor: pointer;
  position: relative;
  width: 25px;
  height: 20px;
  display: none;
  pointer-events: none;

}   
.header__mobile-toggle-menu span{
  position: absolute;
  display: block;
  top: 10px;
 width: 100%;
  height: 2px;
  background-color: white;

}
.header__mobile-toggle-menu span::before{
  position: absolute;
  content: '';
  display: block;
  top: -8px;
 width: 100%;
  height: 2px;
  background-color: white;
    transition: transform .2s ease-in, top .2s ease-in;

}
.header__mobile-toggle-menu span::after{
  position: absolute;
  content: '';
  display: block;
  top: 8px;
 width: 100%;
  height: 2px;
  background-color: white;
   transition: transform .2s ease-in, top .2s ease-in;

}
.header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;


  
}

.header__nav{
  display: flex;
  align-items: center;
  column-gap: 45px;
  padding:  20px 0;

}

.header__links {
  position: relative;
  z-index: 101;
  display: flex;
  align-items: center;
  column-gap: 45px;
  color: white;
}



.main-screen {
  padding: 100px 0 0 0 !important;
  background-color: var(--accent-color);
  color: white;
  height: 100vh;
}
.main-screen::before{
  position: absolute;
  content: "";
  bottom: 40px;
  right: 40px;
  width:300px;
  height: 160px;
  background: url(./images/Logo.png) center/cover no-repeat;
 
}
.main-screen h1 {
  font-size: 4.5em;
  font-family: 'OpenSans-Bold';
  
}
.main-screen p {
  font-size: 2em;
max-width: 760px;
padding-top: 40px;
position: relative;

}
.main-screen p::before {
 position: absolute;
 content: "";
 bottom: -30px;
 left: 0;
 width: 85%;
 height: 1px;
 background-color: rgb(255, 255, 255);

}
.main-screen__image{
  position: absolute;
  bottom: 140px;
  left: 9px;

max-width: 785px;
height: 300px;
}
.main-screen__image img {
width: 100%;
height: 100%;

}
.main-screen__image::before {
  position: absolute;
  content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0);

}
section{
  padding: 65px 0 0 0;
}

section h2 {
font-size: 2.5em;
  font-family: 'OpenSans-Bold';
  padding-bottom: 20px;
}

.error-document__container p {
  font-size: 1.6em;
  font-family: 'OpenSans-SemiBold';
 
}
.error-document__column li{
  padding-block: 40px;
}
.error-document__column li:last-child{
  padding: 40px 0 0 0;
}

.error-document__column li:nth-child(2) {

  border-block: 1px solid var(--accent-color);
}
.error-document__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 70px;
}
.error-document__item p{
 font-size: 1em;
font-family: 'OpenSans-Regular';
 

}
.error-document__item-image{
position: relative;
width: 87px;
height: 87px;

}
.error-document__item-image::before{
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50px;
background-color: rgba(0, 0, 0, 0.318);

}
.error-document__item-image img{
width: 87px;
height: 87px;


}

.comply-requirements hr{
  width: 75%;
  background-color: var(--accent-color);
  height: 1px;
}
.comply-requirements__container h2 {
  position: relative;
}
.comply-requirements__container h2::before,
.comply-requirements__container h2::after {
  position: absolute;
  content: '';
  top: 40px;
  right: 0;
  width: 87px;
  height: 87px;
  border-radius: 50px;
  overflow: hidden;

}
.comply-requirements__container h2::before
 {

  background: url(images/Circle-4.png) center/cover   no-repeat;
 

}
.comply-requirements__container h2::after {

  background-color:rgba(0, 0, 0, 0.318)  ;


}

.comply-requirements__list {
  display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 30px;
padding: 60px 0 0;



}
.comply-requirements__item  {
  flex: 0 1 47%;

}
.comply-requirements__item p {
 font-size: 1em;
font-family: 'OpenSans-Regular';
padding: 15px 0 0 0;
}

.comply-requirements__item p:not(:last-child){
  padding: 0;
}
.comply-requirements__item h3 {
  position: relative;
 font-size: 1.1em;
font-family: 'OpenSans-SemiBold';
}
.comply-requirements__item h3::before {
  position: absolute;
  content: '';
  top: 10px;
  left: -20px;
  width: 5px;
  height: 5px;
  border-radius: 50px;
  background-color: var(--accent-color);
 
}
.comply-requirements__item:last-child  {
font-size: 1.3em;
 color: rgb(108, 108, 108);
align-self: self-end;
font-family: 'OpenSans-SemiBold';


}
.comply-requirements__item:last-child span {
position: relative;
 margin: 0 0 0 35px;

}
.comply-requirements__item:last-child span::before{
position: absolute;
content: '→';
text-align: center;
top: -2px;
left: -45px;
width: 30px;
height: 30px;
display: block;
border-radius: 50px;
border: 1px solid  rgb(108, 108, 108);
}


.reliable-partner__container {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 20px 10px 40px;

}

.reliable-partner__image {
  position: relative;
  width: 281px;
  height: 642px;
 
 
}
.reliable-partner__image img {
 
  width: 100%;
  height: 100%
 
}
.reliable-partner__image::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.318);
 
}
.reliable-partner__content {
   flex: 0  1 70%;
}
.reliable-partner__content h2 {
 padding: 0 0  20px 0;
}
.reliable-partner__content-cards {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 50px 5px;
margin: 50px 0 0 0;
}
.reliable-partner__content-item {
  flex: 0 1 49%;
}
.reliable-partner__content-item p {
 font-size: 1.6em;
 font-family: 'OpenSans-Bold';
 padding: 0 0 20px 0;
}


.reliable-partner__content-subtitle{

  display: block;
  margin: 100px 0 0 0;
  padding: 30px 0 0 0;
  border-top: 1px solid var(--accent-color);
  
}


.professionalism__row {
  display: flex;
  justify-content: space-between;
  margin: 20px 60px;
  padding: 0 0 20px 0;
  
}
.professionalism__column {
  display: flex;
  flex-direction: column;
 width: 254px;
}

.professionalism__column-image{
  position: relative;
 
  height: 408px;
}
.professionalism__column span{
display: block;
text-align: center;
margin: 30px 0 0 0;
padding: 20px 0 0 0;
border-top: 1px solid var(--accent-color);


}
.professionalism__column-image::before{
  position: absolute;
 content: "";
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
  background: rgba(0, 0, 0, 0.318);
}
 
.professionalism__column-image img{
  width: 100%;
  height: 100%;
}
 


.objects-documentation__card {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 50px;
  padding: 0 0 40px 0;
}
.objects-documentation__card-item {
  flex: 0 1 50%;
}

.objects-documentation__card-item:nth-child(2)
 {
  position: relative;
  margin: 45px 0 0 0;

}
.objects-documentation__card-item:nth-child(2)::before
 {
  position: absolute;
  content:'';
 left: -80px;
 top: 0;
 width: 1px;
 height: 176%;
 background-color: var(--accent-color);

}
.objects-documentation__card-item:first-child,
.objects-documentation__card-item:nth-child(2)
 {
 border-bottom: 1px solid var(--accent-color);
  padding: 0 0 30px 0;
}

.objects-documentation__card-item h3 {
  padding: 0 0 15px 0;
}

.objects-documentation__card-item-img{
  position: relative;
  max-width: 555px;
  height: 220px;
}
.objects-documentation__card-item-img:before{
 position: absolute;
 content:'';
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(0, 0, 0, 0.318);
}
.objects-documentation__card-item-img img{
  width: 100%;
  height: 100%;
}
.objects-documentation__card-list {
margin: 0 0 0 10px;
}
.objects-documentation__card-list-items:not(:last-child) {
 padding: 0 0 5px 0;
}
.objects-documentation__card-list-items {
  position: relative;
}
.objects-documentation__card-list-items::before {
  position: absolute;
  content:'';
  top: 9px;
  left: -10px;
  width: 5px;
  height: 5px;
  border-radius: 50px;
  background-color: var(--accent-color);
}


.confidence__container {
  display: flex;
  justify-content: space-between;
  padding: 20px 10px 40px;
}

.confidence__block-text {
  position: relative;
  flex: 0 1 75%;
}
.confidence__block-text::before {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: var(--accent-color);
}
.confidence__block-text h2 {
 padding: 0 0 20px 0;
}
.confidence__block-list {
  padding: 20px 0 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
}
.confidence__block-item {
  flex: 0 1 45%;
}
.confidence__block-item p {
  position: relative;
  font-size: 1.2em;
  font-family: 'OpenSans-Semibold';
  
}
.confidence__block-item p::before {
  position: absolute;
content: '';
top: 12px;
left: -12px;
width: 5px;
height: 5px;
border-radius: 50px;
background-color: var(--accent-color);
  
}
.confidence__block-item span{
  display: block;
  padding: 10px 0 0 0;
}
.confidence__block-img {
  position: relative;
width: 267px;
height: 430px;
}
.confidence__block-img:before {
  position: absolute;
  content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.318) ;
}
.confidence__block-img img {
width: 100%;
height: 100%;
}



.flexible-terms__cards {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 50px;
  margin: 40px 0 0 0;
 
}
.flexible-terms__item {
  flex: 0 1 45%;
}
.flexible-terms__item:nth-child(even) {
 
 padding: 0 0 0 40px;
}

.flexible-terms__container{
  position: relative;
}
.flexible-terms__container::before{
  position: absolute;
  content: '';
  width: 130px;
  height: 130px;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--accent-color);
  box-shadow: 0 0 0 23px #fff;
  z-index: 5;

  border-radius: 90px;
}
.flexible-terms__container::after{
  position: absolute;
  content: '';
  width: 65px;
  height: 130px;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(images/square.png) no-repeat center/contain;
  border-radius: 50px;
  z-index: 10;
}
.flexible-terms__cards::before
{
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 1px;
  background-color: var(--accent-color);
}

.flexible-terms__cards::after {
  position: absolute;
  content: '';
   top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1px;
  height: 100%;
  background-color: var(--accent-color);
}

.flexible-terms__item p {
   font-size: 1.2em;
  font-family: 'OpenSans-Semibold';
}
.flexible-terms__item-nested {
  padding: 15px 0 0 0;
  margin: 0 0 0 12px;
}
.flexible-terms__item-nested li {
 position: relative;
}
.flexible-terms__item-nested li:not(:last-child) {
 padding: 0 0 5px 0;;
}
.flexible-terms__item-nested li::before {
 position: absolute;
 content: '';
 top: 9px;
 left:-12px;
 width: 5px;
 height: 5px;
 border-radius: 50px;
 background-color: var(--accent-color);

}

.footer {
  background-color: var(--accent-color);
  color: white;
  margin: 65px 0 0 0;

}

.footer__container {

  display: flex;
  justify-content: space-between;
}

.footer__container-text {
  position: relative;
 margin: 200px 0 0 0;
}
.footer__container-text::before {
  position: absolute;
content: '';
top: -175px;
left: 0;
width: 200px;
height: 108px;
background: url(./images/Logo.png) no-repeat center/cover;
}
.footer__container-text h2 {
  
  font-size: 3em;
}
.footer__container-text p {
  margin: 10px 0 0 0;
  font-size: 1.5em;
}
.footer__container-image {
  position: relative;
  margin-block: 30px;
  max-width: 322px;
  height: 640px;
}
.footer__container-image::before {
  position: absolute;
  content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.318)
}
.footer__container-image img {
  
  max-width: 100%;
  height: 100%;
}
.footer__container-text form{
 margin: 30px 0 0;

}
.footer__container-text form input[type="tel"]{
width: 210px;
  border-bottom: 1px solid rgb(255, 255, 255);
  padding-block: 10px;
  font-size: 1.1em;
  margin: 0 30px 0 0;
      
}

.footer__container-text form input[type="submit"]{
  transition: all .2s ease 0s;
  border: 1px solid rgb(255, 255, 255);
  padding: 10px;
  letter-spacing: .6px;

  text-transform: uppercase;

  
      
}
.footer__container-text form input[type="submit"]:hover{
  transition: all .2s ease 0s;
  border: 1px solid rgba(255, 255, 255, 0.816);
  box-shadow: 0 0 5px 0 #fff;
  background-color: #02022c ;
      
}

.footer-links{

  margin: 190px 0 0 0;
  display: flex;
  justify-content: space-between;

}
.footer-links span{
  display: block;
}
.footer__container-text-copyright{
  border-top: 1px solid white;
  padding: 20px 0 0 0;
  text-align: center;
  margin: 10px 0 20px;
  font-size: 0.9em;
  color: rgba(255, 255, 255, 0.60);
  text-transform: uppercase;

}
.footer__container__popup{
  position: fixed;
 z-index: 200;
  bottom: -100px ;
  box-shadow: 0 -2px 2px 0 rgba(255, 255, 255, 0.4);

  background-color:#525252;
  color: inherit;
  
  padding: 10px 10px 15px;
  text-align: center;
  opacity: 0;
   transition: all .5s ease 0s;
}
.footer__container__popup.add{
  opacity: 1;
   bottom: 0px ;
   transition: all .5s ease 0s;
}

.add-error .add-error-closse{
  position: absolute;

  top: -14px;
  right: -14px;
  border: 1px solid white;
  border-radius: 50px;
  width: 15px;
  height: 15px;
  cursor: pointer;
  z-index: 10;
 

}
.footer__container__popup.add-error::before{
  position: absolute;
  content: '+';
  top: -18px;
  right: -12px;


  transform: rotate(45deg);

}
.footer__container__popup span:nth-child(3){
  display: block;
font-size: .8em;
margin: 5px 0;

}
.footer__container__popup a{

display: block;

}

@media (max-width:1150px){


  .main-screen::before{
    display: none;
  }
}
@media (max-width:1025px){
  .header__links{
    column-gap: 20px;
    margin: 0 10px 0 0;
  }
.header__links-mail,
.header__links-phone{
  display: none;
  pointer-events: none;
}
.header__links--mobile{
  display: block;
  pointer-events: all;
}
.main-screen__container {
  text-align: center;
}
.main-screen p {
  max-width: 100%;
}
.main-screen p::before {
  left: 50%;
  transform: translateX(-50%);
}
.main-screen__image {
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
 }

.comply-requirements__container h2::before, .comply-requirements__container h2::after,
.confidence__block-text::before
 {
  display: none;
}
.confidence__block-img{
  height: 490px;

}
.footer__container{
  align-items: center;
  justify-content: center;
}
.footer__container-image{
display: none;
}

.footer__container-text form{
  text-align: center;
}
}
@media (max-width:1023px){
.reliable-partner__image {
  display: none;
}
.reliable-partner__container{
  display: block;
}
.professionalism__row{
flex-wrap: wrap;
gap: 20px 10px ;
margin: 0;
padding: 0;
}
.professionalism__column:last-child{
  flex: 0 1 100%;
}
.professionalism__column:not(:last-child){
  flex: 0 1 49%;
}
.objects-documentation__card{
align-items: center;
flex-direction: column;
 row-gap: 20px;
 padding: 0 0 20px 0;

}
 .objects-documentation__card-list li{
width: 360px;
 }
.objects-documentation__card-item h3{
  text-align: center;
}

.objects-documentation__card-item:nth-child(2){
  display: none;
 
}
.objects-documentation__card-item:first-child, 
.objects-documentation__card-item:nth-child(2) {
    border-bottom: none;
    padding: 0;
    
}
.confidence__block-img{
  display: none;

}
.confidence__block-list{
  justify-content: space-evenly;
}
.confidence__block-text{
  flex: 0 1 100%;
}
.flexible-terms__container::before {
  width: 80px;
  height: 80px;
}
.flexible-terms__container::after{
  width: 40px;
  height: 85px;
}
}
@media (max-width:769px){
html,body{
  font-size: 15px;
  height: 100%;
}
  .main-screen::before{
    display: block;
    position: fixed;
    z-index: 101;
    top: 8px;
    left: 50%;
 transform: translateX(-50%);
    width: 91px;
    height: 49px;
  }

.header__nav {
  display: none;
  position: absolute;
  top: -1000px;


}
.header__nav.header__nav--active {
  background-color:var(--accent-color);
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0px;
  left: 0px;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  font-size: 2em;
  padding: 150px 0 0 0;
 

}

.header__mobile-toggle-menu.add span::before

{
  transform: rotate(45deg);
  transition: top .2s ease-in,transform .2s ease-in;
  top: 0;
}

.header__mobile-toggle-menu.add span::after
{
  transform: rotate(-45deg);
  transition: top .2s ease-in,transform .2s ease-in;
  top: 0;
}
.header__links{
  padding: 20px 0;
}
.header__mobile-toggle-menu{
  display: block;
  pointer-events: all;
}
.error-document__item{
  flex-wrap: wrap;
  text-align: center;
  row-gap: 20px;
justify-content: center;
}
.error-document__item p{
 flex: 0 1 100%;
 
}

section h2,
.error-document p,
.footer__container-text h2,
.footer__container-text p
{
  text-align: center;
}

.comply-requirements__container h2{
  text-align: center;
  padding-block-start: 0;
}
.comply-requirements hr {
  width: 100%;
}

.comply-requirements__item{
  flex:0 1 100%;
}
.comply-requirements__item h3 {
  text-align: center;
}
.comply-requirements__item:last-child span{
  margin: 0 0 0 45px;
}
.reliable-partner{
  padding: 20px 0 0 0;
}
.reliable-partner__content-cards{
  text-align: center;
  margin: 0;
}
.reliable-partner__content-item {
    flex: 0 1 100%;
}
.reliable-partner__content-subtitle{
  margin: 20px 0 0 0;
  text-align: center;
  padding: 10px 0 0 0;
}
.reliable-partner__container{
  padding: 40px 10px 0;
 
}
.confidence__block-list{
flex-direction: column;

}
.confidence__block-item p{
  text-align: center;
}
.confidence__block-item p::before,
.flexible-terms__container::before,
.flexible-terms__container::after,
.flexible-terms__cards::before,
.flexible-terms__cards::after {
  display: none;
}
.flexible-terms__item:nth-child(even){
  padding: 0;
}
.flexible-terms__cards{
align-items: center;
        flex-direction: column;
        row-gap: 20px;
        margin: 0;

}
.flexible-terms__item p
{
  text-align: center;
}
.flexible-terms__item-nested li{
  width: 490px;
}
.confidence__container {
 
  padding: 0px 10px;
}

.footer__container-text{
  margin: 150px 0 0 0;
}
.footer__container-text::before{
  top: -115px;
}
.footer__container__popup.add-error::before{
  top: -17px;
}
}
@media (max-width:600px){

.main-screen h1{
  font-size: clamp(2.4em, 5vw, 4em);

}

section h2 {
  font-size: 2em;
}
.main-screen p {
  padding-top:20px;
}
.main-screen p::before{
  display: none;
}
.main-screen__image{
      height: 220px;
    }
.professionalism__column {
  flex: 0 1 100% !important;
}
.flexible-terms__item-nested li{
  width: 290px;
}
.footer__container-text form{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 25px;
  max-width: 320px;
  margin: 30px auto 0;
}
.footer__container-text form input[type="tel"]{
  margin: 0;
  
}
.footer-links {
  flex-direction: column;
  align-items: center;
 row-gap: 10px;
margin: 50px 0 0 0;
  
}

.footer-links-phone
{
  margin: 0  25px 0 0;
}
}

@media (max-width:376px){
   .main-screen__image{
      height: 170px;
    }
     .objects-documentation__card-list li{
width: 290px;
 }

   section h2 {
    font-size: 2em;
   
  }
  .footer__container-text h2 {
    font-size: 2.4em;
}
}



div#preloader {
    margin: auto;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #777777d2;
    z-index: 9999999;
    display: flex;
    align-content: center;
    justify-content: center;
      opacity: 0;
    pointer-events: none;
    transition: opacity .5s ease 0s ;
 
}
div#preloader.preloader-add{
   opacity: 1 !important;
    pointer-events: all !important;
    transition: opacity .5s ease 0s ;
}
.sk-folding-cube {
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    position: absolute;
   
    transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
   
    transform: scale(1.1);
}

.sk-folding-cube .sk-cube2 {
  
    transform: scale(1.1) rotateZ(90deg);
}


.sk-folding-cube .sk-cube4 {
   
    transform: scale(1.1) rotateZ(270deg);
}

.sk-folding-cube .sk-cube3 {
   
    transform: scale(1.1) rotateZ(180deg);
}

.sk-folding-cube .sk-cube:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    animation: sk-foldCubeAngle 2.4s infinite linear both;
  
    transform-origin: 100% 100%;
    background: var(--accent-color);
}

.sk-folding-cube .sk-cube2:before {
    
    animation-delay: .3s;
}

.sk-folding-cube .sk-cube4:before {
   
    animation-delay: .9s;
}

.sk-folding-cube .sk-cube3:before {
    
    animation-delay: .6s;
}

@keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}