/*
Theme Name: Avada Child
Description: Shared GolfBoosters child theme for the Avada multisite network
Author: GolfBoosters
Template: Avada
Version: 2.6
Text Domain: Avada
*/

/*
IMPORTANT:
This file must be named style.css and placed in the root directory of the
active Avada child theme. The Template value above must match the parent-theme
folder name exactly: Avada.
*/

/* Google Fonts used by the legacy foundation and GolfBoosters components. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&family=Playfair+Display:wght@400;600;700&display=swap');


/* =============================================================================
   00. WORKING CHILD-THEME FOUNDATION
   Preserved from the previous working Old Child CSS file.
   The newer GolfBoosters component rules follow this section and therefore
   override these baseline rules where selectors overlap.
   ============================================================================= */

/* =========================================================
   Layout + Padding Fixes
========================================================= */
#main, #wrapper, #boxed-wrapper {
  padding-bottom: 0 !important;
}

.fusion-footer {
  margin-bottom: 0 !important;
}

.fusion-footer .fusion-row,
.fusion-copyright-content {
  padding-bottom: 0 !important;
}

#main .fusion-row {
  border-bottom: 0 !important;
}

#sliders-container,
.fusion-page-title-bar,
.fusion-page-title-bar-sep,
.fusion-page-title-bar:after,
.fusion-page-title-bar:before,
.fusion-header-wrapper:after,
.fusion-header:after {
  border-bottom: none !important;
  box-shadow: none !important;
  display: none !important;
}

.fusion-header-wrapper,
.fusion-header,
.fusion-main-menu {
  border-bottom: none !important;
  box-shadow: none !important;
}

600;700&display=swap');

/* =========================================================
   Global Reset + Font Control (CSS-only typography)
========================================================= */
html,
body,
button,
input,
select,
textarea {
  font-family: 'Inter', sans-serif !important;
  font-size: 1rem;
  line-height: 1.4; /* Improved for better readability */
  color: #333;
  margin: 0;
  padding: 0;
}

/* =========================================================
   Headings
========================================================= */
h1 {
  font-size: 3.5rem;
  line-height: 1.4; /* Added spacing between lines */
  margin: 2rem 0 1.5rem;
  font-weight: 700;
}

h2 {
  font-size: 3rem;
  line-height: 1.4;
  margin: 2.5rem 0 1.2rem;
  font-weight: 700;
}

h3 {
  font-size: 2.5rem;
  line-height: 1.4rem;
  margin: 2rem 0 1rem;
  font-weight: 600;
}

h4 {
  font-size: 1.25rem;
  line-height: 1.4;
  margin: 1.2rem 0 0.8rem;
  font-weight: 600;
}

/* =========================================================
   Paragraphs
========================================================= */
p {
  font-size: 1rem;
  line-height: 1.4; /* Improved vertical rhythm */
  margin: 0 0 1rem;
  font-weight: 400;
}

/* =========================================================
   Buttons
========================================================= */
button,
.button,
.fusion-button {
  font-family: 'Inter', sans-serif !important;
  font-size: 1rem;
  line-height: 1.5rem; /* Added line-height for balance */
  font-weight: 600;
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: 0.375rem;
  background-color: #00704A;
  color: #ffffff;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

button:hover,
.button:hover,
.fusion-button:hover {
  background-color: #005E3C;
}

/* Primary Button */
.fusion-button.gb-primary {
  background-color: #008854;
  color: #ffffff;
}

.fusion-button.gb-primary:hover {
  background-color: #00A96E;
}

/* Outline Button */
.fusion-button.gb-outline {
  background-color: transparent;
  color: #008854;
  border: 0.125rem solid #008854;
}

/* =========================================================
   Text Colors
========================================================= */
.gb-text-main {
  color: #1C1C1C;
}

.gb-text-muted {
  color: #6E6E6E;
}

/* =========================================================
   Background Colors
========================================================= */
.gb-section-light {
  background-color: #F2F4F3;
}

.gb-section-dark {
  background-color: #006A41;
  color: #ffffff;
}

/* =========================================================
   Accent Colors
========================================================= */
.gb-accent {
  color: #F16E00;
}

.gb-accent-bg {
  background-color: #F16E00;
  color: #ffffff;
}

/* =========================================================
   Borders
========================================================= */
.gb-border-soft {
  border-color: #E1E4E2 !important;
}

.gb-border-strong {
  border-color: #C1C7C3 !important;
}

/* =========================================================
   Blockquote
========================================================= */
blockquote {
  font-family: 'Inter', sans-serif;
  font-size: 1.125rem;
  font-style: italic;
  line-height: 1.9rem; /* Slightly taller for long quotes */
  color: #555;
  border-left: 0.25rem solid #00704A;
  padding: 1rem 1.5rem;
  margin: 2rem 0;
  background-color: #f9f9f9;
}

/* =========================================================
   Table of Contents (TOC)
========================================================= */
.toc {
  font-family: 'Inter', sans-serif;
  background-color: #f0f4f2;
  border: 0.0625rem solid #dce2df;
  padding: 1.5rem;
  margin: 2rem 0;
  border-radius: 0.5rem;
}

.toc h2 {
  font-size: 1.25rem;
  line-height: 1.9rem;
  margin-bottom: 1rem;
  color: #00704A;
}

.toc ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.toc ul li {
  margin-bottom: 0.5rem;
}

.toc ul li a {
  color: #333;
  font-weight: 500;
  text-decoration: none;
}

.toc ul li a:hover {
  color: #00704A;
  text-decoration: underline;
}

/* =========================================================
   Links
========================================================= */
a {
  color: #00704A;
  text-decoration: none;
  transition: color 0.2s ease;
}

a:hover {
  color: #005E3C;
  text-decoration: underline;
}

/* =========================================================
   Form Fields
========================================================= */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
textarea,
select {
  font-family: 'Inter', sans-serif;
  font-size: 1rem;
  line-height: 1.6rem;
  padding: 0.75rem 1rem;
  border: 1px solid #C1C7C3;
  border-radius: 0.375rem;
  width: 100%;
  box-sizing: border-box;
}

input:focus,
textarea:focus,
select:focus {
  border-color: #00704A;
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 112, 74, 0.2);
}

/* =========================================================
   Sub-heading (Auto-wrap spacing)
========================================================= */
.sub-heading {
  font-size: 1.25rem;
  line-height: 2.2rem; /* Improved spacing for multi-line sub-heads */
  font-weight: 600;
  margin-bottom: 1.5rem;
}


/*
===============================================================================
GOLFBOOSTERS NETWORK MASTER CSS
File: style.css
Version: 2.6
Updated: 29 July 2026

Platform:
WordPress Multisite / Avada Theme / Avada Builder / Avada Child Theme

Purpose:
One shared child-theme stylesheet for every GolfBoosters site that uses the
same Avada child theme. WordPress recognises this file as the child theme
stylesheet, and the existing Avada child-theme setup loads it as style.css.

Required location:
/wp-content/themes/Avada-Child-Theme/style.css

If the child-theme folder has a custom name, place this file in that folder root.

Load order:
1. Avada parent-theme styles
2. This Avada child-theme style.css
3. Optional site-specific or language-specific override stylesheet

Compatibility:
- No CSS custom properties
- No CSS Grid
- Uses Flexbox and standard responsive media queries
- Existing class names and selector casing are preserved for compatibility
===============================================================================

MASTER SECTION INDEX

01. Global foundation and utilities
    Establishes the default text colour and reusable text-alignment helpers.

02. Brand heading typography
    Applies Playfair Display, brand colours and controlled heading sizes.

03. General section layouts
    Provides reusable spacing, backgrounds and hero-section behaviour.

04. General cards and column helpers
    Creates bordered cards, premium cards, hover effects and column padding.

05. Avada Content Boxes
    Controls heading behaviour, compact spacing, borders, link cards and sizes.

06. Buttons
    Provides the reusable GolfBoosters green and orange button styles.

07. Checklists and toggles
    Creates compact checklist icons and tighter Avada Toggle spacing.

08. Editorial text layouts
    Styles long-form text, introductions, side cards, labels and quotations.

09. Elegant left-side tabs
    Styles Avada vertical tabs with clear active and hover states.

10. Course information bar
    Creates the icon-and-text information row used on course pages.

11. Compact footer
    Controls footer spacing, headings, links and the lower copyright row.

12. Main course tabs
    Styles This Is Golf, Back to Golf, Break Your Level and The Mind Game.

13. Golf mindset single-column section
    Creates the large background section, white card, copy and text-link CTA.

14. Game improvement two-column section
    Creates the image-fade layout, main copy column and right-hand benefit card.

15. PGA pro support three-column section
    Creates the green copy area, white checklist card and edge-to-edge image,
    while keeping the card and shadow inside the section boundary.


CLASS REFERENCE BY SECTION

01. Utilities
    gb-text-center
    gb-text-narrow
    gb-text-large

02. Headings
    gb-heading

03. Sections
    gb-section
    gb-section-light
    gb-section-white
    gb-section-green
    gb-section-tight
    gb-section-hero

04. Cards
    gb-card
    gb-card-tight
    gb-card-premium
    gb-card-orange
    gb-card-hover
    gb-column-card

05. Content Boxes
    gb-contentbox-compact
    gb-contentbox-brand
    gb-contentbox-light-border
    gb-contentbox-heading-only
    gb-contentbox-mini
    gb-contentbox-tiny
    gb-contentbox-links
    gb-contentbox-heading-small
    gb-contentbox-heading-medium
    gb-contentbox-heading-large

06. Buttons
    Button-green
    Button-Orange

07. Lists and interactive content
    gb-checklist-small
    gb-toggle-tight

08. Editorial text
    gb-text-container
    gb-text-label
    gb-text-main
    gb-text-intro
    gb-text-accent-line
    gb-text-aside
    gb-text-quote

09. General left-side tabs
    gb-tabs-left-elegant

10. Course information bar
    gb-course-info-bar
    gb-course-info-cell
    gb-course-info-item
    gb-course-info-icon
    gb-course-info-copy
    gb-course-info-label
    gb-course-info-text

11. Footer
    gb-footer-tight
    gb-footer-bottom

12. Main course tabs
    Main Tabs Element:
      gb-break-tabs

    Optional outer Container:
      gb-break-tabs-shell

    Three content Columns:
      gb-course-intro
      gb-course-learning
      gb-course-visual

    Left-column Elements:
      gb-current-badge
      gb-best-for
      gb-tab-primary
      gb-tab-secondary

    Learning section:
      gb-learning-title
      gb-learning-grid

    Right-side Image Element:
      gb-course-image

13. Golf mindset section
    gb-mindset-section
    gb-mindset-card
    gb-mindset-eyebrow
    gb-mindset-divider
    gb-mindset-divider-second
    gb-mindset-title
    gb-mindset-intro
    gb-mindset-body
    gb-mindset-cta
    gb-mindset-arrow

14. Game improvement section
    gb-improvement-section
    gb-improvement-spacer
    gb-improvement-copy
    gb-improvement-eyebrow
    gb-improvement-divider
    gb-improvement-title
    gb-improvement-lead
    gb-improvement-body
    gb-improvement-cta
    gb-improvement-link
    gb-improvement-arrow
    gb-why-card
    gb-why-title
    gb-why-divider
    gb-why-intro
    gb-why-list
    gb-why-button

15. PGA pro support section
    gb-pro-support-section
    gb-pro-support-copy
    gb-pro-support-card
    gb-pro-support-image


CHILD-THEME AND AVADA NOTES

1. Save this file as style.css in the root of the active Avada child theme.
2. Keep the WordPress child-theme header at the very top of this file.
3. Do not enqueue a second copy of this same stylesheet from functions.php.
4. Do not duplicate the complete file in Avada > Options > Custom CSS.
5. Remove or disable older copies of the same rules to avoid conflicts.
6. Enter every class name in Avada without the leading period.
7. Class names are case-sensitive. Button-green and Button-Orange retain their
   existing capital letters so current page assignments continue to work.
8. Keep Avada typography and colour fields empty where this CSS controls them.
9. Keep responsive rules inside their numbered component sections.
10. The main course Tabs Element should use:
    - Horizontal layout
    - Justify Tabs: Yes
    - Tab Title Tag: DIV or H4
    - Icon Position: Left
    - Tab Content Padding: 0
11. Apply gb-learning-grid to the parent Content Boxes Element.
12. Set the learning Content Boxes to three columns.
13. Apply gb-course-image to the right-side Image Element.
14. Section 12.05 generates English tab subtitles with CSS content. For other
    languages, place translated content overrides in a small site-specific CSS
    file that loads after this style.css file.
15. For Section 15, use one Container with zero column gap and apply:
    - gb-pro-support-section to the outer Container
    - gb-pro-support-copy to the left text Column
    - gb-pro-support-card to the middle checklist Column
    - gb-pro-support-image to the right background-image Column
16. After updating this file, purge Avada generated CSS, LiteSpeed/CDN cache and
    browser cache before checking the result.
===============================================================================
*/


