/* ============================================================
   GG LANDING PAGE — styles/gg-landing.css
   ============================================================ */

/* ============================================================
   GG LANDING — CUSTOM HEADER
   ============================================================ */

.gg-header {
  position: relative;
  top: 0;
  z-index: 100;
  width: 100%;
}

.gg-header-inner {
  max-width: 1620px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
}

.gg-header-logo {
  grid-column: 2;
  display: flex;
  justify-content: center;
}

.gg-header-logo img {
  display: block;
  height: 120px;
  width: auto;
  vertical-align: bottom;
}

.gg-header-cta {
  grid-column: 3;
  display: flex;
  justify-content: flex-end;
}

.gg-header-cta .gg-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  font-size: 15px;
}

.gg-header-cta .gg-btn:hover, section.gg-testimonials.gg-section a.gg-btn:hover {
  background: #09173A;
  border: 2px solid #09173A;
  color: #fff
}

.gg-header-cta .gg-btn:hover svg path, section.gg-testimonials.gg-section a.gg-btn:hover svg path{
  fill: #fff;
}

@media (max-width: 480px) {
  .gg-header-logo img { height: 44px; }
  .gg-header-cta .gg-btn { padding: 10px 16px; font-size: 13px; }
}

/* ------ CSS Variables ------ */
:root {
  --gg-font-body:     'Figtree', sans-serif;
  --gg-font-heading:  'Anton', sans-serif;
  --gg-green:         #13B317;
  --gg-green-hover:   #0fa013;
  --gg-dark:          #09173A;
  --gg-dark-alt:      #162234;
  --gg-white:         #ffffff;
  --gg-light-bg:      #f5f6f7;
  --gg-text:          #1a1a2e;
  --gg-text-muted:    #5a6070;
  --gg-border:        #e0e3e8;
  --gg-star:          #f5a623;
  --gg-container:     1620px;
  --gg-pad:           130px;
}

/* ------ Base ------ */
.gg-section {
  position: relative;
  padding: var(--gg-pad) 0;
  overflow: hidden;
  font-family: var(--gg-font-body);
  font-size: 16px;
  line-height: 1.7;
}

.gg-section p, .gg-section ul li span {
    color: #FFF;
    font-family: Figtree;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
	text-wrap-style: balance;
}

.gg-section ul li {
    margin-left: 30px;
}

.gg-section h1,
.gg-section h2,
.gg-section h3,
.gg-section h4 {
  font-family: var(--gg-font-heading);
}

.gg-section h1 { font-size: 58px; line-height: 1.05; }
.gg-section h2 { font-size: 48px; line-height: 1.1;  }
.gg-section h3 { font-size: 32px; line-height: 1.2;  }
.gg-section h4 { font-size: 24px; line-height: 1.3;  }

.gg-container {
  max-width: var(--gg-container);
  margin: 0 auto;
  padding: 0 24px;
}

.gg-dark {
  background: url(/wp-content/uploads/2026/04/Rectangle-39.jpg);
  color: var(--gg-white);
}

.gg-dark h1,
.gg-dark h2,
.gg-dark h3,
.gg-dark h4 {
  color: var(--gg-white);
}

.gg-center {
  text-align: center;
}

/* ------ Section Headings ------ */
.gg-section h2.gg-center {
    margin: 0 0 48px;
    color: #09173A;
    text-align: center;
    font-family: Figtree;
    font-size: 64px;
    font-style: normal;
    font-weight: 900;
    line-height: 110%;
    text-transform: uppercase;
}

.gg-dark h2.gg-center {
  color: var(--gg-white);
}

