.elementor-491 .elementor-element.elementor-element-1b6b898{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-491 .elementor-element.elementor-element-1b6b898.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-491 .elementor-element.elementor-element-5d3a187{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-491 .elementor-element.elementor-element-dd700eb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-491 .elementor-element.elementor-element-1b6b898{--width:120.322%;}}/* Start custom CSS for html, class: .elementor-element-5d3a187 *//* =====================================================
GCB HERO + STRAP — ALIGN LOCK (match header + about)
Scope: #gcb-home only
===================================================== */

/* 1) Section base */
#gcb-home.gcb-hero-strap{
  position: relative;
  overflow: hidden;
}

/* 2) HERO background image + overlay (Boss tukar URL di sini) */
#gcb-home.gcb-hero-strap::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    /* premium dark overlay */
    radial-gradient(80% 60% at 30% 35%, rgba(255,255,255,.10) 0%, rgba(7,18,33,0) 60%),
    linear-gradient(90deg, rgba(7,18,33,.92) 0%, rgba(7,18,33,.78) 45%, rgba(7,18,33,.50) 70%, rgba(7,18,33,.25) 100%),
    url("https://gc-travel.com.my/wp-content/uploads/2026/02/ross-parmly-rf6ywHVkrlY-unsplash-scaled.jpg");
  background-size: cover;
  background-position: center right;
  opacity: 1;
  z-index: 0;
}

/* 3) HERO inner layout */
#gcb-home .gcb-hero-inner{
  position: relative;
  z-index: 1;
  padding: 110px 0 64px;   /* top space under header + breathing */
}

/* 4) Container system – SAME as header/about */
#gcb-home .gcb-container{
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}

/* 5) Text block — force LEFT align + fixed max width */
#gcb-home .gcb-text{
  max-width: 720px;
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: left !important;
}

/* 6) Kicker alignment */
#gcb-home .gcb-kicker{
  display: inline-block;
  margin: 0 0 14px;
  letter-spacing: 3px;
  text-transform: uppercase;
}

/* 7) Title + desc spacing */
#gcb-home .gcb-title{
  margin: 0 0 18px;
}
#gcb-home .gcb-desc{
  margin: 0 0 28px;
  max-width: 560px;
}

/* 8) Buttons — align left, consistent gap */
#gcb-home .gcb-hero-actions{
  display: flex;
  gap: 14px;
  align-items: center;
  justify-content: flex-start !important;
  flex-wrap: wrap;
}

/* =====================================================
STRAP (MARQUEE) — spacing away from buttons
===================================================== */
#gcb-home .gcb-hero-strap-bar{
  position: relative;
  z-index: 1;
  margin-top: 44px;                 /* ✅ jarak dari CTA button */
  border-top: 1px solid rgba(255,255,255,.08);
  background: rgba(7,18,33,.40);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Marquee shell */
#gcb-home .gcb-marquee{
  overflow: hidden;
  padding: 14px 0;
}

/* Track animation */
#gcb-home .gcb-marquee-track{
  display: flex;
  width: max-content;
  animation: gcb-marquee 26s linear infinite;
}

/* Text style */
#gcb-home .gcb-marquee-item{
  color: rgba(197,160,89,.92);
  font-weight: 900;
  letter-spacing: 2.6px;
  text-transform: uppercase;
  font-size: 11px;
  white-space: nowrap;
  padding-right: 46px;
}

/* Smooth loop */
@keyframes gcb-marquee{
  from{ transform: translateX(0); }
  to{ transform: translateX(-50%); }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  #gcb-home .gcb-marquee-track{ animation: none; }
}

/* =====================================================
RESPONSIVE
===================================================== */
@media (max-width: 1024px){
  #gcb-home .gcb-hero-inner{
    padding: 96px 0 56px;
  }
  #gcb-home.gcb-hero-strap::before{
    background-position: 75% center; /* keep wing visible on tablet */
  }
}

@media (max-width: 600px){
  #gcb-home .gcb-container{
    padding: 0 20px !important;
  }

  #gcb-home .gcb-hero-inner{
    padding: 88px 0 48px;
  }

  #gcb-home .gcb-title{
    font-size: clamp(34px, 9vw, 46px);
  }

  #gcb-home .gcb-hero-actions{
    gap: 12px;
  }

  #gcb-home .gcb-btn{
    width: auto;
  }

  #gcb-home .gcb-hero-strap-bar{
    margin-top: 36px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dd700eb *//* =========================
