.body { font-family: 'Segoe UI', sans-serif; background: #f8f9fa; } .hero { background: url('../img/1.jpg') no-repeat center center/cover; height: 80vh; display: flex; justify-content: center; align-items: center; color: white; text-align: center; text-shadow: 2px 2px 10px #000; } .hero h1 { font-size: 3rem; } .section-title { color: #14532d; font-weight: bold; margin-bottom: 1rem; }  .card:hover { transform: translateY(-10px); transition: all 0.4s ease; box-shadow: 0 8px 20px rgba(0,0,0,0.2); } .card-icon { font-size: 2.5rem; color: #166534; }  .carousel-item { text-align: center; } .review-img { width: 80px; height: 80px; border-radius: 50%; object-fit: cover; margin-bottom: 15px; } .modal.fade .modal-dialog { transform: translateY(-50px); transition: all 0.5s ease-in-out; } .modal.show .modal-dialog { transform: translateY(0); } /* Stylish form elements */ #popupModal .form-control { border-radius: 10px; box-shadow: 0 0 5px rgba(0,0,0,0.1); } #popupModal .btn-success { border-radius: 20px; padding-left: 20px; padding-right: 20px; } /* Hide close button initially */ #closeBtn { display: none; } /* Modal header styling */ .modal-header { background: linear-gradient(45deg, #28a745, #6cc070); color: white; } .modal-title { font-weight: bold; }