.nav-logo {
    vertical-align: middle;
    margin-left: 10px; /* Diğer elemanlarla araya mesafe eklemek için */
    margin-right: 10px;
}

.nav .nav-item img {
    background-color: transparent !important; /* Buton gibi arka plan olmaması için */
    border: none !important;
    padding: 0 !important;
}

.nav .nav-item a {
    padding: 0 !important; /* Linkin buton görünümünden çıkması için */
}

    .nav .nav-item a:hover {
        background-color: transparent !important; /* Üzerine gelindiğinde de arka planın değişmemesi için */
    }

.nav .nav-item {
    display: flex;
    align-items: center; /* Dikey hizalama */
}

.btn-btn-arrow-effect-1 > svg {
    transition: ease transform 300ms;
}

.btn-btn-arrow-effect-1:hover > svg {
    transform: translate3d(8px, 0, 0);
}


.line-title-pre-about {
    width: 50px;
    height: 3px;
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
}

html[dir="rtl"] .slider-container .line-title-pre-about {
    margin-right: 20px;
    margin-left: 0;
}


.bg-color-menu-caption, .bg-menu-caption {
    background-color: var(--menucaption) !important;
}

.text-color-menu-caption, .text-color-menu-caption {
    color: var(--textcolormenucaption) !important;
}

.about-page-header {
    padding: 75px 0;
    margin: 0;
    overflow: hidden;
}

@media (max-width: 1199px) {
    .about-page-header {
        padding: 35px 0;
    }
}

.about-page-header:before {
    content: '';
    position: absolute;
    background-color: #fafafc;
    top: -75px;
    width: 200%;
    z-index: 21;
    height: 75px;
    transform: rotate(-1deg);
}

@media (max-width: 1199px) {
    .about-page-header:before {
        display: none;
    }
}

.about-page-header:after {
    content: '';
    position: absolute;
    background-color: #fafafc;
    bottom: -75px;
    width: 200%;
    z-index: 21;
    height: 75px;
    transform: rotate(1deg);
}

@media (max-width: 1199px) {
    .about-page-header:after {
        display: none;
    }
}






.cookie-consent {
    position: fixed;
    bottom: 15px;
    left: 15px;
    background-color: rgb(0, 0, 0, 0.85); /* Siyah, %85 opak */
    color: #fff;
    padding: 15px;
    border-radius: 10px;
    z-index: 1000;
    width: calc(100% - 30px); /* Sayfanın sağ ve sol kenarlarından 15px boşluk */
    max-width: 400px; /* Maksimum genişlik */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5); /* Hafif gölge */
}

    .cookie-consent p {
        margin: 0;
        font-size: 14px;
        line-height: 1.5;
    }

    .cookie-consent .cookie-link {
        color: #FFD700; /* Altın sarısı #FFD700*/
        text-decoration: underline;
    }

    .cookie-consent .cookie-buttons {
        margin-top: 10px;
        display: flex;
        justify-content: flex-end;
    }

    .cookie-consent .btn {
        margin-left: 10px;
        padding: 5px 15px;
        font-size: 14px;
    }

    .cookie-consent .btn-primary {
        background-color: #156c7f;
        border-color: #28a745;
    }

        .cookie-consent .btn-primary:hover {
            background-color: #114f5c;
        }

    .cookie-consent .btn-secondary {
        background-color: #dc3545;
        border-color: #dc3545;
    }

        .cookie-consent .btn-secondary:hover {
            background-color: #d41515;
        }






