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

<head>
 
	
<!-- Facebook Domain Verification -->
<meta name="facebook-domain-verification" content="lz5vkaxmjjt5cw2d2kugwm56dyccka" />




	<script src="https://www.google.com/recaptcha/api.js" async defer></script>
	<meta charset="utf-8">
	<meta http-equiv="content-language" content="tr">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="author" content="DestechHasar">




	<title>Periyodik Bakım ve Yedek Parça - Garantili Oto Servis</title>
	<meta name="description" content="Periyodik bakım fiyatlarını öğrenin, orijinal ve eşdeğer yedek parça seçenekleri ile araç garantinizi bozmadan uygun fiyata satın alın - Garantili Oto Servis">
	<meta name="keywords" content="Garantili, Oto, Servis">
		<link rel="shortcut icon" type="image/x-icon" href="/images/logo-garantiliotoservis.png">
	<link rel="stylesheet" href="css/fontawesome.min.css">
	<link rel="stylesheet" href="css/animate.min.css">
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/slicknav.min.css">
	<link rel="stylesheet" href="css/odometer.min.css">
	<link rel="stylesheet" href="css/owl.carousel.css">
	<link rel="stylesheet" href="css/styles-main.css">
	<link rel="stylesheet" href="css/styles-responsive.css?ver=1.9">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.css">
<script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.umd.js"></script>




<!-- Whatapp İletişim -->
<style>

	   .popup {
      display: none;
      position: fixed;
      z-index: 9999;
      padding-top: 70px;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
       overflow: auto;
      background-color: rgba(0,0,0,0.5);
    }

    .popup-content {
      position: relative;
      margin: auto;
      width: 640px;
    }

    .close {
      position: absolute;
      top: -40px!important;
      right: 8px;
      color: #fff;
      font-size: 40px;
      font-weight: bold;
	  opacity:1;
      cursor: pointer;
    }

    .close:hover,
    .close:focus {
      color: #fff;
    text-decoration: none;
    }
	@media screen and (max-width:767px){
.popup-content{
width:90%!important;
}
.close {
top:-40px!important;
    }
}

.tp-caption img
{
  object-fit:contain;
}
	.float {
		position: fixed;
		width: 60px;
		height: 60px;
		bottom: 35px;
		right: 35px;
		color: #FFF;
		text-align: center;
		font-size: 30px;
		z-index: 100;
	}

	.my-float {
		margin-top: 16px;
	}


	
	.slider-container {
            width: 100%;
            max-width: 1000px;
            display: flex;
            flex-direction: column;
            align-items: center;
            position: relative;
            overflow: hidden;
        }

        .slider {
            display: flex;
            transition: transform 0.5s ease-in-out;
            width: calc(300px * 3 + 20px * 6); /* 3 slide ve aralarındaki margin */
        }

        .slide {
            min-width: 323px;
            margin: 0 10px;
        }

        .slide img {
            width: 100%;
            height: 80%;
            object-fit: cover;
        }
        .slide-title {
   /* position: absolute; */
    bottom: 20px;
    left: 20px;
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 5px 10px;
    border-radius: 5px;
    margin-top: 3px;
}


        .navigation-manual {
            display: flex;
            justify-content: center;
            width: 100%;
            margin-top: 20px;
        }

        .manual-btn {
			border: 2px solid #ddd;
    padding: 5px;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.4s;
    height: 5px;
    background-color: #ddd;
    min-height: 15px;
    width: 16px;
        }

        .manual-btn:not(:last-child) {
            margin-right: 10px;
        }

        .manual-btn:hover {
            background: #fff;
        }

        @media (max-width: 768px) {
            .slider {
                width: 100%;
                flex-wrap: nowrap;
            }

            .slide {
                min-width: 100%;
              
            }

            .navigation-manual {
                display: none; /* Küçük ekranlarda manuel navigasyonu gizle */
            }
        }

</style>
</head>
<a href="https://api.whatsapp.com/send?phone=908504806655" class="float" target="_blank">
	<img style="width:120px;" src="https://demobul.net/images/whatsapp.png" alt="whatsapp">
</a>

<body data-spy="scroll" data-target="#navmenu" data-offset="70">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>

<!--<div id="myPopup" class="popup">
  <div class="popup-content">
    <span class="close" style="font-size: 40px; ">&times;</span>
    <a href="https://youtu.be/nhKRL-AeiPw"><img src="images/Cumhuriyet100Yil.webp" alt="Resminiz" style="width:100%;"></a>
  </div>
</div>-->

 
	<head>
<style>
	.termsfeed-com---palette-light .cc-cp-body-tabs-item:nth-child(6),
.termsfeed-com---palette-light .cc-pc-head-lang select{
    display:none!important;
}
.termsfeed-com---palette-light .cc-pc-head{
    border-radius:10px 10px 0 0!important;
}
.termsfeed-com---palette-light .cc-pc-container{
    border-radius:10px!important;
}
.termsfeed-com---pc-dialog{
    margin: 10px auto 10px auto!important;
    transform: translateY(-50%)!important;
    top: 50%!important;
}
.termsfeed-com---palette-light.termsfeed-com---nb{
    border-radius: 10px!important;
    border:1px solid #d5d5d5!important;
}
.termsfeed-com---palette-light .cc-cp-foot{
    border-radius: 0 0 10px 10px!important;
}

