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


            :root {
        --golf-green: #1f5f3b;
        --golf-dark: #123524;
        --golf-light: #eef5ef;
        --golf-gold: #c59b45;
        --golf-text: #28332c;
        --bs-light-rgb: #eef5ef;
        --bs-dark-rgb:#1f5f3b;
        --bs-border-radius-pill : 5px;
        --bs-secondary-rgb:#1f5f3b;
        --bs-border-width: 2px!important;
        --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-success-rgb: 25, 135, 84;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-warning-rgb: 255, 193, 7;
  
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  
  /* Colours */
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;

  --bs-black: #000;
  --bs-white: #fff;

  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;

  /* Theme */
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;

  --bs-primary-rgb: 13,110,253;
  --bs-secondary-rgb: 108,117,125;
  --bs-success-rgb: 25,135,84;
  --bs-info-rgb: 13,202,240;
  --bs-warning-rgb: 255,193,7;
  --bs-danger-rgb: 220,53,69;
  --bs-light-rgb: 248,249,250;
  --bs-dark-rgb: 33,37,41;

  --bs-white-rgb: 255,255,255;
  --bs-black-rgb: 0,0,0;

  /* Body */
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33,37,41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255,255,255;

  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0,0,0;

  --bs-secondary-color: rgba(33,37,41,.75);
  --bs-secondary-color-rgb: 33,37,41;

  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233,236,239;

  --bs-tertiary-color: rgba(33,37,41,.5);
  --bs-tertiary-color-rgb: 33,37,41;

  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248,249,250;

  /* Text */
  --bs-heading-color: inherit;

  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13,110,253;
  --bs-link-decoration: underline;

  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10,88,202;

  --bs-code-color: #d63384;

  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;

  /* Borders */
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0,0,0,.175);

  /* Radius */
  --bs-border-radius: .375rem;
  --bs-border-radius-sm: .25rem;
  --bs-border-radius-lg: .5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;

  /* Shadows */
  --bs-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
  --bs-box-shadow-sm: 0 .125rem .25rem rgba(0,0,0,.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0,0,0,.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0,0,0,.075);

  /* Focus */
  --bs-focus-ring-width: .25rem;
  --bs-focus-ring-opacity: .25;
  --bs-focus-ring-color: rgba(13,110,253,.25);

  /* Form validation */
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;

  /* Typography */
  --bs-font-sans-serif:
    system-ui,-apple-system,"Segoe UI",Roboto,
    "Helvetica Neue","Noto Sans",
    "Liberation Sans",Arial,sans-serif,
    "Apple Color Emoji","Segoe UI Emoji",
    "Segoe UI Symbol","Noto Color Emoji";

  --bs-font-monospace:
    SFMono-Regular,Menlo,Monaco,Consolas,
    "Liberation Mono","Courier New",monospace;

  --bs-gradient:
    linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,0));

  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;

  --bs-body-text-align: initial;

  /* Component active */
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;

  /* Subtle backgrounds */
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;

  /* Subtle borders */
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  
  --bs-accordion-color: #212529;
--bs-accordion-bg: #fff;
--bs-accordion-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
--bs-accordion-border-color: rgba(0,0,0,.175);
--bs-accordion-border-width: 1px;
--bs-accordion-border-radius: .375rem;
--bs-accordion-inner-border-radius: calc(.375rem - 1px);

--bs-accordion-btn-padding-x: 1.25rem;
--bs-accordion-btn-padding-y: 1rem;
--bs-accordion-btn-color: #212529;
--bs-accordion-btn-bg: #fff;
--bs-accordion-btn-icon: url("data:image/svg+xml,...");
--bs-accordion-btn-icon-width: 1.25rem;
--bs-accordion-btn-icon-transform: rotate(-180deg);
--bs-accordion-btn-icon-transition: transform .2s ease-in-out;
--bs-accordion-btn-active-icon: url("data:image/svg+xml,...");
--bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);

--bs-accordion-body-padding-x: 1.25rem;
--bs-accordion-body-padding-y: 1rem;

--bs-accordion-active-color: #0a58ca;
--bs-accordion-active-bg: #cfe2ff;


/* Alert
--------------------------------------------------------- */

--bs-alert-bg: transparent;
--bs-alert-padding-x: 1rem;
--bs-alert-padding-y: 1rem;
--bs-alert-margin-bottom: 1rem;
--bs-alert-color: inherit;
--bs-alert-border-color: transparent;
--bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
--bs-alert-border-radius: .375rem;


/* Badge
--------------------------------------------------------- */

--bs-badge-padding-x: .65em;
--bs-badge-padding-y: .35em;
--bs-badge-font-size: .75em;
--bs-badge-font-weight: 700;
--bs-badge-color: #fff;
--bs-badge-border-radius: .375rem;


/* Breadcrumb
--------------------------------------------------------- */

--bs-breadcrumb-padding-x: 0;
--bs-breadcrumb-padding-y: 0;
--bs-breadcrumb-margin-bottom: 1rem;
--bs-breadcrumb-bg: transparent;
--bs-breadcrumb-border-radius: 0;

--bs-breadcrumb-divider-color: #6c757d;
--bs-breadcrumb-item-padding-x: .5rem;
--bs-breadcrumb-item-active-color: #6c757d;


/* Button
--------------------------------------------------------- */

--bs-btn-padding-x: .75rem;
--bs-btn-padding-y: .375rem;
--bs-btn-font-family: inherit;
--bs-btn-font-size: 1rem;
--bs-btn-font-weight: 400;
--bs-btn-line-height: 1.5;

--bs-btn-color: var(--bs-body-color);
--bs-btn-bg: transparent;
--bs-btn-border-width: 1px;
--bs-btn-border-color: transparent;
--bs-btn-border-radius: .375rem;

--bs-btn-hover-color: var(--bs-body-color);
--bs-btn-hover-bg: transparent;
--bs-btn-hover-border-color: transparent;

--bs-btn-focus-shadow-rgb: 13,110,253;

--bs-btn-active-color: var(--bs-body-color);
--bs-btn-active-bg: transparent;
--bs-btn-active-border-color: transparent;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);

--bs-btn-disabled-color: var(--bs-body-color);
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: transparent;

--bs-btn-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),
                       0 1px 1px rgba(0,0,0,.075);


/* Card
--------------------------------------------------------- */

--bs-card-spacer-y: 1rem;
--bs-card-spacer-x: 1rem;
--bs-card-title-spacer-y: .5rem;

--bs-card-title-color: ;
--bs-card-subtitle-color: ;

--bs-card-border-width: 1px;
--bs-card-border-color: rgba(0,0,0,.175);
--bs-card-border-radius: .375rem;
--bs-card-box-shadow: ;
--bs-card-inner-border-radius: calc(.375rem - 1px);

--bs-card-cap-padding-y: .5rem;
--bs-card-cap-padding-x: 1rem;
--bs-card-cap-bg: rgba(0,0,0,.03);
--bs-card-cap-color: ;

--bs-card-height: ;
--bs-card-color: ;
--bs-card-bg: #fff;

--bs-card-img-overlay-padding: 1rem;
--bs-card-group-margin: .75rem;


/* Carousel
--------------------------------------------------------- */

--bs-carousel-indicator-width: 30px;
--bs-carousel-indicator-height: 3px;
--bs-carousel-indicator-spacer: 3px;
--bs-carousel-indicator-opacity: .5;
--bs-carousel-indicator-active-bg: #fff;
--bs-carousel-indicator-active-opacity: 1;

--bs-carousel-control-icon-width: 2rem;

--bs-carousel-control-prev-icon-bg: url("data:image/svg+xml,...");
--bs-carousel-control-next-icon-bg: url("data:image/svg+xml,...");

--bs-carousel-control-opacity: .5;
--bs-carousel-control-hover-opacity: .9;

--bs-carousel-transition: transform .6s ease-in-out;
--bs-carousel-transition-duration: .6s;


/* Close button
--------------------------------------------------------- */

--bs-btn-close-width: 1em;
--bs-btn-close-height: 1em;
--bs-btn-close-padding: .25em;
--bs-btn-close-color: #000;
--bs-btn-close-bg: url("data:image/svg+xml,...");
--bs-btn-close-opacity: .5;

--bs-btn-close-hover-opacity: .75;
--bs-btn-close-focus-opacity: 1;
--bs-btn-close-disabled-opacity: .25;

--bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);


/* Dropdown
--------------------------------------------------------- */

