<div class="acc-img acc-img1 show" id="data-1" >
 <img src="assets/images/whatsApp.png" alt="">
 </div>
 <div class="acc-img acc-img2" id="data-2">
 <img src="assets/images/sms.png" alt="">
 </div>
 <div class="acc-img acc-img3" id="data-3" >
 <img src="assets/images/mail.png" alt="">
 </div>
 <div class="acc-img acc-img4" id="data-4" >
 <img src="assets/images/insta.png" alt="">
 </div>
 <div class="acc-img acc-img5" id="data-5">
 <img src="assets/images/messenger.png" alt="">
 </div>
 
 <div class="accordion timeline-accordion" id="accordionExample">
 

 <div class="accordion-item active" data-id="data-1" >
 <div class="accordion-header" id="headingOne">
 <h2 class="mb-0 accordion-head" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
 Personalised service </h2>
 </div>

 <div id="collapseOne" class="acc-d collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
 <div class="accordion-body">
 Customising and visualising their car before purchase
 </div>
 </div>
 </div>
 <div class="accordion-item" data-id="data-2" >
 <div class="accordion-header" id="headingTwo">
 <h2 class="mb-0 accordion-head" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
 Consistent exprience
 </h2>
 </div>
 <div id="collapseTwo" class="acc-d collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
 <div class="accordion-body">
 Across all touchpoints
 </div>
 </div>
 </div>
 <div class="accordion-item" data-id="data-3" >
 <div class="accordion-header" id="headingThree">
 <h2 class="mb-0 accordion-head" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
 Supported after-sales journey
 </h2>
 </div>
 <div id="collapseThree" class="acc-d collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
 <div class="accordion-body">
 That's consistent, personal, transparent and with self-service feature
 </div>
 </div>
 </div>
 <div class="accordion-item" data-id="data-4">
 <div class="accordion-header" id="headingFour">
 <h2 class="mb-0 accordion-head" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseThree">
 Proactive communication
 </h2>
 </div>
 <div id="collapseFour" class="acc-d collapse" aria-labelledby="headingFour" data-parent="#accordionExample">
 <div class="accordion-body">
 Backed by expert guidance 
 </div>
 </div>
 </div>
 <div class="accordion-item" data-id="data-5">
 <div class="accordion-header" id="headingFive">
 <h2 class="mb-0 accordion-head" data-toggle="collapse" data-target="#collapseFive" aria-expanded="false" aria-controls="collapseThree">
 Real-time updates
 </h2>
 </div>
 <div id="collapseFive" class="acc-d collapse" aria-labelledby="headingFive" data-parent="#accordionExample">
 <div class="accordion-body">
 Plus relevant, data-driven insights
 </div>
 </div>
 </div>