.termsfeed-com---palette-light .cc-cp-foot-save{
    background-color: #99cc11!important;
    transition: all .4s ease!important;
}
.termsfeed-com---palette-light .cc-cp-foot-save:hover{
    background-color: #004422!important;
}
.termsfeed-com---nb .cc-nb-main-container{
    padding:30px!important;
}
.termsfeed-com---palette-light .cc-nb-changep{
        background-color: #e6e6e6!important;
    border: 1px solid #e6e6e6!important;
    border-radius: 4px!important;
    padding: 9px 16px!important;
    color: #212121!important;
    transition: all .4s ease!important;
}
.termsfeed-com---palette-light .cc-nb-changep:hover{
        background-color: #212121!important;
    color: #fff!important;
}
.termsfeed-com---palette-light .cc-nb-okagree{
    background-color: #99cc11!important;
    border-radius: 4px!important;
    border: 1px solid #99cc11!important;
    transition: all .4s ease!important;
}
.termsfeed-com---palette-light .cc-nb-okagree:hover{
        color: #fff!important;
    background-color:#004422!important;
}
.termsfeed-com---palette-light .cc-nb-reject{
        color: #ed151f!important;
    background-color: transparent!important;
    border: 1px solid #ed151f!important;
    border-radius: 4px!important;
    transition: all .4s ease!important;
}
.termsfeed-com---palette-light .cc-nb-reject:hover{
        color: #fff!important;
    background-color:#ed151f!important;
}
.termsfeed-com---nb-simple{
        right: 20px!important;
    bottom: 20px!important;
    max-width: 500px!important;
}
.termsfeed-com---palette-light .cc-pc-container *{
    font-family: 'Poppins', Sans-Serif!important;
}
.termsfeed-com---palette-light .cc-cp-foot{
    padding:10px!important;
}
div.cc-cp-foot-button{
    margin-left:auto!important;
    margin-right:0!important;
}
    .termsfeed-com---palette-light .cc-cp-foot-byline{
    display:none!important;
}
@media screen and (max-width:600px){

    .termsfeed-com---palette-light .cc-pc-head{
        display:flex!important;
        flex-direction: row!important;
        padding-left:10px!important;
    }
    .termsfeed-com---pc-dialog .cc-cp-body-content-entry-title{
        font-size:1.1rem!important;
    }
    .termsfeed-com---pc-dialog .cc-cp-body-content-entry-text{
            font-size: .9rem!important;
    line-height: 18px!important;
    }
    .termsfeed-com---pc-dialog .cc-pc-head-title{
        padding:0!important;
    }
}
@media screen and (max-width:535px){
    .termsfeed-com---nb-simple{
            right: 10px!important;
    left: 10px!important;
    bottom: 10px!important;
    max-width: 100%!important;
    }
    .termsfeed-com---nb .cc-nb-text{
        font-size:.9rem!important;
    }
    .termsfeed-com---nb .cc-nb-title{
        font-size:1.2rem!important;
        margin-bottom:6px!important;
    }
.termsfeed-com---nb .cc-nb-main-container{
    padding:20px!important;
}
.termsfeed-com---nb .cc-nb-okagree, .termsfeed-com---nb .cc-nb-reject, .termsfeed-com---nb .cc-nb-changep{
    margin-bottom:6px!important;
}
}
	</style>


<!-- 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-TTVPNWVZ');</script>
<!-- End Google Tag Manager -->

<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '946732113656776');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=946732113656776&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

 </head>


<!-- Google Analytics -->
<meta name="google-site-verification" content="Q_olx_T-U9tWKHNsN0Jz4wVlE2BTklTIn-4N9WXHKXg" />