--bs-dropdown-zindex: 1000;
--bs-dropdown-min-width: 10rem;

--bs-dropdown-padding-x: 0;
--bs-dropdown-padding-y: .5rem;
--bs-dropdown-spacer: .125rem;

--bs-dropdown-font-size: 1rem;
--bs-dropdown-color: #212529;
--bs-dropdown-bg: #fff;

--bs-dropdown-border-color: rgba(0,0,0,.175);
--bs-dropdown-border-width: 1px;
--bs-dropdown-border-radius: .375rem;
--bs-dropdown-inner-border-radius: calc(.375rem - 1px);

--bs-dropdown-divider-bg: currentcolor;
--bs-dropdown-divider-margin-y: .5rem;

--bs-dropdown-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);

--bs-dropdown-link-color: #212529;
--bs-dropdown-link-hover-color: #1e2125;
--bs-dropdown-link-hover-bg: #e9ecef;

--bs-dropdown-link-active-color: #fff;
--bs-dropdown-link-active-bg: #0d6efd;

--bs-dropdown-link-disabled-color: #adb5bd;

--bs-dropdown-item-padding-x: 1rem;
--bs-dropdown-item-padding-y: .25rem;

--bs-dropdown-header-color: #6c757d;
--bs-dropdown-header-padding-x: 1rem;
--bs-dropdown-header-padding-y: .5rem;


/* Form controls
--------------------------------------------------------- */

--bs-form-control-color: #212529;
--bs-form-control-bg: #fff;
--bs-form-control-disabled-bg: #e9ecef;
--bs-form-control-disabled-border-color: #dee2e6;

--bs-form-control-border-color: #dee2e6;
--bs-form-control-border-width: 1px;
--bs-form-control-border-radius: .375rem;

--bs-form-control-box-shadow: inset 0 1px 2px rgba(0,0,0,.075);

--bs-form-control-focus-border-color: #86b7fe;
--bs-form-control-focus-box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);


/* Form select
--------------------------------------------------------- */

--bs-form-select-indicator: url("data:image/svg+xml,...");
--bs-form-select-indicator-color: #212529;
--bs-form-select-bg-size: 16px 12px;

--bs-form-select-border-color: #dee2e6;
--bs-form-select-border-width: 1px;
--bs-form-select-border-radius: .375rem;


/* List group
--------------------------------------------------------- */

--bs-list-group-color: #212529;
--bs-list-group-bg: #fff;

--bs-list-group-border-color: rgba(0,0,0,.175);
--bs-list-group-border-width: 1px;
--bs-list-group-border-radius: .375rem;

--bs-list-group-item-padding-x: 1rem;
--bs-list-group-item-padding-y: .5rem;

--bs-list-group-action-color: #495057;
--bs-list-group-action-hover-color: #495057;
--bs-list-group-action-hover-bg: #f8f9fa;

--bs-list-group-action-active-color: #212529;
--bs-list-group-action-active-bg: #e9ecef;

--bs-list-group-active-color: #fff;
--bs-list-group-active-bg: #0d6efd;
--bs-list-group-active-border-color: #0d6efd;

--bs-list-group-disabled-color: #6c757d;
--bs-list-group-disabled-bg: #fff;
--bs-list-group-disabled-border-color: rgba(0,0,0,.175);


/* Modal
--------------------------------------------------------- */

--bs-modal-zindex: 1055;
--bs-modal-width: 500px;
--bs-modal-padding: 1rem;
--bs-modal-margin: .5rem;

--bs-modal-color: ;
--bs-modal-bg: #fff;

--bs-modal-border-color: rgba(0,0,0,.175);
--bs-modal-border-width: 1px;
--bs-modal-border-radius: .5rem;

--bs-modal-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
--bs-modal-inner-border-radius: calc(.5rem - 1px);

--bs-modal-header-padding-x: 1rem;
--bs-modal-header-padding-y: 1rem;

--bs-modal-header-border-color: rgba(0,0,0,.175);
--bs-modal-header-border-width: 1px;

--bs-modal-title-line-height: 1.5;

--bs-modal-footer-gap: .5rem;
--bs-modal-footer-bg: ;
--bs-modal-footer-border-color: rgba(0,0,0,.175);
--bs-modal-footer-border-width: 1px;


/* Navbar
--------------------------------------------------------- */

--bs-navbar-padding-x: 0;
--bs-navbar-padding-y: .5rem;

--bs-navbar-color: rgba(33,37,41,.65);
--bs-navbar-hover-color: rgba(33,37,41,.8);
--bs-navbar-disabled-color: rgba(33,37,41,.3);
--bs-navbar-active-color: rgba(33,37,41,1);

--bs-navbar-brand-padding-y: .3125rem;
--bs-navbar-brand-margin-end: 1rem;
--bs-navbar-brand-font-size: 1.25rem;
--bs-navbar-brand-color: rgba(33,37,41,1);
--bs-navbar-brand-hover-color: rgba(33,37,41,1);

--bs-navbar-nav-link-padding-x: .5rem;

--bs-navbar-toggler-padding-y: .25rem;
--bs-navbar-toggler-padding-x: .75rem;
--bs-navbar-toggler-font-size: 1.25rem;

--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,...");

--bs-navbar-toggler-border-color: rgba(0,0,0,.1);
--bs-navbar-toggler-border-radius: .375rem;

--bs-navbar-toggler-focus-width: .25rem;
--bs-navbar-toggler-transition: box-shadow .15s ease-in-out;


/* Offcanvas
--------------------------------------------------------- */

--bs-offcanvas-zindex: 1045;
--bs-offcanvas-width: 400px;
--bs-offcanvas-height: 30vh;

--bs-offcanvas-padding-x: 1rem;
--bs-offcanvas-padding-y: 1rem;

--bs-offcanvas-color: ;
--bs-offcanvas-bg: #fff;

--bs-offcanvas-border-width: 1px;
--bs-offcanvas-border-color: rgba(0,0,0,.175);

--bs-offcanvas-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);

--bs-offcanvas-transition: transform .3s ease-in-out;
--bs-offcanvas-title-line-height: 1.5;


/* Pagination
--------------------------------------------------------- */

--bs-pagination-padding-x: .75rem;
--bs-pagination-padding-y: .375rem;
--bs-pagination-font-size: 1rem;

--bs-pagination-color: #0d6efd;
--bs-pagination-bg: #fff;

--bs-pagination-border-width: 1px;
--bs-pagination-border-color: #dee2e6;
--bs-pagination-border-radius: .375rem;

--bs-pagination-hover-color: #0a58ca;
--bs-pagination-hover-bg: #e9ecef;
--bs-pagination-hover-border-color: #dee2e6;

--bs-pagination-focus-color: #0a58ca;
--bs-pagination-focus-bg: #e9ecef;
--bs-pagination-focus-box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);

--bs-pagination-active-color: #fff;
--bs-pagination-active-bg: #0d6efd;
--bs-pagination-active-border-color: #0d6efd;

--bs-pagination-disabled-color: #6c757d;
--bs-pagination-disabled-bg: #fff;
--bs-pagination-disabled-border-color: #dee2e6;


/* Popover
--------------------------------------------------------- */

--bs-popover-zindex: 1070;
--bs-popover-max-width: 276px;
--bs-popover-font-size: .875rem;

--bs-popover-bg: #fff;

--bs-popover-border-width: 1px;
--bs-popover-border-color: rgba(0,0,0,.175);
--bs-popover-border-radius: .5rem;
--bs-popover-inner-border-radius: calc(.5rem - 1px);

--bs-popover-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);

--bs-popover-header-font-size: 1rem;
--bs-popover-header-color: #212529;
--bs-popover-header-bg: #f0f0f0;

--bs-popover-body-color: #212529;
--bs-popover-body-padding-x: 1rem;
--bs-popover-body-padding-y: 1rem;


/* Progress
--------------------------------------------------------- */

--bs-progress-height: 1rem;
--bs-progress-font-size: .75rem;

--bs-progress-bg: #e9ecef;
--bs-progress-border-radius: .375rem;

--bs-progress-box-shadow: inset 0 1px 2px rgba(0,0,0,.075);

--bs-progress-bar-color: #fff;
--bs-progress-bar-bg: #0d6efd;
--bs-progress-bar-transition: width .6s ease;


/* Spinner
--------------------------------------------------------- */

