/*MOBILE*/
@media (min-width: 576px) {
    .dto-sm-col-50 {
        width: 100% !important;
    }

    .social-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 15px;
        height: 15px;
        /* margin: 0 6px; */
        margin-right: 28px;
        border-radius: 5px;
        font-size: 25px;
        background-color: transparent;
        transition: all 0.2s ease;
        text-decoration: none;
    }

}

.footer ul a {
    color: black !important;
    font-weight: inherit !important;
    font-size: 14px;
    margin-bottom: 2px;
}

.custom-box-info-icon {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}




/*FOOTER SOSYAL MEDYA ICONLARI*/
.social-media-wrapper {
    width: 100%;
    text-align: center;
    /*margin: 20px 0;*/
}

.social-title {
    width: 100%;
    /*font-size: 18px;*/
    margin-bottom: 5px;
    text-align: left;
    color: #2c2d30;
    font-weight: 600;
}


.social-icon.x svg {
    color: #000; /* X logosu siyah */
    transition: color 0.3s ease, transform 0.3s ease;
    vertical-align: middle;
}

.social-icon.x:hover svg {
    color: #1da1f2; /* Hover'da maviye dönebilir veya siyah kalabilir */
    transform: scale(1.1);
}

.social-media {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
}

.social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    /*margin: 0 6px;*/
    margin-right: 20px;
    border-radius: 5px;
    font-size: 35px;
    background-color: transparent;
    transition: all 0.2s ease;
    text-decoration: none;
}

    .social-icon i {
        transition: color 0.2s ease;
    }

    /* Her ikon için ayrı renk (ikona ve border'a uygulanır) */
    .social-icon.youtube {
        /*color: #FF0000;*/
        /*border: 1px solid #FF0000;*/
    }

        .social-icon.youtube:hover {
            /*color: #b30000;*/
            /*border-color: #b30000;*/
            color: #168eea;
        }

    .social-icon.facebook {
        /*color: #1877F2;*/
        /*border: 1px solid #1877F2;*/
    }

        .social-icon.facebook:hover {
            /*color: #0d5fe0;*/
            /*border-color: #0d5fe0;*/
            color: #168eea;
        }

    .social-icon.instagram {
        /*color: #C13584;*/
        /*border: 1px solid #C13584;*/
    }

        .social-icon.instagram:hover {
            /*color: #a12b6f;*/
            /*border-color: #a12b6f;*/
            color: #168eea;
        }

    .social-icon.twitter {
        /*color: #1c1c1c;*/
        /*border: 1px solid #1c1c1c;*/
    }

        .social-icon.twitter:hover {
            /*color: #000000;*/
            /*border-color: #000000;*/
            color: #168eea;
        }

    .social-icon.linkedin {
        /*color: #0A66C2;*/
        /*border: 1px solid #0A66C2;*/
    }

        .social-icon.linkedin:hover {
            /*color: #084a90;*/
            /*border-color: #084a90;*/
            color: #168eea;
        }

    .social-icon.email {
        color: #555;
        border: 1px solid #555;
    }

        .social-icon.email:hover {
            color: #333;
            border-color: #333;
        }

    /* Hover genel efekti */
    .social-icon:hover {
        transform: translateY(-1px);
    }

.bize-ulasin-list {
}

.bize-ulasin-list li {
    display:flex;
    font-size:14px;
}

    .bize-ulasin-list li i {
       margin-right:5px;
    }


.custom-box {
    /*position: relative;*/
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    padding-top: 40px;
    height: 100%;
    overflow: hidden;
}

.custom-box-title {
    position: absolute;
    top: -12px;
    left: 20px;
    background-color: #10adeb;
    color: #fff;
    padding: 6px 16px;
    border-radius: 12px;
    font-weight: bold;
    font-size: 14px;
    z-index: 2;
    overflow: hidden;
}

    /* Parlama efekti */
    .custom-box-title::after {
        content: "";
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(120deg, rgba(255, 255, 255, 0.15), rgba(255,255,255,0.4), rgba(255, 255, 255, 0.15));
        transition: all 0.8s ease;
        z-index: 1;
    }



.custom-box:hover .custom-box-title::after {
    left: 0;
}

.custom-box-content p {
    color: #333;
    margin-bottom: 15px;
    font-size: 15px;
}

.custom-box-content a {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    color: #3498db;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
}

    .custom-box-content a i {
        margin-left: 5px;
        transition: transform 0.3s ease;
        font-size: 16px;
    }

    .custom-box-content a:hover {
        color: #1d6fa5;
    }

        .custom-box-content a:hover i {
            transform: translateX(3px);
        }

@media (max-width: 767px) {
    .custom-box {
        padding: 15px;
        padding-top: 40px;
    }

    .custom-box-title {
        font-size: 13px;
        padding: 5px 12px;
    }

    .custom-box-content p {
        font-size: 14px;
    }
}

/*ENG MAIN PAGE NEWS*/
.card-img-top {
    min-height: 180px;
}

.en-news-box .card-title a {
    color: inherit !important;
}

    .en-news-box .card-title a:hover {
        color: #00adef !important;
    }

.en-news-box .news-date {
    font-size: 13px;
}


.card-body {
    position: relative;
    padding-bottom: 50px;
}

/* Tarih sol alt köşeye sabit */
.news-date-fixed {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 13px;
    color: #6c757d;
    padding: 6px 10px;
}

/* Read More sağ alt köşeye sabit */
.read-more-fixed {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #10adeb;
    color: #fff;
    padding: 6px 12px;
    border-top-left-radius: 8px;
    font-size: 13px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: background-color 0.3s ease;
}

    .read-more-fixed:hover {
        background-color: #0056b3;
        color: #fff;
    }

.card {
    position: relative;
    overflow: hidden; /* Görsel dışına taşmayı engeller */
}

    .card::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: radial-gradient(circle, rgba(255, 255, 255, 0.15) 0%, transparent 70%);
        opacity: 0;
        transition: opacity 0.3s ease;
        pointer-events: none; /* Tıklamayı engellemez */
    }

    .card:hover::before {
        opacity: 1;
    }