:root{
  --navy:#061b2b;--navy2:#0b2638;--gold:#c7922d;--gold2:#dfa833;--cream:#faf7f0;
  --text:#0d1723;--muted:#68737d;--line:#e9e9e9;--white:#fff;--shadow:0 16px 42px rgba(5,25,38,.12);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff;font-size:15px}
a{text-decoration:none;color:inherit}button,input,select{font:inherit}.container{width:min(1180px,calc(100% - 32px));margin:auto}
.top{position:absolute;z-index:20;width:100%;top:0;color:#fff}.nav{height:86px;display:flex;align-items:center;gap:26px}
.logo{display:flex;align-items:center;gap:12px;min-width:280px}.brand-logo-img{width:68px;height:68px;object-fit:contain;display:block;filter:drop-shadow(0 4px 10px rgba(0,0,0,.2))}.logo b{display:block;color:#e0aa42;font-size:16px;letter-spacing:.2px}.logo small{font-size:10px}.logo em{display:block;color:#e0aa42;font-size:9px;margin-top:2px}
.menu{display:flex;gap:26px;align-items:center;flex:1;justify-content:center;font-size:13px;font-weight:600}.menu a{opacity:.95}.menu a.active{background:var(--gold);padding:9px 14px;border-radius:6px}.help{display:flex;gap:10px;align-items:center;font-weight:700;white-space:nowrap}.help i{width:40px;height:40px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold)}.help small{display:block;font-weight:600}
.mobile-toggle{display:none;margin-left:auto;background:none;border:0;color:#fff;font-size:24px}
.hero{min-height:355px;background:
linear-gradient(90deg,rgba(1,18,29,.97) 0%,rgba(2,25,39,.89) 35%,rgba(2,24,37,.25) 65%,rgba(0,0,0,.05) 100%),
url('assets/hero.jpg') center/cover no-repeat;position:relative;color:#fff;padding-top:115px}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:85px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.12))}
.hero-copy{position:relative;z-index:2;max-width:520px}.hero h1{font-size:47px;line-height:1.06;margin:0;font-weight:800;letter-spacing:-1.7px}.hero h1 span{display:block;color:var(--gold2);font-family:"Playfair Display";font-size:52px;font-weight:700}.hero p{max-width:420px;line-height:1.7;font-size:14px;color:#f4f6f8}
.hero-stats{display:flex;gap:26px;margin-top:20px;flex-wrap:wrap}.stat{display:flex;gap:9px;align-items:center;font-size:11px}.stat i{color:var(--gold2);font-size:18px}.stat b{font-size:14px;display:block}
.float-actions{position:fixed;right:18px;top:125px;z-index:50;display:grid;background:#fff;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.14);overflow:hidden}
.float-actions a{width:58px;height:64px;display:grid;place-items:center;text-align:center;font-size:9px;border-bottom:1px solid #eee}.float-actions i{display:block;font-size:22px;color:var(--gold)}.float-actions img{width:30px;height:30px;object-fit:contain;border-radius:50%;display:block}.float-actions a:last-child{border-bottom:0}
.search-wrap{position:relative;z-index:10;margin-top:-66px}.search-card{background:#fff;border-radius:16px;box-shadow:var(--shadow);padding:0 14px 18px}.tabs{display:flex;gap:8px;overflow-x:auto;border-bottom:1px solid #ece6db}.tab{background:#fff;border:1px solid #e8dfcf;border-bottom:0;padding:15px 22px;display:flex;align-items:center;gap:10px;font-weight:700;white-space:nowrap;cursor:pointer;border-radius:10px 10px 0 0;transition:.2s;color:#12202d}.tab i{color:var(--gold)}.tab:hover{background:#fffaf1;border-color:#d9bd85}.tab.active{background:linear-gradient(135deg,#d8a543,#b87d1f);color:#fff;border-color:#c89432;box-shadow:0 -4px 12px rgba(183,125,31,.12)}.tab.active i{color:#fff}
.form-grid{display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(155px,.82fr) minmax(155px,.82fr) minmax(245px,1.18fr) minmax(245px,.95fr);border:1px solid #e7e7e7;border-radius:12px;overflow:visible;background:#fff}.field{padding:13px 16px;border-right:1px solid #ececec;position:relative;min-height:76px}.field:last-child{border-right:0}.field label{display:block;font-size:11px;font-weight:800;color:#596773;margin-bottom:7px;text-transform:uppercase;letter-spacing:.15px}.field-row{display:flex;gap:10px;align-items:center;min-width:0}.field-row i{color:var(--gold);font-size:17px;flex:0 0 auto}.field input{border:0;outline:0;width:100%;font-size:14px;background:transparent;color:#18212a;min-width:0}.field input.date-picker{cursor:pointer}.search-btn{border:0;background:linear-gradient(135deg,#d6a243,#b67d20);color:#fff;font-weight:800;border-radius:10px;margin:9px;padding:0 18px;cursor:pointer;min-height:56px;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:1.1}
.guest-trigger{cursor:pointer}.guest-pop{display:none;position:absolute;right:0;top:80px;width:350px;background:#fff;border-radius:16px;box-shadow:0 22px 60px rgba(0,0,0,.2);padding:18px;z-index:70;border:1px solid #e9e3d9}.guest-pop.show{display:block}.guest-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;padding-bottom:11px;border-bottom:1px solid #eee}.guest-head b{font-size:17px}.guest-close{width:34px;height:34px!important;border-radius:50%!important;border:1px solid #dedede!important;background:#f8f8f8!important;color:#111!important;font-size:17px!important;display:grid!important;place-items:center!important;line-height:1!important;flex:0 0 34px}.guest-room{padding:13px;border:1px solid #eee;border-radius:12px;margin-bottom:10px;background:#fff}.counter{display:flex;justify-content:space-between;align-items:center;padding:9px 0;font-size:14px}.counter small{color:#79838c}.counter-controls{display:flex;align-items:center;gap:12px}.counter button{width:30px;height:30px;border-radius:50%;border:1px solid #dcb567;background:#fff;color:#9f6b16;cursor:pointer}.remove-room{border:0;background:#fff3f3;color:#b73636;font-size:11px;font-weight:700;padding:7px 10px;border-radius:7px;cursor:pointer}.add-room{width:100%;border:0;background:var(--gold);color:#fff;padding:13px;border-radius:9px;font-weight:800;cursor:pointer;font-size:14px}
.benefits{margin:30px auto 0;border:1px solid #ececec;border-radius:14px;display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 8px 22px rgba(0,0,0,.04)}.benefit{padding:16px;display:flex;gap:12px;border-right:1px solid #eee;align-items:center}.benefit:last-child{border-right:0}.benefit i{width:42px;height:42px;border-radius:50%;background:#fbf5e9;display:grid;place-items:center;color:var(--gold);font-size:18px}.benefit b{font-size:11px;display:block}.benefit span{font-size:10px;color:var(--muted)}
.section{padding:40px 0 8px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.section h2{margin:0;font-size:25px;letter-spacing:-.4px}.section h2:after{content:"";display:block;width:34px;height:3px;background:var(--gold);margin-top:7px;border-radius:9px}.filters{display:flex;gap:10px}.pill{border:1px solid #dcdfe2;background:#fff;border-radius:6px;padding:8px 18px;font-size:11px}.pill.active{background:var(--gold);color:#fff;border-color:var(--gold)}
.dest-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.dest{height:175px;border-radius:10px;overflow:hidden;position:relative;background:#ddd}.dest img{width:100%;height:100%;object-fit:contain !important;}.dest:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.76))}.dest-copy{position:absolute;z-index:2;left:14px;bottom:12px;color:#fff}.dest-copy b{display:block;font-size:16px}.dest-copy small{font-size:10px}
.packages{background:#fffdf9}.pkg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.pkg{border:1px solid #e3e4e5;border-radius:11px;overflow:hidden;background:#fff;box-shadow:0 5px 16px rgba(0,0,0,.04)}.pkg-img{height:135px;position:relative;overflow:hidden}.pkg-img img{width:100%;height:100%;object-fit:cover}.badge,.price{position:absolute;top:9px;padding:5px 9px;border-radius:6px;color:#fff;font-size:10px;font-weight:700}.badge{left:9px;background:var(--gold)}.badge.blue{background:#1766ad}.price{right:9px;background:var(--gold)}.pkg-body{padding:13px}.pkg h3{font-size:14px;margin:0 0 6px}.pkg p{font-size:10px;color:#5f6870}.includes{display:flex;gap:14px;font-size:10px;color:#5d646b;margin:11px 0}.includes i{color:var(--gold)}.detail-btn{width:100%;padding:10px;background:#fff;border:1px solid #d9b46d;border-radius:6px;color:#9a6c16;font-weight:700;font-size:11px}
.why{padding:32px 0}.why-grid{display:grid;grid-template-columns:.9fr 1.35fr;gap:55px;align-items:center}.why img{width:100%;border-radius:16px}.why h2{font-size:29px;margin:0 0 8px}.why p{color:#656d75;font-size:12px;line-height:1.6}.why-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.why-card{border:1px solid #ececec;border-radius:12px;padding:14px;min-height:130px}.why-card i{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#fbf3e5;color:var(--gold);margin-bottom:10px}.why-card b{font-size:11px;display:block}.why-card span{font-size:10px;color:#66707a}
.testimonials{padding:10px 0 26px}.testimonials h2{text-align:center;font-size:24px}.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review{border:1px solid #e7e7e7;border-radius:12px;padding:18px;min-height:122px;box-shadow:0 5px 14px rgba(0,0,0,.03)}.stars{color:#f4aa18}.review p{font-size:11px;color:#4e5962}.person{display:flex;align-items:center;gap:10px;font-size:10px}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#2a6d91,#dd8e42)}
.cta{margin:18px auto 0;border-radius:12px;background:linear-gradient(90deg,#06233a,#0b2f49 60%,#7a5424);color:#fff;padding:18px 34px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.cta h3{font-size:20px;margin:0}.cta p{font-size:12px;margin:5px 0 12px;color:#e4e8eb}.cta button{background:var(--gold);border:0;color:#fff;font-weight:700;border-radius:6px;padding:11px 22px}.cta-contact{text-align:right}.cta-contact b{font-size:18px}.cta-icons{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.cta-icons img{width:34px;height:34px;object-fit:contain;border-radius:50%;background:#fff;padding:2px}
footer{background:#061b2b;color:#fff;margin-top:0}.footer-grid{display:grid;grid-template-columns:1.28fr repeat(4,1fr);gap:34px;padding:34px 0 26px}.footer-grid h4{font-size:14px;margin:0 0 12px}.footer-grid p,.footer-grid a{font-size:12px;color:#d8dde0;line-height:1.85;display:block}.footer-grid a:hover{color:#e6b654}.social{display:flex;gap:8px;margin-top:10px}.social a{width:30px;height:30px;border:1px solid #51616c;border-radius:50%;display:grid;place-items:center;font-size:12px}.payment-strip{border-top:1px solid #20394b;padding:18px 0;background:#071f31}.payment-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}.payment-copy b{display:block;font-size:14px;margin-bottom:4px}.payment-copy span{font-size:11px;color:#c9d2d8}.payment-img{max-width:460px;width:46%;height:auto;display:block;background:#fff;border-radius:7px;padding:5px}.policy-links{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;padding:12px 0;border-top:1px solid #20394b}.policy-links a{font-size:11px;color:#e1e6e9}.copyright{border-top:1px solid #324653;background:#c58d28;color:#fff;font-size:10px;padding:8px 0}.copyright .container{display:flex;justify-content:space-between}
.drawer-backdrop{position:fixed;inset:0;background:rgba(2,14,24,.58);backdrop-filter:blur(2px);z-index:90;display:none}.drawer-backdrop.show{display:block}.drawer{position:fixed;right:-470px;top:0;width:min(450px,94vw);height:100vh;background:#fff;z-index:100;transition:.32s ease;overflow:auto;box-shadow:-20px 0 60px rgba(0,0,0,.18)}.drawer.show{right:0}.drawer-top{padding:23px 24px 19px;background:linear-gradient(135deg,#061b2b,#0c354f);color:#fff;position:relative}.drawer-top h3{margin:0 45px 7px 0;font-size:22px}.drawer-top p{margin:0;color:#d5e0e6;font-size:12px;line-height:1.55}.drawer .close{position:absolute;right:20px;top:20px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.12);color:#fff;width:36px;height:36px;border-radius:50%;font-size:18px}.enq{padding:20px 24px 28px}.enq .input-wrap{position:relative;margin:10px 0}.enq .input-wrap>i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#bd8727;z-index:2}.enq .input-wrap.textarea>i{top:17px;transform:none}.enq input,.enq textarea,.enq select{width:100%;padding:13px 13px 13px 42px;border:1px solid #dfe3e6;border-radius:10px;margin:0;background:#fff;color:#16222d;font-size:14px;outline:none;transition:.2s}.enq input:focus,.enq textarea:focus,.enq select:focus{border-color:#c99535;box-shadow:0 0 0 3px rgba(201,149,53,.12)}.enq textarea{min-height:110px;resize:vertical}.enq button{width:100%;border:0;background:linear-gradient(135deg,#d5a13f,#b8791c);color:#fff;border-radius:10px;padding:14px;font-weight:800;font-size:15px;box-shadow:0 8px 18px rgba(183,122,29,.23)}.drawer-trust{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 24px 2px;padding:13px;border-radius:10px;background:#faf7f0;border:1px solid #efe3cb;font-size:10px;color:#5e6870}.drawer-trust span{display:flex;align-items:center;gap:7px}.drawer-trust i{color:#bc8527}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(30px);background:#082536;color:#fff;padding:12px 18px;border-radius:8px;opacity:0;pointer-events:none;transition:.25s;z-index:200}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:1180px){
 .form-grid{grid-template-columns:minmax(220px,1.35fr) minmax(145px,.8fr) minmax(145px,.8fr) minmax(210px,1fr) minmax(220px,.9fr)}
 .search-btn{font-size:13px;padding:0 13px}.field{padding-left:13px;padding-right:13px}
}
@media(max-width:980px){
 .menu,.help{display:none}.mobile-toggle{display:block}.logo{min-width:0}.nav{height:76px}
 .hero{padding-top:105px;min-height:390px}.hero h1{font-size:40px}.hero h1 span{font-size:43px}
 .search-wrap{margin-top:-52px}.form-grid{grid-template-columns:1fr 1fr}.field{border-bottom:1px solid #eee}.search-btn{min-height:58px}
 .benefits{grid-template-columns:repeat(2,1fr)}.benefit{border-bottom:1px solid #eee}
 .dest-grid{grid-template-columns:repeat(3,1fr)}.pkg-grid{grid-template-columns:repeat(2,1fr)}
 .why-grid{grid-template-columns:1fr}.why-cards{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}
 .float-actions{top:auto;bottom:18px;right:12px;display:flex}.float-actions a{width:52px;height:52px;border-bottom:0;border-right:1px solid #eee}.float-actions a span{display:none}
}
@media(max-width:640px){
 .container{width:min(100% - 22px,1180px)}.hero{min-height:470px;padding-top:95px;background-position:62% center}.hero h1{font-size:34px}.hero h1 span{font-size:39px}.hero p{font-size:13px}.hero-stats{gap:14px}
 .logo b{font-size:13px}.logo small{font-size:8px}.brand-logo-img{width:54px;height:54px}
 .search-wrap{margin-top:-98px}.search-card{padding:0 10px 12px}.tab{padding:14px 18px;font-size:12px}.form-grid{grid-template-columns:1fr}.field{border-right:0}.search-btn{margin:8px 0 0}
 .guest-pop{position:fixed;left:12px;right:12px;top:110px;width:auto}
 .benefits{grid-template-columns:1fr}.benefit{border-right:0}.section{padding-top:32px}.section-head{align-items:flex-start;gap:12px;flex-direction:column}.dest-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.dest{min-width:78%;scroll-snap-align:start}
 .pkg-grid{grid-template-columns:1fr}.why-cards{grid-template-columns:1fr 1fr}.test-grid{grid-template-columns:1fr}.cta{align-items:flex-start;flex-direction:column;gap:14px}.cta-contact{text-align:left}
 .footer-grid{grid-template-columns:1fr 1fr;gap:22px}.footer-grid>div:first-child{grid-column:1/-1}.payment-inner{flex-direction:column;align-items:flex-start}.payment-img{width:100%;max-width:520px}.policy-links{gap:12px 18px}.copyright .container{gap:10px;flex-direction:column;text-align:center}
}

/* FINAL HEADER + HERO RESPONSIVE FIX */
@media(min-width:981px){
 .container{width:min(1320px,calc(100% - 40px))}
 .nav{gap:18px;height:92px}
 .logo{min-width:250px;flex:0 0 250px}
 .brand-logo-img{width:62px;height:62px}
 .menu{gap:0;justify-content:space-between;min-width:0;font-size:12px}
 .menu a{padding:9px 10px;white-space:nowrap}
 .menu a.active{padding:9px 13px}
 .help{font-size:13px;margin-left:8px}
 .hero{min-height:430px;padding-top:132px}
 .hero-copy{max-width:560px;padding-bottom:105px}
 .hero p{max-width:520px;margin-bottom:0}
 .search-wrap{margin-top:-72px}
}
@media(min-width:981px) and (max-width:1220px){
 .logo{min-width:205px;flex-basis:205px}.brand-logo-img{width:54px;height:54px}.logo b{font-size:14px}.logo small{font-size:8px}
 .menu{font-size:11px}.menu a{padding:8px 6px}.help{font-size:11px}.help i{width:34px;height:34px}
}
@media(max-width:1180px){
 .form-grid{grid-template-columns:minmax(220px,1.35fr) minmax(145px,.8fr) minmax(145px,.8fr) minmax(210px,1fr) minmax(220px,.9fr)}
 .search-btn{font-size:13px;padding:0 13px}.field{padding-left:13px;padding-right:13px}
}
@media(max-width:980px){.hero-copy{padding-bottom:85px}.search-wrap{margin-top:-62px}}
@media(max-width:640px){.hero-copy{padding-bottom:120px}.search-wrap{margin-top:-105px}}


.flatpickr-calendar{font-family:Inter,Arial,sans-serif;border:0!important;border-radius:14px!important;box-shadow:0 18px 50px rgba(0,0,0,.18)!important;overflow:hidden}
.flatpickr-months{background:#061b2b;color:#fff;padding:5px 0}.flatpickr-current-month,.flatpickr-current-month input.cur-year{color:#fff!important}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{color:#fff!important;fill:#fff!important}
.flatpickr-weekdays{background:#f8f2e7}.flatpickr-weekday{color:#8e651c!important}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange{background:#c7922d!important;border-color:#c7922d!important}.flatpickr-day:hover{background:#f5e8ce!important;border-color:#f5e8ce!important}
@media(max-width:520px){.flatpickr-calendar{max-width:calc(100vw - 24px)}.why-cards{grid-template-columns:1fr}.drawer{width:100vw;max-width:100vw}.enq{padding:18px}.drawer-top{padding-left:18px;padding-right:18px}.drawer-trust{margin-left:18px;margin-right:18px}}


/* Final live-URL icon sizing */
.floating img{width:42px!important;height:42px!important;object-fit:contain!important;border-radius:50%;display:block;margin:auto}
.floating a{min-height:76px!important;font-size:10px!important}
.cta-icons{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:12px!important;margin-top:10px!important}
.cta-icons a{width:44px;height:44px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 5px 16px rgba(0,0,0,.18);overflow:hidden}
.cta-icons img{width:38px!important;height:38px!important;object-fit:contain!important;border-radius:50%!important;display:block!important}
.payment-img{max-width:500px!important;width:min(48%,500px)!important;height:auto!important;object-fit:contain!important}
@media(max-width:760px){
 .floating img{width:38px!important;height:38px!important}
 .cta-icons{justify-content:flex-start!important}
 .cta-icons a{width:42px;height:42px}
 .cta-icons img{width:36px!important;height:36px!important}
 .payment-img{width:100%!important;max-width:500px!important}
}


.railway-priority-section{padding:34px 0 12px;background:linear-gradient(180deg,#fff 0,#f7fafc 100%)}
.railway-banner{position:relative;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;gap:30px;padding:34px;border-radius:22px;background:linear-gradient(125deg,#061b2b 0%,#0b3851 58%,#9c6c22 135%);box-shadow:0 18px 45px rgba(6,27,43,.14);color:#fff}
.railway-banner:before{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-150px;top:-190px}
.railway-banner:after{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(255,255,255,.07);border-radius:50%;left:-110px;bottom:-160px}
.railway-banner-copy,.railway-quick-card{position:relative;z-index:2}
.railway-kicker{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);padding:8px 12px;border-radius:999px;color:#f2c15d;font-size:12px;font-weight:800}
.railway-banner h2{font-size:31px;line-height:1.12;margin:16px 0 11px;max-width:650px}
.railway-banner-copy>p{font-size:14px;line-height:1.75;color:#dce7ed;max-width:680px;margin:0 0 18px}
.railway-service-pills{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 22px}
.railway-service-pills span{display:flex;align-items:center;gap:7px;padding:9px 11px;border-radius:9px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);font-size:11px;font-weight:700}
.railway-service-pills i{color:#efb53d}
.railway-banner-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.rail-enquiry-btn,.rail-call-btn{min-height:45px;padding:0 17px;border-radius:9px;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;cursor:pointer}
.rail-enquiry-btn{border:0;background:linear-gradient(135deg,#e1ad45,#bc7d1d);color:#fff}.rail-call-btn{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff}
.rail-note{display:block;color:#b9c8d1;font-size:10px;line-height:1.5;max-width:650px}.rail-note i{color:#e7b34d;margin-right:5px}
.railway-quick-card{background:#fff;color:#13212b;border-radius:17px;padding:20px;box-shadow:0 16px 35px rgba(0,0,0,.16)}
.rail-card-head{display:flex;align-items:center;gap:12px;padding-bottom:14px;margin-bottom:13px;border-bottom:1px solid #eee}.rail-icon{width:43px;height:43px;border-radius:12px;background:#fff5df;color:#bc8123;display:grid;place-items:center;font-size:20px}.rail-card-head b{display:block;font-size:16px}.rail-card-head span{display:block;color:#7b858d;font-size:10px;margin-top:3px}
.railway-quick-card label{display:block;font-size:9px;font-weight:800;text-transform:uppercase;color:#64717b;margin:8px 0 5px}
.rail-route-grid{display:grid;grid-template-columns:1fr 26px 1fr;align-items:center}.rail-swap{display:grid;place-items:center;color:#b77b1d;font-size:11px}
.rail-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rail-input{height:44px;border:1px solid #dfe3e6;border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 11px;background:#fff}.rail-input:focus-within{border-color:#c69031;box-shadow:0 0 0 3px rgba(198,144,49,.1)}.rail-input i{color:#bd8425;flex:0 0 auto}.rail-input input,.rail-input select{border:0!important;outline:0!important;width:100%;min-width:0;background:transparent!important;font-size:11px!important;padding:0!important;margin:0!important;color:#25313a}
.rail-submit{width:100%;border:0;border-radius:9px;background:linear-gradient(135deg,#d9a43d,#b9791d);color:#fff;min-height:46px;margin-top:13px;font-weight:800;font-size:12px;cursor:pointer}
.mobile-enquiry-bar{display:none}
@media(max-width:980px){.railway-banner{grid-template-columns:1fr;padding:26px}.railway-banner h2{font-size:27px}}
@media(max-width:700px){
 body{padding-bottom:68px}
 .railway-priority-section{padding-top:20px}.railway-banner{padding:20px 15px;border-radius:16px;gap:20px}.railway-banner h2{font-size:23px}.railway-banner-copy>p{font-size:12px}.railway-service-pills{display:grid;grid-template-columns:1fr 1fr;gap:7px}.railway-service-pills span{font-size:10px;padding:8px}.railway-banner-actions{display:grid;grid-template-columns:1fr 1fr}.rail-enquiry-btn,.rail-call-btn{padding:0 10px;font-size:10px}.railway-quick-card{padding:15px}.rail-mini-grid{grid-template-columns:1fr}.rail-route-grid{grid-template-columns:1fr 22px 1fr}.rail-input{padding:0 8px}.rail-input input,.rail-input select{font-size:10px!important}
 .mobile-enquiry-bar{position:fixed;display:grid;grid-template-columns:1.5fr .75fr .75fr;left:8px;right:8px;bottom:8px;height:58px;background:#fff;border-radius:14px;box-shadow:0 8px 35px rgba(0,0,0,.24);z-index:120;padding:5px;border:1px solid #e9e9e9}
 .mobile-enquiry-bar button,.mobile-enquiry-bar a{border:0;text-decoration:none;border-radius:10px;background:#fff;color:#15232d;display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;font-weight:800}
 .mobile-enquiry-bar button{background:linear-gradient(135deg,#d6a23f,#b8781c);color:#fff;font-size:10px}.mobile-enquiry-bar button i{font-size:15px}.mobile-enquiry-bar img{width:25px;height:25px;object-fit:contain;border-radius:50%}
}
@media(max-width:430px){.railway-banner-actions{grid-template-columns:1fr}.railway-route-grid{grid-template-columns:1fr}.rail-swap{height:20px;transform:rotate(90deg)}.mobile-enquiry-bar span{white-space:nowrap}}
/* ===== FINAL RESPONSIVE HERO + BOOKING UX PATCH ===== */
html,body{max-width:100%;overflow-x:hidden}
img{max-width:100%}
.hero{position:relative!important;min-height:0!important;padding:0!important;background:none!important;overflow:hidden;color:#fff;aspect-ratio:2/1}
.hero:after{display:none!important}
.hero-banner-img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center center}
.hero-overlay-content{position:relative;z-index:2;height:100%;pointer-events:none}
.hero-copy{display:none!important}
.top{background:linear-gradient(180deg,rgba(3,22,36,.96),rgba(3,22,36,.72),transparent)}
.search-wrap{margin-top:-66px!important}
.benefits{background:#fff;overflow:hidden}
.benefit{min-width:0;padding:18px 15px}
.benefit i{flex:0 0 44px;width:44px;height:44px}
.benefit b{font-size:12px;line-height:1.35}
.benefit span{font-size:10.5px;line-height:1.45;display:block;margin-top:3px}

@media (min-width:1440px){
 .hero{aspect-ratio:2.18/1;max-height:720px}
 .hero-banner-img{object-position:center 52%}
 .search-wrap{margin-top:-76px!important}
}
@media (min-width:981px) and (max-width:1439px){
 .hero{aspect-ratio:2/1;min-height:520px!important}
 .hero-banner-img{object-position:center center}
 .search-wrap{margin-top:-68px!important}
}
@media (max-width:1180px){
 .benefits{grid-template-columns:repeat(3,1fr)}
 .benefit:nth-child(3){border-right:0}.benefit:nth-child(-n+3){border-bottom:1px solid #eee}
 .benefit:nth-child(4),.benefit:nth-child(5){grid-column:span 1}
}
@media (max-width:980px){
 .top{position:relative;background:#061b2b}
 .nav{height:74px}
 .hero{aspect-ratio:2/1;min-height:0!important}
 .hero-banner-img{object-fit:contain;object-position:center;background:#061b2b}
 .search-wrap{margin-top:0!important;padding-top:14px}
 .search-card{width:min(100% - 22px,1180px)}
 .tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch}.tabs::-webkit-scrollbar{display:none}
 .form-grid{grid-template-columns:1fr 1fr!important}
 .search-btn{margin:8px;min-height:58px}
 .benefits{grid-template-columns:repeat(2,1fr);margin-top:18px}
 .benefit{border-right:1px solid #eee!important;border-bottom:1px solid #eee!important}
 .benefit:nth-child(even){border-right:0!important}
 .benefit:last-child{grid-column:1/-1;border-right:0!important;border-bottom:0!important}
 .float-actions{display:none!important}
}
@media (max-width:640px){
 .container{width:min(100% - 20px,1180px)}
 .nav{height:68px}.brand-logo-img{width:50px;height:50px}.logo{gap:8px}.logo b{font-size:12px}.logo small{font-size:7.5px}.logo em{font-size:7px}
 .hero{width:100%;aspect-ratio:2/1;background:#061b2b}
 .hero-banner-img{width:100%;height:100%;object-fit:contain;object-position:center}
 .search-wrap{margin-top:0!important;padding-top:10px}
 .search-card{width:calc(100% - 16px);padding:0 8px 10px;border-radius:14px}
 .tabs{padding:8px 4px 0;gap:5px}.tab{padding:12px 14px;font-size:11px;gap:7px}
 .form-grid{grid-template-columns:1fr!important;border-radius:10px;overflow:visible}
 .field{min-height:70px;padding:11px 12px;border-right:0!important}.field label{font-size:9.5px}.field input{font-size:12px}
 .search-btn{width:calc(100% - 16px);margin:8px;min-height:52px;font-size:12px;white-space:normal}
 .benefits{grid-template-columns:1fr!important;width:calc(100% - 20px);margin-top:16px;border-radius:13px}
 .benefit,.benefit:nth-child(even),.benefit:last-child{grid-column:auto!important;border-right:0!important;border-bottom:1px solid #eee!important;padding:14px 13px}
 .benefit:last-child{border-bottom:0!important}.benefit i{width:40px;height:40px;flex-basis:40px;font-size:16px}.benefit b{font-size:11px}.benefit span{font-size:9.5px}
 .railway-priority-section{padding-top:22px}
 .mobile-enquiry-bar{z-index:999}
}
@media (max-width:390px){
 .logo div{max-width:165px}.mobile-toggle{font-size:21px}.hero{aspect-ratio:2/1}
 .tab{padding:11px 12px;font-size:10.5px}.benefit{gap:10px}
}


/* ===== MOBILE UX PRO POLISH: menu, compact booking, carousels ===== */
.section-head-actions{display:flex;align-items:center;gap:12px}.carousel-arrows{display:flex;gap:7px}.carousel-arrow{width:35px;height:35px;border:1px solid #e1e4e6;border-radius:50%;background:#fff;color:#9f6c17;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.06);transition:.2s}.carousel-arrow:hover{background:#c7922d;color:#fff;border-color:#c7922d}.testimonial-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.testimonial-heading h2{margin:0}.carousel-dots{display:none;justify-content:center;gap:6px;margin:13px 0 4px}.carousel-dot{width:7px;height:7px;border-radius:99px;border:0;background:#d4d9dd;padding:0;transition:.25s}.carousel-dot.active{width:22px;background:#c7922d}
.benefit-shell{position:relative}.benefit-arrow{display:none;position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:31px;height:31px;border-radius:50%;border:1px solid #e8e2d7;background:#fff;color:#a46e17;box-shadow:0 5px 15px rgba(0,0,0,.1);place-items:center}.benefit-prev{left:-2px}.benefit-next{right:-2px}

@media(max-width:980px){
 .top{z-index:1000}.nav{position:relative}.mobile-toggle{display:grid!important;place-items:center;width:42px;height:42px;border-radius:10px;background:rgba(255,255,255,.08);cursor:pointer;z-index:1003}.mobile-toggle i{transition:.2s}
 .menu{display:flex!important;position:fixed;top:78px;left:14px;right:14px;z-index:1002;flex-direction:column;gap:4px;align-items:stretch;justify-content:flex-start;padding:12px;background:rgba(5,27,43,.985);border:1px solid rgba(255,255,255,.1);border-radius:15px;box-shadow:0 20px 55px rgba(0,0,0,.28);opacity:0;visibility:hidden;transform:translateY(-10px) scale(.985);transition:.22s ease;max-height:calc(100vh - 100px);overflow:auto}.menu.open{opacity:1;visibility:visible;transform:none}.menu a{padding:12px 13px!important;border-radius:9px;font-size:13px;color:#fff!important}.menu a.active{background:linear-gradient(135deg,#d6a23f,#b8781c)}.menu a:not(.active):hover{background:rgba(255,255,255,.07)}
 body.menu-open:before{content:"";position:fixed;inset:0;background:rgba(0,0,0,.43);z-index:999;backdrop-filter:blur(2px)}
}

@media(max-width:640px){
 /* Compact booking: not one field per row */
 .search-card{padding-bottom:10px!important}.form-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;overflow:visible!important}.field{min-height:66px!important;padding:10px 10px!important;border-bottom:1px solid #eee!important}.field:first-child{grid-column:1/-1}.field:nth-child(2){grid-column:1/2;border-right:1px solid #eee!important}.field:nth-child(3){grid-column:2/3}.field:nth-child(4){grid-column:1/-1}.search-btn{grid-column:1/-1;width:calc(100% - 12px)!important;margin:6px!important;min-height:49px!important}.field label{font-size:8.8px!important;margin-bottom:5px!important}.field input{font-size:11px!important}.field-row{gap:7px!important}.field-row i{font-size:14px!important}
 .tabs{padding:7px 4px 0!important}.tab{flex:0 0 auto;min-width:91px;justify-content:center;border-radius:8px 8px 0 0!important}.tab[data-type="Visa/Passport"]{min-width:126px}.guest-pop{left:8px!important;right:8px!important;width:auto!important;top:68px!important}

 /* Benefit ribbon instead of five vertical blocks */
 .benefit-shell{width:100%!important;margin-top:14px!important;padding:0 25px}.benefits{display:flex!important;grid-template-columns:none!important;width:100%!important;margin:0!important;overflow-x:auto!important;scroll-snap-type:x mandatory;scrollbar-width:none;border:0!important;border-radius:0!important;box-shadow:none!important;gap:10px;padding:3px 0 8px}.benefits::-webkit-scrollbar{display:none}.benefit,.benefit:nth-child(even),.benefit:last-child{flex:0 0 82%!important;min-height:78px;scroll-snap-align:center;display:flex!important;border:1px solid #ece5d9!important;border-radius:13px!important;background:#fff!important;padding:12px!important;box-shadow:0 6px 16px rgba(6,27,43,.055)}.benefit i{width:38px!important;height:38px!important;flex-basis:38px!important}.benefit b{font-size:10.5px!important}.benefit span{font-size:9px!important}.benefit-arrow{display:grid}

 /* destination: one strong card + peek + arrows */
 .dest-section-head{gap:11px!important}.section-head-actions{width:100%;justify-content:space-between}.dest-arrows{display:flex}.dest-grid{display:flex!important;gap:10px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:2px 1px 8px}.dest-grid::-webkit-scrollbar{display:none}.dest{flex:0 0 78%!important;min-width:0!important;height:170px!important;scroll-snap-align:center;border-radius:12px!important;box-shadow:0 8px 20px rgba(0,0,0,.09)}.dest-copy b{font-size:15px!important}

 /* Packages: two-column feel without tiny text; one full card with next peek */
 .pkg-grid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:11px;padding:2px 1px 9px}.pkg-grid::-webkit-scrollbar{display:none}.pkg{flex:0 0 88%;scroll-snap-align:center}.pkg-img{height:145px!important}

 /* Why choose: visual compact two-column panel */
 .why{padding:28px 0 18px!important}.why-grid{display:grid!important;grid-template-columns:1fr!important;gap:15px!important}.why-grid>div:first-child{display:block!important;height:150px;overflow:hidden;border-radius:14px}.why-grid>div:first-child img{height:100%;object-fit:cover}.why h2{font-size:23px!important;line-height:1.08}.why p{font-size:10.5px!important;margin-bottom:12px}.why-cards{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}.why-card{min-height:112px!important;padding:11px!important;border-radius:12px!important;background:linear-gradient(180deg,#fff,#fffaf2);box-shadow:0 5px 14px rgba(0,0,0,.035)}.why-card i{width:34px!important;height:34px!important;margin-bottom:8px!important}.why-card b{font-size:10px!important;line-height:1.3}.why-card span{font-size:8.8px!important;line-height:1.4;display:block;margin-top:3px}

 /* Testimonials: autoplay swipe slider */
 .testimonials{padding:9px 0 22px!important}.testimonial-heading{margin-bottom:12px}.testimonial-heading h2{font-size:20px!important;text-align:left!important}.testimonial-arrows{display:flex}.test-grid{display:flex!important;grid-template-columns:none!important;gap:10px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:2px 1px 8px}.test-grid::-webkit-scrollbar{display:none}.review{flex:0 0 92%;scroll-snap-align:center;min-height:145px!important;border-radius:13px!important;padding:16px!important}.review p{font-size:10px!important;line-height:1.55}.carousel-dots{display:flex}
 .cta{margin-top:18px!important;border-radius:14px!important;padding:17px!important}
}
@media(max-width:380px){.why-cards{grid-template-columns:1fr 1fr!important}.benefit{flex-basis:88%!important}.dest{flex-basis:84%!important}.review{flex-basis:94%!important}.tab{min-width:86px!important;padding-left:10px!important;padding-right:10px!important}}


/* ===== Footer + package carousel professional patch ===== */
.package-head-actions{display:flex;align-items:center;gap:12px}.arrow-anim{display:inline-block;margin-left:4px;animation:grArrow 1.15s ease-in-out infinite}@keyframes grArrow{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
.package-arrows{display:flex;gap:7px}.footer-contact .contact-line{display:grid;grid-template-columns:20px minmax(0,1fr) 18px;align-items:start;gap:8px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.08);line-height:1.45!important}.footer-contact .contact-line>i:first-child{color:#d99b2b;margin-top:3px}.contact-arrow{color:#d99b2b;opacity:.65;margin-top:3px;animation:grContactArrow 1.4s ease-in-out infinite}.footer-contact .contact-line:hover .contact-arrow{opacity:1}@keyframes grContactArrow{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}
.hours-card{margin-top:12px;padding:11px;border:1px solid rgba(217,155,43,.25);background:rgba(255,255,255,.045);border-radius:10px}.hours-title{display:flex;align-items:center;gap:7px;color:#fff;font-size:12px;font-weight:800;margin-bottom:8px}.hours-title i{color:#d99b2b}.hours-row{display:flex;justify-content:space-between;gap:10px;font-size:10.5px;color:#cdd6dc;padding:4px 0}.hours-row b{color:#fff;font-weight:700;text-align:right}.hours-row.closed b{color:#e8b04c}
@media (min-width:761px){.pkg-grid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:18px;padding:2px 2px 12px}.pkg-grid::-webkit-scrollbar{display:none}.pkg{flex:0 0 calc((100% - 54px)/4);scroll-snap-align:start}.package-arrows{display:flex}}
@media (max-width:760px){.package-head-actions{gap:7px}.package-head-actions .pill{font-size:9px;padding:7px 9px}.package-arrows{display:flex}.package-arrows .carousel-arrow{width:29px;height:29px}.footer-contact{grid-column:1/-1!important}.footer-contact .contact-line{font-size:11px!important}.hours-card{max-width:100%}.hours-title{font-size:12px}.hours-row{font-size:10.5px}}
@media (max-width:390px){.section-head{align-items:flex-end}.package-head-actions{flex-direction:column;align-items:flex-end;gap:5px}.package-arrows{order:-1}}

/* ===== Footer navigation arrow + typography polish ===== */
.footer-nav-col h4{font-size:15px!important;line-height:1.35;margin-bottom:14px!important;display:flex;align-items:center;gap:8px}
.footer-nav-col h4::before{content:'\f061';font-family:'Font Awesome 6 Free';font-weight:900;color:#d99b2b;font-size:12px;display:inline-block;animation:grFooterHeadArrow 1.5s ease-in-out infinite}
.footer-nav-col>a{font-size:12.5px!important;line-height:1.55!important;position:relative;padding:4px 0 4px 15px!important;transition:color .2s ease,transform .2s ease}
.footer-nav-col>a::before{content:'\f105';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;left:0;top:6px;color:#d99b2b;font-size:10px;transition:transform .2s ease}
.footer-nav-col>a:hover{color:#e5ad45!important;transform:translateX(2px)}
.footer-nav-col>a:hover::before{transform:translateX(3px)}
@keyframes grFooterHeadArrow{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}
@media(max-width:760px){.footer-nav-col h4{font-size:13px!important;margin-bottom:9px!important;gap:6px}.footer-nav-col h4::before{font-size:10px}.footer-nav-col>a{font-size:11px!important;padding:3px 0 3px 13px!important}.footer-nav-col>a::before{top:5px}}

/* ===== Premium desktop navigation hover patch ===== */
@media (min-width: 901px) and (hover:hover) and (pointer:fine){
  .menu a{
    position:relative;
    isolation:isolate;
    padding:10px 11px;
    border-radius:9px;
    transition:color .28s ease, transform .28s ease, background-color .28s ease, box-shadow .28s ease;
  }
  .menu a::before{
    content:"";
    position:absolute;
    inset:2px;
    z-index:-1;
    border-radius:8px;
    background:linear-gradient(135deg,rgba(214,162,63,.18),rgba(214,162,63,.06));
    opacity:0;
    transform:scale(.86);
    transition:opacity .28s ease,transform .28s ease;
  }
  .menu a::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:3px;
    width:0;
    height:2px;
    border-radius:99px;
    background:linear-gradient(90deg,#f4c75f,#c58b25);
    transform:translateX(-50%);
    transition:width .3s cubic-bezier(.2,.8,.2,1);
    box-shadow:0 0 10px rgba(214,162,63,.35);
  }
  .menu a:hover{
    color:#f5c75f;
    transform:translateY(-2px);
    text-shadow:0 2px 12px rgba(0,0,0,.18);
  }
  .menu a:hover::before{opacity:1;transform:scale(1)}
  .menu a:hover::after{width:58%}
  .menu a.active{
    color:#fff;
    background:linear-gradient(135deg,#d7a43e,#bd7d1f);
    box-shadow:0 7px 18px rgba(188,124,29,.2);
  }
  .menu a.active::before,.menu a.active::after{display:none}
  .menu a.active:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(188,124,29,.3)}
}
@media (prefers-reduced-motion:reduce){.menu a,.menu a::before,.menu a::after{transition:none!important}}

/* ===== Final interaction patch: 22 Aug 2026 ===== */
/* Footer headings: no leading arrow; keep clean premium typography */
.footer-nav-col h4::before{content:none!important;display:none!important;animation:none!important}
.footer-nav-col h4{gap:0!important}

/* Destination + package cards: premium motion on desktop and touch feedback on mobile */
.dest,.pkg{will-change:transform;transition:transform .34s cubic-bezier(.2,.75,.25,1),box-shadow .34s ease,border-color .34s ease}
.dest img,.pkg-img img{transition:transform .55s cubic-bezier(.2,.75,.25,1),filter .35s ease}
.detail-btn,.pill,.carousel-arrow{position:relative;z-index:3;touch-action:manipulation}
@media (hover:hover) and (pointer:fine){
  .dest:hover{transform:translateY(-7px);box-shadow:0 15px 32px rgba(9,35,52,.18)}
  .dest:hover img{transform:scale(1.055);filter:saturate(1.06)}
  .pkg:hover{transform:translateY(-7px);box-shadow:0 16px 34px rgba(9,35,52,.13);border-color:rgba(199,146,45,.5)}
  .pkg:hover .pkg-img img{transform:scale(1.045)}
  .detail-btn:hover{background:#c7922d;color:#fff;border-color:#c7922d;transform:translateY(-1px)}
}
.dest:active,.pkg:active{transform:scale(.985)}
.detail-btn{cursor:pointer;transition:background .22s ease,color .22s ease,border-color .22s ease,transform .22s ease}

/* subtle reveal animation, without breaking layout */
.section.is-visible .section-head h2{animation:grSectionTitle .55s ease both}
.section.is-visible .dest,.section.is-visible .pkg{animation:grCardIn .55s ease both}
.section.is-visible .dest:nth-child(2),.section.is-visible .pkg:nth-child(2){animation-delay:.06s}
.section.is-visible .dest:nth-child(3),.section.is-visible .pkg:nth-child(3){animation-delay:.12s}
.section.is-visible .dest:nth-child(4),.section.is-visible .pkg:nth-child(4){animation-delay:.18s}
.section.is-visible .dest:nth-child(5){animation-delay:.24s}
@keyframes grSectionTitle{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes grCardIn{from{opacity:.45;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.section.is-visible .section-head h2,.section.is-visible .dest,.section.is-visible .pkg{animation:none!important}.dest,.pkg,.dest img,.pkg-img img{transition:none!important}}

/* mobile controls remain visible, compact and tappable */
@media(max-width:760px){
 .dest-arrows .carousel-arrow,.package-arrows .carousel-arrow{min-width:34px!important;width:34px!important;height:34px!important}
 .section-head-actions,.package-head-actions{position:relative;z-index:5}
 .dest-grid,.pkg-grid{scroll-padding-inline:1px;-webkit-overflow-scrolling:touch}
 .dest,.pkg{animation-duration:.42s!important}
}


/* ===== FINAL PHONE + SECTION COPY + REVIEW CAROUSEL PATCH ===== */
.help{color:#fff;text-decoration:none;transition:transform .22s ease,color .22s ease}.help:hover{transform:translateY(-2px);color:#f2b43d}.help strong{display:block;font-size:14px;line-height:1.15;letter-spacing:.1px}.help small{font-size:10.5px;line-height:1.2;margin-bottom:2px}
.section-title-copy{min-width:0}.section-title-copy h2{margin-bottom:5px!important}.section-desc{margin:0;color:#68737d;font-size:12px;line-height:1.55;max-width:720px;font-weight:400}.testimonial-title-copy{text-align:left}.testimonial-title-copy h2{text-align:left!important}.testimonial-heading{gap:18px}
/* make every carousel truly scrollable on desktop too */
.test-grid{display:flex!important;grid-template-columns:none!important;gap:18px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:3px 2px 10px}.test-grid::-webkit-scrollbar{display:none}.review{flex:0 0 calc((100% - 36px)/3);scroll-snap-align:start}.sample-review{background:linear-gradient(180deg,#fff,#fffdf8)}.sample-review small{color:#8a6a31}
.cta-icons a{width:48px!important;height:48px!important;padding:4px!important}.cta-icons img{width:40px!important;height:40px!important;object-fit:cover!important;border-radius:50%!important;padding:0!important;background:#fff!important}
@media(min-width:981px){.help{font-size:13px!important}.help i{width:42px!important;height:42px!important;flex:0 0 42px}.help strong{font-size:14px}}
@media(max-width:980px){.section-desc{font-size:11.5px}.review{flex-basis:48%}}
@media(max-width:640px){.section-head{gap:10px!important}.section-title-copy{width:100%}.section-desc{font-size:10.5px;line-height:1.5}.testimonial-heading{align-items:flex-end}.testimonial-title-copy{max-width:calc(100% - 82px)}.review{flex-basis:88%!important}.cta-icons a{width:46px!important;height:46px!important}.cta-icons img{width:38px!important;height:38px!important}}

/* Service-specific enquiry form patch */
.enq .service-selector{margin-top:2px;margin-bottom:14px}
.enq #dynamicEnquiryFields{display:grid;grid-template-columns:1fr;gap:0}
.enq .field-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.enq .input-wrap{min-width:0}
.enq input,.enq textarea,.enq select{min-height:48px}
.enq textarea{min-height:118px}
@media (max-width:520px){
  .enq .field-pair{grid-template-columns:1fr 1fr;gap:8px}
  .enq input,.enq textarea,.enq select{font-size:16px;padding-left:40px}
}
@media (max-width:360px){.enq .field-pair{grid-template-columns:1fr}}

/* Service-specific primary enquiry form */
.service-main-form{display:flex!important;align-items:stretch!important;overflow:visible!important}
.main-service-fields{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));flex:1;min-width:0}
.main-service-fields .field{min-width:0}
.main-service-fields textarea{border:0;outline:0;resize:none;width:100%;height:24px;font:inherit;color:#18212a;background:transparent}
.service-main-form .search-btn{flex:0 0 225px}
@media(max-width:1100px){.main-service-fields{grid-template-columns:repeat(3,1fr)}.service-main-form{display:grid!important;grid-template-columns:1fr}.service-main-form .search-btn{width:auto;min-height:54px}.main-service-fields .field{border-bottom:1px solid #eee}}
@media(max-width:767px){.main-service-fields{grid-template-columns:1fr 1fr}.main-service-fields .field{min-height:66px!important}.main-service-fields .main-message{grid-column:1/-1}.service-main-form .search-btn{width:calc(100% - 12px)!important;margin:6px!important}.main-service-fields textarea{font-size:11px;height:22px}}
@media(max-width:420px){.main-service-fields{grid-template-columns:1fr}.main-service-fields .main-message{grid-column:auto}.main-service-fields .field{border-right:0!important}}
\n\n/* ===== FINAL SERVICE FORM ALIGNMENT / RESPONSIVE PATCH ===== */\n.service-main-form{display:flex!important;align-items:stretch!important;border:1px solid #e7e1d7!important;border-radius:0 0 14px 14px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 8px 22px rgba(8,31,48,.04)}\n.main-service-fields{display:grid!important;flex:1 1 auto!important;min-width:0!important;align-items:stretch!important}\n.service-main-form[data-service="Railway"] .main-service-fields,.service-main-form[data-service="Flight"] .main-service-fields{grid-template-columns:1.18fr 1.18fr .92fr .92fr 1.25fr!important}\n.service-main-form[data-service="Visa/Passport"] .main-service-fields,.service-main-form[data-service="Tours"] .main-service-fields{grid-template-columns:1fr 1fr 1.15fr 1.45fr!important}\n.service-main-form[data-service="Hotel"] .main-service-fields{grid-template-columns:1.3fr .8fr .8fr 1fr .9fr .9fr!important}\n.main-service-fields .field{min-height:82px!important;padding:14px 16px!important;border-right:1px solid #eee8de!important;border-bottom:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;background:#fff!important}\n.main-service-fields .field label{font-size:10.5px!important;line-height:1.15!important;margin:0 0 8px!important;color:#586875!important;font-weight:800!important;letter-spacing:.25px!important}\n.main-service-fields .field-row{min-height:28px!important;align-items:center!important;gap:10px!important}\n.main-service-fields .field-row i{width:20px!important;text-align:center!important;font-size:17px!important;color:#c98b22!important}\n.main-service-fields input,.main-service-fields textarea{font-size:14px!important;line-height:1.35!important;color:#17232d!important;padding:2px 0!important;margin:0!important;height:28px!important;min-height:28px!important;overflow:hidden!important}\n.main-service-fields textarea{resize:none!important;white-space:nowrap!important}\n.service-main-form .search-btn{flex:0 0 225px!important;align-self:center!important;min-height:62px!important;height:62px!important;margin:10px!important;padding:0 18px!important;border-radius:11px!important;font-size:14px!important;white-space:nowrap!important;box-shadow:0 7px 18px rgba(190,130,29,.18)!important}\n@media(max-width:1180px){.service-main-form{display:grid!important;grid-template-columns:1fr!important}.service-main-form .main-service-fields{grid-template-columns:repeat(3,minmax(0,1fr))!important}.service-main-form .search-btn{width:calc(100% - 20px)!important;max-width:none!important;min-height:56px!important;height:56px!important;margin:10px!important}.main-service-fields .field{border-bottom:1px solid #eee8de!important}.main-service-fields .main-message{grid-column:auto!important}}\n@media(max-width:767px){.search-card{overflow:hidden!important}.service-main-form{border-radius:0 0 12px 12px!important}.service-main-form .main-service-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}.main-service-fields .field{min-height:72px!important;padding:11px 12px!important}.main-service-fields .main-message{grid-column:1/-1!important}.main-service-fields .field label{font-size:9.5px!important;margin-bottom:6px!important}.main-service-fields input,.main-service-fields textarea{font-size:12px!important}.main-service-fields .field-row i{font-size:15px!important;width:17px!important}.service-main-form .search-btn{width:calc(100% - 16px)!important;margin:8px!important;height:52px!important;min-height:52px!important;font-size:12.5px!important}}\n@media(max-width:390px){.service-main-form .main-service-fields{grid-template-columns:1fr 1fr!important}.main-service-fields .field{padding:10px 9px!important}.main-service-fields .field-row{gap:6px!important}.main-service-fields .field label{font-size:8.8px!important}.main-service-fields input,.main-service-fields textarea{font-size:11px!important}.main-service-fields .main-message{grid-column:1/-1!important}}\n

/* ===== POLISHED PRIMARY SERVICE FORM v2 ===== */
.search-card{padding-bottom:0!important}
.service-main-form{display:grid!important;grid-template-columns:minmax(0,1fr) 230px!important;align-items:stretch!important;gap:0!important;background:#fff!important;border:1px solid #e7e1d7!important;border-radius:0 0 16px 16px!important;overflow:hidden!important;min-height:132px!important}
.main-service-fields{display:grid!important;min-width:0!important;align-content:stretch!important}
.service-main-form[data-service="Railway"] .main-service-fields,.service-main-form[data-service="Flight"] .main-service-fields{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.service-main-form[data-service="Visa/Passport"] .main-service-fields,.service-main-form[data-service="Tours"] .main-service-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.service-main-form[data-service="Hotel"] .main-service-fields{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.main-service-fields .field{min-width:0!important;min-height:66px!important;padding:11px 15px!important;border-right:1px solid #eee8de!important;border-bottom:1px solid #eee8de!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.main-service-fields .field:nth-last-child(-n+3){border-bottom:0!important}
.main-service-fields .field label{font-size:10px!important;margin:0 0 5px!important;line-height:1.15!important}
.main-service-fields .field-row{display:flex!important;align-items:center!important;gap:9px!important;min-height:26px!important}
.main-service-fields input,.main-service-fields textarea{width:100%!important;min-width:0!important;height:25px!important;min-height:25px!important;font-size:13px!important;line-height:25px!important;padding:0!important;border:0!important;background:transparent!important;outline:0!important;resize:none!important;white-space:nowrap!important;overflow:hidden!important}
.main-service-fields .main-message{grid-column:auto!important}
.service-main-form .search-btn{width:auto!important;height:auto!important;min-height:60px!important;margin:12px!important;align-self:stretch!important;justify-self:stretch!important;border-radius:12px!important;font-size:13px!important;white-space:normal!important;line-height:1.25!important;padding:15px!important}
.review{position:relative}.review-service{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;background:#fff6e3;color:#9b6917;font-size:9px;font-weight:800;margin-bottom:7px}.sample-review small{color:#7b838b!important}.review .avatar{display:grid;place-items:center}.review .avatar i{font-size:13px;color:#fff}
@media(max-width:980px){.service-main-form{grid-template-columns:1fr!important}.service-main-form .search-btn{min-height:52px!important;margin:8px!important}.main-service-fields .field:nth-last-child(-n+3){border-bottom:1px solid #eee8de!important}}
@media(max-width:700px){.service-main-form{min-height:0!important}.service-main-form[data-service] .main-service-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}.main-service-fields .field{min-height:68px!important;padding:10px 11px!important}.main-service-fields .main-message{grid-column:1/-1!important}.main-service-fields input,.main-service-fields textarea{font-size:12px!important}.service-main-form .search-btn{font-size:12px!important}}
@media(max-width:390px){.main-service-fields .field{padding:9px 8px!important}.main-service-fields .field label{font-size:9px!important}.main-service-fields input,.main-service-fields textarea{font-size:11px!important}.main-service-fields .field-row{gap:6px!important}}

/* ===== Golden Rich Premium Animated Preloader ===== */
#grPreloader{position:fixed;inset:0;z-index:999999;background:linear-gradient(135deg,#031b2b 0%,#062d46 58%,#041b2b 100%);display:flex;align-items:center;justify-content:center;transition:opacity .55s ease,visibility .55s ease}
#grPreloader.gr-loaded{opacity:0;visibility:hidden;pointer-events:none}
.gr-loader-inner{width:min(430px,88vw);text-align:center;color:#fff;padding:28px 20px}
.gr-loader-logo{width:92px;height:92px;object-fit:contain;display:block;margin:0 auto 16px;filter:drop-shadow(0 8px 22px rgba(0,0,0,.35));animation:grLogoPulse 1.7s ease-in-out infinite}
.gr-loader-brand{font-size:24px;font-weight:800;letter-spacing:.8px;color:#d89a26;margin-bottom:4px}.gr-loader-tag{font-size:12px;opacity:.82;margin-bottom:26px}
.gr-track{height:4px;background:rgba(255,255,255,.14);border-radius:20px;position:relative;overflow:visible;margin:0 8px 17px}.gr-track:after{content:"";position:absolute;left:0;top:0;height:100%;width:0;border-radius:20px;background:linear-gradient(90deg,#d39120,#ffd46f);animation:grProgress 1.65s ease forwards}
.gr-train{position:absolute;top:-15px;left:0;color:#f1b538;font-size:24px;filter:drop-shadow(0 4px 5px rgba(0,0,0,.25));animation:grTrain 1.65s ease forwards}
.gr-loader-text{font-size:13px;font-weight:600;letter-spacing:.3px}.gr-loader-text span{display:inline-block;animation:grDots 1.1s infinite}.gr-loader-text span:nth-child(2){animation-delay:.15s}.gr-loader-text span:nth-child(3){animation-delay:.3s}
@keyframes grLogoPulse{0%,100%{transform:scale(1);opacity:.92}50%{transform:scale(1.07);opacity:1}}@keyframes grProgress{to{width:100%}}@keyframes grTrain{0%{left:0}100%{left:calc(100% - 24px)}}@keyframes grDots{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-3px);opacity:1}}
@media(max-width:480px){.gr-loader-logo{width:74px;height:74px}.gr-loader-brand{font-size:20px}.gr-loader-inner{padding:22px 18px}.gr-loader-tag{font-size:11px;margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){.gr-loader-logo,.gr-track:after,.gr-train,.gr-loader-text span{animation:none}.gr-track:after{width:100%}.gr-train{left:calc(100% - 24px)}}


/* ===== SAFE RESPONSIVE + LOOPING CAROUSEL PATCH =====
   Layout-preserving: desktop proportions remain unchanged; only overflow,
   breakpoints, and carousel mechanics are reinforced. */
html,body{max-width:100%;overflow-x:hidden}
*,*::before,*::after{box-sizing:border-box}
img,svg,video{max-width:100%;height:auto}
.container,.search-card,.service-main-form,.main-service-fields,.field,.field-row{min-width:0}

/* Keep banner/image inside viewport at every width without stretching. */
.hero{width:100%;overflow:hidden}
.hero img,.hero picture{display:block;width:100%;height:auto;object-fit:cover}

/* True horizontal tracks while preserving the same desktop card counts. */
.dest-grid,.pkg-grid,.test-grid,.benefits{
  display:flex!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  overscroll-behavior-inline:contain;
}
.dest-grid::-webkit-scrollbar,.pkg-grid::-webkit-scrollbar,.test-grid::-webkit-scrollbar,.benefits::-webkit-scrollbar{display:none}
.dest,.pkg,.review,.benefit{scroll-snap-align:start;scroll-snap-stop:always;min-width:0}
.dest{flex:0 0 calc((100% - 64px)/5)}
.pkg{flex:0 0 calc((100% - 54px)/4)}
.review{flex:0 0 calc((100% - 36px)/3)!important}
.benefit{flex:0 0 calc(100%/5)}

/* Arrows always remain clickable above cards. */
.carousel-arrows,.package-head-actions,.section-head-actions,.testimonial-heading,.benefit-shell{position:relative;z-index:12}
.carousel-arrow,.benefit-arrow{pointer-events:auto!important;touch-action:manipulation;cursor:pointer!important}

/* Preserve primary form look; only prevent squeezing/overflow. */
.service-main-form{width:100%;max-width:100%}
.main-service-fields{min-width:0}
.main-service-fields .field{min-width:0;overflow:hidden}
.main-service-fields input,.main-service-fields textarea{max-width:100%}
.service-main-form .search-btn{min-width:0}

/* Large tablets / compact laptops */
@media(max-width:1180px){
  .dest{flex-basis:calc((100% - 48px)/4)}
  .pkg{flex-basis:calc((100% - 36px)/3)}
  .review{flex-basis:calc((100% - 18px)/2)!important}
  .benefit{flex-basis:calc(100%/3)}
  .nav{gap:14px}
}

/* Tablets */
@media(max-width:980px){
  .container{width:min(100% - 24px,1180px)}
  .dest{flex-basis:calc((100% - 24px)/3)}
  .pkg{flex-basis:calc((100% - 18px)/2)}
  .review{flex-basis:72%!important}
  .benefit{flex-basis:48%}
  .hero{background-position:center top!important}
  .search-wrap,.search-card{max-width:100%}
  .tabs{max-width:100%;overflow-x:auto;scrollbar-width:none}
  .tabs::-webkit-scrollbar{display:none}
  .tab{flex:0 0 auto}
}

/* Phones: no page-level horizontal overflow, card sliders stay compact. */
@media(max-width:640px){
  .container{width:calc(100% - 18px)!important}
  .hero{width:100%!important;min-width:0!important;background-size:cover!important;background-position:center top!important}
  .search-wrap{width:100%;max-width:100%}
  .search-card{width:calc(100% - 10px);margin-inline:auto;padding-inline:8px!important}
  .tabs{padding-inline:0;gap:4px}
  .tab{font-size:10.5px!important;padding:11px 12px!important}
  .service-main-form{width:100%!important;overflow:hidden!important}
  .service-main-form[data-service] .main-service-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .main-service-fields .field{min-width:0!important;padding:10px 9px!important}
  .main-service-fields .main-message{grid-column:1/-1!important}
  .service-main-form .search-btn{width:calc(100% - 14px)!important;margin:7px!important}
  .dest-grid,.pkg-grid,.test-grid,.benefits{gap:10px!important;padding-bottom:5px}
  .dest{flex-basis:82%}
  .pkg{flex-basis:88%}
  .review{flex-basis:88%!important}
  .benefit{flex-basis:88%!important;border-radius:12px!important;border:1px solid #eee!important}
  .benefit-shell{padding-inline:22px!important}
  .benefit-arrow{display:grid!important}
  .section-head,.testimonial-heading{min-width:0}
  .section-head-actions,.package-head-actions{flex:0 0 auto}
  .why-grid,.footer-grid{min-width:0}
  .why img{display:block;width:100%;height:auto}
}

@media(max-width:390px){
  .container{width:calc(100% - 14px)!important}
  .tab{font-size:10px!important;padding:10px 10px!important}
  .main-service-fields .field{padding:9px 7px!important}
  .main-service-fields .field label{font-size:8.8px!important}
  .main-service-fields input,.main-service-fields textarea{font-size:11px!important}
  .dest,.pkg,.review,.benefit{flex-basis:90%!important}
}

/* ===== 2026-08-22 PRESERVE-LAYOUT RESPONSIVE + FULL-BANNER PATCH ===== */
.hero{width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:2/1!important;padding:0!important;margin:0!important;background:#061b2b!important;overflow:hidden!important}
.hero-banner-img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:#061b2b!important}
.search-wrap{position:relative!important;z-index:10!important}
@media(min-width:981px){.search-wrap{margin-top:20px!important}}
@media(max-width:980px){.search-wrap{margin-top:0!important;padding-top:14px!important}}

/* Carousels keep the current card design; only scrolling behaviour is enabled. */
.dest-grid,.pkg-grid,#testimonialTrack{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-behavior:smooth!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}
.dest-grid::-webkit-scrollbar,.pkg-grid::-webkit-scrollbar,#testimonialTrack::-webkit-scrollbar{display:none!important}
.dest-grid>.dest,.pkg-grid>.pkg,#testimonialTrack>.review{scroll-snap-align:start!important;flex-shrink:0!important}
@media(min-width:981px){
 .dest-grid>.dest{flex-basis:calc((100% - 64px)/5)!important}
 .pkg-grid>.pkg{flex-basis:calc((100% - 54px)/4)!important}
 #testimonialTrack>.review{flex-basis:calc((100% - 36px)/3)!important}
}
@media(min-width:641px) and (max-width:980px){
 .dest-grid>.dest{flex-basis:calc((100% - 24px)/3)!important}
 .pkg-grid>.pkg{flex-basis:calc((100% - 18px)/2)!important}
 #testimonialTrack>.review{flex-basis:calc((100% - 18px)/2)!important}
}
@media(max-width:640px){
 .hero{aspect-ratio:2/1!important}
 .dest-grid>.dest{flex-basis:82%!important}
 .pkg-grid>.pkg{flex-basis:90%!important}
 #testimonialTrack>.review{flex-basis:92%!important}
 .section-head,.testimonial-heading{gap:12px!important}
 .section-head-actions,.package-head-actions{width:100%!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:8px!important}
 .carousel-arrows{display:flex!important;flex:0 0 auto!important}
}

/* ===== 2026-08-22 ONLY REQUESTED CONTENT SECTIONS: SLIGHTLY LARGER =====
   Desktop/laptop only. Header, hero, booking form, railway block, footer,
   mobile/tablet layouts and carousel behaviour remain unchanged. */
@media (min-width:981px){
  /* Popular Destinations */
  .dest{height:148px!important}
  .dest-copy{left:16px!important;bottom:14px!important}
  .dest-copy b{font-size:17px!important;line-height:1.2!important}
  .dest-copy small{font-size:11px!important}

  /* Holiday Packages */
  .pkg-img{height:158px!important}
  .pkg-body{padding:15px!important}
  .pkg h3{font-size:15px!important;line-height:1.3!important;margin-bottom:7px!important}
  .pkg p{font-size:11px!important;line-height:1.45!important}
  .includes{font-size:10.5px!important;margin:12px 0!important}
  .detail-btn{padding:11px!important;font-size:11.5px!important}

  /* Why Choose Golden Rich Travels */
  .why-grid{grid-template-columns:.95fr 1.35fr!important;gap:50px!important}
  .why-grid>div:first-child img,.why img{min-height:285px!important;object-fit:cover!important}
  .why h2{font-size:31px!important}
  .why p{font-size:13px!important}
  .why-card{min-height:145px!important;padding:16px!important}
  .why-card i{width:43px!important;height:43px!important;font-size:18px!important}
  .why-card b{font-size:12px!important;line-height:1.35!important}
  .why-card span{font-size:10.5px!important;line-height:1.45!important}

  /* Traveler Reviews */
  .review{min-height:150px!important;padding:20px!important}
  .review p{font-size:12px!important;line-height:1.5!important}
  .person{font-size:10.5px!important}
  .avatar{width:38px!important;height:38px!important}
}
/* ===== FINAL 22 AUG 2026: SERVICE FORM OVERFLOW + PACKAGE/REVIEW FONT PATCH ===== */
/* Keeps the existing design intact; only constrains the service form and slightly increases requested typography. */
.service-main-form{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.main-service-fields{
  flex:1 1 0!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.main-service-fields .field{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.main-service-fields .field-row,
.main-service-fields input,
.main-service-fields textarea{
  min-width:0!important;
  max-width:100%!important;
}
.service-main-form .search-btn{
  flex:0 0 220px!important;
  width:220px!important;
  max-width:220px!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

/* Holiday Packages: slightly larger, without changing card dimensions/layout */
.packages .section-title-copy h2,
.packages .section-head h2{
  font-size:28px!important;
  line-height:1.2!important;
}
.packages .section-desc{
  font-size:13px!important;
  line-height:1.6!important;
}
.pkg h3{
  font-size:16px!important;
  line-height:1.35!important;
}
.pkg p{
  font-size:12px!important;
  line-height:1.5!important;
}

/* Customer Reviews: slightly larger and easier to read */
.testimonials .testimonial-heading h2,
.testimonials h2{
  font-size:27px!important;
  line-height:1.2!important;
}
.testimonials .section-desc{
  font-size:13px!important;
  line-height:1.6!important;
}
.review p{
  font-size:12.5px!important;
  line-height:1.55!important;
}
.person{
  font-size:11px!important;
  line-height:1.35!important;
}

/* Tablet: button moves below before it can force horizontal overflow */
@media(max-width:1100px){
  .service-main-form{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
  }
  .main-service-fields{
    width:100%!important;
    max-width:100%!important;
  }
  .service-main-form .search-btn{
    flex:none!important;
    width:calc(100% - 16px)!important;
    max-width:none!important;
    margin:8px!important;
  }
}

/* Mobile/tablet typography remains proportional and responsive */
@media(max-width:980px){
  .packages .section-title-copy h2,
  .packages .section-head h2{font-size:25px!important}
  .testimonials .testimonial-heading h2,
  .testimonials h2{font-size:24px!important}
  .packages .section-desc,
  .testimonials .section-desc{font-size:12px!important}
  .pkg h3{font-size:15px!important}
  .pkg p,.review p{font-size:11.5px!important}
}

@media(max-width:640px){
  .service-main-form{overflow:hidden!important}
  .main-service-fields{width:100%!important;max-width:100%!important}
  .service-main-form .search-btn{
    width:calc(100% - 12px)!important;
    max-width:calc(100% - 12px)!important;
    margin:6px!important;
  }
  .packages .section-title-copy h2,
  .packages .section-head h2{font-size:22px!important}
  .testimonials .testimonial-heading h2,
  .testimonials h2{font-size:22px!important}
  .packages .section-desc,
  .testimonials .section-desc{font-size:11px!important}
  .pkg h3{font-size:14.5px!important}
  .pkg p,.review p{font-size:11px!important;line-height:1.55!important}
  .person{font-size:10.5px!important}
}

/* ===== FINAL DESTINATION SINGLE-SLIDER VISIBILITY FIX: 23 AUG 2026 =====
   Keeps the existing destination design/card sizes intact.
   Only one HTML destination track (Domestic or International) is visible at a time. */
.dest-grid[hidden],
.dest-slider[hidden],
[data-dest-slider][hidden]{
  display:none!important;
}

[data-dest-slider].active{
  display:flex!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-behavior:smooth!important;
  scroll-snap-type:x mandatory!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
}
[data-dest-slider].active::-webkit-scrollbar{display:none!important}

/* Preserve existing desktop/tablet/mobile destination card sizing. */
@media(min-width:981px){
  [data-dest-slider].active>.dest{flex:0 0 calc((100% - 64px)/5)!important}
}
@media(min-width:641px) and (max-width:980px){
  [data-dest-slider].active>.dest{flex:0 0 calc((100% - 24px)/3)!important}
}
@media(max-width:640px){
  [data-dest-slider].active>.dest{flex:0 0 82%!important}
}
@media(max-width:390px){
  [data-dest-slider].active>.dest{flex-basis:90%!important}
}





/* =========================================================
   GOLDEN RICH — FINAL TRUE RESPONSIVE BANNER
   Full image on EVERY screen / EVERY zoom
   ========================================================= */

html,
body{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
}

/* ---------- HERO ---------- */

.hero{
    position:relative !important;

    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    /* Exact proportion of 1774 × 887 */
    aspect-ratio:1774 / 887 !important;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden !important;
    background:#061b2b !important;
}

/* Remove old overlay */
.hero::after{
    display:none !important;
}

/* ---------- ACTUAL BANNER IMAGE ---------- */

.hero-banner-img{
    position:absolute !important;
    inset:0 !important;

    width:100% !important;
    height:100% !important;

    max-width:none !important;
    max-height:none !important;

    display:block !important;

    /* IMPORTANT:
       contain = poori image always visible
       no crop at any resolution */
    object-fit:contain !important;
    object-position:center center !important;

    margin:0 !important;
    padding:0 !important;

    transform:none !important;

    background:#061b2b !important;
}


/* =========================================================
   FORM
   Banner se completely independent
   ========================================================= */

.search-wrap{
    position:relative !important;
    z-index:20 !important;

    width:100% !important;

    margin-top:34px !important;
    padding-top:0 !important;
}

.search-card{
    position:relative !important;
    z-index:21 !important;
    max-width:100% !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width:980px){

    .hero{
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        aspect-ratio:1774 / 887 !important;
    }

    .hero-banner-img{
        width:100% !important;
        height:100% !important;

        object-fit:contain !important;
        object-position:center center !important;
    }

    .search-wrap{
        margin-top:20px !important;
        padding-top:0 !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:640px){

    .hero{
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        aspect-ratio:1774 / 887 !important;

        margin:0 !important;
        padding:0 !important;
    }

    .hero-banner-img{
        width:100% !important;
        height:100% !important;

        object-fit:contain !important;
        object-position:center center !important;

        transform:none !important;
    }

    .search-wrap{
        margin-top:14px !important;
        padding-top:0 !important;
    }
}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width:420px){

    .hero{
        aspect-ratio:1774 / 887 !important;
    }

    .search-wrap{
        margin-top:12px !important;
    }
}


/* =========================================================
   LANDSCAPE PHONE / TABLET
   ========================================================= */

@media (max-width:980px) and (orientation:landscape){

    .hero{
        width:100% !important;
        height:auto !important;

        aspect-ratio:1774 / 887 !important;
    }

    .hero-banner-img{
        object-fit:contain !important;
        object-position:center center !important;
    }
}














/* ==========================================================
   GOLDEN RICH TOUR AND TRAVELS PVT. LTD.
   ABOUT US - COMPLETE FINAL CSS
   ========================================================== */

.grabout-page{
    --gr-navy:#06263a;
    --gr-navy-dark:#031b2b;
    --gr-navy-light:#0b3147;

    --gr-gold:#d79a28;
    --gr-gold-dark:#b87910;
    --gr-gold-light:#edbd5f;

    --gr-text:#172132;
    --gr-muted:#5f6b78;

    --gr-cream:#fffaf3;
    --gr-white:#ffffff;

    --gr-border:#eadfce;

    --gr-shadow:
        0 18px 50px rgba(8,31,48,.10);

    width:100%;
    margin:0;
    padding:0;

    background:#fff;
    color:var(--gr-text);

    font-family:inherit;

    overflow:hidden;
}


/* ==========================================================
   RESET ONLY INSIDE ABOUT PAGE
   ========================================================== */

.grabout-page *,
.grabout-page *::before,
.grabout-page *::after{
    box-sizing:border-box;
}

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

.grabout-page a{
    text-decoration:none;
}

.grabout-page h1,
.grabout-page h2,
.grabout-page h3,
.grabout-page p{
    padding:0;
}


/* ==========================================================
   GLOBAL CONTAINER
   ========================================================== */

.grabout-shell{
    width:min(1320px, calc(100% - 48px));
    margin-left:auto;
    margin-right:auto;
}


/* ==========================================================
   HERO
   ========================================================== */

.grabout-hero{
    position:relative;

    padding:32px 0 22px;

    background:
        radial-gradient(
            circle at 8% 18%,
            rgba(215,154,40,.10),
            transparent 23%
        ),
        radial-gradient(
            circle at 94% 90%,
            rgba(215,154,40,.07),
            transparent 20%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fffdf9 100%
        );
}

.grabout-hero::before{
    content:"";

    position:absolute;
    width:280px;
    height:280px;

    left:-150px;
    bottom:-150px;

    border:1px solid rgba(215,154,40,.15);
    border-radius:50%;

    pointer-events:none;
}


/* ==========================================================
   BREADCRUMB
   ========================================================== */

.grabout-breadcrumb{
    position:relative;
    z-index:3;

    display:flex;
    align-items:center;
    flex-wrap:wrap;

    gap:9px;

    margin:0 0 27px;

    font-size:13px;
    line-height:1.4;

    color:#747d87;
}

.grabout-breadcrumb a{
    display:inline-flex;
    align-items:center;

    gap:7px;

    color:#263542;

    font-weight:600;

    transition:.25s ease;
}

.grabout-breadcrumb a:hover{
    color:var(--gr-gold-dark);
}

.grabout-breadcrumb i{
    font-size:11px;
    color:var(--gr-gold);
}


/* ==========================================================
   HERO GRID
   ========================================================== */

.grabout-hero-grid{
    position:relative;
    z-index:2;

    display:grid;

    grid-template-columns:
        minmax(390px,.82fr)
        minmax(0,1.48fr);

    gap:clamp(38px,4vw,66px);

    align-items:center;

    width:100%;
}

.grabout-hero-copy,
.grabout-hero-media{
    min-width:0;
}


/* ==========================================================
   HERO TEXT
   ========================================================== */

.grabout-kicker{
    display:inline-block;

    margin-bottom:5px;

    color:var(--gr-gold-dark);

    font-family:
        "Brush Script MT",
        "Segoe Script",
        cursive;

    font-size:28px;
    line-height:1.2;
}

.grabout-hero-copy h1{
    margin:0;

    line-height:.96;

    letter-spacing:-1.5px;
}

.grabout-hero-copy h1 span{
    display:block;

    color:var(--gr-navy);

    font-size:clamp(42px,3.5vw,54px);
    font-weight:800;
}

.grabout-hero-copy h1 strong{
    display:block;

    margin-top:8px;

    color:var(--gr-gold-dark);

    font-size:clamp(46px,3.9vw,60px);
    font-weight:800;
}

.grabout-hero-copy h1 small{
    display:block;

    margin-top:11px;

    color:var(--gr-text);

    font-size:clamp(18px,1.55vw,23px);
    font-weight:800;

    letter-spacing:.6px;
    line-height:1.3;
}


/* ==========================================================
   PLANE LINE
   ========================================================== */

.grabout-title-line{
    display:flex;
    align-items:center;

    gap:9px;

    width:205px;

    margin:21px 0;
}

.grabout-title-line span{
    display:block;

    width:165px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--gr-gold),
            rgba(215,154,40,.05)
        );
}

.grabout-title-line i{
    color:var(--gr-gold);

    font-size:16px;

    transform:rotate(-8deg);
}


/* ==========================================================
   HERO PARAGRAPH
   ========================================================== */

.grabout-hero-copy > p{
    max-width:535px;

    margin:0 0 23px;

    color:#4b5867;

    font-size:15px;
    line-height:1.75;
}


/* ==========================================================
   BUTTONS
   ========================================================== */

.grabout-primary-btn,
.grabout-secondary-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    gap:10px;

    min-height:47px;

    padding:0 22px;

    border:0;
    border-radius:7px;

    font-size:14px;
    font-weight:700;

    cursor:pointer;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease;
}

.grabout-primary-btn{
    color:#fff;

    background:
        linear-gradient(
            135deg,
            var(--gr-gold),
            var(--gr-gold-dark)
        );

    box-shadow:
        0 12px 28px rgba(184,121,16,.22);
}

.grabout-secondary-btn{
    color:#fff;

    background:
        linear-gradient(
            135deg,
            var(--gr-gold),
            var(--gr-gold-dark)
        );

    box-shadow:
        0 10px 24px rgba(184,121,16,.18);
}

.grabout-primary-btn:hover,
.grabout-secondary-btn:hover{
    color:#fff;

    transform:translateY(-2px);

    box-shadow:
        0 16px 32px rgba(184,121,16,.27);
}

.grabout-primary-btn i,
.grabout-secondary-btn i{
    font-size:12px;

    transition:transform .25s ease;
}

.grabout-primary-btn:hover i,
.grabout-secondary-btn:hover i{
    transform:translateX(3px);
}


/* ==========================================================
   HERO IMAGE
   ========================================================== */

.grabout-hero-media{
    position:relative;

    width:100%;
}

.grabout-image-frame{
    position:relative;

    width:100%;

    height:430px;

    overflow:hidden;

    border:
        2px solid rgba(215,154,40,.80);

    border-radius:
        25px 25px 25px 90px;

    background:#eee;

    box-shadow:
        0 22px 55px rgba(12,34,50,.15);
}

.grabout-image-frame::before{
    content:"";

    position:absolute;
    inset:0;

    z-index:2;

    pointer-events:none;

    background:
        linear-gradient(
            90deg,
            rgba(3,27,43,.05),
            transparent 35%
        );
}

.grabout-image-frame img{
    width:100%;
    height:100%;

    object-fit:cover;
    object-position:center;

    transition:transform .7s ease;
}

.grabout-image-frame:hover img{
    transform:scale(1.025);
}


/* ==========================================================
   STATISTICS
   ========================================================== */

.grabout-stats-wrap{
    position:relative;
    z-index:5;

    padding:20px 0 10px;
}

.grabout-stats{
    display:grid;

    grid-template-columns:
        repeat(6,minmax(0,1fr));

    width:100%;

    overflow:hidden;

    color:#fff;

    border-radius:18px;

    background:
        linear-gradient(
            135deg,
            #082f46 0%,
            #031d2d 100%
        );

    box-shadow:
        0 20px 50px rgba(4,31,47,.16);
}

.grabout-stats article{
    position:relative;

    display:flex;
    align-items:center;

    gap:12px;

    min-width:0;

    padding:21px 15px;
}

.grabout-stats article:not(:last-child)::after{
    content:"";

    position:absolute;

    right:0;
    top:22%;

    width:1px;
    height:56%;

    background:
        rgba(255,255,255,.14);
}

.grabout-stat-icon{
    display:grid;
    place-items:center;

    width:48px;
    height:48px;

    min-width:48px;

    border:
        1px solid rgba(215,154,40,.82);

    border-radius:50%;

    color:var(--gr-gold);

    font-size:19px;

    background:
        rgba(255,255,255,.025);
}

.grabout-stats article > div{
    min-width:0;
}

.grabout-stats strong,
.grabout-stats article > div > span{
    display:block;
}

.grabout-stats strong{
    margin-bottom:5px;

    color:#fff;

    font-size:18px;
    line-height:1.05;
    font-weight:800;

    white-space:nowrap;
}

.grabout-stats article > div > span{
    color:#d5e1e8;

    font-size:11.5px;
    line-height:1.35;
}


/* ==========================================================
   STORY SECTION
   ========================================================== */

.grabout-story-section{
    position:relative;

    padding:58px 0 31px;

    background:#fff;
}

.grabout-story-section::before{
    content:"";

    position:absolute;

    left:-100px;
    top:40px;

    width:260px;
    height:260px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(215,154,40,.055),
            transparent 70%
        );

    pointer-events:none;
}

.grabout-story-grid{
    position:relative;

    display:grid;

    grid-template-columns:
        minmax(330px,.9fr)
        minmax(0,1.7fr);

    gap:clamp(32px,3.4vw,50px);

    align-items:start;

    width:100%;
}

.grabout-story-copy,
.grabout-promise-grid{
    min-width:0;
}


/* ==========================================================
   SECTION TAG
   ========================================================== */

.grabout-section-tag{
    display:flex;
    align-items:center;

    gap:10px;

    margin-bottom:12px;

    color:var(--gr-gold-dark);

    font-size:13px;
    font-weight:800;

    letter-spacing:.8px;
}

.grabout-section-tag::after{
    content:"";

    display:block;

    width:42px;
    height:2px;

    background:var(--gr-gold);
}


/* ==========================================================
   STORY COPY
   ========================================================== */

.grabout-story-copy h2{
    margin:0 0 19px;

    color:var(--gr-navy);

    font-size:clamp(30px,2.45vw,37px);
    line-height:1.16;
    font-weight:800;
}

.grabout-story-copy h2 span{
    color:var(--gr-gold-dark);
}

.grabout-story-copy p{
    margin:0 0 13px;

    color:#505e6c;

    font-size:14.5px;
    line-height:1.72;
}

.grabout-story-copy .grabout-secondary-btn{
    margin-top:8px;
}


/* ==========================================================
   VISION / MISSION / PROMISE
   ========================================================== */

.grabout-promise-grid{
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:18px;

    width:100%;
}

.grabout-promise-card{
    position:relative;

    min-width:0;

    overflow:hidden;

    text-align:center;

    border:
        1px solid #eee6da;

    border-radius:17px;

    background:#fff;

    box-shadow:
        0 12px 32px rgba(16,35,55,.075);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

.grabout-promise-card:hover{
    transform:translateY(-5px);

    box-shadow:
        0 18px 42px rgba(16,35,55,.12);
}

.grabout-promise-image{
    width:100%;
    height:165px;

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

    transition:transform .5s ease;
}

.grabout-promise-card:hover .grabout-promise-image{
    transform:scale(1.035);
}

.grabout-promise-image--vision{
    background:
        linear-gradient(
            rgba(6,38,58,.05),
            rgba(6,38,58,.05)
        ),
        url("https://goldenrichtravels.com/wp-content/themes/Golden-Rich-Tour-And-Travels/assets/img/our-vision.png")
        center / cover no-repeat;
}

.grabout-promise-image--mission{
    background:
        linear-gradient(
            rgba(6,38,58,.05),
            rgba(6,38,58,.05)
        ),
        url("https://goldenrichtravels.com/wp-content/themes/Golden-Rich-Tour-And-Travels/assets/img/our-mission.png")
        center / cover no-repeat;
}

.grabout-promise-image--promise{
    background:
        linear-gradient(
            rgba(6,38,58,.05),
            rgba(6,38,58,.05)
        ),
        url("https://goldenrichtravels.com/wp-content/themes/Golden-Rich-Tour-And-Travels/assets/img/our-promise.png")
        center / cover no-repeat;
}

.grabout-card-icon{
    position:relative;

    z-index:3;

    display:grid;
    place-items:center;

    width:50px;
    height:50px;

    margin:-25px auto 10px;

    border:4px solid #fff;
    border-radius:50%;

    color:#fff;

    font-size:16px;

    background:
        linear-gradient(
            135deg,
            var(--gr-gold),
            var(--gr-gold-dark)
        );

    box-shadow:
        0 7px 18px rgba(184,121,16,.18);
}

.grabout-promise-card h3{
    margin:0 15px 8px;

    color:var(--gr-navy);

    font-size:19px;
    font-weight:800;
}

.grabout-promise-card p{
    margin:0;

    padding:0 18px 21px;

    color:#5d6874;

    font-size:12.5px;
    line-height:1.58;
}


/* ==========================================================
   WHAT WE OFFER + WHY CHOOSE US
   ========================================================== */

.grabout-offer-section{
    padding:15px 0 38px;

    background:#fff;
}

.grabout-offer-layout{
    display:grid;

    grid-template-columns:
        minmax(0,.94fr)
        minmax(0,1.06fr);

    gap:20px;

    width:100%;
}

.grabout-offer-panel,
.grabout-why-card{
    min-width:0;

    border-radius:18px;
}

.grabout-offer-panel{
    padding:25px;

    color:#fff;

    background:
        linear-gradient(
            145deg,
            #082f46,
            #031b2b
        );

    box-shadow:
        0 18px 45px rgba(5,30,46,.14);
}

.grabout-why-card{
    padding:25px;

    border:1px solid #eee4d8;

    background:
        linear-gradient(
            135deg,
            #fffaf4,
            #fff
        );

    box-shadow:
        0 12px 32px rgba(16,35,55,.06);
}


/* ==========================================================
   PANEL HEADING
   ========================================================== */

.grabout-panel-heading{
    display:flex;
    align-items:center;

    gap:12px;

    margin-bottom:21px;
}

.grabout-panel-heading h2{
    margin:0;

    color:#fff;

    font-size:20px;
    line-height:1.2;
    font-weight:800;
}

.grabout-panel-heading--light h2{
    color:var(--gr-navy);
}

.grabout-panel-heading span{
    display:block;

    width:46px;
    height:2px;

    background:var(--gr-gold);
}


/* ==========================================================
   OFFER GRID
   ========================================================== */

.grabout-offer-grid{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    width:100%;
}

.grabout-offer-grid article{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    gap:10px;

    min-height:114px;

    padding:13px 9px;

    text-align:center;

    border-right:
        1px solid rgba(255,255,255,.14);

    border-bottom:
        1px solid rgba(255,255,255,.14);

    transition:
        background .25s ease,
        transform .25s ease;
}

.grabout-offer-grid article:hover{
    background:
        rgba(255,255,255,.045);
}

.grabout-offer-grid article:nth-child(4n){
    border-right:0;
}

.grabout-offer-grid article:nth-last-child(-n+4){
    border-bottom:0;
}

.grabout-offer-grid i{
    color:var(--gr-gold);

    font-size:28px;
}

.grabout-offer-grid span{
    color:#fff;

    font-size:12.5px;
    line-height:1.4;
    font-weight:700;
}


/* ==========================================================
   WHY CHOOSE US
   ========================================================== */

.grabout-why-content{
    display:grid;

    grid-template-columns:
        minmax(0,1.35fr)
        minmax(150px,.65fr);

    gap:20px;

    align-items:center;
}

.grabout-why-content ul{
    list-style:none;

    margin:0;
    padding:0;
}

.grabout-why-content li{
    display:flex;
    align-items:flex-start;

    gap:10px;

    margin:0 0 14px;

    color:#465463;

    font-size:13.5px;
    line-height:1.5;
}

.grabout-why-content li:last-child{
    margin-bottom:0;
}

.grabout-why-content li i{
    margin-top:3px;

    color:var(--gr-gold);

    font-size:14px;
}


/* ==========================================================
   WHY CHOOSE US ILLUSTRATION
   ========================================================== */

.grabout-why-visual{
    position:relative;

    display:grid;
    place-items:center;

    min-height:215px;
}

.grabout-why-visual .fa-suitcase-rolling{
    color:#17364c;

    font-size:120px;

    filter:
        drop-shadow(
            0 12px 15px rgba(10,40,58,.12)
        );
}

.grabout-why-visual .fa-plane{
    position:absolute;

    top:13px;
    right:5px;

    color:#b9c5ce;

    font-size:57px;

    transform:rotate(-11deg);
}

.grabout-why-visual .fa-passport{
    position:absolute;

    right:6px;
    bottom:13px;

    color:var(--gr-gold-dark);

    font-size:44px;

    transform:rotate(7deg);
}


/* ==========================================================
   TEAM SECTION
   ========================================================== */

.grabout-team-section{
    padding:24px 0 36px;

    background:
        linear-gradient(
            180deg,
            #fff 0%,
            #fffdf9 100%
        );
}


/* ==========================================================
   CENTER HEADINGS
   ========================================================== */

.grabout-center-heading{
    display:flex;
    align-items:center;
    justify-content:center;

    gap:13px;

    margin-bottom:27px;
}

.grabout-center-heading span{
    display:block;

    width:56px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--gr-gold)
        );
}

.grabout-center-heading span:last-child{
    background:
        linear-gradient(
            90deg,
            var(--gr-gold),
            transparent
        );
}

.grabout-center-heading h2{
    margin:0;

    color:var(--gr-navy);

    font-size:24px;
    line-height:1.2;
    font-weight:800;

    text-align:center;
}


/* ==========================================================
   TEAM GRID
   ========================================================== */

.grabout-team-grid{
    display:grid;

    grid-template-columns:
        repeat(6,minmax(0,1fr));

    gap:18px;

    width:100%;
}

.grabout-team-card{
    min-width:0;

    text-align:center;
}

.grabout-team-avatar{
    display:grid;
    place-items:center;

    width:132px;

    aspect-ratio:1/1;

    margin:0 auto 11px;

    overflow:hidden;

    border:
        2px solid #e7c276;

    border-radius:50%;

    background:
        linear-gradient(
            145deg,
            #f6f0e7,
            #fff
        );

    box-shadow:
        0 9px 22px rgba(16,35,55,.08);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

.grabout-team-card:hover .grabout-team-avatar{
    transform:translateY(-4px);

    box-shadow:
        0 14px 30px rgba(16,35,55,.13);
}

.grabout-team-avatar i{
    color:#1c3b50;

    font-size:56px;
}

.grabout-team-card h3{
    margin:0 0 4px;

    color:var(--gr-navy);

    font-size:14px;
    font-weight:800;
}

.grabout-team-card p{
    margin:0;

    color:#737d89;

    font-size:11.5px;
}


/* ==========================================================
   TESTIMONIALS
   ========================================================== */

.grabout-testimonial-section{
    padding:18px 0 40px;

    background:#fff;
}

.grabout-testimonial-grid{
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:20px;

    width:100%;
}

.grabout-review-card{
    position:relative;

    min-width:0;

    padding:21px;

    overflow:hidden;

    border:
        1px solid #ece5da;

    border-radius:16px;

    background:#fff;

    box-shadow:
        0 11px 30px rgba(16,35,55,.065);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

.grabout-review-card::before{
    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:3px;

    background:
        linear-gradient(
            90deg,
            var(--gr-gold),
            transparent
        );
}

.grabout-review-card:hover{
    transform:translateY(-4px);

    box-shadow:
        0 17px 38px rgba(16,35,55,.10);
}

.grabout-review-top{
    display:flex;
    align-items:center;

    gap:14px;

    margin-bottom:11px;
}

.grabout-review-top > i{
    color:var(--gr-gold-dark);

    font-size:27px;
}

.grabout-stars{
    color:#f4a500;

    font-size:16px;

    letter-spacing:2px;
}

.grabout-review-card > p{
    margin:0 0 19px;

    color:#52606e;

    font-size:13.5px;
    line-height:1.65;
}

.grabout-reviewer{
    display:flex;
    align-items:center;

    gap:10px;
}

.grabout-review-avatar{
    display:grid;
    place-items:center;

    width:39px;
    height:39px;

    min-width:39px;

    border-radius:50%;

    color:#fff;

    background:
        linear-gradient(
            135deg,
            #244b62,
            var(--gr-gold)
        );
}

.grabout-review-avatar i{
    font-size:14px;
}

.grabout-reviewer strong,
.grabout-reviewer small{
    display:block;
}

.grabout-reviewer strong{
    color:var(--gr-text);

    font-size:13px;
}

.grabout-reviewer small{
    margin-top:2px;

    color:#737d89;

    font-size:11px;
}


/* ==========================================================
   CTA
   ========================================================== */

.grabout-cta-section{
    position:relative;

    margin-top:5px;

    color:#fff;

    background:
        linear-gradient(
            90deg,
            rgba(3,28,45,.98),
            rgba(3,28,45,.84)
        ),
        url("assets/dest1.jpg")
        center / cover no-repeat;
}

.grabout-cta{
    display:grid;

    grid-template-columns:
        minmax(0,1.5fr)
        auto
        minmax(220px,.55fr);

    gap:32px;

    align-items:center;

    min-height:120px;
}

.grabout-cta > div:first-child > span{
    display:block;

    margin-bottom:2px;

    color:#fff;

    font-size:14px;
}

.grabout-cta h2{
    margin:0;

    color:#fff;

    font-size:29px;
    line-height:1;
}

.grabout-cta h2 em{
    color:var(--gr-gold);

    font-family:
        "Brush Script MT",
        "Segoe Script",
        cursive;

    font-weight:400;
}

.grabout-cta p{
    margin:8px 0 0;

    color:#d3dde4;

    font-size:12.5px;
}

.grabout-cta-contact{
    text-align:right;
}

.grabout-cta-contact span,
.grabout-cta-contact a{
    display:block;
}

.grabout-cta-contact span{
    color:#d2dce3;

    font-size:11.5px;
}

.grabout-cta-contact a{
    margin-top:3px;

    color:#fff;

    font-size:20px;
    font-weight:800;

    white-space:nowrap;
}


/* ==========================================================
   LARGE DESKTOP
   1440 / 1536 / 1600 / 1920
   ========================================================== */

@media (min-width:1440px){

    .grabout-shell{
        width:min(1320px, calc(100% - 64px));
    }

    .grabout-hero{
        padding-top:70px;
    }

    .grabout-hero-grid{
        grid-template-columns:
            minmax(400px,.82fr)
            minmax(0,1.48fr);

        gap:60px;
    }

    .grabout-image-frame{
        height:445px;
    }

    .grabout-story-grid{
        grid-template-columns:
            minmax(350px,.88fr)
            minmax(0,1.72fr);

        gap:44px;
    }

}


/* ==========================================================
   LAPTOP
   ========================================================== */

@media (max-width:1280px){

    .grabout-shell{
        width:min(1180px, calc(100% - 36px));
    }

    .grabout-hero-grid{
        grid-template-columns:
            minmax(340px,.9fr)
            minmax(0,1.4fr);

        gap:36px;
    }

    .grabout-image-frame{
        height:410px;
    }

    .grabout-story-grid{
        grid-template-columns:
            minmax(300px,.9fr)
            minmax(0,1.6fr);

        gap:29px;
    }

    .grabout-promise-grid{
        gap:15px;
    }

}


/* ==========================================================
   SMALL LAPTOP
   ========================================================== */

@media (max-width:1180px){

    .grabout-shell{
        width:calc(100% - 32px);
    }

    .grabout-stats{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }

    .grabout-stats article:nth-child(3n)::after{
        display:none;
    }

    .grabout-stats article:nth-child(-n+3){
        border-bottom:
            1px solid rgba(255,255,255,.10);
    }

    .grabout-team-grid{
        grid-template-columns:
            repeat(3,minmax(0,1fr));

        row-gap:27px;
    }

}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width:980px){

    .grabout-hero{
        padding-top:25px;
    }

    .grabout-hero-grid{
        grid-template-columns:1fr;

        gap:29px;
    }

    .grabout-hero-copy{
        max-width:760px;
    }

    .grabout-hero-copy > p{
        max-width:650px;
    }

    .grabout-image-frame{
        height:390px;

        border-radius:24px;
    }

    .grabout-story-grid{
        grid-template-columns:1fr;

        gap:32px;
    }

    .grabout-story-copy{
        max-width:780px;
    }

    .grabout-promise-grid{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }

    .grabout-offer-layout{
        grid-template-columns:1fr;

        gap:22px;
    }

    .grabout-cta{
        grid-template-columns:
            1fr auto;

        gap:20px;
    }

    .grabout-cta-contact{
        grid-column:1/-1;

        padding-bottom:20px;

        text-align:left;
    }

}


/* ==========================================================
   MOBILE + TABLET PORTRAIT
   ========================================================== */

@media (max-width:760px){

    .grabout-shell{
        width:calc(100% - 24px);
    }


    /* HERO */

    .grabout-hero{
        padding:
            18px 0 12px;
    }

    .grabout-breadcrumb{
        margin-bottom:18px;

        font-size:12.5px;
    }

    .grabout-hero-grid{
        gap:23px;
    }

    .grabout-kicker{
        font-size:23px;
    }

    .grabout-hero-copy h1{
        letter-spacing:-1px;
    }

    .grabout-hero-copy h1 span{
        font-size:37px;
    }

    .grabout-hero-copy h1 strong{
        margin-top:6px;

        font-size:41px;
    }

    .grabout-hero-copy h1 small{
        margin-top:8px;

        font-size:16px;

        letter-spacing:.3px;
    }

    .grabout-title-line{
        margin:17px 0;

        width:175px;
    }

    .grabout-title-line span{
        width:140px;
    }

    .grabout-hero-copy > p{
        margin-bottom:19px;

        font-size:14px;
        line-height:1.68;
    }

    .grabout-primary-btn,
    .grabout-secondary-btn{
        min-height:45px;

        padding:0 18px;

        font-size:13px;
    }

    .grabout-image-frame{
        height:285px;

        border-radius:20px;
    }


    /* STATS */

    .grabout-stats-wrap{
        padding-top:15px;
    }

    .grabout-stats{
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        border-radius:15px;
    }

    .grabout-stats article{
        padding:17px 13px;

        border-bottom:
            1px solid rgba(255,255,255,.10);
    }

    .grabout-stats article:nth-child(odd)::after{
        display:block;
    }

    .grabout-stats article:nth-child(even)::after{
        display:none;
    }

    .grabout-stats article:nth-last-child(-n+2){
        border-bottom:0;
    }


    /* STORY */

    .grabout-story-section{
        padding:
            40px 0 25px;
    }

    .grabout-story-copy h2{
        font-size:29px;
    }

    .grabout-story-copy p{
        font-size:14px;
    }


    /* PROMISE CARDS */

    .grabout-promise-grid{
        grid-template-columns:1fr;
    }

    .grabout-promise-card{
        display:grid;

        grid-template-columns:
            145px minmax(0,1fr);

        grid-template-rows:
            auto auto 1fr;

        min-height:155px;

        text-align:left;
    }

    .grabout-promise-image{
        grid-row:1 / 4;

        width:145px;
        height:100%;
        min-height:155px;
    }

    .grabout-card-icon{
        width:43px;
        height:43px;

        margin:
            13px 15px 4px;

        border-width:3px;

        font-size:14px;
    }

    .grabout-promise-card h3{
        margin:
            0 15px 5px;

        font-size:17px;
    }

    .grabout-promise-card p{
        padding:
            0 15px 14px;

        font-size:12px;
    }


    /* OFFER */

    .grabout-offer-section{
        padding-bottom:30px;
    }

    .grabout-offer-panel,
    .grabout-why-card{
        padding:20px;
    }

    .grabout-offer-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .grabout-offer-grid article{
        border-right:
            1px solid rgba(255,255,255,.14) !important;

        border-bottom:
            1px solid rgba(255,255,255,.14) !important;
    }

    .grabout-offer-grid article:nth-child(2n){
        border-right:0 !important;
    }

    .grabout-offer-grid article:nth-last-child(-n+2){
        border-bottom:0 !important;
    }

    .grabout-why-content{
        grid-template-columns:1fr;
    }

    .grabout-why-visual{
        min-height:145px;
    }

    .grabout-why-visual .fa-suitcase-rolling{
        font-size:88px;
    }

    .grabout-why-visual .fa-plane{
        top:4px;
        right:20%;

        font-size:43px;
    }

    .grabout-why-visual .fa-passport{
        right:22%;
        bottom:4px;

        font-size:34px;
    }


    /* TEAM */

    .grabout-team-section{
        padding:
            20px 0 31px;
    }

    .grabout-center-heading{
        margin-bottom:23px;
    }

    .grabout-center-heading h2{
        font-size:21px;
    }

    .grabout-center-heading span{
        width:35px;
    }

    .grabout-team-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:23px 14px;
    }

    .grabout-team-avatar{
        width:112px;
    }

    .grabout-team-avatar i{
        font-size:48px;
    }


    /* TESTIMONIALS */

    .grabout-testimonial-grid{
        grid-template-columns:1fr;

        gap:15px;
    }


    /* CTA */

    .grabout-cta{
        grid-template-columns:1fr;

        gap:16px;

        min-height:0;

        padding:24px 0;
    }

    .grabout-cta-contact{
        grid-column:auto;

        padding-bottom:0;

        text-align:left;
    }

    .grabout-cta h2{
        font-size:26px;
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width:480px){

    .grabout-shell{
        width:calc(100% - 20px);
    }


    /* HERO */

    .grabout-hero{
        padding-top:15px;
    }

    .grabout-breadcrumb{
        gap:7px;

        margin-bottom:15px;

        font-size:12px;
    }

    .grabout-kicker{
        font-size:21px;
    }

    .grabout-hero-copy h1 span{
        font-size:32px;
    }

    .grabout-hero-copy h1 strong{
        font-size:35px;

        letter-spacing:-1px;
    }

    .grabout-hero-copy h1 small{
        font-size:14px;
        line-height:1.35;
    }

    .grabout-title-line{
        margin:15px 0;
    }

    .grabout-hero-copy > p{
        font-size:13.5px;
    }

    .grabout-image-frame{
        height:225px;

        border-width:1px;

        border-radius:17px;
    }


    /* STATS */

    .grabout-stats article{
        gap:9px;

        padding:15px 10px;
    }

    .grabout-stat-icon{
        width:41px;
        height:41px;

        min-width:41px;

        font-size:16px;
    }

    .grabout-stats strong{
        font-size:15px;
    }

    .grabout-stats article > div > span{
        font-size:10px;
    }


    /* STORY */

    .grabout-story-section{
        padding-top:34px;
    }

    .grabout-section-tag{
        font-size:12px;
    }

    .grabout-story-copy h2{
        font-size:27px;
    }

    .grabout-story-copy p{
        font-size:13.5px;
        line-height:1.65;
    }


    /* PROMISE */

    .grabout-promise-card{
        grid-template-columns:
            112px minmax(0,1fr);

        min-height:145px;
    }

    .grabout-promise-image{
        width:112px;
        min-height:145px;
    }

    .grabout-card-icon{
        width:39px;
        height:39px;

        margin:
            11px 12px 3px;

        font-size:12px;
    }

    .grabout-promise-card h3{
        margin:
            0 12px 4px;

        font-size:16px;
    }

    .grabout-promise-card p{
        padding:
            0 12px 11px;

        font-size:11px;
        line-height:1.5;
    }


    /* PANELS */

    .grabout-offer-panel,
    .grabout-why-card{
        padding:17px;
    }

    .grabout-panel-heading{
        margin-bottom:17px;
    }

    .grabout-panel-heading h2{
        font-size:17px;
    }

    .grabout-offer-grid article{
        min-height:100px;

        padding:11px 7px;
    }

    .grabout-offer-grid i{
        font-size:24px;
    }

    .grabout-offer-grid span{
        font-size:11.5px;
    }

    .grabout-why-content li{
        margin-bottom:12px;

        font-size:12.5px;
    }


    /* TEAM */

    .grabout-center-heading{
        gap:8px;
    }

    .grabout-center-heading span{
        width:27px;
    }

    .grabout-center-heading h2{
        font-size:18px;
    }

    .grabout-team-grid{
        gap:21px 10px;
    }

    .grabout-team-avatar{
        width:96px;
    }

    .grabout-team-avatar i{
        font-size:41px;
    }

    .grabout-team-card h3{
        font-size:13px;
    }

    .grabout-team-card p{
        font-size:10.5px;
    }


    /* TESTIMONIAL */

    .grabout-testimonial-section{
        padding-bottom:30px;
    }

    .grabout-review-card{
        padding:17px;
    }

    .grabout-review-card > p{
        font-size:12.5px;
    }


    /* CTA */

    .grabout-cta{
        padding:22px 0;
    }

    .grabout-cta h2{
        font-size:24px;
    }

    .grabout-cta p{
        line-height:1.5;
    }

    .grabout-cta-contact a{
        font-size:18px;
    }

}


/* ==========================================================
   VERY SMALL MOBILE
   320 - 360
   ========================================================== */

@media (max-width:360px){

    .grabout-shell{
        width:calc(100% - 16px);
    }

    .grabout-hero-copy h1 span{
        font-size:29px;
    }

    .grabout-hero-copy h1 strong{
        font-size:31px;
    }

    .grabout-hero-copy h1 small{
        font-size:12.5px;
    }

    .grabout-image-frame{
        height:200px;
    }

    .grabout-stats article{
        gap:7px;

        padding:13px 7px;
    }

    .grabout-stat-icon{
        width:36px;
        height:36px;

        min-width:36px;

        font-size:14px;
    }

    .grabout-stats strong{
        font-size:13px;
    }

    .grabout-stats article > div > span{
        font-size:9px;
    }

    .grabout-promise-card{
        grid-template-columns:
            100px minmax(0,1fr);
    }

    .grabout-promise-image{
        width:100px;
    }

    .grabout-team-avatar{
        width:86px;
    }

}


/* ==========================================================
   ACCESSIBILITY / REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion:reduce){

    .grabout-page *,
    .grabout-page *::before,
    .grabout-page *::after{
        scroll-behavior:auto !important;

        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;

        transition-duration:.01ms !important;
    }

}


/* ==========================================================
   FINAL FLUID RESPONSIVE SAFETY PATCH
   Keeps the existing About Us design, but prevents overflow
   and awkward breakage at intermediate / uncommon widths.
   ========================================================== */

.grabout-page{
    max-width:100%;
    overflow-x:clip;
}

.grabout-page,
.grabout-page *{
    min-width:0;
}

.grabout-page img,
.grabout-page svg,
.grabout-page video,
.grabout-page iframe{
    max-width:100%;
    height:auto;
}

.grabout-shell{
    width:min(1320px, calc(100% - clamp(16px, 4vw, 48px)));
    max-width:1320px;
}

.grabout-hero-grid,
.grabout-story-grid,
.grabout-promise-grid,
.grabout-offer-layout,
.grabout-offer-grid,
.grabout-why-content,
.grabout-team-grid,
.grabout-testimonial-grid,
.grabout-cta,
.grabout-stats{
    max-width:100%;
}

.grabout-hero-copy,
.grabout-story-copy,
.grabout-promise-card,
.grabout-offer-panel,
.grabout-why-card,
.grabout-review-card,
.grabout-cta > *,
.grabout-stats article{
    overflow-wrap:anywhere;
}

.grabout-image-frame{
    height:auto;
    aspect-ratio:16 / 9;
    min-height:0;
}

.grabout-image-frame img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}

.grabout-primary-btn,
.grabout-secondary-btn{
    max-width:100%;
    white-space:normal;
    text-align:center;
}

.grabout-cta-contact a{
    white-space:normal;
    overflow-wrap:anywhere;
}

@media (min-width:981px) and (max-width:1180px){
    .grabout-hero-grid{
        grid-template-columns:minmax(300px,.9fr) minmax(0,1.35fr);
        gap:clamp(24px,3vw,36px);
    }

    .grabout-story-grid{
        grid-template-columns:minmax(280px,.9fr) minmax(0,1.55fr);
    }

    .grabout-promise-grid{
        gap:12px;
    }

    .grabout-promise-image{
        height:clamp(135px,14vw,165px);
    }

    .grabout-offer-layout{
        grid-template-columns:1fr;
    }
}

@media (min-width:761px) and (max-width:980px){
    .grabout-shell{
        width:calc(100% - 32px);
    }

    .grabout-image-frame{
        aspect-ratio:16 / 8.5;
    }

    .grabout-stats{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .grabout-stats article:nth-child(3n)::after{
        display:none;
    }

    .grabout-promise-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:14px;
    }

    .grabout-promise-image{
        height:150px;
    }

    .grabout-team-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .grabout-testimonial-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:760px){
    .grabout-shell{
        width:calc(100% - 24px);
    }

    .grabout-hero,
    .grabout-story-section,
    .grabout-offer-section,
    .grabout-team-section,
    .grabout-testimonial-section,
    .grabout-cta-section{
        max-width:100%;
        overflow:hidden;
    }

    .grabout-hero-copy h1 span{
        font-size:clamp(30px,9.5vw,37px);
    }

    .grabout-hero-copy h1 strong{
        font-size:clamp(33px,10.5vw,41px);
    }

    .grabout-hero-copy h1 small{
        font-size:clamp(13px,4vw,16px);
    }

    .grabout-image-frame{
        width:100%;
        height:auto;
        aspect-ratio:16 / 10;
    }

    .grabout-stats{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .grabout-stats article{
        min-height:78px;
    }

    .grabout-promise-card{
        width:100%;
        grid-template-columns:clamp(105px,32vw,145px) minmax(0,1fr);
    }

    .grabout-promise-image{
        width:100%;
    }

    .grabout-offer-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .grabout-why-content{
        grid-template-columns:1fr;
    }

    .grabout-team-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .grabout-testimonial-grid{
        grid-template-columns:1fr;
    }

    .grabout-cta{
        grid-template-columns:1fr;
    }
}

@media (max-width:480px){
    .grabout-shell{
        width:calc(100% - 20px);
    }

    .grabout-breadcrumb{
        max-width:100%;
        row-gap:5px;
    }

    .grabout-image-frame{
        aspect-ratio:4 / 3;
    }

    .grabout-stats article{
        padding:14px 9px;
    }

    .grabout-stat-icon{
        flex:0 0 auto;
    }

    .grabout-stats article > div{
        min-width:0;
    }

    .grabout-stats article > div > span{
        overflow-wrap:anywhere;
    }

    .grabout-promise-card{
        grid-template-columns:clamp(96px,31vw,112px) minmax(0,1fr);
    }

    .grabout-offer-panel,
    .grabout-why-card{
        width:100%;
    }

    .grabout-center-heading{
        width:100%;
    }

    .grabout-center-heading h2{
        min-width:0;
    }
}

@media (max-width:359px){
    .grabout-shell{
        width:calc(100% - 16px);
    }

    .grabout-stats{
        grid-template-columns:1fr;
    }

    .grabout-stats article{
        border-bottom:1px solid rgba(255,255,255,.10) !important;
    }

    .grabout-stats article::after{
        display:none !important;
    }

    .grabout-stats article:last-child{
        border-bottom:0 !important;
    }

    .grabout-promise-card{
        grid-template-columns:90px minmax(0,1fr);
    }

    .grabout-offer-grid{
        grid-template-columns:1fr;
    }

    .grabout-offer-grid article{
        border-right:0 !important;
        border-bottom:1px solid rgba(255,255,255,.14) !important;
    }

    .grabout-offer-grid article:last-child{
        border-bottom:0 !important;
    }

    .grabout-team-grid{
        grid-template-columns:1fr 1fr;
        gap:18px 8px;
    }

    .grabout-team-avatar{
        width:min(86px, 28vw);
    }
}










/* GOLDEN RICH CONTACT PAGE - namespace grcontact- */
.grcontact-page{--grc-navy:#03263b;--grc-navy-deep:#001b2b;--grc-gold:#d89516;--grc-gold-dark:#b87908;--grc-text:#102235;--grc-muted:#5d6977;--grc-shadow:0 18px 46px rgba(9,34,50,.09);width:100%;max-width:100%;overflow-x:clip;background:#fff;color:var(--grc-text)}
.grcontact-page *,.grcontact-page *::before,.grcontact-page *::after{box-sizing:border-box;min-width:0}
.grcontact-page img,.grcontact-page iframe{max-width:100%}
.grcontact-page a{text-decoration:none}
.grcontact-shell{width:min(1320px,calc(100% - clamp(20px,4vw,52px)));margin-inline:auto}
.grcontact-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.grcontact-reveal.grcontact-inview{opacity:1;transform:none}.grcontact-delay-1{transition-delay:.12s}
.grcontact-hero{padding:105px 0 0;background:radial-gradient(circle at 11% 18%,rgba(216,149,22,.08),transparent 25%),linear-gradient(180deg,#fff 0%,#fffdfa 100%);overflow:hidden}
.grcontact-hero-grid{display:grid;grid-template-columns:minmax(360px,.85fr) minmax(0,1.45fr);align-items:center;gap:clamp(35px,4vw,68px)}
.grcontact-script{display:block;margin-bottom:5px;color:var(--grc-gold-dark);font:400 clamp(24px,2vw,31px)/1.15 "Brush Script MT","Segoe Script",cursive}
.grcontact-hero-copy h1{margin:0;letter-spacing:-1.3px;line-height:.92}.grcontact-hero-copy h1 span,.grcontact-hero-copy h1 strong{display:block;font-size:clamp(48px,4vw,66px);font-weight:800}.grcontact-hero-copy h1 span{color:var(--grc-navy)}.grcontact-hero-copy h1 strong{margin-top:6px;color:var(--grc-gold-dark)}
.grcontact-title-rule{display:flex;align-items:center;gap:9px;width:190px;margin:22px 0}.grcontact-title-rule span{flex:1;height:2px;background:linear-gradient(90deg,var(--grc-gold),rgba(216,149,22,.06))}.grcontact-title-rule i{color:var(--grc-gold-dark);transform:rotate(-8deg)}
.grcontact-hero-copy p{max-width:470px;margin:0;color:#3f5060;font-size:16px;line-height:1.7}
.grcontact-hero-image{position:relative;aspect-ratio:16/8.3;overflow:hidden;border-radius:100px 22px 0 100px;border-left:4px solid var(--grc-gold);box-shadow:0 22px 48px rgba(8,30,44,.14);background:#eee}.grcontact-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .8s ease}.grcontact-hero-image:hover img{transform:scale(1.025)}
.grcontact-breadcrumb-zone{padding:0 0 14px}.grcontact-breadcrumb-layout{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:26px}
.grcontact-breadcrumb{display:flex;align-items:center;gap:13px;padding:0 20px 0 0;min-height:64px;background:linear-gradient(135deg,var(--grc-navy),#083c56);border-radius:0 0 24px 0;box-shadow:0 10px 25px rgba(3,38,59,.12);overflow:hidden}.grcontact-breadcrumb::before{content:"";width:18px;align-self:stretch;background:var(--grc-gold)}
.grcontact-breadcrumb a,.grcontact-current{display:flex;align-items:center;gap:10px;color:#fff;font-size:13px;font-weight:800;white-space:nowrap}.grcontact-crumb-separator{color:#efba51;font-size:12px}.grcontact-crumb-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#fff;color:var(--grc-navy)}.grcontact-crumb-icon--gold{background:var(--grc-gold);color:#fff}
.grcontact-breadcrumb-note{display:flex;align-items:center;justify-content:flex-end;gap:26px;color:#1f3141;font:400 clamp(18px,1.6vw,25px)/1.2 "Brush Script MT","Segoe Script",cursive}.grcontact-breadcrumb-note i{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--grc-gold),var(--grc-gold-dark))}
.grcontact-info-section{padding:0 0 22px}.grcontact-info-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid #ece5da;border-radius:16px;background:#fff;box-shadow:var(--grc-shadow);overflow:hidden}.grcontact-info-card{position:relative;display:flex;gap:13px;align-items:flex-start;padding:21px 18px}.grcontact-info-card:not(:last-child)::after{content:"";position:absolute;top:18%;right:0;width:1px;height:64%;background:#ece7df}
.grcontact-info-icon{width:47px;height:47px;min-width:47px;display:grid;place-items:center;border-radius:14px;background:var(--grc-navy);color:#fff;font-size:18px}.grcontact-info-icon--gold{background:linear-gradient(135deg,var(--grc-gold),var(--grc-gold-dark))}.grcontact-info-card h2{margin:1px 0 6px;font-size:16px}.grcontact-info-card a,.grcontact-info-card p{margin:0;color:#26394a;font-size:12px;line-height:1.55;overflow-wrap:anywhere}.grcontact-info-card a{font-weight:700}.grcontact-info-card small{display:block;margin-top:7px;color:var(--grc-gold-dark);font-size:11px;font-weight:700}
.grcontact-connect-section{padding:0 0 24px}.grcontact-connect-grid{display:grid;grid-template-columns:minmax(0,.97fr) minmax(0,1.03fr);gap:22px;align-items:stretch}.grcontact-form-card,.grcontact-why-card{border-radius:18px}.grcontact-form-card{padding:24px;color:#fff;background:linear-gradient(145deg,var(--grc-navy),var(--grc-navy-deep));box-shadow:0 20px 46px rgba(3,38,59,.17)}
.grcontact-form-heading{display:flex;align-items:center;gap:14px;margin-bottom:20px}.grcontact-form-heading-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--grc-gold);color:var(--grc-gold)}.grcontact-form-heading h2{margin:0 0 4px;font-size:20px;color:#fff}.grcontact-form-heading p{margin:0;color:#dbe4e9;font-size:12px}
.grcontact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.grcontact-field{min-height:48px;display:flex;align-items:center;gap:9px;padding:0 13px;border-radius:7px;background:#fff;color:var(--grc-navy)}.grcontact-field i{width:17px;text-align:center;font-size:13px}.grcontact-field input,.grcontact-field select,.grcontact-field textarea{width:100%;border:0;outline:0;background:transparent;color:#273849;font:inherit;font-size:12px}.grcontact-field--message{grid-column:1/-1;min-height:112px;align-items:flex-start;padding-top:14px}.grcontact-field textarea{height:85px;resize:vertical}.grcontact-field.grcontact-invalid{outline:2px solid #ef6767}
.grcontact-form-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px}.grcontact-submit{min-height:47px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 20px;border:0;border-radius:7px;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--grc-gold),var(--grc-gold-dark));font-weight:800;font-size:12px}.grcontact-form-safe{display:inline-flex;align-items:center;gap:8px;color:#dbe5eb;font-size:11px}.grcontact-form-safe i{color:var(--grc-gold)}.grcontact-form-status{min-height:18px;margin:10px 0 0;font-size:12px;color:#f5ce79}
.grcontact-why-card{position:relative;padding:27px 26px;border:1px solid #eee6dc;background:linear-gradient(135deg,#fff,#fffaf4);box-shadow:var(--grc-shadow);overflow:hidden}.grcontact-section-heading h2{margin:0;font-size:22px}.grcontact-section-heading h2 span{color:var(--grc-gold-dark)}.grcontact-heading-line{display:block;width:34px;height:2px;margin-top:9px;background:var(--grc-gold)}
.grcontact-why-list{width:min(62%,520px);margin-top:22px}.grcontact-why-list article{position:relative;display:flex;gap:13px;align-items:flex-start;padding:0 0 17px}.grcontact-why-list article:not(:last-child)::after{content:"";position:absolute;left:21px;top:44px;bottom:1px;width:1px;background:#e2c88d}.grcontact-why-list article>span{width:43px;height:43px;min-width:43px;display:grid;place-items:center;border-radius:50%;background:var(--grc-navy);color:#fff;position:relative;z-index:2}.grcontact-why-list .grcontact-why-gold{background:linear-gradient(135deg,var(--grc-gold),var(--grc-gold-dark))}.grcontact-why-list h3{margin:1px 0 4px;font-size:14px}.grcontact-why-list p{margin:0;color:#536170;font-size:11.5px;line-height:1.55}.grcontact-sketch{position:absolute;right:7%;bottom:11%;width:28%;min-height:165px;color:#d9c2a0;opacity:.48}.grcontact-sketch .fa-signs-post{font-size:100px;position:absolute;right:0;bottom:0}.grcontact-sketch .fa-umbrella-beach{font-size:48px;position:absolute;left:0;bottom:0}
.grcontact-map-section{padding:0 0 24px}.grcontact-map-card{position:relative;min-height:250px;overflow:hidden;border:1px solid #e9e2d9;border-radius:17px;background:#edf3f5;box-shadow:var(--grc-shadow)}.grcontact-map-card iframe{display:block;width:100%;height:250px;border:0}.grcontact-map-overlay{position:absolute;right:18px;top:18px;bottom:18px;width:min(310px,34%);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:22px;border-radius:15px;color:#fff;background:linear-gradient(145deg,var(--grc-navy),var(--grc-navy-deep));box-shadow:0 15px 30px rgba(3,38,59,.22)}.grcontact-map-icon{width:43px;height:43px;display:grid;place-items:center;margin-bottom:10px;border:1px solid var(--grc-gold);border-radius:50%;color:var(--grc-gold)}.grcontact-map-overlay h2{margin:0 0 7px;font-size:19px}.grcontact-map-overlay p{margin:0 0 15px;color:#dfe8ed;font-size:12px;line-height:1.5}.grcontact-map-overlay a{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:0 15px;border-radius:6px;color:#fff;background:linear-gradient(135deg,var(--grc-gold),var(--grc-gold-dark));font-size:11px;font-weight:800}
.grcontact-faq-section{padding:0 0 22px}.grcontact-faq-layout{display:grid;grid-template-columns:minmax(220px,.42fr) minmax(0,1.58fr);gap:30px;align-items:start}.grcontact-faq-title>span{display:block;margin-bottom:8px;color:var(--grc-gold-dark);font-size:11px;font-weight:800}.grcontact-faq-title h2{margin:0;font-size:clamp(27px,2.3vw,36px);line-height:1.08}.grcontact-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}.grcontact-faq-item{overflow:hidden;border:1px solid #ece7df;border-radius:10px;background:#fff}.grcontact-faq-item button{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;border:0;background:#fff;color:#263949;cursor:pointer;text-align:left;font:inherit;font-size:12px;font-weight:700}.grcontact-faq-item button i{color:var(--grc-gold-dark);transition:transform .25s ease}.grcontact-faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.grcontact-faq-answer>p{overflow:hidden;margin:0;padding:0 16px;color:#61707e;font-size:11.5px;line-height:1.55;transition:padding .3s ease}.grcontact-faq-item.grcontact-open .grcontact-faq-answer{grid-template-rows:1fr}.grcontact-faq-item.grcontact-open .grcontact-faq-answer>p{padding:0 16px 14px}.grcontact-faq-item.grcontact-open button i{transform:rotate(45deg)}
.grcontact-help-bar{min-height:92px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(90px,.5fr) minmax(210px,.65fr) auto;align-items:center;gap:20px;padding:14px 25px;border-radius:17px 17px 0 0;background:linear-gradient(90deg,var(--grc-navy),#06334a 47%,#fff8ed 47%,#fff8ed 100%)}.grcontact-help-left{display:flex;align-items:center;gap:14px;color:#fff}.grcontact-help-icon{width:52px;height:52px;min-width:52px;display:grid;place-items:center;border-radius:50%;color:var(--grc-gold);border:1px solid var(--grc-gold)}.grcontact-help-left h2{margin:0 0 3px;color:#fff;font-size:20px}.grcontact-help-left p{margin:0;color:#d9e4ea;font-size:11.5px}.grcontact-help-path{color:var(--grc-gold-dark);text-align:center}.grcontact-help-contact span{display:block;color:var(--grc-gold-dark);font:400 18px/1.1 "Brush Script MT","Segoe Script",cursive}.grcontact-help-contact a{display:block;margin-top:3px;color:var(--grc-navy);font-size:22px;font-weight:800}.grcontact-help-call{width:54px;height:54px;display:grid;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--grc-gold),var(--grc-gold-dark))}
@media(max-width:1180px){.grcontact-info-grid{grid-template-columns:repeat(3,1fr)}.grcontact-connect-grid{grid-template-columns:1fr}.grcontact-why-list{width:min(70%,620px)}}
@media(max-width:900px){.grcontact-shell{width:calc(100% - 30px)}.grcontact-hero-grid{grid-template-columns:1fr}.grcontact-hero-image{aspect-ratio:16/8;border-radius:30px}.grcontact-breadcrumb-layout{grid-template-columns:1fr}.grcontact-breadcrumb-note{justify-content:flex-start}.grcontact-info-grid{grid-template-columns:repeat(2,1fr)}.grcontact-faq-layout{grid-template-columns:1fr}.grcontact-help-bar{grid-template-columns:1fr auto;background:linear-gradient(135deg,var(--grc-navy),var(--grc-navy-deep));color:#fff}.grcontact-help-contact{grid-column:1/2}.grcontact-help-contact a{color:#fff}.grcontact-help-call{grid-column:2/3;grid-row:1/3}}
@media(max-width:680px){.grcontact-shell{width:calc(100% - 22px)}.grcontact-hero-copy h1 span,.grcontact-hero-copy h1 strong{font-size:clamp(40px,12vw,54px)}.grcontact-hero-image{aspect-ratio:4/3;border-radius:22px}.grcontact-breadcrumb{overflow-x:auto}.grcontact-info-grid{grid-template-columns:1fr}.grcontact-fields{grid-template-columns:1fr}.grcontact-field--message{grid-column:auto}.grcontact-form-actions{flex-direction:column;align-items:flex-start}.grcontact-why-list{width:100%}.grcontact-sketch{display:none}.grcontact-map-card,.grcontact-map-card iframe{min-height:390px;height:390px}.grcontact-map-overlay{left:12px;right:12px;top:auto;bottom:12px;width:auto}.grcontact-faq-grid{grid-template-columns:1fr}}
@media(max-width:430px){.grcontact-shell{width:calc(100% - 18px)}.grcontact-form-card,.grcontact-why-card{padding:18px}.grcontact-info-card{padding:17px 14px}.grcontact-faq-title h2{font-size:28px}.grcontact-help-bar{padding:18px;gap:12px}.grcontact-help-contact a{font-size:19px}}
@media(max-width:340px){.grcontact-shell{width:calc(100% - 14px)}.grcontact-submit{width:100%}.grcontact-help-bar{grid-template-columns:1fr}.grcontact-help-call{grid-column:auto;grid-row:auto}}
@media(prefers-reduced-motion:reduce){.grcontact-page *{transition-duration:.01ms!important}.grcontact-reveal{opacity:1;transform:none}}













/* =========================================================
   GOLDEN RICH PRIVACY POLICY - FINAL
   All selectors uniquely prefixed grp-policy
========================================================= */

.grp-policy-page{
    --grp-navy:#03283d;
    --grp-dark:#001f31;
    --grp-gold:#d4930f;
    --grp-gold2:#e4a522;
    --grp-text:#102438;
    --grp-muted:#536372;
    --grp-border:#ebe5dc;

    width:100%;
    max-width:100%;
    margin:0;
    padding:0;

    overflow-x:hidden;

    background:#fff;

    color:var(--grp-text);
}


.grp-policy-page *,
.grp-policy-page *::before,
.grp-policy-page *::after{
    box-sizing:border-box;
}

.grp-policy-hero-content,
.grp-policy-hero-picture,
.grp-policy-layout,
.grp-policy-menu,
.grp-policy-content,
.grp-policy-row,
.grp-policy-row-content,
.grp-policy-help-box,
.grp-policy-help-left,
.grp-policy-help-right{
    min-width:0;
}

.grp-policy-page img,
.grp-policy-page svg{
    max-width:100%;
}


.grp-policy-page img{
    display:block;

    max-width:100%;
}


.grp-policy-page a{
    text-decoration:none;
}


.grp-policy-container{
    width:min(1320px,calc(100% - 48px));

    margin:0 auto;
}



/* =========================================================
   HERO
========================================================= */

.grp-policy-hero{
    position:relative;

    width:100%;

    padding:100px 0 60px;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 25% 35%,
            rgba(218,151,20,.07),
            transparent 27%
        ),
        linear-gradient(
            90deg,
            #ffffff 0%,
            #fffdf9 49%,
            #f1ebe3 100%
        );
}



/* Breadcrumb */

.grp-policy-breadcrumb{
    position:relative;
    z-index:3;

    display:inline-flex;

    align-items:center;

    gap:11px;

    min-height:42px;

    margin-bottom:40px;

    padding:8px 17px;

    border:1px solid #eee8df;

    border-radius:50px;

    background:#fff;

    box-shadow:
        0 8px 25px
        rgba(0,31,48,.05);

    color:#1c3548;

    font-size:13px;

    white-space:nowrap;
}


.grp-policy-breadcrumb a{
    display:flex;

    align-items:center;

    gap:8px;

    color:var(--grp-gold);
}


.grp-breadcrumb-slash{
    color:#aaa;
}



/* Hero Grid */

.grp-policy-hero-grid{
    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:
        minmax(0,.88fr)
        minmax(500px,1.12fr);

    align-items:center;

    gap:50px;
}



/* Left */

.grp-policy-tagline{
    margin-bottom:9px;

    color:#c57e08;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size:
        clamp(22px,2vw,29px);

    font-style:italic;

    font-weight:600;
}


.grp-policy-hero-content h1{
    display:flex;

    align-items:center;

    gap:14px;

    margin:0;

    white-space:normal;

    flex-wrap:wrap;

    font-size:
        clamp(48px,5vw,72px);

    line-height:1;

    letter-spacing:-2px;

    font-weight:800;
}


.grp-policy-hero-content h1 span{
    color:var(--grp-navy);
}


.grp-policy-hero-content h1 strong{
    color:var(--grp-gold);

    font-weight:800;
}


.grp-policy-heading-line{
    display:flex;

    align-items:center;

    width:190px;

    gap:7px;

    margin:22px 0;
}


.grp-policy-heading-line span{
    flex:1;

    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--grp-gold),
            #f1d9aa
        );
}


.grp-policy-heading-line i{
    color:var(--grp-gold);

    font-size:15px;

    transform:rotate(-12deg);
}


.grp-policy-hero-content > p{
    width:100%;

    max-width:560px;

    margin:0;

    color:#263b4c;

    font-size:16px;

    line-height:1.75;
}



/* RIGHT IMAGE */

.grp-policy-hero-picture{
    position:relative;

    width:100%;

    height:
        clamp(310px,29vw,430px);

    overflow:hidden;

    border-left:
        4px solid var(--grp-gold);

    border-radius:
        105px 20px 0 105px;

    background:#ece8e1;

    box-shadow:
        0 22px 45px
        rgba(0,31,48,.13);
}


.grp-policy-hero-picture img{
    width:100% !important;

    height:100% !important;

    max-width:100% !important;

    object-fit:cover !important;

    object-position:center !important;
}



/* Hero bottom curves */

.grp-policy-hero-bottom{
    position:absolute;

    left:0;
    right:0;
    bottom:0;

    height:35px;

    overflow:hidden;

    pointer-events:none;
}


.grp-policy-gold-wave{
    position:absolute;

    left:-4%;
    bottom:-26px;

    width:66%;
    height:45px;

    border-radius:50%;

    background:var(--grp-gold);
}


.grp-policy-blue-wave{
    position:absolute;

    left:-3%;
    bottom:-35px;

    width:72%;
    height:48px;

    border-radius:50%;

    background:var(--grp-navy);
}



/* =========================================================
   MAIN POLICY
========================================================= */

.grp-policy-main{
    padding:28px 0 38px;

    background:#fff;
}


.grp-policy-layout{
    display:grid;

    grid-template-columns:
        300px
        minmax(0,1fr);

    gap:20px;

    align-items:start;
}



/* =========================================================
   LEFT MENU
========================================================= */

.grp-policy-menu{
    position:sticky;

    top:100px;

    padding:28px 26px;

    border-radius:16px;

    background:
        linear-gradient(
            145deg,
            #06344b,
            #002338
        );

    box-shadow:
        0 14px 35px
        rgba(0,31,48,.15);
}


.grp-policy-menu h2{
    margin:0;

    color:#efa717;

    font-size:16px;

    font-weight:800;
}


.grp-policy-menu-title-line{
    width:50px;

    height:2px;

    margin:14px 0 19px;

    background:var(--grp-gold);
}


.grp-policy-menu a{
    display:grid;

    grid-template-columns:
        34px minmax(0,1fr);

    align-items:center;

    gap:10px;

    min-height:51px;

    padding:7px 0;

    border-bottom:
        1px solid
        rgba(255,255,255,.13);

    color:#fff;

    font-size:12px;

    font-weight:500;

    line-height:1.4;

    transition:
        color .25s ease,
        padding .25s ease;
}


.grp-policy-menu a:last-child{
    border-bottom:0;
}


.grp-policy-menu a:hover,
.grp-policy-menu a.grp-active{
    padding-left:5px;

    color:#f2ad20;
}


.grp-menu-icon{
    width:32px;
    height:32px;

    display:grid;

    place-items:center;

    color:#e69e0c;

    font-size:16px;
}



/* Trust */

.grp-policy-trust{
    position:relative;

    min-height:275px;

    margin-top:18px;

    padding:27px 25px 100px;

    overflow:hidden;

    border:
        1px solid #eee6da;

    border-radius:15px;

    background:
        linear-gradient(
            145deg,
            #fff,
            #fff9f0
        );

    box-shadow:
        0 10px 30px
        rgba(0,31,48,.05);
}


.grp-policy-trust-shield{
    width:50px;
    height:50px;

    display:grid;

    place-items:center;

    margin-bottom:16px;

    border:
        2px solid var(--grp-gold);

    border-radius:14px;

    color:var(--grp-gold);

    font-size:22px;
}


.grp-policy-trust p{
    margin:0 0 8px;

    color:#263c4e;

    font-size:13px;

    line-height:1.55;
}


.grp-policy-trust strong{
    color:var(--grp-navy);

    font-size:13px;
}


.grp-policy-travel-art{
    position:absolute;

    left:18px;
    right:18px;
    bottom:18px;

    display:flex;

    justify-content:
        space-around;

    align-items:flex-end;

    color:
        rgba(204,139,14,.13);
}


.grp-policy-travel-art i:nth-child(1){
    font-size:62px;
}


.grp-policy-travel-art i:nth-child(2){
    font-size:29px;

    transform:
        translateY(-28px)
        rotate(-20deg);
}


.grp-policy-travel-art i:nth-child(3){
    font-size:58px;
}



/* =========================================================
   RIGHT CONTENT
========================================================= */

.grp-policy-content{
    width:100%;

    padding:9px 29px 16px;

    border:
        1px solid #ebe7e1;

    border-radius:16px;

    background:#fff;

    box-shadow:
        0 10px 35px
        rgba(0,31,48,.06);

    opacity:1 !important;

    visibility:visible !important;
}


.grp-policy-row{
    position:relative;

    display:grid;

    grid-template-columns:
        62px
        minmax(0,1fr);

    gap:19px;

    width:100%;

    padding:21px 0;

    opacity:1 !important;

    visibility:visible !important;

    transform:none !important;

    scroll-margin-top:110px;
}


.grp-policy-row:not(:last-of-type)::after{
    content:"";

    position:absolute;

    left:81px;
    right:0;
    bottom:0;

    height:1px;

    background:#eee9e2;
}



/* Icons */

.grp-policy-row-icon{
    width:54px;
    height:54px;

    display:grid;

    place-items:center;

    border-radius:50%;

    background:
        radial-gradient(
            circle at 30% 20%,
            #16475e,
            #002337
        );

    color:#e6a11b;

    font-size:21px;

    box-shadow:
        0 7px 17px
        rgba(0,31,48,.15);

    transition:
        transform .3s ease,
        background .3s ease,
        color .3s ease;
}


.grp-policy-row:hover
.grp-policy-row-icon{
    transform:
        translateY(-3px)
        rotate(-4deg);

    color:#fff;

    background:
        linear-gradient(
            145deg,
            #e0a01d,
            #b97606
        );
}



/* Text */

.grp-policy-row-content{
    width:100%;

    opacity:1 !important;

    visibility:visible !important;
}


.grp-policy-row-content h2{
    display:block !important;

    margin:2px 0 7px !important;

    padding:0 !important;

    color:var(--grp-navy) !important;

    background:none !important;

    font-size:16px !important;

    line-height:1.35 !important;

    font-weight:800 !important;

    opacity:1 !important;

    visibility:visible !important;
}


.grp-policy-row-content h2 span{
    color:var(--grp-gold) !important;
}


.grp-policy-row-content p{
    display:block !important;

    width:100% !important;

    max-width:920px !important;

    margin:0 !important;

    padding:0 !important;

    color:#344757 !important;

    background:none !important;

    font-size:13px !important;

    line-height:1.68 !important;

    opacity:1 !important;

    visibility:visible !important;
}



/* Contact links */

.grp-policy-contact{
    display:flex;

    flex-wrap:wrap;

    gap:10px 25px;

    margin-top:12px;
}


.grp-policy-contact a{
    display:inline-flex;

    align-items:center;

    gap:8px;

    color:var(--grp-navy);

    font-size:13px;

    font-weight:600;
}


.grp-policy-contact a i{
    color:var(--grp-gold);
}



/* Note */

.grp-policy-note{
    display:flex;

    align-items:center;

    gap:15px;

    min-height:64px;

    margin-top:10px;

    padding:12px 18px;

    border:
        1px solid #f0e2c9;

    border-radius:10px;

    background:
        linear-gradient(
            90deg,
            #fff8ed,
            #fffdf9
        );
}


.grp-policy-note > div{
    width:40px;
    height:40px;

    flex:0 0 40px;

    display:grid;

    place-items:center;

    color:var(--grp-gold);

    font-size:22px;
}


.grp-policy-note p{
    margin:0;

    color:#304454;

    font-size:12px;

    line-height:1.55;
}



/* =========================================================
   CTA
========================================================= */

.grp-policy-help{
    padding:0 0 14px;

    background:#fff;
}


.grp-policy-help-box{
    min-height:100px;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        170px
        minmax(380px,.86fr);

    align-items:center;

    overflow:hidden;

    border:
        1px solid #eee6da;

    border-radius:16px;

    background:
        linear-gradient(
            90deg,
            #fffaf2 0%,
            #fff 55%,
            #d89511 55%,
            #b97004 100%
        );

    box-shadow:
        0 10px 30px
        rgba(0,31,48,.07);
}


.grp-policy-help-left{
    display:flex;

    align-items:center;

    gap:18px;

    padding:18px 26px;
}


.grp-policy-headset{
    width:62px;
    height:62px;

    flex:0 0 62px;

    display:grid;

    place-items:center;

    border-radius:50%;

    background:var(--grp-navy);

    color:var(--grp-gold);

    font-size:27px;
}


.grp-policy-help-left h2{
    margin:0 0 4px;

    color:var(--grp-navy);

    font-size:20px;
}


.grp-policy-help-left p{
    margin:0;

    color:#52616e;

    font-size:13px;
}


.grp-policy-help-route{
    position:relative;

    height:70px;
}


.grp-policy-help-route span{
    position:absolute;

    left:0;
    right:28px;
    top:38px;

    border-top:
        1px dashed #b99150;
}


.grp-policy-help-route i{
    position:absolute;

    right:11px;
    top:18px;

    color:var(--grp-navy);

    transform:rotate(-20deg);
}


.grp-policy-help-right{
    height:100%;

    display:flex;

    align-items:center;

    justify-content:
        space-between;

    gap:20px;

    padding:
        17px 28px 17px 40px;

    color:#fff;
}


.grp-policy-help-right span{
    display:block;

    margin-bottom:2px;

    color:#ffe2a2;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size:16px;

    font-style:italic;
}


.grp-policy-help-right > div > a{
    color:#fff;

    font-size:25px;

    font-weight:800;

    white-space:nowrap;
}


.grp-policy-call{
    width:62px;
    height:62px;

    flex:0 0 62px;

    display:grid;

    place-items:center;

    border-radius:50%;

    background:var(--grp-navy);

    color:#fff;

    font-size:23px;

    box-shadow:
        0 8px 20px
        rgba(0,0,0,.18);

    transition:
        transform .25s ease;
}


.grp-policy-call:hover{
    transform:
        scale(1.07)
        rotate(-5deg);
}



/* =========================================================
   1200
========================================================= */

@media(max-width:1200px){

    .grp-policy-hero{
        padding:90px 0 55px;
    }

    .grp-policy-container{
        width:
            calc(100% - 36px);
    }


    .grp-policy-hero-grid{
        grid-template-columns:
            minmax(0,.9fr)
            minmax(420px,1.1fr);

        gap:35px;
    }


    .grp-policy-layout{
        grid-template-columns:
            260px
            minmax(0,1fr);
    }


    .grp-policy-menu{
        padding:
            24px 20px;
    }


    .grp-policy-help-box{
        grid-template-columns:
            minmax(0,1fr)
            100px
            minmax(350px,.85fr);
    }

}



/* =========================================================
   TABLET 900
========================================================= */

@media(max-width:900px){

    .grp-policy-hero{
        padding:70px 0 50px;
    }


    .grp-policy-breadcrumb{
        margin-bottom:28px;
    }


    .grp-policy-hero-grid{
        grid-template-columns:1fr;

        gap:28px;
    }


    .grp-policy-hero-content{
        text-align:center;
    }


    .grp-policy-hero-content h1{
        justify-content:center;
    }


    .grp-policy-heading-line{
        margin-left:auto;
        margin-right:auto;
    }


    .grp-policy-hero-content > p{
        margin-left:auto;
        margin-right:auto;
    }


    .grp-policy-hero-picture{
        height:auto;

        aspect-ratio:16 / 8.5;

        border-radius:30px;

        border-left-width:3px;
    }


    .grp-policy-layout{
        grid-template-columns:1fr;
    }


    .grp-policy-menu{
        position:relative;

        top:auto;
    }


    .grp-policy-menu h2{
        text-align:center;
    }


    .grp-policy-menu-title-line{
        margin-left:auto;
        margin-right:auto;
    }


    .grp-policy-menu{
        display:grid;

        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:8px;
    }


    .grp-policy-menu h2,
    .grp-policy-menu-title-line{
        grid-column:1 / -1;
    }


    .grp-policy-menu a{
        padding:8px 12px;

        border:
            1px solid
            rgba(255,255,255,.1);

        border-radius:8px;
    }


    .grp-policy-menu a:hover,
    .grp-policy-menu a.grp-active{
        padding-left:12px;

        background:
            rgba(255,255,255,.06);
    }


    .grp-policy-trust{
        min-height:auto;

        padding:20px;
    }


    .grp-policy-travel-art{
        display:none;
    }


    .grp-policy-help-box{
        grid-template-columns:1fr;

        background:#fffaf2;
    }


    .grp-policy-help-route{
        display:none;
    }


    .grp-policy-help-right{
        min-height:90px;

        background:
            linear-gradient(
                135deg,
                #d89511,
                #b97004
            );
    }

}



/* =========================================================
   MOBILE 680
========================================================= */

@media(max-width:680px){

    .grp-policy-container{
        width:
            calc(100% - 24px);
    }


    .grp-policy-hero{
        padding:48px 0 44px;
    }


    .grp-policy-breadcrumb{
        min-height:38px;

        margin-bottom:23px;

        padding:
            7px 13px;

        font-size:11px;
    }


    .grp-policy-tagline{
        font-size:21px;
    }


    .grp-policy-hero-content h1{
        gap:7px;

        font-size:
            clamp(
                33px,
                10.5vw,
                48px
            );

        letter-spacing:-1px;
    }


    .grp-policy-heading-line{
        margin-top:17px;
        margin-bottom:17px;
    }


    .grp-policy-hero-content > p{
        font-size:14px;

        line-height:1.65;
    }


    .grp-policy-hero-picture{
        aspect-ratio:4 / 3;

        border-radius:22px;
    }


    .grp-policy-main{
        padding-top:18px;
    }


    .grp-policy-menu{
        grid-template-columns:1fr;
    }


    .grp-policy-content{
        padding:
            4px 16px 14px;
    }


    .grp-policy-row{
        grid-template-columns:
            46px minmax(0,1fr);

        gap:12px;

        padding:19px 0;
    }


    .grp-policy-row:not(:last-of-type)::after{
        left:58px;
    }


    .grp-policy-row-icon{
        width:43px;
        height:43px;

        font-size:18px;
    }


    .grp-policy-row-content h2{
        margin-top:0 !important;

        font-size:14px !important;
    }


    .grp-policy-row-content p{
        font-size:12.5px !important;
    }


    .grp-policy-contact{
        flex-direction:column;

        gap:8px;
    }


    .grp-policy-note{
        align-items:flex-start;

        padding:13px;
    }


    .grp-policy-help-left{
        padding:17px;
    }


    .grp-policy-headset{
        width:52px;
        height:52px;

        flex-basis:52px;

        font-size:22px;
    }


    .grp-policy-help-left h2{
        font-size:17px;
    }


    .grp-policy-help-right{
        padding:17px;
    }


    .grp-policy-help-right > div > a{
        font-size:21px;
    }


    .grp-policy-call{
        width:52px;
        height:52px;

        flex-basis:52px;
    }

}



/* =========================================================
   MOBILE 430
========================================================= */

@media(max-width:430px){

    .grp-policy-hero{
        padding:42px 0 42px;
    }

    .grp-policy-container{
        width:
            calc(100% - 20px);
    }


    .grp-policy-hero-content h1{
        gap:5px;

        font-size:
            clamp(
                29px,
                10vw,
                40px
            );
    }


    .grp-policy-hero-picture{
        aspect-ratio:1.25 / 1;

        border-radius:18px;
    }


    .grp-policy-content{
        padding-left:13px;

        padding-right:13px;
    }


    .grp-policy-row{
        grid-template-columns:
            40px minmax(0,1fr);

        gap:10px;
    }


    .grp-policy-row:not(:last-of-type)::after{
        left:50px;
    }


    .grp-policy-row-icon{
        width:38px;
        height:38px;

        font-size:16px;
    }


    .grp-policy-row-content h2{
        font-size:
            13.5px !important;
    }


    .grp-policy-row-content p{
        font-size:
            12px !important;
    }


    .grp-policy-help-right{
        gap:10px;
    }


    .grp-policy-help-right > div > a{
        font-size:19px;
    }

}



/* =========================================================
   VERY SMALL 350
========================================================= */

@media(max-width:350px){

    .grp-policy-hero{
        padding:38px 0 40px;
    }

    .grp-policy-container{
        width:
            calc(100% - 16px);
    }


    .grp-policy-hero-content h1{
        gap:4px;

        font-size:27px;
    }


    .grp-policy-menu{
        padding:
            16px 12px;
    }


    .grp-policy-content{
        padding-left:10px;

        padding-right:10px;
    }


    .grp-policy-row{
        grid-template-columns:
            36px minmax(0,1fr);

        gap:8px;
    }


    .grp-policy-row-icon{
        width:34px;
        height:34px;

        font-size:14px;
    }


    .grp-policy-row:not(:last-of-type)::after{
        left:44px;
    }


    .grp-policy-help-right > div > a{
        font-size:17px;
    }


    .grp-policy-call{
        width:46px;
        height:46px;

        flex-basis:46px;
    }

}

/* =========================================================
   FINAL RESPONSIVE SAFETY OVERRIDES
   Scoped only to Golden Rich Privacy Policy
========================================================= */

.grp-policy-breadcrumb{
    max-width:100%;
}

.grp-policy-hero-content h1,
.grp-policy-row-content h2,
.grp-policy-row-content p,
.grp-policy-help-left h2,
.grp-policy-help-left p{
    overflow-wrap:anywhere;
}

@media (max-width:1024px) and (min-width:901px){
    .grp-policy-hero{
        padding:80px 0 52px;
    }

    .grp-policy-hero-grid{
        grid-template-columns:minmax(0,.9fr) minmax(390px,1.1fr);
        gap:28px;
    }

    .grp-policy-layout{
        grid-template-columns:240px minmax(0,1fr);
    }

    .grp-policy-content{
        padding-left:22px;
        padding-right:22px;
    }
}

@media (max-width:900px){
    .grp-policy-breadcrumb{
        white-space:normal;
    }

    .grp-policy-hero-content h1{
        white-space:normal;
        flex-wrap:wrap;
    }

    .grp-policy-hero-picture{
        width:100%;
        max-width:100%;
    }

    .grp-policy-content,
    .grp-policy-menu,
    .grp-policy-trust,
    .grp-policy-help-box{
        width:100%;
        max-width:100%;
    }
}

@media (max-width:680px){
    .grp-policy-menu a{
        min-width:0;
    }

    .grp-policy-menu a span,
    .grp-policy-contact a,
    .grp-policy-help-right > div{
        min-width:0;
        overflow-wrap:anywhere;
    }

    .grp-policy-help-right{
        flex-wrap:wrap;
    }

    .grp-policy-help-right > div > a{
        white-space:normal;
        overflow-wrap:anywhere;
    }
}

@media (max-width:480px){
    .grp-policy-note{
        gap:10px;
    }

    .grp-policy-help-left{
        align-items:flex-start;
    }

    .grp-policy-help-right{
        align-items:center;
    }
}

@media (max-width:380px){
    .grp-policy-breadcrumb{
        gap:7px;
        padding-left:10px;
        padding-right:10px;
    }

    .grp-policy-help-left{
        gap:12px;
    }
}

@media (max-height:500px) and (orientation:landscape){
    .grp-policy-hero{
        padding:45px 0 40px;
    }
}


















/* =========================================================
   GOLDEN RICH TERMS & CONDITIONS
   UNIQUE NAMESPACE: grterms-
========================================================= */

.grterms-page{
    --grt-navy:#03283d;
    --grt-dark:#001e30;
    --grt-gold:#d4930f;
    --grt-gold-light:#e6a720;
    --grt-text:#102438;
    --grt-muted:#536372;
    --grt-border:#ebe5dc;

    width:100%;
    max-width:100%;

    margin:0;
    padding:0;

    overflow-x:clip;

    background:#fff;

    color:var(--grt-text);
}


.grterms-page *,
.grterms-page *::before,
.grterms-page *::after{
    box-sizing:border-box;
    min-width:0;
}


.grterms-page img,
.grterms-page svg{
    display:block;

    max-width:100%;
}


.grterms-page a{
    text-decoration:none;
}


.grterms-shell{
    width:min(
        1320px,
        calc(100% - clamp(20px,4vw,48px))
    );

    margin-inline:auto;
}



/* =========================================================
   HERO
========================================================= */

.grterms-hero{
    position:relative;

    width:100%;

    padding:100px 0 60px;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 24% 34%,
            rgba(218,151,20,.07),
            transparent 27%
        ),
        linear-gradient(
            90deg,
            #fff 0%,
            #fffdf9 48%,
            #f1ebe3 100%
        );
}



/* Breadcrumb */

.grterms-breadcrumb{
    position:relative;
    z-index:3;

    display:inline-flex;

    align-items:center;

    gap:11px;

    min-height:42px;

    max-width:100%;

    margin-bottom:40px;

    padding:8px 17px;

    border:1px solid #eee8df;

    border-radius:50px;

    background:#fff;

    box-shadow:
        0 8px 25px
        rgba(0,31,48,.05);

    color:#1c3548;

    font-size:13px;

    white-space:nowrap;
}


.grterms-breadcrumb a{
    display:inline-flex;

    align-items:center;

    gap:8px;

    color:var(--grt-gold);

    transition:
        color .25s ease;
}


.grterms-breadcrumb a:hover{
    color:var(--grt-navy);
}


.grterms-breadcrumb-separator{
    color:#aaa;
}



/* HERO GRID */

.grterms-hero-grid{
    position:relative;
    z-index:2;

    display:grid;

    grid-template-columns:
        minmax(0,.88fr)
        minmax(500px,1.12fr);

    align-items:center;

    gap:50px;

    width:100%;
}


.grterms-hero-copy{
    min-width:0;
}



/* Script Heading */

.grterms-script{
    display:block;

    margin-bottom:9px;

    color:#c57e08;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-style:italic;

    font-size:
        clamp(22px,2vw,29px);

    font-weight:600;
}



/* H1 */

.grterms-hero-copy h1{
    display:flex;

    align-items:baseline;

    flex-wrap:wrap;

    gap:14px;

    width:100%;

    margin:0;

    color:var(--grt-navy);

    font-size:
        clamp(46px,4.9vw,70px);

    line-height:1;

    letter-spacing:-2px;

    font-weight:800;
}


.grterms-hero-copy h1 span,
.grterms-hero-copy h1 strong{
    display:inline-block;

    margin:0;
}


.grterms-hero-copy h1 strong{
    color:var(--grt-gold);

    font-weight:800;
}



/* Hero line */

.grterms-title-line{
    display:flex;

    align-items:center;

    gap:8px;

    width:190px;

    margin:22px 0;
}


.grterms-title-line span{
    flex:1;

    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--grt-gold),
            #f1d9aa
        );
}


.grterms-title-line i{
    color:var(--grt-gold);

    font-size:15px;

    transform:rotate(-12deg);
}



/* Intro */

.grterms-hero-copy > p{
    width:100%;

    max-width:560px;

    margin:0;

    color:#263b4c;

    font-size:16px;

    line-height:1.75;
}



/* HERO IMAGE */

.grterms-hero-image-wrap{
    position:relative;

    width:100%;

    height:
        clamp(310px,29vw,430px);

    min-width:0;

    overflow:hidden;

    border-left:
        4px solid var(--grt-gold);

    border-radius:
        105px 20px 0 105px;

    background:#ece8e1;

    box-shadow:
        0 22px 45px
        rgba(0,31,48,.13);
}


.grterms-hero-image{
    width:100%;
    height:100%;

    max-width:100%;

    object-fit:cover;
    object-position:center;

    transition:
        transform .8s ease;
}


.grterms-hero-image-wrap:hover
.grterms-hero-image{
    transform:scale(1.025);
}



/* HERO WAVES */

.grterms-hero-wave{
    position:absolute;

    left:0;
    right:0;
    bottom:0;

    height:36px;

    overflow:hidden;

    pointer-events:none;
}


.grterms-wave-gold{
    position:absolute;

    left:-4%;
    bottom:-26px;

    width:65%;
    height:45px;

    border-radius:50%;

    background:var(--grt-gold);
}


.grterms-wave-blue{
    position:absolute;

    left:-3%;
    bottom:-35px;

    width:72%;
    height:49px;

    border-radius:50%;

    background:var(--grt-navy);
}



/* =========================================================
   CONTENT SECTION
========================================================= */

.grterms-content-section{
    padding:28px 0 38px;

    background:#fff;
}


.grterms-layout{
    display:grid;

    grid-template-columns:
        300px
        minmax(0,1fr);

    gap:20px;

    align-items:start;

    width:100%;
}



/* =========================================================
   SIDEBAR
========================================================= */

.grterms-sidebar{
    min-width:0;
}


.grterms-sidebar-nav{
    position:sticky;

    top:105px;

    padding:28px 26px;

    border-radius:16px;

    background:
        linear-gradient(
            145deg,
            #06344b,
            #002338
        );

    box-shadow:
        0 14px 35px
        rgba(0,31,48,.15);
}


.grterms-sidebar-nav h2{
    margin:0;

    color:#efa717;

    font-size:16px;

    font-weight:800;
}


.grterms-sidebar-title-line{
    display:block;

    width:50px;
    height:2px;

    margin:14px 0 19px;

    background:var(--grt-gold);
}


.grterms-sidebar-nav nav{
    display:flex;

    flex-direction:column;
}


.grterms-sidebar-nav nav a{
    display:grid;

    grid-template-columns:
        34px
        minmax(0,1fr);

    align-items:center;

    gap:10px;

    min-height:51px;

    padding:7px 0;

    border-bottom:
        1px solid
        rgba(255,255,255,.13);

    color:#fff;

    font-size:12px;

    font-weight:500;

    line-height:1.4;

    transition:
        color .25s ease,
        padding-left .25s ease,
        background .25s ease;
}


.grterms-sidebar-nav nav a:last-child{
    border-bottom:0;
}


.grterms-sidebar-nav nav a:hover,
.grterms-sidebar-nav nav a.grterms-active{
    padding-left:5px;

    color:#f2ad20;
}


.grterms-side-icon{
    width:32px;
    height:32px;

    display:grid;

    place-items:center;

    color:#e69e0c;

    font-size:16px;
}



/* =========================================================
   TRUST CARD
========================================================= */

.grterms-trust-card{
    position:relative;

    min-height:275px;

    margin-top:18px;

    padding:
        27px 25px 100px;

    overflow:hidden;

    border:
        1px solid #eee6da;

    border-radius:15px;

    background:
        linear-gradient(
            145deg,
            #fff,
            #fff9f0
        );

    box-shadow:
        0 10px 30px
        rgba(0,31,48,.05);
}


.grterms-trust-icon{
    width:50px;
    height:50px;

    display:grid;

    place-items:center;

    margin-bottom:16px;

    border:
        2px solid var(--grt-gold);

    border-radius:14px;

    color:var(--grt-gold);

    font-size:22px;
}


.grterms-trust-card p{
    margin:0 0 8px;

    color:#263c4e;

    font-size:13px;

    line-height:1.55;
}


.grterms-trust-card strong{
    color:var(--grt-navy);

    font-size:13px;
}


.grterms-travel-art{
    position:absolute;

    left:18px;
    right:18px;
    bottom:18px;

    display:flex;

    justify-content:space-around;

    align-items:flex-end;

    color:
        rgba(204,139,14,.13);
}


.grterms-travel-art i:nth-child(1){
    font-size:58px;
}


.grterms-travel-art i:nth-child(2){
    font-size:29px;

    transform:
        translateY(-27px)
        rotate(-20deg);
}


.grterms-travel-art i:nth-child(3){
    font-size:58px;
}



/* =========================================================
   MAIN TERMS CARD
========================================================= */

.grterms-main-card{
    width:100%;
    min-width:0;

    padding:
        9px 29px 16px;

    border:
        1px solid #ebe7e1;

    border-radius:16px;

    background:#fff;

    box-shadow:
        0 10px 35px
        rgba(0,31,48,.06);
}



/* Individual term */

.grterms-row{
    position:relative;

    display:grid;

    grid-template-columns:
        62px
        minmax(0,1fr);

    gap:19px;

    width:100%;

    min-width:0;

    padding:21px 0;

    scroll-margin-top:115px;
}


.grterms-row:not(:last-of-type)::after{
    content:"";

    position:absolute;

    left:81px;
    right:0;
    bottom:0;

    height:1px;

    background:#eee9e2;
}



/* ICON */

.grterms-row-icon{
    width:54px;
    height:54px;

    display:grid;

    place-items:center;

    border-radius:50%;

    background:
        radial-gradient(
            circle at 30% 20%,
            #16475e,
            #002337
        );

    color:#e6a11b;

    font-size:21px;

    box-shadow:
        0 7px 17px
        rgba(0,31,48,.15);

    transition:
        transform .3s ease,
        color .3s ease,
        background .3s ease;
}


.grterms-row:hover
.grterms-row-icon{
    transform:
        translateY(-3px)
        rotate(-4deg);

    color:#fff;

    background:
        linear-gradient(
            145deg,
            #e0a01d,
            #b97606
        );
}



/* TEXT */

.grterms-row-content{
    width:100%;
    min-width:0;
}


.grterms-row-content h2{
    margin:2px 0 7px;

    color:var(--grt-navy);

    font-size:16px;

    line-height:1.35;

    font-weight:800;

    overflow-wrap:anywhere;
}


.grterms-row-content h2 span{
    color:var(--grt-gold);
}


.grterms-row-content p{
    width:100%;
    max-width:920px;

    margin:0;

    color:#344757;

    font-size:13px;

    line-height:1.68;

    overflow-wrap:anywhere;
}



/* Contact links */

.grterms-contact-links{
    display:flex;

    flex-wrap:wrap;

    gap:
        10px 25px;

    margin-top:12px;
}


.grterms-contact-links a{
    display:inline-flex;

    align-items:center;

    gap:8px;

    color:var(--grt-navy);

    font-size:13px;

    font-weight:600;

    overflow-wrap:anywhere;
}


.grterms-contact-links a i{
    color:var(--grt-gold);
}



/* =========================================================
   NOTE
========================================================= */

.grterms-note{
    display:flex;

    align-items:center;

    gap:15px;

    min-height:64px;

    margin-top:10px;

    padding:
        12px 18px;

    border:
        1px solid #f0e2c9;

    border-radius:10px;

    background:
        linear-gradient(
            90deg,
            #fff8ed,
            #fffdf9
        );
}


.grterms-note > span{
    width:40px;
    height:40px;

    flex:0 0 40px;

    display:grid;

    place-items:center;

    color:var(--grt-gold);

    font-size:22px;
}


.grterms-note p{
    margin:0;

    color:#304454;

    font-size:12px;

    line-height:1.55;
}



/* =========================================================
   SUPPORT CTA
========================================================= */

.grterms-help-section{
    padding:0 0 14px;

    background:#fff;
}


.grterms-help-bar{
    min-height:100px;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        170px
        minmax(380px,.86fr);

    align-items:center;

    overflow:hidden;

    border:
        1px solid #eee6da;

    border-radius:16px;

    background:
        linear-gradient(
            90deg,
            #fffaf2 0%,
            #fff 55%,
            #d89511 55%,
            #b97004 100%
        );

    box-shadow:
        0 10px 30px
        rgba(0,31,48,.07);
}


.grterms-help-left{
    display:flex;

    align-items:center;

    gap:18px;

    padding:
        18px 26px;
}


.grterms-help-icon{
    width:62px;
    height:62px;

    flex:0 0 62px;

    display:grid;

    place-items:center;

    border-radius:50%;

    background:var(--grt-navy);

    color:var(--grt-gold);

    font-size:27px;
}


.grterms-help-left h2{
    margin:0 0 4px;

    color:var(--grt-navy);

    font-size:20px;

    line-height:1.25;
}


.grterms-help-left p{
    margin:0;

    color:#52616e;

    font-size:13px;
}


.grterms-help-route{
    position:relative;

    height:70px;
}


.grterms-help-route span{
    position:absolute;

    left:0;
    right:28px;
    top:38px;

    border-top:
        1px dashed #b99150;
}


.grterms-help-route i{
    position:absolute;

    right:11px;
    top:18px;

    color:var(--grt-navy);

    transform:
        rotate(-20deg);
}


.grterms-help-right{
    height:100%;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    padding:
        17px 28px
        17px 40px;

    color:#fff;
}


.grterms-help-right > div{
    min-width:0;
}


.grterms-help-right span{
    display:block;

    margin-bottom:2px;

    color:#ffe2a2;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size:16px;

    font-style:italic;
}


.grterms-help-right > div > a{
    color:#fff;

    font-size:25px;

    font-weight:800;

    white-space:nowrap;
}


.grterms-call-button{
    width:62px;
    height:62px;

    flex:0 0 62px;

    display:grid;

    place-items:center;

    border-radius:50%;

    background:var(--grt-navy);

    color:#fff;

    font-size:23px;

    box-shadow:
        0 8px 20px
        rgba(0,0,0,.18);

    transition:
        transform .25s ease;
}


.grterms-call-button:hover{
    transform:
        scale(1.07)
        rotate(-5deg);
}



/* =========================================================
   ANIMATION CLASSES
   Content remains visible even if JS fails
========================================================= */

.grterms-js-ready .grterms-row,
.grterms-js-ready .grterms-trust-card,
.grterms-js-ready .grterms-help-bar,
.grterms-js-ready .grterms-hero-copy,
.grterms-js-ready .grterms-hero-image-wrap{
    opacity:0;

    transform:
        translateY(22px);

    transition:
        opacity .65s ease,
        transform .65s
        cubic-bezier(.2,.7,.2,1);
}


.grterms-js-ready .grterms-inview{
    opacity:1;

    transform:none;
}



/* =========================================================
   1200px
========================================================= */

@media(max-width:1200px){

    .grterms-hero{
        padding:
            90px 0 55px;
    }


    .grterms-shell{
        width:
            calc(100% - 36px);
    }


    .grterms-hero-grid{
        grid-template-columns:
            minmax(0,.9fr)
            minmax(420px,1.1fr);

        gap:35px;
    }


    .grterms-layout{
        grid-template-columns:
            260px
            minmax(0,1fr);
    }


    .grterms-sidebar-nav{
        padding:
            24px 20px;
    }


    .grterms-help-bar{
        grid-template-columns:
            minmax(0,1fr)
            100px
            minmax(350px,.85fr);
    }

}



/* =========================================================
   1024px
========================================================= */

@media(max-width:1024px) and (min-width:901px){

    .grterms-hero{
        padding:
            80px 0 52px;
    }


    .grterms-hero-grid{
        grid-template-columns:
            minmax(0,.9fr)
            minmax(390px,1.1fr);

        gap:28px;
    }


    .grterms-layout{
        grid-template-columns:
            240px
            minmax(0,1fr);
    }


    .grterms-main-card{
        padding-left:22px;

        padding-right:22px;
    }

}



/* =========================================================
   TABLET 900px
========================================================= */

@media(max-width:900px){

    .grterms-hero{
        padding:
            70px 0 50px;
    }


    .grterms-breadcrumb{
        margin-bottom:28px;

        white-space:normal;
    }


    .grterms-hero-grid{
        grid-template-columns:1fr;

        gap:28px;
    }


    .grterms-hero-copy{
        text-align:center;
    }


    .grterms-hero-copy h1{
        justify-content:center;

        white-space:normal;
    }


    .grterms-title-line{
        margin-left:auto;

        margin-right:auto;
    }


    .grterms-hero-copy > p{
        margin-left:auto;

        margin-right:auto;
    }


    .grterms-hero-image-wrap{
        height:auto;

        aspect-ratio:
            16 / 8.5;

        border-left-width:3px;

        border-radius:30px;
    }


    .grterms-layout{
        grid-template-columns:1fr;
    }


    .grterms-sidebar-nav{
        position:relative;

        top:auto;
    }


    .grterms-sidebar-nav h2{
        text-align:center;
    }


    .grterms-sidebar-title-line{
        margin-left:auto;

        margin-right:auto;
    }


    .grterms-sidebar-nav nav{
        display:grid;

        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );

        gap:8px;
    }


    .grterms-sidebar-nav nav a{
        padding:
            8px 12px;

        border:
            1px solid
            rgba(255,255,255,.1);

        border-radius:8px;
    }


    .grterms-sidebar-nav nav a:hover,
    .grterms-sidebar-nav nav a.grterms-active{
        padding-left:12px;

        background:
            rgba(255,255,255,.06);
    }


    .grterms-trust-card{
        min-height:auto;

        padding:20px;
    }


    .grterms-travel-art{
        display:none;
    }


    .grterms-help-bar{
        grid-template-columns:1fr;

        background:#fffaf2;
    }


    .grterms-help-route{
        display:none;
    }


    .grterms-help-right{
        min-height:90px;

        background:
            linear-gradient(
                135deg,
                #d89511,
                #b97004
            );
    }

}



/* =========================================================
   768px
========================================================= */

@media(max-width:768px){

    .grterms-hero{
        padding:
            60px 0 47px;
    }


    .grterms-shell{
        width:
            calc(100% - 28px);
    }

}



/* =========================================================
   MOBILE 680px
========================================================= */

@media(max-width:680px){

    .grterms-shell{
        width:
            calc(100% - 24px);
    }


    .grterms-hero{
        padding:
            48px 0 44px;
    }


    .grterms-breadcrumb{
        min-height:38px;

        max-width:100%;

        margin-bottom:23px;

        padding:
            7px 13px;

        font-size:11px;
    }


    .grterms-script{
        font-size:21px;
    }


    .grterms-hero-copy h1{
        gap:7px;

        font-size:
            clamp(
                32px,
                10.3vw,
                48px
            );

        line-height:1.05;

        letter-spacing:-1px;
    }


    .grterms-title-line{
        margin-top:17px;

        margin-bottom:17px;
    }


    .grterms-hero-copy > p{
        max-width:100%;

        font-size:14px;

        line-height:1.65;
    }


    .grterms-hero-image-wrap{
        aspect-ratio:
            4 / 3;

        border-radius:22px;
    }


    .grterms-content-section{
        padding-top:18px;
    }


    .grterms-sidebar-nav{
        padding:
            18px 16px;
    }


    .grterms-sidebar-nav nav{
        grid-template-columns:1fr;
    }


    .grterms-sidebar-nav nav a{
        min-height:44px;
    }


    .grterms-main-card{
        padding:
            4px 16px 14px;
    }


    .grterms-row{
        grid-template-columns:
            46px
            minmax(0,1fr);

        gap:12px;

        padding:
            19px 0;
    }


    .grterms-row:not(:last-of-type)::after{
        left:58px;
    }


    .grterms-row-icon{
        width:43px;
        height:43px;

        font-size:18px;
    }


    .grterms-row-content h2{
        margin-top:0;

        font-size:14px;
    }


    .grterms-row-content p{
        font-size:12.5px;

        line-height:1.65;
    }


    .grterms-contact-links{
        flex-direction:column;

        gap:8px;
    }


    .grterms-note{
        align-items:flex-start;

        padding:13px;
    }


    .grterms-help-left{
        padding:17px;
    }


    .grterms-help-icon{
        width:52px;
        height:52px;

        flex-basis:52px;

        font-size:22px;
    }


    .grterms-help-left h2{
        font-size:17px;
    }


    .grterms-help-right{
        flex-wrap:wrap;

        padding:17px;
    }


    .grterms-help-right > div > a{
        white-space:normal;

        overflow-wrap:anywhere;

        font-size:21px;
    }


    .grterms-call-button{
        width:52px;
        height:52px;

        flex-basis:52px;
    }

}



/* =========================================================
   480px
========================================================= */

@media(max-width:480px){

    .grterms-hero{
        padding:
            42px 0 42px;
    }


    .grterms-shell{
        width:
            calc(100% - 20px);
    }


    .grterms-hero-grid{
        gap:22px;
    }


    .grterms-hero-copy h1{
        gap:5px;

        font-size:
            clamp(
                29px,
                10vw,
                40px
            );
    }


    .grterms-hero-image-wrap{
        aspect-ratio:
            1.3 / 1;

        border-radius:18px;
    }


    .grterms-main-card{
        padding-left:13px;

        padding-right:13px;
    }


    .grterms-row{
        grid-template-columns:
            40px
            minmax(0,1fr);

        gap:10px;
    }


    .grterms-row:not(:last-of-type)::after{
        left:50px;
    }


    .grterms-row-icon{
        width:38px;
        height:38px;

        font-size:16px;
    }


    .grterms-row-content h2{
        font-size:13.5px;
    }


    .grterms-row-content p{
        font-size:12px;
    }


    .grterms-note{
        gap:10px;
    }


    .grterms-help-left{
        align-items:flex-start;
    }


    .grterms-help-right{
        gap:10px;
    }


    .grterms-help-right > div > a{
        font-size:19px;
    }

}



/* =========================================================
   380px
========================================================= */

@media(max-width:380px){

    .grterms-hero{
        padding:
            38px 0 40px;
    }


    .grterms-shell{
        width:
            calc(100% - 16px);
    }


    .grterms-breadcrumb{
        gap:7px;

        padding-left:10px;

        padding-right:10px;
    }


    .grterms-script{
        font-size:19px;
    }


    .grterms-hero-copy h1{
        gap:4px;

        font-size:27px;
    }


    .grterms-sidebar-nav{
        padding:
            16px 12px;
    }


    .grterms-main-card{
        padding-left:10px;

        padding-right:10px;
    }


    .grterms-row{
        grid-template-columns:
            36px
            minmax(0,1fr);

        gap:8px;
    }


    .grterms-row-icon{
        width:34px;
        height:34px;

        font-size:14px;
    }


    .grterms-row:not(:last-of-type)::after{
        left:44px;
    }


    .grterms-help-left{
        gap:12px;
    }


    .grterms-help-right > div > a{
        font-size:17px;
    }


    .grterms-call-button{
        width:46px;
        height:46px;

        flex-basis:46px;
    }

}



/* =========================================================
   LANDSCAPE PHONE
========================================================= */

@media(max-height:500px) and (orientation:landscape){

    .grterms-hero{
        padding:
            45px 0 40px;
    }

}



/* =========================================================
   REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){

    .grterms-page *,
    .grterms-page *::before,
    .grterms-page *::after{
        animation:none !important;

        transition:none !important;

        scroll-behavior:auto !important;
    }


    .grterms-js-ready .grterms-row,
    .grterms-js-ready .grterms-trust-card,
    .grterms-js-ready .grterms-help-bar,
    .grterms-js-ready .grterms-hero-copy,
    .grterms-js-ready .grterms-hero-image-wrap{
        opacity:1 !important;

        transform:none !important;
    }

}

















/* ================================================================
   GOLDEN RICH - CANCELLATION POLICY
   PAGE SPECIFIC CSS
   UNIQUE PREFIX: grcancel-
================================================================ */


/* ================================================================
   VARIABLES / PAGE
================================================================ */

.grcancel-page{
    --grcancel-navy:#002b42;
    --grcancel-navy-dark:#001e30;
    --grcancel-gold:#d6920b;
    --grcancel-gold-light:#e7a71d;
    --grcancel-text:#10283b;
    --grcancel-muted:#536675;
    --grcancel-border:#ebe5dc;
    --grcancel-cream:#fffaf3;

    width:100%;
    max-width:100%;

    margin:0;
    padding:0;

    overflow-x:hidden;

    color:var(--grcancel-text);

    background:#fff;
}


.grcancel-page *,
.grcancel-page *::before,
.grcancel-page *::after{
    box-sizing:border-box;
}


.grcancel-page img{
    display:block;

    max-width:100%;
}


.grcancel-page a{
    text-decoration:none;
}


.grcancel-container{
    width:min(1320px, calc(100% - 48px));

    margin-inline:auto;
}



/* ================================================================
   HERO
================================================================ */

.grcancel-hero{
    position:relative;

    width:100%;

    /*
       IMPORTANT:
       Global header is NOT inside this page.

       This padding keeps hero safely below your existing header.
    */

    padding:105px 0 62px;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 24% 35%,
            rgba(216,148,14,.075),
            transparent 28%
        ),
        linear-gradient(
            90deg,
            #ffffff 0%,
            #fffdf9 48%,
            #f2ece4 100%
        );
}



/* ================================================================
   BREADCRUMB
================================================================ */

.grcancel-breadcrumb{
    position:relative;

    z-index:5;

    display:inline-flex;

    align-items:center;

    gap:11px;

    max-width:100%;

    min-height:42px;

    margin:0 0 38px;

    padding:8px 17px;

    border:1px solid #eee8df;

    border-radius:100px;

    background:#fff;

    box-shadow:
        0 8px 24px
        rgba(0,35,54,.055);

    color:#1d3548;

    font-size:13px;

    line-height:1.3;
}


.grcancel-breadcrumb a{
    display:inline-flex;

    align-items:center;

    gap:8px;

    color:var(--grcancel-gold);

    transition:
        color .25s ease;
}


.grcancel-breadcrumb a:hover{
    color:var(--grcancel-navy);
}


.grcancel-breadcrumb-separator{
    color:#9ca6ad;
}



/* ================================================================
   HERO GRID
================================================================ */

.grcancel-hero-grid{
    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:
        minmax(0,.86fr)
        minmax(500px,1.14fr);

    align-items:center;

    gap:50px;

    width:100%;
}


.grcancel-hero-content{
    min-width:0;
}



/* Script */

.grcancel-script{
    margin:0 0 9px;

    color:#c67e08;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size:
        clamp(22px,2vw,29px);

    font-style:italic;

    font-weight:600;

    line-height:1.3;
}



/* H1 */

.grcancel-hero-content h1{
    display:flex;

    flex-wrap:wrap;

    align-items:baseline;

    gap:13px;

    width:100%;

    margin:0;

    color:var(--grcancel-navy);

    font-size:
        clamp(43px,4.5vw,66px);

    font-weight:800;

    line-height:1;

    letter-spacing:-2px;
}


.grcancel-hero-content h1 span,
.grcancel-hero-content h1 strong{
    display:inline-block;
}


.grcancel-hero-content h1 strong{
    color:var(--grcancel-gold);

    font-weight:800;
}



/* Heading line */

.grcancel-heading-decoration{
    display:flex;

    align-items:center;

    gap:9px;

    width:200px;

    margin:22px 0;
}


.grcancel-heading-decoration span{
    flex:1;

    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--grcancel-gold),
            #efd3a0
        );
}


.grcancel-heading-decoration i{
    color:var(--grcancel-gold);

    font-size:16px;

    transform:rotate(-13deg);
}



/* Hero paragraph */

.grcancel-hero-content > p{
    width:100%;

    max-width:555px;

    margin:0;

    color:#263d4f;

    font-size:16px;

    line-height:1.75;
}



/* ================================================================
   HERO IMAGE
================================================================ */

.grcancel-hero-image-box{
    position:relative;

    width:100%;

    height:
        clamp(320px,29vw,430px);

    min-width:0;

    overflow:hidden;

    border-left:
        3px solid var(--grcancel-gold);

    border-radius:
        105px 18px 0 105px;

    background:#eee9e1;

    box-shadow:
        0 22px 45px
        rgba(0,35,54,.13);
}


.grcancel-hero-image{
    width:100%;
    height:100%;

    object-fit:cover;

    object-position:center;

    transition:
        transform .8s ease;
}


.grcancel-hero-image-box:hover
.grcancel-hero-image{
    transform:scale(1.025);
}



/* ================================================================
   HERO CURVES
================================================================ */

.grcancel-hero-curves{
    position:absolute;

    left:0;
    right:0;
    bottom:0;

    height:38px;

    overflow:hidden;

    pointer-events:none;
}


.grcancel-curve-gold{
    position:absolute;

    left:-4%;
    bottom:-27px;

    width:67%;
    height:47px;

    border-radius:50%;

    background:var(--grcancel-gold);
}


.grcancel-curve-navy{
    position:absolute;

    left:-3%;
    bottom:-36px;

    width:75%;
    height:51px;

    border-radius:50%;

    background:var(--grcancel-navy);
}



/* ================================================================
   POLICY SECTION
================================================================ */

.grcancel-policy-section{
    width:100%;

    padding:28px 0 38px;

    background:#fff;
}


.grcancel-policy-layout{
    display:grid;

    grid-template-columns:
        300px
        minmax(0,1fr);

    gap:20px;

    align-items:start;

    width:100%;
}



/* ================================================================
   SIDEBAR
================================================================ */

.grcancel-sidebar{
    width:100%;

    min-width:0;
}


.grcancel-sidebar-menu{
    position:sticky;

    top:105px;

    width:100%;

    padding:28px 25px;

    border-radius:16px;

    background:
        linear-gradient(
            145deg,
            #06364d,
            #002338
        );

    box-shadow:
        0 14px 35px
        rgba(0,35,54,.16);
}


.grcancel-sidebar-menu h2{
    margin:0;

    color:#f0a718;

    font-size:16px;

    font-weight:800;
}


.grcancel-sidebar-heading-line{
    display:block;

    width:50px;
    height:2px;

    margin:14px 0 18px;

    background:var(--grcancel-gold);
}


.grcancel-side-links{
    display:flex;

    flex-direction:column;
}


.grcancel-side-links a{
    display:grid;

    grid-template-columns:
        34px
        minmax(0,1fr);

    align-items:center;

    gap:9px;

    min-height:51px;

    padding:7px 0;

    border-bottom:
        1px solid
        rgba(255,255,255,.13);

    color:#fff;

    font-size:12px;

    font-weight:500;

    line-height:1.4;

    transition:
        color .25s ease,
        padding-left .25s ease,
        background .25s ease;
}


.grcancel-side-links a:last-child{
    border-bottom:0;
}


.grcancel-side-links a i{
    display:grid;

    place-items:center;

    width:32px;
    height:32px;

    color:#e8a10e;

    font-size:16px;
}


.grcancel-side-links a:hover,
.grcancel-side-links a.grcancel-active{
    padding-left:5px;

    color:#f3b128;
}



/* ================================================================
   PROMISE CARD
================================================================ */

.grcancel-promise-card{
    position:relative;

    min-height:285px;

    margin-top:18px;

    padding:
        25px 23px 105px;

    overflow:hidden;

    border:
        1px solid #eee5d8;

    border-radius:15px;

    background:
        linear-gradient(
            145deg,
            #fff,
            #fff8ee
        );

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


.grcancel-promise-icon{
    width:50px;
    height:50px;

    display:grid;

    place-items:center;

    margin-bottom:15px;

    border:
        2px solid var(--grcancel-gold);

    border-radius:13px;

    color:var(--grcancel-gold);

    font-size:22px;
}


.grcancel-promise-content h3{
    margin:0 0 10px;

    color:var(--grcancel-navy);

    font-size:17px;

    font-weight:800;
}


.grcancel-promise-content p{
    margin:0 0 12px;

    color:#344b5c;

    font-size:13px;

    line-height:1.6;
}


.grcancel-promise-content strong{
    color:var(--grcancel-navy);

    font-size:13px;

    line-height:1.5;
}


.grcancel-promise-art{
    position:absolute;

    left:18px;
    right:18px;
    bottom:18px;

    display:flex;

    align-items:flex-end;

    justify-content:space-around;

    color:
        rgba(206,141,13,.13);
}


.grcancel-promise-art i:nth-child(1){
    font-size:55px;
}


.grcancel-promise-art i:nth-child(2){
    font-size:28px;

    transform:
        translateY(-30px)
        rotate(-20deg);
}


.grcancel-promise-art i:nth-child(3){
    font-size:58px;
}



/* ================================================================
   RIGHT AREA
================================================================ */

.grcancel-main{
    width:100%;

    min-width:0;
}



/* ================================================================
   GENERAL POLICY
================================================================ */

.grcancel-policy-wide{
    display:grid;

    grid-template-columns:
        60px
        minmax(0,1fr);

    gap:18px;

    align-items:start;

    width:100%;

    margin-bottom:12px;

    padding:21px 24px;

    border:
        1px solid #ebe6df;

    border-radius:15px;

    background:#fff;

    box-shadow:
        0 8px 26px
        rgba(0,35,54,.05);

    scroll-margin-top:115px;
}


.grcancel-policy-icon{
    width:54px;
    height:54px;

    display:grid;

    place-items:center;

    border-radius:50%;

    background:
        radial-gradient(
            circle at 30% 20%,
            #16485e,
            #002337
        );

    color:#e6a11a;

    font-size:21px;

    box-shadow:
        0 7px 17px
        rgba(0,35,54,.15);

    transition:
        transform .3s ease,
        background .3s ease,
        color .3s ease;
}


.grcancel-policy-wide:hover
.grcancel-policy-icon{
    transform:
        translateY(-3px)
        rotate(-5deg);

    color:#fff;

    background:
        linear-gradient(
            145deg,
            #e1a01b,
            #b97707
        );
}


.grcancel-policy-copy h2{
    margin:1px 0 6px;

    color:var(--grcancel-navy);

    font-size:16px;

    font-weight:800;

    line-height:1.35;
}


.grcancel-policy-copy h2 span{
    color:var(--grcancel-gold);
}


.grcancel-policy-copy p{
    margin:0;

    color:#344858;

    font-size:13px;

    line-height:1.65;
}



/* ================================================================
   THREE FEATURE CARDS
================================================================ */

.grcancel-feature-grid{
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:12px;

    width:100%;

    margin-bottom:12px;
}


.grcancel-feature-card{
    position:relative;

    min-width:0;

    padding:
        21px 20px 23px;

    border:
        1px solid #ebe6df;

    border-radius:15px;

    background:#fff;

    box-shadow:
        0 8px 25px
        rgba(0,35,54,.045);

    scroll-margin-top:115px;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}


.grcancel-feature-card:hover{
    transform:
        translateY(-5px);

    border-color:
        rgba(214,146,11,.3);

    box-shadow:
        0 15px 35px
        rgba(0,35,54,.09);
}


.grcancel-feature-icon{
    width:55px;
    height:55px;

    display:grid;

    place-items:center;

    margin:
        0 auto 17px;

    border-radius:50%;

    background:
        linear-gradient(
            145deg,
            #073a52,
            #002337
        );

    color:#e7a21b;

    font-size:22px;

    box-shadow:
        0 7px 17px
        rgba(0,35,54,.15);

    transition:
        transform .3s ease;
}


.grcancel-feature-card:hover
.grcancel-feature-icon{
    transform:
        rotate(-7deg)
        scale(1.05);
}


.grcancel-feature-card h2{
    margin:
        0 0 16px;

    text-align:center;

    color:var(--grcancel-navy);

    font-size:14px;

    font-weight:800;

    line-height:1.4;
}


.grcancel-feature-card h2 span{
    color:var(--grcancel-gold);
}


.grcancel-feature-card ul{
    display:flex;

    flex-direction:column;

    gap:12px;

    margin:0;

    padding:0;

    list-style:none;
}


.grcancel-feature-card li{
    position:relative;

    margin:0;

    padding-left:22px;

    color:#354959;

    font-size:12px;

    line-height:1.55;
}


.grcancel-feature-card li::before{
    content:"\f058";

    position:absolute;

    left:0;
    top:1px;

    color:var(--grcancel-gold);

    font-family:
        "Font Awesome 6 Free";

    font-size:12px;

    font-weight:900;
}



/* ================================================================
   DETAILS CARD
================================================================ */

.grcancel-details-card{
    width:100%;

    padding:
        5px 24px 15px;

    border:
        1px solid #ebe6df;

    border-radius:15px;

    background:#fff;

    box-shadow:
        0 8px 27px
        rgba(0,35,54,.05);
}


.grcancel-detail-row{
    position:relative;

    display:grid;

    grid-template-columns:
        55px
        minmax(0,1fr);

    gap:17px;

    width:100%;

    padding:18px 0;

    scroll-margin-top:115px;
}


.grcancel-detail-row:not(:last-of-type)::after{
    content:"";

    position:absolute;

    left:72px;
    right:0;
    bottom:0;

    height:1px;

    background:#eee9e2;
}


.grcancel-detail-icon{
    width:49px;
    height:49px;

    display:grid;

    place-items:center;

    border-radius:50%;

    background:
        linear-gradient(
            145deg,
            #073a52,
            #002337
        );

    color:#e6a11a;

    font-size:19px;

    box-shadow:
        0 6px 15px
        rgba(0,35,54,.13);

    transition:
        transform .3s ease,
        background .3s ease,
        color .3s ease;
}


.grcancel-detail-row:hover
.grcancel-detail-icon{
    transform:
        translateY(-2px)
        rotate(-5deg);

    color:#fff;

    background:
        linear-gradient(
            145deg,
            #dfa01c,
            #b97707
        );
}


.grcancel-detail-copy{
    min-width:0;
}


.grcancel-detail-copy h2{
    margin:1px 0 5px;

    color:var(--grcancel-navy);

    font-size:15px;

    font-weight:800;

    line-height:1.35;
}


.grcancel-detail-copy h2 span{
    color:var(--grcancel-gold);
}


.grcancel-detail-copy p{
    margin:0;

    color:#354959;

    font-size:12.5px;

    line-height:1.65;

    overflow-wrap:anywhere;
}



/* Contact */

.grcancel-contact-links{
    display:flex;

    flex-wrap:wrap;

    gap:
        9px 24px;

    margin-top:11px;
}


.grcancel-contact-links a{
    display:inline-flex;

    align-items:center;

    gap:8px;

    color:var(--grcancel-navy);

    font-size:12.5px;

    font-weight:700;

    overflow-wrap:anywhere;
}


.grcancel-contact-links a i{
    color:var(--grcancel-gold);
}



/* ================================================================
   ACKNOWLEDGEMENT
================================================================ */

.grcancel-acknowledgement{
    display:flex;

    align-items:center;

    gap:14px;

    min-height:61px;

    margin-top:9px;

    padding:
        11px 17px;

    border:
        1px solid #f0e1c7;

    border-radius:10px;

    background:
        linear-gradient(
            90deg,
            #fff7eb,
            #fffdf9
        );
}


.grcancel-acknowledgement > span{
    width:40px;
    height:40px;

    flex:0 0 40px;

    display:grid;

    place-items:center;

    color:var(--grcancel-gold);

    font-size:22px;
}


.grcancel-acknowledgement p{
    margin:0;

    color:#304657;

    font-size:12px;

    line-height:1.55;
}



/* ================================================================
   HELP CTA
================================================================ */

.grcancel-help{
    width:100%;

    padding:0 0 15px;

    background:#fff;
}


.grcancel-help-box{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        160px
        minmax(380px,.85fr);

    align-items:center;

    min-height:100px;

    overflow:hidden;

    border:
        1px solid #eee5d8;

    border-radius:16px;

    background:
        linear-gradient(
            90deg,
            #fff9f0 0%,
            #fff 55%,
            #d99511 55%,
            #b97004 100%
        );

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


.grcancel-help-info{
    display:flex;

    align-items:center;

    gap:18px;

    padding:
        18px 26px;
}


.grcancel-help-icon{
    width:62px;
    height:62px;

    flex:0 0 62px;

    display:grid;

    place-items:center;

    border-radius:50%;

    background:var(--grcancel-navy);

    color:var(--grcancel-gold);

    font-size:27px;
}


.grcancel-help-info h2{
    margin:0 0 4px;

    color:var(--grcancel-navy);

    font-size:20px;

    font-weight:800;

    line-height:1.25;
}


.grcancel-help-info p{
    margin:0;

    color:#526472;

    font-size:13px;
}



/* Route */

.grcancel-help-route{
    position:relative;

    height:70px;
}


.grcancel-help-route span{
    position:absolute;

    left:0;
    right:28px;
    top:39px;

    border-top:
        1px dashed #b99456;
}


.grcancel-help-route i{
    position:absolute;

    right:11px;
    top:18px;

    color:var(--grcancel-navy);

    transform:rotate(-20deg);
}



/* CTA RIGHT */

.grcancel-help-call{
    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    height:100%;

    padding:
        17px 28px
        17px 40px;

    color:#fff;
}


.grcancel-help-call > div{
    min-width:0;
}


.grcancel-help-call span{
    display:block;

    margin-bottom:2px;

    color:#ffe2a2;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size:16px;

    font-style:italic;
}


.grcancel-help-call > div > a{
    display:block;

    color:#fff;

    font-size:25px;

    font-weight:800;

    line-height:1.2;

    white-space:nowrap;
}


.grcancel-call-circle{
    width:62px;
    height:62px;

    flex:0 0 62px;

    display:grid;

    place-items:center;

    border-radius:50%;

    background:var(--grcancel-navy);

    color:#fff;

    font-size:23px;

    box-shadow:
        0 8px 20px
        rgba(0,0,0,.18);

    transition:
        transform .25s ease;
}


.grcancel-call-circle:hover{
    transform:
        scale(1.07)
        rotate(-5deg);
}



/* ================================================================
   JS REVEAL
   IMPORTANT: PAGE NEVER BECOMES BLANK IF JS FAILS
================================================================ */

.grcancel-js-ready .grcancel-animate{
    opacity:0;

    transform:
        translateY(22px);

    transition:
        opacity .65s ease,
        transform .65s cubic-bezier(.2,.7,.2,1);
}


.grcancel-js-ready
.grcancel-animate.grcancel-visible{
    opacity:1;

    transform:none;
}



/* ================================================================
   RESPONSIVE - 1200
================================================================ */

@media(max-width:1200px){

    .grcancel-container{
        width:
            calc(100% - 36px);
    }


    .grcancel-hero{
        padding:
            95px 0 58px;
    }


    .grcancel-hero-grid{
        grid-template-columns:
            minmax(0,.9fr)
            minmax(420px,1.1fr);

        gap:35px;
    }


    .grcancel-policy-layout{
        grid-template-columns:
            260px
            minmax(0,1fr);
    }


    .grcancel-sidebar-menu{
        padding:
            24px 20px;
    }


    .grcancel-help-box{
        grid-template-columns:
            minmax(0,1fr)
            100px
            minmax(350px,.85fr);
    }

}



/* ================================================================
   RESPONSIVE - 1024
================================================================ */

@media(max-width:1024px){

    .grcancel-hero{
        padding:
            90px 0 55px;
    }


    .grcancel-hero-grid{
        grid-template-columns:
            minmax(0,.9fr)
            minmax(390px,1.1fr);

        gap:28px;
    }


    .grcancel-policy-layout{
        grid-template-columns:
            240px
            minmax(0,1fr);
    }


    .grcancel-feature-card{
        padding:
            19px 15px 21px;
    }


    .grcancel-details-card{
        padding-left:20px;

        padding-right:20px;
    }

}



/* ================================================================
   TABLET - 900
================================================================ */

@media(max-width:900px){

    .grcancel-hero{
        padding:
            82px 0 52px;
    }


    .grcancel-breadcrumb{
        margin-bottom:27px;
    }


    .grcancel-hero-grid{
        grid-template-columns:1fr;

        gap:29px;
    }


    .grcancel-hero-content{
        text-align:center;
    }


    .grcancel-hero-content h1{
        justify-content:center;
    }


    .grcancel-heading-decoration{
        margin-left:auto;

        margin-right:auto;
    }


    .grcancel-hero-content > p{
        margin-inline:auto;
    }


    .grcancel-hero-image-box{
        height:auto;

        aspect-ratio:16 / 8.5;

        border-left-width:3px;

        border-radius:30px;
    }


    .grcancel-policy-layout{
        grid-template-columns:1fr;
    }


    .grcancel-sidebar-menu{
        position:relative;

        top:auto;
    }


    .grcancel-sidebar-menu h2{
        text-align:center;
    }


    .grcancel-sidebar-heading-line{
        margin-left:auto;

        margin-right:auto;
    }


    .grcancel-side-links{
        display:grid;

        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:8px;
    }


    .grcancel-side-links a{
        min-height:48px;

        padding:
            7px 11px;

        border:
            1px solid
            rgba(255,255,255,.1);

        border-radius:8px;
    }


    .grcancel-side-links a:hover,
    .grcancel-side-links a.grcancel-active{
        padding-left:11px;

        background:
            rgba(255,255,255,.06);
    }


    .grcancel-promise-card{
        min-height:auto;

        padding:20px;
    }


    .grcancel-promise-art{
        display:none;
    }


    .grcancel-help-box{
        grid-template-columns:1fr;

        background:#fff9f0;
    }


    .grcancel-help-route{
        display:none;
    }


    .grcancel-help-call{
        min-height:90px;

        background:
            linear-gradient(
                135deg,
                #d99511,
                #b97004
            );
    }

}



/* ================================================================
   TABLET SMALL - 768
================================================================ */

@media(max-width:768px){

    .grcancel-container{
        width:
            calc(100% - 28px);
    }


    .grcancel-hero{
        padding:
            75px 0 50px;
    }


    .grcancel-feature-grid{
        grid-template-columns:1fr;
    }


    .grcancel-feature-card{
        padding:
            22px 20px;
    }


    .grcancel-feature-card h2{
        margin-bottom:13px;
    }

}



/* ================================================================
   MOBILE - 680
================================================================ */

@media(max-width:680px){

    .grcancel-container{
        width:
            calc(100% - 24px);
    }


    /*
       Mobile top padding automatically becomes smaller.
       No unnecessary giant blank gap.
    */

    .grcancel-hero{
        padding:
            62px 0 47px;
    }


    .grcancel-breadcrumb{
        min-height:38px;

        margin-bottom:23px;

        padding:
            7px 13px;

        font-size:11px;
    }


    .grcancel-script{
        font-size:21px;
    }


    .grcancel-hero-content h1{
        justify-content:center;

        gap:7px;

        font-size:
            clamp(32px,10vw,47px);

        line-height:1.05;

        letter-spacing:-1px;
    }


    .grcancel-heading-decoration{
        margin-top:17px;

        margin-bottom:17px;
    }


    .grcancel-hero-content > p{
        font-size:14px;

        line-height:1.65;
    }


    .grcancel-hero-image-box{
        aspect-ratio:4 / 3;

        border-radius:22px;
    }


    .grcancel-policy-section{
        padding-top:18px;
    }


    .grcancel-sidebar-menu{
        padding:
            18px 16px;
    }


    .grcancel-side-links{
        grid-template-columns:1fr;
    }


    .grcancel-side-links a{
        min-height:44px;
    }


    .grcancel-policy-wide{
        grid-template-columns:
            46px
            minmax(0,1fr);

        gap:12px;

        padding:
            18px 16px;
    }


    .grcancel-policy-icon{
        width:43px;
        height:43px;

        font-size:17px;
    }


    .grcancel-policy-copy h2{
        font-size:14px;
    }


    .grcancel-policy-copy p{
        font-size:12.5px;
    }


    .grcancel-feature-card{
        padding:
            20px 17px;
    }


    .grcancel-details-card{
        padding:
            4px 16px 14px;
    }


    .grcancel-detail-row{
        grid-template-columns:
            45px
            minmax(0,1fr);

        gap:11px;

        padding:
            18px 0;
    }


    .grcancel-detail-row:not(:last-of-type)::after{
        left:56px;
    }


    .grcancel-detail-icon{
        width:42px;
        height:42px;

        font-size:17px;
    }


    .grcancel-detail-copy h2{
        font-size:14px;
    }


    .grcancel-detail-copy p{
        font-size:12px;
    }


    .grcancel-contact-links{
        flex-direction:column;

        gap:8px;
    }


    .grcancel-acknowledgement{
        align-items:flex-start;

        padding:13px;
    }


    .grcancel-help-info{
        padding:17px;
    }


    .grcancel-help-icon{
        width:52px;
        height:52px;

        flex-basis:52px;

        font-size:22px;
    }


    .grcancel-help-info h2{
        font-size:17px;
    }


    .grcancel-help-call{
        flex-wrap:wrap;

        padding:17px;
    }


    .grcancel-help-call > div > a{
        white-space:normal;

        overflow-wrap:anywhere;

        font-size:21px;
    }


    .grcancel-call-circle{
        width:52px;
        height:52px;

        flex-basis:52px;
    }

}



/* ================================================================
   MOBILE - 480
================================================================ */

@media(max-width:480px){

    .grcancel-container{
        width:
            calc(100% - 20px);
    }


    .grcancel-hero{
        padding:
            55px 0 44px;
    }


    .grcancel-hero-grid{
        gap:22px;
    }


    .grcancel-hero-content h1{
        gap:5px;

        font-size:
            clamp(29px,10vw,40px);
    }


    .grcancel-hero-image-box{
        aspect-ratio:1.3 / 1;

        border-radius:18px;
    }


    .grcancel-policy-wide{
        padding:
            16px 13px;
    }


    .grcancel-details-card{
        padding-left:13px;

        padding-right:13px;
    }


    .grcancel-detail-row{
        grid-template-columns:
            40px
            minmax(0,1fr);

        gap:9px;
    }


    .grcancel-detail-icon{
        width:38px;
        height:38px;

        font-size:15px;
    }


    .grcancel-detail-row:not(:last-of-type)::after{
        left:49px;
    }


    .grcancel-detail-copy h2{
        font-size:13.5px;
    }


    .grcancel-acknowledgement{
        gap:9px;
    }


    .grcancel-help-info{
        align-items:flex-start;
    }


    .grcancel-help-call{
        gap:10px;
    }


    .grcancel-help-call > div > a{
        font-size:19px;
    }

}



/* ================================================================
   EXTRA SMALL MOBILE
================================================================ */

@media(max-width:380px){

    .grcancel-container{
        width:
            calc(100% - 16px);
    }


    .grcancel-hero{
        padding:
            50px 0 42px;
    }


    .grcancel-breadcrumb{
        gap:7px;

        padding-left:10px;

        padding-right:10px;
    }


    .grcancel-script{
        font-size:19px;
    }


    .grcancel-hero-content h1{
        gap:4px;

        font-size:27px;
    }


    .grcancel-sidebar-menu{
        padding:
            16px 12px;
    }


    .grcancel-policy-wide{
        grid-template-columns:
            38px
            minmax(0,1fr);

        gap:8px;

        padding:
            15px 10px;
    }


    .grcancel-policy-icon{
        width:36px;
        height:36px;

        font-size:15px;
    }


    .grcancel-feature-card{
        padding:
            18px 14px;
    }


    .grcancel-details-card{
        padding-left:10px;

        padding-right:10px;
    }


    .grcancel-detail-row{
        grid-template-columns:
            36px
            minmax(0,1fr);

        gap:8px;
    }


    .grcancel-detail-icon{
        width:34px;
        height:34px;

        font-size:14px;
    }


    .grcancel-detail-row:not(:last-of-type)::after{
        left:44px;
    }


    .grcancel-help-info{
        gap:12px;
    }


    .grcancel-help-call > div > a{
        font-size:17px;
    }


    .grcancel-call-circle{
        width:46px;
        height:46px;

        flex-basis:46px;
    }

}



/* ================================================================
   LANDSCAPE MOBILE
================================================================ */

@media(max-height:500px) and (orientation:landscape){

    .grcancel-hero{
        padding:
            55px 0 43px;
    }

}



/* ================================================================
   REDUCED MOTION
================================================================ */

@media(prefers-reduced-motion:reduce){

    .grcancel-page *,
    .grcancel-page *::before,
    .grcancel-page *::after{
        animation:none !important;

        transition:none !important;

        scroll-behavior:auto !important;
    }


    .grcancel-js-ready
    .grcancel-animate{
        opacity:1 !important;

        transform:none !important;
    }

}
















/* ================================================================
   GOLDEN RICH - DOMESTIC HOLIDAY TOUR PACKAGES
   UNIQUE PREFIX: grdomestic-
================================================================ */

.grdomestic-page{
    --grd-navy:#002b42;
    --grd-dark:#001e30;
    --grd-gold:#d8940c;
    --grd-gold2:#eca818;
    --grd-text:#10283b;
    --grd-muted:#667681;
    --grd-border:#e9e4dc;
    --grd-cream:#fffaf3;

    width:100%;
    max-width:100%;
    margin:0;
    padding:0;
    overflow-x:hidden;
    background:#fff;
    color:var(--grd-text);
}

.grdomestic-page *,
.grdomestic-page *::before,
.grdomestic-page *::after{
    box-sizing:border-box;
}

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

.grdomestic-page a{
    text-decoration:none;
}

.grdomestic-page button,
.grdomestic-page select,
.grdomestic-page input{
    font:inherit;
}

.grdomestic-container{
    width:min(1320px,calc(100% - 48px));
    margin-inline:auto;
}


/* ================================================================
   HERO
================================================================ */

.grdomestic-hero{
    position:relative;
    width:100%;
    padding:105px 0 35px;
    overflow:hidden;

    background:
        radial-gradient(circle at 23% 45%,rgba(218,148,12,.07),transparent 28%),
        linear-gradient(90deg,#fff 0%,#fffdf9 48%,#f4efe7 100%);
}

.grdomestic-breadcrumb{
    position:relative;
    z-index:5;

    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:9px;

    margin-bottom:30px;

    color:#657582;
    font-size:12px;
    line-height:1.5;
}

.grdomestic-breadcrumb a{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#354c5e;
    transition:.25s ease;
}

.grdomestic-breadcrumb a:first-child{
    color:var(--grd-gold);
}

.grdomestic-breadcrumb a:hover{
    color:var(--grd-gold);
}


.grdomestic-hero-grid{
    display:grid;
    grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr);
    align-items:center;
    gap:50px;
}

.grdomestic-hero-content{
    min-width:0;
}

.grdomestic-script{
    margin-bottom:8px;

    color:#c98108;
    font-family:"Playfair Display",Georgia,serif;
    font-size:clamp(22px,2vw,30px);
    font-style:italic;
    font-weight:600;
}

.grdomestic-hero-content h1{
    display:flex;
    flex-direction:column;

    margin:0;

    font-size:clamp(43px,4.1vw,63px);
    line-height:1.02;
    letter-spacing:-2px;
    font-weight:800;
}

.grdomestic-hero-content h1 span{
    color:var(--grd-navy);
}

.grdomestic-hero-content h1 strong{
    color:var(--grd-gold);
    font-weight:800;
}

.grdomestic-title-line{
    display:flex;
    align-items:center;
    gap:8px;

    width:190px;
    margin:21px 0;
}

.grdomestic-title-line span{
    flex:1;
    height:2px;
    background:linear-gradient(90deg,var(--grd-gold),#edd2a1);
}

.grdomestic-title-line i{
    color:var(--grd-gold);
    transform:rotate(-12deg);
}

.grdomestic-hero-content p{
    max-width:550px;
    margin:0;

    color:#344b5c;
    font-size:15px;
    line-height:1.7;
}


/* ================================================================
   HERO VISUAL
================================================================ */

.grdomestic-hero-visual{
    position:relative;
    min-width:0;
}

.grdomestic-hero-shape{
    position:relative;

    width:100%;
    height:330px;

    overflow:hidden;

    border-radius:130px 40px 0 130px;
    border-left:3px solid var(--grd-gold);

    background:#e9e5de;

    box-shadow:0 18px 40px rgba(0,35,54,.12);
}

.grdomestic-hero-shape img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    transition:transform .8s ease;
}

.grdomestic-hero-shape:hover img{
    transform:scale(1.025);
}

.grdomestic-flight-path{
    position:absolute;
    left:-60px;
    top:20px;

    width:125px;
    height:65px;

    border-top:1px dashed #d79512;
    border-radius:50%;

    opacity:.7;
}

.grdomestic-flight-icon{
    position:absolute;
    left:35px;
    top:1px;

    color:var(--grd-gold);
    font-size:18px;
    transform:rotate(-20deg);
}


/* ================================================================
   TRUST STRIP
================================================================ */

.grdomestic-trust{
    position:relative;
    z-index:10;

    width:100%;
    padding:0 0 30px;
}

.grdomestic-trust-box{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));

    width:100%;

    border:1px solid var(--grd-border);
    border-radius:14px;

    background:#fff;

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

.grdomestic-trust-item{
    position:relative;

    display:flex;
    align-items:center;
    gap:14px;

    min-width:0;

    padding:18px 22px;
}

.grdomestic-trust-item:not(:last-child)::after{
    content:"";
    position:absolute;
    right:0;
    top:18%;
    bottom:18%;
    width:1px;
    background:#e8e5df;
}

.grdomestic-trust-item > span{
    display:grid;
    place-items:center;

    width:47px;
    height:47px;
    flex:0 0 47px;

    border:1.5px solid var(--grd-gold);
    border-radius:50%;

    color:var(--grd-navy);
    font-size:18px;
}

.grdomestic-trust-item div{
    min-width:0;
}

.grdomestic-trust-item strong,
.grdomestic-trust-item small{
    display:block;
}

.grdomestic-trust-item strong{
    margin-bottom:3px;

    color:var(--grd-navy);
    font-size:12px;
    font-weight:700;
}

.grdomestic-trust-item small{
    color:#697883;
    font-size:10.5px;
}


/* ================================================================
   PACKAGE SECTION
================================================================ */

.grdomestic-packages{
    width:100%;
    padding:0 0 30px;
    background:#fff;
}

.grdomestic-list-layout{
    display:grid;
    grid-template-columns:250px minmax(0,1fr);
    align-items:start;
    gap:35px;
}


/* ================================================================
   FILTER
================================================================ */

.grdomestic-filter{
    width:100%;
    min-width:0;

    overflow:hidden;

    border:1px solid #e6e5e2;
    border-radius:13px;

    background:#fff;

    box-shadow:0 8px 28px rgba(0,35,54,.07);
}

.grdomestic-filter-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;

    padding:18px;

    background:linear-gradient(135deg,#07364d,#001f32);
    color:#fff;
}

.grdomestic-filter-title h2{
    margin:0;
    color:#fff;
    font-size:14px;
    font-weight:800;
}

.grdomestic-filter-title i{
    font-size:16px;
}

.grdomestic-filter-group{
    padding:20px 18px;
    border-bottom:1px solid #ece9e4;
}

.grdomestic-filter-group h3{
    display:flex;
    align-items:center;
    gap:8px;

    margin:0 0 15px;

    color:var(--grd-navy);
    font-size:11px;
    font-weight:800;
}

.grdomestic-filter-group h3 i{
    width:17px;
    color:var(--grd-gold);
    font-size:13px;
}

.grdomestic-filter-group select{
    width:100%;
    height:42px;

    padding:0 12px;

    outline:none;

    border:1px solid #ddd;
    border-radius:6px;

    background:#fff;

    color:#415563;
    font-size:12px;
}

.grdomestic-filter-group label{
    display:flex;
    align-items:center;
    gap:9px;

    margin:11px 0;

    cursor:pointer;

    color:#344958;
    font-size:12px;
}

.grdomestic-filter-group input[type="checkbox"]{
    width:15px;
    height:15px;

    flex:0 0 15px;

    accent-color:var(--grd-gold);
}

.grdomestic-budget-values{
    display:flex;
    justify-content:space-between;
    gap:10px;

    margin-bottom:11px;

    color:#405461;
    font-size:10.5px;
}

.grdomestic-filter-group input[type="range"]{
    width:100%;
    accent-color:var(--grd-gold);
}

.grdomestic-apply,
.grdomestic-reset{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    width:calc(100% - 36px);
    min-height:42px;

    margin:17px 18px 0;

    border-radius:6px;

    cursor:pointer;

    font-size:11px;
    font-weight:800;

    transition:.25s ease;
}

.grdomestic-apply{
    border:1px solid var(--grd-gold);
    background:var(--grd-gold);
    color:#fff;
}

.grdomestic-reset{
    margin-top:9px;
    margin-bottom:18px;

    border:1px solid var(--grd-gold);
    background:#fff;
    color:#b87306;
}

.grdomestic-apply:hover{
    background:var(--grd-navy);
    border-color:var(--grd-navy);
}

.grdomestic-reset:hover{
    background:#fff8eb;
}


/* ================================================================
   RESULTS HEADER
================================================================ */

.grdomestic-results{
    width:100%;
    min-width:0;
}

.grdomestic-results-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;

    margin-bottom:20px;
}

.grdomestic-results-head h2{
    margin:0 0 5px;

    color:var(--grd-navy);
    font-size:21px;
    font-weight:800;
}

.grdomestic-results-head p{
    margin:0;

    color:#74818a;
    font-size:12px;
}

.grdomestic-sort{
    display:flex;
    align-items:center;
    gap:8px;
}

.grdomestic-sort label{
    color:#687781;
    font-size:11px;
    white-space:nowrap;
}

.grdomestic-sort select{
    height:39px;
    min-width:130px;

    padding:0 12px;

    border:1px solid #e1e1df;
    border-radius:6px;

    outline:none;
    background:#fff;

    color:#40525f;
    font-size:11px;
}

.grdomestic-view-btn{
    display:grid;
    place-items:center;

    width:39px;
    height:39px;

    padding:0;

    border:1px solid #e2dfda;
    border-radius:6px;

    background:#fff;

    color:var(--grd-navy);

    cursor:pointer;
}

.grdomestic-view-btn.active{
    border-color:#e4b557;
    color:var(--grd-gold);
    background:#fffaf0;
}


/* ================================================================
   PACKAGE GRID
================================================================ */

.grdomestic-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;

    width:100%;
}

.grdomestic-card{
    min-width:0;

    overflow:hidden;

    border:1px solid #e7e5e1;
    border-radius:12px;

    background:#fff;

    box-shadow:0 7px 22px rgba(0,35,54,.055);

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

.grdomestic-card:hover{
    transform:translateY(-5px);
    border-color:rgba(216,148,12,.35);
    box-shadow:0 15px 35px rgba(0,35,54,.11);
}

.grdomestic-card-image{
    position:relative;

    width:100%;
    aspect-ratio:1.65 / 1;

    overflow:hidden;

    background:#eee;
}

.grdomestic-card-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .6s ease;
}

.grdomestic-card:hover .grdomestic-card-image img{
    transform:scale(1.055);
}

.grdomestic-badge{
    position:absolute;
    top:10px;
    left:10px;

    max-width:calc(100% - 60px);

    padding:6px 11px;

    border-radius:20px;

    background:linear-gradient(135deg,#e8a319,#c77d05);

    color:#fff;

    font-size:10px;
    font-weight:700;

    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.grdomestic-badge.grdomestic-blue{
    background:#1684b7;
}

.grdomestic-badge.grdomestic-green{
    background:#568b27;
}

.grdomestic-favourite{
    position:absolute;
    top:9px;
    right:9px;

    display:grid;
    place-items:center;

    width:30px;
    height:30px;

    padding:0;

    border:1px solid rgba(255,255,255,.8);
    border-radius:50%;

    background:rgba(0,0,0,.12);
    backdrop-filter:blur(4px);

    color:#fff;

    cursor:pointer;

    transition:.25s ease;
}

.grdomestic-favourite:hover,
.grdomestic-favourite.active{
    background:var(--grd-gold);
    border-color:var(--grd-gold);
}

.grdomestic-card-body{
    padding:14px;
}

.grdomestic-card-body h3{
    margin:0 0 6px;

    color:var(--grd-navy);
    font-size:15px;
    font-weight:800;
    line-height:1.3;
}

.grdomestic-location{
    min-height:34px;

    margin:0 0 8px;

    color:#677781;
    font-size:10.5px;
    line-height:1.55;
}

.grdomestic-duration{
    display:flex;
    align-items:center;
    gap:6px;

    margin-bottom:9px;

    color:#596b77;
    font-size:10.5px;
}

.grdomestic-duration i{
    color:var(--grd-gold);
}

.grdomestic-includes{
    display:flex;
    flex-wrap:wrap;
    gap:7px 11px;

    margin-bottom:11px;
}

.grdomestic-includes span{
    display:inline-flex;
    align-items:center;
    gap:4px;

    color:#657681;
    font-size:9.5px;
}

.grdomestic-includes i{
    color:var(--grd-gold);
}

.grdomestic-price{
    display:flex;
    align-items:baseline;
    flex-wrap:wrap;
    gap:7px;

    margin-bottom:11px;
}

.grdomestic-price strong{
    color:var(--grd-navy);
    font-size:18px;
    font-weight:800;
}

.grdomestic-price small{
    color:#d28a0c;
    font-size:9px;
    font-style:italic;
}

.grdomestic-details-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    width:100%;
    min-height:38px;

    border:1px solid #dda33c;
    border-radius:6px;

    color:#bd7605;

    font-size:11px;
    font-weight:700;

    transition:.25s ease;
}

.grdomestic-details-btn:hover,
.grdomestic-dark-btn{
    background:var(--grd-navy);
    border-color:var(--grd-navy);
    color:#fff;
}


/* ================================================================
   LIST VIEW
================================================================ */

.grdomestic-grid.grdomestic-list-view{
    grid-template-columns:1fr;
}

.grdomestic-grid.grdomestic-list-view .grdomestic-card{
    display:grid;
    grid-template-columns:290px minmax(0,1fr);
}

.grdomestic-grid.grdomestic-list-view .grdomestic-card-image{
    height:100%;
    min-height:220px;
    aspect-ratio:auto;
}

.grdomestic-grid.grdomestic-list-view .grdomestic-card-body{
    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:24px;
}

.grdomestic-grid.grdomestic-list-view .grdomestic-location{
    min-height:0;
}


/* ================================================================
   EMPTY
================================================================ */

.grdomestic-empty{
    display:none;

    padding:60px 20px;

    text-align:center;

    border:1px solid #e7e4df;
    border-radius:12px;

    background:#fffaf3;
}

.grdomestic-empty.show{
    display:block;
}

.grdomestic-empty i{
    margin-bottom:12px;
    color:var(--grd-gold);
    font-size:35px;
}

.grdomestic-empty h3{
    margin:0 0 7px;
    color:var(--grd-navy);
}

.grdomestic-empty p{
    margin:0;
    color:#657681;
}


/* ================================================================
   PAGINATION
================================================================ */

.grdomestic-pagination{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;

    margin-top:22px;
}

.grdomestic-pagination button{
    display:grid;
    place-items:center;

    min-width:32px;
    height:32px;

    padding:0 8px;

    border:1px solid #e2dfda;
    border-radius:6px;

    background:#fff;
    color:#465965;

    cursor:pointer;

    font-size:11px;
}

.grdomestic-pagination button.active{
    border-color:var(--grd-gold);
    background:var(--grd-gold);
    color:#fff;
}


/* ================================================================
   CTA
================================================================ */

.grdomestic-cta{
    width:100%;
    padding:5px 0 0;
}

.grdomestic-cta-box{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(390px,.72fr);

    overflow:hidden;

    border:1px solid #ede4d8;
    border-radius:13px;

    background:#fff8ef;
}

.grdomestic-cta-left{
    display:flex;
    align-items:center;
    gap:20px;

    min-width:0;

    padding:22px 30px;
}

.grdomestic-cta-left > i{
    color:var(--grd-navy);
    font-size:27px;
    transform:rotate(-18deg);
}

.grdomestic-cta-left h2{
    margin:0 0 3px;
    color:var(--grd-navy);
    font-size:20px;
}

.grdomestic-cta-left p{
    margin:0;
    color:#60727e;
    font-size:12px;
}

.grdomestic-cta-right{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;

    padding:18px 30px;

    background:linear-gradient(135deg,#06364e,#001f32);

    color:#fff;
}

.grdomestic-cta-right span{
    display:block;
    margin-bottom:2px;
    color:#e2e8ec;
    font-size:11px;
}

.grdomestic-cta-right div > a{
    color:#f1a717;
    font-size:25px;
    font-weight:800;
    white-space:nowrap;
}

.grdomestic-call{
    display:grid;
    place-items:center;

    width:58px;
    height:58px;
    flex:0 0 58px;

    border-radius:50%;

    background:var(--grd-gold);
    color:#fff;

    font-size:22px;

    transition:.25s ease;
}

.grdomestic-call:hover{
    transform:scale(1.07) rotate(-5deg);
}


/* ================================================================
   BOTTOM BENEFITS
================================================================ */

.grdomestic-bottom-benefits{
    width:100%;
    padding:14px 0 24px;
}

.grdomestic-benefits-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:15px;
}

.grdomestic-benefits-grid > div{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    min-width:0;
}

.grdomestic-benefits-grid > div > i{
    display:grid;
    place-items:center;

    width:43px;
    height:43px;
    flex:0 0 43px;

    border:1px solid var(--grd-gold);
    border-radius:50%;

    color:var(--grd-gold);
}

.grdomestic-benefits-grid strong,
.grdomestic-benefits-grid small{
    display:block;
}

.grdomestic-benefits-grid strong{
    margin-bottom:2px;
    color:var(--grd-navy);
    font-size:11px;
}

.grdomestic-benefits-grid small{
    color:#6c7a83;
    font-size:9.5px;
}


/* ================================================================
   ANIMATION
================================================================ */

.grdomestic-js-ready .grdomestic-reveal{
    opacity:0;
    transform:translateY(22px);

    transition:
        opacity .65s ease,
        transform .65s cubic-bezier(.2,.7,.2,1);
}

.grdomestic-js-ready .grdomestic-reveal.grdomestic-visible{
    opacity:1;
    transform:none;
}


/* ================================================================
   RESPONSIVE 1200
================================================================ */

@media(max-width:1200px){

    .grdomestic-container{
        width:calc(100% - 36px);
    }

    .grdomestic-hero-grid{
        grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr);
        gap:35px;
    }

    .grdomestic-list-layout{
        grid-template-columns:230px minmax(0,1fr);
        gap:25px;
    }

    .grdomestic-grid{
        gap:14px;
    }

}


/* ================================================================
   RESPONSIVE 1024
================================================================ */

@media(max-width:1024px){

    .grdomestic-hero{
        padding-top:95px;
    }

    .grdomestic-hero-grid{
        grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr);
        gap:28px;
    }

    .grdomestic-hero-shape{
        height:300px;
    }

    .grdomestic-trust-item{
        padding:15px;
    }

    .grdomestic-list-layout{
        grid-template-columns:220px minmax(0,1fr);
        gap:20px;
    }

    .grdomestic-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}


/* ================================================================
   TABLET 900
================================================================ */

@media(max-width:900px){

    .grdomestic-hero{
        padding:85px 0 30px;
    }

    .grdomestic-hero-grid{
        grid-template-columns:1fr;
        gap:28px;
    }

    .grdomestic-hero-content{
        text-align:center;
    }

    .grdomestic-title-line{
        margin-left:auto;
        margin-right:auto;
    }

    .grdomestic-hero-content p{
        margin-inline:auto;
    }

    .grdomestic-hero-shape{
        height:auto;
        aspect-ratio:16/7.5;
        border-radius:28px;
    }

    .grdomestic-flight-path,
    .grdomestic-flight-icon{
        display:none;
    }

    .grdomestic-trust-box{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .grdomestic-trust-item:nth-child(2)::after{
        display:none;
    }

    .grdomestic-trust-item:nth-child(-n+2){
        border-bottom:1px solid #e8e5df;
    }

    .grdomestic-list-layout{
        grid-template-columns:1fr;
    }

    .grdomestic-filter{
        position:relative;
    }

    .grdomestic-filter-group{
        display:inline-block;
        vertical-align:top;
        width:49.5%;
    }

    .grdomestic-apply,
    .grdomestic-reset{
        width:calc(50% - 28px);
        display:inline-flex;
        margin:17px 7px 18px 18px;
    }

    .grdomestic-reset{
        margin-left:0;
    }

}


/* ================================================================
   TABLET 768
================================================================ */

@media(max-width:768px){

    .grdomestic-container{
        width:calc(100% - 28px);
    }

    .grdomestic-hero{
        padding-top:78px;
    }

    .grdomestic-results-head{
        align-items:flex-start;
        flex-direction:column;
    }

    .grdomestic-sort{
        width:100%;
    }

    .grdomestic-sort select{
        flex:1;
    }

    .grdomestic-cta-box{
        grid-template-columns:1fr;
    }

    .grdomestic-benefits-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:20px;
    }

}


/* ================================================================
   MOBILE 680
================================================================ */

@media(max-width:680px){

    .grdomestic-container{
        width:calc(100% - 24px);
    }

    .grdomestic-hero{
        padding:65px 0 25px;
    }

    .grdomestic-breadcrumb{
        margin-bottom:22px;
        font-size:10.5px;
    }

    .grdomestic-script{
        font-size:21px;
    }

    .grdomestic-hero-content h1{
        font-size:clamp(31px,9vw,44px);
        letter-spacing:-1px;
    }

    .grdomestic-hero-content p{
        font-size:13.5px;
    }

    .grdomestic-hero-shape{
        aspect-ratio:4/3;
        border-radius:20px;
    }

    .grdomestic-trust-box{
        grid-template-columns:1fr;
    }

    .grdomestic-trust-item{
        padding:14px 16px;
    }

    .grdomestic-trust-item::after{
        display:none !important;
    }

    .grdomestic-trust-item:not(:last-child){
        border-bottom:1px solid #e8e5df;
    }

    .grdomestic-filter-group{
        display:block;
        width:100%;
    }

    .grdomestic-apply,
    .grdomestic-reset{
        display:flex;
        width:calc(100% - 36px);
        margin:17px 18px 0;
    }

    .grdomestic-reset{
        margin-top:9px;
        margin-bottom:18px;
    }

    .grdomestic-grid{
        grid-template-columns:1fr;
    }

    .grdomestic-card-image{
        aspect-ratio:16/9;
    }

    .grdomestic-grid.grdomestic-list-view .grdomestic-card{
        display:block;
    }

    .grdomestic-grid.grdomestic-list-view .grdomestic-card-image{
        min-height:0;
        aspect-ratio:16/9;
    }

    .grdomestic-grid.grdomestic-list-view .grdomestic-card-body{
        padding:14px;
    }

    .grdomestic-cta-left{
        padding:18px;
    }

    .grdomestic-cta-right{
        padding:18px;
    }

    .grdomestic-cta-right div > a{
        font-size:21px;
        white-space:normal;
    }

}


/* ================================================================
   MOBILE 480
================================================================ */

@media(max-width:480px){

    .grdomestic-container{
        width:calc(100% - 20px);
    }

    .grdomestic-hero{
        padding-top:58px;
    }

    .grdomestic-hero-content h1{
        font-size:29px;
    }

    .grdomestic-results-head h2{
        font-size:18px;
    }

    .grdomestic-sort{
        flex-wrap:wrap;
    }

    .grdomestic-sort label{
        width:100%;
    }

    .grdomestic-sort select{
        min-width:0;
    }

    .grdomestic-benefits-grid{
        grid-template-columns:1fr;
    }

    .grdomestic-benefits-grid > div{
        justify-content:flex-start;
    }

    .grdomestic-cta-left{
        align-items:flex-start;
    }

    .grdomestic-cta-left h2{
        font-size:17px;
    }

    .grdomestic-cta-right{
        gap:10px;
    }

    .grdomestic-cta-right div > a{
        font-size:18px;
    }

    .grdomestic-call{
        width:50px;
        height:50px;
        flex-basis:50px;
    }

}


/* ================================================================
   EXTRA SMALL
================================================================ */

@media(max-width:360px){

    .grdomestic-container{
        width:calc(100% - 16px);
    }

    .grdomestic-hero{
        padding-top:52px;
    }

    .grdomestic-hero-content h1{
        font-size:26px;
    }

    .grdomestic-sort select{
        width:100%;
        flex-basis:100%;
    }

}


/* ================================================================
   REDUCED MOTION
================================================================ */

@media(prefers-reduced-motion:reduce){

    .grdomestic-page *,
    .grdomestic-page *::before,
    .grdomestic-page *::after{
        animation:none !important;
        transition:none !important;
        scroll-behavior:auto !important;
    }

    .grdomestic-js-ready .grdomestic-reveal{
        opacity:1 !important;
        transform:none !important;
    }

}



/* Domestic */























/* ================================================================
   GOLDEN RICH - INTERNATIONAL TOUR PACKAGES
   UNIQUE PREFIX: grinternational-
================================================================ */

.grinternational-page{
    --gri-navy:#002b42;
    --gri-dark:#001e30;
    --gri-gold:#d8940c;
    --gri-gold2:#eca818;
    --gri-text:#10283b;
    --gri-muted:#667681;
    --gri-border:#e9e4dc;
    --gri-cream:#fffaf3;

    width:100%;
    max-width:100%;
    margin:0;
    padding:0;
    overflow-x:hidden;
    background:#fff;
    color:var(--gri-text);
}

.grinternational-page *,
.grinternational-page *::before,
.grinternational-page *::after{
    box-sizing:border-box;
}

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

.grinternational-page a{
    text-decoration:none;
}

.grinternational-page button,
.grinternational-page select,
.grinternational-page input{
    font:inherit;
}

.grinternational-container{
    width:min(1320px,calc(100% - 48px));
    margin-inline:auto;
}


/* ================================================================
   HERO
================================================================ */

.grinternational-hero{
    position:relative;
    width:100%;
    padding:105px 0 35px;
    overflow:hidden;

    background:
        radial-gradient(
            circle at 23% 45%,
            rgba(218,148,12,.07),
            transparent 28%
        ),
        linear-gradient(
            90deg,
            #fff 0%,
            #fffdf9 48%,
            #f4efe7 100%
        );
}

.grinternational-breadcrumb{
    position:relative;
    z-index:5;

    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:9px;

    margin-bottom:30px;

    color:#657582;
    font-size:12px;
    line-height:1.5;
}

.grinternational-breadcrumb a{
    display:inline-flex;
    align-items:center;
    gap:7px;

    color:#354c5e;

    transition:.25s ease;
}

.grinternational-breadcrumb a:first-child{
    color:var(--gri-gold);
}

.grinternational-breadcrumb a:hover{
    color:var(--gri-gold);
}

.grinternational-hero-grid{
    display:grid;
    grid-template-columns:
        minmax(0,.92fr)
        minmax(500px,1.08fr);

    align-items:center;

    gap:50px;
}

.grinternational-hero-content{
    min-width:0;
}

.grinternational-script{
    margin-bottom:8px;

    color:#c98108;

    font-family:"Playfair Display",Georgia,serif;
    font-size:clamp(22px,2vw,30px);
    font-style:italic;
    font-weight:600;
}

.grinternational-hero-content h1{
    display:flex;
    flex-direction:column;

    margin:0;

    font-size:clamp(43px,4.1vw,63px);
    line-height:1.02;
    letter-spacing:-2px;
    font-weight:800;
}

.grinternational-hero-content h1 span{
    color:var(--gri-navy);
}

.grinternational-hero-content h1 strong{
    color:var(--gri-gold);
    font-weight:800;
}

.grinternational-title-line{
    display:flex;
    align-items:center;
    gap:8px;

    width:190px;

    margin:21px 0;
}

.grinternational-title-line span{
    flex:1;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--gri-gold),
            #edd2a1
        );
}

.grinternational-title-line i{
    color:var(--gri-gold);
    transform:rotate(-12deg);
}

.grinternational-hero-content p{
    max-width:550px;

    margin:0;

    color:#344b5c;

    font-size:15px;
    line-height:1.7;
}


/* ================================================================
   HERO IMAGE
================================================================ */

.grinternational-hero-visual{
    position:relative;
    min-width:0;
}

.grinternational-hero-shape{
    position:relative;

    width:100%;
    height:330px;

    overflow:hidden;

    border-radius:
        130px
        40px
        0
        130px;

    border-left:
        3px solid var(--gri-gold);

    background:#e9e5de;

    box-shadow:
        0 18px 40px
        rgba(0,35,54,.12);
}

.grinternational-hero-shape img{
    width:100%;
    height:100%;

    object-fit:cover;
    object-position:center;

    transition:
        transform .8s ease;
}

.grinternational-hero-shape:hover img{
    transform:scale(1.025);
}

.grinternational-flight-path{
    position:absolute;

    left:-60px;
    top:20px;

    width:125px;
    height:65px;

    border-top:
        1px dashed #d79512;

    border-radius:50%;

    opacity:.7;
}

.grinternational-flight-icon{
    position:absolute;

    left:35px;
    top:1px;

    color:var(--gri-gold);

    font-size:18px;

    transform:rotate(-20deg);
}


/* ================================================================
   TRUST
================================================================ */

.grinternational-trust{
    position:relative;
    z-index:10;

    width:100%;

    padding:0 0 30px;
}

.grinternational-trust-box{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    width:100%;

    border:
        1px solid var(--gri-border);

    border-radius:14px;

    background:#fff;

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

.grinternational-trust-item{
    position:relative;

    display:flex;
    align-items:center;

    gap:14px;

    min-width:0;

    padding:18px 22px;
}

.grinternational-trust-item:not(:last-child)::after{
    content:"";

    position:absolute;

    right:0;
    top:18%;
    bottom:18%;

    width:1px;

    background:#e8e5df;
}

.grinternational-trust-item > span{
    display:grid;
    place-items:center;

    width:47px;
    height:47px;

    flex:0 0 47px;

    border:
        1.5px solid var(--gri-gold);

    border-radius:50%;

    color:var(--gri-navy);

    font-size:18px;
}

.grinternational-trust-item div{
    min-width:0;
}

.grinternational-trust-item strong,
.grinternational-trust-item small{
    display:block;
}

.grinternational-trust-item strong{
    margin-bottom:3px;

    color:var(--gri-navy);

    font-size:12px;
    font-weight:700;
}

.grinternational-trust-item small{
    color:#697883;
    font-size:10.5px;
}


/* ================================================================
   PACKAGES
================================================================ */

.grinternational-packages{
    width:100%;

    padding:0 0 30px;

    background:#fff;
}

.grinternational-list-layout{
    display:grid;

    grid-template-columns:
        250px
        minmax(0,1fr);

    align-items:start;

    gap:35px;
}


/* ================================================================
   FILTER
================================================================ */

.grinternational-filter{
    width:100%;
    min-width:0;

    overflow:hidden;

    border:1px solid #e6e5e2;

    border-radius:13px;

    background:#fff;

    box-shadow:
        0 8px 28px
        rgba(0,35,54,.07);
}

.grinternational-filter-title{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:12px;

    padding:18px;

    background:
        linear-gradient(
            135deg,
            #07364d,
            #001f32
        );

    color:#fff;
}

.grinternational-filter-title h2{
    margin:0;

    color:#fff;

    font-size:14px;
    font-weight:800;
}

.grinternational-filter-title i{
    font-size:16px;
}

.grinternational-filter-group{
    padding:20px 18px;

    border-bottom:
        1px solid #ece9e4;
}

.grinternational-filter-group h3{
    display:flex;

    align-items:center;

    gap:8px;

    margin:0 0 15px;

    color:var(--gri-navy);

    font-size:11px;
    font-weight:800;
}

.grinternational-filter-group h3 i{
    width:17px;

    color:var(--gri-gold);

    font-size:13px;
}

.grinternational-filter-group select{
    width:100%;
    height:42px;

    padding:0 12px;

    outline:none;

    border:1px solid #ddd;

    border-radius:6px;

    background:#fff;

    color:#415563;

    font-size:12px;
}

.grinternational-filter-group label{
    display:flex;

    align-items:center;

    gap:9px;

    margin:11px 0;

    cursor:pointer;

    color:#344958;

    font-size:12px;
}

.grinternational-filter-group input[type="checkbox"]{
    width:15px;
    height:15px;

    flex:0 0 15px;

    accent-color:var(--gri-gold);
}

.grinternational-budget-values{
    display:flex;

    justify-content:space-between;

    gap:10px;

    margin-bottom:11px;

    color:#405461;

    font-size:10.5px;
}

.grinternational-filter-group input[type="range"]{
    width:100%;

    accent-color:var(--gri-gold);
}

.grinternational-apply,
.grinternational-reset{
    display:flex;

    align-items:center;
    justify-content:center;

    gap:8px;

    width:calc(100% - 36px);

    min-height:42px;

    margin:17px 18px 0;

    border-radius:6px;

    cursor:pointer;

    font-size:11px;
    font-weight:800;

    transition:.25s ease;
}

.grinternational-apply{
    border:
        1px solid var(--gri-gold);

    background:var(--gri-gold);

    color:#fff;
}

.grinternational-reset{
    margin-top:9px;
    margin-bottom:18px;

    border:
        1px solid var(--gri-gold);

    background:#fff;

    color:#b87306;
}

.grinternational-apply:hover{
    background:var(--gri-navy);
    border-color:var(--gri-navy);
}

.grinternational-reset:hover{
    background:#fff8eb;
}


/* ================================================================
   RESULTS HEADER
================================================================ */

.grinternational-results{
    width:100%;
    min-width:0;
}

.grinternational-results-head{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:20px;

    margin-bottom:20px;
}

.grinternational-results-head h2{
    margin:0 0 5px;

    color:var(--gri-navy);

    font-size:21px;
    font-weight:800;
}

.grinternational-results-head p{
    margin:0;

    color:#74818a;

    font-size:12px;
}

.grinternational-sort{
    display:flex;

    align-items:center;

    gap:8px;
}

.grinternational-sort label{
    color:#687781;

    font-size:11px;

    white-space:nowrap;
}

.grinternational-sort select{
    height:39px;

    min-width:130px;

    padding:0 12px;

    border:1px solid #e1e1df;

    border-radius:6px;

    outline:none;

    background:#fff;

    color:#40525f;

    font-size:11px;
}

.grinternational-view-btn{
    display:grid;

    place-items:center;

    width:39px;
    height:39px;

    padding:0;

    border:1px solid #e2dfda;

    border-radius:6px;

    background:#fff;

    color:var(--gri-navy);

    cursor:pointer;
}

.grinternational-view-btn.active{
    border-color:#e4b557;

    color:var(--gri-gold);

    background:#fffaf0;
}


/* ================================================================
   GRID
================================================================ */

.grinternational-grid{
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:18px;

    width:100%;
}

.grinternational-card{
    min-width:0;

    overflow:hidden;

    border:
        1px solid #e7e5e1;

    border-radius:12px;

    background:#fff;

    box-shadow:
        0 7px 22px
        rgba(0,35,54,.055);

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

.grinternational-card:hover{
    transform:translateY(-5px);

    border-color:
        rgba(216,148,12,.35);

    box-shadow:
        0 15px 35px
        rgba(0,35,54,.11);
}

.grinternational-card-image{
    position:relative;

    width:100%;

    aspect-ratio:1.65 / 1;

    overflow:hidden;

    background:#eee;
}

.grinternational-card-image img{
    width:100%;
    height:100%;

    object-fit:cover;

    transition:
        transform .6s ease;
}

.grinternational-card:hover
.grinternational-card-image img{
    transform:scale(1.055);
}

.grinternational-badge{
    position:absolute;

    top:10px;
    left:10px;

    max-width:
        calc(100% - 60px);

    padding:6px 11px;

    border-radius:20px;

    background:
        linear-gradient(
            135deg,
            #e8a319,
            #c77d05
        );

    color:#fff;

    font-size:10px;
    font-weight:700;

    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.grinternational-badge.grinternational-blue{
    background:#1684b7;
}

.grinternational-badge.grinternational-green{
    background:#568b27;
}

.grinternational-favourite{
    position:absolute;

    top:9px;
    right:9px;

    display:grid;

    place-items:center;

    width:30px;
    height:30px;

    padding:0;

    border:
        1px solid
        rgba(255,255,255,.8);

    border-radius:50%;

    background:
        rgba(0,0,0,.12);

    backdrop-filter:blur(4px);

    color:#fff;

    cursor:pointer;

    transition:.25s ease;
}

.grinternational-favourite:hover,
.grinternational-favourite.active{
    background:var(--gri-gold);

    border-color:var(--gri-gold);
}

.grinternational-card-body{
    padding:14px;
}

.grinternational-card-body h3{
    margin:0 0 6px;

    color:var(--gri-navy);

    font-size:15px;
    font-weight:800;

    line-height:1.3;
}

.grinternational-location{
    min-height:34px;

    margin:0 0 8px;

    color:#677781;

    font-size:10.5px;
    line-height:1.55;
}

.grinternational-duration{
    display:flex;

    align-items:center;

    gap:6px;

    margin-bottom:9px;

    color:#596b77;

    font-size:10.5px;
}

.grinternational-duration i{
    color:var(--gri-gold);
}

.grinternational-includes{
    display:flex;

    flex-wrap:wrap;

    gap:7px 11px;

    margin-bottom:11px;
}

.grinternational-includes span{
    display:inline-flex;

    align-items:center;

    gap:4px;

    color:#657681;

    font-size:9.5px;
}

.grinternational-includes i{
    color:var(--gri-gold);
}

.grinternational-price{
    display:flex;

    align-items:baseline;

    flex-wrap:wrap;

    gap:7px;

    margin-bottom:11px;
}

.grinternational-price strong{
    color:var(--gri-navy);

    font-size:18px;
    font-weight:800;
}

.grinternational-price small{
    color:#d28a0c;

    font-size:9px;
    font-style:italic;
}

.grinternational-details-btn{
    display:flex;

    align-items:center;
    justify-content:center;

    gap:8px;

    width:100%;

    min-height:38px;

    border:
        1px solid #dda33c;

    border-radius:6px;

    color:#bd7605;

    font-size:11px;
    font-weight:700;

    transition:.25s ease;
}

.grinternational-details-btn:hover,
.grinternational-dark-btn{
    background:var(--gri-navy);

    border-color:var(--gri-navy);

    color:#fff;
}


/* ================================================================
   LIST VIEW
================================================================ */

.grinternational-grid.grinternational-list-view{
    grid-template-columns:1fr;
}

.grinternational-grid.grinternational-list-view
.grinternational-card{
    display:grid;

    grid-template-columns:
        290px minmax(0,1fr);
}

.grinternational-grid.grinternational-list-view
.grinternational-card-image{
    height:100%;

    min-height:220px;

    aspect-ratio:auto;
}

.grinternational-grid.grinternational-list-view
.grinternational-card-body{
    display:flex;

    flex-direction:column;

    justify-content:center;

    padding:24px;
}

.grinternational-grid.grinternational-list-view
.grinternational-location{
    min-height:0;
}


/* ================================================================
   EMPTY
================================================================ */

.grinternational-empty{
    display:none;

    padding:60px 20px;

    text-align:center;

    border:1px solid #e7e4df;

    border-radius:12px;

    background:#fffaf3;
}

.grinternational-empty.show{
    display:block;
}

.grinternational-empty i{
    margin-bottom:12px;

    color:var(--gri-gold);

    font-size:35px;
}

.grinternational-empty h3{
    margin:0 0 7px;

    color:var(--gri-navy);
}

.grinternational-empty p{
    margin:0;

    color:#657681;
}


/* ================================================================
   PAGINATION
================================================================ */

.grinternational-pagination{
    display:flex;

    align-items:center;
    justify-content:center;

    gap:7px;

    margin-top:22px;
}

.grinternational-pagination button{
    display:grid;

    place-items:center;

    min-width:32px;
    height:32px;

    padding:0 8px;

    border:1px solid #e2dfda;

    border-radius:6px;

    background:#fff;

    color:#465965;

    cursor:pointer;

    font-size:11px;
}

.grinternational-pagination button.active{
    border-color:var(--gri-gold);

    background:var(--gri-gold);

    color:#fff;
}


/* ================================================================
   CTA
================================================================ */

.grinternational-cta{
    width:100%;

    padding:5px 0 0;
}

.grinternational-cta-box{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(390px,.72fr);

    overflow:hidden;

    border:1px solid #ede4d8;

    border-radius:13px;

    background:#fff8ef;
}

.grinternational-cta-left{
    display:flex;

    align-items:center;

    gap:20px;

    min-width:0;

    padding:22px 30px;
}

.grinternational-cta-left > i{
    color:var(--gri-navy);

    font-size:27px;

    transform:rotate(-18deg);
}

.grinternational-cta-left h2{
    margin:0 0 3px;

    color:var(--gri-navy);

    font-size:20px;
}

.grinternational-cta-left p{
    margin:0;

    color:#60727e;

    font-size:12px;
}

.grinternational-cta-right{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:20px;

    padding:18px 30px;

    background:
        linear-gradient(
            135deg,
            #06364e,
            #001f32
        );

    color:#fff;
}

.grinternational-cta-right span{
    display:block;

    margin-bottom:2px;

    color:#e2e8ec;

    font-size:11px;
}

.grinternational-cta-right div > a{
    color:#f1a717;

    font-size:25px;
    font-weight:800;

    white-space:nowrap;
}

.grinternational-call{
    display:grid;

    place-items:center;

    width:58px;
    height:58px;

    flex:0 0 58px;

    border-radius:50%;

    background:var(--gri-gold);

    color:#fff;

    font-size:22px;

    transition:.25s ease;
}

.grinternational-call:hover{
    transform:
        scale(1.07)
        rotate(-5deg);
}


/* ================================================================
   BENEFITS
================================================================ */

.grinternational-bottom-benefits{
    width:100%;

    padding:14px 0 24px;
}

.grinternational-benefits-grid{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:15px;
}

.grinternational-benefits-grid > div{
    display:flex;

    align-items:center;
    justify-content:center;

    gap:12px;

    min-width:0;
}

.grinternational-benefits-grid > div > i{
    display:grid;

    place-items:center;

    width:43px;
    height:43px;

    flex:0 0 43px;

    border:
        1px solid var(--gri-gold);

    border-radius:50%;

    color:var(--gri-gold);
}

.grinternational-benefits-grid strong,
.grinternational-benefits-grid small{
    display:block;
}

.grinternational-benefits-grid strong{
    margin-bottom:2px;

    color:var(--gri-navy);

    font-size:11px;
}

.grinternational-benefits-grid small{
    color:#6c7a83;

    font-size:9.5px;
}


/* ================================================================
   ANIMATION
================================================================ */

.grinternational-js-ready
.grinternational-reveal{
    opacity:0;

    transform:
        translateY(22px);

    transition:
        opacity .65s ease,
        transform .65s
        cubic-bezier(.2,.7,.2,1);
}

.grinternational-js-ready
.grinternational-reveal.grinternational-visible{
    opacity:1;

    transform:none;
}


/* ================================================================
   <= 1200
================================================================ */

@media(max-width:1200px){

    .grinternational-container{
        width:
            calc(100% - 36px);
    }

    .grinternational-hero-grid{
        grid-template-columns:
            minmax(0,.9fr)
            minmax(430px,1.1fr);

        gap:35px;
    }

    .grinternational-list-layout{
        grid-template-columns:
            230px
            minmax(0,1fr);

        gap:25px;
    }

    .grinternational-grid{
        gap:14px;
    }

}


/* ================================================================
   <= 1024
================================================================ */

@media(max-width:1024px){

    .grinternational-hero{
        padding-top:95px;
    }

    .grinternational-hero-grid{
        grid-template-columns:
            minmax(0,.9fr)
            minmax(380px,1.1fr);

        gap:28px;
    }

    .grinternational-hero-shape{
        height:300px;
    }

    .grinternational-trust-item{
        padding:15px;
    }

    .grinternational-list-layout{
        grid-template-columns:
            220px
            minmax(0,1fr);

        gap:20px;
    }

    .grinternational-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


/* ================================================================
   <= 900
================================================================ */

@media(max-width:900px){

    .grinternational-hero{
        padding:85px 0 30px;
    }

    .grinternational-hero-grid{
        grid-template-columns:1fr;

        gap:28px;
    }

    .grinternational-hero-content{
        text-align:center;
    }

    .grinternational-title-line{
        margin-left:auto;
        margin-right:auto;
    }

    .grinternational-hero-content p{
        margin-inline:auto;
    }

    .grinternational-hero-shape{
        height:auto;

        aspect-ratio:16/7.5;

        border-radius:28px;
    }

    .grinternational-flight-path,
    .grinternational-flight-icon{
        display:none;
    }

    .grinternational-trust-box{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .grinternational-trust-item:nth-child(2)::after{
        display:none;
    }

    .grinternational-trust-item:nth-child(-n+2){
        border-bottom:
            1px solid #e8e5df;
    }

    .grinternational-list-layout{
        grid-template-columns:1fr;
    }

    .grinternational-filter-group{
        display:inline-block;

        vertical-align:top;

        width:49.5%;
    }

    .grinternational-apply,
    .grinternational-reset{
        width:
            calc(50% - 28px);

        display:inline-flex;

        margin:
            17px 7px 18px 18px;
    }

    .grinternational-reset{
        margin-left:0;
    }

}


/* ================================================================
   <= 768
================================================================ */

@media(max-width:768px){

    .grinternational-container{
        width:
            calc(100% - 28px);
    }

    .grinternational-hero{
        padding-top:78px;
    }

    .grinternational-results-head{
        align-items:flex-start;

        flex-direction:column;
    }

    .grinternational-sort{
        width:100%;
    }

    .grinternational-sort select{
        flex:1;
    }

    .grinternational-cta-box{
        grid-template-columns:1fr;
    }

    .grinternational-benefits-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:20px;
    }

}


/* ================================================================
   <= 680
================================================================ */

@media(max-width:680px){

    .grinternational-container{
        width:
            calc(100% - 24px);
    }

    .grinternational-hero{
        padding:65px 0 25px;
    }

    .grinternational-breadcrumb{
        margin-bottom:22px;

        font-size:10.5px;
    }

    .grinternational-script{
        font-size:21px;
    }

    .grinternational-hero-content h1{
        font-size:
            clamp(31px,9vw,44px);

        letter-spacing:-1px;
    }

    .grinternational-hero-content p{
        font-size:13.5px;
    }

    .grinternational-hero-shape{
        aspect-ratio:4/3;

        border-radius:20px;
    }

    .grinternational-trust-box{
        grid-template-columns:1fr;
    }

    .grinternational-trust-item{
        padding:14px 16px;
    }

    .grinternational-trust-item::after{
        display:none !important;
    }

    .grinternational-trust-item:not(:last-child){
        border-bottom:
            1px solid #e8e5df;
    }

    .grinternational-filter-group{
        display:block;

        width:100%;
    }

    .grinternational-apply,
    .grinternational-reset{
        display:flex;

        width:
            calc(100% - 36px);

        margin:
            17px 18px 0;
    }

    .grinternational-reset{
        margin-top:9px;
        margin-bottom:18px;
    }

    .grinternational-grid{
        grid-template-columns:1fr;
    }

    .grinternational-card-image{
        aspect-ratio:16/9;
    }

    .grinternational-grid.grinternational-list-view
    .grinternational-card{
        display:block;
    }

    .grinternational-grid.grinternational-list-view
    .grinternational-card-image{
        min-height:0;

        aspect-ratio:16/9;
    }

    .grinternational-grid.grinternational-list-view
    .grinternational-card-body{
        padding:14px;
    }

    .grinternational-cta-left{
        padding:18px;
    }

    .grinternational-cta-right{
        padding:18px;
    }

    .grinternational-cta-right div > a{
        font-size:21px;

        white-space:normal;
    }

}


/* ================================================================
   <= 480
================================================================ */

@media(max-width:480px){

    .grinternational-container{
        width:
            calc(100% - 20px);
    }

    .grinternational-hero{
        padding-top:58px;
    }

    .grinternational-hero-content h1{
        font-size:29px;
    }

    .grinternational-results-head h2{
        font-size:18px;
    }

    .grinternational-sort{
        flex-wrap:wrap;
    }

    .grinternational-sort label{
        width:100%;
    }

    .grinternational-sort select{
        min-width:0;
    }

    .grinternational-benefits-grid{
        grid-template-columns:1fr;
    }

    .grinternational-benefits-grid > div{
        justify-content:flex-start;
    }

    .grinternational-cta-left{
        align-items:flex-start;
    }

    .grinternational-cta-left h2{
        font-size:17px;
    }

    .grinternational-cta-right{
        gap:10px;
    }

    .grinternational-cta-right div > a{
        font-size:18px;
    }

    .grinternational-call{
        width:50px;
        height:50px;

        flex-basis:50px;
    }

}


/* ================================================================
   <= 360
================================================================ */

@media(max-width:360px){

    .grinternational-container{
        width:
            calc(100% - 16px);
    }

    .grinternational-hero{
        padding-top:52px;
    }

    .grinternational-hero-content h1{
        font-size:26px;
    }

    .grinternational-sort select{
        width:100%;

        flex-basis:100%;
    }

}


/* ================================================================
   REDUCED MOTION
================================================================ */

@media(prefers-reduced-motion:reduce){

    .grinternational-page *,
    .grinternational-page *::before,
    .grinternational-page *::after{
        animation:none !important;
        transition:none !important;
        scroll-behavior:auto !important;
    }

    .grinternational-js-ready
    .grinternational-reveal{
        opacity:1 !important;
        transform:none !important;
    }

}



























/* =========================================================
   GOLDEN RICH HOTEL BOOKING PAGE
   PREFIX: grhb-
========================================================= */

.grhb-page{
    --grhb-navy:#00283d;
    --grhb-deep:#001b2d;
    --grhb-gold:#d99000;
    --grhb-gold2:#f2a000;
    --grhb-text:#0c2033;
    --grhb-muted:#63707c;
    --grhb-border:#e7e7e7;
    --grhb-bg:#fffdf9;

    /*
      REPLACE ONLY THIS URL WITH YOUR HERO IMAGE
    */
    --grhb-hero-image:url('https://goldenrichtravels.com/wp-content/uploads/2026/08/hotel-booking-banner.png');

    width:100%;
    min-width:0;
    overflow:hidden;
    background:#fff;
    color:var(--grhb-text);
    font-family:Arial,Helvetica,sans-serif;
}

.grhb-page *,
.grhb-page *::before,
.grhb-page *::after{
    box-sizing:border-box;
}

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

.grhb-page a{
    text-decoration:none;
}

.grhb-container{
    width:min(1380px,calc(100% - 48px));
    margin-inline:auto;
}


/* =========================================================
   HERO
========================================================= */

.grhb-hero{
    position:relative;
    isolation:isolate;
    width:100%;
    min-height:720px;

    /*
      Gives safe space below your GLOBAL HEADER.
      Adjust 90px only if your header height differs.
    */
    padding:110px 0 58px;

    display:flex;
    align-items:center;
    background:#001d31;
}

.grhb-hero-bg{
    position:absolute;
    inset:0;
    z-index:-3;

    background-image:var(--grhb-hero-image);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;

    transform:scale(1.002);
}

.grhb-hero-overlay{
    position:absolute;
    inset:0;
    z-index:-2;

    background:
        linear-gradient(
            90deg,
            rgba(0,25,43,.97) 0%,
            rgba(0,30,50,.91) 31%,
            rgba(0,29,49,.70) 52%,
            rgba(0,23,40,.30) 72%,
            rgba(0,20,35,.22) 100%
        );
}

.grhb-hero-container{
    display:grid;
    grid-template-columns:minmax(0,1.18fr) minmax(390px,.72fr);
    gap:clamp(40px,5vw,90px);
    align-items:center;
}


/* LEFT HERO */

.grhb-hero-copy{
    width:100%;
    max-width:720px;
    color:#fff;
}

.grhb-eyebrow{
    margin-bottom:13px;
    color:var(--grhb-gold2);
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(20px,1.7vw,28px);
    font-style:italic;
    line-height:1.3;
}

.grhb-hero-title{
    margin:0;
    color:#fff;
    font-size:clamp(50px,4.6vw,78px);
    font-weight:800;
    line-height:.98;
    letter-spacing:-2px;
}

.grhb-hero-title span{
    display:block;
    margin-top:12px;
    color:var(--grhb-gold2);
}

.grhb-title-line{
    display:flex;
    align-items:center;
    gap:10px;
    width:245px;
    margin:28px 0;
    color:var(--grhb-gold2);
}

.grhb-title-line span{
    height:2px;
    flex:1;
    background:var(--grhb-gold2);
}

.grhb-title-line i{
    font-size:17px;
}

.grhb-hero-description{
    max-width:630px;
    margin:0;
    color:rgba(255,255,255,.96);
    font-size:17px;
    line-height:1.75;
}

.grhb-hero-benefits{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    max-width:720px;
    margin-top:44px;
}

.grhb-hero-benefit{
    min-width:0;
    padding:0 20px;
    text-align:center;
    border-right:1px solid rgba(255,255,255,.22);
}

.grhb-hero-benefit:first-child{
    padding-left:0;
}

.grhb-hero-benefit:last-child{
    border-right:0;
}

.grhb-benefit-icon{
    min-height:42px;
    margin-bottom:10px;
    color:var(--grhb-gold2);
    font-size:32px;
}

.grhb-hero-benefit strong,
.grhb-hero-benefit span{
    display:block;
}

.grhb-hero-benefit strong{
    color:#fff;
    font-size:13px;
    line-height:1.35;
}

.grhb-hero-benefit span{
    margin-top:3px;
    color:#fff;
    font-size:12px;
}


/* =========================================================
   FORM
========================================================= */

.grhb-enquiry-card{
    position:relative;
    width:100%;
    max-width:480px;
    justify-self:end;

    padding:30px;

    background:rgba(255,255,255,.985);
    border:1px solid rgba(255,255,255,.75);
    border-radius:18px;

    box-shadow:
        0 25px 65px rgba(0,0,0,.22),
        0 3px 12px rgba(0,0,0,.07);
}

.grhb-form-heading{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:25px;
}

.grhb-form-heading-icon{
    color:var(--grhb-gold);
    font-size:29px;
}

.grhb-form-heading h2{
    margin:0;
    color:#102438;
    font-size:22px;
    font-weight:800;
    line-height:1.2;
}

.grhb-form-heading span{
    display:block;
    width:68px;
    height:2px;
    margin-top:10px;
    background:var(--grhb-gold);
}

.grhb-form{
    display:block;
}

.grhb-field{
    min-width:0;
    margin-bottom:15px;
}

.grhb-field label{
    display:block;
    margin-bottom:7px;
    color:#102438;
    font-size:12px;
    font-weight:700;
}

.grhb-field label b{
    color:#e03131;
}

.grhb-field label span{
    color:#7b8490;
    font-weight:400;
}

.grhb-form-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}

.grhb-input{
    position:relative;
    display:flex;
    align-items:center;
    min-width:0;
    height:48px;

    background:#fff;
    border:1px solid #d8dee4;
    border-radius:7px;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

.grhb-input:focus-within{
    border-color:var(--grhb-gold);
    box-shadow:0 0 0 3px rgba(217,144,0,.10);
}

.grhb-input > i{
    flex:0 0 auto;
    margin-left:14px;
    color:#5d7184;
    font-size:14px;
}

.grhb-input input{
    width:100%;
    min-width:0;
    height:100%;
    padding:0 13px;

    color:#172b3e;
    background:transparent;
    border:0;
    outline:0;

    font-family:inherit;
    font-size:13px;
}

.grhb-date input{
    padding:0 12px;
}

.grhb-phone-row{
    display:grid;
    grid-template-columns:91px minmax(0,1fr);
    gap:9px;
}

.grhb-country{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;

    height:48px;

    background:#fff;
    border:1px solid #d8dee4;
    border-radius:7px;

    color:#152b3e;
    font-size:12px;
}

.grhb-field textarea{
    display:block;
    width:100%;
    min-height:80px;
    max-height:150px;
    resize:vertical;

    padding:12px 14px;

    color:#172b3e;
    background:#fff;
    border:1px solid #d8dee4;
    border-radius:7px;
    outline:none;

    font-family:inherit;
    font-size:13px;
    line-height:1.5;
}

.grhb-field textarea:focus{
    border-color:var(--grhb-gold);
    box-shadow:0 0 0 3px rgba(217,144,0,.10);
}


/* Guests */

.grhb-guests-field{
    position:relative;
}

.grhb-guests-trigger{
    display:flex;
    align-items:center;
    justify-content:space-between;

    width:100%;
    min-height:48px;
    padding:0 14px;

    background:#fff;
    border:1px solid #d8dee4;
    border-radius:7px;
    cursor:pointer;

    color:#25394c;
}

.grhb-guests-trigger > span{
    display:flex;
    align-items:center;
    min-width:0;
    gap:10px;
}

.grhb-guests-trigger strong{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:13px;
    font-weight:400;
}

.grhb-guests-trigger i{
    color:#607487;
}

.grhb-guests-popup{
    position:absolute;
    z-index:30;
    top:calc(100% + 6px);
    left:0;

    display:none;

    width:100%;
    padding:15px;

    background:#fff;
    border:1px solid #e1e4e7;
    border-radius:10px;
    box-shadow:0 15px 35px rgba(0,25,45,.16);
}

.grhb-guests-popup.grhb-open{
    display:block;
}

.grhb-guest-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;

    padding:10px 0;
    border-bottom:1px solid #eee;
}

.grhb-guest-row strong,
.grhb-guest-row small{
    display:block;
}

.grhb-guest-row strong{
    color:#11293b;
    font-size:13px;
}

.grhb-guest-row small{
    margin-top:2px;
    color:#77828b;
    font-size:11px;
}

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

.grhb-counter button{
    width:30px;
    height:30px;

    padding:0;
    border:1px solid #ddd;
    border-radius:50%;
    background:#fff;

    color:#102b40;
    cursor:pointer;
    font-size:18px;
}

.grhb-counter span{
    min-width:18px;
    text-align:center;
    font-weight:700;
}

.grhb-guests-done{
    width:100%;
    margin-top:12px;
    padding:10px;

    color:#fff;
    background:var(--grhb-gold);
    border:0;
    border-radius:6px;

    cursor:pointer;
    font-weight:700;
}


/* Consent */

.grhb-consent{
    display:flex;
    align-items:flex-start;
    gap:8px;

    margin:2px 0 14px;

    color:#56616d;
    cursor:pointer;
    font-size:10.5px;
    line-height:1.5;
}

.grhb-consent input{
    flex:0 0 auto;
    margin-top:2px;
    accent-color:var(--grhb-gold);
}


/* Submit */

.grhb-submit{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    width:100%;
    min-height:50px;

    color:#fff;
    background:
        linear-gradient(135deg,#c98100,#f2a000);

    border:0;
    border-radius:7px;

    cursor:pointer;

    font-size:14px;
    font-weight:800;

    box-shadow:0 8px 20px rgba(217,144,0,.20);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.grhb-submit:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 26px rgba(217,144,0,.28);
}


/* =========================================================
   TRUST
========================================================= */

.grhb-trust-section{
    padding:42px 0 25px;
    background:#fff;
}

.grhb-trust-box{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));

    padding:19px 10px;

    background:#fff;
    border:1px solid #e9e9e9;
    border-radius:14px;

    box-shadow:0 9px 28px rgba(0,30,50,.07);
}

.grhb-trust-item{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:16px;

    min-width:0;
    padding:3px 30px;

    border-right:1px solid #e8e8e8;
}

.grhb-trust-item:last-child{
    border-right:0;
}

.grhb-trust-icon{
    display:grid;
    place-items:center;
    flex:0 0 52px;

    width:52px;
    height:52px;

    border:1px solid #d6dde2;
    border-radius:50%;

    color:#0a2940;
    font-size:19px;
}

.grhb-trust-item strong,
.grhb-trust-item span{
    display:block;
}

.grhb-trust-item strong{
    font-size:13px;
}

.grhb-trust-item span{
    margin-top:5px;
    color:#707982;
    font-size:11px;
}


/* =========================================================
   GENERAL SECTION
========================================================= */

.grhb-section{
    padding:48px 0;
}

.grhb-section-title{
    margin-bottom:26px;
    text-align:center;
}

.grhb-section-title h2{
    margin:0;
    color:#102438;
    font-size:25px;
    font-weight:800;
}

.grhb-section-title > span{
    display:block;
    width:38px;
    height:3px;

    margin:8px auto 0;

    background:var(--grhb-gold);
    border-radius:10px;
}


/* =========================================================
   SERVICES
========================================================= */

.grhb-services{
    background:#fff;
}

.grhb-service-grid{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:18px;
}

.grhb-service-card{
    min-width:0;
    min-height:205px;
    padding:22px 14px;

    text-align:center;

    background:#fff;
    border:1px solid #e9eaec;
    border-radius:11px;

    box-shadow:0 6px 22px rgba(0,30,50,.055);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.grhb-service-card:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 30px rgba(0,30,50,.10);
}

.grhb-service-icon{
    display:grid;
    place-items:center;

    width:60px;
    height:60px;
    margin:0 auto 17px;

    color:var(--grhb-gold2);
    background:var(--grhb-deep);
    border-radius:50%;

    font-size:23px;
}

.grhb-service-gold .grhb-service-icon{
    color:#fff;
    background:
        linear-gradient(135deg,#c87d00,#f0a000);
}

.grhb-service-card h3{
    margin:0 0 11px;
    font-size:13px;
}

.grhb-service-card p{
    margin:0;
    color:#5d6873;
    font-size:11.5px;
    line-height:1.7;
}


/* =========================================================
   WHY CHOOSE
========================================================= */

.grhb-why-section{
    padding:0 0 40px;
}

.grhb-why-box{
    display:grid;
    grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
    gap:35px;

    padding:20px;

    overflow:hidden;

    background:
        linear-gradient(135deg,#002b43,#001a2d);

    border-radius:13px;
}

.grhb-why-gallery{
    display:grid;
    grid-template-columns:1.55fr .85fr;
    gap:8px;

    min-height:270px;
}

.grhb-gallery-main,
.grhb-gallery-side{
    min-width:0;
}

.grhb-gallery-main img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:8px;
}

.grhb-gallery-side{
    display:grid;
    grid-template-rows:repeat(2,minmax(0,1fr));
    gap:8px;
}

.grhb-gallery-side img{
    width:100%;
    height:100%;
    min-height:0;
    object-fit:cover;
    border-radius:7px;
}

.grhb-why-content{
    align-self:center;
    color:#fff;
}

.grhb-script-title{
    color:var(--grhb-gold2);
    font-family:Georgia,"Times New Roman",serif;
    font-size:22px;
    font-style:italic;
}

.grhb-why-content h2{
    margin:5px 0 0;
    color:#fff;
    font-size:27px;
}

.grhb-small-line{
    width:42px;
    height:2px;
    margin:13px 0 23px;
    background:var(--grhb-gold);
}

.grhb-check-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:17px 30px;
}

.grhb-check-grid div{
    display:flex;
    align-items:center;
    gap:10px;

    color:#fff;
    font-size:13px;
}

.grhb-check-grid i{
    flex:0 0 auto;
    color:var(--grhb-gold2);
}


/* =========================================================
   DESTINATIONS
========================================================= */

.grhb-destinations{
    padding-top:10px;
}

.grhb-title-left{
    text-align:left;
}

.grhb-title-left > span{
    margin-left:0;
}

.grhb-destination-grid{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:17px;
}

.grhb-destination-card{
    position:relative;
    min-width:0;
    height:210px;

    overflow:hidden;
    border-radius:9px;

    background:#0c293d;
}

.grhb-destination-card::after{
    content:"";
    position:absolute;
    inset:35% 0 0;

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(0,20,35,.95)
        );
}

.grhb-destination-card img{
    width:100%;
    height:62%;
    object-fit:contain;

    transition:transform .4s ease;
}

.grhb-destination-card:hover img{
    transform:scale(1.06);
}

.grhb-destination-card > div{
    position:absolute;
    z-index:2;
    left:15px;
    right:15px;
    bottom:13px;

    color:#fff;
}

.grhb-destination-card strong,
.grhb-destination-card span{
    display:block;
}

.grhb-destination-card strong{
    font-size:16px;
}

.grhb-destination-card span{
    margin-top:4px;
    font-size:11px;
}

.grhb-destination-card i{
    margin-right:4px;
    color:var(--grhb-gold2);
}


/* =========================================================
   BOOKING STEPS
========================================================= */

.grhb-booking-section{
    padding:10px 0 35px;
}

.grhb-steps{
    display:grid;
    grid-template-columns:
        minmax(0,1fr) auto
        minmax(0,1fr) auto
        minmax(0,1fr) auto
        minmax(0,1fr);

    align-items:center;

    padding:22px 35px;

    background:#fffaf3;
    border-radius:12px;
}

.grhb-step{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:13px;
}

.grhb-step-icon{
    display:grid;
    place-items:center;
    flex:0 0 54px;

    width:54px;
    height:54px;

    background:#fff;
    border-radius:50%;

    color:#102a3e;
    font-size:20px;

    box-shadow:0 3px 15px rgba(0,0,0,.05);
}

.grhb-step strong,
.grhb-step span{
    display:block;
}

.grhb-step strong{
    font-size:12px;
}

.grhb-step span{
    max-width:110px;
    margin-top:3px;

    color:#67717a;
    font-size:10.5px;
    line-height:1.35;
}

.grhb-step-arrow{
    color:var(--grhb-gold);
    font-size:22px;
}


/* =========================================================
   CTA
========================================================= */

.grhb-cta-section{
    padding:0 0 40px;
}

.grhb-cta-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:17px;
}

.grhb-cta{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;

    min-height:90px;
    padding:15px 22px;

    border-radius:12px;
}

.grhb-cta > i{
    flex:0 0 auto;
    font-size:30px;
}

.grhb-cta strong,
.grhb-cta span,
.grhb-cta small{
    display:block;
}

.grhb-cta strong{
    color:#102438;
    font-size:13px;
}

.grhb-cta span{
    margin-bottom:4px;
    font-size:11px;
}

.grhb-cta small{
    margin-top:4px;
    color:#55616b;
    font-size:9px;
}

.grhb-cta-price{
    background:#fff3d9;
}

.grhb-cta-price > i{
    color:var(--grhb-gold);
}

.grhb-cta-help{
    background:#edf7ff;
}

.grhb-cta-help > i{
    color:#1472bd;
}

.grhb-cta-phone{
    color:#102438;
    background:#eef9e6;
}

.grhb-cta-phone > i{
    color:#31952c;
}

.grhb-cta-phone strong{
    font-size:19px;
}


/* =========================================================
   ANIMATION
========================================================= */

@keyframes grhbFadeUp{
    from{
        opacity:0;
        transform:translateY(22px);
    }
    to{
        opacity:1;
        transform:none;
    }
}

.grhb-hero-copy{
    animation:grhbFadeUp .7s ease both;
}

.grhb-enquiry-card{
    animation:grhbFadeUp .7s .12s ease both;
}


/* =========================================================
   LARGE LAPTOP
========================================================= */

@media (max-width:1280px){

    .grhb-container{
        width:min(1180px,calc(100% - 40px));
    }

    .grhb-hero{
        min-height:690px;
    }

    .grhb-hero-container{
        grid-template-columns:minmax(0,1.1fr) minmax(370px,.78fr);
        gap:45px;
    }

    .grhb-enquiry-card{
        max-width:450px;
        padding:25px;
    }

    .grhb-service-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .grhb-destination-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

}


/* =========================================================
   TABLET / SMALL LAPTOP
========================================================= */

@media (max-width:1024px){

    .grhb-hero{
        min-height:auto;
        padding:105px 0 50px;
    }

    .grhb-hero-container{
        grid-template-columns:minmax(0,1fr) 390px;
        gap:30px;
    }

    .grhb-hero-title{
        font-size:50px;
    }

    .grhb-hero-description{
        font-size:15px;
    }

    .grhb-hero-benefits{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:20px 0;
    }

    .grhb-hero-benefit:nth-child(2){
        border-right:0;
    }

    .grhb-enquiry-card{
        max-width:390px;
        padding:22px;
    }

    .grhb-form-heading h2{
        font-size:18px;
    }

    .grhb-why-box{
        grid-template-columns:1fr;
    }

    .grhb-why-gallery{
        min-height:330px;
    }

    .grhb-steps{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:25px;
    }

    .grhb-step-arrow{
        display:none;
    }

}


/* =========================================================
   MAIN MOBILE BREAKPOINT
========================================================= */

@media (max-width:820px){

    .grhb-container{
        width:calc(100% - 28px);
    }

    .grhb-hero{
        padding:105px 0 40px;
        align-items:flex-start;
    }

    .grhb-hero-bg{
        background-position:62% center;
    }

    .grhb-hero-overlay{
        background:
            linear-gradient(
                180deg,
                rgba(0,25,43,.92) 0%,
                rgba(0,25,43,.87) 48%,
                rgba(0,25,43,.95) 100%
            );
    }

    .grhb-hero-container{
        display:flex;
        flex-direction:column;
        gap:35px;
    }

    .grhb-hero-copy{
        max-width:650px;
    }

    .grhb-hero-title{
        font-size:clamp(42px,9vw,62px);
    }

    .grhb-enquiry-card{
        width:100%;
        max-width:650px;
        margin-inline:auto;
        justify-self:auto;
    }

    .grhb-trust-box{
        grid-template-columns:1fr;
        padding:5px 20px;
    }

    .grhb-trust-item{
        justify-content:flex-start;
        padding:17px 5px;
        border-right:0;
        border-bottom:1px solid #eee;
    }

    .grhb-trust-item:last-child{
        border-bottom:0;
    }

    .grhb-service-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .grhb-destination-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .grhb-cta-grid{
        grid-template-columns:1fr;
    }

}


/* =========================================================
   PHONE
========================================================= */

@media (max-width:576px){

    .grhb-container{
        width:calc(100% - 24px);
    }

    .grhb-hero{
        padding:95px 0 30px;
    }

    .grhb-eyebrow{
        font-size:18px;
    }

    .grhb-hero-title{
        font-size:clamp(38px,12vw,52px);
        line-height:1.02;
        letter-spacing:-1.3px;
    }

    .grhb-hero-title span{
        margin-top:6px;
    }

    .grhb-title-line{
        width:180px;
        margin:20px 0;
    }

    .grhb-hero-description{
        font-size:14px;
        line-height:1.65;
    }

    .grhb-hero-benefits{
        margin-top:30px;
        gap:22px 0;
    }

    .grhb-hero-benefit{
        padding:0 12px;
    }

    .grhb-benefit-icon{
        font-size:27px;
    }

    .grhb-hero-benefit strong{
        font-size:11px;
    }

    .grhb-hero-benefit span{
        font-size:10px;
    }

    .grhb-enquiry-card{
        padding:20px 16px;
        border-radius:14px;
    }

    .grhb-form-heading{
        gap:11px;
    }

    .grhb-form-heading-icon{
        font-size:23px;
    }

    .grhb-form-heading h2{
        font-size:17px;
    }

    .grhb-form-grid{
        grid-template-columns:1fr;
        gap:0;
    }

    .grhb-phone-row{
        grid-template-columns:82px minmax(0,1fr);
    }

    .grhb-section{
        padding:38px 0;
    }

    .grhb-section-title h2{
        font-size:21px;
    }

    .grhb-service-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
    }

    .grhb-service-card{
        min-height:190px;
        padding:18px 10px;
    }

    .grhb-service-icon{
        width:52px;
        height:52px;
        font-size:20px;
    }

    .grhb-service-card h3{
        font-size:12px;
    }

    .grhb-service-card p{
        font-size:10.5px;
    }

    .grhb-why-box{
        padding:12px;
        gap:22px;
    }

    .grhb-why-gallery{
        min-height:235px;
    }

    .grhb-why-content{
        padding:5px;
    }

    .grhb-why-content h2{
        font-size:22px;
    }

    .grhb-check-grid{
        grid-template-columns:1fr;
        gap:13px;
    }

    .grhb-destination-grid{
        gap:10px;
    }

    .grhb-destination-card{
        height:190px;
    }

    .grhb-destination-card > div{
        left:11px;
        right:11px;
        bottom:10px;
    }

    .grhb-destination-card strong{
        font-size:14px;
    }

    .grhb-steps{
        grid-template-columns:1fr;
        gap:10px;
        padding:14px;
    }

    .grhb-step{
        justify-content:flex-start;
        padding:10px;
        background:#fff;
        border-radius:9px;
    }

    .grhb-step span{
        max-width:none;
    }

    .grhb-cta{
        justify-content:flex-start;
    }

}


/* =========================================================
   VERY SMALL PHONES
========================================================= */

@media (max-width:390px){

    .grhb-container{
        width:calc(100% - 18px);
    }

    .grhb-hero-title{
        font-size:36px;
    }

    .grhb-hero-benefits{
        grid-template-columns:1fr 1fr;
    }

    .grhb-enquiry-card{
        padding:17px 12px;
    }

    .grhb-phone-row{
        grid-template-columns:75px minmax(0,1fr);
        gap:6px;
    }

    .grhb-country{
        font-size:10px;
    }

    .grhb-input input{
        padding:0 9px;
        font-size:12px;
    }

    .grhb-service-grid{
        grid-template-columns:1fr;
    }

    .grhb-service-card{
        min-height:auto;
    }

    .grhb-destination-grid{
        grid-template-columns:1fr;
    }

    .grhb-destination-card{
        height:220px;
    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion:reduce){

    .grhb-page *,
    .grhb-page *::before,
    .grhb-page *::after{
        scroll-behavior:auto !important;
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:.01ms !important;
    }

}

.grhb-hero-container{
    display:grid;
    grid-template-columns:minmax(0,1.18fr) minmax(390px,.72fr);
}

.grhb-enquiry-card{
    width:100%;
    max-width:480px;
    justify-self:end;
}

.grhb-hero-container{
    display:grid;
    grid-template-columns:minmax(0,1.18fr) minmax(390px,.72fr);
}

.grhb-enquiry-card{
    width:100%;
    max-width:480px;
    justify-self:end;
}


/* =========================================================
   HERO TITLE + UPTO 40% OFF OFFER
========================================================= */

.grhb-title-offer-row{
    display:flex;
    align-items:center;
    gap:34px;

    width:100%;
    max-width:720px;
}

.grhb-title-area{
    min-width:0;
    flex:1 1 auto;
}


/* OFFER CARD */

.grhb-offer-card{
    position:relative;

    flex:0 0 118px;

    width:118px;
    min-height:138px;

    padding:18px 12px 15px;

    overflow:hidden;

    text-align:center;

    color:#fff;

    background:
        linear-gradient(
            145deg,
            rgba(13,57,91,.96),
            rgba(4,35,61,.98)
        );

    border:1px solid rgba(255,255,255,.18);
    border-radius:11px;

    box-shadow:
        0 12px 28px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.08);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

.grhb-offer-card:hover{
    transform:translateY(-4px);

    box-shadow:
        0 17px 35px rgba(0,0,0,.30),
        inset 0 1px 0 rgba(255,255,255,.10);
}


/* subtle glow */

.grhb-offer-card::before{
    content:"";

    position:absolute;

    width:90px;
    height:90px;

    top:-55px;
    right:-45px;

    border-radius:50%;

    background:rgba(255,174,0,.14);

    pointer-events:none;
}


.grhb-offer-top{
    position:relative;
    z-index:2;

    margin-bottom:1px;

    color:#fff;

    font-size:10px;
    font-weight:600;
    line-height:1.2;

    letter-spacing:.3px;
}


.grhb-offer-value{
    position:relative;
    z-index:2;

    display:flex;
    align-items:flex-end;
    justify-content:center;
    gap:3px;

    white-space:nowrap;
}


.grhb-offer-value strong{
    display:block;

    color:#f3a000;

    font-size:34px;
    font-weight:900;
    line-height:1;

    letter-spacing:-1px;
}


.grhb-offer-value span{
    display:block;

    margin-bottom:4px;

    color:#f3a000;

    font-size:10px;
    font-weight:800;
    line-height:1;
}


.grhb-offer-text{
    position:relative;
    z-index:2;

    margin-top:8px;

    color:rgba(255,255,255,.96);

    font-size:9px;
    font-weight:500;
    line-height:1.3;

    white-space:nowrap;
}


.grhb-offer-line{
    position:relative;
    z-index:2;

    width:24px;
    height:2px;

    margin:8px auto 0;

    background:#f3a000;

    border-radius:10px;
}


/* =========================================================
   OFFER RESPONSIVE
========================================================= */

@media (max-width:1280px){

    .grhb-title-offer-row{
        gap:24px;
    }

    .grhb-offer-card{
        flex-basis:108px;
        width:108px;
        min-height:128px;
        padding:16px 9px 13px;
    }

    .grhb-offer-value strong{
        font-size:31px;
    }

}


@media (max-width:1024px){

    .grhb-title-offer-row{
        align-items:center;
        gap:18px;
    }

    .grhb-offer-card{
        flex-basis:96px;
        width:96px;
        min-height:116px;

        padding:13px 7px 11px;

        border-radius:9px;
    }

    .grhb-offer-value strong{
        font-size:27px;
    }

    .grhb-offer-value span{
        font-size:8px;
    }

    .grhb-offer-text{
        font-size:7.5px;
    }

}


/* TABLET */

@media (max-width:820px){

    .grhb-title-offer-row{
        max-width:620px;
        justify-content:flex-start;
    }

    .grhb-title-area{
        flex:0 1 auto;
    }

    .grhb-offer-card{
        flex:0 0 102px;

        width:102px;
        min-height:120px;
    }

}


/* MOBILE */

@media (max-width:576px){

    .grhb-title-offer-row{
        position:relative;

        display:grid;
        grid-template-columns:minmax(0,1fr) 86px;

        align-items:center;

        gap:10px;

        width:100%;
    }

    .grhb-title-area{
        width:100%;
        min-width:0;
    }

    .grhb-offer-card{
        align-self:center;

        width:86px;
        min-width:86px;
        min-height:101px;

        padding:11px 5px 9px;

        border-radius:8px;
    }

    .grhb-offer-top{
        font-size:8px;
    }

    .grhb-offer-value{
        gap:2px;
    }

    .grhb-offer-value strong{
        font-size:24px;
    }

    .grhb-offer-value span{
        margin-bottom:3px;
        font-size:7px;
    }

    .grhb-offer-text{
        margin-top:6px;

        font-size:6.8px;

        white-space:normal;
    }

    .grhb-offer-line{
        width:20px;
        margin-top:6px;
    }

}


/* VERY SMALL MOBILE */

@media (max-width:390px){

    .grhb-title-offer-row{
        grid-template-columns:minmax(0,1fr) 76px;
        gap:7px;
    }

    .grhb-offer-card{
        width:76px;
        min-width:76px;
        min-height:94px;

        padding:9px 4px 7px;
    }

    .grhb-offer-value strong{
        font-size:21px;
    }

    .grhb-offer-text{
        font-size:6px;
    }

}