--bs-spinner-width: 2rem;
--bs-spinner-height: 2rem;
--bs-spinner-vertical-align: -.125em;
--bs-spinner-border-width: .25em;

--bs-spinner-animation-speed: .75s;
--bs-spinner-animation-name: spinner-border;


/* Toast
--------------------------------------------------------- */

--bs-toast-zindex: 1090;

--bs-toast-padding-x: .75rem;
--bs-toast-padding-y: .5rem;
--bs-toast-spacing: 1.5rem;

--bs-toast-max-width: 350px;
--bs-toast-font-size: .875rem;

--bs-toast-color: ;
--bs-toast-bg: rgba(255,255,255,.85);

--bs-toast-border-width: 1px;
--bs-toast-border-color: rgba(0,0,0,.1);
--bs-toast-border-radius: .375rem;

--bs-toast-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);

--bs-toast-header-color: #6c757d;
--bs-toast-header-bg: rgba(255,255,255,.85);
--bs-toast-header-border-color: rgba(0,0,0,.05);


/* Tooltip
--------------------------------------------------------- */

--bs-tooltip-zindex: 1080;
--bs-tooltip-max-width: 200px;

--bs-tooltip-padding-x: .5rem;
--bs-tooltip-padding-y: .25rem;
--bs-tooltip-margin: ;

--bs-tooltip-font-size: .875rem;
--bs-tooltip-color: #fff;
--bs-tooltip-bg: #000;

--bs-tooltip-border-radius: .375rem;
--bs-tooltip-opacity: .9;


/* Nav
--------------------------------------------------------- */

--bs-nav-link-padding-x: 1rem;
--bs-nav-link-padding-y: .5rem;
--bs-nav-link-font-size: ;
--bs-nav-link-font-weight: ;
--bs-nav-link-color: var(--golf-green);
--bs-nav-link-hover-color: var(--golf-dark);
--bs-nav-link-disabled-color: #6c757d;

--bs-nav-tabs-border-width: 1px;
--bs-nav-tabs-border-color: #dee2e6;
--bs-nav-tabs-border-radius: .375rem;

--bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;

--bs-nav-tabs-link-active-color: #495057;
--bs-nav-tabs-link-active-bg: #fff;
--bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;

--bs-nav-pills-border-radius: .375rem;
--bs-nav-pills-link-active-color: #fff;
--bs-nav-pills-link-active-bg: #0d6efd;


/* Table
--------------------------------------------------------- */

--bs-table-color: #212529;
--bs-table-bg: transparent;

--bs-table-border-color: #dee2e6;
--bs-table-accent-bg: transparent;

--bs-table-striped-color: #212529;
--bs-table-striped-bg: rgba(0,0,0,.05);

--bs-table-active-color: #212529;
--bs-table-active-bg: rgba(0,0,0,.1);

--bs-table-hover-color: #212529;
--bs-table-hover-bg: rgba(0,0,0,.075);

--bs-table-border-factor: 1;
--bs-table-striped-bg-factor: .05;
--bs-table-striped-color: #000;
--bs-table-active-bg-factor: .1;
--bs-table-active-color: #000;
--bs-table-hover-bg-factor: .075;
--bs-table-hover-color: #000;


/* Range
--------------------------------------------------------- */

--bs-form-range-track-width: 100%;
--bs-form-range-track-height: .5rem;
--bs-form-range-track-cursor: pointer;
--bs-form-range-track-bg: #dee2e6;
--bs-form-range-track-border-radius: 1rem;

--bs-form-range-thumb-width: 1rem;
--bs-form-range-thumb-height: 1rem;
--bs-form-range-thumb-bg: #0d6efd;
--bs-form-range-thumb-border: 0;
--bs-form-range-thumb-border-radius: 1rem;
--bs-form-range-thumb-box-shadow: 0 .1rem .25rem rgba(0,0,0,.1);
--bs-form-range-thumb-focus-box-shadow: 0 0 0 1px #fff,
                                          0 0 0 .25rem rgba(13,110,253,.25);
--bs-form-range-thumb-focus-box-shadow-width: .25rem;
--bs-form-range-thumb-focus-box-shadow-opacity: .25;
--bs-form-range-thumb-focus-box-shadow-color: rgba(13,110,253,.25);
--bs-form-range-thumb-focus-box-shadow-blur: 0;
--bs-form-range-thumb-focus-box-shadow-spread: .25rem;

    }
    
