.competence{
  background: rgb(23,60,81);
background: linear-gradient(90deg, rgba(23,60,81,1) 0%, rgba(92,179,229,1) 100%);
padding-bottom: 50px;
padding-top: 50px;
}

.comp-head{
  font-size: 45px;
  font-weight: 300;
  color: white;
  margin-left: 50px;
  margin-bottom: 30px;
}

.comp-box{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
  gap: 20px;
  flex-wrap: wrap;
}

.comp1{
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 gap: 20px;
 width: 300px;
 border: solid 1px white;
 padding: 50px;
 transition: ease-in-out 0.5s;
}

.comp1:hover{
  box-shadow: 6px 8px 20px 0 rgb(0 0 0 / 30%);;
  border-color: #00a2ff;
}


.comp-icon{
  display: flex;
  align-self: center;
  height: 100px;
}

.comp-pic{
  display: flex;
  height: 100px;
}

.comp-title{
  display: flex;
  text-align: center;
  font-weight: 500;
  font-size: 20px;
  color: white;
}

.comp-descr{
  text-align: center;
  color: white;
  font-weight: 200;
  height: 200px;
}

@media(max-width:1078px){
  .comp-head{
    text-align: center;
    margin-left: 0px;
    font-size: 30px;
  }
}

@media(max-width:550px){
  .comp-icon{
    height: 85px;
  }

  .comp-pic{
    height: 85px;
  }

  .comp-title{
    font-size: 18px;
  }

  .comp-descr{
    font-size: 13px;
  }

  .comp1{
    width: 230px;
  }
}