@keyframes zoomInOut {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.08);
    }
}
.home_banner .elementor-element-cb0a71f {
    margin-left: -80px;
}
.home_banner .elementor-element-0301077 {
    margin-right: -80px;
}
/* --- Left-right float animation for all images inside grid --- */
.home_banner .e-grid .elementor-widget-image img {
    animation: floatLR 4s ease-in-out infinite alternate;
    position: relative;
}

/* Define left-right float animation */
@keyframes floatLR {
    from { transform: translateX(-8px); }
    to   { transform: translateX(8px); }
}

/* --- Zoom in/out for center image --- */
.home_banner .elementor-element-946ba48 img {
    animation: zoomInOut 4s ease-in-out infinite alternate;
}

@keyframes zoomInOut {
    from { transform: scale(1); }
    to   { transform: scale(1.08); }
}

/* --- Negative margins for first and last images --- */
.home_banner .elementor-element-cb0a71f {
    margin-left: -80px;
}

.home_banner .elementor-element-0301077 {
    margin-right: -80px;
}
@media (max-width: 767px) {
.home_banner .elementor-element-cb0a71f {
    margin-left: -20px;
}
.home_banner .elementor-element-0301077 {
    margin-right: -20px;
}
.home_banner .elementor-element-cb0a71f {
    margin-left: -20px;
}
.home_banner .elementor-element-0301077 {
    margin-right: -20px;
}
}

/* Initially hidden and slide up */
/*.freeconsult_btn_1, .wtsap_btn_1*/
.addmission_btn_1  {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease, box-shadow 0.3s ease;
    display: inline-block;
}

/* Show class makes them visible */
.addmission_btn_1.show, .freeconsult_btn_1.show, .wtsap_btn_1.show {
    opacity: 1;
    transform: translateY(0);
}

/* Hover effect */
.addmission_btn_1:hover {
    transform: translateY(0) scale(1.01); /* slightly bigger */
    box-shadow: 0 5px 15px rgba(0,0,0,0.2); /* subtle shadow */
}

/* Right-to-left hover animation for freeconsult and wtsap buttons */
.freeconsult_btn_1:hover,
.wtsap_btn_1:hover {
    transform: translateX(-4px); /* move left by 10px */
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    transition: transform 0.3s ease, box-shadow 0.36s ease;
}

