
<!-- ================================================ -->
<!-- ✅ ERİŞİLEBİLİRLİK SİSTEMİ - LİSANSLI ✅ -->
<!-- ================================================ -->
<!-- Domain: nurturingpaths.cfd -->
<!-- Durum: AKTİF LİSANS ✅ -->
<!-- Sistem: Erişilebilirlik düzeltmeleri AKTIF -->
<!-- Toplam Düzeltme: 92 -->
<!-- Kritik: 0 | Uyarı: 92 -->
<!-- Powered by: nurturingpaths.cfd Erişilebilirlik Sistemi -->
<!-- ================================================ -->

<!DOCTYPE html>
<html lang="tr">

  <head>
    <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="author" content="Sayfa Bulunamadı">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5, minimal-ui">
<link rel="canonical" href="https://nurturingpaths.cfd/css/style.css">
<meta name="description" content="Sayfa Bulunamadı">
<meta property="og:title" content="Sayfa Bulunamadı">
<meta property="og:url" content="https://nurturingpaths.cfd/css/style.css">
<meta property="og:image" content="https://nurturingpaths.cfd/images/kayseri-web-tasarim.jpg">
<meta name="robots" content="All, Index, Follow">
<meta property="og:description" content="Sayfa Bulunamadı">
<meta property="og:type" content="website">
<meta name="twitter:card" content="https://nurturingpaths.cfd">
<meta name="twitter:image" content="https://nurturingpaths.cfd/images/kayseri-web-tasarim.jpg">
<meta name="twitter:domain" content="https://nurturingpaths.cfd">
<meta name="twitter:site" content="https://nurturingpaths.cfd">
<meta name="twitter:creator" content="@Medyatör İnteraktif">
<meta name="twitter:url" content="https://nurturingpaths.cfd/css/style.css">
<meta name="twitter:title" content="Sayfa Bulunamadı">
<meta name="twitter:description" content="Sayfa Bulunamadı">
    <title>Sayfa Bulunamadı</title>
    <link href="/images/favicon.webp" rel="icon">
    <link rel="stylesheet" href="/assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="/assets/css/all.min.css">
    <link rel="stylesheet" href="/assets/css/swiper-bundle.min.css">
    <link rel="stylesheet" href="/assets/css/progressbar.css">
    <link rel="stylesheet" href="/assets/css/meanmenu.min.css">
    <link rel="stylesheet" href="/assets/css/magnific-popup.css">
    <link rel="stylesheet" href="/assets/css/faq.css">
          <link rel="stylesheet" href="/assets/css/master-branding-agency.css">
        <link rel="stylesheet" href="/assets/css/abouthome.css">
    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-5VGHC7XP');</script>
    <!-- End Google Tag Manager -->
     <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-10990961127">
</script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-10990961127');
</script>

    <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-5VRWSP0KFZ"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-5VRWSP0KFZ');
</script>

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-FXPP9C6QHB"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-FXPP9C6QHB');
</script>
<script>
  gtag('event', 'conversion', {'send_to': 'AW-10990961127/fW_cCJeNiKobEOeD8_go'});
</script>

<script src="https://accesly.com.tr/files/accessibility.js" data-site="nurturingpaths.cfd" async></script>


  </head>

  <body class="font-heading-instumentsans-semibold">

