Booking Offer

<div class="provider-offer-wrapper">
    {% if movu_recommended %}
    <div class="recommendation-header-desktop">
        <h3>MOVU Recommendation</h3>
    </div>
    {% endif %}
    <div class="provider-offer {{ custom_class }}">
        {% if tag_name %}
        <div class="tag-regional">
            <i class="material-icons region">place</i>
            <span>Regional</span>
        </div>
        {% endif %}
        <div class="company-details-section">
            <div class="row">
                <div class="col-xs-6">
                    <div class="company-logo">
                        <img src="https://movu-production-s3.s3.amazonaws.com/uploads/image/file/1003/medium_unnamed.png"
                            alt="">
                    </div>
                </div>
                <div class="col-xs-6 rating-section">
                    <i class="material-icons rs rating-star hidden-xs">stars</i>
                    <h3 class="rating-value">4.7/5</h3>
                    <a href="#" class="small">(102 Ratings)</a>
                </div>
                <div class="col-xs-12">
                    <h3 class="company-name">Topo Transport Sàrl</h3>
                </div>
                <div class="col-xs-12">
                    <a class="link-to-provider">Company details</a>
                </div>
            </div>
        </div>

        <hr class="service-devider">

        <div class="service-holder">
            <div class="text-right">
                <h4 class="service-header">Price</h4>
            </div>

            <div class="service-group">
                <div class="service-item-leading odd">
                    <div class="text-right">
                        <span class="strikethrough">CHF 1100.-</span>
                        <span class="summer-discount-price">CHF 1000.-</span>
                    </div>
                </div>
                <div class="service-item">
                    <div class="text-right">
                        <span>CHF 30.-</span>
                    </div>
                </div>
                <div class="service-item">
                    <div class="text-right">
                        <span>CHF 30.-</span>
                    </div>
                </div>
            </div>

            <div class="service-group">
                <div class="service-item-leading odd {{ deselectedClass }}">
                    <div class="text-right">
                        <span class="strikethrough">CHF 990.-</span>
                        <span class="summer-discount-price">CHF 900.-</span>
                    </div>
                </div>
                <div class="service-item {{ deselectedClass }}">
                    <div class="text-right">
                        <span>CHF 30.-</span>
                    </div>
                </div>
            </div>
            <div class="customer-care-free-holder amount-holder">
                <div class="amount-row">
                    <div class="text-right">
                        <span>{{ customerCareText }}</span>
                    </div>
                </div>
              </div>
            <div class="amount-holder">
                <div class="amount-row">
                    <div class="text-right">
                        <span class="discount-price">-CHF 199.-</span>
                    </div>
                </div>
        
            </div>
            <div class="total-holder">
                <div class="text-right">
                    <h2>CHF 1800.-</h2>
                </div>
            </div>
        </div>

        <hr class="service-devider">

        <div class="go-to-offer-section">
            <div class="text-center">
                <p>Has already been <span class="text-green">booked 1212</span> times</p>
            </div>
            <div class="go-to-offer-btn">
                <movu-button flat text="Go to offer" cta primary></movu-button>
            </div>
        </div>

        <div class="instalment-holder">
            <h4>Payment by instalment</h4>
             <p>3x <span class="text-blue">CHF 610.-</span></p>
            <i class="material-icons">info_outline</i>
        </div>
    </div>
</div>