.rotating-wheel {
    position: fixed;
    bottom: -200px;
    left: -200px;
    width: 400px;
    height: 400px;
    overflow: hidden;
    z-index: 1000;
    pointer-events: none; /* Prevents interference with page interactions */
}

.rotating-wheel img {
    width: 400px;
    height: 400px;
    opacity: 0.2; /* Low opacity as requested */
    animation: rotateWheel 50s linear infinite;
    transform-origin: center center;
}

/* Keyframe animation for continuous rotation */
@keyframes rotateWheel {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* Optional: Show only half wheel (bottom half) */
.rotating-wheel.half-wheel {
    height: 60px; /* Half the height */
    overflow: hidden;
}

.rotating-wheel.half-wheel img {
    position: relative;
    top: -60px; /* Move image up to show bottom half */
}



/* Product Start */
.fleet-section {
            padding: 80px 0;
            background: #f8f9fc;
        }
        
        .section-header {
            text-align: center;
            margin-bottom: 60px;
        }
        
        .section-title {
            font-size: 2.75rem;
            font-weight: 700;
            color: #1a202c;
            margin-bottom: 16px;
            letter-spacing: -0.02em;
        }
        
        .section-subtitle {
            font-size: 1.125rem;
            color: #718096;
            font-weight: 400;
            max-width: 600px;
            margin: 0 auto;
            line-height: 1.6;
        }
        
        .fleet-card {
            background: #ffffff;
            border: 1px solid #e2e8f0;
            border-radius: 8px;
            margin-bottom: 24px;
            transition: all 0.2s ease;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
        }
        
        .fleet-card:hover {
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
            border-color: #cbd5e0;
        }
        
        .fleet-header {
            padding: 24px 32px;
            border-bottom: 1px solid #e2e8f0;
            background: #ffffff;
            border-radius: 8px 8px 0 0;
        }
        
        .fleet-title-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        
        .fleet-title-content {
            display: flex;
            align-items: center;
        }
        
        .fleet-icon {
            width: 48px;
            height: 48px;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 16px;
            font-size: 20px;
        }
        
        .fleet-icon.economy {
            background: #f0f9ff;
            color: #0369a1;
        }
        
        .fleet-icon.premium {
            background: #fef3c7;
            color: #d97706;
        }
        
        .fleet-icon.suv {
            background: #f0fdf4;
            color: #16a34a;
        }
        
        .fleet-icon.luxury {
            background: #faf5ff;
            color: #7c3aed;
        }
        
        .fleet-icon.group {
            background: #fdf4ff;
            color: #c026d3;
        }
        
        .fleet-title {
            font-size: 1.5rem;
            font-weight: 600;
            color: #1a202c;
            margin: 0;
            line-height: 1.3;
        }
        
        .fleet-subtitle {
            font-size: 0.875rem;
            color: #718096;
            margin: 0;
            font-weight: 400;
        }
        
        .fleet-btn {
            background: #4f46e5;
            color: #ffffff;
            border: none;
            padding: 10px 20px;
            border-radius: 6px;
            font-size: 0.875rem;
            font-weight: 500;
            transition: all 0.2s ease;
            min-width: 120px;
        }
        
        .fleet-btn:hover {
            background: #4338ca;
            color: #ffffff;
            transform: translateY(-1px);
        }
        
        .fleet-btn:focus {
            box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);
            outline: none;
        }
        
        .fleet-body {
            padding: 32px;
        }
        
        .vehicle-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 16px;
        }
        
        .vehicle-item {
            display: flex;
            align-items: center;
            padding: 12px 16px;
            background: #f8fafc;
            border: 1px solid #e2e8f0;
            border-radius: 6px;
            transition: all 0.2s ease;
        }
        
        .vehicle-item:hover {
            background: #f1f5f9;
            border-color: #cbd5e0;
        }
        
        .vehicle-icon {
            width: 32px;
            height: 32px;
            background: #ffffff;
            border: 1px solid #e2e8f0;
            border-radius: 4px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 12px;
            font-size: 14px;
            color: #64748b;
        }
        
        .vehicle-name {
            font-size: 0.875rem;
            font-weight: 500;
            color: #374151;
            margin: 0;
        }
        
        .stats-bar {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 8px;
            padding-top: 16px;
            border-top: 1px solid #e2e8f0;
        }
        
        .stats-item {
            text-align: center;
        }
        
        .stats-number {
            font-size: 1.125rem;
            font-weight: 600;
            color: #1a202c;
            display: block;
        }
        
        .stats-label {
            font-size: 0.75rem;
            color: #718096;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            font-weight: 500;
        }
        
        .divider {
            width: 1px;
            height: 32px;
            background: #e2e8f0;
        }
        
        /* Responsive Design */
        @media (max-width: 768px) {
            .fleet-section {
                padding: 40px 0;
            }
            
            .section-title {
                font-size: 2rem;
            }
            
            .fleet-header {
                padding: 20px;
            }
            
            .fleet-title-row {
                flex-direction: column;
                gap: 16px;
                align-items: flex-start;
            }
            
            .fleet-body {
                padding: 24px 20px;
            }
            
            .vehicle-grid {
                grid-template-columns: 1fr;
            }
            
            .stats-bar {
                flex-direction: column;
                gap: 16px;
            }
            
            .divider {
                display: none;
            }
        }
        
        /* Print Styles */
        @media print {
            .fleet-btn {
                display: none;
            }
            
            .fleet-section {
                background: white;
            }
            
            .fleet-card {
                box-shadow: none;
                border: 2px solid #e2e8f0;
                margin-bottom: 32px;
                page-break-inside: avoid;
            }
        }