<!-- Facebook Domain Verification -->
<meta name="facebook-domain-verification" content="lz5vkaxmjjt5cw2d2kugwm56dyccka" />



	<div class="site-preloader-wrap">
		<div class="spinner"></div>
	</div>
	<header id="header" class="header-section">
		<div class="bg-gradient pt-1 pb-1">
			<div class="container">
				<div class="row">
					<div class="col-12 align-right color-white-50" style="z-index: 100;    max-width: 100%;">
						<a href="https://www.facebook.com/garantiliotoservis" target="_blank" class="link-top fz-18 mr-3"><i class="fab fa-facebook-f"></i></a>
						<a href="https://www.instagram.com/garantiliotoservis/" target="_blank" class="link-top fz-18 mr-3"><i class="fab fa-instagram"></i></a>
						<a href="https://www.linkedin.com/company/garantiliotoservis/?originalSubdomain=tr" target="_blank" class="link-top fz-18 mr-3"><i class="fab fa-linkedin-in"></i></a>
						<a href="https://www.youtube.com/channel/UCtKh59XbKRGbSZlNFdLjyMg" target="_blank" class="link-top fz-18"><i class="fab fa-youtube"></i></a>
						<a href="tel:00908504806655" target="_blank" class="link-top fz-18 sm-display-none pl-3 ml-3 mr-3" style="border-left: 1px solid #FFFFFF77"><i class="fas fa-mobile-alt"></i></a>
						<a href="/cdn-cgi/l/email-protection#6501001611000e25020417040b110c090c0a110a160017130c164b060a08" target="_blank" class="link-top fz-18 sm-display-none"><i class="far fa-envelope"></i></a>
					</div>
				</div>
			</div>
		</div>
		<div>
			<div class="container" style=" max-width: 1150px; ">
				<nav class="navbar" style=" position: absolute; ">
					<a href="/" class="navbar-brand"><img src="images/logo-garantiliotoservis.svg" alt="Garantili Oto Servis Logo" class="brand-top"style=" margin-left: -10px; "></a>
					<div class="d-flex menu-wrap align-items-center navbar-top">
						<div id="mainmenu" class="mainmenu">
							<ul class="nav">
								<li><a class="cursor-pointer color-green-2">GOS Nedir?</a><!-- class="nav-link active" -->

									<ul style=" width: 400px; ">
										<li><a href="gos-nedir" style="width: 404px;">GOS (Garantili Oto Satış Sonrası Hizmetleri) Nedir?</a></li>
										<li><a href="gos-nasil-kullanilir">GOS Nasıl Kullanılır?</a></li>
										<li><a href="gos-surec-yönetimi">GOS Süreç Yönetimi</a></li>
										
  									</ul>

									<!--ul>
										<li><a href="garanti-nedir">Garantili Özel Servis</a></li>
										<li><a href="hakkiniz-guvende">Seçme Özgürlüğü</a></li>
										<li><a href="kalite-standartlarimiz">Kalite Standartlarımız</a></li>
										<li><a href="garantili-servis-manifestosu">Garantili Servis Manifestosu</a></li>
									</ul-->
								</li>

								<li><a href="hizmetlerimiz" class="cursor-pointer color-green-2">Hizmetlerimiz</a><!-- class="nav-link active" -->
									<ul style=" width: 300px; ">
										<li><a href="/garantili-periyodik-bakim-hizmeti-hakkinda "> Periyodik Bakım Hizmeti   </a></li>
										<li><a href="/garantili-ara-bakim-hafif-bakim-hakkinda "> Ara Bakım / Hafif Bakım   </a></li>
										<li><a href="/garantili-muayene-hazirlik-on-muayene "> Araç Muayene Hazırlık/Ön Muayene   </a></li>
										<li><a href="/garantili-on-silecek-supurge-firca-degisimi "> Ön Silecek Süpürge/Fırça Değişimi   </a></li>
										<li><a href=" /garantili-on-fren-balata-degisimi"> Ön Fren Balata Değişimi   </a></li>
										<li><a href="/garantili-on-fren-disk-balata-degisimi "> Ön Fren Disk / Balata Değişimi   </a></li>
										<li><a href="/garantili-arka-fren-balata-degisimi "> Arka Fren Balata Değişimi   </a></li>
										<li><a href="/garantili-arka-fren-disk-balata-degisimi "> Arka Fren Disk / Balata Değişimi   </a></li>
										<li><a href="/garantili-eksantrik-triger-zincir-degisimi "> Eksantrik Triger / Zincir Değişimi   </a></li>
										<li><a href="/garantili-debriyaj-seti-kavrama-kit-degisimi "> Debriyaj Seti / Kavrama Kit Değişimi   </a></li>
										<li><a href="/garantili-aku-degisimi "> Akü Değişimi   </a></li>
										<li><a href="/garantili-genel-ariza-muhtelif-onarim ">Genel Arıza ve Muhtelif Onarım    </a></li>
										 
 									</ul>
								</li>

 								<li><a href="garantili-servisler">Garantili Servisler</a></li>
								<li><a href="bilgi-bankasi" class="cursor-pointer color-green-2">  Bilgi Bankası </a>
									<!--ul style=" width: 250px; "> 
										<li><a href="bilgi-bankasi">Bilgi Bankası</a></li>
										<li><a href="sss">Sıkça Sorulan Sorular</a></li>
										<li><a href="elektrikli-araclar">Elektrikli Araçlar</a></li>
										<li><a href="elektrikli-arac-modelleri">Elektrikli Araç Modelleri</a></li>
										<li><a href="elektrikli-araclar-bilgi-bankasi">Elektrikli Araçlar Bilgi Bankası</a></li>
									</ul-->
								</li>
								<!--li><a class="cursor-pointer color-green-2">e-mobility</a>
									<ul>
										< <li><a href="super-spor-araba-modelleri">Spor Araçlar</a></li> >
									

									</ul>
								</li-->
								<li><a class="cursor-pointer color-green-2">Kurumsal</a>
									<ul>
										<li><a href="garanti-nedir"> Garanti Nedir? </a></li>
										<li><a href=" surdurulebilirgaranti">  Sürdürülebilir Garanti</a></li>
										<li><a href=" garantili-haberler"> Garantili Haberler</a></li>
										<li><a href=" kurumsal-isbirlikleri"> Kurumsal İşbirlikleri</a></li>
										<li><a href="servis-uyeligi">Servisimiz Olurmusunuz?</a></li>
										<li><a href="kariyer">Kariyer</a></li>
										<li><a href="iletisim">İletişim</a></li>

										<!--li><a href="yardimlasma">Yardımlaşma</a></li>
										<li><a href="hakkimizda">Garantili Oto Servis</a></li>

                                        <li><a href="destek">Destek</a></li-->
									</ul>
								</li>
							</ul>
						</div>
						
					</div>
					<div class="header-right">
							<div class="help-desk" style="display: none"><a href="destek-hatti" class="small-btn">Destek Hattı</a></div>
                            <div class="help-desk"><a href="https://gos.solosingly.shop/teklif" class="small-btn">Teklif Al</a></div>
						</div>
				</nav>
			</div>
		</div>

		


	</header>
	<div id="top"></div>
	<section class="hero-section h-600 first-top bg-grey d-flex align-items-center bd-bottom">
		<div class="hero-bg-shape" style="background-image: url(images/background-lines.svg);" alt="background-lines"></div>
		<div class="anim-elements">
			<div class="anim-element"></div>
			<div class="anim-element"></div>
			<div class="anim-element"></div>
			<div class="anim-element"></div>
			<div class="anim-element"></div>
		</div>
		<div class="container">
			<div class="row hero-wrap d-flex align-items-center">
				<div class="col-md-6 sm-padding">
					<div class="hero-content">
						<h1>Garantiyi Bozmayan Garantili Oto Servis</h1>
						<p><strong> Türkiye Garantili Oto Servis</strong>, kavramı ile tanışıyor, her yaştaki aracınızın garantisini bozmadan üstelik 3 farklı kalitede yedek parça seçeneği ile anında fiyat görüp servis rezervasyonu yapabileceğiniz bir hizmet şimdi otomobilinizi ve sizi bekliyor. Üstelik 1 yıl işçilik garantisiyle!</p>
 						<div class="btn-group" style="width: 45%;">
							<a href="https://gos.solosingly.shop/teklif" class="default-btn btn-green">Teklif Al</a>
							<!--<a href="" class="play-btn"><i class="fas fa-play"></i>Tanıtım Videosu</a>-->
						</div>
					</div>
				</div>
				<div class="col-md-6 sm-padding">
					<!--img src="images/GOSteklifgorsel.png" alt="garantili-oto-servis-05-750x450"-->
                    <div class="col-lg-12 sm-padding wow fadeInLeft" data-wow-delay="300ms" style="visibility: visible; animation-delay: 300ms; animation-name: fadeInLeft; left: 3%;">
                <a data-fancybox="video2" href="https://www.youtube.com/watch?v=Djk5XBncJDU">
                    <img src="images/gos_surec.jpg" alt="garantili-oto-servis-24-750x450"  >
                </a>
            </div>
				</div>
			</div>
		</div>
	</section>



	<section class="relative-section bd-bottom padding">
		<div class="anim-elements">
			<div class="anim-element"></div>
			<div class="anim-element"></div>
			<div class="anim-element"></div>
			<div class="anim-element"></div>
			<div class="anim-element"></div>
		</div>
		<div class="container" style=" max-width: 1340px; ">
			<div class="row content-wrap">
				 
				<div class="col-lg-12 sm-padding">
					<div class="content-info wow fadeInRight" data-wow-delay="300ms">
					<div class="section-heading" style="text-align: center;">
 						<h2> DÖRT ADIMDA GARANTİLİ OTO SERVİS</h2>
						 <p>Hızlı bir şekilde 4 adımı tamamlayarak bizden hizmet alabilirsiniz.</p>

					</div>
 						<ul class="content-feature">
							<li class="content-feature-item" style="     text-align: center; ">
							<img src="images/adim1.png" style="   margin-bottom: 15px; ">
								<div class="content-details">
									<h3 style=" margin-bottom: 15px; ">Hizmet Seçimi, Seni ve Aracını Tanıyalım</h3>
									<p style=" font-size: 13px; ">
									Bu alanda ihtiyacınız olan hizmeti, Kişisel bilgilerinizi (iletişim vb.) ve araç bilgilerinizi girerek sisteme kaydolabilirsiniz.</p>
									<p><a href="https://gos.solosingly.shop/teklif" class="small-btn">Teklif Al</a></p>
								</div>
							</li>
							<li class="content-feature-item" style="      text-align: center;">
							<img src="images/adim2.png" style="   margin-bottom: 15px; " >
								<div class="content-details">
									<h3 style=" margin-bottom: 15px; ">İhtiyacına ve Bütçene göre Paket Seç</h3>
									<p style=" font-size: 13px; ">
										Birinci adımı doldurduktan sonra ihtiyacınız ve Aracınıza en uygun işlem ve ilgili parçalardan oluşan üç farklı teklif içerisinden seçim yapabilirsiniz.</p>
										<p><a href="https://gos.solosingly.shop/teklif" class="small-btn">Teklif Al</a></p>
								</div>
							</li>

							<li class="content-feature-item" style="      text-align: center; ">
							<img src="images/adim3.png" style="  margin-bottom: 15px; ">
								<div class="content-details">
									<h3 style=" margin-bottom: 15px; ">Servis Seç, Randevu Oluştur, </h3>
									<p style=" font-size: 13px; "> 
									Bu alanda İşlem yaptırmak istediğiniz Servis, (İl İlçe ile, Konuma Göre, Önceden işlem Yaptırdığınız) seçebilir. Size uygun tarih ve saati belirleyebilirsiniz.</p>
										<p style=" margin-top: 55px; "><a href="https://gos.solosingly.shop/garantili-servisler" class="small-btn">Servisler</a></p>
								</div>
							</li>

							<li class="content-feature-item" style="    text-align: center; ">
							<img src="images/adim4.png" style="  margin-bottom: 15px; ">
								<div class="content-details">
									<h3 style=" margin-bottom: 15px; ">Ödeme ve Geri Bilgilendirme</h3>
									<p style=" font-size: 13px; "> 
									Bu alanda Ödeme tipini seçebilir, Randevunuzun durumu ve tarafınıza yapılacak bilgilendirmeleri görebilirsiniz. Bireysel Müşterilerde Kredi Kartı ile ödeme yapılır ve iade/iptal edilebilir.</p>
								</div>
							</li>


						</ul>
					</div>
				</div>
			</div>
		</div>
	</section>


    <section class="relative-section bd-bottom padding">
		
		<div class="container" style=" max-width: 1340px; ">
			<div class="row content-wrap">
				 
				<div class="col-lg-12 sm-padding">
					<div class="content-info wow fadeInRight" data-wow-delay="300ms">
					<div class="section-heading" style="text-align: center;">
 						<h2>ÜÇ FARKLI TEKLİF </h2>
 
					</div>
                    <div class="col-lg-12 sm-padding wow fadeInLeft" data-wow-delay="300ms" style="visibility: visible; animation-delay: 300ms; animation-name: fadeInLeft; left: 25%;">
                <!--a data-fancybox="video2" href="https://www.youtube.com/watch?v=r9VsLVs9DY0">
                    <img src="images/gos.png" alt="garantili-oto-servis-24-750x450" style=" width: 70%; ">
                </a-->
                <img src="images/GOSteklifgorsel.png" alt="garantili-oto-servis-05-750x450" style=" width:50%; ">
            </div>
                      <div class="section-heading" style="text-align: center;margin: 1%;">
 						<!--h4>Garantili Oto Satış Sonrası Hizmetler Nedir?</h4-->
                        <h4>Orijinal / Premium / Alternatif Teklif</h4>
					</div>

                    <div class="content-details" style="margin-left: 14%;width: 70%;">
  						 <!--p style=" font-size: 13px; ">
                            Araç sahibi olan müşteri veya nihai tüketici açısından bakıldığında “Üretici Marka Standartlarında” bakım onarım ihtiyacı olan kullanıcıların tüm işlemleri güvenle yaptırabileceği, dilerse sadece parça tedarik edebileceği bir platformdur. Garantili Oto Satış Sonrası Hizmetleri A.Ş.’nin GOS adıyla kısalttığı ve solosingly.shop sitesinde hizmet verdiği bu yapı, “Garantili Oto Servis” markası ile tüketicilere ulaşmaktadır										
						 </p-->
                         <p style=" font-size: 13px; ">
                            "Orijinal" resmi otomobil üreticisinin (OEM - Original Equipment Manufacturer - Orijinal Ekipman Üreticisi) sağladığı parçalar ile yapılan bakımın veya servis hizmetinin maliyetini gösterir. "Alternatif" ise daha düşük bütçeli bir çözüm için size belirli bir kaliteyi sağlayan ancak daha ekonomik parçalar veya sarf malzemeleri (yağ filtresi, hava filtresi motor yağı vb.) ile yapılacak işlemin tutarını gösterir. "Premium" ise yine oldukça ekonomik olmakla birlikte kullanılan parça ve malzemelerin global bilinir markalar tarafından üretildiği daha nitelikli bir servis olanağını size sunar. Bütün bu ayrıntılı hizmet seçenekleri içerisinde size sadece bütçenize göre ve beklentiniz doğrultusunda en uygun ve doğru hizmeti seçmek kalır.
						 </p>
                        </div>
 				
					</div>
				</div>
			</div>
		</div>
	</section>



    <section class="relative-section bd-bottom padding">
        <div class="container">
            <div class="section-heading" style="text-align: center;">
                <h2> GARANTİLİ HABERLER </h2>
			</div>
            <div class="slider-container">
                <div class="slider">

                    <div class="slide">
                        <a data-fancybox="video" href="https://www.youtube.com/watch?v=r9VsLVs9DY0">
                        <div class="video-container">
                        <img src="images/garantilinedir.png" alt="YouTube Thumbnail">
                            <div class="slide-title">Garantili Oto Servis Nedir? </div>
                       </div>

                         </a>
                    </div>



                <div class="slide">
                    <a href="garantili-haberler">
                    <img src="images/hurriyethaber.png" alt="Image 1">
                    <div class="slide-title">Hürriyet Haber - İşte Otoda Bakımın Faturası!</div>
                     </a>
                </div>
                <div class="slide">
                    <a href="garantili-haberler">
                    <img src="images/tv100.PNG" alt="Image 2">
                    <div class="slide-title">TV 100 - 100 LİRA İÇİN 100 BİN LİRADAN OLMAYIN</div>
                    </a>
                </div>
                <div class="slide">
                    <a data-fancybox="video" href="https://www.youtube.com/watch?v=X6url1oE9cw&feature=youtu.be">
                    <div class="video-container">
                        
                    <!-- otomatik oynatma -->  <!--iframe id="youtube-video" width="315" height="235" src="https://www.youtube.com/embed/X6url1oE9cw?autoplay=1&mute=1&enablejsapi=1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe-->
                   <!--iframe id="youtube-video" width="315" height="235" src="https://www.youtube.com/embed/X6url1oE9cw?autoplay=0&enablejsapi=1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe-->

                    <img src="images/cnnturk.png" alt="YouTube Thumbnail"> 


                        <div class="slide-title">CNN TURK - Garantili Oto Servis Aracınızın Sağlığı ve Bakımı İçin Önemli Bilgiler!  </div>
                   </div>

                     </a>
                </div>
                <div class="slide">
                    <a href="garantili-haberler">
                    <img src="images/formula1.jpg" alt="Image 4" style="height: 75%;">
                    <div class="slide-title"> Linkedin Haberi - Formula 1 Aracı Çalışma Prensibi</div>
                    </a>
                </div>
               
                
                
            </div>
            <div class="navigation-manual">
                <button class="manual-btn" data-index="0"></button>
                <button class="manual-btn" data-index="1"></button> 
 
            </div>
        </div>
    </div>