GCB – ABOUT (gcb-about)
Paste in About HTML widget only
========================= */

/* image block (CSS-only image) */
#gcb #gcb-about .gcb-img{
  border-radius:var(--gcb-radius);
  min-height:640px;
  background-size:cover;
  background-position:center;
  box-shadow:0 22px 70px rgba(0,0,0,.35);
  position:relative;
  overflow:hidden;
}
#gcb #gcb-about .gcb-img::after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.55));
}
#gcb #gcb-about .gcb-about-img{
  background-image:url("https://images.unsplash.com/photo-1521737604893-d14cc237f11d?auto=format&fit=crop&w=1800&q=80");
}

/* quote */
#gcb #gcb-about .gcb-quote{
  display:flex;
  gap:16px;
  margin:28px 0;
}
#gcb #gcb-about .gcb-quote-bar{
  width:3px;
  background:var(--gcb-gold);
  border-radius:99px;
}
#gcb #gcb-about .gcb-quote p{ color:rgba(255,255,255,.78); }

/* VM */
#gcb #gcb-about .gcb-vm{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-top:18px;
}
#gcb #gcb-about .gcb-vm-card{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  border-radius:var(--gcb-radius);
  padding:18px 18px;
}
#gcb #gcb-about .gcb-vm-k{
  color:var(--gcb-gold);
  font-weight:900;
  font-size:11px;
  letter-spacing:2px;
  margin-bottom:8px;
  display:block;
}
#gcb #gcb-about .gcb-vm-card p{ color:rgba(255,255,255,.72); }

/* Counters */
#gcb #gcb-about .gcb-counters{
  margin-top:52px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
#gcb #gcb-about .gcb-counters > div{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.09);
  border-radius:var(--gcb-radius);
  padding:18px 14px;
  text-align:left;
}
#gcb #gcb-about .gcb-cnt-num{
  display:block;
  font-size:44px;
  font-weight:900;
  letter-spacing:-.5px;
  line-height:1.05;
  color:#fff;
}
#gcb #gcb-about .gcb-cnt-lbl{
  display:block;
  margin-top:8px;
  font-size:11px;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:rgba(255,255,255,.65);
}

@media (max-width:900px){
  #gcb #gcb-about .gcb-img{ min-height:360px; }
  #gcb #gcb-about .gcb-vm{ grid-template-columns:1fr; }
}
@media (max-width:600px){
  /* mobile 2 x 2 */
  #gcb #gcb-about .gcb-counters{ grid-template-columns:repeat(2,1fr); }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-775c952 *//* =========================
GCB – SERVICES (gcb-services)
Paste in Services HTML widget only
========================= */

/* spacing (replace inline 40px later if you want) */
#gcb #gcb-services .gcb-cards{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:22px;
  margin-top:40px;
}

/* card = navy glass */
#gcb #gcb-services .gcb-card{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  color: #fff;
  border-radius: var(--gcb-radius);
  overflow: hidden;
  box-shadow: 0 18px 60px rgba(0,0,0,.28);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
#gcb #gcb-services .gcb-card-media{
  height:240px;
  background-size:cover;
  background-position:center;
}
#gcb #gcb-services .gcb-card-body{ padding:24px; }
#gcb #gcb-services .gcb-card-body p{ color:rgba(255,255,255,.72); }

#gcb #gcb-services .gcb-card-link{
  display:inline-block;
  margin-top:14px;
  font-weight:900;
  letter-spacing:1px;
  color:rgba(255,255,255,.86);
}
#gcb #gcb-services .gcb-card-link:hover{ color:var(--gcb-gold-hover); }

@media (hover:hover){
  #gcb #gcb-services .gcb-card:hover{
    transform: translateY(-6px);
    border-color: rgba(197,160,89,.45);
    box-shadow: 0 22px 70px rgba(0,0,0,.40);
  }
}
@media (max-width:900px){
  #gcb #gcb-services .gcb-cards{ grid-template-columns:1fr; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c497379 *//* =========================
GCB – OPERATIONS (gcb-operations)
Paste in Operations HTML widget only
========================= */

#gcb #gcb-operations .gcb-ops-box{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  border-radius:var(--gcb-radius);
  padding:26px 26px;
  box-shadow:0 18px 60px rgba(0,0,0,.28);
}

