.contactblock {
  margin-bottom: 40px;
}
.contactblock .page-title {
  margin-bottom: 20px;
}

.contact-wrapper {
  display: flex;
  align-items: flex-end;
  gap: 35px;
  flex-wrap: wrap;
}

.contact-main {
  flex: 1 480px;
}

.contact-main__info {
  margin-bottom: 31px;
}
.contact-main__info p {
  color: #181818;
  font-size: 16px;
  font-style: italic;
  font-weight: 500;
  line-height: normal;
}

.contact-main__mappic {
  max-width: 742px;
  width: 100%;
  background: #fff;
  border-radius: 22px;
  padding: 12px 15px;
  position: relative;
  transform: scale(1.25);
  transform-origin: 0 0;
  margin-bottom: calc(var(--index) * 3);
}
.contact-main__mappic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 15px;
  overflow: hidden;
}
.contact-main__mappic::before {
  position: absolute;
  content: "";
  right: 76px;
  top: -19px;
  width: 16px;
  height: 20px;
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAxNyAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjM1NDIgMjAuMDEzN0MzLjQzODg5IDIwLjAwNzggMC4wMjE1NDc5IDE1LjQ4MjIgMCAwLjIyNzExMlYyMC4wMTM3SDE2LjM1NDJaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
}
.contact-main__mappic::after {
  position: absolute;
  content: "";
  right: 76px;
  bottom: -19px;
  width: 16px;
  height: 20px;
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAxNyAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjM1NDIgMC42MDY2ODlDMy40Mzg4OSAwLjYxMjY0IDAuMDIxNTQ3OSA1LjEzODI3IDAgMjAuMzkzM1YwLjYwNjY4OUgxNi4zNTQyWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
}

.contact-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
}
.contact-form button[type=submit] {
  margin: auto;
}

.contactblock-image {
  flex: 1 480px;
  border-radius: 15px;
  background: #D9D9D9;
  overflow: hidden;
}

@media screen and (max-width: 992px) {
  .contact-main__mappic {
    transform: none;
    transform-origin: 0 0;
    margin-bottom: 20px;
    max-width: initial;
    padding: 0;
    height: 200px;
  }
  .contact-main__mappic img {
    width: 100%;
    height: 100%;
    -o-object-position: center;
       object-position: center;
  }
  .contactblock-image {
    display: none;
  }
}