.Map {
  position: relative;

  iframe {
    border-radius: rem(28px);
    width: 100%;
    height: rem(600px);
    padding-bottom: rem(200px);

    @include iftablet {
      height: rem(360px);
      padding-bottom: unset;
    }

    @include iflaptop {
      height: rem(400px);
    }

    @include ifdesktop {
      height: rem(450px);
    }
  }

  .FlowBlock{
    position: absolute;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    background: $color-white;

    bottom: 0;
    border-radius: rem(28px);
    width: 100%;
    height: fit-content;
    padding: rem(40px) rem(35px) rem(20px);

    @include iftablet {
      top: rem(30px);
      right: rem(50px);
      border-radius: rem(28px);
      width: rem(300px);
      padding: rem(20px) rem(20px) rem(10px);
    }

    @include iflaptop {
      top: rem(20px);
      right: rem(150px);
      border-radius: rem(28px);
      width: rem(300px);
      padding: rem(40px) rem(20px) rem(20px);
    }

    @include ifdesktop {
      top: rem(40px);
      right: rem(300px);
      border-radius: rem(28px);
      width: rem(340px);
      padding: rem(40px) rem(35px) rem(40px);
    }

    .Header {
      font-family: $font-roboto;
      font-weight: 400;
      font-size: 32px;
      line-height: 130%;
      color: $color-text;
      margin-top: 10px;

      &:first-child {
        margin-top: 0;
      }
    }

    .Text {
      font-family: $font-roboto;
      font-weight: 400;
      font-size: 16px;
      line-height: 130%;
      color: $color-text;
      margin-bottom: 10px;
    }
  }
}