.main-hero {padding-block: 30px;    min-height: 588px;display: flex;align-items: center;}

.main-hero__text {width: 610px;max-width: 100%;font-size: 24px;color: #fff;line-height: 1.1;font-weight: 700;margin-left: 120px}
.main-hero__text h1 {margin-top: 0;color: #000}
@media (max-width: 812px) {
  .main-hero__text {padding-inline: 15px;margin-inline: auto;}
}
.block1 {max-width: 100%;padding-inline: 15px;display: flex;align-items: center;margin-inline: auto;
    width: 1000px;
    margin-block: 2rem;
    gap: 5rem;}
.block1__text {font-size: 20px;
    font-weight: bold;
    width: 450px;
    max-width: 100%;}
@media (max-width: 1200px) {
  .block1 {gap: 4rem}
  .block1 img {width: 246px;height: auto;}
}
@media (max-width: 768px) {
  .block1 {gap: 1rem}
  .block1 img {width: 187px;}
}
@media (max-width: 500px) {
  .block1 {flex-direction: column;
    text-align: center;
    gap: 0;}
}

.block2, .block3 {max-width: 100%;
    padding-inline: 15px;
    margin-inline: auto;
    width: 1300px;
    margin-block: 4rem;line-height: 1.1;}
.block2 h2, .block3 h2{text-align: center;}
.block2 p, .block3 p{margin-bottom: 0}
.block2 .img, .block3 .img {flex-shrink: 0;height: auto}
.block2 .items, .block3 .items {display: flex;
    flex-wrap: wrap;
    gap: 2rem;}

.block2 h2 {font-size: 24px}
.block2 .text__title {color:#f39c12;margin-bottom: 16px}
.block2 .item {width:calc(50% - 1rem);
    display: flex;
    align-items: center;
    gap: 4rem;
    color: #000000;
    font-size: 18px;
    font-weight: bold;}



.block3 h2 {font-size: 28px}
.block3 .items {
  justify-content: center;
}
.block3 .item {
  text-align: center;width: calc(33% - 2rem);font-size: 17px;color: #000;font-weight: bold;
}
.block3 .text__title {color: #f39c12;font-size: 21px;
    line-height: 21px;
    padding-top: 12px;
    padding-bottom: 15px;}


@media (max-width: 1280px) {
  .block2 .item {gap: 2rem}
}
@media (max-width: 1200px) {
  .block2 {width: 700px}
  .block2 .items {flex-direction: column;}
  .block2 .item {width: 100%}
  .block2 .img {width: 124px}
 }
@media (max-width: 900px) {
  .block3 .item {width: calc(50% - 1rem)}
 }
 @media (max-width: 520px) {
  .block2 .item {
          flex-direction: column;
          gap: 1rem;
          text-align: center;
          margin-bottom: 2rem;
      }
    .block3 .item {width: 100%}
 }