.gb-shell { max-width:1180px; margin:0 auto; padding:0 24px; } .gb-sec { padding:84px 0; background:var(--gb-pearl); position:relative; } .gb-sec.alt { background:var(--gb-cream); } .gb-sec.tint { background:var(--gb-ivory); } .gb-sec.soft { background:#fff9f4; } .gb-rule { height:1px; border:0; background:linear-gradient(90deg, transparent, rgba(213,122,31,.35), transparent); margin:0; }
.gb-eyebrow{ display:inline-flex; align-items:center; gap:8px; letter-spacing:3px; text-transform:uppercase; font-size:11px; font-weight:800; color:var(--gb-gold); } .gb-eyebrow::before{ content:"✦"; font-size:12px; animation:gbPulse 2.8s ease-in-out infinite; } .gb-title{ font-family:var(--gb-serif); font-weight:700; letter-spacing:-.8px; color:var(--gb-deep); line-height:1.02; margin:10px 0 14px; font-size:clamp(34px,4.6vw,62px); } .gb-title em{ font-style:italic; color:var(--gb-gold); font-weight:500; } .gb-subtitle{ max-width:780px; color:var(--gb-body); font-size:17px; line-height:1.95; }
@keyframes gbFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} } @keyframes gbSway { 0%,100%{transform:rotate(-2deg)} 50%{transform:rotate(2deg)} } @keyframes gbRise { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:none} } @keyframes gbPulse { 0%,100%{opacity:.55} 50%{opacity:1} } @keyframes gbDrift { from{transform:translateX(-10px)} to{transform:translateX(10px)} } @keyframes gbShimmer { 0%{background-position:-180% center} 100%{background-position:180% center} } @keyframes gbWave { 0%,100%{transform:translateY(0) scaleY(1)} 50%{transform:translateY(-4px) scaleY(1.12)} } @keyframes gbSpin { from{transform:rotate(0)} to{transform:rotate(360deg)} }
.gb-hero{ position:relative; min-height:100vh; background:linear-gradient(180deg, #fffdf8 0%, #fff8ef 28%, #ffefdf 58%, #fffaf4 86%, #f3fbfd 100%); overflow:hidden; padding-bottom:0; }
.gb-sun{ position:absolute; right:7%; top:8%; width:240px; height:240px; border-radius:50%; background:radial-gradient(circle at 35% 35%, #fff7c9 0%, #ffd98f 24%, rgba(255,191,111,.55) 52%, rgba(255,191,111,.05) 72%, transparent 75%); filter:blur(.3px); animation:gbFloat 8s ease-in-out infinite; pointer-events:none; } .gb-sun::before{ content:""; position:absolute; inset:18%; border-radius:50%; background:radial-gradient(circle, rgba(255,255,255,.95) 0%, rgba(255,244,209,.95) 45%, rgba(255,220,160,.30) 70%, transparent 100%); box-shadow:0 0 60px rgba(255,201,120,.45); } .gb-wave-top{ position:absolute; left:-5%; right:-5%; bottom:230px; height:170px; background: radial-gradient(160px 50px at 10% 75%, rgba(255,255,255,.70) 0 30%, transparent 31%), radial-gradient(180px 55px at 28% 80%, rgba(255,255,255,.75) 0 28%, transparent 29%), radial-gradient(200px 60px at 50% 72%, rgba(255,255,255,.80) 0 28%, transparent 29%), radial-gradient(220px 60px at 72% 79%, rgba(255,255,255,.75) 0 28%, transparent 29%), radial-gradient(220px 58px at 90% 73%, rgba(255,255,255,.70) 0 28%, transparent 29%); opacity:.75; filter:blur(1px); animation:gbWave 7s ease-in-out infinite; pointer-events:none; } .gb-wave-bottom{ position:absolute; left:0; right:0; bottom:0; height:240px; background:linear-gradient(180deg, rgba(73,169,179,.06) 0%, rgba(73,169,179,.12) 38%, rgba(73,169,179,.18) 100%); clip-path:polygon(0 58%, 12% 64%, 26% 52%, 40% 61%, 57% 49%, 72% 60%, 86% 55%, 100% 64%, 100% 100%, 0 100%); } .gb-silhouette{ position:absolute; left:0; right:0; bottom:0; height:260px; pointer-events:none; } .gb-silhouette .hill{ position:absolute; bottom:0; background:linear-gradient(180deg, rgba(74,120,94,.25), rgba(74,120,94,.12)); filter:blur(.2px); } .gb-hill1{ left:-4%; width:44%; height:160px; clip-path:polygon(0 100%, 10% 58%, 28% 28%, 46% 48%, 63% 18%, 80% 44%, 100% 100%); } .gb-hill2{ left:26%; width:42%; height:132px; clip-path:polygon(0 100%, 11% 42%, 28% 56%, 45% 24%, 62% 50%, 79% 30%, 100% 100%); opacity:.85; } .gb-hill3{ right:-2%; width:38%; height:145px; clip-path:polygon(0 100%, 18% 46%, 33% 32%, 51% 59%, 70% 28%, 88% 48%, 100% 100%); opacity:.78; } .gb-palm{ position:absolute; bottom:138px; width:10px; height:120px; background:linear-gradient(180deg, rgba(77,52,31,.45), rgba(77,52,31,.18)); border-radius:999px; transform-origin:bottom center; animation:gbSway 6s ease-in-out infinite; pointer-events:none; } .gb-palm::before, .gb-palm::after{ content:""; position:absolute; left:50%; transform-origin:left center; background:rgba(60,110,86,.35); border-radius:999px; height:4px; width:92px; } .gb-palm::before{ top:6px; transform:translateX(0) rotate(-64deg); box-shadow:20px 10px 0 rgba(60,110,86,.18), 36px 18px 0 rgba(60,110,86,.08); } .gb-palm::after{ top:22px; transform:translateX(0) rotate(62deg); box-shadow:10px 10px 0 rgba(60,110,86,.16), 28px 18px 0 rgba(60,110,86,.08); } .gb-p1{ left:7%; } .gb-p2{ left:13%; height:136px; animation-delay:1s; } .gb-p3{ right:10%; height:128px; animation-delay:1.5s; }
.gb-floaters span{ position:absolute; width:14px; height:14px; border-radius:50%; background:radial-gradient(circle at 35% 35%, rgba(255,255,255,.98), rgba(255,223,173,.45) 52%, rgba(255,223,173,.08) 75%, transparent 76%); box-shadow:0 0 18px rgba(255,214,156,.55); pointer-events:none; animation:gbFloat 5s ease-in-out infinite; opacity:.85; } .gb-floaters span:nth-child(1){ left:20%; top:24%; animation-duration:6s; } .gb-floaters span:nth-child(2){ left:30%; top:14%; animation-duration:7s; } .gb-floaters span:nth-child(3){ left:73%; top:18%; animation-duration:5s; } .gb-floaters span:nth-child(4){ left:84%; top:34%; animation-duration:6.5s; } .gb-floaters span:nth-child(5){ left:55%; top:26%; animation-duration:7.5s; }
.gb-hero-inner{ position:relative; z-index:4; max-width:1180px; margin:0 auto; padding:34px 24px 0; } .gb-hero-grid{ display:grid; grid-template-columns:1.05fr .95fr; gap:36px; align-items:center; padding-top:18px; }
.gb-badge{ display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,.86); border:1px solid rgba(213,122,31,.18); box-shadow:0 8px 24px rgba(31,36,45,.06); border-radius:999px; padding:9px 16px; font-size:11px; font-weight:800; letter-spacing:2.2px; text-transform:uppercase; color:var(--gb-gold); margin-bottom:18px; }
.gb-script{ display:block; font-family:var(--gb-script); font-size:clamp(25px,3vw,38px); color:var(--gb-sea); margin-bottom:8px; } .gb-head{ font-family:var(--gb-serif); font-size:clamp(54px,8vw,112px); line-height:.92; letter-spacing:-2px; margin:0 0 14px; font-weight:700; } .gb-head .shine{ background:linear-gradient(100deg, #8a4c00 0%, var(--gb-gold) 35%, #ffcd88 50%, var(--gb-gold) 65%, #8a4c00 100%); background-size:180% auto; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; animation:gbShimmer 4s linear infinite; } .gb-kicker{ display:block; color:var(--gb-sea); font-family:var(--gb-serif); font-size:clamp(22px,2.8vw,30px); font-style:italic; margin-top:8px; font-weight:500; } .gb-hero-text{ max-width:630px; color:var(--gb-body); font-size:17px; line-height:1.95; } .gb-pills{ display:flex; flex-wrap:wrap; gap:10px; margin:24px 0 28px; } .gb-pill{ display:flex; gap:10px; align-items:center; background:rgba(255,255,255,.84); border:1px solid rgba(73,169,179,.18); box-shadow:0 8px 20px rgba(31,36,45,.05); border-radius:999px; padding:10px 14px; transition:transform .2s, box-shadow .2s; } .gb-pill:hover{ transform:translateY(-2px); box-shadow:0 12px 24px rgba(31,36,45,.08); } .gb-pill .ic{ font-size:18px; } .gb-pill strong{ display:block; font-size:13px; } .gb-pill small{ color:var(--gb-muted); font-size:11px; }
.gb-actions{ display:flex; flex-wrap:wrap; gap:12px; margin-top:16px; } .gb-btn{ display:inline-flex; align-items:center; gap:8px; padding:15px 24px; border-radius:999px; font-weight:800; letter-spacing:.2px; transition:transform .18s, box-shadow .18s, background .18s; } .gb-btn:hover{ transform:translateY(-2px); } .gb-btn.primary{ background:linear-gradient(135deg, #ffb870, #e98a1e); color:#fff; box-shadow:0 12px 28px rgba(233,138,30,.28); } .gb-btn.secondary{ background:rgba(255,255,255,.84); border:1px solid rgba(213,122,31,.20); color:var(--gb-deep); box-shadow:0 10px 24px rgba(31,36,45,.06); }
.gb-hero-card{ position:relative; align-self:stretch; background:linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,249,244,.92)); border:1px solid rgba(213,122,31,.16); border-radius:28px; box-shadow:var(--gb-shadow); overflow:hidden; padding:18px; transform:perspective(1200px) rotateY(-8deg) rotateX(2deg); transition:transform .35s ease; } .gb-hero-card:hover{ transform:perspective(1200px) rotateY(0deg) rotateX(0deg); } .gb-photo{ position:relative; border-radius:22px; overflow:hidden; min-height:460px; background:linear-gradient(160deg, #ffe5cf, #c6f0f3); border:1px solid rgba(255,255,255,.75); } .gb-photo img{ width:100%; height:100%; object-fit:cover; } .gb-photo-ph{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:10px; text-align:center; padding:20px; background: radial-gradient(circle at 50% 30%, rgba(255,255,255,.7), rgba(255,255,255,.15) 36%, transparent 37%), linear-gradient(160deg, #fff0e1, #dff9fb); color:#487b84; border:2px dashed rgba(73,169,179,.25); } .gb-photo-ph strong{ font-family:var(--gb-serif); font-size:32px; color:#2d5f66; } .gb-photo-ph span{ font-size:13px; color:var(--gb-body); max-width:280px; } .gb-tag{ position:absolute; left:16px; bottom:16px; background:rgba(255,255,255,.90); border:1px solid rgba(213,122,31,.18); padding:9px 12px; border-radius:999px; font-size:12px; font-weight:800; box-shadow:0 8px 20px rgba(31,36,45,.08); }
.gb-photo-note{ display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-top:14px; padding:0 4px 4px; color:var(--gb-body); font-size:12px; font-weight:600; } .gb-photo-note span{ display:inline-flex; align-items:center; gap:6px; }
.gb-trust{ background:linear-gradient(90deg, rgba(255,239,223,.95), rgba(255,255,255,.95), rgba(236,250,251,.95)); border-top:1px solid rgba(213,122,31,.12); border-bottom:1px solid rgba(213,122,31,.12); padding:16px 0; } .gb-trust-row{ display:flex; justify-content:center; gap:18px; flex-wrap:wrap; color:var(--gb-body); font-size:13px; } .gb-trust-item{ display:flex; align-items:center; gap:8px; background:rgba(255,255,255,.8); border:1px solid rgba(31,36,45,.06); border-radius:999px; padding:10px 14px; box-shadow:0 8px 20px rgba(31,36,45,.05); } .gb-dot{ width:6px; height:6px; border-radius:50%; background:var(--gb-saffron); }
.gb-grid-2{ display:grid; grid-template-columns:1.08fr .92fr; gap:26px; align-items:start; } .gb-card{ background:#fff; border:1px solid rgba(31,36,45,.08); border-radius:24px; box-shadow:var(--gb-shadow2); overflow:hidden; } .gb-card.pad{ padding:26px; } .gb-sidebar{ background:linear-gradient(180deg, #fff, #fff7ef); } .gb-sidebar-head{ padding:20px 22px; background:linear-gradient(135deg, #ffce9f, #f39a2d); color:#fff; } .gb-sidebar-head h3{ margin:0; font-family:var(--gb-serif); font-size:22px; line-height:1.1; } .gb-quick{ display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:20px 22px; } .gb-quick div{ padding:12px 12px 11px; background:#fff; border:1px solid rgba(31,36,45,.06); border-radius:16px; } .gb-quick strong{ display:block; font-size:11px; letter-spacing:1.5px; text-transform:uppercase; color:var(--gb-gold); margin-bottom:4px; } .gb-quick span{ color:var(--gb-body); font-size:13px; line-height:1.5; } .gb-enquiry{ margin:0 22px 22px; background:linear-gradient(135deg, rgba(255,245,236,.95), rgba(236,250,251,.95)); border:1px solid rgba(73,169,179,.16); border-radius:18px; padding:18px; } .gb-enquiry p{ margin:0 0 12px; color:var(--gb-body); font-size:13px; } .gb-enquiry a{ display:block; text-align:center; margin-top:8px; padding:12px 14px; border-radius:999px; font-size:13px; font-weight:800; } .gb-enquiry a.wh{ background:#25d366; color:#fff; box-shadow:0 10px 24px rgba(37,211,102,.22); } .gb-enquiry a.em{ background:#fff; color:var(--gb-deep); border:1px solid rgba(31,36,45,.08); }
.gb-highlights{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:24px; } .gb-hl{ position:relative; background:#fff; border:1px solid rgba(31,36,45,.08); border-radius:22px; padding:18px; box-shadow:var(--gb-shadow2); transition:transform .2s, box-shadow .2s; min-height:168px; } .gb-hl:hover{ transform:translateY(-4px); box-shadow:var(--gb-shadow); } .gb-hl .ico{ width:44px; height:44px; border-radius:14px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg, #fff0e2, #dff9fb); font-size:22px; margin-bottom:12px; border:1px solid rgba(73,169,179,.14); } .gb-hl h4{ margin:0 0 8px; font-family:var(--gb-serif); font-size:24px; } .gb-hl p{ margin:0; color:var(--gb-body); font-size:14px; line-height:1.7; } .gb-hl a{ display:inline-flex; margin-top:12px; color:var(--gb-sea); font-weight:800; font-size:13px; text-decoration:underline; }
.gb-dive{ display:grid; grid-template-columns:1fr 1fr; gap:26px; align-items:center; margin-top:30px; } .gb-dive.reverse{ direction:rtl; } .gb-dive.reverse > *{ direction:ltr; } .gb-dive .image{ position:relative; border-radius:24px; overflow:hidden; background:linear-gradient(160deg, #ffe7d0, #d9f7f8); border:1px solid rgba(31,36,45,.08); min-height:420px; box-shadow:var(--gb-shadow2); } .gb-dive .image img{ width:100%; height:100%; object-fit:cover; } .gb-dive .image .ph{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:10px; background:linear-gradient(160deg, rgba(255,244,232,.95), rgba(219,247,248,.95)); text-align:center; padding:18px; } .gb-dive .image .ph strong{ font-family:var(--gb-serif); font-size:28px; } .gb-dive .image .ph span{ color:var(--gb-body); font-size:13px; max-width:280px; } .gb-dive .copy h3{ margin:0 0 10px; font-family:var(--gb-serif); font-size:clamp(28px,3.5vw,44px); line-height:1.05; } .gb-dive .copy h3 em{ color:var(--gb-saffron); font-style:italic; font-weight:600; } .gb-dive .copy p{ color:var(--gb-body); font-size:15px; line-height:1.9; margin:0 0 14px; } .gb-gem{ margin-top:18px; background:linear-gradient(135deg, #fff8f1, #eefbfd); border:1px solid rgba(73,169,179,.16); border-radius:18px; padding:16px 18px; } .gb-gem strong{ display:block; color:var(--gb-gold); font-size:11px; text-transform:uppercase; letter-spacing:2.4px; margin-bottom:8px; } .gb-map{ display:inline-flex; align-items:center; gap:7px; margin-top:12px; background:rgba(73,169,179,.10); color:var(--gb-sea); border:1px solid rgba(73,169,179,.16); padding:9px 14px; border-radius:999px; font-size:13px; font-weight:800; }
.gb-cards-4{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:24px; } .gb-food{ background:#fff; border-radius:22px; overflow:hidden; border:1px solid rgba(31,36,45,.08); box-shadow:var(--gb-shadow2); } .gb-food .top{ position:relative; min-height:168px; background:linear-gradient(160deg, #ffe3c8, #dbf7f8); } .gb-food .top img{ width:100%; height:100%; object-fit:cover; } .gb-food .top .ph{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:linear-gradient(160deg, rgba(255,243,233,.96), rgba(224,249,250,.96)); flex-direction:column; gap:6px; text-align:center; padding:14px; } .gb-food .top .ph strong{ font-family:var(--gb-serif); font-size:24px; } .gb-food .body{ padding:16px; } .gb-food .body h4{ margin:0 0 6px; font-family:var(--gb-serif); font-size:24px; } .gb-food .body small{ display:block; color:var(--gb-gold); font-weight:800; text-transform:uppercase; letter-spacing:1.5px; margin-bottom:8px; } .gb-food .body p{ margin:0; color:var(--gb-body); font-size:14px; line-height:1.8; }
.gb-story-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:24px; } .gb-story{ background:#fff; border:1px solid rgba(31,36,45,.08); border-radius:22px; padding:20px; box-shadow:var(--gb-shadow2); min-height:210px; position:relative; overflow:hidden; transition:transform .2s; } .gb-story:hover{ transform:translateY(-4px); } .gb-story::after{ content:""; position:absolute; top:-18px; right:-18px; width:92px; height:92px; border-radius:50%; background:radial-gradient(circle, rgba(255,184,112,.26), transparent 72%); animation:gbPulse 4s ease-in-out infinite; } .gb-story strong{ display:block; color:var(--gb-gold); font-size:11px; letter-spacing:2.5px; text-transform:uppercase; margin-bottom:8px; } .gb-story h4{ margin:0 0 8px; font-family:var(--gb-serif); font-size:24px; line-height:1.08; } .gb-story p{ margin:0; color:var(--gb-body); font-size:14px; line-height:1.8; }
.gb-itinerary details{ background:#fff; border:1px solid rgba(31,36,45,.08); border-radius:18px; box-shadow:var(--gb-shadow2); margin-bottom:12px; overflow:hidden; } .gb-itinerary summary{ cursor:pointer; padding:18px 20px; list-style:none; display:flex; align-items:center; justify-content:space-between; gap:12px; font-weight:800; color:var(--gb-deep); font-size:15px; } .gb-itinerary summary::-webkit-details-marker{ display:none; } .gb-itinerary .ans{ padding:0 20px 18px; color:var(--gb-body); line-height:1.85; font-size:14px; } .gb-step{ display:flex; gap:12px; margin-top:10px; padding-top:10px; border-top:1px dashed rgba(31,36,45,.10); } .gb-step strong{ width:88px; flex-shrink:0; color:var(--gb-gold); } .gb-step span{ flex:1; }
.gb-grid-ics{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px; margin-top:20px; } .gb-inc{ background:#fff; border:1px solid rgba(31,36,45,.08); border-radius:18px; padding:18px; display:flex; gap:14px; align-items:flex-start; box-shadow:var(--gb-shadow2); } .gb-inc .ic{ width:44px; height:44px; border-radius:14px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg, #fff0e2, #dff9fb); font-size:21px; flex-shrink:0; } .gb-inc strong{ display:block; margin-bottom:3px; font-size:14px; } .gb-inc span{ color:var(--gb-body); font-size:13px; line-height:1.7; }
.gb-reviews{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:24px; } .gb-review{ background:#fff; border:1px solid rgba(31,36,45,.08); border-radius:22px; padding:20px; box-shadow:var(--gb-shadow2); position:relative; overflow:hidden; } .gb-review::before{ content:"“"; position:absolute; top:-4px; left:14px; font-family:var(--gb-serif); font-size:92px; color:rgba(243,154,45,.12); line-height:1; } .gb-stars{ color:#f0b12a; letter-spacing:3px; font-size:14px; margin-bottom:12px; display:block; } .gb-review p{ margin:0 0 16px; font-family:var(--gb-serif); font-size:18px; font-style:italic; color:var(--gb-body); line-height:1.8; position:relative; z-index:1; } .gb-author{ display:flex; align-items:center; gap:10px; border-top:1px solid rgba(31,36,45,.08); padding-top:12px; } .gb-flag{ font-size:22px; } .gb-author strong{ display:block; font-size:13px; } .gb-author span{ display:block; font-size:11px; color:var(--gb-muted); }
.gb-faq{ max-width:900px; margin:0 auto; } .gb-faq-item{ background:#fff; border:1px solid rgba(31,36,45,.08); border-radius:18px; box-shadow:var(--gb-shadow2); overflow:hidden; margin-bottom:10px; } .gb-faq-btn{ width:100%; padding:18px 20px; background:none; border:none; display:flex; justify-content:space-between; gap:14px; text-align:left; font-weight:800; font-size:15px; color:var(--gb-deep); cursor:pointer; } .gb-faq-btn .plus{ width:26px; height:26px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg, #fff0e2, #dff9fb); border:1px solid rgba(73,169,179,.16); flex-shrink:0; transition:transform .2s; } .gb-faq-btn.open .plus{ transform:rotate(45deg); } .gb-faq-ans{ display:none; padding:0 20px 18px; color:var(--gb-body); font-size:14px; line-height:1.85; } .gb-faq-ans.open{ display:block; }
.gb-rel{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:24px; } .gb-rel a{ display:block; background:#fff; border:1px solid rgba(31,36,45,.08); border-radius:20px; overflow:hidden; box-shadow:var(--gb-shadow2); transition:transform .2s, box-shadow .2s; } .gb-rel a:hover{ transform:translateY(-4px); box-shadow:var(--gb-shadow); } .gb-rel .img{ min-height:136px; position:relative; background:linear-gradient(160deg, #ffe4c8, #dcf8f9); } .gb-rel .img img{ width:100%; height:100%; object-fit:cover; } .gb-rel .img .ph{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:6px; text-align:center; padding:12px; background:linear-gradient(160deg, rgba(255,243,233,.95), rgba(224,249,250,.95)); } .gb-rel .img .ph strong{ font-family:var(--gb-serif); font-size:24px; } .gb-rel .body{ padding:16px; } .gb-rel .body small{ display:block; color:var(--gb-gold); font-size:10px; text-transform:uppercase; letter-spacing:2.2px; font-weight:800; margin-bottom:6px; } .gb-rel .body h4{ margin:0 0 6px; font-family:var(--gb-serif); font-size:25px; } .gb-rel .body p{ margin:0; color:var(--gb-body); font-size:13px; line-height:1.65; }
.gb-final{ background:linear-gradient(160deg, #ef8b1e 0%, #f49b2f 52%, #ffb55e 100%); color:#fff; padding:92px 0; position:relative; overflow:hidden; } .gb-final::before{ content:""; position:absolute; inset:auto auto 14% 6%; width:240px; height:240px; border-radius:50%; background:radial-gradient(circle, rgba(255,255,255,.22), transparent 68%); animation:gbFloat 7s ease-in-out infinite; } .gb-final::after{ content:""; position:absolute; top:12%; right:-6%; width:360px; height:360px; border-radius:50%; background:radial-gradient(circle, rgba(255,255,255,.16), transparent 70%); animation:gbFloat 8s ease-in-out infinite; } .gb-final h2, .gb-final p, .gb-final a{ color:#fff; } .gb-final .wrap{ max-width:760px; margin:0 auto; text-align:center; position:relative; z-index:1; padding:0 24px; } .gb-final h2{ font-family:var(--gb-serif); font-size:clamp(34px,4.8vw,58px); line-height:1.02; margin:0 0 12px; } .gb-final p{ font-size:16px; line-height:1.9; margin:0 auto 26px; max-width:660px; color:rgba(255,255,255,.96); } .gb-final .btns{ display:flex; justify-content:center; gap:12px; flex-wrap:wrap; } .gb-final .btns a{ padding:15px 24px; border-radius:999px; font-weight:800; color:#fff; box-shadow:0 10px 24px rgba(31,36,45,.12); } .gb-final .btns a.wh{ background:#20c05c; } .gb-final .btns a.em{ background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.35); }
.gb-sticky{ position:sticky; bottom:0; z-index:50; background:rgba(255,252,247,.94); backdrop-filter:blur(14px); border-top:1px solid rgba(31,36,45,.08); box-shadow:0 -10px 30px rgba(31,36,45,.08); padding:12px 0; } .gb-sticky .row{ display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; } .gb-sticky .name{ font-family:var(--gb-serif); font-size:18px; font-weight:700; } .gb-sticky .sub{ display:block; font-size:10px; text-transform:uppercase; letter-spacing:2px; color:var(--gb-muted); margin-top:2px; } .gb-sticky .actions{ display:flex; gap:8px; flex-wrap:wrap; } .gb-sticky .actions a{ display:inline-flex; align-items:center; gap:6px; padding:10px 16px; border-radius:999px; font-weight:800; font-size:13px; } .gb-sticky .actions .wa{ background:#25d366; color:#fff; } .gb-sticky .actions .em{ background:linear-gradient(135deg, #fff0e2, #dff9fb); color:var(--gb-deep); border:1px solid rgba(31,36,45,.08); }
.gb-maps{ display:inline-flex; align-items:center; gap:6px; margin-top:12px; color:var(--gb-sea); font-weight:800; font-size:13px; text-decoration:underline; }
.gb-label{ font-size:12px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:var(--gb-gold); margin-bottom:10px; }
.gb-reveal{ opacity:0; transform:translateY(18px); transition:opacity .7s ease, transform .7s ease; } .gb-reveal.in{ opacity:1; transform:none; }
@media (max-width: 1020px){ .gb-hero-grid, .gb-grid-2, .gb-dive, .gb-cards-4, .gb-story-grid, .gb-reviews, .gb-rel{ grid-template-columns:1fr 1fr; } .gb-highlights{ grid-template-columns:1fr 1fr; } } @media (max-width: 760px){ .gb-hero{ min-height:auto; } .gb-hero-grid, .gb-grid-2, .gb-dive, .gb-highlights, .gb-cards-4, .gb-story-grid, .gb-reviews, .gb-rel{ grid-template-columns:1fr; } .gb-hero-card{ transform:none; } .gb-photo{ min-height:360px; } .gb-dive .image{ min-height:330px; } .gb-shell{ padding:0 16px; } .gb-sec{ padding:68px 0; } .gb-sticky .row{ justify-content:center; } .gb-sticky .name{ text-align:center; } }
This package is designed like a living guidebook: beaches that change colour with the tide, Latin quarters with pastel facades, old churches carrying centuries of memory, and food that tells the story of trade, devotion, and the sea.
From sunrise lanes in Panaji to the amber hush of South Goa at dusk, every section is written to help the reader feel the salt air before they even arrive.
Goa rewards slow attention. In the morning, the beaches feel open and clear, with fishing boats drawing lines against the horizon. By afternoon, the same coast turns playful: café windows open, coconut palms lean into the breeze, and the streets around Panaji and Fontainhas begin to glow. At sunset, the whole state seems to exhale.
Goa’s modern identity is built on deep history. The state was liberated from Portuguese rule in 1961, and it became India’s 25th state in 1987. That blend of coastal freedom, Indo-Portuguese heritage, church bells, temple rituals, bakeries, beaches, and music is what makes a Goa trip feel rich rather than merely relaxing.
The page is written to educate and sell at the same time: where to stand for sunset, what to eat, what stories to listen for, and which nearby places are worth the extra hour on the road. Goa Tourism itself now frames the state through food, heritage, nature, wellness, and “Goa Beyond Beaches”, which matches exactly how this package is designed.
Long, open beach energy with a classic Goa shore feeling. Best for late-afternoon walks and a softer South Goa start.
Curved bay, calmer waters, and the kind of sunset that makes people stop speaking for a minute.
Baroque churches, stonework, incense, and the spiritual memory of an earlier capital. UNESCO-recognised sacred sites anchor the heritage side of the trip.
Pastel Portuguese lanes, balconies, old doors, and a walking pace that feels like a different century.
For a wind-in-your-face sunset with a wide coastal view. The fort gives Goa its famous dramatic horizon line.
A fresh inland counterpoint to the coast: monsoon-fed falls, forest air, and the smell of spices lingering in village kitchens.
South Goa is where people go when they want the beach without noise. The mood is slower, the skies feel wider, and the evenings are built around long walks, beach shacks, and unhurried meals. Goa Tourism’s beach planning and regeneration focus includes South Goa beaches such as Colva and Palolem, which is why they remain central to a quality coastal itinerary.
Hidden gem: Betalbatim and Benaulim often feel more relaxed than the headline beaches, yet they still place you close to good food, sunset sand, and comfortable stays. The reader should understand that “quiet Goa” is not empty Goa — it is a different rhythm.
Pair a beach morning with an early lunch at a local khanaval and end the day near the shore rather than chasing three beaches in one afternoon. Goa is better when it is not rushed.
Old Goa is not a “quick stop”; it is the place where Goa’s story becomes legible. The churches and convents here are part of Goa’s UNESCO-recognised sacred heritage, with the Basilica of Bom Jesus and Sé Cathedral often becoming the emotional core of a first-time visit. The Government of Goa’s heritage material also points to the deeper Indo-Portuguese layer that shaped the region.
Hidden gem: arrive in the soft afternoon light and stay long enough for the shadows on the stone to change. Many travellers visit Old Goa quickly; few actually let the place speak.
A heritage walk around Old Goa becomes far richer when paired with a slow lunch in Panaji and an evening on the riverfront rather than doing it as a rushed photo stop.
Panaji works beautifully in a coastal itinerary because it softens the transition between beach and heritage. Fontainhas lanes, river views, cafés, and bakeries make the capital ideal for a first evening or last morning. Goa Tourism’s own focus on culture and heritage experiences aligns perfectly with this style of travel.
Hidden gem: Sunday mornings and early evenings are the most atmospheric times for the Latin Quarter. The colour palette in the lane walls, shutters, and balconies feels almost painted by hand.
Use Panaji as your “soft landing” base if your flight lands late. It reduces transfer fatigue and gives the itinerary a stronger sense of place.
It is the everyday heartbeat of Goa: coconut, kokum, rice, and fish cooked with the confidence of a coastline that has fed itself for centuries. Official Goa Tourism highlights it as one of the cuisine signatures.
A layered spice curry that tastes of roasting, patience, and local memory. It works beautifully for lunch after a long beach morning, especially when paired with poi.
Soft Goan bread is part of the state’s morning rhythm. It belongs in bakeries, kitchen counters, and the route between church visits and beach lunches.
Goa Tourism notes bebinca as a classic sweet finish. It is slow to make and even slower to forget — the kind of dessert that suits an unhurried trip.
Cashew orchards, village distilleries, and the taste of the coast in a glass. It is a useful story to add because it explains Goa as an agrarian and maritime place, not only a beach party destination.
Try these when the sand is still warm. Goa Tourism’s food pages also point to cafreal and rechaido as recognisable flavours of the state.
People often translate susegad as “laid-back”, but the richer meaning is closer to calm contentment. It is a coastal way of taking life slowly without losing dignity, craft, or hospitality.
Fishermen, shack owners, and even drivers think in terms of tide, light, and wind. A Goa itinerary improves when it follows weather and sunset rather than strict clock time.
Goa’s identity is not one single tradition. It is an overlapping rhythm of faiths, markets, bread, music, and village festivals that visitors feel most strongly in the evening.
Many travellers remember beaches; locals often remember mornings near bakeries, tea, poi, and sweet counters. That everyday layer is part of the state’s emotional geography.
Goa Tourism’s own heritage emphasis and public culture material support a richer view of Goa as a living place of dance, music, and storytelling, not just scenery.
The best Goa memories often come from the unscheduled hour: one extra tea, one quiet bench, one more look at the horizon after the beach has already emptied.
Goa Tourism’s own stay listings include Panaji Residency, Calangute Residency, Vasco Residency, Margao Residency, Old Goa Residency, Farmagudi Residency, Mayem Lake View, and Fort Tiracol Heritage Hotel, which makes it easy to map the state by mood rather than simply by price.
Best for travellers who want a lively base with easy access to beaches, restaurants, and evening movement. GTDC’s Calangute Residency is positioned right in this zone.
Best for Fontainhas walks, central transfers, and a more urban-boutique coastal feel.
Best for relaxed beach time, quieter evenings, and a softer sunset rhythm. The official tourism lists and hotel records show many beach-resort options here.
Best for readers who love history, churches, river views, and a slower, more reflective stay pattern.
The first sunset in South Goa felt like the whole coast had paused for us. The balance of beach time, heritage, and food made the trip feel complete.
We loved that the itinerary explained the places instead of just listing them. Old Goa, Fontainhas, and the local food stops made Goa feel much deeper.
It felt luxurious without feeling rushed. We had enough quiet time for long walks, but still saw the history, markets, and the best sunset points.
For guests who want riverside calm, mindful movement, and a more restorative travel tone.
For travellers who want cold air, mountain mornings, and a very different holiday mood.
For guests seeking a spiritually focused journey with strong planning support.
Tell us your dates, arrival city, preferred beach vibe, and hotel style. We will shape the journey so it reads beautifully on the page and travels beautifully in real life.
Ministry of Tourism recognised · Est. 1991 · New Delhi · GSTIN 07AOJPS1151F4ZY
Beach mood · Heritage memory · Food trails · Private planning
function toggleFaq(btn){ const item = btn.parentElement; const ans = item.querySelector('.gb-faq-ans'); const open = btn.classList.toggle('open'); ans.classList.toggle('open', open); }
const revealObserver = new IntersectionObserver((entries)=>{ entries.forEach(entry=>{ if(entry.isIntersecting){ entry.target.classList.add('in'); revealObserver.unobserve(entry.target); } }); }, {threshold:0.12});
document.querySelectorAll('.gb-reveal').forEach(el=>revealObserver.observe(el));