#gcb #gcb-operations .gcb-ops{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:14px;
}
#gcb #gcb-operations .gcb-ops li{
  display:flex;
  gap:12px;
  align-items:flex-start;
  color:rgba(255,255,255,.80);
  line-height:1.6;
}
#gcb #gcb-operations .gcb-ops i{
  color:var(--gcb-gold);
  margin-top:2px;
  min-width:18px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8f56dec *//* =========================
GCB – EXPERIENCE (gcb-experience)
Paste in Experience HTML widget only
========================= */

#gcb #gcb-experience .gcb-mini-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:28px;
}
#gcb #gcb-experience .gcb-mini{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:14px 14px;
  border-radius:14px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.82);
}
#gcb #gcb-experience .gcb-mini-ic{
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:rgba(197,160,89,.14);
  border:1px solid rgba(197,160,89,.35);
  color:var(--gcb-gold);
  flex:0 0 auto;
}

#gcb #gcb-experience .gcb-img{
  border-radius:var(--gcb-radius);
  min-height:680px;
  background-size:cover;
  background-position:center;
  box-shadow:0 22px 70px rgba(0,0,0,.35);
  position:relative;
  overflow:hidden;
}
#gcb #gcb-experience .gcb-img::after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.55));
}
#gcb #gcb-experience .gcb-exp-img{
  background-image:url("https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1800&q=80");
}

@media (max-width:900px){
  #gcb #gcb-experience .gcb-mini-grid{ grid-template-columns:1fr; }
  #gcb #gcb-experience .gcb-img{ min-height:360px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3f00440 *//* =====================================================
GCB – PARTNERS (WHITE GLASS EXECUTIVE)
===================================================== */

#gcb-partners .gcb-partner-strip{
  margin-top: 48px;
  overflow: hidden;
}

#gcb-partners .gcb-partner-track{
  display: flex;
  align-items: center;
  gap: 26px;
  width: max-content;
  padding: 20px 8px;
  animation: gcbPartnerMarquee 28s linear infinite;
}

/* === CHIP – WHITE GLASS === */
#gcb-partners .gcb-partner-chip{
  flex: 0 0 auto;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 240px;
  height: 140px;

  border-radius: 22px;

  /* 🔑 almost-white glass */
  background: linear-gradient(
    180deg,
    rgba(255,255,255,.92),
    rgba(245,248,252,.88)
  );

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

  box-shadow:
    0 18px 44px rgba(0,0,0,.30),
    inset 0 0 0 1px rgba(255,255,255,.85);

  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);

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

/* LOGO – clean & dominant */
#gcb-partners .gcb-partner-chip img{
  height: 92px;
  max-width: 180px;
  width: auto;
  object-fit: contain;

  /* minimum correction only */
  filter: contrast(1.05);
}

/* Hover – subtle executive lift */
@media (hover:hover){
  #gcb-partners .gcb-partner-chip:hover{
    transform: translateY(-4px);
    background: linear-gradient(
      180deg,
      #ffffff,
      #f5f7fb
    );
    box-shadow:
      0 26px 60px rgba(0,0,0,.38),
      inset 0 0 0 1px rgba(197,160,89,.55);
  }
}

/* =====================
   RESPONSIVE
===================== */

@media (max-width:1024px){
  #gcb-partners .gcb-partner-chip{
    width: 200px;
    height: 120px;
  }
  #gcb-partners .gcb-partner-chip img{
    height: 72px;
    max-width: 150px;
  }
}

@media (max-width:768px){
  #gcb-partners .gcb-partner-track{
    gap: 18px;
    animation-duration: 34s;
  }

  #gcb-partners .gcb-partner-chip{
    width: 160px;
    height: 100px;
    border-radius: 16px;
  }

  #gcb-partners .gcb-partner-chip img{
    height: 54px;
    max-width: 120px;
  }
}

@media (prefers-reduced-motion: reduce){
  #gcb-partners .gcb-partner-track{
    animation: none;
  }
}

@keyframes gcbPartnerMarquee{
  from{ transform: translateX(0); }
  to{ transform: translateX(-50%); }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-04a1db4 *//* =========================
GCB – CTA (gcb-cta)
Paste in CTA HTML widget only
========================= */

#gcb #gcb-cta .gcb-cta-wrap{
  max-width:820px;
  margin:0 auto;
  text-align:center;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  border-radius:var(--gcb-radius);
  padding:44px 28px;
  box-shadow:0 18px 60px rgba(0,0,0,.28);
}
#gcb #gcb-cta .gcb-desc{ margin-left:auto; margin-right:auto; }

