/****** Fix Reward Boxes Visibility and Layout for Desktop ******/
@media (min-width: 768px) { 
  .reward-box {
    background-color: #f0f4ff !important; /* Light blue background */
    border: 2px solid #003366 !important; /* Dark blue border */
    color: #003366 !important; /* Dark blue text */
    padding: 15px !important;
    display: block !important; /* Ensure they always show */
  }
  .reward-box:hover {
    background-color: #e0e8ff !important; /* Slightly darker blue when hovered */
    color: #000000 !important; /* Ensure black text on hover */
  }
}

/****** Ensure Reward Boxes Are Always Below Main Text ******/
@media (min-width: 1024px) {
  .reward-container {
    width: 100% !important;
    display: block !important;
    clear: both !important;
    margin-top: 30px !important;
  }
}