<div id="listingContactWrapper" class="padding-md-zero side-bar-wrapper listing-contact-wrapper {% if not isEnabledFeature('web.header.cta') %}sticky{% endif %}" data-sticky-class="sticky-on" data-margin-top="100" ng-cloak>
{% if isEnabledActivityListingPage %}
<div class="note-container d-none d-lg-block">
<card-self-note :listing-id="{{ listing.id }}" :listing-note="`{{ listing.userNote|default('') }}`"></card-self-note>
<note-modal></note-modal>
</div>
{% endif %}
<div class="listingContact borderLight margin-bottom section-wrapper__bordered_flex">
{% include '@AqarmapListingBundle/Listing/listingActivityCta.html.twig' %}
<div class="section-separator"></div>
{% if isPrimarySoldOutCta %}
<div class="margin-bottom">
{% include '@AqarmapListingBundle/Listing/soldOutCta.html.twig' %}
</div>
{% else %}
{% if showSellerInfo %}
<div class="listing-seller-container listing-seller-container_bordered w-100 p-0">
{% include '@AqarmapListingBundle/Listing/sellerInfo.html.twig' %}
</div>
{% endif %}
{% include '@AqarmapListingBundle/Listing/listingContact.html.twig' %}
{% endif %}
</div>
{% if isEnabledActivityListingPage %}
{% include '@AqarmapListingBundle/Listing/listingRatingBox.html.twig' %}
{% endif %}
<div class="alert alert-success ng-hide top-sellers-call-request-alert hidden-sm hidden-xs">{{ 'listing.success_call_request'| trans }}</div>
{% if not isRelatedListingsDisabledTest %}
{% if showRelatedListing %}
<div class="hidden-sm hidden-xs relatedListingContainer relatedListingSide card-container card-container_option-1">
{% include '@AqarmapListingBundle/Listing/listingRelatedListingSection.html.twig' %}
</div>
{% endif %}
{% endif %}
</div>