body {
  background: #F4FAFF;
  box-shadow: 0px 0px 14px 2px rgba(181, 204, 223, 0.38);
  border-radius: 0px 0px 30px 30px;
}
h1 {
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  color: #115F8B;
  margin: 0 0 40px;
}
h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 31px;
  color: #115F8B;
  margin: 0 0 20px;
}
.container-legal-faces {
  display: flex;
}
.faces__leftside{
  width: 30%;
  padding-left: 30px;
  padding-top: 35px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.faces__leftside .faces__active {
  color: #00A0E3;
}
.faces__leftside a {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #2C2C2C;
  width: 90%;
}
.faces__leftside a:active {
  color: #00A0E3;
}
.whitebox {
  background: #FFFFFF;
  border: 1px solid #DEE6EA;
  box-shadow: 0px 0px 9px 2px rgba(161, 171, 190, 0.18);
  border-radius: 15px;
}

/***Стили Приобретение товаров ***/
.faces__rightside {
  max-width: 70%;
  padding: 30px 40px 100px;
}
.faces__rightside p ,.faces__rightside li {
  font-weight: 300;
  font-size: 16px;
  line-height: 25px;
  color: #2C2C2C;
}
.faces__rightside p {
    margin: 0 0 60px;
}
.faces__rightside ul {
  padding-left: 20px;
}
.faces__grid__box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.faces__grid__element {
  width: 23%;
  display: flex;
  flex-direction: column;
}
.faces__grid__element img {
  width: 80%;
  display: flex;
  align-self: center;
  margin-bottom: 16px;
}
.faces__grid__element p {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  color: #2C2C2C;
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
}

/***Стили производитпелям***/
.manufacturer__infobox {
  display: flex;
}
.manufacturer__infobox img {
  align-self: end;
}
.infobox__text p {
  margin-bottom: 16px;
}
.infobox__text p b {
  font-weight: 600;
}
.manufacturer__tel {
  color: #2C2C2C;
}
.manufacturer__mail {
  color: #00A0E3;
}

/***Стили аренда***/

.rentbox p {
  margin-bottom: 20px;
}
.rent__table  {
width: 80%;
margin-left: 10%;
margin-right: 10%;
border-collapse: collapse;
}
.rent__table th {
  font-weight: 700;
  font-size: 16px;
  line-height: 25px;
  color: #00A0E3;
  padding: 17px 20px;
  text-align: left;
}
.rent__table .rightside__td{
  text-align: right;
  font-weight: 500;
}
.rent__table td {
  font-weight: 300;
  font-size: 16px;
  line-height: 25px;
  color: #8B929E;
  padding: 17px 20px;
}
.rent__table .even {
background-color: #E2EEF6;
color: #2C2C2C;
}

/***Стили адаптива***/
@media screen and (max-width:1462px) {
  .container-legal-faces {
    padding: 0 11px;
  }
}
@media screen and (max-width:1250px) {
  h2 {
    font-size: 27px;
  }
  .faces__rightside h3 {
    font-size: 18px;
  }
  .faces__rightside p ,.faces__rightside li {
    font-size: 14px;
  }
  .faces__rightside p {
    margin: 0 0 25px;
  }
  .faces__rightside h1 {
    font-size: 26px;
  }
  .faces__rightside {
  padding: 20px 25px 50px;
  }
  .faces__leftside a {
    font-size: 16px;
  }
  .faces__leftside {
    row-gap: 12px;
  }
  .faces__grid__element p {
    font-size: 18px;
    line-height: 26px;
    margin-left: 10%;
    margin-right: 10%;
  }
  .infobox__text p {
  margin-bottom: 14px;
  }
  .rent__table th ,.rent__table td {
    font-size: 13px;
    padding: 12px 16px;
  }
}
@media screen and (max-width:1050px) {
  .manufacturer__infobox img {
    width: 20%;
  }
}
@media screen and (max-width:940px) {
  h2 {
    font-size: 24px;
  }
  .faces__rightside h3 {
    font-size: 16px;
  }
  .faces__rightside p ,.faces__rightside li {
    font-size: 12px;
  }
  .faces__rightside h1 {
    font-size: 23px;
  }
  .faces__leftside a {
    font-size: 13px;
  }
  .faces__leftside {
    row-gap: 10px;
  }
  .faces__grid__element p {
    font-size: 13px;
    line-height: 20px;
  }
  .rent__table th ,.rent__table td {
    font-size: 11px;
  }
}
@media screen and (max-width:780px) {
  .container-legal-faces {
    display: flex;
    flex-direction: column;
  }
  .faces__leftside {
    padding: 0;
    width: 100%;
    margin-bottom: 30px;
  }
  .faces__rightside {
    max-width: 100%;
  }
  .faces__leftside a {
    font-size: 16px;
    background: #FFFFFF;
    border: 1px solid #DEE6EA;
    box-shadow: 0px 0px 9px 2.32px rgba(161, 171, 190, 0.22);
    border-radius: 17px;
    padding: 16px 22px;
    box-sizing: border-box;
    width: 100%;
  }
  .faces__rightside h1 {
    font-size: 18px;
    margin-bottom: 25px;
  }
  .faces__rightside p, .faces__rightside li {
  font-size: 16px;
  }
  .faces__grid__element {
  width: 50%;
  }
  .manufacturer__infobox img {
  display: none;
  }
  .rent__table {
  width: 100%;
  margin: 0;
  }
}