:root {
     --maroon: #7a1710;
     --maroon-dark: #4a0e08;
     --saffron: #e8890c;
     --marigold: #f4a935;
     --gold: #c99a3e;
     --gold-light: #f0d9a3;
     --cream: #fff8ee;
     --cream-dim: #fbeedb;
     --charcoal: #2b1c14;
     --ink: #4a352a;
     --font-display:  'Outfit', sans-serif;
     --font-body:  'Outfit', sans-serif;
     --ease: cubic-bezier(.22, .61, .36, 1);
 }

 * {
     box-sizing: border-box;
     margin: 0;
     padding: 0;
 }

 html {
     scroll-behavior: smooth;
 }

 body {
     font-family: var(--font-body);
     color: var(--charcoal);
     background: var(--cream);
     overflow-x: hidden;
     line-height: 1.6;
 }

 @media (prefers-reduced-motion: reduce) {
     html {
         scroll-behavior: auto;
     }

     * {
         animation-duration: .001ms !important;
         transition-duration: .001ms !important;
     }
 }

 img {
     max-width: 100%;
     display: block;
 }

 a {
     text-decoration: none;
     color: inherit;
 }

 ul {
     list-style: none;
 }

 h1,
 h2,
 h3,
 h4 {
     font-family: var(--font-display);
     font-weight: 600;
     color: var(--maroon-dark);
 }

 :focus-visible {
     outline: 2px solid var(--saffron);
     outline-offset: 3px;
 }

 .wrap {
     max-width: 1180px;
     margin: 0 auto;
     padding: 0 20px;
 }

 .btn {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     padding: 13px 26px;
     border-radius: 30px;
     font-weight: 600;
     font-size: .92rem;
     border: none;
     cursor: pointer;
     transition: all .35s var(--ease);
 }

 .btn-whatsapp {
     background: #25D366;
     color: #fff;
     box-shadow: 0 10px 22px -8px rgba(37, 211, 102, .55);
 }

 .btn-whatsapp:hover {
     transform: translateY(-3px);
     box-shadow: 0 16px 28px -8px rgba(37, 211, 102, .6);
 }

 .btn-call {
     background: linear-gradient(135deg, var(--marigold), var(--saffron));
     color: #fff;
     box-shadow: 0 10px 22px -8px rgba(232, 137, 12, .55);
 }

 .btn-call:hover {
     transform: translateY(-3px);
     box-shadow: 0 16px 28px -8px rgba(232, 137, 12, .6);
 }

 .btn-outline {
     background: transparent;
     border: 1.5px solid var(--gold);
     color: var(--maroon-dark);
 }

 .btn-outline:hover {
     background: var(--gold-light);
 }

 .btn-sm {
     padding: 9px 18px;
     font-size: .8rem;
 }

 .eyebrow {
     font-size: .72rem;
     letter-spacing: .26em;
     text-transform: uppercase;
     font-weight: 600;
     color: var(--saffron);
     display: flex;
     align-items: center;
     gap: 10px;
     justify-content: center;
 }

 .eyebrow::before,
 .eyebrow::after {
     content: "";
     height: 1px;
     width: 32px;
     background: var(--gold);
 }

 .section-head {
     text-align: center;
     max-width: 640px;
     margin: 0 auto 3rem;
 }

 .section-head h2 {
     font-size: clamp(1.8rem, 3.2vw, 2.5rem);
     margin: 10px 0 12px;
     line-height: 1.15;
 }

 .section-head p {
     color: var(--ink);
     font-size: .98rem;
 }

 .om-divider {
     color: var(--gold);
     font-size: 1.2rem;
     margin: 6px 0;
 }

 /* ---------------- TOPBAR ---------------- */
 .topbar {
     background: var(--maroon-dark);
     color: var(--gold-light);
     font-size: .78rem;
     padding: 7px 0;
 }

 .topbar .wrap {
     display: flex;
     justify-content: space-between;
     align-items: center;
     flex-wrap: wrap;
     gap: 6px;
 }

 .topbar a {
     color: var(--gold-light);
     display: inline-flex;
     align-items: center;
     gap: 5px;
 }

 .topbar a:hover {
     color: #fff;
 }

 /* ---------------- NAVBAR ---------------- */
 .navbar {
     position: sticky;
     top: 0;
     z-index: 1000;
     background: #fff;
     backdrop-filter: blur(10px);
     border-bottom: 1px solid rgba(122, 23, 16, .08);
     transition: box-shadow .4s var(--ease);
 }

 .navbar.scrolled {
     box-shadow: 0 8px 24px -12px rgba(74, 14, 8, .25);
 }

 .navbar .wrap {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 5px 20px;
 }

 .logo {
     display: flex;
     align-items: center;
     gap: 10px;
 }

 .logo-mark {
     width: 44px;
     height: 44px;
     border-radius: 50%;
     background: linear-gradient(135deg, var(--saffron), var(--maroon));
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
     font-size: 1.3rem;
     flex-shrink: 0;
 }

 .logo-text {
     line-height: 1.1;
 }

 .logo-text .l1 {
     font-family: var(--font-display);
     font-weight: 700;
     font-size: 1.15rem;
     color: var(--maroon-dark);
 }

 .logo-text .l2 {
     font-size: .65rem;
     letter-spacing: .12em;
     text-transform: uppercase;
     color: var(--saffron);
     font-weight: 600;
 }

 .nav-links {
     display: flex;
     align-items: center;
     gap: 50px;
 }

 .nav-links a:not(.btn) {
     font-size: .88rem;
     font-weight: 500;
     color: var(--ink);
     position: relative;
     padding: 4px 0;
 }

 .nav-links a:not(.btn)::after {
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     width: 0;
     height: 2px;
     background: var(--saffron);
     transition: width .35s var(--ease);
 }

 .nav-links a:not(.btn):hover::after {
     width: 100%;
 }

 .nav-toggle {
     display: none;
     background: none;
     border: none;
     font-size: 1.6rem;
     color: var(--maroon-dark);
     cursor: pointer;
 }

 @media (max-width:900px) {
     .nav-toggle {
         display: block;
     }

     .nav-links {
         position: fixed;
         top: 0;
         right: 0;
         height: 100vh;
         width: min(300px, 80vw);
         background: var(--cream);
         flex-direction: column;
         align-items: flex-start;
         padding: 90px 28px 28px;
         gap: 22px;
         box-shadow: -10px 0 40px rgba(0, 0, 0, .15);
         transform: translateX(100%);
         transition: transform .45s var(--ease);
     }

     .nav-links.open {
         transform: translateX(0);
     }
 }

 /* ---------------- HERO ---------------- */
 .hero {
     position: relative;
     min-height: 92svh;
     display: flex;
     align-items: center;
     padding-top: 40px;
     background:
         linear-gradient(180deg, rgba(74, 14, 8, .72) 0%, rgba(74, 14, 8, .5) 40%, rgba(74, 14, 8, .88) 100%),
         url('./shri-gajanan-maharaj-sansthan/slider.jpg') center/cover fixed;
 }

 @media (max-width:768px) {
     .hero {
         background-attachment: scroll;
     }
 }

 .hero .wrap {
     width: 100%;
     text-align: center;
 }

 .hero-badge {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     background: rgba(255, 255, 255, .12);
     border: 1px solid rgba(240, 217, 163, .4);
     color: var(--gold-light);
     padding: 8px 18px;
     border-radius: 30px;
     font-size: .78rem;
     backdrop-filter: blur(6px);
     animation: fadeUp .9s var(--ease) both;
 }

 .hero h1 {
     color: #fff;
     font-size: clamp(2.3rem, 6vw, 4.2rem);
     line-height: 1.08;
     margin: 20px 0 16px;
     animation: fadeUp .9s .1s var(--ease) both;
 }

 .hero h1 span {
     color: var(--marigold);
 }

 .hero p.lede {
     color: #f3e6d3;
     max-width: 600px;
     margin: 0 auto;
     font-size: clamp(1rem, 1.5vw, 1.12rem);
     animation: fadeUp .9s .2s var(--ease) both;
 }

 .hero-ctas {
     display: flex;
     gap: 16px;
     justify-content: center;
     flex-wrap: wrap;
     margin-top: 32px;
     animation: fadeUp .9s .3s var(--ease) both;
 }

 @keyframes fadeUp {
     from {
         opacity: 0;
         transform: translateY(28px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 /* Floating search / quick-booking card */
 .quick-card {
     background: #fff;
     border-radius: 16px;
     box-shadow: 0 30px 60px -20px rgba(74, 14, 8, .35);
     padding: 24px;
     margin: 44px auto 0;
     max-width: 920px;
     display: grid;
     grid-template-columns: 1.3fr 1fr 1fr auto;
     gap: 16px;
     animation: fadeUp .9s .4s var(--ease) both;
 }

 @media (max-width:760px) {
     .quick-card {
         grid-template-columns: 1fr;
     }
 }

 .qc-field label {
     display: block;
     font-size: .7rem;
     letter-spacing: .08em;
     text-transform: uppercase;
     color: var(--saffron);
     font-weight: 600;
     margin-bottom: 6px;
     text-align: left;
 }

 .qc-field select,
 .qc-field input {
     width: 100%;
     padding: 11px 12px;
     border: 1px solid #e9dcc4;
     border-radius: 8px;
     font-family: inherit;
     font-size: .9rem;
     color: var(--charcoal);
     background: var(--cream);
 }

 .qc-field select:focus,
 .qc-field input:focus {
     outline: none;
     border-color: var(--saffron);
 }

 .quick-card .btn {
     width: 100%;
     justify-content: center;
     height: 100%;
 }

 /* Mountain->temple ridge divider using arch shapes */
 .ridge {
     display: block;
     width: 100%;
     height: 60px;
 }

 /* ---------------- REVEAL ---------------- */
 .reveal {
     opacity: 0;
     transform: translateY(30px);
     transition: opacity .8s var(--ease), transform .8s var(--ease);
 }

 .reveal.in {
     opacity: 1;
     transform: translateY(0);
 }

 .rd-1.in {
     transition-delay: .1s;
 }

 .rd-2.in {
     transition-delay: .2s;
 }

 .rd-3.in {
     transition-delay: .3s;
 }

 /* ---------------- NAMES SECTION ---------------- */
 .names-sec {
     padding: 80px 0 40px;
 }

 .names-grid {
     display: grid;
     grid-template-columns: 1.1fr .9fr;
     gap: 32px;
     align-items: stretch;
 }

 @media (max-width:820px) {
     .names-grid {
         grid-template-columns: 1fr;
     }
 }

 .names-card {
     background: #fff;
     border: 1px solid #f1e2c4;
     border-radius: 14px;
     padding: 32px;
     box-shadow: 0 20px 45px -25px rgba(74, 14, 8, .2);
 }

 .name-chip {
     display: inline-block;
     background: var(--cream-dim);
     color: var(--maroon-dark);
     border: 1px solid #f0dcb2;
     padding: 6px 14px;
     border-radius: 20px;
     font-size: .82rem;
     margin: 0 8px 8px 0;
 }

 .helpline-card {
     background: linear-gradient(150deg, var(--maroon), var(--maroon-dark));
     border-radius: 14px;
     padding: 32px;
     color: #fff;
     display: flex;
     flex-direction: column;
     justify-content: center;
     gap: 14px;
     position: relative;
     overflow: hidden;
 }

 .helpline-card::before {
     content: "🕉";
     position: absolute;
     right: -10px;
     bottom: -30px;
     font-size: 8rem;
     opacity: .08;
 }

 .helpline-card h3 {
     color: var(--gold-light);
     font-size: 1.4rem;
 }

 .helpline-card .phone {
     font-family: var(--font-display);
     font-size: 2rem;
     font-weight: 700;
     color: #fff;
     letter-spacing: .02em;
 }

 .helpline-card p {
     font-size: .85rem;
     color: #f0dcc0;
 }

 /* ---------------- STATS BAND ---------------- */
 .stats-band {
     background: linear-gradient(120deg, var(--marigold), var(--saffron) 60%, var(--gold));
     border-radius: 20px;
     margin: 50px auto;
     padding: 44px 30px;
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 20px;
     text-align: center;
     position: relative;
 }

 .stats-band .stat .num {
     font-family: var(--font-display);
     font-size: clamp(2rem, 4vw, 2.8rem);
     color: #fff;
     font-weight: 700;
 }

 .stats-band .stat .lbl {
     font-size: .78rem;
     letter-spacing: .1em;
     text-transform: uppercase;
     color: #fff3de;
     margin-top: 2px;
 }

 @media (max-width:700px) {
     .stats-band {
         grid-template-columns: 1fr;
         text-align: center;
     }
 }

 /* ---------------- SERVICES ---------------- */
 .services {
     background: var(--cream-dim);
     padding: 80px 0;
 }

 .services-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 22px;
 }

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

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

 .service-card {
     background: #fff;
     border-radius: 14px;
     padding: 30px 24px;
     text-align: center;
     position: relative;
     border: 1px solid #f1e2c4;
     transition: transform .4s var(--ease), box-shadow .4s var(--ease);
 }

 .service-card:hover {
     transform: translateY(-8px);
     box-shadow: 0 24px 45px -20px rgba(74, 14, 8, .25);
 }

 .service-num {
     position: absolute;
     top: 14px;
     right: 18px;
     font-family: var(--font-display);
     font-weight: 700;
     font-size: 1.6rem;
     color: #f0dcb2;
 }

 .service-icon {
     width: 56px;
     height: 56px;
     border-radius: 50%;
     background: var(--cream-dim);
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0 auto 16px;
     color: var(--saffron);
     font-size: 1.5rem;
 }

 .service-card h4 {
     font-size: 1.05rem;
     color: var(--maroon-dark);
     margin-bottom: 8px;
     font-family: var(--font-body);
     font-weight: 600;
 }

 .service-card p {
     font-size: .85rem;
     color: var(--ink);
 }

 /* ---------------- ROOMS ---------------- */
 .rooms {
     padding: 80px 0;
 }

 .room-note {
     display: flex;
     align-items: center;
     gap: 10px;
     justify-content: center;
     background: var(--cream-dim);
     border: 1px dashed var(--gold);
     border-radius: 10px;
     padding: 12px 18px;
     font-size: .85rem;
     color: var(--maroon-dark);
     max-width: 640px;
     margin: -14px auto 40px;
 }

 .rooms-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 20px;
 }

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

 @media (max-width:560px) {
     .rooms-grid {
         grid-template-columns: 1fr;
     }
 }

 .room-card {
     background: #fff;
     border-radius: 14px;
     overflow: hidden;
     border: 1px solid #f1e2c4;
     transition: transform .4s var(--ease), box-shadow .4s var(--ease);
 }

 .room-card:hover {
     transform: translateY(-6px);
     box-shadow: 0 22px 40px -20px rgba(74, 14, 8, .25);
 }

 .room-card .img-wrap {
     height: 150px;
     overflow: hidden;
 }

 .room-card img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform .7s var(--ease);
 }

 .room-card:hover img {
     transform: scale(1.1);
 }

 .room-info {
     padding: 16px;
 }

 .room-info h4 {
     font-size: 1rem;
     color: var(--maroon-dark);
     font-family: var(--font-body);
     font-weight: 600;
     margin-bottom: 4px;
 }

 .room-info .price {
     color: var(--saffron);
     font-weight: 700;
     font-size: 1.05rem;
     margin-bottom: 10px;
 }

 .room-info .price span {
     font-size: .72rem;
     color: var(--ink);
     font-weight: 400;
 }

 /* ---------------- LOCATIONS ---------------- */
 .locations {
     background: var(--cream-dim);
     padding: 80px 0;
 }

 .loc-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 24px;
 }

 @media (max-width:860px) {
     .loc-grid {
         grid-template-columns: 1fr;
     }
 }

 .loc-card {
     background: #fff;
     border-radius: 14px;
     overflow: hidden;
     border: 1px solid #f1e2c4;
 }

 .loc-card .img-wrap {
     height: 190px;
     overflow: hidden;
 }

 .loc-card img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform .7s var(--ease);
 }

 .loc-card:hover img {
     transform: scale(1.08);
 }

 .loc-body {
     padding: 20px;
 }

 .loc-body h4 {
     font-size: 1.15rem;
     margin-bottom: 6px;
 }

 .loc-body p {
     font-size: .85rem;
     color: var(--ink);
     margin-bottom: 14px;
 }

 .loc-actions {
     display: flex;
     gap: 10px;
 }

 /* ---------------- TESTIMONIALS ---------------- */
 .testimonials {
     padding: 80px 0;
 }

 .testi-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 22px;
 }

 @media (max-width:860px) {
     .testi-grid {
         grid-template-columns: 1fr;
     }
 }

 .testi-card {
     background: #fff;
     border: 1px solid #f1e2c4;
     border-radius: 14px;
     padding: 26px;
     position: relative;
 }

 .testi-card .stars {
     color: var(--saffron);
     letter-spacing: 2px;
     margin-bottom: 10px;
 }

 .testi-card p.quote {
     font-size: .9rem;
     color: var(--ink);
     line-height: 1.7;
 }

 .testi-who {
     display: flex;
     align-items: center;
     gap: 10px;
     margin-top: 16px;
 }

 .testi-avatar {
     width: 38px;
     height: 38px;
     border-radius: 50%;
     background: linear-gradient(135deg, var(--saffron), var(--maroon));
     color: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
     font-weight: 600;
     font-size: .85rem;
 }

 .testi-who .name {
     font-size: .88rem;
     font-weight: 600;
     color: var(--maroon-dark);
 }

 .testi-who .place {
     font-size: .75rem;
     color: var(--ink);
 }

 /* ---------------- GUIDES ---------------- */
 .guides {
     background: var(--cream-dim);
     padding: 80px 0;
 }

 .guides-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 22px;
 }

 @media (max-width:860px) {
     .guides-grid {
         grid-template-columns: 1fr;
     }
 }

 .guide-card {
     background: #fff;
     border-radius: 14px;
     overflow: hidden;
     border: 1px solid #f1e2c4;
     transition: transform .4s var(--ease), box-shadow .4s var(--ease);
 }

 .guide-card:hover {
     transform: translateY(-6px);
     box-shadow: 0 22px 40px -20px rgba(74, 14, 8, .2);
 }

 .guide-card .img-wrap {
     height: 150px;
     overflow: hidden;
 }

 .guide-card img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform .7s var(--ease);
 }

 .guide-card:hover img {
     transform: scale(1.1);
 }

 .guide-body {
     padding: 18px;
 }

 .guide-tag {
     font-size: .68rem;
     letter-spacing: .08em;
     text-transform: uppercase;
     color: var(--saffron);
     font-weight: 700;
 }

 .guide-body h4 {
     font-size: 1.02rem;
     margin: 6px 0 0;
     color: var(--maroon-dark);
     line-height: 1.35;
 }

 /* ---------------- PLAN PILGRIMAGE ---------------- */
 .plan {
     padding: 80px 0;
 }

 .plan-grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 24px;
 }

 @media (max-width:820px) {
     .plan-grid {
         grid-template-columns: 1fr;
     }
 }

 .plan-card {
     background: #fff;
     border: 1px solid #f1e2c4;
     border-radius: 14px;
     padding: 26px;
 }

 .plan-card h4 {
     font-size: 1.15rem;
     margin-bottom: 14px;
     display: flex;
     align-items: center;
     gap: 8px;
 }

 .plan-row {
     display: flex;
     justify-content: space-between;
     padding: 9px 0;
     border-bottom: 1px dashed #eadfc4;
     font-size: .88rem;
 }

 .plan-row:last-child {
     border-bottom: none;
 }

 .plan-row span:first-child {
     color: var(--ink);
 }

 .plan-row span:last-child {
     font-weight: 600;
     color: var(--maroon-dark);
 }

 .how-reach {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 16px;
     margin-top: 20px;
 }

 @media (max-width:700px) {
     .how-reach {
         grid-template-columns: 1fr;
     }
 }

 .reach-item {
     text-align: center;
     background: var(--cream-dim);
     border-radius: 12px;
     padding: 20px;
 }

 .reach-item i {
     font-size: 1.5rem;
     color: var(--saffron);
     margin-bottom: 8px;
     display: block;
 }

 .reach-item h5 {
     font-size: .92rem;
     margin-bottom: 4px;
     color: var(--maroon-dark);
 }

 .reach-item p {
     font-size: .78rem;
     color: var(--ink);
 }

 /* ---------------- CTA BANNER ---------------- */
 .cta-banner {
     background: linear-gradient(135deg, var(--maroon), var(--maroon-dark));
     border-radius: 22px;
     margin: 0 auto 80px;
     padding: 56px 30px;
     text-align: center;
     position: relative;
     overflow: hidden;
 }

 .cta-banner::before {
     content: "🕉";
     position: absolute;
     font-size: 14rem;
     opacity: .05;
     left: -30px;
     top: -40px;
 }

 .cta-banner h2 {
     color: #fff;
     font-size: clamp(1.7rem, 3.4vw, 2.4rem);
     margin-bottom: 10px;
 }

 .cta-banner p {
     color: #f0dcc0;
     max-width: 520px;
     margin: 0 auto 26px;
     font-size: .95rem;
 }

 .cta-banner .hero-ctas {
     margin-top: 0;
 }

 /* ---------------- FOOTER ---------------- */
 footer {
     background: var(--maroon-dark);
     color: #e5c9a8;
     padding: 60px 0 26px;
 }

 .foot-grid {
     display: grid;
     grid-template-columns: 1.4fr 1fr 1fr 1fr;
     gap: 30px;
 }

 @media (max-width:800px) {
     .foot-grid {
         grid-template-columns: 1fr 1fr;
     }
 }

 @media (max-width:480px) {
     .foot-grid {
         grid-template-columns: 1fr;
     }
 }

 footer h6 {
     color: var(--gold-light);
     font-size: .78rem;
     letter-spacing: .12em;
     text-transform: uppercase;
     margin-bottom: 16px;
 }

 footer a {
     display: block;
     font-size: .85rem;
     margin-bottom: 10px;
     color: #e5c9a8;
     transition: color .3s var(--ease);
 }

 footer a:hover {
     color: var(--marigold);
 }

 footer p.about-txt {
     font-size: .85rem;
     max-width: 280px;
     color: #dcbf9c;
 }

 .foot-bottom {
     border-top: 1px solid rgba(240, 217, 163, .15);
     margin-top: 36px;
     padding-top: 20px;
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
     gap: 8px;
     font-size: .78rem;
     color: #c2a181;
 }

 .disclaimer {
     font-size: .72rem;
     color: #b6947a;
     margin-top: 10px;
     max-width: 820px;
     line-height: 1.6;
 }

 /* Floating WhatsApp */
 .float-whatsapp {
     position: fixed;
     bottom: 22px;
     right: 22px;
     z-index: 1200;
     width: 58px;
     height: 58px;
     border-radius: 50%;
     background: #25D366;
     color: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 1.6rem;
     box-shadow: 0 14px 30px -8px rgba(37, 211, 102, .6);
     animation: pulseWA 2.4s infinite;
 }

 @keyframes pulseWA {

     0%,
     100% {
         box-shadow: 0 14px 30px -8px rgba(37, 211, 102, .6);
     }

     50% {
         box-shadow: 0 14px 30px -4px rgba(37, 211, 102, .9);
     }
 }