1<!doctype html> 2<html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 7 <title>In-Temple Seva | Sri Bhaktha Anjaneya Temple</title> 8 <meta name="description" content="Details of In-Temple Sevas including Archana, Abhishekam, Vadamala, Alankaram, Vastram, and Tulabhara Seva at Sri Bhaktha Anjaneya Temple, Ijamsville, MD."> 9 10 <link rel="canonical" href="https://sbat.org/in-temple-seva"> 11 12 <link rel="icon" type="image/png" href="https://sbat.org/images/logo.png"> 13 14 <link href="style.css" rel="stylesheet"> 15 <link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Lato:ital,wght@0,300;0,400;0,700;1,400&family=Open+Sans:wght@300;400;600&display=swap" rel="stylesheet"> 16 17
17<script src="https://elfsightcdn.com/platform.js" async></script>
17 18 19
19<script type="application/ld+json"> 20 { 21 "@context": "https://schema.org", 22 "@type": "HinduTemple", 23 "name": "Sri Bhaktha Anjaneya Temple", 24 "image": "https://sbat.org/images/logo.png", 25 "address": { 26 "@type": "PostalAddress", 27 "streetAddress": "4143 Ayodhya Way", 28 "addressLocality": "Ijamsville", 29 "addressRegion": "MD", 30 "postalCode": "21754", 31 "addressCountry": "US" 32 }, 33 "telephone": "301-865-5555", 34 "url": "https://sbat.org", 35 "hasOfferCatalog": { 36 "@type": "OfferCatalog", 37 "name": "In-Temple Sevas", 38 "itemListElement": [ 39 { "@type": "Offer", "name": "Abhishekam Seva" }, 40 { "@type": "Offer", "name": "Archana & Aakku Pooja" }, 41 { "@type": "Offer", "name": "Vadamala Seva" }, 42 { "@type": "Offer", "name": "Butter Alankara Seva" }, 43 { "@type": "Offer", "name": "Vastram Seva" }, 44 { "@type": "Offer", "name": "Tulabhara Seva" }, 45 { "@type": "Offer", "name": "Swarna Kavacha Seva" } 46 ] 47 } 48 } 49 </script>
49 50 51 <style> 52 /* --- PAGE SPECIFIC STYLES --- */ 53 html { scroll-behavior: smooth; } 54 55 body { 56 box-sizing: border-box; 57 margin: 0; 58 padding: 0; 59 font-family: 'Lato', 'Open Sans', sans-serif; 60 color: #333; 61 background-color: #FFFDD0; 62 background-image: radial-gradient(#FF9933 0.5px, transparent 0.5px), radial-gradient(#FF9933 0.5px, #FFFDD0 0.5px); 63 background-size: 20px 20px; 64 background-position: 0 0, 10px 10px; 65 background-blend-mode: soft-light; 66 line-height: 1.6; 67 } 68 69 * { box-sizing: border-box; } 70 71 h1, h2, h3, h4, h5 { 72 font-family: 'Cinzel', serif; 73 margin: 0; 74 color: #800000; /* Temple Maroon */ 75 } 76 77 /* --- DECORATIVE PAGE HERO (COMPACT) --- */ 78 .page-title-section { 79 position: relative; 80 background: linear-gradient(to bottom, rgba(128, 0, 0, 0.9), rgba(100, 0, 0, 0.85)), url('https://sbat.org/images/slider/1.jpg'); 81 background-size: cover; 82 background-position: center; 83 background-attachment: fixed; 84 padding: 40px 15px; 85 text-align: center; 86 color: white; 87 border-bottom: 4px solid #FFD700; 88 box-shadow: 0 4px 10px rgba(0,0,0,0.3); 89 } 90 91 .hero-frame { 92 border: 2px solid rgba(255, 215, 0, 0.3); 93 padding: 20px 15px; 94 max-width: 800px; 95 margin: 0 auto; 96 position: relative; 97 background: rgba(0, 0, 0, 0.1); 98 backdrop-filter: blur(2px); 99 } 100 101 .hero-frame::before, .hero-frame::after { 102 content: "â¦"; 103 position: absolute; 104 color: #FFD700; 105 font-size: 20px; 106 } 107 .hero-frame::before { top: -12px; left: 50%; transform: translateX(-50%); } 108 .hero-frame::after { bottom: -12px; left: 50%; transform: translateX(-50%); } 109 110 .page-title { 111 font-size: 36px; 112 font-weight: 800; 113 text-shadow: 2px 2px 0px #333; 114 margin-bottom: 2px; 115 color: #FFD700; 116 font-family: 'Cinzel', serif; 117 letter-spacing: 1.5px; 118 text-transform: uppercase; 119 } 120 121 .page-subtitle { 122 font-size: 16px; 123 font-weight: 400; 124 font-style: italic; 125 color: #FFF; 126 font-family: 'Lato', serif; /* Font optimization fix */ 127 letter-spacing: 1px; 128 } 129 130 .hero-divider { 131 font-size: 20px; 132 color: #FF9933; 133 margin: 5px 0; 134 } 135 136 .content-container { 137 max-width: 1000px; 138 margin: 30px auto; 139 padding: 0 20px 40px 20px; 140 } 141 142 .intro-text { 143 text-align: center; 144 font-size: 16px; 145 margin-bottom: 30px; 146 color: #555; 147 background: #fff; 148 padding: 20px; 149 border-radius: 8px; 150 box-shadow: 0 4px 15px rgba(0,0,0,0.08); 151 border: 1px solid #e0e0e0;
152 border-top: 4px solid #800000; 153 } 154 155 /* --- SEVA CARDS --- */ 156 .seva-grid { 157 display: flex; 158 flex-direction: column; 159 gap: 25px; 160 } 161 162 .seva-card { 163 background: #FFFFFF; 164 border-radius: 8px; 165 overflow: hidden; 166 box-shadow: 0 4px 6px rgba(0,0,0,0.05); 167 border: 1px solid #e6dccf; 168 transition: all 0.3s ease; 169 position: relative; 170 } 171 172 .seva-card::before { 173 content: ''; 174 position: absolute; 175 top: 0; 176 left: 0; 177 width: 6px; 178 height: 100%; 179 background: linear-gradient(to bottom, #800000, #FF9933); 180 } 181 182 .seva-card:hover { 183 box-shadow: 0 8px 20px rgba(128, 0, 0, 0.15); 184 transform: translateY(-2px); 185 } 186 187 /* CARD HEADER */ 188 .card-header { 189 padding: 18px 25px; 190 cursor: pointer; 191 display: flex; 192 justify-content: space-between; 193 align-items: center; 194 background: linear-gradient(to right, #ffffff, #fffaf0); 195 transition: background 0.3s ease; 196 } 197 198 .card-header:focus { 199 outline: 2px solid #FF9933; 200 background: #fff5e6; 201 } 202 203 .card-header:hover { 204 background: #fff5e6; 205 } 206 207 .seva-title { 208 color: #800000; 209 font-size: 19px; 210 font-weight: 700; 211 margin: 0; 212 letter-spacing: 0.5px; 213 } 214 215 /* TOGGLE ICON */ 216 .toggle-icon { 217 width: 28px; 218 height: 28px; 219 border-radius: 50%; 220 background: #fff; 221 border: 2px solid #FF9933; 222 color: #800000; 223 display: flex; 224 align-items: center; 225 justify-content: center; 226 font-weight: 700; 227 font-size: 16px; 228 transition: all 0.3s ease; 229 } 230 231 .seva-card.active .toggle-icon { 232 background: #800000; 233 color: #fff; 234 border-color: #800000; 235 transform: rotate(180deg); 236 } 237 238 .seva-card.active .toggle-icon::after { content: "â"; } 239 .seva-card .toggle-icon::after { content: "+"; } 240 241 /* CARD BODY */ 242 .card-body { 243 max-height: 0; 244 overflow: hidden; 245 transition: max-height 0.5s cubic-bezier(0, 1, 0, 1); 246 background: #fff; 247 } 248 249 .seva-card.active .card-body { 250 max-height: 3000px; 251 transition: max-height 0.6s ease-in-out; 252 } 253 254 /* ----- CARD CONTENT LAYOUT ----- */ 255 .card-content-inner { 256 padding: 30px; 257 border-top: 1px dashed #FF9933; 258 display: flex; 259 flex-direction: row; 260 gap: 35px; 261 align-items: flex-start; 262 } 263 264 .seva-image-container { 265 flex: 0 0 250px; 266 } 267 268 .seva-feature-img { 269 width: 100%; 270 height: 350px; 271 object-fit: cover; 272 border-radius: 6px; 273 border: 1px solid #e6dccf; 274 box-shadow: 0 2px 8px rgba(0,0,0,0.1); 275 } 276 277 .seva-text-content { 278 flex: 1; 279 } 280 281 /* Content Typography */ 282 .seva-desc { 283 color: #444; 284 font-size: 16px; 285 margin-bottom: 15px; 286 line-height: 1.6; 287 } 288 289 .seva-desc strong { color: #800000; } 290 291 /* Note styling */ 292 .seva-note { 293 background: #fff8e1; 294 padding: 15px; 295 border-radius: 6px; 296 border-left: 4px solid #FF9933; 297 font-size: 14px; 298 color: #555; 299 margin-top: 20px; 300 } 301 302 /* Alerts */ 303 .booking-alert { 304 color: #fff; 305 font-weight: 700; 306 background: #d84315; 307 padding: 3px 8px; 308 border-radius: 4px; 309 font-size: 12px; 310 text-transform: uppercase; 311 display: inline-block; 312 margin-bottom: 5px; 313 } 314 315 .restriction-alert { 316 color: #b71c1c; 317 font-size: 14px; 318 font-style: italic; 319 display: block; 320 margin-top: 8px; 321 font-weight: 600; 322 background: #ffebee; 323 padding: 5px 10px; 324 border-radius: 4px; 325 } 326 327 /* Links */ 328 .booking-link { 329 color: #d84315; 330 text-decoration: underline; 331 font-weight: 700; 332 cursor: pointer; 333 } 334 .booking-link:hover { color: #800000; } 335 336 /* TABLES */ 337 .schedule-container { 338 margin-top: 20px; 339 background: #fffcf5; 340 padding: 15px; 341 border-radius: 8px; 342 border: 1px solid #eee; 343 } 344 345 .inner-table-title { 346 font-size: 15px; 347 color: #800000; 348 margin-bottom: 10px; 349 margin-top: 20px; 350 font-weight: 700; 351 border-bottom: 2px solid #FF9933; 352 display: inline-block; 353 padding-bottom: 3px; 354 } 355 .inner-table-title:first-child { margin-top: 0; } 356 357 .inner-table { 358 width: 100%; 359 border-collapse: collapse; 360 font-size: 14px; 361 margin-bottom: 15px; 362 background: #fff; 363 } 364 365 .inner-table th, .inner-table td { 366 padding: 10px; 367 text-align: left;
368 border-bottom: 1px solid #f0f0f0; 369 vertical-align: top; 370 } 371 372 .inner-table th { 373 color: #d84315; 374 width: 45%; 375 font-weight: 600; 376 background: #fff8e1; 377 border-right: 1px solid #f0f0f0; 378 } 379 380 .inner-table td { color: #333; } 381 382 .schedule-note-text { 383 font-size: 13px; 384 color: #666; 385 font-style: italic; 386 margin-top: 15px; 387 display: block; 388 text-align: center; 389 } 390 391 /* Story Accordion */ 392 details.story-details { 393 margin: 15px 0; 394 background: #fff; 395 border: 1px solid #FF9933; 396 border-radius: 6px; 397 } 398 399 details.story-details summary { 400 padding: 10px 15px; 401 cursor: pointer; 402 font-size: 14px; 403 font-weight: 700; 404 color: #800000; 405 background: #fff8e1; 406 outline: none; 407 display: flex; 408 align-items: center; 409 } 410 411 details.story-details summary::after { content: "â¼"; font-size: 10px; margin-left: 8px; color: #d84315; } 412 details.story-details[open] summary::after { content: "â²"; } 413 414 .story-content { 415 padding: 15px; 416 font-size: 14px; 417 line-height: 1.6; 418 color: #444; 419 border-top: 1px dashed #FF9933; 420 } 421 .story-content p { margin-bottom: 10px; } 422 .story-content p:last-child { margin-bottom: 0; } 423 424 /* COMPACT LISTS */ 425 .compact-list { 426 list-style: none; 427 padding: 0; 428 margin: 0 0 15px 0; 429 } 430 .compact-list li { 431 padding: 4px 0; 432 color: #333; 433 display: flex; 434 align-items: start; 435 font-size: 15px; 436 } 437 .compact-list li::before { 438 content: "â¦"; 439 color: #FF9933; 440 margin-right: 10px; 441 font-size: 14px; 442 line-height: 1.5; 443 flex-shrink: 0; 444 } 445 446 /* MOBILE LAYOUT */ 447 @media (max-width: 768px) { 448 .page-title { font-size: 28px; } 449 .page-subtitle { font-size: 14px; } 450 .hero-divider { font-size: 18px; } 451 .page-title-section { padding: 30px 15px; } 452 .content-container { padding: 0 10px 40px 10px; } 453 .card-header { padding: 15px; } 454 455 .card-content-inner { 456 flex-direction: column; 457 padding: 20px; 458 gap: 20px; 459 } 460 .seva-image-container { 461 flex: 1 1 auto; 462 width: 100%; 463 max-width: 400px; 464 margin: 0 auto; 465 } 466 .seva-feature-img { height: 400px; } 467 .inner-table th, .inner-table td { display: block; width: 100%; border-right: none; } 468 469 .nowrap-text { white-space: normal !important; } 470 } 471 </style> 472 </head> 473 <body> 474 475 <div id="master-header"><site-header></site-header></div> 476 <div class="header-spacer"></div> 477 478 <section class="page-title-section"> 479 <div class="hero-frame"> 480 <h1 class="page-title">In-Temple Seva</h1> 481 <div class="hero-divider">~ ॠ~</div> 482 <p class="page-subtitle">Sacred Offerings & Daily Rituals</p> 483 </div> 484 </section> 485 486 <div class="content-container"> 487 <p class="intro-text"> 488 Sri Bhaktha Anjaneya Temple offers various in-temple sevas performed daily by our priests. 489 Click on any service below to view details, schedules, and requirements. 490 </p> 491 492 <div class="seva-grid"> 493 494 <div class="seva-card"> 495 <div class="card-header" role="button" aria-expanded="false" aria-controls="content-abhishekam" tabindex="0"> 496 <h3 class="seva-title">Abhishekam Seva</h3> 497 <div class="toggle-icon"></div> 498 </div> 499 <div class="card-body" id="content-abhishekam" role="region"> 500 <div class="card-content-inner"> 501 <div class="seva-text-content"> 502 <p class="seva-desc"> 503 Abhishekam is a sacred ritual of bathing a deity (murti) with various liquids like water, milk, ghee, honey, and curd while chanting mantras, symbolizing devotion, love, and cleansing the self and environment of negativity, creating positive energy, and fostering a deep connection with the divine.<br><br> 504 <strong>Important:</strong> Abhishekam is performed <strong>ONLY based on the schedule below</strong>. 505 </p> 506 507 <div class="schedule-container"> 508 <h4 class="inner-table-title">Morning Schedule</h4> 509 <table class="inner-table"> 510 <tr><th>Sri Anjaneya (Moolavar) Abhishekam</th><td>Weekdays (DST): 8:00 AM<br>Weekdays (Regular): 7:30 AM<br>Weekends: 10:30 AM</td></tr> 511 <tr><th>Sri Anjaneya (Utsava Vigraha) Abhishekam</th><td>Saturdays (with main Anjaneya) & Moola Nakshatram</td></tr> 512 <tr><th>Sri Raghavendra Swamy Abhishekam</th><td>Mon-Fri(DST): 8 AM <br>Mon-Fri(Regular): 7 AM</td></tr> 513 <tr><th>Sri Navagraha Abhishekam</th><td>Thursdays @ 10:30 AM</td></tr> 514 <tr><th>Sri Shirdi Sai Baba Abhishekam</th><td>Thursdays @ 9:30 AM</td></tr> 515 </table> 516 517 <h4 class="inner-table-title">Auspicious Day Slot (10:30 AM & 4:00 PM)</h4> 518 <div class="seva-note" style="margin-bottom: 10px; padding: 8px;"> 519 <strong>Timing:</strong> Weekdays 10:30 AM | Weekends 4:00 PM (Performed on specific Star) 520 </div> 521 <table class="inner-table"> 522 <tr><th>Sri Krishna Abhishekam</th><td>Rohini Nakshatram</td></tr> 523 <tr><th>Sri Rama Abhishekam</th><td>Punarvasu Nakshatram</td></tr> 524 <tr><th>Sri Lakshmi Devi Abhishekam</th><td>Uttara Phalguni (Uttaram)</td></tr> 525 <tr><th>Sri Sudarshana Narashima Abhishekam</th><td>Swati Nakshatram</td></tr> 526 <tr><th>Sri Srinivasa Abhishekam</th><td>Shravana Nakshatram</td></tr> 527 <tr><th>Sri Subramanya Abhishekam</th><td>Krittika Nakshatram</td></tr> 528 <tr><th>Sri Durga Devi Abhishekam</th><td>Krishna Paksha Ashtami</td></tr> 529 <tr><th>Sri Nagaraja Abhishekam</th><td>Shukla Paksha Panchami</td></tr> 530 </table> 531 532 <h4 class="inner-table-title">Evening Schedule</h4> 533 <table class="inner-table"> 534 <tr><th>Sri Ganesha Abhishekam (Sankatahara Chaturthi)</th><td>Krishna Paksha Chaturthi<br>Weekdays: 7:00 PM | Weekends: 4:00 PM</td></tr> 535 <tr><th>Sri Shiva Abhishekam (Pradosham)</th><td>Trayodashi Tithi<br>Weekdays: 7:00 PM | Weekends: 4:00 PM</td></tr> 536 </table>
537 <span class="schedule-note-text">* Note: We will reschedule the time if any major festival or another abhishekam falls on the same date and time.</span> 538 </div> 539 </div> 540 </div> 541 </div> 542 </div> 543 544 <div class="seva-card"> 545 <div class="card-header" role="button" aria-expanded="false" aria-controls="content-archana" tabindex="0"> 546 <h3 class="seva-title">Archana & Aakku Pooja Seva</h3> 547 <div class="toggle-icon"></div> 548 </div> 549 <div class="card-body" id="content-archana" role="region"> 550 <div class="card-content-inner"> 551 <div class="seva-text-content"> 552 <h4 style="color:#d84315; margin-bottom:10px; font-size:16px;">1. Ashtothara / Swarna Pushpa Archana</h4> 553 <p class="seva-desc">Available on a <strong>Walk-in Basis</strong> every day <em>(except during Abhishekam timings)</em>. Performed every <strong>15 minutes</strong> with Aarthi.</p> 554 <p class="seva-desc" style="font-size:14px; background:#f9f9f9; padding:10px; border-radius:4px;"> 555 <strong>Available Deities:</strong> Anjaneya, Ganesha, Shiva, Durga, Lakshmi, Vishnu, Krishna, Rama, Nagaraja, Narashima, Subramanya, Shani Bagwan, Navagraha, Sathyanarayana, Raghavendra. 556 <span class="restriction-alert">* Note: Raghavendra Archana cannot be performed during Ekadashi.</span> 557 </p> 558 <hr style="border:0; border-top:1px dashed #ccc; margin:20px 0;"> 559 560 <h4 style="color:#d84315; margin-bottom:10px; font-size:16px;">2. Aakku Pooja (Betel Leaf Garland)</h4> 561 <details class="story-details"> 562 <summary>Read Story: Why Betel Leaves?</summary> 563 <div class="story-content"> 564 <p>According to Ramayana, when Lord Hanuman reached Lanka to convey the message of Lord Ram to Mata Sita, she gave him a garland made with betel leaves as she couldn't find anything else to offer him as a token of delight and appreciation. This is why people offer betel leaves while worshiping Lord Hanuman.</p> 565 <p>Offering betel leaves or betel leaves garland to Lord Hanuman pleases him as it reminds him of Mata Sita. Lord Hanuman is not only the devotee of Lord Ram but also of Mata Sita.</p> 566 </div> 567 </details> 568 <p class="seva-desc"> 569 <strong>Count:</strong> 11, 21, 27, 54, or 108 leaves (as per your prayers).<br> 570 <strong>Requirements:</strong> Devotees must bring betel leaves either <strong>tied as a garland</strong> or as <strong>loose leaves</strong> (without lime).<br> 571 <strong>Preferred Time:</strong> Along with Morning Abhishekam or Evening 7:00 PM Nithya Pooja.<br> 572 <span style="font-size:13px; color:#666;">(If that time is not possible, we can do it along with Ashtothara Archana).</span> 573 </p> 574 <hr style="border:0; border-top:1px dashed #ccc; margin:20px 0;"> 575 576 <h4 style="color:#d84315; margin-bottom:10px; font-size:16px;">3. Sahasranama Archana (1008 Names)</h4> 577 <p class="seva-desc"><span class="booking-alert">Pre-booking Required</span><br>Requires advance arrangement. Please use the <strong>"Speak with Manager"</strong> button in the header to arrange a callback.</p> 578 <div class="seva-note"><strong>Donation Details:</strong> ⢠Ashtothara Archana: Open Donation ⢠Swarna Pushpa Archana: $35 Minimum ⢠Sahasranama Archana: Contact Manager</div> 579 </div> 580 </div> 581 </div> 582 </div> 583 584 <div class="seva-card"> 585 <div class="card-header" role="button" aria-expanded="false" aria-controls="content-vadamala" tabindex="0"> 586 <h3 class="seva-title">Vadamala Seva</h3> 587 <div class="toggle-icon"></div> 588 </div> 589 <div class="card-body" id="content-vadamala" role="region"> 590 <div class="card-content-inner"> 591 592 <div class="seva-image-container"> 593 <img src="https://sbat.org/images/Vadamala.jpeg" alt="Vadamala Seva" class="seva-feature-img" loading="lazy"> 594 </div> 595 596 <div class="seva-text-content"> 597 <details class="story-details"> 598 <summary>Read Story: Why Vadamala?</summary> 599 <div class="story-content"> 600 <p>When Hanuman was a child, he was captivated by the radiant Sun shining in the sky and leapt forward to seize it. At the same time, Rahu Devata was racing toward the Sun to eclipse it. In this race, Hanumanâblessed as the son of Vayu, the Wind Godâsurpassed Rahu with effortless speed and strength.</p> 601 <p>Impressed by Hanumanâs extraordinary valor, Rahu Devata granted a boon: anyone who worships Lord Hanuman with offerings made from urad dal will be freed from the effects of Rahu Dosha and protected from Rahuâs negative influence.</p> 602 <p>It was further ordained that the offering be made in the form of a garland or shaped like a serpent, symbolizing Rahu himself, who was especially pleased by preparations made from urad dal.</p> 603 </div> 604 </details> 605 606 <h4 style="color:#d84315; margin-top:15px; margin-bottom:5px; font-size:16px;">Sacred Offering to Lord Anjaneya</h4> 607 <p class="seva-desc"> 608 Offer 51 or 108 counts Vadamala for Lord Anjaneya. The temple will prepare fresh vada and offer them during the evening pooja at 7:00 PM daily. 609 </p> 610 611 <div class="seva-note" style="margin-top:15px;"> 612 <h5 style="margin:0 0 5px 0; font-size:15px;
612 color:#d84315;">ð Important Details</h5> 613 <ul class="compact-list"> 614 <li>Book Vadamala for any upcoming date. Minimum 2 days advance booking required.</li> 615 <li>Tuesday and Saturday fill faster and may require booking 1 week in advance.</li> 616 <li>Limited slots available daily at 7:00 PM</li> 617 <li>Evening offering only (no morning slots)</li> 618 <li>Temple prepares and offers the vadamala</li> 619 <li>Outside vadamala is not accepted</li> 620 </ul> 621 <div style="margin-top:15px; border-top:1px solid #ddd; padding-top:10px;"> 622 <strong>ð© How to Book:</strong> <a href="https://devotee.sbat.org/VadamalaBooking" target="_blank" class="booking-link">Click here for Vadamala Booking</a> 623 </div> 624 </div> 625 </div> 626 </div> 627 </div> 628 </div> 629 630 <div class="seva-card"> 631 <div class="card-header" role="button" aria-expanded="false" aria-controls="content-butter" tabindex="0"> 632 <h3 class="seva-title">Butter Alankara Seva</h3> 633 <div class="toggle-icon"></div> 634 </div> 635 <div class="card-body" id="content-butter" role="region"> 636 <div class="card-content-inner"> 637 638 <div class="seva-image-container"> 639 <img src="https://sbat.org/images/butter.jpeg" alt="Butter Alankaram" class="seva-feature-img" loading="lazy"> 640 </div> 641 642 <div class="seva-text-content"> 643 <details class="story-details"> 644 <summary>Read Story: Why Butter Alankaram seva?</summary> 645 <div class="story-content"> 646 <p>During the great war of Ramayana, Hanuman played a crucial role not only as a warrior but also as Lord Ramaâs loyal companion and even his living chariot. When Ravana unfairly targeted Hanuman with his arrows, Hanuman suffered grievous wounds while carrying Rama into battle.</p> 647 <p>Seeing his dearest devotee in pain, Lord Rama personally treated Hanumanâs injuries with butter, applying it with loving care. This healing act symbolized the pure bond of love and devotion between the Lord and his most faithful servant.</p> 648 <p>From that day on, applying butter became a divine gesture â not just to soothe physical wounds, but to express gratitude, love, and devotion.</p> 649 </div> 650 </details> 651 652 <h4 style="color:#d84315; margin-top:15px; margin-bottom:5px; font-size:16px;">Why Sponsor?</h4> 653 <ul class="compact-list"> 654 <li>Gratitude and devotion to Lord Hanuman</li> 655 <li>Prayers for health, well-being, and success</li> 656 <li>A way to mark special occasions with spiritual blessings</li> 657 </ul> 658 659 <h4 style="color:#d84315; margin-top:10px; margin-bottom:5px; font-size:16px;">Ideal For</h4> 660 <ul class="compact-list"> 661 <li>ð Birthdays</li> 662 <li>ð Anniversaries</li> 663 <li>ð¯ï¸ Prayers for health and recovery</li> 664 <li>ð Fulfillment of vows or wishes</li> 665 <li>ðº Any special personal occasion</li> 666 </ul> 667 668 <div class="seva-note" style="margin-top:10px;"> 669 <h5 style="margin:0 0 5px 0; font-size:15px;
669 color:#d84315;">ð Ritual Details</h5> 670 <div style="font-size:14px;"> 671 <strong>ðï¸ Timing:</strong> Sunday to Friday (Performed by Priest during Hanuman Abhishekam).<br> 672 <strong>ðï¸ Darshan:</strong> The screen will remain <strong>closed</strong> during the Alankaram. Darshan opens only after the decoration is complete.<br> 673 <strong>ð° Sponsorship:</strong> $351<br> 674 <strong>ð© Booking:</strong> Contact manager for availability, then <a href="https://devotee.sbat.org/PoojaBooking" target="_blank" class="booking-link">Book via Pooja Booking Portal</a>. 675 </div> 676 </div> 677 </div> 678 </div> 679 </div> 680 </div> 681 682 <div class="seva-card"> 683 <div class="card-header" role="button" aria-expanded="false" aria-controls="content-vastram" tabindex="0"> 684 <h3 class="seva-title">Vastram Seva</h3> 685 <div class="toggle-icon"></div> 686 </div> 687 <div class="card-body" id="content-vastram" role="region"> 688 <div class="card-content-inner"> 689 690 <div class="seva-image-container"> 691 <img src="https://sbat.org/images/vastram.jpg" alt="Vastram Seva" class="seva-feature-img" loading="lazy"> 692 </div> 693 694 <div class="seva-text-content"> 695 <p class="seva-desc"> 696 Offering of new vastrams (clothes) to the Deities is a sacred way to adorn the divine. Devotees can sponsor clothing for <strong>all deities</strong> in the temple. 697 </p> 698 699 <h4 style="color:#d84315; margin-top:15px; margin-bottom:5px; font-size:16px;">Guidelines & Requirements</h4> 700 <ul class="compact-list"> 701 <li><strong>Material:</strong> We offer <strong>Pure Silk</strong> only. Polyester mixed fabrics are not accepted.</li> 702 <li><strong>Specific Sizes:</strong> Sri Hanuman & Sri Raghavendra Swamy: <strong>9 x 5ft Silk Dhoti</strong>.</li> 703 <li class="nowrap-text" style="white-space: nowrap;"><strong>Other Deities:</strong> Please check the Abhishekam schedule & speak with the Manager for specific size requirements.</li> 704 </ul> 705 706 <div class="seva-note" style="margin-top:15px;"> 707 <h5 style="margin:0 0 5px 0; font-size:15px; color:#d84315;">ð Procedure & Booking</h5> 708 <div style="font-size:14px;"> 709 <strong>ðï¸ Timing:</strong> Offerings are accepted <strong>only</strong> during the Abhishekam schedule.<br> 710 <strong>ð¥ Handover:</strong> Please handover the vastram to the Manager the <strong>previous day</strong> so it is ready for the ritual.<br> 711 <strong>ðï¸ Purchase:</strong> You may also purchase new vastram from the temple stock (subject to availability).<br> 712 <div style="margin-top:12px; border-top:1px solid #ddd; padding-top:8px;"> 713 <strong>ð¢ Booking:</strong> <strong>Please use the "Speak with Manager" button in the header to arrange a callback and book this seva.</strong> 714 </div> 715 </div> 716 </div> 717 </div> 718 </div> 719 </div> 720 </div> 721 722 <div class="seva-card"> 723 <div class="card-header" role="button" aria-expanded="false" aria-controls="content-tulabhara" tabindex="0"> 724 <h3 class="seva-title">Tulabhara Seva</h3> 725 <div class="toggle-icon"></div> 726 </div> 727 <div class="card-body" id="content-tulabhara" role="region"> 728 <div class="card-content-inner"> 729 730 <div class="seva-image-container"> 731 <img src="https://sbat.org/images/Tulabaram.jpg" alt="Tulabhara Seva" class="seva-feature-img" loading="lazy"> 732 </div> 733 734 <div class="seva-text-content"> 735 <p class="seva-desc"> 736 Tulabhara (also known as Tula-purusha or Tula-dana) is an ancient Hindu practice where a devotee is weighed against a specific commodity, like gold, grain, fruits, or other items, and an equivalent weight of that commodity is offered as a donation to the Temple. 737 </p> 738 739 <details class="story-details"> 740 <summary>Significance & Tradition</summary> 741 <div class="story-content"> 742 <p>Devotees often turn to the Divine in times of personal challenges, such as health, job, or prosperity issues, as a last resort or hope. When their prayers are answered and wishes fulfilled over time, they choose to perform this seva as a thanksgiving offering to the revered Deity.</p> 743 <p>Listed among the sixteen great gifts in ancient texts, this ritual has deep historical roots. In earlier times, the donor followed specific customs, such as wearing garlands of white flowers and circling the weighing scale with folded hands. The donor would step into one pan of the scale, while priests placed commodities of equal weight in the other.</p> 744 </div> 745 </details> 746 747 <div class="seva-note" style="margin-top:15px;"> 748 <h5 style="margin:0 0 5px 0; font-size:15px;
748 color:#d84315;">ð Important Details</h5> 749 <ul class="compact-list"> 750 <li><strong>Commodities:</strong> The Donor must bring the items to be weighed against (e.g., Rice, Urad Dal, Toor Dal, Jaggery, Gold, Silver, Coins, Sugar, etc).</li> 751 <li><strong>Donation to Temple:</strong> $301</li> 752 </ul> 753 <div style="margin-top:12px; border-top:1px solid #ddd; padding-top:8px; font-size:14px;"> 754 <strong>ð¢ Booking:</strong> Please use the <strong>"Speak with Manager"</strong> button in the header to arrange this special seva. 755 </div> 756 </div> 757 </div> 758 </div> 759 </div> 760 </div> 761 762 <div class="seva-card"> 763 <div class="card-header" role="button" aria-expanded="false" aria-controls="content-swarna" tabindex="0"> 764 <h3 class="seva-title">Swarna Kavacha Seva</h3> 765 <div class="toggle-icon"></div> 766 </div> 767 <div class="card-body" id="content-swarna" role="region"> 768 <div class="card-content-inner"> 769 770 <div class="seva-image-container"> 771 <img src="https://sbat.org/images/ASannidhi1.jpg" alt="Swarna Kavacha" class="seva-feature-img" loading="lazy"> 772 </div> 773 774 <div class="seva-text-content"> 775 <p class="seva-desc"> 776 <strong>"Swarna Kavacha Alankaram"</strong> refers to the ritualistic decoration of a deity's idol with a golden armor (kavacha). The primary purpose is to offer protection to the deity (symbolically) and, more importantly, to invoke the deity's protective energies for the benefit of the devotees, shielding them from various evils, negative energies, and difficulties in life. 777 </p> 778 <div class="seva-note" style="margin-top:15px;"> 779 <h5 style="margin:0 0 5px 0; font-size:15px; color:#d84315;">ð Ritual Details & Booking</h5> 780 <div style="font-size:14px; line-height:1.6;"> 781 <strong>ðï¸ Deities:</strong> Available only for <strong>Sri Hanuman & Sri Raghavendra Swamy</strong>.<br> 782 <strong>â³ Timing:</strong> Alankaram is performed <strong>immediately after Abhishekam</strong>.<br> 783 <strong>ðï¸ Darshan:</strong> Devotees can have darshan <strong>anytime</strong> during temple hours.<br> 784 <strong>ð° Donation:</strong> $151<br> 785 <span class="restriction-alert" style="display:inline-block; margin: 5px 0;">â ï¸ Note: Cannot be performed if Butter Alankaram is booked on that day.</span><br> 786 <strong>ð© How to Book:</strong> <a href="https://devotee.sbat.org/PoojaBooking" target="_blank" class="booking-link">Click here for Swarna Kavacham Booking</a> 787 </div> 788 </div> 789 </div> 790 </div> 791 </div> 792 </div> 793 794 </div> 795 </div> 796 797 <site-footer></site-footer> 798
798<script src="layout.js"></script>
798 799 800
800<script> 801 // ACCORDION LOGIC WITH AUTO-CLOSE, ACCESSIBILITY, AND SMOOTH SCROLL (FIXED) 802 document.querySelectorAll('.card-header').forEach(header => { 803 header.addEventListener('click', () => { 804 toggleAccordion(header); 805 }); 806 807 // Keyboard support 808 header.addEventListener('keydown', (e) => { 809 if (e.key === 'Enter' || e.key === ' ') { 810 e.preventDefault(); 811 toggleAccordion(header); 812 } 813 }); 814 }); 815 816 function toggleAccordion(header) { 817 const card = header.parentElement; 818 const isActive = card.classList.contains('active'); 819 820 // CLOSE ALL other cards (UX Improvement) 821 document.querySelectorAll('.seva-card').forEach(c => { 822 if (c !== card) { 823 c.classList.remove('active'); 824 const otherHeader = c.querySelector('.card-header'); 825 if (otherHeader) otherHeader.setAttribute('aria-expanded', false); 826 } 827 }); 828 829 // Toggle clicked card 830 card.classList.toggle('active'); 831 header.setAttribute('aria-expanded', !isActive); 832 833 // UX ENHANCEMENT FIX: Scroll the active card into view smoothly 834 if (!isActive) { 835 setTimeout(() => { 836 header.scrollIntoView({ behavior: 'smooth', block: 'start' }); 837 }, 300); // slight delay to let the CSS transition start 838 } 839 } 840 </script>
840 841 842 </body> 843</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.