/* Custom Animations for Sarthak Motor Driving School */

/* Bounce on hover for buttons */
.btn-primary, .btn-outline-primary {
    transition: all 0.3s ease;
}

.btn-primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(243, 189, 0, 0.4);
}

/* Team card hover effect */
.team-item {
    transition: all 0.4s ease;
}

.team-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.team-item img {
    transition: transform 0.4s ease;
}

.team-item:hover img {
    transform: scale(1.05);
}

/* Course card animation */
.courses-item {
    transition: all 0.3s ease;
}

.courses-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

/* Testimonial image pulse */
.testimonial-item img {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}

/* Facts section icon spin on hover */
.btn-lg-square {
    transition: all 0.3s ease;
}

.facts .btn-lg-square:hover {
    transform: rotate(360deg);
    background-color: #F3BD00 !important;
}

/* Navbar smooth transition */
.navbar {
    transition: all 0.3s ease;
}

/* WhatsApp button bounce */
.whatsapp-float {
    animation: bounce 2s infinite;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
    40% { transform: translateY(-10px); }
    60% { transform: translateY(-5px); }
}

/* Back to top button */
.back-to-top {
    transition: all 0.3s ease;
}

.back-to-top:hover {
    transform: translateY(-5px) rotate(360deg);
}

/* Carousel caption slide in */
.carousel-caption h1 {
    animation: slideInFromLeft 1s ease;
}

@keyframes slideInFromLeft {
    0% { opacity: 0; transform: translateX(-100px); }
    100% { opacity: 1; transform: translateX(0); }
}

/* Footer links hover */
.footer .btn-link {
    transition: all 0.3s ease;
}

.footer .btn-link:hover {
    transform: translateX(5px);
    color: #F3BD00 !important;
}

/* Form input focus animation */
.form-control:focus, .form-floating input:focus {
    transform: scale(1.02);
    box-shadow: 0 0 15px rgba(243, 189, 0, 0.3);
}

/* Smooth scroll */
html {
    scroll-behavior: smooth;
}

/* Page header text animation */
.page-header h1 {
    animation: fadeInDown 1s ease;
}

@keyframes fadeInDown {
    0% { opacity: 0; transform: translateY(-30px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* Number counter animation */
@keyframes countUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Icon bounce on scroll */
.fa, .bi {
    transition: all 0.3s ease;
}

.text-primary:hover .fa,
.text-primary:hover .bi {
    transform: scale(1.2);
}