PageSourceSearch

https://karstso.org.tr/

html karstso.org.tr collected 2026-09-29 11:56:05 UTC 215,726 bytes, 4,501 lines download raw bytes

1<!doctype html>
2<html lang="tr">
3
4<head>
5			<base href="https://karstso.org.tr/">
6    <meta charset="utf-8">
7    <meta http-equiv="x-ua-compatible" content="ie=edge">
8    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
9
10    <title>Kars Ticaret ve Sanayi Odası</title>
11	<meta name="description" content="Kars Ticaret ve Sanayi Odası (KARTSO) Test hakkında güncel bilgi, duyuru ve detaylar. Resmi kaynak — üyeler ve iş dünyası için." />
12	<meta name="keywords" content="Kars,KARTSO,Kars Ticaret ve Sanayi Odası,ticaret odası,sanayi,ihracat,Kars TSO,bölgesel kalkınma,iş dünyası,üye bilgilendirme,duyuru,Kars ekonomisi,ticaret,sanayi odası,test" />
13	<link rel="canonical" href="https://karstso.org.tr/" />
14
15    <!-- Facebook Metadata Start -->
16	<meta property="og:image:height" content="300" />
17	<meta property="og:image:width" content="573" />
18	<meta property="og:title" content="Kars Ticaret ve Sanayi Odası" />
19	<meta property="og:description" content="Kars Ticaret ve Sanayi Odası (KARTSO) Test hakkında güncel bilgi, duyuru ve detaylar. Resmi kaynak — üyeler ve iş dünyası için." />
20	<meta property="og:url" content="https://karstso.org.tr/" />
21	<meta property="og:image" content="https://karstso.org.tr/tema/genel/uploads/logo/karstsologo002.png" />
22	<meta name="google-site-verification" content="77AqeY3dAjxcbc8sDqaDE7lhn0D2e9Babqrzn6I6Bsk" />	<link rel="shortcut icon" href="tema/genel/uploads/favicon/karstsologo002.png">
23
24    <link rel="stylesheet" href="tema/genel/assets/css/bootstrap.min.css">
25    <link rel="stylesheet" href="tema/genel/assets/css/font-awesome5.min.css">
26    <link rel="stylesheet" href="tema/genel/assets/css/all.css">
27    <link rel="stylesheet" href="tema/genel/assets/css/magnific-popup.css">
28    <link rel="stylesheet" href="tema/genel/assets/css/nice-select.css">
29    <link rel="stylesheet" href="tema/genel/assets/css/animate.min.css">
30    <link rel="stylesheet" href="tema/genel/assets/css/slick.css">
31    <link rel="stylesheet" href="tema/genel/assets/css/default.css">
32	<link rel="stylesheet" href="tema/genel/assets/css/fancybox.css">
33	<link rel="stylesheet" href="tema/genel/assets/css/sweetalert2.min.css">
34	<link rel="stylesheet" href="tema/genel/assets/css/remodal.css">
35    <link rel="stylesheet" href="tema/genel/assets/css/remodal-default-theme.css">
36    <link rel="stylesheet" href="tema/genel/assets/css/style.php">
37    <link rel="stylesheet" href="tema/genel/assets/css/karstso-header.css.php">
38    <link rel="stylesheet" href="tema/genel/assets/css/kartso-pages.css.php">
39        <link rel="stylesheet" href="tema/genel/assets/css/search.css">
40	<link rel="stylesheet" href="tema/genel/assets/css/iziModal.min.css" type="text/css">
41	<link rel="stylesheet" href="/yonetim/vendors/iconfonts/flag-icon-css/css/flag-icon.min.css" />
42    <link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700,900&display=swap" rel="stylesheet">
43	
44	
44<script>
vendor: 350 bytes, lines 44-50
44
45	  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
46	  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
47	  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
48	  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
49
50	  ga('create', '
50UA-54503473-1
vendor: 41 bytes, lines 50-51
50', 'auto');
51	  ga('send', 'pageview');
52</script>
52		
52<script src="tema/genel/assets/js/vendor/modernizr-3.6.0.min.js" type="text/javascript"></script>
52
53    
53<script src="tema/genel/assets/js/vendor/jquery-1.12.4.min.js" type="text/javascript"></script>
53
54	
54<script src="tema/genel/assets/js/sweetalert2.all.min.js"></script>
54
55	
55<script src="tema/genel/assets/js/sweetalert2.min.js"></script>
55
56	
56<script type="text/javascript" src="s7.addthis.com/js/300/addthis_widget.js#pubid=ra-58b57282384b6d76"></script>
56
57	
58	
59	
60	<style>
61	
62	.adil {
63    position: fixed;
64    left: 15px;
65    bottom:100px;
66    transition: all .5s ease-in-out;
67    z-index: 999;
68}
69
70.adil a {
71    height: 50px;
72    width: 50px;
73    border-radius: 50%;
74    overflow: hidden;
75    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
76    font-size: 28px;
77    display: block;
78    text-align: center;
79    line-height: 50px;
80    color: white;
81    background: red;
82}
83
84.adil .tooltiptext {
85    visibility: hidden;
86    width: 120px;
87    background-color: black;
88    color: #fff;
89    text-align: center;
90    border-radius: 6px;
91    padding: 5px 0;
92    position: absolute;
93    z-index: 1;
94    line-height: normal;
95    font-size: 15px;
96    top: 13px;
97    left: 105%;
98    height: auto;
99}
100
101.adil:hover a {
102    transform: rotate(45deg);
103    -webkit-transform: rotate(45deg);
104}
105
106.adil:hover .tooltiptext {
107    visibility: visible;
108}
109	</style>
110</head>
111<body>
112	<div class="whatsapp">
113	<a href="https://api.whatsapp.com/send?phone=905528928236" target="_blank" title="WhatsApp" alt="WhatsApp"><i class="fab fa-whatsapp"></i></a>
114	<span class="tooltiptext">WhatsApp</span>
115</div>	
116
117    <main class="main-wrap">
118    
119<section class="header">
120
121    <div class="header-top">
122        <div class="container">
123            <div>
124                <ul class="navs">
125                                        <li class="hover-bar"><a href="anasayfa">Anasayfa</a></li>
126                                        <li class="hover-bar"><a href="duyurular">Duyurular</a></li>
127                                        <li class="hover-bar"><a href="etkinlikler">Etkinlikler</a></li>
128                                        <li class="hover-bar"><a href="foto-galeri">Fotoğraf Galerisi</a></li>
129                                        <li class="hover-bar"><a href="iletisim">İletişim Formu</a></li>
130                                    </ul>
131                <span class="h-border"></span>
132                <div class="dropdown">
133                    <button type="button" class="btn dil_btn dropdown-toggle" data-toggle="dropdown">Language</button>
134                    <div class="dropdown-menu">
135                                                <a class="dropdown-item dildegis activelang" data-id="1" href="javascript:;">Türkçe</a>
136                                            </div>
137                </div>
138                <ul class="social">
139                    <li><a title="facebook" href="https://www.facebook.com/karstso"><i class="fab fa-facebook-f"></i></a></li>                    <li><a title="telegram" href="https://twitter.com/karstso36"><i class="fab fa-twitter"></i></a></li>                    <li><a title="instagram" href="https://www.instagram.com/karstso/"><i class="fab fa-instagram"></i></a></li>                    <li><a title="linkedin" href="https://tr.linkedin.com/"><i class="fab fa-linkedin-in"></i></a></li>                    <li><a title="youtube" href="https://www.youtube.com/channel/UCOTkCBMJTwxUhjPtNiRc-dA"><i class="fab fa-youtube"></i></a></li>                                        <li class="hover-bar uye-header-link"><a href="javascript:void(0)" data-uye-giris-modal><i class="fas fa-user-circle"></i> Üye Girişi</a></li>
140                                    </ul>
141            </div>
142        </div>
143    </div>
144
145    <div class="header-bottom">
146        <div class="container">
147            <div class="row">
148                <div class="col-xl-2 col-lg-4 col-md-4 logo-box">
149                    <a href="anasayfa"><img class="logo z-index-9" src="tema/genel/uploads/logo/karstsologo002.png" alt="KARS TİCARET VE SANAYİ ODASI"></a>
150                </div>
151                <div class="col-xl-9 col-lg-7 col-md-4 p-0 position-static">
152                    <ul class="navs">
153                        <li class="header-item has-header-dropdown"><a class="hover-bar" href="#" aria-haspopup="true" aria-expanded="false">KURUMSAL</a>    <div class="header-dropdown bg-red">
154        <img src="tema/genel/uploads/arkaplan/arkaplan21/fotterbnr-20260620161533.png" class="bg-image" alt="">
155        <div class="container">
156            <div class="row py-5">
157                                <div class="col-3 py-3">
158                    <div class="link-box">
159                        <a href="icerik/tarihce">
160                            Tarihçe                        </a>
161                    </div>
162                </div>
163                                <div class="col-3 py-3">
164                    <div class="link-box">
165                        <a href="icerik/misyon-vizyon-ve-degerler">
166                            Misyon- Vizyon,  ve Değerler                        </a>
167                    </div>
168                </div>
169                                <div class="col-3 py-3">
170                    <div class="link-box">
171                        <a href="icerik/baskandan-mesaj">
172                            Başkandan Mesaj                        </a>
173                    </div>
174                </div>
175                                <div class="col-3 py-3">
176                    <div class="link-box">
177                        <a href="icerik/kurumsal-kimlik">
178                            Kurumsal Kimlik                        </a>
179                    </div>
180                </div>
181                                <div class="col-3 py-3">
182                    <div class="link-box">
183                        <a href="profil-kategori/yonetim-kurulu">
184                            Yönetim Kurulu                        </a>
185                    </div>
186                </div>
187                                <div class="col-3 py-3">
188                    <div class="link-box">
189                        <a href="profil-kategori/meclis-uyeleri">
190                            Meclis Üyeleri                        </a>
191                    </div>
192                </div>
193                                <div class="col-3 py-3">
194                    <div class="link-box">
195                        <a href="icerik/komisyon-ve-kurullar">
196                            Komisyon ve Kurullar                        </a>
197                    </div>
198                </div>
199                                <div class="col-3 py-3">
200                    <div class="link-box">
201                        <a href="icerik/organizasyon-semasi">
202                            Organizasyon Şeması                        </a>
203                    </div>
204                </div>
205                                <div class="col-3 py-3">
206                    <div class="link-box">
207                        <a href="profil-kategori/oda-personeli">
208                            Odamız Personeli                        </a>
209                    </div>
210                </div>
211                                <div class="col-3 py-3">
212                    <div class="link-box">
213                        <a href="foto-galeri">
214                            Mevzuat                        </a>
215                    </div>
216                </div>
217                                <div class="col-3 py-3">
218                    <div class="link-box">
219                        <a href="icerik/stratejik-plan">
220                            Stratejik Plan                        </a>
221                    </div>
222                </div>
223                                <div class="col-3 py-3">
224                    <div class="link-box">
225                        <a href="icerik/il-genc-girisimci-kurulu">
226                            İl Genç Girişimci Kurulu                        </a>
227                    </div>
228                </div>
229                                <div class="col-3 py-3">
230                    <div class="link-box">
231                        <a href="sss">
232                            S.S.S                        </a>
233                    </div>
234                </div>
235                                <div class="col-3 py-3">
236                    <div class="link-box">
237                        <a href="icerik/akretide-oda">
238                            Akretide Oda                        </a>
239                    </div>
240                </div>
241                                <div class="col-3 py-3">
242                    <div class="link-box">
243                        <a href="icerik/baskan-hakkinda">
244                            Üyelik ve İştirakler                        </a>
245                    </div>
246                </div>
247                                <div class="col-3 py-3">
248                    <div class="link-box">
249                        <a href="icerik/baskan-hakkinda">
250                            Geçmişten Günümüze Yönetim Kurulu Başkanlarımız                        </a>
251                    </div>
252                </div>
253                                <div class="col-3 py-3">
254                    <div class="link-box">
255                        <a href="icerik/etik-kurallari">
256                            Etik Kuralları                        </a>
257                    </div>
258                </div>
259                                <div class="col-3 py-3">
260                    <div class="link-box">
261                        <a href="icerik/faaliyet-raporlari">
262                            Faaliyet Raporları                        </a>
263                    </div>
264                </div>
265                                <div class="col-3 py-3">
266                    <div class="link-box">
267                        <a href="icerik/ihracat-destek-ofisi">
268                            İhracat Destek Ofisi                        </a>
269                    </div>
270                </div>
271                                <div class="col-3 py-3">
272                    <div class="link-box">
273                        <a href="icerik/is-plani">
274                            İş Planı                        </a>
275                    </div>
276                </div>
277                                <div class="col-3 py-3">
278                    <div class="link-box">
279                        <a href="icerik/kalite-el-kitabi">
280                            Kalite El Kitabı                        </a>
281                    </div>
282                </div>
283                            </div>
284        </div>
285    </div>
286    </li><li class="header-item has-header-dropdown"><a class="hover-bar" href="#" aria-haspopup="true" aria-expanded="false">HİZMETLERİMİZ</a>    <div class="header-dropdown bg-red">
287        <img src="tema/genel/uploads/arkaplan/arkaplan21/fotterbnr-20260620161533.png" class="bg-image" alt="">
288        <div class="container">
289            <div class="row py-5">
290                                <div class="col-3 py-3">
291                    <div class="link-box">
292                        <a href="icerik/ticaret-sicil-islemleri">
293                            Ticaret Sicil İşlemleri                        </a>
294                    </div>
295                </div>
296                                <div class="col-3 py-3">
297                    <div class="link-box">
298                        <a href="icerik/oda-sicil-islemleri">
299                            ODA SİCİL İŞLEMLERİ                        </a>
300                    </div>
301                </div>
302                                <div class="col-3 py-3">
303                    <div class="link-box">
304                        <a href="icerik/kapasite-raporlari">
305                            KAPASİTE RAPORLARI                        </a>
306                    </div>
307                </div>
308                                <div class="col-3 py-3">
309                    <div class="link-box">
310                        <a href="icerik/k-belgeleri">
311                            K BELGELERİ                        </a>
312                    </div>
313                </div>
314                                <div class="col-3 py-3">
315                    <div class="link-box">
316                        <a href="icerik/sigortacilik-levha-kaydi">
317                            SİGORTACILIK LEVHA KAYDI                        </a>
318                    </div>
319                </div>
320                                <div class="col-3 py-3">
321                    <div class="link-box">
322                        <a href="icerik/faaliyet-belgesi">
323                            FAALİYET BELGESİ                        </a>
324                    </div>
325                </div>
326                                <div class="col-3 py-3">
327                    <div class="link-box">
328                        <a href="icerik/mersis">
329                            MERSİS                        </a>
330                    </div>
331                </div>
332                                <div class="col-3 py-3">
333                    <div class="link-box">
334                        <a href="icerik/yerli-mali-belgesi">
335                            YERLİ MALI BELGESİ                        </a>
336                    </div>
337                </div>
338                                <div class="col-3 py-3">
339                    <div class="link-box">
340                        <a href="icerik/fiili-sarfiyat-belgesi">
341                            FİİLİ SARFİYAT BELGESİ                        </a>
342                    </div>
343                </div>
344                                <div class="col-3 py-3">
345                    <div class="link-box">
346                        <a href="icerik/dolasim-belgeleri">
347                            DOLAŞIM BELGESİ                        </a>
348                    </div>
349                </div>
350                                <div class="col-3 py-3">
351                    <div class="link-box">
352                        <a href="icerik/is-makinelerinin-tescili">
353                            İŞ MAKİNALARININ TESCİLİ                        </a>
354                    </div>
355                </div>
356                                <div class="col-3 py-3">
357                    <div class="link-box">
358                        <a href="icerik/onay-hizmetleri">
359                            ONAY HİZMETLERİ                        </a>
360                    </div>
361                </div>
362                                <div class="col-3 py-3">
363                    <div class="link-box">
364                        <a href="icerik/ciraklik-sozlesmesi-onayi">
365                            ÇIRAKLIK SÖZLEŞMESİ ONAYI                        </a>
366                    </div>
367                </div>
368                                <div class="col-3 py-3">
369                    <div class="link-box">
370                        <a href="icerik/kamu-kuruluslari-ile-ilgili-talep">
371                            KAMU KURULUŞLARI İLE İLGİLİ TALEP                        </a>
372                    </div>
373                </div>
374                                <div class="col-3 py-3">
375                    <div class="link-box">
376                        <a href="icerik/oda-hizmet-standartlari">
377                            ODA HİZMET STANDARTLARI                        </a>
378                    </div>
379                </div>
380                                <div class="col-3 py-3">
381                    <div class="link-box">
382                        <a href="icerik/rayic-fiyatlarinin-belirlenmesi">
383                            RAYİÇ BEDELLERİN BELİRLENMESİ                        </a>
384                    </div>
385                </div>
386                                <div class="col-3 py-3">
387                    <div class="link-box">
388                        <a href="icerik/fatura-tasdik-islemleri">
389                            FATURA TASTİK İŞLEMLERİ                        </a>
390                    </div>
391                </div>
392                                <div class="col-3 py-3">
393                    <div class="link-box">
394                        <a href="icerik/turk-mali-belgesi">
395                            TÜRK MALI BELGESİ                        </a>
396                    </div>
397                </div>
398                                <div class="col-3 py-3">
399                    <div class="link-box">
400                        <a href="icerik/uye-kimlik-karti">
401                            ÜYE KİMLİK KARTI                        </a>
402                    </div>
403                </div>
404                                <div class="col-3 py-3">
405                    <div class="link-box">
406                        <a href="icerik/muhtelif-ekspertiz-raporlari">
407                            MUHTELİF EKSPERTİZ RAPORU                        </a>
408                    </div>
409                </div>
410                                <div class="col-3 py-3">
411                    <div class="link-box">
412                        <a href="icerik/imalatci-belgesi">
413                            İMALATCI BELGESİ                        </a>
414                    </div>
415                </div>
416                                <div class="col-3 py-3">
417                    <div class="link-box">
418                        <a href="icerik/bag-kur-ile-ilgili-islemler">
419                            BAĞ-KUR İLE İLGİLİ İŞLEMLER                        </a>
420                    </div>
421                </div>
422                            </div>
423        </div>
424    </div>
425    </li><li class="header-item has-header-dropdown"><a class="hover-bar" href="#" aria-haspopup="true" aria-expanded="false">MESLEK KOMİTELERİ</a>    <div class="header-dropdown bg-red">
426        <img src="tema/genel/uploads/arkaplan/arkaplan21/fotterbnr-20260620161533.png" class="bg-image" alt="">
427        <div class="container">
428            <div class="row py-5">
429                                <div class="col-3 py-3">
430                    <div class="link-box">
431                        <a href="icerik/meslek-komiteleri-nasil-olusur">
432                            MESLEK KOMİTESİ NASIL OLUŞUR                        </a>
433                    </div>
434                </div>
435                                <div class="col-3 py-3">
436                    <div class="link-box">
437                        <a href="icerik/1-meslek-komitesi-uyeleri">
438                            1-MESLEK KOMİTESİ ÜYELERİ                        </a>
439                    </div>
440                </div>
441                                <div class="col-3 py-3">
442                    <div class="link-box">
443                        <a href="icerik/2-meslek-komitesi-uyeleri">
444                            2-MESLEK KOMİTESİ ÜYELERİ                        </a>
445                    </div>
446                </div>
447                                <div class="col-3 py-3">
448                    <div class="link-box">
449                        <a href="icerik/3-meslek-komitesi-uyeleri">
450                            3-MESLEK KOMİTESİ ÜYELERİ                        </a>
451                    </div>
452                </div>
453                                <div class="col-3 py-3">
454                    <div class="link-box">
455                        <a href="icerik/4-meslek-komitesi-uyeleri">
456                            4-MESLEK KOMİTESİ ÜYELERİ                        </a>
457                    </div>
458                </div>
459                                <div class="col-3 py-3">
460                    <div class="link-box">
461                        <a href="icerik/5-meslek-komitesi-uyeleri">
462                            5. MESLEK KOMİTESİ ÜYELERİ                        </a>
463                    </div>
464                </div>
465                                <div class="col-3 py-3">
466                    <div class="link-box">
467                        <a href="icerik/6-meslek-komitesi-uyeleri">
468                            6-MESLEK KOMİTESİ ÜYELERİ                        </a>
469                    </div>
470                </div>
471                                <div class="col-3 py-3">
472                    <div class="link-box">
473                        <a href="icerik/7-meslek-komitesi-uyeleri">
474                            7. MESLEK KOMİTESİ ÜYELERİ                        </a>
475                    </div>
476                </div>
477                                <div class="col-3 py-3">
478                    <div class="link-box">
479                        <a href="icerik/8-meslek-komitesi-uyeleri">
480                            8-MESLEK KOMİTESİ ÜYELERİ                        </a>
481                    </div>
482                </div>
483                                <div class="col-3 py-3">
484                    <div class="link-box">
485                        <a href="icerik/9-meslek-komitesi-uyeleri">
486                            9-MESLEK KOMİTESİ ÜYELERİ                        </a>
487                    </div>
488                </div>
489                                <div class="col-3 py-3">
490                    <div class="link-box">
491                        <a href="icerik/10-meslek-komitesi-uyeleri">
492                            10-MESLEK KOMİTESİ ÜYELERİ                        </a>
493                    </div>
494                </div>
495                            </div>
496        </div>
497    </div>
498    </li><li class="header-item has-header-dropdown"><a class="hover-bar" href="projeler" aria-haspopup="true" aria-expanded="false">PROJELER</a>    <div class="header-dropdown bg-white">
499        <div class="container-fluid">
500            <div class="row">
501                <div class="col-4 py-5 pr-0 right-shadow">
502                    <ul class="header-tabs">
503                                            </ul>
504                </div>
505                <div class="col-8 py-4 position-relative">
506                    <img src="tema/genel/uploads/arkaplan/arkaplan21/fotterbnr-20260620161533.png" class="bg-image" alt="">
507                                    </div>
508            </div>
509        </div>
510    </div>
511    </li><li class="header-item has-header-dropdown"><a class="hover-bar" href="#" aria-haspopup="true" aria-expanded="false">BİLGİ MERKEZİ</a>    <div class="header-dropdown bg-red">
512        <img src="tema/genel/uploads/arkaplan/arkaplan21/fotterbnr-20260620161533.png" class="bg-image" alt="">
513        <div class="container">
514            <div class="row py-5">
515                                <div class="col-3 py-3">
516                    <div class="link-box">
517                        <a href="icerik/destekler">
518                            DESTEKLER                        </a>
519                    </div>
520                </div>
521                                <div class="col-3 py-3">
522                    <div class="link-box">
523                        <a href="https://www.tobb.org.tr/ekonomibulteni/Sayfalar/AnaSayfa.php">
524                            EKONOMİ BÜLTENİ                        </a>
525                    </div>
526                </div>
527                                <div class="col-3 py-3">
528                    <div class="link-box">
529                        <a href="https://ticaret.gov.tr/destekler/ihracat-destekleri">
530                            İHRACAT TEŞFİKLERİ                        </a>
531                    </div>
532                </div>
533                                <div class="col-3 py-3">
534                    <div class="link-box">
535   
535                     <a href="icerik/istatistikler-ekonomik-raporlar">
536                            İSTATİSTİKLER VE EKONOMİ RAPORLARI                        </a>
537                    </div>
538                </div>
539                                <div class="col-3 py-3">
540                    <div class="link-box">
541                        <a href="https://tobb2b.org.tr/">
542                            İŞ BİRLİĞİ TEKLİFLERİ                        </a>
543                    </div>
544                </div>
545                                <div class="col-3 py-3">
546                    <div class="link-box">
547                        <a href="https://www.sanayi.gov.tr/destek-ve-tesvikler/yatirim-tesvik-sistemleri">
548                            TEŞFİK VE YATIRIMLAR                        </a>
549                    </div>
550                </div>
551                                <div class="col-3 py-3">
552                    <div class="link-box">
553                        <a href="icerik/mali-takvim">
554                            MALİ TAKVİM                        </a>
555                    </div>
556                </div>
557                                <div class="col-3 py-3">
558                    <div class="link-box">
559                        <a href="icerik/yararli-baglantilar">
560                            YARARLI BAĞLANTILAR                        </a>
561                    </div>
562                </div>
563                                <div class="col-3 py-3">
564                    <div class="link-box">
565                        <a href="icerik/fiyat-endeksleri">
566                            FİYAT ENDEKSLERİ                        </a>
567                    </div>
568                </div>
569                                <div class="col-3 py-3">
570                    <div class="link-box">
571                        <a href="https://karstso.org.tr/uploads/files/sayfalar/pdf/%C3%BClke%20raporlar%C4%B1/kobilere_yonelik_kilavuz.pdf">
572                            KOBİLERE YÖNELİK UYUM GELİŞTİRME KILAVUZU                        </a>
573                    </div>
574                </div>
575                                <div class="col-3 py-3">
576                    <div class="link-box">
577                        <a href="https://akademi.ticaret.gov.tr/Cms/Index">
578                            SANAL TİCARET AKADEMİSİ                        </a>
579                    </div>
580                </div>
581                                <div class="col-3 py-3">
582                    <div class="link-box">
583                        <a href="icerik/elcilik-ve-konsolosluklar">
584                            ELÇİLİK VE KONSOLOSLUK                        </a>
585                    </div>
586                </div>
587                                <div class="col-3 py-3">
588                    <div class="link-box">
589                        <a href="icerik/odamiz-yayinlari">
590                            ODAMIZ YAYINLARI                        </a>
591                    </div>
592                </div>
593                                <div class="col-3 py-3">
594                    <div class="link-box">
595                        <a href="icerik/uluslararasi-saat-farklari">
596                            ULUSLAR ARASI SAAT FARKLARI                        </a>
597                    </div>
598                </div>
599                                <div class="col-3 py-3">
600                    <div class="link-box">
601                        <a href="https://www.kolayihracat.gov.tr/">
602                            KOLAY İHRACAT                        </a>
603                    </div>
604                </div>
605                                <div class="col-3 py-3">
606                    <div class="link-box">
607                        <a href="https://www.ihracatpusulasi.org.tr/">
608                            TİM-İHRACAT REHBERİ                        </a>
609                    </div>
610                </div>
611                                <div class="col-3 py-3">
612                    <div class="link-box">
613                        <a href="icerik/trafik-ve-alan-kodlari">
614                            TRAFİK VE ALAN KODLARI                        </a>
615                    </div>
616                </div>
617                            </div>
618        </div>
619    </div>
620    </li><li class="header-item"><a class="hover-bar" href="iletisim">İLETİŞİM</a></li>                    </ul>
621                </div>
622                <div class="col-md-1 p-0">
623                    <div class="search-box">
624                        <span class="p-2">
625                            <a href="javascript:void(0)" id="btn-search"><i class="fas fa-search"></i></a>
626                        </span>
627                    </div>
628                </div>
629            </div>
630        </div>
631    </div>
632
633    <div class="header-mobile">
634        <div class="container">
635            <div class="row">
636                <div class="col-4 hamburger-box">
637                    <div id="sidebarCollapse" class="icon">
638                        <div class="hamburger"></div>
639                    </div>
640                </div>
641                <div class="col-4 logo-box">
642                    <a href="anasayfa"><img class="logo" src="tema/genel/uploads/logo/karstsologo002.png" alt="KARS TİCARET VE SANAYİ ODASI"></a>
643                </div>
644                <div class="col-4">
645                    <div class="search-box">
646                        <a href="javascript:void(0)" id="btn-search2"><i class="fas fa-search"></i></a>
647                    </div>
648                </div>
649            </div>
650        </div>
651    </div>
652
653</section>
654
655<nav id="mobile-menu">
656    <div id="dismiss"><i class="fas fa-arrow-left"></i></div>
657    <div class="sidebar-header">
658        <h3>KARS TİCARET VE SANAYİ ODASI</h3>
659    </div>
660    <ul class="list-unstyled components">
661                <li>
662            <a href="#kurumsal" class="drp-mobile-link">KURUMSAL <i class="fa fa-chevron-right float-right"></i></a>
663            <ul class="drp-mobile list-unstyled" id="kurumsal">
664                                <li><a href="icerik/tarihce">Tarihçe</a></li>
665                                <li><a href="icerik/misyon-vizyon-ve-degerler">Misyon- Vizyon,  ve Değerler</a></li>
666                                <li><a href="icerik/baskandan-mesaj">Başkandan Mesaj</a></li>
667                                <li><a href="icerik/kurumsal-kimlik">Kurumsal Kimlik</a></li>
668                                <li><a href="profil-kategori/yonetim-kurulu">Yönetim Kurulu</a></li>
669                                <li><a href="profil-kategori/meclis-uyeleri">Meclis Üyeleri</a></li>
670                                <li><a href="icerik/komisyon-ve-kurullar">Komisyon ve Kurullar</a></li>
671                                <li><a href="icerik/organizasyon-semasi">Organizasyon Şeması</a></li>
672                                <li><a href="profil-kategori/oda-personeli">Odamız Personeli</a></li>
673                                <li><a href="foto-galeri">Mevzuat</a></li>
674                                <li><a href="icerik/stratejik-plan">Stratejik Plan</a></li>
675                                <li><a href="icerik/il-genc-girisimci-kurulu">İl Genç Girişimci Kurulu</a></li>
676                                <li><a href="sss">S.S.S</a></li>
677                                <li><a href="icerik/akretide-oda">Akretide Oda</a></li>
678                                <li><a href="icerik/baskan-hakkinda">Üyelik ve İştirakler</a></li>
679                                <li><a href="icerik/baskan-hakkinda">Geçmişten Günümüze Yönetim Kurulu Başkanlarımız</a></li>
680                                <li><a href="icerik/etik-kurallari">Etik Kuralları</a></li>
681                                <li><a href="icerik/faaliyet-raporlari">Faaliyet Raporları</a></li>
682                                <li><a href="icerik/ihracat-destek-ofisi">İhracat Destek Ofisi</a></li>
683                                <li><a href="icerik/is-plani">İş Planı</a></li>
684                                <li><a href="icerik/kalite-el-kitabi">Kalite El Kitabı</a></li>
685                            </ul>
686        </li>
687                <li>
688            <a href="#hi-zmetleri-mi-z" class="drp-mobile-link">HİZMETLERİMİZ <i class="fa fa-chevron-right float-right"></i></a>
689            <ul class="drp-mobile list-unstyled" id="hi-zmetleri-mi-z">
690                                <li><a href="icerik/ticaret-sicil-islemleri">Ticaret Sicil İşlemleri</a></li>
691                                <li><a href="icerik/oda-sicil-islemleri">ODA SİCİL İŞLEMLERİ</a></li>
692                                <li><a href="icerik/kapasite-raporlari">KAPASİTE RAPORLARI</a></li>
693                                <li><a href="icerik/k-belgeleri">K BELGELERİ</a></li>
694                                <li><a href="icerik/sigortacilik-levha-kaydi">SİGORTACILIK LEVHA KAYDI</a></li>
695                                <li><a href="icerik/faaliyet-belgesi">FAALİYET BELGESİ</a></li>
696                                <li><a href="icerik/mersis">MERSİS</a></li>
697                                <li><a href="icerik/yerli-mali-belgesi">YERLİ MALI BELGESİ</a></li>
698                                <li><a href="icerik/fiili-sarfiyat-belgesi">FİİLİ SARFİYAT BELGESİ</a></li>
699                                <li><a href="icerik/dolasim-belgeleri">DOLAŞIM BELGESİ</a></li>
700                                <li><a href="icerik/is-makinelerinin-tescili">İŞ MAKİNALARININ TESCİLİ</a></li>
701                                <li><a href="icerik/onay-hizmetleri">ONAY HİZMETLERİ</a></li>
702                                <li><a href="icerik/ciraklik-sozlesmesi-onayi">ÇIRAKLIK SÖZLEŞMESİ ONAYI</a></li>
703                                <li><a href="icerik/kamu-kuruluslari-ile-ilgili-talep">KAMU KURULUŞLARI İLE İLGİLİ TALEP</a></li>
704                                <li><a href="icerik/oda-hizmet-standartlari">ODA HİZMET STANDARTLARI</a></li>
705                                <li><a href="icerik/rayic-fiyatlarinin-belirlenmesi">RAYİÇ BEDELLERİN BELİRLENMESİ</a></li>
706                                <li><a href="icerik/fatura-tasdik-islemleri">FATURA TASTİK İŞLEMLERİ</a></li>
707                                <li><a href="icerik/turk-mali-belgesi">TÜRK MALI BELGESİ</a></li>
708                                <li><a href="icerik/uye-kimlik-karti">ÜYE KİMLİK KARTI</a></li>
709                                <li><a href="icerik/muhtelif-ekspertiz-raporlari">MUHTELİF EKSPERTİZ RAPORU</a></li>
710                                <li><a href="icerik/imalatci-belgesi">İMALATCI BELGESİ</a></li>
711                                <li><a href="icerik/bag-kur-ile-ilgili-islemler">BAĞ-KUR İLE İLGİLİ İŞLEMLER</a></li>
712                            </ul>
713        </li>
714                <li>
715            <a href="#meslek-komi-teleri" class="drp-mobile-link">MESLEK KOMİTELERİ <i class="fa fa-chevron-right float-right"></i></a>
716            <ul class="drp-mobile list-unstyled" id="meslek-komi-teleri">
717                                <li><a href="icerik/meslek-komiteleri-nasil-olusur">MESLEK KOMİTESİ NASIL OLUŞUR</a></li>
718                                <li><a href="icerik/1-meslek-komitesi-uyeleri">1-MESLEK KOMİTESİ ÜYELERİ</a></li>
719                                <li><a href="icerik/2-meslek-komitesi-uyeleri">2-MESLEK KOMİTESİ ÜYELERİ</a></li>
720                                <li><a href="icerik/3-meslek-komitesi-uyeleri">3-MESLEK KOMİTESİ ÜYELERİ</a></li>
721                                <li><a href="icerik/4-meslek-komitesi-uyeleri">
7214-MESLEK KOMİTESİ ÜYELERİ</a></li>
722                                <li><a href="icerik/5-meslek-komitesi-uyeleri">5. MESLEK KOMİTESİ ÜYELERİ</a></li>
723                                <li><a href="icerik/6-meslek-komitesi-uyeleri">6-MESLEK KOMİTESİ ÜYELERİ</a></li>
724                                <li><a href="icerik/7-meslek-komitesi-uyeleri">7. MESLEK KOMİTESİ ÜYELERİ</a></li>
725                                <li><a href="icerik/8-meslek-komitesi-uyeleri">8-MESLEK KOMİTESİ ÜYELERİ</a></li>
726                                <li><a href="icerik/9-meslek-komitesi-uyeleri">9-MESLEK KOMİTESİ ÜYELERİ</a></li>
727                                <li><a href="icerik/10-meslek-komitesi-uyeleri">10-MESLEK KOMİTESİ ÜYELERİ</a></li>
728                            </ul>
729        </li>
730                <li><a href="projeler">PROJELER</a></li>
731                <li>
732            <a href="#bi-lgi-merkezi" class="drp-mobile-link">BİLGİ MERKEZİ <i class="fa fa-chevron-right float-right"></i></a>
733            <ul class="drp-mobile list-unstyled" id="bi-lgi-merkezi">
734                                <li><a href="icerik/destekler">DESTEKLER</a></li>
735                                <li><a href="https://www.tobb.org.tr/ekonomibulteni/Sayfalar/AnaSayfa.php">EKONOMİ BÜLTENİ</a></li>
736                                <li><a href="https://ticaret.gov.tr/destekler/ihracat-destekleri">İHRACAT TEŞFİKLERİ</a></li>
737                                <li><a href="icerik/istatistikler-ekonomik-raporlar">İSTATİSTİKLER VE EKONOMİ RAPORLARI</a></li>
738                                <li><a href="https://tobb2b.org.tr/">İŞ BİRLİĞİ TEKLİFLERİ</a></li>
739                                <li><a href="https://www.sanayi.gov.tr/destek-ve-tesvikler/yatirim-tesvik-sistemleri">TEŞFİK VE YATIRIMLAR</a></li>
740                                <li><a href="icerik/mali-takvim">MALİ TAKVİM</a></li>
741                                <li><a href="icerik/yararli-baglantilar">YARARLI BAĞLANTILAR</a></li>
742                                <li><a href="icerik/fiyat-endeksleri">FİYAT ENDEKSLERİ</a></li>
743                                <li><a href="https://karstso.org.tr/uploads/files/sayfalar/pdf/%C3%BClke%20raporlar%C4%B1/kobilere_yonelik_kilavuz.pdf">KOBİLERE YÖNELİK UYUM GELİŞTİRME KILAVUZU</a></li>
744                                <li><a href="https://akademi.ticaret.gov.tr/Cms/Index">SANAL TİCARET AKADEMİSİ</a></li>
745                                <li><a href="icerik/elcilik-ve-konsolosluklar">ELÇİLİK VE KONSOLOSLUK</a></li>
746                                <li><a href="icerik/odamiz-yayinlari">ODAMIZ YAYINLARI</a></li>
747                                <li><a href="icerik/uluslararasi-saat-farklari">ULUSLAR ARASI SAAT FARKLARI</a></li>
748                                <li><a href="https://www.kolayihracat.gov.tr/">KOLAY İHRACAT</a></li>
749                                <li><a href="https://www.ihracatpusulasi.org.tr/">TİM-İHRACAT REHBERİ</a></li>
750                                <li><a href="icerik/trafik-ve-alan-kodlari">TRAFİK VE ALAN KODLARI</a></li>
751                            </ul>
752        </li>
753                <li><a href="iletisim">İLETİŞİM</a></li>
754                <li class="uye-mobile-auth">
755                        <a href="javascript:void(0)" data-uye-giris-modal><i class="fas fa-user-circle"></i> Üye Girişi</a>
756                    </li>
757    </ul>
758</nav>
759
760<div class="overlay"></div>
761        <section class="main mtPc kartso-home" role="main">
762	<style>
763/* =====================================================
764   HABER BÜLTENİ — Premium Layout
765   Sol: Başkan Kartı | Sağ: Haber Slider
766===================================================== */
767@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
768
769.hb-section {
770    margin-top: 0;
771    background: #f0f4f8;
772    width: 100%;
773    position: relative;
774    z-index: 1;
775    padding: 28px 0 32px;
776}
777
778.hb-container {
779    max-width: 100%;
780    padding: 0 20px;
781    margin: 0 auto;
782}
783
784/* Ana satır: Flex ile sol/sağ */
785.hb-main-row {
786    display: flex;
787    gap: 20px;
788    align-items: stretch;
789}
790.hb-main-row.hb-main-row--reverse {
791    flex-direction: row-reverse;
792}
793
794/* =====================
795   SOL: BAŞKAN KARTI
796===================== */
797.hb-baskan-col {
798    flex: 0 0 340px;
799    width: 340px;
800    display: flex;
801    flex-direction: column;
802}
803
804.hb-baskan-card {
805    flex: 1;
806    border-radius: 16px;
807    overflow: hidden;
808    background: #fff;
809    box-shadow: 0 8px 32px rgba(16,48,74,0.14);
810    display: flex;
811    flex-direction: column;
812    transition: transform 0.3s ease, box-shadow 0.3s ease;
813    border: 1px solid rgba(16,48,74,0.07);
814}
815.hb-baskan-card:hover {
816    transform: translateY(-4px);
817    box-shadow: 0 16px 48px rgba(16,48,74,0.2);
818}
819
820/* Kartın üst hero alanı */
821.hb-baskan-hero {
822    position: relative;
823    background: linear-gradient(160deg, #10304a 0%, #e1061b 60%, #304050 100%);
824    padding: 20px 16px 0;
825    overflow: hidden;
826    flex-shrink: 0;
827}
828.hb-baskan-hero::before {
829    content: '';
830    position: absolute;
831    width: 180px; height: 180px;
832    top: -70px; right: -60px;
833    border-radius: 50%;
834    background: rgba(255,255,255,0.07);
835    pointer-events: none;
836}
837.hb-baskan-hero::after {
838    content: '';
839    position: absolute;
840    width: 100px; height: 100px;
841    bottom: 20px; left: -30px;
842    border-radius: 50%;
843    background: rgba(255,255,255,0.05);
844    pointer-events: none;
845}
846
847/* "Oda Başkanı" rozeti */
848.hb-baskan-badge {
849    position: relative;
850    z-index: 2;
851    display: inline-flex;
852    align-items: center;
853    gap: 6px;
854    padding: 5px 14px;
855    font-family: 'Inter', sans-serif;
856    font-size: 9px;
857    font-weight: 800;
858    letter-spacing: 2.5px;
859    text-transform: uppercase;
860    color: #fff;
861    background: rgba(0,0,0,0.25);
862    border: 1px solid rgba(255,255,255,0.3);
863    border-radius: 50px;
864    backdrop-filter: blur(8px);
865    margin-bottom: 14px;
866}
867.hb-baskan-badge::before {
868    content: '';
869    width: 6px; height: 6px;
870    border-radius: 50%;
871    background: #4ade80;
872    box-shadow: 0 0 6px #4ade80;
873    flex-shrink: 0;
874}
875
876/* Fotoğraf çerçevesi */
877.hb-baskan-photo-wrap {
878    position: relative;
879    z-index: 1;
880    width: 100%;
881    height: 260px;
882    border-radius: 12px 12px 0 0;
883    overflow: hidden;
884    border: 3px solid rgba(255,255,255,0.3);
885    border-bottom: none;
886    box-shadow: 0 -8px 30px rgba(0,0,0,0.2);
887}
888.hb-baskan-photo-wrap::after {
889    content: '';
890    position: absolute;
891    inset: 0;
892    background: linear-gradient(180deg,
893        rgba(16,48,74,0.05) 0%,
894        rgba(16,48,74,0.45) 100%);
895    pointer-events: none;
896    z-index: 1;
897}
898.hb-baskan-photo {
899    display: block;
900    width: 100%;
901    height: 100%;
902    object-fit: cover;
903    object-position: center top;
904    transition: transform 0.4s ease;
905}
906.hb-baskan-card:hover .hb-baskan-photo {
907    transform: scale(1.04);
908}
909
910/* Kart gövdesi */
911.hb-baskan-body {
912    flex: 1;
913    display: flex;
914    flex-direction: column;
915    align-items: center;
916    text-align: center;
917    padding: 18px 16px 20px;
918    background: #fff;
919}
920
921.hb-baskan-role {
922    display: inline-block;
923    margin-bottom: 8px;
924    padding: 4px 12px;
925    font-family: 'Inter', sans-serif;
926    font-size: 9px;
927    font-weight: 700;
928    letter-spacing: 0.8px;
929    text-transform: uppercase;
930    color: #e1061b;
931    background: rgba(16,48,74,0.07);
932    border-radius: 50px;
933}
934
935.hb-baskan-name {
936    margin: 0 0 12px;
937    font-family: 'Inter', sans-serif;
938    font-size: 18px;
939    font-weight: 800;
940    color: #10304a;
941    line-height: 1.25;
942    letter-spacing: -0.3px;
943}
944
945.hb-baskan-quote {
946    margin: 0 0 14px;
947    padding: 10px 12px;
948    font-family: 'Inter', sans-serif;
949    font-size: 11.5px;
950    line-height: 1.6;
951    font-style: italic;
952    color: #5c6b7a;
953    background: linear-gradient(90deg, rgba(16,48,74,0.05), rgba(16,48,74,0.01));
954    border-left: 3px solid #e1061b;
955    border-radius: 0 8px 8px 0;
956    width: 100%;
957    text-align: left;
958}
959
960/* Menü linkleri */
961.hb-baskan-links {
962    list-style: none;
963    margin: 0 0 14px;
964    padding: 0;
965    width: 100%;
966}
967.hb-baskan-links li + li { margin-top: 7px; }
968.hb-baskan-links a {
969    display: flex;
970    align-items: center;
971    justify-content: center;
972    gap: 7px;
973    width: 100%;
974    padding: 9px 12px;
975    font-family: 'Inter', sans-serif;
976    font-size: 12px;
977    font-weight: 600;
978    color: #10304a !important;
979    background: #f4f8fc;
980    border: 1px solid #dde8f0;
981    border-radius: 8px;
982    text-decoration: none !important;
983    transition: all 0.22s ease;
984}
985.hb-baskan-links a:hover {
986    color: #fff !important;
987    background: linear-gradient(135deg, #10304a, #e1061b);
988    border-color: transparent;
989    transform: translateX(3px);
990    box-shadow: 0 4px 14px rgba(16,48,74,0.22);
991}
992
993/* CTA butonu */
994.hb-baskan-cta {
995    width: 100%;
996    margin-top: auto;
997    display: flex;
998    align-items: center;
999    justify-content: center;
1000    gap: 8px;
1001    padding: 11px 18px;
1002    font-family: 'Inter', sans-serif;
1003    font-size: 13px;
1004    font-weight: 700;
1005    letter-spacing: 0.3px;
1006    color: #fff !important;
1007    background: linear-gradient(135deg, #10304a 0%, #e1061b 100%);
1008    border-radius: 50px;
1009    text-decoration: none !important;
1010    transition: all 0.25s ease;
1011    box-shadow: 0 6px 20px rgba(16,48,74,0.25);
1012}
1013.hb-baskan-cta:hover {
1014    color: #fff !important;
1015    transform: translateY(-2px);
1016    box-shadow: 0 10px 28px rgba(16,48,74,0.35);
1017}
1018
1019/* =====================
1020   SAĞ: HABER SLİDER
1021===================== */
1022.hb-news-col {
1023    flex: 1;
1024    min-width: 0;
1025    display: flex;
1026    flex-direction: column;
1027}
1028
1029.hb-slider-card {
1030    flex: 1;
1031    border-radius: 16px;
1032    overflow: hidden;
1033    background: #fff;
1034    box-shadow: 0 8px 32px rgba(16,48,74,0.10);
1035    display: flex;
1036    flex-direction: column;
1037    border: 1px solid rgba(16,48,74,0.06);
1038}
1039
1040/* Slide panel */
1041.hb-slide-panel {
1042    position: relative;
1043    flex: 1;
1044    min-height: 380px;
1045    background: #1a2a3a;
1046    overflow: hidden;
1047}
1048
1049.hb-slide {
1050    display: none;
1051    width: 100%;
1052    height: 100%;
1053    min-height: 380px;
1054    position: relative;
1055}
1056.hb-slide.hb-active {
1057    display: flex;
1058    flex-direction: row;
1059}
1060
1061/* Görsel tarafı */
1062.hb-slide-img {
1063    flex: 0 0 55%;
1064    min-height: 380px;
1065    background-size: cover;
1066    background-position: center;
1067    background-color: #1a2a3a;
1068    position: relative;
1069    overflow: hidden;
1070}
1071.hb-slide-img::after {
1072    content: '';
1073    position: absolute;
1074    inset: 0;
1075    background: linear-gradient(90deg,
1076        transparent 55%,
1077        rgba(255,255,255,1) 100%);
1078}
1079
1080/* Metin tarafı */
1081.hb-slide-text {
1082    flex: 0 0 45%;
1083    padding: 32px 28px 48px 24px;
1084    display: flex;
1085    flex-direction: column;
1086    justify-content: center;
1087    background: #fff;
1088    position: relative;
1089}
1090
1091/* Kategori/tarih etiketi */
1092.hb-slide-meta {
1093    display: flex;
1094    align-items: center;
1095    gap: 8px;
1096    margin-bottom: 12px;
1097}
1098.hb-slide-cat {
1099    display: inline-block;
1100    padding: 3px 10px;
1101    font-family: 'Inter', sans-serif;
1102    font-size: 9px;
1103    font-weight: 700;
1104    letter-spacing: 1px;
1105    text-transform: uppercase;
1106    color: #e1061b;
1107    background: rgba(16,48,74,0.08);
1108    border-radius: 50px;
1109}
1110.hb-slide-date {
1111    font-family: 'Inter', sans-serif;
1112    font-size: 11px;
1113    color: #9aabb8;
1114    font-weight: 500;
1115}
1116
1117.hb-slide-title {
1118    font-family: 'Inter', sans-serif;
1119    font-size: 18px;
1120    font-weight: 800;
1121    color: #1a2a3a;
1122    line-height: 1.4;
1123    margin: 0 0 14px;
1124    display: -webkit-box;
1125    -webkit-line-clamp: 3;
1126    -webkit-box-orient: vertical;
1127    overflow: hidden;
1128    letter-spacing: -0.2px;
1129}
1130
1131.hb-slide-desc {
1132    font-family: 'Inter', sans-serif;
1133    font-size: 13.5px;
1134    color: #6b7a8a;
1135    line-height: 1.7;
1136    margin: 0 0 20px;
1137    display: -webkit-box;
1138    -webkit-line-clamp: 4;
1139    -webkit-box-orient: vertical;
1140    overflow: hidden;
1141}
1142
1143/* Alt çizgi aksanı */
1144.hb-slide-text::after {
1145    content: '';
1146    position: absolute;
1147    bottom: 0; left: 0; right: 0;
1148    height: 4px;
1149    background: linear-gradient(90deg, #10304a, #e1061b);
1150}
1151
1152.hb-read-btn {
1153    display: inline-flex;
1154    align-items: center;
1155    gap: 8px;
1156    padding: 10px 22px;
1157    font-family: 'Inter', sans-serif;
1158    font-size: 13px;
1159    font-weight: 700;
1160    color: #fff !important;
1161    background: linear-gradient(135deg, #10304a, #e1061b);
1162    border-radius: 8px;
1163    text-decoration: none !important;
1164    width: fit-content;
1165    transition: all 0.22s ease;
1166    box-shadow: 0 4px 14px rgba(16,48,74,0.22);
1167    letter-spacing: 0.2px;
1168}
1169.hb-read-btn:hover {
1170    color: #fff !important;
1171    transform: translateX(3px);
1172    box-shadow: 0 6px 20px rgba(16,48,74,0.32);
1173}
1174.hb-read-btn::after {
1175    content: '→';
1176    font-size: 14px;
1177    transition: transform 0.2s;
1178}
1179.hb-read-btn:hover::after {
1180    transform: translateX(3px);
1181}
1182
1183/* Thumbnail şeridi */
1184.hb-thumb-strip {
1185    display: flex;
1186    align-items: stretch;
1187    background: #1a2a3a;
1188    min-height: 80px;
1189    flex-shrink: 0;
1190}
1191
1192.hb-thumbs {
1193    display: flex;
1194    flex: 1;
1195    overflow-x: auto;
1196    -webkit-overflow-scrolling: touch;
1197    scrollbar-width: thin;
1198    scrollbar-color: #10304a transparent;
1199}
1200.hb-thumbs::-webkit-scrollbar { height: 3px; }
1201.hb-thumbs::-webkit-scrollbar-thumb { background: #10304a; }
1202
1203.hb-thumb {
1204    flex: 0 0 auto;
1205    width: 100px;
1206    height: 80px;
1207    border: none;
1208    padding: 0;
1209    cursor: pointer;
1210    opacity: 0.5;
1211    transition: opacity 0.2s, box-shadow 0.2s;
1212    background-size: cover;
1213    background-position: center;
1214    border-right: 1px solid rgba(255,255,255,0.08);
1215    position: relative;
1216}
1217.hb-thumb:hover,
1218.hb-thumb.hb-thumb-active {
1219    opacity: 1;
1220}
1221.hb-thumb.hb-thumb-active::after {
1222    content: '';
1223    position: absolute;
1224    bottom: 0; left: 0; right: 0;
1225    height: 3px;
1226    background: linear-gradient(90deg, #10304a, #e1061b);
1227}
1228
1229.hb-all-news {
1230    flex: 0 0 auto;
1231    display: flex;
1232    flex-direction: column;
1233    align-items: center;
1234    justify-content: center;
1235    padding: 0 20px;
1236    background: linear-gradient(135deg, #10304a, #e1061b);
1237    color: #fff !important;
1238    font-family: 'Inter', sans-serif;
1239    font-size: 11px;
1240    font-weight: 700;
1241    text-decoration: none !important;
1242    white-space: nowrap;
1243    gap: 4px;
1244    letter-spacing: 0.5px;
1245    text-transform: uppercase;
1246    transition: opacity 0.2s;
1247    min-width: 80px;
1248}
1249.hb-all-news:hover { opacity: 0.88; color: #fff !important; }
1250.hb-all-news-icon { font-size: 18px; }
1251
1252/* Responsive */
1253@media (max-width: 1199px) {
1254    .hb-baskan-col { flex: 0 0 300px; width: 300px; }
1255    .hb-baskan-photo-wrap { height: 260px; }
1256}
1257@media (max-width: 991px) {
1258    .hb-main-row {
1259        flex-direction: column;
1260        gap: 16px;
1261    }
1262    .hb-baskan-col {
1263        flex: none;
1264        width: 100%;
1265    }
1266    .hb-baskan-photo-wrap { height: 280px; }
1267    .hb-baskan-body { flex-direction: row; flex-wrap: wrap; align-items: flex-start; gap: 12px; }
1268    .hb-baskan-role, .hb-baskan-name { width: 100%; }
1269    .hb-baskan-quote { flex: 1 1 55%; min-width: 200px; }
1270    .hb-baskan-links { flex: 1 1 35%; min-width: 180px; margin: 0; }
1271    .hb-baskan-cta { flex: 1 1 100%; }
1272    .hb-slide-img { flex: 0 0 50%; }
1273    .hb-slide-text { padding: 24px 20px 44px; }
1274}
1275@media (max-width: 767px) {
1276    .hb-section { padding: 16px 0 20px; }
1277    .hb-container { padding: 0 12px; }
1278    .hb-main-row { gap: 12px; }
1279    .hb-baskan-body {
1280        flex-direction: column;
1281        align-items: center;
1282    }
1283    .hb-baskan-quote, .hb-baskan-links, .hb-baskan-cta { flex: none; width: 100%; }
1284    .hb-baskan-photo-wrap { height: 240px; }
1285    /* Slider mobil: dikey düzen */
1286    .hb-slide.hb-active { flex-direction: column; }
1287    .hb-slide-img {
1288        flex: none;
1289        width: 100%;
1290        min-height: 200px;
1291        max-height: 240px;
1292    }
1293    .hb-slide-img::after { display: none; }
1294    .hb-slide-text {
1295        flex: none;
1296        width: 100%;
1297        padding: 18px 16px 36px;
1298    }
1299    .hb-slide-panel, .hb-slide { min-height: auto; }
1300    .hb-slide-title { font-size: 15px; -webkit-line-clamp: 2; }
1301    .hb-slide-desc { -webkit-line-clamp: 3; font-size: 12.5px; }
1302    .hb-thumb { width: 72px; height: 60px; }
1303}
1304</style>
1305
1306<section class="hb-section">
1307    <div class="hb-container">
1308        <div class="hb-main-row">
1309
1310            <!-- SOL: BAŞKAN KARTI -->
1311                        <div class="hb-baskan-col">
1312                <div class="hb-baskan-card">
1313                    <div class="hb-baskan-hero">
1314                        <div class="hb-baskan-badge">Oda Başkanı</div>
1315                        <div class="hb-baskan-photo-wrap">
1316                            <img class="hb-baskan-photo"
1317                                 src="tema/genel/uploads/baskan/WhatsApp-Gorsel-2025-02-03-saat-10.58.16_8172bd6f.jpg"
1318                                 alt="KADİR BOZAN">
1319                        </div>
1320                    </div>
1321                    <div class="hb-baskan-body">
1322                        <span class="hb-baskan-role">Yönetim Kurulu Başkanı</span>
1323                        <h2 class="hb-baskan-name">KADİR BOZAN</h2>
1324                                                                        <ul class="hb-baskan-links">
1325                                                        <li>
1326                                <a                                    href="icerik/baskan-hakkinda">
1327                                     Başkan Özgeçmiş                                </a>
1328                            </li>
1329                                                    </ul>
1330                                                <a href="icerik/baskandan-mesaj.html" class="hb-baskan-cta">
1331                            <i class="fal fa-envelope"></i> Başkandan Mesaj
1332                        </a>
1333                    </div>
1334                </div>
1335            </div>
1336            
1337            <!-- SAĞ: HABER SLİDER -->
1338                        <div class="hb-news-col">
1339                <div class="hb-slider-card">
1340                    <div class="hb-slide-panel" id="hbSlidePanel">
1341                                                <div class="hb-slide hb-active" data-index="0">
1342                            <div class="hb-slide-img" style="background-image:url(tema/genel/uploads/haberler/WhatsApp_Image_2026-09-17_at_09.27.20.jpeg);"></div>
1343                            <div class="hb-slide-text">
1344                                <div class="hb-slide-meta">
1345                                    <span class="hb-slide-cat">Haber</span>
1346                                    <span class="hb-slide-date">15.09.2026</span>                                </div>
1347                                <h3 class="hb-slide-title">Kars Ticaret ve Sanayi Odası Organ Seçimleri 2 Ekim’de Yapılacak</h3>
1348                                <p class="hb-slide-desc">Kars Ticaret ve Sanayi Odası Organ Se&ccedil;imleri 2 Ekim&rsquo;de Yapılacak
1349Kars Ticaret ve Sanayi Odası organ se&ccedil;imleri, 2 Ekim 2026 Cuma g&uuml;n&uuml; saat 09.00&ndash;17.00 arasında Kars Halk Eğitimi Merkez</p>
1350                                <a href="haber/kars-ticaret-ve-sanayi-odası-organ-seçimleri-2-ekim-de-yapılacak" class="hb-read-btn">Devamını Oku</a>
1351                            </div>
1352                        </div>
1353                                                <div class="hb-slide" data-index="1">
1354                            <div class="hb-slide-img" style="background-image:url(tema/genel/uploads/haberler/1.jpg);"></div>
1355                            <div class="hb-slide-text">
1356                                <div class="hb-slide-meta">
1357                                    <span class="hb-slide-cat">Haber</span>
1358                                    <span class="hb-slide-date">22.06.2026</span>                                </div>
1359                                <h3 class="hb-slide-title">KARS TİCARET VE SANAYİ ODASI BAŞKANLIĞINA KADİR BOZAN SEÇİLDİ</h3>
1360                                <p class="hb-slide-desc">Kadir Bozan Kars Ticaret ve Sanayi Odası(KATSO) başkanlığına seçildi</p>
1361                                <a href="haber/kars-ticaret-ve-sanayi-odasi-başkanliğina-kadir-bozan-seçildi" class="hb-read-btn">Devamını Oku</a>
1362                            </div>
1363                        </div>
1364                                                <div class="hb-slide" data-index="2">
1365                            <div class="hb-slide-img" style="background-image:url(tema/genel/uploads/haberler/595685290_1314880917348404_8076985872092987302_n.jpg);"></div>
1366                            <div class="hb-slide-text">
1367                                <div class="hb-slide-meta">
1368                                    <span class="hb-slide-cat">Haber</span>
1369                                    <span class="hb-slide-date">15.12.2025</span>                                </div>
1370                                <h3 class="hb-slide-title">KADİR BOZAN’DAN AZERBAYCAN PROGRAMI SONRASI İŞ DÜNYASINA VE PAYDAŞLARA TEŞEKKÜR MESAJI</h3>
1371                                <p class="hb-slide-desc">Azerbaycan’a gerçekleştirdiğimiz iş ziyaretimizi başarıyla tamamladık. Bu ziyaret; yalnızca birkaç gün süren bir seyahat değil, Kars iş dünyamız adına uzun süredir yürüttüğümüz çalışmanın somut bir çıktısı niteliğindedir</p>
1372                                <a href="haber/kadir-bozan-dan-azerbaycan-programi-sonrasi-is-dunyasina-ve-paydaslara-tesekkur-mesaji" class="hb-read-btn">Devamını Oku</a>
1373                            </div>
1374                        </div>
1375                                                <div class="hb-slide" data-index="3">
1376                            <div class="hb-slide-img" style="background-image:url(tema/genel/uploads/haberler/595286134_1313081487528347_9185505932153223228_n.jpg);"></div>
1377                            <div class="hb-slide-text">
1378                                <div class="hb-slide-meta">
1379                                    <span class="hb-slide-cat">Haber</span>
1380                                    <span class="hb-slide-date">15.12.2025</span>                                </div>
1381                                <h3 class="hb-slide-title">KARSTSO ÜYELERİ KARABAĞ BÖLGESİNDE İNCELEMELERDE BULUNDU</h3>
1382                                <p class="hb-slide-desc">Başkanımız Kadir Bozan öncülüğünde Karabağ bölgesinde saha incelemelerinde bulunduk.</p>
1383                                <a href="haber/karstso-uyeleri-karabag-bolgesinde-incelemelerde-bulundu" class="hb-read-btn">Devamını Oku</a>
1384                            </div>
1385                        </div>
1386                                                <div class="hb-slide" data-index="4">
1387                            <div class="hb-slide-img" style="background-image:url(tema/genel/uploads/haberler/592974749_1312597684243394_5840737631033247040_n.jpg);"></div>
1388                            <div class="hb-slide-text">
1389                                <div class="hb-slide-meta">
1390                                    <span class="hb-slide-cat">Haber</span>
1391                                    <span class="hb-slide-date">15.12.2025</span>                                </div>
1392                                <h3 class="hb-slide-title">KARSTSO DAN KOBİA'YA ZİYARET</h3>
1393                                <p class="hb-slide-desc">Kars Ticaret ve Sanayi Odası heyeti, Yönetim Kurulu Başkanımız Sayın Kadir Bozan başkanlığında Azerbaycan Küçük ve Orta İşletmelerin Gelişimi Ajansı (KOBİA)’yı ziyaret etti.</p>
1394                                <a href="haber/karstso-dan-kobia-ya-ziyaret" class="hb-read-btn">Devamını Oku</a>
1395                            </div>
1396                        </div>
1397                                                <div class="hb-slide" data-index="5">
1398                            <div class="hb-slide-img" style="background-image:url(tema/genel/uploads/haberler/591738950_1310808391088990_30892598104
13981169568_n.jpg);"></div>
1399                            <div class="hb-slide-text">
1400                                <div class="hb-slide-meta">
1401                                    <span class="hb-slide-cat">Haber</span>
1402                                    <span class="hb-slide-date">15.12.2025</span>                                </div>
1403                                <h3 class="hb-slide-title">Kars Heyeti, Nahçıvan’da Düzenlenen 2. Türkiye–Azerbaycan Bölgesel İktisadi Forumuna Güçlü Katılım Sağladı</h3>
1404                                <p class="hb-slide-desc">Odamız ile Azerbaycan Cumhuriyeti Küçük ve Orta İşletmelerin Gelişimi Ajansı (KOBİA) işbirliğinde Nahçıvan’da düzenlenen “2. Türkiye–Azerbaycan Bölgesel İktisadi Forumu”na, Kars’tan çok güçlü bir katılım gerçekleşti. Kar</p>
1405                                <a href="haber/kars-heyeti-nahcivan-da-duzenlenen-2-turkiye-azerbaycan-bolgesel-iktisadi-forumuna-guclu-katilim-sagladi" class="hb-read-btn">Devamını Oku</a>
1406                            </div>
1407                        </div>
1408                                                <div class="hb-slide" data-index="6">
1409                            <div class="hb-slide-img" style="background-image:url(tema/genel/uploads/haberler/572228999_1283363357166827_1207680478354358377_n.jpg);"></div>
1410                            <div class="hb-slide-text">
1411                                <div class="hb-slide-meta">
1412                                    <span class="hb-slide-cat">Haber</span>
1413                                    <span class="hb-slide-date">15.12.2025</span>                                </div>
1414                                <h3 class="hb-slide-title">Yönetim Kurulu Başkanımız Kadir BOZAN, MÜSİAD tarafından düzenlenen “İhracat Odaklı Katma Değerli Endüstriyel Üretim Zirvesi” programına konuşmacı olarak katıldı.</h3>
1415                                <p class="hb-slide-desc">Yönetim Kurulu Başkanımız Kadir BOZAN, MÜSİAD tarafından düzenlenen “İhracat Odaklı Katma Değerli Endüstriyel Üretim Zirvesi” programına konuşmacı olarak katıldı.</p>
1416                                <a href="haber/yonetim-kurulu-baskanimiz-kadir-bozan-musiad-tarafindan-duzenlenen-ihracat-odakli-katma-degerli-endustriyel-uretim-zirvesi-programina-konusmaci-olarak-katildi" class="hb-read-btn">Devamını Oku</a>
1417                            </div>
1418                        </div>
1419                                                <div class="hb-slide" data-index="7">
1420                            <div class="hb-slide-img" style="background-image:url(tema/genel/uploads/haberler/597081061_1315292850640544_3940682450025551967_n.jpg);"></div>
1421                            <div class="hb-slide-text">
1422                                <div class="hb-slide-meta">
1423                                    <span class="hb-slide-cat">Haber</span>
1424                                    <span class="hb-slide-date">15.12.2025</span>                                </div>
1425                                <h3 class="hb-slide-title">BÖLGE ODA BAŞKANLARINDAN KADİR BOZAN'A ZİYARET</h3>
1426                                <p class="hb-slide-desc">Iğdır Ticaret ve Sanayi Odası Başkanı Kamil Arslan ile Ardahan Ticaret ve Sanayi Odası Başkanı Çetin Demirci, Yönetim Kurulu Başkanımız Sayın Kadir Bozan’ı makamında ziyaret etti.</p>
1427                                <a href="haber/bolge-oda-baskanlarindan-kadir-bozan-a-ziyaret" class="hb-read-btn">Devamını Oku</a>
1428                            </div>
1429                        </div>
1430                                                <div class="hb-slide" data-index="8">
1431                            <div class="hb-slide-img" style="background-image:url(tema/genel/uploads/haberler/WhatsApp-Image-2025-09-19-at-16.23.52.jpeg);"></div>
1432                            <div class="hb-slide-text">
1433                                <div class="hb-slide-meta">
1434                                    <span class="hb-slide-cat">Haber</span>
1435                                    <span class="hb-slide-date">16.10.2025</span>                                </div>
1436                                <h3 class="hb-slide-title">KARS’A TOBB’DAN BÜYÜK EĞİTİM YATIRIMI: 24 DERSLİKLİ TOBB OKULU SONA YAKLAŞIYOR</h3>
1437                                <p class="hb-slide-desc">Kars Ticaret ve Sanayi Odası Yönetim Kurulu Başkanı Kadir Bozan, Türkiye Odalar ve Borsalar Birliği (TOBB) tarafından ilimize kazandırılmakta olan 24 derslikli TOBB Okulu inşaatında incelemelerde bulundu.</p>
1438                                <a href="haber/kars-a-tobb-dan-buyuk-egitim-yatirimi-24-derslikli-tobb-okulu-sona-yaklasiyor" class="hb-read-btn">Devamını Oku</a>
1439                            </div>
1440                        </div>
1441                                                <div class="hb-slide" data-index="9">
1442                            <div class="hb-slide-img" style="background-image:url(tema/genel/uploads/haberler/WhatsApp-Image-2025-09-27-at-18.17.41.jpeg);"></div>
1443                            <div class="hb-slide-text">
1444                                <div class="hb-slide-meta">
1445                                    <span class="hb-slide-cat">Haber</span>
1446                                    <span class="hb-slide-date">09.10.2025</span>                                </div>
1447                                <h3 class="hb-slide-title">ANADOLU BULUŞMALARI’NDA KARS VE ARDAHAN’IN EKONOMİK GELECEĞİ MASAYA YATIRILDI</h3>
1448                                <p class="hb-slide-desc">İhlas Medya Grubu bünyesindeki Türkiye’de İş Dünyası Dergisi tarafından düzenlenen “Anadolu Buluşmaları” programı, bu kez Ardahan Ticaret ve Sanayi Odası ev sahipliğinde Ardahan’da gerçekleştirildi. Bölgenin ekonomik pot</p>
1449                                <a href="haber/anadolu-bulusmalari-nda-kars-ve-ardahan-in-ekonomik-gelecegi-masaya-yatirildi" class="hb-read-btn">Devamını Oku</a>
1450                            </div>
1451                        </div>
1452                                                <div class="hb-slide" data-index="10">
1453                            <div class="hb-slide-img" style="background-image:url(tema/genel/uploads/haberler/WhatsApp-Image-2025-10-02-at-21.24.15.jpeg);"></div>
1454                            <div class="hb-slide-text">
1455                                <div class="hb-slide-meta">
1456                                    <span class="hb-slide-cat">Haber</span>
1457                                    <span class="hb-slide-date">09.10.2025</span>                                </div>
1458                                <h3 class="hb-slide-title">KADIN GİRİŞİMCİLİĞİNDE YENİ BİR DÖNÜM NOKTASI: “SERHAT’TA İZ BIRAKANLAR İŞ ZİRVESİ” KARS’TA GERÇEKLEŞTİRİLDİ</h3>
1459                                <p class="hb-slide-desc">Kars Ticaret ve Sanayi Odası ile TOBB Kars Kadın Girişimciler Kurulu ev sahipliğinde düzenlenen “Serhat’ta İz Bırakanlar İş Zirvesi”, Doğu Anadolu’nun girişimcilik ekosistemine yön verecek tarihi bir buluşmaya sahne oldu</p>
1460                                <a href="haber/kadin-girisimciliginde-yeni-bir-donum-noktasi-serhat-ta-iz-birakanlar-is-zirvesi-kars-ta-gerceklestirildi" class="hb-read-btn">Devamını Oku</a>
1461                            </div>
1462                        </div>
1463                                                <div class="hb-slide" data-index="11">
1464                            <div class="hb-slide-img" style="background-image:url(tema/genel/uploads/haberler/WhatsApp-Image-2025-06-17-at-23.53.23.jpeg);"></div>
1465                            <div class="hb-slide-text">
1466                                <div class="hb-slide-meta">
1467                                    <span class="hb-slide-cat">Haber</span>
1468                                    <span class="hb-slide-date">23.06.2025</span>                                </div>
1469                                <h3 class="hb-slide-title">KARS’TA BİR İLK: SERHAT İLLERİ BÖLGESEL EKONOMİK FORUMU BAŞARIYLA GERÇEKLEŞTİRİLDİ</h3>
1470                                <p class="hb-slide-desc">Kars Ticaret ve Sanayi Odası’nın ev sahipliğinde ve Azerbaycan Küçük ve Orta Ölçekli İşletmelerin Gelişimi Ajansı (KOBİA) iş birliğiyle düzenlenen Serhat İlleri Bölgesel Ekonomik Forumu, Kars’ta ilk kez gerçekleştirildi.</p>
1471                                <a href="haber/kars-ta-bir-ilk-serhat-illeri-bolgesel-ekonomik-forumu-basariyla-gerceklestirildi" class="hb-read-btn">Devamını Oku</a>
1472                            </div>
1473                        </div>
1474                                                <div class="hb-slide" data-index="12">
1475                            <div class="hb-slide-img" style="background-image:url(tema/genel/uploads/haberler/508012783_1169881188515045_4115978287500344115_n.jpg);"></div>
1476                            <div class="hb-slide-text">
1477                                <div class="hb-slide-meta">
1478                                    <span class="hb-slide-cat">Haber</span>
1479                                    <span class="hb-slide-date">23.06.2025</span>                                </div>
1480                                <h3 class="hb-slide-title">Azerbaycan KOBİA Başkanı Orhan Memmedov’dan Odamıza Ziyaret</h3>
1481                                <p class="hb-slide-desc">Azerbaycan Küçük ve Orta Ölçekli İşletmelerin Gelişimi Ajansı (KOBİA) Başkanı Sayın Orhan Memmedov, Odamızı ziyaret etti.</p>
1482                                <a href="haber/azerbaycan-kobia-baskani-orhan-memmedov-dan-odamiza-ziyaret" class="hb-read-btn">Devamını Oku</a>
1483                            </div>
1484                        </div>
1485                                                <div class="hb-slide" data-index="13">
1486                            <div class="hb-slide-img" style="background-image:url(tema/genel/uploads/haberler/sonuclandırdığım.jpg);"></div>
1487                            <div class="hb-slide-text">
1488                                <div class="hb-slide-meta">
1489                                    <span class="hb-slide-cat">Haber</span>
1490                                    <span class="hb-slide-date">23.05.2025</span>                                </div>
1491                                <h3 class="hb-slide-title">BAŞKAN BOZAN EKONOMİ ŞURASINA KATILDI "Kars İş Dünyasının Taleplerini Dile Getirdi"</h3>
1492                                <p class="hb-slide-desc">Türkiye Odalar ve Borsalar Birliği’nin (TOBB) organize ettiği Türkiye Ekonomi Şurası, TOBB Başkanı M. Rifat Hisarcıklıoğlu’nun ev sahipliğinde, Cumhurbaşkanı Yardımcısı Cevdet Yılmaz, ilgili Bakanlar ve Oda/Borsa Başkanl</p>
1493                                <a href="haber/baskan-bozan-ekonomi-surasina-katildi-kars-is-dunyasinin-taleplerini-dile-getirdi" class="hb-read-btn">Devamını Oku</a>
1494                            </div>
1495                        </div>
1496                                                <div class="hb-slide" data-index="14">
1497                            <div class="hb-slide-img" style="background-image:url(tema/genel/uploads/haberler/WhatsApp-Image-2025-04-30-at-18.55.02-19.jpeg);"></div>
1498                            <div class="hb-slide-text">
1499                                <div class="hb-slide-meta">
1500                                    <span class="hb-slide-cat">Haber</span>
1501                                    <span class="hb-slide-date">02.05.2025</span>                                </div>
1502                                <h3 class="hb-slide-title">KARS TİCARET VE SANAYİ ODASI NİSAN AYI MECLİS TOPLANTISI YAPILDI</h3>
1503                                <p class="hb-slide-desc">Kars Ticaret ve Sanayi Odası (KATSO), 30 Nisan 2025 tarihinde Nisan Ayı Olağan Meclis Toplantısını gerçekleştirdi. KATSO Meclis Salonu’nda düzenlenen toplantıya, Meclis Başkanı İdris Acay, Yönetim Kurulu Başkanı Kadir Bo</p>
1504                                <a href="haber/kars-ticaret-ve-sanayi-odasi-nisan-ayi-meclis-toplantisi-yapildi" class="hb-read-btn">Devamını Oku</a>
1505                            </div>
1506                        </div>
1507                                            </div>
1508
1509                    <!-- Thumbnail şeridi -->
1510                    <div class="hb-thumb-strip">
1511                        <div class="hb-thumbs" id="hbThumbs">
1512                                                        <button type="button"
1513                                    class="hb-thumb hb-thumb-active"
1514                                    data-index="0"
1515                                    style="background-image:url(tema/genel/uploads/haberler/WhatsApp_Image_2026-09-17_at_09.27.20.jpeg);"
1516                                    title="Kars Ticaret ve Sanayi Odası Organ Seçimleri 2 Ekim’de Yapılacak"
1517                                    aria-label="Kars Ticaret ve Sanayi Odası Organ Seçimleri 2 Ekim’de Yapılacak">
1518                            </button>
1519                                                        <button type="button"
1520                                    class="hb-thumb"
1521                                    data-index="1"
1522                                    style="background-image:url(tema/genel/uploads/haberler/1.jpg);"
1523                                    title="KARS TİCARET VE SANAYİ ODASI BAŞKANLIĞINA KADİR BOZAN SEÇİLDİ"
1524                                    aria-label="KARS TİCARET VE SANAYİ ODASI BAŞKANLIĞINA KADİR BOZAN SEÇİLDİ">
1525                            </button>
1526                                                        <button type="button"
1527                                    class="hb-thumb"
1528                                    data-index="2"
1529                                    style="background-image:url(tema/genel/uploads/haberler/595685290_1314880917348404_8076985872092987302_n.jpg);"
1530                                    title="KADİR BOZAN’DAN AZERBAYCAN PROGRAMI SONRASI İŞ DÜNYASINA VE PAYDAŞLARA TEŞEKKÜR MESAJI"
1531                                    aria-label="KADİR BOZAN’DAN AZERBAYCAN PROGRAMI SONRASI İŞ DÜNYASINA VE PAYDAŞLARA TEŞEKKÜR MESAJI">
1532                            </button>
1533                                                        <button type="button"
1534                                    class="hb-thumb"
1535                                    data-index="3"
1536                                    style="background-image:url(tema/genel/uploads/haberler/595286134_1313081487528347_9185505932153223228_n.jpg);"
1537                                    title="KARSTSO ÜYELERİ KARABAĞ BÖLGESİNDE İNCELEMELERDE BULUNDU"
1538                                    aria-label="KARSTSO ÜYELERİ KARABAĞ BÖLGESİNDE İNCELEMELERDE BULUNDU">
1539                            </button>
1540                                                        <button type="button"
1541                                    class="hb-thumb"
1542                                    data-index="4"
1543                                    style="background-image:url(tema/genel/uploads/haberler/592974749_1312597684243394_5840737631033247040_n.jpg);"
1544                                    title="KARSTSO DAN KOBİA'YA ZİYARET"
1545                                    aria-label="KARSTSO DAN KOBİA'YA ZİYARET">
1546                            </button>
1547                                                        <button type="button"
1548                                    class="hb-thumb"
1549                                    data-index="5"
1550                                    style="background-image:url(tema/genel/uploads/haberler/591738950_1310808391088990_30892598104
15501169568_n.jpg);"
1551                                    title="Kars Heyeti, Nahçıvan’da Düzenlenen 2. Türkiye–Azerbaycan Bölgesel İktisadi Forumuna Güçlü Katılım Sağladı"
1552                                    aria-label="Kars Heyeti, Nahçıvan’da Düzenlenen 2. Türkiye–Azerbaycan Bölgesel İktisadi Forumuna Güçlü Katılım Sağladı">
1553                            </button>
1554                                                        <button type="button"
1555                                    class="hb-thumb"
1556                                    data-index="6"
1557                                    style="background-image:url(tema/genel/uploads/haberler/572228999_1283363357166827_1207680478354358377_n.jpg);"
1558                                    title="Yönetim Kurulu Başkanımız Kadir BOZAN, MÜSİAD tarafından düzenlenen “İhracat Odaklı Katma Değerli Endüstriyel Üretim Zirvesi” programına konuşmacı olarak katıldı."
1559                                    aria-label="Yönetim Kurulu Başkanımız Kadir BOZAN, MÜSİAD tarafından düzenlenen “İhracat Odaklı Katma Değerli Endüstriyel Üretim Zirvesi” programına konuşmacı olarak katıldı.">
1560                            </button>
1561                                                        <button type="button"
1562                                    class="hb-thumb"
1563                                    data-index="7"
1564                                    style="background-image:url(tema/genel/uploads/haberler/597081061_1315292850640544_3940682450025551967_n.jpg);"
1565                                    title="BÖLGE ODA BAŞKANLARINDAN KADİR BOZAN'A ZİYARET"
1566                                    aria-label="BÖLGE ODA BAŞKANLARINDAN KADİR BOZAN'A ZİYARET">
1567                            </button>
1568                                                        <button type="button"
1569                                    class="hb-thumb"
1570                                    data-index="8"
1571                                    style="background-image:url(tema/genel/uploads/haberler/WhatsApp-Image-2025-09-19-at-16.23.52.jpeg);"
1572                                    title="KARS’A TOBB’DAN BÜYÜK EĞİTİM YATIRIMI: 24 DERSLİKLİ TOBB OKULU SONA YAKLAŞIYOR"
1573                                    aria-label="KARS’A TOBB’DAN BÜYÜK EĞİTİM YATIRIMI: 24 DERSLİKLİ TOBB OKULU SONA YAKLAŞIYOR">
1574                            </button>
1575                                                        <button type="button"
1576                                    class="hb-thumb"
1577                                    data-index="9"
1578                                    style="background-image:url(tema/genel/uploads/haberler/WhatsApp-Image-2025-09-27-at-18.17.41.jpeg);"
1579                                    title="ANADOLU BULUŞMALARI’NDA KARS VE ARDAHAN’IN EKONOMİK GELECEĞİ MASAYA YATIRILDI"
1580                                    aria-label="ANADOLU BULUŞMALARI’NDA KARS VE ARDAHAN’IN EKONOMİK GELECEĞİ MASAYA YATIRILDI">
1581                            </button>
1582                                                        <button type="button"
1583                                    class="hb-thumb"
1584                                    data-index="10"
1585                                    style="background-image:url(tema/genel/uploads/haberler/WhatsApp-Image-2025-10-02-at-21.24.15.jpeg);"
1586                                    title="KADIN GİRİŞİMCİLİĞİNDE YENİ BİR DÖNÜM NOKTASI: “SERHAT’TA İZ BIRAKANLAR İŞ ZİRVESİ” KARS’TA GERÇEKLEŞTİRİLDİ"
1587                                    aria-label="KADIN GİRİŞİMCİLİĞİNDE YENİ BİR DÖNÜM NOKTASI: “SERHAT’TA İZ BIRAKANLAR İŞ ZİRVESİ” KARS’TA GERÇEKLEŞTİRİLDİ">
1588                            </button>
1589                                                        <button type="button"
1590                                    class="hb-thumb"
1591                                    data-index="11"
1592                                    style="background-image:url(tema/genel/uploads/haberler/WhatsApp-Image-2025-06-17-at-23.53.23.jpeg);"
1593                                    title="KARS’TA BİR İLK: SERHAT İLLERİ BÖLGESEL EKONOMİK FORUMU BAŞARIYLA GERÇEKLEŞTİRİLDİ"
1594                                    aria-label="KARS’TA BİR İLK: SERHAT İLLERİ BÖLGESEL EKONOMİK FORUMU BAŞARIYLA GERÇEKLEŞTİRİLDİ">
1595                            </button>
1596                                                        <button type="button"
1597                                    class="hb-thumb"
1598                                    data-index="12"
1599                                    style="background-image:url(tema/genel/uploads/haberler/508012783_1169881188515045_4115978287500344115_n.jpg);"
1600                                    title="Azerbaycan KOBİA Başkanı Orhan Memmedov’dan Odamıza Ziyaret"
1601                                    aria-label="Azerbaycan KOBİA Başkanı Orhan Memmedov’dan Odamıza Ziyaret">
1602                            </button>
1603                                                        <button type="button"
1604                                    class="hb-thumb"
1605                                    data-index="13"
1606                                    style="background-image:url(tema/genel/uploads/haberler/sonuclandırdığım.jpg);"
1607                                    title="BAŞKAN BOZAN EKONOMİ ŞURASINA KATILDI &quot;Kars İş Dünyasının Taleplerini Dile Getirdi&quot;"
1608                                    aria-label="BAŞKAN BOZAN EKONOMİ ŞURASINA KATILDI &quot;Kars İş Dünyasının Taleplerini Dile Getirdi&quot;">
1609                            </button>
1610                                                        <button type="button"
1611                                    class="hb-thumb"
1612                                    data-index="14"
1613                                    style="background-image:url(tema/genel/uploads/haberler/WhatsApp-Image-2025-04-30-at-18.55.02-19.jpeg);"
1614                                    title="KARS TİCARET VE SANAYİ ODASI NİSAN AYI MECLİS TOPLANTISI YAPILDI"
1615                                    aria-label="KARS TİCARET VE SANAYİ ODASI NİSAN AYI MECLİS TOPLANTISI YAPILDI">
1616                            </button>
1617                                                    </div>
1618                        <a href="haberler" class="hb-all-news">
1619                            <span class="hb-all-news-icon"><i class="fal fa-newspaper"></i></span>
1620                            <span>Tüm<br>Haberler</span>
1621                        </a>
1622                    </div>
1623                </div>
1624            </div>
1625            
1626        </div>
1627    </div>
1628</section>
1629
1630<script>
1631(function(){
1632    var slides = document.querySelectorAll('#hbSlidePanel .hb-slide');
1633    var thumbs = document.querySelectorAll('#hbThumbs .hb-thumb');
1634    if (!slides.length) return;
1635
1636    function goTo(idx) {
1637        if (idx < 0 || idx >= slides.length) return;
1638        slides.forEach(function(s, i){ s.classList.toggle('hb-active', i === idx); });
1639        thumbs.forEach(function(t, i){ t.classList.toggle('hb-thumb-active', i === idx); });
1640        // aktif thumb'u yalnızca şerit içinde kaydır (sayfa scroll'unu tetikleme)
1641        var strip = document.getElementById('hbThumbs');
1642        if (strip && thumbs[idx]) {
1643            var thumb = thumbs[idx];
1644            var target = thumb.offsetLeft - (strip.clientWidth - thumb.offsetWidth) / 2;
1645            strip.scrollTo({ left: Math.max(0, target), behavior: 'smooth' });
1646        }
1647    }
1648
1649    // Otomatik dönmesin — en güncel (ilk) slayt sabit kalsın; thumb ile elle gezilebilir
1650    thumbs.forEach(function(t){
1651        t.addEventListener('click', function(){
1652            goTo(parseInt(this.getAttribute('data-index'), 10));
1653        });
1654    });
1655
1656    goTo(0);
1657})();
1658</script>
1658
1659<style>
1660.kat-alt-section {
1661    background: #eef1f4;
1662    padding: 36px 0 44px;
1663    margin-top: 0;
1664}
1665.kat-alt-wrap {
1666    max-width: 100%;
1667    margin: 0 auto;
1668    padding: 0 24px;
1669}
1670/* İki sütun: Etkinlik (sol) | Duyuru/İhale/İlan (sağ) */
1671.kat-trio-row {
1672    display: grid;
1673    grid-template-columns: minmax(210px, 0.76fr) minmax(360px, 1.84fr);
1674    gap: 16px;
1675    align-items: stretch;
1676}
1677.kat-trio-row.no-etkinlik {
1678    grid-template-columns: 1fr;
1679}
1680.kat-trio-row.kat-trio-row--reverse {
1681    direction: rtl;
1682}
1683.kat-trio-row.kat-trio-row--reverse > .kat-trio-col {
1684    direction: ltr;
1685}
1686.kat-trio-col { min-width: 0; }
1687.kat-col-tabs {
1688    display: flex;
1689    flex-direction: column;
1690}
1691.kat-duyuru-row {
1692    flex: 1;
1693    display: flex;
1694    flex-direction: column;
1695    min-height: 460px;
1696    background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
1697    border-radius: 16px;
1698    box-shadow: 0 18px 48px rgba(16,48,74,.12);
1699    border: 1px solid rgba(16,48,74,.08);
1700    overflow: hidden;
1701}
1702.kat-tabs-head {
1703    display: grid;
1704    grid-template-columns: repeat(3, minmax(0, 1fr));
1705    gap: 0;
1706    padding: 10px 10px 0;
1707    background: linear-gradient(135deg, rgba(16,48,74,.06), rgba(48,64,80,.04));
1708}
1709.kat-tab-btn {
1710    border: none;
1711    cursor: pointer;
1712    padding: 16px 14px 14px;
1713    font-size: 13px;
1714    font-weight: 800;
1715    letter-spacing: .02em;
1716    color: #5a6570;
1717    background: transparent;
1718    border-radius: 14px 14px 0 0;
1719    transition: all .25s ease;
1720    display: flex;
1721    flex-direction: column;
1722    align-items: flex-start;
1723    gap: 4px;
1724    position: relative;
1725}
1726.kat-tab-btn small {
1727    font-size: 11px;
1728    font-weight: 600;
1729    opacity: .75;
1730}
1731.kat-tab-btn .kat-tab-badge {
1732    position: absolute;
1733    top: 10px;
1734    right: 12px;
1735    min-width: 22px;
1736    height: 22px;
1737    padding: 0 6px;
1738    border-radius: 999px;
1739    background: rgba(16,48,74,.12);
1740    color: #10304a;
1741    font-size: 11px;
1742    font-weight: 800;
1743    display: inline-flex;
1744    align-items: center;
1745    justify-content: center;
1746}
1747.kat-tab-btn.kat-active {
1748    background: linear-gradient(135deg, #10304a 0%, #e1061b 100%);
1749    color: #fff;
1750    box-shadow: 0 10px 24px rgba(16,48,74,.22);
1751    transform: translateY(-2px);
1752}
1753.kat-tab-btn.kat-active .kat-tab-badge {
1754    background: rgba(255,255,255,.18);
1755    color: #fff;
1756}
1757.kat-tab-panel {
1758    display: none;
1759    flex: 1;
1760    background: #fff;
1761    padding: 8px 0 56px;
1762    position: relative;
1763    animation: katTabFade .35s ease;
1764}
1765@keyframes katTabFade {
1766    from { opacity: 0; transform: translateY(8px); }
1767    to { opacity: 1; transform: translateY(0); }
1768}
1769.kat-tab-panel.kat-active { display: block; }
1770.kat-list {
1771    max-height: 340px;
1772    overflow-y: auto;
1773    padding: 6px 10px;
1774}
1775.kat-list::-webkit-scrollbar { width: 6px; }
1776.kat-list::-webkit-scrollbar-thumb { background: #e1061b; border-radius: 3px; }
1777.kat-list-item {
1778    display: grid;
1779    grid-template-columns: 64px 1fr;
1780    gap: 14px;
1781    align-items: center;
1782    padding: 14px 16px;
1783    margin-bottom: 8px;
1784    border: 1px solid #edf1f5;
1785    border-radius: 12px;
1786    text-decoration: none !important;
1787    background: #fff;
1788    transition: transform .2s, box-shadow .2s, border-color .2s;
1789}
1790.kat-list-item:hover {
1791    transform: translateX(4px);
1792    border-color: rgba(16,48,74,.18);
1793    box-shadow: 0 10px 24px rgba(16,48,74,.08);
1794}
1795.kat-list-date {
1796    width: 64px;
1797    text-align: center;
1798    border-radius: 10px;
1799    padding: 8px 6px;
1800    background: linear-gradient(135deg, rgba(16,48,74,.08), rgba(48,64,80,.06));
1801    color: #10304a;
1802}
1803.kat-list-date strong {
1804    display: block;
1805    font-size: 22px;
1806    line-height: 1;
1807    font-weight: 800;
1808}
1809.kat-list-date span {
1810    display: block;
1811    font-size: 10px;
1812    font-weight: 700;
1813    text-transform: uppercase;
1814    letter-spacing: .04em;
1815    margin-top: 4px;
1816    color: #6c757d;
1817}
1818.kat-list-item strong.kat-list-title {
1819    display: block;
1820    font-size: 14px;
1821    font-weight: 700;
1822    color: #2c3e50;
1823    line-height: 1.45;
1824}
1825.kat-list-empty {
1826    padding: 48px 24px;
1827    text-align: center;
1828    color: #8a939c;
1829    font-size: 14px;
1830}
1831.kat-all-link {
1832    display: inline-flex;
1833    align-items: center;
1834    gap: 8px;
1835    position: absolute;
1836    right: 18px;
1837    bottom: 16px;
1838    padding: 10px 16px;
1839    border-radius: 999px;
1840    font-size: 13px;
1841    font-weight: 800;
1842    color: #fff !important;
1843    background: linear-gradient(135deg, #10304a, #e1061b);
1844    text-decoration: none !important;
1845    box-shadow: 0 8px 20px rgba(16,48,74,.18);
1846}
1847.kat-all-link:hover { opacity: .92; transform: translateY(-1px); }
1848
1849.kat-panel-box {
1850    background: #fff;
1851    box-shadow: 0 4px 16px rgba(0,0,0,0.07);
1852    border-radius: 8px;
1853    padding: 22px 20px 24px;
1854    min-height: 420px;
1855    height: 100%;
1856    display: flex;
1857    flex-direction: column;
1858    position: relative;
1859}
1860.kat-panel-box.kat-panel-etkin {
1861    background: #fafbfc;
1862    border: 1px solid #e8edf2;
1863    box-shadow: 0 2px 12px rgba(16,48,74,0.06);
1864    padding: 14px 12px 16px;
1865    min-height: 440px;
1866}
1867.kat-panel-box.kat-panel-baskan {
1868    min-height: auto;
1869    padding: 0;
1870    border: none;
1871    background: transparent;
1872    box-shadow: none;
1873}
1874.kat-panel-head {
1875    display: flex;
1876    align-items: center;
1877    justify-content: space-between;
1878    border-bottom: 2px solid #10304a;
1879    padding-bottom: 12px;
1880    margin-bottom: 16px;
1881}
1882.kat-panel-box.kat-panel-etkin .kat-panel-head {
1883    border-bottom-color: rgba(16,48,74,0.15);
1884    margin-bottom: 8px;
1885    padding-bottom: 8px;
1886}
1887.kat-panel-box.kat-panel-etkin .kat-panel-head h3 {
1888    font-size: 14px;
1889    font-weight: 700;
1890    color: #e1061b;
1891}
1892.kat-panel-box.kat-panel-baskan .kat-panel-head {
1893    border-bottom: none;
1894    margin-bottom: 10px;
1895    padding-bottom: 0;
1896}
1897.kat-panel-box.kat-panel-baskan .kat-panel-head h3 {
1898    font-size: 15px;
1899    letter-spacing: 1px;
1900}
1901.kat-panel-head h3 {
1902    margin: 0;
1903    font-size: 19px;
1904    font-weight: 800;
1905    color: #10304a;
1906    letter-spacing: 0.5px;
1907}
1908.kat-panel-head a {
1909    font-size: 14px;
1910    font-weight: 600;
1911    color: #666 !important;
1912    text-decoration: none !important;
1913}
1914.kat-panel-head a:hover { color: #10304a !important; }
1915.kat-panel-box.kat-panel-etkin .kat-panel-head a {
1916    font-size: 12px;
1917    color: #8a939c !important;
1918}
1919
1920/* Etkinlik Liste Kartları */
1921.kat-event-list {
1922    display: flex;
1923    flex-direction: column;
1924    gap: 15px;
1925    margin-top: 5px;
1926    flex: 1;
1927}
1928.kat-event-card {
1929    display: flex;
1930    background: #fff;
1931    border-radius: 4px;
1932    padding: 15px;
1933    text-decoration: none !important;
1934    transition: transform 0.2s, box-shadow 0.2s;
1935    border: 1px solid rgba(16,48,74,0.05);
1936    box-shadow: 0 4px 12px rgba(0,0,0,0.02);
1937}
1938.kat-event-card:hover {
1939    transform: translateY(-2px);
1940    box-shadow: 0 8px 24px rgba(0,0,0,0.06);
1941}
1942.kat-event-img {
1943    width: 85px;
1944    height: 85px;
1945    flex-shrink: 0;
1946    border-radius: 4px;
1947    overflow: hidden;
1948    position: relative;
1949    background: #f4f8fb;
1950}
1951.kat-event-img img {
1952    width: 100%;
1953    height: 100%;
1954    object-fit: cover;
1955}
1956.kat-event-divider {
1957    width: 1px;
1958    background: #2c3e50;
1959    margin: 0 15px;
1960    flex-shrink: 0;
1961}
1962.kat-event-info {
1963    flex: 1;
1964    display: flex;
1965    flex-direction: column;
1966    justify-content: center;
1967    min-width: 0;
1968}
1969.kat-event-meta {
1970    display: flex;
1971    flex-wrap: wrap;
1972    align-items: center;
1973    gap: 12px;
1974    margin-bottom: 8px;
1975    font-size: 13px;
1976    color: #5c6b7a;
1977    font-weight: 500;
1978}
1979.kat-event-meta i {
1980    color: #a0aec0;
1981    margin-right: 4px;
1982    font-size: 14px;
1983}
1984.kat-event-loc {
1985    margin-bottom: 8px;
1986    font-size: 13px;
1987    color: #5c6b7a;
1988    font-weight: 500;
1989}
1990.kat-event-loc i {
1991    color: #a0aec0;
1992    margin-right: 4px;
1993    font-size: 14px;
1994}
1995.kat-event-title {
1996    font-size: 14px;
1997    font-weight: 800;
1998    color: #2c3e50;
1999    line-height: 1.4;
2000    white-space: nowrap;
2001    overflow: hidden;
2002    text-overflow: ellipsis;
2003}
2004.kat-event-empty {
2005    text-align: center;
2006    padding: 30px;
2007    color: #8a939c;
2008    font-size: 14px;
2009    background: #fff;
2010    border-radius: 8px;
2011    border: 1px dashed #dde4ea;
2012}
2013.kat-btn-tumunu-gor {
2014    display: inline-block;
2015    align-self: flex-end;
2016    margin-top: 15px;
2017    padding: 8px 16px;
2018    background: #aab2b8;
2019    color: #fff !important;
2020    border-radius: 4px;
2021    font-size: 12px;
2022    font-weight: 700;
2023    text-decoration: none !important;
2024    transition: background 0.2s;
2025}
2026.kat-btn-tumunu-gor:hover {
2027    background: #8e98a0;
2028}
2029
2030.kat-panel-box.kat-panel-baskan .kat-panel-head { display: none; }
2031
2032/* Oda Başkanı — modern profil kartı */
2033.kat-col-baskan { display: flex; }
2034.kat-baskan-card {
2035    flex: 1;
2036    width: 100%;
2037    min-height: 440px;
2038    border: none;
2039    border-radius: 14px;
2040    overflow: hidden;
2041    background: #fff;
2042    box-shadow: 0 10px 40px rgba(16, 48, 74, 0.14);
2043    display: flex;
2044    flex-direction: column;
2045    transition: transform 0.25s ease, box-shadow 0.25s ease;
2046}
2047.kat-baskan-card:hover {
2048    transform: translateY(-3px);
2049    box-shadow: 0 16px 48px rgba(16, 48, 74, 0.18);
2050}
2051.kat-baskan-card__hero {
2052    position: relative;
2053    padding: 14px 14px 16px;
2054    background: linear-gradient(145deg, #10304a 0%, #e1061b 48%, #304050 100%);
2055    overflow: hidden;
2056}
2057.kat-baskan-card__hero::before,
2058.kat-baskan-card__hero::after {
2059    content: '';
2060    position: absolute;
2061    border-radius: 50%;
2062    background: rgba(255, 255, 255, 0.06);
2063    pointer-events: none;
2064    z-index: 0;
2065}
2066.kat-baskan-card__hero::before {
2067    width: 120px;
2068    height: 120px;
2069    top: -40px;
2070    right: -30px;
2071}
2072.kat-baskan-card__hero::after {
2073    width: 80px;
2074    height: 80px;
2075    bottom: 8px;
2076    left: -20px;
2077}
2078.kat-baskan-card__title {
2079    position: absolute;
2080    top: 24px;
2081    left: 50%;
2082    transform: translateX(-50%);
2083    z-index: 3;
2084    display: inline-block;
2085    margin: 0;
2086    padding: 6px 14px;
2087    font-size: 10px;
2088    font-weight: 800;
2089    letter-spacing: 2px;
2090    text-transform: uppercase;
2091    color: #fff;
2092    background: rgba(16, 48, 74, 0.55);
2093    border: 1px solid rgba(255, 255, 255, 0.28);
2094    border-radius: 50px;
2095    backdrop-filter: blur(6px);
2096    white-space: nowrap;
2097}
2098.kat-baskan-card__photo-frame {
2099    position: relative;
2100    z-index: 1;
2101    width: 100%;
2102    height: 248px;
2103    margin-top: 6px;
2104    border-radius: 18px;
2105    overflow: hidden;
2106    border: 3px solid rgba(255, 255, 255, 0.32);
2107    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28), inset 0 0 0 1px rgba(255, 255, 255, 0.12);
2108    background: rgba(0, 0, 0, 0.15);
2109}
2110.kat-baskan-card__photo-frame::after {
2111    content: '';
2112    position: absolute;
2113    inset: 0;
2114    background: linear-gradient(180deg, rgba(16, 48, 74, 0.12) 0%, rgba(16, 48, 74, 0.42) 100%);
2115    pointer-events: none;
2116    z-index: 1;
2117}
2118.kat-baskan-card__photo {
2119    display: block;
2120    width: 100%;
2121    height: 100%;
2122    object-fit: cover;
2123    object-position: center top;
2124}
2125.kat-baskan-card .card-body {
2126    position: relative;
2127    z-index: 1;
2128    flex: 1;
2129    display: flex;
2130    flex-direction: column;
2131    align-items: center;
2132    text-align: center;
2133    padding: 16px 16px 20px;
2134}
2135.kat-baskan-card__role {
2136    display: inline-block;
2137    margin-bottom: 8px;
2138    padding: 5px 12px;
2139    font-size: 10px;
2140    font-weight: 700;
2141    letter-spacing: 0.6px;
2142    text-transform: uppercase;
2143    color: #e1061b !important;
2144    background: rgba(16, 48, 74, 0.08);
2145    border-radius: 50px;
2146}
2147.kat-baskan-card__name {
2148    margin: 0 0 12px;
2149    font-size: 20px;
2150    font-weight: 800;
2151    line-height: 1.25;
2152    color: #10304a;
2153    letter-spacing: 0.2px;
2154}
2155.kat-baskan-card__quote {
2156    margin: 0 0 16px;
2157    padding: 12px 14px;
2158    font-size: 12px;
2159    line-height: 1.6;
2160    font-style: italic;
2161    color: #5c6b7a;
2162    background: linear-gradient(90deg, rgba(16, 48, 74, 0.06), rgba(16, 48, 74, 0.02));
2163    border-left: 3px solid #e1061b;
2164    border-radius: 0 8px 8px 0;
2165    width: 100%;
2166    text-align: left;
2167}
2168.kat-baskan-card__links {
2169    list-style: none;
2170    margin: 0 0 14px;
2171    padding: 0;
2172    width: 100%;
2173}
2174.kat-baskan-card__links li + li { margin-top: 8px; }
2175.kat-baskan-card__links a {
2176    display: flex;
2177    align-items: center;
2178    justify-content: center;
2179    gap: 8px;
2180    width: 100%;
2181    padding: 9px 14px;
2182    font-size: 12px;
2183    font-weight: 600;
2184    color: #10304a !important;
2185    background: #f4f8fb;
2186    border: 1px solid #e3ecf2;
2187    border-radius: 8px;
2188    text-decoration: none !important;
2189    transition: all 0.2s ease;
2190}
2191.kat-baskan-card__links a::before {
2192    content: '\203A';
2193    font-family: inherit;
2194    font-weight: 700;
2195    font-size: 14px;
2196    opacity: 0.6;
2197}
2198.kat-baskan-card__links a:hover {
2199    color: #fff !important;
2200    background: linear-gradient(135deg, #10304a, #e1061b);
2201    border-color: transparent;
2202    box-shadow: 0 6px 16px rgba(16, 48, 74, 0.22);
2203    transform: translateX(2px);
2204}
2205.kat-baskan-card__cta {
2206    width: 100%;
2207    margin-top: auto;
2208    padding: 11px 18px;
2209    font-size: 13px;
2210    font-weight: 700;
2211    letter-spacing: 0.3px;
2212    color: #fff !important;
2213    background: linear-gradient(135deg, #10304a 0%, #e1061b 100%);
2214    border: none;
2215    border-radius: 50px;
2216    box-shadow: 0 8px 22px rgba(16, 48, 74, 0.28);
2217    text-decoration: none !important;
2218    transition: all 0.22s ease;
2219}
2220.kat-baskan-card__cta:hover {
2221    color: #fff !important;
2222    transform: translateY(-1px);
2223    box-shadow: 0 12px 28px rgba(16, 48, 74, 0.34);
2224    opacity: 1;
2225}
2226.kat-baskan-card__cta i { margin-right: 6px; }
2227
2228@media (max-width: 1199px) {
2229    .kat-trio-row,
2230    .kat-trio-row.no-etkinlik {
2231        grid-template-columns: 1fr 1fr;
2232    }
2233    .kat-trio-row.no-etkinlik {
2234        grid-template-columns: 1fr;
2235    }
2236    .kat-col-baskan { order: -1; grid-column: 1 / -1; }
2237    .kat-duyuru-row { min-height: auto; }
2238    .kat-duyuru-row .kat-tab-panel { min-height: 320px; }
2239}
2240@media (max-width: 767px) {
2241    .kat-trio-row,
2242    .kat-trio-row.no-etkinlik {
2243        grid-template-columns: 1fr;
2244    }
2245    .kat-panel-box { min-height: auto; }
2246}
2247</style>
2248
2249<section class="kat-alt-section">
2250    <div class="kat-alt-wrap">
2251
2252        <!-- Etkinlik (sol) | Duyuru/İhale/İlan (sağ) -->
2253        <div class="kat-trio-row">
2254                        <div class="kat-trio-col kat-col-etkin">
2255                <div class="kat-panel-box kat-panel-etkin" style="background: transparent; border: none; box-shadow: none; padding: 0;">
2256                    <div class="kat-panel-head" style="border-bottom: none; margin-bottom: 5px; padding-bottom: 0;">
2257                        <h3 style="color: #2c3e50;">ETKİNLİKLER</h3>
2258                    </div>
2259                    <div class="kat-event-list">
2260                                                <a href="etkinlik/ciftci-egitim-akademisi-basliyor" class="kat-event-card">
2261                            <div class="kat-event-img">
2262                                <img src="/images/etkinlikler/WhatsApp-Image-2025-02-05-at-10.52.36.jpeg" alt="Çiftçi Eğitim Akademisi Başlıyor!">
2263                            </div>
2264                            <div class="kat-event-divider"></div>
2265                            <div class="kat-event-info">
2266                                <div class="kat-event-meta">
2267                                    <span><i class="far fa-calendar-alt"></i> 06.02.2025</span>                                    <span><i class="far fa-clock"></i> 10:00 - 14:00</span>                                </div>
2268                                                                <div class="kat-event-loc">
2269                                    <i class="far fa-map-marker-alt"></i> KARS GENÇLİK MERKEZİ KONFERASN SALONU                                </div>
2270                                                                <div class="kat-event-title">Çiftçi Eğitim Akademisi Başlıyor!</div>
2271                            </div>
2272                        </a>
2273                                                <a href="etkinlik/tarimda-kadin-eli-ciftci-egitim-akademisi" class="kat-event-card">
2274                            <div class="kat-event-img">
2275                                <img src="/images/etkinlikler/WhatsApp-Image-2025-02-05-at-10.52.36_1.jpeg" alt="TARIMDA KADIN ELİ - ÇİFTÇİ EĞİTİM AKADEMİSİ">
2276                            </div>
2277                            <div class="kat-event-divider"></div>
2278                            <div class="kat-event-info">
2279                                <div class="kat-event-meta">
2280                                    <span><i class="far fa-calendar-alt"></i> 07.02.2025</span>                                    <span><i class="far fa-clock"></i> 10:00 - 02:00</span>                                </div>
2281                                                                <div class="kat-event-loc">
2282                                    <i class="far fa-map-marker-alt"></i> KARS GENÇLİK MERKEZİ KONFERASN SALONU                                </div>
2283                                                                <div class="kat-event-title">TARIMDA KADIN ELİ - ÇİFTÇİ EĞİTİM AKADEMİSİ</div>
2284                            </div>
2285                        </a>
2286                                                <a href="etkinlik/akyaka-ilcesinde-faaliyet-gosteren-uyeler-ile-toplanti" class="kat-event-card">
2287                            <div class="kat-event-img">
2288                                <img src="/images/etkinlikler/toplantı-810x295-1.jpg" alt="AKYAKA İLÇESİNDE FAALİYET GÖSTEREN ÜYELER İLE TOPLANTI">
2289                            </div>
2290                            <div class="kat-event-divider"></div>
2291                            <div class="kat-event-info">
2292                                <div class="kat-event-meta">
2293                                    <span><i class="far fa-calendar-alt"></i> 18.02.2025</span>                                    <span><i class="far fa-clock"></i> 11:00</span>                                </div>
2294                                                                <div class="kat-event-loc">
2295                                    <i class="far fa-map-marker-alt"></i> AKYAKA İLÇESİ TUNAHAN RESTAURANT                                </div>
2296                                                                <div class="kat-event-title">AKYAKA İLÇESİNDE FAALİYET GÖSTEREN ÜYELER ...</div>
2297                            </div>
2298                        </a>
2299                                                <a href="etkinlikler" class="kat-btn-tumunu-gor">TÜMÜNÜ GÖR</a>
2300                                            </div>
2301                </div>
2302            </div>
2303                            <div class="kat-trio-col kat-col-tabs">
2304                <div class="kat-duyuru-row">
2305                    <div class="kat-tabs-head">
2306                        <button type="button" class="kat-tab-btn kat-active" data-tab="duyuru">
2307                            Güncel Duyurular
2308                            <small>Resmi duyuru ve bilgilendirmeler</small>
2309                            <span class="kat-tab-badge">8</span>
2310                        </button>
2311                        <button type="button" class="kat-tab-btn" data-tab="ihale">
2312                            Güncel İhaleler
2313                            <small>Açık ihale ve satış duyuruları</small>
2314                            <span class="kat-tab-badge">6</span>
2315                        </button>
2316                        <button type="button" class="kat-tab-btn" data-tab="ilan">
2317                            Güncel İlanlar
2318                            <small>Personel, proje ve genel ilanlar</small>
2319                            <span class="kat-tab-badge">8</span>
2320                        </button>
2321                    </div>
2322                    <div class="kat-tab-panel kat-active" id="katTabDuyuru">
2323                        <div class="kat-list">
2324                                                        <a class="kat-list-item" href="duyuru/isletme-degerlendirme-raporu-nun-findeks-ten-sunulmasi-ve-kosgeb-yesil-sanayi-destek-programi">
2325                                <div class="kat-list-date"><strong>29</strong><span>Şubat 2024</span></div>
2326                                <strong class="kat-list-title">İşletme Değerlendirme Raporu’nun Findeks’ten Sunulması ve KOSGEB Yeşil Sanayi Destek Programı</strong>
2327                            </a>
2328                                                        <a class="kat-list-item" href="duyuru/ihracat-surecleri-ve-devlet-destekleri-egitim-programi">
2329                                <div class="kat-list-date"><strong>29</strong><span>Şubat 2024</span></div>
2330                                <strong class="kat-list-title">İhracat Süreçleri ve Devlet Destekleri Eğitim Programı</strong>
2331                            </a>
2332                                                        <a class="kat-list-item" href="duyuru/ihrakiye-teslimleri-konulu-2024-3-sayili-genelge-hakkinda">
2333                                <div class="kat-list-date"><strong>29</strong><span>Şubat 2024</span></div>
2334                                <strong class="kat-list-title">İhrakiye Teslimleri Konulu 2024/3 Sayılı Genelge Hakkında</strong>
2335                            </a>
2336                                                        <a class="kat-list-item" href="duyuru/kars-uluslararasi-konferans-ile-dunyaya-tanitiliyor">
2337                                <div class="kat-list-date"><strong>29</strong><span>Şubat 2024</span></div>
2338                                <strong class="kat-list-title">Kars, Uluslararası Konferans İle Dünyaya Tanıtılıyor</strong>
2339                            </a>
2340                                                        <a class="kat-list-item" href="duyuru/insaat-demiri-izleme-sistemi-ne-idis-kayit-zorunlulugu-hakkinda">
2341                                <div class="kat-list-date"><strong>29</strong><span>Şubat 2024</span></div>
2342                                <strong class="kat-list-title">İNŞAAT DEMİRİ İZLEME SİSTEMİ'NE (İDİS) KAYIT ZORUNLULUĞU HAKKINDA</strong>
2343                            </a>
2344                                                        <a class="kat-list-item" href="duyuru/gumruklu-sahaya-arac-girisi-oncesinde-on-beyan-verilmesi-hakkinda">
2345                                <div class="kat-list-date"><strong>29</strong><span>Şubat 2024</span></div>
2346                                <strong class="kat-list-title">GÜMRÜKLÜ SAHAYA ARAÇ GİRİŞİ ÖNCESİNDE ÖN BEYAN VERİLMESİ HAKKINDA</strong>
2347                            </a>
2348                                                        <a class="kat-list-item" href="duyuru/sigorta-acentelerinin-kurumsal-uzantili-e-posta-adresi-kullanimi-hakkinda">
2349                                <div class="kat-list-date"><strong>29</strong><span>Şubat 2024</span></div>
2350                                <strong class="kat-list-title">SİGORTA ACENTELERİNİN KURUMSAL UZANTILI E-POSTA ADRESİ KULLANIMI HAKKINDA</strong>
2351                            </a>
2352                                                        <a class="kat-list-item" href="duyuru/dogrusunu-yapan-kobi-ler-webinar-serisi">
2353                                <div class="kat-list-date"><strong>10</strong><span>Kasım 2023</span></div>
2354                                <strong class="kat-list-title">Doğrusunu Yapan KOBİ'ler Webinar Serisi</strong>
2355                            </a>
2356                                                    </div>
2357                        <a href="duyurular" class="kat-all-link">Tüm Duyurular <i class="fal fa-arrow-right"></i></a>
2358                    </div>
2359                    <div class="kat-tab-panel" id="katTabIhale">
2360                        <div class="kat-list">
2361                                                        <a class="kat-list-item" href="ihale/tümünü-göster-2">
2362                                <div class="kat-list-date"><strong>18</strong><span>Haziran 2026</span></div>
2363                                <strong class="kat-list-title">TÜMÜNÜ GÖSTER</strong>
2364                            </a>
2365                                                        <a class="kat-list-item" href="ihale/tümünü-göster">
2366                                <div class="kat-list-date"><strong>18</strong><span>Haziran 2026</span></div>
2367                                <strong class="kat-list-title">TÜMÜNÜ GÖSTER</strong>
2368                            </a>
2369                                                        <a class="kat-list-item" href="https://www.tobb2b.org.tr/ihaleozellestirme.php" target="_blank" rel="noopener">
2370                                <div class="kat-list-date"><strong>18</strong><span>Haziran 2026</span></div>
2371                                <strong class="kat-list-title">TÜMÜNÜ GÖSTER</strong>
2372                            </a>
2373                                                        <a class="kat-list-item" href="https://www.tobb2b.org.tr/ihaleyatirimprojeleri.php" target="_blank" rel="noopener">
2374                                <div class="kat-list-date"><strong>18</strong><span>Haziran 2026</span></div>
2375                                <strong class="kat-list-title">TÜMÜNÜ GÖSTER</strong>
2376                            </a>
2377                                                        <a class="kat-list-item" href="ihale/duyuru-toki-tasinmaz-satisi">
2378                                <div class="kat-list-date"><strong>7</strong><span>Mayıs 2025</span></div>
2379                                <strong class="kat-list-title">DUYURU - TOKİ Taşınmaz Satışı</strong>
2380                            </a>
2381                                                        <a class="kat-list-item" href="ihale/oecd-dijital-politika-komitesi-hizmet-alimi-ihalesi">
2382                                <div class="kat-list-date"><strong>28</strong><span>Ocak 2025</span></div>
2383                                <strong class="kat-list-title">OECD/Dijital Politika Komitesi Hizmet Alımı İhalesi</strong>
2384                            </a>
2385                                                    </div>
2386                        <a href="ihaleler" class="kat-all-link">Tüm İhaleler <i class="fal fa-arrow-right"></i></a>
2387                    </div>
2388                    <div class="kat-tab-panel" id="katTabIlan">
2389                        <div class="kat-list">
2390                                                        <a class="kat-list-item" href="ilan/kars-ticaret-ve-sanayi-odasi-2025-7-sayili-e-bulten-yayimlandi">
2391                                <div class="kat-list-date"><strong>10</strong><span>Mart 2025</span></div>
2392                                <strong class="kat-list-title">KARS TİCARET VE SANAYİ ODASI 2025-7 SAYILI E-BÜLTEN YAYIMLANDI</strong>
2393                            </a>
2394                                                        <a class="kat-list-item" href="ilan/kars-ticaret-ve-sanayi-odasi-2025-6-sayili-e-bulten-yayimlandi">
2395                                <div class="kat-list-date"><strong>3</strong><span>Mart 2025</span></div>
2396                                <strong class="kat-list-title">KARS TİCARET VE SANAYİ ODASI 2025-6 SAYILI E-BÜLTEN YAYIMLANDI</strong>
2397                            </a>
2398                                                        <a class="kat-list-item" href="ilan/kars-ticaret-ve-sanayi-odasi-2025-5-sayili-e-bulten-yayimlandi">
2399                                <div class="kat-list-date"><strong>25</strong><span>Şubat 2025</span></div>
2400                                <strong class="kat-list-title">KARS TİCARET VE SANAYİ ODASI 2025-5 SAYILI E-BÜLTEN YAYIMLANDI</strong>
2401                            </a>
2402                                                        <a class="kat-list-item" href="ilan/odamiz-ve-tobb-meybem-isbirligi-ile-emlakci-adaylarimiza-yonelik-sorumlu-emlak-danismani-seviye-5-sinavlari-duzenlenecektir">
2403                                <div class="kat-list-date"><strong>16</strong><span>Şubat 2025</span></div>
2404                                <strong class="kat-list-title">ODAMIZ VE TOBB MEYBEM İŞBİRLİĞİ İLE EMLAKÇI ADAYLARIMIZA YÖNELİK SORUMLU EMLAK DANIŞMANI SEVİYE 5 SINAVLARI DÜZENLENECEKTİR.<
2404/strong>
2405                            </a>
2406                                                        <a class="kat-list-item" href="ilan/odamiz-ve-tobb-meybem-isbirligi-ile-galerici-adaylarimiza-yonelik-ikinci-el-oto-alim-satim-mesleki-yeterlilik-belgesi-seviye-5-sinavlari-duzenlenecektir">
2407                                <div class="kat-list-date"><strong>16</strong><span>Şubat 2025</span></div>
2408                                <strong class="kat-list-title">ODAMIZ VE TOBB MEYBEM İŞBİRLİĞİ İLE GALERİCİ ADAYLARIMIZA YÖNELİK İKİNCİ EL OTO ALIM SATIM MESLEKİ YETERLİLİK BELGESİ SEVİYE 5 SINAVLARI DÜZENLENECEKTİR.</strong>
2409                            </a>
2410                                                        <a class="kat-list-item" href="ilan/nitelikli-isgucu-yetistirme-programi-niyep-isgucu-yetistirme-programina-katilim-cagrisi">
2411                                <div class="kat-list-date"><strong>13</strong><span>Şubat 2025</span></div>
2412                                <strong class="kat-list-title">NİTELİKLİ İŞGÜCÜ YETİŞTİRME PROGRAMI (NİYEP) İŞGÜCÜ YETİŞTİRME PROGRAMINA KATILIM ÇAĞRISI</strong>
2413                            </a>
2414                                                        <a class="kat-list-item" href="ilan/rosatom-ihaleleri">
2415                                <div class="kat-list-date"><strong>12</strong><span>Şubat 2025</span></div>
2416                                <strong class="kat-list-title">ROSATOM İHALELERİ</strong>
2417                            </a>
2418                                                        <a class="kat-list-item" href="ilan/tarihi-kimligiyle-kars-kent-projesi-kapsaminda-kars-etkinlikleri">
2419                                <div class="kat-list-date"><strong>28</strong><span>Şubat 2024</span></div>
2420                                <strong class="kat-list-title">Tarihi Kimliğiyle Kars Kent Projesi Kapsamında Kars Etkinlikleri</strong>
2421                            </a>
2422                                                    </div>
2423                        <a href="ilanlar" class="kat-all-link">Tüm İlanlar <i class="fal fa-arrow-right"></i></a>
2424                    </div>
2425                </div>
2426            </div>
2427                        </div>
2428    </div>
2429</section>
2430
2431<script>
2432(function(){
2433    var tabBtns = document.querySelectorAll('.kat-tab-btn');
2434    var panels = {
2435        duyuru: document.getElementById('katTabDuyuru'),
2436        ihale: document.getElementById('katTabIhale'),
2437        ilan: document.getElementById('katTabIlan')
2438    };
2439    tabBtns.forEach(function(btn){
2440        btn.addEventListener('click', function(){
2441            var key = this.getAttribute('data-tab');
2442            tabBtns.forEach(function(b){ b.classList.remove('kat-active'); });
2443            Object.keys(panels).forEach(function(k){ if (panels[k]) panels[k].classList.remove('kat-active'); });
2444            this.classList.add('kat-active');
2445            if (panels[key]) panels[key].classList.add('kat-active');
2446        });
2447    });
2448})();
2449</script>
2449
2450<section class="ybs-section" aria-label="Resmi kurum bağlantıları">
2451    <div class="kartso-shell ybs-wrap">
2452        <button type="button" class="ybs-nav ybs-nav--prev" aria-label="Önceki"><i class="fas fa-chevron-left"></i></button>
2453        <div class="ybs-viewport">
2454            <div class="ybs-track" id="ybsTrack">
2455                                <a href="https://tobb.org.tr/Sayfalar/20200421-webinar.php"
2456                   class="ybs-card"
2457                   target="_blank"
2458                   rel="noopener"
2459                   style="--ybs-bg: #bc0000;">
2460                    <span class="ybs-card__icon" aria-hidden="true"><i class="fas fa-angle-double-right"></i></span>
2461                    <strong class="ybs-card__title">TOBB WEBİNAR</strong>
2462                    <span class="ybs-card__desc">için tıklayınız</span>
2463                </a>
2464                                <a href="https://www.turkiye.gov.tr/"
2465                   class="ybs-card"
2466                   target="_blank"
2467                   rel="noopener"
2468                   style="--ybs-bg: #3d85c6;">
2469                    <span class="ybs-card__icon" aria-hidden="true"><i class="fas fa-globe"></i></span>
2470                    <strong class="ybs-card__title">E-DEVLET</strong>
2471                    <span class="ybs-card__desc">turkiye.gov.tr</span>
2472                </a>
2473                                <a href="https://www.tobb2b.org.tr/ihale.php"
2474                   class="ybs-card"
2475                   target="_blank"
2476                   rel="noopener"
2477                   style="--ybs-bg: #b0e8a0;">
2478                    <span class="ybs-card__icon" aria-hidden="true"><i class="fas fa-angle-double-right"></i></span>
2479                    <strong class="ybs-card__title">TOBB İHALELERİ</strong>
2480                    <span class="ybs-card__desc">için tıklayınız</span>
2481                </a>
2482                                <a href="https://www.hmb.gov.tr/"
2483                   class="ybs-card"
2484                   target="_blank"
2485                   rel="noopener"
2486                   style="--ybs-bg: #4a6741;">
2487                    <span class="ybs-card__icon" aria-hidden="true"><i class="fas fa-landmark"></i></span>
2488                    <strong class="ybs-card__title">HAZİNE VE MALİYE</strong>
2489                    <span class="ybs-card__desc">hmb.gov.tr</span>
2490                </a>
2491                                <a href="https://www.ticaret.gov.tr/yurtdisi-teskilati"
2492                   class="ybs-card"
2493                   target="_blank"
2494                   rel="noopener"
2495                   style="--ybs-bg: #7585a1;">
2496                    <span class="ybs-card__icon" aria-hidden="true"><i class="fas fa-angle-double-right"></i></span>
2497                    <strong class="ybs-card__title">ÜLKE RAPORLARI</strong>
2498                    <span class="ybs-card__desc">için tıklayınız</span>
2499                </a>
2500                                <a href="https://www.gib.gov.tr/"
2501                   class="ybs-card"
2502                   target="_blank"
2503                   rel="noopener"
2504                   style="--ybs-bg: #6b8e4e;">
2505                    <span class="ybs-card__icon" aria-hidden="true"><i class="fas fa-file-invoice-dollar"></i></span>
2506                    <strong class="ybs-card__title">GELİR İDARESİ</strong>
2507                    <span class="ybs-card__desc">gib.gov.tr</span>
2508                </a>
2509                                <a href="https://uye.tobb.org.tr/organizasyon/firma-index.jsp"
2510                   class="ybs-card"
2511                   target="_blank"
2512                   rel="noopener"
2513                   style="--ybs-bg: #204f65;">
2514                    <span class="ybs-card__icon" aria-hidden="true"><i class="fas fa-angle-double-right"></i></span>
2515                    <strong class="ybs-card__title">7/24 E-BELGE</strong>
2516                    <span class="ybs-card__desc">için tıklayınız</span>
2517                </a>
2518                                <a href="https://www.ticaret.gov.tr/"
2519                   class="ybs-card"
2520                   target="_blank"
2521                   rel="noopener"
2522                   style="--ybs-bg: #b8860b;">
2523                    <span class="ybs-card__icon" aria-hidden="true"><i class="fas fa-briefcase"></i></span>
2524                    <strong class="ybs-card__title">TİCARET BAKANLIĞI</strong>
2525                    <span class="ybs-card__desc">ticaret.gov.tr</span>
2526                </a>
2527                                <a href="https://www.tobb.org.tr/"
2528                   class="ybs-card"
2529                   target="_blank"
2530                   rel="noopener"
2531                   style="--ybs-bg: #8e6c88;">
2532                    <span class="ybs-card__icon" aria-hidden="true"><i class="fas fa-users"></i></span>
2533                    <strong class="ybs-card__title">TOBB</strong>
2534                    <span class="ybs-card__desc">tobb.org.tr</span>
2535                </a>
2536                                <a href="https://api.whatsapp.com/send?phone=905528928236"
2537                   class="ybs-card"
2538                   target="_blank"
2539                   rel="noopener"
2540                   style="--ybs-bg: #12e200;">
2541                    <span class="ybs-card__icon" aria-hidden="true"><i class="fas fa-angle-double-right"></i></span>
2542                    <strong class="ybs-card__title">Whatsapp</strong>
2543                    <span class="ybs-card__desc">Whatsapp</span>
2544                </a>
2545                                <a href="https://www.mersis.gov.tr/"
2546                   class="ybs-card"
2547                   target="_blank"
2548                   rel="noopener"
2549                   style="--ybs-bg: #7a6fa1;">
2550                    <span class="ybs-card__icon" aria-hidden="true"><i class="fas fa-building"></i></span>
2551                    <strong class="ybs-card__title">MERSİS</strong>
2552                    <span class="ybs-card__desc">mersis.gov.tr</span>
2553                </a>
2554                                <a href="https://www.sgk.gov.tr/"
2555                   class="ybs-card"
2556                   target="_blank"
2557                   rel="noopener"
2558                   style="--ybs-bg: #c45c4a;">
2559                    <span class="ybs-card__icon" aria-hidden="true"><i class="fas fa-heartbeat"></i></span>
2560                    <strong class="ybs-card__title">SGK</strong>
2561                    <span class="ybs-card__desc">sgk.gov.tr</span>
2562                </a>
2563                                <a href="https://www.kosgeb.gov.tr/"
2564                   class="ybs-card"
2565                   target="_blank"
2566                   rel="noopener"
2567                   style="--ybs-bg: #d4a843;">
2568                    <span class="ybs-card__icon" aria-hidden="true"><i class="fas fa-industry"></i></span>
2569                    <strong class="ybs-card__title">KOSGEB</strong>
2570                    <span class="ybs-card__desc">kosgeb.gov.tr</span>
2571                </a>
2572                                <a href="https://www.iskur.gov.tr/"
2573                   class="ybs-card"
2574                   target="_blank"
2575                   rel="noopener"
2576                   style="--ybs-bg: #5a9a8a;">
2577                    <span class="ybs-card__icon" aria-hidden="true"><i class="fas fa-user-tie"></i></span>
2578                    <strong class="ybs-card__title">İŞKUR</strong>
2579                    <span class="ybs-card__desc">iskur.gov.tr</span>
2580                </a>
2581                                <a href="https://portal.efatura.gov.tr/"
2582                   class="ybs-card"
2583                   target="_blank"
2584                   rel="noopener"
2585                   style="--ybs-bg: #4c7a9b;">
2586                    <span class="ybs-card__icon" aria-hidden="true"><i class="fas fa-receipt"></i></span>
2587                    <strong class="ybs-card__title">E-FATURA</strong>
2588                    <span class="ybs-card__desc">efatura.gov.tr</span>
2589                </a>
2590                                <a href="https://www.tkgm.gov.tr/"
2591                   class="ybs-card"
2592                   target="_blank"
2593                   rel="noopener"
2594                   style="--ybs-bg: #6d8b74;">
2595                    <span class="ybs-card__icon" aria-hidden="true"><i class="fas fa-map"></i></span>
2596                    <strong class="ybs-card__title">TAPU KADASTRO</strong>
2597                    <span class="ybs-card__desc">tkgm.gov.tr</span>
2598                </a>
2599                                <a href="https://www.emlakkonut.com.tr/"
2600                   class="ybs-card"
2601                   target="_blank"
2602                   rel="noopener"
2603                   style="--ybs-bg: #5c7a99;">
2604                    <span class="ybs-card__icon" aria-hidden="true"><i class="fas fa-home"></i></span>
2605                    <strong class="ybs-card__title">EMLAK KONUT</strong>
2606                    <span class="ybs-card__desc">emlakkonut.com.tr</span>
2607                </a>
2608                                <a href="https://www.uyap.gov.tr/"
2609                   class="ybs-card"
2610                   target="_blank"
2611                   rel="noopener"
2612                   style="--ybs-bg: #556b7a;">
2613                    <span class="ybs-card__icon" aria-hidden="true"><i class="fas fa-balance-scale"></i></span>
2614                    <strong class="ybs-card__title">UYAP</strong>
2615                    <span class="ybs-card__desc">uyap.gov.tr</span>
2616                </a>
2617                                <a href="https://www.tuik.gov.tr/"
2618                   class="ybs-card"
2619                   target="_blank"
2620                   rel="noopener"
2621                   style="--ybs-bg: #a67c52;">
2622                    <span class="ybs-card__icon" aria-hidden="true"><i class="fas fa-chart-bar"></i></span>
2623                    <strong class="ybs-card__title">TÜİK</strong>
2624                    <span class="ybs-card__desc">tuik.gov.tr</span>
2625                </a>
2626                                <a href="https://www.egm.gov.tr/"
2627                   class="ybs-card"
2628                   target="_blank"
2629                   rel="noopener"
2630                   style="--ybs-bg: #1e3a5f;">
2631                    <span class="ybs-card__icon" aria-hidden="true"><i class="fas fa-user-shield"></i></span>
2632                    <strong class="ybs-card__title">EMNİYET</strong>
2633                    <span class="ybs-card__desc">egm.gov.tr</span>
2634                </a>
2635                                <a href="https://www.icisleri.gov.tr/"
2636                   class="ybs-card"
2637                   target="_blank"
2638                   rel="noopener"
2639                   style="--ybs-bg: #6b5b95;">
2640                    <span class="ybs-card__icon" aria-hidden="true"><i class="fas fa-shield-alt"></i></span>
2641                    <strong class="ybs-card__title">İÇİŞLERİ BAK.</strong>
2642                    <span class="ybs-card__desc">icisleri.gov.tr</span>
2643                </a>
2644                                <a href="https://www.csgb.gov.tr/"
2645                   class="ybs-card"
2646                   target="_blank"
2647                   rel="noopener"
2648                   style="--ybs-bg: #9c7b6b;">
2649                    <span class="ybs-card__icon" aria-hidden="true"><i class="fas fa-hard-hat"></i></span>
2650                    <strong class="ybs-card__title">ÇALIŞMA BAK.</strong>
2651                    <span class="ybs-card__desc">csgb.gov.tr</span>
2652                </a>
2653                                <a href="https://www.sanayi.gov.tr/"
2654                   class="ybs-card"
2655                   target="_blank"
2656                   rel="noopener"
2657                   style="--ybs-bg: #708090;">
2658                    <span class="ybs-card__icon" aria-hidden="true"><i class="fas fa-cogs"></i></span>
2659                    <strong class="ybs-card__title">SANAYİ BAK.</strong>
2660                    <span class="ybs-card__desc">sanayi.gov.tr</span>
2661                </a>
2662                                <a href="https://www.esnaf.gov.tr/"
2663                   class="ybs-card"
2664                   target="_blank"
2665                   rel="noopener"
2666                   style="--ybs-bg: #8b6914;">
2667                    <span class="ybs-card__icon" aria-hidden="true"><i class="fas fa-store"></i></span>
2668                    <strong class="ybs-card__title">ESNAF SANATKAR</strong>
2669                    <span class="ybs-card__desc">esnaf.gov.tr</span>
2670                </a>
2671                                <a href="https://www.kars.gov.tr/"
2672                   class="ybs-card"
2673                   target="_blank"
2674                   rel="noopener"
2675                   style="--ybs-bg: #7b4f8a;">
2676                    <span class="ybs-card__icon" aria-hidden="true"><i class="fas fa-map-marker-alt"></i></span>
2677                    <strong class="ybs-card__title">KARS VALİLİĞİ</strong>
2678                    <span class="ybs-card__desc">kars.gov.tr</span>
2679                </a>
2680                                <a href="https://www.kars.bel.tr/"
2681                   class="ybs-card"
2682                   target="_blank"
2683                   rel="noopener"
2684                   style="--ybs-bg: #c9b896;">
2685                    <span class="ybs-card__icon" aria-hidden="true"><i class="fas fa-city"></i></span>
2686                    <strong class="ybs-card__title">KARS BELEDİYESİ</strong>
2687                    <span class="ybs-card__desc">kars.bel.tr</span>
2688                </a>
2689                            </div>
2690        </div>
2691        <button type="button" class="ybs-nav ybs-nav--next" aria-label="Sonraki"><i class="fas fa-chevron-right"></i></button>
2692    </div>
2693</section>
2694<style>
2695.ybs-section {
2696    background: #eef1f4;
2697    padding: 28px 0 32px;
2698    margin: 0;
2699}
2700.ybs-wrap {
2701    display: flex;
2702    align-items: center;
2703    gap: 10px;
2704    max-width: 100%;
2705}
2706.ybs-viewport {
2707    flex: 1;
2708    overflow: hidden;
2709    min-width: 0;
2710}
2711.ybs-track {
2712    display: flex;
2713    gap: 14px;
2714    transition: transform .35s ease;
2715    will-change: transform;
2716}
2717.ybs-nav {
2718    flex-shrink: 0;
2719    width: 38px;
2720    height: 38px;
2721    border: none;
2722    border-radius: 50%;
2723    background: rgba(16, 48, 74, .88);
2724    color: #fff;
2725    cursor: pointer;
2726    display: inline-flex;
2727    align-items: center;
2728    justify-content: center;
2729    font-size: 14px;
2730    box-shadow: 0 4px 14px rgba(16, 48, 74, .22);
2731    transition: background .2s, transform .2s;
2732}
2733.ybs-nav:hover { background: #10304a; transform: scale(1.04); }
2734.ybs-nav:disabled { opacity: .35; cursor: default; transform: none; }
2735.ybs-card {
2736    flex: 0 0 158px;
2737    width: 158px;
2738    min-height: 198px;
2739    padding: 22px 14px 18px;
2740    border-radius: 10px;
2741    background: var(--ybs-bg, #5b7c99);
2742    color: #fff !important;
2743    text-decoration: none !important;
2744    display: flex;
2745    flex-direction: column;
2746    align-items: center;
2747    text-align: center;
2748    box-shadow: 0 8px 22px rgba(16, 48, 74, .12);
2749    transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
2750}
2751.ybs-card:hover {
2752    transform: translateY(-4px);
2753    box-shadow: 0 14px 28px rgba(16, 48, 74, .18);
2754    filter: brightness(1.03);
2755    color: #fff !important;
2756}
2757.ybs-card__icon {
2758    display: flex;
2759    align-items: center;
2760    justify-content: center;
2761    width: 52px;
2762    height: 52px;
2763    margin-bottom: 14px;
2764    font-size: 34px;
2765    color: rgba(30, 40, 50, .72);
2766    line-height: 1;
2767}
2768.ybs-card__title {
2769    display: block;
2770    font-size: 12.5px;
2771    font-weight: 800;
2772    letter-spacing: .04em;
2773    text-transform: uppercase;
2774    line-height: 1.35;
2775    margin-bottom: 8px;
2776    color: #fff;
2777}
2778.ybs-card__desc {
2779    display: block;
2780    font-size: 11px;
2781    line-height: 1.45;
2782    font-weight: 500;
2783    color: rgba(255, 255, 255, .92);
2784}
2785@media (max-width: 767px) {
2786    .ybs-nav { width: 32px; height: 32px; font-size: 12px; }
2787    .ybs-card { flex: 0 0 140px; width: 140px; min-height: 180px; padding: 18px 12px 14px; }
2788    .ybs-card__icon { font-size: 28px; width: 44px; height: 44px; margin-bottom: 10px; }
2789    .ybs-card__title { font-size: 11px; }
2790    .ybs-card__desc { font-size: 10px; }
2791}
2792</style>
2793<script>
2794(function () {
2795    var track = document.getElementById('ybsTrack');
2796    if (!track) return;
2797    var viewport = track.parentElement;
2798    var prev = document.querySelector('.ybs-nav--prev');
2799    var next = document.querySelector('.ybs-nav--next');
2800    var offset = 0;
2801
2802    function stepSize() {
2803        var card = track.querySelector('.ybs-card');
2804        if (!card) return 172;
2805        var gap = 14;
2806        return card.offsetWidth + gap;
2807    }
2808
2809    function maxOffset() {
2810        return Math.max(0, track.scrollWidth - viewport.clientWidth);
2811    }
2812
2813    function updateNav() {
2814        if (prev) prev.disabled = offset <= 0;
2815        if (next) next.disabled = offset >= maxOffset() - 2;
2816        track.style.transform = 'translateX(' + (-offset) + 'px)';
2817    }
2818
2819    function move(dir) {
2820        offset += dir * stepSize() * 2;
2821        offset = Math.max(0, Math.min(maxOffset(), offset));
2822        updateNav();
2823    }
2824
2825    if (prev) prev.addEventListener('click', function () { move(-1); });
2826    if (next) next.addEventListener('click', function () { move(1); });
2827    window.addEventListener('resize', function () {
2828        offset = Math.min(offset, maxOffset());
2829        updateNav();
2830    });
2831    updateNav();
2832})();
2833</script>
2833
2834<section class="sm-unified-section ah-section">
2835    <div class="sm-unified-header">
2836        <div class="kartso-shell">
2837            <div class="sm-unified-header__inner">
2838                <div class="sm-unified-title">
2839                    <span class="sm-unified-subtitle">Dijital Dünyada Kars TSO</span>
2840                    <h2>SOSYAL MEDYADA BİZ</h2>
2841                    <p>Odamızın güncel projeleri, üye faaliyetleri ve şehrimize dair önemli gelişmelerden anında haberdar olmak için dijital platformlarda da yanınızdayız.</p>
2842                </div>
2843                <div class="sm-unified-actions">
2844                    <!-- Global action buttons removed to place them above each grid -->
2845                </div>
2846            </div>
2847        </div>
2848    </div>
2849    
2850    <div class="sm-fullwidth-wrap">
2851                <div class="sm-half-col sm-half-col--left">
2852            <div class="sm-half-header sm-half-header--ig">
2853                <div class="sm-half-title">
2854                    <i class="fab fa-instagram"></i> Instagram'da Biz
2855                </div>
2856                <a href="https://www.instagram.com/karstso/" target="_blank" class="sm-half-follow">Takip Et <i class="fas fa-chevron-right"></i></a>
2857            </div>
2858            <div class="sm-fullwidth-collage">
2859                                <a class="sm-collage-item "
2860                   href="tema/genel/uploads/sosyal_feed/instagram/Da5qb2jjEq0.jpg"
2861                   data-fancybox="social-gallery-ig"                   data-caption="Kars Ticaret ve Sanayi Odamızın organizasyonu ile, Yönetim Kurulu Başkanımız Kadir Bozan öncülüğünde… &lt;br&gt;&lt;a href=&quot;https://www.instagram.com/p/Da5qb2jjEq0/&quot; target=&quot;_blank&quot; style=&quot;color:#e1061b; font-weight:bold; text-decoration:underline; display:inline-block; margin-top:5px;&quot;&gt;Instagram&#039;da Gör &lt;i class=&quot;fas fa-external-link-alt&quot;&gt;&lt;/i&gt;&lt;/a&gt;"
2862                   >
2863                                        <img class="sm-collage-item__img" src="tema/genel/uploads/sosyal_feed/instagram/Da5qb2jjEq0.jpg" alt="" loading="lazy">
2864                                        <span class="sm-collage-item__overlay"><i class="fab fa-instagram sm-collage-item__icon"></i></span>
2865                                    </a>
2866                                <a class="sm-collage-item "
2867                   href="tema/genel/uploads/sosyal_feed/instagram/DapuPtxjCg5.jpg"
2868                   data-fancybox="social-gallery-ig"                   data-caption="Yönetim Kurulu Başkanımız Sayın Kadir Bozan, Kars Müteahhitler Derneği tarafından düzenlenen istişar… &lt;br&gt;&lt;a href=&quot;https://www.instagram.com/p/DapuPtxjCg5/&quot; target=&quot;_blank&quot; style=&quot;color:#e1061b; font-weight:bold; text-decoration:underline; display:inline-block; margin-top:5px;&quot;&gt;Instagram&#039;da Gör &lt;i class=&quot;fas fa-external-link-alt&quot;&gt;&lt;/i&gt;&lt;/a&gt;"
2869                   >
2870                                        <img class="sm-collage-item__img" src="tema/genel/uploads/sosyal_feed/instagram/DapuPtxjCg5.jpg" alt="" loading="lazy">
2871                                        <span class="sm-collage-item__overlay"><i class="fab fa-instagram sm-collage-item__icon"></i></span>
2872                                    </a>
2873                                <a class="sm-collage-item "
2874                   href="tema/genel/uploads/sosyal_feed/instagram/DakuJIbs_55.jpg"
2875                   data-fancybox="social-gallery-ig"                   data-caption=" &lt;br&gt;&lt;a href=&quot;https://www.instagram.com/p/DakuJIbs_55/&quot; target=&quot;_blank&quot; style=&quot;color:#e1061b; font-weight:bold; text-decoration:underline; display:inline-block; margin-top:5px;&quot;&gt;Instagram&#039;da Gör &lt;i class=&quot;fas fa-external-link-alt&quot;&gt;&lt;/i&gt;&lt;/a&gt;"
2876                   >
2877                                        <img class="sm-collage-item__img" src="tema/genel/uploads/sosyal_feed/instagram/DakuJIbs_55.jpg" alt="" loading="lazy">
2878                                        <span class="sm-collage-item__overlay"><i class="fab fa-instagram sm-collage-item__icon"></i></span>
2879                                    </a>
2880                                <a class="sm-collage-item "
2881                   href="tema/genel/uploads/sosyal_feed/instagram/DaidiewsiVA.jpg"
2882                   data-fancybox="social-gallery-ig"                   data-caption="📢 KARS TİCARET VE SANAYİ ODASI DUYURUSU
2883
2884Değerli Üyelerimiz,
2885
2886Kars Ticaret ve Sanayi Odamızın paydaş… &lt;br&gt;&lt;a href=&quot;https://www.instagram.com/p/DaidiewsiVA/&quot; target=&quot;_blank&quot; style=&quot;color:#e1061b; font-weight:bold; text-decoration:underline; display:inline-block; margin-top:5px;&quot;&gt;Instagram&#039;da Gör &lt;i class=&quot;fas fa-external-link-alt&quot;&gt;&lt;/i&gt;&lt;/a&gt;"
2887                   >
2888                                        <img class="sm-collage-item__img" src="tema/genel/uploads/sosyal_feed/instagram/DaidiewsiVA.jpg" alt="" loading="lazy">
2889                                        <span class="sm-collage-item__overlay"><i class="fab fa-instagram sm-collage-item__icon"></i></span>
2890                                    </a>
2891                                <a class="sm-collage-item "
2892                   href="tema/genel/uploads/sosyal_feed/instagram/DafwDf_sH6a.jpg"
2893                   data-fancybox="social-gallery-ig"                   data-caption="KARS’A MÜJDE! BAKÜ–KARS UÇAK SEFERLERİ BAŞLIYOR
2894Kadir Bozan’ın kararlı girişimleri sonuç verdi… Kars… &lt;br&gt;&lt;a href=&quot;https://www.instagram.com/p/DafwDf_sH6a/&quot; target=&quot;_blank&quot; style=&quot;color:#e1061b; font-weight:bold; text-decoration:underline; display:inline-block; margin-top:5px;&quot;&gt;Instagram&#039;da Gör &lt;i class=&quot;fas fa-external-link-alt&quot;&gt;&lt;/i&gt;&lt;/a&gt;"
2895                   >
2896                                        <img class="sm-collage-item__img" src="tema/genel/uploads/sosyal_feed/instagram/DafwDf_sH6a.jpg" alt="" loading="lazy">
2897                                        <span class="sm-collage-item__overlay"><i class="fab fa-instagram sm-collage-item__icon"></i></span>
2898                                    </a>
2899                                <a class="sm-collage-item "
2900                   href="tema/genel/uploads/sosyal_feed/instagram/DactmjjDDja.jpg"
2901                   data-fancybox="social-gallery-ig"                   data-caption="AZERBAYCAN KARS BAŞKONSOLOSU SAYIN ZAMİN ALİYEV&amp;#039;DEN ODAMIZA VEDA ZİYARETİ
2902
2903Azerbaycan Kars Başkonsol… &lt;br&gt;&lt;a href=&quot;https://www.instagram.com/p/DactmjjDDja/&quot; target=&quot;_blank&quot; style=&quot;color:#e1061b; font-weight:bold; text-decoration:underline; display:inline-block; margin-top:5px;&quot;&gt;Instagram&#039;da Gör &lt;i class=&quot;fas fa-external-link-alt&quot;&gt;&lt;/i&gt;&lt;/a&gt;"
2904                   >
2905                                        <img class="sm-collage-item__img" src="tema/genel/uploads/sosyal_feed/instagram/DactmjjDDja.jpg" alt="" loading="lazy">
2906                                        <span class="sm-collage-item__overlay"><i class="fab fa-instagram sm-collage-item__icon"></i></span>
2907                                    </a>
2908                            </div>
2909        </div>
2910        
2911                <div class="sm-half-col sm-half-col--right">
2912            <div class="sm-half-header sm-half-header--fb">
2913                <div class="sm-half-title">
2914                    <i class="fab fa-facebook-f"></i> Facebook'ta Biz
2915                </div>
2916                <a href="https://www.facebook.com/karstso" target="_blank" class="sm-half-follow">Takip Et <i class="fas fa-chevron-right"></i></a>
2917            </div>
2918            
2919                        <div class="sm-fullwidth-collage">
2920                                <a class="sm-collage-item "
2921                   href="tema/genel/uploads/sosyal_feed/instagram/DZPeT26jFUV.jpg"
2922                   data-fancybox="social-gallery-fb"                   data-caption="KARS-ARDAHAN-IĞDIR YEREL KALKINMA PANELİ YOĞUN KATILIMLA GERÇEKLEŞTİRİLDİ
2923
2924Kars Ticaret ve Sanayi Od… &lt;br&gt;&lt;a href=&quot;https://www.facebook.com/karstso&quot; target=&quot;_blank&quot; style=&quot;color:#e1061b; font-weight:bold; text-decoration:underline; display:inline-block; margin-top:5px;&quot;&gt;Facebook&#039;ta Gör &lt;i class=&quot;fas fa-external-link-alt&quot;&gt;&lt;/i&gt;&lt;/a&gt;"
2925                   >
2926                                        <img class="sm-collage-item__img" src="tema/genel/uploads/sosyal_feed/instagram/DZPeT26jFUV.jpg" alt="" loading="lazy">
2927                                        <span class="sm-collage-item__overlay"><i class="fab fa-facebook-f sm-collage-item__icon"></i></span>
2928                                    </a>
2929                                <a class="sm-collage-item "
2930                   href="tema/genel/uploads/sosyal_feed/instagram/DZPiKkmsXyv.jpg"
2931                   data-fancybox="social-gallery-fb"                   data-caption="KARS–ARDAHAN–IĞDIR YEREL KALKINMA PANELİ YOĞUN KATILIMLA GERÇEKLEŞTİRİLDİ
2932
2933Kars Ticaret ve Sanayi Od… &lt;br&gt;&lt;a href=&quot;https://www.facebook.com/karstso&quot; target=&quot;_blank&quot; style=&quot;color:#e1061b; font-weight:bold; text-decoration:underline; display:inline-block; margin-top:5px;&quot;&gt;Facebook&#039;ta Gör &lt;i class=&quot;fas fa-external-link-alt&quot;&gt;&lt;/i&gt;&lt;/a&gt;"
2934                   >
2935                                        <img class="sm-collage-item__img" src="tema/genel/uploads/sosyal_feed/instagram/DZPiKkmsXyv.jpg" alt="" loading="lazy">
2936                                        <span class="sm-collage-item__overlay"><i class="fab fa-facebook-f sm-collage-item__icon"></i></span>
2937                                    </a>
2938                                <a class="sm-collage-item "
2939                   href="https://www.facebook.com/karstso"
2940                                      data-caption="Kars-Ardahan-Iğdır Yerel Kalkınma Panelimiz, ulusal basında geniş yer buldu.
2941
2942Bölgesel kalkınma, yat… &lt;br&gt;&lt;a href=&quot;https://www.facebook.com/karstso&quot; target=&quot;_blank&quot; style=&quot;color:#e1061b; font-weight:bold; text-decoration:underline; display:inline-block; margin-top:5px;&quot;&gt;Facebook&#039;ta Gör &lt;i class=&quot;fas fa-external-link-alt&quot;&gt;&lt;/i&gt;&lt;/a&gt;"
2943                   target="_blank" rel="noopener noreferrer">
2944                                        <img class="sm-collage-item__img" src="tema/genel/uploads/sosyal_feed/instagram/DZZi962sR1g.jpg" alt="" loading="lazy">
2945                                        <span class="sm-collage-item__overlay"><i class="fab fa-facebook-f sm-collage-item__icon"></i></span>
2946                    <span class="sm-collage-item__play"><i class="fas fa-play"></i></span>                </a>
2947                                <a class="sm-collage-item "
2948                   href="tema/genel/uploads/sosyal_feed/instagram/DZeqFZ9Msxb.jpg"
2949                   data-fancybox="social-gallery-fb"                   data-caption="📍 İl Genel Meclis Başkanı Fuat Arslan’dan Odamıza Ziyaret
2950
2951Kars İl Genel Meclis Başkanı Sayın Fuat A… &lt;br&gt;&lt;a href=&quot;https://www.facebook.com/karstso&quot; target=&quot;_blank&quot; style=&quot;color:#e1061b; font-weight:bold; text-decoration:underline; display:inline-block; margin-top:5px;&quot;&gt;Facebook&#039;ta Gör &lt;i class=&quot;fas fa-external-link-alt&quot;&gt;&lt;/i&gt;&lt;/a&gt;"
2952                   >
2953                                        <img class="sm-collage-item__img" src="tema/genel/uploads/sosyal_feed/instagram/DZeqFZ9Msxb.jpg" alt="" loading="lazy">
2954                                        <span class="sm-collage-item__overlay"><i class="fab fa-facebook-f sm-collage-item__icon"></i></span>
2955                                    </a>
2956                                <a class="sm-collage-item "
2957                   href="tema/genel/uploads/sosyal_feed/instagram/DaBQswJDFN_.jpg"
2958                   data-fancybox="social-gallery-fb"                   data-caption="KARS KAŞARI AVRUPA YOLUNDA
2959
2960Kars Kaşarı&amp;#039;nın Avrupa Birliği Coğrafi İşaret Tescili sürecine ilişkin i… &lt;br&gt;&lt;a href=&quot;https://www.facebook.com/karstso&quot; target=&quot;_blank&quot; style=&quot;color:#e1061b; font-weight:bold; text-decoration:underline; display:inline-block; margin-top:5px;&quot;&gt;Facebook&#039;ta Gör &lt;i class=&quot;fas fa-external-link-alt&quot;&gt;&lt;/i&gt;&lt;/a&gt;"
2961                   >
2962                                        <img class="sm-collage-item__img" src="tema/genel/uploads/sosyal_feed/instagram/DaBQswJDFN_.jpg" alt="" loading="lazy">
2963                                        <span class="sm-collage-item__overlay"><i class="fab fa-facebook-f sm-collage-item__icon"></i></span>
2964                                    </a>
2965                                <a class="sm-collage-item "
2966                   href="tema/genel/uploads/sosyal_feed/instagram/DaKQss6MlbZ.jpg"
2967                   data-fancybox="social-gallery-fb"                   data-caption="📢 KARS TİCARET VE SANAYİ ODASI DUYURUSU
2968
2969🚀 E-Ticarete Adım Atmak veya İşinizi Dijitalde Büyütmek İst… &lt;br&gt;&lt;a href=&quot;https://www.facebook.com/karstso&quot; target=&quot;_blank&quot; style=&quot;color:#e1061b; font-weight:bold; text-decoration:underline; display:inline-block; margin-top:5px;&quot;&gt;Facebook&#039;ta Gör &lt;i class=&quot;fas fa-external-link-alt&quot;&gt;&lt;/i&gt;&lt;/a&gt;"
2970                   >
2971                                        <img class="sm-collage-item__img" src="tema/genel/uploads/sosyal_feed/instagram/DaKQss6MlbZ.jpg" alt="" loading="lazy">
2972                                        <span class="sm-collage-item__overlay"><i class="fab fa-facebook-f sm-collage-item__icon"></i></span>
2973                                    </a>
2974                            </div>
2975                    </div>
2976            </div>
2977</section>
2978
2979<style>
2980.sm-unified-section {
2981    background: #eef1f4;
2982    padding: clamp(40px, 5vw, 70px) 0 0;
2983}
2984
2985.sm-unified-header__inner {
2986    display: flex;
2987    flex-direction: column;
2988    align-items: center;
2989    text-align: center;
2990    margin-bottom: clamp(25px, 4vw, 40px);
2991}
2992
2993.sm-unified-subtitle {
2994    display: inline-block;
2995    font-size: 13px;
2996    font-weight: 700;
2997    text-transform: uppercase;
2998    letter-spacing: .1em;
2999    color: #e1061b;
3000    margin-bottom: 8px;
3001    background: rgba(225, 6, 27, 0.08);
3002    padding: 4px 12px;
3003    border-radius: 20px;
3004}
3005
3006.sm-unified-title h2 {
3007    margin: 0 0 10px 0;
3008    font-size: clamp(1.6rem, 3vw, 2.2rem);
3009    font-weight: 800;
3010    letter-spacing: .02em;
3011    color: #10304a;
3012    line-height: 1.2;
3013}
3014
3015.sm-unified-title p {
3016    margin: 0 auto;
3017    color: #647892;
3018    font-size: clamp(14px, 1.1vw, 15px);
3019    max-width: 650px;
3020    line-height: 1.6;
3021}
3022
3023.sm-unified-actions {
3024    display: flex;
3025    gap: 15px;
3026}
3027
3028.sm-btn {
3029    display: inline-flex;
3030    align-items: center;
3031    gap: 8px;
3032    padding: 12px 24px;
3033    border-radius: 50px;
3034    font-weight: 700;
3035    font-size: 14px;
3036    text-transform: uppercase;
3037    letter-spacing: .05em;
3038    color: #fff !important;
3039    text-decoration: none !important;
3040    transition: all .3s ease;
3041}
3042
3043.sm-btn--ig {
3044    background: linear-gradient(135deg, #f09433, #dc2743, #bc1888);
3045    box-shadow: 0 8px 20px rgba(220, 39, 67, .25);
3046}
3047
3048.sm-btn--fb {
3049    background: linear-gradient(135deg, #1877f2, #0d65d9);
3050    box-shadow: 0 8px 20px rgba(24, 119, 242, .25);
3051}
3052
3053.sm-btn:hover {
3054    transform: translateY(-3px);
3055    box-shadow: 0 12px 25px rgba(16, 48, 74, .2);
3056}
3057
3058.sm-fullwidth-wrap {
3059    display: flex;
3060    width: 100vw;
3061    max-width: 100vw;
3062    margin-left: calc(50% - 50vw);
3063    margin-right: calc(50% - 50vw);
3064    background: #fff;
3065    border-top: 1px solid rgba(16, 48, 74, 0.05);
3066    padding: 0 15px; /* Kenarlardan biraz nefes aldır */
3067    box-sizing: border-box;
3068}
3069
3070.sm-half-col {
3071    flex: 1;
3072    width: 50%;
3073    min-width: 0;
3074    display: flex;
3075    flex-direction: column;
3076    padding-bottom: 20px;
3077}
3078
3079.sm-half-col--left {
3080    border-right: 3px solid #e1061b; /* Tema renginden daha belirgin orta çizgi */
3081    padding-right: 25px;
3082}
3083
3084.sm-half-col--right {
3085    padding-left: 25px;
3086}
3087
3088.sm-half-header {
3089    display: flex;
3090    align-items: center;
3091    justify-content: space-between;
3092    padding: 20px 0;
3093    background: transparent;
3094}
3095
3096.sm-half-title {
3097    display: flex;
3098    align-items: center;
3099    gap: 12px;
3100    font-size: 1.15rem;
3101    font-weight: 800;
3102    letter-spacing: .02em;
3103}
3104
3105.sm-half-header--ig .sm-half-title { color: #bc1888; }
3106.sm-half-header--fb .sm-half-title { color: #1877f2; }
3107
3108.sm-half-follow {
3109    display: inline-flex;
3110    align-items: center;
3111    gap: 6px;
3112    font-size: 12px;
3113    font-weight: 700;
3114    text-transform: uppercase;
3115    color: #10304a;
3116    text-decoration: none !important;
3117    background: #eef1f4;
3118    padding: 8px 18px;
3119    border-radius: 30px;
3120    transition: all .2s;
3121}
3122
3123.sm-half-follow:hover {
3124    background: #10304a;
3125    color: #fff;
3126}
3127
3128.sm-fullwidth-collage {
3129    display: grid;
3130    grid-template-columns: repeat(3, 1fr);
3131    gap: 15px; /* Daha belirgin oval köşeler için aradaki boşluk artırıldı */
3132    width: 100%;
3133}
3134
3135.sm-collage-item {
3136    position: relative;
3137    display: block;
3138    aspect-ratio: 16 / 9;
3139    overflow: hidden;
3140    text-decoration: none !important;
3141    background: #10304a;
3142    border-radius: 20px; /* Çok daha belirgin yuvarlak hatlar */
3143    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
3144    transition: transform 0.3s ease, box-shadow 0.3s ease;
3145}
3146
3147.sm-collage-item:hover {
3148    transform: translateY(-3px);
3149    box-shadow: 0 8px 25px rgba(0,0,0,0.12);
3150}
3151
3152.sm-collage-item--text {
3153    background: linear-gradient(145deg, #10304a, #304050);
3154}
3155
3156.sm-collage-item__img {
3157    width: 100%;
3158    height: 100%;
3159    object-fit: cover;
3160    display: block;
3161    transition: transform .5s cubic-bezier(0.25, 1, 0.5, 1);
3162}
3163
3164.sm-collage-item:hover .sm-collage-item__img {
3165    transform: scale(1.1);
3166}
3167
3168.sm-collage-item__text-wrap {
3169    position: absolute;
3170    inset: 0;
3171    padding: 20px;
3172    display: flex;
3173    align-items: center;
3174    justify-content: center;
3175    text-align: center;
3176}
3177
3178.sm-collage-item__quote {
3179    color: #fff;
3180    font-size: 13px;
3181    line-height: 1.5;
3182    font-weight: 600;
3183    display: -webkit-box;
3184    -webkit-line-clamp: 6;
3185    -webkit-box-orient: vertical;
3186    overflow: hidden;
3187}
3188
3189.sm-collage-item__overlay {
3190    position: absolute;
3191    inset: 0;
3192    background: rgba(16, 48, 74, 0.85); /* Kurumsal Lacivert Overlay */
3193    opacity: 0;
3194    transition: opacity .3s ease;
3195    display: flex;
3196    align-items: center;
3197    justify-content: center;
3198    pointer-events: none;
3199}
3200
3201.sm-collage-item:hover .sm-collage-item__overlay {
3202    opacity: 1;
3203}
3204
3205.sm-collage-item__icon {
3206    color: #fff;
3207    font-size: 32px;
3208    transform: scale(0.5);
3209    opacity: 0;
3210    transition: all .4s cubic-bezier(0.25, 1, 0.5, 1);
3211}
3212
3213.sm-collage-item:hover .sm-collage-item__icon {
3214    transform: scale(1);
3215    opacity: 1;
3216}
3217
3218.sm-collage-item__play {
3219    position: absolute;
3220    top: 15px;
3221    right: 15px;
3222    width: 32px;
3223    height: 32px;
3224    border-radius: 50%;
3225    background: rgba(255, 255, 255, .9);
3226    color: #e1061b; /* Kars Kırmızısı play butonu */
3227    display: inline-flex;
3228    align-items: center;
3229    justify-content: center;
3230    font-size: 12px;
3231    box-shadow: 0 4px 10px rgba(0, 0, 0, .2);
3232    z-index: 2;
3233}
3234
3235@media (max-width: 991px) {
3236    .sm-fullwidth-wrap {
3237        flex-direction: column;
3238        padding: 0;
3239    }
3240    .sm-half-col {
3241        width: 100%;
3242        padding: 0 15px 35px 15px !important;
3243        border-right: none !important;
3244    }
3245    .sm-half-col--left {
3246        border-bottom: 3px solid #e1061b !important; /* Mobilde alta geçen çizgi */
3247        margin-bottom: 10px;
3248    }
3249    .sm-half-col--right {
3250        padding-top: 20px !important;
3251    }
3252    .sm-fullwidth-collage {
3253        grid-template-columns: repeat(2, 1fr); /* Mobilde resimler aşırı küçülmesin diye 2'ye düşürüldü */
3254        gap: 12px;
3255    }
3256}
3257
3258@media (max-width: 575px) {
3259    .sm-fullwidth-collage {
3260        grid-template-columns: repeat(1, 1fr); /* Çok küçük ekranlarda alt alta diz */
3261        gap: 15px;
3262    }
3263    .sm-collage-item {
3264        border-radius: 16px;
3265    }
3266}
3267</style>
3268<link rel="stylesheet" href="tema/genel/assets/css/iletisim-page.css.php?v=20260621b">
3269<section class="ah-section ah-map-section" id="anasayfa-harita">
3270    <div class="kartso-shell ah-map-section__intro">
3271        <div class="kartso-contact-map__head">
3272            <h2>Bize Ulaşın</h2>
3273            <p>Yusufpaşa Mahallesi, Karadağ Cad. No:1 Merkez / Kars / TÜRKİYE
3274</p>
3275        </div>
3276        <div class="kartso-contact-map__dirs">
3277            <a class="kartso-dir-btn kartso-dir-btn--google" href="https://www.google.com/maps/dir/?api=1&amp;destination=40.6093704%2C43.0984615" target="_blank" rel="noopener noreferrer"><i class="fab fa-google"></i> Google</a>
3278            <a class="kartso-dir-btn kartso-dir-btn--apple" href="https://maps.apple.com/?daddr=40.6093704%2C43.0984615&amp;ll=40.6093704%2C43.0984615&amp;q=Kars%20Ticaret%20Ve%20Sanayi%20Odas%C4%B1&amp;dirflg=d" target="_blank" rel="noopener noreferrer"><i class="fab fa-apple"></i> Apple</a>
3279            <a class="kartso-dir-btn kartso-dir-btn--yandex" href="https://yandex.com.tr/maps/?rtext=~43.0984615%2C40.6093704&amp;rtt=auto&amp;ll=43.0984615%2C40.6093704&amp;z=17&amp;pt=43.0984615%2C40.6093704" target="_blank" rel="noopener noreferrer"><i class="fas fa-map"></i> Yandex</a>
3280            <a class="kartso-dir-btn" href="iletisim#harita"><i class="fas fa-envelope"></i> İletişim</a>
3281        </div>
3282    </div>
3283    <div class="ah-map-stretch">
3284        <div class="kartso-contact-map__frame ah-map-stretch__frame">
3285            <span class="kartso-contact-map__pin"><i class="fas fa-map-marker-alt"></i> KARS TİCARET VE SANAYİ ODASI</span>
3286            <div class="ah-map-stretch__embed">
3287                <iframe width="100%" height="350"  frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d12115.719574024864!2d43.0984615!3d40.6093704!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xa7cb19b4b4ea8d4e!2sKars%20Ticaret%20Ve%20Sanayi%20Odas%C4%B1!5e0!3m2!1str!2str!4v1633895376452!5m2!1str!2str" style="border:0;" allowfullscreen="" loading="lazy"></iframe>            </div>
3288        </div>
3289    </div>
3290</section>
3291<style>
3292.ah-map-section {
3293    padding: clamp(28px, 4vw, 48px) 0 0;
3294    background: #eef1f4;
3295    overflow: hidden;
3296}
3297
3298.ah-map-section__intro {
3299    padding-bottom: clamp(18px, 2.5vw, 28px);
3300}
3301
3302.ah-map-section .kartso-contact-map__head {
3303    margin-bottom: clamp(16px, 2vw, 24px);
3304}
3305
3306.ah-map-stretch {
3307    width: 100vw;
3308    max-width: 100%;
3309    margin-left: calc(50% - 50vw);
3310    margin-right: calc(50% - 50vw);
3311}
3312
3313.ah-map-stretch__frame {
3314    border-radius: 0 !important;
3315    border: none !important;
3316    box-shadow: none !important;
3317    min-height: clamp(380px, 52vh, 620px);
3318    height: clamp(380px, 52vh, 620px);
3319    background: #cbd5e1;
3320}
3321
3322.ah-map-stretch__embed {
3323    position: absolute;
3324    inset: 0;
3325    z-index: 1;
3326}
3327
3328.ah-map-stretch__embed > * {
3329    width: 100% !important;
3330    height: 100% !important;
3331}
3332
3333.ah-map-stretch__embed iframe,
3334.ah-map-stretch__embed embed,
3335.ah-map-stretch__embed object {
3336    display: block !important;
3337    width: 100% !important;
3338    height: 100% !important;
3339    min-height: 100% !important;
3340    border: 0 !important;
3341    margin: 0 !important;
3342    padding: 0 !important;
3343}
3344
3345@media (max-width: 767px) {
3346    .ah-map-stretch__frame {
3347        min-height: clamp(300px, 45vh, 420px);
3348        height: clamp(300px, 45vh, 420px);
3349    }
3350
3351    .ah-map-section .kartso-contact-map__pin {
3352        top: 12px;
3353        left: 12px;
3354        font-size: 12px;
3355        padding: 10px 14px;
3356    }
3357}
3358</style>
3359<link rel="stylesheet" href="https://karstso.org.tr/_class/css/basvuru-widget.css?v=1790682959">
3360
3361<section class="kbv2-section">
3362    <div class="kbv2-overlay"></div>
3363    <div class="container" style="position: relative; z-index: 2;">
3364        <div class="kbv2-wrap">
3365
3366            <!-- SOL: Bilgi Alanı -->
3367            <div class="kbv2-left" style="--basvuru-color:#11998e">
3368                <div class="kbv2-badge">
3369                    <i class="mdi mdi-lightning-bolt"></i> Hızlı Başvuru
3370                </div>
3371                <h2 class="kbv2-title">Online<br>Başvuru<br>Portalı</h2>
3372                <p class="kbv2-sub">Eğitim ve iş başvurularınızı birkaç dakikada tamamlayın. Belgelerinizi yükleyin, başvurunuz anında iletilsin.</p>
3373
3374                <ul class="kbv2-features">
3375                    <li><i class="mdi mdi-check-circle"></i> Kolay & hızlı form doldurma</li>
3376                    <li><i class="mdi mdi-check-circle"></i> Belge yükleme desteği</li>
3377                    <li><i class="mdi mdi-check-circle"></i> Anında başvuru teslimi</li>
3378                    <li><i class="mdi mdi-check-circle"></i> Yetkili incelemesi</li>
3379                </ul>
3380
3381                            </div>
3382
3383            <!-- DİVİDER: Kırmızıya çalan dikey gradyan çizgi -->
3384            <div class="kbv2-divider"></div>
3385
3386            <!-- SAĞ: Form Alanı -->
3387            <div class="kbv2-right">
3388              <div class="kbv2-panels-container">
3389                                <div id="kbv2-panel-1"
3390                     class="kbv2-panel "
3391                     style="--basvuru-color:#11998e">
3392                        <div class="kartso-basvuru-widget" id="basvuru-form-1"
3393         style="--basvuru-color: #11998e;">
3394        
3395        <div class="kb-header">
3396            <div class="kb-icon-wrap">
3397                <i class="mdi mdi-school"></i>
3398            </div>
3399            <div>
3400                <h3 class="kb-title">Eğitim Başvurusu</h3>
3401                                    <p class="kb-desc">Kars Ticaret ve Sanayi Odası eğitim ve kurs başvuru formu.</p>
3402                            </div>
3403        </div>
3404
3405        <div class="kb-body">
3406            <div class="kb-success-msg" style="display:none;">
3407                <div class="kb-success-animation">
3408                    <div class="kb-checkmark-circle">
3409                        <div class="kb-checkmark draw"></div>
3410                    </div>
3411                </div>
3412                <h4>Başvurunuz Başarıyla Alındı!</h4>
3413                <p>
3413Başvurunuz alınmış olup yetkililerimiz tarafından incelendikten sonra tarafınıza bilgi verilecektir.</p>
3414                <button type="button" class="btn btn-sm btn-outline-success mt-3" onclick="location.reload();">Yeni Başvuru</button>
3415            </div>
3416
3417            <form class="kb-form kb-wizard-form" data-form-id="1" novalidate enctype="multipart/form-data">
3418                
3419                <!-- Adım Başlıkları (Wizard Progress) -->
3420                                <div class="kb-wizard-header mb-4">
3421                                        <div class="kb-wizard-node active" data-step="0">
3422                        <div class="kb-node-circle">
3423                            <i class="mdi mdi-account-outline"></i>
3424                        </div>
3425                        <span class="kb-node-label">Kişisel Bilgiler</span>
3426                    </div>
3427                                            <div class="kb-node-line" data-line="0"></div>
3428                                                            <div class="kb-wizard-node " data-step="1">
3429                        <div class="kb-node-circle">
3430                            <i class="mdi mdi-text-box-search-outline"></i>
3431                        </div>
3432                        <span class="kb-node-label">Detaylar & Adres</span>
3433                    </div>
3434                                            <div class="kb-node-line" data-line="1"></div>
3435                                                            <div class="kb-wizard-node " data-step="2">
3436                        <div class="kb-node-circle">
3437                            <i class="mdi mdi-cloud-upload-outline"></i>
3438                        </div>
3439                        <span class="kb-node-label">Belge Yükleme</span>
3440                    </div>
3441                                                        </div>
3442                
3443                <!-- Adım Panelleri -->
3444                <div class="kb-step-panels">
3445                                        <div class="kb-step-panel active" data-step="0">
3446                        <div class="row">
3447                                                        <div class="col-md-6 kb-field-wrap">
3448                                <label class="kb-label">
3449                                    Ad Soyad                                    <span class="kb-required">*</span>                                </label>
3450
3451                                                                    <input type="text" name="alan_1"
3452                                        class="kb-input" placeholder="Adınızı ve soyadınızı giriniz" required>
3453                                                            </div>
3454                                                        <div class="col-md-6 kb-field-wrap">
3455                                <label class="kb-label">
3456                                    T.C. Kimlik No                                    <span class="kb-required">*</span>                                </label>
3457
3458                                                                    <input type="number" name="alan_2"
3459                                        class="kb-input" placeholder="11 haneli T.C. Kimlik Numarası" required>
3460                                                            </div>
3461                                                        <div class="col-md-6 kb-field-wrap">
3462                                <label class="kb-label">
3463                                    Telefon                                    <span class="kb-required">*</span>                                </label>
3464
3465                                                                    <input type="tel" name="alan_3" class="kb-input kb-phone-mask"
3466                                           placeholder="0 (5XX) XXX XX XX" required>
3467
3468                                                            </div>
3469                                                        <div class="col-md-6 kb-field-wrap">
3470                                <label class="kb-label">
3471                                    E-Posta                                    <span class="kb-required">*</span>                                </label>
3472
3473                                                                    <input type="email" name="alan_4"
3474                                        class="kb-input" placeholder="[email protected]" required>
3475                                                            </div>
3476                                                        <div class="col-md-6 kb-field-wrap">
3477                                <label class="kb-label">
3478                                    İlçe                                    <sp
3478an class="kb-required">*</span>                                </label>
3479
3480                                                                    <input type="text" name="alan_6"
3481                                        class="kb-input" placeholder="İkamet ettiğiniz ilçe" required>
3482                                                            </div>
3483                                                    </div>
3484                    </div>
3485                                        <div class="kb-step-panel d-none" data-step="1">
3486                        <div class="row">
3487                                                        <div class="col-md-6 kb-field-wrap">
3488                                <label class="kb-label">
3489                                    İl                                    <span class="kb-required">*</span>                                </label>
3490
3491                                                                    <select name="alan_5" class="kb-input" required>
3492                                        <option value="">-- Seçiniz --</option>
3493                                                                                    <option value="Kars">Kars</option>
3494                                                                                    <option value="İstanbul">İstanbul</option>
3495                                                                                    <option value="Ankara">Ankara</option>
3496                                                                                    <option value="İzmir">İzmir</option>
3497                                                                                    <option value="Bursa">Bursa</option>
3498                                                                                    <option value="Antalya">Antalya</option>
3499                                                                                    <option value="Diğer">Diğer</option>
3500                                                                            </select>
3501
3502                                                            </div>
3503                                                        <div class="col-12 kb-field-wrap">
3504                                <label class="kb-label">
3505                                    Başvuru Yapılacak Eğitim / Kurs                                    <span class="kb-required">*</span>                                </label>
3506
3507                                                                    <select name="alan_7" class="kb-input" required>
3508                                        <option value="">-- Seçiniz --</option>
3509                                                                                    <option value="Dış Ticaret Uzmanlığı Eğitimi">Dış Ticaret Uzmanlığı Eğitimi</option>
3510                                                                                    <option value="KOSGEB Girişimcilik Eğitimi">KOSGEB Girişimcilik Eğitimi</option>
3511                                                                                    <option value="Mesleki İngilizce Eğitimi">Mesleki İngilizce Eğitimi</option>
3512                                                                                    <option value="Sosyal Medya ve Dijital Pazarlama">Sosyal Medya ve Dijital Pazarlama</option>
3513                                                                                    <option value="E-Ticaret Eğitimi">E-Ticaret Eğitimi</option>
3514                                                                            </select>
3515
3516                                                            </div>
3517                                                        <div class="col-12 kb-field-wrap">
3518                                <label class="kb-label">
3519                                    Açık Adres                                                                    </label>
3520
3521                                                                    <textarea name="alan_10" class="kb-input" rows="3"
3522                                        placeholder="Açık adresinizi buraya yazınız..." ></textarea>
3523
3524                                                            </div>
3525                                                    </div>
3526                    </div>
3527                                        <div class="kb-step-panel d-none" data-step="2">
3528                        <div class="row">
3529                                                        <div class="col-md-6 kb-field-wrap">
3530                                <label class="kb-label">
3531                                    Vesikalık Fotoğraf                                    <sp
3531an class="kb-required">*</span>                                </label>
3532
3533                                                                    <div class="kb-file-drag-zone" onclick="this.querySelector('input').click()">
3534                                        <input type="file" name="alan_8" class="d-none kb-file-input" required onchange="kbHandleFileSelect(this, event)">
3535                                        <div class="kb-file-placeholder">
3536                                            <i class="mdi mdi-cloud-upload-outline"></i>
3537                                            <span>Dosya seçmek için tıklayın</span>
3538                                            <small>Portre resminizi yükleyin (JPG/PNG)</small>
3539                                        </div>
3540                                        <div class="kb-file-preview" style="display:none;" onclick="event.stopPropagation()">
3541                                            <img class="kb-preview-img" src="" style="display:none;">
3542                                            <div class="kb-file-details">
3543                                                <i class="mdi mdi-file-document-outline file-icon"></i>
3544                                                <span class="kb-file-name">dosya_adi.png</span>
3545                                                <span class="kb-file-size">120 KB</span>
3546                                            </div>
3547                                            <button type="button" class="kb-file-remove" onclick="kbRemoveFile(this, event)">&times;</button>
3548                                        </div>
3549                                    </div>
3550
3551                                                            </div>
3552                                                        <div class="col-md-6 kb-field-wrap">
3553                                <label class="kb-label">
3554                                    Kimlik Fotokopisi Ön Yüzü                                    <span class="kb-required">*</span>                                </label>
3555
3556                                                                    <div class="kb-file-drag-zone" onclick="this.querySelector('input').click()">
3557                                        <input type="file" name="alan_9" class="d-none kb-file-input" required onchange="kbHandleFileSelect(this, event)">
3558                                        <div class="kb-file-placeholder">
3559                                            <i class="mdi mdi-cloud-upload-outline"></i>
3560                                            <span>Dosya seçmek için tıklayın</span>
3561                                            <small>Kimlik resmini yükleyin (JPG/PNG)</small>
3562                                        </div>
3563                                        <div class="kb-file-preview" style="display:none;" onclick="event.stopPropagation()">
3564                                            <img class="kb-preview-img" src="" style="display:none;">
3565                                            <div class="kb-file-details">
3566                                                <i class="mdi mdi-file-document-outline file-icon"></i>
3567                                                <span class="kb-file-name">dosya_adi.png</span>
3568                                                <span class="kb-file-size">120 KB</span>
3569                                            </div>
3570                                            <button type="button" class="kb-file-remove" onclick="kbRemoveFile(this, event)">&times;</button>
3571                                        </div>
3572                                    </div>
3573
3574                                                            </div>
3575                                                    </div>
3576                    </div>
3577                                    </div>
3578
3579                <!-- Wizard Butonları -->
3580                <div class="kb-wizard-footer d-flex mt-4" style="gap:10px;">
3581                    <button type="button" class="btn kb-prev-btn" style="display:none;" onclick="kbPrevStep(this)">
3582                        <i class="mdi mdi-arrow-left mr-1"></i> Geri
3583                    </button>
3584                    
3585                                        <button type="button" class="btn kb-next-btn ml-auto" onclick="kbNextStep(this)">
3586                        Devam Et <i class="mdi mdi-arrow-right ml-1"></i>
3587                    </button>
3588                    
3589                    <button type="submit" class="btn kb-submit-btn ml-auto" style="display:none;">
3590                        <span class="kb-btn-text">Başvuruyu Gönder</span>
3591                        <span class="kb-btn-spinner" style="display:none;"><i class="mdi mdi-loading mdi-spin mr-1"></i> Gönderiliyor...</span>
3592                    </button>
3593                </div>
3594
3595                <div class="kb-error-msg mt-3" style="display:none;"></div>
3596            </form>
3597        </div>
3598    </div>
3599                    </div>
3600                              </div>
3601            </div>
3602
3603        </div>
3604    </div>
3605</section>
3606
3607<style>
3608/* ── SECTION ── */
3609.kbv2-section {
3610    background: linear-gradient(135deg, #1e2a4a 0%, #2d3a6b 50%, #1a3a5c 100%);
3611    min-height: clamp(420px, 55vh, 650px);
3612    display: flex;
3613    flex-direction: column;
3614    justify-content: center;
3615    padding: 30px 0;
3616    position: relative;
3617    overflow: hidden;
3618}
3619.kbv2-overlay {
3620    position: absolute;
3621    top: 0; left: 0; right: 0; bottom: 0;
3622    background: rgba(15, 23, 42, 0.78); /* Dark layout mask for high readability */
3623    z-index: 1;
3624}
3625
3626/* ── WRAP ── */
3627.kbv2-wrap {
3628    display: flex;
3629    gap: 40px;
3630    align-items: center;
3631    position: relative;
3632    z-index: 2;
3633}
3634
3635/* ── DİVİDER ── */
3636.kbv2-divider {
3637    flex: 0 0 2px;
3638    width: 2px;
3639    align-self: stretch;
3640    background: linear-gradient(180deg, transparent 5%, #ff3b30 20%, #e60023 50%, #b3001b 80%, transparent 95%);
3641    opacity: 0.85;
3642}
3643
3644/* ── LEFT ── */
3645.kbv2-left {
3646    flex: 0 0 300px;
3647    width: 300px;
3648    color: #fff;
3649    position: relative;
3650    z-index: 2;
3651}
3652.kbv2-badge {
3653    display:inline-flex;
3654    align-items:center;
3655    gap:6px;
3656    background:rgba(255,255,255,0.12);
3657    border:1px solid rgba(255,255,255,0.2);
3658    color:#fff;
3659    padding:4px 12px;
3660    border-radius:30px;
3661    font-size:0.7rem;
3662    font-weight:700;
3663    letter-spacing:1px;
3664    text-transform:uppercase;
3665    margin-bottom:12px;
3666    backdrop-filter:blur(6px);
3667}
3668.kbv2-title {
3669    font-size:1.9rem;
3670    font-weight:900;
3671    line-height:1.15;
3672    color:#fff;
3673    margin:0 0 10px;
3674    letter-spacing:-0.5px;
3675}
3676.kbv2-sub {
3677    font-size:0.84rem;
3678    color:rgba(255,255,255,0.72);
3679    line-height:1.55;
3680    margin:0 0 14px;
3681}
3682.kbv2-features {
3683    list-style:none;
3684    margin:0 0 18px;
3685    padding:0;
3686}
3687.kbv2-features li {
3688    display:flex;
3689    align-items:center;
3690    gap:8px;
3691    font-size:0.8rem;
3692    color:rgba(255,255,255,0.85);
3693    padding:3px 0;
3694}
3695.kbv2-features li i {
3696    color:var(--basvuru-color,#667eea);
3697    font-size:14px;
3698}
3699.kbv2-tabs {
3700    display:flex;
3701    flex-direction:column;
3702    gap:6px;
3703}
3704.kbv2-tab {
3705    display:flex;
3706    align-items:center;
3707    gap:8px;
3708    padding:8px 14px;
3709    background:rgba(255,255,255,0.08);
3710    border:1px solid rgba(255,255,255,0.15);
3711    border-radius:8px;
3712    color:rgba(255,255,255,0.75);
3713    font-size:0.8rem;
3714    font-weight:600;
3715    cursor:pointer;
3716    transition:all 0.25s;
3717    text-align:left;
3718}
3719.kbv2-tab:hover {
3720    background:rgba(255,255,255,0.14);
3721    color:#fff;
3722}
3723.kbv2-tab.active {
3724    background:var(--basvuru-color,#667eea);
3725    border-color:var(--basvuru-color,#667eea);
3726    color:#fff;
3727    box-shadow:0 4px 16px rgba(0,0,0,0.2);
3728}
3729
3730/* ── RIGHT ── */
3731.kbv2-right {
3732    flex:1;
3733    min-width:0;
3734    position: relative;
3735    z-index: 2;
3736}
3737.kbv2-panels-container {
3738    position: relative;
3739}
3740.kbv2-panel {
3741    display: block;
3742    width: 100%;
3743    opacity: 1;
3744    transition: opacity 0.3s ease;
3745}
3746.kbv2-panel.kbv2-hidden {
3747    position: absolute;
3748    top: 0;
3749    left: 0;
3750    opacity: 0;
3751    pointer-events: none;
3752    z-index: 0;
3753}
3754.kbv2-panel:not(.kbv2-hidden) {
3755    position: relative;
3756    z-index: 1;
3757}
3758
3759/* Kartı daha ince ve kibar göster */
3760.kbv2-right .kartso-basvuru-widget {
3761    box-shadow:0 16px 50px rgba(0,0,0,0.2);
3762    border:1px solid rgba(255,255,255,0.1);
3763    border-radius: 16px;
3764}
3765.kbv2-right .kb-header {
3766    padding:14px 20px;
3767    gap:16px;
3768}
3769.kbv2-right .kb-icon-wrap {
3770    width: 44px;
3771    height: 44px;
3772    border-radius: 12px;
3773    font-size: 22px;
3774}
3775.kbv2-right .kb-title {
3776    font-size: 1.15rem;
3777    margin-bottom: 2px;
3778}
3779.kbv2-right .kb-desc {
3780    font-size: 0.8rem;
3781}
3782.kbv2-right .kb-body {
3783    padding:18px 22px;
3784}
3785.kbv2-right .kb-wizard-header {
3786    margin-bottom:14px;
3787    max-width: 450px;
3788}
3789.kbv2-right .kb-node-circle {
3790    width:30px;
3791    height:30px;
3792    font-size:13px;
3793}
3794.kbv2-right .kb-node-label {
3795    margin-top: 5px;
3796    font-size: 0.72rem;
3797}
3798.kbv2-right .kb-node-line {
3799    top: -15px;
3800}
3801.kbv2-right .kb-field-wrap {
3802    margin-bottom:10px;
3803}
3804.kbv2-right .kb-label {
3805    font-size:0.82rem;
3806    margin-bottom:4px;
3807}
3808.kbv2-right .kb-input {
3809    padding:8px 12px;
3810    font-size:0.82rem;
3811    border-radius: 8px;
3812}
3813.kbv2-right select.kb-input {
3814    background-position: right 12px center;
3815    padding-right: 36px;
3816}
3817.kbv2-right .kb-wizard-footer {
3818    margin-top: 15px !important;
3819}
3820.kbv2-right .kb-prev-btn,
3821.kbv2-right .kb-next-btn,
3822.kbv2-right .kb-submit-btn {
3823    padding: 8px 20px;
3824    font-size: 0.82rem;
3825    border-radius: 8px;
3826}
3827.kbv2-right .kb-file-drag-zone {
3828    padding: 16px;
3829    border-radius: 10px;
3830}
3831.kbv2-right .kb-file-placeholder i {
3832    font-size: 28px;
3833    margin-bottom: 4px;
3834}
3835.kbv2-right .kb-file-placeholder span {
3836    font-size: 0.8rem;
3837}
3838.kbv2-right .kb-file-placeholder small {
3839    font-size: 0.7rem;
3840}
3841
3842/* ── RESPONSIVE ── */
3843@media (max-width:991px) {
3844    .kbv2-section {
3845        min-height: auto;
3846        height: auto;
3847        padding: 30px 0;
3848    }
3849    .kbv2-wrap {
3850        flex-direction:column;
3851        gap:28px;
3852    }
3853    .kbv2-divider {
3854        flex: 0 0 1px;
3855        width: 100%;
3856        height: 1px;
3857        background: linear-gradient(90deg, transparent 5%, #ff3b30 20%, #e60023 50%, #b3001b 80%, transparent 95%);
3858        margin: 10px 0;
3859    }
3860    .kbv2-left {
3861        flex:none;
3862        width:100%;
3863    }
3864    .kbv2-title {
3865        font-size:1.7rem;
3866    }
3867    .kbv2-tabs {
3868        flex-direction:row;
3869        flex-wrap:wrap;
3870    }
3871}
3872@media (max-width:575px) {
3873    .kbv2-section { padding:24px 0; }
3874    .kbv2-right .kb-header { padding:12px 16px; }
3875    .kbv2-right .kb-body  { padding:14px 16px; }
3876}
3877</style>
3878
3879<script>
3880function kbv2EqualizeHeight() {
3881    var container = document.querySelector('.kbv2-panels-container');
3882    if (!container) return;
3883    var panels = container.querySelectorAll('.kbv2-panel');
3884    var maxH = 0;
3885    // Temporarily make all panels visible to measure
3886    panels.forEach(function(p) {
3887        p.style.position = 'relative';
3888        p.style.opacity = '1';
3889        p.style.pointerEvents = 'auto';
3890        p.style.height = 'auto';
3891    });
3892    panels.forEach(function(p) {
3893        var h = p.offsetHeight;
3894        if (h > maxH) maxH = h;
3895    });
3896    container.style.minHeight = maxH + 'px';
3897    // Re-apply hidden state
3898    panels.forEach(function(p) {
3899        p.style.position = '';
3900        p.style.opacity = '';
3901        p.style.pointerEvents = '';
3902        p.style.height = '';
3903    });
3904}
3905
3906function kbv2Tab(btn) {
3907    var color = btn.getAttribute('data-color');
3908    var target = btn.getAttribute('data-target');
3909    document.querySelectorAll('.kbv2-tab').forEach(function(b){ b.classList.remove('active'); });
3910    document.querySelectorAll('.kbv2-panel').forEach(function(p){ p.classList.add('kbv2-hidden'); });
3911    btn.classList.add('active');
3912    var panel = document.getElementById(target);
3913    if (panel) { panel.classList.remove('kbv2-hidden'); }
3914    // Sol rengi güncelle
3915    var left = document.querySelector('.kbv2-left');
3916    if (left) left.style.setProperty('--basvuru-color', color);
3917}
3918
3919// Equalize on load
3920document.addEventListener('DOMContentLoaded', function() {
3921    setTimeout(kbv2EqualizeHeight, 100);
3922    window.addEventListener('resize', kbv2EqualizeHeight);
3923});
3924
3925function kbNextStep(btn) {
3926    var form = btn.closest('.kb-wizard-form');
3927    var cur  = form.querySelector('.kb-step-panel.active');
3928    var curIdx = parseInt(cur.getAttribute('data-step'));
3929    var valid = true;
3930    cur.querySelectorAll('[required]').forEach(function(input) {
3931        if (input.type === 'file') {
3932            if (!input.files || !input.files.length) {
3933                valid = false;
3934                var zone = input.closest('.kb-file-drag-zone');
3935                if (zone) zone.classList.add('is-invalid');
3936            }
3937        } else if (!input.value.trim()) {
3938            valid = false;
3939            input.classList.add('is-invalid');
3940        } else {
3941            input.classList.remove('is-invalid');
3942        }
3943    });
3944    if (!valid) {
3945        var err = form.querySelector('.kb-error-msg');
3946        err.style.display = 'block';
3947        err.textContent = 'Lütfen zorunlu alanları doldurunuz.';
3948        return;
3949    }
3950    form.querySelector('.kb-error-msg').style.display = 'none';
3951    var next = form.querySelector('.kb-step-panel[data-step="' + (curIdx + 1) + '"]');
3952    if (next) {
3953        cur.classList.remove('active'); cur.classList.add('d-none');
3954        next.classList.remove('d-none'); next.classList.add('active');
3955        var node = form.querySelector('.kb-wizard-node[data-step="' + (curIdx + 1) + '"]');
3956        if (node) node.classList.add('active');
3957        var line = form.querySelector('.kb-node-line[data-line="' + curIdx + '"]');
3958        if (line) line.classList.add('active');
3959        form.querySelector('.kb-prev-btn').style.display = 'inline-block';
3960        if (!form.querySelector('.kb-step-panel[data-step="' + (curIdx + 2) + '"]')) {
3961            btn.style.display = 'none';
3962            form.querySelector('.kb-submit-btn').style.display = 'inline-block';
3963        }
3964    }
3965}
3966
3967function kbPrevStep(btn) {
3968    var form = btn.closest('.kb-wizard-form');
3969    var cur  = form.querySelector('.kb-step-panel.active');
3970    var curIdx = parseInt(cur.getAttribute('data-step'));
3971    var prev = form.querySelector('.kb-step-panel[data-step="' + (curIdx - 1) + '"]');
3972    if (prev) {
3973        cur.classList.remove('active'); cur.classList.add('d-none');
3974        prev.classList.remove('d-none'); prev.classList.add('active');
3975        var node = form.querySelector('.kb-wizard-node[data-step="' + curIdx + '"]');
3976        if (node) node.classList.remove('active');
3977        var line = form.querySelector('.kb-node-line[data-line="' + (curIdx - 1) + '"]');
3978        if (line) line.classList.remove('active');
3979        if (curIdx - 1 === 0) btn.style.display = 'none';
3980        form.querySelector('.kb-next-btn').style.display = 'inline-block';
3981        form.querySelector('.kb-submit-btn').style.display = 'none';
3982    }
3983}
3984
3985function kbHandleFileSelect(input) {
3986    var file = input.files[0];
3987    if (!file) return;
3988    var zone = input.closest('.kb-file-drag-zone');
3989    zone.classList.remove('is-invalid');
3990    zone.querySelector('.kb-file-placeholder').style.display = 'none';
3991    var preview = zone.querySelector('.kb-file-preview');
3992    preview.style.display = 'flex';
3993    zone.querySelector('.kb-file-name').textContent = file.name;
3994    zone.querySelector('.kb-file-size').textContent = (file.size/1024/1024).toFixed(2) + ' MB';
3995    var img = zone.querySelector('.kb-preview-img');
3996    if (file.type.match('image.*')) {
3997        var reader = new FileReader();
3998        reader.onload = function(e){ img.src = e.target.result; img.style.display='block'; };
3999        reader.readAsDataURL(file);
4000    } else { img.style.display = 'none'; }
4001}
4002
4003function kbRemoveFile(btn, e) {
4004    e.stopPropagation();
4005    var zone = btn.closest('.kb-file-drag-zone');
4006    zone.querySelector('.kb-file-input').value = '';
4007    zone.querySelector('.kb-file-preview').style.display = 'none';
4008    zone.querySelector('.kb-file-placeholder').style.display = 'block';
4009}
4010
4011document.addEventListener('DOMContentLoaded', function() {
4012    document.querySelectorAll('.kb-input').forEach(function(inp){
4013        inp.addEventListener('input', function(){ this.classList.remove('is-invalid'); });
4014    });
4015    document.querySelectorAll('.kb-wizard-form').forEach(function(form) {
4016        form.addEventListener('submit', function(e) {
4017            e.preventDefault();
4018            var btn = this.querySelector('.kb-submit-btn');
4019            var successMsg = this.closest('.kb-body').querySelector('.kb-success-msg');
4020            var errMsg = this.querySelector('.kb-error-msg');
4021            errMsg.style.display = 'none';
4022            btn.disabled = true;
4023            btn.querySelector('.kb-btn-text').style.display = 'none';
4024            btn.querySelector('.kb-btn-spinner').style.display = 'inline-block';
4025            var data = new FormData(this);
4026            data.append('_basvuru_form_id', this.getAttribute('data-form-id'));
4027            fetch('https://karstso.org.tr/_ajax/basvuru.php', { method:'POST', body:data })
4028            .then(function(r){ return r.json(); })
4029            .then(function(res) {
4030                btn.disabled = false;
4031                btn.querySelector('.kb-btn-text').style.display = 'inline-block';
4032                btn.querySelector('.kb-btn-spinner').style.display = 'none';
4033                if (res.ok) {
4034                    form.style.display = 'none';
4035                    successMsg.style.display = 'block';
4036                } else {
4037                    errMsg.style.display = 'block';
4038                    errMsg.textContent = res.msg || 'Bir hata oluştu.';
4039                }
4040            })
4041            .catch(function() {
4042                btn.disabled = false;
4043                btn.querySelector('.kb-btn-text').style.display = 'inline-block';
4044                btn.querySelector('.kb-btn-spinner').style.display = 'none';
4045                errMsg.style.display = 'block';
4046                errMsg.textContent = 'Sunucuya bağlanılamadı. Lütfen tekrar deneyin.';
4047            });
4048        });
4049    });
4050});
4051</script>
4051
4052    </section>
4053    </main>
4054
4055    <footer class="footer-area footer-area-2 katso-footer bg_cover" style="background-image: url(tema/genel/uploads/arkaplan/arkaplan23/fotterbnr-20260620161437.png);">
4056        <div class="footer-overlay">
4057            <div class="container-fluid katso-footer-container position-relative">
4058                                <div class="row katso-footer-row no-gutters-lg">
4059                    <div class="col-xl-3 col-lg-3 col-md-6">
4060                        <div class="widget-item-1 mt-30">
4061                            <a href="anasayfa"><img src="tema/genel/uploads/logo/karstsologo002.png" alt="KARS TİCARET VE SANAYİ ODASI"></a>
4062                            <p class="mb-3">KARS TİCARET VE SANAYİ ODASI</p>
4063                            <div class="widget widget-info mb-3">
4064                                <h4><a href="tel:0474 223 10 72">0474 223 10 72</a></h4>
4065                                <ul class="info-lst">
4066                                    <li>Yusufpaşa Mahallesi, Karadağ Cad. No:1 Merkez / Kars / TÜRKİYE
4067</li>
4068                                    <li><a href="iletisim#harita" title="Harita">Harita</a></li>
4069                                    <li>[email protected]</li>
4070                                </ul>
4071                            </div>
4072                            <a class="fab fa-facebook-f rounded-icon bg-icon fs-16" title="facebook" href="https://www.facebook.com/karstso"></a>                            <a class="fab fa-twitter rounded-icon bg-icon fs-16" title="twitter" href="https://twitter.com/karstso36"></a>                            <a class="fab fa-instagram rounded-icon bg-icon fs-16" title="instagram" href="https://www.instagram.com/karstso/"></a>                            <a class="fab fa-linkedin-in rounded-icon bg-icon fs-16" title="linkedin" href="https://tr.linkedin.com/"></a>                            <a class="fab fa-youtube rounded-icon bg-icon fs-16" title="youtube" href="https://www.youtube.com/channel/UCOTkCBMJTwxUhjPtNiRc-dA"></a>                        </div>
4073                    </div>
4074                    <div class="col-xl-2 col-lg-2 col-md-6">
4075                        <div class="widget-item-2 mt-30">
4076                            <h4 class="title">Site içi Bağlantılar</h4>
4077                            <div class="footer-list katso-footer-links-grid">
4078                                <ul><li><a target="_self" rel="noopener" href="."><i class="fal fa-angle-right"></i> YÖNETİM</a></li><li><a target="_self" rel="noopener" href="anasayfa"><i class="fal fa-angle-right"></i> Anasayfa</a></li><li><a target="_self" rel="noopener" href="haberler"><i class="fal fa-angle-right"></i> Haberler</a></li><li><a target="_self" rel="noopener" href="#"><i class="fal fa-angle-right"></i> KURUMSAL</a></li><li><a target="_self" rel="noopener" href="duyurular"><i class="fal fa-angle-right"></i> Duyurular</a></li></ul><ul><li><a target="_self" rel="noopener" href="hizmetler"><i class="fal fa-angle-right"></i> Hizmetler</a></li><li><a target="_self" rel="noopener" href="uye-portal"><i class="fal fa-angle-right"></i> Üye Portalı</a></li><li><a target="_self" rel="noopener" href="sss"><i class="fal fa-angle-right"></i> S.S.S.</a></li><li><a target="_self" rel="noopener" href="belgelerimiz"><i class="fal fa-angle-right"></i> Belgeler</a></li><li><a target="_self" rel="noopener" href="iletisim"><i class="fal fa-angle-right"></i> İletişim</a></li></ul>                            </div>
4079                        </div>
4080                    </div>
4081                    <div class="col-xl-4 col-lg-4 col-md-6">
4082                        <div class="widget-item-2 mt-30">
4083                            <h4 class="title">Faydalı Bağlantılar</h4>
4084                            <p class="katso-footer-kurum-desc">Resmi kurum ve kamu hizmet siteleri</p>
4085                                                        <div class="katso-footer-kurum-grid">
4086                                                                <a href="https://tobb.org.tr/Sayfalar/20200421-webinar.php" target="_blank" rel="noopener noreferrer" title="TOBB WEBİNAR">
4087                                    <i class="fas fa-angle-double-right"></i>
4088                                    <span>TOBB WEBİNAR</span>
4089                                    <i class="fal fa-external-link"></i>
4090                                </a>
4091                                                                <a href="https://www.turkiye.gov.tr/" target="_blank" rel="noopener noreferrer" title="E-DEVLET">
4092                                    <i class="fas fa-globe"></i>
4093                                    <span>E-DEVLET</span>
4094                                    <i class="fal fa-external-link"></i>
4095                                </a>
4096                                                                <a href="https://www.tobb2b.org.tr/ihale.php" target="_blank" rel="noopener noreferrer" title="TOBB İHALELERİ">
4097                                    <i class="fas fa-angle-double-right"></i>
4098                                    <span>TOBB İHALELERİ</span>
4099                                    <i class="fal fa-external-link"></i>
4100                                </a>
4101                                                                <a href="https://www.hmb.gov.tr/" target="_blank" rel="noopener noreferrer" title="HAZİNE VE MALİYE">
4102                                    <i class="fas fa-landmark"></i>
4103                                    <span>HAZİNE VE MALİYE</span>
4104                                    <i class="fal fa-external-link"></i>
4105                                </a>
4106                                                                <a href="https://www.ticaret.gov.tr/yurtdisi-teskilati" target="_blank" rel="noopener noreferrer" title="ÜLKE RAPORLARI">
4107                                    <i class="fas fa-angle-double-right"></i>
4108                                    <span>ÜLKE RAPORLARI</span>
4109                                    <i class="fal fa-external-link"></i>
4110                                </a>
4111                                                                <a href="https://www.gib.gov.tr/" target="_blank" rel="noopener noreferrer" title="GELİR İDARESİ">
4112                                    <i class="fas fa-file-invoice-dollar"></i>
4113                                    <span>GELİR İDARESİ</span>
4114                                    <i class="fal fa-external-link"></i>
4115                                </a>
4116                                                                <a href="https://uye.tobb.org.tr/organizasyon/firma-index.jsp" target="_blank" rel="noopener noreferrer" title="7/24 E-BELGE">
4117                                    <i class="fas fa-angle-double-right"></i>
4118                                    <span>7/24 E-BELGE</span>
4119                                    <i class="fal fa-external-link"></i>
4120                                </a>
4121                                                                <a href="https://www.ticaret.gov.tr/" target="_blank" rel="noopener noreferrer" title="TİCARET BAKANLIĞI">
4122                                    <i class="fas fa-briefcase"></i>
4123                                    <span>TİCARET BAKANLIĞI</span>
4124                                    <i class="fal fa-external-link"></i>
4125                                </a>
4126                                                                <a href="https://www.tobb.org.tr/" target="_blank" rel="noopener noreferrer" title="TOBB">
4127                                    <i class="fas fa-users"></i>
4128                                    <span>TOBB</span>
4129                                    <i class="fal fa-external-link"></i>
4130                                </a>
4131                                                                <a href="https://api.whatsapp.com/send?phone=905528928236" target="_blank" rel="noopener noreferrer" title="Whatsapp">
4132                                    <i class="fas fa-angle-double-right"></i>
4133                                    <span>Whatsapp</span>
4134                                    <i class="fal fa-external-link"></i>
4135                                </a>
4136                                                                <a href="https://www.mersis.gov.tr/" target="_blank" rel="noopener noreferrer" title="MERSİS">
4137                                    <i class="fas fa-building"></i>
4138                                    <span>MERSİS</span>
4139                                    <i class="fal fa-external-link"></i>
4140                                </a>
4141                                                                <a href="https://www.sgk.gov.tr/" target="_blank" rel="noopener noreferrer" title="SGK">
4142                                    <i class="fas fa-heartbeat"></i>
4143                                    <span>SGK</span>
4144                                    <i class="fal fa-external-link"></i>
4145                                </a>
4146                                                                <a href="https://www.kosgeb.gov.tr/" target="_blank" rel="noopener noreferrer" title="KOSGEB">
4147                                    <i class="fas fa-industry"></i>
4148                                    <span>KOSGEB</span>
4149                                    <i class="fal fa-external-link"></i>
4150                                </a>
4151                                                                <a href="https://www.iskur.gov.tr/" target="_blank" rel="noopener noreferrer" title="İŞKUR">
4152                                    <i class="fas fa-user-tie"></i>
4153                                    <span>İŞKUR</span>
4154                                    <i class="fal fa-external-link"></i>
4155                                </a>
4156                                                            </div>
4157                                                    </div>
4158                    </div>
4159                    <div class="col-xl-3 col-lg-3 col-md-12">
4160                        <div class="widget-item-2 widget-item-3 mt-30">
4161                            <h4 class="title">E-Bülten</h4>
4162                            <form action="_class/site_islem.php" method="POST" id="bulten">
4163                                <p class="mb-3">Haber, duyuru ve kampanyalarımızdan e-mail ve SMS ile haberdar olmak isterseniz aşağıdaki ilgili alanlara e-posta adresinizi ve gsm numaranızı ekleyerek kaydolabilirsiniz.</p>
4164                                <input name="gsm" type="text" placeholder="Telefon numaranız" data-mask="(500) 000 00 00" autocomplete="off">
4165                                <input name="email" type="text" placeholder="E-posta adresiniz" required autocomplete="off">
4166                                <div class="clear"></div>
4167                                <input type="hidden" name="kontrol" value="" id="kontrol">
4168                                <input type="hidden" name="donus_url" value="https://karstso.org.tr/" />
4169                                <button type="submit" class="btn w-100" name="ebultenbtn" style="margin-bottom:5px;">KAYDET</button>
4170                            </form>
4171                        </div>
4172                    </div>
4173                </div>
4174                <div class="row">
4175                    <div class="col-lg-12">
4176                        <div class="footer-copyright">
4177                            <p>Kars Ticaret ve Sanayi Odası © 2026</p>
4178                            <p class="footer-credit">Site tasarımı ve yazılım: <strong>MTR TEKNİK — Mete Ercan</strong> tarafından <strong>Kars Ticaret ve Sanayi Odası</strong> için tasarlanmıştır.</p>
4179                        </div>
4180                    </div>
4181                </div>
4182                <div class="shape-1"></div>
4183                <div class="shape-2"></div>
4184                <div class="shape-3"></div>
4185            </div>
4186        </div>
4187    </footer>
4188
4189    <div class="search">
4190        <button id="btn-search-close" class="btn btn--search-close" aria-label="Close search form">
4191            <svg class="icon icon--cross"><use xlink:href="#icon-cross"></use></svg>
4192        </button>
4193        <form class="search__form" action="ara">
4194            <input class="search__input" name="kelime" type="search" placeholder="" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" />
4195            <span class="search__info">Yazdıktan sonra aramak için Enter'a, çıkmak için Esc'ye basın</span>
4196        </form>
4197    </div>
4198    <svg class="hidden">
4199        <defs>
4200            <symbol id="icon-cross" viewBox="0 0 24 24">
4201                <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" />
4202            </symbol>
4203        </defs>
4204    </svg>
4205
4206    <link rel="stylesheet" href="tema/genel/assets/css/uye-portal.css.php?v=20260625c">
4207
4208<div class="modal fade" id="uyeGirisModal" tabindex="-1" role="dialog" aria-labelledby="uyeGirisModalLabel" aria-hidden="true">
4209    <div class="modal-dialog modal-dialog-centered uye-giris-dialog" role="document">
4210        <div class="modal-content uye-giris-modal__content">
4211
4212            <!-- Kapatma butonu — modalın dışında, sağ üstte -->
4213            <button type="button" class="uye-giris-close" data-dismiss="modal" aria-label="Kapat">
4214                <span aria-hidden="true">&times;</span>
4215            </button>
4216
4217            <!-- Üst dekoratif bant -->
4218            <div class="uye-giris-modal__hero">
4219                <div class="uye-giris-modal__hero-bg"></div>
4220                <div class="uye-giris-modal__hero-content">
4221                    <div class="uye-giris-modal__icon-wrap">
4222                        <i class="fas fa-shield-alt"></i>
4223                    </div>
4224                    <h5 class="uye-giris-modal__title" id="uyeGirisModalLabel">Üye Portalı</h5>
4225                    <p class="uye-giris-modal__subtitle">Hesabınıza güvenli giriş yapın</p>
4226                </div>
4227            </div>
4228
4229            <!-- Form gövdesi -->
4230            <div class="uye-giris-modal__body">
4231                <form method="post" action="https://karstso.org.tr/_class/uye_portal_islem.php" class="uye-giris-form" autocomplete="off" id="uyeGirisForm">
4232                    <input type="hidden" name="guvenlik" value="lQqbyaPO">
4233
4234                    <div class="uye-giris-field">
4235                        <label for="uyeModalIdentifier">
4236                            <i class="fas fa-user-circle"></i>
4237                            Kullanıcı / Oda No / E-posta / Telefon
4238                        </label>
4239                        <input type="text" class="uye-giris-input" id="uyeModalIdentifier" name="identifier" required placeholder="Kullanıcı / Oda No / E-posta / Telefon yazınız" autocomplete="off">
4240                    </div>
4241
4242                    <div class="uye-giris-field">
4243                        <label for="uyeModalPassword">
4244                            <i class="fas fa-lock"></i>
4245                            Şifre
4246                        </label>
4247                        <div class="uye-giris-pw-wrap">
4248                            <input type="password" class="uye-giris-input" id="uyeModalPassword" name="password" required placeholder="••••••••" autocomplete="off">
4249                            <button type="button" class="uye-giris-pw-toggle" id="pwToggleBtn" title="Şifreyi Göster/Gizle">
4250                                <i class="fas fa-eye" id="pwToggleIcon"></i>
4251                            </button>
4252                        </div>
4253                    </div>
4254
4255                    <button type="submit" name="uye_giris" class="uye-giris-btn">
4256                        <i class="fas fa-sign-in-alt"></i>
4257                        Güvenli Giriş Yap
4258                    </button>
4259                </form>
4260
4261                <p class="uye-giris-note" style="margin-top:12px;">
4262                    <a href="#" data-toggle="modal" data-target="#uyeSifreSifirlaModal" data-dismiss="modal" style="color:#10304a;font-weight:600;">
4263                        <i class="fas fa-key"></i> Şifremi unuttum
4264                    </a>
4265                </p>
4266
4267                <p class="uye-giris-note">
4268                    <i class="fas fa-info-circle"></i>
4269                    Portal erişiminiz yoksa oda yönetimi ile iletişime geçin.
4270                </p>
4271            </div>
4272
4273        </div>
4274    </div>
4275</div>
4276
4277<div class="modal fade" id="uyeSifreSifirlaModal" tabindex="-1" role="dialog" aria-hidden="true">
4278    <div class="modal-dialog modal-dialog-centered uye-giris-dialog" role="document">
4279        <div class="modal-content uye-giris-modal__content">
4280            <button type="button" class="uye-giris-close" data-dismiss="modal" aria-label="Kapat">
4281                <span aria-hidden="true">&times;</span>
4282            </button>
4283            <div class="uye-giris-modal__hero">
4284                <div class="uye-giris-modal__hero-bg"></div>
4285                <div class="uye-giris-modal__hero-content">
4286                    <div class="uye-giris-modal__icon-wrap"><i class="fas fa-envelope"></i></div>
4287                    <h5 class="uye-giris-modal__title">Şifre Sıfırlama</h5>
4288                    <p class="uye-giris-modal__subtitle">Kayıtlı e-posta adresinize sıfırlama bağlantısı gönderilir</p>
4289                </div>
4290            </div>
4291            <div class="uye-giris-modal__body">
4292                <form method="post" action="https://karstso.org.tr/_class/uye_portal_islem.php">
4293                    <input type="hidden" name="guvenlik" value="4b0WgaCl">
4294                    <div class="uye-giris-field">
4295                        <label for="uyeResetEmail"><i class="fas fa-at"></i> E-posta Adresi</label>
4296                        <input type="email" class="uye-giris-input" id="uyeResetEmail" name="email" required placeholder="[email protected]">
4297                    </div>
4298                    <button type="submit" name="uye_sifre_sifirla" class="uye-giris-btn">
4299                        <i class="fas fa-paper-plane"></i> Sıfırlama Bağlantısı Gönder
4300                    </button>
4301                </form>
4302            </div>
4303        </div>
4304    </div>
4305</div>
4306
4307<script>
4308(function ($) {
4309    'use strict';
4310    $(function () {
4311        var shouldOpen = false;
4312        var shouldOpenReset = false;
4313        if (shouldOpen && $('#uyeGirisModal').length) {
4314            $('#uyeGirisModal').modal('show');
4315        }
4316        if (shouldOpenReset && $('#uyeSifreSifirlaModal').length) {
4317            $('#uyeSifreSifirlaModal').modal('show');
4318        }
4319        $(document).on('click', '[data-uye-giris-modal]', function (e) {
4320            e.preventDefault();
4321            $('#uyeGirisModal').modal('show');
4322        });
4323
4324        // Şifre göster/gizle
4325        $('#pwToggleBtn').on('click', function () {
4326            var input = $('#uyeModalPassword');
4327            var icon = $('#pwToggleIcon');
4328            if (input.attr('type') === 'password') {
4329                input.attr('type', 'text');
4330                icon.removeClass('fa-eye').addClass('fa-eye-slash');
4331            } else {
4332                input.attr('type', 'password');
4333                icon.removeClass('fa-eye-slash').addClass('fa-eye');
4334            }
4335        });
4336    });
4337})(jQuery);
4338</script>
4338
4339
4340    <div class="back-to-top back-to-top-2">
4341        <a href="#">
4342            <i class="fal fa-arrow-up"></i>
4343        </a>
4344    </div>
4345
4346    <link rel="stylesheet" href="tema/genel/assets/css/akilli-asistan.css.php?v=20260701">
4347<style>
4348.aa-widget {
4349    --aa-primary: #e1061b;
4350    --aa-primary-dark: #b90518;
4351    --aa-primary-light: #ff5a6a;
4352    --aa-fab-red: #e1061b;
4353    --aa-fab-red-dark: #b90518;
4354}
4355</style>
4356<div id="aa-widget-root" class="aa-widget" aria-hidden="true">
4357    <div class="aa-overlay" id="aaOverlay" aria-hidden="true"></div>
4358    <button type="button" class="aa-fab" id="aaFab" aria-label="Akıllı Asistan" title="KATSO Akıllı Asistan">
4359        <span class="aa-fab__shadow" aria-hidden="true"></span>
4360        <span class="aa-fab__bot" aria-hidden="true">
4361            <svg class="aa-fab__svg" viewBox="0 0 80 80" focusable="false">
4362                <defs>
4363                    <linearGradient id="aaBotBody" x1="0%" y1="0%" x2="100%" y2="100%">
4364                        <stop offset="0%" stop-color="#ff5a6a"/>
4365                        <stop offset="55%" stop-color="#e1061b"/>
4366                        <stop offset="100%" stop-color="#b90518"/>
4367                    </linearGradient>
4368                    <linearGradient id="aaBotFace" x1="0%" y1="0%" x2="0%" y2="100%">
4369                        <stop offset="0%" stop-color="#ffffff"/>
4370                        <stop offset="100%" stop-color="#f1f5f9"/>
4371                    </linearGradient>
4372                    <filter id="aaBotGlow" x="-30%" y="-30%" width="160%" height="160%">
4373                        <feDropShadow dx="0" dy="2" stdDeviation="2" flood-color="#7f0010" flood-opacity=".35"/>
4374                    </filter>
4375                </defs>
4376                <line x1="40" y1="8" x2="40" y2="16" stroke="#fff" stroke-width="3" stroke-linecap="round" opacity=".9"/>
4377                <circle cx="40" cy="6" r="4" fill="#fff"/>
4378                <circle cx="40" cy="6" r="2.2" fill="#ff8a96"/>
4379                <path d="M14 34c0-12 10-20 26-20s26 8 26 20" fill="none" stroke="#fff" stroke-width="4" stroke-linecap="round" opacity=".95"/>
4380                <rect x="8" y="32" width="10" height="16" rx="5" fill="#fff"/>
4381                <rect x="62" y="32" width="10" height="16" rx="5" fill="#fff"/>
4382                <circle cx="40" cy="42" r="28" fill="url(#aaBotBody)" filter="url(#aaBotGlow)"/>
4383                <ellipse cx="32" cy="30" rx="10" ry="6" fill="#fff" opacity=".22"/>
4384                <rect x="22" y="34" width="36" height="26" rx="12" fill="url(#aaBotFace)" stroke="#fff" stroke-width="2"/>
4385                <circle cx="31" cy="45" r="3.2" fill="#1e293b"/>
4386                <circle cx="49" cy="45" r="3.2" fill="#1e293b"/>
4387                <circle cx="32" cy="44" r="1" fill="#fff"/>
4388                <circle cx="50" cy="44" r="1" fill="#fff"/>
4389                <path d="M30 52c3 3.5 17 3.5 20 0" stroke="#e1061b" stroke-width="2.5" stroke-linecap="round" fill="none"/>
4390                <circle cx="58" cy="24" r="11" fill="#fff" stroke="#e1061b" stroke-width="2"/>
4391                <text x="58" y="28.5" text-anchor="middle" font-size="13" font-weight="800" fill="#e1061b" font-family="Segoe UI, sans-serif">?</text>
4392            </svg>
4393        </span>
4394    </button>
4395    <div class="aa-panel" id="aaPanel" role="dialog" aria-modal="true" aria-labelledby="aaPanelTitle">
4396        <header class="aa-panel__head">
4397            <div class="aa-panel__brand">
4398                <img src="tema/genel/assets/images/akilli-asistan-bot.svg" alt="" class="aa-panel__avatar">
4399                <div>
4400                    <strong id="aaPanelTitle">KATSO AKILLI ASİSTAN</strong>
4401                    <span class="aa-panel__status">Çevrimiçi</span>
4402                </div>
4403            </div>
4404            <div class="aa-panel__actions">
4405                <button type="button" class="aa-icon-btn" id="aaExpand" aria-label="Genişlet"><i class="fas fa-expand-alt"></i></button>
4406                <button type="button" class="aa-icon-btn" id="aaClose" aria-label="Kapat"><i class="fas fa-times"></i></button>
4407            </div>
4408        </header>
4409        <div class="aa-panel__body" id="aaMessages">
4410            <div class="aa-join">
4411                <img src="tema/genel/assets/images/akilli-asistan-bot.svg" alt="" class="aa-join__avatar">
4412                <p>KATSO AKILLI ASİSTAN sohbete katıldı!</p>
4413            </div>
4414        </div>
4415        <footer class="aa-panel__foot">
4416            <div class="aa-quick-wrap">
4417                <div class="aa-quick-label">Hızlı sorular</div>
4418                <div class="aa-quick" id="aaQuick"></div>
4419            </div>
4420            <form id="aaForm" class="aa-form" autocomplete="off">
4421                <input type="text" id="aaInput" class="aa-input" placeholder="Mesajınızı yazın..." maxlength="800" aria-label="Mesaj">
4422                <button type="submit" class="aa-send" aria-label="Gönder"><i class="fas fa-paper-plane"></i></button>
4423            </form>
4424        </footer>
4425    </div>
4426</div>
4427<script>
4428window.KARTSO_ASSISTANT = {"api":"_class\/akilli_asistan_api.php","token":"pm5EhnL6","botName":"KATSO AKILLI ASİSTAN","welcome":"Merhaba, size nasıl yardımcı olabilirim?","avatar":"tema\/genel\/assets\/images\/akilli-asistan-bot.svg","quickReplies":[{"id":1,"icon":"fa-building","iconColor":"#2563eb","label":"Üyelik işlemleri nasıl yapılır?","url":""},{"id":2,"icon":"fa-file-alt","iconColor":"#7c3aed","label":"Belge almak istiyorum","url":""},{"id":3,"icon":"fa-credit-card","iconColor":"#059669","label":"Aidat sorgulama \/ ödeme","url":""},{"id":4,"icon":"fa-phone-alt","iconColor":"#ea580c","label":"İletişim bilgileri","url":""},{"id":5,"icon":"fa-lightbulb","iconColor":"#eab308","label":"Ne sorabilirim?","url":""}],"aiReady":true};
4429</script>
vendor: 1 bytes, line 4429
4429
4430<script src="tema/genel/assets/js/akilli-asistan.js?v=20260701" defer></script>
4430
4431
4432    
4432<script src="tema/genel/assets/js/bootstrap.min.js" type="text/javascript"></script>
4432
4433    
4433<script src="tema/genel/assets/js/popper.min.js" type="text/javascript"></script>
4433
4434    
4434<script src="tema/genel/assets/js/slick.min.js" type="text/javascript"></script>
4434
4435    
4435<script src="tema/genel/assets/js/isotope.pkgd.min.js" type="text/javascript"></script>
4435
4436    
4436<script src="tema/genel/assets/js/imagesloaded.pkgd.min.js" type="text/javascript"></script>
4436
4437    
4437<script src="tema/genel/assets/js/jquery.magnific-popup.min.js" type="text/javascript"></script>
4437
4438    
4438<script src="tema/genel/assets/js/jquery.counterup.min.js" type="text/javascript"></script>
4438
4439    
4439<script src="tema/genel/assets/js/circle-progress.min.js" type="text/javascript"></script>
4439
4440    
4440<script src="tema/genel/assets/js/ajax-contact.js" type="text/javascript"></script>
4440
4441    
4441<script src="tema/genel/assets/js/jquery.syotimer.min.js" type="text/javascript"></script>
4441
4442    
4442<script src="tema/genel/assets/js/jquery.nice-select.min.js" type="text/javascript"></script>
4442
4443    
4443<script src="tema/genel/assets/js/wow.min.js" type="text/javascript"></script>
4443
4444    
4444<script src="tema/genel/assets/js/waypoints.min.js" type="text/javascript"></script>
4444
4445	
4445<script src="tema/genel/assets/js/fancybox.js"></script>
4445
4446	
4446<script src="tema/genel/assets/js/turkey.js"></script>
4446
4447	
4447<script src="tema/genel/assets/js/remodal.js"></script>
4447
4448	
4448<script src="tema/genel/assets/js/iziModal.min.js"></script>
4448
4449
4450    
4450<script src="tema/genel/assets/js/karstso-header.js" type="text/javascript"></script>
4450
4451        
4451<script src="tema/genel/assets/js/main.js" type="text/javascript"></script>
4451
4452    
4452<script src="//ajax.cloudflare.com/cdn-cgi/scripts/7089c43e/cloudflare-static/rocket-loader.min.js" defer=""></script>
4452
4453    
4453<script defer src="//static.cloudflareinsights.com/beacon.min.js"></script>
4453
4454	
4454<script>
4455	$(document).on('click', '.dildegis', function () {
4456		var dilID = $(this).data("id");
4457		$.ajax({
4458			url: 'dildegis.php',
4459			dataType: 'JSON',
4460			data: {id: dilID},
4461		})
4462		.done(function(msg) {
4463			if(msg.hata){
4464				alert("Bir hata oluştu");
4465			}else{
4466				window.location = "anasayfa";
4467			}
4468		})
4469		.fail(function(err) {
4470			console.log(err);
4471		});
4472	});
4473	</script>
4473
4474	
4475	
4475<script type="text/javascript">
4476	if ($("#modal-demo").length) {
4477	$("#modal-demo").iziModal({
4478        title: "",
4479        subtitle: "",
4480        iconClass: '',
4481		background:null,
4482		theme:'light',
4483		closeButton:true,
4484		overlay:true,
4485		overlayClose:true,
4486		transitionInOverlay:'fadeIn',
4487		transitionOutOverlay:'fadeOut',
4488        overlayColor: 'rgba(0, 0, 0, 0.85)',
4489        width: 500,
4490        padding: 20
4491    });
4492    $(document).on('click', '.trigger-link', function (event) {
4493        event.preventDefault();
4494        $('#modal-demo').iziModal('open');
4495    });
4496	}
4497	</script>
4497
4498
4499	</body>
4500
4501</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.