body{
      background:#f5f7fb;
      font-family: Arial, Helvetica, sans-serif;
      overflow-x: hidden;
    }
    /* NAVBAR */
    .navbar{
      box-shadow:0 4px 12px rgba(0,0,0,.08);
    }
    .navbar-brand{
      font-weight:700;
      letter-spacing:.5px;
    }

    /* SEARCH BAR */
    .search-box{
      max-width:600px;
      /* min-height: 400px; */
      margin:40px auto;
    }

    /* NEWS CARDS */
    .cardparent{
      padding:20px 40px;
    }
    .news-card{
      background:#fff;
      border:none;
      border-radius:16px;
      box-shadow:0 10px 25px rgba(0,0,0,.08);
      overflow:hidden;
      transition:.3s;
      height:100%;
    }
    .news-card:hover{
      transform:translateY(-6px);
      box-shadow:0 18px 35px rgba(0,0,0,.15);
    }
    .news-card img{
      height:180px;
      object-fit:cover;
    }
    .badge-status{
      position:absolute;
      top:15px;
      left:15px;
      padding:6px 12px;
      border-radius:20px;
      font-size:12px;
    }
    .hot{background:#dc3545;color:#fff;}
    .real{background:#198754;color:#fff;}

    /* LOAD BUTTON */
    #load{
      display:block;
      margin:40px auto;
      padding:12px 40px;
      border-radius:30px;
      font-weight:600;
    }

    footer{
      text-align:center;
      padding:20px;
      color:#777;
    }
  
.about-card{
background:#fff;
border-radius:20px;
box-shadow:0 12px 30px rgba(0,0,0,.08);
}
.about-card h3{
color:#0d6efd;
}