<div class="porto-block" style="background-color: #3256f4;">
  <style>
    .porto-block-html-top .porto-sicon-box {
      justify-content: center;
    }
  </style>
  <div class="row no-padding mt-0 mb-0 pt-0 pb-0">
    <div class="vc_column_container col-md-12">
      <div class="wpb_wrapper vc_column-inner">
        <div class="notice-carousel porto-carousel owl-carousel mb-0 w-100">
          <div class="porto-sicon-box mb-0 style_1 default-icon" style="padding: 12px 10px;">
            <div class="porto-sicon-default">
              <div class="porto-just-icon-wrapper" style="text-align: center;">
                <div class="porto-icon none" style="color: #ffffff; font-size: 24px; display: inline-block;"><i class="porto-icon-shipping"></i></div>
              </div>
            </div>
            <div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 600; font-size: 13px; color: #ffffff;">Free Shipping on Orders Over $99</h3></div>
          </div>
          <div class="porto-sicon-box mb-0 style_1 default-icon" style="padding: 12px 10px; background-color: #284cea;">
            <div class="porto-sicon-default">
              <div class="porto-just-icon-wrapper" style="text-align: center;">
                <div class="porto-icon none" style="color: #ffffff; font-size: 24px; display: inline-block;"><i class="porto-icon-money"></i></div>
              </div>
            </div>
            <div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 600; font-size: 13px; color: #ffffff;">Up to 40% OFF on Selected Items</h3></div>
          </div>
          <div class="porto-sicon-box mb-0 style_1 default-icon" style="padding: 12px 10px;">
            <div class="porto-sicon-default">
              <div class="porto-just-icon-wrapper" style="text-align: center;">
                <div class="porto-icon none" style="color: #ffffff; font-size: 24px; display: inline-block;"><i class="Simple-Line-Icons-graduation"></i></div>
              </div>
            </div>
            <div class="porto-sicon-header"><h3 class="porto-sicon-title" style="font-weight: 600; font-size: 13px; color: #ffffff;">15% OFF Student Discount</h3></div>
          </div>
        </div>
        <script type="text/javascript">
          require(["jquery", "owl.carousel/owl.carousel.min"], function ($) {
            $(".notice-carousel.owl-carousel").owlCarousel({
              autoplay: false,
              autoplayTimeout: 5000,
              autoplayHoverPause: true,
              loop: false,
              navRewind: true,
              lazyLoad: true,
              margin: 0,
              nav: false,
              dots: false,
              responsive: {
                0: {
                  items: 1,
                },
                640: {
                  items: 1,
                },
                768: {
                  items: 2,
                },
                992: {
                  items: 2,
                },
                1200: {
                  items: 3,
                },
              },
            });
          });
        </script>
      </div>
    </div>
  </div>
</div>
