<!-- wp:group {"layout":{"type":"default"}} -->
<div id="beforeafter" class="wp-block-group"><!-- wp:html -->
<section id="about">
      <div class="st-height-b120 st-height-lg-b50"></div>
      <div class="container">
        <div class="row">
          <div class="col-lg-6">
            <div class="st-before-after-wrap">
              <div class="st-before-after-in">
                <div class="st-before-after">
                  <div class="st-after st-single-slide st-dynamic-bg" data-src="assets/img/dental/before1.jpg" style="background-image: url(&quot;assets/img/dental/before1.jpg&quot;);"></div>
                  <div class="st-before st-single-slide st-dynamic-bg" data-src="assets/img/dental/after1.jpg" style="background-image: url(&quot;assets/img/dental/after1.jpg&quot;); right: 47.686%;"></div>
                  <div class="st-handle-before-after" style="left: 52.314%;">
                    <span></span>
                  </div>
                </div>
              </div>
            </div>
          </div><!-- .col -->
          <div class="col-lg-6">
            <div class="st-vertical-middle">
              <div class="st-vertical-middle-in">
                <div class="st-text-block st-style1 st-type1 st-space1"><!-- st-light-blue -->
                  <h2 class="st-text-block-title">Provide high-quality <span class="st-light-blue">dental</span> service with expart doctor.</h2>
                  <div class="st-height-b10 st-height-lg-b10"></div>
                  <div class="st-text-block-text">
                    <p>We also offer treatments that improve the appearance of your smile – giving you the confidence boost you deserve. The process or our treatment below.</p>
                    <div class="st-height-b15 st-height-lg-b15"></div>
                    <ul class="st-list st-style2 st-color1 st-mp0">
                      <li><i class="far fa-check-circle"></i>Check ups</li>
                      <li><i class="far fa-check-circle"></i>Emergencies</li>
                      <li><i class="far fa-check-circle"></i>Cosmetic dentistry</li>
                      <li><i class="far fa-check-circle"></i>Dental implants</li>
                      <li><i class="far fa-check-circle"></i>Orthodontics</li>
                      <li><i class="far fa-check-circle"></i>Children’s dentistry</li>
                      <li><i class="far fa-check-circle"></i>Preventative checks</li>
                      <li><i class="far fa-check-circle"></i>Telephone consultations</li>
                    </ul>
                    <div class="st-height-b25 st-height-lg-b25"></div>
                    <a href="#appointment" class="st-btn st-style1 st-color6 st-size-medium st-smooth-move">Make an Appointment</a>
                    <div class="st-height-b5 st-height-lg-b5"></div>
                  </div>
                </div>
              </div>
            </div>
          </div><!-- .col -->
        </div>
      </div>
      <div class="st-height-b120 st-height-lg-b80"></div>
      <!-- Start Logo Carousel -->
      <div class="st-gray-bg2">
        <div class="st-height-b120 st-height-lg-b80"></div>
        <div class="container">
          <div class="st-slider st-style2 st-pricing-wrap">
            <div class="slick-container" data-autoplay="0" data-loop="1" data-speed="600" data-center="0" data-slides-per-view="responsive" data-xs-slides="1" data-sm-slides="2" data-md-slides="3" data-lg-slides="4" data-add-slides="5">
              <div class="slick-wrapper slick-initialized slick-slider slick-dotted"><div class="slick-list draggable"><div class="slick-track" style="opacity: 1; width: 4160px; transform: translate3d(-1280px, 0px, 0px);"><div class="slick-slide slick-cloned" data-slick-index="-3" aria-hidden="true" style="width: 320px;"><div><div class="slick-slide-in" style="width: 100%; display: inline-block;">
                  <img src="assets/img/dental/certificate3.jpg" alt="client1">
                </div></div></div><div class="slick-slide slick-cloned" data-slick-index="-2" aria-hidden="true" style="width: 320px;"><div><div class="slick-slide-in" style="width: 100%; display: inline-block;">
                  <img src="assets/img/dental/certificate4.jpg" alt="client1">
                </div></div></div><div class="slick-slide slick-cloned" data-slick-index="-1" aria-hidden="true" style="width: 320px;"><div><div class="slick-slide-in" style="width: 100%; display: inline-block;">
                  <img src="assets/img/dental/certificate5.jpg" alt="client1">
                </div></div></div><div class="slick-slide" data-slick-index="0" aria-hidden="true" role="tabpanel" id="slick-slide00" tabindex="-1" aria-describedby="slick-slide-control00" style="width: 320px;"><div><div class="slick-slide-in" style="width: 100%; display: inline-block;">
                  <img src="assets/img/dental/certificate1.jpg" alt="client1">
                </div></div></div><div class="slick-slide slick-current slick-active" data-slick-index="1" aria-hidden="false" role="tabpanel" id="slick-slide01" tabindex="-1" aria-describedby="slick-slide-control01" style="width: 320px;"><div><div class="slick-slide-in" style="width: 100%; display: inline-block;">
                  <img src="assets/img/dental/certificate2.jpg" alt="client1">
                </div></div></div><div class="slick-slide slick-active" data-slick-index="2" aria-hidden="false" role="tabpanel" id="slick-slide02" tabindex="-1" aria-describedby="slick-slide-control02" style="width: 320px;"><div><div class="slick-slide-in" style="width: 100%; display: inline-block;">
                  <img src="assets/img/dental/certificate3.jpg" alt="client1">
                </div></div></div><div class="slick-slide slick-active" data-slick-index="3" aria-hidden="false" role="tabpanel" id="slick-slide03" tabindex="-1" aria-describedby="slick-slide-control03" style="width: 320px;"><div><div class="slick-slide-in" style="width: 100%; display: inline-block;">
                  <img src="assets/img/dental/certificate4.jpg" alt="client1">
                </div></div></div><div class="slick-slide" data-slick-index="4" aria-hidden="true" role="tabpanel" id="slick-slide04" tabindex="-1" aria-describedby="slick-slide-control04" style="width: 320px;"><div><div class="slick-slide-in" style="width: 100%; display: inline-block;">
                  <img src="assets/img/dental/certificate5.jpg" alt="client1">
                </div></div></div><div class="slick-slide slick-cloned" data-slick-index="5" aria-hidden="true" style="width: 320px;"><div><div class="slick-slide-in" style="width: 100%; display: inline-block;">
                  <img src="assets/img/dental/certificate1.jpg" alt="client1">
                </div></div></div><div class="slick-slide slick-cloned" data-slick-index="6" aria-hidden="true" style="width: 320px;"><div><div class="slick-slide-in" style="width: 100%; display: inline-block;">
                  <img src="assets/img/dental/certificate2.jpg" alt="client1">
                </div></div></div><div class="slick-slide slick-cloned" data-slick-index="7" aria-hidden="true" style="width: 320px;"><div><div class="slick-slide-in" style="width: 100%; display: inline-block;">
                  <img src="assets/img/dental/certificate3.jpg" alt="client1">
                </div></div></div><div class="slick-slide slick-cloned" data-slick-index="8" aria-hidden="true" style="width: 320px;"><div><div class="slick-slide-in" style="width: 100%; display: inline-block;">
                  <img src="assets/img/dental/certificate4.jpg" alt="client1">
                </div></div></div><div class="slick-slide slick-cloned" data-slick-index="9" aria-hidden="true" style="width: 320px;"><div><div class="slick-slide-in" style="width: 100%; display: inline-block;">
                  <img src="assets/img/dental/certificate5.jpg" alt="client1">
                </div></div></div></div></div></div>
            </div><!-- .slick-container -->
            <div class="pagination st-style1 st-flex st-hidden"><ul class="slick-dots" role="tablist" style="display: flex;"><li class="" role="presentation"><button type="button" role="tab" id="slick-slide-control00" aria-controls="slick-slide00" aria-label="1 of 2" tabindex="-1">1</button></li><li class="slick-active" role="presentation"><button type="button" role="tab" id="slick-slide-control01" aria-controls="slick-slide01" aria-label="2 of 2" tabindex="0" aria-selected="true">2</button></li><li role="presentation"><button type="button" role="tab" id="slick-slide-control02" aria-controls="slick-slide02" aria-label="3 of 2" tabindex="-1">3</button></li><li role="presentation"><button type="button" role="tab" id="slick-slide-control03" aria-controls="slick-slide03" aria-label="4 of 2" tabindex="-1">4</button></li><li role="presentation"><button type="button" role="tab" id="slick-slide-control04" aria-controls="slick-slide04" aria-label="5 of 2" tabindex="-1">5</button></li></ul></div>
            <!-- If dont need Pagination then add class .st-hidden -->
            <div class="swipe-arrow st-style1">
              <!-- If dont need navigation then add class .st-hidden -->
              <div class="slick-arrow-left slick-arrow" style="display: flex;"><i class="fa fa-chevron-left"></i></div>
              <div class="slick-arrow-right slick-arrow" style="display: flex;"><i class="fa fa-chevron-right"></i></div>
            </div>
          </div><!-- .st-slider -->
        </div>
        <div class="st-height-b120 st-height-lg-b80"></div>
      </div>
      <!-- End Logo Carousel -->
    </section>
<!-- /wp:html --></div>
<!-- /wp:group -->