/*--------------------------------------------------------------
# Banner Section
--------------------------------------------------------------*/
.banner{
    background-image: url("../../images/banner/news_banner.jpg");
}
/*--------------------------------------------------------------
# News Section
--------------------------------------------------------------*/
.news{
    position: relative;
    text-align: center;
    margin: var(--margin75);
}
.news .container{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 100px 100px;
}
.news .container .box{
    background: var(--main-color);
    border: 1px solid var(--main-red);
    width: 500px;
    padding: 20px 30px 35px;
    border-radius: 5px;
    margin: 20px;
}
.news .container .box h3{
    font-size: 20px;
    color: var(--main-red);
    font-weight: bold;
    text-align: left;
}
.news .container .box h3 span{
    color: var(--white);
}
.news .container .box p{
    margin-top: 20px;
    font-size: 16px;
    color: rgba(255,255,255,0.6);
    text-align: left;
}
.news .container .box p span{
    color: var(--white);
}
@media (max-width: 1520px) {
    .news .container{
        padding: 100px 0;
    }
}
@media (max-width: 1320px) {
    .news .container .box {
        width: 40%;
    }
}
@media (max-width: 700px) {
    .news .container .box{
        width: 100%;
        margin: 20px 5px;
    }
}