/* ==========================================================
   GOLFBOOSTERS MASTER CSS
   VERSION 2.6
   ========================================================== */


/* ==========================================================
   01. GLOBAL FOUNDATION AND UTILITY CLASSES
   Classes: gb-text-center, gb-text-narrow, gb-text-large
   ========================================================== */

body {
  color: #1f2933;
}

.gb-text-center {
  text-align: center !important;
}

.gb-text-narrow {
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.gb-text-large {
  font-size: 20px !important;
  line-height: 1.6 !important;
}


/* ==========================================================
   02. BRAND HEADING TYPOGRAPHY
   Class: gb-heading
   ========================================================== */

.gb-heading h1,
.gb-heading h2,
.gb-heading h3,
.gb-heading h4,
.gb-heading h5,
.gb-heading h6,
.gb-heading .content-box-heading,
.gb-heading .fusion-title-heading {
  font-family: "Playfair Display", serif !important;
  color: #003d32 !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  margin-top: 0 !important;
}

.gb-heading h1 {
  font-size: 60px !important;
  line-height: 1.08 !important;
}

.gb-heading h2 {
  font-size: 42px !important;
  line-height: 1.15 !important;
}

.gb-heading h3 {
  font-size: 30px !important;
  line-height: 1.2 !important;
}

.gb-heading h4 {
  font-size: 24px !important;
  line-height: 1.25 !important;
}

.gb-heading h5 {
  font-size: 19px !important;
  line-height: 1.3 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}


/* ==========================================================
   03. GENERAL SECTION LAYOUTS
   Classes: gb-section, gb-section-light, gb-section-white,
   gb-section-green, gb-section-tight, gb-section-hero
   ========================================================== */

.gb-section {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

.gb-section-light {
  background-color: #f7f9f8 !important;
}

.gb-section-white {
  background-color: #ffffff !important;
}

.gb-section-green {
  background-color: #008854 !important;
  color: #ffffff !important;
}

.gb-section-tight {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.gb-section-hero {
  min-height: 680px !important;
  display: flex !important;
  align-items: center !important;
}


/* ==========================================================
   04. GENERAL CARDS AND COLUMN WRAPPERS
   Classes: gb-card, gb-card-tight, gb-card-premium,
   gb-card-orange, gb-card-hover, gb-column-card
   ========================================================== */

.gb-card {
  padding: 24px !important;
  border: 1px solid #e6ebeb !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04) !important;
}

.gb-card-tight {
  padding: 16px !important;
}

.gb-card-premium {
  border-color: #008854 !important;
  box-shadow: 0 10px 28px rgba(0, 136, 84, 0.12) !important;
}

.gb-card-orange {
  border-left: 4px solid #f38e28 !important;
}

.gb-card-hover {
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.gb-card-hover:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.10) !important;
}


/* ----------------------------------------------------------
   04.01 COLUMN CARD HELPER
   Class: gb-column-card
   ---------------------------------------------------------- */

.gb-column-card > .fusion-column-wrapper {
  padding: 24px !important;
}

@media only screen and (max-width: 767px) {
  .gb-column-card > .fusion-column-wrapper {
    padding: 18px !important;
  }
}


/* ==========================================================
   05. AVADA CONTENT BOXES
   Base behaviour, spacing variants, visual variants and optional heading sizes
   ========================================================== */


/* ----------------------------------------------------------
   05.01 BASE HEADING BEHAVIOUR
   Applies shared line-height, weight and spacing without forcing font size
   ---------------------------------------------------------- */

/* Standard Avada Content Box headings.
   Important: no font-size here, so Avada H1-H5 and px settings can work. */
.fusion-content-boxes .content-box-heading,
.fusion-content-boxes .content-box-heading a,
.fusion-content-boxes .heading h1,
.fusion-content-boxes .heading h2,
.fusion-content-boxes .heading h3,
.fusion-content-boxes .heading h4,
.fusion-content-boxes .heading h5,
.fusion-content-boxes .heading h6 {
  line-height: 1.2 !important;
  font-weight: 700 !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

/* Compact Content Boxes */
.gb-contentbox-compact .content-box-heading,
.gb-contentbox-compact .content-box-heading a,
.gb-contentbox-compact .heading h1,
.gb-contentbox-compact .heading h2,
.gb-contentbox-compact .heading h3,
.gb-contentbox-compact .heading h4,
.gb-contentbox-compact .heading h5,
.gb-contentbox-compact .heading h6 {
  line-height: 1.2 !important;
  margin-bottom: 6px !important;
}

/* Link-style Content Boxes */
.gb-contentbox-links .content-box-heading,
.gb-contentbox-links .content-box-heading a,
.gb-contentbox-links .heading h1,
.gb-contentbox-links .heading h2,
.gb-contentbox-links .heading h3,
.gb-contentbox-links .heading h4,
.gb-contentbox-links .heading h5,
.gb-contentbox-links .heading h6 {
  line-height: 1.18 !important;
  margin-bottom: 10px !important;
}

/* Mini Content Boxes */
.gb-contentbox-mini .content-box-heading,
.gb-contentbox-mini .content-box-heading a,
.gb-contentbox-mini .heading h1,
.gb-contentbox-mini .heading h2,
.gb-contentbox-mini .heading h3,
.gb-contentbox-mini .heading h4,
.gb-contentbox-mini .heading h5,
.gb-contentbox-mini .heading h6 {
  line-height: 1.2 !important;
  margin-bottom: 3px !important;
}

/* Tiny Content Boxes */
.gb-contentbox-tiny .content-box-heading,
.gb-contentbox-tiny .content-box-heading a,
.gb-contentbox-tiny .heading h1,
.gb-contentbox-tiny .heading h2,
.gb-contentbox-tiny .heading h3,
.gb-contentbox-tiny .heading h4,
.gb-contentbox-tiny .heading h5,
.gb-contentbox-tiny .heading h6 {
  line-height: 1.2 !important;
  margin-bottom: 4px !important;
}

/* Optional Content Box heading size classes.
   Use only when you want CSS to control the size. */


/* ----------------------------------------------------------
   05.02 COMPACT CONTENT BOX SPACING
   Class: gb-contentbox-compact
   ---------------------------------------------------------- */

.gb-contentbox-compact .content-box-column {
  margin-bottom: 10px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.gb-contentbox-compact .content-box-wrapper {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
  margin: 0 !important;
}

.gb-contentbox-compact .heading,
.gb-contentbox-compact .heading-with-icon {
  margin-top: 0 !important;
  margin-bottom: 6px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.gb-contentbox-compact .content-box-heading,
.gb-contentbox-compact .content-box-heading a {
  margin-top: 0 !important;
  margin-bottom: 6px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.gb-contentbox-compact .content-container {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.gb-contentbox-compact .content-container p:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}


/* ----------------------------------------------------------
   05.03 BRAND HEADING AND ICON COLOURS
   Class: gb-contentbox-brand
   ---------------------------------------------------------- */

.gb-contentbox-brand .content-box-heading,
.gb-contentbox-brand .content-box-heading a,
.gb-contentbox-brand .heading h1,
.gb-contentbox-brand .heading h2,
.gb-contentbox-brand .heading h3,
.gb-contentbox-brand .heading h4,
.gb-contentbox-brand .heading h5,
.gb-contentbox-brand .heading h6 {
  color: #003d32 !important;
  font-weight: 700 !important;
}

.gb-contentbox-brand .fontawesome-icon,
.gb-contentbox-brand .heading .fontawesome-icon,
.gb-contentbox-brand .content-box-wrapper .fontawesome-icon,
.gb-contentbox-brand i {
  color: #003d32 !important;
  border-color: #003d32 !important;
}

.gb-contentbox-brand svg,
.gb-contentbox-brand svg path {
  fill: #003d32 !important;
  color: #003d32 !important;
}


/* ----------------------------------------------------------
   05.04 LIGHT BORDER CONTENT BOX
   Class: gb-contentbox-light-border
   ---------------------------------------------------------- */

.gb-contentbox-light-border .content-box-wrapper {
  border: 1px solid #9fb2ac !important;
  border-radius: 8px !important;
  background-color: #ffffff !important;
  box-shadow: none !important;
}


/* ----------------------------------------------------------
   05.05 HEADING-ONLY CONTENT BOX
   Class: gb-contentbox-heading-only
   ---------------------------------------------------------- */

.gb-contentbox-heading-only .heading,
.gb-contentbox-heading-only .heading-with-icon {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.gb-contentbox-heading-only .content-box-heading,
.gb-contentbox-heading-only .content-box-heading a {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.gb-contentbox-heading-only .content-container {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.gb-contentbox-heading-only .content-container:empty,
.gb-contentbox-heading-only .content-container p:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.gb-contentbox-heading-only .content-box-wrapper {
  padding-bottom: 12px !important;
}


/* ----------------------------------------------------------
   05.06 MINI HORIZONTAL CONTENT BOX
   Class: gb-contentbox-mini
   ---------------------------------------------------------- */

.gb-contentbox-mini .content-box-wrapper {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 18px 24px !important;
  margin: 0 !important;
  background: #ffffff !important;
  border: 1px solid #e6ebeb !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.gb-contentbox-mini .content-box-column,
.gb-contentbox-mini .heading,
.gb-contentbox-mini .heading-with-icon,
.gb-contentbox-mini .content-container {
  margin: 0 !important;
  padding: 0 !important;
}

.gb-contentbox-mini .fontawesome-icon,
.gb-contentbox-mini .heading .fontawesome-icon,
.gb-contentbox-mini .content-box-wrapper .fontawesome-icon {
  color: #003d32 !important;
  border-color: #003d32 !important;
  background: transparent !important;
  font-size: 30px !important;
  width: 38px !important;
  height: 38px !important;
  line-height: 38px !important;
  margin: 0 !important;
  flex: 0 0 38px !important;
}

.gb-contentbox-mini svg,
.gb-contentbox-mini svg path {
  fill: #003d32 !important;
  color: #003d32 !important;
}

.gb-contentbox-mini .content-box-heading,
.gb-contentbox-mini .content-box-heading a {
  color: #111111 !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin: 0 0 3px 0 !important;
  padding: 0 !important;
}

.gb-contentbox-mini .content-container p {
  color: #333333 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* ----------------------------------------------------------
   05.07 TINY CONTENT BOX
   Class: gb-contentbox-tiny
   Avada-safe Flexbox version; no CSS Grid
   ---------------------------------------------------------- */

.gb-contentbox-tiny .content-box-wrapper {
  display: block !important;
  padding: 0 !important;
  margin: 0 0 16px 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  text-align: left !important;
}

.gb-contentbox-tiny .content-box-column,
.gb-contentbox-tiny .heading,
.gb-contentbox-tiny .heading-with-icon,
.gb-contentbox-tiny .content-container {
  padding: 0 !important;
}

.gb-contentbox-tiny .heading,
.gb-contentbox-tiny .heading-with-icon {
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  margin: 0 0 4px 0 !important;
}

.gb-contentbox-tiny .icon {
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.gb-contentbox-tiny .fontawesome-icon,
.gb-contentbox-tiny .heading .fontawesome-icon,
.gb-contentbox-tiny .content-box-wrapper .fontawesome-icon {
  color: #003d32 !important;
  border-color: #003d32 !important;
  background: transparent !important;
  font-size: 32px !important;
  width: 44px !important;
  height: 44px !important;
  line-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.gb-contentbox-tiny svg,
.gb-contentbox-tiny svg path {
  fill: #003d32 !important;
  color: #003d32 !important;
}

.gb-contentbox-tiny .content-box-heading,
.gb-contentbox-tiny .content-box-heading a,
.gb-contentbox-tiny .heading h1,
.gb-contentbox-tiny .heading h2,
.gb-contentbox-tiny .heading h3,
.gb-contentbox-tiny .heading h4,
.gb-contentbox-tiny .heading h5,
.gb-contentbox-tiny .heading h6 {
  color: #111111 !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

.gb-contentbox-tiny .content-container {
  margin: 0 0 0 58px !important;
  padding: 0 !important;
  text-align: left !important;
}

.gb-contentbox-tiny .content-container p {
  color: #333333 !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}


/* ----------------------------------------------------------
   05.08 LINK CARD CONTENT BOXES
   Class: gb-contentbox-links
   ---------------------------------------------------------- */

.gb-contentbox-links .content-box-wrapper {
  display: flex !important;
  align-items: flex-start !important;
  gap: 22px !important;
  height: 100% !important;
  min-height: 220px !important;
  padding: 34px 32px !important;
  margin: 0 !important;
  background: #ffffff !important;
  border: 1px solid #e6ebeb !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  transition: all 0.25s ease !important;
}

.gb-contentbox-links .content-box-wrapper:hover {
  border-color: #003d32 !important;
  box-shadow: 0 10px 28px rgba(0, 61, 50, 0.08) !important;
  transform: translateY(-3px) !important;
}

.gb-contentbox-links .content-box-column,
.gb-contentbox-links .heading,
.gb-contentbox-links .heading-with-icon,
.gb-contentbox-links .content-container {
  margin: 0 !important;
  padding: 0 !important;
}

.gb-contentbox-links .fontawesome-icon,
.gb-contentbox-links .heading .fontawesome-icon,
.gb-contentbox-links .content-box-wrapper .fontawesome-icon {
  color: #003d32 !important;
  border-color: #003d32 !important;
  background: transparent !important;
  font-size: 46px !important;
  width: 58px !important;
  height: 58px !important;
  line-height: 58px !important;
  margin: 0 !important;
  flex: 0 0 58px !important;
}

.gb-contentbox-links svg,
.gb-contentbox-links svg path {
  fill: #003d32 !important;
  color: #003d32 !important;
}

.gb-contentbox-links .content-box-heading,
.gb-contentbox-links .content-box-heading a {
  color: #111111 !important;
  font-family: "Playfair Display", serif !important;
  font-weight: 700 !important;
  line-height: 1.18 !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
}

.gb-contentbox-links .content-container p {
  color: #333333 !important;
  font-size: 18px !important;
  line-height: 1.45 !important;
  margin-top: 0 !important;
  margin-bottom: 18px !important;
}

.gb-contentbox-links .content-container a,
.gb-contentbox-links .fusion-read-more {
  color: #f16e00 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.gb-contentbox-links .content-container a:hover,
.gb-contentbox-links .fusion-read-more:hover {
  color: #003d32 !important;
  text-decoration: none !important;
}


/* ----------------------------------------------------------
   05.09 OPTIONAL CONTENT BOX HEADING SIZES
   Classes: gb-contentbox-heading-small, gb-contentbox-heading-medium,
   gb-contentbox-heading-large
   ---------------------------------------------------------- */

.gb-contentbox-heading-small .content-box-heading,
.gb-contentbox-heading-small .content-box-heading a {
  font-size: 18px !important;
}

.gb-contentbox-heading-medium .content-box-heading,
.gb-contentbox-heading-medium .content-box-heading a {
  font-size: 22px !important;
}

.gb-contentbox-heading-large .content-box-heading,
.gb-contentbox-heading-large .content-box-heading a {
  font-size: 28px !important;
}


/* ==========================================================
   06. BUTTON STYLES
   Classes: Button-green, Button-Orange
   ========================================================== */

.Button-green,
.Button-green.fusion-button,
.Button-green .fusion-button,
.Button-Orange,
.Button-Orange.fusion-button,
.Button-Orange .fusion-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-width: 320px !important;
  min-height: 72px !important;
  padding: 18px 34px !important;
  border-radius: 6px !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
}

.Button-green,
.Button-green.fusion-button,
.Button-green .fusion-button {
  background-color: #008854 !important;
  color: #ffffff !important;
  border: 2px solid #003d32 !important;
  box-shadow: 0 4px 10px rgba(0, 61, 50, 0.25) !important;
}

.Button-green:hover,
.Button-green.fusion-button:hover,
.Button-green .fusion-button:hover {
  background-color: #005746 !important;
  border-color: #005746 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}

.Button-Orange,
.Button-Orange.fusion-button,
.Button-Orange .fusion-button {
  background-color: #ffffff !important;
  color: #f16e00 !important;
  border: 2px solid #f38e28 !important;
  box-shadow: none !important;
}

.Button-Orange:hover,
.Button-Orange.fusion-button:hover,
.Button-Orange .fusion-button:hover {
  background-color: #f38e28 !important;
  color: #ffffff !important;
  border-color: #f38e28 !important;
  transform: translateY(-2px) !important;
}

.Button-green .fusion-button-text,
.Button-Orange .fusion-button-text {
  color: inherit !important;
  margin-right: 0 !important;
}

.Button-green .fusion-button-icon-position-right,
.Button-Orange .fusion-button-icon-position-right,
.Button-green .fusion-button-icon,
.Button-Orange .fusion-button-icon {
  margin-left: 6px !important;
}

.Button-green i,
.Button-green .fusion-button-icon,
.Button-green svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}

.Button-Orange i,
.Button-Orange .fusion-button-icon,
.Button-Orange svg {
  color: #f16e00 !important;
  fill: #f16e00 !important;
}

.Button-Orange:hover i,
.Button-Orange:hover .fusion-button-icon,
.Button-Orange:hover svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}


/* ==========================================================
   07. CHECKLISTS AND TOGGLES
   ========================================================== */


/* ----------------------------------------------------------
   07.01 SMALL CHECKLIST
   Class: gb-checklist-small
   ---------------------------------------------------------- */

.gb-checklist-small,
.gb-checklist-small .fusion-li-item,
.gb-checklist-small .fusion-li-item-content,
.gb-checklist-small li {
  font-size: 15px !important;
  line-height: 1.35 !important;
}

.gb-checklist-small .fusion-li-item,
.gb-checklist-small li {
  margin-bottom: 6px !important;
  padding-bottom: 0 !important;
}

.gb-checklist-small .icon-wrapper,
.gb-checklist-small .fusion-li-icon {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  width: 18px !important;
  height: 18px !important;
  line-height: 18px !important;
  min-width: 18px !important;
  margin-right: 8px !important;
}

.gb-checklist-small .icon-wrapper i,
.gb-checklist-small .fusion-li-icon i,
.gb-checklist-small i {
  color: #003d32 !important;
  font-size: 14px !important;
  line-height: 18px !important;
}

.gb-checklist-small svg,
.gb-checklist-small svg path {
  fill: #003d32 !important;
  color: #003d32 !important;
}

.gb-checklist-small .circle-yes,
.gb-checklist-small .icon-wrapper.circle-yes {
  background: transparent !important;
  border: none !important;
}


/* ----------------------------------------------------------
   07.02 TIGHT TOGGLE SPACING
   Class: gb-toggle-tight
   ---------------------------------------------------------- */

.gb-toggle-tight .fusion-panel,
.gb-toggle-tight .panel,
.gb-toggle-tight .fusion-toggle-box {
  margin-bottom: 6px !important;
}

.gb-toggle-tight .fusion-panel:last-child,
.gb-toggle-tight .panel:last-child,
.gb-toggle-tight .fusion-toggle-box:last-child {
  margin-bottom: 0 !important;
}

.gb-toggle-tight .panel-heading,
.gb-toggle-tight .fusion-toggle-heading {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.gb-toggle-tight .panel-title,
.gb-toggle-tight .toggle-title {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.25 !important;
}

.gb-toggle-tight .panel-body,
.gb-toggle-tight .toggle-content {
  padding-top: 10px !important;
  padding-bottom: 12px !important;
}

.gb-toggle-tight .panel-body p:last-child,
.gb-toggle-tight .toggle-content p:last-child {
  margin-bottom: 0 !important;
}


/* ==========================================================
   08. EDITORIAL TEXT LAYOUTS
   For longer one-column and two-column explanatory sections
   Classes: gb-text-container, gb-text-label, gb-text-main, gb-text-intro,
   gb-text-accent-line, gb-text-aside, gb-text-quote
   ========================================================== */

/* Main one-column text container */
.gb-text-container {
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
}

/* Small green label above heading */
.gb-text-label {
  display: inline-block;
  margin-bottom: 14px;
  font-family: Inter, Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #008854;
}

/* Main editorial heading */
.gb-text-container h2,
.gb-text-main h2 {
  margin-bottom: 22px;
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1.08;
  font-weight: 700;
  color: #16211D;
}

/* Paragraph styling */
.gb-text-container p,
.gb-text-main p {
  margin-bottom: 20px;
  font-family: Inter, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.75;
  color: #2D3732;
}

/* Strong intro paragraph */
.gb-text-intro {
  font-size: 21px !important;
  line-height: 1.6 !important;
  color: #16211D !important;
}

/* Optional thin accent line */
.gb-text-accent-line {
  width: 64px;
  height: 3px;
  margin-bottom: 28px;
  background: #008854;
  border-radius: 999px;
}

/* Two-column main text */
.gb-text-main {
  max-width: 760px;
}

/* Right-side highlight box */
.gb-text-aside {
  background: #F7FAF9;
  border: 1px solid #E6EBEB;
  border-radius: 22px;
  padding: 34px;
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.05);
}

/* Aside heading */
.gb-text-aside h3 {
  margin-bottom: 16px;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 28px;
  line-height: 1.15;
  color: #16211D;
}

/* Aside text */
.gb-text-aside p,
.gb-text-aside li {
  font-family: Inter, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.65;
  color: #2D3732;
}

/* Aside list */
.gb-text-aside ul {
  margin: 0;
  padding-left: 20px;
}

.gb-text-aside li {
  margin-bottom: 10px;
}

/* Optional quote style */
.gb-text-quote {
  border-left: 4px solid #F38E28;
  padding-left: 20px;
  font-size: 20px;
  line-height: 1.55;
  font-style: italic;
  color: #16211D;
}

/* ----------------------------------------------------------
   08.01 MOBILE ADJUSTMENTS
   ---------------------------------------------------------- */
@media only screen and (max-width: 768px) {
  .gb-text-container,
  .gb-text-main {
    max-width: 100%;
  }

  .gb-text-container p,
  .gb-text-main p {
    font-size: 17px;
    line-height: 1.7;
  }

  .gb-text-intro {
    font-size: 19px !important;
  }

  .gb-text-aside {
    margin-top: 28px;
    padding: 26px;
    border-radius: 18px;
  }

  .gb-text-aside h3 {
    font-size: 24px;
  }
}


/* ==========================================================
   09. ELEGANT LEFT-SIDE TABS
   Class: gb-tabs-left-elegant
   ========================================================== */

.gb-tabs-left-elegant.fusion-tabs,
.gb-tabs-left-elegant .fusion-tabs {
  display: flex !important;
  gap: 28px !important;
  align-items: flex-start !important;
}

.gb-tabs-left-elegant .nav-tabs {
  width: 260px !important;
  min-width: 260px !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.gb-tabs-left-elegant .nav-tabs > li {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

.gb-tabs-left-elegant .nav-tabs > li > a,
.gb-tabs-left-elegant .nav-tabs > li .tab-link {
  display: block !important;
  width: 100% !important;
  padding: 15px 18px !important;
  background: #f7f9f8 !important;
  color: #003d32 !important;
  border: 1px solid #d6dedb !important;
  border-radius: 8px !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  text-align: left !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: all 0.25s ease !important;
}

.gb-tabs-left-elegant .nav-tabs > li > a:hover,
.gb-tabs-left-elegant .nav-tabs > li .tab-link:hover {
  background: #ffffff !important;
  color: #008854 !important;
  border-color: #008854 !important;
  box-shadow: 0 6px 18px rgba(0, 61, 50, 0.08) !important;
}

.gb-tabs-left-elegant .nav-tabs > li.active > a,
.gb-tabs-left-elegant .nav-tabs > li.active > a:hover,
.gb-tabs-left-elegant .nav-tabs > li.active .tab-link,
.gb-tabs-left-elegant .nav-tabs > li.active .tab-link:hover {
  background: #003d32 !important;
  color: #ffffff !important;
  border-color: #003d32 !important;
  box-shadow: 0 8px 22px rgba(0, 61, 50, 0.16) !important;
}

.gb-tabs-left-elegant .tab-content {
  flex: 1 !important;
  width: auto !important;
  padding: 30px 34px !important;
  background: #ffffff !important;
  border: 1px solid #e6ebeb !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 26px rgba(0, 61, 50, 0.06) !important;
}

.gb-tabs-left-elegant .tab-content h2,
.gb-tabs-left-elegant .tab-content h3,
.gb-tabs-left-elegant .tab-content h4 {
  color: #003d32 !important;
  margin-top: 0 !important;
}

.gb-tabs-left-elegant .tab-content p:last-child {
  margin-bottom: 0 !important;
}


/* ==========================================================
   10. COURSE INFORMATION BAR
   Reliable HTML-based version
   Classes: gb-course-info-bar, gb-course-info-cell, gb-course-info-item,
   gb-course-info-icon, gb-course-info-copy, gb-course-info-label,
   gb-course-info-text
   ========================================================== */

.gb-course-info-bar {
  background: #ffffff !important;
  border: 1px solid #dfe7e4 !important;
  border-radius: 10px !important;
  box-shadow: 0 3px 12px rgba(0, 61, 50, 0.06) !important;
  overflow: hidden !important;
  padding: 0 !important;
}

.gb-course-info-bar .fusion-row,
.gb-course-info-bar .fusion-layout-column,
.gb-course-info-bar .fusion-column-wrapper {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.gb-course-info-cell .fusion-column-wrapper {
  padding: 0 !important;
  margin: 0 !important;
}

.gb-course-info-item {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  min-height: 92px !important;
  padding: 18px 24px !important;
  background: #ffffff !important;
  text-align: left !important;
}

.gb-course-info-cell:not(:last-child) .gb-course-info-item {
  border-right: 1px solid #dfe7e4 !important;
}

.gb-course-info-icon {
  color: #003d32 !important;
  font-size: 34px !important;
  line-height: 1 !important;
  width: 42px !important;
  min-width: 42px !important;
  text-align: center !important;
  background: transparent !important;
}

.gb-course-info-copy {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.gb-course-info-label {
  display: block !important;
  color: #111111 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  padding: 0 !important;
}

.gb-course-info-text {
  display: block !important;
  color: #333333 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* Example HTML for each course info item:
<div class="gb-course-info-item">
  <div class="gb-course-info-icon">⚑</div>
  <div class="gb-course-info-copy">
    <span class="gb-course-info-label">LEVEL</span>
    <span class="gb-course-info-text">All Levels</span>
  </div>
</div>
*/


/* ==========================================================
   11. COMPACT FOOTER
   Classes: gb-footer-tight, gb-footer-bottom
   ========================================================== */

.gb-footer-tight {
  background: #f7f9f8 !important;
  border-top: 1px solid #d6dedb !important;
  padding-top: 34px !important;
  padding-bottom: 24px !important;
  color: #1f2933 !important;
}

.gb-footer-tight .fusion-layout-column,
.gb-footer-tight .fusion-column-wrapper {
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.gb-footer-tight h1,
.gb-footer-tight h2,
.gb-footer-tight h3,
.gb-footer-tight h4,
.gb-footer-tight h5,
.gb-footer-tight h6,
.gb-footer-tight .widget-title {
  color: #003d32 !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  margin-top: 0 !important;
  margin-bottom: 10px !important;
  padding-bottom: 0 !important;
}

.gb-footer-tight p {
  color: #333333 !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

.gb-footer-tight ul,
.gb-footer-tight .menu,
.gb-footer-tight .fusion-menu {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.gb-footer-tight li,
.gb-footer-tight .menu-item {
  margin: 0 0 5px 0 !important;
  padding: 0 !important;
  line-height: 1.25 !important;
}

.gb-footer-tight a,
.gb-footer-tight .menu-item a,
.gb-footer-tight .fusion-menu a {
  color: #1f2933 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.gb-footer-tight a:hover,
.gb-footer-tight .menu-item a:hover,
.gb-footer-tight .fusion-menu a:hover {
  color: #008854 !important;
  text-decoration: none !important;
}

.gb-footer-tight .fusion-menu-element-wrapper,
.gb-footer-tight .fusion-menu-element-list,
.gb-footer-tight .fusion-menu-element-list > li {
  margin: 0 !important;
  padding: 0 !important;
}

.gb-footer-tight .gb-footer-bottom {
  border-top: 1px solid #d6dedb !important;
  margin-top: 24px !important;
  padding-top: 14px !important;
  font-size: 14px !important;
  color: #555555 !important;
}

/* ==========================================================
   12. MAIN COURSE TABS
   Styles the four primary course-navigation tabs and their content panels.
   Main class on the Avada Tabs Element: gb-break-tabs
   Optional outer Container class: gb-break-tabs-shell
   ========================================================== */


/* ----------------------------------------------------------
   12.01 OUTER SHELL
   Creates the rounded white frame, subtle border and premium shadow.
   ---------------------------------------------------------- */

.gb-break-tabs-shell {
  width: 100% !important;
  background-color: #ffffff !important;
  border: 1px solid #e3e8e5 !important;
  border-radius: 22px !important;
  box-shadow: 0 12px 35px rgba(20, 40, 32, 0.10) !important;
  overflow: hidden !important;
}

.gb-break-tabs,
.gb-break-tabs.fusion-tabs {
  position: relative !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: #ffffff !important;
  border: 1px solid #e3e8e5 !important;
  border-radius: 22px !important;
  box-shadow: 0 12px 35px rgba(20, 40, 32, 0.10) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* Prevent a double frame when the optional outer shell is used. */
.gb-break-tabs-shell .gb-break-tabs,
.gb-break-tabs-shell .gb-break-tabs.fusion-tabs {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}


/* ----------------------------------------------------------
   12.02 NAVIGATION RESET
   Removes Avada spacing and creates one continuous four-column row.
   ---------------------------------------------------------- */

.gb-break-tabs > .nav {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: #f4f5fa !important;
  border: 0 !important;
}

.gb-break-tabs > .nav > .nav-tabs,
.gb-break-tabs > .nav > ul.nav-tabs,
.gb-break-tabs .nav-tabs.nav-justified {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  border-spacing: 0 !important;
  background-color: #f4f5fa !important;
  border: 0 !important;
  border-bottom: 1px solid #dfe5e2 !important;
  box-sizing: border-box !important;
}


/* ----------------------------------------------------------
   12.03 FOUR EQUAL TAB COLUMNS
   Makes every tab fill exactly one quarter of the navigation width.
   ---------------------------------------------------------- */

.gb-break-tabs > .nav > .nav-tabs > li,
.gb-break-tabs > .nav > ul.nav-tabs > li,
.gb-break-tabs .nav-tabs.nav-justified > li {
  position: relative !important;
  display: flex !important;
  align-items: stretch !important;
  float: none !important;
  clear: none !important;
  flex: 1 1 0 !important;
  width: 0 !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: #f4f5fa !important;
  border: 0 !important;
  border-right: 1px solid #dfe5e2 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.gb-break-tabs > .nav > .nav-tabs > li:last-child,
.gb-break-tabs > .nav > ul.nav-tabs > li:last-child,
.gb-break-tabs .nav-tabs.nav-justified > li:last-child {
  border-right: 0 !important;
}

.gb-break-tabs > .nav > .nav-tabs > li::before,
.gb-break-tabs > .nav > .nav-tabs > li::after,
.gb-break-tabs > .nav > ul.nav-tabs > li::before,
.gb-break-tabs > .nav > ul.nav-tabs > li::after {
  content: none !important;
  display: none !important;
}


/* ----------------------------------------------------------
   12.04 CLICKABLE TAB LINKS
   Makes each link fill its complete column with compact vertical spacing.
   ---------------------------------------------------------- */

.gb-break-tabs > .nav > .nav-tabs > li > a,
.gb-break-tabs > .nav > .nav-tabs > li > a.tab-link,
.gb-break-tabs > .nav > .nav-tabs > li > .tab-link,
.gb-break-tabs .nav-tabs.nav-justified > li > a {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  align-self: stretch !important;
  flex: 1 1 auto !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 112px !important;
  margin: 0 !important;
  padding: 18px 28px !important;
  color: #626965 !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-align: left !important;
  text-decoration: none !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  transition:
    color 0.20s ease,
    background-color 0.20s ease;
}

.gb-break-tabs > .nav > .nav-tabs > li > a::before,
.gb-break-tabs > .nav > .nav-tabs > li > .tab-link::before {
  content: none !important;
  display: none !important;
}


/* ----------------------------------------------------------
   12.05 TAB TITLE AND GENERATED SUBTITLE
   Keeps the title on the first line and the subtitle directly below it.
   ---------------------------------------------------------- */

.gb-break-tabs > .nav > .nav-tabs .fusion-tab-heading {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 0 0 58px !important;
  color: inherit !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 22px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
  text-align: left !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

.gb-break-tabs > .nav > .nav-tabs h1.fusion-tab-heading,
.gb-break-tabs > .nav > .nav-tabs h2.fusion-tab-heading,
.gb-break-tabs > .nav > .nav-tabs h3.fusion-tab-heading,
.gb-break-tabs > .nav > .nav-tabs h4.fusion-tab-heading,
.gb-break-tabs > .nav > .nav-tabs h5.fusion-tab-heading,
.gb-break-tabs > .nav > .nav-tabs h6.fusion-tab-heading,
.gb-break-tabs > .nav > .nav-tabs div.fusion-tab-heading,
.gb-break-tabs > .nav > .nav-tabs span.fusion-tab-heading {
  margin: 0 !important;
}

.gb-break-tabs > .nav > .nav-tabs > li .fusion-tab-heading::after {
  position: static !important;
  display: block !important;
  width: 100% !important;
  margin: 5px 0 0 !important;
  padding: 0 !important;
  color: #626965 !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  white-space: normal !important;
  transform: none !important;
}

/* English subtitles. Change these four values on translated subsites. */
.gb-break-tabs > .nav > .nav-tabs > li:nth-child(1) .fusion-tab-heading::after {
  content: "Learn the Game From the Start";
}

.gb-break-tabs > .nav > .nav-tabs > li:nth-child(2) .fusion-tab-heading::after {
  content: "Return to Golf With Confidence";
}

.gb-break-tabs > .nav > .nav-tabs > li:nth-child(3) .fusion-tab-heading::after {
  content: "Break 110, 100, 90 or 80";
}

.gb-break-tabs > .nav > .nav-tabs > li:nth-child(4) .fusion-tab-heading::after {
  content: "Master the mental part of golf";
}


/* ----------------------------------------------------------
   12.06 TAB ICONS, HOVER AND ACTIVE STATES
   Positions the icon and controls hover, active colour and underline.
   ---------------------------------------------------------- */

.gb-break-tabs > .nav > .nav-tabs .fusion-tab-heading > i,
.gb-break-tabs > .nav > .nav-tabs .fusion-tab-heading > .fontawesome-icon {
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  right: auto !important;
  bottom: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 46px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-size: 38px !important;
  line-height: 1 !important;
  text-align: center !important;
  transform: translateY(-50%) !important;
  box-shadow: none !important;
  z-index: 3;
}

/* Supports Avada versions that place the icon directly inside the link. */
.gb-break-tabs > .nav > .nav-tabs > li > a > i,
.gb-break-tabs > .nav > .nav-tabs > li > .tab-link > i,
.gb-break-tabs > .nav > .nav-tabs > li > a > .fontawesome-icon,
.gb-break-tabs > .nav > .nav-tabs > li > .tab-link > .fontawesome-icon {
  position: absolute !important;
  top: 50% !important;
  left: 28px !important;
  right: auto !important;
  bottom: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 46px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-size: 38px !important;
  line-height: 1 !important;
  text-align: center !important;
  transform: translateY(-50%) !important;
  box-shadow: none !important;
  z-index: 3;
}

.gb-break-tabs > .nav > .nav-tabs > li:not(.active):hover {
  background-color: #f8fbf9 !important;
}

.gb-break-tabs > .nav > .nav-tabs > li:not(.active) > a:hover,
.gb-break-tabs > .nav > .nav-tabs > li:not(.active) > .tab-link:hover {
  color: #008854 !important;
  background-color: transparent !important;
}

.gb-break-tabs > .nav > .nav-tabs > li.active {
  background-color: #ffffff !important;
}

.gb-break-tabs > .nav > .nav-tabs > li.active > a,
.gb-break-tabs > .nav > .nav-tabs > li.active > .tab-link,
.gb-break-tabs > .nav > .nav-tabs > li > a.active,
.gb-break-tabs > .nav > .nav-tabs > li > .tab-link.active,
.gb-break-tabs > .nav > .nav-tabs > li > a[aria-selected="true"],
.gb-break-tabs > .nav > .nav-tabs > li > .tab-link[aria-selected="true"],
.gb-break-tabs > .nav > .nav-tabs > li > a[aria-expanded="true"],
.gb-break-tabs > .nav > .nav-tabs > li > .tab-link[aria-expanded="true"] {
  color: #008854 !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  z-index: 4;
}

.gb-break-tabs > .nav > .nav-tabs > li.active .fusion-tab-heading,
.gb-break-tabs > .nav > .nav-tabs > li.active .fusion-tab-heading > i,
.gb-break-tabs > .nav > .nav-tabs > li.active .fusion-tab-heading::after,
.gb-break-tabs > .nav > .nav-tabs > li > a[aria-selected="true"] .fusion-tab-heading,
.gb-break-tabs > .nav > .nav-tabs > li > a[aria-selected="true"] .fusion-tab-heading > i,
.gb-break-tabs > .nav > .nav-tabs > li > a[aria-selected="true"] .fusion-tab-heading::after,
.gb-break-tabs > .nav > .nav-tabs > li > a[aria-expanded="true"] .fusion-tab-heading,
.gb-break-tabs > .nav > .nav-tabs > li > a[aria-expanded="true"] .fusion-tab-heading > i,
.gb-break-tabs > .nav > .nav-tabs > li > a[aria-expanded="true"] .fusion-tab-heading::after {
  color: #008854 !important;
}

.gb-break-tabs > .nav > .nav-tabs > li.active > a::after,
.gb-break-tabs > .nav > .nav-tabs > li.active > .tab-link::after,
.gb-break-tabs > .nav > .nav-tabs > li > a.active::after,
.gb-break-tabs > .nav > .nav-tabs > li > .tab-link.active::after,
.gb-break-tabs > .nav > .nav-tabs > li > a[aria-selected="true"]::after,
.gb-break-tabs > .nav > .nav-tabs > li > .tab-link[aria-selected="true"]::after,
.gb-break-tabs > .nav > .nav-tabs > li > a[aria-expanded="true"]::after,
.gb-break-tabs > .nav > .nav-tabs > li > .tab-link[aria-expanded="true"]::after {
  content: "";
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 4px !important;
  background-color: #008854 !important;
}


/* ----------------------------------------------------------
   12.07 TAB CONTENT AREA
   ---------------------------------------------------------- */

.gb-break-tabs .tab-content {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: #ffffff !important;
  border: 0 !important;
  box-shadow: none !important;
}

.gb-break-tabs .tab-content > .tab-pane {
  width: 100% !important;
  margin: 0 !important;
  padding: 48px 44px 46px !important;
  background-color: #ffffff !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

.gb-break-tabs .tab-pane > .fusion-builder-row,
.gb-break-tabs .tab-pane > .fusion-row,
.gb-break-tabs .tab-pane .fusion-nested-columns {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}


/* ----------------------------------------------------------
   12.08 THREE MAIN CONTENT COLUMNS
   ---------------------------------------------------------- */

.gb-course-intro {
  padding: 0 32px 0 0 !important;
  border-right: 1px solid #e3e8e5 !important;
  box-sizing: border-box !important;
}

.gb-course-learning {
  padding: 0 32px !important;
  box-sizing: border-box !important;
}

.gb-course-visual {
  padding: 0 0 0 8px !important;
  box-sizing: border-box !important;
}


/* ----------------------------------------------------------
   12.09 LEFT COLUMN TYPOGRAPHY
   ---------------------------------------------------------- */

.gb-course-intro h2,
.gb-course-intro .fusion-title h2 {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  color: #008854 !important;
  font-family: "Playfair Display", Georgia, serif !important;
  font-size: 50px !important;
  font-weight: 700 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.025em !important;
}

.gb-course-intro h3,
.gb-course-intro .fusion-title h3 {
  margin-top: 0 !important;
  margin-bottom: 20px !important;
  color: #151918 !important;
  font-family: "Playfair Display", Georgia, serif !important;
  font-size: 27px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.015em !important;
}

.gb-course-intro .fusion-text,
.gb-course-intro .fusion-text p {
  color: #505754 !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;
}


/* ----------------------------------------------------------
   12.10 CURRENT COURSE BADGE
   Class on Text Block: gb-current-badge
   ---------------------------------------------------------- */

.gb-current-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  margin: 0 0 20px !important;
  padding: 7px 12px !important;
  color: #ffffff !important;
  background-color: #008854 !important;
  border: 0 !important;
  border-radius: 5px !important;
  box-shadow: 0 2px 5px rgba(0, 136, 84, 0.18) !important;
}

.gb-current-badge p,
.gb-current-badge .fusion-text p {
  margin: 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}


/* ----------------------------------------------------------
   12.11 BEST-FOR TEXT AND SEPARATOR
   ---------------------------------------------------------- */

.gb-best-for {
  margin: 0 0 24px !important;
}

.gb-best-for p,
.gb-best-for .fusion-text p {
  margin: 0 !important;
  color: #505754 !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
}

.gb-best-for strong {
  color: #008854 !important;
  font-weight: 700 !important;
}

.gb-course-intro .fusion-separator {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.gb-course-intro .fusion-separator-border {
  border-color: #e3e8e5 !important;
}


/* ----------------------------------------------------------
   12.12 COURSE BUTTONS
   Classes on Button Elements:
   gb-tab-primary
   gb-tab-secondary
   ---------------------------------------------------------- */

a.gb-tab-primary.fusion-button,
.gb-tab-primary.fusion-button,
.gb-tab-primary .fusion-button,
a.gb-tab-secondary.fusion-button,
.gb-tab-secondary.fusion-button,
.gb-tab-secondary .fusion-button {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-height: 60px !important;
  padding: 16px 22px !important;
  border-radius: 7px !important;
  box-shadow: none !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-transform: none !important;
  transition:
    background-color 0.20s ease,
    border-color 0.20s ease,
    transform 0.20s ease;
}

a.gb-tab-primary.fusion-button,
.gb-tab-primary.fusion-button,
.gb-tab-primary .fusion-button {
  margin: 0 0 14px !important;
  color: #ffffff !important;
  background-color: #008854 !important;
  border: 1px solid #008854 !important;
}

a.gb-tab-secondary.fusion-button,
.gb-tab-secondary.fusion-button,
.gb-tab-secondary .fusion-button {
  margin: 0 !important;
  color: #008854 !important;
  background-color: #ffffff !important;
  border: 1px solid #008854 !important;
}

a.gb-tab-primary.fusion-button .fusion-button-text,
.gb-tab-primary.fusion-button .fusion-button-text,
.gb-tab-primary .fusion-button .fusion-button-text {
  color: #ffffff !important;
}

a.gb-tab-secondary.fusion-button .fusion-button-text,
.gb-tab-secondary.fusion-button .fusion-button-text,
.gb-tab-secondary .fusion-button .fusion-button-text {
  color: #008854 !important;
}

a.gb-tab-primary.fusion-button i,
.gb-tab-primary.fusion-button i,
.gb-tab-primary .fusion-button i,
a.gb-tab-secondary.fusion-button i,
.gb-tab-secondary.fusion-button i,
.gb-tab-secondary .fusion-button i {
  margin-right: 0 !important;
  margin-left: 14px !important;
}

a.gb-tab-primary.fusion-button i,
.gb-tab-primary.fusion-button i,
.gb-tab-primary .fusion-button i {
  color: #ffffff !important;
}

a.gb-tab-secondary.fusion-button i,
.gb-tab-secondary.fusion-button i,
.gb-tab-secondary .fusion-button i {
  color: #008854 !important;
}

a.gb-tab-primary.fusion-button:hover,
.gb-tab-primary.fusion-button:hover,
.gb-tab-primary .fusion-button:hover {
  color: #ffffff !important;
  background-color: #006f45 !important;
  border-color: #006f45 !important;
  transform: translateY(-1px) !important;
}

a.gb-tab-secondary.fusion-button:hover,
.gb-tab-secondary.fusion-button:hover,
.gb-tab-secondary .fusion-button:hover {
  color: #008854 !important;
  background-color: #f7faf8 !important;
  border-color: #006f45 !important;
  transform: translateY(-1px) !important;
}


/* ----------------------------------------------------------
   12.13 WHAT YOU'LL LEARN TITLE
   Class on Title Element: gb-learning-title
   ---------------------------------------------------------- */

.gb-learning-title {
  margin: 0 0 8px !important;
}

.gb-learning-title h2,
.gb-learning-title h3,
.gb-learning-title h4 {
  margin: 0 !important;
  color: #151918 !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 23px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.015em !important;
}


/* ----------------------------------------------------------
   12.14 WHAT YOU'LL LEARN CONTENT BOX GRID
   Class on parent Content Boxes Element: gb-learning-grid
   ---------------------------------------------------------- */

.gb-learning-grid,
.gb-learning-grid.fusion-content-boxes,
.gb-learning-grid .fusion-content-boxes {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  align-content: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: transparent !important;
}

.gb-learning-grid::before,
.gb-learning-grid::after,
.gb-learning-grid.fusion-content-boxes::before,
.gb-learning-grid.fusion-content-boxes::after {
  content: none !important;
  display: none !important;
}

.gb-learning-grid > .content-box-column,
.gb-learning-grid > .fusion-column,
.gb-learning-grid.fusion-content-boxes > .content-box-column,
.gb-learning-grid.fusion-content-boxes > .fusion-column,
.gb-learning-grid .fusion-content-boxes > .content-box-column,
.gb-learning-grid .fusion-content-boxes > .fusion-column {
  position: relative !important;
  display: flex !important;
  flex: 0 0 33.333333% !important;
  float: none !important;
  clear: none !important;
  width: 33.333333% !important;
  max-width: 33.333333% !important;
  min-width: 0 !important;
  min-height: 245px !important;
  margin: 0 !important;
  padding: 28px 20px !important;
  background-color: transparent !important;
  border-top: 0 !important;
  border-right: 1px solid #e3e8e5 !important;
  border-bottom: 1px solid #e3e8e5 !important;
  border-left: 0 !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

.gb-learning-grid > .content-box-column:nth-child(3n),
.gb-learning-grid > .fusion-column:nth-child(3n),
.gb-learning-grid.fusion-content-boxes > .content-box-column:nth-child(3n),
.gb-learning-grid.fusion-content-boxes > .fusion-column:nth-child(3n),
.gb-learning-grid .fusion-content-boxes > .content-box-column:nth-child(3n),
.gb-learning-grid .fusion-content-boxes > .fusion-column:nth-child(3n) {
  border-right: 0 !important;
}

.gb-learning-grid > .content-box-column:nth-child(n+4),
.gb-learning-grid > .fusion-column:nth-child(n+4),
.gb-learning-grid.fusion-content-boxes > .content-box-column:nth-child(n+4),
.gb-learning-grid.fusion-content-boxes > .fusion-column:nth-child(n+4),
.gb-learning-grid .fusion-content-boxes > .content-box-column:nth-child(n+4),
.gb-learning-grid .fusion-content-boxes > .fusion-column:nth-child(n+4) {
  border-bottom: 0 !important;
}

.gb-learning-grid .content-box-wrapper {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

.gb-learning-grid .content-wrapper-background,
.gb-learning-grid .content-container,
.gb-learning-grid .heading,
.gb-learning-grid .heading-link {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.gb-learning-grid .heading {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.gb-learning-grid .icon,
.gb-learning-grid .image,
.gb-learning-grid .heading-with-icon {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  text-align: center !important;
}

.gb-learning-grid .fontawesome-icon,
.gb-learning-grid i.fontawesome-icon,
.gb-learning-grid .heading .fontawesome-icon {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  float: none !important;
  width: auto !important;
  height: auto !important;
  margin: 0 auto 12px !important;
  padding: 0 !important;
  color: #008854 !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-size: 42px !important;
  line-height: 1 !important;
  box-shadow: none !important;
  transform: none !important;
}

.gb-learning-grid .content-box-heading,
.gb-learning-grid h2.content-box-heading,
.gb-learning-grid h3.content-box-heading,
.gb-learning-grid h4.content-box-heading,
.gb-learning-grid h5.content-box-heading {
  width: 100% !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  color: #151918 !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  letter-spacing: -0.01em !important;
  text-align: center !important;
}

.gb-learning-grid .heading .content-box-heading {
  display: block !important;
  float: none !important;
  width: 100% !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  text-align: center !important;
}

.gb-learning-grid .content-container {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #5d6561 !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  text-align: center !important;
}

.gb-learning-grid .content-container p {
  margin: 0 !important;
  padding: 0 !important;
  color: #5d6561 !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  text-align: center !important;
}


/* ----------------------------------------------------------
   12.15 RIGHT-SIDE COURSE IMAGE
   Class on Image Element: gb-course-image
   ---------------------------------------------------------- */

.gb-course-image,
.gb-course-image .imageframe-align-center,
.gb-course-image .imageframe-align-left,
.gb-course-image .imageframe-align-right,
.gb-course-image .fusion-imageframe,
.gb-course-image picture {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.gb-course-image .fusion-imageframe {
  line-height: 0 !important;
}

.gb-course-image img,
.gb-course-image .fusion-imageframe img,
.gb-course-image picture img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 560px !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
  border: 0 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

.gb-course-image .fusion-imageframe::before,
.gb-course-image .fusion-imageframe::after,
.gb-course-image .fusion-rollover {
  border-radius: 12px !important;
}


/* ----------------------------------------------------------
   12.16 LARGE TABLET AND SMALL DESKTOP
   ---------------------------------------------------------- */

@media only screen and (max-width: 1199px) {

  .gb-break-tabs > .nav > .nav-tabs > li > a,
  .gb-break-tabs > .nav > .nav-tabs > li > .tab-link {
    min-height: 112px !important;
    padding: 16px 18px !important;
  }

  .gb-break-tabs > .nav > .nav-tabs .fusion-tab-heading {
    padding-left: 48px !important;
    font-size: 18px !important;
  }

  .gb-break-tabs > .nav > .nav-tabs .fusion-tab-heading > i,
  .gb-break-tabs > .nav > .nav-tabs .fusion-tab-heading > .fontawesome-icon {
    width: 34px !important;
    height: 40px !important;
    font-size: 31px !important;
  }

  .gb-break-tabs > .nav > .nav-tabs > li > a > i,
  .gb-break-tabs > .nav > .nav-tabs > li > .tab-link > i,
  .gb-break-tabs > .nav > .nav-tabs > li > a > .fontawesome-icon,
  .gb-break-tabs > .nav > .nav-tabs > li > .tab-link > .fontawesome-icon {
    left: 16px !important;
    width: 34px !important;
    height: 40px !important;
    font-size: 31px !important;
  }

  .gb-break-tabs > .nav > .nav-tabs > li .fusion-tab-heading::after {
    margin-top: 5px !important;
    font-size: 12px !important;
  }

  .gb-break-tabs .tab-content > .tab-pane {
    padding: 34px 30px !important;
  }

  .gb-course-intro {
    padding-right: 25px !important;
  }

  .gb-course-learning {
    padding-right: 0 !important;
    padding-left: 25px !important;
  }

  .gb-course-visual {
    padding-top: 32px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .gb-course-intro h2,
  .gb-course-intro .fusion-title h2 {
    font-size: 43px !important;
  }

  .gb-course-intro h3,
  .gb-course-intro .fusion-title h3 {
    font-size: 24px !important;
  }

  .gb-learning-grid > .content-box-column,
  .gb-learning-grid > .fusion-column,
  .gb-learning-grid.fusion-content-boxes > .content-box-column,
  .gb-learning-grid.fusion-content-boxes > .fusion-column,
  .gb-learning-grid .fusion-content-boxes > .content-box-column,
  .gb-learning-grid .fusion-content-boxes > .fusion-column {
    flex: 0 0 50% !important;
    width: 50% !important;
    max-width: 50% !important;
    min-height: 225px !important;
    padding: 26px 18px !important;
    border-right: 1px solid #e3e8e5 !important;
    border-bottom: 1px solid #e3e8e5 !important;
  }

  .gb-learning-grid > .content-box-column:nth-child(2n),
  .gb-learning-grid > .fusion-column:nth-child(2n),
  .gb-learning-grid.fusion-content-boxes > .content-box-column:nth-child(2n),
  .gb-learning-grid.fusion-content-boxes > .fusion-column:nth-child(2n),
  .gb-learning-grid .fusion-content-boxes > .content-box-column:nth-child(2n),
  .gb-learning-grid .fusion-content-boxes > .fusion-column:nth-child(2n) {
    border-right: 0 !important;
  }

  .gb-learning-grid > .content-box-column:nth-child(3n),
  .gb-learning-grid > .fusion-column:nth-child(3n),
  .gb-learning-grid.fusion-content-boxes > .content-box-column:nth-child(3n),
  .gb-learning-grid.fusion-content-boxes > .fusion-column:nth-child(3n),
  .gb-learning-grid .fusion-content-boxes > .content-box-column:nth-child(3n),
  .gb-learning-grid .fusion-content-boxes > .fusion-column:nth-child(3n) {
    border-right: 1px solid #e3e8e5 !important;
  }

  .gb-learning-grid > .content-box-column:nth-child(6),
  .gb-learning-grid > .fusion-column:nth-child(6),
  .gb-learning-grid.fusion-content-boxes > .content-box-column:nth-child(6),
  .gb-learning-grid.fusion-content-boxes > .fusion-column:nth-child(6),
  .gb-learning-grid .fusion-content-boxes > .content-box-column:nth-child(6),
  .gb-learning-grid .fusion-content-boxes > .fusion-column:nth-child(6) {
    border-right: 0 !important;
  }

  .gb-learning-grid > .content-box-column:nth-child(n+5),
  .gb-learning-grid > .fusion-column:nth-child(n+5),
  .gb-learning-grid.fusion-content-boxes > .content-box-column:nth-child(n+5),
  .gb-learning-grid.fusion-content-boxes > .fusion-column:nth-child(n+5),
  .gb-learning-grid .fusion-content-boxes > .content-box-column:nth-child(n+5),
  .gb-learning-grid .fusion-content-boxes > .fusion-column:nth-child(n+5) {
    border-bottom: 0 !important;
  }

  .gb-course-image img,
  .gb-course-image .fusion-imageframe img,
  .gb-course-image picture img {
    min-height: 360px !important;
    max-height: 440px !important;
  }
}


/* ----------------------------------------------------------
   12.17 TABLET NAVIGATION
   ---------------------------------------------------------- */

@media only screen and (max-width: 900px) {

  .gb-break-tabs > .nav > .nav-tabs {
    justify-content: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  .gb-break-tabs > .nav > .nav-tabs > li {
    flex: 0 0 280px !important;
    width: 280px !important;
    max-width: 280px !important;
  }

  .gb-break-tabs > .nav > .nav-tabs > li > a,
  .gb-break-tabs > .nav > .nav-tabs > li > .tab-link {
    min-height: 105px !important;
  }

  .gb-break-tabs .tab-content > .tab-pane {
    padding: 32px 26px !important;
  }
}


/* ----------------------------------------------------------
   12.18 MOBILE
   ---------------------------------------------------------- */

@media only screen and (max-width: 767px) {

  .gb-break-tabs-shell,
  .gb-break-tabs,
  .gb-break-tabs.fusion-tabs {
    border-radius: 16px !important;
  }

  .gb-break-tabs > .nav > .nav-tabs > li {
    flex: 0 0 255px !important;
    width: 255px !important;
    max-width: 255px !important;
  }

  .gb-break-tabs > .nav > .nav-tabs > li:not(:last-child)::before {
    top: 20px;
    bottom: 20px;
  }

  .gb-break-tabs > .nav > .nav-tabs > li > a,
  .gb-break-tabs > .nav > .nav-tabs > li > .tab-link {
    min-height: 100px !important;
    padding: 17px 16px !important;
  }

  .gb-break-tabs > .nav > .nav-tabs .fusion-tab-heading {
    padding-left: 44px !important;
    font-size: 17px !important;
  }

  .gb-break-tabs > .nav > .nav-tabs .fusion-tab-heading > i,
  .gb-break-tabs > .nav > .nav-tabs .fusion-tab-heading > .fontawesome-icon {
    width: 31px !important;
    height: 38px !important;
    font-size: 28px !important;
  }

  .gb-break-tabs > .nav > .nav-tabs > li > a > i,
  .gb-break-tabs > .nav > .nav-tabs > li > .tab-link > i,
  .gb-break-tabs > .nav > .nav-tabs > li > a > .fontawesome-icon,
  .gb-break-tabs > .nav > .nav-tabs > li > .tab-link > .fontawesome-icon {
    left: 14px !important;
    width: 31px !important;
    height: 38px !important;
    font-size: 28px !important;
  }

  .gb-break-tabs > .nav > .nav-tabs > li .fusion-tab-heading::after {
    font-size: 12px !important;
  }

  .gb-break-tabs .tab-content > .tab-pane {
    padding: 28px 22px 30px !important;
  }

  .gb-course-intro {
    padding: 0 0 28px !important;
    border-right: 0 !important;
    border-bottom: 1px solid #e3e8e5 !important;
  }

  .gb-course-learning {
    padding: 28px 0 0 !important;
  }

  .gb-course-visual {
    padding: 28px 0 0 !important;
  }

  .gb-course-intro h2,
  .gb-course-intro .fusion-title h2 {
    font-size: 39px !important;
  }

  .gb-course-intro h3,
  .gb-course-intro .fusion-title h3 {
    font-size: 23px !important;
  }

  .gb-course-intro .fusion-text,
  .gb-course-intro .fusion-text p {
    font-size: 15px !important;
    line-height: 1.7 !important;
  }

  .gb-learning-title h2,
  .gb-learning-title h3,
  .gb-learning-title h4 {
    font-size: 21px !important;
  }

  .gb-learning-grid,
  .gb-learning-grid.fusion-content-boxes,
  .gb-learning-grid .fusion-content-boxes {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
  }

  .gb-learning-grid > .content-box-column,
  .gb-learning-grid > .fusion-column,
  .gb-learning-grid.fusion-content-boxes > .content-box-column,
  .gb-learning-grid.fusion-content-boxes > .fusion-column,
  .gb-learning-grid .fusion-content-boxes > .content-box-column,
  .gb-learning-grid .fusion-content-boxes > .fusion-column {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    padding: 24px 14px !important;
    border-right: 0 !important;
    border-bottom: 1px solid #e3e8e5 !important;
  }

  .gb-learning-grid > .content-box-column:last-child,
  .gb-learning-grid > .fusion-column:last-child,
  .gb-learning-grid.fusion-content-boxes > .content-box-column:last-child,
  .gb-learning-grid.fusion-content-boxes > .fusion-column:last-child,
  .gb-learning-grid .fusion-content-boxes > .content-box-column:last-child,
  .gb-learning-grid .fusion-content-boxes > .fusion-column:last-child {
    border-bottom: 0 !important;
  }

  .gb-course-image,
  .gb-course-image .imageframe-align-center,
  .gb-course-image .imageframe-align-left,
  .gb-course-image .imageframe-align-right,
  .gb-course-image .fusion-imageframe,
  .gb-course-image picture,
  .gb-course-image img {
    border-radius: 10px !important;
  }

  .gb-course-image img,
  .gb-course-image .fusion-imageframe img,
  .gb-course-image picture img {
    min-height: 320px !important;
    max-height: 400px !important;
  }

  a.gb-tab-primary.fusion-button,
  .gb-tab-primary.fusion-button,
  .gb-tab-primary .fusion-button,
  a.gb-tab-secondary.fusion-button,
  .gb-tab-secondary.fusion-button,
  .gb-tab-secondary .fusion-button {
    min-height: 56px !important;
    padding: 14px 18px !important;
    font-size: 15px !important;
  }
}


/* ----------------------------------------------------------
   12.19 SMALL MOBILE
   ---------------------------------------------------------- */

@media only screen and (max-width: 480px) {

  .gb-break-tabs > .nav > .nav-tabs > li {
    flex: 0 0 235px !important;
    width: 235px !important;
    max-width: 235px !important;
  }

  .gb-break-tabs .tab-content > .tab-pane {
    padding: 24px 17px 26px !important;
  }

  .gb-break-tabs > .nav > .nav-tabs .fusion-tab-heading {
    padding-left: 42px !important;
    font-size: 16px !important;
  }

  .gb-course-intro h2,
  .gb-course-intro .fusion-title h2 {
    font-size: 36px !important;
  }

  .gb-course-intro h3,
  .gb-course-intro .fusion-title h3 {
    font-size: 21px !important;
  }

  .gb-learning-grid > .content-box-column,
  .gb-learning-grid > .fusion-column,
  .gb-learning-grid.fusion-content-boxes > .content-box-column,
  .gb-learning-grid.fusion-content-boxes > .fusion-column,
  .gb-learning-grid .fusion-content-boxes > .content-box-column,
  .gb-learning-grid .fusion-content-boxes > .fusion-column {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  .gb-course-image img,
  .gb-course-image .fusion-imageframe img,
  .gb-course-image picture img {
    min-height: 290px !important;
  }
}

/* ==========================================================
   13. SINGLE-COLUMN SECTION
   Desktop, tablet and mobile styles kept together as one component
   ========================================================== */

/* ----------------------------------------------------------
   13.01 OUTER BACKGROUND SECTION
   ---------------------------------------------------------- */

.gb-mindset-section {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 890px;
  padding: 58px 40px 40px !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-attachment: scroll !important;
}


/* White fade over the lower part of the background image */

.gb-mindset-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 31%,
    rgba(255, 255, 255, 0.22) 45%,
    rgba(255, 255, 255, 0.72) 61%,
    rgba(255, 255, 255, 0.96) 78%,
    #ffffff 100%
  );
}


/* Keep the Avada row above the gradient */

.gb-mindset-section > .fusion-builder-row {
  position: relative;
  z-index: 2;
  width: 100% !important;
  max-width: 1210px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}


/* ----------------------------------------------------------
   13.02 WHITE CONTENT CARD
   ---------------------------------------------------------- */

.gb-mindset-card {
  width: 100% !important;
  max-width: 1210px !important;
  margin: 0 auto !important;
  float: none !important;
}

.gb-mindset-card > .fusion-column-wrapper {
  width: 100%;
  min-height: 795px;
  padding: 52px 70px 40px !important;

  background: rgba(255, 255, 255, 0.965);
  border: 1px solid rgba(255, 255, 255, 0.75);
  border-radius: 18px;

  box-shadow:
    0 20px 55px rgba(0, 40, 32, 0.035),
    0 2px 8px rgba(0, 40, 32, 0.025);
}


/* ----------------------------------------------------------
   13.03 EYEBROW LABEL
   ---------------------------------------------------------- */

.gb-mindset-eyebrow {
  margin: 0 !important;
  text-align: center;
}

.gb-mindset-eyebrow p {
  margin: 0 !important;

  color: #008854;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}


/* ----------------------------------------------------------
   13.04 SMALL GREEN DIVIDERS
   ---------------------------------------------------------- */

.gb-mindset-divider {
  width: 64px !important;
  max-width: 64px !important;
  margin: 16px auto 30px !important;
}

.gb-mindset-divider .divider-candy,
.gb-mindset-divider .divider-candy-arrow,
.gb-mindset-divider .fusion-separator-border {
  border-color: #008854 !important;
}

.gb-mindset-divider .fusion-separator-border {
  border-top-width: 2px !important;
}

.gb-mindset-divider-second {
  margin-top: 38px !important;
  margin-bottom: 28px !important;
}


/* ----------------------------------------------------------
   13.05 MAIN HEADING
   ---------------------------------------------------------- */

.gb-mindset-title {
  width: 100%;
  max-width: 930px;
  margin: 0 auto !important;
  text-align: center;
}

.gb-mindset-title .fusion-title-heading {
  margin: 0 !important;

  color: #151515 !important;
  font-family: "Playfair Display", Georgia, serif !important;
  font-size: clamp(48px, 4.15vw, 66px) !important;
  font-weight: 400 !important;
  line-height: 1.18 !important;
  letter-spacing: -0.025em !important;
  text-align: center !important;
}


/* ----------------------------------------------------------
   13.06 INTRODUCTORY PARAGRAPH
   ---------------------------------------------------------- */

.gb-mindset-intro {
  width: 100%;
  max-width: 900px;
  margin: 0 auto !important;
  text-align: center;
}

.gb-mindset-intro p {
  margin: 0 !important;

  color: #2a2a2a;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.58;
  letter-spacing: -0.012em;
  text-align: center;
}


/* ----------------------------------------------------------
   13.07 BODY COPY
   ---------------------------------------------------------- */

.gb-mindset-body {
  width: 100%;
  max-width: 900px;
  margin: 32px auto 0 !important;
}

.gb-mindset-body p {
  margin: 0 0 22px !important;

  color: #333333;
  font-family: "Inter", sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: -0.006em;
  text-align: left;
}

.gb-mindset-body p:last-child {
  margin-bottom: 0 !important;
}


/* ----------------------------------------------------------
   13.08 CTA TEXT LINK
   ---------------------------------------------------------- */

.gb-mindset-cta {
  margin: 46px 0 0 !important;
  text-align: center;
}

.gb-mindset-cta p {
  margin: 0 !important;
}

.gb-mindset-cta a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 26px;

  padding: 0 0 7px;
  border-bottom: 1px solid #008854;

  color: #008854 !important;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.07em;
  text-decoration: none !important;
  text-transform: uppercase;

  transition:
    color 180ms ease,
    border-color 180ms ease,
    transform 180ms ease;
}

.gb-mindset-cta a:hover {
  color: #006d43 !important;
  border-color: #006d43;
  transform: translateY(-2px);
}

.gb-mindset-arrow {
  display: inline-block;
  font-size: 25px;
  font-weight: 400;
  line-height: 0.8;
  letter-spacing: 0;
  transition: transform 180ms ease;
}

.gb-mindset-cta a:hover .gb-mindset-arrow {
  transform: translateX(5px);
}


/* ----------------------------------------------------------
   13.09 TABLET
   ---------------------------------------------------------- */

@media only screen and (max-width: 1024px) {

  .gb-mindset-section {
    min-height: auto;
    padding: 42px 28px 50px !important;
  }

  .gb-mindset-section > .fusion-builder-row {
    max-width: 920px !important;
  }

  .gb-mindset-card > .fusion-column-wrapper {
    min-height: auto;
    padding: 46px 52px 44px !important;
    border-radius: 16px;
  }

  .gb-mindset-title .fusion-title-heading {
    font-size: clamp(44px, 6vw, 56px) !important;
  }

  .gb-mindset-intro p {
    font-size: 19px;
  }

  .gb-mindset-body {
    margin-top: 28px !important;
  }

  .gb-mindset-cta {
    margin-top: 38px !important;
  }
}


/* ----------------------------------------------------------
   13.10 MOBILE
   ---------------------------------------------------------- */

@media only screen and (max-width: 640px) {

  .gb-mindset-section {
    min-height: auto;
    padding: 22px 14px 34px !important;
    background-position: center top !important;
  }

  .gb-mindset-section::before {
    background: linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.08) 0%,
      rgba(255, 255, 255, 0.42) 28%,
      rgba(255, 255, 255, 0.9) 57%,
      #ffffff 82%,
      #ffffff 100%
    );
  }

  .gb-mindset-card > .fusion-column-wrapper {
    min-height: auto;
    padding: 34px 22px 34px !important;
    border-radius: 14px;
  }

  .gb-mindset-eyebrow p {
    font-size: 12px;
    letter-spacing: 0.18em;
  }

  .gb-mindset-divider {
    width: 48px !important;
    max-width: 48px !important;
    margin-top: 14px !important;
    margin-bottom: 23px !important;
  }

  .gb-mindset-divider-second {
    margin-top: 26px !important;
    margin-bottom: 23px !important;
  }

  .gb-mindset-title .fusion-title-heading {
    font-size: clamp(34px, 10vw, 42px) !important;
    line-height: 1.16 !important;
    letter-spacing: -0.02em !important;
  }

  .gb-mindset-intro p {
    font-size: 17px;
    line-height: 1.58;
  }

  .gb-mindset-body {
    margin-top: 25px !important;
  }

  .gb-mindset-body p {
    margin-bottom: 18px !important;
    font-size: 16px;
    line-height: 1.68;
  }

  .gb-mindset-cta {
    margin-top: 31px !important;
  }

  .gb-mindset-cta a {
    gap: 16px;
    font-size: 13px;
    letter-spacing: 0.055em;
  }

  .gb-mindset-arrow {
    font-size: 22px;
  }
}


/* ==========================================================
   14. GAME IMPROVEMENT TWO-COLUMN SECTION
   Background image, main copy column and right-hand information card
   ========================================================== */

/* ----------------------------------------------------------
   14.01 OUTER SECTION
   ---------------------------------------------------------- */

.gb-improvement-section {
  position: relative;
  isolation: isolate;
  overflow: hidden;

  min-height: 805px;
  padding: 4px 55px 55px 0 !important;

  background-position: left center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-attachment: scroll !important;
  background-color: #ffffff;
}


/* Fade the photograph into the white content area */

.gb-improvement-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.08) 7%,
    rgba(255, 255, 255, 0.48) 12%,
    rgba(255, 255, 255, 0.88) 18%,
    rgba(255, 255, 255, 0.98) 24%,
    #ffffff 31%,
    #ffffff 100%
  );
}


/* Keep all content above the fade overlay */

.gb-improvement-section > .fusion-builder-row {
  position: relative;
  z-index: 2;

  width: 100% !important;
  max-width: 1470px !important;
  margin-right: auto !important;
  margin-left: auto !important;

  align-items: stretch !important;
}


/* ----------------------------------------------------------
   14.02 DESKTOP COLUMN PROPORTIONS
   ---------------------------------------------------------- */

.gb-improvement-spacer {
  width: 15% !important;
  flex-basis: 15% !important;
}

.gb-improvement-copy {
  width: 44% !important;
  flex-basis: 44% !important;
}

.gb-why-card {
  width: 41% !important;
  flex-basis: 41% !important;
}


/* ----------------------------------------------------------
   14.03 MAIN COPY COLUMN
   ---------------------------------------------------------- */

.gb-improvement-copy > .fusion-column-wrapper {
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;

  min-height: 748px;
  padding: 52px 72px 12px 18px !important;
}


/* ----------------------------------------------------------
   14.04 EYEBROW LABEL
   ---------------------------------------------------------- */

.gb-improvement-eyebrow {
  margin: 0 !important;
}

.gb-improvement-eyebrow p {
  margin: 0 !important;

  color: #008854;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}


/* ----------------------------------------------------------
   14.05 GREEN DIVIDERS
   ---------------------------------------------------------- */

.gb-improvement-divider,
.gb-why-divider {
  width: 64px !important;
  max-width: 64px !important;
}

.gb-improvement-divider {
  margin: 15px 0 37px !important;
}

.gb-why-divider {
  margin: 20px 0 25px !important;
}

.gb-improvement-divider .fusion-separator-border,
.gb-why-divider .fusion-separator-border {
  border-color: #008854 !important;
  border-top-width: 2px !important;
}


/* ----------------------------------------------------------
   14.06 MAIN HEADING
   ---------------------------------------------------------- */

.gb-improvement-title {
  width: 100%;
  max-width: 570px;
  margin: 0 !important;
}

.gb-improvement-title .fusion-title-heading {
  margin: 0 !important;

  color: #111111 !important;
  font-family: "Playfair Display", Georgia, serif !important;
  font-size: clamp(48px, 3.5vw, 59px) !important;
  font-weight: 400 !important;
  line-height: 1.14 !important;
  letter-spacing: -0.025em !important;
  text-align: left !important;
}


/* ----------------------------------------------------------
   14.07 GREEN LEAD PARAGRAPH
   ---------------------------------------------------------- */

.gb-improvement-lead {
  width: 100%;
  max-width: 570px;
  margin: 31px 0 0 !important;
}

.gb-improvement-lead p {
  margin: 0 !important;

  color: #008854;
  font-family: "Inter", sans-serif;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.48;
  letter-spacing: -0.012em;
}


/* ----------------------------------------------------------
   14.08 BODY COPY
   ---------------------------------------------------------- */

.gb-improvement-body {
  width: 100%;
  max-width: 575px;
  margin: 35px 0 0 !important;
}

.gb-improvement-body p {
  margin: 0 0 31px !important;

  color: #333333;
  font-family: "Inter", sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.65;
  letter-spacing: -0.006em;
}

.gb-improvement-body p:last-child {
  margin-bottom: 0 !important;
}


/* ----------------------------------------------------------
   14.09 TEXT-LINK CTA
   ---------------------------------------------------------- */

.gb-improvement-cta {
  margin: auto 0 0 !important;
  padding-top: 35px;
}

.gb-improvement-cta p {
  margin: 0 !important;
}

.gb-improvement-link {
  display: inline-flex;
  align-items: center;
  gap: 24px;

  padding: 0 0 8px;
  border-bottom: 1px solid rgba(0, 136, 84, 0.45);

  color: #008854 !important;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.07em;
  text-decoration: none !important;
  text-transform: uppercase;

  transition:
    color 180ms ease,
    border-color 180ms ease,
    transform 180ms ease;
}

.gb-improvement-link:hover {
  color: #006f45 !important;
  border-color: #006f45;
  transform: translateY(-2px);
}

.gb-improvement-arrow {
  display: inline-block;
  font-size: 24px;
  font-weight: 400;
  line-height: 0.7;
  letter-spacing: 0;
  transition: transform 180ms ease;
}

.gb-improvement-link:hover .gb-improvement-arrow {
  transform: translateX(5px);
}


/* ----------------------------------------------------------
   14.10 RIGHT-HAND INFORMATION CARD
   ---------------------------------------------------------- */

.gb-why-card {
  padding-left: 24px !important;
}

.gb-why-card > .fusion-column-wrapper {
  display: flex !important;
  flex-direction: column;

  min-height: 748px;
  padding: 70px 72px 52px !important;

  background:
    linear-gradient(
      135deg,
      rgba(247, 248, 247, 0.99),
      rgba(241, 243, 242, 0.96)
    );

  border: 1px solid rgba(0, 61, 50, 0.035);
  border-radius: 22px;

  box-shadow:
    0 20px 55px rgba(0, 61, 50, 0.025),
    inset 0 1px 0 rgba(255, 255, 255, 0.75);
}


/* ----------------------------------------------------------
   14.11 CARD HEADING
   ---------------------------------------------------------- */

.gb-why-title {
  margin: 0 !important;
}

.gb-why-title .fusion-title-heading {
  margin: 0 !important;

  color: #151515 !important;
  font-family: "Playfair Display", Georgia, serif !important;
  font-size: 38px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.02em !important;
}


/* ----------------------------------------------------------
   14.12 CARD INTRODUCTION
   ---------------------------------------------------------- */

.gb-why-intro {
  max-width: 405px;
  margin: 0 !important;
}

.gb-why-intro p {
  margin: 0 !important;

  color: #333333;
  font-family: "Inter", sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.65;
}


/* ----------------------------------------------------------
   14.13 CARD CHECKLIST
   ---------------------------------------------------------- */


.gb-why-list {
  margin: 30px 0 0 !important;
}

.gb-why-list ul {
  margin: 0 !important;
  padding: 0 !important;
}

.gb-why-list li {
  display: flex !important;
  align-items: flex-start !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
}

.gb-why-list li:last-child {
  margin-bottom: 0 !important;
}


/* One circular background only */

.gb-why-list .icon-wrapper {
  display: flex !important;
  flex: 0 0 25px !important;
  align-items: center !important;
  justify-content: center !important;

  width: 25px !important;
  min-width: 25px !important;
  height: 25px !important;

  margin: 2px 17px 0 0 !important;
  padding: 0 !important;

  color: #ffffff !important;
  background: #008854 !important;
  border: 0 !important;
  border-radius: 50% !important;

  line-height: 1 !important;
  box-shadow: none !important;
}


/* Reset the nested icon so it does not create a second circle */

.gb-why-list .fusion-li-icon {
  position: static !important;
  display: block !important;

  width: auto !important;
  min-width: 0 !important;
  height: auto !important;

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

  color: #ffffff !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  font-size: 13px !important;
  line-height: 1 !important;
  text-align: center !important;
}


/* Prevent Avada icon pseudo-elements from inheriting a background */

.gb-why-list .fusion-li-icon::before {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;

  color: #ffffff !important;
  background: transparent !important;

  line-height: 1 !important;
}


/* Checklist text */

.gb-why-list .fusion-li-item-content {
  flex: 1 1 auto;
  padding: 0 !important;

  color: #333333;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}


/* ----------------------------------------------------------
   14.14 ORANGE BUTTON
   ---------------------------------------------------------- */

.gb-why-button {
  display: block !important;
  width: 100% !important;
  max-width: 320px !important;
  margin: auto auto 0 !important;
  padding: 18px 28px !important;

  color: #ffffff !important;
  background: #f4770b !important;
  border: 1px solid #f4770b !important;
  border-radius: 7px !important;

  box-shadow: none !important;

  font-family: "Inter", sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.035em !important;
  text-align: center !important;
  text-transform: uppercase !important;

  transition:
    background-color 180ms ease,
    border-color 180ms ease,
    transform 180ms ease,
    box-shadow 180ms ease;
}

.gb-why-button:hover {
  color: #ffffff !important;
  background: #dc6500 !important;
  border-color: #dc6500 !important;

  box-shadow: 0 9px 24px rgba(244, 119, 11, 0.22) !important;
  transform: translateY(-2px);
}


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

@media only screen and (max-width: 1100px) {

  .gb-improvement-section {
    min-height: auto;
    padding: 40px 30px 50px !important;
  }

  .gb-improvement-section::before {
    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.12) 0%,
      rgba(255, 255, 255, 0.78) 13%,
      rgba(255, 255, 255, 0.98) 22%,
      #ffffff 31%,
      #ffffff 100%
    );
  }

  .gb-improvement-spacer {
    display: none !important;
  }

  .gb-improvement-copy {
    width: 53% !important;
    flex-basis: 53% !important;
  }

  .gb-why-card {
    width: 47% !important;
    flex-basis: 47% !important;
    padding-left: 20px !important;
  }

  .gb-improvement-copy > .fusion-column-wrapper {
    min-height: 700px;
    padding: 28px 45px 20px 15px !important;
  }

  .gb-why-card > .fusion-column-wrapper {
    min-height: 700px;
    padding: 48px 42px 42px !important;
  }

  .gb-improvement-title .fusion-title-heading {
    font-size: clamp(43px, 5vw, 52px) !important;
  }

  .gb-improvement-lead p {
    font-size: 19px;
  }

  .gb-why-title .fusion-title-heading {
    font-size: 34px !important;
  }
}


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

@media only screen and (max-width: 767px) {

  .gb-improvement-section {
    min-height: auto;
    padding: 285px 18px 36px !important;

    background-position: left top !important;
    background-size: auto 320px !important;
  }

  .gb-improvement-section::before {
    background: linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.04) 0,
      rgba(255, 255, 255, 0.15) 120px,
      rgba(255, 255, 255, 0.72) 235px,
      #ffffff 320px,
      #ffffff 100%
    );
  }

  .gb-improvement-section > .fusion-builder-row {
    display: block !important;
  }

  .gb-improvement-spacer {
    display: none !important;
  }

  .gb-improvement-copy,
  .gb-why-card {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
  }

  .gb-improvement-copy > .fusion-column-wrapper {
    min-height: auto;
    padding: 0 !important;
  }

  .gb-why-card {
    margin-top: 44px !important;
    padding-left: 0 !important;
  }

  .gb-why-card > .fusion-column-wrapper {
    min-height: auto;
    padding: 37px 25px 29px !important;
    border-radius: 17px;
  }

  .gb-improvement-eyebrow p {
    font-size: 12px;
    letter-spacing: 0.15em;
  }

  .gb-improvement-divider {
    width: 50px !important;
    max-width: 50px !important;
    margin: 13px 0 25px !important;
  }

  .gb-improvement-title .fusion-title-heading {
    font-size: clamp(39px, 11vw, 47px) !important;
    line-height: 1.13 !important;
  }

  .gb-improvement-lead {
    margin-top: 24px !important;
  }

  .gb-improvement-lead p {
    font-size: 18px;
    line-height: 1.5;
  }

  .gb-improvement-body {
    margin-top: 27px !important;
  }

  .gb-improvement-body p {
    margin-bottom: 22px !important;
    font-size: 16px;
    line-height: 1.65;
  }

  .gb-improvement-cta {
    margin-top: 30px !important;
    padding-top: 0;
  }

  .gb-improvement-link {
    gap: 17px;
    font-size: 13px;
  }

  .gb-why-title .fusion-title-heading {
    font-size: 32px !important;
  }

  .gb-why-divider {
    width: 52px !important;
    max-width: 52px !important;
    margin: 17px 0 21px !important;
  }

  .gb-why-intro p {
    font-size: 16px;
  }

  .gb-why-list {
    margin-top: 25px !important;
  }

  .gb-why-list li {
    margin-bottom: 18px !important;
  }

  .gb-why-list .fusion-li-item-content {
    font-size: 15px;
  }

  .gb-why-button {
    max-width: 100% !important;
    margin-top: 28px !important;
    padding: 17px 22px !important;
    font-size: 15px !important;
  }

}
/* ==========================================================
   15. PGA PRO SUPPORT THREE-COLUMN SECTION
   Green copy area, white checklist card and edge-to-edge image
   Classes: gb-pro-support-section, gb-pro-support-copy,
   gb-pro-support-card, gb-pro-support-image
   ========================================================== */


/* ----------------------------------------------------------
   15.01 OUTER GREEN SECTION
   Keeps the card and its shadow inside the section boundary
   ---------------------------------------------------------- */

.gb-pro-support-section {
  position: relative;
  min-height: 565px;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background-color: #005536 !important;
  box-sizing: border-box !important;
}


/* ----------------------------------------------------------
   15.02 AVADA BUILDER ROW
   Keeps all three columns aligned and equal in section height
   ---------------------------------------------------------- */

.gb-pro-support-section > .fusion-builder-row,
.gb-pro-support-section > .fusion-row {
  min-height: 565px;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  align-items: stretch !important;
}


/* ----------------------------------------------------------
   15.03 LEFT COPY COLUMN
   Vertically centres the title and supporting paragraphs
   ---------------------------------------------------------- */

.gb-pro-support-copy > .fusion-column-wrapper {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-height: 565px;
  padding-top: 38px !important;
  padding-right: 45px !important;
  padding-bottom: 38px !important;
  box-sizing: border-box !important;
}

.gb-pro-support-copy h1,
.gb-pro-support-copy h2,
.gb-pro-support-copy h3,
.gb-pro-support-copy .fusion-title-heading {
  margin-top: 0 !important;
  margin-bottom: 22px !important;
  color: #ffffff !important;
  font-family: "Playfair Display", Georgia, serif !important;
  font-size: 40px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
}

.gb-pro-support-copy p {
  margin-top: 0 !important;
  margin-bottom: 24px !important;
  color: rgba(255, 255, 255, 0.92) !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
}

.gb-pro-support-copy p:last-child {
  margin-bottom: 0 !important;
}


/* ----------------------------------------------------------
   15.04 WHITE CHECKLIST CARD COLUMN
   Uses vertical margins while allowing the section to grow naturally
   ---------------------------------------------------------- */

.gb-pro-support-card {
  position: relative;
  align-self: center !important;
  height: auto !important;
  min-height: 0 !important;
  margin-top: 28px !important;
  margin-bottom: 28px !important;
  z-index: 2;
}

.gb-pro-support-card > .fusion-column-wrapper {
  height: auto !important;
  min-height: 0 !important;
  padding: 32px 34px !important;
  overflow: visible !important;
  background-color: #ffffff !important;
  border: 0 !important;
  border-radius: 3px !important;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.10) !important;
  box-sizing: border-box !important;
}


/* ----------------------------------------------------------
   15.05 CHECKLIST ICONS, TEXT AND SPACING
   ---------------------------------------------------------- */

.gb-pro-support-card .fusion-checklist,
.gb-pro-support-card .fusion-checklist ul {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.gb-pro-support-card .fusion-li-item {
  margin-bottom: 19px !important;
  padding-bottom: 0 !important;
}

.gb-pro-support-card .fusion-li-item:last-child {
  margin-bottom: 0 !important;
}

.gb-pro-support-card .icon-wrapper,
.gb-pro-support-card .fusion-li-icon {
  width: 20px !important;
  min-width: 20px !important;
  height: 20px !important;
  margin-right: 14px !important;
  padding: 0 !important;
  color: #008854 !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  line-height: 20px !important;
}

.gb-pro-support-card .icon-wrapper i,
.gb-pro-support-card .fusion-li-icon i,
.gb-pro-support-card .fusion-li-icon::before {
  color: #008854 !important;
  background-color: transparent !important;
  font-size: 19px !important;
  line-height: 20px !important;
}

.gb-pro-support-card .fusion-li-item-content {
  padding: 0 !important;
  color: #202421 !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

.gb-pro-support-card .fusion-li-item-content strong {
  font-weight: 700 !important;
}


/* ----------------------------------------------------------
   15.06 RIGHT IMAGE COLUMN
   Apply the photograph as the Avada Column background image
   ---------------------------------------------------------- */

.gb-pro-support-image,
.gb-pro-support-image > .fusion-column-wrapper {
  min-height: 565px;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  box-sizing: border-box !important;
}


/* ----------------------------------------------------------
   15.07 TABLET
   ---------------------------------------------------------- */

@media only screen and (max-width: 1024px) {

  .gb-pro-support-section,
  .gb-pro-support-section > .fusion-builder-row,
  .gb-pro-support-section > .fusion-row {
    min-height: 0;
  }

  .gb-pro-support-copy > .fusion-column-wrapper {
    min-height: 0;
    padding: 44px 34px !important;
  }

  .gb-pro-support-copy h1,
  .gb-pro-support-copy h2,
  .gb-pro-support-copy h3,
  .gb-pro-support-copy .fusion-title-heading {
    font-size: 36px !important;
  }

  .gb-pro-support-copy p {
    font-size: 17px !important;
  }

  .gb-pro-support-card {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }

  .gb-pro-support-card > .fusion-column-wrapper {
    padding: 30px 28px !important;
  }

  .gb-pro-support-image,
  .gb-pro-support-image > .fusion-column-wrapper {
    min-height: 390px;
  }
}


/* ----------------------------------------------------------
   15.08 MOBILE
   Stack the copy, card and image columns in that order
   ---------------------------------------------------------- */

@media only screen and (max-width: 767px) {

  .gb-pro-support-section {
    min-height: 0;
  }

  .gb-pro-support-section > .fusion-builder-row,
  .gb-pro-support-section > .fusion-row {
    display: block !important;
    min-height: 0;
  }

  .gb-pro-support-copy,
  .gb-pro-support-card,
  .gb-pro-support-image {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
  }

  .gb-pro-support-copy > .fusion-column-wrapper {
    min-height: 0;
    padding: 40px 24px 28px !important;
  }

  .gb-pro-support-copy h1,
  .gb-pro-support-copy h2,
  .gb-pro-support-copy h3,
  .gb-pro-support-copy .fusion-title-heading {
    margin-bottom: 18px !important;
    font-size: 33px !important;
    line-height: 1.22 !important;
  }

  .gb-pro-support-copy p {
    margin-bottom: 20px !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
  }

  .gb-pro-support-card {
    width: auto !important;
    max-width: none !important;
    margin: 0 24px 28px !important;
  }

  .gb-pro-support-card > .fusion-column-wrapper {
    padding: 28px 24px !important;
  }

  .gb-pro-support-card .fusion-li-item {
    margin-bottom: 17px !important;
  }

  .gb-pro-support-card .fusion-li-item-content {
    font-size: 15px !important;
  }

  .gb-pro-support-image,
  .gb-pro-support-image > .fusion-column-wrapper {
    min-height: 340px;
  }
}