*{
    padding: 0%;
    margin: 0%;
    box-sizing: border-box;
    font-family: "IBM Plex Sans", sans-serif;
}

body {
    max-width: 1440px;
    background-color: #f0f4f5;
    overflow: hidden;
    margin: auto;
  }
  nav{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 35px 63px  35px  3px;
  }

  a{
    text-decoration: none;
    color: black;
  }

  li{
    list-style: none;
    cursor: pointer;
  }

  ul{
    display: flex;
    align-items: center;
    column-gap: 68px;
    font-weight: 800;
    font-size: 18px;
}
a:hover{
  color: #20bc7e;
}

/* main CSS */
main{
  display: flex;
  justify-content: center;
  align-items: center;
}
.contener{
  width: 508px;
  height: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  row-gap: 30px;
}
p{
  text-align: center;
  font-size: 14px;
  font-weight: 400;
}
.bottom_line{
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 30px;
}
.box{
  width: 131px;
  height: 68px;
  box-shadow: 0px 0px 3px 4px #aea8a8;
  text-align: center;
  padding:12px 0px 66px; 
  font-size: 20px;
  font-weight: 700;
  color: #20bc7e;
  border-radius: 9px;
}
h1{
  color: #20bc7e;
  font-size: 26px;
  font-weight: 900;
  text-align: center;
}