@charset "UTF-8";
.header{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  padding:40px 0;
  -webkit-box-pack:start;
      -ms-flex-pack:start;
          justify-content:flex-start;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{
  line-height:1.15;
  -webkit-text-size-adjust:100%;
}
body{
  margin:0;
}
main{
  display:block;
}
h1{
  font-size:2em;
  margin:0.67em 0;
}
hr{
  -webkit-box-sizing:content-box;
          box-sizing:content-box;
  height:0;
  overflow:visible;
}
pre{
  font-family:monospace, monospace;
  font-size:1em;
}
a{
  background-color:transparent;
}
abbr[title]{
  border-bottom:none;
  text-decoration:underline;
  -webkit-text-decoration:underline dotted;
          text-decoration:underline dotted;
}
b,
strong{
  font-weight:bolder;
}
code,
kbd,
samp{
  font-family:monospace, monospace;
  font-size:1em;
}
small{
  font-size:80%;
}
sub,
sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline;
}

sub{
  bottom:-0.25em;
}

sup{
  top:-0.5em;
}
img{
  border-style:none;
}
button,
input,
optgroup,
select,
textarea{
  font-family:inherit;
  font-size:100%;
  line-height:1.15;
  margin:0;
}
button,
input{
  overflow:visible;
}
button,
select{
  text-transform:none;
}
button,
[type=button],
[type=reset],
[type=submit]{
  -webkit-appearance:button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner{
  border-style:none;
  padding:0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring{
  outline:1px dotted ButtonText;
}
fieldset{
  padding:0.35em 0.75em 0.625em;
}
legend{
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  color:inherit;
  display:table;
  max-width:100%;
  padding:0;
  white-space:normal;
}
progress{
  vertical-align:baseline;
}
textarea{
  overflow:auto;
}
[type=checkbox],
[type=radio]{
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  padding:0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button{
  height:auto;
}
[type=search]{
  -webkit-appearance:textfield;
  outline-offset:-2px;
}
[type=search]::-webkit-search-decoration{
  -webkit-appearance:none;
}
::-webkit-file-upload-button{
  -webkit-appearance:button;
  font:inherit;
}
details{
  display:block;
}
summary{
  display:list-item;
}
template{
  display:none;
}
[hidden]{
  display:none;
}
*{
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  margin:0;
  padding:0;
}

.page{
  font-family:"Roboto", sans-serif;
  color:#000;
  background:#EDEFF1;
}

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

.nav-list{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  list-style:none;
  gap:60px;
  margin-top:39px;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  line-height:0.5;
}
.nav-link{
  position:relative;
  font-weight:500;
  font-size:16px;
  line-height:164%;
  letter-spacing:0.1em;
  color:#000;
  text-decoration:none;
  text-transform:uppercase;
  -webkit-transition:color 0.2s ease-in-out, opacity 0.2s ease-in-out;
  transition:color 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.nav-link.active{
  color:#34547a;
}
.nav-link::after{
  content:"";
  display:block;
  position:absolute;
  left:50%;
  bottom:-6px;
  -webkit-transform:translateX(-50%) scaleX(0);
      -ms-transform:translateX(-50%) scaleX(0);
          transform:translateX(-50%) scaleX(0);
  width:40%;
  height:2px;
  background:#34547a;
  border-radius:1px;
  -webkit-transition:-webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition:-webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  opacity:0.8;
  pointer-events:none;
}
.nav-link:hover, .nav-link:focus{
  color:#34547a;
}
.nav-link:hover::after, .nav-link:focus::after{
  -webkit-transform:translateX(-50%) scaleX(1);
      -ms-transform:translateX(-50%) scaleX(1);
          transform:translateX(-50%) scaleX(1);
}
.first-screen{
  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;
  margin:93px auto;
}
.first-screen-title{
  font-size:48px;
  font-weight:500;
  margin-bottom:45px;
}
.first-screen-description{
  font-size:16px;
  line-height:1.5;
  color:#6B6B6B;
  margin-bottom:59px;
  max-width:550px;
}

.btn{
  background:#34547a;
  color:#fff;
  padding:24px 56px;
  font-size:16px;
  letter-spacing:0.1em;
  text-transform:uppercase;
  border:none;
  cursor:pointer;
  margin-bottom:30px;
}

.about-section{
  background:#f7f7f7;
  text-align:center;
  padding:93px 20px;
}
.section-title{
  font-size:32px;
  font-weight:500;
  margin:12px 0 43px;
  color:#000;
}

.section-text{
  font-size:16px;
  line-height:1.64;
  color:#727272;
  max-width:600px;
  margin:0 auto;
}

.work-section{
  background:#eeeff1;
  text-align:center;
  margin-top:105px;
}

.stat-section{
  background:#37577F;
  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:40px;
  padding:105px 20px;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
}
.stat-item{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:20px;
  color:#fff;
}
.stat-item-icon{
  width:50px;
  height:auto;
  display:block;
}
.stat-text{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  line-height:1.2;
}
.stat-number{
  font-size:20px;
  font-weight:500;
  margin-bottom:10px;
}
.stat-label{
  font-weight:400;
}

.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;
}

.video{
  padding-bottom:93px;
  background:#EDEFF1;
  margin-top:56px;
}

.video-iframe{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  border:0;
}

.footer{
  background:#37577F;
  padding:46px 20px;
  color:#fff;
}

.footer-name{
  margin-bottom:20px;
  font-size:21px;
}

.copyrait{
  font-size:13px;
}

@media (max-width: 992px){
  .first-screen-title{
    font-size:36px;
  }
  .first-screen-description{
    font-size:15px;
  }
  .section-title{
    font-size:26px;
  }
  .section-text{
    font-size:15px;
  }
  .stat-section{
    gap:40px;
    padding:70px 15px;
  }
}

@media (max-width: 768px){
  .header{
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
  }
  .nav-list{
    display:none;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    gap:20px;
    margin-top:20px;
    background:#37577F;
    padding:20px;
    position:absolute;
    top:70px;
    right:20px;
    border-radius:8px;
  }
  .nav-link{
    color:#fff;
  }
  .nav-toggle:checked ~ .nav .nav-list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
  }
  .burger{
    display:block;
    width:30px;
    height:22px;
    position:relative;
    cursor:pointer;
  }
  .burger span{
    display:block;
    height:4px;
    width:100%;
    background:#000;
    border-radius:2px;
    margin-bottom:5px;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
  }
  .nav-toggle:checked + label.burger span:nth-child(1){
    -webkit-transform:rotate(45deg) translate(5px, 6px);
        -ms-transform:rotate(45deg) translate(5px, 6px);
            transform:rotate(45deg) translate(5px, 6px);
  }
  .nav-toggle:checked + label.burger span:nth-child(2){
    opacity:0;
  }
  .nav-toggle:checked + label.burger span:nth-child(3){
    -webkit-transform:rotate(-45deg) translate(6px, -6px);
        -ms-transform:rotate(-45deg) translate(6px, -6px);
            transform:rotate(-45deg) translate(6px, -6px);
  }
  .first-screen-title{
    font-size:28px;
  }
  .first-screen-description{
    font-size:14px;
  }
  .btn{
    padding:16px 32px;
    font-size:14px;
  }
  .stat-section{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    gap:25px;
    padding:50px 10px;
  }
}

@media (max-width: 480px){
  .first-screen-title{
    font-size:22px;
  }
  .section-title{
    font-size:20px;
  }
  .footer-name{
    font-size:18px;
  }
  .copyrait{
    font-size:11px;
  }
}