@media (max-width: 1400px) {
    .goal-page a {
        font-size: 42px;
    }

    .slider__1 a {
        font-size: 55px;
    }
}

@media (max-width: 1200px) {
    .slider__1 a {
        font-size: 45px;
    }

    .top__blog-description a {
        font-size: 25px;
    }
    
    .top__blog-description p {
        font-size: 14px;
    }

    .bottom__blog a {
        font-size: 20px;
        line-height: 30px;
    }

    .references h3,
    .news > h3 {
        font-size: 45px;
        margin-bottom: 50px;
    }

    .news-item-article h3 {
        font-size: 27px;
    }

    .feature__2 h3 {
        font-size: 45px;
    }

    .feature__2-feature h4 {
        font-size: 2.8rem;
    }
}

@media (max-width: 992px) {
    .showcase {
        margin-top: 161px;
    }

    .goal-page {
        padding: 70px;
    }

    .feature__1, 
    .goal-page,
    .top__blog,
    .alt {
        flex-direction: column;
    }
    
     .description {
        padding: 50px 110px 50px 75px;
    }

    .top__blog {
        padding: 30px 10px;
    }

    .bottom__blogs {
        flex-wrap: wrap;
    }

    .bottom__blog {
        width: calc( 50% - 28px);
    }

    .slider__1,
    .slider__2,
    .top__blog--img,
    .top__blog-description {
        width: 100% !important;
        padding: 0;
    }

    .feature__1 img {
        aspect-ratio: 16 / 9;
    }

    .news-item {
        width: 50%;
    }

    .yazi__1 p {
        font-size: 14px;
    }

    .slider__1 p {
        font-size: 15px;
    }

    .feature__2-feature h4 {
        font-size: 2.6rem;
    }

    .top__blog-description p {
        font-size: 14px;
    }

    .references h3,
    .news > h3 {
        font-size: 40px;
    }

    .news-item-article h3 {
        font-size: 20px;
        line-height: 24px;
    }

    .feature__1 a {
        font-size: 60px;
        margin-bottom: 20px;
    }
    .top__blog img {
        margin-bottom: 30px;
    }

    .slider__2 img{
        aspect-ratio: 16 / 9;
        object-fit: cover;
        width: 100%;
    }
}

@media (max-width: 768px) {
    .showcase img {
        aspect-ratio: 1080 / 665;
    }

    .news-item-article p {
        font-size: 13px;
    }

    .news-item-article {
        font-size: 17px;
    }
    
    .news h3 {
        margin: 0;
    }

    .feature__2 > h3 {
        font-size: 40px;
    }
}

@media (max-width: 576px) {
    .showcase{
        margin-top: 111px;
    }

    .goal-page {
        padding: 30px;
    }

    .description {
        padding: 50px 50px 90px;
        flex-direction: column;
    }

    .slider__2 img {
        min-height: 1px;
    }

    .feature__2-feature {
        padding: 20px 30px 10px 10px;
        height: 80%;
        display: flex;
        flex-direction: column;
        justify-content: end;
    }

    .kol {
        width: 100%;
    }

    .kol1 {
        display: none;
    }

    .bottom__blogs {
        flex-direction: column;
    }

    .bottom__blog {
        width: calc( 100% - 28px);
    }

    .references {
        padding: 30px 0;
    }

    .references-box {
        padding: 25px;
    }

    .references-box img {
        padding: 25px 0px;
        margin: 40px 0;
    }

    .news-items {
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .news-item {
        width: 100%;
    }

    .goal-page a {
        font-size: 24px;
    }

    .goal-page h2 {
        margin-bottom: 10px;
    }
    
    .goal-page p {
        margin-bottom: 16px;
    }

    .yazi__1 p {
        font-size: 15px;
    }

    .yazi__2 p {
        font-size: 17px;
    }
    .features {
        padding: 30px 0;
    }

    .description a {
        font-size: 30px;
    }

    .a {
        margin-bottom: 20px;
    }

    .feature__2 > h3 {
        font-size: 28px;
    }
    
    .feature__2 h4 {
        font-size: 1.8rem;
    }

    .feature__2 p {
        font-size: .7rem;
    }

    .top__blog p {
        font-size: 13px;
        line-height: 1.9;
    }

    .bottom__blog p {
                font-size: 13px;
    }

    .references h3 {
        font-size: 24px;
    }

    .news h3 {
        font-size: 25px;
        margin-bottom: 10px;
    }

    .news header h3 {
        font-size: 20px;
        margin-bottom: 0;
    }
}