/* ------ Button ------ */
.gg-btn {
    display: inline-flex;
    background: var(--gg-green);
    padding: 14px 32px;
    border-radius: 100px;
    text-decoration: none;
    transition: background 0.2s, transform 0.15s;
    cursor: pointer;
    border: 2px solid var(--gg-green);
    color: var(--White, #FFF);
    text-align: center;
    font-family: 'Figtree';
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    gap: 8px;
}

.gg-split-left .gg-btn {
    margin-top: 40px;
}

.gg-btn:hover {
  background: #fff;
  border-color: #fff;
  color: #09173A;
  transform: translateY(-1px);
  text-decoration: none;
}

.gg-btn:hover svg path{
  fill: #09173A;
}

/* ------ Badge ------ */
.gg-badge {
  display: inline-block;
  background: rgba(19, 179, 23, 0.12);
  color: var(--gg-green);
  border: 1px solid var(--gg-green);
  padding: 4px 14px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 16px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* ------ Background Watermark Text ------ */
.gg-bg-text {
  position: absolute;
  font-family: var(--gg-font-heading);
  font-size: clamp(72px, 10vw, 160px);
  font-weight: 900;
  color: rgba(0, 0, 0, 0.045);
  text-transform: uppercase;
  letter-spacing: 6px;
  pointer-events: none;
  white-space: nowrap;
  user-select: none;
  z-index: 0;
  left: 50%;
  transform: translateX(-50%);
  line-height: 1;
}

.gg-bg-hero {
  bottom: -10px;
}

.gg-hero .gg-container.gg-hero-grid .gg-hero-left p {
    color: #09173A;
}

.gg-bg-why {
  bottom: -20px;
}

/* Content must sit above watermark */
.gg-hero > .gg-container,
.gg-why > .gg-container {
  position: relative;
  z-index: 1;
}

/* ------ Stars ------ */
.gg-stars {
  color: var(--gg-star);
  font-size: 30px;
  letter-spacing: 2px;
  margin-bottom: 12px;
  display: block;
}

/* ------ Form Cards ------ */
.gg-form-card {
  border-radius: 8px;
  padding: 50px;
}

.gg-form-card h3 {
    margin: 0 0 20px;
    font-size: 40px;
    font-style: normal;
    font-weight: 900;
    line-height: 110%;
    text-transform: uppercase;
    font-family: 'Figtree';
}

.gg-form-dark {
  background: var(--gg-dark);
  color: var(--gg-white);
}

.gg-form-dark h3 {
  color: var(--gg-white);
}

.gg-form-light {
  background: var(--gg-white);
  color: var(--gg-text);
  box-shadow: 0 6px 32px rgba(0, 0, 0, 0.14);
}

.gg-form-light h3 {
  color: var(--gg-dark);
}

/* ============================================================
   1. HERO SECTION
   ============================================================ */

.gg-hero {
  background: var(--gg-white);
  padding-bottom: 120px;
}

.gg-hero-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: start;
}

.gg-hero-left h1 {
    margin: 0 0 20px;
    color: #09173A;
    font-family: Figtree;
    font-size: 69px;
    font-style: normal;
    font-weight: 900;
    line-height: 110%;
    text-transform: uppercase;
}

.gg-hero-text {
  font-size: 15px;
  line-height: 1.75;
  color: var(--gg-text-muted);
  margin-bottom: 0;
}

.gg-video-wrapper {
  position: relative;
  margin-top: 40px;
  border-radius: 8px;
  overflow: hidden;
}

.gg-video {
  border-radius: 8px;
  overflow: hidden;
  line-height: 0;
}

.gg-video-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.25);
}

.gg-video-overlay img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.gg-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 72px;
  height: 72px;
  background: var(--gg-green);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 20px rgba(0,0,0,0.35);
  transition: transform 0.2s, background 0.2s;
}

.gg-video-overlay:hover .gg-play-btn {
  background: var(--gg-green-hover);
  transform: translate(-50%, -50%) scale(1.08);
}

.gg-video-overlay.is-hidden {
  display: none;
}

.gg-video iframe,
.gg-video video,
.gg-video embed {
  width: 100%;
  display: block;
  border-radius: 8px;
  aspect-ratio: 16/9;
  border: none;
  height: 400px;
}

/* ============================================================
   2. PROCESS SECTION
   ============================================================ */

.gg-process {
  background: var(--gg-white);
}

.gg-process-grid {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.gg-process-item {
    flex: 1;
    text-align: left;
    padding: 0 20px;
}

.gg-process-item img {
  width: 64px;
  height: 64px;
  object-fit: contain;
  margin-bottom: 16px;
}

.gg-process-item h4 {
    margin: 0 0 10px;
    color: #09173A;
    font-family: Figtree;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.gg-process-item h4 span.cap-text {
    color: #09173A;
    font-family: Figtree;
    font-size: 36px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
        margin-bottom: 10px;
    display: inline-block;
}

.gg-process-item p {
    color: #09173A;
    font-family: Figtree;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
}

.gg-process-arrow {
  font-size: 28px;
  color: var(--gg-green);
  font-weight: 700;
  padding: 0 4px;
  flex-shrink: 0;
  align-self: flex-start;
  margin-top: 20px;
  line-height: 1;
  left: -50px;
    position: relative;
}

/* ============================================================
   3. SERVICES SECTION
   ============================================================ */

.gg-services {
  padding-top: 100px;
}

.gg-services-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.gg-service-card {
    padding: 28px 20px;
    text-align: center;
    border: 1px solid var(--gg-border);
    transition: box-shadow 0.2s, transform 0.2s;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.10);
}

.gg-service-card:hover {
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1);
  transform: translateY(-3px);
}