<div class="position-fixed" style="z-index: 9; bottom: 20px; left: 20px;"><a href="https://api.whatsapp.com/send?phone=905434955769" aria-label="whatsapp" class="whatsapp-btn" title="whatsapp"><i class="fa-brands fa-whatsapp"></i></a></div>
    <div id="preloader">
      <div id="container" class="container-preloader">
        <div class="animation-preloader">
          <div class="spinner"></div>
          <div class="txt-loading">
            <span data-text="M" class="characters">M</span>
            <span data-text="E" class="characters">E</span>
            <span data-text="D" class="characters">D</span>
            <span data-text="Y" class="characters">Y</span>
            <span data-text="A" class="characters">A</span>
            <span data-text="T" class="characters">T</span>
            <span data-text="Ö" class="characters">Ö</span>
            <span data-text="R" class="characters">R</span>
          </div>
        </div>
        <div class="loader-section section-left"></div>
        <div class="loader-section section-right"></div>
      </div>
    </div>


    <div class="cursor1"></div>
    <div class="cursor2"></div>


    <div class="progress-wrap">
      <svg class="progress-circle svg-content" width="100%" height="100%" viewbox="-1 -1 102 102">
        <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"></path>
      </svg>
    </div>


    <div class="offcanvas-3__area">
      <div class="offcanvas-3__inner">
        <div class="offcanvas-3__meta-wrapper1">
          <div class="mb-3">
            <button id="close_offcanvas" class="close-button close-offcanvas" onclick="hideCanvas3()" aria-label="Buton">
              <span></span>
              <span></span>
            </button>
          </div>
          <div class="">
            <div class="offcanvas-3__meta mb-145 d-none d-md-block">
              <ul>
                <li><a title="Telefon" aria-label="Telefon" href="tel:0%20850%20888%2000%2038" class="unnerline"><u>0 850 888 00 38</u></a></li>
                <li><a title="Telefon" aria-label="Telefon" href="tel:0%20352%20224%2042%2020" class="unnerline"><u>0 352 224 42 20</u></a></li>
                <li><a title="Eposta" aria-label="Eposta" href="mailto:info@nurturingpaths.cfd">info@nurturingpaths.cfd</a></li>
                <li><a title="Adres" aria-label="Adres" href="#">Erciyes Üniversitesi Teknopark 4 Kat:2 No:60 KAYSERİ</a></li>
              </ul>
            </div>
            <div class="offcanvas-3__social d-none d-md-block">
              <p class="title">Sosyal Medya</p>
              <div class="offcanvas-3__social-links">
                                  <a href="https://www.facebook.com/medyator.interaktif" title="Facebook" aria-label="Facebook"><i class="fa-brands fa-facebook-f"></i></a>
                                                  <a href="https://twitter.com/medyatorft" title="Twitter" aria-label="Twitter"><i class="fa-brands fa-twitter"></i></a>
                                                  <a href="https://www.instagram.com/medyatorinteraktif/" title="Instagram" aria-label="Instagram"><i class="fa-brands fa-instagram"></i></a>
                                                  <a href="https://www.linkedin.com/in/medyator/" title="Linked-In" aria-label="Linked-In"><i class="fa-brands fa-linkedin"></i></a>
                              </div>
            </div>
          </div>
        </div>
        <div class="offcanvas-3__menu-wrapper-dis">
          <div class="w-100">
            <nav class="nav-menu offcanvas-3__menu">
              <ul>
                <li><a href="/" title="ANASAYFA" aria-label="ANASAYFA">ANASAYFA</a></li>
                  
                    <li class="">
                      <a href="/tr/hakkimizda" title="HAKKIMIZDA" aria-label="HAKKIMIZDA">HAKKIMIZDA</a>
                                          </li>

                  
                    <li class="">
                      <a href="/tr/isler" title="İŞLER" aria-label="İŞLER">İŞLER</a>
                                          </li>

                  
                    <li class="menu-item-has-children">
                      <a href="/tr/projeler" title="PROJELER" aria-label="PROJELER">PROJELER</a>
                                              <ul class="mt-3">
                                                      <li style="margin-bottom:0px !important; margin-top:10px !important; margin-left: 20px; font-size: 15px !important; border-left:solid 3px #bdff41; padding-left: 10px;"><a href="/proje/online-tahsilat-sistemi" style="font-size: 15px !important;" title="Online Tahsilat Sistemi" aria-label="Online Tahsilat Sistemi">Online Tahsilat Sistemi</a></li>
                                                      <li style="margin-bottom:0px !important; margin-top:10px !important; margin-left: 20px; font-size: 15px !important; border-left:solid 3px #bdff41; padding-left: 10px;"><a href="/proje/otomotiv-bayi-yonetim-sistemi" style="font-size: 15px !important;" title="Otomotiv Bayi Yönetim Sistemi" aria-label="Otomotiv Bayi Yönetim Sistemi">Otomotiv Bayi Yönetim Sistemi</a></li>
                                                      <li style="margin-bottom:0px !important; margin-top:10px !important; margin-left: 20px; font-size: 15px !important; border-left:solid 3px #bdff41; padding-left: 10px;"><a href="/proje/uzaktan-egitim-sistemi" style="font-size: 15px !important;" title="Uzaktan Eğitim Sistemi" aria-label="Uzaktan Eğitim Sistemi">Uzaktan Eğitim Sistemi</a></li>
                                                      <li style="margin-bottom:0px !important; margin-top:10px !important; margin-left: 20px; font-size: 15px !important; border-left:solid 3px #bdff41; padding-left: 10px;"><a href="/proje/belediye-web-yonetim-sistemi" style="font-size: 15px !important;" title="Belediye Web Yönetim Sistemi" aria-label="Belediye Web Yönetim Sistemi">Belediye Web Yönetim Sistemi</a></li>
                                                      <li style="margin-bottom:0px !important; margin-top:10px !important; margin-left: 20px; font-size: 15px !important; border-left:solid 3px #bdff41; padding-left: 10px;"><a href="/proje/kariyer-platformu" style="font-size: 15px !important;" title="Kariyer Platformu" aria-label="Kariyer Platformu">Kariyer Platformu</a></li>
                                                      <li style="margin-bottom:0px !important; margin-top:10px !important; margin-left: 20px; font-size: 15px !important; border-left:solid 3px #bdff41; padding-left: 10px;"><a href="/proje/online-anket-sistemi" style="font-size: 15px !important;" title="Online Anket Sistemi" aria-label="Online Anket Sistemi">Online Anket Sistemi</a></li>
                                                      <li style="margin-bottom:0px !important; margin-top:10px !important; margin-left: 20px; font-size: 15px !important; border-left:solid 3px #bdff41; padding-left: 10px;"><a href="/proje/turnike-bariyer-giris-cikis-sistemi" style="font-size: 15px !important;" title="Turnike-Bariyer Giriş/Çıkış Sistemi" aria-label="Turnike-Bariyer Giriş/Çıkış Sistemi">Turnike-Bariyer Giriş/Çıkış Sistemi</a></li>
                                                  </ul>
                                          </li>

                  
                    <li class="menu-item-has-children">
                      <a href="/hizmet/web-tasarimi" title="HİZMETLER" aria-label="HİZMETLER">HİZMETLER</a>
                                              <ul class="mt-3">
                                                      <li style="margin-bottom:0px !important; margin-top:10px !important; margin-left: 20px; font-size: 15px !important; border-left:solid 3px #bdff41; padding-left: 10px;"><a href="/hizmet/web-tasarimi" style="font-size: 15px !important;" title="WEB TASARIMI" aria-label="WEB TASARIMI">WEB TASARIMI</a></li>
                                                      <li style="margin-bottom:0px !important; margin-top:10px !important; margin-left: 20px; font-size: 15px !important; border-left:solid 3px #bdff41; padding-left: 10px;"><a href="/hizmet/mobil-uygulama" style="font-size: 15px !important;" title="MOBİL UYGULAMA" aria-label="MOBİL UYGULAMA">MOBİL UYGULAMA</a></li>
                                                      <li style="margin-bottom:0px !important; margin-top:10px !important; margin-left: 20px; font-size: 15px !important; border-left:solid 3px #bdff41; padding-left: 10px;"><a href="/hizmet/dijital-pazarlama" style="font-size: 15px !important;" title="DİJİTAL PAZARLAMA" aria-label="DİJİTAL PAZARLAMA">DİJİTAL PAZARLAMA</a></li>
                                                      <li style="margin-bottom:0px !important; margin-top:10px !important; margin-left: 20px; font-size: 15px !important; border-left:solid 3px #bdff41; padding-left: 10px;"><a href="/hizmet/seo-optimizasyon" style="font-size: 15px !important;" title="SEO OPTİMİZASYON" aria-label="SEO OPTİMİZASYON">SEO OPTİMİZASYON</a></li>
                                                      <li style="margin-bottom:0px !important; margin-top:10px !important; margin-left: 20px; font-size: 15px !important; border-left:solid 3px #bdff41; padding-left: 10px;"><a href="/web-sitesi-ve-mobil-uygulamalarda-erisilebilirlik-kanununa-uygun-cozumler" style="font-size: 15px !important;" title="Web Sitesi ve Mobil Uygulamalarda Erişilebilirlik Kanununa Uygun Çözümler" aria-label="Web Sitesi ve Mobil Uygulamalarda Erişilebilirlik Kanununa Uygun Çözümler">Web Sitesi ve Mobil Uygulamalarda Erişilebilirlik Kanununa Uygun Çözümler</a></li>
                                                  </ul>
                                          </li>

                  
                    <li class="">
                      <a href="/blog" title="BLOG" aria-label="BLOG">BLOG</a>
                                          </li>

                  
                    <li class="">
                      <a href="/iletisim" title="İLETİŞİM" aria-label="İLETİŞİM">İLETİŞİM</a>
                                          </li>

                                    <li class="mb-5 pt-3">
                  <a style="background: #bdff41; border-radius:25px; color: #000; padding: 10px 25px;" href="https://musteri.nurturingpaths.cfd" target="_blank" title="MÜŞTERİ PANELİ" aria-label="MÜŞTERİ PANELİ">MÜŞTERİ PANELİ</a>
                  </li>
                </ul>
            </nav>
            <div><a href="tel:0%20850%20888%2000%2038" class="fs-4" title="0 850 888 00 38" aria-label="0 850 888 00 38"><i class="fa fa-phone"></i> 0 850 888 00 38</a></div>
            <div class="mt-3"><a href="tel:info@nurturingpaths.cfd" class="fs-5" title="info@nurturingpaths.cfd" aria-label="info@nurturingpaths.cfd"><i class="fa fa-envelope"></i> info@nurturingpaths.cfd</a></div>
          </div>
        </div>
      </div>
    </div>


    <header class="header-area">
      <div class="container large">
        <div class="header-area__inner">
          <div class="header__logo">
            <a href="/" title="Medyatör İnteraktif" aria-label="Medyatör İnteraktif">
              <img src="/images/logo.webp" alt="Medyatör İnteraktif" title="Medyatör İnteraktif">
            </a>
          </div>
          <div class="header__nav pos-center">
            <nav class="main-menu">
              <ul>
                
                  <li class="">
                    <a href="/tr/hakkimizda" title="HAKKIMIZDA" aria-label="HAKKIMIZDA">HAKKIMIZDA</a>
                                      </li>

                
                  <li class="">
                    <a href="/tr/isler" title="İŞLER" aria-label="İŞLER">İŞLER</a>
                                      </li>

                
                  <li class="menu-item-has-children">
                    <a href="/tr/projeler" title="PROJELER" aria-label="PROJELER">PROJELER</a>
                                          <ul class="dp-menu">
                                                  <li><a href="/proje/online-tahsilat-sistemi" title="Online Tahsilat Sistemi" aria-label="Online Tahsilat Sistemi">Online Tahsilat Sistemi</a></li>
                                                  <li><a href="/proje/otomotiv-bayi-yonetim-sistemi" title="Otomotiv Bayi Yönetim Sistemi" aria-label="Otomotiv Bayi Yönetim Sistemi">Otomotiv Bayi Yönetim Sistemi</a></li>
                                                  <li><a href="/proje/uzaktan-egitim-sistemi" title="Uzaktan Eğitim Sistemi" aria-label="Uzaktan Eğitim Sistemi">Uzaktan Eğitim Sistemi</a></li>
                                                  <li><a href="/proje/belediye-web-yonetim-sistemi" title="Belediye Web Yönetim Sistemi" aria-label="Belediye Web Yönetim Sistemi">Belediye Web Yönetim Sistemi</a></li>
                                                  <li><a href="/proje/kariyer-platformu" title="Kariyer Platformu" aria-label="Kariyer Platformu">Kariyer Platformu</a></li>
                                                  <li><a href="/proje/online-anket-sistemi" title="Online Anket Sistemi" aria-label="Online Anket Sistemi">Online Anket Sistemi</a></li>
                                                  <li><a href="/proje/turnike-bariyer-giris-cikis-sistemi" title="Turnike-Bariyer Giriş/Çıkış Sistemi" aria-label="Turnike-Bariyer Giriş/Çıkış Sistemi">Turnike-Bariyer Giriş/Çıkış Sistemi</a></li>
                                              </ul>
                                      </li>

                
                  <li class="menu-item-has-children">
                    <a href="/hizmet/web-tasarimi" title="HİZMETLER" aria-label="HİZMETLER">HİZMETLER</a>
                                          <ul class="dp-menu">
                                                  <li><a href="/hizmet/web-tasarimi" title="WEB TASARIMI" aria-label="WEB TASARIMI">WEB TASARIMI</a></li>
                                                  <li><a href="/hizmet/mobil-uygulama" title="MOBİL UYGULAMA" aria-label="MOBİL UYGULAMA">MOBİL UYGULAMA</a></li>
                                                  <li><a href="/hizmet/dijital-pazarlama" title="DİJİTAL PAZARLAMA" aria-label="DİJİTAL PAZARLAMA">DİJİTAL PAZARLAMA</a></li>
                                                  <li><a href="/hizmet/seo-optimizasyon" title="SEO OPTİMİZASYON" aria-label="SEO OPTİMİZASYON">SEO OPTİMİZASYON</a></li>
                                                  <li><hr><a href="/web-sitesi-ve-mobil-uygulamalarda-erisilebilirlik-kanununa-uygun-cozumler" title="Web Sitesi ve Mobil Uygulamalarda Erişilebilirlik Kanununa Uygun Çözümler" aria-label="Web Sitesi ve Mobil Uygulamalarda Erişilebilirlik Kanununa Uygun Çözümler"><img src="/images/erisebilirlik-logo.webp" alt="erisebilirlik-logo" width="40" class="me-2" title="erisebilirlik-logo">Web Sitesi ve Mobil Uygulamalarda Erişilebilirlik Kanununa Uygun Çözümler</a></li>
                                              </ul>
                                      </li>

                
                  <li class="">
                    <a href="/blog" title="BLOG" aria-label="BLOG">BLOG</a>
                                      </li>

                
                  <li class="">
                    <a href="/iletisim" title="İLETİŞİM" aria-label="İLETİŞİM">İLETİŞİM</a>
                                      </li>

                              </ul>
            </nav>
          </div>
          <div class="header__button">
            <div class=" d-none d-md-block">
              <a class="wc-btn wc-btn-primary musteripanelbtn" href="https://musteri.nurturingpaths.cfd" target="_blank" title="MÜŞTERİ PANELİ" aria-label="MÜŞTERİ PANELİ">MÜŞTERİ PANELİ</a>
            </div>
          </div>
          <div class="header__navicon d-xl-none">
            <button onclick="showCanvas3()" aria-label="open-canvas" class="open-offcanvas">
              <i class="fa-solid fa-bars fs-1 text-black"></i></button>
          </div>
        </div>
      </div>
    </header>



    <div class="has-smooth" id="has_smooth"></div>
    <div id="smooth-wrapper">
      <div id="smooth-content">
        <div class="body-wrapper body-branding-agency">
          <div class="overlay-switcher-close"></div>
          <main>

          
