@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;600&display=swap);
a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{font-family:Inter,sans-serif}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none}
:focus{outline:0}
.clear{clear:both}
img{max-width:100%;height:auto}
.ty-wrapper{width:100%;height:100vh;display:table;background-color:#333}
.ty-vertical{display:table-cell;vertical-align:middle;text-align:center;font-size:25px;color:#fff}
.header{width:100%;float:left;background:#fff}
.container{max-width:1400px}
.header-top{width:100%;float:left;position:relative;padding:5px 0;border-bottom:1px solid #eee}
.header-top .container{display:flex;align-items:center;justify-content:space-between}
.top-phone{color:#a7a7a7;font-size:14px}
.top-phone strong{margin-right:10px}
.top-phone a{color: #11b9a2}
.top-phone a i{margin-right:5px;color:#11b9a2}
.top-social a{color:#a7a7a7;margin-left:10px;transition:all ease-in-out .3s;text-decoration:none!important;font-size:14px}
/* Dil Seçici - Optimize Edildi */
.language {
    margin-right: 30px;
    display: flex;
    align-items: center;
}

/* Dil seçici dropdown yerine bayrak img kullanımı */
.language-switcher a {
    display: inline-block;
    margin-left: 5px; /* Bayraklar arasında boşluk */
    text-decoration: none;
}

/* Bayrak boyutunu küçültme */
.language-switcher a img {
    width: 24px; /* Görseli daha küçük hale getirdik */
    height: 16px; /* Oranlı şekilde küçülttük */
    border-radius: 2px; /* Hafif yuvarlatılmış köşeler */
    transition: all 0.3s ease-in-out;
}

/* Hover efekti */
.language-switcher a:hover img {
    opacity: 0.8;
}

/* Eğer select menüsü de kullanılacaksa */
.language select {
    border: none;
    background: #fff;
    font-size: 12px;
    color: #777;
    font-family: Roboto, sans-serif;
    width: 90px;
}

.language select option {
    border: none;
    height: 30px !important;
}
/* ======================================================= */
/* =========== MOBİL HEADER VE ARAMA İYİLEŞTİRMESİ =========== */
/* ======================================================= */

/* Sadece 768px ve altındaki ekranlar için geçerlidir */
@media (max-width: 768px) {

    /* 1. HEADER ÜST BÖLÜMÜ DÜZENLEMESİ */
    .header-top {
        padding: 8px 15px; /* Dikey boşluğu biraz azaltalım */
    }

    .header-top .container {
        /* Mevcut flex yapısını koruyup, hizalamayı optimize ediyoruz */
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    /* Sosyal medya ve dil ikonlarını bir arada tutmak için sağ tarafa bir grup oluşturuyoruz */
    .top-social-language-wrapper {
        display: flex;
        align-items: center;
    }

    .top-phone {
        /* Telefon numarasının sıkışmasını önle */
        flex-shrink: 0;
        font-size: 13px; /* Mobilde fontu hafif küçültelim */
    }

    .top-social {
        margin-left: 10px;
    }
    /* ======================================================= */
    /* =========== MOBİL HEADER İKON İYİLEŞTİRMESİ =========== */
    /* ======================================================= */


        .top-phone strong i {
            font-size: 16px; /* Telefon ikonu boyutu */
            color: #11b9a2;   /* Telefon ikonu rengi */
        }
        .top-social .social-links a i {
            font-size: 16px; /* Sosyal medya ikonları boyutu */
            margin-top: 10px;
        }


    .language {
        margin-right: 0; /* Sağdaki boşluğu sıfırla */
    }


    /* 2. ARAMA VE OTOMATİK TAMAMLAMA ALANI DÜZENLEMESİ */

    /* Arama sonuçları listesinin her şeyin üzerinde görünmesini sağlıyoruz */
    .autocomplete-dropdown {
        position: absolute;
        top: 100%; /* Arama kutusunun hemen altında başlasın */
        left: 0;
        right: 0;
        z-index: 1050; /* Bootstrap modal'larından bile daha yüksek bir değer */
        width: 100%;
        max-height: 300px;
        overflow-y: auto;
        background: #fff;
        border-radius: 0 0 15px 15px;
        box-shadow: 0 10px 20px rgba(0,0,0,0.15);
    }
}
/* ======================================================= */
/* === Arama Öneri Listesinin Slider Altında Kalma Düzeltmesi === */
/* ======================================================= */

/* ======================================================= */
/* ============= MOBİL MENÜ AÇILMA STİLLERİ ============== */
/* ======================================================= */
@media (max-width: 991px) {
    .main-menu {
        /* ... diğer stiller ... */
        z-index: 1040;
    }
    .black-shadow {
        /* ... diğer stiller ... */
        z-index: 1030;
    }
    /* ... */
}
.header-main{width:100%;float:left;padding:20px 0;transition:all ease-in-out .3s}
.logo{width:200px;float:left}
.header-main .container{display:flex;align-items:center;justify-content:space-between}
.main-menu ul li{float:left;margin:0 15px}
.main-menu ul{display:inline-block}
.main-menu ul li a{padding:10px 0!important;float:left;color:#454545;text-decoration:none!important}
.main-menu .dropdown-menu a{padding:6px 20px!important;font-size:14px;font-weight:400;opacity:.8}

/* Masaüstü için slider genel ayarları */
.main-slider {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 3px; /* Altına 30px boşluk ekler */
}

.main-slider .item {
    width: 100%;
    height: 705px; /* Masaüstü için sabit yükseklik */
    position: relative;
    overflow: hidden;
}

.main-slider .slider-bg {
    width: 100%;
    height: 100%; /* Tüm slider yüksekliğini kaplar */
    background-size: cover;
    background-position: center;
}

.main-slider .video-container {
    position: relative;
    width: 100%;
    height: 100%; /* Videonun slider yüksekliğiyle uyumlu olması */
}

.main-slider .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; /* Videonun yüksekliğini resimlerle eşleştir */
}

/* Mobil için responsive ayarlar */
@media (max-width: 768px) {
    .main-slider {
        margin-bottom: 5px; /* Mobilde 50px boşluk eklenir */
    }
    .main-slider .item {
        height: 550px; /* Mobil cihazlar için daha küçük yükseklik */
    }

    .main-slider .slider-bg,
    .main-slider .video-container iframe {
        height: 100%; /* Mobilde mevcut yükseklikle uyumlu */
    }
}

/* 📌 Desktop search arama kısmı uyum için */
@media (min-width: 769px) {
    .search {
        position: relative;
        max-width: 250px;
        margin-left: auto;
    }

    .search form {
        display: flex;
        align-items: center;
        background: #f5f5f5;
        border-radius: 30px;
        padding: 5px 10px;
        border: 1px solid #ddd;
    }

    .search input {
        border: none;
        background: transparent;
        flex: 1;
        padding: 5px 10px;
        font-size: 14px;
        outline: none;
    }

    .search button {
        background: none;
        border: none;
        padding: 0;
        cursor: pointer;
        font-size: 16px;
        color: #11b9a2;
        display: flex;
        align-items: center;
    }

    .autocomplete-dropdown {
        position: absolute;
        top: 105%;
        left: 0;
        width: 100%;
        background: #fff;
        border-radius: 10px;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
        display: none;
        z-index: 999;
        overflow-y: auto;
        max-height: 300px;
    }

    .autocomplete-dropdown.show {
        display: block;
    }

    .autocomplete-dropdown li {
        padding: 10px 15px;
        font-size: 14px;
        border-bottom: 1px solid #eee;
        cursor: pointer;
        transition: background 0.2s ease;
    }

    .autocomplete-dropdown li:hover {
        background-color: #f9f9f9;
    }
}



/* 📌 Mobil uyum için */
@media (max-width: 768px) {
    .header-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 15px;
    }

    .menu-btn {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
        cursor: pointer;
    }

    .menu-btn span {
        display: block;
        width: 25px;
        height: 3px;
        background-color: #11b9a2;
        margin: 4px 0;
        transition: all 0.3s ease-in-out;
    }

    .logo {
        flex-grow: 1;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .logo img {
        max-width: 140px; /* Mobil için daha küçük logo */
        height: auto;
    }

    .search {
        width: 100%;
        max-width: 100%;
        position: relative;
        margin: 0 auto;
        z-index: 1; /* Input her şeyin üstünde */
    }

    .search input {
        width: 100%;
        height: 40px;
        background: #f5f5f5;
        border-radius: 20px;
        font-size: 14px;
        padding-left: 15px;
        border: 1px solid #eee;
        padding-right: 40px;
        position: relative;
        z-index: 99;
    }

    .search button {
        width: 35px;
        height: 40px;
        position: absolute;
        right: 5px;
        top: 50%;
        transform: translateY(-50%);
        border: none;
        background: none;
        cursor: pointer;
        z-index: 100;
    }

    /* 🔹 Otomatik tamamlama dropdown listesi */
    .autocomplete-dropdown {
        position: absolute;
        top: 45px; /* input yüksekliği kadar boşluk */
        left: 0;
        width: 100%;
        background: white;
        border-radius: 10px;
        box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
        display: none;
        z-index: 90;
        max-height: 250px;
        overflow-y: auto;
    }
    .autocomplete-dropdown.show {
        display: block;
    }

    /* Flexbox düzenleme */
    .header-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

   .search-row {
       position: absolute;
       top: 60px; /* daha aşağı başlasın */
       left: 0;
       width: 100%;
       background: white;
       border-radius: 10px;
       box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
       display: none;
       z-index: 80;
       padding: 10px;
    }

    .search-list {
        padding: 20px 10px;
        font-size: 16px;
        color: #333;
        background: white;
        border-radius: 10px;
    }

    .search-list ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .search-list li {
        padding: 8px 15px;
        cursor: pointer;
        border-bottom: 1px solid #eee;
        transition: background 0.2s;
    }

    .search-list li:hover {
        background: #f5f5f5;
    }

    .search-row.show {
        display: block;
    }

    .search-close {
        position: absolute;
        right: 10px;
        top: 10px;
        font-size: 20px;
        cursor: pointer;
        z-index: 10000;
    }
}

.autocomplete-dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.autocomplete-dropdown li {
    padding: 12px 15px;
    font-size: 14px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
    transition: background 0.2s;
}

.autocomplete-dropdown li:hover {
    background: #f5f5f5;
}

/* Son öğenin alt çizgisi kaldırılıyor */
.autocomplete-dropdown li:last-child {
    border-bottom: none;
}

.slider-bg{width:100%;height:calc(100vh - 132px);background-size:cover;background-position:center;position:relative}
.main{width:100%;float:left;position:relative;overflow:hidden}
.social-links{float:left}
.kurlar{float:left;margin-left:30px}
.kurlar button{font-size:12px;border:none;background:#fff;color:#a7a7a7;padding:0;border:1px solid #ccc;padding:2px 10px;border-radius:20px;outline:0;margin-left:4px}

/* Varsayılan (Desktop) */
.slide-col-bg {
    width: 100%;
    height: calc(675px / 2); /* Masaüstünde her div 705px'in yarısı olacak */
    margin-bottom: 30px;
    background-size: cover;
    float: left;
    background-position: center;
    position: relative;
    display: flex;
    align-items: center; /* İçeriği dikey ortalar */
    justify-content: center; /* İçeriği yatay ortalar */
    text-align: center;
}
/* Mobil cihazlar (max-width: 768px) */
@media (max-width: 768px) {
    .language-switcher {
        margin-right: 10px;
        text-align: right;
    }

    .language-switcher a {
        text-decoration: none;
        color: black;
        margin-left: 10px;
        transition: transform 0.2s;
    }

    .language-switcher a:hover img {
        transform: scale(1.1);
    }

    .language-switcher img {
        width: 24px;
        vertical-align: middle;
        border-radius: 3px;
    }
}


/* Mobil cihazlar (max-width: 768px) */
@media (max-width: 768px) {
    .slide-col-bg {
        height: calc(500px / 2); /* Mobilde iki div toplam 500px'in yarısı */
    }

    .home-slider-sidebar {
        height: 500px; /* Mobilde toplam yüksekliği sabitler */
    }
}

/* Masaüstü cihazlar (min-width: 769px) */
@media (min-width: 769px) {
    .home-slider-sidebar {
        height: 705px; /* Masaüstünde toplam yüksekliği sabitler */
    }
}

/* Eklenen Karartma Efekti */
.slide-col-bg:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    left: 0;
    top: 0;
}

/* İçeriğin Ortalanması */
.slide-col-bg .ortala {
    width: 100%;
    float: left;
    position: relative;
    color: #fff;
    box-sizing: border-box;
    padding: 0 50px;
}

/* Yazı ve İkon Stilleri */
.slide-col-bg i {
    font-size: 50px;
    margin-bottom: 15px;
}

.slide-col-bg h2 {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    font-family: Montserrat, sans-serif;
    font-size: 22px;
}

.slide-col-bg p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px;
}

/* Buton Stilleri */
.slide-col-bg a {
    font-size: 12px;
    color: #fff;
    border: 1px solid #fff;
    padding: 7px 20px;
    display: inline-block;
    border-radius: 20px;
    text-decoration: none !important;
    background: rgba(255, 255, 255, .2);
    transition: all ease-in-out 0.3s;
}

.slide-col-bg a:hover {
    background: #11b9a2;
    background: -moz-linear-gradient(270deg, rgba(16, 99, 113, 1) 0, rgba(15, 69, 83, 1) 100%);
    background: -webkit-linear-gradient(270deg, rgba(16, 99, 113, 1) 0, rgba(15, 69, 83, 1) 100%);
    background: linear-gradient(270deg, rgba(16, 99, 113, 1) 0, rgba(15, 69, 83, 1) 100%);
    border: 1px solid #11b9a2;
}
@-webkit-keyframes ani-mouse{
    0%{opacity:1;top:29%}
    15%{opacity:1;top:50%}
    50%{opacity:0;top:50%}
    100%{opacity:0;top:29%}
}
@-moz-keyframes ani-mouse{
    0%{opacity:1;top:29%}
    15%{opacity:1;top:50%}
    50%{opacity:0;top:50%}
    100%{opacity:0;top:29%}
}
@keyframes ani-mouse{
    0%{opacity:1;top:29%}
    15%{opacity:1;top:50%}
    50%{opacity:0;top:50%}
    100%{opacity:0;top:29%}
}
.scroll-btn{display:block;position:absolute;left:0;right:0;text-align:center;bottom:0;z-index:2}
.scroll-btn>*{display:inline-block;line-height:18px;font-size:13px;font-weight:400;color:#7f8c8d;color:#fff;font-family:proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:2px}
.scroll-btn>.active,.scroll-btn>:focus,.scroll-btn>:hover{color:#fff}
.scroll-btn>.active,.scroll-btn>:active,.scroll-btn>:focus,.scroll-btn>:hover{opacity:.8;filter:alpha(opacity=80)}
.scroll-btn .mouse{position:relative;display:block;width:35px;height:55px;margin:0 auto 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #fff;border-radius:23px}
.scroll-btn .mouse>*{position:absolute;display:block;top:29%;left:50%;width:6px;height:6px;margin:-3px 0 0 -2px;background:#fff;border-radius:50%;-webkit-animation:ani-mouse 1.5s linear infinite;-moz-animation:ani-mouse 1.5s linear infinite;animation:ani-mouse 1.5s linear infinite}


.owl-nav{position:absolute;top:40%;z-index:2;width:100%}
.slider-bg:before{content:"";position:absolute;width:100%;height:100%;left:0;top:0}
.main-slider .owl-next,.main-slider .owl-prev{width:80px;height:80px;position:absolute;border:1px solid #fff;display:flex;align-items:center;justify-content:center;color:transparent;transform:rotate(45deg);background:rgba(255,255,255,.2);transition:all ease-in-out .3s;border-radius:10px}
.main-slider .owl-next,.urun-slider .owl-next{right:30px}
.main-slider .owl-prev,.urun-slider .owl-prev{left:30px}
.main-slider .owl-next:hover,.main-slider .owl-prev:hover{background:rgba(255,255,255,.7)}
.main-slider .owl-next:before,.main-slider .owl-prev:before{content:"\f178";font-family:'Font Awesome 5 Pro';color:#fff;font-size:35px;transform:rotate(-45deg);left:23px;position:absolute;transition:all ease-in-out .3s}
.main-slider .owl-next:hover:before,.main-slider .owl-prev:hover:before{color:#11b9a2}
.main-slider .owl-prev:before{content:"\f177"}
.hizmet-box{width:100%;float:left;overflow:hidden;margin-bottom:30px}
.hizmet-col{width:100%;height:250px;background-size:cover;background-position:center;position:relative;display:flex;align-items:center;justify-content:center}
.hizmet-col:before{content:"";position:absolute;width:100%;height:100%;background:rgba(0,0,0,.5)}
.hizmet-col a{position:relative;color:#fff;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all ease-in-out .3s}
.hizmet-col a:hover{letter-spacing:2px}
.hizmet-col h2{font-size:20px;font-family:Montserrat,sans-serif}
.index-hakkimizda{width:100%;float:left;margin:50px 0 150px}
.hakkimizda-icerik{width:100%;float:left;box-sizing:border-box;padding-right:50px}
.title{width:100%;float:left;margin-bottom:30px}
.title strong{color:#11b9a2;font-size:20px;font-weight:400;font-family:Montserrat}
.title h3{font-size:38px;margin-top:10px;font-weight:700;color:#11b9a2}
.title h3 span{font-weight:400}
.about-sub-content p,.hakkimizda-icerik p{color:#454545;font-weight:300;margin-bottom:20px}
.about-sub-content p strong,.hakkimizda-icerik p strong{font-weight:500}
.about-1{width:70%;float:right;position:relative;box-shadow:-5px 5px 15px rgb(0 0 0 / 20%);border-radius:10px;overflow:hidden}
.about-11{width:90%;float:right;position:relative;box-shadow:-5px 5px 15px rgb(0 0 0 / 20%);border-radius:10px;overflow:hidden}
.about-2{position:absolute;width:55%;bottom:-60px;box-shadow:-5px 5px 15px rgb(0 0 0 / 20%);border-radius:10px;overflow:hidden}
.about-buttons{width:100%;float:left;margin-top:20px}
.line-btn{color:#11b9a2;text-decoration:none!important;font-family:Montserrat;padding:15px 30px;border:1px solid #11b9a2;display:inline-block;border-radius:30px;font-size:14px;transition:all ease-in-out .3s}
.line-btn:hover{background:#11b9a2;background:-moz-linear-gradient(270deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%);background:-webkit-linear-gradient(270deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%);background:linear-gradient(270deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%);color:#fff}
.yellow-btn{background:#11b9a2;background:-moz-linear-gradient(270deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%);background:-webkit-linear-gradient(270deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%);background:linear-gradient(270deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%);padding:15px 30px;color:#fff;font-family:Montserrat;font-size:14px;border-radius:30px;border:1px solid #11b9a2;transition:all ease-in-out .3s;text-decoration:none!important}
.about-buttons a{margin-right:10px}
.yellow-btn:hover{background:#fff;color:#115c6f}
.baglantilar{width:100%;float:left;position:relative;overflow:hidden;margin-bottom:50px}
.links-row{background:#f4f8fc;padding:15px 0}
.links-row .container{display:flex;align-items:center;justify-content:space-between}
.links-row strong{font-size:18px;color:#11b9a2;font-family:Montserrat;text-transform:uppercase}
.links-col a{padding:10px 20px;font-size:12px;margin-left:5px;border-radius:20px;color:#64707c;box-sizing:border-box;font-weight:500;text-decoration:none!important;display:inline-block;transition:all ease-in-out .3s;background:#fff;border:1px solid #fff}
.links-col a:hover{color:#0f477a;border:1px solid #11b9a2}
.box-url{width:100%;height:110px;display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;flex-direction:row;-webkit-align-items:center;-moz-box-align:center;align-items:center;-moz-border-radius:4px;border-radius:10px;-moz-box-shadow:0 2px 4px 0 rgba(0,0,0,.2);box-shadow:0 2px 4px 0 rgb(0 0 0 / 20%);border:1px solid #e8eaec;background-color:#fff;color:#263238;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:19px 5px 19px 15px;text-decoration:none!important}
.box-url img{width:75px}
.box-url-row{width:100%;float:left;padding:0 0 50px}
.box-url-content{width:calc(100% - 110px);font-size:14px;color:#263238;margin-left:20px}
.box-url-content strong{font-weight:600;margin-bottom:5px;width:100%;float:left}
.box-url-content p{font-size:12px;line-height:16px;font-weight:300}
.populer-sayfalar{width:100%;float:left;margin-bottom:50px;margin-top:30px}
.title-full{width:100%;float:left;margin-bottom:30px}
.title-full h2{font-size:24px;font-weight:600;color:#0f4f70}
.sayfalar-slider{width:100%;float:left;position:relative}
.sayfa-box{position:relative;cursor:pointer;width:100%;height:auto;-moz-border-radius:3px;border-radius:10px;background-color:#fff;border:1px solid rgba(34,52,69,.1);float:left;margin-bottom:5px}
.sayfa-box-image{width:100%;height:200px;background-size:cover;border-radius:10px;float:left;margin-bottom:15px;background-position: center center}
.sayfa-box a{width:100%;float:left;padding:15px;box-sizing:border-box}
.sayfa-box-content{width:100%;float:left}
.sayfa-box-content h3{font-size:16px;color:#263238;margin-bottom:10px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.sayfa-box-content p{font-size:13px;color:#263238;margin-bottom:10px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-weight:300}
.sayfa-box-footer{width:calc(100% + 30px);float:left;border-top:1px solid rgba(0,0,0,.1);margin-top:10px;margin-left:-15px;box-sizing:border-box;padding:10px 15px 0}
.sayfa-box-footer span{font-size:14px;color:#0f4f70;letter-spacing:-.5px;transition:all ease-in-out .3s;display:flex;align-items:center}
.sayfa-box-footer span i{margin-left:10px;top:2px;position:relative;transition:all ease-in-out .3s}
.sayfa-box-footer span:hover i{margin-left:15px}
.sayfalar-slider .owl-nav{position:absolute;top:-70px;right:0;width:auto}
.sayfalar-slider .owl-next,.sayfalar-slider .owl-prev{float:left;margin-left:15px;color:transparent;width:30px}
.sayfalar-slider .owl-next:before,.sayfalar-slider .owl-prev:before{content:"\f32b";font-family:'Font Awesome 5 Pro';color:#e8eaec;font-size:34px;right:0;transition:all ease-in-out .3s}
.sayfalar-slider .owl-next:hover:before,.sayfalar-slider .owl-prev:hover:before{color:#0f4f70}
.urun-slider .owl-next,.urun-slider .owl-prev{width:50px;height:50px;float:left;position:absolute;color:transparent}
.urun-slider .owl-next:before,.urun-slider .owl-prev:before{content:"\f32b";font-family:'Font Awesome 5 Pro';color:#e8eaec;font-size:46px;right:0;top:0;transition:all ease-in-out .3s}
.sayfalar-slider .owl-prev:before,.urun-slider .owl-prev:before{content:"\f32a"}
.youtube-widget{width:100%;float:left;margin:20px 0 50px}
.youtube-row{width:100%;float:left;box-sizing:border-box;padding:20px 30px;background:#f4f8fc;overflow:hidden}
.youtube-img{text-align:center}
.youtube-img img{width:150px}
.youtube-content strong{font-size:30px;font-family:Montserrat;float:left;font-weight:300;color:#0f4654}
.youtube-row .row{align-items:center}
.youtube-btn{text-align:right}
.youtube-btn a{background:#ff1a1a;color:#fff;padding:15px 30px;border-radius:10px;margin-right:50px;text-decoration:none}
.parallax-row{width:100%;float:left;position:relative;padding:150px 0;margin-bottom:100px;background-attachment:fixed;background-position:center;background-position:50% 0;background-size:cover}
.parallax-row:before{content:"";position:absolute;width:100%;float:left;height:100%;background:rgba(0,0,0,.6);top:0}
.parallax-row .row{position:relative;color:#fff;text-align:center}
.parallax-row h3{font-size:46px;font-family:Montserrat;width:100%;margin-bottom:25px}
.parallax-row p{width:60%;margin:0 20% 50px;float:left;font-size:18px;font-weight:300;line-height:30px}
.parallax-row a{width:auto;display:inline-block;padding:15px 30px;border:1px solid #fff;border-radius:30px;font-size:14px;color:#fff;position:relative;margin-left:50%;left:-90px;transition:all ease-in-out .3s;text-decoration:none!important;font-weight:600}
.parallax-row a:hover{background:#fff;color:#11b9a2}
.fiyatlar-widget{width:100%;float:left;margin-bottom:100px;overflow:hidden}
.fiyat-widget-content{width:100%;float:left;box-sizing:border-box;padding-right:50px;padding-top:50px}
.fiyat-widget-content>img{position:absolute;width:98%;opacity:.6;left:0;z-index:-1;top:0}
.sub-title{width:100%;float:left;margin-top:50px;margin-bottom:50px}
.sub-title span{font-size:24px;margin-bottom:10px;width:100%;float:left;font-weight:500;color:#105f6e}
.sub-title h2{font-size:52px;font-family:Montserrat;font-weight:300}
.fiyat-widget-img img{width:100%}
.sub-title h2 strong{background:#11b9a2;background:-webkit-linear-gradient(to left,#11b9a2 0,#0f4553 100%);background:-moz-linear-gradient(to left,#11b9a2 0,#0f4553 100%);background:linear-gradient(to left,#11b9a2 0,#0f4553 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.video-widget{width:100%;float:left;position:relative;margin-bottom:100px}
.video-bg{width:55%;float:left;height:600px;background-size:cover;background-position:center}
.video-widget-color{width:70%;float:left;height:600px;margin-left:-25%;position:relative;overflow:hidden}
.video-widget-color:before{content:"";position:absolute;width:100%;height:100%;float:left;background:#f1f4f4;transform:skewX(-35deg);right:-16%}
.video-widget-content{position:relative;width:600px;float:right;margin-right:calc((100vw - 1400px)/ 2)}
.video-widget-content .sub-title{margin-bottom:30px;margin-top:100px}
.video-widget-content p{font-weight:300;line-height:28px;margin-bottom:20px}
@keyframes pulse-ani{
to{box-shadow:0 0 0 18px rgba(255,255,255,.3)}
}
.video-btn{width:100px;height:100px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#a6b4b5;font-size:40px;float:left;margin:20% 30%;transition:all ease-in-out .3s;position:relative;animation:pulse-ani 2s infinite 3s cubic-bezier(.25,0,0,1);box-shadow:0 0 0 0 #fff;text-decoration:none!important}
.video-btn:hover{transform:scale(1.1);color:#11b9a2}
.duyurular-widget{width:100%;float:left;position:relative;margin-bottom:100px}
.instagram-widget{width:100%;float:left;position:relative;margin-bottom:100px}
.center-title{width:100%;float:left;margin-bottom:50px;margin-top:50px;text-align:center}
.center-title h3{font-family:Montserrat;font-size:36px;margin-bottom:10px;color:#11b9a2}
.center-title p{font-size:18px;font-weight:300}
.instagram-row{width:100%;float:left;box-sizing:border-box;padding:20px;display:flex;align-items:center;justify-content:center}
.instagram-row a{width:calc(20% - 30px);margin:15px;display:inline-block;box-shadow:0 5px 10px rgba(0,0,0,.2)}
.w100{width:100%;float:left}
.mt-30{margin-top:30px}
.yellow-btn i{font-size:18px;margin-right:10px}
.ebulten-widget{background:#11b9a2;background:-moz-linear-gradient(270deg, rgb(1, 34, 53) 0, rgb(1, 34, 53) 100%);background:-webkit-linear-gradient(270deg, #11b9a2 0,rgba(15,69,83,1) 100%);background:linear-gradient(270deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%);width:100%;float:left;padding:30px 0}
.ebulten-form button img{width:35px}
.ebulten-form button{background:0 0;display:flex;align-items:center;float:right;border:1px solid #fff;padding:10px 20px;border-radius:30px;width:180px;height:60px;justify-content:center;background:#fff;color:#0f515f;font-weight:600}
.ebulten-form button span{font-size:14px}
.ebulten-form input{width:calc(100% - 200px);height:60px;color:#fff;background:0 0;border:1px solid #fff;border-radius:30px;box-sizing:border-box;padding:0 45px;float:left}
.ebulten-content strong{color:#fff;font-family:Montserrat;font-size:28px;font-weight:400;margin-bottom:7px;width:100%;float:left}
.ebulten-content p{color:#fff;font-size:16px;font-weight:300}
.ebulten-widget .row{align-items:center}
.sms-widget input::-webkit-input-placeholder{color:rgba(255,255,255,.7)}
.sms-widget input:-ms-input-placeholder{color:rgba(255,255,255,.7)}
.sms-widget input::placeholder{color:rgba(255,255,255,.7)}
footer{width:100%;float:left;background:#11b9a2;padding-top:70px}
.footer-title{width:100%;float:left;color:#fff;font-family:Montserrat;margin-bottom:40px;padding-bottom:10px;position:relative;font-size:16px}
.footer-title:before{content:"";position:absolute;width:50px;height:1px;background:#fff;bottom:0}
.footer-contact ul{display:inline-block;margin-bottom:30px;width:90%}
.footer-contact ul li{color:#fff;font-size:14px;margin-bottom:15px;line-height:22px;width:100%;float:left}
.footer-contact ul li i{font-size:18px;margin-right:10px;width:20px;float:left;position:relative;top:2px}
.footer-contact ul li a,.footer-contact ul li span{color:#fff;font-weight:300;opacity:.8;width:calc(100% - 30px);float:left}
.app-btns{width:97%;float:left}
.app-btns a{background:#000;float:left;width:calc(50% - 15px);margin-right:15px;box-sizing:border-box;padding:10px 15px;border-radius:10px;color:#fff}
.app-btns a i{font-size:24px;width:25px;float:left;margin-right:10px;position:relative;top:2px}
.app-btns a span{font-size:9px;width:calc(100% - 35px);float:left}
.app-btns a strong{width:calc(100% - 35px);float:left;font-size:12px}
.footer-menu{box-sizing:border-box;padding-left:30px}
.footer-menu ul li{width:100%;float:left;margin-bottom:5px}
.footer-menu ul li a{font-size:14px;color:#fff;font-weight:300;opacity:.8}
.footer-menu ul li a:hover{opacity:1}
.copyright{width:100%;float:left;border-top:1px solid rgb(255 255 255 / 20%);margin-top:50px;padding:25px 0;text-align:center;color:#fff;font-size:13px;font-family:Montserrat;font-weight:300;letter-spacing:.5px}
.search-close{display:none;font-size:30px;cursor:pointer}
.search-row{display:none;width:100%;max-height:300px;background-color:#fff;position:absolute;z-index:4;top:120px;padding:0 0 30px}
.search-list{width:435px;margin:auto}
.search-list strong{font-size:12px;color:#939393;width:100%;margin-bottom:15px;float:left;font-weight:300}
.search-list ul li{margin-bottom:5px}
.search-list ul li a{color:#424242;font-size:14px}
.search-list ul li a:hover{color:#000}
.dropdown-shadow,.search-shadow{position:fixed;width:100%;height:calc(100vh - 140px);background:rgba(0,0,0,.5);z-index:3;left:0;bottom:0;display:none}
.menu{position:relative}
.search.active{width:700px}
.facebook:hover{color:#3b5998}
.twitter:hover{color:#00acee}
.instagram:hover{color:#dd2a7b}
.youtube:hover{color:#e62117}
#head.fixed_header{position:fixed;top:0;left:0;background-color:#fff;z-index:9;box-shadow:0 10px 10px rgb(0 0 0 / 20%)}
.active .search-row{position:fixed;top:85px;z-index:10}
.black-shadow,.menu-btn{display:none}
.hizmet-box .row{margin-left:0!important;margin-right:0!important}
.fancybox-content{height:80vh!important}
.tanitim-filmi{width:100%;float:left;margin-bottom:100px;margin-top:50px;overflow:hidden}
.tanitim-filmi-bg{width:400px;height:400px;background-size:cover;background-position:center;margin:auto;border-radius:50%;box-shadow:0 0 20px rgba(0,0,0,.1)}
.tanitim-filmi-bg a{width:100%;float:left;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.2);border-radius:50%;text-decoration:none!important}
.film-content p{float:left;margin-bottom:30px;font-size:18px;font-weight:300;width:90%;line-height:32px}
.film-content .sub-title{margin-bottom:25px}
.film-content{width:100%;float:left;position:relative;box-sizing:border-box;padding-left:50px}
.banner{width:100%;float:left;position:relative;background-size:cover;background-position:center;padding:70px 0;margin-bottom:50px}
.banner:before{width:100%;height:100%;content:"";position:absolute;background:rgba(0,0,0,.5);top:0;left:0}
.banner .ortala{position:relative}
.banner h1{color:#fff;font-family:Montserrat;font-size:30px;margin-bottom:20px}
.breadcrumb{padding:0;background:0 0;color:#fff;display:flex;align-items:center}
.breadcrumb a{color:#fff;font-size:14px;margin-right:10px;font-weight:300}
.breadcrumb span{font-size:14px;margin-right:10px}
.breadcrumb a i{margin-right:5px}
.content{width:100%;float:left;position:relative;margin-bottom:50px}
.icerik{width:100%;float:left;box-sizing:border-box;padding:25px 30px;border:1px solid #eee;border-radius:10px;overflow: hidden}
blockquote{width:100%;float:left;background:#f7f7f7;box-sizing:border-box;padding:30px 30px 30px 100px;margin-bottom:30px;border-left:5px solid #026796;font-family:Montserrat;font-size:20px;font-weight:300;color:#525252;line-height:34px;letter-spacing:-.5px;position:relative}
blockquote:before{content:"✓";font-size:50px;font-family:'Font Awesome 5 Pro';position:absolute;left:25px;color: #11b9a2}
.icerik p{color:#424242;margin-bottom:20px;font-weight:300}
.icerik a{color:#105f6d;font-weight:500;text-decoration:underline}
blockquote p{margin-bottom:0!important}
.icerik h2,.icerik h3{margin-bottom:20px;font-family:Montserrat;font-size:30px;margin-top:10px;width:100%;float:left;color:#105f6d}
.icerik h3{font-size:26px}
.icerik table{margin-bottom:20px;border:1px solid #387985!important;margin-top:15px!important;width:100%;float:left;border-radius:7px;overflow:hidden}
thead{background:#387985}
table.dataTable thead td,table.dataTable thead th{border-bottom:1px solid #fff!important;border-left:1px solid #fff!important;text-align:center;vertical-align:middle;color:#fff;font-size:14px}
table.dataTable tbody tr:nth-child(even){background:#fff}
table.dataTable tbody tr td{font-size:14px;color:#525252;padding:15px 10px;text-align:center;vertical-align:middle}
thead tr td:nth-child(1),thead tr th:nth-child(1){border-left:0!important}
tbody tr:hover td{background:#eaebeb}
.dataTables_filter input{border-radius:20px!important;padding-left:20px!important;box-sizing:border-box!important}
.fiyat-widget-img{text-align:center;padding:20px;box-sizing:border-box}
.fiyat-widget-img img{border-radius:50%;width:75%;box-shadow:0 0 20px rgb(0 0 0 / 10%)}
.sms-widget{width:100%;float:left;position:relative;box-sizing:border-box;padding-right:30px}
.kayit-icn{width:100px;height:100px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;float:left;margin-right:30px;box-sizing:border-box;border:5px solid #e5fff7}
.kayit-icn img{width:65%}
.kayit-content{width:calc(100% - 130px);float:left;color:#fff}
.kayit-content p{font-weight:300;margin-bottom:10px;font-size:15px}
.kayit-content p strong{font-weight:700}
.kayit-content input{width:calc(100% - 120px);float:left;height:50px;box-sizing:border-box;padding-left:20px;border-radius:10px;font-size:14px;margin-bottom:10px;background:0 0;border:1px solid rgb(255 255 255 / 50%);color:#fff}
.checkbox input{width:17px;height:17px}
.kayit-content button{width:100px;height:50px;margin-left:10px;border-radius:10px;border:none;font-size:14px;cursor:pointer;outline:0;box-shadow:none;background:#e5fff7;float:left;margin-bottom:10px;transition:all ease-in-out .3s}
.kayit-content button:hover{background:#fff}
.kayit-content .checkbox{line-height: 12px}
.checkbox{width:100%;float:left}
.checkbox label{font-size:11px;margin-left:8px;font-weight:300;opacity:.7}
.checkbox label a{color:#fff;font-weight:400;text-decoration:underline}
.br-white{border-right:1px solid rgb(255 255 255 / 50%)}
.mail-widget{padding-left:30px;padding-right:0}
.download-btn{padding:10px 20px;border:1px solid #ccc;display:inline-block;margin-bottom:15px;border-radius:10px;color:#525252!important;text-decoration:none!important}
.download-btn i{font-size:20px;margin-right:13px}
.accordion>.card>.card-header{cursor:pointer;padding:1rem 1.25rem;position:relative}
.accordion>.card>.card-header h4{font-size:16px;margin-bottom:0}
.accordion>.card>.card-header:before{content:"\f078";position:absolute;font-family:'Font Awesome 5 Pro';right:1.25rem}
.accordion{margin-bottom:20px}
.accordion ul{list-style:disc;margin-left:20px;width:calc(100% - 20px)}
.accordion ul li{margin-bottom:5px}
.accordion ul li a{font-weight:300;color:#424242;text-decoration:none;font-size:15px}
.accordion ul li a:hover{text-decoration:underline;color:#11b9a2}
.sidebar-tab-menu{width:100%;float:left}
.sidebar-tab-content{width:100%;float:left}
.sidebar-tab-menu a{color:#495057;padding:15px 20px;display:inline-block;width:100%;float:left;box-sizing:border-box;border:1px solid #fff;border-radius:7px 7px 0 0!important;position:relative;z-index:2}
.sidebar-tab-menu a.active{border:1px solid #eee!important;border-bottom:1px solid #fff!important;bottom:-1px;font-weight:500;color:#105f6d!important}
.sidebar-tab-content .list-group-item{font-size:14px;color:#424242;border:1px solid #eee}
.sidebar-menu a:before,.sidebar-tab-content .list-group-item:before{content:"";position:absolute;width:5px;height:0;background:#105f6d;left:0;top:0;transition:all ease-in-out .3s}
.sidebar-menu a:hover:before,.sidebar-tab-content .list-group-item.active:before,.sidebar-tab-content .list-group-item:hover:before{height:100%}
.sidebar-menu a:hover,.sidebar-tab-content .list-group-item:hover{text-decoration:none;background:#f4f8fc}
#footer-bar{position:fixed;bottom:15px;left:0;right:0;z-index:98;backdrop-filter:saturate(180%) blur(10px);-webkit-backdrop-filter:saturate(180%) blur(10px);background:rgba(255,255,255,.55);box-shadow:0 -5px 5px 0 rgb(0 0 0 / 4%);height:65px;display:none;text-align:center;border-radius:30px}
#footer-bar a:not(.btn){padding-top:12px;position:relative;flex:1 1 auto;color:#1f1f1f;max-width:20%;text-decoration:none!important}
#footer-bar a:not(.btn) i{margin-top:1px;display:block;font-size:20px;position:relative;z-index:2;height:25px;margin-bottom:5px}
#footer-bar a:not(.btn) span{position:relative;z-index:2;display:block;font-size:11px;line-height:15px;font-weight:500;margin-top:-3px;opacity:.8;font-family:roboto,sans-serif!important}
#footer-bar .circle-nav-2::before{content:"";position:absolute;top:50%;left:50%;width:50px;height:50px;margin-top:-25px;margin-left:-5px;border-radius:20px;background:inherit;z-index:-1;transform:scale(.75) translate(-55%,-45%);filter:blur(8px);background: #010e15;background:-moz-linear-gradient(270deg, rgb(1, 14, 21) 0, rgb(1, 14, 21) 100%);background:-webkit-linear-gradient(270deg, #010e15 0,rgba(15,69,83,1) 100%);background:linear-gradient(270deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%)}
#footer-bar .circle-nav-2 i{color:#fff!important;transform:translateY(-18px);font-size:20px!important}
#footer-bar .circle-nav-2::after{position:absolute;content:"";width:50px;height:50px;top:50%;left:50%;transform:translate(-50%,-50%);margin-top:-25px;border-radius:20px;z-index:-1;background: #010e15;background:-moz-linear-gradient(270deg, rgb(1, 14, 21) 0, rgb(1, 14, 21) 100%);background:-webkit-linear-gradient(270deg, #010e15 0,rgba(15,69,83,1) 100%);background:linear-gradient(270deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%)}
#adres-toggle {
    backdrop-filter: saturate(180%) blur(10px);
    -webkit-backdrop-filter: saturate(180%) blur(10px);
    background: rgba(255, 255, 255, 0.85);
    box-shadow: 0 -5px 5px 0 rgb(0 0 0 / 10%);
    border-radius: 20px;
    width: auto !important; /* Genişliği içeriğe göre ayarla */
    min-width: 180px; /* Minimum genişlik */
    padding: 10px 15px;
    z-index: 9999;
}

#adres-toggle a.dropdown-item {
    width: 100%;
    padding: 10px 15px;
    max-width: 100% !important;
    margin: 0 !important;
    text-align: left;
    font-size: 14px;
    color: #11b9a2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#urunler-toggle {
    backdrop-filter: saturate(180%) blur(10px);
    -webkit-backdrop-filter: saturate(180%) blur(10px);
    background: rgba(255,255,255,.95);
    box-shadow: 0 -5px 5px 0 rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    width: 200px;
    min-width: 200px;
}

#urunler-toggle a.dropdown-item {
    padding: 8px 12px;
    font-size: 14px;
    max-width: 100%;
    margin: 0 !important;
    text-align: left;
    color: #11b9a2;
    display: flex;
    align-items: center;
    gap: 10px;
}
.sidebar-buttons{width:100%;float:left;margin:30px 0}
.sidebar-buttons a i{font-size:18px;margin-right:15px}
.sidebar-buttons a{width:100%;text-align:center}
.sidebar-contact{width:100%;float:left;border:1px solid #eee;box-sizing:border-box;border-radius:7px}
.sidebar-contact-head{width:100%;float:left;text-align:center;padding:20px;background:#f4f8fc;border-bottom:1px solid #eee;color:#10616f;font-family:Montserrat;font-weight:700}
.sidebar-contact-content{width:100%;float:left;box-sizing:border-box;padding:15px;text-align:center}
.sidebar-contact-content p{font-size:14px;margin-bottom:20px}
.sidebar-tel{width:100%;float:left;margin-bottom:30px;text-align:center;font-size:28px;font-family:Inter;color:#106270!important;text-decoration:none!important}
.sidebar-tel i{margin-right:15px}
.sidebar-contact-content .yellow-btn{display:inline-block;margin-bottom:10px}
.hesap-icn{width:50px;background:#11b9a2;background:-moz-linear-gradient(270deg, rgb(1, 34, 53) 0, rgb(1, 34, 53) 100%);background:-webkit-linear-gradient(270deg, #11b9a2 0,rgba(15,69,83,1) 100%);background:linear-gradient(270deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%);height:50px;box-sizing:border-box;padding:15px;border-radius:50%;margin:auto;margin-bottom:5px}
.agirlik-hesaplama{width:100%;float:left;background:#f4f8fc;padding:70px 0}
.agirlik-hesaplama h2{font-family:Montserrat;margin-bottom:50px;color:#106270}
.agirlik-hesaplama .tab-content{background:#fff;padding:50px 30px 30px;border:1px solid #dee2e6;border-top:0;border-radius:10px;border-top-left-radius:0}
.agirlik-hesaplama .nav-tabs .nav-link{text-align:center;color:#0f4a58;font-weight:600;padding:10px 35px;border-top-left-radius:10px;border-top-right-radius:10px}
.hesaplama-input{width:100%;float:left;margin-bottom:20px;position:relative;display:flex;align-items:center}
.hesaplama-input label{width:100px;float:left;text-align:right;box-sizing:border-box;padding-right:10px}
.hesaplama-input input{width:calc(100% - 200px);float:left;margin-right:5px;height:50px;outline:0!important;box-shadow:none!important;border-radius:10px}
.hesaplama-input select{width:95px;float:left;outline:0!important;box-shadow:none!important;height:50px;border-radius:10px}
.hesaplama-submit{width:100%;float:left;text-align:right}
.sidebar-close{position:absolute;top:20px;right:20px;font-size:36px;color:#424242}
.icerik h4{margin-bottom:15px;border-left:5px solid #116977;padding:5px 20px;color:#116977}
.icindekiler{background:#f4f8fc;margin-bottom:30px;display:inline-block;padding:20px 30px;border-radius:7px;border:1px solid #eee;position:relative;transition:all ease-in-out .3s}
.icindekiler strong{font-family:Montserrat;text-transform:uppercase;color:#105f6d;cursor:pointer}
.icindekiler i{font-size:18px;float:right;top:-2px;position:relative;color:#105f6d;cursor:pointer;margin-left:10px;transition:all ease-in-out .3s}
.icindekiler.active i{transform:rotate(180deg);top:6px}
.icindekiler ul{margin-top:20px;list-style:revert;margin-left:20px}
.icindekiler ul li{margin-bottom:5px}
.icindekiler ul li a{font-size:14px;color:#424242;text-decoration:none;font-weight:400}
.icindekiler ul li ul{margin-top:5px;margin-left:20px}
.icindekiler ul li a:hover{text-decoration:underline}
table.dataTable tbody tr td i{margin-left:4px}
table.dataTable tbody tr td i.fa-caret-down{color:red}
table.dataTable tbody tr td i.fa-caret-up{color:green}
.hesaplama-page{margin-bottom:70px}
.alignright{float:right;margin-left:30px;margin-bottom:20px}
.mt-30{margin-top:30px}
.mt-70{margin-top:70px}
.mt-50{margin-top:50px}
.mb-120{margin-bottom:120px}
.about-sub-content h3{margin-bottom:25px;color:#106270;border-left:5px solid #10616f;padding-left:15px}
.about-page-image .about-2{bottom:50px}
.misyonumuz-row,.vizyonumuz-row{width:100%;float:left;position:relative;overflow:hidden}
.vizyon-content{background:#f4f8fc;box-sizing:border-box;padding:60px;padding-right:calc((100vw - 1350px)/ 2)}
.misyon-content{background:#f4f8fc;box-sizing:border-box;padding:80px;padding-left:calc((100vw - 1350px)/ 2)}
.misyon-content h3,.vizyon-content h3{background:#11b9a2;background:-webkit-linear-gradient(to left,#11b9a2 0,#0f4553 100%);background:-moz-linear-gradient(to left,#11b9a2 0,#0f4553 100%);background:linear-gradient(to left,#11b9a2 0,#0f4553 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:30px;font-family:Montserrat}
.misyon-content p,.misyon-content ul li,.vizyon-content p,.vizyon-content ul li{color:#454545;font-weight:300;margin-bottom:20px}
.misyon-content strong,.vizyon-content strong{font-weight:600}
.misyon-content ul,.vizyon-content ul{list-style:disc;margin-left:20px;margin-bottom:20px}
.misyon-content ul li,.vizyon-content ul li{margin-bottom:10px}
.misyon-bg{background-attachment:fixed;background-position:50% 0;background-size:cover!important;}
.vizyon-bg{background-attachment:fixed;background-position:50% 0;background-size:cover!important;background-position:center right!important}
.misyon-vizyon-bg {
    width: 100%;
    float: left;
    background-size: contain; /* Resmi genişletmeden tam sığdır */
    background-position: center center; /* Ortaya hizala */
    background-repeat: no-repeat; /* Tekrar etmesini önle */
    height: 100vh; /* Ekran yüksekliğine göre ölçeklensin */
    display: flex;
    align-items: center; /* İçeriği dikeyde ortala */
    justify-content: center;
    margin-top: 0 !important; /* Üst boşluğu kaldır */
    padding-top: 0 !important; /* Ekstra boşluğu önle */
}

/* 📌 Mobil ve Tablet için Optimizasyon */
@media (max-width: 1024px) {
    .misyon-vizyon-bg {
        width: 100% !important; /* Mobilde tam genişlik kaplasın */
        height: auto; /* Yükseklik içeriğe göre ayarlansın */
        min-height: 300px; /* Minimum yükseklik vererek resmin kaybolmasını engelle */
        background-size: contain !important; /* Resim kırpılmadan tam görünsün */
        background-position: center center !important; /* Resmi ortala */
        background-attachment: scroll !important; /* Mobilde sabit arka plan problemini engelleyecek */
        margin-top: 0 !important; /* Üst boşluğu kaldır */
        padding-top: 0 !important; /* Ekstra boşluğu önle */
    }
}







.kurucumuz-row{width:100%;float:left;padding:70px 0}
.kurucu-content{width:100%;float:left;position:relative}
.kurucu-content img{float:left;margin-right:50px}
.kurucu-content p{color:#454545;font-weight:300;margin-bottom:20px}
.musteri-yorumlari{width:100%;float:left;background:#f4f8fc;padding:80px 0;position:relative;margin-bottom:-50px}
.title-center{width:100%;float:left;text-align:center;margin-bottom:50px}
.title-center strong{font-size:20px;font-weight:600;color:#525252;margin-bottom:10px}
.title-center h2{font-size:36px;font-family:Montserrat;text-transform:uppercase;margin-top:10px;font-weight:700;background:#11b9a2;background:-webkit-linear-gradient(to left,#11b9a2 0,#0f4553 100%);background:-moz-linear-gradient(to left,#11b9a2 0,#0f4553 100%);background:linear-gradient(to left,#11b9a2 0,#0f4553 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.yorumlarSlider{width:100%;float:left}
.yorumlar-col{width:100%;float:left;text-align:center;position:relative;padding:15px;box-sizing:border-box}
.yorum-logo{width:150px;height:150px;background:#fff;display:inline-block;border-radius:50%;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.2);position:relative;margin-bottom:-60px}
.yorum-icerik{width:100%;float:left;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.1);border-radius:15px;box-sizing:border-box;padding:80px 45px 25px}
.yorum-title{width:100%;float:left;margin-bottom:30px}
.yorum-title strong{width:100%;float:left}
.yorum-title strong{font-family:Montserrat;font-weight:700;background:#11b9a2;background:-webkit-linear-gradient(to left,#11b9a2 0,#0f4553 100%);background:-moz-linear-gradient(to left,#11b9a2 0,#0f4553 100%);background:linear-gradient(to left,#11b9a2 0,#0f4553 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.yorum-title span{font-size:14px}
.yorum-icerik p{font-weight:300;line-height:26px;color:#424242;min-height:250px;font-size:15px}
.owl-dots{width:100%;float:left;display:flex;align-items:center;justify-content:center;margin-top:40px}
.owl-dot{width:20px;height:20px;border:1px solid #106270;position:relative;margin:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all ease-in-out .3s}
.owl-dot:before{content:"";position:absolute;width:10px;height:10px;background:#106270;border-radius:50%;opacity:0}
.owl-dot.active:before{opacity:1}
.filterDiv{float:left;display:none}
.show{display:block}
#myBtnContainer{margin-bottom:30px;width:100%;float:left;display:flex;align-items:center;justify-content:center}
#myBtnContainer button{border:1px solid #106270;font-size:16px;color:#106270;border-radius:30px;padding:9px 30px;margin-right:5px;margin-left:5px;outline:0!important;box-shadow:none!important}
#myBtnContainer button.active{background:#11b9a2;background:-moz-linear-gradient(270deg, rgb(1, 34, 53) 0, rgb(1, 34, 53) 100%);background:-webkit-linear-gradient(270deg, #11b9a2 0,rgba(15,69,83,1) 100%);background:linear-gradient(270deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%);color:#fff}
.galeri-list{width:calc(100% + 30px);margin-left:-15px;margin-bottom:30px;float:left}
.galeri-list .filterDiv{width:calc(33.3% - 30px);height:280px;margin:15px;float:left;background-size:cover;background-position:center;border-radius:20px;box-shadow:0 5px 15px rgba(0,0,0,.2);overflow:hidden}
.galeri-list .filterDiv a{width:100%;height:100%;display:block;float:left;position:relative;display:flex;align-items:center;justify-content:center}
.galeri-list .filterDiv a:before{content:"";position:absolute;width:100%;height:100%;background:#000;opacity:0;transition:all ease-in-out .5s}
.galeri-list .filterDiv a:after{content:"\f00e";position:absolute;font-family:'Font Awesome 5 Pro';color:#fff;font-size:40px;transition:all ease-in-out .5s;transform:scale(0)}
.galeri-list .filterDiv a:hover:before{opacity:.5}
.galeri-list .filterDiv a:hover:after{transform:scale(1)}
.video-list{width:calc(100% + 30px);float:left;margin-left:-15px;margin-bottom:30px}
.video-list .filterDiv{width:calc(33.3% - 30px);background:#f4f8fc;float:left;margin:15px;border-radius:20px;box-shadow:0 10px 15px rgb(0 0 0 / 10%);overflow:hidden;margin-bottom:30px}
.video-list .filterDiv a{width:100%;float:left;height:100%;display:block;text-decoration:none!important}
.video-col-bg{width:100%;height:250px;background-size:cover;background-position:center;position:relative;display:flex;align-items:center;justify-content:center}
.video-col-bg:before{content:"";position:absolute;width:100%;height:100%;background:rgba(0,0,0,.2);transition:all ease-in-out .3s}
.video-col-bg span{position:relative;width:60px;height:60px;background:rgba(255,255,255,.7);border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none!important}
.video-col-bg span i{background:#11b9a2;background:-webkit-linear-gradient(to left,#11b9a2 0,#0f4553 100%);background:-moz-linear-gradient(to left,#11b9a2 0,#0f4553 100%);background:linear-gradient(to left,#11b9a2 0,#0f4553 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none!important}
.video-col-bg:hover span{animation:pulse-ani 2s infinite 0s cubic-bezier(.25,0,0,1);box-shadow:0 0 0 0 #fff}
.video-title{width:100%;height:80px;box-sizing:border-box;padding:20px 30px;font-family:Montserrat;text-align:center;color:#424242;display:flex;align-items:center;justify-content:center}
.teklif-al-formu{width:100%;float:left;margin-top:15px;margin-bottom:30px}
.teklif-al-formu .form-control{height:60px;border-radius:30px;padding-left:25px}
.mb-20{margin-bottom:20px}
.form-textarea{display:block;width:100%;height:200px;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:20px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;padding-top:20px;padding-left:25px}
.odeme-cart{width:100%;height:100px;border:1px solid #ced4da;border-radius:20px;position:relative;box-sizing:border-box;padding:30px;display:flex;align-items:center;color:#424242;cursor:pointer}
.odeme-cart input{opacity:0}
.cards-icn{position:absolute;right:25px;bottom:15px}
.cards-icn img{margin-left:5px}
.odeme-icn{font-size:26px;float:left}
.odeme-title{float:left;margin-left:15px;font-size:18px}
.odeme-cart:before{content:"";position:absolute;width:25px;height:25px;border:1px solid #ced4da;right:15px;top:38%;border-radius:50%}
.odeme-cart:after{content:"\f058";font-family:'Font Awesome 6 Free';position:absolute;font-weight:700;right:15px;top:32%;font-size:25px;color:green;opacity:0;transition:all ease-in-out .3s}
.odeme-cart.active:after{opacity:1}
.odeme-cart.active{background:#f4f8fc}
.odeme-cart label{line-height: 39px;}
.form-control:focus,.form-textarea:focus{border-color:#126e7c;box-shadow:0 0 0 .2rem rgb(16 106 120 / 25%)}
.contact-form{width:100%;float:left;border:1px solid #ccc;border-radius:20px;box-sizing:border-box;padding:30px 50px;margin-top:50px}
.contact-form h2,.iletisim-bilgileri h2{border-left:5px solid #106270;padding-left:20px;color:#1e1e1e;font-family:Montserrat;text-transform:uppercase;padding:10px 20px;margin-bottom:30px}
.contact-form .form-control{height:55px;margin-bottom:20px;border-radius:30px;padding:0 25px}
.iletisim-bilgileri{width:100%;float:left;box-sizing:border-box;padding:30px 50px;margin-top:50px}
.contact-row{width:100%;float:left;margin-bottom:20px;display:flex;align-items:center}
.contact-icn{width:70px;height:70px;border:1px solid #106270;display:flex;align-items:center;justify-content:center;font-size:30px;color:#106270;border-radius:50%;margin-right:30px}
.contact-text{width:calc(100% - 100px);float:left}
.contact-text strong{width:100%;float:left;font-family:Montserrat;font-weight:700;font-size:18px}
.contact-text a,.contact-text p{color:#424242}
.subeler-row{width:100%;float:left;background:#f4f8fc;padding:100px 0}
.contact-form .form-submit{margin-top:20px}
.sube-col{width:100%;float:left;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.1);border-radius:20px;overflow:hidden;box-sizing:border-box;padding:25px 40px;text-align:center}
.sube-col strong{font-family:Montserrat;margin-bottom:15px;width:100%;float:left;font-size:18px;color:#105f6d}
.sube-col a,.sube-col p{color:#424242;margin-bottom:10px}
.sube-col a i{margin-right:10px}
a.sube-icn{border:1px solid #10606e;display:inline-flex;padding:10px 20px;color:#10606e;margin-top:20px;border-radius:30px;font-size:14px;transition:all ease-in-out .3s;text-decoration:none!important}
a.sube-icn i{font-size:22px}
a.sube-icn:hover{background:#11b9a2;background:-moz-linear-gradient(270deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%);background:-webkit-linear-gradient(270deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%);background:linear-gradient(270deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%);color:#fff}
.harita-popup{display:none;max-width:90vw;max-height:90vh;width:800px;height:600px}
.harita-popup iframe{width:100%;height:100%}
select{appearance:none;-webkit-appearance:none;-moz-appearance:none}
.sidebar-two-button li{width:50%}
.sidebar-menu{width:100%;float:left}
.sidebar-menu a{border:1px solid #eee;border-left:0;border-right:0;font-size:14px;color:#424242}
.sidebar-menu a:first-child{border-top:0}
.sidebar-menu a:last-child{border-bottom:0}
.sidebar-hizli-menu{width:100%;float:left;margin-top:30px;border:1px solid #eee;border-radius:7px;overflow:hidden}
.teknik-bilgiler-card{width:100%;float:left;margin-bottom:30px;box-shadow:0 10px 15px rgba(0,0,0,.1);background:#f4f8fc;border:1px solid #eee;box-sizing:border-box;border-radius:15px;overflow:hidden}
.teknik-bilgiler-card a{width:100%;float:left;display:inline-block}
.teknik-bilgiler-img{width:100%;height:250px;background-size:cover;background-position:center}
.teknik-bilgiler-noimg{width:100%;height:250px;background-size:auto;background-position:center;background-repeat:no-repeat}
.teknik-bilgiler-content{width:100%;float:left;box-sizing:border-box;padding:25px 30px;text-align:center}
.teknik-bilgiler-content h2{font-size:18px;color:#424242;font-family:Montserrat,sans-serif;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.teknik-bilgiler-card a:hover h2{color:#126e7c}
.pagination{align-items:center;justify-content:center;margin:30px 0}
.pagination ul li{display:inline-block}
.pagination ul li a{padding:10px 15px;color:#424242;text-decoration:none!important}
.pagination ul li a.active{background:#f4f8fc;border:1px solid #eee;border-radius:5px;box-sizing:border-box;color:#106270;font-weight:700}
.pagination ul li a:hover{color:#106270}
.aciklama{width:100%;float:left;border-top:1px solid #eee;padding-top:30px;margin-top:30px}
.aciklama p{margin-bottom:15px;color:#424242}
.dataTables_wrapper{overflow-x:scroll;padding-bottom:15px;margin-bottom:15px}
.dataTables_wrapper{overflow-x:scroll;padding-bottom:15px}
a.paginate_button.current{background:#f4f8fc!important;border:1px solid #eee!important;border-radius:5px!important}
a.paginate_button{font-size:14px!important;color:#424242!important}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{background:#f4f8fc!important;border:1px solid #eee!important;border-radius:5px!important;color:#424242!important}
.dataTables_wrapper::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);background-color:#f5f5f5}
.dataTables_wrapper::-webkit-scrollbar{width:5px;height:5px;background-color:#f5f5f5}
.dataTables_wrapper::-webkit-scrollbar-thumb{background-color:#ccc;border:none}
.dataTables_info{font-size:14px}
.icerik>img{margin-bottom:15px}
.urun-kategori-card{width:100%;height:400px;margin-bottom:30px;border-radius:20px;background-size:cover;background-position:center;overflow:hidden;position:relative;box-shadow:0 5px 15px rgba(0,0,0,.2)}
.urun-kategori-card a{width:100%;height:100%;display:block;float:left;position:relative}
.urun-kategori-card a:before{content:"";position:absolute;width:100%;height:70%;background:#000;background:-moz-linear-gradient(0deg,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(0deg,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);background:linear-gradient(0deg,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);bottom:0;left:0;transition:all ease-in-out .3s}
.urun-kategori-card h2{color:#fff;font-family:Montserrat;text-transform:uppercase;font-size:24px;font-weight:700;width:100%;float:left;position:absolute;padding:30px;bottom:10px;transition:all ease-in-out .5s}
.urun-kategori-card p{color:#fff;padding:10px 30px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;font-size:14px;line-height:24px;height:130px;position:absolute;bottom:-150px;transition:all ease-in-out .5s}
.urun-kategori-card span{color:#fff;padding:10px 30px;position:absolute;font-family:Montserrat;bottom:-150px;transition:all ease-in-out .7s}
.urun-kategori-card span i{margin-left:10px;transition:all ease-in-out .5s;position:relative;top:1px}
.urun-kategori-card a:hover:before{background:rgba(0,0,0,.7);height:100%}
.urun-kategori-card a:hover h2{bottom:300px}
.urun-kategori-card a:hover p{bottom:190px}
.urun-kategori-card a:hover span{bottom:30px}
.urun-kategori-card a span:hover i{margin-left:20px}
.aligncenter{text-align:center;margin:auto;float:none;display:block;border-radius:10px}
.icerik ul{list-style:disc;margin-left:20px;margin-bottom:15px;display:block}
.icerik ul li{color:#424242;font-weight:300}
.title-border{width:100%;float:left;margin-bottom:40px}
.title-border h3{font-family:Montserrat;font-weight:700;font-size:24px;border-left:6px solid #10616f;padding:10px 20px;color:#10616f}
.urun-card{width:100%;float:left;background:#fff;box-shadow:0 5px 15px rgb(0 0 0 / 15%);margin-bottom:30px;border-radius:20px;overflow:hidden}
.urun-img{width:100%;height:240px;background-size:cover;background-position:center}
.urun-content{width:100%;float:left;padding:20px 30px;text-align:center}
.urun-content h4{color:#10616f;font-size:22px;font-family:Montserrat;font-weight:700;margin-bottom:15px;text-transform:uppercase}
.urun-content p{color:#424242;font-weight:300}
.urun-footer{width:100%;float:left;border-top:1px solid #eee;padding:20px 30px;text-align:center}
.urun-footer span{font-size:12px;text-transform:uppercase;border:1px solid #10616f;color:#10616f;padding:12px 25px;border-radius:30px;display:inline-block;text-decoration:none!important;transition:all ease-in-out .3s}
.urun-footer span i{margin-left:5px;transition:all ease-in-out .3s}
.urun-footer span:hover i{margin-left:10px}
.urun-slider{width:100%;float:left;position:relative}
.urun-bg{width:100%;float:left;position:relative;height:500px;background-size:cover;background-position:center;border-radius:20px;overflow:hidden}
.urun-bg:before{content:"";position:absolute;width:100%;height:50%;background:#000;background:-moz-linear-gradient(0deg,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(0deg,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);background:linear-gradient(0deg,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);bottom:0;left:0}
.urun-card {
    transition: all 0.3s ease-in-out;
}

.urun-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.urun-content {
    min-height: 200px; /* içeriğe göre artırılabilir */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.urun-footer {
    background-color: #fff;
    transition: background-color 0.3s ease;
}

.urun-card:hover .urun-footer {
    background-color: #f5fbfc;
}

.urun-footer span:hover {
    background-color: #10616f;
    color: #fff;
}
.urunSlider .owl-dots{margin-top:-60px}
.urunSlider .owl-dots .owl-dot{border:1px solid #fff}
.urunSlider .owl-dots .owl-dot:before{background:#fff}
.urun-detay-info{width:95%;height:500px;float:right;background:#f4f8fc;border-radius:20px;box-shadow:0 5px 15px rgb(16 98 112 / 15%);box-sizing:border-box;padding:30px 50px;position:relative}
.urun-detay-info h2{font-size:24px;font-family:Montserrat;text-transform:uppercase;font-weight:700;color:#106270;margin-bottom:5px}
.urun-detay-info h3{font-size:18px;text-transform:uppercase;letter-spacing:1px;color:#424242;margin-bottom:30px;border-bottom:1px solid #ccc;padding-bottom:30px;font-weight:100}
.urun-detay-info ul{margin-bottom:30px}
.urun-detay-info ul li{color:#424242;position:relative;line-height:28px;box-sizing:border-box;padding-left:32px;margin-bottom:5px}
.urun-detay-info ul li:before{content:"\f00c";font-family:'Font Awesome 6 Free';left:0;position:absolute;color:#106270}
.urun-detay-info a{position:absolute;width:calc(100% - 100px);box-sizing:border-box;float:left;text-transform:uppercase;text-align:center;bottom:30px}
.urun-detay-info ul.spec-list {
    list-style: none;
    padding: 0;
    margin-top: 25px;
}

.urun-detay-info ul.spec-list li {
    display: flex;
    gap: 10px;
    align-items: baseline;
    line-height: 28px;
    margin-bottom: 5px;
    color: #424242;
    position: relative;
    padding-left: 24px;
    padding-bottom: 8px;
    border-bottom: 1px dotted #b3c3cd; /* kesik çizgi */
}

.urun-detay-info ul.spec-list li::before {
    content: "\f00c";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    color: #106270;
    position: absolute;
    left: 0;
}

.spec-name {
    width: 120px; /* ayarlanabilir */
    font-weight: 500;
    color: #11b9a2;
    flex-shrink: 0;
}

.spec-value {
    flex: 1;
}
.urun-detay-tabs{width:100%;float:left;margin-top:80px}
.urun-detay-tabs .nav-tabs li a{text-transform:uppercase;padding:15px 30px;color:#424242;border-top-left-radius:15px;border-top-right-radius:15px}
.urun-detay-tabs .nav-tabs li a.active{color:#105f6d;font-weight:600}
.urun-detay-tabs .icerik{border:1px solid #dee2e6;border-top:0;border-top-left-radius:0;border-top-right-radius:0}
.bank-col{width:100%;float:left;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.1);border-radius:15px;box-sizing:border-box;border:1px solid #eee;margin-bottom:30px}
.bank-col-head{width:100%;float:left;box-sizing:border-box;padding:15px 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee;background:#f4f8fc}
.bank-logo{width:20%}
.bank-logo img{max-height:90px}
.dbs-tooltip{width:80%;background:#11b9a2;background:-moz-linear-gradient(270deg, rgb(1, 14, 21) 0, rgb(1, 34, 53) 100%);background:-webkit-linear-gradient(270deg, #11b9a2 0,rgba(15,69,83,1) 100%);background:linear-gradient(270deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%);color:#fff;padding:9px 0;border-radius:10px}
.dbs-tooltip strong{width:100%;float:left;text-align:center;font-size:20px}
.dbs-tooltip span{width:100%;float:left;font-size:18px;text-align:center}
.bank-col-content{width:100%;float:left;position:relative;box-sizing:border-box;padding:20px 30px 10px}
.bank-col-content ul{list-style:none;margin-left:0}
.bank-col-content ul li{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee;padding:10px 0}
.bank-col-content ul li p{margin-bottom:0;font-size:14px}
.bank-col-content ul li strong{font-weight:600;margin-right:10px;width:82px;float:left;color:#10616f}
.bank-col-content ul li i{color:#767676;cursor:pointer}
.bank-col-content ul li i:hover{color:#10606e}
.bank-col-content ul li:last-child{border-bottom:0}
.copy-btn{background:0 0;border:none;padding:0;outline:0!important;box-shadow:none}
.icerik p strong{font-weight:600}
.accordion>.card>.card-header:before{transform:rotate(0);transition:all ease-in-out .3s}
.accordion>.card>.card-header.active:before{transform:rotate(180deg)}
.banka-bilgileri{margin:50px 0 30px}
.banka-bilgileri .title-border{margin-bottom:20px}
.overflow{overflow:hidden}
.collapse-btn{display:none}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    padding-right: 18px!important;
}

/* Ana kapsayıcıyı Flexbox yap */
.home-slider-row {
    display: flex;
    align-items: stretch; /* Yüksekliği eşitler */
}

/* Slider sütunu (sol) */
.home-slider-main {
    display: flex;
    flex-direction: column; /* İçerik dikey hizalanır */
    flex: 3; /* Sağ sütuna göre daha geniş */
}

/* Sağ sütun (yanındaki içerik) */
.home-slider-sidebar {
    display: flex;
    flex-direction: column; /* İçerik dikey hizalanır */
    flex: 1; /* Sol sütuna göre dar */
}

/* Slider ana stil */
.home-slider-container {
    width: 100%;
    height: auto; /* İçerik boyutuna uyum sağlar */
    flex: 1; /* Sağ sütunla eşitlenir */
}

/* Sağ sütundaki bloklar */
.home-slider-block {
    width: 100%;
    height: calc(52vh - 100px); /* Mevcut CSS ayarını korur */
    margin-bottom: 30px;
    background-size: cover;
    float: left;
    background-position: center;
    position: relative;
    display: flex;
    align-items: center; /* İçeriği ortalar */
    justify-content: center;
    text-align: center;
    color: #fff; /* Yazı rengini beyaz tut */
    box-sizing: border-box;
    padding: 0 50px;
}

/* Arka plan karartması */
.home-slider-block:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    left: 0;
    top: 0;
}

/* İçerik düzenleme */
.home-slider-block .home-slider-content {
    width: 100%;
    float: left;
    position: relative;
    color: #fff;
    box-sizing: border-box;
    padding: 0 50px;
}

/* Yazı stilleri */
.home-slider-block i {
    font-size: 50px;
    margin-bottom: 15px;
}

.home-slider-block h2 {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    font-family: Montserrat, sans-serif;
    font-size: 22px;
}

.home-slider-block p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px;
}

/* Link butonu */
.home-slider-block a {
    font-size: 12px;
    color: #fff;
    border: 1px solid #fff;
    padding: 7px 20px;
    display: inline-block;
    border-radius: 20px;
    text-decoration: none !important;
    background: rgba(255, 255, 255, .2);
    transition: all ease-in-out .3s;
}

.home-slider-block a:hover {
    background: #11b9a2;
    background: -moz-linear-gradient(270deg, rgba(16, 99, 113, 1) 0, rgba(15, 69, 83, 1) 100%);
    background: -webkit-linear-gradient(270deg, rgba(16, 99, 113, 1) 0, rgba(15, 69, 83, 1) 100%);
    background: linear-gradient(270deg, rgba(16, 99, 113, 1) 0, rgba(15, 69, 83, 1) 100%);
    border: 1px solid #11b9a2;
}
/*ürün detay içinde gelen tabloyu responsive yapan kod*/
/* İçerik dış çerçeve */
.content-wrapper {
    overflow-x: auto;
    padding: 10px;
    margin: 0 -10px;
}
.table-bordered {
    width: 100%;
    border: 1px solid #005268;
    border-collapse: collapse;
    min-width: 600px;
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #005268;
    padding: 10px;
    text-align: left;
}

.table-bordered tr:nth-child(even) {
    background-color: #f9f9f9;
}

.table-bordered tr:first-child td:first-child {
    border-top-left-radius: 6px;
}
.table-bordered tr:first-child td:last-child {
    border-top-right-radius: 6px;
}
.table-bordered tr:last-child td:first-child {
    border-bottom-left-radius: 6px;
}
.table-bordered tr:last-child td:last-child {
    border-bottom-right-radius: 6px;
}
/* Mobil scroll için genişlik bırak */
.table-custom {
    border-collapse: collapse;
    width: 100%;
    min-width: 600px;
}

/* Çerçeve ve düzen */
.table-custom td, .table-custom th {
    border: 1px solid #ccc;
    padding: 10px;
    text-align: left;
}

.table-custom tr:nth-child(even) {
    background-color: #f9f9f9;
}

.table-responsive {
    max-width: 700px; /* masaüstü için genişlik sınırlaması */
    margin: 0 auto;    /* ortalamak için */
    overflow-x: auto;  /* taşma durumunda yatay kaydırma */
}

@media (max-width: 768px) {
    .table-responsive {
        max-width: 100%; /* mobilde tam genişlikte kalsın */
    }
}

.img-fluid {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto 20px;
}

 .fuar-modal {
     display: none;
     position: fixed;
     z-index: 9999;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0,0,0,0.6);
 }

.fuar-modal-content {
    position: relative;
    margin: 5% auto;
    padding: 0;
    max-width: 600px;
    width: 90%;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    animation: fadeIn 0.4s ease;
}

.fuar-modal-content img {
    display: block;
    width: 100%;
    height: auto;
}

.fuar-close {
    position: absolute;
    top: 5px;
    right: 15px;
    color: #000;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    z-index: 10000;
}

@keyframes fadeIn {
    from { opacity: 0; transform: scale(0.9); }
    to   { opacity: 1; transform: scale(1); }
}

.popup-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}

.popup-modal-content {
    position: relative;
    margin: 5% auto;
    padding: 0;
    max-width: 600px;
    width: 90%;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    animation: fadeIn 0.4s ease;
}

.popup-modal-content img {
    display: block;
    width: 100%;
    height: auto;
}

.popup-close {
    position: absolute;
    top: 5px;
    right: 15px;
    color: #000;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    z-index: 10000;
}
/* ============================================= */
/* ===== Hakkımızda Sayfası Özel Stilleri ====== */
/* ============================================= */

/* Arka Planı Açık Renk Olan Bölümler İçin Genel Sınıf */
.section-bg-light {
    width: 100%;
    float: left;
    background-color: #f4f8fc; /* Temanızda kullanılan açık arka plan rengi */
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

/* Sayfa İçi Bölüm Başlıkları İçin Genel Sınıf */
.section-title {
    width: 100%;
    float: left;
    margin-bottom: 30px;
    font-family: 'Montserrat', sans-serif;
    color: #10616f; /* Temanızdaki ana başlık rengi */
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 15px;
}

/* Deneyim ve Ödül Listeleri İçin Stil */
.experience-list,
.awards-list {
    list-style: none;
    padding-left: 0;
}

.experience-list li,
.awards-list li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 15px;
    font-size: 16px;
    color: #454545;
    font-weight: 300;
}

.experience-list li::before,
.awards-list li::before {
    content: "\f00c"; /* Font Awesome Check İkonu */
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    left: 0;
    top: 4px;
    color: #11b9a2; /* Temanızdaki ana renk */
    font-weight: 900;
}

.experience-list li strong,
.awards-list li strong {
    font-weight: 600;
    color: #1e1e1e;
}

/* Uzmanlık Alanları Listesi (daha büyük ikonlu) */
.icon-list-2 {
    list-style: none;
    padding-left: 0;
}
.icon-list-2 li {
    font-size: 17px;
    color: #424242;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
}
.icon-list-2 li i {
    color: #11b9a2;
    margin-right: 12px;
    font-size: 18px;
}


/* Akademik Metrikler Bölümü */
.academic-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 15px; /* Metrikler arası boşluk */
    background-color: #f4f8fc;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
}

.academic-stats span {
    flex: 1 1 200px; /* Esnek büyüme ve küçülme */
    background: #fff;
    padding: 15px;
    border-radius: 8px;
    text-align: center;
    font-size: 15px;
    color: #454545;
    border: 1px solid #ddd;
}

.academic-stats span i {
    margin-right: 8px;
    color: #10616f;
}

.academic-stats span strong {
    font-weight: 800;
    color: #1e1e1e;
}


/* Proje Kartları Stili */
.project-card {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 15px;
    padding: 25px;
    margin-bottom: 30px;
    height: 100%; /* Sütunların aynı hizada durması için */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.project-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.project-card h4 {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    color: #10616f;
    margin-bottom: 10px;
}

.project-card p {
    font-size: 15px;
    color: #454545;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 20px;
}

.project-card .badge {
    display: inline-block;
    background-color: #11b9a2;
    color: #fff;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

/* Buton Stilleri için mevcut sınıflar zaten tanımlı,
   ancak burada da hizalama için bir ayar yapabiliriz. */
.about-buttons a {
    margin-bottom: 10px; /* Mobil cihazlarda alt alta geldiğinde boşluk */
}
/* =================================================== */
/* ===== Hakkımızda Sayfası İyileştirme Stilleri ===== */
/* =================================================== */

/* Uzmanlık Alanları Liste Stili İyileştirmesi */
.icon-list-2 li {
    font-size: 16px;
    background-color: #fff;
    padding: 12px 20px;
    border-radius: 8px;
    margin-bottom: 10px;
    border: 1px solid #e8eaec;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

.icon-list-2 li:hover {
    transform: translateX(5px);
    border-left: 5px solid #11b9a2;
}

.icon-list-2 li i {
    color: #11b9a2;
    margin-right: 15px;
    font-size: 16px;
}

/* Akademik Deneyim ve Ödüller Tablosu Stili */
.academic-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    font-size: 15px;
}
.academic-table thead {
    background-color: #f4f8fc;
    color: #10616f;
    font-family: 'Montserrat', sans-serif;
}
.academic-table th, .academic-table td {
    padding: 15px;
    text-align: left;
    border-bottom: 1px solid #e8eaec;
}
.academic-table tbody tr:hover {
    background-color: #f9f9f9;
}
.academic-table td:first-child {
    font-weight: 500;
}

/* Genişletilmiş Akademik Metrikler Stili */
.metrics-list {
    list-style: none;
    padding: 0;
}
.metrics-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px dotted #ccc;
}
.metrics-list li:last-child {
    border-bottom: none;
}
.metrics-list .metric-name {
    color: #454545;
    font-weight: 300;
}
.metrics-list .metric-value {
    font-weight: 700;
    font-size: 18px;
    color: #10616f;
    background-color: #f4f8fc;
    padding: 5px 10px;
    border-radius: 5px;
}
.metrics-list .metric-icon {
    margin-right: 10px;
    color: #11b9a2;
}
/* =================================================== */
/* ===== Akademik Metrikler Bölümü İyileştirmesi ===== */
/* =================================================== */

.academic-metrics-container {
    background-color: #f4f8fc;
    border: 1px solid #e8eaec;
    border-radius: 15px;
    padding: 25px;
    height: 100%;
}

.main-metric {
    text-align: center;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.main-metric .metric-icon {
    font-size: 28px;
    color: #11b9a2;
}

.main-metric .metric-value-main {
    font-size: 48px;
    font-weight: 800;
    color: #10616f;
    line-height: 1.2;
}

.main-metric .metric-name-main {
    font-size: 16px;
    font-weight: 500;
    color: #525252;
}

/* Mevcut metrics-list için küçük ayarlamalar */
.metrics-list {
    margin-bottom: 0; /* Alt boşluğu kaldır */
}

.metrics-list li {
    background-color: transparent; /* Arka planı ana konteynerden alsın */
    border: none;
    box-shadow: none;
    padding: 12px 0;
    border-bottom: 1px dotted #ccc;
}
.metrics-list li:hover {
    transform: none; /* Hover efektini kaldır */
    border-left: none; /* Hover efektini kaldır */
}
.metrics-list li:last-child {
    border-bottom: none;
}
/* ======================================================= */
/* ===== Kurs/Etkinlik Bölümü (TEK KOLON - YENİ DÜZEN) ===== */
/* ======================================================= */

#course-section .parallax-row-content {
    background: rgba(255, 255, 255, 0.98);
    border-radius: 15px;
    padding: 50px 40px;
    text-align: center; /* Tüm içeriği ortala */
    max-width: 1100px; /* İçerik kutusunun maksimum genişliği */
    margin: auto; /* Kutuyu yatayda ortala */
}

#course-section .hakkimizda-icerik {
    padding-right: 0; /* Eski koddan gelen sağ boşluğu sıfırla */
}

#course-section .title,
#course-section blockquote {
    max-width: 750px; /* Okunurluk için metin ve alıntı genişliğini sınırla */
    margin-left: auto;
    margin-right: auto;
}

#course-section .certificate-gallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Masaüstünde 2 sütun */
    gap: 20px;
    margin-top: 40px; /* Metin ile galeri arasına boşluk koy */
}

#course-section .certificate-gallery a {
    display: block;
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

#course-section .certificate-gallery a img {
    width: 100%;
    height: auto;
    display: block;
}

#course-section .certificate-gallery a:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}

/* Mobil için galeri: Tek sütun */
@media (max-width: 767px) {
    #course-section .certificate-gallery {
        grid-template-columns: 1fr;
    }
    #course-section .parallax-row-content {
        padding: 30px 20px;
    }
}
/* ======================================================= */
/* ===== Hakkımızda - Bilimsel Katkılar Bölüm Stili ===== */
/* ======================================================= */

/* Bölümün genelini saran alan (eski parallax yerine) */
.content-feature-section {
    width: 100%;
    float: left;
    padding: 80px 0;
    /* İsteğiniz üzerine arka planı resimsiz, gri yapıyoruz.
       Temanızdaki .section-bg-light ile aynı rengi kullanıyoruz. */
    background-color: #f4f8fc;
}

/* Metni içeren beyaz kutu */
.feature-content-box {
    background-color: #ffffff;
    padding: 40px 50px;
    border-radius: 15px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.08);
}

.feature-content-box h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 32px;
    color: #10616f;
    margin-bottom: 20px;
}

.feature-content-box p {
    font-size: 18px;
    line-height: 1.7;
    color: #454545;
    font-weight: 300;
    margin-bottom: 0; /* Paragraf altında ekstra boşluk olmasın */
}
/* ================================================================= */
/* ===== Ana Sayfa - Kurs Galerisi Düzenlemesi (EŞİT YÜKSEKLİK) ===== */
/* ================================================================= */

/* Sadece ana sayfadaki galeriyi sarmalayan ve boyutlandıran kutu */
.home-course-gallery {
    max-width: 500px; /* Galerinin maksimum genişliğini sınırlayarak resimleri küçültür */
    margin-left: auto; /* Galeriyi sağa yaslar (metnin yanına) */
    margin-right: 0;
}

/* certificate-gallery sınıfını bu yeni kutu içinde yeniden biçimlendiriyoruz */
.home-course-gallery .certificate-gallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px; /* Resimler arası boşluğu biraz azaltalım */
}

/* YENİ EKLENEN/GÜNCELLENEN STİLLER: Eşit Yükseklik İçin */
.home-course-gallery .certificate-gallery a {
    display: block;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
    /* Her bir galeri öğesine 4:3 en-boy oranı veriyoruz */
    aspect-ratio: 4 / 3;
}

.home-course-gallery .certificate-gallery a:hover {
    transform: scale(1.05);
}

.home-course-gallery .certificate-gallery a img {
    width: 100%;
    height: 100%; /* Konteynerin yüksekliğini %100 kapla */
    display: block;
    /* Resmi oranını bozmadan konteyneri doldurur, fazlasını kırpar */
    object-fit: cover;
}

/* Mobil için galeri uyumluluğu */
@media (max-width: 991px) {
    .home-course-gallery {
        margin: 40px auto 0 auto; /* Tablet ve mobilde galeriyi ortala ve üstten boşluk ver */
    }
}
/* ======================================================= */
/* =========== 404 Sayfası Yönlendirme Kartları ========== */
/* ======================================================= */

.error-page-cta-row {
    margin-top: 50px;
}

.cta-card-404 {
    position: relative;
    height: 350px;
    border-radius: 15px;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
    display: flex;
    align-items: flex-end; /* İçeriği aşağıya yasla */
    text-decoration: none;
    transition: transform 0.3s ease;
    margin-bottom: 30px;
}

.cta-card-404:hover {
    transform: translateY(-8px);
}

/* Resmi karartıp metni öne çıkaran katman */
.cta-card-404::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 60%);
    transition: background-color 0.3s ease;
}

.cta-card-404:hover::before {
    background-color: rgba(16, 98, 112, 0.7);
}

.cta-card-404 h3 {
    position: relative;
    z-index: 2;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    padding: 25px;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
/* ======================================================= */
/* ===== Ana Sayfa - Video Slider Bölümü Stilleri ====== */
/* ======================================================= */

.video-feature-section {
    position: relative;
    width: 100%;
    padding: 100px 0;
    background-color: #f4f8fc; /* Açık gri zemin */
    border-top: 1px solid #eee;
}

.video-feature-section .hakkimizda-icerik {
    padding-right: 30px; /* Metin ve slider arasına boşluk */
}

/* Video slider'ı için özel ayarlar */
.video-slider .item {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
    background-color: #000;
}

.video-slide-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 en-boy oranı için */
    height: 0;
    overflow: hidden;
}

.video-slide-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Video başlığı için stil */
.video-slide-caption {
    padding: 15px 20px;
    background-color: #fff;
    text-align: center;
}

.video-slide-caption h4 {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: #10616f;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* Uzun başlıklar için ... ekler */
}

/* Owl Carousel navigasyon okları için stil */
.video-slider.owl-carousel .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    background-color: rgba(255, 255, 255, 0.8) !important;
    border-radius: 50%;
    color: #10616f !important;
    font-size: 22px !important;
    line-height: 1 !important;
    transition: all 0.3s ease;
}
.video-slider.owl-carousel .owl-nav button:hover {
    background-color: #fff !important;
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}
.video-slider.owl-carousel .owl-nav .owl-prev {
    left: -20px;
}
.video-slider.owl-carousel .owl-nav .owl-next {
    right: -20px;
}

@media (max-width: 991px) {
    .video-feature-section .hakkimizda-icerik {
        text-align: center;
        padding-right: 0;
        margin-bottom: 40px;
    }
    .video-slider.owl-carousel .owl-nav {
        display: none; /* Mobilde okları gizle, noktalar yeterli */
    }

}
/* ======================================================= */
/* ====== Footer Menü Linkleri İçin İyileştirilmiş Stil ====== */
/* ======================================================= */

.footer-menu ul {
    list-style: none; /* Liste başındaki noktaları kaldırır */
    padding: 0;
    margin: 0;
}

.footer-menu li {
    padding: 3px 0; /* Satırlar arasına dikey boşluk ekler */
}

.footer-menu li a {
    color: #ffffff;
    opacity: 0.75; /* Normalde hafif soluk bir görünüm */
    font-size: 14px;
    font-weight: 300;
    text-decoration: none;
    transition: all 0.3s ease; /* Yumuşak geçiş efekti */
}

.footer-menu li a:hover {
    opacity: 1; /* Üzerine gelince tam beyaz ve net */
    padding-left: 8px; /* Üzerine gelince hafif sağa kayma efekti */
    color: #fff; /* Rengin beyaz olduğunu garanti eder */
}
/* ======================================================= */
/* ====== FOOTER SOSYAL MEDYA İKONLARI (DAHA BELİRGİN) ====== */
/* ======================================================= */

/* Sosyal medya ikonları için daha belirgin stil */
.footer-social a {
    display: inline-flex; /* İkonların tam ortalanması için flexbox kullandık */
    align-items: center;
    justify-content: center;
    width: 42px;  /* Boyutu biraz artırdık */
    height: 42px; /* Boyutu biraz artırdık */
    border-radius: 50%; /* Tam yuvarlak */
    background-color: #ffffff; /* Dikkat çekici beyaz arka plan */
    color: #11b9a2; /* İkon rengi, footer'ın arka plan rengiyle aynı */
    margin-right: 10px;
    margin-top: 25px;
    font-size: 18px; /* İkonun kendi boyutunu artırdık */
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Hafif bir gölge efekti */
}

/* Üzerine gelindiğinde (hover) oluşacak efekt */
.footer-social a:hover {
    transform: translateY(-4px); /* Yukarı doğru hafif hareket */
    background-color: #f0f0f0; /* Hafif kırık beyaz */
    color: #10616f; /* temanın daha koyu bir tonu */
    box-shadow: 0 6px 12px rgba(0,0,0,0.15);
}

/* ======================================================= */
/* =========== SABİT EYLEM BUTONLARI (WHATSAPP/RANDEVU) ========== */
/* ======================================================= */

.fixed-action-btn {
    position: fixed;
    right: 25px;
    z-index: 1030; /* Menü gibi öğelerin altında kalması için ayarlandı */
    display: none; /* Varsayılan olarak gizli, JS ile gösterilecek */
}

.fixed-action-btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    color: #fff;
    font-size: 28px;
    text-decoration: none;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
}

.fixed-action-btn a:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.25);
}

/* WhatsApp Butonu */
#fixed-whatsapp-btn {
    bottom: 250px;
}
#fixed-whatsapp-btn a {
    background-color: #25D366;
}

#fixed-contact-btn {
    bottom: 320px;
}
#fixed-contact-btn a {
    background-color: #3498db; /* Farklı, dikkat çekici bir renk */
}

/* Randevu Butonu */
#fixed-appointment-btn {
    bottom: 390px;
}
#fixed-appointment-btn a {
    background-color: #11b9a2; /* Sitenizin ana tema rengi */
}
/* ======================================================= */
/* ========= Hasta Bilgilendirme Sayfası Kartları ========= */
/* ======================================================= */
.info-card {
    display: block;
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 5px 25px rgba(0,0,0,0.07);
    margin-bottom: 30px;
    text-decoration: none;
    height: 100%;
    transition: all 0.3s ease;
}
.info-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.12);
}
.info-card-icon {
    font-size: 45px;
    color: #11b9a2;
    margin-bottom: 20px;
}
.info-card h3 {
    font-family: 'Montserrat', sans-serif;
    color: #10616f;
    font-size: 22px;
    margin-bottom: 15px;
}
.info-card p {
    color: #454545;
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 25px;
}
.info-card .info-card-link {
    font-weight: 600;
    color: #11b9a2;
}
/* ======================================================= */
/* ============= Deneyim Sayfası Liste Stilleri ============ */
/* ======================================================= */

.experience-list-detailed {
    list-style: none;
    padding-left: 0;
    margin-top: 20px;
}

.experience-list-detailed li {
    display: flex;
    padding: 20px 0;
    border-bottom: 1px solid #e8eaec;
}

.experience-list-detailed li:last-child {
    border-bottom: none;
}

.experience-date {
    flex-basis: 150px; /* Tarih alanı için sabit genişlik */
    flex-shrink: 0;
    font-weight: 600;
    color: #10616f;
    padding-right: 20px;
}

.experience-info {
    flex-grow: 1;
}

.experience-info .title {
    font-size: 18px;
    font-weight: 700;
    color: #1e1e1e;
    margin-bottom: 5px;
}

.experience-info .institution {
    font-size: 16px;
    color: #454545;
}

@media (max-width: 767px) {
    .experience-list-detailed li {
        flex-direction: column; /* Mobilde alt alta gelsin */
        align-items: flex-start; /* İçeriği sola yaslar */
    }
    .experience-date {
        flex-basis: auto;        /* Sabit genişliği iptal eder, tam genişlik kullanır */
        width: 100%;
        padding-right: 0;        /* Sağdaki boşluğu sıfırlar */
        margin-bottom: 10px;     /* Altındaki başlık ile arasına boşluk koyar */
    }
}

/* ======================================================= */
/* ===== Yayınlar Sayfası Liste Stili (Nokta Düzeltmesi) ===== */
/* ======================================================= */

.publication-list {
    list-style: none!important; /* Liste başındaki noktaları kaldırır */
    padding: 0;       /* Tarayıcının varsayılan sol boşluğunu sıfırlar */
    margin-top: 30px;
}

.publication-list li {
    background: #fff;
    border: 1px solid #e8eaec;
    border-left: 5px solid #11b9a2; /* Sol tarafa tema renginde bir şerit ekler */
    border-radius: 8px;
    padding: 25px 30px;
    margin-bottom: 25px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

.publication-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    color: #10616f;
    margin-bottom: 10px;
}

.publication-authors {
    font-size: 15px;
    color: #555;
    margin-bottom: 15px;
    font-style: italic;
}

.publication-source {
    font-size: 14px;
    color: #454545;
    background-color: #f4f8fc;
    padding: 10px 15px;
    border-radius: 5px;
}

/* ======================================================= */
/* ====== Yayınlar Sayfası Mobil Başlık Düzeltmesi ====== */
/* ======================================================= */

@media (max-width: 767px) {
    .publication-list li {
        /* Mobilde kart içi yan boşlukları azaltarak metne daha fazla yer açıyoruz */
        padding: 25px 20px;
    }

    .publication-title {
        /* Mobil cihazlarda başlık fontunu daha okunaklı bir boyuta getiriyoruz */
        font-size: 18px;
    }
}
/* ======================================================= */
/* ============= Yayınlar Sayfası Sekme Stilleri ============ */
/* ======================================================= */
.publication-tabs .nav-tabs {
    /* --- YENİ EKLENEN LAYOUT DÜZELTMELERİ --- */
    display: flex;      /* Sekmeleri yan yana dizer */
    flex-wrap: wrap;    /* Küçük ekranlarda sığmazsa alt satıra indirir */
    list-style: none;   /* Liste başındaki noktaları kaldırır */
    padding-left: 0;    /* Varsayılan sol boşluğu sıfırlar */
    /* --- MEVCUT STİLLER --- */
    border-bottom: 2px solid #dee2e6;
    margin-bottom: 30px;
}

.publication-tabs .nav-tabs .nav-item {
    margin-bottom: -2px;
}

.publication-tabs .nav-tabs .nav-link {
    border: 2px solid transparent;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    padding: .75rem 1.5rem;
    font-size: 16px;
    font-weight: 500;
    color: #495057;
    transition: all 0.2s ease;
}

.publication-tabs .nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6;
    isolation: isolate;
}

.publication-tabs .nav-tabs .nav-link.active {
    color: #10616f;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
    font-weight: 700;
}
/* Yayınlar sayfası sekme içi giriş paragrafları için stil */
.tab-intro-text {
    font-size: 17px;
    line-height: 1.7;
    color: #555;
    margin-bottom: 30px;
    padding: 15px;
    background-color: #f8f9fa;
    border-left: 4px solid #11b9a2; /* Ana tema rengiyle vurgu */
    border-radius: 0 8px 8px 0;
}
/* ======================================================= */
/* ======== Yayınlar Sayfası MOBİL Sekme Düzeltmesi ======== */
/* ======================================================= */

/* Sadece 767px ve altındaki mobil ekranlar için geçerli olacak */
@media (max-width: 767px) {
    .publication-tabs .nav-tabs {
        display: flex;
        flex-wrap: nowrap; /* Sekmelerin alt satıra kaymasını ENGELLER */
        overflow-x: auto;  /* Yatayda taşanları kaydırılabilir yapar */
        overflow-y: hidden; /* Dikey kaydırmayı gizler */
        -webkit-overflow-scrolling: touch; /* iOS'ta akıcı kaydırma deneyimi sağlar */
        padding-bottom: 5px; /* Kaydırma çubuğu için (görünmese de) altta boşluk bırakır */

        /* Orijinal alt çizgiyi yeniden tanımlıyoruz, çünkü scrollbar onu bozabilir */
        border-bottom: 1px solid #dee2e6;
    }

    /* Yatay kaydırma çubuğunu görsel olarak gizlemek için */
    .publication-tabs .nav-tabs::-webkit-scrollbar {
        display: none;
    }

    /* Her bir sekmenin daralmasını veya küçülmesini engeller */
    .publication-tabs .nav-tabs .nav-item {
        flex-shrink: 0;
    }

    /* Sekme başlıklarının (yazıların) kırılmasını engeller */
    .publication-tabs .nav-tabs .nav-link {
        white-space: nowrap;
        font-size: 15px; /* Mobilde daha rahat sığması için bir tık küçültme */
    }
}
/* ======================================================= */
/* ====== Dersler ve Tezler Sayfası Liste Stilleri ======= */
/* ======================================================= */

.info-list {
    list-style: none!important;
    padding: 0;
    margin-top: 20px;
}

.info-list li {
    background: #fff;
    padding: 20px 25px;
    margin-bottom: 15px;
    border-radius: 8px;
    border: 1px solid #e8eaec;
    border-left: 4px solid #11b9a2; /* Sol tarafta tema rengiyle vurgu */
    transition: box-shadow 0.3s ease;
}

.info-list li:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}

.info-list .item-icon {
    margin-right: 12px;
    color: #11b9a2;
}

/* Tez listesi için özel stiller */
.info-list .thesis-title {
    font-size: 18px;
    font-weight: 700;
    color: #1e1e1e;
    margin-bottom: 8px;
}

.info-list .thesis-meta {
    font-size: 15px;
    color: #555;
    display: block;
}

.info-list .thesis-meta span {
    margin-right: 20px;
}
/* ======================================================= */
/* ====== Robotik Cerrahi Sayfası Yönlendirme Kartları ====== */
/* ======================================================= */

.subpage-card {
    display: block;
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    text-align: left; /* İçeriği sola yasla */
    box-shadow: 0 5px 25px rgba(0,0,0,0.07);
    margin-bottom: 30px;
    text-decoration: none;
    height: 100%;
    border-left: 5px solid #11b9a2;
    transition: all 0.3s ease;
}
.subpage-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.12);
    border-color: #10616f;
}
.subpage-card h3 {
    font-family: 'Montserrat', sans-serif;
    color: #10616f;
    font-size: 24px;
    margin-bottom: 15px;
}
.subpage-card p {
    color: #454545;
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 25px;
}
.subpage-card .subpage-card-link {
    font-weight: 700;
    color: #11b9a2;
}
.subpage-card .subpage-card-link i {
    margin-left: 8px;
    transition: margin-left 0.3s ease;
}
.subpage-card:hover .subpage-card-link i {
    margin-left: 15px;
}
/* ======================================================= */
/* ====== Sayfa İçi Ara Görsel Stili (Content Image) ====== */
/* ======================================================= */

.content-image {
    width: 100%;
    border-radius: 15px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
    margin: 40px 0; /* Üst ve altında boşluk bırakır */
}

/* ======================================================= */
/* ====== Video Galeri Stilleri (3 Sütunlu Düzen) ====== */
/* ======================================================= */

.video-gallery-grid {
    display: grid;
    gap: 30px; /* Kartlar arası boşluk */
    justify-content: center;
}

.video-gallery-card {
    display: block;
    text-decoration: none;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
}

.video-gallery-card:hover {
    transform: translateY(-5px);
}

.video-thumbnail {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9; /* Video en-boy oranını (16:9) sabitler */
}

.video-thumbnail img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Resmin kutuyu tam kaplamasını sağlar */
}

.play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 40px;
    color: #fff;
    opacity: 0.8;
    text-shadow: 0 0 10px rgba(0,0,0,0.5);
    transition: all 0.3s ease;
}

.video-gallery-card:hover .play-icon {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.1);
}

.video-card-title {
    padding: 15px;
    background-color: #fff;
    text-align: center;
}

.video-card-title h4 {
    font-size: 16px;
    color: #333;
    margin: 0;
    line-height: 1.4;
}

/* Masaüstü için 3 sütun */
@media (min-width: 992px) {
    .video-gallery-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Tablet için 2 sütun */
@media (max-width: 991px) and (min-width: 768px) {
    .video-gallery-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobil için 1 sütun */
@media (max-width: 767px) {
    .video-gallery-grid {
        grid-template-columns: 1fr;
        /* Mobilde sağ ve sol kenarlara 20px boşluk ekler */
        padding-left: 20px;
        padding-right: 20px
    }
}
/* ======================================================= */
/* ====== Ana Sayfa - İçerik Tanıtım Kutusu Stili ====== */
/* ======================================================= */

.content-promo-section {
    width: 100%;
    float: left;
    padding: 70px 0;
    /* Arka planı resimsiz, gri yapıyoruz */
    background-color: #fff;
}

.promo-box {
    display: flex;
    align-items: center;
    background-color: #f4f8fc;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.promo-box-image {
    flex-basis: 45%;
    flex-shrink: 0;
}

.promo-box-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.promo-box-content {
    flex-grow: 1;
    padding: 40px;
}

.promo-box-content h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 28px;
    color: #10616f;
    margin-bottom: 20px;
}

.promo-box-content p {
    font-size: 17px;
    line-height: 1.7;
    margin-bottom: 30px;
}

@media (max-width: 991px) {
    .promo-box {
        flex-direction: column; /* Mobilde alt alta gelsin */
        text-align: center;
    }
    .promo-box-image {
        width: 100%;
        flex-basis: auto;
        height: 250px;
    }
    .promo-box-content {
        padding: 30px 25px;
    }
}

/* ======================================================= */
/* ====== Sayfa İçi Gömülü Video Stili (Embed Video) ====== */
/* ======================================================= */

.content-video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 en-boy oranı */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    margin: 40px 0;
}

.content-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* ======================================================= */
/* ====== Yönlendirme Bloğu Stili (Blockquote Link) ====== */
/* ======================================================= */


.blockquote-link {
    background-color: #f4f8fc;
    border-left: 5px solid #10616f;
    padding: 25px 30px 25px 50px; /* Sol boşluğu artırarak ikona yer açtık */
    margin: 40px 0;
    position: relative; /* İkonu konumlandırmak için gerekli */
    border-radius: 0 8px 8px 0;
}

/* İkonu :before pseudo-element'i ile ekliyoruz */
.blockquote-link::before {
    content: "\f00c"; /* Font Awesome Check İkonu */
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    position: absolute;
    left: 15px; /* Soldan boşluk */
    top: 30px; /* Yukarıdan hizalama */
    font-size: 24px;
    color: #11b9a2;
}

.blockquote-link p {
    font-size: 18px;
    line-height: 1.7;
    color: #454545;
    margin: 0; /* Paragrafın varsayılan marjını sıfırla */
}

.blockquote-link .goto-link {
    display: block;
    margin-top: 15px;
    font-weight: 700;
    color: #11b9a2;
    text-decoration: none;
    transition: all 0.3s ease;
}

.blockquote-link .goto-link i {
    margin-left: 8px;
    transition: margin-left 0.3s ease;
}

.blockquote-link .goto-link:hover {
    color: #10616f;
}

.blockquote-link .goto-link:hover i {
    margin-left: 15px;
}

/* ======================================================= */
/* ====== KİTAP DETAY SAYFASI İÇİN ÖZEL STİLLER ====== */
/* ======================================================= */

/* Eski `.icerik` yerine yeni ana içerik sarmalayıcısı */
.book-detail-container {
    border: none !important;
    padding: 0 !important;
}

/* Kitap başlığı ve alt başlığı için bölüm */
.book-detail-title {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.book-detail-title strong {
    color: #11b9a2;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
}
.book-detail-title h2 {
    color: #10616f;
    font-size: 32px;
}

/* Kitap künyesi listesi */
.book-specs-list {
    list-style: none !important;
    padding: 20px !important;
    margin: 25px 0 !important;
    background-color: #f4f8fc !important;
    border-radius: 8px;
    border: 1px solid #e8eaec;
}

/* Her bir künye satırı (li) */
.book-specs-list li {
    display: flex !important;
    visibility: visible !important;
    padding: 10px 0 !important;
    font-size: 16px;
    border-bottom: 1px dotted #ccc;
    background: none !important;
    margin-bottom: 0 !important;
    list-style-type: none!important; /* BAŞTAKİ NOKTALARI KALDIRIR */
}
.book-specs-list li:last-child {
    border-bottom: none;
}

/* Künye başlığı (Örn: "Sayfa Sayısı:") */
.book-specs-list .spec-label {
    font-weight: 700;
    color: #10616f;
    flex-basis: 160px;
    flex-shrink: 0;
}

/* Künye değeri (Örn: "312") */
.book-specs-list .spec-value {
    color: #454545;
    flex-grow: 1;
}

/* Sayfa içi ara başlıklar */
.book-section-heading {
    font-size: 24px;
    color: #10616f;
    margin-top: 30px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

/* ======================================================= */
/* ====== Türkiye'de Tedavi Tanıtım Kutusu (Mobil Uyum) ====== */
/* ======================================================= */

/* Sadece 767px ve altındaki mobil ekranlar için geçerli olacak */
@media (max-width: 767px) {

    /* Tanıtım kutusunun içindeki başlık (h2) */
    .promo-box-content h2 {
        font-size: 24px; /* Mobilde font boyutunu küçülterek taşmayı engeller */
        line-height: 1.4; /* Satır yüksekliğini ayarlar */
    }

    /* Tanıtım kutusunun içindeki buton (a) */
    .promo-box-content .yellow-btn {
        display: inline-block; /* Butonun metin kadar yer kaplamasını sağlar */
        width: auto;           /* Genişliği otomatik ayarlar */
        padding: 12px 25px;    /* İç boşlukları ayarlar */
        font-size: 14px;       /* Yazı boyutunu küçültür */
    }
}
/* ======================================================= */
/* ====== Akademik & Sosyal Profiller (YENİ DÜZEN) ====== */
/* ======================================================= */

.academic-profiles {
    text-align: center;
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #e8eaec;
}

.academic-profiles h3 {
    font-family: 'Montserrat', sans-serif;
    color: #10616f;
    margin-bottom: 25px;
}

/* Butonları saran ana kapsayıcı */
.academic-profiles-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px; /* Butonlar arası boşluğu artırdık */
    max-width: 900px;
    margin: 0 auto;
}

/* Butonların kendisi */
.profile-button {
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #ddd;
    color: #454545;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 14px;
    flex-grow: 1;
    margin: 5px;
    justify-content: center;
}

.profile-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    border-color: #11b9a2;
    color: #11b9a2;
}

.profile-button i {
    margin-right: 8px;
}

/* Mobil için özel ayar */
@media (max-width: 767px) {
    .profile-button {
        flex-basis: 40%;
    }
}
/* ======================================================= */
/* ====== Hakkımızda Sayfası Buton Hizalama Düzeltmesi ====== */
/* ======================================================= */

/* Butonları içeren ana kapsayıcıya flexbox özellikleri ekliyoruz */
.about-buttons {
    display: flex;
    flex-wrap: wrap; /* Mobilde butonların alt alta geçmesini sağlar */
    align-items: center; /* Butonları dikeyde ortalar */
    gap: 15px; /* Butonlar arasına boşluk ekler */
}

/* ======================================================= */
/* ====== Randevu Sayfası - Alternatif İletişim Butonları ====== */
/* ======================================================= */

.randevu-actions-container {
    display: flex;
    flex-wrap: wrap; /* Mobilde alt alta geçmesi için */
    justify-content: center; /* Butonları ortalar */
    gap: 15px; /* Butonlar arası boşluk */
    margin-top: 20px;
}

.randevu-action-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 25px;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #ddd;
    color: #454545;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 16px;
}

.randevu-action-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    border-color: #11b9a2;
    color: #11b9a2;
}

.randevu-action-button i {
    font-size: 20px;
    margin-right: 10px;
}