.img-thumbnail img { max-width: 100%; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1);}
   .review-card { background-color: #fff; border-radius: 12px;  box-shadow: 0 4px 20px rgba(0,0,0,0.1);  padding: 20px; height: 100%;text-align: center; position: relative; overflow: hidden;}
   .review-card img { object-fit: cover; border-radius: 10px;  margin-bottom: 15px;}
   .btn.mycusbtn {background-color: #f85050;color: #fff; border: none; padding: 5px 10px; border-radius: 4px;text-transform: uppercase;}
   .btn.mycusbtn:hover { background-color: #0056b3; color: #fff;}
   .review-card:hover { transform: translateY(-5px); box-shadow: 0 8px 30px rgba(0,0,0,0.15);}
   .div-green-box { border-top: 5px solid #28a745;border-radius: 12px;}
   .div-red-box { border-top: 5px solid #dc3545; border-radius: 12px;}
   .div-info-box { border-top: 5px solid #17a2b8; border-radius: 12px;}
   .div-green-box:hover { border: 1px solid #28a745; background-color: #72ff661c; }
   .div-red-box:hover { border: 1px solid #dc3545; background-color: #ff6b6b1c; }
   .div-info-box:hover {border: 1px solid #17a2b8;background-color: #67e9ff1c; }
   @media (max-width: 768px) {.review-card img {height: 150px;  }.btn.mycusbtn { font-size: 0.85em; padding: 6px 12px; }}