</section>
	<!--section class="relative-section bd-bottom padding">
		<div class="container">
			<div class="row content-wrap">
				<div class="col-lg-6 sm-padding wow fadeInLeft" data-wow-delay="300ms">
					<img src="uploads/images/garantili-oto-servis-07-750x450.jpg" alt="garantili-oto-servis-07-750x450">
				</div>
				<div class="col-lg-6 sm-padding">
					<div class="content-info wow fadeInRight" data-wow-delay="300ms">
 						<h2>Oto Servis ve Bakım Kampanyaları</h2>
						<p>En uygun fiyatlarla en kaliteli periyodik bakım ve oto servis hizmetini alabileceğiniz <strong>Garantili Oto Servis</strong>'te farklı dönemlerdeki kampanyalar ile avantajlar sizleri bekliyor.</p>
 						<a href="/kampanyalarimiz" class="default-btn btn-green">Detaylı Bilgi</a>
					</div>
				</div>
			</div>
		</div>
	</section-->
    <section class="relative-section bd-bottom padding">
		<div class="anim-elements">
			<div class="anim-element"></div>
			<div class="anim-element"></div>
			<div class="anim-element"></div>
			<div class="anim-element"></div>
			<div class="anim-element"></div>
		</div>
		<div class="container">
			<div class="row content-wrap">
				<div class="col-lg-6 sm-padding wow fadeInLeft" data-wow-delay="300ms">
					<img src="uploads/images/garantili-oto-servis-24-750x450.jpg" alt="garantili-oto-servis-24-750x450">
				</div>
				<div class="col-lg-6 sm-padding">
					<div class="content-info wow fadeInRight" data-wow-delay="300ms">
 						<h2>Kaliteli Oto Servis ve Yedek Parçayı Nasıl Garanti Ediyoruz?</h2>
						<p>Hizmet ağımızda sadece TS 12047 ve TS13168 belgeli servisler olduğu için aracınız garanti kapsamından çıkmaz. Üstelik bakım paketinde kullanılacak malzemeleri de siz seçersiniz. Bu sayede hem yedek parça, hem işçilik garantisine sahip olur, çok daha uygun fiyatla arabanıza kaliteli bakım sağlarsınız. Üstelik aldığınız hizmet Garantili Oto Servis garantisi ve güvencesi altındadır!</p>
						<ul class="content-feature">
							<li class="content-feature-item" style=" width: 50%;">
								<i class="fas fa-award color-green"></i>
								<div class="content-details">
									<h3>Oto Servis ve  Bakım Kalite Standartlarımız</h3>
									<p>Aracınızın garantisini bozmadan hizmet veren üye servislerimiz, TSE kapsamında belirlenmiş kalite standartlarınmı karşılamak zorundadır.</p>
									<p><a href="kalite-standartlarimiz" class="small-btn">Standartlarımız</a></p>
								</div>
							</li>
							<li class="content-feature-item" style=" width: 50%;">
								<i class="fas fa-pen-nib color-green"></i>
								<div class="content-details">
									<h3>Garantili Servis Manifestosu</h3>
									<p>Garantili Oto Servis; bakımda, işçilikte ve yedek parçada en uygun fiyatla seçme özgürlüğünü bu manifesto ile garanti eder.</p>
									<p><a href="garantili-servis-manifestosu" class="small-btn">Manifestomuz</a></p>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</section>

	<section class="relative-section bg-grey bd-bottom padding">
		<div class="container">
			<div class="content-wrap row">
				<div class="col-lg-6 wow fadeInLeft" data-wow-delay="300ms">
					<div class="section-heading">
 						<h2 >Size En Yakın Garantili Oto Servisler</h2>
						<p class="mb-30"><strong>Garantili Oto Servis</strong>ile her marka aracınız için güvenle hizmet alabileceğiniz ve size en yakın araç bakım servisleri listesine buradan ulaşabilirsiniz.</p>
						<a href="https://gos.solosingly.shop/garantili-servisler" class="default-btn btn-green">Garantili Servisler</a>
					</div>
				</div>
			</div>
		</div>
		<div class="content-moc d-none d-lg-block" style="background-image: url('uploads/images/garantili-oto-servis-06-750x450.png')" alt="garantili-oto-servis-06-750x450"></div>
	</section>

	<section class="relative-section bd-bottom padding" style=" padding: 50px 0; ">
        <div class="container">
            <div class="row content-wrap flex-sm-row-reverse">
                <div class="col-12 sm-padding">
					<div class="section-heading" style="text-align: center;">
 						<h2>Sıkça Sorulan Sorular</h2>
					</div>
                    <div class="content-info wow fadeInLeft" data-wow-delay="300ms">
                        <div id="accordion1" class="faq-item">
                                                        <div class="card">
                                <div class="card-header">
                                    <h2 class="mb-0">
                                        <button class="btn btn-link" data-toggle="collapse" data-target="#faq01" aria-expanded="false" aria-controls="faq01">
										Garantili Oto Servis Nedir?
                                        </button>
                                    </h2>
                                </div>
                                <div id="faq01" class="collapse" aria-labelledby="faq01" data-parent="#accordion1">
                                    <div class="card-body">Garantisi devam eden veya sona ermiş aracınız için TS 12047 ve TS 13168 yetki belgeli servisler tarafından sunulan periyodik bakım, onarım ve servis hizmetidir. TSE belgeli bu servisler hem aracınızın devam eden garantisini bozmaz hem de aldığınız hizmet en az 1 yıl işçilik garantisi ile Garantili Oto Servis güvencesiyle size sunulur.</div>
                                </div>
                            </div>
                                                        <div class="card">
                                <div class="card-header">
                                    <h5 class="mb-0">
                                        <button class="btn btn-link" data-toggle="collapse" data-target="#faq02" aria-expanded="false" aria-controls="faq02">
										Garantili Oto Servis'lerde yapılan bakım ve onarım aracımın garantisini bozar mı?
                                        </button>
                                    </h5>
                                </div>
                                <div id="faq02" class="collapse" aria-labelledby="faq02" data-parent="#accordion1">
                                    <div class="card-body">Hayır bozmaz. Üye servislerde verilen hizmetlerde otomobilinizin devam eden garantisi korunmaktadır.</div>
                                </div>
                            </div>
                                                        <div class="card">
                                <div class="card-header">
                                    <h5 class="mb-0">
                                        <button class="btn btn-link" data-toggle="collapse" data-target="#faq03" aria-expanded="false" aria-controls="faq03">
										Özel servislerde aracımın bakımını yaptırabilir miyim?
                                        </button>
                                    </h5>
                                </div>
                                <div id="faq03" class="collapse" aria-labelledby="faq03" data-parent="#accordion1">
                                    <div class="card-body">Evet yaptırabilirsiniz ancak her özel servis aradığınız hizmet ve kalite standartlarına sahip olmayabilir. Bu nedenle blok muafiyeti yönetmeliğiyle tanımlanan özel servislerde aracınızın bakımını yaptırmanız, hem garanti kapsamını koruması hem de belirli bir kalite standardında hizmet almanız için önemlidir. </div>
                                </div>
                            </div>
                                                        <div class="card">
                                <div class="card-header">
                                    <h5 class="mb-0">
                                        <button class="btn btn-link" data-toggle="collapse" data-target="#faq04" aria-expanded="false" aria-controls="faq04">
										Blok muafiyeti nedir, blok muafiyetinin bana nasıl bir faydası var?
                                        </button>
                                    </h5>
                                </div>
                                <div id="faq04" class="collapse" aria-labelledby="faq04" data-parent="#accordion1">
                                    <div class="card-body">Satış sonrası servis işlemlerinde daha fazla rekabet yaratmak ve otomobil yedek parça tedarik piyasasına destek sağlamak amacıyla 01.01.2007 tarihinde yürürlüğe giren yönetmelik Blok Muafiyeti olarak adlandırılır. Bu yasa ile TSE tarafından yetkilendirilmiş özel servislerde de bakım ve tamir hakkının koruması, buradan hizmet alan tüketicilerin araçlarının garantisinin korunması amaçlanmıştır.</div>
                                </div>
                            </div>
                            
							
                             
                            
                        </div>
                         
                    </div>
                </div>
            </div>
        </div>
    </section>


	
	<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript" src="https://www.termsfeed.com/public/cookie-consent/4.1.0/cookie-consent.js" charset="UTF-8"></script>