#gcb #gcb-cta .gcb-cta-actions{
  margin-top:26px;
  display:flex;
  justify-content:center;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5a4336c *//* =========================
GCB – WHY (gcb-why)
Paste in Why HTML widget only
========================= */

#gcb #gcb-why .gcb-why-grid{
  margin-top:46px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
#gcb #gcb-why .gcb-why-item{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  border-radius:var(--gcb-radius);
  padding:22px 20px;
  box-shadow:0 14px 46px rgba(0,0,0,.20);
}
#gcb #gcb-why .gcb-why-item i{
  color:var(--gcb-gold);
  font-size:20px;
}
#gcb #gcb-why .gcb-why-item h4{
  margin:12px 0 8px;
  font-size:15px;
  letter-spacing:.2px;
}
#gcb #gcb-why .gcb-why-item p{
  color:rgba(255,255,255,.72);
  line-height:1.7;
}

@media (hover:hover){
  #gcb #gcb-why .gcb-why-item:hover{
    border-color:rgba(197,160,89,.40);
    transform:translateY(-4px);
    transition:transform .25s ease, border-color .25s ease;
  }
}
@media (max-width:900px){
  #gcb #gcb-why .gcb-why-grid{ grid-template-columns:1fr; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eb3ad0e *//* =========================
GCB – CONTACT (gcb-contact)
Paste in Contact HTML widget only
========================= */

#gcb #gcb-contact.gcb-contact{
  padding:100px 0; /* align with section rhythm */
}
#gcb #gcb-contact .gcb-contact-grid{
  max-width:var(--gcb-container);
  margin:0 auto;
  padding:0 var(--gcb-side);
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  border-radius:var(--gcb-radius);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 22px 70px rgba(0,0,0,.35);
}

/* left panel image */
#gcb #gcb-contact .gcb-contact-left{
  min-height:680px;
  background:
    linear-gradient(180deg, rgba(7,18,33,.35), rgba(7,18,33,.85)),
    url("https://images.unsplash.com/photo-1505761671935-60b3a7427bad?auto=format&fit=crop&w=1800&q=80");
  background-size:cover;
  background-position:center;
  position:relative;
}
#gcb #gcb-contact .gcb-contact-overlay{
  position:absolute; inset:0;
  display:flex;
  align-items:flex-end;
  padding:34px;
}
#gcb #gcb-contact .gcb-wa-kicker{
  margin-top:18px;
  font-size:11px;
  letter-spacing:2px;
  font-weight:900;
  color:rgba(255,255,255,.72);
}
#gcb #gcb-contact .gcb-wa-link{
  display:inline-block;
  margin-top:8px;
  font-size:18px;
  font-weight:900;
  color:#fff;
}
#gcb #gcb-contact .gcb-wa-link:hover{ color:var(--gcb-gold-hover); }

/* right form */
#gcb #gcb-contact .gcb-contact-right{
  background:rgba(255,255,255,.04);
  padding:34px;
}
#gcb #gcb-contact .gcb-form{
  display:grid;
  gap:14px;
}
#gcb #gcb-contact .gcb-form-label{
  display:block;
  font-size:12px;
  font-weight:900;
  letter-spacing:1px;
  text-transform:uppercase;
  color:rgba(255,255,255,.72);
  margin-bottom:8px;
}
#gcb #gcb-contact .gcb-form-input{
  width:100%;
  padding:14px 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(7,18,33,.55);
  color:#fff;
  outline:none;
}
#gcb #gcb-contact .gcb-form-input:focus{
  border-color:rgba(197,160,89,.55);
  box-shadow:0 0 0 4px rgba(197,160,89,.14);
}
#gcb #gcb-contact .gcb-form-textarea{ resize:vertical; }

#gcb #gcb-contact .gcb-btn-block{
  width:100%;
  justify-content:center;
  padding:16px 22px;
}
#gcb #gcb-contact .gcb-form-note{
  margin-top:6px;
  font-size:12px;
  color:rgba(255,255,255,.60);
  line-height:1.6;
}

@media (max-width:900px){
  #gcb #gcb-contact .gcb-contact-grid{
    grid-template-columns:1fr;
  }
  #gcb #gcb-contact .gcb-contact-left{ min-height:360px; }
  #gcb #gcb-contact .gcb-contact-overlay{ align-items:flex-end; padding:22px; }
  #gcb #gcb-contact .gcb-contact-right{ padding:22px; }
}/* End custom CSS */