.gg-service-card img {
    width: 80px;
    height: 80px;
    object-fit: contain;
    margin-bottom: 14px;
}

.gg-service-card h4 {
    margin: 0 0 10px;
    color: #09173A;
    text-align: center;
    font-family: Figtree;
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
}

.gg-service-card p {
    margin: 0 0 14px;
    color: #09173A;
    text-align: center;
    font-family: 'Figtree';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
}

.gg-service-card a {
  color: var(--gg-green);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.gg-service-card a:hover {
  text-decoration: underline;
}

/* ============================================================
   4. SPLIT CTA SECTION
   ============================================================ */

.gg-split-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: center;
}

.gg-split-left h2 {
    margin: 0 0 20px;
    color: #F1F2F2;
    font-family: Figtree;
    font-size: 49px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
}

.gg-split-left > div {
  font-size: 15px;
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 28px;
}

/* ============================================================
   5. TESTIMONIALS SECTION
   ============================================================ */

.gg-testimonials {
  background: var(--gg-white);
}

.gg-testimonial-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-bottom: 40px;
}

.gg-testimonial-card {
    padding: 28px;
    border: 1px solid var(--gg-border);
    position: relative;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.10);
}

.gg-testimonial-card::before {
    content: '\201C';
    font-size: 120px;
    position: absolute;
    top: 8px;
    right: 18px;
    line-height: 1;
    font-family: Georgia, 'Times New Roman', serif;
    color: #13B317;
    transform: rotateY(-180deg);
}

.gg-testimonial-card p {
    margin: 0 0 16px;
    color: #09173A;
    font-family: Figtree;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
}

.gg-testimonial-card strong {
    display: block;
    color: #222;
    font-family: 'Figtree';
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%;
}

.gg-testimonial-card span {
    display: block;
    margin-top: 3px;
    color: #888;
    font-family: 'Figtree';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
}

/* Google summary row */
.gg-google-summary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 28px;
  font-size: 15px;
  color: var(--gg-text-muted);
  flex-wrap: wrap;
}

.gg-google-summary img {
  height: 24px;
  width: auto;
}

/* View All button */
.gg-view-all-wrap {
  text-align: center;
}

/* ============================================================
   6. LOCATIONS SECTION
   ============================================================ */

.gg-landing-wrap section.gg-locations.gg-section.gg-dark {
    background: url(/rectangle-64/);
}

.gg-office-item span a {
    color: var(--White, #FFF);
    font-family: Figtree;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    margin-top: 10px;
    text-transform: uppercase;
}

.gg-locations-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  margin-top: 80px;
}

.gg-locations-grid h3, .gg-locations-grid h4 {
    margin: 0 0 14px;
    letter-spacing: 0.5px;
    color: var(--White, #FFF);
    font-family: Figtree;
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
}

.gg-locations-grid p,
.gg-locations-grid address {
  font-style: normal;
  font-size: 14px;
  line-height: 1.85;
  color: rgba(255, 255, 255, 0.85);
  margin: 0 0 8px;
}

.gg-locations-grid a {
  color: var(--gg-white);
  text-decoration: none;
}

.gg-locations-grid a:hover {
  color: var(--gg-green);
}

.gg-office-list {
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
}

.gg-office-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 20px;
    color: #FFF;
    font-family: Figtree;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.gg-main-office li.gg-office-item:nth-child(2) a {
    color: #FFF;
    font-family: Figtree;
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}

.gg-office-item svg {
  flex-shrink: 0;
  margin-top: 2px;
}

.gg-office-item span,
.gg-office-item a {
  color: rgba(255, 255, 255, 0.85);
  text-decoration: none;
  display: block;
}

.gg-office-item a:hover {
  color: var(--gg-green);
}

.gg-locations-grid .gg-other-offices {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}

.gg-other-offices .gg-office-list:last-child {
  border-bottom: none;
}

.gg-social-list {
  display: flex;
  gap: 30px;
  list-style: none;
  padding: 0;
  margin: 30px 0 0;
}

.gg-social-list li a {
  color: rgba(255, 255, 255, 0.7);
  transition: color 0.2s;
}

.gg-social-list li a:hover {
  color: var(--gg-green);
}

/* ============================================================
   7. WHY US SECTION
   ============================================================ */

.gg-why {
  background: var(--gg-white);
}

.gg-why-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center;
}

