:root{--ink:#242017;--muted:#6f675b;--ivory:#fffaf0;--cream:#f4ecdc;--red:#a32621;--red2:#7f1f1b;--green:#345d42;--gold:#c99a38;--white:#fff;--line:#e4d8c4;--shadow:0 18px 55px rgba(68,46,20,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--ink);background:var(--ivory);line-height:1.6}.container{width:min(1140px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,250,240,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.brand-mark{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:white;font-size:25px;box-shadow:inset 0 0 0 3px rgba(255,255,255,.25)}.brand strong{display:block;letter-spacing:.04em}.brand span{display:block;color:var(--muted);font-size:12px}.nav{display:flex;align-items:center;gap:18px}.nav a{color:var(--ink);text-decoration:none;font-size:14px}.menu-btn{display:none;border:0;background:none;font-size:26px}.btn{display:inline-block;background:var(--red);color:white!important;border:1px solid var(--red);border-radius:999px;padding:12px 20px;text-decoration:none;font-weight:700;cursor:pointer}.btn:hover{background:var(--red2)}.btn-outline{background:transparent;color:var(--red)!important;padding:9px 16px}.btn-light{background:transparent;color:var(--ink)!important;border-color:#aa9a7f}.hero{background:radial-gradient(circle at 82% 20%,#f4d9a8 0 10%,transparent 35%),linear-gradient(120deg,#fff9ec,#f7eddc);padding:92px 0}.hero.inner{padding:72px 0}.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:65px;align-items:center}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;line-height:1.1;margin-top:0}h1{font-size:clamp(42px,5vw,70px);letter-spacing:-.03em;margin-bottom:22px}h2{font-size:clamp(32px,4vw,48px);margin-bottom:20px}h3{font-size:24px}.lead{font-size:19px;color:var(--muted);max-width:760px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--red);font-weight:800;font-size:12px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.trust-row{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px;font-size:14px;color:var(--green);font-weight:700}.hero-card{background:#fff;border:1px solid var(--line);padding:34px;border-radius:28px;box-shadow:var(--shadow)}.hero-card .sun{width:78px;height:78px;background:var(--gold);border-radius:50%;margin-bottom:65px;box-shadow:0 0 0 20px rgba(201,154,56,.12),0 0 0 40px rgba(201,154,56,.06)}.hero-card a,.cards a{color:var(--red);font-weight:800;text-decoration:none}.section{padding:88px 0}.alt{background:#f5ecdd}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.grid{display:grid}.cards{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}.cards article{background:white;border:1px solid var(--line);padding:28px;border-radius:20px;min-height:230px;transition:.2s}.cards article:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.cards article>b{color:var(--gold);font-size:13px}.cards p{color:var(--muted)}.pilgrimage{background:var(--red);color:white}.pilgrimage .eyebrow{color:#f1c76f}.pilgrimage p{color:#f7eae7}.pilgrimage .btn{background:white;color:var(--red)!important;border-color:white}.feature-list{display:grid;gap:12px}.feature-list div{background:rgba(255,255,255,.08);padding:18px;border-radius:14px;border:1px solid rgba(255,255,255,.16)}.feature-list strong,.feature-list span{display:block}.feature-list span{color:#f4dcd7;font-size:14px}.green{background:#e8efe7}.cta-box{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:45px;border:1px solid var(--line);background:white;border-radius:26px;box-shadow:var(--shadow)}footer{background:#4B0082;color:#eee2cf;padding:48px 0 20px}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.footer-grid p{margin:5px 0;color:#cdbfa9}.copyright{border-top:1px solid #443d33;margin-top:28px;padding-top:20px;color:#ffffff;font-size:13px}.form-section{min-height:70vh}.narrow{max-width:820px}.login-card{max-width:520px}.form{background:white;border:1px solid var(--line);padding:30px;border-radius:20px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form label{display:block;font-weight:700;font-size:14px;margin-bottom:16px}.form input,.form select,.form textarea{width:100%;margin-top:7px;padding:13px 14px;border:1px solid #d8cbb8;border-radius:10px;background:#fffdf8;font:inherit}.form-msg{color:var(--green);font-weight:700}.inner h1{max-width:900px}
@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}.hero-grid,.split{grid-template-columns:1fr}.nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--ivory);padding:20px 4%;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.nav.open{display:flex}.menu-btn{display:block}.hero{padding:64px 0}.hero-card .sun{margin-bottom:35px}.footer-grid{grid-template-columns:1fr}.cta-box{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.cards,.form-grid{grid-template-columns:1fr}h1{font-size:40px}.section{padding:64px 0}.brand span{display:none}}

