.news-header{
    position:relative;
    height:700px;
    background:url("../images/news-header.png") center center/cover no-repeat;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}

.overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,
        rgba(5,35,96,.75),
        rgba(5,35,96,.45),
        rgba(5,35,96,.15));
}

.news-content{
    position:relative;
    z-index:2;
    text-align:center;
        margin-top: 165px;
}

.news-tag{

    display:inline-block;

    padding:12px 35px;

    background:#FFC107;

    color:#0D47A1;

    font-size:18px;

    font-weight:700;

    border-radius:50px;

    letter-spacing:1px;

    margin-bottom:25px;

}

.news-content h1{

    color:#fff;

    font-size:70px;

    font-weight:800;

    margin-bottom:25px;

}

.news-content h1 span{

    color:#FFC107;

}

.title-line{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:20px;

    margin-bottom:30px;

}

.title-line span{

    width:180px;

    height:2px;

    background:rgba(255,255,255,.5);

}

.diamond{

    width:14px;

    height:14px;

    background:#FFC107;

    transform:rotate(45deg);

}

.news-content p{

    max-width:760px;

    margin:auto;

    color:#fff;

    font-size:22px;

    line-height:1.8;

}

.news-breadcrumb{

    margin-top:40px;

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:14px 35px;

    border:1px solid rgba(255,255,255,.2);

    border-radius:60px;

    backdrop-filter:blur(15px);

    background:rgba(255,255,255,.08);

}

.news-breadcrumb a{

    color:#fff;

    text-decoration:none;

    font-size:20px;

}

.news-breadcrumb span{

    color:#fff;

    font-size:20px;

}

.news-breadcrumb span:last-child{

    color:#FFC107;

}

/* Tablet */

@media(max-width:992px){

.news-header{

height:420px;

}

.news-content h1{

font-size:52px;

}

.news-content p{

font-size:18px;

}

}

/* Mobile */

@media(max-width:576px){

.news-header{

height:380px;

padding:20px;

}

.news-content h1{

font-size:34px;

}

.news-content p{

font-size:16px;

}

.news-tag{

font-size:14px;

padding:10px 25px;

}

.title-line span{

width:80px;

}

.news-breadcrumb{

padding:10px 20px;

font-size:14px;

}

.news-breadcrumb a,
.news-breadcrumb span{

font-size:15px;

}

}