/* Product End */


/* Why Start */

        .why-choose-us-section {
            padding: 80px 0;
            background-color: #0A192F; /* Deep Navy Blue */
            color: #E0E0E0; /* Off-white for text */
            font-family: 'Lato', sans-serif;
            overflow-x: hidden; /* Prevents horizontal scrollbar from animations */
        }

      
        
        .why-choose-us-section .section-subtitle {
            text-align: center;
            font-size: 1.1rem;
            color: #a8b2d1;
            margin-bottom: 60px;
        }

        .feature-card {
            background-color: #163F5F ; /* Slightly lighter navy */
            border: 1px solid #2a3f5c;
            border-radius: 8px;
            padding: 30px;
            text-align: center;
            height: 100%;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            opacity: 0; /* Initial state for animation */
            transform: translateY(30px); /* Initial state for animation */
        }

        /* Animation class to be added by JS */
        .feature-card.is-visible {
            opacity: 1;
            transform: translateY(0);
        }

        .feature-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);
        }

        .feature-icon {
            font-size: 3rem;
            color: #F1F6F9; /* Gold */
            margin-bottom: 20px;
            transition: color 0.3s ease;
        }

        .feature-title {
            font-family: 'Playfair Display', serif;
            font-size: 1.5rem;
            font-weight: 700;
            color: #CCD6F6;
            margin-bottom: 15px;
        }

        .feature-description {
            font-size: 1rem;
            line-height: 1.6;
            color: #8892B0;
        }

        /* Staggered animation delays */
        .feature-card:nth-child(1) { transition-delay: 0.1s; }
        .feature-card:nth-child(2) { transition-delay: 0.2s; }
        .feature-card:nth-child(3) { transition-delay: 0.3s; }
        .feature-card:nth-child(4) { transition-delay: 0.1s; }
        .feature-card:nth-child(5) { transition-delay: 0.2s; }
        .feature-card:nth-child(6) { transition-delay: 0.3s; }

/* Why End */


     .rent-item:hover .hover-top-white {
        color: #f1dfdf !important;
                
            }



/*  Toolbar Area */
.aeroland__toolbar .inner {
  position: fixed;
  bottom: 50%;
  right: 0;
  width: 50px;
  display: block;
  border-radius: 0 5px 5px 0;
  background: #fff;
  text-align: center;
  -webkit-box-shadow: 3px 0 10px -2px rgba(0, 0, 0, 0.1);
  box-shadow: 3px 0 10px -2px rgba(0, 0, 0, 0.1);
  z-index: 1000;
}

.aeroland__toolbar .inner a {
  display: block;
  width: 50px;
  font-size: 25px;
  height: 40px;
  line-height: 40px;
  color: #222;

}