style>
/* ROOT SECTION */
.advisory-section{
    background:#020617;
    color:#fff;
    font-family:'Segoe UI',Arial;
    padding:50px 0;
}

/* CONTAINER */
.advisory-container{
    max-width:1300px;
    margin:auto;
    padding:0 15px;
}

/* GRID */
.advisory-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

/* CARD */
.advisory-card{
    background:#0b1220;
    border-radius:18px;
    overflow:hidden;
    position:relative;
    cursor:pointer;
    transition:.4s;
}
/* HOVER EFFECT COLOR CHANGE TO RED */
.advisory-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(255, 0, 0, 0.5); /* Red glow */
}
.advisory-card img{
    width:100%;
    height:300px;
    object-fit:cover;
    transition:.5s;
}
/* HOVER IMAGE FILTER - Optional: thoda red tint */
.advisory-card:hover img {
    transform: scale(1.08);
    filter: brightness(0.7) drop-shadow(0 0 6px rgba(255,0,0,0.7));
}

/* OVERLAY */
.advisory-overlay{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    letter-spacing:1px;
    font-weight:600;
    background:linear-gradient(180deg, rgba(2, 6, 23, .2), rgb(255 255 255 / 90%));
    opacity:0;
    transition:.4s;
}
.advisory-card:hover .advisory-overlay{
    opacity:1;
}

/* INFO */
.advisory-info{
    padding:14px;
    text-align:center;
}
/* TEXT COLOR FIX */
.advisory-info h3,
.advisory-info p {
    color: #fff !important; /* Pure white text */
}
.advisory-info p{
    margin:0;
    font-size:14px;
    color:#94a3b8;
}

/* RESPONSIVE */
@media(max-width:1100px){
    .advisory-grid{
        grid-template-columns:repeat(3,1fr);
    }
}
@media(max-width:768px){
    .advisory-grid{
        grid-template-columns:repeat(2,1fr);
    }
    .advisory-card img{
        height:220px;
    }
}
@media(max-width:480px){
    .advisory-grid{
        grid-template-columns:1fr;
    }
    .advisory-card img{
        height:240px;
    }
}
</style>