<script lang="ts">
  import img from '../../../assets/images/marketing-guide/channels.svg';
  export let className = '';
</script>

<div class="block-channels {className}">
  <h2>Defining Marketing Channels</h2>
  <p>
    To get more clients for your brokerage, first of all test out different marketing channels within your marketing
    budget. Find out which ones give you the most return on investment, and concentrate on those.
  </p>
  <img src={img} alt="" loading="lazy" />
</div>

<style lang="scss">
  @import 'src/scss/variables';
  @import 'src/scss/media';
  @import 'src/scss/mixins';

  .block-channels {
    img {
      max-width: 701px;
      margin-top: 64px;
      margin-bottom: 40px;
      margin-inline: auto;

      @include breakpoint-down('deskS') {
        margin-top: 40px;
      }

      @include breakpoint-down('tabM') {
        margin-top: 32px;
        margin-left: -6px;
        width: calc(100% + 12px);
      }
    }
  }
</style>