#about_page-block{
  margin: 40px auto 80px;
}

#about_page-block .container{
  padding: 6px 40px 0;
  border-radius: 10px;
  max-width: calc(100vw - 80px);
}

.about_page{
  max-width: 1210px;
  padding: 40px 50px;
  background-color: var(--bg_dark);
  border-radius: 10px;
  margin: 0 auto;
  margin-bottom: 212px;
  position: relative;
  bottom: -132px;
}

.about_page_text{
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.about_page_text p, .about_page_text ul li , .about_page_text span{
  color: var(--text);
  font-size: clamp(14px, 3.85vw, 16px);
}

@media (max-width: 700px) {
  #about_page-block{
      margin: 40px auto;
  }   
  #about_page-block .container{
    padding: 0 20px;
    max-width: calc(100vw - 40px);
  } 
  .about_page{
    margin-bottom: 120px;
    bottom: -80px;
    padding: 20px 25px;
  }
}

@media (max-width: 400px) {
  #about_page-block .container{
      padding: 0 15px;
      max-width: calc(100vw - 20px);
  }   
  .about_page{
    margin-bottom: 60px;
    bottom: -40px;
    padding: 20px 15px;
  } 

}