.hero-section {color: white; padding: 200px 0px 140px;  text-align: center; position: relative; }
.hero-section::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(31, 30, 30, 0.7); }
.hero-section h1 {
            font-size: 38px;
            font-weight: 700;
            position: relative;
            z-index: 1;
  }
.hero-section p {font-size: 18px;color: #fff; margin: 0 auto; position: relative; z-index: 1; }
       
        .feature-card {
            background: white;
            border-radius: 15px;
            padding: 30px;
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
            height: 100%;
        }
        .feature-card:hover {
            transform: translateY(-8px);
        }
        .feature-card h5 {
            color: #007bff;
            font-weight: 600;
        }
        .cta-button {
            background-color: #ff6200;
            border: none;
            padding: 12px 30px;
            font-size: 1.1rem;
            border-radius: 50px;
            transition: background-color 0.3s;
        }
        .cta-button:hover {
            background-color: #e55a00;
        }
        .booking-section {
            background: linear-gradient(135deg, #007bff, #00d4ff);
           
            padding: 60px 0;
        }
        .booking-section h3 {
            font-weight: 600;
        }
        .contact-section {
            background-color: #003087;
            color: white;
            padding: 50px 0;
            text-align: center;
        }
.removecss{padding: 5px;width: 100%; background: #e81f3e;  color: #fff;  border: 0px;  border-radius: 3px; font-size: 12px;   cursor: pointer;}