.gg-why-grid > div:first-child img {
  width: 100%;
  border-radius: 8px;
  object-fit: cover;
  display: block;
}

.gg-why-grid h2 {
    margin: 0 0 28px;
    color: #09173A;
    text-align: left;
    font-family: Figtree;
    font-size: 64px;
    font-style: normal;
    font-weight: 900;
    line-height: 110%;
    text-transform: uppercase;
}

.gg-checklist {
  list-style: none;
  padding: 0;
  margin: 0;
}

.gg-checklist li {
    padding: 12px 0 12px 60px;
    position: relative;
    color: #09173A;
    font-family: Figtree;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

.gg-checklist li:last-child {
  border-bottom: none;
}

.gg-checklist li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 12%;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    flex-shrink: 0;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'%3E%3Cmask id='mask0_2881_55' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='50' height='50'%3E%3Crect width='50' height='50' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2881_55)'%3E%3Cpath d='M25 45.8332C22.118 45.8332 19.4097 45.2863 16.875 44.1925C14.3402 43.0988 12.1354 41.6144 10.2604 39.7394C8.38538 37.8644 6.901 35.6596 5.80725 33.1248C4.7135 30.5901 4.16663 27.8818 4.16663 24.9998C4.16663 22.1179 4.7135 19.4096 5.80725 16.8748C6.901 14.3401 8.38538 12.1353 10.2604 10.2603C12.1354 8.38525 14.3402 6.90088 16.875 5.80713C19.4097 4.71338 22.118 4.1665 25 4.1665C27.2569 4.1665 29.3923 4.49636 31.4062 5.15609C33.4201 5.81581 35.2777 6.73595 36.9791 7.9165L33.9583 10.9894C32.6389 10.1561 31.2326 9.50505 29.7395 9.0363C28.2465 8.56755 26.6666 8.33317 25 8.33317C20.3819 8.33317 16.4496 9.95644 13.2031 13.203C9.95656 16.4495 8.33329 20.3818 8.33329 24.9998C8.33329 29.6179 9.95656 33.5502 13.2031 36.7967C16.4496 40.0432 20.3819 41.6665 25 41.6665C29.618 41.6665 33.5503 40.0432 36.7968 36.7967C40.0434 33.5502 41.6666 29.6179 41.6666 24.9998C41.6666 24.3748 41.6319 23.7498 41.5625 23.1248C41.493 22.4998 41.3889 21.8922 41.25 21.3019L44.6354 17.9165C45.0173 19.0276 45.3125 20.1735 45.5208 21.354C45.7291 22.5346 45.8333 23.7498 45.8333 24.9998C45.8333 27.8818 45.2864 30.5901 44.1927 33.1248C43.0989 35.6596 41.6145 37.8644 39.7395 39.7394C37.8645 41.6144 35.6597 43.0988 33.125 44.1925C30.5902 45.2863 27.8819 45.8332 25 45.8332ZM22.0833 34.5832L13.2291 25.729L16.1458 22.8123L22.0833 28.7498L42.9166 7.86442L45.8333 10.7811L22.0833 34.5832Z' fill='%2313B317'/%3E%3C/g%3E%3C/svg%3E");
}

/* ============================================================
   8. GOOGLE REVIEWS SECTION
   ============================================================ */

.gg-google-reviews {
  background: var(--gg-light-bg);
}

.gg-google-header {
  text-align: center;
  margin-bottom: 40px;
  font-size: 17px;
  color: var(--gg-text-muted);
}

.gg-review-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.gg-review-card {
  background: var(--gg-white);
  border-radius: 8px;
  padding: 24px;
  border: 1px solid var(--gg-border);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}

.gg-review-card-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}

