.navbar {
    position: static;
}

    .navbar .navbar-right {
        background: rgba(0, 0, 0, 0.30);
    }


    .navbar a svg path {
        fill: black !important;
        fill-opacity: 1 !important;
    }

    .navbar .menu-toggle path {
        stroke: black !important;
    }

#latest-news {
    padding: 40px 0;
}

    #latest-news .news-links {
        align-self: flex-start;
        display: flex;
        gap: 12px;
        padding-bottom: 24px;
    }

        #latest-news .news-links a {
            display: inline-block;
            padding: 10px 20px !important;
            border-radius: 99px !important;
            font-size: 16px;
            line-height: 18px;
            font-weight: 300;
            background: #00639B;
            color: #fff;
        }

        #latest-news .news-links .no-active {
            background: #E2EFFF;
            color: #426491;
            transition: 0.2s ease-in all;
        }

            #latest-news .news-links .no-active:hover {
                background: #C4DAFF;
            }

    #latest-news h2 {
        font-size: 1.75em;
        line-height: 110%;
        opacity: 0.8;
    }

    #latest-news .latest-news-info {
        margin-top: 24px;
        display: flex;
        flex-direction: column;
        gap: 12px
    }

        #latest-news .latest-news-info img {
            width: 100%;
            height: 620px;
            object-fit: cover;
            border-radius: 16px;
            border: 1px solid rgba(0, 0, 0, 0.05);
        }

        #latest-news .latest-news-info h3 {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
            -webkit-line-clamp: 2;
            align-self: stretch;
            font-size: 2.06em;
            line-height: 110%;
        }

        #latest-news .latest-news-info p {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 4;
            align-self: stretch;
            overflow: hidden;
            line-height: 140%;
            font-size: 1.18em;
        }

        #latest-news .latest-news-info .news-date {
            opacity: 0.5;
            font-size: 0.68em;
        }


@media(max-width:768px) {
    #latest-news {
        padding: 24px 0;
    }

        #latest-news .latest-news-info {
            margin-top: 20px;
        }

            #latest-news .latest-news-info img {
                height: 195px;
                border-radius: 12.477px;
                border: 0.78px solid rgba(0, 0, 0, 0.05);
            }

            #latest-news .latest-news-info h3 {
                line-height: 18px;
                font-size: 1em;
            }

            #latest-news .latest-news-info p {
                font-size: 0.81em;
                line-height: 140%;
            }
}

@media(max-width:480px) {
    #latest-news {
        padding: 16px 0;
    }

        #latest-news .latest-news-info {
            margin-top: 10px;
        }
}

#recentNews {
    padding: 40px 0;
}

    #recentNews .slider-title {
        font-size: 1.75em;
        line-height: 110%;
        margin: 12px 0;
        align-self: flex-start;
    }

    #recentNews .container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        #recentNews .container .loading-btn {
            display: inline-block;
            padding: 13px 25px;
            border-radius: 20px;
            font-weight: 300;
            background: #00639B;
            color: #fff;
            line-height: 18px;
        }

    #recentNews .projects {
        display: flex;
        gap: 32px 20px;
        flex-wrap: wrap;
        padding: 24px 0;
    }



        #recentNews .projects .card {
            max-width: calc(50%);
            flex: 1 1 calc(50% - 20px);
        }

            #recentNews .projects .card img {
                width: 100%;
                height: 300px;
            }

            #recentNews .projects .card .card-content .news-date {
                margin-top: auto;
                color: black;
                font-size: 0.9em;
                padding-top: 12px !important;
                line-height: 13px;
                opacity: 0.5;
            }

@media (max-width: 480px) {
    #recentNews .projects .card {
        flex: 1 1 100%; /* Tek sütun */
        max-width: 100%;
    }
}