@import url("https://fonts.googleapis.com/css2?family=Mandali&family=Suranna&display=swap");
:root{--teal:#103d3e;--teal2:#0a292a;--gold:#d6a84f;--gold2:#b98528;--cream:#f7f2e9;--paper:#fffdf9;--ink:#182424;--muted:#687171;--line:#e9dfd0;--shadow:0 24px 70px rgba(16,61,62,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Mandali","Nirmala UI",sans-serif;line-height:1.75}a{text-decoration:none;color:inherit}img{display:block;width:100%}.container{width:min(1180px,92%);margin:auto}
.top{background:var(--teal2);color:#e8dfd1;font-size:12px}.top .container{height:36px;display:flex;align-items:center;justify-content:space-between}
.header{position:sticky;top:0;z-index:50;background:rgba(255,253,249,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(232,220,204,.85)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;color:var(--teal)}.logo{width:46px;height:46px;border-radius:14px;background:var(--teal);color:var(--gold);display:grid;place-items:center;font-size:12px;font-weight:900;box-shadow:0 10px 25px rgba(16,61,62,.18)}.brand small{display:block;color:#8a8177;font-size:9px;letter-spacing:1px;margin-top:1px}.menu{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:700}.menu a{color:#354343;position:relative}.menu a:not(.cta):after{content:"";position:absolute;left:0;bottom:-10px;width:0;height:2px;background:var(--gold);transition:.25s}.menu a:hover:after,.menu a.active:after{width:100%}.cta{background:var(--teal);color:#fff!important;padding:11px 18px;border-radius:999px;box-shadow:0 9px 20px rgba(16,61,62,.15)}.hamb{display:none;border:0;background:transparent;color:var(--teal);font-size:28px}
.hero{position:relative;overflow:hidden;background:var(--cream);padding:72px 0 90px}.hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-220px;top:-220px;border:1px solid rgba(214,168,79,.38)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:64px;align-items:center}.kicker{display:inline-flex;gap:8px;align-items:center;color:var(--gold2);font-size:14px;font-weight:900;letter-spacing:.2px}.kicker:before{content:"";width:28px;height:2px;background:var(--gold)}h1,h2{font-family:"Suranna",Georgia,serif}h1{font-size:clamp(43px,5.5vw,72px);line-height:1.16;margin:16px 0 22px;color:var(--teal);letter-spacing:-1.5px}.hero h1 em{font-style:normal;color:var(--gold2)}.lead{font-size:18px;color:var(--muted);max-width:620px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 23px;border-radius:12px;font-weight:800;border:1px solid transparent;transition:.25s}.btn-primary{background:var(--teal);color:#fff;box-shadow:0 14px 30px rgba(16,61,62,.18)}.btn-primary:hover{transform:translateY(-3px);background:#0a3031}.btn-ghost{background:#fff;border-color:var(--line);color:var(--teal)}.hero-art{position:relative}.hero-art img{border-radius:34px;box-shadow:0 30px 80px rgba(16,61,62,.20);transform:rotate(1deg)}.badge{position:absolute;left:-25px;bottom:30px;background:#fff;border:1px solid var(--line);padding:16px 20px;border-radius:16px;box-shadow:var(--shadow);font-weight:800;color:var(--teal)}.badge span{display:block;font-size:11px;color:var(--muted);font-weight:600}
.section{padding:96px 0}.section.cream{background:var(--cream)}.section-head{text-align:center;max-width:760px;margin:0 auto 48px}.section-head h2{font-size:clamp(34px,4vw,52px);line-height:1.25;color:var(--teal);margin:8px 0 12px}.section-head p{color:var(--muted);margin:0}.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.photo{padding:10px;background:#fff;border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow)}.photo img{border-radius:22px}.copy h2{font-family:"Suranna",Georgia,serif;color:var(--teal);font-size:43px;line-height:1.3;margin:8px 0 15px}.copy p{color:var(--muted)}.ticks{list-style:none;padding:0;margin:22px 0}.ticks li{margin:11px 0;padding-left:30px;position:relative}.ticks li:before{content:"✓";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background:#f1dfb7;color:var(--teal);font-weight:900;display:grid;place-items:center;font-size:12px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;transition:.3s;box-shadow:0 8px 30px rgba(16,61,62,.045)}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.card img{aspect-ratio:1.42;object-fit:cover}.card-body{padding:24px}.card h3{color:var(--teal);font-size:21px;margin:0 0 7px}.card p{color:var(--muted);margin:0}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{padding:28px 18px;text-align:center;border:1px solid var(--line);border-radius:20px;background:#fff}.stat strong{display:block;font-family:"Suranna",Georgia,serif;color:var(--teal);font-size:40px}.stat span{color:var(--muted);font-size:13px}
.ribbon{background:var(--teal);color:#fff;border-radius:30px;padding:55px 60px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden}.ribbon:after{content:"";position:absolute;width:250px;height:250px;border:1px solid rgba(214,168,79,.45);border-radius:50%;right:-70px;top:-110px}.ribbon h2{font-size:40px;line-height:1.25;margin:0 0 10px;color:#fff}.ribbon p{margin:0;color:#dce7e4;max-width:690px}.ribbon .btn{background:var(--gold);color:var(--teal)}
.gallery{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:15px}.gallery a{overflow:hidden;border-radius:22px;min-height:220px}.gallery a:first-child{grid-row:span 2}.gallery img{height:100%;object-fit:cover;transition:.45s}.gallery a:hover img{transform:scale(1.05)}
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.quote{padding:27px;border:1px solid var(--line);background:#fff;border-radius:22px}.quote .mark{color:var(--gold);font-family:Georgia;font-size:42px;line-height:1}.quote p{color:#5f6b69}.quote strong{color:var(--teal)}
.pagehero{padding:80px 0;text-align:center;background:var(--cream)}.pagehero h1{margin:10px 0;font-size:55px}.pagehero p{max-width:720px;margin:auto;color:var(--muted)}
.events{max-width:900px;margin:auto}.event{display:grid;grid-template-columns:120px 1fr;gap:25px;align-items:center;padding:22px;border:1px solid var(--line);border-radius:22px;background:#fff;margin-bottom:15px}.date{height:105px;border-radius:18px;background:var(--teal);color:#fff;display:grid;place-items:center;text-align:center}.date strong{font:38px Georgia;display:block;color:var(--gold)}.event h3{margin:0;color:var(--teal);font-size:22px}.event p{margin:5px 0 0;color:var(--muted)}
.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px}.info{display:grid;gap:13px}.info-box{padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff}.info-box b{display:block;color:var(--teal);margin-bottom:3px}.form{background:#fff;border:1px solid var(--line);border-radius:25px;padding:28px;box-shadow:var(--shadow)}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:5px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:800;color:#465353}.field input,.field textarea,.field select{border:1px solid #ddd2c3;border-radius:12px;padding:13px 14px;font:inherit;outline:0;background:#fff}.field textarea{min-height:135px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(214,168,79,.13)}.notice{display:none;margin-top:12px;padding:11px 14px;border-radius:10px;background:#edf5ee;color:#235b35}.notice.show{display:block}
.footer{background:var(--teal2);color:#cdd8d5;padding:62px 0 20px}.footergrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.footer h3{color:#fff;margin-top:0}.footer .brand{color:#fff}.footer .brand small{color:#8ea09c}.footer a:hover{color:var(--gold)}.bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:35px;padding-top:18px;text-align:center;font-size:12px}
.reveal{opacity:0;transform:translateY(20px);transition:.7s}.reveal.show{opacity:1;transform:none}
@media(max-width:900px){.menu{position:absolute;left:0;right:0;top:82px;background:#fff;display:none;flex-direction:column;align-items:stretch;padding:20px 4%;border-bottom:1px solid var(--line);gap:16px}.menu.open{display:flex}.hamb{display:block}.hero-grid,.about,.contact{grid-template-columns:1fr}.cards,.quotes{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.footergrid{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}.gallery a:first-child{grid-row:auto}.ribbon{padding:42px 30px;flex-direction:column;align-items:flex-start}}
@media(max-width:600px){.top .container{justify-content:center}.top .container span:last-child{display:none}.nav{height:72px}.menu{top:72px}.brand{font-size:13px}.brand small{font-size:7px}.logo{width:40px;height:40px}.hero{padding:48px 0 60px}.hero h1{font-size:42px}.lead{font-size:16px}.badge{left:10px}.section{padding:65px 0}.copy h2{font-size:34px}.cards,.quotes,.stats,.gallery,.formgrid,.footergrid{grid-template-columns:1fr}.pagehero h1{font-size:43px}.event{grid-template-columns:1fr}.date{height:88px}.ribbon h2{font-size:32px}}


/* =========================================================
   VGGF EXACT TYPOGRAPHY
   Main headings = Suranna
   Subheadings/body = Mandali
   ========================================================= */
body{font-family:"Mandali",sans-serif!important}
h1,h2,h3,h4,h5,h6,
.hero h1,.pagehero h1,.section-head h2,.copy h2,.ribbon h2,
.card h3,.event h3,.footer h3{
  font-family:"Suranna",serif!important;
  font-weight:400!important;
}
.hero .kicker,.section-head .kicker,.copy .kicker,.pagehero .kicker,
.lead,p,li,.ticks,.btn,.menu,.top,.badge,.stat,.date,.event p,
.brand,.brand small,.footer,.info-box,label,input,textarea,select{
  font-family:"Mandali",sans-serif!important;
}

.font-suranna{font-family:"Suranna",serif!important;font-weight:400!important}
.font-mandali{font-family:"Mandali",sans-serif!important}

/* =========================================================
   VGGF HOMEPAGE HERO — VISHWAKARMA COLLAGE
   ========================================================= */
.home-hero{
  position:relative;
  overflow:hidden;
  background:#f8f2e8;
  min-height:650px;
  padding:0;
}
.home-hero .hero-wrap{
  width:min(1280px,94%);
  margin:auto;
  min-height:650px;
  display:grid;
  grid-template-columns:43% 57%;
  align-items:stretch;
}
.home-hero .hero-copy{
  position:relative;
  z-index:3;
  padding:78px 25px 95px 0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.home-hero .hero-kicker{
  display:flex;
  align-items:center;
  gap:12px;
  color:#b9801d;
  font-family:"Mandali",sans-serif!important;
  font-size:17px;
  font-weight:700;
  margin-bottom:18px;
}
.home-hero .hero-kicker:before{
  content:"";
  width:42px;
  height:2px;
  background:#c18a27;
}
.home-hero .hero-title{
  font-family:"Suranna",serif!important;
  font-size:clamp(45px,5vw,72px);
  line-height:1.16;
  font-weight:400!important;
  color:#103f40;
  margin:0;
  letter-spacing:0;
}
.home-hero .hero-title .gold{color:#c38a25}
.home-hero .hero-desc{
  max-width:610px;
  margin:24px 0 0;
  color:#64706f;
  font-family:"Mandali",sans-serif!important;
  font-size:18px;
  line-height:2;
}
.home-hero .hero-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:30px;
}
.home-hero .hero-btn{
  font-family:"Mandali",sans-serif!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:13px 25px;
  border-radius:12px;
  font-size:16px;
  font-weight:700;
  transition:.25s ease;
}
.home-hero .hero-btn.primary{
  background:#103f40;
  color:#fff;
  box-shadow:0 14px 30px rgba(16,63,64,.16);
}
.home-hero .hero-btn.secondary{
  color:#103f40;
  background:#fff;
  border:1px solid #e7d8c1;
}
.home-hero .hero-btn:hover{transform:translateY(-3px)}
.home-hero .hero-visual{
  position:relative;
  min-height:650px;
  display:flex;
  align-items:stretch;
  justify-content:flex-end;
  overflow:hidden;
}
.home-hero .hero-visual:before{
  content:"";
  position:absolute;
  left:-90px;
  top:0;
  bottom:0;
  width:170px;
  background:linear-gradient(90deg,#f8f2e8 0%,rgba(248,242,232,.85) 32%,rgba(248,242,232,0) 100%);
  z-index:2;
  pointer-events:none;
}
.home-hero .hero-image{
  width:100%;
  height:100%;
  min-height:650px;
  object-fit:cover;
  object-position:center;
  display:block;
}
.home-hero .hero-curve{
  position:absolute;
  z-index:4;
  left:-4%;
  right:-4%;
  bottom:-1px;
  height:82px;
  background:#f8f2e8;
  clip-path:ellipse(54% 58% at 50% 100%);
}
.home-hero .hero-line{
  position:absolute;
  z-index:5;
  left:-4%;
  right:-4%;
  bottom:48px;
  height:5px;
  background:linear-gradient(90deg,#b9801d,#e5b84d,#b9801d);
  border-radius:50%;
  transform:rotate(-1deg);
}
.home-hero .hero-glow{
  position:absolute;
  right:2%;
  top:15%;
  width:160px;
  height:160px;
  border:1px solid rgba(193,138,39,.35);
  border-radius:50%;
  z-index:3;
}
.home-hero .hero-glow:after{
  content:"";
  position:absolute;
  inset:22px;
  border:1px solid rgba(193,138,39,.3);
  border-radius:50%;
}
@media(max-width:950px){
  .home-hero .hero-wrap{grid-template-columns:1fr;min-height:auto}
  .home-hero .hero-copy{padding:58px 0 35px}
  .home-hero .hero-visual{min-height:430px}
  .home-hero .hero-image{min-height:430px}
  .home-hero .hero-visual:before{left:0;width:100%;height:100%;bottom:auto;background:linear-gradient(180deg,#f8f2e8 0%,rgba(248,242,232,0) 30%)}
}
@media(max-width:600px){
  .home-hero .hero-copy{padding:45px 0 25px}
  .home-hero .hero-title{font-size:43px}
  .home-hero .hero-desc{font-size:16px;line-height:1.8}
  .home-hero .hero-visual{min-height:300px}
  .home-hero .hero-image{min-height:300px;object-position:center}
  .home-hero .hero-curve{height:52px}
  .home-hero .hero-line{bottom:30px}
}

/* Fast, responsive hero image */
.home-hero .hero-visual picture{display:block;width:100%;height:100%}
.home-hero .hero-image{content-visibility:auto}
@media(max-width:950px){
  .home-hero .hero-visual{min-height:0;height:auto;aspect-ratio:1920/840}
  .home-hero .hero-visual picture{height:100%}
  .home-hero .hero-image{min-height:0;height:100%;object-fit:cover;object-position:center}
}
@media(max-width:600px){
  .home-hero .hero-visual{min-height:0;height:auto;aspect-ratio:1920/840}
  .home-hero .hero-image{height:auto;min-height:0;object-fit:contain;object-position:center}
  .home-hero .hero-visual:before{display:none}
}

/* FINAL RESPONSIVE HERO OVERRIDE */
.vggf-hero-picture{display:block;width:100%;height:100%}
.vggf-hero-picture .hero-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
@media (max-width:950px){
  .home-hero .hero-wrap{display:flex;flex-direction:column}
  .home-hero .hero-copy{width:100%;padding:48px 0 30px}
  .home-hero .hero-visual{width:100%;height:auto;min-height:0;aspect-ratio:16/9;display:block}
  .home-hero .hero-visual:before{display:none}
  .vggf-hero-picture{height:100%;width:100%}
  .vggf-hero-picture .hero-image{height:100%;width:100%;object-fit:cover;object-position:center}
}
@media (max-width:600px){
  .home-hero .hero-copy{padding:38px 0 24px}
  .home-hero .hero-title{font-size:40px;line-height:1.2}
  .home-hero .hero-desc{font-size:15px;line-height:1.8}
  .home-hero .hero-actions{margin-top:22px}
  .home-hero .hero-btn{width:100%;padding:12px 18px}
  .home-hero .hero-visual{aspect-ratio:16/9}
  .vggf-hero-picture .hero-image{object-fit:cover}
  .home-hero .hero-curve{height:35px}
  .home-hero .hero-line{bottom:20px;height:3px}
}
@media (min-width:601px) and (max-width:950px){
  .home-hero .hero-title{font-size:52px}
  .home-hero .hero-desc{font-size:17px}
}

/* FINAL HORIZONTAL HERO IMAGE */
.home-hero .hero-visual{aspect-ratio:1920/800;min-height:0}
.home-hero .vggf-hero-picture{display:block;width:100%;height:100%}
.home-hero .vggf-hero-picture .hero-image{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
@media(max-width:950px){
  .home-hero .hero-visual{height:auto;aspect-ratio:1920/800;min-height:0}
  .home-hero .vggf-hero-picture{height:100%}
  .home-hero .vggf-hero-picture .hero-image{height:100%;object-fit:cover}
}
@media(max-width:600px){
  .home-hero .hero-visual{aspect-ratio:16/7}
  .home-hero .vggf-hero-picture .hero-image{object-fit:cover;object-position:center}
}

/* =========================================================
   FINAL HERO — SHOW THE COMPLETE HORIZONTAL IMAGE
   NO CROP / NO STRETCH / NO OBJECT-FIT-COVER
   ========================================================= */
.home-hero .hero-wrap{
  display:grid;
  grid-template-columns:44% 56%;
  align-items:center;
  min-height:0;
}
.home-hero .hero-copy{
  min-height:620px;
}
.home-hero .hero-visual{
  width:100%;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#f8f2e8;
}
.home-hero .hero-visual:before,
.home-hero .hero-glow{
  display:none!important;
}
.home-hero .vggf-hero-picture{
  display:block;
  width:100%;
  height:auto;
  line-height:0;
}
.home-hero .vggf-hero-picture .hero-image{
  display:block;
  width:100%;
  height:auto!important;
  min-height:0!important;
  max-width:100%;
  object-fit:initial!important;
  object-position:initial!important;
}
.home-hero .hero-line{
  bottom:0;
}
.home-hero .hero-curve{
  bottom:-20px;
}
@media(max-width:950px){
  .home-hero .hero-wrap{
    display:flex;
    flex-direction:column;
    min-height:0;
  }
  .home-hero .hero-copy{
    min-height:0;
    width:100%;
    padding:50px 0 35px;
  }
  .home-hero .hero-visual{
    width:100%;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    display:block;
  }
  .home-hero .vggf-hero-picture,
  .home-hero .vggf-hero-picture .hero-image{
    width:100%;
    height:auto!important;
  }
}
@media(max-width:600px){
  .home-hero .hero-copy{padding:38px 0 28px}
  .home-hero .hero-title{font-size:40px}
  .home-hero .hero-desc{font-size:15px}
  .home-hero .hero-actions{margin-bottom:5px}
  .home-hero .hero-curve{height:25px}
}

/* =========================================================
   FINAL HERO: FULL-WIDTH BACKGROUND IMAGE
   Image is no longer a right-side box.
   ========================================================= */
.home-hero{
  position:relative!important;
  width:100%!important;
  min-height:760px!important;
  overflow:hidden!important;
  background:#103f40!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
}
.home-hero .hero-background{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
}
.home-hero .hero-background picture,
.home-hero .hero-background img{
  display:block!important;
  width:100%!important;
  height:100%!important;
}
.home-hero .hero-background img{
  object-fit:cover!important;
  object-position:center!important;
}
.home-hero .hero-overlay{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:linear-gradient(90deg,
    rgba(248,242,232,.97) 0%,
    rgba(248,242,232,.92) 31%,
    rgba(248,242,232,.62) 50%,
    rgba(248,242,232,.12) 72%,
    rgba(248,242,232,0) 100%)!important;
}
.home-hero .hero-content{
  position:relative!important;
  z-index:3!important;
  width:min(1280px,94%)!important;
  margin:0 auto!important;
  padding:100px 0 115px!important;
}
.home-hero .hero-kicker{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  color:#b9801d!important;
  font-family:"Mandali",sans-serif!important;
  font-size:17px!important;
  font-weight:700!important;
  margin-bottom:18px!important;
}
.home-hero .hero-kicker:before{
  content:""!important;
  width:42px!important;
  height:2px!important;
  background:#c18a27!important;
}
.home-hero .hero-title{
  font-family:"Suranna",serif!important;
  font-size:clamp(45px,5vw,72px)!important;
  line-height:1.16!important;
  font-weight:400!important;
  color:#103f40!important;
  margin:0!important;
  max-width:700px!important;
}
.home-hero .hero-title .gold{color:#c38a25!important}
.home-hero .hero-desc{
  max-width:650px!important;
  margin:24px 0 0!important;
  color:#596866!important;
  font-family:"Mandali",sans-serif!important;
  font-size:18px!important;
  line-height:2!important;
}
.home-hero .hero-actions{
  display:flex!important;
  gap:14px!important;
  flex-wrap:wrap!important;
  margin-top:30px!important;
}
.home-hero .hero-btn{
  font-family:"Mandali",sans-serif!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:13px 25px!important;
  border-radius:12px!important;
  font-size:16px!important;
  font-weight:700!important;
  transition:.25s ease!important;
}
.home-hero .hero-btn.primary{
  background:#103f40!important;
  color:#fff!important;
  box-shadow:0 14px 30px rgba(16,63,64,.16)!important;
}
.home-hero .hero-btn.secondary{
  color:#103f40!important;
  background:rgba(255,255,255,.9)!important;
  border:1px solid #e7d8c1!important;
}
.home-hero .hero-btn:hover{transform:translateY(-3px)!important}
.home-hero .hero-line{
  position:absolute!important;
  z-index:4!important;
  left:-3%!important;
  right:-3%!important;
  bottom:0!important;
  height:6px!important;
  background:linear-gradient(90deg,#b9801d,#e5b84d,#b9801d)!important;
  border-radius:50%!important;
}
@media(max-width:950px){
  .home-hero{min-height:650px!important}
  .home-hero .hero-background img{object-position:center!important}
  .home-hero .hero-overlay{
    background:linear-gradient(180deg,
      rgba(248,242,232,.96) 0%,
      rgba(248,242,232,.86) 38%,
      rgba(248,242,232,.25) 75%,
      rgba(248,242,232,.05) 100%)!important;
  }
  .home-hero .hero-content{padding:75px 0 90px!important}
}
@media(max-width:600px){
  .home-hero{min-height:620px!important}
  .home-hero .hero-background img{object-position:center center!important}
  .home-hero .hero-content{padding:52px 0 75px!important}
  .home-hero .hero-title{font-size:42px!important}
  .home-hero .hero-desc{font-size:15px!important;line-height:1.8!important;max-width:95%!important}
  .home-hero .hero-actions{margin-top:22px!important}
  .home-hero .hero-btn{width:auto!important;padding:11px 18px!important}
}

/* =========================================================
   FINAL HERO LAYOUT
   IMAGE ABOVE THE TEXT — FULL WIDTH, NO CROP
   ========================================================= */
.home-hero{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-height:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#f8f2e8!important;
}
.home-hero .hero-top-image{
  width:100%!important;
  line-height:0!important;
  overflow:hidden!important;
  background:#f8f2e8!important;
}
.home-hero .hero-top-image picture{
  display:block!important;
  width:100%!important;
}
.home-hero .hero-top-image img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  object-fit:initial!important;
  object-position:initial!important;
}
.home-hero .hero-text-area{
  width:100%!important;
  background:#f8f2e8!important;
}
.home-hero .hero-content{
  width:min(1180px,92%)!important;
  margin:0 auto!important;
  padding:72px 0 88px!important;
  position:relative!important;
}
.home-hero .hero-kicker{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  color:#b9801d!important;
  font-family:"Mandali",sans-serif!important;
  font-size:17px!important;
  font-weight:700!important;
  margin-bottom:16px!important;
}
.home-hero .hero-kicker:before{
  content:""!important;
  width:42px!important;
  height:2px!important;
  background:#c18a27!important;
}
.home-hero .hero-title{
  font-family:"Suranna",serif!important;
  font-size:clamp(44px,5vw,70px)!important;
  line-height:1.18!important;
  font-weight:400!important;
  color:#103f40!important;
  margin:0!important;
  max-width:850px!important;
}
.home-hero .hero-title .gold{color:#c38a25!important}
.home-hero .hero-desc{
  max-width:780px!important;
  margin:22px 0 0!important;
  color:#65706f!important;
  font-family:"Mandali",sans-serif!important;
  font-size:18px!important;
  line-height:2!important;
}
.home-hero .hero-actions{
  display:flex!important;
  gap:14px!important;
  flex-wrap:wrap!important;
  margin-top:28px!important;
}
.home-hero .hero-btn{
  font-family:"Mandali",sans-serif!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:13px 25px!important;
  border-radius:12px!important;
  font-size:16px!important;
  font-weight:700!important;
  transition:.25s ease!important;
}
.home-hero .hero-btn.primary{
  background:#103f40!important;
  color:#fff!important;
}
.home-hero .hero-btn.secondary{
  color:#103f40!important;
  background:#fff!important;
  border:1px solid #e7d8c1!important;
}
.home-hero .hero-btn:hover{transform:translateY(-3px)!important}
@media(max-width:600px){
  .home-hero .hero-content{padding:45px 0 60px!important}
  .home-hero .hero-title{font-size:40px!important;line-height:1.2!important}
  .home-hero .hero-desc{font-size:15px!important;line-height:1.8!important}
  .home-hero .hero-actions{flex-direction:column!important}
  .home-hero .hero-btn{width:100%!important}
}

/* =========================================================
   FINAL HERO — TEXT + BUTTONS OVER BACKGROUND IMAGE
   ========================================================= */
.home-hero{
  position:relative!important;
  width:100%!important;
  min-height:720px!important;
  padding:0!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  background:#103f40!important;
}
.home-hero .hero-bg{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
}
.home-hero .hero-bg picture,
.home-hero .hero-bg img{
  display:block!important;
  width:100%!important;
  height:100%!important;
}
.home-hero .hero-bg img{
  object-fit:cover!important;
  object-position:center!important;
}
.home-hero .hero-shade{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:linear-gradient(
    90deg,
    rgba(8,42,43,.86) 0%,
    rgba(8,42,43,.72) 32%,
    rgba(8,42,43,.30) 62%,
    rgba(8,42,43,.08) 100%
  )!important;
}
.home-hero .hero-overlay-content{
  position:relative!important;
  z-index:3!important;
  width:min(1180px,92%)!important;
  margin:0 auto!important;
  padding:100px 0!important;
  color:#fff!important;
}
.home-hero .hero-kicker{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  color:#f0c65f!important;
  font-family:"Mandali",sans-serif!important;
  font-size:18px!important;
  font-weight:700!important;
  margin-bottom:18px!important;
}
.home-hero .hero-kicker:before{
  content:""!important;
  width:42px!important;
  height:2px!important;
  background:#e0ad3d!important;
}
.home-hero .hero-title{
  max-width:760px!important;
  margin:0!important;
  color:#fff!important;
  font-family:"Suranna",serif!important;
  font-size:clamp(45px,5.4vw,76px)!important;
  line-height:1.16!important;
  font-weight:400!important;
}
.home-hero .hero-title .gold{
  color:#f0bd45!important;
}
.home-hero .hero-desc{
  max-width:690px!important;
  margin:24px 0 0!important;
  color:rgba(255,255,255,.92)!important;
  font-family:"Mandali",sans-serif!important;
  font-size:18px!important;
  line-height:2!important;
}
.home-hero .hero-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:14px!important;
  margin-top:30px!important;
}
.home-hero .hero-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:13px 25px!important;
  border-radius:12px!important;
  font-family:"Mandali",sans-serif!important;
  font-size:16px!important;
  font-weight:700!important;
  transition:transform .25s ease,background .25s ease!important;
}
.home-hero .hero-btn.primary{
  background:#103f40!important;
  color:#fff!important;
  border:1px solid #103f40!important;
  box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
}
.home-hero .hero-btn.secondary{
  background:rgba(255,255,255,.94)!important;
  color:#103f40!important;
  border:1px solid rgba(255,255,255,.9)!important;
}
.home-hero .hero-btn:hover{
  transform:translateY(-3px)!important;
}
@media(max-width:950px){
  .home-hero{
    min-height:680px!important;
  }
  .home-hero .hero-bg img{
    object-position:center!important;
  }
  .home-hero .hero-shade{
    background:linear-gradient(
      180deg,
      rgba(8,42,43,.42) 0%,
      rgba(8,42,43,.68) 48%,
      rgba(8,42,43,.86) 100%
    )!important;
  }
  .home-hero .hero-overlay-content{
    padding:85px 0!important;
  }
}
@media(max-width:600px){
  .home-hero{
    min-height:650px!important;
  }
  .home-hero .hero-bg img{
    object-position:center center!important;
  }
  .home-hero .hero-overlay-content{
    width:90%!important;
    padding:65px 0 70px!important;
  }
  .home-hero .hero-kicker{
    font-size:15px!important;
  }
  .home-hero .hero-title{
    font-size:40px!important;
    line-height:1.2!important;
  }
  .home-hero .hero-desc{
    font-size:15px!important;
    line-height:1.8!important;
  }
  .home-hero .hero-actions{
    flex-direction:column!important;
  }
  .home-hero .hero-btn{
    width:100%!important;
  }
}

.donation-wrap{display:grid;grid-template-columns:1fr .9fr;gap:60px;align-items:center}.donation-copy h2{font-family:"Suranna",serif;color:#103f40;font-size:52px;margin:0 0 15px}.donation-copy p{font-family:"Mandali";color:#687271;font-size:18px}.donation-card{background:#fff;border:1px solid #e4d8c7;border-radius:26px;padding:30px;box-shadow:0 25px 70px rgba(16,61,62,.12)}.donation-label{font-family:"Mandali";font-weight:700;margin-bottom:15px}.amount-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.amount-btn{border:1px solid #ded2c2;background:#fff;color:#183f40;border-radius:12px;padding:13px 8px;font-family:"Mandali";font-size:16px;font-weight:700;cursor:pointer}.amount-btn.active{background:#103f40;color:#fff}.custom-amount-box{display:none;align-items:center;margin-top:13px;border:1px solid #d9ccba;border-radius:12px}.custom-amount-box.show{display:flex}.custom-amount-box span{padding-left:15px}.custom-amount-box input{width:100%;border:0;outline:0;padding:13px;font:17px "Mandali"}.selected-amount{margin:20px 0 14px;padding:16px;border-radius:14px;background:#f7f2ea;display:flex;justify-content:space-between}.selected-amount span{font-family:"Mandali"}.selected-amount strong{font:27px "Suranna";color:#103f40}.donate-pay-btn{width:100%;border:0;border-radius:13px;padding:15px;background:#103f40;color:#fff;font:700 18px "Mandali";cursor:pointer}.donation-note{text-align:center;font:12px "Mandali";color:#8a918e}.razorpay-placeholder{display:none;margin-top:10px;padding:9px;border-radius:8px;background:#fff4d6;color:#765b1e;font:12px "Mandali"}@media(max-width:900px){.donation-wrap{grid-template-columns:1fr}}@media(max-width:600px){.amount-grid{grid-template-columns:repeat(2,1fr)}.donation-card{padding:20px}}

.donation-section{background:#f7f4ee!important;padding:70px 0!important}.donation-container{display:flex!important;justify-content:center!important}.donation-form-card{width:min(675px,100%)!important;background:#fff!important;border:1px solid #e5e5e5!important;border-radius:12px!important;overflow:hidden!important;box-shadow:0 2px 7px rgba(0,0,0,.08)!important}.donation-form-top{padding:18px 24px 15px!important;text-align:center!important}.donation-form-top h2{margin:0!important;color:#111!important;font:600 21px/1.4 Arial,sans-serif!important}.donation-divider{height:10px!important;background:#dfe4e8!important}.donation-form-body{padding:48px 39px 38px!important}.donation-intro{margin:0 0 34px!important;color:#3f4d5e!important;font:19px/1.55 Arial,sans-serif!important}.donation-field-label{position:relative!important;margin-bottom:13px!important;color:#111!important;font:18px Arial,sans-serif!important}.donation-field-label>span{color:#d71920!important;margin-left:4px}.currency-badge{position:absolute!important;right:0!important;top:-9px!important;padding:8px 12px!important;border-radius:7px!important;background:#e7e7e7!important;color:#333!important;font:14px Arial,sans-serif!important}.donation-amount-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important}.donation-amount-btn{min-height:66px!important;border:1px solid #999!important;border-radius:10px!important;background:#fff!important;color:#111!important;font:600 20px Arial,sans-serif!important;cursor:pointer!important}.donation-amount-btn.active{background:#1479d8!important;border-color:#1479d8!important;color:#fff!important}.custom-donation-trigger{width:100%!important;height:70px!important;margin-top:18px!important;border:1px solid #777!important;border-radius:6px!important;background:#fff!important;color:#667789!important;font:18px Arial,sans-serif!important;cursor:pointer!important}.custom-donation-input{display:none!important;align-items:center!important;margin-top:10px!important;border:1px solid #999!important;border-radius:7px!important;overflow:hidden!important}.custom-donation-input.show{display:flex!important}.custom-donation-input span{padding-left:15px!important;font-size:19px!important;font-weight:600!important}.custom-donation-input input{width:100%!important;border:0!important;outline:0!important;padding:14px!important;font:18px Arial,sans-serif!important}.donation-submit-btn{width:100%!important;height:59px!important;margin-top:58px!important;border:0!important;border-radius:4px!important;background:#1479d8!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:27px!important;font:700 18px Arial,sans-serif!important;cursor:pointer!important}.donation-arrow{font-size:29px!important;font-weight:300!important}.secure-donation{margin-top:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:13px!important;color:#111!important;font:14px Arial,sans-serif!important}.secure-lock{color:#20ad65!important;font-size:18px!important}.razorpay-placeholder{display:none!important;margin-top:13px!important;padding:9px 12px!important;border-radius:7px!important;background:#fff5dc!important;color:#765b1e!important;font:12px Arial,sans-serif!important;text-align:center!important}@media(max-width:600px){.donation-section{padding:35px 12px!important}.donation-form-body{padding:34px 18px 30px!important}.donation-form-top h2{font-size:19px!important}.donation-intro{font-size:17px!important}.donation-amount-grid{grid-template-columns:repeat(2,1fr)!important}.donation-amount-btn{min-height:60px!important;font-size:18px!important}.custom-donation-trigger{height:62px!important}.donation-submit-btn{margin-top:35px!important}}

/* FINAL VGGF DONATION DESIGN */
.vggf-donation-card{
  max-width:1050px;margin:0 auto;padding:54px 54px 46px;
  background:#fffdf9;border:1px solid #ebe5da;border-radius:22px;
  box-shadow:0 18px 55px rgba(25,47,48,.08);
}
.vggf-donation-kicker{
  display:flex;align-items:center;gap:14px;color:#c69225;
  font-family:"Mandali",sans-serif;font-size:20px;margin-bottom:30px;
}
.vggf-donation-kicker span{width:45px;height:2px;background:#c69225;display:inline-block}
.vggf-donation-card h2{
  margin:0 0 20px;color:#103f40;
  font-family:"Suranna",serif!important;font-size:48px!important;
  line-height:1.25;font-weight:500;
}
.vggf-donation-intro{
  margin:0 0 42px;color:#53666a;
  font-family:"Mandali",sans-serif!important;font-size:20px;line-height:1.8;
}
.vggf-donation-label{
  color:#173f40;font-family:Arial,sans-serif;font-size:22px;
  font-weight:600;margin-bottom:15px;
}
.vggf-amounts{
  display:flex;flex-wrap:wrap;gap:12px;
}
.vggf-amount{
  min-width:115px;height:58px;padding:0 22px;border:1px solid #ddd6c9;
  border-radius:10px;background:#fff;color:#173f40;
  font:600 18px Arial,sans-serif;cursor:pointer;transition:.2s ease;
}
.vggf-amount:hover{border-color:#c69225;transform:translateY(-2px)}
.vggf-amount.active{
  background:#c69225;border-color:#c69225;color:#fff;
  box-shadow:0 7px 18px rgba(198,146,37,.2);
}
.vggf-custom-input{
  display:none;align-items:center;width:390px;max-width:100%;
  margin-top:16px;border:1px solid #ddd6c9;border-radius:10px;background:#fff;
  overflow:hidden;
}
.vggf-custom-input.show{display:flex}
.vggf-custom-input span{
  padding-left:18px;font:600 20px Arial,sans-serif;color:#173f40;
}
.vggf-custom-input input{
  width:100%;border:0;outline:0;padding:16px 12px;
  font:18px Arial,sans-serif;color:#173f40;background:transparent;
}
.vggf-selected{
  display:flex;align-items:center;gap:8px;margin-top:28px;
  color:#173f40;font:20px Arial,sans-serif;
}
.vggf-selected strong{
  font-size:27px;font-weight:700;color:#103f40;
}
.vggf-donate-btn{
  margin-top:30px;min-width:270px;height:58px;padding:0 28px;
  border:0;border-radius:10px;background:#c69225;color:#fff;
  font:700 18px Arial,sans-serif;cursor:pointer;transition:.2s ease;
}
.vggf-donate-btn:hover{background:#ad7b18;transform:translateY(-2px)}
.vggf-secure{
  margin-top:28px;display:flex;align-items:center;gap:10px;
  color:#53666a;font:15px Arial,sans-serif;
}
.vggf-lock{
  width:17px;height:17px;border:2px solid #2e9c67;border-radius:4px;
  display:inline-flex;align-items:center;justify-content:center;
  color:#2e9c67;font-size:6px;
}
.vggf-payment-note{
  display:none;margin-top:12px;padding:10px 14px;border-radius:8px;
  background:#fff5dc;color:#765b1e;font:13px "Mandali",sans-serif;
}
@media(max-width:700px){
  .vggf-donation-card{padding:35px 20px}
  .vggf-donation-card h2{font-size:37px!important}
  .vggf-donation-intro{font-size:17px}
  .vggf-donation-kicker{font-size:17px}
  .vggf-amount{min-width:0;flex:1 1 calc(33.333% - 12px);padding:0 10px}
  .vggf-donate-btn{width:100%}
}
@media(max-width:450px){
  .vggf-amount{flex-basis:calc(50% - 12px)}
  .vggf-donation-card h2{font-size:32px!important}
}

/* EXACT REFERENCE-STYLE VGGF DONATION SECTION */
.donation-section{
  background:#f7f3eb!important;
  padding:28px 0 48px!important;
}
.vggf-donation-reference{
  width:100%;
  box-sizing:border-box;
  background:rgba(255,254,251,.96);
  border:1px solid #e6e0d7;
  border-radius:18px;
  padding:58px 50px 46px;
  box-shadow:0 10px 28px rgba(38,50,52,.08);
}
.vggf-ref-kicker{
  display:flex;
  align-items:center;
  gap:22px;
  color:#c8941d;
  font-family:"Mandali",sans-serif!important;
  font-size:23px;
  line-height:1.2;
  margin-bottom:58px;
}
.vggf-ref-kicker i{
  display:block;
  width:64px;
  height:3px;
  background:#c8941d;
  flex:none;
}
.vggf-donation-reference h2{
  margin:0 0 43px!important;
  color:#111!important;
  font-family:"Suranna",serif!important;
  font-size:55px!important;
  line-height:1.15!important;
  font-weight:700!important;
}
.vggf-ref-intro{
  max-width:1000px;
  margin:0 0 62px!important;
  color:#24373b!important;
  font-family:"Mandali",sans-serif!important;
  font-size:23px!important;
  line-height:1.8!important;
}
.vggf-ref-label{
  color:#18343a;
  font-family:Arial,sans-serif;
  font-size:22px;
  line-height:1;
  margin-bottom:22px;
}
.vggf-ref-amounts{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:17px;
  align-items:stretch;
}
.vggf-ref-amount{
  min-width:0;
  height:78px;
  border:2px solid #e1e1e1;
  border-radius:11px;
  background:#fff;
  color:#111;
  font-family:Arial,sans-serif;
  font-size:22px;
  font-weight:500;
  cursor:pointer;
  transition:all .18s ease;
  white-space:nowrap;
}
.vggf-ref-amount:hover{
  border-color:#c8941d;
  transform:translateY(-1px);
}
.vggf-ref-amount.active{
  background:#d69e19;
  border-color:#d69e19;
  color:#fff;
  box-shadow:0 7px 14px rgba(198,146,29,.18);
}
.vggf-ref-custom-box{
  width:360px;
  max-width:100%;
  height:80px;
  box-sizing:border-box;
  margin-top:28px;
  display:flex;
  align-items:center;
  border:2px solid #e0e0e0;
  border-radius:11px;
  background:#fff;
}
.vggf-ref-custom-box span{
  padding-left:21px;
  color:#182c31;
  font-family:Arial,sans-serif;
  font-size:25px;
}
.vggf-ref-custom-box input{
  width:100%;
  height:100%;
  border:0;
  outline:0;
  padding:0 18px;
  background:transparent;
  color:#182c31;
  font-family:Arial,sans-serif;
  font-size:24px;
}
.vggf-ref-selected{
  margin-top:47px;
  color:#132c31;
  font-family:Arial,sans-serif;
  font-size:27px;
  line-height:1;
}
.vggf-ref-selected strong{
  margin-left:4px;
  color:#111;
  font-size:31px;
  font-weight:700;
}
.vggf-ref-donate{
  width:460px;
  max-width:100%;
  height:84px;
  margin-top:58px;
  border:0;
  border-radius:12px;
  background:#d69e19;
  color:#fff;
  font-family:Arial,sans-serif;
  font-size:27px;
  font-weight:700;
  cursor:pointer;
  box-shadow:0 7px 16px rgba(198,146,29,.17);
  transition:all .18s ease;
}
.vggf-ref-donate:hover{
  background:#bd8610;
  transform:translateY(-2px);
}
.vggf-ref-secure{
  display:flex;
  align-items:center;
  gap:23px;
  margin-top:61px;
  color:#14272d;
  font-family:Arial,sans-serif;
  font-size:24px;
}
.vggf-ref-lock{
  width:30px;
  height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#182c31;
  font-size:30px;
  line-height:1;
}
.vggf-ref-privacy{
  display:flex;
  align-items:flex-start;
  gap:22px;
  margin-top:48px;
  color:#70777a;
  font-family:"Mandali",sans-serif!important;
  font-size:20px!important;
  line-height:1.55!important;
}
.vggf-ref-shield{
  width:30px;
  flex:none;
  color:#8a8f91;
  font-size:29px;
  line-height:1;
}
.vggf-payment-note{
  display:none;
  margin-top:18px;
  padding:11px 14px;
  border-radius:8px;
  background:#fff4d7;
  color:#74591c;
  font-family:"Mandali",sans-serif;
  font-size:14px;
}
@media(max-width:1050px){
  .vggf-donation-reference{padding:48px 38px 40px}
  .vggf-ref-amounts{grid-template-columns:repeat(3,1fr)}
  .vggf-ref-amount{height:72px}
}
@media(max-width:650px){
  .donation-section{padding:15px 0 30px!important}
  .vggf-donation-reference{padding:35px 20px 30px;border-radius:14px}
  .vggf-ref-kicker{font-size:18px;gap:13px;margin-bottom:35px}
  .vggf-ref-kicker i{width:42px}
  .vggf-donation-reference h2{font-size:37px!important;margin-bottom:28px!important}
  .vggf-ref-intro{font-size:18px!important;margin-bottom:35px!important}
  .vggf-ref-label{font-size:19px}
  .vggf-ref-amounts{grid-template-columns:repeat(2,1fr);gap:10px}
  .vggf-ref-amount{height:62px;font-size:18px}
  .vggf-ref-custom-box{height:64px;margin-top:16px}
  .vggf-ref-custom-box input{font-size:20px}
  .vggf-ref-selected{font-size:20px;margin-top:32px}
  .vggf-ref-selected strong{font-size:24px}
  .vggf-ref-donate{height:65px;margin-top:38px;font-size:21px}
  .vggf-ref-secure{margin-top:39px;font-size:18px;gap:14px}
  .vggf-ref-privacy{margin-top:30px;font-size:16px!important;gap:13px}
}

/* EXACT DONATION FORM REFERENCE */
.donation-section{
  background:#fafafa!important;
  padding:16px 0 70px!important;
}
.donation-reference-card{
  position:relative;
  width:min(675px,100%);
  margin:0 auto;
  box-sizing:border-box;
  background:#fff;
  border:1px solid #e4e4e4;
  border-radius:12px;
  box-shadow:0 2px 8px rgba(0,0,0,.08);
  overflow:visible;
}
.donation-reference-icon{
  position:absolute;
  left:50%;
  top:-15px;
  transform:translateX(-50%);
  width:42px;
  height:42px;
  border-radius:50%;
  background:#a7d7ce;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font:30px Arial,sans-serif;
  z-index:2;
}
.donation-reference-title{
  padding:20px 20px 15px;
  text-align:center;
  color:#111;
  font:600 20px/1.4 Arial,sans-serif;
}
.donation-reference-divider{
  height:10px;
  background:#dfe4e8;
}
.donation-reference-body{
  padding:50px 39px 40px;
}
.donation-reference-intro{
  margin:0 0 35px;
  color:#3f4d5e;
  font:19px/1.55 Arial,sans-serif;
}
.donation-reference-label-row{
  position:relative;
  margin-bottom:14px;
}
.donation-reference-label-row label{
  color:#111;
  font:700 18px Arial,sans-serif;
}
.donation-reference-label-row label span{color:#d71920}
.donation-reference-currency{
  position:absolute;
  right:0;
  top:-9px;
  padding:8px 12px;
  border-radius:7px;
  background:#e7e7e7;
  color:#555;
  font:14px Arial,sans-serif;
}
.donation-reference-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.donation-reference-amount{
  height:66px;
  border:1px solid #999;
  border-radius:10px;
  background:#fff;
  color:#111;
  font:600 20px Arial,sans-serif;
  cursor:pointer;
  transition:.15s ease;
}
.donation-reference-amount.active{
  background:#1479d8;
  border-color:#1479d8;
  color:#fff;
}
.donation-reference-amount:hover{border-color:#1479d8}
.donation-reference-custom-trigger{
  width:100%;
  height:70px;
  margin-top:18px;
  border:1px solid #777;
  border-radius:6px;
  background:#fff;
  color:#667789;
  font:18px Arial,sans-serif;
  cursor:pointer;
}
.donation-reference-custom-input{
  display:none;
  align-items:center;
  margin-top:10px;
  height:58px;
  border:1px solid #999;
  border-radius:7px;
  overflow:hidden;
}
.donation-reference-custom-input.show{display:flex}
.donation-reference-custom-input span{
  padding-left:15px;
  color:#111;
  font:600 19px Arial,sans-serif;
}
.donation-reference-custom-input input{
  width:100%;
  height:100%;
  border:0;
  outline:0;
  padding:0 12px;
  color:#111;
  font:18px Arial,sans-serif;
}
.donation-reference-submit{
  width:100%;
  height:59px;
  margin-top:58px;
  border:0;
  border-radius:4px;
  background:#1479d8;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:28px;
  font:700 18px Arial,sans-serif;
  cursor:pointer;
  transition:.15s ease;
}
.donation-reference-submit:hover{background:#0e69bf}
.donation-reference-arrow{font-size:29px;font-weight:300}
.donation-reference-secure{
  margin-top:40px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:14px;
  color:#111;
  font:14px Arial,sans-serif;
}
.donation-reference-lock{
  color:#20ad65;
  font-size:18px;
}
.donation-reference-note{
  display:none;
  margin-top:12px;
  padding:9px 12px;
  border-radius:7px;
  background:#fff5dc;
  color:#765b1e;
  font:12px Arial,sans-serif;
  text-align:center;
}
@media(max-width:600px){
  .donation-reference-body{padding:35px 18px 30px}
  .donation-reference-title{font-size:18px}
  .donation-reference-intro{font-size:17px}
  .donation-reference-grid{grid-template-columns:repeat(2,1fr)}
  .donation-reference-amount{height:60px;font-size:18px}
  .donation-reference-custom-trigger{height:62px}
  .donation-reference-submit{margin-top:35px}
}

/* VGGF SITE COLORS */
.donation-section{background:#f7f1e7!important}
.donation-reference-card{background:#fffdf8!important;border-color:#e7dccb!important;box-shadow:0 12px 35px rgba(16,63,64,.10)!important}
.donation-reference-icon{background:#103f40!important;color:#d6a33a!important}
.donation-reference-divider{background:#e4d8c6!important}
.donation-reference-title{color:#103f40!important}
.donation-reference-intro{color:#536a69!important}
.donation-reference-label-row label{color:#103f40!important}
.donation-reference-label-row label span{color:#c69225!important}
.donation-reference-currency{background:#eee6d9!important;color:#103f40!important}
.donation-reference-amount{border-color:#d9cdbd!important;background:#fff!important;color:#103f40!important}
.donation-reference-amount:hover{border-color:#c69225!important}
.donation-reference-amount.active{background:#c69225!important;border-color:#c69225!important;color:#fff!important;box-shadow:0 7px 16px rgba(198,146,37,.20)!important}
.donation-reference-custom-trigger{border-color:#d0c4b4!important;background:#fff!important;color:#687977!important}
.donation-reference-custom-trigger:hover{border-color:#c69225!important;color:#103f40!important}
.donation-reference-custom-input{border-color:#d9cdbd!important;background:#fff!important}
.donation-reference-custom-input span,.donation-reference-custom-input input{color:#103f40!important}
.donation-reference-submit{background:#103f40!important;color:#fff!important;box-shadow:0 8px 18px rgba(16,63,64,.18)!important}
.donation-reference-submit:hover{background:#0b3435!important}
.donation-reference-secure{color:#103f40!important}
.donation-reference-lock{color:#c69225!important}
.donation-reference-note{background:#fbf2df!important;color:#765b1e!important}

/* FINAL VGGF THEME OVERRIDE — DO NOT USE BLUE */
section#donate .donation-reference-card .donation-reference-amount.active{
  background:#c69225!important;border-color:#c69225!important;color:#ffffff!important;
}
section#donate .donation-reference-card .donation-reference-submit{
  background:#103f40!important;color:#ffffff!important;
}
section#donate .donation-reference-card .donation-reference-submit:hover{
  background:#0b3435!important;
}
section#donate .donation-reference-card .donation-reference-icon{
  background:#103f40!important;color:#c69225!important;
}
section#donate .donation-reference-card .donation-reference-title,
section#donate .donation-reference-card .donation-reference-label-row label,
section#donate .donation-reference-card .donation-reference-secure{
  color:#103f40!important;
}
section#donate .donation-reference-card .donation-reference-lock{
  color:#c69225!important;
}
section#donate .donation-reference-card .donation-reference-divider{
  background:#e4d8c6!important;
}
section#donate .donation-reference-card .donation-reference-currency{
  background:#eee6d9!important;color:#103f40!important;
}
section#donate .donation-reference-card .donation-reference-custom-trigger{
  color:#687977!important;border-color:#d0c4b4!important;background:#fff!important;
}
section#donate .donation-reference-card .donation-reference-amount{
  color:#103f40!important;border-color:#d9cdbd!important;background:#fff!important;
}
section#donate .donation-reference-card{
  background:#fffdf8!important;border-color:#e7dccb!important;
}
section#donate{
  background:#f7f1e7!important;
}

/* Dedicated Donation Page */
.donation-page{background:#f7f1e7!important}
.donation-page-hero{
  background:#f7f1e7;
  padding:72px 0 34px;
  text-align:left;
}
.donation-page-kicker{
  display:flex;align-items:center;gap:18px;
  color:#c69225;
  font-family:"Mandali",sans-serif;
  font-size:22px;
  margin-bottom:24px;
}
.donation-page-kicker span{width:48px;height:3px;background:#c69225;display:inline-block}
.donation-page-hero h1{
  margin:0 0 18px;
  color:#103f40;
  font-family:"Suranna",serif!important;
  font-size:52px!important;
  font-weight:700!important;
  line-height:1.2!important;
}
.donation-page-hero p{
  margin:0;
  max-width:900px;
  color:#536a69;
  font-family:"Mandali",sans-serif!important;
  font-size:20px;
  line-height:1.7;
}
.donation-page .donation-section{
  padding-top:15px!important;
}
@media(max-width:650px){
  .donation-page-hero{padding:42px 0 20px}
  .donation-page-kicker{font-size:18px}
  .donation-page-hero h1{font-size:37px!important}
  .donation-page-hero p{font-size:17px}
}

/* DONATE PAGE FINAL OVERRIDE */
body.donation-page .donation-reference-card{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  max-width:675px!important;
  margin:0 auto!important;
  background:#fffdf8!important;
  border:1px solid #e7dccb!important;
  border-radius:12px!important;
  box-shadow:0 2px 8px rgba(16,63,64,.10)!important;
}
body.donation-page .donation-reference-grid{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:10px!important;
}
body.donation-page .donation-reference-amount{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  height:66px!important;
  background:#fff!important;
  color:#103f40!important;
  border:1px solid #d9cdbd!important;
}
body.donation-page .donation-reference-amount.active{
  background:#c69225!important;
  border-color:#c69225!important;
  color:#fff!important;
}
body.donation-page .donation-reference-custom-trigger{
  display:block!important;
  width:100%!important;
  height:70px!important;
  margin-top:18px!important;
}
body.donation-page .donation-reference-submit{
  display:flex!important;
  width:100%!important;
  height:59px!important;
  margin-top:58px!important;
  background:#103f40!important;
  color:#fff!important;
}
body.donation-page .donation-reference-secure{
  display:flex!important;
  visibility:visible!important;
}
@media(max-width:600px){
  body.donation-page .donation-reference-grid{grid-template-columns:repeat(2,1fr)!important}
}