.gg-review-avatar {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.gg-review-avatar-placeholder {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: var(--gg-green);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--gg-white);
  font-weight: 700;
  font-size: 18px;
  flex-shrink: 0;
}

.gg-review-card strong {
  display: block;
  font-size: 15px;
  font-weight: 700;
  color: var(--gg-dark);
}

.gg-review-card .gg-stars {
  font-size: 30px;
  margin: 8px 0 6px;
  letter-spacing: 1px;
}

.gg-review-card > div:last-child {
  font-size: 14px;
  color: var(--gg-text-muted);
  line-height: 1.7;
}

/* ============================================================
   9. FINAL CTA SECTION  (inherits .gg-dark + .gg-split-grid)
   ============================================================ */

.gg-final-cta .gg-split-grid > div:first-child h2, .gg-final-cta .gg-split-grid > div:first-child h3 {
    margin: 0 0 20px;
    color: #F1F2F2;
    font-family: Figtree;
    font-size: 49px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
}

section.gg-final-cta.gg-section.gg-dark .last-cta-logo {
    margin-bottom: 40px;
}

.gg-final-cta .gg-split-grid > div:first-child p, .gg-final-cta .gg-split-grid > div:first-child div {
    margin-bottom: 28px;
    color: #FFF;
    font-family: Figtree;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

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

@media (max-width: 1024px) {
  .gg-services-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .gg-review-cards {
    grid-template-columns: repeat(2, 1fr);
  }

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

@media (max-width: 768px) {
  :root {
    --gg-pad: 52px;
  }

  .gg-section { font-size: 16px; }
  .gg-section p { font-size: 16px; }
  .gg-section h1 { font-size: 48px; }
  .gg-section h2 { font-size: 32px; }
  .gg-section h3 { font-size: 28px; }
  .gg-section h4 { font-size: 20px; }

  .gg-hero {
    padding-bottom: 72px;
  }

  .gg-hero-grid,
  .gg-split-grid,
  .gg-why-grid,
  .gg-locations-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .gg-process-grid {
    flex-direction: column;
    align-items: center;
    gap: 0;
  }

  .gg-process-arrow {
    transform: rotate(90deg);
    margin: 8px 0;
    font-size: 24px;
  }

  .gg-process-item {
    width: 100%;
    max-width: 340px;
    padding: 0;
  }

  .gg-services-grid {
    grid-template-columns: repeat(2, 1fr);
  }

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

  .gg-review-cards {
    grid-template-columns: 1fr;
  }

  .gg-bg-text {
    font-size: clamp(48px, 14vw, 80px);
  }
	
  .gg-services-grid {
    grid-template-columns: 1fr !important;
  }
	
	.gg-locations-grid .gg-other-offices {
    grid-template-columns: 1fr !important;
}
}

@media (max-width: 480px) {

  .gg-form-card {
    padding: 40px;
  }

  .gg-hero-left h1 {
    font-size: clamp(28px, 8vw, 40px);
  }

  .gg-hero-subtext p{
    font-size: 28px !important;
  }
}

.page-template-templates-page-gg-landing section#top-header-bar,
.page-template-templates-page-gg-landing header#main-header,
.page-template-templates-page-gg-landing footer#footer {
    display: none;
}

section.millions-recovered img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 80%;
}

.gg-landing-wrap div#gform_fields_2 .ginput_container.ginput_container_consent label {
    font-size: 13px !important;
}

section.millions-recovered {
    padding: 0 0 70px 0;
}

section.why-us-bg {
    margin: 100px 0 100px 0;
}

section.why-us-bg img {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

section.gg-final-cta.gg-section.gg-dark {
    background: url(/wp-content/uploads/2026/04/Rectangle-39.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

section.why-us-ti .ti-widget {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

section.why-us-ti {
    padding: 100px 0 200px 0;
}

.gg-hero .gg-form-card.gg-form-dark div#gform_fields_2 input, .gg-hero .gg-form-card.gg-form-dark div#gform_fields_2 textarea, .gg-hero .gg-form-card.gg-form-dark div#gform_fields_2 textarea {
    background: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    color: #FFF;
font-family: Figtree;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 110%; /* 17.6px */
text-transform: uppercase;
padding-left: 0;
}

.gg-hero .gg-form-card.gg-form-dark div#gform_fields_2 input::placeholder, .gg-hero .gg-form-card.gg-form-dark div#gform_fields_2 textarea::placeholder {
    color: #fff;
}

.gg-hero .gg-form-card.gg-form-dark div#gform_fields_2 select {
    text-transform: uppercase;
}

.gg-hero .gg-form-card.gg-form-dark div#gform_fields_2 .ginput_container.ginput_container_consent input {
    border: 1px solid #fff;
}