<script>
window.dataLayer = window.dataLayer || [];
function gtag(){
   dataLayer.push(arguments);
}
gtag('consent', 'default', {
   'ad_storage': 'denied',
   'ad_user_data': 'denied',
   'ad_personalization': 'denied',
   'analytics_storage': 'denied'
});
</script>

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TTVPNWVZ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

<script type="text/javascript" charset="UTF-8">
document.addEventListener('DOMContentLoaded', function () {
cookieconsent.run({"notice_banner_type":"simple","consent_type":"express","palette":"light","language":"tr","page_load_consent_levels":["strictly-necessary"],"notice_banner_reject_button_hide":false,"preferences_center_close_button_hide":false,"page_refresh_confirmation_buttons":false,
"callbacks": {
   "scripts_specific_loaded": (level) => {
      switch(level) {
         case 'targeting':
            gtag('consent', 'update', {
               'ad_storage': 'granted',
               'ad_user_data': 'granted',
               'ad_personalization': 'granted',
               'analytics_storage': 'granted'
            });
            break;
      }
   }
},
"callbacks_force": true
});
});
</script>

	<section class="relative-section section-gradient pt-5 pb-5">
		<div class="container">
			<div class="row">
				<div class="col-lg-3 col-md-12 col-sm-12 sm-padding">
					<div class="widget-content md-center">
						<a href="#top"><img alt="Logo" src="images/logo-garantiliotoservis.svg" class="brand-bottom"></a>
						<p class="footer-social">
							<a href="https://www.facebook.com/garantiliotoservis" target="_blank" class="link-white fz-28 mr-3"><i class="fab fa-facebook-f"></i></a>
							<a href="https://www.instagram.com/garantiliotoservis/" target="_blank" class="link-white fz-28 mr-3"><i class="fab fa-instagram"></i></a>
							<a href="https://www.linkedin.com/company/garantiliotoservis/?originalSubdomain=tr" target="_blank" class="link-white fz-28 mr-3"><i class="fab fa-linkedin-in"></i></i></a>
							<a href="https://www.youtube.com/channel/UCtKh59XbKRGbSZlNFdLjyMg" target="_blank" class="link-white fz-28"><i class="fab fa-youtube"></i></a>
						</p>
					</div>
				</div>
				<div class="col-lg-3 col-md-4 col-sm-12 sm-padding">
					<div class="widget-content sm-center">
						<h3 style=" color: white; ">Garantili Oto Servis</h3>
						<ul class="widget-links">
						<li><a href="/hizmetlerimiz">Hizmetlerimiz</a></li>
						<li><a href="/uye-servis-olmanin-avantajlari">Üye Servislerimiz</a></li>
						<li><a href="/bilgi-bankasi">Bilgi Bankası</a></li>
						<li><a href="/sss">Sıkça Sorulan Sorular  </a></li>
						<li><a href="/garantili-servis-manifestosu">Garanti Hakkında  </a></li>


						
							 
						</ul>
					</div>
				</div>
				<div class="col-lg-3 col-md-4 col-sm-12 sm-padding">
					<div class="widget-content sm-center">
						<h3 style=" color: white; ">Bilgi</h3>
						<ul class="widget-links">
						<li><a href="/kvkk-aydinlatma-metni">Kişisel Verilerin işlenmesi</a></li>
						<li><a href="/kvkk-aydinlatma-metni">KVKK Aydınlatma Metni</a></li>
						<li><a href="#">Kullanım Koşulları  </a></li>
						<li><a href="#">Gizlilik </a></li>
						<li><a href="/cerez-politikasi">Çerez Politikası</a></li>
						<li><a href="/ticari-elektronik-ileti-onay-metni">Ticari Elektronik İleti Onay Metni</a></li>



							 
						</ul>

					</div>
				</div>
				<div class="col-lg-3 col-md-4 col-sm-12 sm-padding">
					<div class="widget-content sm-center">
						<h3 style=" color: white; ">Kurumsal</h3>
						<ul class="widget-links">
						<li><a href="/iletisim">İletişim</a></li>
						<li><a href="/servis-uyeligi">Servisimiz Olur musunuz?</a></li>
						<li><a href="hakkimizda">Garanti Nedir?</a></li>
						<li><a href="vizyon-ve-degerler">Vizyon ve Değerlerimiz</a></li>
						</ul>
                         <ul class="widget-links">
                            <li><a href="uploads/e-bülten-2022-ağustos.pdf">Ağustos-Eylül-Ekim 2022</a></li>
                        </ul>
					</div>
				</div>
			</div>
		</div>
	</section>
	<footer class="relative-section footer align-center pt-2 pb-2">
		<div class="container">
			<div class="row">
				<div class="col-12 col-md-8 align-left color-white-50 sm-center">
					© 2021 Garantili Satış Sonrası Oto Hiz.A.Ş.
				</div>
				<div class="col-12 col-md-4 align-right color-white-50 sm-center">
					<a href="https://www.markagraf.com" target="_blank" class="link-white">Designed by MarkaGraf</a>
				</div>
			</div>
		</div>
	</footer>
		<script src="js/jquery.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/owl.carousel.min.js"></script>
	<script src="js/scriptpack.min.js"></script>
	<script src="js/main.js"></script>
    <script src="js/sweetalert-11.7.1.js"></script>

	<script type="text/javascript">
		$(document).ready(function() {


			size_li = $(".obd-item").size();
			x = 10;

			$('.obd-item:lt(' + x + ')').show();
			$(window).scroll(function() {
				let scrollheight = (($(document).height() - $(window).height()) - 500);
				if ($(window).scrollTop() < (scrollheight + 20) && $(window).scrollTop() > (scrollheight - 20)) {
					x = (x + 5 <= size_li) ? x + 10 : size_li;
					$('.obd-item:lt(' + x + ')').show();
				}
			});



                /* 1. Visualizing things on Hover - See next part for action on click */
                $('#stars li').on('mouseover', function(){
                    var onStar = parseInt($(this).data('value'), 10); // The star currently mouse on

                    // Now highlight all the stars that's not after the current hovered star
                    $(this).parent().children('li.star').each(function(e){
                        if (e < onStar) {
                            $(this).addClass('hover');
                        }
                        else {
                            $(this).removeClass('hover');
                        }
                    });

                }).on('mouseout', function(){
                    $(this).parent().children('li.star').each(function(e){
                        $(this).removeClass('hover');
                    });
                });


                /* 2. Action to perform on click */
                $('.rated-stars li').on('click', function(){
                    var onStar = parseInt($(this).data('value'), 10); // The star currently selected
                    var stars = $(this).parent().children('li.star');

                    for (i = 0; i < stars.length; i++) {
                        $(stars[i]).removeClass('selected');
                    }

                    for (i = 0; i < onStar; i++) {
                        $(stars[i]).addClass('selected');
                    }

                    // JUST RESPONSE (Not needed)
                    var ratingValue = parseInt($('.rated-stars li.selected').last().data('value'), 10);
                    var msg = "";
                    if (ratingValue > 1) {
                        msg = "Thanks! You rated this " + ratingValue + " stars.";
                    }
                    else {
                        msg = "We will improve ourselves. You rated this " + ratingValue + " stars.";
                    }
                   // responseMessage(msg);

                });
/*
                $("#rateBtn").click(function(e){
                    e.preventDefault();
                    let dataCount = $(this).attr("data-count");
                    let companyId = $(this).attr("data-company-id");
                    Swal.fire({
                        title: 'Fatura Numaranızı Giriniz!',
                        input: 'text',
                        inputAttributes: {
                            autocapitalize: 'off'
                        },
                        showCancelButton: true,
                        confirmButtonText: 'Gönder',
                        showLoaderOnConfirm: true,
                        preConfirm: (invoice_no) => {
                            console.log("ratedstars",$(".rated-stars"));
                            let selectedStars =[];
                            $(".rated-stars").each(function(){
                                let item = $(this);


                                let total = parseInt($(item).children('.rated-stars li.selected').last().data('value'), 10);

                                selectedStars.push({id:item.attr("data-id"),total:total});

                            });
                            console.log("dataCount1",selectedStars.length,dataCount)
                            if(selectedStars.length == dataCount){
                                $.ajax({
                                    url: "https://api.solosingly.shop/api/check-invoice",
                                    data: {invoice_no:invoice_no,rates:selectedStars,company_id: companyId},
                                    type:"post",
                                    success:function(ret){

                                            Swal.fire({
                                                title: `Puanlamanız için teşekkür ederiz.`,
                                                imageUrl: "images/logo-garantiliotoservis.svg",
                                                imageWidth: 150,
                                                imageHeight: 150
                                            })




                                    },
                                    error: function(e) {
                                        console.log("EEE",e);
                                        Swal.fire(`Hata: ${e.responseJSON.message}`, '', 'warning')

                                    },

                                })
                            }else{
                                Swal.fire(
                                    `Hata: Lütfen puanlmaları doldurunuz`, '', 'warning'
                                )
                                return false;
                            }

                           return true;

                        },
                        allowOutsideClick: () => !Swal.isLoading()
                    })
                })
*/





		});

        function responseMessage(msg) {
            $('.success-box').fadeIn(200);
            $('.success-box div.text-message').html("<span>" + msg + "</span>");
        }
	</script>

	<script>
       


