@charset "UTF-8";
*{
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  list-style:none;
  margin:0;
  padding:0;
}

html{
  font-size:16px;
  font-family:"Roboto", sans-serif;
  line-height:1.64;
  font-weight:400;
}

.link{
  text-decoration:none;
  color:#000;
}
.visually-hidden{
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  border:0;
  padding:0;
  white-space:nowrap;
  -webkit-clip-path:inset(100%);
          clip-path:inset(100%);
  clip:rect(0 0 0 0);
  overflow:hidden;
  visibility:hidden;
}

.container{
  width:calc(100% - 40px);
  max-width:1110px;
  margin-inline:auto;
}

.container-sm{
  width:calc(100% - 40px);
  max-width:540px;
  margin-inline:auto;
}
.header{
  padding-top:67px;
  padding-bottom:140px;
  background-color:#eeeff1;
}
.header .navbar{
  margin-bottom:145px;
}
.header .navbar__list{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  gap:10px 30px;
  margin-left:-10px;
}
.header .navbar__list-link{
  display:block;
  letter-spacing:0.1em;
  padding:10px;
  border-bottom:2px solid transparent;
  text-transform:uppercase;
}
.header .navbar__list-link:hover{
  border-bottom-color:#34547a;
}
.header .navbar__list-link--active{
  color:#34547a;
  font-weight:500;
}
.header .content{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-align:start;
      -ms-flex-align:start;
          align-items:flex-start;
  max-width:540px;
}
.header .content__title{
  margin:0 0 45px;
  font-size:3rem;
  font-weight:500;
}
.header .content__description{
  margin-bottom:55px;
  color:#727272;
}
.header .content__link{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  gap:0;
  letter-spacing:0.1em;
  background-color:#34547a;
  color:#fff;
  min-height:65px;
  min-width:225px;
  text-transform:uppercase;
}
.section{
  text-align:center;
}
.section__title{
  margin-bottom:50px;
  font-size:2rem;
  font-weight:500;
  line-height:1.2;
}
.section__description{
  color:#727272;
}
.about{
  background-color:#f9f9f9;
  padding:112px 0 100px;
}
.experience{
  background-color:#34547a;
  color:#fff;
  padding:100px 0;
}
.experience__container{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  gap:40px;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
}

.experience-item{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:20px;
}
.experience-item__description{
  line-height:1.2;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
}
.experience-item__number{
  font-size:1.3125rem;
  font-weight:500;
}
.experience-item__image{
  -webkit-box-ordinal-group:0;
      -ms-flex-order:-1;
          order:-1;
}
.experience-item__img{
  display:block;
}
.work{
  background-color:#eeeff1;
  padding:100px 0;
}
.work__description{
  padding-bottom:57px;
}

.video__iframe{
  display:block;
  width:100%;
  height:auto;
  min-height:200px;
  aspect-ratio:16/9;
  border:0;
}
.footer{
  background-color:#34547a;
  color:#fff;
  padding:50px 0;
}
.footer .copyright__title{
  font-weight:500;
  font-size:1.3125rem;
  line-height:1.2;
  margin-bottom:20px;
}
.footer .copyright__description{
  font-size:0.8125rem;
}
@media (min-width: 768px) and (max-width: 1024px){
  .container{
    width:calc(100% - 30px);
    max-width:100%;
    padding:0 30px;
  }
  .header .navbar{
    margin-bottom:125px;
  }
  .header .navbar__list{
    gap:30px;
  }
  .experience__container{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:30px;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
  }
}
@media (max-width: 768px){
  .header .navbar{
    margin-bottom:100px;
  }
  .header .navbar__list{
    gap:10px;
  }
  .header .content__title{
    margin:0 0 30px;
    font-size:2.5rem;
  }
  .experience__container{
    -ms-flex-pack:distribute;
        justify-content:space-around;
    gap:30px;
  }
}
@media (max-width: 480px){
  html{
    line-height:1.2;
  }
  .container, .container-sm{
    width:calc(100% - 10px);
    max-width:100%;
    padding:0 10px;
  }
  .footer{
    padding:30px 0;
  }
  .copyright__title{
    margin-bottom:10px;
  }
}