<script>
  // Yönlendirme URL'sini PHP'den alıyoruz
  var redirectUrl = "";

  // Eğer bir yönlendirme URL'si varsa, yönlendir
  if (redirectUrl) {
    window.location.href = redirectUrl;
  }
</script>

<link rel="stylesheet" href="/assets/css/master-error-404.css">
<!-- error area start  -->
<section class="error-area">
  <div class="container">
    <div class="error-area-inner section-spacing">
      <div class="section-content">
        <div class="shape-1">
          <img class="show-light" src="/assets/imgs/shape/img-s-88.webp" alt="shape" title="shape">
          <img class="show-dark" src="/assets/imgs/shape/img-s-88-light.webp" alt="shape" title="shape">
        </div>
        <div class="error-shape has_fade_anim">
          <img class="show-light" src="/assets/imgs/shape/img-s-87.webp" alt="shape" title="shape">
          <img class="show-dark" src="/assets/imgs/shape/img-s-87-light.webp" alt="shape" title="shape">
        </div>
        <div class="section-title-wrapper">
          <div class="title-wrapper">
            <h1 class="section-title has_fade_anim" data-delay="0.30">Sayfa bulunamadı !</h1>
          </div>
        </div>
        <div class="text-wrapper">
          <p class="text has_fade_anim" data-delay="0.45">Aradığınız sayfa mevcut değil veya taşınmış.</p>
        </div>
        <div class="btn-wrapper has_fade_anim" data-delay="0.60">
          <a href="/" class="wc-btn wc-btn-primary btn-text-flip" title="Anasayfaya dön" aria-label="Anasayfaya dön"> <span data-text="Back to home">Anasayfaya dön</span></a>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- error area end  -->


