/* =====================================================
   GROWTHCRAFT360 — COMPLETE CUSTOM CSS
   Covers: Header, Footer, All Pages, All gc- classes
   ===================================================== */

/* ---- ROOT VARS ---- */
:root {
  --gc-green:       #113023;
  --gc-green2:      #1a4a36;
  --gc-accent:      #22c55e;
  --gc-accent2:     #4ade80;
  --gc-white:       #ffffff;
  --gc-text:        #585B6F;
  --gc-bg:          #f5f6f7;
  --gc-bg2:         #f0faf4;
  --gc-border:      rgba(17,48,35,0.10);
  --gc-shadow:      0 4px 24px rgba(17,48,35,0.10);
  --gc-radius:      14px;
  --gc-radius-sm:   8px;
}

/* =====================================================
   HEADER
   ===================================================== */
.gc-header { position:relative; width:100%; z-index:999; }

.gc-navbar { background:#fff; padding:0; transition:background .3s,box-shadow .3s; }
.gc-navbar.sticky {
  position:fixed; top:0; left:0; right:0; z-index:9999;
  background:#fff; box-shadow:0 2px 20px rgba(0,0,0,.10);
  animation:.3s ease headerSlideDown forwards;
}
@keyframes headerSlideDown {
  from { transform:translateY(-100%); opacity:0; }
  to   { transform:translateY(0); opacity:1; }
}
.gc-navbar .row { align-items:center; min-height:72px; }
@media(max-width:767px){ .gc-navbar .row { min-height:60px; } }

/* Logo */
.gc-logo a { display:inline-block; }
.gc-logo img { max-height:55px; width:auto; display:block; }
@media(max-width:767px){ .gc-logo img { max-height:40px; } }

/* Desktop Nav */
.gc-desktop-nav ul { list-style:none; padding:0; margin:0; }
.gc-desktop-nav ul li { position:relative; display:inline-block; }
.gc-desktop-nav ul li a {
  display:inline-block; padding:26px 15px; font-size:15px; font-weight:600;
  color:var(--gc-green); text-decoration:none; transition:color .25s; white-space:nowrap;
}
.gc-desktop-nav ul li a:hover { color:var(--gc-accent); }
@media(min-width:992px) and (max-width:1199px){
  .gc-desktop-nav ul li a { padding:26px 10px; font-size:14px; }
}

/* Services Dropdown */
.gc-has-sub { position:relative; }
.gc-services-dropdown {
  display:none; position:absolute; top:100%; left:50%; transform:translateX(-50%);
  background:#fff; border-top:3px solid var(--gc-accent);
  border-radius:0 0 10px 10px; box-shadow:0 12px 40px rgba(0,0,0,.13);
  list-style:none; padding:10px 0; margin:0; min-width:240px; z-index:9999;
}
.gc-has-sub:hover .gc-services-dropdown { display:block; }
.gc-services-dropdown li a {
  display:flex; align-items:center; gap:10px; padding:11px 22px;
  font-size:14px; font-weight:500; color:var(--gc-green); text-decoration:none;
  transition:background .2s,color .2s,padding-left .2s; white-space:nowrap;
}
.gc-services-dropdown li a:hover { background:var(--gc-bg); color:var(--gc-accent); padding-left:28px; }
.gc-services-dropdown li a i { width:18px; text-align:center; color:var(--gc-accent); font-size:13px; }
.gc-drop-arrow { font-size:11px; margin-left:4px; transition:transform .2s; }
.gc-has-sub:hover .gc-drop-arrow { transform:rotate(180deg); }

/* Nav CTA */
.gc-navbar .tv-btn-primary { padding:12px 24px; font-size:14px; font-weight:700; }

/* Hamburger */
.gc-hamburger {
  display:flex; flex-direction:column; justify-content:center; align-items:center;
  gap:5px; width:44px; height:44px; background:transparent;
  border:2px solid var(--gc-green); border-radius:8px; cursor:pointer; padding:0; transition:background .2s;
}
.gc-hamburger span { display:block; width:22px; height:2px; background:var(--gc-green); border-radius:2px; transition:all .3s; }
.gc-hamburger.active span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.gc-hamburger.active span:nth-child(2) { opacity:0; }
.gc-hamburger.active span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
.gc-hamburger:hover { background:var(--gc-bg); }

/* Offcanvas */
.gc-offcanvas {
  position:fixed; top:0; right:-320px; width:300px; max-width:90vw; height:100vh;
  background:#fff; z-index:99999; transition:right .35s cubic-bezier(.4,0,.2,1);
  overflow-y:auto; box-shadow:-5px 0 30px rgba(0,0,0,.18);
}
.gc-offcanvas.open { right:0; }
.gc-offcanvas-inner { padding:24px 22px 40px; }
.gc-offcanvas-header {
  display:flex; align-items:center; justify-content:space-between;
  margin-bottom:18px; padding-bottom:18px; border-bottom:1px solid #eee;
}
.gc-offcanvas-logo { max-height:40px; width:auto; }
.gc-close-btn {
  width:36px; height:36px; border-radius:50%; border:2px solid var(--gc-green);
  background:transparent; cursor:pointer; display:flex; align-items:center;
  justify-content:center; font-size:16px; color:var(--gc-green); transition:background .2s,color .2s; padding:0;
}
.gc-close-btn:hover { background:var(--gc-green); color:#fff; }
.gc-offcanvas-desc p { font-size:13.5px; color:var(--gc-text); line-height:1.6; margin-bottom:20px; }
.gc-mobile-nav ul { list-style:none; padding:0; margin:0 0 24px; }
.gc-mobile-nav ul li { border-bottom:1px solid #f0f0f0; position:relative; }
.gc-mobile-nav ul li a { display:block; padding:13px 4px; font-size:15px; font-weight:600; color:var(--gc-green); text-decoration:none; transition:color .2s; }
.gc-mobile-nav ul li a:hover { color:var(--gc-accent); }
.gc-mobile-sub-toggle {
  position:absolute; right:0; top:8px; background:var(--gc-bg); border:none;
  border-radius:50%; width:34px; height:34px; display:flex; align-items:center;
  justify-content:center; cursor:pointer; color:var(--gc-green); transition:background .2s,transform .3s; font-size:13px;
}
.gc-mobile-sub-toggle.open { transform:rotate(180deg); background:var(--gc-accent); color:#fff; }
.gc-mobile-submenu { display:none; list-style:none; padding:4px 0 8px 14px; margin:0; background:var(--gc-bg); border-radius:8px; margin-bottom:6px; }
.gc-mobile-submenu.open { display:block; }
.gc-mobile-submenu li a { padding:10px 12px; font-size:14px; font-weight:500; border-bottom:none; }
.gc-mobile-submenu li a i { margin-right:8px; color:var(--gc-accent); width:16px; }
.gc-offcanvas-contact { margin-bottom:20px; }
.gc-contact-item { display:flex; align-items:center; gap:10px; padding:8px 0; font-size:14px; color:var(--gc-text); }
.gc-contact-item i { color:var(--gc-accent); width:18px; text-align:center; }
.gc-contact-item a { color:var(--gc-green); text-decoration:none; font-weight:500; font-size:14px; transition:color .2s; }
.gc-contact-item a:hover { color:var(--gc-accent); }
.gc-offcanvas-social { display:flex; gap:10px; }
.gc-offcanvas-social a {
  width:36px; height:36px; border-radius:50%; border:1.5px solid var(--gc-green);
  display:flex; align-items:center; justify-content:center; color:var(--gc-green);
  font-size:14px; text-decoration:none; transition:background .2s,color .2s,border-color .2s;
}
.gc-offcanvas-social a:hover { background:var(--gc-accent); border-color:var(--gc-accent); color:#fff; }
.gc-backdrop { display:none; position:fixed; inset:0; background:rgba(0,0,0,.5); z-index:99998; }
.gc-backdrop.show { display:block; }

/* Scroll Top */
.scroll-top {
  position:fixed; right:24px; bottom:80px; width:44px; height:44px;
  background:var(--gc-green); color:#fff; border:none; border-radius:50%;
  cursor:pointer; display:none; align-items:center; justify-content:center;
  font-size:18px; z-index:9997; box-shadow:0 4px 14px rgba(0,0,0,.18); transition:background .2s,transform .2s;
}
.scroll-top:hover { background:var(--gc-accent); transform:translateY(-3px); }
.scroll-top.open { display:flex; }

/* =====================================================
   FOOTER LINK FIXES
   ===================================================== */
.tv-footer-widget-menu ul { list-style:none; padding:0; margin:0; }
.tv-footer-widget-menu ul li { margin-bottom:8px; }
.tv-footer-widget-menu ul li a { color:rgba(255,255,255,.75); text-decoration:none; font-size:14px; transition:color .2s; }
.tv-footer-widget-menu ul li a:hover { color:var(--gc-accent); }

/* =====================================================
   SHARED SECTION UTILITIES
   ===================================================== */
.gc-section-label {
  display:inline-block; background:rgba(34,197,94,.12); color:var(--gc-accent);
  font-size:12px; font-weight:700; letter-spacing:2px; text-transform:uppercase;
  padding:7px 18px; border-radius:50px; margin-bottom:14px;
}
.section-badge {
  display:inline-block; background:rgba(17,48,35,.08); color:var(--gc-green);
  font-size:12px; font-weight:700; letter-spacing:2px; text-transform:uppercase;
  padding:7px 18px; border-radius:50px; margin-bottom:14px;
}
.gc-section-badge {
  display:inline-block; background:rgba(34,197,94,.12); color:var(--gc-accent);
  font-size:12px; font-weight:700; letter-spacing:2px; text-transform:uppercase;
  padding:7px 18px; border-radius:50px; margin-bottom:14px;
}
.gc-section-title { font-size:34px; font-weight:800; color:var(--gc-green); line-height:1.25; }
.gc-section-title span { color:var(--gc-accent); }
.gc-section-head { margin-bottom:50px; }
.gc-section-desc { font-size:16px; color:var(--gc-text); line-height:1.8; max-width:640px; }

/* CTA Buttons */
.gc-btn-green {
  display:inline-flex; align-items:center; gap:8px; padding:14px 28px;
  background:var(--gc-accent); color:#fff; border-radius:8px; font-weight:700;
  font-size:15px; text-decoration:none; transition:background .25s,transform .2s,box-shadow .2s;
  box-shadow:0 4px 16px rgba(34,197,94,.3);
}
.gc-btn-green:hover { background:#16a34a; color:#fff; transform:translateY(-2px); box-shadow:0 8px 24px rgba(34,197,94,.35); }
.gc-btn-green i { font-size:14px; }

.gc-btn-outline-white {
  display:inline-flex; align-items:center; gap:8px; padding:14px 28px;
  background:transparent; color:var(--gc-green); border:2px solid var(--gc-green);
  border-radius:8px; font-weight:700; font-size:15px; text-decoration:none; transition:all .25s;
}
.gc-btn-outline-white:hover { background:var(--gc-green); color:#fff; }

.gc-cta-btn-white {
  display:inline-flex; align-items:center; gap:8px; padding:14px 30px;
  background:#fff; color:var(--gc-green); border-radius:8px; font-weight:700;
  font-size:15px; text-decoration:none; transition:all .25s; margin-right:12px;
  box-shadow:0 4px 16px rgba(0,0,0,.10);
}
.gc-cta-btn-white:hover { background:var(--gc-accent); color:#fff; }
.gc-cta-btn-outline {
  display:inline-flex; align-items:center; gap:8px; padding:14px 30px;
  background:transparent; color:#fff; border:2px solid rgba(255,255,255,.5);
  border-radius:8px; font-weight:700; font-size:15px; text-decoration:none; transition:all .25s;
}
.gc-cta-btn-outline:hover { background:#fff; color:var(--gc-green); border-color:#fff; }
.gc-cta-btn-light {
  display:inline-flex; align-items:center; gap:8px; padding:14px 30px;
  background:var(--gc-accent); color:#fff; border-radius:8px; font-weight:700;
  font-size:15px; text-decoration:none; transition:all .25s; box-shadow:0 4px 16px rgba(34,197,94,.3);
}
.gc-cta-btn-light:hover { background:#16a34a; color:#fff; }

.gc-hero-btns { display:flex; flex-wrap:wrap; gap:14px; margin:24px 0 30px; }

/* =====================================================
   HOME PAGE — BENEFIT CARDS
   ===================================================== */
.gc-benefits-area { padding:80px 0; background:var(--gc-bg2); }
.gc-benefit-card {
  background:#fff; border-radius:var(--gc-radius); padding:36px 28px;
  box-shadow:var(--gc-shadow); border:1.5px solid var(--gc-border);
  transition:all .3s; height:100%; margin-bottom:24px;
}
.gc-benefit-card:hover { transform:translateY(-6px); box-shadow:0 16px 40px rgba(17,48,35,.14); border-color:rgba(34,197,94,.3); }
.gc-benefit-icon {
  width:58px; height:58px; border-radius:14px; background:rgba(34,197,94,.12);
  display:flex; align-items:center; justify-content:center; margin-bottom:18px;
}
.gc-benefit-icon i { font-size:24px; color:var(--gc-accent); }
.gc-benefit-card h4 { font-size:18px; font-weight:700; color:var(--gc-green); margin-bottom:10px; }
.gc-benefit-card p { font-size:14.5px; color:var(--gc-text); line-height:1.7; margin:0; }

/* =====================================================
   HOME PAGE — WHY CHOOSE CARDS
   ===================================================== */
.gc-why-choose-area { padding:80px 0; }
.gc-choose-card {
  background:#fff; border-radius:var(--gc-radius); padding:36px 28px;
  box-shadow:var(--gc-shadow); border:1.5px solid var(--gc-border);
  position:relative; overflow:hidden; height:100%; margin-bottom:24px;
  transition:all .3s;
}
.gc-choose-card:hover { transform:translateY(-6px); box-shadow:0 16px 40px rgba(17,48,35,.14); border-color:rgba(34,197,94,.3); }
.gc-choose-num {
  position:absolute; top:18px; right:22px; font-size:42px; font-weight:800;
  color:rgba(17,48,35,.06); line-height:1;
}
.gc-icon { width:52px; height:52px; border-radius:12px; background:rgba(17,48,35,.07); display:flex; align-items:center; justify-content:center; margin-bottom:16px; }
.gc-icon i { font-size:22px; color:var(--gc-green); }
.gc-choose-card h4 { font-size:17px; font-weight:700; color:var(--gc-green); margin-bottom:10px; }
.gc-choose-card p { font-size:14.5px; color:var(--gc-text); line-height:1.7; margin:0; }

/* =====================================================
   HOME PAGE — INDUSTRIES AREA
   ===================================================== */
.gc-industries-area {
  padding:80px 0; background:var(--gc-green);
}
.gc-industry-tag {
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(255,255,255,.10); color:#fff; border:1.5px solid rgba(255,255,255,.2);
  border-radius:50px; padding:10px 20px; margin:6px; font-size:14px; font-weight:600;
  transition:all .25s; cursor:default;
}
.gc-industry-tag:hover { background:var(--gc-accent); border-color:var(--gc-accent); color:#fff; }
.gc-industry-tag i { font-size:14px; }

/* =====================================================
   HOME PAGE — HOW IT WORKS
   ===================================================== */
.gc-dm-info-area { padding:80px 0; }
.gc-dm-info-text h2 { font-size:34px; font-weight:800; color:var(--gc-green); margin-bottom:20px; }
.gc-dm-info-text h2 strong { color:var(--gc-accent); }
.gc-how-works-box {
  display:flex; gap:18px; align-items:flex-start; padding:22px 0;
  border-bottom:1px solid var(--gc-border);
}
.gc-how-works-box:last-child { border-bottom:none; }
.gc-how-works-box .hw-icon {
  width:46px; height:46px; min-width:46px; border-radius:10px;
  background:rgba(34,197,94,.12); display:flex; align-items:center; justify-content:center;
}
.gc-how-works-box .hw-icon i { font-size:20px; color:var(--gc-accent); }
.gc-how-works-box h4 { font-size:16px; font-weight:700; color:var(--gc-green); margin-bottom:6px; }
.gc-how-works-box p { font-size:14px; color:var(--gc-text); line-height:1.7; margin:0; }

/* =====================================================
   HOME PAGE — PROCESS / CTA
   ===================================================== */
.gc-process-card {
  background:#fff; border-radius:var(--gc-radius); padding:32px 26px;
  box-shadow:var(--gc-shadow); border:1.5px solid var(--gc-border);
  height:100%; margin-bottom:24px; transition:all .3s; text-align:center;
}
.gc-process-card:hover { transform:translateY(-5px); border-color:rgba(34,197,94,.3); box-shadow:0 14px 36px rgba(17,48,35,.13); }
.gc-process-card-featured { background:var(--gc-green); border-color:var(--gc-green); }
.gc-process-card-featured h4,
.gc-process-card-featured p { color:#fff; }
.gc-process-step-num {
  width:50px; height:50px; border-radius:50%; background:rgba(34,197,94,.12);
  display:flex; align-items:center; justify-content:center; margin:0 auto 16px;
  font-size:18px; font-weight:800; color:var(--gc-accent);
}
.gc-process-card-featured .gc-process-step-num { background:rgba(255,255,255,.15); color:#fff; }
.gc-process-card h4 { font-size:16px; font-weight:700; color:var(--gc-green); margin-bottom:8px; }
.gc-process-card p { font-size:14px; color:var(--gc-text); line-height:1.7; margin:0; }

/* Final CTA */
.gc-final-cta {
  padding:80px 0; background:linear-gradient(135deg, var(--gc-green) 0%, #1a5c38 100%);
  text-align:center;
}
.gc-final-cta h2 { font-size:38px; font-weight:800; color:#fff; margin-bottom:16px; }
.gc-final-cta p { font-size:17px; color:rgba(255,255,255,.8); max-width:580px; margin:0 auto 32px; line-height:1.7; }
.gc-cta-check-list { list-style:none; padding:0; margin:0 auto 32px; display:flex; flex-wrap:wrap; justify-content:center; gap:12px 30px; }
.gc-cta-check-list li { font-size:14.5px; color:rgba(255,255,255,.9); display:flex; align-items:center; gap:8px; }
.gc-cta-check-list li::before { content:'\f058'; font-family:'Font Awesome 6 Free'; font-weight:900; color:var(--gc-accent); font-size:15px; }

/* =====================================================
   INNER PAGES — HERO SECTION (SEO, PPC, Web, etc.)
   ===================================================== */
.gc-seo-hero, .gc-web-hero, .gc-global-hero {
  padding:100px 0 80px;
  background:linear-gradient(135deg, #0e2a1e 0%, #1a5c38 100%);
}
.gc-seo-hero h1, .gc-web-hero h1, .gc-global-hero h1 {
  font-size:42px; font-weight:800; color:#fff; line-height:1.2; margin-bottom:18px;
}
.gc-seo-hero h1 span, .gc-web-hero h1 span, .gc-global-hero h1 span { color:var(--gc-accent2); }
.gc-hero-sub { font-size:16px; color:rgba(255,255,255,.82); line-height:1.8; margin-bottom:8px; }
.gc-hero-badge {
  display:inline-flex; align-items:center; gap:8px; background:rgba(34,197,94,.18);
  color:var(--gc-accent2); border:1.5px solid rgba(74,222,128,.35); border-radius:50px;
  padding:8px 20px; font-size:13px; font-weight:700; margin-bottom:18px;
}
.gc-hero-badge i { font-size:13px; }

/* Hero stats */
.gc-hero-stats { display:flex; flex-wrap:wrap; gap:20px 30px; margin-top:28px; padding-top:24px; border-top:1px solid rgba(255,255,255,.15); }
.gc-stat-item { text-align:center; }
.gc-stat-item .stat-num { font-size:26px; font-weight:800; color:#fff; line-height:1; }
.gc-stat-item .stat-label { font-size:12px; color:rgba(255,255,255,.65); margin-top:4px; }

/* Hero image */
.gc-hero-img-wrap { position:relative; border-radius:20px; overflow:hidden; box-shadow:0 20px 60px rgba(0,0,0,.25); }
.gc-hero-img-wrap img { width:100%; height:420px; object-fit:cover; display:block; border-radius:20px; }
.gc-hero-floating-card {
  position:absolute; bottom:20px; left:20px; background:#fff; border-radius:12px;
  padding:14px 18px; display:flex; align-items:center; gap:12px;
  box-shadow:0 8px 28px rgba(0,0,0,.15);
}
.gc-hero-floating-card .card-icon {
  width:40px; height:40px; border-radius:10px; background:rgba(34,197,94,.12);
  display:flex; align-items:center; justify-content:center;
}
.gc-hero-floating-card .card-icon i { color:var(--gc-accent); font-size:18px; }
.gc-hero-floating-card .ct-num { font-size:18px; font-weight:800; color:var(--gc-green); line-height:1; }
.gc-hero-floating-card .ct-label { font-size:11px; color:var(--gc-text); margin-top:3px; }
.gc-about-img-badge {
  position:absolute; bottom:20px; right:20px; background:#fff; border-radius:12px;
  padding:14px 18px; text-align:center; box-shadow:0 8px 28px rgba(0,0,0,.15);
}
.gc-about-img-badge .badge-num { font-size:22px; font-weight:800; color:var(--gc-green); }
.gc-about-img-badge .badge-label { font-size:11px; color:var(--gc-text); }
.gc-about-img-wrap,
.gc-smm-img-wrap { position:relative; }
.gc-about-img-wrap img,
.gc-smm-img-wrap img { width:100%; border-radius:20px; display:block; box-shadow:0 20px 50px rgba(0,0,0,.12); }
.gc-smm-img-badge {
  position:absolute; bottom:20px; right:20px; background:#fff; border-radius:12px;
  padding:14px 18px; text-align:center; box-shadow:0 8px 28px rgba(0,0,0,.12);
}

/* =====================================================
   INNER PAGES — CONTENT SECTIONS
   ===================================================== */
.gc-seo-section, .gc-web-section { padding:80px 0; }
.gc-seo-section:nth-child(even), .gc-web-section:nth-child(even) { background:var(--gc-bg2); }
.gc-seo-intro-text p, .gc-web-intro-text p,
.gc-seo-intro-highlight, .gc-web-intro-highlight {
  font-size:15.5px; color:var(--gc-text); line-height:1.85; margin-bottom:16px;
}
.gc-seo-intro-highlight, .gc-web-intro-highlight {
  background:rgba(34,197,94,.08); border-left:4px solid var(--gc-accent);
  padding:14px 18px; border-radius:0 8px 8px 0; font-weight:500; color:var(--gc-green);
}

/* Service Cards */
.gc-seo-service-card, .gc-web-service-card, .gc-smm-service-card {
  background:#fff; border-radius:var(--gc-radius); padding:32px 26px;
  box-shadow:var(--gc-shadow); border:1.5px solid var(--gc-border);
  height:100%; margin-bottom:24px; transition:all .3s;
}
.gc-seo-service-card:hover, .gc-web-service-card:hover, .gc-smm-service-card:hover {
  transform:translateY(-5px); border-color:rgba(34,197,94,.3);
  box-shadow:0 14px 36px rgba(17,48,35,.13);
}
.gc-seo-service-card .si-icon, .gc-web-service-card .si-icon, .service-icon,
.gc-smm-service-card .si-icon {
  width:52px; height:52px; border-radius:12px; background:rgba(34,197,94,.12);
  display:flex; align-items:center; justify-content:center; margin-bottom:16px;
}
.gc-seo-service-card .si-icon i, .gc-web-service-card .si-icon i, .service-icon i,
.gc-smm-service-card .si-icon i { font-size:22px; color:var(--gc-accent); }
.gc-seo-service-card h4, .gc-web-service-card h4, .gc-smm-service-card h4 { font-size:17px; font-weight:700; color:var(--gc-green); margin-bottom:10px; }
.gc-seo-service-card p, .gc-web-service-card p, .gc-smm-service-card p { font-size:14px; color:var(--gc-text); line-height:1.75; margin:0; }

/* Advantage Cards */
.gc-advantage-card {
  background:#fff; border-radius:var(--gc-radius); padding:30px 24px;
  box-shadow:var(--gc-shadow); border:1.5px solid var(--gc-border);
  height:100%; margin-bottom:24px; transition:all .3s;
}
.gc-advantage-card:hover { transform:translateY(-5px); border-color:rgba(34,197,94,.3); box-shadow:0 14px 36px rgba(17,48,35,.12); }
.adv-icon { width:52px; height:52px; border-radius:12px; background:rgba(34,197,94,.10); display:flex; align-items:center; justify-content:center; margin-bottom:16px; }
.adv-icon i { font-size:22px; color:var(--gc-accent); }
.gc-advantage-card h4 { font-size:17px; font-weight:700; color:var(--gc-green); margin-bottom:8px; }
.gc-advantage-card p { font-size:14px; color:var(--gc-text); line-height:1.75; margin:0; }
.ct-num { font-size:22px; font-weight:800; color:var(--gc-green); }
.ct-label { font-size:12px; color:var(--gc-text); }

/* Stats Band */
.gc-global-stats-band, .gc-smm-stats {
  background:var(--gc-green); padding:50px 0;
}
.gc-stat-box, .gc-stat-big {
  text-align:center; padding:10px 20px;
}
.gc-stat-box .stat-num, .gc-stat-big .stat-num { font-size:42px; font-weight:800; color:#fff; line-height:1; }
.gc-stat-box .stat-label, .gc-stat-big .stat-label { font-size:14px; color:rgba(255,255,255,.7); margin-top:8px; }

/* =====================================================
   FAQ SECTION
   ===================================================== */
.gc-faq-area { padding:80px 0; background:var(--gc-bg2); }
.gc-faq-item {
  background:#fff; border-radius:var(--gc-radius-sm); margin-bottom:12px;
  border:1.5px solid var(--gc-border); overflow:hidden; transition:border-color .25s;
}
.gc-faq-item.open { border-color:var(--gc-accent); }
.gc-faq-question {
  display:flex; justify-content:space-between; align-items:center;
  padding:18px 24px; cursor:pointer; font-size:15.5px; font-weight:700;
  color:var(--gc-green); user-select:none;
}
.gc-faq-toggle {
  width:32px; height:32px; min-width:32px; border-radius:50%;
  background:rgba(17,48,35,.07); border:none; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  font-size:14px; color:var(--gc-green); transition:background .2s,transform .3s;
}
.gc-faq-item.open .gc-faq-toggle { background:var(--gc-accent); color:#fff; transform:rotate(45deg); }
.gc-faq-answer { display:none; padding:0 24px 20px; font-size:14.5px; color:var(--gc-text); line-height:1.8; }
.gc-faq-item.open .gc-faq-answer { display:block; }

/* =====================================================
   ABOUT PAGE
   ===================================================== */
.gc-about-intro { padding:90px 0 70px; background:#fff; }
.gc-about-intro h2 { font-size:38px; font-weight:800; color:var(--gc-green); line-height:1.2; margin-bottom:18px; }
.gc-about-intro h2 span { color:var(--gc-accent); }
.gc-about-intro p { font-size:15.5px; color:var(--gc-text); line-height:1.85; margin-bottom:14px; }
.gc-growth-story { padding:80px 0; background:var(--gc-bg2); }
.gc-vision-mission { padding:80px 0; }
.gc-vm-card {
  background:#fff; border-radius:var(--gc-radius); padding:36px 30px;
  box-shadow:var(--gc-shadow); border:1.5px solid var(--gc-border);
  height:100%; text-align:center; transition:all .3s;
}
.gc-vm-card:hover { transform:translateY(-5px); border-color:rgba(34,197,94,.3); }
.vm-icon { width:64px; height:64px; border-radius:16px; background:rgba(34,197,94,.12); display:flex; align-items:center; justify-content:center; margin:0 auto 20px; }
.vm-icon i { font-size:28px; color:var(--gc-accent); }
.gc-vm-card h4 { font-size:20px; font-weight:800; color:var(--gc-green); margin-bottom:12px; }
.gc-vm-card p { font-size:14.5px; color:var(--gc-text); line-height:1.8; margin:0; }

.gc-different-area { padding:80px 0; background:var(--gc-bg2); }
.gc-diff-card {
  background:#fff; border-radius:var(--gc-radius); padding:32px 26px;
  box-shadow:var(--gc-shadow); border:1.5px solid var(--gc-border);
  height:100%; margin-bottom:24px; transition:all .3s;
}
.gc-diff-card:hover { transform:translateY(-5px); border-color:rgba(34,197,94,.3); }
.diff-icon { width:52px; height:52px; border-radius:12px; background:rgba(34,197,94,.12); display:flex; align-items:center; justify-content:center; margin-bottom:16px; }
.diff-icon i { font-size:22px; color:var(--gc-accent); }
.gc-diff-card h5 { font-size:17px; font-weight:700; color:var(--gc-green); margin-bottom:10px; }
.gc-diff-card p { font-size:14px; color:var(--gc-text); line-height:1.75; margin:0; }

.gc-about-cta { padding:80px 0; background:linear-gradient(135deg, var(--gc-green) 0%, #1a5c38 100%); text-align:center; }
.gc-about-cta h2 { font-size:36px; font-weight:800; color:#fff; margin-bottom:14px; }
.gc-about-cta p { font-size:16px; color:rgba(255,255,255,.8); max-width:560px; margin:0 auto 30px; line-height:1.7; }

/* Services List (About page) */
.gc-services-list-area { padding:80px 0; }
.gc-service-item {
  display:flex; align-items:flex-start; gap:18px; padding:24px;
  background:#fff; border-radius:var(--gc-radius-sm); border:1.5px solid var(--gc-border);
  margin-bottom:16px; transition:all .3s;
}
.gc-service-item:hover { border-color:rgba(34,197,94,.3); box-shadow:var(--gc-shadow); }
.gc-services-img img { width:100%; border-radius:16px; }
.si-icon { width:46px; height:46px; min-width:46px; border-radius:10px; background:rgba(34,197,94,.12); display:flex; align-items:center; justify-content:center; }
.si-icon i { font-size:20px; color:var(--gc-accent); }
.gc-service-item h5 { font-size:16px; font-weight:700; color:var(--gc-green); margin-bottom:6px; }
.gc-service-item p { font-size:14px; color:var(--gc-text); line-height:1.7; margin:0; }

/* =====================================================
   CONTACT PAGE
   ===================================================== */
.gc-contact-hero { padding:90px 0 70px; background:linear-gradient(135deg, #0e2a1e 0%, #1a5c38 100%); text-align:center; }
.gc-contact-hero h2 { font-size:42px; font-weight:800; color:#fff; margin-bottom:16px; }
.gc-contact-hero h2 span { color:var(--gc-accent2); }
.gc-contact-hero p { font-size:16px; color:rgba(255,255,255,.8); max-width:640px; margin:0 auto 12px; line-height:1.8; }
.gc-contact-hero .hero-desc { font-size:17px; color:rgba(255,255,255,.9); }

.gc-contact-info-area { padding:80px 0; background:var(--gc-bg2); }
.gc-info-card {
  background:#fff; border-radius:var(--gc-radius); padding:36px 28px;
  box-shadow:var(--gc-shadow); border:1.5px solid var(--gc-border);
  text-align:center; height:100%; transition:all .3s;
}
.gc-info-card:hover { transform:translateY(-5px); border-color:rgba(34,197,94,.3); }
.info-icon { width:58px; height:58px; border-radius:14px; background:rgba(34,197,94,.12); display:flex; align-items:center; justify-content:center; margin:0 auto 16px; }
.info-icon i { font-size:24px; color:var(--gc-accent); }
.gc-info-card h5 { font-size:18px; font-weight:700; color:var(--gc-green); margin-bottom:8px; }
.gc-info-card .info-sub { font-size:14px; color:var(--gc-text); margin-bottom:10px; line-height:1.6; }
.gc-info-card a { color:var(--gc-green); font-weight:700; text-decoration:none; font-size:15px; transition:color .2s; }
.gc-info-card a:hover { color:var(--gc-accent); }

.gc-why-connect { padding:80px 0; }
.gc-why-item { display:flex; align-items:flex-start; gap:16px; padding:20px 0; border-bottom:1px solid var(--gc-border); }
.gc-why-item:last-child { border-bottom:none; }
.gc-why-item i { font-size:22px; color:var(--gc-accent); margin-top:3px; width:28px; }
.gc-why-item h5 { font-size:16px; font-weight:700; color:var(--gc-green); margin-bottom:6px; }
.gc-why-item p { font-size:14px; color:var(--gc-text); line-height:1.7; margin:0; }

.gc-contact-form-area { padding:80px 0; background:var(--gc-bg2); }
.gc-form-left { padding:36px 30px; background:var(--gc-green); border-radius:var(--gc-radius); height:100%; }
.gc-form-left h3 { font-size:26px; font-weight:800; color:#fff; margin-bottom:14px; }
.gc-form-left p { font-size:14.5px; color:rgba(255,255,255,.8); line-height:1.8; margin-bottom:24px; }
.form-contact-item { display:flex; align-items:flex-start; gap:14px; margin-bottom:20px; }
.fci-icon { width:42px; height:42px; min-width:42px; border-radius:10px; background:rgba(255,255,255,.12); display:flex; align-items:center; justify-content:center; }
.fci-icon i { color:#fff; font-size:17px; }
.form-contact-item h6 { font-size:12px; color:rgba(255,255,255,.65); text-transform:uppercase; letter-spacing:1px; margin-bottom:4px; }
.form-contact-item a, .form-contact-item p { color:#fff; font-weight:600; font-size:14px; text-decoration:none; margin:0; line-height:1.5; }
.gc-form-right { background:#fff; border-radius:var(--gc-radius); padding:36px 30px; box-shadow:var(--gc-shadow); }
.gc-form-note { font-size:13px; color:var(--gc-text); margin-top:10px; }
.gc-submit-btn, .gc-career-submit-btn {
  width:100%; padding:15px; background:var(--gc-green); color:#fff; border:none;
  border-radius:8px; font-size:16px; font-weight:700; cursor:pointer; transition:background .25s;
}
.gc-submit-btn:hover, .gc-career-submit-btn:hover { background:var(--gc-accent); }

.gc-project-idea { padding:80px 0; background:var(--gc-green); text-align:center; }
.gc-project-idea-inner h2 { font-size:38px; font-weight:800; color:#fff; margin-bottom:14px; }
.gc-project-idea-inner p { font-size:16px; color:rgba(255,255,255,.8); max-width:580px; margin:0 auto 30px; line-height:1.7; }

.gc-map-area { padding:0 0 80px; }
.gc-map-wrap { border-radius:16px; overflow:hidden; box-shadow:var(--gc-shadow); }
.gc-map-wrap iframe { display:block; width:100%; border:none; }

/* =====================================================
   CAREER PAGE
   ===================================================== */
.gc-career-hero { padding:90px 0 70px; background:linear-gradient(135deg, #0e2a1e 0%, #1a5c38 100%); text-align:center; }
.gc-career-hero h2 { font-size:42px; font-weight:800; color:#fff; margin-bottom:16px; }
.gc-career-hero h2 span { color:var(--gc-accent2); }
.gc-career-hero p { font-size:16px; color:rgba(255,255,255,.8); max-width:640px; margin:0 auto 12px; line-height:1.8; }

.gc-openings-area { padding:80px 0; }
.gc-opening-card {
  background:#fff; border-radius:var(--gc-radius); padding:32px 28px;
  box-shadow:var(--gc-shadow); border:1.5px solid var(--gc-border);
  height:100%; margin-bottom:24px; transition:all .3s;
}
.gc-opening-card:hover { transform:translateY(-5px); border-color:rgba(34,197,94,.3); }
.gc-opening-icon { width:52px; height:52px; border-radius:12px; background:rgba(34,197,94,.12); display:flex; align-items:center; justify-content:center; margin-bottom:16px; }
.gc-opening-icon i { font-size:22px; color:var(--gc-accent); }
.gc-opening-badge {
  display:inline-block; background:rgba(34,197,94,.12); color:var(--gc-accent);
  font-size:12px; font-weight:700; padding:4px 12px; border-radius:50px; margin-bottom:12px;
}
.gc-opening-info { display:flex; flex-wrap:wrap; gap:10px; margin:12px 0 16px; }
.gc-opening-info span { display:flex; align-items:center; gap:6px; font-size:13px; color:var(--gc-text); }
.gc-opening-info span i { color:var(--gc-accent); font-size:12px; }
.gc-opening-card h4 { font-size:18px; font-weight:700; color:var(--gc-green); margin-bottom:8px; }
.gc-opening-card p { font-size:14px; color:var(--gc-text); line-height:1.7; margin-bottom:16px; }

.gc-perk-item { display:flex; align-items:flex-start; gap:16px; padding:22px 0; border-bottom:1px solid var(--gc-border); }
.gc-perk-item:last-child { border-bottom:none; }
.gc-perk-icon { width:46px; height:46px; min-width:46px; border-radius:10px; background:rgba(34,197,94,.12); display:flex; align-items:center; justify-content:center; }
.gc-perk-icon i { font-size:20px; color:var(--gc-accent); }
.gc-perk-item h5 { font-size:16px; font-weight:700; color:var(--gc-green); margin-bottom:6px; }
.gc-perk-item p { font-size:14px; color:var(--gc-text); line-height:1.7; margin:0; }

.gc-apply-area { padding:80px 0; background:var(--gc-bg2); }
.gc-apply-left { padding:36px 30px; background:var(--gc-green); border-radius:var(--gc-radius); height:100%; }
.gc-apply-left h3 { font-size:26px; font-weight:800; color:#fff; margin-bottom:12px; }
.gc-apply-left p { font-size:14.5px; color:rgba(255,255,255,.8); line-height:1.8; }
.gc-form-card { background:#fff; border-radius:var(--gc-radius); padding:36px 30px; box-shadow:var(--gc-shadow); }

/* =====================================================
   PORTFOLIO PAGE
   ===================================================== */
.gc-portfolio-intro { padding:90px 0 70px; background:linear-gradient(135deg, #0e2a1e 0%, #1a5c38 100%); text-align:center; }
.gc-portfolio-intro h2 { font-size:42px; font-weight:800; color:#fff; margin-bottom:14px; }
.gc-portfolio-intro h2 span { color:var(--gc-accent2); }
.gc-portfolio-intro p { font-size:16px; color:rgba(255,255,255,.8); max-width:580px; margin:0 auto; line-height:1.8; }

.gc-portfolio-filter { padding:60px 0 20px; }
.gc-filter-btns { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-bottom:40px; }
.gc-filter-btns button {
  padding:10px 22px; border-radius:50px; border:2px solid var(--gc-border);
  background:#fff; color:var(--gc-text); font-size:14px; font-weight:600;
  cursor:pointer; transition:all .25s;
}
.gc-filter-btns button:hover,
.gc-filter-btns button.active { background:var(--gc-green); color:#fff; border-color:var(--gc-green); }

.gc-portfolio-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(300px,1fr)); gap:24px; }
.gc-portfolio-card {
  background:#fff; border-radius:var(--gc-radius); overflow:hidden;
  box-shadow:var(--gc-shadow); border:1.5px solid var(--gc-border); transition:all .3s;
}
.gc-portfolio-card:hover { transform:translateY(-5px); box-shadow:0 16px 40px rgba(17,48,35,.14); border-color:rgba(34,197,94,.3); }
.gc-portfolio-card img { width:100%; height:220px; object-fit:cover; display:block; transition:transform .4s; }
.gc-portfolio-card:hover img { transform:scale(1.05); }
.gc-portfolio-card .pc-body { padding:22px 20px; }
.gc-portfolio-card h5 { font-size:16px; font-weight:700; color:var(--gc-green); margin-bottom:6px; }
.gc-portfolio-card p { font-size:13.5px; color:var(--gc-text); line-height:1.7; margin:0; }
.gc-portfolio-cta { padding:80px 0; background:var(--gc-green); text-align:center; }
.gc-portfolio-cta h2 { font-size:36px; font-weight:800; color:#fff; margin-bottom:14px; }
.gc-portfolio-cta p { font-size:16px; color:rgba(255,255,255,.8); max-width:560px; margin:0 auto 30px; line-height:1.7; }

/* =====================================================
   SMM PAGE — SPECIFIC
   ===================================================== */
.gc-smm-intro { padding:80px 0; }
.gc-smm-advantages { padding:80px 0; background:var(--gc-bg2); }
.gc-adv-item { display:flex; gap:20px; align-items:flex-start; padding:24px; background:#fff; border-radius:var(--gc-radius-sm); border:1.5px solid var(--gc-border); margin-bottom:16px; transition:all .3s; }
.gc-adv-item:hover { border-color:rgba(34,197,94,.3); box-shadow:var(--gc-shadow); }
.gc-adv-num { font-size:28px; font-weight:800; color:rgba(34,197,94,.35); min-width:40px; line-height:1; }
.gc-adv-body h5 { font-size:16px; font-weight:700; color:var(--gc-green); margin-bottom:6px; }
.gc-adv-body p { font-size:14px; color:var(--gc-text); line-height:1.75; margin:0; }
.gc-smm-timeline { padding:80px 0; }
.gc-smm-process { padding:80px 0; background:var(--gc-bg2); }
.gc-process-step { display:flex; gap:20px; align-items:flex-start; padding:24px; background:#fff; border-radius:var(--gc-radius-sm); border:1.5px solid var(--gc-border); margin-bottom:16px; transition:all .3s; }
.gc-process-step:hover { border-color:rgba(34,197,94,.3); box-shadow:var(--gc-shadow); }
.gc-step-num { font-size:22px; font-weight:800; color:var(--gc-accent); min-width:40px; height:40px; width:40px; border-radius:50%; background:rgba(34,197,94,.12); display:flex; align-items:center; justify-content:center; }
.gc-step-body h5 { font-size:16px; font-weight:700; color:var(--gc-green); margin-bottom:6px; }
.gc-step-body p { font-size:14px; color:var(--gc-text); line-height:1.75; margin:0; }
.gc-smm-services { padding:80px 0; }
.gc-smm-cta { padding:80px 0; background:linear-gradient(135deg, var(--gc-green) 0%, #1a5c38 100%); text-align:center; }
.gc-smm-cta h2 { font-size:36px; font-weight:800; color:#fff; margin-bottom:14px; }
.gc-smm-cta p { font-size:16px; color:rgba(255,255,255,.8); max-width:560px; margin:0 auto 30px; line-height:1.7; }
.gc-smm-industries { padding:80px 0; background:var(--gc-bg2); }
.gc-industry-item { display:inline-flex; align-items:center; gap:8px; background:#fff; border:1.5px solid var(--gc-border); border-radius:50px; padding:10px 20px; margin:6px; font-size:14px; font-weight:600; color:var(--gc-green); transition:all .25s; }
.gc-industry-item:hover { background:var(--gc-green); color:#fff; border-color:var(--gc-green); }
.gc-industry-item i { color:var(--gc-accent); font-size:14px; }
.gc-industry-item:hover i { color:#fff; }
.gc-industry-grid { display:flex; flex-wrap:wrap; justify-content:center; }
.gc-smm-faq { padding:80px 0; }
.gc-smm-testimonials { padding:80px 0; background:var(--gc-bg2); }
.gc-testi-card { background:#fff; border-radius:var(--gc-radius); padding:30px 26px; box-shadow:var(--gc-shadow); border:1.5px solid var(--gc-border); height:100%; margin-bottom:24px; transition:all .3s; }
.gc-testi-card:hover { border-color:rgba(34,197,94,.3); transform:translateY(-4px); }
.gc-testi-stars { color:#f59e0b; margin-bottom:14px; font-size:15px; }
.gc-testi-card p { font-size:14.5px; color:var(--gc-text); line-height:1.8; font-style:italic; margin-bottom:18px; }
.gc-testi-author { display:flex; align-items:center; gap:14px; }
.gc-testi-avatar { width:46px; height:46px; border-radius:50%; object-fit:cover; }
.gc-testi-info h6 { font-size:14px; font-weight:700; color:var(--gc-green); margin:0 0 3px; }
.gc-testi-info span { font-size:12px; color:var(--gc-text); }
.gc-timeline-wrap { position:relative; padding:0 0 0 40px; }
.gc-timeline-line { position:absolute; left:14px; top:0; bottom:0; width:2px; background:rgba(34,197,94,.3); }
.gc-timeline-item { position:relative; margin-bottom:32px; }
.gc-timeline-dot { position:absolute; left:-34px; top:4px; width:20px; height:20px; border-radius:50%; background:var(--gc-accent); border:3px solid #fff; box-shadow:0 0 0 2px var(--gc-accent); }
.gc-timeline-content h5 { font-size:16px; font-weight:700; color:var(--gc-green); margin-bottom:6px; }
.gc-timeline-content p { font-size:14px; color:var(--gc-text); line-height:1.75; margin:0; }
.gc-smm-platform-card, .gc-platform-card { background:#fff; border-radius:var(--gc-radius); padding:28px 22px; box-shadow:var(--gc-shadow); border:1.5px solid var(--gc-border); text-align:center; margin-bottom:24px; transition:all .3s; }
.gc-smm-platform-card:hover, .gc-platform-card:hover { transform:translateY(-5px); border-color:rgba(34,197,94,.3); }

/* =====================================================
   GLOBALLY PAGE
   ===================================================== */
.gc-global-hero { padding:100px 0 80px; }
.gc-trust-bar { padding:40px 0; background:var(--gc-green); }
.gc-country-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(200px,1fr)); gap:20px; }
.gc-country-card { background:#fff; border-radius:var(--gc-radius-sm); padding:22px; box-shadow:var(--gc-shadow); border:1.5px solid var(--gc-border); transition:all .3s; }
.gc-country-card:hover { border-color:rgba(34,197,94,.3); transform:translateY(-3px); }
.gc-country-flag { font-size:32px; margin-bottom:10px; }
.gc-country-tag { display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,.10); color:#fff; border:1px solid rgba(255,255,255,.2); border-radius:50px; padding:8px 16px; margin:5px; font-size:13px; font-weight:600; }
.gc-lp-counter-area, .gc-lp-cta-section, .gc-lp-final-cta, .gc-lp-section { padding:70px 0; }
.gc-lp-hero { padding:100px 0 80px; background:linear-gradient(135deg, #0e2a1e 0%, #1a5c38 100%); }
.gc-lp-counter-box, .gc-lp-stat-item { text-align:center; padding:10px; }
.gc-lp-counter-box .counter-num { font-size:42px; font-weight:800; color:var(--gc-green); }
.gc-lp-service-card { background:#fff; border-radius:var(--gc-radius); padding:30px 24px; box-shadow:var(--gc-shadow); border:1.5px solid var(--gc-border); height:100%; margin-bottom:24px; transition:all .3s; }
.gc-lp-service-card:hover { transform:translateY(-5px); border-color:rgba(34,197,94,.3); }
.gc-lp-why-card, .gc-why-card { background:#fff; border-radius:var(--gc-radius); padding:30px 24px; box-shadow:var(--gc-shadow); border:1.5px solid var(--gc-border); height:100%; margin-bottom:24px; transition:all .3s; }
.gc-lp-why-card:hover, .gc-why-card:hover { transform:translateY(-5px); border-color:rgba(34,197,94,.3); }
.gc-lp-testi-card { background:#fff; border-radius:var(--gc-radius); padding:28px 24px; box-shadow:var(--gc-shadow); border:1.5px solid var(--gc-border); height:100%; margin-bottom:24px; }
.gc-lp-testi-stars { color:#f59e0b; margin-bottom:12px; }
.gc-lp-process-step { display:flex; gap:18px; align-items:flex-start; padding:22px; background:#fff; border-radius:var(--gc-radius-sm); border:1.5px solid var(--gc-border); margin-bottom:14px; }
.gc-lp-process-wrap { }
.gc-lp-hero-badge, .gc-lp-hero-sub, .gc-lp-hero-btns, .gc-lp-hero-stats, .gc-lp-hero-img-wrap, .gc-lp-floating-badge { }
.gc-lp-industry-grid { display:flex; flex-wrap:wrap; justify-content:center; }
.gc-lp-industry-tag { display:inline-flex; align-items:center; gap:8px; background:rgba(34,197,94,.10); color:var(--gc-green); border:1.5px solid rgba(34,197,94,.2); border-radius:50px; padding:9px 18px; margin:5px; font-size:13.5px; font-weight:600; transition:all .25s; }
.gc-lp-industry-tag:hover { background:var(--gc-green); color:#fff; }
.gc-lp-cta-checklist { list-style:none; padding:0; margin:0 0 24px; }
.gc-lp-cta-checklist li { display:flex; align-items:center; gap:10px; font-size:15px; color:#fff; padding:6px 0; }
.gc-lp-cta-checklist li::before { content:'\f058'; font-family:'Font Awesome 6 Free'; font-weight:900; color:var(--gc-accent); }
.gc-lp-form-box { background:#fff; border-radius:var(--gc-radius); padding:36px 30px; box-shadow:0 20px 60px rgba(0,0,0,.12); }
.gc-lp-faq-item { background:#fff; border-radius:var(--gc-radius-sm); margin-bottom:12px; border:1.5px solid var(--gc-border); overflow:hidden; }
.gc-lp-faq-item.open { border-color:var(--gc-accent); }
.gc-lp-faq-q { display:flex; justify-content:space-between; align-items:center; padding:16px 20px; cursor:pointer; font-size:15px; font-weight:700; color:var(--gc-green); }
.gc-lp-faq-a { display:none; padding:0 20px 16px; font-size:14px; color:var(--gc-text); line-height:1.8; }
.gc-lp-faq-item.open .gc-lp-faq-a { display:block; }

/* =====================================================
   FORMS (shared across all pages)
   ===================================================== */
.gc-ph {
  background:linear-gradient(135deg, var(--gc-green) 0%, #1a5c38 100%);
  padding:22px 28px; border-radius:14px 14px 0 0;
}
.gc-pb { padding:24px 28px 28px; }
.gc-row { display:flex; flex-wrap:wrap; gap:14px; margin-bottom:14px; }
.gc-row1 { margin-bottom:14px; }
.gc-inp {
  flex:1; min-width:0; width:100%; padding:13px 16px;
  border:1.5px solid var(--gc-border); border-radius:8px;
  font-size:14px; color:var(--gc-green); outline:none;
  transition:border-color .25s,box-shadow .25s; background:#fff;
}
.gc-inp:focus { border-color:var(--gc-accent); box-shadow:0 0 0 3px rgba(34,197,94,.12); }
.gc-inp::placeholder { color:#aaa; }
.gc-sub {
  width:100%; padding:14px; background:var(--gc-green); color:#fff; border:none;
  border-radius:8px; font-size:15px; font-weight:700; cursor:pointer; transition:background .25s;
}
.gc-sub:hover { background:var(--gc-accent); }

/* =====================================================
   SEO FINAL CTA
   ===================================================== */
.gc-seo-final-cta { padding:80px 0; background:linear-gradient(135deg, var(--gc-green) 0%, #1a5c38 100%); text-align:center; }
.gc-seo-final-cta h2 { font-size:36px; font-weight:800; color:#fff; margin-bottom:14px; }
.gc-seo-final-cta p { font-size:16px; color:rgba(255,255,255,.8); max-width:560px; margin:0 auto 30px; line-height:1.7; }
.gc-web-final-cta { padding:80px 0; background:linear-gradient(135deg, var(--gc-green) 0%, #1a5c38 100%); text-align:center; }
.gc-web-final-cta h2 { font-size:36px; font-weight:800; color:#fff; margin-bottom:14px; }
.gc-web-final-cta p { font-size:16px; color:rgba(255,255,255,.8); max-width:560px; margin:0 auto 30px; line-height:1.7; }

/* =====================================================
   SERVICES PAGE — MISC CLASSES
   ===================================================== */
.service-section-title { font-size:32px; font-weight:800; color:var(--gc-green); }
.service-bottom-text { font-size:15px; color:var(--gc-text); line-height:1.8; }
.rating { color:#f59e0b; }
.shap-icon { display:inline-block; }
.dvdr { width:60px; height:3px; background:var(--gc-accent); border-radius:2px; margin:14px 0; display:block; }
.single-testi-slider-item { padding:20px; }
.testimonial-left-content { padding:20px; }
.tagline { font-size:14px; color:var(--gc-text); font-style:italic; }

/* Services Tags */
.gc-services-tags { display:flex; flex-wrap:wrap; gap:10px; margin:20px 0; }
.gc-services-tags span, .gc-services-tags a {
  display:inline-flex; align-items:center; gap:6px; padding:8px 16px;
  background:rgba(34,197,94,.10); color:var(--gc-green); border:1.5px solid rgba(34,197,94,.2);
  border-radius:50px; font-size:13px; font-weight:600; text-decoration:none; transition:all .25s;
}
.gc-services-tags span:hover, .gc-services-tags a:hover { background:var(--gc-green); color:#fff; }

/* =====================================================
   CAREER BANNER / CONTACT BANNER
   ===================================================== */
.gc-career-banner, .gc-contact-banner {
  padding:16px 0; background:var(--gc-accent); text-align:center;
}
.gc-career-banner p, .gc-contact-banner p { font-size:14px; font-weight:700; color:#fff; margin:0; }

/* =====================================================
   SERVICES ICONS WITHIN SECTIONS (about)
   ===================================================== */
.gc-services-img { position:relative; border-radius:20px; overflow:hidden; }
.gc-services-img img { width:100%; border-radius:20px; display:block; box-shadow:0 10px 40px rgba(0,0,0,.12); }

/* =====================================================
   BENEFIT LIST STYLE
   ===================================================== */
.gc-benefit-list { list-style:none; padding:0; margin:0; }
.gc-benefit-list li { display:flex; align-items:flex-start; gap:12px; padding:10px 0; border-bottom:1px solid var(--gc-border); font-size:15px; color:var(--gc-text); }
.gc-benefit-list li:last-child { border-bottom:none; }
.gc-benefit-list li i { color:var(--gc-accent); font-size:16px; margin-top:2px; }

/* =====================================================
   GROWTH STORY SECTION
   ===================================================== */
.gc-growth-story h4 { font-size:32px; font-weight:800; color:var(--gc-green); }
.gc-growth-story h4 span { color:var(--gc-accent); }
.gc-growth-story p { font-size:15.5px; color:var(--gc-text); line-height:1.85; }

/* =====================================================
   RESPONSIVE FIXES
   ===================================================== */
@media(max-width:991px){
  .gc-seo-hero h1, .gc-web-hero h1, .gc-global-hero h1,
  .gc-contact-hero h2, .gc-career-hero h2, .gc-portfolio-intro h2,
  .gc-about-intro h2, .gc-final-cta h2, .gc-project-idea-inner h2 {
    font-size:32px;
  }
  .gc-hero-img-wrap img { height:320px; }
}
@media(max-width:767px){
  .gc-seo-hero, .gc-web-hero, .gc-global-hero, .gc-contact-hero,
  .gc-career-hero, .gc-portfolio-intro { padding:70px 0 50px; }
  .gc-seo-hero h1, .gc-web-hero h1, .gc-about-intro h2 { font-size:28px; }
  .gc-hero-stats { gap:16px 20px; }
  .gc-stat-item .stat-num { font-size:22px; }
  .gc-hero-btns { flex-direction:column; align-items:flex-start; }
  .gc-btn-green, .gc-btn-outline-white { width:100%; justify-content:center; }
  .gc-cta-btn-white { margin-right:0; margin-bottom:12px; }
  .gc-form-left { margin-bottom:24px; }
  .gc-apply-left { margin-bottom:24px; }
  .gc-portfolio-grid { grid-template-columns:1fr; }
  .gc-row { flex-direction:column; }
}
@media(max-width:575px){
  .gc-benefit-card, .gc-choose-card, .gc-diff-card, .gc-vm-card,
  .gc-info-card, .gc-opening-card, .gc-seo-service-card,
  .gc-web-service-card, .gc-advantage-card { padding:24px 18px; }
  .gc-hero-floating-card { display:none; }
  .gc-about-img-badge { display:none; }
}

/* =====================================================
   LAYOUT FIX PATCHES — June 2025
   ===================================================== */

/* Fix section spacing consistency */
.tv-about-area,
.gc-dm-info-area,
.tv-service-area,
.gc-benefits-area,
.gc-why-choose-area,
.gc-industries-area,
.gc-process-area,
.gc-final-cta,
.gc-faq-area {
  position: relative;
}

/* Fix about section row alignment - ensure proper stacking on mobile */
.tv-about-area .row.align-items-center {
  align-items: flex-start;
}
@media(max-width:991px) {
  .tv-about-area .row.align-items-center {
    flex-direction: column;
  }
  .tv-about-area .col-xl-6:last-child {
    display: none !important;
  }
}

/* Fix service cards equal height */
.tv-service-area .row {
  align-items: stretch;
}
.single-service-item {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.single-service-item p {
  flex: 1;
}

/* Fix gc-benefit-card, gc-choose-card equal height in rows */
.gc-benefit-card,
.gc-choose-card,
.gc-seo-service-card,
.gc-web-service-card,
.gc-smm-service-card,
.gc-advantage-card,
.gc-diff-card,
.gc-opening-card {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Fix row gutter on service pages */
.gc-benefits-area .row,
.gc-why-choose-area .row {
  --bs-gutter-x: 24px;
  --bs-gutter-y: 24px;
}

/* Fix hero section on service pages - image misalignment */
.gc-hero-img-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media(max-width:991px) {
  .gc-hero-img-wrap {
    margin-top: 40px;
  }
  .gc-seo-hero .row,
  .gc-web-hero .row,
  .gc-global-hero .row {
    flex-direction: column;
  }
}

/* Fix footer widget columns not wrapping properly */
@media(max-width:767px) {
  .tv-footer-col-2,
  .tv-footer-col-3,
  .tv-footer-col-4 {
    margin-bottom: 30px;
  }
}

/* Fix contact form left/right alignment */
@media(max-width:991px) {
  .gc-form-left,
  .gc-apply-left {
    margin-bottom: 30px;
    border-radius: var(--gc-radius);
  }
}

/* Fix portfolio grid on tablet */
@media(min-width:576px) and (max-width:991px) {
  .gc-portfolio-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Fix industries tag overflow on mobile */
.gc-industry-tag,
.gc-lp-industry-tag {
  word-break: break-word;
}
@media(max-width:575px) {
  .gc-industries-area .d-flex.flex-wrap {
    justify-content: center;
  }
}

/* Fix CTA section button layout on mobile */
@media(max-width:575px) {
  .gc-final-cta .d-flex,
  .gc-seo-final-cta .d-flex,
  .gc-web-final-cta .d-flex,
  .gc-smm-cta .d-flex {
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }
  .gc-cta-btn-white,
  .gc-cta-btn-outline,
  .gc-cta-btn-light {
    width: 100%;
    justify-content: center;
    margin-right: 0;
  }
}

/* Fix stats band number sizes on small screens */
@media(max-width:575px) {
  .gc-stat-box .stat-num,
  .gc-stat-big .stat-num {
    font-size: 32px;
  }
  .gc-global-stats-band .row,
  .gc-smm-stats .row {
    gap: 20px 0;
  }
}

/* Fix FAQ section item padding on mobile */
@media(max-width:575px) {
  .gc-faq-question {
    padding: 14px 16px;
    font-size: 14px;
  }
  .gc-faq-answer {
    padding: 0 16px 16px;
    font-size: 13.5px;
  }
  .gc-lp-faq-q {
    padding: 14px 16px;
    font-size: 14px;
  }
  .gc-lp-faq-a {
    padding: 0 16px 14px;
  }
}

/* Fix timeline section on mobile */
@media(max-width:575px) {
  .gc-timeline-wrap {
    padding-left: 28px;
  }
  .gc-timeline-dot {
    left: -26px;
    width: 16px;
    height: 16px;
  }
}

/* Fix process step cards on mobile */
@media(max-width:575px) {
  .gc-process-step,
  .gc-lp-process-step {
    flex-direction: column;
    gap: 12px;
  }
  .gc-step-num {
    min-width: 40px;
  }
}

/* Fix vision/mission cards on mobile */
@media(max-width:767px) {
  .gc-vm-card {
    margin-bottom: 24px;
  }
}

/* Fix form validation input highlight */
.gc-inp:invalid:not(:placeholder-shown) {
  border-color: #ef4444;
}
.gc-inp:valid:not(:placeholder-shown) {
  border-color: var(--gc-accent);
}

/* Fix popup modal z-index over mobile menu */
#popup-modal {
  z-index: 99999;
}

/* Fix slider text on very small screens */
@media(max-width:480px) {
  .tv-slider-title {
    font-size: 26px !important;
    line-height: 1.3 !important;
  }
  .tv-slider-subtitle {
    font-size: 13px;
  }
}

/* Fix about image section not showing gap properly */
.tv-about-section .row.align-items-center {
  row-gap: 40px;
}

/* Fix service page hero stats wrapping */
@media(max-width:400px) {
  .gc-hero-stats {
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
  }
}

/* Fix overflow on service cards section */
.tv-service-area .row {
  overflow: visible;
}

/* Fix funfact/counter area if it exists */
.tv-funfact-area .row {
  align-items: stretch;
}

/* Ensure sections don't overflow container */
.gc-dm-info-area,
.gc-why-choose-area,
.gc-benefits-area {
  overflow: hidden;
}
.gc-dm-info-area .container,
.gc-why-choose-area .container,
.gc-benefits-area .container {
  overflow: visible;
}

/* Fix "how it works" box last item border */
.gc-how-works-box:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

/* Fix section title consistency */
.gc-section-title {
  line-height: 1.3;
}
@media(max-width:767px) {
  .gc-section-title {
    font-size: 26px;
  }
  .gc-section-head {
    margin-bottom: 32px;
  }
}
@media(max-width:575px) {
  .gc-section-title {
    font-size: 22px;
  }
}

/* Fix brand/partner logo area */
.tv-brand-area .row {
  align-items: center;
  justify-content: center;
}

/* Fix nav dropdown arrow spacing */
.gc-drop-arrow {
  vertical-align: middle;
}

/* Fix footer bottom bar on mobile */
@media(max-width:767px) {
  .tv-footer-copyright-text {
    text-align: center;
  }
  .tv-footer-copyright-text + div {
    text-align: center;
    margin-top: 8px;
  }
}

/* Fix global hero page layout */
.gc-global-hero .row {
  align-items: center;
}
@media(max-width:991px) {
  .gc-global-hero .row {
    flex-direction: column;
  }
  .gc-global-hero h1 {
    font-size: 30px;
  }
}

/* Ensure all page hero sections have proper min-height */
.gc-seo-hero,
.gc-web-hero {
  min-height: 400px;
}
@media(max-width:767px) {
  .gc-seo-hero,
  .gc-web-hero {
    min-height: auto;
  }
}