.custm-btn{padding-top: 10px !important;
padding-bottom: 10px !important;}
.banner .banner-item .banner-content{display: block;padding:0;height: auto !important ;text-align: center;}
.banner .banner-item{height:auto !important;}
.banner .banner-item .banner-content{
top: 50%;
transform: translateY(-50%);
} 
.banner .banner-item::after{border-radius: unset;}
@media only screen and (max-width: 768px) {
   .logo-text{font-size:19px !important;} 
   .banner-content .text-white{font-size:15px !important;}
    .banner-content .text-primary{font-size:24px !important;}
}



/* Booking Form Styles */
.booking-card {
    border: none;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.booking-card:hover {
    transform: translateY(-5px);
}

.visual-icon {
    animation: float 3s ease-in-out infinite;
}

@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

.feature-item {
    font-size: 0.9rem;
}

/* Form focus states */
.form-control:focus, .form-select:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.2rem rgba(234, 0, 30, 0.25);
}

/* Mobile responsive */
@media (max-width: 768px) {
    .booking-card {
        margin: 0 10px;
    }
    
    .display-5 {
        font-size: 2rem;
    }
}


/* Premium Booking Form Enhancements */
.booking-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.booking-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1) !important;
}

.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
    border-bottom-color: #d2300f !important;
}

.form-floating > label {
    transition: all 0.2s ease;
}

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label {
    color: #e21903;
    transform: translateY(-0.5rem) scale(0.85);
}

.btn[onclick="sendToWhatsApp()"]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.7s ease;
}

.btn[onclick="sendToWhatsApp()"]:hover::before {
    left: 100%;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .booking-card {
        margin: 0 10px;
    }
}