.wraper-container {
  grid-area: wraper-container;
  display: grid;
  height: 100%;
  grid-template-columns: 1fr 10fr 1fr;
  grid-template-areas: "preservices__section preservices__section preservices__section" ". soc_section ." ". map-section .";
}

.preservices__section {
  grid-area: preservices__section;
  display: grid;
  /* margin-top: 5rem; */
  grid-gap: 2rem;
  justify-items: stretch;
  text-align: center;
  grid-template: auto / 1fr 5fr 10fr 5fr 1fr;
  grid-template-areas: ". preservices__words preservices__words  preservices__words ." ". . preservices__blocks . .";
  /* grid-template-areas: ". preservices__words ." ". preservices__blocks ."; */
}

.preservices__words {
  grid-area: preservices__words;
  display: grid;
  grid-gap: 1rem;
}

.preservices__text_caption {
  font-size: 2em;
  font-weight: bold;
}

.preservices__blocks {
  grid-area: preservices__blocks;
  /* max-height: 340px; */
  /* display: grid; */
  /* grid-template-areas: "slider-wrapper"; */
  /* grid-gap: 2rem; */
  /* justify-items: stretch; */
  /* grid-auto-flow: row; */
  /* grid-template-columns: repeat(3, 1fr); */
}

.blocks_blok {
  display: grid;
  background-color: #66a1d9;
  color: #fff;
  grid-template: auto auto auto / 1fr 5fr 1fr;
  grid-template-areas:
    "block_img_slider block_img_slider block_img_slider"
    ". block_title ."
    "block_text block_text block_text";
  /* justify-items: stretch; */
  /* box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); */
}

.block_img_slider {
  grid-area: block_img_slider;
  display: gird;
}

.pic_lit {
  height: 112px;
  width: 112px;
}

.block_title {
  grid-area: block_title;
  display: grid;
  font-weight: bold;
  font-size: 20px;
}

.block_text {
  grid-area: block_text;
  display: grid;
  text-align: center;
  padding: 12px 4px;
}

.soc_section {
  grid-area: soc_section;
  display: grid;
  grid-auto-flow: column;
  justify-items: center;
}

.soc-icon {
  width: 64px;
  height: 64px;
}

.namefirm {
  color: gray;
}

.message {
  min-height: 300px;
}

.map-section {
  grid-area: map-section;
  display: grid;
  grid-gap: 20px;
  justify-self: stretch;
  grid-template: auto auto / 1fr;
  grid-template-areas: "adfirm" "ymap";
}

.ymap {
  grid-area: ymap;
}

@media (max-width: 1150px) {
  .preservices__section {
    grid-area: preservices__section;
    display: grid;
    grid-gap: 2rem;
    justify-items: stretch;
    text-align: center;
    grid-template: auto auto / 1fr 10fr 1fr;
    grid-template-areas: ". preservices__words ." ". preservices__blocks .";
  }
}

@media (max-width: 750px) {
  .preservices__blocks {
    grid-template-columns: 1fr;
  }
}