/* Version 2 additions */
.brand-logo{width:58px;height:48px;object-fit:cover;border-radius:8px;border:1px solid var(--line);background:#fff}.section-intro{max-width:760px;color:var(--muted);font-size:18px}.leadership-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:38px}.leader-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(68,46,20,.08)}.leader-card img{display:block;width:100%;height:280px;object-fit:cover;object-position:50% 20%;background:#f5ecdd}.leader-card>div{padding:22px}.leader-card h3{font-size:22px;margin-bottom:6px}.leader-card p{color:var(--muted);font-size:14px}.leader-card .role{color:var(--red);font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:12px}.travel-cards{grid-template-columns:repeat(3,1fr)}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}.benefit-grid div{padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff}.benefit-grid strong,.benefit-grid span{display:block}.benefit-grid strong{font-family:Georgia,'Times New Roman',serif;font-size:20px;margin-bottom:8px}.benefit-grid span{color:var(--muted);font-size:14px}
@media(max-width:1000px){.leadership-grid{grid-template-columns:repeat(2,1fr)}.benefit-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.leadership-grid,.benefit-grid,.travel-cards{grid-template-columns:1fr}.leader-card img{height:340px}.brand-logo{width:48px;height:42px}}


/* Website development ticker */
.dev-ticker{background:#7d1f2d;color:#fff;border-bottom:1px solid rgba(255,255,255,.25);overflow:hidden;white-space:nowrap;position:relative;z-index:50}
.dev-ticker__track{display:inline-block;min-width:100%;padding:.55rem 0;font-weight:700;letter-spacing:.02em;animation:svkmTicker 22s linear infinite}
.dev-ticker__track span{display:inline-block;padding-left:100%}
@keyframes svkmTicker{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){.dev-ticker__track{animation:none}.dev-ticker__track span{padding-left:1rem;white-space:normal}}
.auth-note{padding:.85rem 1rem;border:1px solid #e2d6c5;background:#fff8ed;border-radius:12px;margin:1rem 0;color:#5d4635}
.login-error{padding:.8rem 1rem;background:#fff0f0;border:1px solid #e4bcbc;border-radius:10px;color:#8b1e1e;margin-bottom:1rem}
.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.5rem}
.dashboard-card{border:1px solid #e6ded4;border-radius:16px;padding:1.1rem;background:#fff}
.dashboard-card h3{margin-top:0}.badge-live{display:inline-block;padding:.25rem .55rem;border-radius:999px;background:#e8f6ec;color:#246b36;font-weight:700;font-size:.82rem}
@media(max-width:760px){.dashboard-grid{grid-template-columns:1fr}.dev-ticker__track{font-size:.88rem}}


/* Tirumala Tirupati moving image gallery */
.tirumala-gallery {
    background: #fff8e7;
    padding: 20px 0;
    overflow: hidden;
}

.tirumala-gallery h2 {
    color: #8b1e1e;
    text-align: center;
    margin: 0 0 15px;
    font-size: 24px;
}

.tirumala-slider {
    width: 100%;
    overflow: hidden;
    border-top: 3px solid #d4a017;
    border-bottom: 3px solid #d4a017;
    background: #ffffff;
    padding: 10px 0;
}

.tirumala-track {
    display: flex;
    gap: 12px;
    width: max-content;
    animation: tirumalaMove 35s linear infinite;
}

.tirumala-track img {
    width: 180px;
    height: 120px;
    object-fit: cover;
    flex-shrink: 0;
    border: 2px solid #d4a017;
    border-radius: 8px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
}

/* Movement from left to right */
@keyframes tirumalaMove {
    from {
        transform: translateX(calc(-50% - 6px));
    }

    to {
        transform: translateX(0);
    }
}

/* Pause while mouse is over the images */
.tirumala-slider:hover .tirumala-track {
    animation-play-state: paused;
}

@media (max-width: 600px) {
    .tirumala-gallery h2 {
        font-size: 20px;
    }

    .tirumala-track img {
        width: 145px;
        height: 100px;
    }
}


/* Small Useful Links Running Tape */
.useful-links-box {
    width: 100%;
    height: 36px;
    overflow: hidden;
    background-color: #4B0082;
    border: 2px solid #FFD700;
    border-radius: 6px;
    display: flex;
    align-items: center;
}

.useful-links-tape {
    display: inline-flex;
    white-space: nowrap;
    gap: 35px;
    animation: usefulLinksRun 22s linear infinite;
}

.useful-links-tape:hover {
    animation-play-state: paused;
}

.useful-links-tape a {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

.useful-links-tape a:hover {
    color: #FFD700;
    text-decoration: underline;
}

@keyframes usefulLinksRun {
    from {
        transform: translateX(100vw);
    }

    to {
        transform: translateX(-100%);
    }
}

/* THREE-COLUMN HOMEPAGE LAYOUT */
.home-layout {
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr) 320px;
    gap: 20px;
    align-items: start;
    width: 100%;
    padding: 25px 18px;
    box-sizing: border-box;
}

.home-centre {
    min-width: 0;
}

/* LEFT-SIDE GYANODAYA MENU */
.seva-menu {
    background: #fff8d6;
    border: 2px solid #d6a800;
    border-radius: 12px;
    padding: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.16);
}

.seva-menu h2 {
    margin: 0 0 12px;
    padding: 10px 5px;
    color: #4b0082;
    font-size: 17px;
    text-align: center;
    border-bottom: 2px solid #d6a800;
}

.seva-menu a {
    display: block;
    margin: 8px 0;
    padding: 10px 8px;
    color: #ffffff;
    background: #4b0082;
    border-radius: 7px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.3;
}

.seva-menu a:hover {
    background: #b22222;
}

/* RIGHT-SIDE INFORMATION WINDOW */
.information-window {
    background: #f5fff1;
    border: 3px solid #38a838;
    border-radius: 14px;
    padding: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.16);
}

.information-window h2 {
    margin: 0 0 10px;
    color: #4b0082;
    font-size: 18px;
    text-align: center;
}

.information-slider {
    position: relative;
    width: 100%;
    height: 230px;
    overflow: hidden;
    background: #ffffff;
    border-radius: 8px;
}

.information-slide {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 0;
    animation: informationRotation 12s infinite;
}

.information-slide:nth-child(1) {
    animation-delay: 0s;
}

.information-slide:nth-child(2) {
    animation-delay: 6s;
}

@keyframes informationRotation {
    0%, 45% {
        opacity: 1;
    }

    50%, 95% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* TABLET AND MOBILE */
@media (max-width: 1050px) {
    .home-layout {
        grid-template-columns: 190px minmax(0, 1fr);
    }

    .information-window {
        grid-column: 1 / -1;
        width: 100%;
        max-width: 500px;
        margin: auto;
        box-sizing: border-box;
    }
}

@media (max-width: 700px) {
    .home-layout {
        display: flex;
        flex-direction: column;
        padding: 15px;
    }

    .home-centre,
    .seva-menu,
    .information-window {
        width: 100%;
        box-sizing: border-box;
    }

    .home-centre {
        order: 1;
    }

    .seva-menu {
        order: 2;
    }

    .information-window {
        order: 3;
    }
}

.ticker-track a,
.slider-track a,
.marquee-track a {
    display: inline-block;
    flex: 0 0 auto;
    cursor: zoom-in;
}

.ticker-track a img,
.slider-track a img,
.marquee-track a img {
    display: block;
}


.Information-pdf {
    width: 100%;
    height: 200px;
    border: none;
    border-radius: 8px;
    background: white;
}

.pdf-read-link {
    display: block;
    margin-top: 10px;
    padding: 9px;
    color: white;
    background: #4b0082;
    border-radius: 6px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
}


.GITA-pdf {
    width: 100%;
    height: 360px;
    border: none;
    border-radius: 8px;
    background: white;
}

.pdf-read-link {
    display: block;
    margin-top: 10px;
    padding: 9px;
    color: white;
    background: #4b0082;
    border-radius: 6px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
}


.children-menu-item {
    position: relative;
}

.children-popup {
    display: none;
    position: absolute;
    left: calc(100% + 12px);
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
    width: 180px;
    padding: 8px;
    background: white;
    border: 3px solid #ffd700;
    border-radius: 10px;
    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.35);
    text-align: center;
}

.children-popup img {
    display: block;
    width: 100%;
    height: 210px;
    object-fit: cover;
    border-radius: 6px;
}

.children-popup p {
    margin: 7px 0 0;
    color: #4b0082;
    font-size: 12px;
    font-weight: bold;
}

.children-menu-item:hover .children-popup,
.children-menu-item:focus-within .children-popup {
    display: block;
}

.right-column {
    display: flex;
    flex-direction: column;
    gap: 18px;
    width: 100%;
}

.right-column .information-window {
    width: 100%;
    box-sizing: border-box;
}

.gita-window {
    min-height: 430px;
}

.gita-pdf {
    width: 100%;
    height: 330px;
    border: none;
    border-radius: 8px;
    background: white;
}

@media (max-width: 1050px) {
    .right-column {
        grid-column: 1 / -1;
        max-width: 500px;
        margin: auto;
    }
}

.children-category {
  width: 100%;
}

.children-category summary {
  cursor: pointer;
 
  background: #480082;
  color: white;
  
  padding: 10px;
  border-radius: 4px;
}

.children-category p {
  padding: 8px 12px;
  font-size: 13px;
}

/* Children Corner submenu formatting */

.children-submenu > .children-category {
  width: 100%;
  box-sizing: border-box;
}

.children-submenu > .children-category > summary {
  display: block;
  background: #383B88;
  color: white;
  padding: 10px 8px;
  margin: 3px 0;
  border-radius: 6px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  list-style: none;
  line-height: 1.5;
}

.children-category > summary::-webkit-details-marker {
  display: none;
}

.children-submenu > .children-category > summary:hover {
  background: #4B0082;
}

.children-category p {
  font-size: 12px;
  padding: 8px;
  margin: 0;
}