.cus1 {
    border-radius: 0.5rem; /* Köşe yuvarlama */
    margin-bottom: 1rem; /* Alt boşluk */
    background-color: rgb(239, 239, 239); /* Çok açık gri arka plan */
    padding: 0.6rem; /* İç boşluk */
    display: flex; /* Öğeleri yan yana dizmek için */
    gap: 1rem; /* Öğeler arasına boşluk eklemek için */

    position: -webkit-sticky; /* Safari için */
    position: sticky;
    top: 71px; /* Navbar yüksekliği kadar mesafe */
    left: 0;
    width: 100%;
    background-color: #fff;  /*Arka plan rengini beyaz yap */
    z-index: 100; /* Navbar'ın üstünde olması için */
    padding: 1rem 0; /* İç boşluk */
    box-shadow: 7px 7px 10px rgba(0, 0, 0, 0.5); /* Hafif gölge efekti */
}

    /* Sekme bağlantıları için temel stil */
    .cus1 .nav-link {
        position: relative; /* Alt çizgi etkisi için */
        padding: 0.3rem 1rem; /* İç boşluk */
        color: #ffffff; /* Yazı rengi */
        text-decoration: none; /* Alt çizgiyi kaldır */
        font-size: 0.9rem; /* Yazı boyutu */
        font-weight: 600; /* Yazı kalınlığı */
        border: none; /* Kenarlık yok */
        overflow: hidden; /* Alt çizginin düzgün görünmesi için */
        transition: color 0.9s ease-in; /* Yazı renginin geçişi */
    }

        /* Sekme üzerine gelindiğinde alt çizginin merkezden yanlara doğru açılması */
        .cus1 .nav-link::before {
            content: ""; /* Alt çizgi için içerik */
            position: absolute; /* Alt çizginin konumlandırılması */
            bottom: 0; /* Alt kısımda konumlandır */
            left: 5%; /* Merkezden başla */
            width: 0%; /* Başlangıçta görünmez */
            height: 3px; /* Alt çizgi yüksekliği */
            background-color: #dc3545; /* Alt çizgi rengi */
            transform: translateX(-100%); /* Merkez hizalaması */
            transition: width 0.5s ease-out, transform 0.9s ease-in-out; /* Genişleme ve kapanma geçişi */
        }

        /* Üzerine gelindiğinde alt çizgi yanlardan merkeze doğru genişler */
        .cus1 .nav-link:hover::before {
            width: 100%; /* Üzerine gelindiğinde tüm genişliği kapla */
            left: 0%;
            transform: translateX(0%); /* Merkez hizalamasını kaldır */
        }

        /* Üzerinden gidildiğinde alt çizgi yanlardan merkeze doğru kapanır */
        .cus1 .nav-link:not(:hover)::before {
            width: 0%; /* Üzerinden gidildiğinde genişlik sıfırlanır */
            transform: translateX(-50%); /* Merkez hizalamasını koru */
        }

        /* Aktif sekme için alt çizgi efektini kaldırma */
        .cus1 .nav-link.active::before {
            content: none; /* Alt çizgiyi kaldırır */
        }

    /* Öğeler arasına ayırıcı karakter ekleme */
    .cus1 .nav-item:not(:last-child)::after {
        content: " | ";  /*Ayırıcı karakter */
        margin: 0 0.5rem;  /*Ayırıcı karakterin etrafında boşluk */
    }

/* Mobil görünüm için özel ayar */
@media (max-width: 768px) { /* Ekran genişliği 768px veya daha küçük olan cihazlar için */
    .cus1 {
        bottom: 0;
        top: 0px; /* Üstten boşluk bırakmayı kaldır */
        padding: 0.5rem 0; /* İç boşluk ayarlarını mobil görünüm için uyarlama */
        background-color: white;
        box-shadow: 0px 7px 5px rgba(0, 0, 0, 0.5); /* Hafif gölge efekti */
        display: flex;
        flex-direction: column; /* Öğeleri dikey olarak hizalamak için */
        align-items: center; /* Öğeleri yatayda ortalamak için */
    }

        .cus1 .nav-item {
            margin-bottom: -0.5rem; /* Öğeler arasında dikey boşluk bırakma */
        }
}








.custom-thumb-info-style-1 .custom-thumb-info-icon {
    display: flex;
    justify-content: center;
    padding: 40px 0;
    padding: 2.5rem 0;
    background: rgb(239, 239, 239);
    transition: ease background 300ms;
}

    .custom-thumb-info-style-1 .custom-thumb-info-icon > img {
        width: auto;
        transform: scale(1);
    }

.custom-thumb-info-style-1 .thumb-info-wrapper {
    position: relative;
}

    .custom-thumb-info-style-1 .thumb-info-wrapper:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #4d4e50;
        opacity: 0.7;
        transition: ease opacity 300ms;
        z-index: 1;
        border-radius:0px !important;
    }

    .custom-thumb-info-style-1 .thumb-info-wrapper > img {
        filter: grayscale(1);
        transform: scale(1) !important;
    }

.custom-thumb-info-style-1:hover .custom-thumb-info-icon > img, .custom-thumb-info-style-1.active .custom-thumb-info-icon > img {
    animation: toRightFromLeftNoScale 0.3s forwards;
}

.custom-thumb-info-style-1:hover .thumb-info-wrapper:after, .custom-thumb-info-style-1.active .thumb-info-wrapper:after {
    opacity: 0;
}

.custom-thumb-info-style-1:hover .thumb-info-wrapper > img, .custom-thumb-info-style-1.active .thumb-info-wrapper > img {
    filter: grayscale(0);
}

@keyframes toRightFromLeftNoScale {
    49% {
        transform: translate(100%) scale(1);
    }

    50% {
        opacity: 0;
        transform: translate(-100%) scale(1);
    }

    51% {
        opacity: 1;
    }
}

.custom-thumb-info-style-1:hover .custom-thumb-info-icon {
    background: var(--primary) !important;
}






/* Custom Marquee */
.custom-marquee-1 .js-marquee-wrapper,
.custom-marquee-1 .js-marquee,
.custom-marquee-1 .js-marquee > span {
    display: flex;
}

.software-card {
    height: 420px;
    background-size: cover;
    background-position: center;
}

    .software-card .card-text {
        display: -webkit-box;
        -webkit-line-clamp: 3; /* kaç satır */
        -webkit-box-orient: vertical;
        overflow: hidden;
    }