body{
  background-color: #151515;
  
  width: 100%;
}
.header{
  width: 100%;
  display: flex;
justify-content: space-between;
align-items: center;

}
.nav{
  display: flex;
align-items: center;
gap: 35px;
}
.tt{
  display: flex;
justify-content: center;
align-items: flex-end;
gap: 5px;
color: #21E1FF;
font-family: Roboto;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 123%; /* 20.91px */
}
.nav__link{
  color: #FFF;
font-family: Roboto;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 123%; /* 20.91px */
}
.block__one{
  display: flex;
justify-content: space-between;
align-items: flex-end;
width: 100%;
}
.block__box{
  display: flex;
width: 1400px;
flex-direction: column;
align-items: flex-start;
gap: 104px;
z-index: 11;
margin: 0 auto;
padding-top: 25px;
}
.block__main{
      position: relative;
    z-index: 1;
    margin: 0 auto;
    background-size: cover;
    background-position: center center;
    height: 766px;
    background-image: url(./img/fon.png);
}

.eorib{
  display: flex;
height: 137px;
padding: 17px 30px 22px 30px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 100px;
border: 2px solid rgba(188, 188, 188, 0.05);
background: rgba(186, 186, 186, 0.25);
backdrop-filter: blur(14.399999618530273px);
color: #FFF;
text-align: center;
font-family: Roboto;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 110%; /* 19.8px */
}
.box__one{
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 81px;
}
.box__media{
  display: flex;
align-items: center;
gap: 30px;
}
.box__box__media{
  display: flex;
justify-content: center;
align-items: center;
gap: 5px;
color: #FFF;
word-break: break-all;
font-family: Roboto;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 123%; /* 20.91px */
}
.oeb{
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 51px;
}
.title__text{
  color: #FFF;
font-family: Oswald;
font-size: 54px;
font-style: normal;
font-weight: 700;
line-height: 103%; /* 55.62px */
letter-spacing: -1.08px;
text-transform: uppercase;
}
.box__dsc{
color: #FFF;
font-family: Roboto;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 133%; /* 29.26px */
}
.btm{
  color: #21E1FF;
font-family: Roboto;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 123%; /* 24.6px */
display: flex;
align-items: center;
flex-direction: row;
gap: 24px;  transition: all 0.3s;
}
.btm:hover{
  gap: 44px;

}
.eobnire{
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 41px;
}




.footer{
display: flex;
width: 100%;
padding: 30px 0 50px 0;
flex-direction: column;
align-items: center;
background: #111;
gap: 10px;
margin-top: 220px;
}
.root{
  display: flex;
width: 1400px;
margin: 0 auto;
justify-content: space-between;
align-items: flex-end;
}
.erbne{
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 40px;

}
.brebreb{
  display: flex;
height: 137px;
padding: 17px 30px 22px 30px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 100px;
border: 2px solid rgba(188, 188, 188, 0.05);
background: #068657;
backdrop-filter: blur(14.399999618530273px);
color: #FFF;
text-align: center;
font-family: Roboto;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 110%; /* 19.8px */
}
.block__contact{
  display: flex;
width: 1400px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 53px;
margin: 0 auto;
padding-top: 220px;
}
.iubb{
  color: #FFF;
font-family: Oswald;
font-size: 44px;
font-style: normal;
font-weight: 700;
line-height: 103%; /* 45.32px */
letter-spacing: -0.88px;
text-transform: uppercase;
}
.eoberlkr{
  display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.eoribneeld{
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 15px;
}
.eroibnogl{
display: flex;
padding: 25px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 29px;
background: rgba(53, 53, 53, 0.18);
color: #BCBCBC;
width: 100%;
font-family: Oswald;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 103%; /* 30.9px */
letter-spacing: -0.6px;
text-transform: uppercase;
}
.eroibnogl.active{
  background: #07714A;
  color: #fff;
}
.erbrmebmof{
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 19px;
}
.fjfne{
  display: flex;
align-items: flex-start;
gap: 10px;
color: #FFF;
font-family: Roboto;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 133%; /* 26.6px */
}
.block__services{
  display: flex;
width: 1400px;
flex-direction: column;
align-items: flex-start;
gap: 55px;
margin: 0 auto;
padding-top: 220px;
}
.services__head{
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.services__body{
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
gap: 50px;
}
.eorbnreglkkhg{
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 17px;
}
.ointboret{
  display: flex;
align-items: center;
gap: 20px;
}

.erbre{
  display: flex;
width: 100%;
flex-direction: column;
align-items: flex-start;
gap: 30px;
}
.boxes__service{
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 15px;
width: 100%;
}
.name__service{
color: #FFF;
font-family: Oswald;
font-size: 19.766px;
font-style: normal;
font-weight: 500;
line-height: 133%; /* 26.288px */
}
.service{
display: flex;
justify-content: space-between;
align-items: flex-end;
align-content: flex-end;
row-gap: 1px;
width: 100%;
flex-wrap: nowrap;white-space: nowrap
}
.neo{
  color: #21E1FF;
font-family: Oswald;
font-size: 19.766px;
font-style: normal;
font-weight: 500;
line-height: 133%;
}
.rtonbmt{
display: flex;
padding-right: 5px;
justify-content: center;
align-items: center;
gap: 10px;
color: #FFF;
font-family: Roboto;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 123%; /* 22.14px */
}
.fkfmf{
width: 100%;

border: none;
  border-top: 2px dashed rgba(255, 255, 255, 0.29);
}
.rtonbrbmt{
  display: flex;
padding-left: 5px;
justify-content: center;
align-items: center;
gap: 10px;
color: #FFF;
font-family: Roboto;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 123%; /* 22.14px */
}
.kerjnbore{
  width: 100%;
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 27px;
}
.ne2o{
  color: #25D366;
font-family: Oswald;
font-size: 19.766px;
font-style: normal;
font-weight: 500;
line-height: 133%;
}
.rtobn{
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
width: 100%;
}
.namefff{
  color: #FFF;
font-family: Oswald;
font-size: 17px;
font-style: normal;
font-weight: 500;
line-height: 133%; /* 22.61px */
}
.boxic{
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 18px;
width: 100%;
}
.rtonbmt.vewv{
font-size: 15.5px;
}
.rtonbrbmt.vewv{
font-size: 15.5px;
}