let counter = 1;
setInterval(function(){
    document.getElementById('radio' + counter).checked = true;
    counter++;
    if(counter > 3){
        counter = 1;
    }
}, 5000);



  var popup = document.getElementById("myPopup");
  var span = document.getElementsByClassName("close")[0];

  window.onclick = function(event) {
    if (event.target == popup) {
      popup.style.display = "none";
    }
  }

  span.onclick = function() {
    popup.style.display = "none";
  }

  window.onload = function() {
    popup.style.display = "block";
  }
</script>
<script>
         $(document).ready(function() {
            $('[data-fancybox="video"]').fancybox({
                youtube: {
                    controls: 1,
                    showinfo: 0
                },
                vimeo: {
                    color: 'f00'
                }
            });
        });

        let manualBtns = document.querySelectorAll('.manual-btn');
        let slides = document.querySelector('.slider');
        let totalSlides = document.querySelectorAll('.slide').length; // Toplam slide sayısı
        let currentIndex = 0;
        let slideWidth = slides.querySelector('.slide').offsetWidth + 20; // Her slide'ın genişliği + margin
        let startX = 0;
        let isDragging = false;

        manualBtns.forEach((btn, index) => {
            btn.addEventListener('click', () => {
                slides.style.transform = `translateX(${-index * slideWidth}px)`;
                currentIndex = index;
                updateActiveBtn();
            });
        });

        setInterval(() => {
            currentIndex = (currentIndex + 1) % totalSlides;
            slides.style.transform = `translateX(${-currentIndex * slideWidth}px)`;
            updateActiveBtn();
        }, 5000);

        slides.addEventListener('touchstart', (e) => {
            startX = e.touches[0].clientX;
            isDragging = true;
        });

        slides.addEventListener('touchmove', (e) => {
            if (!isDragging) return;
            const currentX = e.touches[0].clientX;
            const diffX = startX - currentX;
            slides.style.transform = `translateX(${-currentIndex * slideWidth - diffX}px)`;
        });

        slides.addEventListener('touchend', (e) => {
            isDragging = false;
            const endX = e.changedTouches[0].clientX;
            const diffX = startX - endX;

            if (diffX > 50) {
                currentIndex = (currentIndex + 1) % totalSlides;
            } else if (diffX < -50) {
                currentIndex = (currentIndex - 1 + totalSlides) % totalSlides;
            }

            slides.style.transform = `translateX(${-currentIndex * slideWidth}px)`;
            updateActiveBtn();
        });

        function updateActiveBtn() {
            manualBtns.forEach((btn, index) => {
                if (index === currentIndex) {
                    btn.classList.add('active');
                } else {
                    btn.classList.remove('active');
                }
            });
        }

        updateActiveBtn();
        
    </script>

<script>
  // Initialize Fancybox for the video popup
  Fancybox.bind('[data-fancybox="video2"]', {
    // Optional custom settings
    Youtube: {
      autoplay: true // Automatically play the video when the popup opens
    },
    Toolbar: false, // Hide the toolbar for a cleaner look
    smallBtn: true, // Show a small close button
    animationEffect: "zoom-in-out" // Optional: add a fancy zoom animation
  });
</script>
</body>

</html>