<div class="container">
    <div class="row">
        <div class="col-xs-12 col-sm-6 col-md-5 col-lg-4 offer-details-column">
            <div class="offer-details-holder">
                <div class="adjust-offer-block">
                    <div>
                        <h3 class="adjust-offer-title">adjust your offer</h3>
                        <div class="border-2-bottom"></div>
                        <section class="">

                        </section>
                        <div class="row">
                            <div class="col-sm-12">

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container">
  <div class="row">
    <div class="col-xs-12 col-sm-6 col-md-5 col-lg-4 offer-details-column">
      <div class="offer-details-holder">
        <div class="adjust-offer-block">
          <div>
            <h3 class="adjust-offer-title">adjust your offer</h3>
            <div class="border-2-bottom"></div>
            <section class="{{ adjustOfferSectionClass }}">
              {% block main %}

              {% endblock %}
            </section>
            <div class="row">
              <div class="col-sm-12">
                {% if bookOfferBtn %}
                <div class="row">
                  <div class="col-sm-12">
                    {% render '@cta', { ctaLinkText: 'Book this offer', className: 'button-primary button-default book-offer-now'}, true %}
                    <movu-button primary text="Book this offer" cta custom_class="book-offer-now"></movu-button>
                  </div>
                </div>
                {% endif %}
                {% if alreadyBooked %}
                <div class="row">
                  <div class="col-sm-12">
                    <div class="offer-allready-booked">
                      <svg class="booked-offer-icon" xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path fill='none' d='M0 0h24v24H0V0z'/><path d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm4.59-12.42L10 14.17l-2.59-2.58L6 13l4 4 8-8z' fill='#5c5c5c'/></svg>
                      <h3>You have booked this offer</h3>
                    </div>
                  </div>
                </div>
                {% endif %}
                {% if freeCancelation %}
                <div class="row">
                  <div class="col-sm-12">
                    <div class="free-cancelation">
                      {% if not alreadyBooked %}
                      <div class="title-row">
                        <h4>Free cancelation</h4>
                      </div>
                      {% endif %}
                      <div class="body-row">
                        {% if not alreadyBooked %}
                        <p class="body-text small">For changes or cancelling the service, please contact our Customer support at:</p>
                         <movu-button flat text="More information" cta></movu-button>
                        {% endif %}
                        {% if alreadyBooked %}
                          <p class="body-text small">You can cancel your booked service free of charge up to 20 days before the service date.</p>
                          <a href="044 505 14 14" class="cancel-booking-phone small">044 505 14 14</a>
                        {% endif %}
                      </div>
                    </div>
                  </div>
                </div>
                {% endif %}
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
/* No context defined. */

No notes defined.