*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
ul{
    list-style: none;
}
a{
    text-decoration: none;
}

.container{
    width: 1200px;
    padding: 0 15px;
    margin:0 auto;
    outline:solid red; 
}


/* ХЕДЕР */
.header-container{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.logo{
    display: flex;
  align-items: center;
  color: #6278B4;
  font-family: "Jost", sans-serif;
  font-size: 36px;
  font-weight: bold;
}
.header-list{
      display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 64px;
}
.header-link{
     font-family: "Jost", sans-serif;
  font-size: 24px;
  font-weight: bold;
  color: black;
}
.header{
    background-color: #DDF9FF;
    padding-top: 32px;
}
.hero{
  background-color: #DDF9FF;
}
.hero-text{
  color: #3A2E2E;
  font-family: 'Jost', 'Medium' ;
}
.hero-btn{
  background-color: #6278B4;
  padding-left: 60px;
  padding-top: 18px;
 color: white;
 font-family: 'Jost', 'Black';
 display:flex;
align-items: center;
}
.hero-img{
  display: flex;
  margin-right: 779px;
}
.hero-title{
  color: #3A2E2E;
  gap: 16px;
  font-family: 'Bold', 'Jost';
}