/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/media/kbnas5ei/roboto-v51-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('/media/ll1pt0lx/roboto-v51-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/media/ziwoxnb2/roboto-v51-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 800;
  src: url('/media/0ubilx3s/roboto-v51-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

    html {
        scroll-behavior: smooth;
    }


    body {
        font-family: "Roboto", sans-serif;
        color: var(--golf-text);
        background: #fff;
    }


    /* Navigation */

    .navbar-brand img {
        max-height: 48px;
        width: auto;
    }


    .navbar {
        box-shadow: 0 2px 12px rgba(0, 0, 0, .04);
    }


    /* Buttons */

    .btn-golf {
        background: var(--golf-green);
        border-color: var(--golf-green);
        color: #fff;
    }


    .btn-golf:hover {
        background: var(--golf-dark);
        border-color: var(--golf-dark);
        color: #fff;
    }


    .text-golf {
        color: var(--golf-green);
    }


    .bg-golf-light {
        background: var(--golf-light);
    }


    /* Hero */

    .home-hero {
        min-height: 650px;

        background:
            linear-gradient(
                rgba(0, 0, 0, .42),
                rgba(0, 0, 0, .68)
            ),
            url("/media/p0fl2lpw/bg-hero.webp")
            center center / cover no-repeat;

        display: flex;
        align-items: center;

        color: #fff;
    }


    .hero-content {
        max-width: 850px;
    }


    .home-hero h1 {
        font-size: clamp(2.8rem, 7vw, 5.5rem);
        font-weight: 800;
        line-height: 1.02;
        letter-spacing: -2px;
    }


    .home-hero .lead {
        font-size: 1.3rem;
        max-width: 760px;
    }


    /* Sections */

    .section-title {
        color: var(--golf-dark);
        font-weight: 800;
    }


    .section-kicker {
        text-transform: uppercase;
        letter-spacing: 1.5px;
        font-size: .8rem;
        font-weight: 800;
        color: var(--golf-green);
    }


    /* Cards */

    .course-card {
        border: 0;
        border-radius: 15px;
        overflow: hidden;

        box-shadow:
            0 8px 30px rgba(24, 51, 36, .08);

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


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

        box-shadow:
            0 14px 40px rgba(24, 51, 36, .14);
    }


    .course-card img {
        height: 230px;
        object-fit: cover;
    }


    .course-card .card-body {
        padding: 1.5rem;
    }


    .course-meta {
        font-size: .85rem;
        color: #68736c;
    }


    /* Feature blocks */

    .feature-icon {
        width: 58px;
        height: 58px;

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

        border-radius: 50%;

        background: var(--golf-light);
        color: var(--golf-green);

        font-size: 1.4rem;
    }


    /* Ranking */

    .ranking-list {
        border-radius: 14px;
        overflow: hidden;
        box-shadow: 0 8px 30px rgba(24, 51, 36, .07);
    }


    .ranking-item {
        background: #fff;
        border-bottom: 1px solid #e8ece9;
        padding: 1rem 1.25rem;
    }


    .ranking-item:last-child {
        border-bottom: 0;
    }


    .ranking-number {
        width: 38px;
        height: 38px;

        border-radius: 50%;

        background: var(--golf-light);
        color: var(--golf-green);

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

        font-weight: 800;
    }


    /* Newsletter */

    .newsletter {
        background: var(--golf-dark);
        color: #fff;
        border-radius: 18px;
    }


    /* Footer */

    footer {
        background: var(--golf-dark);
        color: rgba(255, 255, 255, .72);
    }


    footer a {
        color: #fff;
        text-decoration: none;
    }


    footer a:hover {
        text-decoration: underline;
    }


    /* Mobile */

    @media (max-width: 767px) {

        .home-hero {
            min-height: 570px;
        }

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

    }
    
    /* Google AdSense */

    .ad-container {
        width: 100%;
        margin: 0 auto;
        padding: 10px 0;
    }

    .ad-label {
        text-align: center;
        font-size: .7rem;
        color: #9aa29d;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-bottom: 6px;
    }

    .ad-container ins.adsbygoogle {
        display: block;
        min-height: 100px;
    }
    
    .nav-link:hover {
                color: var(--golf-dark) !important;
            }
    
    :root {
                --aga-green: #123c2c;
                --aga-green-dark: #09291e;
                --aga-green-light: #eaf2ee;
                --aga-gold: #d4a64a;
                --aga-cream: #f7f6f1;
                --aga-grey: #6c757d;
            }

            body {
                font-family: "Roboto", sans-serif;
                color: #202820;
                background-color: #fff;
            }

            .navbar {
                box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
            }

            .navbar-brand img {
                max-width: 180px;
                height: auto;
            }

            .nav-link {
                font-weight: 500;
                color: var(--golf-green) !important;
            }
            
            

            .nav-link.active {
                color: var(--golf-green) !important;
                font-weight: 700;
            }

            .btn-aga {
                background-color: var(--aga-green);
                border-color: var(--aga-green);
                color: #fff;
            }

            .btn-aga:hover {
                background-color: var(--aga-green-dark);
                border-color: var(--aga-green-dark);
                color: #fff;
            }

            .btn-gold {
                background-color: var(--aga-gold);
                border-color: var(--aga-gold);
                color: #172017;
                font-weight: 700;
            }

            .btn-gold:hover {
                background-color: #bd8e34;
                border-color: #bd8e34;
            }

            .hero {
                background:
                    linear-gradient(rgba(9, 41, 30, 0.88), rgba(9, 41, 30, 0.88));
                padding: 150px 0 90px;
                margin-top: 0;
            }

            .hero .eyebrow {
                color: var(--aga-gold);
                font-size: 0.85rem;
                font-weight: 700;
                letter-spacing: 0.15em;
                text-transform: uppercase;
            }

            .hero h1 {
                font-weight: 800;
                letter-spacing: -0.02em;
            }

            .hero p {
                max-width: 720px;
                margin-left: auto;
                margin-right: auto;
            }

            .section-title {
                color: var(--aga-green);
                font-weight: 800;
            }

            .section-kicker {
                color: var(--aga-gold);
                font-size: 0.8rem;
                font-weight: 800;
                letter-spacing: 0.15em;
                text-transform: uppercase;
            }

            .intro-box {
                background: var(--aga-cream);
                border-radius: 18px;
                padding: 40px;
            }

            .method-card {
                height: 100%;
                border: 1px solid #e5e8e5;
                border-radius: 16px;
                padding: 30px;
                background: #fff;
                transition:
                    transform 0.2s ease,
                    box-shadow 0.2s ease;
            }

            .method-card:hover {
                transform: translateY(-4px);
                box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);
            }

            .method-icon {
                width: 54px;
                height: 54px;
                border-radius: 50%;
                background: var(--aga-green-light);
                color: var(--aga-green);
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 1.25rem;
                margin-bottom: 20px;
            }

            .top-course {
                border-radius: 18px;
                overflow: hidden;
                background: #fff;
                border: 1px solid #e4e7e4;
                height: 100%;
                box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
            }

            .top-course-image {
                height: 210px;
                width: 100%;
                object-fit: cover;
            }

            .top-course-body {
                padding: 25px;
            }

            .rank-badge {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 48px;
                height: 48px;
                border-radius: 50%;
                background: var(--aga-green);
                color: #fff;
                font-size: 1.2rem;
                font-weight: 800;
                margin-bottom: 15px;
            }

            .rank-badge.gold {
                background: var(--aga-gold);
                color: #172017;
            }

            .score-large {
                color: var(--aga-green);
                font-size: 2.7rem;
                line-height: 1;
                font-weight: 900;
            }

            .score-label {
                font-size: 0.75rem;
                color: var(--aga-grey);
                text-transform: uppercase;
                letter-spacing: 0.1em;
            }

            .filter-box {
                background: var(--aga-green);
                border-radius: 18px;
                padding: 30px;
            }

            .filter-box label {
                color: #fff;
                font-size: 0.8rem;
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: 0.08em;
            }

            .ranking-table {
                border-collapse: separate;
                border-spacing: 0;
                overflow: hidden;
                border: 1px solid #e3e6e3;
                border-radius: 16px;
            }

            .ranking-table thead th {
                background: var(--aga-green);
                color: #fff;
                border: none;
                padding: 17px 15px;
                font-size: 0.78rem;
                text-transform: uppercase;
                letter-spacing: 0.08em;
            }

            .ranking-table tbody td {
                padding: 18px 15px;
                vertical-align: middle;
                border-color: #edf0ed;
            }

            .ranking-table tbody tr:hover {
                background: #f6f8f6;
            }

            .rank-number {
                font-size: 1.2rem;
                font-weight: 800;
                color: var(--aga-green);
            }

            .score-pill {
                display: inline-block;
                min-width: 48px;
                padding: 7px 10px;
                border-radius: 8px;
                background: var(--aga-green-light);
                color: var(--aga-green);
                font-weight: 800;
                text-align: center;
            }

            .flag {
                width: 24px;
                height: 18px;
                object-fit: cover;
                vertical-align: middle;
                margin-right: 7px;
            }

            .seo-section {
                background: var(--aga-cream);
            }

            .cta-section {
                background:
                    linear-gradient(rgba(18, 60, 44, 0.95), rgba(18, 60, 44, 0.95));
            }

            footer {
                background: var(--aga-green-dark);
            }

            footer a {
                color: #dfe8e2;
            }

            footer a:hover {
                color: var(--aga-gold);
            }

            @media (max-width: 767px) {
                .hero {
                    padding: 125px 0 70px;
                }

                .intro-box {
                    padding: 25px;
                }

                .filter-box {
                    padding: 20px;
                }

                .ranking-table {
                    font-size: 0.9rem;
                }
            }

            /* Ranking Pagination */
            .pagination .page-link {
                color: var(--aga-green);
                border-color: #dfe5e0;
                font-weight: 600;
            }
            .pagination .page-link:hover {
                background-color: var(--aga-green-light);
                color: var(--aga-green-dark);
            }
            .pagination .page-item.active .page-link {
                background-color: var(--aga-green);
                border-color: var(--aga-green);
                color: #fff;
            }
            .pagination .page-item.disabled .page-link {
                color: #adb5bd;
                background-color: #f8f9fa;
            }
            @media (max-width: 767px) {
                #rankingPagination {
                    flex-wrap: wrap;
                    justify-content: center;
                }
            }
            
            :root {
        --golf-green: #1f5f3b;
        --golf-dark: #123524;
        --golf-light: #eef5ef;
        --golf-gold: #c59b45;
    }

    body {
        font-family: "Roboto", sans-serif;
        color: #28332c;
        background: #fff;
    }

    .navbar-brand img {
        max-height: 48px;
        width: auto;
    }

    .hero {
        min-height: 560px;
        background:
            linear-gradient(rgba(0, 0, 0, .48), rgba(0, 0, 0, .58));
        color: #fff;
        display: flex;
        align-items: center;
    }

    .hero-content {
        max-width: 850px;
    }

    .hero h1 {
        font-size: clamp(2.5rem, 6vw, 5rem);
        font-weight: 800;
        line-height: 1.05;
        text-shadow: 0 2px 15px rgba(0, 0, 0, .3);
    }

    .hero .lead {
        font-size: 1.25rem;
        max-width: 720px;
    }

    .badge-golf {
        background: var(--golf-green);
        color: #fff;
    }

    .btn-golf {
        background: var(--golf-green);
        border-color: var(--golf-green);
        color: #fff;
    }

    .btn-golf:hover {
        background: var(--golf-dark);
        border-color: var(--golf-dark);
        color: #fff;
    }

    .text-golf {
        color: var(--golf-green);
    }

    .bg-golf-light {
        background: var(--golf-light);
    }

    .section-title {
        font-weight: 800;
        color: var(--golf-dark);
    }

    .course-stat {
        border: 1px solid #e1e7e2;
        border-radius: 12px;
        padding: 1.5rem;
        height: 100%;
        background: #fff;
    }

    .course-stat i {
        color: var(--golf-green);
        font-size: 1.7rem;
    }

    .course-stat strong {
        display: block;
        font-size: 1.4rem;
        margin-top: .5rem;
    }

    .course-image {
        width: 100%;
        height: 100%;
        min-height: 320px;
        object-fit: cover;
        border-radius: 14px;
    }

    .feature-card {
        border: 0;
        border-radius: 14px;
        box-shadow: 0 8px 30px rgba(24, 51, 36, .08);
        transition: transform .2s ease, box-shadow .2s ease;
    }

    .feature-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 12px 35px rgba(24, 51, 36, .13);
    }

    .feature-icon {
        width: 55px;
        height: 55px;
        border-radius: 50%;
        background: var(--golf-light);
        color: var(--golf-green);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.3rem;
    }

    .rating-box {
        background: var(--golf-dark);
        color: #fff;
        border-radius: 14px;
        padding: 2rem;
    }

    .rating-number {
        font-size: 4rem;
        line-height: 1;
        font-weight: 800;
        color: #fff;
    }

    .stars {
        color: var(--golf-gold);
        letter-spacing: 2px;
    }

    .breadcrumb a {
        color: var(--golf-green);
        text-decoration: none;
    }

    .faq-section .accordion-button:not(.collapsed) {
        background: var(--golf-light);
        color: var(--golf-dark);
        box-shadow: none;
    }

    footer {
        background: var(--golf-dark);
        color: rgba(255, 255, 255, .75);
    }

    footer a {
        color: #fff;
        text-decoration: none;
    }

    footer a:hover {
        text-decoration: underline;
    }

    .toc {
        border-left: 4px solid var(--golf-green);
    }

    .toc a {
        color: var(--golf-dark);
        text-decoration: none;
    }

    .toc a:hover {
        color: var(--golf-green);
    }
    
    :root {
        --golf-green: #1f5f3b;
        --golf-dark: #123524;
        --golf-light: #eef5ef;
        --golf-gold: #c59b45;
    }

    body {
        font-family: "Roboto", sans-serif;
        color: #28332c;
        background: #fff;
    }

    .navbar-brand img {
        max-height: 48px;
        width: auto;
    }

    .hero {
        min-height: 560px;
        background:
            linear-gradient(rgba(0, 0, 0, .48), rgba(0, 0, 0, .58));
        color: #fff;
        display: flex;
        align-items: center;
    }

    .hero-content {
        max-width: 850px;
    }

    .hero h1 {
        font-size: clamp(2.5rem, 6vw, 5rem);
        font-weight: 800;
        line-height: 1.05;
        text-shadow: 0 2px 15px rgba(0, 0, 0, .3);
    }

    .hero .lead {
        font-size: 1.25rem;
        max-width: 720px;
    }

    .badge-golf {
        background: var(--golf-green);
        color: #fff;
    }

    .btn-golf {
        background: var(--golf-green);
        border-color: var(--golf-green);
        color: #fff;
    }

    .btn-golf:hover {
        background: var(--golf-dark);
        border-color: var(--golf-dark);
        color: #fff;
    }

    .text-golf {
        color: var(--golf-green);
    }

    .bg-golf-light {
        background: var(--golf-light);
    }

    .section-title {
        font-weight: 800;
        color: var(--golf-dark);
    }

    .course-stat {
        border: 1px solid #e1e7e2;
        border-radius: 12px;
        padding: 1.5rem;
        height: 100%;
        background: #fff;
    }

    .course-stat i {
        color: var(--golf-green);
        font-size: 1.7rem;
    }

    .course-stat strong {
        display: block;
        font-size: 1.4rem;
        margin-top: .5rem;
    }

    .course-image {
        width: 100%;
        height: 100%;
        min-height: 320px;
        object-fit: cover;
        border-radius: 14px;
    }

    .feature-card {
        border: 0;
        border-radius: 14px;
        box-shadow: 0 8px 30px rgba(24, 51, 36, .08);
        transition: transform .2s ease, box-shadow .2s ease;
    }

    .feature-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 12px 35px rgba(24, 51, 36, .13);
    }

    .feature-icon {
        width: 55px;
        height: 55px;
        border-radius: 50%;
        background: var(--golf-light);
        color: var(--golf-green);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.3rem;
    }

    .rating-box {
        background: var(--golf-dark);
        color: #fff;
        border-radius: 14px;
        padding: 2rem;
    }

    .rating-number {
        font-size: 4rem;
        line-height: 1;
        font-weight: 800;
        color: #fff;
    }

    .stars {
        color: var(--golf-gold);
        letter-spacing: 2px;
    }

    .breadcrumb a {
        color: var(--golf-green);
        text-decoration: none;
    }

    .faq-section .accordion-button:not(.collapsed) {
        background: var(--golf-light);
        color: var(--golf-dark);
        box-shadow: none;
    }

    footer {
        background: var(--golf-dark);
        color: rgba(255, 255, 255, .75);
    }

    footer a {
        color: #fff;
        text-decoration: none;
    }

    footer a:hover {
        text-decoration: underline;
    }

    .toc {
        border-left: 4px solid var(--golf-green);
    }

    .toc a {
        color: var(--golf-dark);
        text-decoration: none;
    }

    .toc a:hover {
        color: var(--golf-green);
    }
    
    :root {
        --aga-green: #123c2c;
        --aga-green-dark: #09291e;
        --aga-green-light: #eaf2ee;
        --aga-gold: #d4a64a;
        --aga-cream: #f7f6f1;
        --aga-grey: #6c757d;
    }


    body {
        font-family: "Roboto", sans-serif;
        color: #202820;
        background-color: #fff;
    }


    /* NAVIGATION */

    .navbar {
        box-shadow: 0 4px 20px rgba(0, 0, 0, .06);
    }


    .navbar-brand img {
        max-width: 180px;
        height: auto;
    }


    .nav-link {
        font-weight: 500;
    }


    .nav-link.active {
        color: var(--golf-dark) !important;
        font-weight: 700;
    }


    /* BUTTONS */

    .btn-aga {
        background-color: var(--aga-green);
        border-color: var(--aga-green);
        color: #fff;
    }


    .btn-aga:hover {
        background-color: var(--aga-green-dark);
        border-color: var(--aga-green-dark);
        color: #fff;
    }


    .btn-gold {
        background-color: var(--aga-gold);
        border-color: var(--aga-gold);
        color: #172017;
        font-weight: 700;
    }


    .btn-gold:hover {
        background-color: #bd8e34;
        border-color: #bd8e34;
    }


    /* HERO */

    .hero {
        background:
            linear-gradient(
                rgba(9, 41, 30, .86),
                rgba(9, 41, 30, .86)
            );

        padding: 150px 0 95px;
    }


    .hero .eyebrow {
        color: var(--aga-gold);
        font-size: .85rem;
        font-weight: 700;
        letter-spacing: .15em;
        text-transform: uppercase;
    }


    .hero h1 {
        font-weight: 800;
        letter-spacing: -.02em;
    }


    .hero p {
        max-width: 760px;
        margin-left: auto;
        margin-right: auto;
    }


    /* GENERAL */

    .section-title {
        color: var(--aga-green);
        font-weight: 800;
    }


    .section-kicker {
        color: var(--aga-gold);
        font-size: .8rem;
        font-weight: 800;
        letter-spacing: .15em;
        text-transform: uppercase;
    }


    .text-green {
        color: var(--aga-green);
    }


    .cream-section {
        background-color: var(--aga-cream);
    }


    /* STORY */

    .story-image {
        width: 100%;
        height: 520px;
        object-fit: cover;
        border-radius: 20px;
    }


    .story-content {
        padding-left: 30px;
    }


    .story-content p {
        color: #59635c;
        line-height: 1.8;
    }


    /* FEATURE CARDS */

    .feature-card {
        height: 100%;
        background: #fff;
        border: 1px solid #e3e7e3;
        border-radius: 18px;
        padding: 32px;

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


    .feature-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 15px 35px rgba(0, 0, 0, .08);
    }


    .feature-icon {
        width: 58px;
        height: 58px;

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

        border-radius: 50%;

        background-color: var(--aga-green-light);
        color: var(--aga-green);

        font-size: 1.35rem;

        margin-bottom: 22px;
    }


    .feature-card h3 {
        color: var(--aga-green);
        font-weight: 700;
    }


    .feature-card p {
        color: var(--aga-grey);
        line-height: 1.7;
    }


    /* STATISTICS */

    .stat-box {
        text-align: center;
        padding: 30px 15px;
    }


    .stat-number {
        color: var(--aga-green);
        font-size: 3rem;
        font-weight: 900;
        line-height: 1;
    }


    .stat-label {
        color: var(--aga-grey);
        margin-top: 10px;
        font-size: .9rem;
        text-transform: uppercase;
        letter-spacing: .08em;
        font-weight: 700;
    }


    /* MISSION */

    .mission-box {
        background-color: var(--aga-green);
        color: #fff;
        border-radius: 20px;
        padding: 55px;
    }


    .mission-box .section-kicker {
        color: var(--aga-gold);
    }


    .mission-box h2 {
        font-weight: 800;
    }


    .mission-box p {
        color: rgba(255,255,255,.78);
        line-height: 1.8;
    }


    /* JOURNEY */

    .journey-step {
        position: relative;
        padding-left: 70px;
        padding-bottom: 45px;
    }


    .journey-step:last-child {
        padding-bottom: 0;
    }


    .journey-number {
        position: absolute;
        left: 0;
        top: 0;

        width: 48px;
        height: 48px;

        border-radius: 50%;

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

        background-color: var(--aga-green);
        color: #fff;

        font-weight: 800;
    }


    .journey-step:not(:last-child)::after {
        content: "";

        position: absolute;

        left: 23px;
        top: 48px;
        bottom: 0;

        width: 2px;

        background-color: #dfe5e0;
    }


    .journey-step h3 {
        color: var(--aga-green);
        font-weight: 700;
    }


    .journey-step p {
        color: var(--aga-grey);
        line-height: 1.7;
    }


    /* QUOTE */

    .quote-section {
        background:linear-gradient(rgba(9, 41, 30, 0.88), rgba(9, 41, 30, 0.88));
    }


    .quote {
        font-size: 2rem;
        line-height: 1.45;
        font-weight: 700;
    }


    /* CTA */

    .cta-section {
        background-color: var(--aga-cream);
    }


    /* FOOTER */

    footer {
        background-color: var(--aga-green-dark);
    }


    footer a {
        color: #dfe8e2;
    }


    footer a:hover {
        color: var(--aga-gold);
    }


    /* MOBILE */

    @media (max-width: 767px) {

        .hero {
            padding: 125px 0 70px;
        }


        .story-image {
            height: 350px;
            margin-bottom: 30px;
        }


        .story-content {
            padding-left: 0;
        }


        .mission-box {
            padding: 30px;
        }


        .quote {
            font-size: 1.5rem;
        }

    }
    
    :root {
        --golf-green: #1f5f3b;
        --golf-dark: #123524;
        --golf-darkest: #081c13;
        --golf-light: #eef5ef;
        --golf-gold: #c59b45;
        --golf-gold-light: #e2c477;
        --golf-text: #28332c;
        --golf-muted: #68736c;
    }


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

    html {
        scroll-behavior: smooth;
    }


    body {
        font-family: "Roboto", sans-serif;
        color: var(--golf-text);
        background: #fff;
    }


    /* =====================================================
       NAVIGATION
    ====================================================== */

    .main-navbar {
        position: sticky;
        top: 0;
        z-index: 1030;

        background:
            linear-gradient(
                115deg,
                #081c13 0%,
                #123524 45%,
                #17472d 100%
            );

        border-bottom:
            1px solid rgba(197, 155, 69, .35);

        box-shadow:
            0 8px 30px rgba(8, 28, 19, .18);

        overflow: hidden;
    }


    /* Animated shine */

    .main-navbar::before {
        content: "";

        position: absolute;

        top: 0;
        left: -40%;

        width: 40%;
        height: 100%;

        background:
            linear-gradient(
                90deg,
                transparent,
                rgba(255, 255, 255, .06),
                transparent
            );

        transform: skewX(-25deg);

        animation:
            navbarShine 8s ease-in-out infinite;

        pointer-events: none;
    }


    @keyframes navbarShine {

        0% {
            left: -40%;
        }

        45% {
            left: 110%;
        }

        100% {
            left: 110%;
        }

    }


    .main-navbar .container {
        position: relative;
        z-index: 2;
    }


    /* Logo */

    .navbar-brand {
        position: relative;

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

        padding:
            .55rem .9rem .55rem 0;

        transition:
            transform .3s ease,
            filter .3s ease;
    }


    .navbar-brand:hover {
        transform: translateY(-1px);
        transform: scale(110%);

        
    }


    .navbar-brand img {
        max-height: 58px;
        width: auto;

        object-fit: contain;

        transition:
            transform .4s ease;
    }


    .navbar-brand:hover img {
        transform: scale(1.035);
    }


    /* Golf ball */

    .brand-golf-ball {
        width: 9px;
        height: 9px;

        position: absolute;

        right: -5px;
        bottom: 10px;

        background: #fff;

        border-radius: 50%;

        box-shadow:
            0 0 0 2px
            rgba(197, 155, 69, .45),

            0 0 10px
            rgba(255, 255, 255, .35);

        animation:
            golfBallPulse 2.5s ease-in-out infinite;
    }


    @keyframes golfBallPulse {

        0%,
        100% {
            transform: scale(1);
            opacity: .8;
        }

        50% {
            transform: scale(1.35);
            opacity: 1;
        }

    }


    /* Nav links */

    .main-navbar .nav-link {
        position: relative;

        color:
            rgba(255, 255, 255, .78) !important;

        font-size: .92rem;

        font-weight: 600;

        letter-spacing: .2px;

        padding:
            1.35rem .9rem !important;

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


    .main-navbar .nav-link::after {
        content: "";

        position: absolute;

        left: 50%;
        bottom: 8px;

        width: 0;
        height: 2px;

        background:
            linear-gradient(
                90deg,
                var(--golf-gold),
                var(--golf-gold-light)
            );

        border-radius: 10px;

        transform:
            translateX(-50%);

        transition:
            width .3s ease;
    }


    .main-navbar .nav-link:hover,
    .main-navbar .nav-link:focus {
        color: #fff !important;

        transform:
            translateY(-1px);
    }


    .main-navbar .nav-link:hover::after,
    .main-navbar .nav-link:focus::after,
    .main-navbar .nav-link.active::after {
        width: 55%;
    }


    .main-navbar .nav-link.active {
        color: #fff !important;
    }


    /* Header actions */

    .header-actions {
        display: flex;

        align-items: center;

        gap: .55rem;
    }


    .header-search {
        width: 42px;
        height: 42px;

        display: inline-flex;

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

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

        border-radius: 50%;

        color: #fff;

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

        transition:
            background .25s ease,
            border-color .25s ease,
            transform .25s ease;
    }


    .header-search:hover {
        color: #fff;

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

        border-color:
            rgba(197, 155, 69, .7);

        transform:
            translateY(-2px)
            rotate(5deg);
    }


    .header-subscribe {
        position: relative;

        overflow: hidden;

        border: 0;

        background:
            linear-gradient(
                135deg,
                #c59b45,
                #e0bf70
            );

        color: #17251c !important;

        font-weight: 800;

        border-radius: 50px;

        padding:
            .7rem 1.15rem;

        box-shadow:
            0 5px 18px
            rgba(0, 0, 0, .15);

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


    .header-subscribe::before {
        content: "";

        position: absolute;

        top: 0;
        left: -100%;

        width: 60%;
        height: 100%;

        background:
            linear-gradient(
                90deg,
                transparent,
                rgba(255, 255, 255, .45),
                transparent
            );

        transform:
            skewX(-20deg);

        transition:
            left .6s ease;
    }


    .header-subscribe:hover {
        color: #17251c !important;

        transform:
            translateY(-2px);

        box-shadow:
            0 9px 25px
            rgba(0, 0, 0, .22);
    }


    .header-subscribe:hover::before {
        left: 140%;
    }


    /* Mobile */

    .main-navbar .navbar-toggler {
        border:
            1px solid
            rgba(255, 255, 255, .3);

        padding:
            .55rem .7rem;

        border-radius: 10px;
    }


    .main-navbar .navbar-toggler:focus {
        box-shadow:
            0 0 0 .2rem
            rgba(197, 155, 69, .2);
    }


    .main-navbar .navbar-toggler-icon {
        filter:
            brightness(0)
            invert(1);
    }


    @media (max-width: 991px) {

        .main-navbar .navbar-collapse {
            padding:
                1rem 0 1.25rem;
        }


        .main-navbar .nav-link {
            padding:
                .75rem 0 !important;
        }


        .main-navbar .nav-link::after {
            left: 0;
            bottom: 3px;

            transform: none;
        }


        .main-navbar .nav-link:hover::after,
        .main-navbar .nav-link.active::after {
            width: 45px;
        }


        .header-actions {
            margin-top: .75rem;
        }

    }


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

    .courses-hero {
        position: relative;

        min-height: 390px;

        display: flex;

        align-items: center;

        color: #fff;

        overflow: hidden;

        background:
            linear-gradient(
                rgba(6, 26, 17, .48),
                rgba(6, 26, 17, .78)
            );
    }


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

        position: absolute;

        inset: 0;

        background:
            radial-gradient(
                circle at 70% 35%,
                rgba(197, 155, 69, .18),
                transparent 30%
            );

        animation:
            heroGlow 7s ease-in-out infinite alternate;
    }


    @keyframes heroGlow {

        from {
            opacity: .35;
            transform: scale(1);
        }

        to {
            opacity: 1;
            transform: scale(1.08);
        }

    }


    .courses-hero::after {
        content: "";

        position: absolute;

        width: 600px;
        height: 600px;

        right: -280px;
        bottom: -420px;

        border:
            1px solid
            rgba(197, 155, 69, .25);

        border-radius: 50%;

        box-shadow:
            0 0 0 70px
            rgba(197, 155, 69, .025),

            0 0 0 140px
            rgba(197, 155, 69, .02);

        animation:
            heroCircle 14s linear infinite;
    }


    @keyframes heroCircle {

        from {
            transform: rotate(0deg);
        }

        to {
            transform: rotate(360deg);
        }

    }


    .courses-hero-content {
        position: relative;

        z-index: 2;

        max-width: 850px;

        animation:
            heroContentIn .9s ease-out both;
    }


    @keyframes heroContentIn {

        from {
            opacity: 0;
            transform: translateY(25px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }

    }


    .hero-kicker {
        display: inline-flex;

        align-items: center;

        gap: .5rem;

        color: #fff;

        background:
            rgba(255, 255, 255, .1);

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

        backdrop-filter:
            blur(8px);

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

        border-radius: 50px;

        padding:
            .55rem 1rem;

        font-size: .8rem;

        font-weight: 700;

        text-transform: uppercase;

        letter-spacing: 1.5px;
    }


    .hero-kicker i {
        color:
            var(--golf-gold-light);
    }


    .courses-hero h1 {
        font-size:
            clamp(2.8rem, 7vw, 5rem);

        font-weight: 800;

        line-height: 1;

        letter-spacing: -2px;

        text-shadow:
            0 5px 25px
            rgba(0, 0, 0, .25);
    }


    .hero-highlight {
        color:
            var(--golf-gold-light);
    }


    .courses-hero .lead {
        max-width: 720px;

        color:
            rgba(255, 255, 255, .88);

        font-size:
            1.2rem;
    }


    /* =====================================================
       SECTION STYLING
    ====================================================== */

    .section-title {
        color:
            var(--golf-dark);

        font-weight: 800;
    }


    .section-kicker {
        text-transform: uppercase;

        letter-spacing: 1.5px;

        font-size: .8rem;

        font-weight: 800;

        color:
            var(--golf-green);
    }


    /* =====================================================
       FILTER PANEL
    ====================================================== */

    .course-filter {
        background: #fff;

        border:
            1px solid #e6ebe7;

        border-radius: 18px;

        padding: 1.25rem;

        box-shadow:
            0 10px 35px
            rgba(18, 53, 36, .08);

        margin-top: -45px;

        position: relative;

        z-index: 10;
    }


    .course-filter .form-control,
    .course-filter .form-select {
        border-color:
            #dce4de;

        min-height: 48px;
    }


    .course-filter .form-control:focus,
    .course-filter .form-select:focus {
        border-color:
            var(--golf-green);

        box-shadow:
            0 0 0 .2rem
            rgba(31, 95, 59, .12);
    }


    .filter-label {
        font-size: .75rem;

        font-weight: 800;

        text-transform: uppercase;

        letter-spacing: 1px;

        color:
            var(--golf-muted);

        margin-bottom: .4rem;
    }


    /* =====================================================
       FEATURED COURSE
    ====================================================== */

    .featured-course {
        border: 0;

        border-radius: 20px;

        overflow: hidden;

        background: #fff;

        box-shadow:
            0 12px 40px
            rgba(18, 53, 36, .1);
    }


    .featured-course-image {
        min-height: 330px;

        width: 100%;

        object-fit: cover;

        transition:
            transform .7s ease;
    }


    .featured-course:hover
    .featured-course-image {
        transform:
            scale(1.04);
    }


    .featured-course-image-wrap {
        overflow: hidden;

        position: relative;
    }


    .featured-course-image-wrap::after {
        content: "";

        position: absolute;

        inset: 0;

        background:
            linear-gradient(
                135deg,
                transparent 60%,
                rgba(18, 53, 36, .18)
            );

        pointer-events: none;
    }


    .featured-label {
        display: inline-flex;

        align-items: center;

        gap: .4rem;

        background:
            var(--golf-dark);

        color: #fff;

        border-radius: 50px;

        padding:
            .45rem .8rem;

        font-size: .75rem;

        font-weight: 800;

        text-transform: uppercase;

        letter-spacing: .8px;
    }


    .featured-label i {
        color:
            var(--golf-gold-light);
    }


    /* =====================================================
       COURSE LIST
    ====================================================== */

    .course-list-card {
        position: relative;

        background: #fff;

        border: 0;

        border-radius: 18px;

        overflow: hidden;

        box-shadow:
            0 8px 28px
            rgba(18, 53, 36, .07);

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


    .course-list-card:hover {
        transform:
            translateY(-6px);

        box-shadow:
            0 18px 45px
            rgba(18, 53, 36, .14);
    }


    .course-list-image-wrap {
        position: relative;

        overflow: hidden;

        height: 100%;
    }


    .course-list-image {
        width: 100%;

        height: 250px;

        object-fit: cover;

        transition:
            transform .6s ease;
    }


    .course-list-card:hover
    .course-list-image {
        transform:
            scale(1.06);
    }


    .course-location-badge {
        position: absolute;

        top: 15px;
        left: 15px;

        background:
            rgba(18, 53, 36, .92);

        color: #fff;

        padding:
            .4rem .7rem;

        border-radius: 50px;

        font-size: .75rem;

        font-weight: 700;

        backdrop-filter:
            blur(5px);
    }


    .course-location-badge i {
        color:
            var(--golf-gold-light);
    }


    .course-list-body {
        padding:
            1.5rem;
    }


    .course-list-body h3 {
        color:
            var(--golf-dark);

        font-weight: 800;
    }


    .course-meta {
        display: flex;

        flex-wrap: wrap;

        gap: .5rem;

        margin-bottom: 1rem;
    }


    .course-meta span {
        display: inline-flex;

        align-items: center;

        gap: .35rem;

        padding:
            .35rem .65rem;

        background:
            var(--golf-light);

        color:
            var(--golf-green);

        border-radius: 50px;

        font-size: .75rem;

        font-weight: 700;
    }


    .course-meta i {
        font-size: .7rem;
    }


    .course-link {
        display: inline-flex;

        align-items: center;

        gap: .4rem;

        color:
            var(--golf-green);

        font-weight: 800;

        text-decoration: none;

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


    .course-link:hover {
        color:
            var(--golf-dark);

        gap: .7rem;
    }


    /* =====================================================
       PAGINATION
    ====================================================== */

    .course-pagination .page-link {
        color:
            var(--golf-green);

        border-color:
            #dfe5e0;

        font-weight: 700;

        min-width: 42px;

        text-align: center;

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


    .course-pagination .page-link:hover {
        background:
            var(--golf-light);

        color:
            var(--golf-dark);

        transform:
            translateY(-1px);
    }


    .course-pagination .page-item.active
    .page-link {
        background:
            var(--golf-green);

        border-color:
            var(--golf-green);

        color: #fff;
    }


    .course-pagination .page-item.disabled
    .page-link {
        color: #adb5bd;

        background: #f8f9fa;
    }


    /* =====================================================
       INFO STRIP
    ====================================================== */

    .course-info-strip {
        background:
            linear-gradient(
                135deg,
                var(--golf-dark),
                #1a5134
            );

        border-radius: 20px;

        color: #fff;

        overflow: hidden;

        position: relative;
    }


    .course-info-strip::after {
        content: "";

        position: absolute;

        width: 280px;
        height: 280px;

        right: -130px;
        top: -130px;

        border:
            1px solid
            rgba(197, 155, 69, .25);

        border-radius: 50%;
    }


    .info-icon {
        width: 54px;
        height: 54px;

        display: flex;

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

        border-radius: 50%;

        background:
            rgba(255, 255, 255, .09);

        color:
            var(--golf-gold-light);

        font-size: 1.25rem;
    }


    /* =====================================================
       ADSENSE
    ====================================================== */

    .ad-container {
        width: 100%;

        margin: 0 auto;

        padding:
            10px 0;
    }


    .ad-label {
        text-align: center;

        font-size: .7rem;

        color: #9aa29d;

        text-transform: uppercase;

        letter-spacing: 1px;

        margin-bottom: 6px;
    }


    .ad-container ins.adsbygoogle {
        display: block;

        min-height: 100px;
    }


    /* =====================================================
       FOOTER
    ====================================================== */

    footer {
        background:
            var(--golf-dark);

        color:
            rgba(255, 255, 255, .72);
    }


    footer a {
        color: #fff;

        text-decoration: none;
    }


    footer a:hover {
        text-decoration: underline;
    }


    .footer-social {
        width: 44px;
        height: 44px;

        display: inline-flex;

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

        border-radius: 50%;

        background:
            rgba(255, 255, 255, .08);

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


    .footer-social:hover {
        transform:
            translateY(-3px);

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


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

    @media (max-width: 767px) {

        .navbar-brand img {
            max-height: 50px;

            max-width: 185px;
        }


        .courses-hero {
            min-height: 430px;
        }


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


        .course-filter {
            margin-top: -25px;
        }


        .featured-course-image {
            min-height: 250px;
        }


        .course-list-image {
            height: 220px;
        }

    }


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

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

        html {
            scroll-behavior: auto;
        }


        *,
        *::before,
        *::after {
            animation-duration:
                .01ms !important;

            animation-iteration-count:
                1 !important;

            transition-duration:
                .01ms !important;
        }

    }


/* =========================================
   COMING SOON RANKING ROW
   ========================================= */

.ranking-table tbody tr.coming-soon-row {
    position: relative;
}

/* Blur the actual row contents */
.ranking-table tbody tr.coming-soon-row > td {
    filter: blur(2px);
    opacity: 0.25;
}

/* Stop links being clickable */
.ranking-table tbody tr.coming-soon-row a {
    pointer-events: none;
    cursor: default;
}

/* Overlay */
.ranking-table tbody tr.coming-soon-row::after {
    content: "COMING SOON";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

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

    background: rgba(188, 197, 194, 0.78);
    color: #fff;

    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0.2em;

    z-index: 5;
    pointer-events: none;
}

/* Don't show the normal hover effect */
.ranking-table tbody tr.coming-soon-row:hover {
    background: transparent;
}

.navbar-brand img{
    width:40px!important;   
}

#course-map {
    height: 650px;
    width: 100%;
}

@media (max-width: 991.98px) {
    #course-map {
        height: 450px;
        margin-top: 30px;
    }
}

.course-filters {
    position: relative;
    z-index: 10;

    padding: 0 0 35px;

    background: #f7f7f5;
}


/* Main floating filter */

.course-filter-bar {
    display: flex;
    align-items: center;

    padding: 8px;

    background: #ffffff;

    border: 1px solid #e5e5e1;

    border-radius: 14px;

    box-shadow:
        0 10px 35px rgba(0, 0, 0, 0.055);
}


/* =====================================================
   SEARCH
   ===================================================== */

.course-search {
    position: relative;

    flex: 1;

    min-width: 280px;
}


.course-search > i {
    position: absolute;

    left: 18px;
    top: 50%;

    transform: translateY(-50%);

    color: #8a8a86;

    font-size: 0.95rem;

    pointer-events: none;
}


.course-search-input {
    width: 100%;

    height: 48px;

    padding: 0 18px 0 47px;

    border: 0;

    border-radius: 9px;

    background: #f7f7f5;

    color: #171717;

    font-size: 0.9rem;

    outline: none;
}


.course-search-input::placeholder {
    color: #999;
}


.course-search-input:focus {
    background: #f2f2ef;
}

.performance-bar {
    overflow: hidden;
}

.performance-bar > span {
    display: block;
    width: 0;
    transition: width 1.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.performance-row {
    opacity: 0;
    transform: translateY(12px);
    transition:
        opacity 0.6s ease,
        transform 0.6s ease;
}

.performance-panel.is-visible .performance-row {
    opacity: 1;
    transform: translateY(0);
}

.performance-panel.is-visible .performance-row:nth-child(2) {
    transition-delay: 0.15s;
}

.performance-panel.is-visible .performance-row:nth-child(3) {
    transition-delay: 0.3s;
}

.balls-number-wrap { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; } .balls-update { display: inline-flex; align-items: center; gap: 0.45rem; padding: 0.45rem 0.75rem; border-radius: 999px; background: rgba(80, 180, 120, 0.12); border: 1px solid rgba(80, 180, 120, 0.25); color: #8ee0ad; font-family: var(--bs-body-font-family); font-size: 0.8rem; font-weight: 600; letter-spacing: 0.02em; white-space: nowrap; } .balls-update-dot { width: 6px; height: 6px; border-radius: 50%; background: #6fd394; box-shadow: 0 0 0 3px rgba(111, 211, 148, 0.12); }

.hero {
    position: relative;
    overflow: hidden;
    min-height: 600px;

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

/* Background video */
.hero-video {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
    z-index: 0;
}

/* Dark overlay over the video */
.hero-overlay {
    position: absolute;
    inset: 0;

    background: rgba(0, 0, 0, 0.45);

    z-index: 1;
}

/* Content sits above video + overlay */
.hero-content {
    position: relative;
    z-index: 2;
}

.score-line {
    width: 100%;
    height: 6px;
    background: #eee;
    overflow: hidden;
    border-radius: 10px;
}

.score-line span {
    display: block;
    width: 0;
    height: 100%;
    background: #d4a64a;
    border-radius: 10px;

    animation: scoreGrow 1.5s ease-out forwards;
    animation-delay: 0.3s;
}

@keyframes scoreGrow {
    from {
        width: 0;
    }

    to {
        width: var(--score);
    }
}

.btn{
    border-radius:5px;
}

.bg-white{
    background-color:#fff!important;
}

.rounded-4{
    border-radius:15px!important;
}

.bg-white.rounded-4{
    box-shadow: 0 14px 40px rgba(24, 51, 36, .14);
}

.badge{
    border-radius:5px!important;
    padding:7px 8px!important;
}

.badge-golf{
    background-color:#1f5f3b!important;
}

.bg-secondary{
    background-color:#1f5f3b!important;
}

.text-dark{
 color:#1f5f3b!important;   
}

.bg-light{
    background-color:#eef5ef!important;
}



/* Golf lesson modal */
.modal-content {
    border-radius: 1rem;
}

/* Slightly softer Bootstrap backdrop */
.modal-backdrop.show {
    opacity: 0.75;
}

/* Mobile hero image */
@media (max-width: 767.98px) {

    .modal-dialog {
        margin: 0.75rem;
    }

    .modal-content {
        border-radius: 0.75rem;
    }

    .modal-body {
        padding: 1.5rem !important;
    }

    .modal-footer {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

}

  /* Blog-specific styling */

        .blog-card {
            transition: transform .2s ease, box-shadow .2s ease;
        }

        .blog-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .08);
        }

        .blog-card-image {
            aspect-ratio: 16 / 10;
            object-fit: cover;
        }

        .blog-featured-image {
            aspect-ratio: 16 / 9;
            object-fit: cover;
        }

        .blog-category {
            font-size: .75rem;
            letter-spacing: .08em;
        }

        .blog-card a {
            text-decoration: none;
        }
.blog-hero {
            max-height: 650px;
            object-fit: cover;
        }

        .article-content {
            font-size: 1.1rem;
            line-height: 1.8;
        }

        .article-content h2 {
            margin-top: 3rem;
            margin-bottom: 1rem;
            font-weight: 700;
        }

        .article-content h3 {
            margin-top: 2rem;
            margin-bottom: 1rem;
            font-weight: 700;
        }

        .article-content img {
            border-radius: 1rem;
        }

        .article-content blockquote {
            border-left: 4px solid currentColor;
            padding: 1rem 1.5rem;
            margin: 2rem 0;
            font-size: 1.25rem;
            font-weight: 600;
        }

        .article-share a {
            text-decoration: none;
        }

        .related-card {
            transition: transform .2s ease, box-shadow .2s ease;
        }

        .related-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.08);
        }