.news-card-area .card {
    width: 100% !important;
    margin: 10px 0;

}

.news-card-area {
margin:100px 0;
padding:0 80px;

}


    .news-card-area .card-body > a {
        background: #141f36;
        border: #141f36;
        width: 100%;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        font-weight: 600;
    }


    .news-card-area .card-body > a:hover {
        background: #141f36;
        border: #141f36;
        outline:inherit;
    }

        .news-card-area .card-body > a:focus {
            box-shadow:inherit;
        }

        .news-card-area .card-body > a:focus {
            box-shadow: inherit;
        }

    .news-card-area .card-body > .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle,
    .news-card-area .card-body > .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
        box-shadow: inherit;
        background: #141f36;
        border: #141f36;
        outline: inherit;
        box-shadow: inherit;
    }

.card-img-top {
    padding: 20px !important;
    max-width:300px;
    width:300px;
}

.news-image-area {
    height: 200px;
    max-height: 200px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}


.card-text {
    width: 300px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}


@media (min-width:280px) and (max-width:578px) {
    .news-card-area {
         padding: 0; 
    }

}