#map {
            height: 400px;
            width: 100%;
            display: none;
            margin-top: 10px;
        }
         #map1 {
            height: 400px;
            width: 100%;
            display: none;
            margin-top: 10px;
        }

        #out_map {
            height: 400px;
            width: 100%;
            display: none;
            margin-top: 10px;
        }


        #air_map {
            height: 400px;
            width: 100%;
            display: none;
            margin-top: 10px;
        }

        .close-btn {
            position: absolute;
            top: 10px;
            right: 10px;
            background-color: red;
            color: white;
            padding: 5px 10px;
            cursor: pointer;
            border-radius: 5px;
        }
        .ride-option {
            cursor: pointer;
            border: 2px solid transparent;
            border-radius: 10px;
            padding: 10px;
            transition: all 0.3s;
        }

        .ride-option.selected {
            border: 2px solid #007bff;
            background-color: #f8f9fa;
        }

        .ride-option img {
            width: 100px;
            height: 60px;
            object-fit: cover;
            border-radius: 5px;
        }
        
        .form-check-input:checked {
            background-color: #ff4a17 !important;
            border-color: white !important;
        }
        .form-check-input{
            font-size: 17px;
        }
        .bg-custom-color{
            background: #ff4a17 !important;
        }
        
        .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
            background-color: #ff4a17 !important;
            color: white !important;
            border-color:2px solid white;
        }
        
    .feature-list {
        list-style-type: none;
        padding: 0;
        font-family: "Arial", sans-serif;
    }

    .feature-list > li {
        background: #f8f9fa;
        border-left: 5px solid #28a745;
        padding: 15px;
        margin-bottom: 10px;
        border-radius: 8px;
        box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
        font-size: 18px;
    }

    .feature-list strong {
        color: #28a745;
        font-size: 20px;
        display: block;
        margin-bottom: 5px;
    }

    .feature-list ul {
        list-style-type: disc;
        margin-left: 20px;
        padding-left: 10px;
    }

    .feature-list li ul li {
        font-size: 16px;
        margin-top: 5px;
        color: #555;
    }

    .feature-list li ul li strong {
        color: #333;
    }
        .testimonial-list {
        list-style: none;
        padding: 0;
        margin: >0 auto;
        <
    }

    .testimonial-list li {
        background: #f8f9fa;
        border-left: 5px solid #28a745;
        padding: 15px;
        margin: 15px 0;
        border-radius: 8px;
        box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
        font-size: 18px;
        transition: transform 0.3s ease-in-out;
    }

    .testimonial-list li:hover {
        transform: translateY(-5px);
    }

    .testimonial-list p {
        font-size: 17px;
        color: #555;
        line-height: 1.6;
    }

    .testimonial-list strong {
        color: #28a745;
    }

    .testimonial-list span {
        font-size: 16px;
        color: #333;
        font-weight: bold;
    }

    .testimonial-list li::before {
        content: "❝";
        font-size: 40px;
        color: #28a745;
        position: absolute;
        margin-left: -10px;
        font-family: serif;
    }
    .green-drive-list li {
        list-style: none;
        padding: 0;
        margin: 20px auto;
        /*max-width: 800px;*/
    }

    .green-drive-list li {
        background: #f8f9fa;
        border-left: 5px solid #28a745;
        padding: 15px;
        margin-bottom: 15px;
        border-radius: 8px;
        box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
        font-size: 18px;
        transition: transform 0.3s ease-in-out;
        position: relative;
    }

    .green-drive-list li:hover {
        transform: translateY(-5px);
    }

    .green-drive-list strong {
        color: #28a745;
        font-size: 20px;
        display: block;
        margin-bottom: 5px;
    }

    .green-drive-list p {
        font-size: 16px;
        color: #555;
        line-height: 1.6;
        margin: 0;
    }

    .green-drive-list li::before {
        content: "❖";
        font-size: 24px;
        color: #28a745;
        position: absolute;
        left: -25px;
        top: 15px;
        font-weight: bold;
    }
         section {
            background-color: #f8f9fa; /* Light background for contrast */
            padding: 50px 0;
        }

        .custom-list {
            list-style: none; /* Remove default bullets */
            padding-left: 0;
            max-width: 600px;
            margin: 0 auto; /* Centering */
        }

        .custom-list li {
            display: flex;
            align-items: center;
            background: Green;
            padding: 12px 16px;
            margin-bottom: 10px;
            border-radius: 10px;
            box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
            font-size: 1.1rem;
            font-weight: 500;
            transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
        }

        .custom-list li:hover {
            transform: scale(1.05); /* Slight zoom on hover */
            box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.2);
        }

        .custom-list li::before {
            font-size: 1.5rem;
            margin-right: 12px;
        }

        /* Custom Icons for Each List Item */
        .custom-list li.tech::before { content: "⚙️"; } /* Gear emoji */
        .custom-list li.sustainability::before { content: "🌱"; } /* Leaf emoji */
        .custom-list li.luxury::before { content: "💎"; } /* Diamond emoji */

        /* Heading Styling */
        h2 {
            color: #333;
            font-weight: bold;
            margin-bottom: 20px;
        }

        p.text-center {
            font-size: 1.2rem;
            color: #555;
        }