.CallUs {
  display: grid;
  grid-template-columns: auto;
  gap: 0;
  width: 100%;
  background-color: transparent;
  background-image: linear-gradient(300deg, #009283 46%, #58c644 57%);

  @include iftablet {
    grid-template-columns: 1fr 1fr;
    padding: rem(20px) 0;
  }

  .LeftBlock {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    gap: rem(10px);
    padding: rem(20px) rem(40px);

    .LineTitle {
      font-family: $font-roboto;
      font-weight: 500;
      font-size: rem(24px);
      line-height: 130%;
      color: $color-white;
    }

    .LineText {
      font-family: $font-roboto;
      font-weight: 400;
      font-size: rem(16px);
      line-height: 100%;
      color: $color-white;
    }
  }

  .RightBlock {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: rem(40px);
    padding: rem(20px) rem(40px);
  }
}

.Btn {
  border: 1px solid #eeeeee44;
}

.Icon {
  width: rem(20px);

  @include iftablet{
    width: rem(40px);
  }

  path {
    fill: $color-white;
  }
}
