:root {
      /* 5-color system */
      --green: #1c7a4a;
      --green-2: #2e8b57;
      --orange: #e76f2f;
      --amber: #c89a2b;
      --cream: #fff8ea;
      --ink: #142015;
      --muted: #e6d9b2;
      --muted-2: #d1e4c8;
      --red: #d63a3a;

       --bg: #f6f2e9;
            /* soft paper-like background */
            --green-dark: #11623a;
            /* title color */
            --green-mid: #1b7a4a;
            /* address color */
            --pill-bg: #8bc34a;
            /* VENUE pill background */
            --pill-text: #0e3d22;
            /* VENUE pill text */
    }
img {max-width: 100%;}
    html,
    body {
      margin: 0;
      background: #fff;
      font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
      color: #111;
    }

    .page {
      display: grid;
      place-items: center;
      gap: 48px;
      padding: 24px 16px;
    }

    /* Generic poster frame */
    .poster {
      width: min(980px, 94vw);
      min-height: 600px;
      border-radius: 18px;
      position: relative;
      box-shadow: 0 20px 60px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .12);
      overflow: hidden;
      border: 1px solid rgba(0, 0, 0, .25);
    }

.poster-a .wrap {
padding: 20px;
}


    /* Subtle leafy pattern using an inline SVG data URL */
    .pattern-amber {
      background:
        radial-gradient(1200px 800px at 20% 8%, rgba(255, 255, 255, .14), transparent 60%),
        radial-gradient(900px 700px at 95% 90%, rgba(0, 0, 0, .18), transparent 55%),
      url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 80 80'><g fill='none' stroke='rgba(0,0,0,0.15)' stroke-width='1'><path d='M10 20c8-10 20-12 28 0-8 12-20 10-28 0z'/><path d='M50 60c8-10 20-12 28 0-8 12-20 10-28 0z'/><path d='M6 58c6-4 12-4 18 0-6 6-12 6-18 0z'/><path d='M52 24c6-4 12-4 18 0-6 6-12 6-18 0z'/></g></svg>"),
        linear-gradient(#bd9521, #bd9521);
      background-size: auto, auto, 180px 180px, cover;
      background-blend-mode: overlay, overlay, normal, normal;
    }

.poster.patern-second {
 background: url("../images/bg-top-white-leaf.jpg") repeat-x 0 0;
 background-size: contain;
 background-color: #f2e7ca;      
      

}

.swiper-horizontal {
  overflow: hidden;
  padding: 10px 0;
}

.swiper-slide {display: grid !important;
border: 1px solid #ccc;
min-height: 125px;
box-shadow: 3px 3px 0px #ccc;
border-radius: 7px;
background: #fff;

}


.patern-second .wrap {
            max-width: 1200px;
            margin: 0 auto;
            padding: 55px 18px 55px;
            text-align: center;
        }

        .patern-second .tag {
            display: inline-block;
            padding: 10px 22px;
            border-radius: 10px / 16px;
            /* slightly “ribbon” feel */
            background: var(--pill-bg);
            color: var(--pill-text);
            font-weight: 800;
            letter-spacing: .06em;
            text-transform: uppercase;
            font-size: 20px;
            line-height: 1;
            margin-bottom: 12px;
        }

        .patern-second h1 {
            margin: 8px 0 8px;
            font-size: clamp(24px, 4.2vw, 42px);
            line-height: 1.1;
            color: var(--green-dark);
            font-weight: 800;
        }

.patern-second  .datavdate {
   font-size: clamp(24px, 4.2vw, 48px);
   text-transform: uppercase;
}

.patern-second  .datavdate.shastra span{  font-size: clamp(24px, 4.2vw, 35px);}
.patern-second  .datavdate span{
  display: block;
  font-weight: 400;
  font-size: clamp(24px, 4.2vw, 42px);
}
        .patern-second .address {
            margin: 0;
            font-size: clamp(18px, 2.4vw, 18px);
            line-height: 1.35;
            color: var(--green-mid);
            font-weight: 500;
        }

       .patern-second .content {
    text-align: left;
    font-size: 18px;
    margin: 20px auto;
    color: #063b2d;
    max-width: 800px;
}
.patern-second .content p {
    margin: 0 0 15px 0;
    line-height: 25px;
}

.patern-second .content p.highlight {
    color: #c62828;
    font-weight: bold;
}
        .patern-second .gr-logo {
            margin-bottom: 25px;
            max-width: 350px;
            margin: 0 auto 15px;
        }


        .highlight-box {
            max-width: 800px;
            margin: 40px auto;
            background: #8bc938;
            /* green background */
            color: #063b2d;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
        }

        .highlight-header {
            background: #165029;
            /* dark green */
            color: #fff;
            font-weight: bold;
            font-size: 20px;
            padding: 12px 20px;
            text-transform: uppercase;
            text-align: left;
        }

         .highlight-header.txtcenter {text-align: center;}

        .highlight-list {
            list-style: none;
            margin: 0;
            padding: 20px;
            font-size: 17px;
            line-height: 1.6;
        }

        .highlight-list li {
            margin: 10px 0;
            padding-left: 35px;
           background: url(../images/bg-leaf.jpg) no-repeat 0 7px;
    left: 0;
    top: 0;
    font-size: 20px;
    background-size: 19px;
    text-align: left;
        }

        



    .pattern-green {
      background: url("../images/bg-top-green-leaf.jpg") repeat-x 0 0;
      background-color: #49531e;      
      color: #f2f7f0;
    }

    /* Reusable bits */
    .wrap {
      padding: 0;
    }

    .shadow-lg {
      box-shadow: 0 10px 30px rgba(0, 0, 0, .35);
    }

    .badge {
      display: inline-flex;
      align-items: center;
      gap: .5rem;
      background: var(--green);
      color: #fff;
      padding: .35rem .75rem;
      border-radius: .6rem;
      font-weight: 700;
      letter-spacing: .2px;
    }

    .leaf {
      width: 18px;
      height: 18px;
      display: inline-block;
      color: #fff;
    }

      .shloka {
            color: #c62828;
            font-size: 22px;
            font-weight: bold;
            margin: 30px 0;
            position: relative;
            display: inline-block;
            line-height: 1.8;
            padding: 10px 25px;
            border-left: 10px double #c62828;
            border-right: 10px double #c62828;
        }


    /* Poster A — Highlights */
    .poster-a .header {
     
      max-width: 800px;
    margin: 0 auto;
    margin-bottom: 25px;
    }

    .poster-a .brand {
         background: #165029;
    color: #fff;
    padding: .55rem .8rem;
    display: inline-block;
   
    font-weight: 600;
    margin-top: 25px;
    font-size: 22px;

    }

    .poster-a h1 {
     margin: .5rem 0 1rem 0;
    color: #fff;
    font-size: 3rem;
    line-height: 1.1;
    text-shadow: 0 2px 0 rgba(0, 0, 0, .25);
    font-weight: 500;
    }

    .poster-a .columns {
      display: grid;
      grid-template-columns: 1.3fr 2fr;
      gap: 40px;
      margin-top: 6px;
      max-width: 800px;
      margin: 0 auto;
    }

    @media (max-width:880px) {
      .poster-a .columns {
        grid-template-columns: 1fr
      }
    }

    .note {
      background: rgba(255, 255, 255, .85);
      border: 2px dashed rgba(255, 255, 255, .4);
      outline: 2px dotted rgb(22 80 41);
      outline-offset: -8px;
      border-radius: 18px;
      padding: 18px 18px 16px;
      color: #2a240f;
      box-shadow: 0 10px 26px rgba(0, 0, 0, .15);
      margin-bottom: 12px;
    }

    .note h3 {
      margin: .2rem 0 .35rem;
      font-size: 1.08rem;
      color: #1d1a12
    }

    .note p {
      margin: 0 0 .35rem;
      font-size: .98rem;
      line-height: 1.5;
      color: #3a3322
    }

    .note ul {
      margin: .5rem 0 0 0;
      padding-left: 1.25rem
    }

    .note li {
      margin: .25rem 0;
      position: relative
    }

    .note li::marker {
      content: "• "
    }

    .leaf-bullet {
      display: flex;
      align-items: flex-start;
      gap: .5rem
    }

    .leaf-bullet svg {
      flex: 0 0 auto;
      margin-top: .2rem
    }

    .lead-logo {
     margin-bottom: 25px;
     text-align: center;
     
    }

    /* Polaroids */
    .polaroid {
      --rot: 0deg;
      position: relative;
      background: #fff;
      border-radius: 8px;
      padding: 10px 10px 18px;
      width: min(320px, 95%);
      margin: 18px auto;
      box-shadow: 0 14px 24px rgba(0, 0, 0, .32);
      transform: rotate(var(--rot));
    }

    .polaroid img {
      display: block;
      width: 100%;
      aspect-ratio: 4/3;
      object-fit: cover;
      border-radius: 4px
    }

    .polaroid figcaption {
      font-size: .8rem;
      text-align: center;
      margin-top: 8px;
      color: #444
    }

    .polaroid.taped::before {
      content: "";
      position: absolute;
      top: -10px;
      left: 42px;
      width: 120px;
      height: 18px;
      background: var(--red);
      border-radius: 4px;
      box-shadow: 0 2px 0 rgba(0, 0, 0, .18);
      transform: rotate(-4deg);
    }

    .collage {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 45px;
      align-content: start
    }

    @media (max-width:520px) {
      .collage {
        grid-template-columns: 1fr
      }
    }

    /* Bottom register bar */
    .register {
         background: var(--orange);
    color: #fff;
    border-radius: 18px;
    padding: 12px 16px;
    font-weight: 700;
    display: flex
;
    align-items: center;
    justify-content: center;
    gap: 10px;
    box-shadow: 0 10px 26px rgba(0, 0, 0, .25);
    max-width: 600px;
    margin: auto;
    margin-bottom: 20px;
    text-align: center;
    }

    /* Poster B — Mahotsav */
    .poster-b .top {
      position: relative;
      text-align: center;
      padding-top: 26px
    }

    .tab {
      margin: 0 auto;
      background: var(--orange);
      color: #fff;
      max-width: 740px;
      border-radius: 22px 22px 10px 10px;
      padding: 16px 18px 12px;
      box-shadow: 0 16px 36px rgba(0, 0, 0, .35)
    }

    .tab h2 {
      margin: 0;
      font-size: 2.6rem;
      line-height: 1.05;
      text-shadow: 0 2px 0 rgba(0, 0, 0, .25)
    }
.address {font-size: 20px; margin-bottom: 25px;}
.topbdr{border: 2px dotted #69791e;
    text-align: center;
    padding: 20px;
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 25px;
    border-radius: 50px;}
    .tab small {
      display: block;
      margin-top: 2px;
      font-weight: 700;
      letter-spacing: .6px
    }

    .date-badge {
      margin: 14px auto 8px;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 10px 14px;
      border-radius: 999px;
      background: #2f7c48;
      color: #fff;
      font-weight: 800;
      box-shadow: 0 8px 20px rgba(0, 0, 0, .28)
    }

    .venue {
      opacity: .95;
      margin: 8px auto 18px;
      max-width: 770px;
      line-height: 1.5
    }

    .pill-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
      max-width: 780px;
      margin: 0 auto 22px
    }

    @media (max-width:820px) {
      .pill-grid {
        grid-template-columns: repeat(2, 1fr)
      }
    }

    @media (max-width:540px) {
      .pill-grid {
        grid-template-columns: 1fr
      }
    }

    .pill {
     background: rgba(255, 255, 255, .08);
    padding: 12px 14px;
    border-radius: 999px;
    text-align: center;
    font-weight: 600;
    letter-spacing: .1px;
    border: 1px solid rgba(255, 255, 255, .18);
    font-size: 17px;
    }

    .pill.orange {
      background: linear-gradient(#ff8545, #f1592b);
      border-color: rgba(0, 0, 0, .15)
    }

    .pill.green {
      background: linear-gradient(#0b9d15, #8fc53e);
      border-color: rgba(0, 0, 0, .15)
    }

    .pill.red {
      background: linear-gradient(#f05252, #d63a3a);
      border-color: rgba(0, 0, 0, .2)
    }

    .mid-figure {
      position: relative;
      display: grid;
      place-items: center;
     
    }

    .arc {
      width: 700px;
      max-width: 92vw;
      height: 160px;
      margin: 0 auto;
      display: block;
    }

  

    .org {
      display: grid;
      place-items: center;
      margin-top: 8px
    }

    .org .seal {
      width: 86px;
      height: 86px;
      border-radius: 50%;
      background: #fff;
      border: 5px solid rgba(0, 0, 0, .18);
      display: grid;
      place-items: center;
      color: #1b4b2d;
      font-weight: 900;
      box-shadow: 0 8px 18px rgba(0, 0, 0, .35)
    }

    .org small {
      opacity: .9;
      margin-top: 8px
    }

    /* Visually hidden helper */
    .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0
    }

      .mobile-menu {
            display: none;
        }

        .mobile-menu.active {
            display: block;
        }

        .dropdown {
            position: relative;
        }

        .dropdown-menu {
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            z-index: 50;
            min-width: 200px;
        }

        .dropdown:hover .dropdown-menu {
            display: block;
        }

        .dropdown-menu.active {
            display: block;
        }

        .mobile-dropdown {
            display: none;
        }

        .mobile-dropdown.active {
            display: block;
        }

        .flash-text {
            animation: blink 1s infinite;
        }

        @media (max-width: 1023px) {
            .dropdown:hover .dropdown-menu {
                display: none;
            }
        }

        @keyframes blink {
            0% {
                opacity: 1;
                /* Text is fully visible at the start */
            }

            50% {
                opacity: 0;
                /* Text is fully hidden at the halfway point */
            }

            100% {
                opacity: 1;
                /* Text is fully visible at the end, ready to repeat */
            }
        }

          .gradient-bg {
            background: linear-gradient(to bottom, #54A164 0%, #54A164 30%, #54A164 60%, rgba(81, 153, 107, 0.8) 80%, rgba(81, 153, 107, 0.6) 98%, #ffffff 100%);
        }

        .book-glow {
            background: radial-gradient(ellipse at center, rgba(255, 193, 7, 0.4) 0%, rgba(255, 193, 7, 0.2) 40%, transparent 70%);
            width: 350px;
            height: 450px;
        }

        .bg-ayurveda-green {
          background: #4a7c59;
    color: #fff;
    padding: 5px 8px;
    text-decoration: none;
    font-size: 14px;
    border-radius: 5px;
        }

        .log {
    text-align: center;
    max-width: 350px;
    margin: 0 auto;
}

        .flex-head {
          display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1100px;
    margin: 0 auto;
        }
.flex  {display: flex; gap:5px}

.registerbtn{text-align:center;}

.registerbtn a {
    display: inline-block;
    padding: 6px 20px;
    margin-bottom: 28px;
    background: #165029;
    color: #fff;
    font-size: 16px;
    border-radius: 20px;
    text-transform: uppercase;
    animation: blink 1.5s infinite;
}

.blink-txt {
  animation: blink 1.5s infinite;
}

.blinkbtn {
   animation: blink 1.5s infinite;
}

.shloka {
    color: rgb(198, 40, 40);
    font-size: 22px;
    font-weight: bold;
    position: relative;
    display: inline-block;
    line-height: 1.8;
    margin: 30px 0px;
    padding: 10px 25px;
    border-left: 10px double rgb(198, 40, 40);
    border-right: 10px double rgb(198, 40, 40);
}



 @keyframes blink {
            0% {
                opacity: 1;
                /* Text is fully visible at the start */
            }

            50% {
                opacity: 0;
                /* Text is fully hidden at the halfway point */
            }

            100% {
                opacity: 1;
                /* Text is fully visible at the end, ready to repeat */
            }
        }