</main>




        </div>
      </div>
    </div>


    <script src="/assets/js/jquery-3.6.0.min.js"></script>

    <script src="/assets/js/bootstrap.bundle.min.js"></script>
    <script src="/assets/js/jquery.magnific-popup.min.js"></script>
    <script src="/assets/js/swiper-bundle.min.js"></script>
    <script src="/assets/js/fslightbox.js"></script>
    <script src="/assets/js/counter.js"></script>
    <script src="/assets/js/progressbar.js"></script>
    <script src="/assets/js/gsap.min.js"></script>
    <script src="/assets/js/ScrollSmoother.min.js"></script>
    <script src="/assets/js/ScrollToPlugin.min.js"></script>
    <script src="/assets/js/ScrollTrigger.min.js"></script>
    <script src="/assets/js/SplitText.min.js"></script>
    <script src="/assets/js/jquery.meanmenu.min.js"></script>
    <script src="/assets/js/backToTop.js"></script>
    <script src="/assets/js/main.js"></script>
    <script src="/assets/js/error-handling.js"></script>
    <script src="/assets/js/offcanvas.js"></script>
    <script src="/assets/js/check.js"></script>

    <script>
      if (('.process-slider').length) {
        var process_slider = new Swiper(".process-slider", {
          loop: true,
          slidesPerView: 1,
          spaceBetween: 0,
          speed: 1800,
          watchSlidesProgress: true,
          breakpoints: {
            // when window width is >= px
            576: {
              slidesPerView: 1,
            },
            768: {
              slidesPerView: 2,
            },
            992: {
              slidesPerView: 3,
            },
            1201: {
              slidesPerView: 3,
            },
            1367: {
              slidesPerView: 3,
            },
            1441: {
              slidesPerView: 4,
            },
          }
        });
      }

      
        if (('.testimonial-slider').length) {
          var testimonial_slider = new Swiper(".testimonial-slider", {
            loop: true,
            slidesPerView: 1,
            spaceBetween: 50,
            speed: 1800,
            watchSlidesProgress: true,
            navigation: {
              prevEl: ".testimonial-button-prev",
              nextEl: ".testimonial-button-next",
            },
            breakpoints: {
              // when window width is >= px
              576: {
                slidesPerView: 1,
              },
              768: {
                slidesPerView: 1,
              },
              992: {
                slidesPerView: 1,
              },
              1201: {
                slidesPerView: 2,
              },
              1367: {
                slidesPerView: 2,
              },
              1441: {
                slidesPerView: 2,
              },
            }
          });
        }

      

      if ('.client-slider-active') {
        var client_slider_active = new Swiper(".client-slider-active", {
          slidesPerView: 'auto',
          loop: true,
          autoplay: true,
          spaceBetween: 140,
          speed: 3000,
          autoplay: {
            delay: 1,
          },
        });
      }

      // project slider
      if (('.project-slider').length) {
        var project_slider = new Swiper(".project-slider", {
          loop: false,
          slidesPerView: 1,
          spaceBetween: 40,
          speed: 1800,
          watchSlidesProgress: true,
          navigation: {
            prevEl: ".project-button-prev",
            nextEl: ".project-button-next",
          },
          pagination: {
            el: '.project-pagination',
            type: 'bullets',
            clickable: true
          },
          breakpoints: {
            // when window width is >= px
            576: {
              slidesPerView: 1,
            },
            768: {
              slidesPerView: 2,
            },
            992: {
              slidesPerView: 3,
            },
            1201: {
              slidesPerView: 3,
            },
            1367: {
              slidesPerView: 4,
            },
          }
        });
      }
    </script>

  </body>

  </html>
