/* ===== Main Container ===== */
.scholarship-box {
font-family: 'Poppins', sans-serif;
background: #fff;
border: 3px solid #c60000;
border-radius: 10px;
padding: 30px 25px;
max-width: 900px;
margin: 40px auto;
box-shadow: 0 4px 15px rgba(198,0,0,0.15);
}
.scholarship-box h2 {
color: #c60000;
text-align: center;
font-size: 26px;
font-weight: 700;
margin-bottom: 20px;
text-transform: uppercase;
}
.scholarship-box table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
}
.scholarship-box th {
background: #c60000;
color: #fff;
padding: 10px 8px;
font-weight: 600;
text-align: left;
border: 1px solid #c60000;
}
.scholarship-box td {
border: 1px solid #ccc;
padding: 10px 8px;
font-size: 15px;
color: #222;
}
.scholarship-box tr:nth-child(even) td { background: #f9f9f9; }
.scholarship-box p.note {
color: #c60000;
font-weight: 600;
font-size: 14px;
margin-top: 10px;
}

/* ===== Blinking Apply Button ===== */
.whatsapp-btn {
display: inline-block;
background: #25D366;
color: #fff;
font-weight: 600;
font-size: 17px;
padding: 12px 28px;
border-radius: 6px;
text-decoration: none;
box-shadow: 0 4px 10px rgba(0,0,0,0.2);
animation: blink 1.2s infinite;
transition: all 0.3s ease;
margin: 15px auto;
display: block;
text-align: center;
}
.whatsapp-btn:hover {
background: #1EBE5C;
transform: translateY(-2px);
}
@keyframes blink {
0%, 50%, 100% { opacity: 1; }
25%, 75% { opacity: 0.6; }
}

/* ===== Floating WhatsApp Icon ===== */
.floating-whatsapp {
position: fixed;
bottom: 20px;
right: 20px;
background: #25D366;
color: white;
border-radius: 50%;
width: 60px;
height: 60px;
text-align: center;
line-height: 60px;
font-size: 30px;
box-shadow: 0 4px 10px rgba(0,0,0,0.3);
z-index: 9999;
animation: bounce 1.5s infinite;
text-decoration: none;
}
.floating-whatsapp:hover {
background: #1EBE5C;
transform: scale(1.05);
}
@keyframes bounce {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-6px); }
}

/* ===== Chat Bubble ===== */
.chat-bubble {
position: fixed;
bottom: 90px;
right: 20px;
background: #ffffff;
color: #000;
padding: 8px 14px;
border-radius: 20px;
font-size: 14px;
font-weight: 500;
box-shadow: 0 2px 8px rgba(0,0,0,0.25);
z-index: 9998;
animation: fadein 1s ease-in-out forwards, pulse 3s infinite;
opacity: 0;
}
@keyframes fadein {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes pulse {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.05); }
}

/* ===== Scholarship Form ===== */
.form-container {
background: #fff5f5;
padding: 25px 20px;
border-radius: 10px;
border: 1px solid #c60000;
margin-top: 25px;
}
.form-container h3 {
color: #c60000;
text-align: center;
font-weight: 700;
margin-bottom: 15px;
text-transform: uppercase;
}
.form-container input,
.form-container select,
.form-container textarea {
width: 100%;
padding: 10px;
margin-bottom: 12px;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 15px;
}
.form-container button {
width: 100%;
background: #c60000;
color: #fff;
font-size: 17px;
font-weight: 600;
padding: 10px;
border: none;
border-radius: 6px;
cursor: pointer;
transition: 0.3s;
}
.form-container button:hover {
background: #a00000;
}

💬

document.getElementById("scholarshipForm").addEventListener("submit", function(e){ e.preventDefault(); const name = document.getElementById("name").value; const city = document.getElementById("city").value; const cls = document.getElementById("class").value; const marks = document.getElementById("marks").value; const mobile = document.getElementById("mobile").value; const msg = document.getElementById("message").value; const text = `Hello Abhyaas Classes!%0AI want to apply for the scholarship.%0A%0A👤 Name: ${name}%0A🏙️ City/School: ${city}%0A🏫 Class: ${cls}%0A📊 Marks: ${marks}%0A📞 Mobile: ${mobile}%0A💬 Message: ${msg}`; window.open(`https://wa.me/919214109990?text=${text}`, "_blank"); });