<!-- Timeline Section -->
<section class="timeline-section pb-90">
    <div class="flower-3 bounce-y"></div>
    <div class="flower-4 bounce-y"></div>
    <div class="bg bg-image" style="background-image: url(images/background/6.jpg)"></div>
    <div class="auto-container">
        <div class="sec-title text-center">
        <span class="icon-divider-4"></span>
        <h2>Wedding Planning Made Easy</h2>
        </div>
        <div class="carousel-outer">
        <div class="timeline-carousel owl-carousel owl-theme disable-navs">
            <!-- Timeline Block -->
            <div class="timeline-block">
  <div class="inner-box">
    <svg class="icon" width="50" height="50" viewBox="0 0 24 24" fill="#ffffff" xmlns="http://www.w3.org/2000/svg">
      <path d="M6.62 10.79a15.053 15.053 0 006.59 6.59l2.2-2.2a1 1 0 011.11-.21 11.72 11.72 0 003.64.58 1 1 0 011 1v3.25a1 1 0 01-1 1A19 19 0 013 5a1 1 0 011-1h3.25a1 1 0 011 1c0 1.25.2 2.48.58 3.64a1 1 0 01-.21 1.11l-2.2 2.2z"/>
    </svg>
    <div class="time">STEP- 1</div>
    <h5 class="designation">Book a Call</h5>
    <div class="text">Schedule a time to chat about your vision and dreams.</div>
  </div>
</div>

            <!-- Timeline Block -->
            <div class="timeline-block">
  <div class="inner-box">
    <svg class="icon" width="50" height="50" viewBox="0 0 24 24" fill="#ffffff" xmlns="http://www.w3.org/2000/svg">
      <path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5s-3 1.34-3 3 1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"/>
    </svg>
    <div class="time">STEP- 2</div>
    <h5 class="designation">Meet & Explore</h5>
    <div class="text">We meet to go over ideas, styles, and possibilities.</div>
  </div>
</div>
            <!-- Timeline Block -->
            <div class="timeline-block">
            <div class="inner-box">
                <i class="icon flaticon-wedding-arch-1"></i>
                <div class="time">STEP- 3</div>
                <h5 class="designation">Plan & Design</h5>
                <div class="text">Together, we create a tailored plan and timeline for your big day.</div>
            </div>
            </div>

            <!-- Timeline Block -->
            <div class="timeline-block">
            <div class="inner-box">
                <i class="icon flaticon-wedding-ring"></i>
                <div class="time">STEP- 4</div>
                <h5 class="designation">Celebrate Your Day</h5>
                <div class="text">Relax and enjoy your wedding while we handle the details.</div>
            </div>
            </div>
        </div>
        </div>
    </div>
</section>
<!-- End Story Section -->