input#gform_submit_button_2 {
    border-radius: 50px;
    background: #13B317;
    padding: 20px 30px;
    color: var(--White, #FFF);
    text-align: center;
    font-family: 'Figtree';
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.9px;
    text-transform: uppercase;
}

section.gg-split.gg-section.gg-dark .gg-form-card.gg-form-light select, section.gg-split.gg-section.gg-dark .gg-form-card.gg-form-light input, section.gg-split.gg-section.gg-dark .gg-form-card.gg-form-light textarea {
    color: #1a1a2e;
}

section.gg-split.gg-section.gg-dark .gg-form-card.gg-form-light select, section.gg-split.gg-section.gg-dark .gg-form-card.gg-form-light input, section.gg-split.gg-section.gg-dark .gg-form-card.gg-form-light textarea {
    background: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    color: #1a1a2e;
font-family: Figtree;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 110%; /* 17.6px */
text-transform: uppercase;
padding-left: 0;
border-bottom: 1px solid #1a1a2e;
    box-shadow: none;
}

section.gg-split.gg-section.gg-dark .gg-form-card.gg-form-light .ginput_container.ginput_container_consent input {
    border: 1px solid #1a1a2e !important;
}
section.gg-split.gg-section.gg-dark .gg-form-card.gg-form-light .ginput_container.ginput_container_consent label {
    color: #1a1a2e !important;
}


section.gg-final-cta.gg-section.gg-dark .gg-form-card.gg-form-light input, section.gg-final-cta.gg-section.gg-dark .gg-form-card.gg-form-light textarea, section.gg-final-cta.gg-section.gg-dark .gg-form-card.gg-form-light select{
  background: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    color: #1a1a2e;
font-family: Figtree;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 110%; /* 17.6px */
text-transform: uppercase;
padding-left: 0;
border-bottom: 1px solid #1a1a2e;
    box-shadow: none;
}

section.gg-final-cta.gg-section.gg-dark .gg-form-card.gg-form-light .ginput_container.ginput_container_consent input {
    border: 1px solid #1a1a2e !important;
}
section.gg-final-cta.gg-section.gg-dark .gg-form-card.gg-form-light .ginput_container.ginput_container_consent label {
    color: #1a1a2e !important;
}

@media (max-width: 1024px){
  section.gg-process.gg-section .gg-process-grid .gg-process-arrow {
    display: none;
}

section.gg-process.gg-section .gg-process-grid {
    gap: 40px;
}

.gg-final-cta .gg-split-grid > div:first-child h2, .gg-final-cta .gg-split-grid > div:first-child h3,.gg-dark h2.gg-center, .gg-section h2.gg-center, .gg-section h2.gg-center, .gg-section h2.gg-center{
  font-size: 38px;
}

section.why-us-bg {
    margin: 30px 0 30px 0;
}

section.millions-recovered {
    padding: 50px 0 50px 0;
}

.gg-header-logo {
    grid-column: 1;
    display: flex;
    justify-content: left;
}

    .gg-header-logo img {
        height: 80px;
    }
}

header#main-header, section#top-header-bar, footer#footer {
    display: none;
}

@media (max-width: 1230px){
	.gg-hero-grid, .gg-split-grid {
    grid-template-columns: 1fr;
}
	.gg-services-grid {
    grid-template-columns: repeat(2, 1fr);
}
}

@media (max-width: 550px){
	section.why-us-bg img {
    content: url(/wp-content/uploads/2026/03/Justice-Served-1.svg);
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
}

@media (max-width: 767px){
	.gg-header-cta .gg-btn span {
    display: none;
}
	.gg-header-cta .gg-btn {
    border-radius: 100px;
    padding: 18px;
}
	
	header.gg-header {
    background: #fff;
    position: sticky;
}
}

.gg-hero-subtext p {
    color: #09173A;
    font-family: Figtree;
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    text-transform: uppercase;
}

.gg-hero-subtext {
    margin-bottom: 30px;
}