.elementor-26369 .elementor-element.elementor-element-a79cf2a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-26369 .elementor-element.elementor-element-5eda979{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body:not(.rtl) .elementor-26369 .elementor-element.elementor-element-4bdc02e{left:8px;}body.rtl .elementor-26369 .elementor-element.elementor-element-4bdc02e{right:8px;}.elementor-26369 .elementor-element.elementor-element-4bdc02e{top:-335px;}.elementor-26369 .elementor-element.elementor-element-7748d92{--display:flex;}.elementor-26369 .elementor-element.elementor-element-390c7ff > .elementor-widget-container{margin:0px 0px 0px 14px;}.elementor-26369 .elementor-element.elementor-element-390c7ff{text-align:start;}.elementor-26369 .elementor-element.elementor-element-390c7ff .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:14px;letter-spacing:2px;word-spacing:6px;color:#C9A84C;}.elementor-26369 .elementor-element.elementor-element-f3ae10a{width:var( --container-widget-width, 104.804% );max-width:104.804%;--container-widget-width:104.804%;--container-widget-flex-grow:0;}.elementor-26369 .elementor-element.elementor-element-f3ae10a > .elementor-widget-container{margin:0px 0px 0px 14px;}.elementor-26369 .elementor-element.elementor-element-f3ae10a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-26369 .elementor-element.elementor-element-f3ae10a .elementor-heading-title{font-size:117px;color:#FFFFFF;}.elementor-26369 .elementor-element.elementor-element-8984861 > .elementor-widget-container{margin:0px 0px 0px 14px;}.elementor-26369 .elementor-element.elementor-element-23282cf{--display:flex;}.elementor-26369 .elementor-element.elementor-element-79d5405 .htmega-button .htb-btn{background-color:#C9A84C;color:#000000;font-family:"Barlow Condensed", Sans-serif;}.elementor-26369 .elementor-element.elementor-element-79d5405 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-26369 .elementor-element.elementor-element-79d5405 .htmega-button .htb-btn, .elementor-26369 .elementor-element.elementor-element-79d5405 .htmega-button .htb-btn::before{border-radius:25px 25px 25px 25px;}.elementor-26369 .elementor-element.elementor-element-b11c706{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26369 .elementor-element.elementor-element-cfa3030 .htmega-button .htb-btn{background-color:#000000;color:#C9992A;border-style:solid;}.elementor-26369 .elementor-element.elementor-element-cfa3030 > .elementor-widget-container{margin:10px 0px 0px 14px;padding:0px 0px 0px 0px;}.elementor-26369 .elementor-element.elementor-element-cfa3030 .htmega-button .htb-btn, .elementor-26369 .elementor-element.elementor-element-cfa3030 .htmega-button .htb-btn::before{border-radius:50px 50px 50px 50px;}.elementor-26369 .elementor-element.elementor-element-64269c6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-26369 .elementor-element.elementor-element-ffe083d{--display:flex;}.elementor-26369 .elementor-element.elementor-element-25f93f7 .elementor-counter-title{justify-content:start;}.elementor-26369 .elementor-element.elementor-element-25f93f7 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:0;--counter-suffix-grow:1;--counter-number-grow:0;color:#C9A84C;}.elementor-26369 .elementor-element.elementor-element-a9b88f2{--display:flex;}.elementor-26369 .elementor-element.elementor-element-249b8d2 .elementor-counter-title{justify-content:start;}.elementor-26369 .elementor-element.elementor-element-249b8d2 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:0;--counter-suffix-grow:1;--counter-number-grow:0;color:#C9A84C;}.elementor-26369 .elementor-element.elementor-element-bf4ee0a{--display:flex;}.elementor-26369 .elementor-element.elementor-element-7ebcde5 .elementor-counter-title{justify-content:start;}.elementor-26369 .elementor-element.elementor-element-7ebcde5 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:0;--counter-suffix-grow:1;--counter-number-grow:0;color:#C9A84C;}.elementor-26369 .elementor-element.elementor-element-a7449a5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-26369 .elementor-element.elementor-element-ae07039 .elementor-counter-title{justify-content:start;}.elementor-26369 .elementor-element.elementor-element-ae07039 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:0;--counter-suffix-grow:1;--counter-number-grow:0;color:#C9A84C;}body:not(.rtl) .elementor-26369 .elementor-element.elementor-element-0bf137b{left:94px;}body.rtl .elementor-26369 .elementor-element.elementor-element-0bf137b{right:94px;}.elementor-26369 .elementor-element.elementor-element-0bf137b{top:-389px;text-align:center;}.elementor-26369 .elementor-element.elementor-element-0bf137b .elementor-heading-title{font-size:18px;letter-spacing:1px;word-spacing:3px;color:var( --e-global-color-3652693 );}.elementor-26369 .elementor-element.elementor-element-fdd7db7{width:var( --container-widget-width, 8.414% );max-width:8.414%;--container-widget-width:8.414%;--container-widget-flex-grow:0;top:-405px;}.elementor-26369 .elementor-element.elementor-element-fdd7db7.elementor-element{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-26369 .elementor-element.elementor-element-fdd7db7{left:16px;}body.rtl .elementor-26369 .elementor-element.elementor-element-fdd7db7{right:16px;}.elementor-26369 .elementor-element.elementor-element-fdd7db7 .elementor-icon-wrapper{text-align:center;}.elementor-26369 .elementor-element.elementor-element-fdd7db7 .elementor-icon i, .elementor-26369 .elementor-element.elementor-element-fdd7db7 .elementor-icon svg{transform:rotate(45deg);}.elementor-26369 .elementor-element.elementor-element-a49f4da{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-26369 .elementor-element.elementor-element-ae81f4d .fluentform-widget-wrapper .ff-el-input--label label{color:#FFFFFF;}.elementor-26369 .elementor-element.elementor-element-ae81f4d .fluentform-widget-wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):not(.select2-search__field), .elementor-26369 .elementor-element.elementor-element-ae81f4d .fluentform-widget-wrapper .ff-el-group textarea, .elementor-26369 .elementor-element.elementor-element-ae81f4d .fluentform-widget-wrapper .ff-el-group select, .elementor-26369 .elementor-element.elementor-element-ae81f4d .fluentform-widget-wrapper .ff-el-group .select2-container--default .select2-selection--multiple{background-color:#02010100;}.elementor-26369 .elementor-element.elementor-element-ae81f4d .fluentform-widget-wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .elementor-26369 .elementor-element.elementor-element-ae81f4d .fluentform-widget-wrapper .ff-el-group textarea, .elementor-26369 .elementor-element.elementor-element-ae81f4d .fluentform-widget-wrapper .ff-el-group select{color:#FFFFFFF5;}.elementor-26369 .elementor-element.elementor-element-ae81f4d .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:var( --e-global-color-3652693 );color:var( --e-global-color-primary );border-style:none;border-radius:0px 0px 0px 0px;}.elementor-26369 .elementor-element.elementor-element-326cef0{--display:flex;--margin-top:0px;--margin-bottom:-78px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-26369 .elementor-element.elementor-element-535f138{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-26369 .elementor-element.elementor-element-535f138.e-con{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-26369 .elementor-element.elementor-element-ca49a2b{left:8px;}body.rtl .elementor-26369 .elementor-element.elementor-element-ca49a2b{right:8px;}.elementor-26369 .elementor-element.elementor-element-ca49a2b{top:-335px;}.elementor-26369 .elementor-element.elementor-element-9f618f9{--display:flex;}.elementor-26369 .elementor-element.elementor-element-2ad6ed5 > .elementor-widget-container{margin:0px 0px 0px 14px;}.elementor-26369 .elementor-element.elementor-element-2ad6ed5{text-align:start;}.elementor-26369 .elementor-element.elementor-element-2ad6ed5 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:14px;letter-spacing:2px;word-spacing:6px;color:#C9A84C;}.elementor-26369 .elementor-element.elementor-element-76427ab{width:var( --container-widget-width, 104.804% );max-width:104.804%;--container-widget-width:104.804%;--container-widget-flex-grow:0;}.elementor-26369 .elementor-element.elementor-element-76427ab > .elementor-widget-container{margin:0px 0px 0px 14px;}.elementor-26369 .elementor-element.elementor-element-76427ab.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-26369 .elementor-element.elementor-element-76427ab .elementor-heading-title{font-size:75px;color:#FFFFFF;}.elementor-26369 .elementor-element.elementor-element-6d0f3c5 > .elementor-widget-container{margin:0px 0px 0px 14px;}.elementor-26369 .elementor-element.elementor-element-6d0f3c5{color:var( --e-global-color-2b3fe44 );}.elementor-26369 .elementor-element.elementor-element-26b1065{--display:flex;}.elementor-26369 .elementor-element.elementor-element-3ed226a{--display:flex;}.elementor-26369 .elementor-element.elementor-element-815c418{--divider-border-style:solid;--divider-color:var( --e-global-color-2ddbfd4 );--divider-border-width:1px;}.elementor-26369 .elementor-element.elementor-element-815c418 .elementor-divider-separator{width:80%;margin:0 auto;margin-center:0;}.elementor-26369 .elementor-element.elementor-element-815c418 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-26369 .elementor-element.elementor-element-ed804a6{--display:flex;--margin-top:0px;--margin-bottom:-261px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-26369 .elementor-element.elementor-element-19a59e0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-26369 .elementor-element.elementor-element-19a59e0.e-con{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-26369 .elementor-element.elementor-element-002a802{left:8px;}body.rtl .elementor-26369 .elementor-element.elementor-element-002a802{right:8px;}.elementor-26369 .elementor-element.elementor-element-002a802{top:-335px;}.elementor-26369 .elementor-element.elementor-element-bbd5bc5{--display:flex;}.elementor-26369 .elementor-element.elementor-element-8c25b35 > .elementor-widget-container{margin:0px 0px 0px 14px;}.elementor-26369 .elementor-element.elementor-element-8c25b35{text-align:start;}.elementor-26369 .elementor-element.elementor-element-8c25b35 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:14px;letter-spacing:2px;word-spacing:6px;color:#C9A84C;}.elementor-26369 .elementor-element.elementor-element-090aad9{width:var( --container-widget-width, 104.804% );max-width:104.804%;--container-widget-width:104.804%;--container-widget-flex-grow:0;}.elementor-26369 .elementor-element.elementor-element-090aad9 > .elementor-widget-container{margin:0px 0px 0px 14px;}.elementor-26369 .elementor-element.elementor-element-090aad9.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-26369 .elementor-element.elementor-element-090aad9 .elementor-heading-title{font-size:75px;color:#FFFFFF;}.elementor-26369 .elementor-element.elementor-element-1dbb10c > .elementor-widget-container{margin:0px 0px 0px 14px;}.elementor-26369 .elementor-element.elementor-element-1dbb10c{color:var( --e-global-color-2b3fe44 );}.elementor-26369 .elementor-element.elementor-element-06752b9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-26369 .elementor-element.elementor-element-e991884{--display:flex;--justify-content:space-around;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;}.elementor-26369 .elementor-element.elementor-element-e991884:not(.elementor-motion-effects-element-type-background), .elementor-26369 .elementor-element.elementor-element-e991884 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#181818;}.elementor-26369 .elementor-element.elementor-element-438f630{text-align:center;}.elementor-26369 .elementor-element.elementor-element-9090733{text-align:center;}.elementor-26369 .elementor-element.elementor-element-9090733 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:46px;color:var( --e-global-color-0c457e8 );}.elementor-26369 .elementor-element.elementor-element-5fee468{font-family:"Barlow Condensed", Sans-serif;font-size:18px;color:var( --e-global-color-48a5951 );}.elementor-26369 .elementor-element.elementor-element-1676967{--display:flex;--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;}.elementor-26369 .elementor-element.elementor-element-1676967:not(.elementor-motion-effects-element-type-background), .elementor-26369 .elementor-element.elementor-element-1676967 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#181818;}.elementor-26369 .elementor-element.elementor-element-cef679a{text-align:center;}.elementor-26369 .elementor-element.elementor-element-de5f31c{text-align:center;}.elementor-26369 .elementor-element.elementor-element-de5f31c .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:46px;color:var( --e-global-color-0c457e8 );}.elementor-26369 .elementor-element.elementor-element-f25eb9c{font-family:"Barlow Condensed", Sans-serif;font-size:18px;color:var( --e-global-color-48a5951 );}.elementor-26369 .elementor-element.elementor-element-1908f95{--display:flex;--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;}.elementor-26369 .elementor-element.elementor-element-1908f95:not(.elementor-motion-effects-element-type-background), .elementor-26369 .elementor-element.elementor-element-1908f95 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#181818;}.elementor-26369 .elementor-element.elementor-element-4335328{text-align:center;}.elementor-26369 .elementor-element.elementor-element-f596ab6{text-align:center;}.elementor-26369 .elementor-element.elementor-element-f596ab6 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:46px;color:var( --e-global-color-0c457e8 );}.elementor-26369 .elementor-element.elementor-element-ca261c1{font-family:"Barlow Condensed", Sans-serif;font-size:18px;color:var( --e-global-color-48a5951 );}.elementor-26369 .elementor-element.elementor-element-b40e503{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-26369 .elementor-element.elementor-element-9a9a252{--display:flex;--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;}.elementor-26369 .elementor-element.elementor-element-9a9a252:not(.elementor-motion-effects-element-type-background), .elementor-26369 .elementor-element.elementor-element-9a9a252 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#181818;}.elementor-26369 .elementor-element.elementor-element-8d767f3{text-align:center;}.elementor-26369 .elementor-element.elementor-element-72a50cf{text-align:center;}.elementor-26369 .elementor-element.elementor-element-72a50cf .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:46px;color:var( --e-global-color-0c457e8 );}.elementor-26369 .elementor-element.elementor-element-ad10b96{font-family:"Barlow Condensed", Sans-serif;font-size:18px;color:var( --e-global-color-48a5951 );}.elementor-26369 .elementor-element.elementor-element-bcb5b14{--display:flex;--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;}.elementor-26369 .elementor-element.elementor-element-bcb5b14:not(.elementor-motion-effects-element-type-background), .elementor-26369 .elementor-element.elementor-element-bcb5b14 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#181818;}.elementor-26369 .elementor-element.elementor-element-668c1cf{text-align:center;}.elementor-26369 .elementor-element.elementor-element-373de70{text-align:center;}.elementor-26369 .elementor-element.elementor-element-373de70 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:46px;color:var( --e-global-color-0c457e8 );}.elementor-26369 .elementor-element.elementor-element-8ea9736{font-family:"Barlow Condensed", Sans-serif;font-size:18px;color:var( --e-global-color-48a5951 );}.elementor-26369 .elementor-element.elementor-element-6b7116a{--display:flex;--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;}.elementor-26369 .elementor-element.elementor-element-6b7116a:not(.elementor-motion-effects-element-type-background), .elementor-26369 .elementor-element.elementor-element-6b7116a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#181818;}.elementor-26369 .elementor-element.elementor-element-d050f40{text-align:center;}.elementor-26369 .elementor-element.elementor-element-23d0bb7{text-align:center;}.elementor-26369 .elementor-element.elementor-element-23d0bb7 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:46px;color:var( --e-global-color-0c457e8 );}.elementor-26369 .elementor-element.elementor-element-35ab9cb{font-family:"Barlow Condensed", Sans-serif;font-size:18px;color:var( --e-global-color-48a5951 );}.elementor-26369 .elementor-element.elementor-element-739d0fd{--display:flex;}.elementor-26369 .elementor-element.elementor-element-2e6c313{--divider-border-style:solid;--divider-color:var( --e-global-color-2ddbfd4 );--divider-border-width:1px;}.elementor-26369 .elementor-element.elementor-element-2e6c313 .elementor-divider-separator{width:80%;margin:0 auto;margin-center:0;}.elementor-26369 .elementor-element.elementor-element-2e6c313 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-26369 .elementor-element.elementor-element-584d67f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:40px;--padding-right:40px;}.elementor-26369 .elementor-element.elementor-element-584d67f:not(.elementor-motion-effects-element-type-background), .elementor-26369 .elementor-element.elementor-element-584d67f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0f0c00;}.elementor-26369 .elementor-element.elementor-element-aea440e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-26369 .elementor-element.elementor-element-aea440e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-26369 .elementor-element.elementor-element-38afd64{--display:flex;}.elementor-26369 .elementor-element.elementor-element-d333a2a > .elementor-widget-container{margin:0px 0px 0px 489px;}.elementor-26369 .elementor-element.elementor-element-d333a2a{text-align:start;}.elementor-26369 .elementor-element.elementor-element-d333a2a .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:14px;letter-spacing:2px;word-spacing:6px;color:#C9A84C;}.elementor-26369 .elementor-element.elementor-element-50711fe{width:var( --container-widget-width, 104.804% );max-width:104.804%;--container-widget-width:104.804%;--container-widget-flex-grow:0;text-align:center;}.elementor-26369 .elementor-element.elementor-element-50711fe > .elementor-widget-container{margin:0px 0px 0px 14px;}.elementor-26369 .elementor-element.elementor-element-50711fe.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-26369 .elementor-element.elementor-element-50711fe .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:75px;color:#FFFFFF;}.elementor-26369 .elementor-element.elementor-element-3d69ea2{--display:flex;}.elementor-26369 .elementor-element.elementor-element-6b7fd39{--divider-border-style:solid;--divider-color:var( --e-global-color-2ddbfd4 );--divider-border-width:1px;}.elementor-26369 .elementor-element.elementor-element-6b7fd39 .elementor-divider-separator{width:80%;margin:0 auto;margin-center:0;}.elementor-26369 .elementor-element.elementor-element-6b7fd39 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-26369 .elementor-element.elementor-element-7f5af85{--display:flex;}.elementor-26369 .elementor-element.elementor-element-7754472{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-26369 .elementor-element.elementor-element-762be64{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-26369 .elementor-element.elementor-element-762be64.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-26369 .elementor-element.elementor-element-3fadb16{--display:flex;}.elementor-26369 .elementor-element.elementor-element-9fdb495 > .elementor-widget-container{padding:0px 0px 0px 25px;}.elementor-26369 .elementor-element.elementor-element-9fdb495 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:14px;text-transform:uppercase;letter-spacing:2px;word-spacing:6px;color:#C9A84C;}.elementor-26369 .elementor-element.elementor-element-4fe349a > .elementor-widget-container{padding:20px 0px 0px 22px;}.elementor-26369 .elementor-element.elementor-element-4fe349a{text-align:start;}.elementor-26369 .elementor-element.elementor-element-4fe349a .elementor-heading-title{font-size:55px;color:#FFFFFF;}.elementor-26369 .elementor-element.elementor-element-55df12b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-26369 .elementor-element.elementor-element-6146ce3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-26369 .elementor-element.elementor-element-6146ce3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-26369 .elementor-element.elementor-element-f9494ba > .elementor-widget-container{margin:0px 0px 0px -8px;}.elementor-26369 .elementor-element.elementor-element-f9494ba .elementor-icon-wrapper{text-align:center;}.elementor-26369 .elementor-element.elementor-element-f9494ba.elementor-view-stacked .elementor-icon{background-color:#FF6A6A;}.elementor-26369 .elementor-element.elementor-element-f9494ba.elementor-view-framed .elementor-icon, .elementor-26369 .elementor-element.elementor-element-f9494ba.elementor-view-default .elementor-icon{color:#FF6A6A;border-color:#FF6A6A;}.elementor-26369 .elementor-element.elementor-element-f9494ba.elementor-view-framed .elementor-icon, .elementor-26369 .elementor-element.elementor-element-f9494ba.elementor-view-default .elementor-icon svg{fill:#FF6A6A;}.elementor-26369 .elementor-element.elementor-element-f9494ba .elementor-icon{font-size:35px;}.elementor-26369 .elementor-element.elementor-element-f9494ba .elementor-icon svg{height:35px;}.elementor-26369 .elementor-element.elementor-element-eda7597{--display:flex;}.elementor-26369 .elementor-element.elementor-element-4a4b45d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 2px;}.elementor-26369 .elementor-element.elementor-element-4a4b45d .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:34px;color:#FFFFFF;}.elementor-26369 .elementor-element.elementor-element-19f99d7 > .elementor-widget-container{padding:0px 0px 0px 10px;}.elementor-26369 .elementor-element.elementor-element-19f99d7{font-family:"Barlow Condensed", Sans-serif;font-size:24px;font-weight:400;color:#6D6D6D;}.elementor-26369 .elementor-element.elementor-element-d634e5f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:-44px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-26369 .elementor-element.elementor-element-bb8be80{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:4px;--padding-right:0px;}.elementor-26369 .elementor-element.elementor-element-bb8be80.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-26369 .elementor-element.elementor-element-c7513d4 .elementor-icon-wrapper{text-align:center;}.elementor-26369 .elementor-element.elementor-element-c7513d4.elementor-view-stacked .elementor-icon{background-color:#FF6A6A;}.elementor-26369 .elementor-element.elementor-element-c7513d4.elementor-view-framed .elementor-icon, .elementor-26369 .elementor-element.elementor-element-c7513d4.elementor-view-default .elementor-icon{color:#FF6A6A;border-color:#FF6A6A;}.elementor-26369 .elementor-element.elementor-element-c7513d4.elementor-view-framed .elementor-icon, .elementor-26369 .elementor-element.elementor-element-c7513d4.elementor-view-default .elementor-icon svg{fill:#FF6A6A;}.elementor-26369 .elementor-element.elementor-element-c7513d4 .elementor-icon{font-size:35px;}.elementor-26369 .elementor-element.elementor-element-c7513d4 .elementor-icon svg{height:35px;}.elementor-26369 .elementor-element.elementor-element-c7513d4 .elementor-icon i, .elementor-26369 .elementor-element.elementor-element-c7513d4 .elementor-icon svg{transform:rotate(9deg);}.elementor-26369 .elementor-element.elementor-element-a1acacd{--display:flex;}.elementor-26369 .elementor-element.elementor-element-512f891 > .elementor-widget-container{padding:0px 0px 0px 3px;}.elementor-26369 .elementor-element.elementor-element-512f891 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:34px;color:#FFFFFF;}.elementor-26369 .elementor-element.elementor-element-57f5352 > .elementor-widget-container{padding:6px 0px 0px 10px;}.elementor-26369 .elementor-element.elementor-element-57f5352 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:24px;font-weight:200;color:var( --e-global-color-3652693 );}.elementor-26369 .elementor-element.elementor-element-9bbedd1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-26369 .elementor-element.elementor-element-227b4ac{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-26369 .elementor-element.elementor-element-227b4ac.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-26369 .elementor-element.elementor-element-43d0929 > .elementor-widget-container{margin:0px 0px 0px -8px;padding:0px 0px 0px 0px;}.elementor-26369 .elementor-element.elementor-element-43d0929 .elementor-icon-wrapper{text-align:center;}.elementor-26369 .elementor-element.elementor-element-43d0929.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-0c457e8 );}.elementor-26369 .elementor-element.elementor-element-43d0929.elementor-view-framed .elementor-icon, .elementor-26369 .elementor-element.elementor-element-43d0929.elementor-view-default .elementor-icon{color:var( --e-global-color-0c457e8 );border-color:var( --e-global-color-0c457e8 );}.elementor-26369 .elementor-element.elementor-element-43d0929.elementor-view-framed .elementor-icon, .elementor-26369 .elementor-element.elementor-element-43d0929.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-0c457e8 );}.elementor-26369 .elementor-element.elementor-element-43d0929 .elementor-icon{font-size:35px;}.elementor-26369 .elementor-element.elementor-element-43d0929 .elementor-icon svg{height:35px;}.elementor-26369 .elementor-element.elementor-element-43d0929 .elementor-icon i, .elementor-26369 .elementor-element.elementor-element-43d0929 .elementor-icon svg{transform:rotate(0deg);}.elementor-26369 .elementor-element.elementor-element-62b2ac8{--display:flex;}.elementor-26369 .elementor-element.elementor-element-e2a4b08 > .elementor-widget-container{padding:0px 0px 0px 4px;}.elementor-26369 .elementor-element.elementor-element-e2a4b08 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:34px;color:#FFFFFF;}.elementor-26369 .elementor-element.elementor-element-49e1426 > .elementor-widget-container{padding:6px 0px 0px 10px;}.elementor-26369 .elementor-element.elementor-element-49e1426 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:24px;font-weight:300;color:var( --e-global-color-3652693 );}.elementor-26369 .elementor-element.elementor-element-770893e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-26369 .elementor-element.elementor-element-cd69cd3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-26369 .elementor-element.elementor-element-cd69cd3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-26369 .elementor-element.elementor-element-e1b3c0e > .elementor-widget-container{margin:0px 0px 0px -8px;}.elementor-26369 .elementor-element.elementor-element-e1b3c0e .elementor-icon-wrapper{text-align:center;}.elementor-26369 .elementor-element.elementor-element-e1b3c0e.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-0c457e8 );}.elementor-26369 .elementor-element.elementor-element-e1b3c0e.elementor-view-framed .elementor-icon, .elementor-26369 .elementor-element.elementor-element-e1b3c0e.elementor-view-default .elementor-icon{color:var( --e-global-color-0c457e8 );border-color:var( --e-global-color-0c457e8 );}.elementor-26369 .elementor-element.elementor-element-e1b3c0e.elementor-view-framed .elementor-icon, .elementor-26369 .elementor-element.elementor-element-e1b3c0e.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-0c457e8 );}.elementor-26369 .elementor-element.elementor-element-e1b3c0e .elementor-icon{font-size:35px;}.elementor-26369 .elementor-element.elementor-element-e1b3c0e .elementor-icon svg{height:35px;}.elementor-26369 .elementor-element.elementor-element-e1b3c0e .elementor-icon i, .elementor-26369 .elementor-element.elementor-element-e1b3c0e .elementor-icon svg{transform:rotate(0deg);}.elementor-26369 .elementor-element.elementor-element-54228b8{--display:flex;}.elementor-26369 .elementor-element.elementor-element-89c1cd5 > .elementor-widget-container{padding:0px 0px 0px 3px;}.elementor-26369 .elementor-element.elementor-element-89c1cd5 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:34px;color:#FFFFFF;}.elementor-26369 .elementor-element.elementor-element-c2280b1 > .elementor-widget-container{padding:0px 0px 0px 10px;}.elementor-26369 .elementor-element.elementor-element-c2280b1 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:24px;font-weight:300;color:var( --e-global-color-3652693 );}.elementor-26369 .elementor-element.elementor-element-65b6449{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-26369 .elementor-element.elementor-element-8de77a0{--display:flex;}.elementor-26369 .elementor-element.elementor-element-b720212 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:var( --e-global-color-3652693 );color:#ffffff !important;border-radius:25px 25px 25px 25px;}body.elementor-page-26369:not(.elementor-motion-effects-element-type-background), body.elementor-page-26369 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(135deg, #0A0A0A 0%, #0A0A0A 100%);}@media(max-width:767px){body:not(.rtl) .elementor-26369 .elementor-element.elementor-element-4bdc02e{left:7px;}body.rtl .elementor-26369 .elementor-element.elementor-element-4bdc02e{right:7px;}.elementor-26369 .elementor-element.elementor-element-4bdc02e{top:-16px;}.elementor-26369 .elementor-element.elementor-element-f3ae10a .elementor-heading-title{font-size:70px;}body:not(.rtl) .elementor-26369 .elementor-element.elementor-element-0bf137b{left:69px;}body.rtl .elementor-26369 .elementor-element.elementor-element-0bf137b{right:69px;}.elementor-26369 .elementor-element.elementor-element-0bf137b{top:-67px;}.elementor-26369 .elementor-element.elementor-element-0bf137b .elementor-heading-title{font-size:12px;}.elementor-26369 .elementor-element.elementor-element-fdd7db7{--container-widget-width:60px;--container-widget-flex-grow:0;width:var( --container-widget-width, 60px );max-width:60px;top:-88px;}body:not(.rtl) .elementor-26369 .elementor-element.elementor-element-fdd7db7{left:8px;}body.rtl .elementor-26369 .elementor-element.elementor-element-fdd7db7{right:8px;}.elementor-26369 .elementor-element.elementor-element-fdd7db7 .elementor-icon{font-size:40px;}.elementor-26369 .elementor-element.elementor-element-fdd7db7 .elementor-icon svg{height:40px;}body:not(.rtl) .elementor-26369 .elementor-element.elementor-element-ca49a2b{left:7px;}body.rtl .elementor-26369 .elementor-element.elementor-element-ca49a2b{right:7px;}.elementor-26369 .elementor-element.elementor-element-ca49a2b{top:-16px;}.elementor-26369 .elementor-element.elementor-element-76427ab .elementor-heading-title{font-size:52px;}body:not(.rtl) .elementor-26369 .elementor-element.elementor-element-002a802{left:7px;}body.rtl .elementor-26369 .elementor-element.elementor-element-002a802{right:7px;}.elementor-26369 .elementor-element.elementor-element-002a802{top:-16px;}.elementor-26369 .elementor-element.elementor-element-090aad9 .elementor-heading-title{font-size:51px;}.elementor-26369 .elementor-element.elementor-element-9090733 .elementor-heading-title{font-size:38px;}.elementor-26369 .elementor-element.elementor-element-f596ab6 .elementor-heading-title{font-size:38px;}.elementor-26369 .elementor-element.elementor-element-72a50cf .elementor-heading-title{font-size:38px;}.elementor-26369 .elementor-element.elementor-element-373de70 .elementor-heading-title{font-size:38px;}.elementor-26369 .elementor-element.elementor-element-50711fe .elementor-heading-title{font-size:36px;}.elementor-26369 .elementor-element.elementor-element-4fe349a .elementor-heading-title{font-size:32px;}.elementor-26369 .elementor-element.elementor-element-65b6449{--width:120%;}.elementor-26369 .elementor-element.elementor-element-8de77a0{--width:120%;}}@media(min-width:768px){.elementor-26369 .elementor-element.elementor-element-5eda979{--width:50%;}.elementor-26369 .elementor-element.elementor-element-a49f4da{--width:50%;}.elementor-26369 .elementor-element.elementor-element-535f138{--width:100%;}.elementor-26369 .elementor-element.elementor-element-19a59e0{--width:100%;}.elementor-26369 .elementor-element.elementor-element-e991884{--width:100%;}.elementor-26369 .elementor-element.elementor-element-aea440e{--width:100%;}.elementor-26369 .elementor-element.elementor-element-762be64{--width:49.874%;}.elementor-26369 .elementor-element.elementor-element-6146ce3{--width:6.331%;}.elementor-26369 .elementor-element.elementor-element-bb8be80{--width:6.331%;}.elementor-26369 .elementor-element.elementor-element-227b4ac{--width:6.331%;}.elementor-26369 .elementor-element.elementor-element-cd69cd3{--width:6.331%;}.elementor-26369 .elementor-element.elementor-element-65b6449{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-4bdc02e */.gg-hero h1 .gg-gold { color: var(--gold); }
  .gg-hero h1 .gg-stroke {
    -webkit-text-stroke: 2px var(--gold-light);
    color: transparent;
  }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a79cf2a */<!-- 
  Gold's Gym Jeddah - Complete WordPress HTML Block
  Version: 2.0 - Enhanced & Production-Ready
  
  INSTALLATION INSTRUCTIONS:
  1. Copy entire code block
  2. In WordPress, create new page/post
  3. Add "Custom HTML" block
  4. Paste this entire code
  5. Customize colors, text, and images as needed
  
  FEATURES:
  - Responsive design (mobile, tablet, desktop)
  - Hero section with sign-up form
  - Promotions/pricing cards
  - Class schedule with day filtering
  - Facilities showcase
  - Trainer profiles
  - Member testimonials
  - FAQ section
  - Contact information
  - Smooth animations
  - Accessibility optimized
-->

<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow+Condensed:wght@400;600;700&family=Barlow:wght@300;400;500&display=swap" rel="stylesheet">

<style>
  /* ===== CSS VARIABLES ===== */
  :root {
    --gold: #C9A84C;
    --gold-light: #E5C46E;
    --gold-dark: #9B7A2E;
    --black: #0A0A0A;
    --dark: #111111;
    --dark-card: #181818;
    --dark-border: #2A2A2A;
    --white: #F5F0E8;
    --gray: #888880;
    --red-accent: #C0392B;
    --green-accent: #2ecc71;
  }

  * { margin: 0; padding: 0; box-sizing: border-box; }

  .gg-page {
    font-family: 'Barlow', sans-serif;
    background: var(--black);
    color: var(--white);
    overflow-x: hidden;
  }

  /* ===== HERO SECTION ===== */
  .gg-hero {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    background: linear-gradient(135deg, #0A0A0A 0%, #1a1200 50%, #0A0A0A 100%);
    overflow: hidden;
  }

  .gg-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
      radial-gradient(ellipse 80% 60% at 70% 50%, rgba(201,168,76,0.12) 0%, transparent 60%),
      repeating-linear-gradient(
        90deg,
        transparent,
        transparent 80px,
        rgba(201,168,76,0.03) 80px,
        rgba(201,168,76,0.03) 81px
      );
    pointer-events: none;
  }

  .gg-hero-bg-text {
    position: absolute;
    right: -2%;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(120px, 20vw, 280px);
    color: rgba(201,168,76,0.04);
    line-height: 1;
    pointer-events: none;
    user-select: none;
    letter-spacing: -4px;
  }

  .gg-hero-content {
    position: relative;
    z-index: 2;
    max-width: 1280px;
    margin: 0 auto;
    padding: 120px 40px 80px;
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: 60px;
    align-items: center;
    width: 100%;
  }

  .gg-hero-eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
    animation: fadeUp 0.8s ease both;
  }

  .gg-hero-eyebrow span {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 13px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: var(--gold);
    font-weight: 600;
  }

  .gg-eyebrow-line {
    width: 48px;
    height: 1px;
    background: var(--gold);
    display: inline-block;
  }

  .gg-hero h1 {
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(56px, 8vw, 110px);
    line-height: 0.92;
    letter-spacing: 1px;
    color: var(--white);
    animation: fadeUp 0.8s 0.15s ease both;
  }

  .gg-hero h1 .gg-gold { color: var(--gold); }
  .gg-hero h1 .gg-stroke {
    -webkit-text-stroke: 2px var(--gold-light);
    color: transparent;
  }

  .gg-hero-sub {
    font-size: 17px;
    color: var(--gray);
    line-height: 1.7;
    margin-top: 28px;
    max-width: 460px;
    font-weight: 300;
    animation: fadeUp 0.8s 0.3s ease both;
  }

  .gg-hero-cta {
    display: flex;
    gap: 16px;
    margin-top: 40px;
    animation: fadeUp 0.8s 0.45s ease both;
    flex-wrap: wrap;
  }

  .gg-btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: var(--gold);
    color: var(--black);
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 16px 36px;
    text-decoration: none;
    transition: all 0.25s ease;
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 100%, 12px 100%);
    border: none;
    cursor: pointer;
  }

  .gg-btn-primary:hover {
    background: var(--gold-light);
    transform: translateY(-2px);
    box-shadow: 0 12px 40px rgba(201,168,76,0.35);
  }

  .gg-btn-outline {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: 1px solid rgba(201,168,76,0.4);
    color: var(--gold);
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 16px 36px;
    text-decoration: none;
    transition: all 0.25s ease;
    background: transparent;
    cursor: pointer;
  }

  .gg-btn-outline:hover {
    border-color: var(--gold);
    background: rgba(201,168,76,0.08);
  }

  .gg-hero-stats {
    display: flex;
    gap: 40px;
    margin-top: 56px;
    padding-top: 40px;
    border-top: 1px solid var(--dark-border);
    animation: fadeUp 0.8s 0.6s ease both;
  }

  .gg-stat-item { text-align: left; }

  .gg-stat-num {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 42px;
    color: var(--gold);
    line-height: 1;
  }

  .gg-stat-label {
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--gray);
    margin-top: 4px;
  }

  /* ===== HERO FORM ===== */
  .gg-hero-form-wrap {
    animation: fadeUp 0.8s 0.3s ease both;
  }

  .gg-form-card {
    background: rgba(24,24,24,0.95);
    border: 1px solid var(--dark-border);
    padding: 40px 36px;
    position: relative;
    backdrop-filter: blur(12px);
  }

  .gg-form-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--gold-dark), var(--gold), var(--gold-light));
  }

  .gg-form-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 30px;
    letter-spacing: 1px;
    margin-bottom: 6px;
    color: var(--white);
  }

  .gg-form-subtitle {
    font-size: 13px;
    color: var(--gray);
    margin-bottom: 28px;
    letter-spacing: 0.5px;
  }

  .gg-form-group {
    margin-bottom: 16px;
  }

  .gg-form-group label {
    display: block;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 8px;
    font-weight: 600;
  }

  .gg-form-group input,
  .gg-form-group select {
    width: 100%;
    background: rgba(255,255,255,0.04);
    border: 1px solid var(--dark-border);
    color: var(--white);
    font-family: 'Barlow', sans-serif;
    font-size: 14px;
    padding: 13px 16px;
    outline: none;
    transition: border-color 0.2s;
    -webkit-appearance: none;
    appearance: none;
  }

  .gg-form-group input::placeholder { color: rgba(136,136,128,0.6); }

  .gg-form-group input:focus,
  .gg-form-group select:focus {
    border-color: var(--gold);
    background: rgba(201,168,76,0.04);
  }

  .gg-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }

  .gg-form-submit {
    width: 100%;
    background: var(--gold);
    color: var(--black);
    border: none;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 20px;
    letter-spacing: 2px;
    padding: 16px;
    cursor: pointer;
    transition: all 0.25s ease;
    margin-top: 8px;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 100%, 10px 100%);
  }

  .gg-form-submit:hover {
    background: var(--gold-light);
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(201,168,76,0.3);
  }

  .gg-form-note {
    font-size: 11px;
    color: var(--gray);
    text-align: center;
    margin-top: 14px;
    letter-spacing: 0.5px;
  }

  /* ===== SECTION SHARED ===== */
  .gg-section {
    max-width: 1280px;
    margin: 0 auto;
    padding: 100px 40px;
  }

  .gg-section-header {
    margin-bottom: 56px;
  }

  .gg-section-eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
  }

  .gg-section-eyebrow span {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 12px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: var(--gold);
    font-weight: 600;
  }

  .gg-section-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(40px, 5vw, 64px);
    line-height: 1;
    letter-spacing: 1px;
    color: var(--white);
  }

  .gg-section-title .gg-gold { color: var(--gold); }

  .gg-section-desc {
    font-size: 16px;
    color: var(--gray);
    line-height: 1.7;
    max-width: 560px;
    margin-top: 16px;
    font-weight: 300;
  }

  /* ===== PROMOTION SECTION ===== */
  .gg-promo-bg {
    background: linear-gradient(180deg, var(--black) 0%, #0f0c00 50%, var(--black) 100%);
  }

  .gg-promo-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }

  .gg-promo-card {
    position: relative;
    overflow: hidden;
    background: var(--dark-card);
    border: 1px solid var(--dark-border);
    padding: 48px 40px;
    transition: transform 0.3s ease, border-color 0.3s ease;
    cursor: pointer;
  }

  .gg-promo-card:hover {
    transform: translateY(-4px);
    border-color: rgba(201,168,76,0.3);
  }

  .gg-promo-card.gg-promo-featured {
    grid-column: span 2;
    background: linear-gradient(135deg, #1a1200, #111, #0d0900);
    border-color: rgba(201,168,76,0.25);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center;
    padding: 60px 56px;
  }

  .gg-promo-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--gold), transparent);
    opacity: 0;
    transition: opacity 0.3s;
  }

  .gg-promo-card:hover::before { opacity: 1; }

  .gg-promo-badge {
    display: inline-block;
    background: var(--gold);
    color: var(--black);
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    padding: 5px 14px;
    margin-bottom: 20px;
    clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 100%, 6px 100%);
  }

  .gg-promo-badge.gg-badge-red { background: var(--red-accent); color: #fff; }

  .gg-promo-offer {
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(36px, 4vw, 56px);
    line-height: 1;
    color: var(--white);
    margin-bottom: 12px;
  }

  .gg-promo-offer .gg-gold { color: var(--gold); }

  .gg-promo-desc {
    font-size: 15px;
    color: var(--gray);
    line-height: 1.6;
    margin-bottom: 28px;
    font-weight: 300;
  }

  .gg-promo-expiry {
    font-size: 12px;
    letter-spacing: 1px;
    color: rgba(136,136,128,0.7);
    margin-top: 20px;
  }

  .gg-promo-big-num {
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(80px, 12vw, 160px);
    line-height: 0.85;
    color: rgba(201,168,76,0.12);
    position: absolute;
    right: 40px;
    bottom: -10px;
    pointer-events: none;
    user-select: none;
  }

  .gg-promo-features {
    list-style: none;
    margin-bottom: 28px;
  }

  .gg-promo-features li {
    font-size: 15px;
    color: var(--gray);
    padding: 8px 0;
    border-bottom: 1px solid var(--dark-border);
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 300;
  }

  .gg-promo-features li::before {
    content: '✦';
    color: var(--gold);
    font-size: 10px;
    flex-shrink: 0;
  }

  .gg-promo-price {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin-bottom: 8px;
  }

  .gg-price-currency {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 22px;
    color: var(--gold);
    font-weight: 600;
  }

  .gg-price-amount {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 56px;
    color: var(--gold);
    line-height: 1;
  }

  .gg-price-period {
    font-size: 13px;
    color: var(--gray);
    font-weight: 300;
  }

  .gg-price-old {
    font-size: 16px;
    color: var(--gray);
    text-decoration: line-through;
    margin-left: 4px;
    opacity: 0.6;
  }

  /* ===== SCHEDULE SECTION ===== */
  .gg-schedule-bg {
    background: var(--dark);
  }

  .gg-schedule-tabs {
    display: flex;
    gap: 4px;
    margin-bottom: 36px;
    border-bottom: 1px solid var(--dark-border);
    overflow-x: auto;
    scrollbar-width: none;
  }

  .gg-schedule-tabs::-webkit-scrollbar { display: none; }

  .gg-tab {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--gray);
    padding: 14px 24px;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: all 0.2s;
    white-space: nowrap;
    background: none;
    border-top: none;
    border-left: none;
    border-right: none;
  }

  .gg-tab:hover { color: var(--white); }
  .gg-tab.gg-tab-active {
    color: var(--gold);
    border-bottom-color: var(--gold);
  }

  .gg-schedule-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 16px;
  }

  .gg-schedule-card {
    background: var(--dark-card);
    border: 1px solid var(--dark-border);
    padding: 24px 22px;
    position: relative;
    overflow: hidden;
    transition: all 0.25s ease;
  }

  .gg-schedule-card:hover {
    border-color: rgba(201,168,76,0.3);
    transform: translateY(-3px);
  }

  .gg-schedule-card::after {
    content: '';
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 3px;
    background: var(--gold);
    transform: scaleY(0);
    transition: transform 0.25s ease;
    transform-origin: bottom;
  }

  .gg-schedule-card:hover::after { transform: scaleY(1); }

  .gg-schedule-time {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    color: var(--gold);
    margin-bottom: 10px;
  }

  .gg-schedule-class {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 22px;
    letter-spacing: 0.5px;
    color: var(--white);
    margin-bottom: 6px;
    line-height: 1;
  }

  .gg-schedule-meta {
    font-size: 13px;
    color: var(--gray);
    font-weight: 300;
    margin-bottom: 16px;
  }

  .gg-schedule-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .gg-schedule-trainer {
    font-size: 12px;
    color: rgba(136,136,128,0.7);
    letter-spacing: 0.5px;
  }

  .gg-schedule-level {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 3px 10px;
  }

  .gg-level-all { background: rgba(201,168,76,0.15); color: var(--gold); }
  .gg-level-inter { background: rgba(255,165,0,0.12); color: #FFA500; }
  .gg-level-adv { background: rgba(192,57,43,0.15); color: #E74C3C; }

  .gg-schedule-view-all {
    text-align: center;
    margin-top: 40px;
  }

  /* ===== FACILITIES SECTION ===== */
  .gg-facilities-bg {
    background: linear-gradient(180deg, var(--dark) 0%, #0d0900 50%, var(--dark) 100%);
  }

  .gg-facilities-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
  }

  .gg-facility-card {
    background: var(--dark-card);
    border: 1px solid var(--dark-border);
    padding: 32px 28px;
    text-align: center;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
  }

  .gg-facility-card:hover {
    transform: translateY(-6px);
    border-color: rgba(201,168,76,0.3);
  }

  .gg-facility-icon {
    font-size: 48px;
    margin-bottom: 16px;
    display: inline-block;
  }

  .gg-facility-name {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 24px;
    color: var(--white);
    margin-bottom: 12px;
    letter-spacing: 0.5px;
  }

  .gg-facility-desc {
    font-size: 14px;
    color: var(--gray);
    line-height: 1.6;
    font-weight: 300;
  }

  /* ===== TRAINERS SECTION ===== */
  .gg-trainers-bg {
    background: var(--black);
  }

  .gg-trainers-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 32px;
  }

  .gg-trainer-card {
    text-align: center;
    animation: fadeUp 0.6s ease both;
  }

  .gg-trainer-image {
    width: 100%;
    aspect-ratio: 1;
    background: linear-gradient(135deg, rgba(201,168,76,0.1), rgba(201,168,76,0.05));
    border: 2px solid var(--dark-border);
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 64px;
    transition: all 0.3s ease;
  }

  .gg-trainer-card:hover .gg-trainer-image {
    border-color: rgba(201,168,76,0.3);
    background: linear-gradient(135deg, rgba(201,168,76,0.2), rgba(201,168,76,0.1));
  }

  .gg-trainer-name {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 24px;
    color: var(--white);
    margin-bottom: 4px;
    letter-spacing: 0.5px;
  }

  .gg-trainer-specialty {
    font-size: 13px;
    color: var(--gold);
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 12px;
  }

  .gg-trainer-bio {
    font-size: 14px;
    color: var(--gray);
    line-height: 1.6;
    font-weight: 300;
  }

  /* ===== TESTIMONIALS SECTION ===== */
  .gg-testimonials-bg {
    background: linear-gradient(180deg, var(--black) 0%, #0f0c00 50%, var(--black) 100%);
  }

  .gg-testimonials-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 28px;
  }

  .gg-testimonial-card {
    background: var(--dark-card);
    border: 1px solid var(--dark-border);
    padding: 32px;
    position: relative;
    transition: all 0.3s ease;
  }

  .gg-testimonial-card:hover {
    border-color: rgba(201,168,76,0.3);
    transform: translateY(-4px);
  }

  .gg-testimonial-stars {
    color: var(--gold);
    font-size: 14px;
    margin-bottom: 16px;
    letter-spacing: 2px;
  }

  .gg-testimonial-text {
    font-size: 15px;
    color: var(--gray);
    line-height: 1.8;
    margin-bottom: 20px;
    font-weight: 300;
    font-style: italic;
  }

  .gg-testimonial-author {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 16px;
    color: var(--white);
    letter-spacing: 0.5px;
  }

  .gg-testimonial-role {
    font-size: 12px;
    color: var(--gold);
    margin-top: 4px;
    letter-spacing: 1px;
    text-transform: uppercase;
  }

  /* ===== FAQ SECTION ===== */
  .gg-faq-bg {
    background: var(--dark);
  }

  .gg-faq-container {
    max-width: 800px;
    margin: 0 auto;
  }

  .gg-faq-item {
    border-bottom: 1px solid var(--dark-border);
    padding: 24px 0;
  }

  .gg-faq-item:first-child {
    padding-top: 0;
  }

  .gg-faq-question {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 18px;
    color: var(--white);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: color 0.2s;
    letter-spacing: 0.5px;
  }

  .gg-faq-question:hover {
    color: var(--gold);
  }

  .gg-faq-toggle {
    font-size: 24px;
    color: var(--gold);
    transition: transform 0.3s ease;
    flex-shrink: 0;
  }

  .gg-faq-item.gg-faq-open .gg-faq-toggle {
    transform: rotate(180deg);
  }

  .gg-faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    margin-top: 0;
  }

  .gg-faq-item.gg-faq-open .gg-faq-answer {
    max-height: 500px;
    margin-top: 16px;
  }

  .gg-faq-answer-text {
    font-size: 15px;
    color: var(--gray);
    line-height: 1.8;
    font-weight: 300;
  }

  /* ===== CONTACT SECTION ===== */
  .gg-contact-bg {
    background: linear-gradient(135deg, #1a1200, #111, #0d0900);
  }

  .gg-contact-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: start;
  }

  .gg-contact-info {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }

  .gg-contact-item {
    display: flex;
    gap: 20px;
  }

  .gg-contact-icon {
    font-size: 32px;
    color: var(--gold);
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .gg-contact-content h3 {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 18px;
    color: var(--white);
    margin-bottom: 6px;
    letter-spacing: 0.5px;
  }

  .gg-contact-content p {
    font-size: 15px;
    color: var(--gray);
    line-height: 1.6;
    font-weight: 300;
  }

  .gg-contact-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .gg-contact-form input,
  .gg-contact-form textarea {
    background: rgba(255,255,255,0.04);
    border: 1px solid var(--dark-border);
    color: var(--white);
    font-family: 'Barlow', sans-serif;
    font-size: 14px;
    padding: 13px 16px;
    outline: none;
    transition: border-color 0.2s;
  }

  .gg-contact-form input::placeholder,
  .gg-contact-form textarea::placeholder {
    color: rgba(136,136,128,0.6);
  }

  .gg-contact-form input:focus,
  .gg-contact-form textarea:focus {
    border-color: var(--gold);
    background: rgba(201,168,76,0.04);
  }

  .gg-contact-form textarea {
    resize: vertical;
    min-height: 120px;
  }

  /* ===== DIVIDER ===== */
  .gg-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--dark-border) 20%, var(--dark-border) 80%, transparent);
    margin: 0;
  }

  /* ===== ANIMATIONS ===== */
  @keyframes fadeUp {
    from { opacity: 0; transform: translateY(24px); }
    to   { opacity: 1; transform: translateY(0); }
  }

  @keyframes slideIn {
    from { opacity: 0; transform: translateX(-20px); }
    to   { opacity: 1; transform: translateX(0); }
  }

  /* ===== RESPONSIVE ===== */
  @media (max-width: 960px) {
    .gg-hero-content { grid-template-columns: 1fr; gap: 48px; padding: 100px 24px 60px; }
    .gg-hero h1 { font-size: clamp(48px, 12vw, 80px); }
    .gg-promo-grid { grid-template-columns: 1fr; }
    .gg-promo-card.gg-promo-featured { grid-column: span 1; grid-template-columns: 1fr; padding: 40px 32px; }
    .gg-contact-grid { grid-template-columns: 1fr; gap: 40px; }
    .gg-section { padding: 64px 24px; }
    .gg-hero-stats { gap: 24px; }
  }

  @media (max-width: 600px) {
    .gg-form-row { grid-template-columns: 1fr; }
    .gg-hero-cta { flex-direction: column; }
    .gg-btn-primary, .gg-btn-outline { text-align: center; justify-content: center; width: 100%; }
    .gg-hero-stats { flex-wrap: wrap; gap: 20px; }
    .gg-schedule-grid { grid-template-columns: 1fr; }
    .gg-facilities-grid { grid-template-columns: 1fr; }
    .gg-trainers-grid { grid-template-columns: 1fr; }
    .gg-testimonials-grid { grid-template-columns: 1fr; }
    .gg-contact-item { gap: 16px; }
  }
</style>

<div class="gg-page">

  <!-- ===== HERO SECTION ===== -->
  <section class="gg-hero">
    <div class="gg-hero-bg-text">GG</div>
    <div class="gg-hero-content">

      <!-- Left: Copy -->
      <div class="gg-hero-left">
        <div class="gg-hero-eyebrow">
          <span class="gg-eyebrow-line"></span>
          <span>Gold's Gym · Jeddah · KSA</span>
        </div>
        <h1>
          FORGE YOUR<br>
          <span class="gg-gold">LEGEND</span><br>
          <span class="gg-stroke">HERE</span>
        </h1>
        <p class="gg-hero-sub">
          Jeddah's ultimate fitness destination. World-class equipment, elite trainers, and a community that pushes you beyond your limits — every single day.
        </p>
        <div class="gg-hero-cta">
          <a href="#gg-promo" class="gg-btn-primary">
            View Memberships &#9656;
          </a>
          <a href="#gg-schedule" class="gg-btn-outline">
            Class Schedule
          </a>
        </div>
        <div class="gg-hero-stats">
          <div class="gg-stat-item">
            <div class="gg-stat-num">5K+</div>
            <div class="gg-stat-label">Members</div>
          </div>
          <div class="gg-stat-item">
            <div class="gg-stat-num">40+</div>
            <div class="gg-stat-label">Classes / Week</div>
          </div>
          <div class="gg-stat-item">
            <div class="gg-stat-num">20+</div>
            <div class="gg-stat-label">Elite Trainers</div>
          </div>
          <div class="gg-stat-item">
            <div class="gg-stat-num">24/7</div>
            <div class="gg-stat-label">Open</div>
          </div>
        </div>
      </div>

      <!-- Right: Sign-Up Form -->
      <div class="gg-hero-form-wrap">
        <div class="gg-form-card">
          <div class="gg-form-title">Start Today — Free Trial</div>
          <div class="gg-form-subtitle">Get your first session on us. No commitment.</div>

          <form onsubmit="ggFormSubmit(event)" id="gg-hero-form">
            <div class="gg-form-row">
              <div class="gg-form-group">
                <label for="gg-fname">First Name</label>
                <input type="text" id="gg-fname" placeholder="Ahmed" required>
              </div>
              <div class="gg-form-group">
                <label for="gg-lname">Last Name</label>
                <input type="text" id="gg-lname" placeholder="Al-Harbi" required>
              </div>
            </div>
            <div class="gg-form-group">
              <label for="gg-phone">Phone Number</label>
              <input type="tel" id="gg-phone" placeholder="+966 5X XXX XXXX" required>
            </div>
            <div class="gg-form-group">
              <label for="gg-email">Email Address</label>
              <input type="email" id="gg-email" placeholder="ahmed@email.com" required>
            </div>
            <div class="gg-form-group">
              <label for="gg-goal">Your Goal</label>
              <select id="gg-goal" required>
                <option value="" disabled selected>Select your fitness goal</option>
                <option>Build Muscle &amp; Strength</option>
                <option>Weight Loss</option>
                <option>Cardio &amp; Endurance</option>
                <option>General Fitness</option>
                <option>Sport-Specific Training</option>
              </select>
            </div>
            <button type="submit" class="gg-form-submit">CLAIM FREE TRIAL &#9656;</button>
          </form>
          <p class="gg-form-note">&#128274; Your info is secure. No spam, ever.</p>
        </div>
      </div>

    </div>
  </section>

  <div class="gg-divider"></div>

  <!-- ===== PROMOTIONS SECTION ===== -->
  <section class="gg-promo-bg" id="gg-promo">
    <div class="gg-section">
      <div class="gg-section-header">
        <div class="gg-section-eyebrow">
          <span class="gg-eyebrow-line"></span>
          <span>Exclusive Offers</span>
        </div>
        <h2 class="gg-section-title">CURRENT <span class="gg-gold">PROMOTIONS</span></h2>
        <p class="gg-section-desc">
          Special membership deals crafted exclusively for Jeddah members. Limited time — act fast.
        </p>
      </div>

      <div class="gg-promo-grid">

        <!-- Featured Promo -->
        <div class="gg-promo-card gg-promo-featured">
          <div>
            <div class="gg-promo-badge gg-badge-red">Best Value &#9733;</div>
            <div class="gg-promo-offer">ANNUAL <span class="gg-gold">ELITE</span><br>MEMBERSHIP</div>
            <ul class="gg-promo-features">
              <li>Unlimited gym access — all branches</li>
              <li>2 personal training sessions / month</li>
              <li>Full group class access</li>
              <li>Nutrition consultation included</li>
              <li>Guest passes (4 per year)</li>
            </ul>
          </div>
          <div>
            <div class="gg-promo-price">
              <span class="gg-price-currency">SAR</span>
              <span class="gg-price-amount">2,999</span>
              <span class="gg-price-period">/ year <span class="gg-price-old">4,200</span></span>
            </div>
            <p class="gg-promo-desc">Save 29% — Pay once, train all year. Biggest savings we've ever offered.</p>
            <a href="#gg-contact" class="gg-btn-primary">Claim This Deal &#9656;</a>
            <p class="gg-promo-expiry">&#128336; Limited time offer</p>
          </div>
        </div>

        <!-- Summer Promo -->
        <div class="gg-promo-card">
          <div class="gg-promo-badge">Summer Special</div>
          <div class="gg-promo-offer">3-MONTH<br><span class="gg-gold">BLITZ</span></div>
          <div class="gg-promo-price" style="margin-top:12px">
            <span class="gg-price-currency">SAR</span>
            <span class="gg-price-amount">599</span>
            <span class="gg-price-period">/ 3 months</span>
          </div>
          <p class="gg-promo-desc">Unlimited access + 1 free PT session. Perfect summer kickstart.</p>
          <a href="#gg-contact" class="gg-btn-outline">Get Started &#9656;</a>
          <div class="gg-promo-big-num">3M</div>
          <p class="gg-promo-expiry">&#128336; Ends 31 Aug 2026</p>
        </div>

        <!-- Student Promo -->
        <div class="gg-promo-card">
          <div class="gg-promo-badge" style="background:rgba(201,168,76,0.15);color:var(--gold);clip-path:none;">Student Offer</div>
          <div class="gg-promo-offer">STUDENT<br><span class="gg-gold">RATE</span></div>
          <div class="gg-promo-price" style="margin-top:12px">
            <span class="gg-price-currency">SAR</span>
            <span class="gg-price-amount">149</span>
            <span class="gg-price-period">/ month</span>
          </div>
          <p class="gg-promo-desc">Valid student ID required. Full gym access — no compromise on quality.</p>
          <a href="#gg-contact" class="gg-btn-outline">Apply Now &#9656;</a>
          <div class="gg-promo-big-num">&#127891;</div>
          <p class="gg-promo-expiry">&#128336; Ongoing — verify each semester</p>
        </div>

      </div>
    </div>
  </section>

  <div class="gg-divider"></div>

  <!-- ===== SCHEDULE SECTION ===== -->
  <section class="gg-schedule-bg" id="gg-schedule">
    <div class="gg-section">
      <div class="gg-section-header">
        <div class="gg-section-eyebrow">
          <span class="gg-eyebrow-line"></span>
          <span>Weekly Programme</span>
        </div>
        <h2 class="gg-section-title">CLASS <span class="gg-gold">SCHEDULE</span></h2>
        <p class="gg-section-desc">
          Over 40 group classes per week — from sunrise HIIT to late-night yoga. Find your session.
        </p>
      </div>

      <!-- Day Tabs -->
      <div class="gg-schedule-tabs" id="gg-schedule-tabs">
        <button class="gg-tab gg-tab-active" onclick="ggSetDay(this, 'sat')">Saturday</button>
        <button class="gg-tab" onclick="ggSetDay(this, 'sun')">Sunday</button>
        <button class="gg-tab" onclick="ggSetDay(this, 'mon')">Monday</button>
        <button class="gg-tab" onclick="ggSetDay(this, 'tue')">Tuesday</button>
        <button class="gg-tab" onclick="ggSetDay(this, 'wed')">Wednesday</button>
        <button class="gg-tab" onclick="ggSetDay(this, 'thu')">Thursday</button>
        <button class="gg-tab" onclick="ggSetDay(this, 'fri')">Friday</button>
      </div>

      <!-- Schedule Cards -->
      <div class="gg-schedule-grid" id="gg-schedule-grid">
        <!-- Populated by JS -->
      </div>

      <div class="gg-schedule-view-all">
        <a href="#gg-contact" class="gg-btn-outline">Join a Class &#9656;</a>
      </div>
    </div>
  </section>

  <div class="gg-divider"></div>

  <!-- ===== FACILITIES SECTION ===== -->
  <section class="gg-facilities-bg">
    <div class="gg-section">
      <div class="gg-section-header">
        <div class="gg-section-eyebrow">
          <span class="gg-eyebrow-line"></span>
          <span>World-Class Equipment</span>
        </div>
        <h2 class="gg-section-title">OUR <span class="gg-gold">FACILITIES</span></h2>
        <p class="gg-section-desc">
          State-of-the-art equipment and specialized training zones designed for every fitness level.
        </p>
      </div>

      <div class="gg-facilities-grid">
        <div class="gg-facility-card">
          <div class="gg-facility-icon">🏋️</div>
          <div class="gg-facility-name">Weight Training</div>
          <p class="gg-facility-desc">Complete free weight and machine selection for strength building and muscle development.</p>
        </div>
        <div class="gg-facility-card">
          <div class="gg-facility-icon">🚴</div>
          <div class="gg-facility-name">Cardio Zone</div>
          <p class="gg-facility-desc">Latest treadmills, ellipticals, and stationary bikes with personal entertainment systems.</p>
        </div>
        <div class="gg-facility-card">
          <div class="gg-facility-icon">🥊</div>
          <div class="gg-facility-name">Combat Arena</div>
          <p class="gg-facility-desc">Dedicated boxing, kickboxing, and martial arts training area with professional equipment.</p>
        </div>
        <div class="gg-facility-card">
          <div class="gg-facility-icon">🧘</div>
          <div class="gg-facility-name">Yoga & Pilates</div>
          <p class="gg-facility-desc">Spacious studios with mirrors, sound systems, and climate control for flexibility training.</p>
        </div>
        <div class="gg-facility-card">
          <div class="gg-facility-icon">🏊</div>
          <div class="gg-facility-name">Recovery Zone</div>
          <p class="gg-facility-desc">Sauna, steam room, and stretching area for post-workout recovery and relaxation.</p>
        </div>
        <div class="gg-facility-card">
          <div class="gg-facility-icon">💪</div>
          <div class="gg-facility-name">CrossFit Box</div>
          <p class="gg-facility-desc">Specialized functional training area with Olympic lifting platforms and rig systems.</p>
        </div>
      </div>
    </div>
  </section>

  <div class="gg-divider"></div>

  <!-- ===== TRAINERS SECTION ===== -->
  <section class="gg-trainers-bg">
    <div class="gg-section">
      <div class="gg-section-header">
        <div class="gg-section-eyebrow">
          <span class="gg-eyebrow-line"></span>
          <span>Expert Guidance</span>
        </div>
        <h2 class="gg-section-title">MEET OUR <span class="gg-gold">ELITE TRAINERS</span></h2>
        <p class="gg-section-desc">
          Certified professionals dedicated to transforming your fitness journey with personalized coaching.
        </p>
      </div>

      <div class="gg-trainers-grid">
        <div class="gg-trainer-card">
          <div class="gg-trainer-image">👨‍🏫</div>
          <div class="gg-trainer-name">Coach Khalid</div>
          <div class="gg-trainer-specialty">HIIT & Strength</div>
          <p class="gg-trainer-bio">15+ years experience. Specializes in high-intensity interval training and functional strength development.</p>
        </div>
        <div class="gg-trainer-card">
          <div class="gg-trainer-image">👩‍🏫</div>
          <div class="gg-trainer-name">Trainer Sara</div>
          <div class="gg-trainer-specialty">Yoga & Flexibility</div>
          <p class="gg-trainer-bio">Certified yoga instructor with expertise in flexibility training and mind-body wellness.</p>
        </div>
        <div class="gg-trainer-card">
          <div class="gg-trainer-image">👨‍🏫</div>
          <div class="gg-trainer-name">Coach Rami</div>
          <div class="gg-trainer-specialty">CrossFit & Olympic</div>
          <p class="gg-trainer-bio">CrossFit Level 2 certified. Expert in Olympic lifting and functional fitness programming.</p>
        </div>
        <div class="gg-trainer-card">
          <div class="gg-trainer-image">👩‍🏫</div>
          <div class="gg-trainer-name">Trainer Nadia</div>
          <div class="gg-trainer-specialty">Group Classes</div>
          <p class="gg-trainer-bio">Dynamic group fitness instructor specializing in body pump, zumba, and dance cardio.</p>
        </div>
      </div>
    </div>
  </section>

  <div class="gg-divider"></div>

  <!-- ===== TESTIMONIALS SECTION ===== -->
  <section class="gg-testimonials-bg">
    <div class="gg-section">
      <div class="gg-section-header">
        <div class="gg-section-eyebrow">
          <span class="gg-eyebrow-line"></span>
          <span>Member Success Stories</span>
        </div>
        <h2 class="gg-section-title">REAL <span class="gg-gold">TRANSFORMATIONS</span></h2>
        <p class="gg-section-desc">
          Hear from our members about their fitness journey and achievements at Gold's Gym.
        </p>
      </div>

      <div class="gg-testimonials-grid">
        <div class="gg-testimonial-card">
          <div class="gg-testimonial-stars">★★★★★</div>
          <p class="gg-testimonial-text">"Gold's Gym changed my life. The trainers are incredibly supportive and the facilities are top-notch. I've never felt more motivated to achieve my fitness goals."</p>
          <div class="gg-testimonial-author">Mohammed Al-Dosari</div>
          <div class="gg-testimonial-role">Member since 2023</div>
        </div>
        <div class="gg-testimonial-card">
          <div class="gg-testimonial-stars">★★★★★</div>
          <p class="gg-testimonial-text">"The variety of classes is amazing. From HIIT to yoga, there's something for everyone. The community here is welcoming and inspiring. Highly recommend!"</p>
          <div class="gg-testimonial-author">Fatima Al-Otaibi</div>
          <div class="gg-testimonial-role">Member since 2022</div>
        </div>
        <div class="gg-testimonial-card">
          <div class="gg-testimonial-stars">★★★★★</div>
          <p class="gg-testimonial-text">"Best gym in Jeddah. The equipment is always clean and well-maintained. Coach Khalid's training sessions have helped me build serious strength. Worth every riyal!"</p>
          <div class="gg-testimonial-author">Ahmed Al-Harbi</div>
          <div class="gg-testimonial-role">Member since 2021</div>
        </div>
      </div>
    </div>
  </section>

  <div class="gg-divider"></div>

  <!-- ===== FAQ SECTION ===== -->
  <section class="gg-faq-bg">
    <div class="gg-section">
      <div class="gg-section-header">
        <div class="gg-section-eyebrow">
          <span class="gg-eyebrow-line"></span>
          <span>Common Questions</span>
        </div>
        <h2 class="gg-section-title">FREQUENTLY ASKED <span class="gg-gold">QUESTIONS</span></h2>
      </div>

      <div class="gg-faq-container">
        <div class="gg-faq-item">
          <div class="gg-faq-question" onclick="ggToggleFaq(this)">
            <span>What are your membership options?</span>
            <span class="gg-faq-toggle">▼</span>
          </div>
          <div class="gg-faq-answer">
            <p class="gg-faq-answer-text">We offer flexible membership plans including monthly, quarterly, and annual options. Each membership includes access to all facilities, group classes, and member benefits. We also have student discounts and corporate packages available.</p>
          </div>
        </div>

        <div class="gg-faq-item">
          <div class="gg-faq-question" onclick="ggToggleFaq(this)">
            <span>Do you offer personal training sessions?</span>
            <span class="gg-faq-toggle">▼</span>
          </div>
          <div class="gg-faq-answer">
            <p class="gg-faq-answer-text">Yes! Our certified trainers offer personalized one-on-one and small group training sessions. Sessions can be customized to your fitness level and goals. Contact us for pricing and availability.</p>
          </div>
        </div>

        <div class="gg-faq-item">
          <div class="gg-faq-question" onclick="ggToggleFaq(this)">
            <span>What are your operating hours?</span>
            <span class="gg-faq-toggle">▼</span>
          </div>
          <div class="gg-faq-answer">
            <p class="gg-faq-answer-text">Gold's Gym Jeddah is open 24/7 for all members. We have staff on-site during peak hours (6 AM - 10 PM) and automated access outside these times. Our group classes run throughout the day with multiple time slots.</p>
          </div>
        </div>

        <div class="gg-faq-item">
          <div class="gg-faq-question" onclick="ggToggleFaq(this)">
            <span>Do you have a free trial or introductory offer?</span>
            <span class="gg-faq-toggle">▼</span>
          </div>
          <div class="gg-faq-answer">
            <p class="gg-faq-answer-text">Absolutely! New members get a free trial session to experience our facilities and meet our trainers. Sign up through our form above or contact us directly to schedule your free session.</p>
          </div>
        </div>

        <div class="gg-faq-item">
          <div class="gg-faq-question" onclick="ggToggleFaq(this)">
            <span>What facilities and amenities are included?</span>
            <span class="gg-faq-toggle">▼</span>
          </div>
          <div class="gg-faq-answer">
            <p class="gg-faq-answer-text">All memberships include access to our weight training area, cardio zone, group fitness studios, combat arena, CrossFit box, and recovery facilities (sauna, steam room). Premium memberships include additional perks like nutrition consultations and guest passes.</p>
          </div>
        </div>

        <div class="gg-faq-item">
          <div class="gg-faq-question" onclick="ggToggleFaq(this)">
            <span>Can I cancel my membership anytime?</span>
            <span class="gg-faq-toggle">▼</span>
          </div>
          <div class="gg-faq-answer">
            <p class="gg-faq-answer-text">Yes, we offer flexible cancellation policies. Monthly memberships can be cancelled with 30 days notice. For longer-term commitments, please review your membership agreement or contact our team for specific terms.</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <div class="gg-divider"></div>

  <!-- ===== CONTACT SECTION ===== -->
  <section class="gg-contact-bg" id="gg-contact">
    <div class="gg-section">
      <div class="gg-section-header">
        <div class="gg-section-eyebrow">
          <span class="gg-eyebrow-line"></span>
          <span>Get In Touch</span>
        </div>
        <h2 class="gg-section-title">CONTACT <span class="gg-gold">GOLD'S GYM</span></h2>
      </div>

      <div class="gg-contact-grid">
        <div class="gg-contact-info">
          <div class="gg-contact-item">
            <div class="gg-contact-icon">📍</div>
            <div class="gg-contact-content">
              <h3>Location</h3>
              <p>Prince Sultan Road, Jeddah 23432<br>Saudi Arabia</p>
            </div>
          </div>

          <div class="gg-contact-item">
            <div class="gg-contact-icon">📞</div>
            <div class="gg-contact-content">
              <h3>Phone</h3>
              <p><a href="tel:+966123456789" style="color: var(--gold); text-decoration: none;">+966 (12) 345-6789</a></p>
            </div>
          </div>

          <div class="gg-contact-item">
            <div class="gg-contact-icon">✉️</div>
            <div class="gg-contact-content">
              <h3>Email</h3>
              <p><a href="mailto:info@goldsgym-jeddah.com" style="color: var(--gold); text-decoration: none;">info@goldsgym-jeddah.com</a></p>
            </div>
          </div>

          <div class="gg-contact-item">
            <div class="gg-contact-icon">🕐</div>
            <div class="gg-contact-content">
              <h3>Hours</h3>
              <p>Open 24/7 for Members<br>Staff Available: 6 AM - 10 PM</p>
            </div>
          </div>
        </div>

        <div>
          <form class="gg-contact-form" onsubmit="ggContactSubmit(event)">
            <input type="text" placeholder="Your Name" required>
            <input type="email" placeholder="Your Email" required>
            <input type="tel" placeholder="Your Phone" required>
            <textarea placeholder="Your Message" required></textarea>
            <button type="submit" class="gg-btn-primary" style="width: 100%; justify-content: center;">Send Message &#9656;</button>
          </form>
        </div>
      </div>
    </div>
  </section>

</div><!-- end .gg-page -->

<script>
// ===== SCHEDULE DATA =====
const ggSchedule = {
  sat: [
    { time: '6:00 AM', name: 'Power HIIT', meta: '50 min · Studio A', trainer: 'Coach Khalid', level: 'all' },
    { time: '8:00 AM', name: 'Yoga Flow', meta: '60 min · Studio B', trainer: 'Trainer Sara', level: 'all' },
    { time: '10:00 AM', name: 'Spin Cycle', meta: '45 min · Spin Room', trainer: 'Coach Faris', level: 'inter' },
    { time: '12:00 PM', name: 'Boxing Fit', meta: '60 min · Ring Area', trainer: 'Coach Omar', level: 'all' },
    { time: '5:00 PM', name: 'Body Pump', meta: '55 min · Studio A', trainer: 'Trainer Nadia', level: 'inter' },
    { time: '7:00 PM', name: 'CrossFit WOD', meta: '60 min · CF Zone', trainer: 'Coach Rami', level: 'adv' },
    { time: '9:00 PM', name: 'Pilates Core', meta: '45 min · Studio B', trainer: 'Trainer Lama', level: 'all' },
  ],
  sun: [
    { time: '7:00 AM', name: 'Morning Stretch', meta: '45 min · Studio B', trainer: 'Trainer Sara', level: 'all' },
    { time: '9:00 AM', name: 'HIIT Burn', meta: '50 min · Studio A', trainer: 'Coach Khalid', level: 'inter' },
    { time: '11:00 AM', name: 'Zumba', meta: '60 min · Studio A', trainer: 'Trainer Nadia', level: 'all' },
    { time: '4:00 PM', name: 'Strength Lab', meta: '60 min · Weight Floor', trainer: 'Coach Rami', level: 'adv' },
    { time: '6:00 PM', name: 'Spin Cycle', meta: '45 min · Spin Room', trainer: 'Coach Faris', level: 'all' },
    { time: '8:30 PM', name: 'Muay Thai', meta: '60 min · Ring Area', trainer: 'Coach Omar', level: 'inter' },
  ],
  mon: [
    { time: '6:00 AM', name: 'Sunrise Yoga', meta: '60 min · Studio B', trainer: 'Trainer Lama', level: 'all' },
    { time: '8:00 AM', name: 'Power HIIT', meta: '50 min · Studio A', trainer: 'Coach Khalid', level: 'all' },
    { time: '12:00 PM', name: 'Lunchtime Lift', meta: '45 min · Weight Floor', trainer: 'Coach Rami', level: 'inter' },
    { time: '5:00 PM', name: 'Kickboxing', meta: '60 min · Ring Area', trainer: 'Coach Omar', level: 'all' },
    { time: '7:00 PM', name: 'Body Combat', meta: '55 min · Studio A', trainer: 'Trainer Nadia', level: 'inter' },
    { time: '9:00 PM', name: 'Pilates Flow', meta: '45 min · Studio B', trainer: 'Trainer Sara', level: 'all' },
  ],
  tue: [
    { time: '7:00 AM', name: 'Cardio Blast', meta: '50 min · Studio A', trainer: 'Coach Faris', level: 'all' },
    { time: '9:30 AM', name: 'Pilates Core', meta: '45 min · Studio B', trainer: 'Trainer Lama', level: 'all' },
    { time: '11:00 AM', name: 'TRX Training', meta: '50 min · Studio A', trainer: 'Coach Khalid', level: 'inter' },
    { time: '5:30 PM', name: 'CrossFit WOD', meta: '60 min · CF Zone', trainer: 'Coach Rami', level: 'adv' },
    { time: '7:30 PM', name: 'Spin Cycle', meta: '45 min · Spin Room', trainer: 'Coach Faris', level: 'all' },
    { time: '9:00 PM', name: 'Night Yoga', meta: '60 min · Studio B', trainer: 'Trainer Sara', level: 'all' },
  ],
  wed: [
    { time: '6:00 AM', name: 'HIIT Burn', meta: '50 min · Studio A', trainer: 'Coach Khalid', level: 'inter' },
    { time: '8:30 AM', name: 'Stretch &amp; Recover', meta: '45 min · Studio B', trainer: 'Trainer Lama', level: 'all' },
    { time: '10:00 AM', name: 'Zumba', meta: '60 min · Studio A', trainer: 'Trainer Nadia', level: 'all' },
    { time: '4:00 PM', name: 'Boxing Fit', meta: '60 min · Ring Area', trainer: 'Coach Omar', level: 'all' },
    { time: '6:00 PM', name: 'Body Pump', meta: '55 min · Studio A', trainer: 'Trainer Nadia', level: 'inter' },
    { time: '8:00 PM', name: 'Muay Thai', meta: '60 min · Ring Area', trainer: 'Coach Omar', level: 'adv' },
  ],
  thu: [
    { time: '7:00 AM', name: 'Power Yoga', meta: '60 min · Studio B', trainer: 'Trainer Sara', level: 'all' },
    { time: '9:00 AM', name: 'Cardio Circuit', meta: '50 min · Studio A', trainer: 'Coach Faris', level: 'all' },
    { time: '11:00 AM', name: 'Strength Lab', meta: '60 min · Weight Floor', trainer: 'Coach Rami', level: 'adv' },
    { time: '5:00 PM', name: 'Kickboxing', meta: '60 min · Ring Area', trainer: 'Coach Omar', level: 'inter' },
    { time: '7:00 PM', name: 'HIIT &amp; Core', meta: '50 min · Studio A', trainer: 'Coach Khalid', level: 'inter' },
    { time: '9:00 PM', name: 'Restorative Yoga', meta: '60 min · Studio B', trainer: 'Trainer Lama', level: 'all' },
  ],
  fri: [
    { time: '8:00 AM', name: 'Friday HIIT', meta: '60 min · Studio A', trainer: 'Coach Khalid', level: 'all' },
    { time: '10:00 AM', name: 'Family Yoga', meta: '60 min · Studio B', trainer: 'Trainer Sara', level: 'all' },
    { time: '3:00 PM', name: 'Spin Cycle', meta: '45 min · Spin Room', trainer: 'Coach Faris', level: 'all' },
    { time: '5:30 PM', name: 'CrossFit WOD', meta: '60 min · CF Zone', trainer: 'Coach Rami', level: 'adv' },
    { time: '7:30 PM', name: 'Body Combat', meta: '55 min · Studio A', trainer: 'Trainer Nadia', level: 'inter' },
  ],
};

const levelMap = {
  all:   { label: 'All Levels', cls: 'gg-level-all' },
  inter: { label: 'Intermediate', cls: 'gg-level-inter' },
  adv:   { label: 'Advanced', cls: 'gg-level-adv' },
};

function ggRenderSchedule(day) {
  const grid = document.getElementById('gg-schedule-grid');
  const classes = ggSchedule[day] || [];
  grid.innerHTML = classes.map(c => {
    const lv = levelMap[c.level];
    return `
      <div class="gg-schedule-card">
        <div class="gg-schedule-time">${c.time}</div>
        <div class="gg-schedule-class">${c.name}</div>
        <div class="gg-schedule-meta">${c.meta}</div>
        <div class="gg-schedule-footer">
          <span class="gg-schedule-trainer">${c.trainer}</span>
          <span class="gg-schedule-level ${lv.cls}">${lv.label}</span>
        </div>
      </div>`;
  }).join('');
}

function ggSetDay(btn, day) {
  document.querySelectorAll('.gg-tab').forEach(t => t.classList.remove('gg-tab-active'));
  btn.classList.add('gg-tab-active');
  ggRenderSchedule(day);
}

// Form handlers
function ggFormSubmit(e) {
  e.preventDefault();
  const btn = e.target.querySelector('.gg-form-submit');
  const originalText = btn.textContent;
  btn.textContent = '✓ REQUEST SENT — WE\'LL CALL YOU SOON';
  btn.style.background = 'var(--green-accent)';
  btn.style.color = '#fff';
  btn.style.clipPath = 'none';
  e.target.querySelectorAll('input, select').forEach(el => el.disabled = true);
  
  // Reset after 5 seconds
  setTimeout(() => {
    btn.textContent = originalText;
    btn.style.background = '';
    btn.style.color = '';
    btn.style.clipPath = '';
    e.target.querySelectorAll('input, select').forEach(el => el.disabled = false);
    e.target.reset();
  }, 5000);
}

function ggContactSubmit(e) {
  e.preventDefault();
  const btn = e.target.querySelector('button');
  const originalText = btn.textContent;
  btn.textContent = '✓ MESSAGE SENT';
  btn.style.background = 'var(--green-accent)';
  
  setTimeout(() => {
    btn.textContent = originalText;
    btn.style.background = '';
    e.target.reset();
  }, 3000);
}

// FAQ toggle
function ggToggleFaq(element) {
  const item = element.closest('.gg-faq-item');
  item.classList.toggle('gg-faq-open');
}

// Init
ggRenderSchedule('sat');
</script>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ca49a2b */.gg-hero h1 .gg-gold { color: var(--gold); }
  .gg-hero h1 .gg-stroke {
    -webkit-text-stroke: 2px var(--gold-light);
    color: transparent;
  }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-326cef0 */<!-- 
  Gold's Gym Jeddah - Complete WordPress HTML Block
  Version: 2.0 - Enhanced & Production-Ready
  
  INSTALLATION INSTRUCTIONS:
  1. Copy entire code block
  2. In WordPress, create new page/post
  3. Add "Custom HTML" block
  4. Paste this entire code
  5. Customize colors, text, and images as needed
  
  FEATURES:
  - Responsive design (mobile, tablet, desktop)
  - Hero section with sign-up form
  - Promotions/pricing cards
  - Class schedule with day filtering
  - Facilities showcase
  - Trainer profiles
  - Member testimonials
  - FAQ section
  - Contact information
  - Smooth animations
  - Accessibility optimized
-->

<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow+Condensed:wght@400;600;700&family=Barlow:wght@300;400;500&display=swap" rel="stylesheet">

<style>
  /* ===== CSS VARIABLES ===== */
  :root {
    --gold: #C9A84C;
    --gold-light: #E5C46E;
    --gold-dark: #9B7A2E;
    --black: #0A0A0A;
    --dark: #111111;
    --dark-card: #181818;
    --dark-border: #2A2A2A;
    --white: #F5F0E8;
    --gray: #888880;
    --red-accent: #C0392B;
    --green-accent: #2ecc71;
  }

  * { margin: 0; padding: 0; box-sizing: border-box; }

  .gg-page {
    font-family: 'Barlow', sans-serif;
    background: var(--black);
    color: var(--white);
    overflow-x: hidden;
  }

  /* ===== HERO SECTION ===== */
  .gg-hero {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    background: linear-gradient(135deg, #0A0A0A 0%, #1a1200 50%, #0A0A0A 100%);
    overflow: hidden;
  }

  .gg-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
      radial-gradient(ellipse 80% 60% at 70% 50%, rgba(201,168,76,0.12) 0%, transparent 60%),
      repeating-linear-gradient(
        90deg,
        transparent,
        transparent 80px,
        rgba(201,168,76,0.03) 80px,
        rgba(201,168,76,0.03) 81px
      );
    pointer-events: none;
  }

  .gg-hero-bg-text {
    position: absolute;
    right: -2%;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(120px, 20vw, 280px);
    color: rgba(201,168,76,0.04);
    line-height: 1;
    pointer-events: none;
    user-select: none;
    letter-spacing: -4px;
  }

  .gg-hero-content {
    position: relative;
    z-index: 2;
    max-width: 1280px;
    margin: 0 auto;
    padding: 120px 40px 80px;
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: 60px;
    align-items: center;
    width: 100%;
  }

  .gg-hero-eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
    animation: fadeUp 0.8s ease both;
  }

  .gg-hero-eyebrow span {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 13px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: var(--gold);
    font-weight: 600;
  }

  .gg-eyebrow-line {
    width: 48px;
    height: 1px;
    background: var(--gold);
    display: inline-block;
  }

  .gg-hero h1 {
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(56px, 8vw, 110px);
    line-height: 0.92;
    letter-spacing: 1px;
    color: var(--white);
    animation: fadeUp 0.8s 0.15s ease both;
  }

  .gg-hero h1 .gg-gold { color: var(--gold); }
  .gg-hero h1 .gg-stroke {
    -webkit-text-stroke: 2px var(--gold-light);
    color: transparent;
  }

  .gg-hero-sub {
    font-size: 17px;
    color: var(--gray);
    line-height: 1.7;
    margin-top: 28px;
    max-width: 460px;
    font-weight: 300;
    animation: fadeUp 0.8s 0.3s ease both;
  }

  .gg-hero-cta {
    display: flex;
    gap: 16px;
    margin-top: 40px;
    animation: fadeUp 0.8s 0.45s ease both;
    flex-wrap: wrap;
  }

  .gg-btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: var(--gold);
    color: var(--black);
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 16px 36px;
    text-decoration: none;
    transition: all 0.25s ease;
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 100%, 12px 100%);
    border: none;
    cursor: pointer;
  }

  .gg-btn-primary:hover {
    background: var(--gold-light);
    transform: translateY(-2px);
    box-shadow: 0 12px 40px rgba(201,168,76,0.35);
  }

  .gg-btn-outline {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: 1px solid rgba(201,168,76,0.4);
    color: var(--gold);
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 16px 36px;
    text-decoration: none;
    transition: all 0.25s ease;
    background: transparent;
    cursor: pointer;
  }

  .gg-btn-outline:hover {
    border-color: var(--gold);
    background: rgba(201,168,76,0.08);
  }

  .gg-hero-stats {
    display: flex;
    gap: 40px;
    margin-top: 56px;
    padding-top: 40px;
    border-top: 1px solid var(--dark-border);
    animation: fadeUp 0.8s 0.6s ease both;
  }

  .gg-stat-item { text-align: left; }

  .gg-stat-num {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 42px;
    color: var(--gold);
    line-height: 1;
  }

  .gg-stat-label {
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--gray);
    margin-top: 4px;
  }

  /* ===== HERO FORM ===== */
  .gg-hero-form-wrap {
    animation: fadeUp 0.8s 0.3s ease both;
  }

  .gg-form-card {
    background: rgba(24,24,24,0.95);
    border: 1px solid var(--dark-border);
    padding: 40px 36px;
    position: relative;
    backdrop-filter: blur(12px);
  }

  .gg-form-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--gold-dark), var(--gold), var(--gold-light));
  }

  .gg-form-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 30px;
    letter-spacing: 1px;
    margin-bottom: 6px;
    color: var(--white);
  }

  .gg-form-subtitle {
    font-size: 13px;
    color: var(--gray);
    margin-bottom: 28px;
    letter-spacing: 0.5px;
  }

  .gg-form-group {
    margin-bottom: 16px;
  }

  .gg-form-group label {
    display: block;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 8px;
    font-weight: 600;
  }

  .gg-form-group input,
  .gg-form-group select {
    width: 100%;
    background: rgba(255,255,255,0.04);
    border: 1px solid var(--dark-border);
    color: var(--white);
    font-family: 'Barlow', sans-serif;
    font-size: 14px;
    padding: 13px 16px;
    outline: none;
    transition: border-color 0.2s;
    -webkit-appearance: none;
    appearance: none;
  }

  .gg-form-group input::placeholder { color: rgba(136,136,128,0.6); }

  .gg-form-group input:focus,
  .gg-form-group select:focus {
    border-color: var(--gold);
    background: rgba(201,168,76,0.04);
  }

  .gg-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }

  .gg-form-submit {
    width: 100%;
    background: var(--gold);
    color: var(--black);
    border: none;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 20px;
    letter-spacing: 2px;
    padding: 16px;
    cursor: pointer;
    transition: all 0.25s ease;
    margin-top: 8px;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 100%, 10px 100%);
  }

  .gg-form-submit:hover {
    background: var(--gold-light);
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(201,168,76,0.3);
  }

  .gg-form-note {
    font-size: 11px;
    color: var(--gray);
    text-align: center;
    margin-top: 14px;
    letter-spacing: 0.5px;
  }

  /* ===== SECTION SHARED ===== */
  .gg-section {
    max-width: 1280px;
    margin: 0 auto;
    padding: 100px 40px;
  }

  .gg-section-header {
    margin-bottom: 56px;
  }

  .gg-section-eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
  }

  .gg-section-eyebrow span {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 12px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: var(--gold);
    font-weight: 600;
  }

  .gg-section-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(40px, 5vw, 64px);
    line-height: 1;
    letter-spacing: 1px;
    color: var(--white);
  }

  .gg-section-title .gg-gold { color: var(--gold); }

  .gg-section-desc {
    font-size: 16px;
    color: var(--gray);
    line-height: 1.7;
    max-width: 560px;
    margin-top: 16px;
    font-weight: 300;
  }

  /* ===== PROMOTION SECTION ===== */
  .gg-promo-bg {
    background: linear-gradient(180deg, var(--black) 0%, #0f0c00 50%, var(--black) 100%);
  }

  .gg-promo-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }

  .gg-promo-card {
    position: relative;
    overflow: hidden;
    background: var(--dark-card);
    border: 1px solid var(--dark-border);
    padding: 48px 40px;
    transition: transform 0.3s ease, border-color 0.3s ease;
    cursor: pointer;
  }

  .gg-promo-card:hover {
    transform: translateY(-4px);
    border-color: rgba(201,168,76,0.3);
  }

  .gg-promo-card.gg-promo-featured {
    grid-column: span 2;
    background: linear-gradient(135deg, #1a1200, #111, #0d0900);
    border-color: rgba(201,168,76,0.25);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center;
    padding: 60px 56px;
  }

  .gg-promo-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--gold), transparent);
    opacity: 0;
    transition: opacity 0.3s;
  }

  .gg-promo-card:hover::before { opacity: 1; }

  .gg-promo-badge {
    display: inline-block;
    background: var(--gold);
    color: var(--black);
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    padding: 5px 14px;
    margin-bottom: 20px;
    clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 100%, 6px 100%);
  }

  .gg-promo-badge.gg-badge-red { background: var(--red-accent); color: #fff; }

  .gg-promo-offer {
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(36px, 4vw, 56px);
    line-height: 1;
    color: var(--white);
    margin-bottom: 12px;
  }

  .gg-promo-offer .gg-gold { color: var(--gold); }

  .gg-promo-desc {
    font-size: 15px;
    color: var(--gray);
    line-height: 1.6;
    margin-bottom: 28px;
    font-weight: 300;
  }

  .gg-promo-expiry {
    font-size: 12px;
    letter-spacing: 1px;
    color: rgba(136,136,128,0.7);
    margin-top: 20px;
  }

  .gg-promo-big-num {
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(80px, 12vw, 160px);
    line-height: 0.85;
    color: rgba(201,168,76,0.12);
    position: absolute;
    right: 40px;
    bottom: -10px;
    pointer-events: none;
    user-select: none;
  }

  .gg-promo-features {
    list-style: none;
    margin-bottom: 28px;
  }

  .gg-promo-features li {
    font-size: 15px;
    color: var(--gray);
    padding: 8px 0;
    border-bottom: 1px solid var(--dark-border);
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 300;
  }

  .gg-promo-features li::before {
    content: '✦';
    color: var(--gold);
    font-size: 10px;
    flex-shrink: 0;
  }

  .gg-promo-price {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin-bottom: 8px;
  }

  .gg-price-currency {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 22px;
    color: var(--gold);
    font-weight: 600;
  }

  .gg-price-amount {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 56px;
    color: var(--gold);
    line-height: 1;
  }

  .gg-price-period {
    font-size: 13px;
    color: var(--gray);
    font-weight: 300;
  }

  .gg-price-old {
    font-size: 16px;
    color: var(--gray);
    text-decoration: line-through;
    margin-left: 4px;
    opacity: 0.6;
  }

  /* ===== SCHEDULE SECTION ===== */
  .gg-schedule-bg {
    background: var(--dark);
  }

  .gg-schedule-tabs {
    display: flex;
    gap: 4px;
    margin-bottom: 36px;
    border-bottom: 1px solid var(--dark-border);
    overflow-x: auto;
    scrollbar-width: none;
  }

  .gg-schedule-tabs::-webkit-scrollbar { display: none; }

  .gg-tab {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--gray);
    padding: 14px 24px;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: all 0.2s;
    white-space: nowrap;
    background: none;
    border-top: none;
    border-left: none;
    border-right: none;
  }

  .gg-tab:hover { color: var(--white); }
  .gg-tab.gg-tab-active {
    color: var(--gold);
    border-bottom-color: var(--gold);
  }

  .gg-schedule-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 16px;
  }

  .gg-schedule-card {
    background: var(--dark-card);
    border: 1px solid var(--dark-border);
    padding: 24px 22px;
    position: relative;
    overflow: hidden;
    transition: all 0.25s ease;
  }

  .gg-schedule-card:hover {
    border-color: rgba(201,168,76,0.3);
    transform: translateY(-3px);
  }

  .gg-schedule-card::after {
    content: '';
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 3px;
    background: var(--gold);
    transform: scaleY(0);
    transition: transform 0.25s ease;
    transform-origin: bottom;
  }

  .gg-schedule-card:hover::after { transform: scaleY(1); }

  .gg-schedule-time {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    color: var(--gold);
    margin-bottom: 10px;
  }

  .gg-schedule-class {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 22px;
    letter-spacing: 0.5px;
    color: var(--white);
    margin-bottom: 6px;
    line-height: 1;
  }

  .gg-schedule-meta {
    font-size: 13px;
    color: var(--gray);
    font-weight: 300;
    margin-bottom: 16px;
  }

  .gg-schedule-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .gg-schedule-trainer {
    font-size: 12px;
    color: rgba(136,136,128,0.7);
    letter-spacing: 0.5px;
  }

  .gg-schedule-level {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 3px 10px;
  }

  .gg-level-all { background: rgba(201,168,76,0.15); color: var(--gold); }
  .gg-level-inter { background: rgba(255,165,0,0.12); color: #FFA500; }
  .gg-level-adv { background: rgba(192,57,43,0.15); color: #E74C3C; }

  .gg-schedule-view-all {
    text-align: center;
    margin-top: 40px;
  }

  /* ===== FACILITIES SECTION ===== */
  .gg-facilities-bg {
    background: linear-gradient(180deg, var(--dark) 0%, #0d0900 50%, var(--dark) 100%);
  }

  .gg-facilities-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
  }

  .gg-facility-card {
    background: var(--dark-card);
    border: 1px solid var(--dark-border);
    padding: 32px 28px;
    text-align: center;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
  }

  .gg-facility-card:hover {
    transform: translateY(-6px);
    border-color: rgba(201,168,76,0.3);
  }

  .gg-facility-icon {
    font-size: 48px;
    margin-bottom: 16px;
    display: inline-block;
  }

  .gg-facility-name {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 24px;
    color: var(--white);
    margin-bottom: 12px;
    letter-spacing: 0.5px;
  }

  .gg-facility-desc {
    font-size: 14px;
    color: var(--gray);
    line-height: 1.6;
    font-weight: 300;
  }

  /* ===== TRAINERS SECTION ===== */
  .gg-trainers-bg {
    background: var(--black);
  }

  .gg-trainers-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 32px;
  }

  .gg-trainer-card {
    text-align: center;
    animation: fadeUp 0.6s ease both;
  }

  .gg-trainer-image {
    width: 100%;
    aspect-ratio: 1;
    background: linear-gradient(135deg, rgba(201,168,76,0.1), rgba(201,168,76,0.05));
    border: 2px solid var(--dark-border);
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 64px;
    transition: all 0.3s ease;
  }

  .gg-trainer-card:hover .gg-trainer-image {
    border-color: rgba(201,168,76,0.3);
    background: linear-gradient(135deg, rgba(201,168,76,0.2), rgba(201,168,76,0.1));
  }

  .gg-trainer-name {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 24px;
    color: var(--white);
    margin-bottom: 4px;
    letter-spacing: 0.5px;
  }

  .gg-trainer-specialty {
    font-size: 13px;
    color: var(--gold);
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 12px;
  }

  .gg-trainer-bio {
    font-size: 14px;
    color: var(--gray);
    line-height: 1.6;
    font-weight: 300;
  }

  /* ===== TESTIMONIALS SECTION ===== */
  .gg-testimonials-bg {
    background: linear-gradient(180deg, var(--black) 0%, #0f0c00 50%, var(--black) 100%);
  }

  .gg-testimonials-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 28px;
  }

  .gg-testimonial-card {
    background: var(--dark-card);
    border: 1px solid var(--dark-border);
    padding: 32px;
    position: relative;
    transition: all 0.3s ease;
  }

  .gg-testimonial-card:hover {
    border-color: rgba(201,168,76,0.3);
    transform: translateY(-4px);
  }

  .gg-testimonial-stars {
    color: var(--gold);
    font-size: 14px;
    margin-bottom: 16px;
    letter-spacing: 2px;
  }

  .gg-testimonial-text {
    font-size: 15px;
    color: var(--gray);
    line-height: 1.8;
    margin-bottom: 20px;
    font-weight: 300;
    font-style: italic;
  }

  .gg-testimonial-author {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 16px;
    color: var(--white);
    letter-spacing: 0.5px;
  }

  .gg-testimonial-role {
    font-size: 12px;
    color: var(--gold);
    margin-top: 4px;
    letter-spacing: 1px;
    text-transform: uppercase;
  }

  /* ===== FAQ SECTION ===== */
  .gg-faq-bg {
    background: var(--dark);
  }

  .gg-faq-container {
    max-width: 800px;
    margin: 0 auto;
  }

  .gg-faq-item {
    border-bottom: 1px solid var(--dark-border);
    padding: 24px 0;
  }

  .gg-faq-item:first-child {
    padding-top: 0;
  }

  .gg-faq-question {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 18px;
    color: var(--white);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: color 0.2s;
    letter-spacing: 0.5px;
  }

  .gg-faq-question:hover {
    color: var(--gold);
  }

  .gg-faq-toggle {
    font-size: 24px;
    color: var(--gold);
    transition: transform 0.3s ease;
    flex-shrink: 0;
  }

  .gg-faq-item.gg-faq-open .gg-faq-toggle {
    transform: rotate(180deg);
  }

  .gg-faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    margin-top: 0;
  }

  .gg-faq-item.gg-faq-open .gg-faq-answer {
    max-height: 500px;
    margin-top: 16px;
  }

  .gg-faq-answer-text {
    font-size: 15px;
    color: var(--gray);
    line-height: 1.8;
    font-weight: 300;
  }

  /* ===== CONTACT SECTION ===== */
  .gg-contact-bg {
    background: linear-gradient(135deg, #1a1200, #111, #0d0900);
  }

  .gg-contact-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: start;
  }

  .gg-contact-info {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }

  .gg-contact-item {
    display: flex;
    gap: 20px;
  }

  .gg-contact-icon {
    font-size: 32px;
    color: var(--gold);
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .gg-contact-content h3 {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 18px;
    color: var(--white);
    margin-bottom: 6px;
    letter-spacing: 0.5px;
  }

  .gg-contact-content p {
    font-size: 15px;
    color: var(--gray);
    line-height: 1.6;
    font-weight: 300;
  }

  .gg-contact-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .gg-contact-form input,
  .gg-contact-form textarea {
    background: rgba(255,255,255,0.04);
    border: 1px solid var(--dark-border);
    color: var(--white);
    font-family: 'Barlow', sans-serif;
    font-size: 14px;
    padding: 13px 16px;
    outline: none;
    transition: border-color 0.2s;
  }

  .gg-contact-form input::placeholder,
  .gg-contact-form textarea::placeholder {
    color: rgba(136,136,128,0.6);
  }

  .gg-contact-form input:focus,
  .gg-contact-form textarea:focus {
    border-color: var(--gold);
    background: rgba(201,168,76,0.04);
  }

  .gg-contact-form textarea {
    resize: vertical;
    min-height: 120px;
  }

  /* ===== DIVIDER ===== */
  .gg-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--dark-border) 20%, var(--dark-border) 80%, transparent);
    margin: 0;
  }

  /* ===== ANIMATIONS ===== */
  @keyframes fadeUp {
    from { opacity: 0; transform: translateY(24px); }
    to   { opacity: 1; transform: translateY(0); }
  }

  @keyframes slideIn {
    from { opacity: 0; transform: translateX(-20px); }
    to   { opacity: 1; transform: translateX(0); }
  }

  /* ===== RESPONSIVE ===== */
  @media (max-width: 960px) {
    .gg-hero-content { grid-template-columns: 1fr; gap: 48px; padding: 100px 24px 60px; }
    .gg-hero h1 { font-size: clamp(48px, 12vw, 80px); }
    .gg-promo-grid { grid-template-columns: 1fr; }
    .gg-promo-card.gg-promo-featured { grid-column: span 1; grid-template-columns: 1fr; padding: 40px 32px; }
    .gg-contact-grid { grid-template-columns: 1fr; gap: 40px; }
    .gg-section { padding: 64px 24px; }
    .gg-hero-stats { gap: 24px; }
  }

  @media (max-width: 600px) {
    .gg-form-row { grid-template-columns: 1fr; }
    .gg-hero-cta { flex-direction: column; }
    .gg-btn-primary, .gg-btn-outline { text-align: center; justify-content: center; width: 100%; }
    .gg-hero-stats { flex-wrap: wrap; gap: 20px; }
    .gg-schedule-grid { grid-template-columns: 1fr; }
    .gg-facilities-grid { grid-template-columns: 1fr; }
    .gg-trainers-grid { grid-template-columns: 1fr; }
    .gg-testimonials-grid { grid-template-columns: 1fr; }
    .gg-contact-item { gap: 16px; }
  }
</style>

<div class="gg-page">

  <!-- ===== HERO SECTION ===== -->
  <section class="gg-hero">
    <div class="gg-hero-bg-text">GG</div>
    <div class="gg-hero-content">

      <!-- Left: Copy -->
      <div class="gg-hero-left">
        <div class="gg-hero-eyebrow">
          <span class="gg-eyebrow-line"></span>
          <span>Gold's Gym · Jeddah · KSA</span>
        </div>
        <h1>
          FORGE YOUR<br>
          <span class="gg-gold">LEGEND</span><br>
          <span class="gg-stroke">HERE</span>
        </h1>
        <p class="gg-hero-sub">
          Jeddah's ultimate fitness destination. World-class equipment, elite trainers, and a community that pushes you beyond your limits — every single day.
        </p>
        <div class="gg-hero-cta">
          <a href="#gg-promo" class="gg-btn-primary">
            View Memberships &#9656;
          </a>
          <a href="#gg-schedule" class="gg-btn-outline">
            Class Schedule
          </a>
        </div>
        <div class="gg-hero-stats">
          <div class="gg-stat-item">
            <div class="gg-stat-num">5K+</div>
            <div class="gg-stat-label">Members</div>
          </div>
          <div class="gg-stat-item">
            <div class="gg-stat-num">40+</div>
            <div class="gg-stat-label">Classes / Week</div>
          </div>
          <div class="gg-stat-item">
            <div class="gg-stat-num">20+</div>
            <div class="gg-stat-label">Elite Trainers</div>
          </div>
          <div class="gg-stat-item">
            <div class="gg-stat-num">24/7</div>
            <div class="gg-stat-label">Open</div>
          </div>
        </div>
      </div>

      <!-- Right: Sign-Up Form -->
      <div class="gg-hero-form-wrap">
        <div class="gg-form-card">
          <div class="gg-form-title">Start Today — Free Trial</div>
          <div class="gg-form-subtitle">Get your first session on us. No commitment.</div>

          <form onsubmit="ggFormSubmit(event)" id="gg-hero-form">
            <div class="gg-form-row">
              <div class="gg-form-group">
                <label for="gg-fname">First Name</label>
                <input type="text" id="gg-fname" placeholder="Ahmed" required>
              </div>
              <div class="gg-form-group">
                <label for="gg-lname">Last Name</label>
                <input type="text" id="gg-lname" placeholder="Al-Harbi" required>
              </div>
            </div>
            <div class="gg-form-group">
              <label for="gg-phone">Phone Number</label>
              <input type="tel" id="gg-phone" placeholder="+966 5X XXX XXXX" required>
            </div>
            <div class="gg-form-group">
              <label for="gg-email">Email Address</label>
              <input type="email" id="gg-email" placeholder="ahmed@email.com" required>
            </div>
            <div class="gg-form-group">
              <label for="gg-goal">Your Goal</label>
              <select id="gg-goal" required>
                <option value="" disabled selected>Select your fitness goal</option>
                <option>Build Muscle &amp; Strength</option>
                <option>Weight Loss</option>
                <option>Cardio &amp; Endurance</option>
                <option>General Fitness</option>
                <option>Sport-Specific Training</option>
              </select>
            </div>
            <button type="submit" class="gg-form-submit">CLAIM FREE TRIAL &#9656;</button>
          </form>
          <p class="gg-form-note">&#128274; Your info is secure. No spam, ever.</p>
        </div>
      </div>

    </div>
  </section>

  <div class="gg-divider"></div>

  <!-- ===== PROMOTIONS SECTION ===== -->
  <section class="gg-promo-bg" id="gg-promo">
    <div class="gg-section">
      <div class="gg-section-header">
        <div class="gg-section-eyebrow">
          <span class="gg-eyebrow-line"></span>
          <span>Exclusive Offers</span>
        </div>
        <h2 class="gg-section-title">CURRENT <span class="gg-gold">PROMOTIONS</span></h2>
        <p class="gg-section-desc">
          Special membership deals crafted exclusively for Jeddah members. Limited time — act fast.
        </p>
      </div>

      <div class="gg-promo-grid">

        <!-- Featured Promo -->
        <div class="gg-promo-card gg-promo-featured">
          <div>
            <div class="gg-promo-badge gg-badge-red">Best Value &#9733;</div>
            <div class="gg-promo-offer">ANNUAL <span class="gg-gold">ELITE</span><br>MEMBERSHIP</div>
            <ul class="gg-promo-features">
              <li>Unlimited gym access — all branches</li>
              <li>2 personal training sessions / month</li>
              <li>Full group class access</li>
              <li>Nutrition consultation included</li>
              <li>Guest passes (4 per year)</li>
            </ul>
          </div>
          <div>
            <div class="gg-promo-price">
              <span class="gg-price-currency">SAR</span>
              <span class="gg-price-amount">2,999</span>
              <span class="gg-price-period">/ year <span class="gg-price-old">4,200</span></span>
            </div>
            <p class="gg-promo-desc">Save 29% — Pay once, train all year. Biggest savings we've ever offered.</p>
            <a href="#gg-contact" class="gg-btn-primary">Claim This Deal &#9656;</a>
            <p class="gg-promo-expiry">&#128336; Limited time offer</p>
          </div>
        </div>

        <!-- Summer Promo -->
        <div class="gg-promo-card">
          <div class="gg-promo-badge">Summer Special</div>
          <div class="gg-promo-offer">3-MONTH<br><span class="gg-gold">BLITZ</span></div>
          <div class="gg-promo-price" style="margin-top:12px">
            <span class="gg-price-currency">SAR</span>
            <span class="gg-price-amount">599</span>
            <span class="gg-price-period">/ 3 months</span>
          </div>
          <p class="gg-promo-desc">Unlimited access + 1 free PT session. Perfect summer kickstart.</p>
          <a href="#gg-contact" class="gg-btn-outline">Get Started &#9656;</a>
          <div class="gg-promo-big-num">3M</div>
          <p class="gg-promo-expiry">&#128336; Ends 31 Aug 2026</p>
        </div>

        <!-- Student Promo -->
        <div class="gg-promo-card">
          <div class="gg-promo-badge" style="background:rgba(201,168,76,0.15);color:var(--gold);clip-path:none;">Student Offer</div>
          <div class="gg-promo-offer">STUDENT<br><span class="gg-gold">RATE</span></div>
          <div class="gg-promo-price" style="margin-top:12px">
            <span class="gg-price-currency">SAR</span>
            <span class="gg-price-amount">149</span>
            <span class="gg-price-period">/ month</span>
          </div>
          <p class="gg-promo-desc">Valid student ID required. Full gym access — no compromise on quality.</p>
          <a href="#gg-contact" class="gg-btn-outline">Apply Now &#9656;</a>
          <div class="gg-promo-big-num">&#127891;</div>
          <p class="gg-promo-expiry">&#128336; Ongoing — verify each semester</p>
        </div>

      </div>
    </div>
  </section>

  <div class="gg-divider"></div>

  <!-- ===== SCHEDULE SECTION ===== -->
  <section class="gg-schedule-bg" id="gg-schedule">
    <div class="gg-section">
      <div class="gg-section-header">
        <div class="gg-section-eyebrow">
          <span class="gg-eyebrow-line"></span>
          <span>Weekly Programme</span>
        </div>
        <h2 class="gg-section-title">CLASS <span class="gg-gold">SCHEDULE</span></h2>
        <p class="gg-section-desc">
          Over 40 group classes per week — from sunrise HIIT to late-night yoga. Find your session.
        </p>
      </div>

      <!-- Day Tabs -->
      <div class="gg-schedule-tabs" id="gg-schedule-tabs">
        <button class="gg-tab gg-tab-active" onclick="ggSetDay(this, 'sat')">Saturday</button>
        <button class="gg-tab" onclick="ggSetDay(this, 'sun')">Sunday</button>
        <button class="gg-tab" onclick="ggSetDay(this, 'mon')">Monday</button>
        <button class="gg-tab" onclick="ggSetDay(this, 'tue')">Tuesday</button>
        <button class="gg-tab" onclick="ggSetDay(this, 'wed')">Wednesday</button>
        <button class="gg-tab" onclick="ggSetDay(this, 'thu')">Thursday</button>
        <button class="gg-tab" onclick="ggSetDay(this, 'fri')">Friday</button>
      </div>

      <!-- Schedule Cards -->
      <div class="gg-schedule-grid" id="gg-schedule-grid">
        <!-- Populated by JS -->
      </div>

      <div class="gg-schedule-view-all">
        <a href="#gg-contact" class="gg-btn-outline">Join a Class &#9656;</a>
      </div>
    </div>
  </section>

  <div class="gg-divider"></div>

  <!-- ===== FACILITIES SECTION ===== -->
  <section class="gg-facilities-bg">
    <div class="gg-section">
      <div class="gg-section-header">
        <div class="gg-section-eyebrow">
          <span class="gg-eyebrow-line"></span>
          <span>World-Class Equipment</span>
        </div>
        <h2 class="gg-section-title">OUR <span class="gg-gold">FACILITIES</span></h2>
        <p class="gg-section-desc">
          State-of-the-art equipment and specialized training zones designed for every fitness level.
        </p>
      </div>

      <div class="gg-facilities-grid">
        <div class="gg-facility-card">
          <div class="gg-facility-icon">🏋️</div>
          <div class="gg-facility-name">Weight Training</div>
          <p class="gg-facility-desc">Complete free weight and machine selection for strength building and muscle development.</p>
        </div>
        <div class="gg-facility-card">
          <div class="gg-facility-icon">🚴</div>
          <div class="gg-facility-name">Cardio Zone</div>
          <p class="gg-facility-desc">Latest treadmills, ellipticals, and stationary bikes with personal entertainment systems.</p>
        </div>
        <div class="gg-facility-card">
          <div class="gg-facility-icon">🥊</div>
          <div class="gg-facility-name">Combat Arena</div>
          <p class="gg-facility-desc">Dedicated boxing, kickboxing, and martial arts training area with professional equipment.</p>
        </div>
        <div class="gg-facility-card">
          <div class="gg-facility-icon">🧘</div>
          <div class="gg-facility-name">Yoga & Pilates</div>
          <p class="gg-facility-desc">Spacious studios with mirrors, sound systems, and climate control for flexibility training.</p>
        </div>
        <div class="gg-facility-card">
          <div class="gg-facility-icon">🏊</div>
          <div class="gg-facility-name">Recovery Zone</div>
          <p class="gg-facility-desc">Sauna, steam room, and stretching area for post-workout recovery and relaxation.</p>
        </div>
        <div class="gg-facility-card">
          <div class="gg-facility-icon">💪</div>
          <div class="gg-facility-name">CrossFit Box</div>
          <p class="gg-facility-desc">Specialized functional training area with Olympic lifting platforms and rig systems.</p>
        </div>
      </div>
    </div>
  </section>

  <div class="gg-divider"></div>

  <!-- ===== TRAINERS SECTION ===== -->
  <section class="gg-trainers-bg">
    <div class="gg-section">
      <div class="gg-section-header">
        <div class="gg-section-eyebrow">
          <span class="gg-eyebrow-line"></span>
          <span>Expert Guidance</span>
        </div>
        <h2 class="gg-section-title">MEET OUR <span class="gg-gold">ELITE TRAINERS</span></h2>
        <p class="gg-section-desc">
          Certified professionals dedicated to transforming your fitness journey with personalized coaching.
        </p>
      </div>

      <div class="gg-trainers-grid">
        <div class="gg-trainer-card">
          <div class="gg-trainer-image">👨‍🏫</div>
          <div class="gg-trainer-name">Coach Khalid</div>
          <div class="gg-trainer-specialty">HIIT & Strength</div>
          <p class="gg-trainer-bio">15+ years experience. Specializes in high-intensity interval training and functional strength development.</p>
        </div>
        <div class="gg-trainer-card">
          <div class="gg-trainer-image">👩‍🏫</div>
          <div class="gg-trainer-name">Trainer Sara</div>
          <div class="gg-trainer-specialty">Yoga & Flexibility</div>
          <p class="gg-trainer-bio">Certified yoga instructor with expertise in flexibility training and mind-body wellness.</p>
        </div>
        <div class="gg-trainer-card">
          <div class="gg-trainer-image">👨‍🏫</div>
          <div class="gg-trainer-name">Coach Rami</div>
          <div class="gg-trainer-specialty">CrossFit & Olympic</div>
          <p class="gg-trainer-bio">CrossFit Level 2 certified. Expert in Olympic lifting and functional fitness programming.</p>
        </div>
        <div class="gg-trainer-card">
          <div class="gg-trainer-image">👩‍🏫</div>
          <div class="gg-trainer-name">Trainer Nadia</div>
          <div class="gg-trainer-specialty">Group Classes</div>
          <p class="gg-trainer-bio">Dynamic group fitness instructor specializing in body pump, zumba, and dance cardio.</p>
        </div>
      </div>
    </div>
  </section>

  <div class="gg-divider"></div>

  <!-- ===== TESTIMONIALS SECTION ===== -->
  <section class="gg-testimonials-bg">
    <div class="gg-section">
      <div class="gg-section-header">
        <div class="gg-section-eyebrow">
          <span class="gg-eyebrow-line"></span>
          <span>Member Success Stories</span>
        </div>
        <h2 class="gg-section-title">REAL <span class="gg-gold">TRANSFORMATIONS</span></h2>
        <p class="gg-section-desc">
          Hear from our members about their fitness journey and achievements at Gold's Gym.
        </p>
      </div>

      <div class="gg-testimonials-grid">
        <div class="gg-testimonial-card">
          <div class="gg-testimonial-stars">★★★★★</div>
          <p class="gg-testimonial-text">"Gold's Gym changed my life. The trainers are incredibly supportive and the facilities are top-notch. I've never felt more motivated to achieve my fitness goals."</p>
          <div class="gg-testimonial-author">Mohammed Al-Dosari</div>
          <div class="gg-testimonial-role">Member since 2023</div>
        </div>
        <div class="gg-testimonial-card">
          <div class="gg-testimonial-stars">★★★★★</div>
          <p class="gg-testimonial-text">"The variety of classes is amazing. From HIIT to yoga, there's something for everyone. The community here is welcoming and inspiring. Highly recommend!"</p>
          <div class="gg-testimonial-author">Fatima Al-Otaibi</div>
          <div class="gg-testimonial-role">Member since 2022</div>
        </div>
        <div class="gg-testimonial-card">
          <div class="gg-testimonial-stars">★★★★★</div>
          <p class="gg-testimonial-text">"Best gym in Jeddah. The equipment is always clean and well-maintained. Coach Khalid's training sessions have helped me build serious strength. Worth every riyal!"</p>
          <div class="gg-testimonial-author">Ahmed Al-Harbi</div>
          <div class="gg-testimonial-role">Member since 2021</div>
        </div>
      </div>
    </div>
  </section>

  <div class="gg-divider"></div>

  <!-- ===== FAQ SECTION ===== -->
  <section class="gg-faq-bg">
    <div class="gg-section">
      <div class="gg-section-header">
        <div class="gg-section-eyebrow">
          <span class="gg-eyebrow-line"></span>
          <span>Common Questions</span>
        </div>
        <h2 class="gg-section-title">FREQUENTLY ASKED <span class="gg-gold">QUESTIONS</span></h2>
      </div>

      <div class="gg-faq-container">
        <div class="gg-faq-item">
          <div class="gg-faq-question" onclick="ggToggleFaq(this)">
            <span>What are your membership options?</span>
            <span class="gg-faq-toggle">▼</span>
          </div>
          <div class="gg-faq-answer">
            <p class="gg-faq-answer-text">We offer flexible membership plans including monthly, quarterly, and annual options. Each membership includes access to all facilities, group classes, and member benefits. We also have student discounts and corporate packages available.</p>
          </div>
        </div>

        <div class="gg-faq-item">
          <div class="gg-faq-question" onclick="ggToggleFaq(this)">
            <span>Do you offer personal training sessions?</span>
            <span class="gg-faq-toggle">▼</span>
          </div>
          <div class="gg-faq-answer">
            <p class="gg-faq-answer-text">Yes! Our certified trainers offer personalized one-on-one and small group training sessions. Sessions can be customized to your fitness level and goals. Contact us for pricing and availability.</p>
          </div>
        </div>

        <div class="gg-faq-item">
          <div class="gg-faq-question" onclick="ggToggleFaq(this)">
            <span>What are your operating hours?</span>
            <span class="gg-faq-toggle">▼</span>
          </div>
          <div class="gg-faq-answer">
            <p class="gg-faq-answer-text">Gold's Gym Jeddah is open 24/7 for all members. We have staff on-site during peak hours (6 AM - 10 PM) and automated access outside these times. Our group classes run throughout the day with multiple time slots.</p>
          </div>
        </div>

        <div class="gg-faq-item">
          <div class="gg-faq-question" onclick="ggToggleFaq(this)">
            <span>Do you have a free trial or introductory offer?</span>
            <span class="gg-faq-toggle">▼</span>
          </div>
          <div class="gg-faq-answer">
            <p class="gg-faq-answer-text">Absolutely! New members get a free trial session to experience our facilities and meet our trainers. Sign up through our form above or contact us directly to schedule your free session.</p>
          </div>
        </div>

        <div class="gg-faq-item">
          <div class="gg-faq-question" onclick="ggToggleFaq(this)">
            <span>What facilities and amenities are included?</span>
            <span class="gg-faq-toggle">▼</span>
          </div>
          <div class="gg-faq-answer">
            <p class="gg-faq-answer-text">All memberships include access to our weight training area, cardio zone, group fitness studios, combat arena, CrossFit box, and recovery facilities (sauna, steam room). Premium memberships include additional perks like nutrition consultations and guest passes.</p>
          </div>
        </div>

        <div class="gg-faq-item">
          <div class="gg-faq-question" onclick="ggToggleFaq(this)">
            <span>Can I cancel my membership anytime?</span>
            <span class="gg-faq-toggle">▼</span>
          </div>
          <div class="gg-faq-answer">
            <p class="gg-faq-answer-text">Yes, we offer flexible cancellation policies. Monthly memberships can be cancelled with 30 days notice. For longer-term commitments, please review your membership agreement or contact our team for specific terms.</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <div class="gg-divider"></div>

  <!-- ===== CONTACT SECTION ===== -->
  <section class="gg-contact-bg" id="gg-contact">
    <div class="gg-section">
      <div class="gg-section-header">
        <div class="gg-section-eyebrow">
          <span class="gg-eyebrow-line"></span>
          <span>Get In Touch</span>
        </div>
        <h2 class="gg-section-title">CONTACT <span class="gg-gold">GOLD'S GYM</span></h2>
      </div>

      <div class="gg-contact-grid">
        <div class="gg-contact-info">
          <div class="gg-contact-item">
            <div class="gg-contact-icon">📍</div>
            <div class="gg-contact-content">
              <h3>Location</h3>
              <p>Prince Sultan Road, Jeddah 23432<br>Saudi Arabia</p>
            </div>
          </div>

          <div class="gg-contact-item">
            <div class="gg-contact-icon">📞</div>
            <div class="gg-contact-content">
              <h3>Phone</h3>
              <p><a href="tel:+966123456789" style="color: var(--gold); text-decoration: none;">+966 (12) 345-6789</a></p>
            </div>
          </div>

          <div class="gg-contact-item">
            <div class="gg-contact-icon">✉️</div>
            <div class="gg-contact-content">
              <h3>Email</h3>
              <p><a href="mailto:info@goldsgym-jeddah.com" style="color: var(--gold); text-decoration: none;">info@goldsgym-jeddah.com</a></p>
            </div>
          </div>

          <div class="gg-contact-item">
            <div class="gg-contact-icon">🕐</div>
            <div class="gg-contact-content">
              <h3>Hours</h3>
              <p>Open 24/7 for Members<br>Staff Available: 6 AM - 10 PM</p>
            </div>
          </div>
        </div>

        <div>
          <form class="gg-contact-form" onsubmit="ggContactSubmit(event)">
            <input type="text" placeholder="Your Name" required>
            <input type="email" placeholder="Your Email" required>
            <input type="tel" placeholder="Your Phone" required>
            <textarea placeholder="Your Message" required></textarea>
            <button type="submit" class="gg-btn-primary" style="width: 100%; justify-content: center;">Send Message &#9656;</button>
          </form>
        </div>
      </div>
    </div>
  </section>

</div><!-- end .gg-page -->

<script>
// ===== SCHEDULE DATA =====
const ggSchedule = {
  sat: [
    { time: '6:00 AM', name: 'Power HIIT', meta: '50 min · Studio A', trainer: 'Coach Khalid', level: 'all' },
    { time: '8:00 AM', name: 'Yoga Flow', meta: '60 min · Studio B', trainer: 'Trainer Sara', level: 'all' },
    { time: '10:00 AM', name: 'Spin Cycle', meta: '45 min · Spin Room', trainer: 'Coach Faris', level: 'inter' },
    { time: '12:00 PM', name: 'Boxing Fit', meta: '60 min · Ring Area', trainer: 'Coach Omar', level: 'all' },
    { time: '5:00 PM', name: 'Body Pump', meta: '55 min · Studio A', trainer: 'Trainer Nadia', level: 'inter' },
    { time: '7:00 PM', name: 'CrossFit WOD', meta: '60 min · CF Zone', trainer: 'Coach Rami', level: 'adv' },
    { time: '9:00 PM', name: 'Pilates Core', meta: '45 min · Studio B', trainer: 'Trainer Lama', level: 'all' },
  ],
  sun: [
    { time: '7:00 AM', name: 'Morning Stretch', meta: '45 min · Studio B', trainer: 'Trainer Sara', level: 'all' },
    { time: '9:00 AM', name: 'HIIT Burn', meta: '50 min · Studio A', trainer: 'Coach Khalid', level: 'inter' },
    { time: '11:00 AM', name: 'Zumba', meta: '60 min · Studio A', trainer: 'Trainer Nadia', level: 'all' },
    { time: '4:00 PM', name: 'Strength Lab', meta: '60 min · Weight Floor', trainer: 'Coach Rami', level: 'adv' },
    { time: '6:00 PM', name: 'Spin Cycle', meta: '45 min · Spin Room', trainer: 'Coach Faris', level: 'all' },
    { time: '8:30 PM', name: 'Muay Thai', meta: '60 min · Ring Area', trainer: 'Coach Omar', level: 'inter' },
  ],
  mon: [
    { time: '6:00 AM', name: 'Sunrise Yoga', meta: '60 min · Studio B', trainer: 'Trainer Lama', level: 'all' },
    { time: '8:00 AM', name: 'Power HIIT', meta: '50 min · Studio A', trainer: 'Coach Khalid', level: 'all' },
    { time: '12:00 PM', name: 'Lunchtime Lift', meta: '45 min · Weight Floor', trainer: 'Coach Rami', level: 'inter' },
    { time: '5:00 PM', name: 'Kickboxing', meta: '60 min · Ring Area', trainer: 'Coach Omar', level: 'all' },
    { time: '7:00 PM', name: 'Body Combat', meta: '55 min · Studio A', trainer: 'Trainer Nadia', level: 'inter' },
    { time: '9:00 PM', name: 'Pilates Flow', meta: '45 min · Studio B', trainer: 'Trainer Sara', level: 'all' },
  ],
  tue: [
    { time: '7:00 AM', name: 'Cardio Blast', meta: '50 min · Studio A', trainer: 'Coach Faris', level: 'all' },
    { time: '9:30 AM', name: 'Pilates Core', meta: '45 min · Studio B', trainer: 'Trainer Lama', level: 'all' },
    { time: '11:00 AM', name: 'TRX Training', meta: '50 min · Studio A', trainer: 'Coach Khalid', level: 'inter' },
    { time: '5:30 PM', name: 'CrossFit WOD', meta: '60 min · CF Zone', trainer: 'Coach Rami', level: 'adv' },
    { time: '7:30 PM', name: 'Spin Cycle', meta: '45 min · Spin Room', trainer: 'Coach Faris', level: 'all' },
    { time: '9:00 PM', name: 'Night Yoga', meta: '60 min · Studio B', trainer: 'Trainer Sara', level: 'all' },
  ],
  wed: [
    { time: '6:00 AM', name: 'HIIT Burn', meta: '50 min · Studio A', trainer: 'Coach Khalid', level: 'inter' },
    { time: '8:30 AM', name: 'Stretch &amp; Recover', meta: '45 min · Studio B', trainer: 'Trainer Lama', level: 'all' },
    { time: '10:00 AM', name: 'Zumba', meta: '60 min · Studio A', trainer: 'Trainer Nadia', level: 'all' },
    { time: '4:00 PM', name: 'Boxing Fit', meta: '60 min · Ring Area', trainer: 'Coach Omar', level: 'all' },
    { time: '6:00 PM', name: 'Body Pump', meta: '55 min · Studio A', trainer: 'Trainer Nadia', level: 'inter' },
    { time: '8:00 PM', name: 'Muay Thai', meta: '60 min · Ring Area', trainer: 'Coach Omar', level: 'adv' },
  ],
  thu: [
    { time: '7:00 AM', name: 'Power Yoga', meta: '60 min · Studio B', trainer: 'Trainer Sara', level: 'all' },
    { time: '9:00 AM', name: 'Cardio Circuit', meta: '50 min · Studio A', trainer: 'Coach Faris', level: 'all' },
    { time: '11:00 AM', name: 'Strength Lab', meta: '60 min · Weight Floor', trainer: 'Coach Rami', level: 'adv' },
    { time: '5:00 PM', name: 'Kickboxing', meta: '60 min · Ring Area', trainer: 'Coach Omar', level: 'inter' },
    { time: '7:00 PM', name: 'HIIT &amp; Core', meta: '50 min · Studio A', trainer: 'Coach Khalid', level: 'inter' },
    { time: '9:00 PM', name: 'Restorative Yoga', meta: '60 min · Studio B', trainer: 'Trainer Lama', level: 'all' },
  ],
  fri: [
    { time: '8:00 AM', name: 'Friday HIIT', meta: '60 min · Studio A', trainer: 'Coach Khalid', level: 'all' },
    { time: '10:00 AM', name: 'Family Yoga', meta: '60 min · Studio B', trainer: 'Trainer Sara', level: 'all' },
    { time: '3:00 PM', name: 'Spin Cycle', meta: '45 min · Spin Room', trainer: 'Coach Faris', level: 'all' },
    { time: '5:30 PM', name: 'CrossFit WOD', meta: '60 min · CF Zone', trainer: 'Coach Rami', level: 'adv' },
    { time: '7:30 PM', name: 'Body Combat', meta: '55 min · Studio A', trainer: 'Trainer Nadia', level: 'inter' },
  ],
};

const levelMap = {
  all:   { label: 'All Levels', cls: 'gg-level-all' },
  inter: { label: 'Intermediate', cls: 'gg-level-inter' },
  adv:   { label: 'Advanced', cls: 'gg-level-adv' },
};

function ggRenderSchedule(day) {
  const grid = document.getElementById('gg-schedule-grid');
  const classes = ggSchedule[day] || [];
  grid.innerHTML = classes.map(c => {
    const lv = levelMap[c.level];
    return `
      <div class="gg-schedule-card">
        <div class="gg-schedule-time">${c.time}</div>
        <div class="gg-schedule-class">${c.name}</div>
        <div class="gg-schedule-meta">${c.meta}</div>
        <div class="gg-schedule-footer">
          <span class="gg-schedule-trainer">${c.trainer}</span>
          <span class="gg-schedule-level ${lv.cls}">${lv.label}</span>
        </div>
      </div>`;
  }).join('');
}

function ggSetDay(btn, day) {
  document.querySelectorAll('.gg-tab').forEach(t => t.classList.remove('gg-tab-active'));
  btn.classList.add('gg-tab-active');
  ggRenderSchedule(day);
}

// Form handlers
function ggFormSubmit(e) {
  e.preventDefault();
  const btn = e.target.querySelector('.gg-form-submit');
  const originalText = btn.textContent;
  btn.textContent = '✓ REQUEST SENT — WE\'LL CALL YOU SOON';
  btn.style.background = 'var(--green-accent)';
  btn.style.color = '#fff';
  btn.style.clipPath = 'none';
  e.target.querySelectorAll('input, select').forEach(el => el.disabled = true);
  
  // Reset after 5 seconds
  setTimeout(() => {
    btn.textContent = originalText;
    btn.style.background = '';
    btn.style.color = '';
    btn.style.clipPath = '';
    e.target.querySelectorAll('input, select').forEach(el => el.disabled = false);
    e.target.reset();
  }, 5000);
}

function ggContactSubmit(e) {
  e.preventDefault();
  const btn = e.target.querySelector('button');
  const originalText = btn.textContent;
  btn.textContent = '✓ MESSAGE SENT';
  btn.style.background = 'var(--green-accent)';
  
  setTimeout(() => {
    btn.textContent = originalText;
    btn.style.background = '';
    e.target.reset();
  }, 3000);
}

// FAQ toggle
function ggToggleFaq(element) {
  const item = element.closest('.gg-faq-item');
  item.classList.toggle('gg-faq-open');
}

// Init
ggRenderSchedule('sat');
</script>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-002a802 */.gg-hero h1 .gg-gold { color: var(--gold); }
  .gg-hero h1 .gg-stroke {
    -webkit-text-stroke: 2px var(--gold-light);
    color: transparent;
  }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed804a6 */<!-- 
  Gold's Gym Jeddah - Complete WordPress HTML Block
  Version: 2.0 - Enhanced & Production-Ready
  
  INSTALLATION INSTRUCTIONS:
  1. Copy entire code block
  2. In WordPress, create new page/post
  3. Add "Custom HTML" block
  4. Paste this entire code
  5. Customize colors, text, and images as needed
  
  FEATURES:
  - Responsive design (mobile, tablet, desktop)
  - Hero section with sign-up form
  - Promotions/pricing cards
  - Class schedule with day filtering
  - Facilities showcase
  - Trainer profiles
  - Member testimonials
  - FAQ section
  - Contact information
  - Smooth animations
  - Accessibility optimized
-->

<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow+Condensed:wght@400;600;700&family=Barlow:wght@300;400;500&display=swap" rel="stylesheet">

<style>
  /* ===== CSS VARIABLES ===== */
  :root {
    --gold: #C9A84C;
    --gold-light: #E5C46E;
    --gold-dark: #9B7A2E;
    --black: #0A0A0A;
    --dark: #111111;
    --dark-card: #181818;
    --dark-border: #2A2A2A;
    --white: #F5F0E8;
    --gray: #888880;
    --red-accent: #C0392B;
    --green-accent: #2ecc71;
  }

  * { margin: 0; padding: 0; box-sizing: border-box; }

  .gg-page {
    font-family: 'Barlow', sans-serif;
    background: var(--black);
    color: var(--white);
    overflow-x: hidden;
  }

  /* ===== HERO SECTION ===== */
  .gg-hero {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    background: linear-gradient(135deg, #0A0A0A 0%, #1a1200 50%, #0A0A0A 100%);
    overflow: hidden;
  }

  .gg-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
      radial-gradient(ellipse 80% 60% at 70% 50%, rgba(201,168,76,0.12) 0%, transparent 60%),
      repeating-linear-gradient(
        90deg,
        transparent,
        transparent 80px,
        rgba(201,168,76,0.03) 80px,
        rgba(201,168,76,0.03) 81px
      );
    pointer-events: none;
  }

  .gg-hero-bg-text {
    position: absolute;
    right: -2%;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(120px, 20vw, 280px);
    color: rgba(201,168,76,0.04);
    line-height: 1;
    pointer-events: none;
    user-select: none;
    letter-spacing: -4px;
  }

  .gg-hero-content {
    position: relative;
    z-index: 2;
    max-width: 1280px;
    margin: 0 auto;
    padding: 120px 40px 80px;
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: 60px;
    align-items: center;
    width: 100%;
  }

  .gg-hero-eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
    animation: fadeUp 0.8s ease both;
  }

  .gg-hero-eyebrow span {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 13px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: var(--gold);
    font-weight: 600;
  }

  .gg-eyebrow-line {
    width: 48px;
    height: 1px;
    background: var(--gold);
    display: inline-block;
  }

  .gg-hero h1 {
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(56px, 8vw, 110px);
    line-height: 0.92;
    letter-spacing: 1px;
    color: var(--white);
    animation: fadeUp 0.8s 0.15s ease both;
  }

  .gg-hero h1 .gg-gold { color: var(--gold); }
  .gg-hero h1 .gg-stroke {
    -webkit-text-stroke: 2px var(--gold-light);
    color: transparent;
  }

  .gg-hero-sub {
    font-size: 17px;
    color: var(--gray);
    line-height: 1.7;
    margin-top: 28px;
    max-width: 460px;
    font-weight: 300;
    animation: fadeUp 0.8s 0.3s ease both;
  }

  .gg-hero-cta {
    display: flex;
    gap: 16px;
    margin-top: 40px;
    animation: fadeUp 0.8s 0.45s ease both;
    flex-wrap: wrap;
  }

  .gg-btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: var(--gold);
    color: var(--black);
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 16px 36px;
    text-decoration: none;
    transition: all 0.25s ease;
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 100%, 12px 100%);
    border: none;
    cursor: pointer;
  }

  .gg-btn-primary:hover {
    background: var(--gold-light);
    transform: translateY(-2px);
    box-shadow: 0 12px 40px rgba(201,168,76,0.35);
  }

  .gg-btn-outline {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: 1px solid rgba(201,168,76,0.4);
    color: var(--gold);
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 16px 36px;
    text-decoration: none;
    transition: all 0.25s ease;
    background: transparent;
    cursor: pointer;
  }

  .gg-btn-outline:hover {
    border-color: var(--gold);
    background: rgba(201,168,76,0.08);
  }

  .gg-hero-stats {
    display: flex;
    gap: 40px;
    margin-top: 56px;
    padding-top: 40px;
    border-top: 1px solid var(--dark-border);
    animation: fadeUp 0.8s 0.6s ease both;
  }

  .gg-stat-item { text-align: left; }

  .gg-stat-num {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 42px;
    color: var(--gold);
    line-height: 1;
  }

  .gg-stat-label {
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--gray);
    margin-top: 4px;
  }

  /* ===== HERO FORM ===== */
  .gg-hero-form-wrap {
    animation: fadeUp 0.8s 0.3s ease both;
  }

  .gg-form-card {
    background: rgba(24,24,24,0.95);
    border: 1px solid var(--dark-border);
    padding: 40px 36px;
    position: relative;
    backdrop-filter: blur(12px);
  }

  .gg-form-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--gold-dark), var(--gold), var(--gold-light));
  }

  .gg-form-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 30px;
    letter-spacing: 1px;
    margin-bottom: 6px;
    color: var(--white);
  }

  .gg-form-subtitle {
    font-size: 13px;
    color: var(--gray);
    margin-bottom: 28px;
    letter-spacing: 0.5px;
  }

  .gg-form-group {
    margin-bottom: 16px;
  }

  .gg-form-group label {
    display: block;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 8px;
    font-weight: 600;
  }

  .gg-form-group input,
  .gg-form-group select {
    width: 100%;
    background: rgba(255,255,255,0.04);
    border: 1px solid var(--dark-border);
    color: var(--white);
    font-family: 'Barlow', sans-serif;
    font-size: 14px;
    padding: 13px 16px;
    outline: none;
    transition: border-color 0.2s;
    -webkit-appearance: none;
    appearance: none;
  }

  .gg-form-group input::placeholder { color: rgba(136,136,128,0.6); }

  .gg-form-group input:focus,
  .gg-form-group select:focus {
    border-color: var(--gold);
    background: rgba(201,168,76,0.04);
  }

  .gg-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }

  .gg-form-submit {
    width: 100%;
    background: var(--gold);
    color: var(--black);
    border: none;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 20px;
    letter-spacing: 2px;
    padding: 16px;
    cursor: pointer;
    transition: all 0.25s ease;
    margin-top: 8px;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 100%, 10px 100%);
  }

  .gg-form-submit:hover {
    background: var(--gold-light);
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(201,168,76,0.3);
  }

  .gg-form-note {
    font-size: 11px;
    color: var(--gray);
    text-align: center;
    margin-top: 14px;
    letter-spacing: 0.5px;
  }

  /* ===== SECTION SHARED ===== */
  .gg-section {
    max-width: 1280px;
    margin: 0 auto;
    padding: 100px 40px;
  }

  .gg-section-header {
    margin-bottom: 56px;
  }

  .gg-section-eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
  }

  .gg-section-eyebrow span {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 12px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: var(--gold);
    font-weight: 600;
  }

  .gg-section-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(40px, 5vw, 64px);
    line-height: 1;
    letter-spacing: 1px;
    color: var(--white);
  }

  .gg-section-title .gg-gold { color: var(--gold); }

  .gg-section-desc {
    font-size: 16px;
    color: var(--gray);
    line-height: 1.7;
    max-width: 560px;
    margin-top: 16px;
    font-weight: 300;
  }

  /* ===== PROMOTION SECTION ===== */
  .gg-promo-bg {
    background: linear-gradient(180deg, var(--black) 0%, #0f0c00 50%, var(--black) 100%);
  }

  .gg-promo-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }

  .gg-promo-card {
    position: relative;
    overflow: hidden;
    background: var(--dark-card);
    border: 1px solid var(--dark-border);
    padding: 48px 40px;
    transition: transform 0.3s ease, border-color 0.3s ease;
    cursor: pointer;
  }

  .gg-promo-card:hover {
    transform: translateY(-4px);
    border-color: rgba(201,168,76,0.3);
  }

  .gg-promo-card.gg-promo-featured {
    grid-column: span 2;
    background: linear-gradient(135deg, #1a1200, #111, #0d0900);
    border-color: rgba(201,168,76,0.25);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center;
    padding: 60px 56px;
  }

  .gg-promo-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--gold), transparent);
    opacity: 0;
    transition: opacity 0.3s;
  }

  .gg-promo-card:hover::before { opacity: 1; }

  .gg-promo-badge {
    display: inline-block;
    background: var(--gold);
    color: var(--black);
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    padding: 5px 14px;
    margin-bottom: 20px;
    clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 100%, 6px 100%);
  }

  .gg-promo-badge.gg-badge-red { background: var(--red-accent); color: #fff; }

  .gg-promo-offer {
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(36px, 4vw, 56px);
    line-height: 1;
    color: var(--white);
    margin-bottom: 12px;
  }

  .gg-promo-offer .gg-gold { color: var(--gold); }

  .gg-promo-desc {
    font-size: 15px;
    color: var(--gray);
    line-height: 1.6;
    margin-bottom: 28px;
    font-weight: 300;
  }

  .gg-promo-expiry {
    font-size: 12px;
    letter-spacing: 1px;
    color: rgba(136,136,128,0.7);
    margin-top: 20px;
  }

  .gg-promo-big-num {
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(80px, 12vw, 160px);
    line-height: 0.85;
    color: rgba(201,168,76,0.12);
    position: absolute;
    right: 40px;
    bottom: -10px;
    pointer-events: none;
    user-select: none;
  }

  .gg-promo-features {
    list-style: none;
    margin-bottom: 28px;
  }

  .gg-promo-features li {
    font-size: 15px;
    color: var(--gray);
    padding: 8px 0;
    border-bottom: 1px solid var(--dark-border);
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 300;
  }

  .gg-promo-features li::before {
    content: '✦';
    color: var(--gold);
    font-size: 10px;
    flex-shrink: 0;
  }

  .gg-promo-price {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin-bottom: 8px;
  }

  .gg-price-currency {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 22px;
    color: var(--gold);
    font-weight: 600;
  }

  .gg-price-amount {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 56px;
    color: var(--gold);
    line-height: 1;
  }

  .gg-price-period {
    font-size: 13px;
    color: var(--gray);
    font-weight: 300;
  }

  .gg-price-old {
    font-size: 16px;
    color: var(--gray);
    text-decoration: line-through;
    margin-left: 4px;
    opacity: 0.6;
  }

  /* ===== SCHEDULE SECTION ===== */
  .gg-schedule-bg {
    background: var(--dark);
  }

  .gg-schedule-tabs {
    display: flex;
    gap: 4px;
    margin-bottom: 36px;
    border-bottom: 1px solid var(--dark-border);
    overflow-x: auto;
    scrollbar-width: none;
  }

  .gg-schedule-tabs::-webkit-scrollbar { display: none; }

  .gg-tab {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--gray);
    padding: 14px 24px;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: all 0.2s;
    white-space: nowrap;
    background: none;
    border-top: none;
    border-left: none;
    border-right: none;
  }

  .gg-tab:hover { color: var(--white); }
  .gg-tab.gg-tab-active {
    color: var(--gold);
    border-bottom-color: var(--gold);
  }

  .gg-schedule-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 16px;
  }

  .gg-schedule-card {
    background: var(--dark-card);
    border: 1px solid var(--dark-border);
    padding: 24px 22px;
    position: relative;
    overflow: hidden;
    transition: all 0.25s ease;
  }

  .gg-schedule-card:hover {
    border-color: rgba(201,168,76,0.3);
    transform: translateY(-3px);
  }

  .gg-schedule-card::after {
    content: '';
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 3px;
    background: var(--gold);
    transform: scaleY(0);
    transition: transform 0.25s ease;
    transform-origin: bottom;
  }

  .gg-schedule-card:hover::after { transform: scaleY(1); }

  .gg-schedule-time {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    color: var(--gold);
    margin-bottom: 10px;
  }

  .gg-schedule-class {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 22px;
    letter-spacing: 0.5px;
    color: var(--white);
    margin-bottom: 6px;
    line-height: 1;
  }

  .gg-schedule-meta {
    font-size: 13px;
    color: var(--gray);
    font-weight: 300;
    margin-bottom: 16px;
  }

  .gg-schedule-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .gg-schedule-trainer {
    font-size: 12px;
    color: rgba(136,136,128,0.7);
    letter-spacing: 0.5px;
  }

  .gg-schedule-level {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 3px 10px;
  }

  .gg-level-all { background: rgba(201,168,76,0.15); color: var(--gold); }
  .gg-level-inter { background: rgba(255,165,0,0.12); color: #FFA500; }
  .gg-level-adv { background: rgba(192,57,43,0.15); color: #E74C3C; }

  .gg-schedule-view-all {
    text-align: center;
    margin-top: 40px;
  }

  /* ===== FACILITIES SECTION ===== */
  .gg-facilities-bg {
    background: linear-gradient(180deg, var(--dark) 0%, #0d0900 50%, var(--dark) 100%);
  }

  .gg-facilities-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
  }

  .gg-facility-card {
    background: var(--dark-card);
    border: 1px solid var(--dark-border);
    padding: 32px 28px;
    text-align: center;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
  }

  .gg-facility-card:hover {
    transform: translateY(-6px);
    border-color: rgba(201,168,76,0.3);
  }

  .gg-facility-icon {
    font-size: 48px;
    margin-bottom: 16px;
    display: inline-block;
  }

  .gg-facility-name {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 24px;
    color: var(--white);
    margin-bottom: 12px;
    letter-spacing: 0.5px;
  }

  .gg-facility-desc {
    font-size: 14px;
    color: var(--gray);
    line-height: 1.6;
    font-weight: 300;
  }

  /* ===== TRAINERS SECTION ===== */
  .gg-trainers-bg {
    background: var(--black);
  }

  .gg-trainers-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 32px;
  }

  .gg-trainer-card {
    text-align: center;
    animation: fadeUp 0.6s ease both;
  }

  .gg-trainer-image {
    width: 100%;
    aspect-ratio: 1;
    background: linear-gradient(135deg, rgba(201,168,76,0.1), rgba(201,168,76,0.05));
    border: 2px solid var(--dark-border);
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 64px;
    transition: all 0.3s ease;
  }

  .gg-trainer-card:hover .gg-trainer-image {
    border-color: rgba(201,168,76,0.3);
    background: linear-gradient(135deg, rgba(201,168,76,0.2), rgba(201,168,76,0.1));
  }

  .gg-trainer-name {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 24px;
    color: var(--white);
    margin-bottom: 4px;
    letter-spacing: 0.5px;
  }

  .gg-trainer-specialty {
    font-size: 13px;
    color: var(--gold);
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 12px;
  }

  .gg-trainer-bio {
    font-size: 14px;
    color: var(--gray);
    line-height: 1.6;
    font-weight: 300;
  }

  /* ===== TESTIMONIALS SECTION ===== */
  .gg-testimonials-bg {
    background: linear-gradient(180deg, var(--black) 0%, #0f0c00 50%, var(--black) 100%);
  }

  .gg-testimonials-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 28px;
  }

  .gg-testimonial-card {
    background: var(--dark-card);
    border: 1px solid var(--dark-border);
    padding: 32px;
    position: relative;
    transition: all 0.3s ease;
  }

  .gg-testimonial-card:hover {
    border-color: rgba(201,168,76,0.3);
    transform: translateY(-4px);
  }

  .gg-testimonial-stars {
    color: var(--gold);
    font-size: 14px;
    margin-bottom: 16px;
    letter-spacing: 2px;
  }

  .gg-testimonial-text {
    font-size: 15px;
    color: var(--gray);
    line-height: 1.8;
    margin-bottom: 20px;
    font-weight: 300;
    font-style: italic;
  }

  .gg-testimonial-author {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 16px;
    color: var(--white);
    letter-spacing: 0.5px;
  }

  .gg-testimonial-role {
    font-size: 12px;
    color: var(--gold);
    margin-top: 4px;
    letter-spacing: 1px;
    text-transform: uppercase;
  }

  /* ===== FAQ SECTION ===== */
  .gg-faq-bg {
    background: var(--dark);
  }

  .gg-faq-container {
    max-width: 800px;
    margin: 0 auto;
  }

  .gg-faq-item {
    border-bottom: 1px solid var(--dark-border);
    padding: 24px 0;
  }

  .gg-faq-item:first-child {
    padding-top: 0;
  }

  .gg-faq-question {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 18px;
    color: var(--white);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: color 0.2s;
    letter-spacing: 0.5px;
  }

  .gg-faq-question:hover {
    color: var(--gold);
  }

  .gg-faq-toggle {
    font-size: 24px;
    color: var(--gold);
    transition: transform 0.3s ease;
    flex-shrink: 0;
  }

  .gg-faq-item.gg-faq-open .gg-faq-toggle {
    transform: rotate(180deg);
  }

  .gg-faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    margin-top: 0;
  }

  .gg-faq-item.gg-faq-open .gg-faq-answer {
    max-height: 500px;
    margin-top: 16px;
  }

  .gg-faq-answer-text {
    font-size: 15px;
    color: var(--gray);
    line-height: 1.8;
    font-weight: 300;
  }

  /* ===== CONTACT SECTION ===== */
  .gg-contact-bg {
    background: linear-gradient(135deg, #1a1200, #111, #0d0900);
  }

  .gg-contact-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: start;
  }

  .gg-contact-info {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }

  .gg-contact-item {
    display: flex;
    gap: 20px;
  }

  .gg-contact-icon {
    font-size: 32px;
    color: var(--gold);
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .gg-contact-content h3 {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 18px;
    color: var(--white);
    margin-bottom: 6px;
    letter-spacing: 0.5px;
  }

  .gg-contact-content p {
    font-size: 15px;
    color: var(--gray);
    line-height: 1.6;
    font-weight: 300;
  }

  .gg-contact-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .gg-contact-form input,
  .gg-contact-form textarea {
    background: rgba(255,255,255,0.04);
    border: 1px solid var(--dark-border);
    color: var(--white);
    font-family: 'Barlow', sans-serif;
    font-size: 14px;
    padding: 13px 16px;
    outline: none;
    transition: border-color 0.2s;
  }

  .gg-contact-form input::placeholder,
  .gg-contact-form textarea::placeholder {
    color: rgba(136,136,128,0.6);
  }

  .gg-contact-form input:focus,
  .gg-contact-form textarea:focus {
    border-color: var(--gold);
    background: rgba(201,168,76,0.04);
  }

  .gg-contact-form textarea {
    resize: vertical;
    min-height: 120px;
  }

  /* ===== DIVIDER ===== */
  .gg-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--dark-border) 20%, var(--dark-border) 80%, transparent);
    margin: 0;
  }

  /* ===== ANIMATIONS ===== */
  @keyframes fadeUp {
    from { opacity: 0; transform: translateY(24px); }
    to   { opacity: 1; transform: translateY(0); }
  }

  @keyframes slideIn {
    from { opacity: 0; transform: translateX(-20px); }
    to   { opacity: 1; transform: translateX(0); }
  }

  /* ===== RESPONSIVE ===== */
  @media (max-width: 960px) {
    .gg-hero-content { grid-template-columns: 1fr; gap: 48px; padding: 100px 24px 60px; }
    .gg-hero h1 { font-size: clamp(48px, 12vw, 80px); }
    .gg-promo-grid { grid-template-columns: 1fr; }
    .gg-promo-card.gg-promo-featured { grid-column: span 1; grid-template-columns: 1fr; padding: 40px 32px; }
    .gg-contact-grid { grid-template-columns: 1fr; gap: 40px; }
    .gg-section { padding: 64px 24px; }
    .gg-hero-stats { gap: 24px; }
  }

  @media (max-width: 600px) {
    .gg-form-row { grid-template-columns: 1fr; }
    .gg-hero-cta { flex-direction: column; }
    .gg-btn-primary, .gg-btn-outline { text-align: center; justify-content: center; width: 100%; }
    .gg-hero-stats { flex-wrap: wrap; gap: 20px; }
    .gg-schedule-grid { grid-template-columns: 1fr; }
    .gg-facilities-grid { grid-template-columns: 1fr; }
    .gg-trainers-grid { grid-template-columns: 1fr; }
    .gg-testimonials-grid { grid-template-columns: 1fr; }
    .gg-contact-item { gap: 16px; }
  }
</style>

<div class="gg-page">

  <!-- ===== HERO SECTION ===== -->
  <section class="gg-hero">
    <div class="gg-hero-bg-text">GG</div>
    <div class="gg-hero-content">

      <!-- Left: Copy -->
      <div class="gg-hero-left">
        <div class="gg-hero-eyebrow">
          <span class="gg-eyebrow-line"></span>
          <span>Gold's Gym · Jeddah · KSA</span>
        </div>
        <h1>
          FORGE YOUR<br>
          <span class="gg-gold">LEGEND</span><br>
          <span class="gg-stroke">HERE</span>
        </h1>
        <p class="gg-hero-sub">
          Jeddah's ultimate fitness destination. World-class equipment, elite trainers, and a community that pushes you beyond your limits — every single day.
        </p>
        <div class="gg-hero-cta">
          <a href="#gg-promo" class="gg-btn-primary">
            View Memberships &#9656;
          </a>
          <a href="#gg-schedule" class="gg-btn-outline">
            Class Schedule
          </a>
        </div>
        <div class="gg-hero-stats">
          <div class="gg-stat-item">
            <div class="gg-stat-num">5K+</div>
            <div class="gg-stat-label">Members</div>
          </div>
          <div class="gg-stat-item">
            <div class="gg-stat-num">40+</div>
            <div class="gg-stat-label">Classes / Week</div>
          </div>
          <div class="gg-stat-item">
            <div class="gg-stat-num">20+</div>
            <div class="gg-stat-label">Elite Trainers</div>
          </div>
          <div class="gg-stat-item">
            <div class="gg-stat-num">24/7</div>
            <div class="gg-stat-label">Open</div>
          </div>
        </div>
      </div>

      <!-- Right: Sign-Up Form -->
      <div class="gg-hero-form-wrap">
        <div class="gg-form-card">
          <div class="gg-form-title">Start Today — Free Trial</div>
          <div class="gg-form-subtitle">Get your first session on us. No commitment.</div>

          <form onsubmit="ggFormSubmit(event)" id="gg-hero-form">
            <div class="gg-form-row">
              <div class="gg-form-group">
                <label for="gg-fname">First Name</label>
                <input type="text" id="gg-fname" placeholder="Ahmed" required>
              </div>
              <div class="gg-form-group">
                <label for="gg-lname">Last Name</label>
                <input type="text" id="gg-lname" placeholder="Al-Harbi" required>
              </div>
            </div>
            <div class="gg-form-group">
              <label for="gg-phone">Phone Number</label>
              <input type="tel" id="gg-phone" placeholder="+966 5X XXX XXXX" required>
            </div>
            <div class="gg-form-group">
              <label for="gg-email">Email Address</label>
              <input type="email" id="gg-email" placeholder="ahmed@email.com" required>
            </div>
            <div class="gg-form-group">
              <label for="gg-goal">Your Goal</label>
              <select id="gg-goal" required>
                <option value="" disabled selected>Select your fitness goal</option>
                <option>Build Muscle &amp; Strength</option>
                <option>Weight Loss</option>
                <option>Cardio &amp; Endurance</option>
                <option>General Fitness</option>
                <option>Sport-Specific Training</option>
              </select>
            </div>
            <button type="submit" class="gg-form-submit">CLAIM FREE TRIAL &#9656;</button>
          </form>
          <p class="gg-form-note">&#128274; Your info is secure. No spam, ever.</p>
        </div>
      </div>

    </div>
  </section>

  <div class="gg-divider"></div>

  <!-- ===== PROMOTIONS SECTION ===== -->
  <section class="gg-promo-bg" id="gg-promo">
    <div class="gg-section">
      <div class="gg-section-header">
        <div class="gg-section-eyebrow">
          <span class="gg-eyebrow-line"></span>
          <span>Exclusive Offers</span>
        </div>
        <h2 class="gg-section-title">CURRENT <span class="gg-gold">PROMOTIONS</span></h2>
        <p class="gg-section-desc">
          Special membership deals crafted exclusively for Jeddah members. Limited time — act fast.
        </p>
      </div>

      <div class="gg-promo-grid">

        <!-- Featured Promo -->
        <div class="gg-promo-card gg-promo-featured">
          <div>
            <div class="gg-promo-badge gg-badge-red">Best Value &#9733;</div>
            <div class="gg-promo-offer">ANNUAL <span class="gg-gold">ELITE</span><br>MEMBERSHIP</div>
            <ul class="gg-promo-features">
              <li>Unlimited gym access — all branches</li>
              <li>2 personal training sessions / month</li>
              <li>Full group class access</li>
              <li>Nutrition consultation included</li>
              <li>Guest passes (4 per year)</li>
            </ul>
          </div>
          <div>
            <div class="gg-promo-price">
              <span class="gg-price-currency">SAR</span>
              <span class="gg-price-amount">2,999</span>
              <span class="gg-price-period">/ year <span class="gg-price-old">4,200</span></span>
            </div>
            <p class="gg-promo-desc">Save 29% — Pay once, train all year. Biggest savings we've ever offered.</p>
            <a href="#gg-contact" class="gg-btn-primary">Claim This Deal &#9656;</a>
            <p class="gg-promo-expiry">&#128336; Limited time offer</p>
          </div>
        </div>

        <!-- Summer Promo -->
        <div class="gg-promo-card">
          <div class="gg-promo-badge">Summer Special</div>
          <div class="gg-promo-offer">3-MONTH<br><span class="gg-gold">BLITZ</span></div>
          <div class="gg-promo-price" style="margin-top:12px">
            <span class="gg-price-currency">SAR</span>
            <span class="gg-price-amount">599</span>
            <span class="gg-price-period">/ 3 months</span>
          </div>
          <p class="gg-promo-desc">Unlimited access + 1 free PT session. Perfect summer kickstart.</p>
          <a href="#gg-contact" class="gg-btn-outline">Get Started &#9656;</a>
          <div class="gg-promo-big-num">3M</div>
          <p class="gg-promo-expiry">&#128336; Ends 31 Aug 2026</p>
        </div>

        <!-- Student Promo -->
        <div class="gg-promo-card">
          <div class="gg-promo-badge" style="background:rgba(201,168,76,0.15);color:var(--gold);clip-path:none;">Student Offer</div>
          <div class="gg-promo-offer">STUDENT<br><span class="gg-gold">RATE</span></div>
          <div class="gg-promo-price" style="margin-top:12px">
            <span class="gg-price-currency">SAR</span>
            <span class="gg-price-amount">149</span>
            <span class="gg-price-period">/ month</span>
          </div>
          <p class="gg-promo-desc">Valid student ID required. Full gym access — no compromise on quality.</p>
          <a href="#gg-contact" class="gg-btn-outline">Apply Now &#9656;</a>
          <div class="gg-promo-big-num">&#127891;</div>
          <p class="gg-promo-expiry">&#128336; Ongoing — verify each semester</p>
        </div>

      </div>
    </div>
  </section>

  <div class="gg-divider"></div>

  <!-- ===== SCHEDULE SECTION ===== -->
  <section class="gg-schedule-bg" id="gg-schedule">
    <div class="gg-section">
      <div class="gg-section-header">
        <div class="gg-section-eyebrow">
          <span class="gg-eyebrow-line"></span>
          <span>Weekly Programme</span>
        </div>
        <h2 class="gg-section-title">CLASS <span class="gg-gold">SCHEDULE</span></h2>
        <p class="gg-section-desc">
          Over 40 group classes per week — from sunrise HIIT to late-night yoga. Find your session.
        </p>
      </div>

      <!-- Day Tabs -->
      <div class="gg-schedule-tabs" id="gg-schedule-tabs">
        <button class="gg-tab gg-tab-active" onclick="ggSetDay(this, 'sat')">Saturday</button>
        <button class="gg-tab" onclick="ggSetDay(this, 'sun')">Sunday</button>
        <button class="gg-tab" onclick="ggSetDay(this, 'mon')">Monday</button>
        <button class="gg-tab" onclick="ggSetDay(this, 'tue')">Tuesday</button>
        <button class="gg-tab" onclick="ggSetDay(this, 'wed')">Wednesday</button>
        <button class="gg-tab" onclick="ggSetDay(this, 'thu')">Thursday</button>
        <button class="gg-tab" onclick="ggSetDay(this, 'fri')">Friday</button>
      </div>

      <!-- Schedule Cards -->
      <div class="gg-schedule-grid" id="gg-schedule-grid">
        <!-- Populated by JS -->
      </div>

      <div class="gg-schedule-view-all">
        <a href="#gg-contact" class="gg-btn-outline">Join a Class &#9656;</a>
      </div>
    </div>
  </section>

  <div class="gg-divider"></div>

  <!-- ===== FACILITIES SECTION ===== -->
  <section class="gg-facilities-bg">
    <div class="gg-section">
      <div class="gg-section-header">
        <div class="gg-section-eyebrow">
          <span class="gg-eyebrow-line"></span>
          <span>World-Class Equipment</span>
        </div>
        <h2 class="gg-section-title">OUR <span class="gg-gold">FACILITIES</span></h2>
        <p class="gg-section-desc">
          State-of-the-art equipment and specialized training zones designed for every fitness level.
        </p>
      </div>

      <div class="gg-facilities-grid">
        <div class="gg-facility-card">
          <div class="gg-facility-icon">🏋️</div>
          <div class="gg-facility-name">Weight Training</div>
          <p class="gg-facility-desc">Complete free weight and machine selection for strength building and muscle development.</p>
        </div>
        <div class="gg-facility-card">
          <div class="gg-facility-icon">🚴</div>
          <div class="gg-facility-name">Cardio Zone</div>
          <p class="gg-facility-desc">Latest treadmills, ellipticals, and stationary bikes with personal entertainment systems.</p>
        </div>
        <div class="gg-facility-card">
          <div class="gg-facility-icon">🥊</div>
          <div class="gg-facility-name">Combat Arena</div>
          <p class="gg-facility-desc">Dedicated boxing, kickboxing, and martial arts training area with professional equipment.</p>
        </div>
        <div class="gg-facility-card">
          <div class="gg-facility-icon">🧘</div>
          <div class="gg-facility-name">Yoga & Pilates</div>
          <p class="gg-facility-desc">Spacious studios with mirrors, sound systems, and climate control for flexibility training.</p>
        </div>
        <div class="gg-facility-card">
          <div class="gg-facility-icon">🏊</div>
          <div class="gg-facility-name">Recovery Zone</div>
          <p class="gg-facility-desc">Sauna, steam room, and stretching area for post-workout recovery and relaxation.</p>
        </div>
        <div class="gg-facility-card">
          <div class="gg-facility-icon">💪</div>
          <div class="gg-facility-name">CrossFit Box</div>
          <p class="gg-facility-desc">Specialized functional training area with Olympic lifting platforms and rig systems.</p>
        </div>
      </div>
    </div>
  </section>

  <div class="gg-divider"></div>

  <!-- ===== TRAINERS SECTION ===== -->
  <section class="gg-trainers-bg">
    <div class="gg-section">
      <div class="gg-section-header">
        <div class="gg-section-eyebrow">
          <span class="gg-eyebrow-line"></span>
          <span>Expert Guidance</span>
        </div>
        <h2 class="gg-section-title">MEET OUR <span class="gg-gold">ELITE TRAINERS</span></h2>
        <p class="gg-section-desc">
          Certified professionals dedicated to transforming your fitness journey with personalized coaching.
        </p>
      </div>

      <div class="gg-trainers-grid">
        <div class="gg-trainer-card">
          <div class="gg-trainer-image">👨‍🏫</div>
          <div class="gg-trainer-name">Coach Khalid</div>
          <div class="gg-trainer-specialty">HIIT & Strength</div>
          <p class="gg-trainer-bio">15+ years experience. Specializes in high-intensity interval training and functional strength development.</p>
        </div>
        <div class="gg-trainer-card">
          <div class="gg-trainer-image">👩‍🏫</div>
          <div class="gg-trainer-name">Trainer Sara</div>
          <div class="gg-trainer-specialty">Yoga & Flexibility</div>
          <p class="gg-trainer-bio">Certified yoga instructor with expertise in flexibility training and mind-body wellness.</p>
        </div>
        <div class="gg-trainer-card">
          <div class="gg-trainer-image">👨‍🏫</div>
          <div class="gg-trainer-name">Coach Rami</div>
          <div class="gg-trainer-specialty">CrossFit & Olympic</div>
          <p class="gg-trainer-bio">CrossFit Level 2 certified. Expert in Olympic lifting and functional fitness programming.</p>
        </div>
        <div class="gg-trainer-card">
          <div class="gg-trainer-image">👩‍🏫</div>
          <div class="gg-trainer-name">Trainer Nadia</div>
          <div class="gg-trainer-specialty">Group Classes</div>
          <p class="gg-trainer-bio">Dynamic group fitness instructor specializing in body pump, zumba, and dance cardio.</p>
        </div>
      </div>
    </div>
  </section>

  <div class="gg-divider"></div>

  <!-- ===== TESTIMONIALS SECTION ===== -->
  <section class="gg-testimonials-bg">
    <div class="gg-section">
      <div class="gg-section-header">
        <div class="gg-section-eyebrow">
          <span class="gg-eyebrow-line"></span>
          <span>Member Success Stories</span>
        </div>
        <h2 class="gg-section-title">REAL <span class="gg-gold">TRANSFORMATIONS</span></h2>
        <p class="gg-section-desc">
          Hear from our members about their fitness journey and achievements at Gold's Gym.
        </p>
      </div>

      <div class="gg-testimonials-grid">
        <div class="gg-testimonial-card">
          <div class="gg-testimonial-stars">★★★★★</div>
          <p class="gg-testimonial-text">"Gold's Gym changed my life. The trainers are incredibly supportive and the facilities are top-notch. I've never felt more motivated to achieve my fitness goals."</p>
          <div class="gg-testimonial-author">Mohammed Al-Dosari</div>
          <div class="gg-testimonial-role">Member since 2023</div>
        </div>
        <div class="gg-testimonial-card">
          <div class="gg-testimonial-stars">★★★★★</div>
          <p class="gg-testimonial-text">"The variety of classes is amazing. From HIIT to yoga, there's something for everyone. The community here is welcoming and inspiring. Highly recommend!"</p>
          <div class="gg-testimonial-author">Fatima Al-Otaibi</div>
          <div class="gg-testimonial-role">Member since 2022</div>
        </div>
        <div class="gg-testimonial-card">
          <div class="gg-testimonial-stars">★★★★★</div>
          <p class="gg-testimonial-text">"Best gym in Jeddah. The equipment is always clean and well-maintained. Coach Khalid's training sessions have helped me build serious strength. Worth every riyal!"</p>
          <div class="gg-testimonial-author">Ahmed Al-Harbi</div>
          <div class="gg-testimonial-role">Member since 2021</div>
        </div>
      </div>
    </div>
  </section>

  <div class="gg-divider"></div>

  <!-- ===== FAQ SECTION ===== -->
  <section class="gg-faq-bg">
    <div class="gg-section">
      <div class="gg-section-header">
        <div class="gg-section-eyebrow">
          <span class="gg-eyebrow-line"></span>
          <span>Common Questions</span>
        </div>
        <h2 class="gg-section-title">FREQUENTLY ASKED <span class="gg-gold">QUESTIONS</span></h2>
      </div>

      <div class="gg-faq-container">
        <div class="gg-faq-item">
          <div class="gg-faq-question" onclick="ggToggleFaq(this)">
            <span>What are your membership options?</span>
            <span class="gg-faq-toggle">▼</span>
          </div>
          <div class="gg-faq-answer">
            <p class="gg-faq-answer-text">We offer flexible membership plans including monthly, quarterly, and annual options. Each membership includes access to all facilities, group classes, and member benefits. We also have student discounts and corporate packages available.</p>
          </div>
        </div>

        <div class="gg-faq-item">
          <div class="gg-faq-question" onclick="ggToggleFaq(this)">
            <span>Do you offer personal training sessions?</span>
            <span class="gg-faq-toggle">▼</span>
          </div>
          <div class="gg-faq-answer">
            <p class="gg-faq-answer-text">Yes! Our certified trainers offer personalized one-on-one and small group training sessions. Sessions can be customized to your fitness level and goals. Contact us for pricing and availability.</p>
          </div>
        </div>

        <div class="gg-faq-item">
          <div class="gg-faq-question" onclick="ggToggleFaq(this)">
            <span>What are your operating hours?</span>
            <span class="gg-faq-toggle">▼</span>
          </div>
          <div class="gg-faq-answer">
            <p class="gg-faq-answer-text">Gold's Gym Jeddah is open 24/7 for all members. We have staff on-site during peak hours (6 AM - 10 PM) and automated access outside these times. Our group classes run throughout the day with multiple time slots.</p>
          </div>
        </div>

        <div class="gg-faq-item">
          <div class="gg-faq-question" onclick="ggToggleFaq(this)">
            <span>Do you have a free trial or introductory offer?</span>
            <span class="gg-faq-toggle">▼</span>
          </div>
          <div class="gg-faq-answer">
            <p class="gg-faq-answer-text">Absolutely! New members get a free trial session to experience our facilities and meet our trainers. Sign up through our form above or contact us directly to schedule your free session.</p>
          </div>
        </div>

        <div class="gg-faq-item">
          <div class="gg-faq-question" onclick="ggToggleFaq(this)">
            <span>What facilities and amenities are included?</span>
            <span class="gg-faq-toggle">▼</span>
          </div>
          <div class="gg-faq-answer">
            <p class="gg-faq-answer-text">All memberships include access to our weight training area, cardio zone, group fitness studios, combat arena, CrossFit box, and recovery facilities (sauna, steam room). Premium memberships include additional perks like nutrition consultations and guest passes.</p>
          </div>
        </div>

        <div class="gg-faq-item">
          <div class="gg-faq-question" onclick="ggToggleFaq(this)">
            <span>Can I cancel my membership anytime?</span>
            <span class="gg-faq-toggle">▼</span>
          </div>
          <div class="gg-faq-answer">
            <p class="gg-faq-answer-text">Yes, we offer flexible cancellation policies. Monthly memberships can be cancelled with 30 days notice. For longer-term commitments, please review your membership agreement or contact our team for specific terms.</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <div class="gg-divider"></div>

  <!-- ===== CONTACT SECTION ===== -->
  <section class="gg-contact-bg" id="gg-contact">
    <div class="gg-section">
      <div class="gg-section-header">
        <div class="gg-section-eyebrow">
          <span class="gg-eyebrow-line"></span>
          <span>Get In Touch</span>
        </div>
        <h2 class="gg-section-title">CONTACT <span class="gg-gold">GOLD'S GYM</span></h2>
      </div>

      <div class="gg-contact-grid">
        <div class="gg-contact-info">
          <div class="gg-contact-item">
            <div class="gg-contact-icon">📍</div>
            <div class="gg-contact-content">
              <h3>Location</h3>
              <p>Prince Sultan Road, Jeddah 23432<br>Saudi Arabia</p>
            </div>
          </div>

          <div class="gg-contact-item">
            <div class="gg-contact-icon">📞</div>
            <div class="gg-contact-content">
              <h3>Phone</h3>
              <p><a href="tel:+966123456789" style="color: var(--gold); text-decoration: none;">+966 (12) 345-6789</a></p>
            </div>
          </div>

          <div class="gg-contact-item">
            <div class="gg-contact-icon">✉️</div>
            <div class="gg-contact-content">
              <h3>Email</h3>
              <p><a href="mailto:info@goldsgym-jeddah.com" style="color: var(--gold); text-decoration: none;">info@goldsgym-jeddah.com</a></p>
            </div>
          </div>

          <div class="gg-contact-item">
            <div class="gg-contact-icon">🕐</div>
            <div class="gg-contact-content">
              <h3>Hours</h3>
              <p>Open 24/7 for Members<br>Staff Available: 6 AM - 10 PM</p>
            </div>
          </div>
        </div>

        <div>
          <form class="gg-contact-form" onsubmit="ggContactSubmit(event)">
            <input type="text" placeholder="Your Name" required>
            <input type="email" placeholder="Your Email" required>
            <input type="tel" placeholder="Your Phone" required>
            <textarea placeholder="Your Message" required></textarea>
            <button type="submit" class="gg-btn-primary" style="width: 100%; justify-content: center;">Send Message &#9656;</button>
          </form>
        </div>
      </div>
    </div>
  </section>

</div><!-- end .gg-page -->

<script>
// ===== SCHEDULE DATA =====
const ggSchedule = {
  sat: [
    { time: '6:00 AM', name: 'Power HIIT', meta: '50 min · Studio A', trainer: 'Coach Khalid', level: 'all' },
    { time: '8:00 AM', name: 'Yoga Flow', meta: '60 min · Studio B', trainer: 'Trainer Sara', level: 'all' },
    { time: '10:00 AM', name: 'Spin Cycle', meta: '45 min · Spin Room', trainer: 'Coach Faris', level: 'inter' },
    { time: '12:00 PM', name: 'Boxing Fit', meta: '60 min · Ring Area', trainer: 'Coach Omar', level: 'all' },
    { time: '5:00 PM', name: 'Body Pump', meta: '55 min · Studio A', trainer: 'Trainer Nadia', level: 'inter' },
    { time: '7:00 PM', name: 'CrossFit WOD', meta: '60 min · CF Zone', trainer: 'Coach Rami', level: 'adv' },
    { time: '9:00 PM', name: 'Pilates Core', meta: '45 min · Studio B', trainer: 'Trainer Lama', level: 'all' },
  ],
  sun: [
    { time: '7:00 AM', name: 'Morning Stretch', meta: '45 min · Studio B', trainer: 'Trainer Sara', level: 'all' },
    { time: '9:00 AM', name: 'HIIT Burn', meta: '50 min · Studio A', trainer: 'Coach Khalid', level: 'inter' },
    { time: '11:00 AM', name: 'Zumba', meta: '60 min · Studio A', trainer: 'Trainer Nadia', level: 'all' },
    { time: '4:00 PM', name: 'Strength Lab', meta: '60 min · Weight Floor', trainer: 'Coach Rami', level: 'adv' },
    { time: '6:00 PM', name: 'Spin Cycle', meta: '45 min · Spin Room', trainer: 'Coach Faris', level: 'all' },
    { time: '8:30 PM', name: 'Muay Thai', meta: '60 min · Ring Area', trainer: 'Coach Omar', level: 'inter' },
  ],
  mon: [
    { time: '6:00 AM', name: 'Sunrise Yoga', meta: '60 min · Studio B', trainer: 'Trainer Lama', level: 'all' },
    { time: '8:00 AM', name: 'Power HIIT', meta: '50 min · Studio A', trainer: 'Coach Khalid', level: 'all' },
    { time: '12:00 PM', name: 'Lunchtime Lift', meta: '45 min · Weight Floor', trainer: 'Coach Rami', level: 'inter' },
    { time: '5:00 PM', name: 'Kickboxing', meta: '60 min · Ring Area', trainer: 'Coach Omar', level: 'all' },
    { time: '7:00 PM', name: 'Body Combat', meta: '55 min · Studio A', trainer: 'Trainer Nadia', level: 'inter' },
    { time: '9:00 PM', name: 'Pilates Flow', meta: '45 min · Studio B', trainer: 'Trainer Sara', level: 'all' },
  ],
  tue: [
    { time: '7:00 AM', name: 'Cardio Blast', meta: '50 min · Studio A', trainer: 'Coach Faris', level: 'all' },
    { time: '9:30 AM', name: 'Pilates Core', meta: '45 min · Studio B', trainer: 'Trainer Lama', level: 'all' },
    { time: '11:00 AM', name: 'TRX Training', meta: '50 min · Studio A', trainer: 'Coach Khalid', level: 'inter' },
    { time: '5:30 PM', name: 'CrossFit WOD', meta: '60 min · CF Zone', trainer: 'Coach Rami', level: 'adv' },
    { time: '7:30 PM', name: 'Spin Cycle', meta: '45 min · Spin Room', trainer: 'Coach Faris', level: 'all' },
    { time: '9:00 PM', name: 'Night Yoga', meta: '60 min · Studio B', trainer: 'Trainer Sara', level: 'all' },
  ],
  wed: [
    { time: '6:00 AM', name: 'HIIT Burn', meta: '50 min · Studio A', trainer: 'Coach Khalid', level: 'inter' },
    { time: '8:30 AM', name: 'Stretch &amp; Recover', meta: '45 min · Studio B', trainer: 'Trainer Lama', level: 'all' },
    { time: '10:00 AM', name: 'Zumba', meta: '60 min · Studio A', trainer: 'Trainer Nadia', level: 'all' },
    { time: '4:00 PM', name: 'Boxing Fit', meta: '60 min · Ring Area', trainer: 'Coach Omar', level: 'all' },
    { time: '6:00 PM', name: 'Body Pump', meta: '55 min · Studio A', trainer: 'Trainer Nadia', level: 'inter' },
    { time: '8:00 PM', name: 'Muay Thai', meta: '60 min · Ring Area', trainer: 'Coach Omar', level: 'adv' },
  ],
  thu: [
    { time: '7:00 AM', name: 'Power Yoga', meta: '60 min · Studio B', trainer: 'Trainer Sara', level: 'all' },
    { time: '9:00 AM', name: 'Cardio Circuit', meta: '50 min · Studio A', trainer: 'Coach Faris', level: 'all' },
    { time: '11:00 AM', name: 'Strength Lab', meta: '60 min · Weight Floor', trainer: 'Coach Rami', level: 'adv' },
    { time: '5:00 PM', name: 'Kickboxing', meta: '60 min · Ring Area', trainer: 'Coach Omar', level: 'inter' },
    { time: '7:00 PM', name: 'HIIT &amp; Core', meta: '50 min · Studio A', trainer: 'Coach Khalid', level: 'inter' },
    { time: '9:00 PM', name: 'Restorative Yoga', meta: '60 min · Studio B', trainer: 'Trainer Lama', level: 'all' },
  ],
  fri: [
    { time: '8:00 AM', name: 'Friday HIIT', meta: '60 min · Studio A', trainer: 'Coach Khalid', level: 'all' },
    { time: '10:00 AM', name: 'Family Yoga', meta: '60 min · Studio B', trainer: 'Trainer Sara', level: 'all' },
    { time: '3:00 PM', name: 'Spin Cycle', meta: '45 min · Spin Room', trainer: 'Coach Faris', level: 'all' },
    { time: '5:30 PM', name: 'CrossFit WOD', meta: '60 min · CF Zone', trainer: 'Coach Rami', level: 'adv' },
    { time: '7:30 PM', name: 'Body Combat', meta: '55 min · Studio A', trainer: 'Trainer Nadia', level: 'inter' },
  ],
};

const levelMap = {
  all:   { label: 'All Levels', cls: 'gg-level-all' },
  inter: { label: 'Intermediate', cls: 'gg-level-inter' },
  adv:   { label: 'Advanced', cls: 'gg-level-adv' },
};

function ggRenderSchedule(day) {
  const grid = document.getElementById('gg-schedule-grid');
  const classes = ggSchedule[day] || [];
  grid.innerHTML = classes.map(c => {
    const lv = levelMap[c.level];
    return `
      <div class="gg-schedule-card">
        <div class="gg-schedule-time">${c.time}</div>
        <div class="gg-schedule-class">${c.name}</div>
        <div class="gg-schedule-meta">${c.meta}</div>
        <div class="gg-schedule-footer">
          <span class="gg-schedule-trainer">${c.trainer}</span>
          <span class="gg-schedule-level ${lv.cls}">${lv.label}</span>
        </div>
      </div>`;
  }).join('');
}

function ggSetDay(btn, day) {
  document.querySelectorAll('.gg-tab').forEach(t => t.classList.remove('gg-tab-active'));
  btn.classList.add('gg-tab-active');
  ggRenderSchedule(day);
}

// Form handlers
function ggFormSubmit(e) {
  e.preventDefault();
  const btn = e.target.querySelector('.gg-form-submit');
  const originalText = btn.textContent;
  btn.textContent = '✓ REQUEST SENT — WE\'LL CALL YOU SOON';
  btn.style.background = 'var(--green-accent)';
  btn.style.color = '#fff';
  btn.style.clipPath = 'none';
  e.target.querySelectorAll('input, select').forEach(el => el.disabled = true);
  
  // Reset after 5 seconds
  setTimeout(() => {
    btn.textContent = originalText;
    btn.style.background = '';
    btn.style.color = '';
    btn.style.clipPath = '';
    e.target.querySelectorAll('input, select').forEach(el => el.disabled = false);
    e.target.reset();
  }, 5000);
}

function ggContactSubmit(e) {
  e.preventDefault();
  const btn = e.target.querySelector('button');
  const originalText = btn.textContent;
  btn.textContent = '✓ MESSAGE SENT';
  btn.style.background = 'var(--green-accent)';
  
  setTimeout(() => {
    btn.textContent = originalText;
    btn.style.background = '';
    e.target.reset();
  }, 3000);
}

// FAQ toggle
function ggToggleFaq(element) {
  const item = element.closest('.gg-faq-item');
  item.classList.toggle('gg-faq-open');
}

// Init
ggRenderSchedule('sat');
</script>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-584d67f */<!-- 
  Gold's Gym Jeddah - Complete WordPress HTML Block
  Version: 2.0 - Enhanced & Production-Ready
  
  INSTALLATION INSTRUCTIONS:
  1. Copy entire code block
  2. In WordPress, create new page/post
  3. Add "Custom HTML" block
  4. Paste this entire code
  5. Customize colors, text, and images as needed
  
  FEATURES:
  - Responsive design (mobile, tablet, desktop)
  - Hero section with sign-up form
  - Promotions/pricing cards
  - Class schedule with day filtering
  - Facilities showcase
  - Trainer profiles
  - Member testimonials
  - FAQ section
  - Contact information
  - Smooth animations
  - Accessibility optimized
-->

<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow+Condensed:wght@400;600;700&family=Barlow:wght@300;400;500&display=swap" rel="stylesheet">

<style>
  /* ===== CSS VARIABLES ===== */
  :root {
    --gold: #C9A84C;
    --gold-light: #E5C46E;
    --gold-dark: #9B7A2E;
    --black: #0A0A0A;
    --dark: #111111;
    --dark-card: #181818;
    --dark-border: #2A2A2A;
    --white: #F5F0E8;
    --gray: #888880;
    --red-accent: #C0392B;
    --green-accent: #2ecc71;
  }

  * { margin: 0; padding: 0; box-sizing: border-box; }

  .gg-page {
    font-family: 'Barlow', sans-serif;
    background: var(--black);
    color: var(--white);
    overflow-x: hidden;
  }

  /* ===== HERO SECTION ===== */
  .gg-hero {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    background: linear-gradient(135deg, #0A0A0A 0%, #1a1200 50%, #0A0A0A 100%);
    overflow: hidden;
  }

  .gg-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
      radial-gradient(ellipse 80% 60% at 70% 50%, rgba(201,168,76,0.12) 0%, transparent 60%),
      repeating-linear-gradient(
        90deg,
        transparent,
        transparent 80px,
        rgba(201,168,76,0.03) 80px,
        rgba(201,168,76,0.03) 81px
      );
    pointer-events: none;
  }

  .gg-hero-bg-text {
    position: absolute;
    right: -2%;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(120px, 20vw, 280px);
    color: rgba(201,168,76,0.04);
    line-height: 1;
    pointer-events: none;
    user-select: none;
    letter-spacing: -4px;
  }

  .gg-hero-content {
    position: relative;
    z-index: 2;
    max-width: 1280px;
    margin: 0 auto;
    padding: 120px 40px 80px;
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: 60px;
    align-items: center;
    width: 100%;
  }

  .gg-hero-eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
    animation: fadeUp 0.8s ease both;
  }

  .gg-hero-eyebrow span {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 13px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: var(--gold);
    font-weight: 600;
  }

  .gg-eyebrow-line {
    width: 48px;
    height: 1px;
    background: var(--gold);
    display: inline-block;
  }

  .gg-hero h1 {
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(56px, 8vw, 110px);
    line-height: 0.92;
    letter-spacing: 1px;
    color: var(--white);
    animation: fadeUp 0.8s 0.15s ease both;
  }

  .gg-hero h1 .gg-gold { color: var(--gold); }
  .gg-hero h1 .gg-stroke {
    -webkit-text-stroke: 2px var(--gold-light);
    color: transparent;
  }

  .gg-hero-sub {
    font-size: 17px;
    color: var(--gray);
    line-height: 1.7;
    margin-top: 28px;
    max-width: 460px;
    font-weight: 300;
    animation: fadeUp 0.8s 0.3s ease both;
  }

  .gg-hero-cta {
    display: flex;
    gap: 16px;
    margin-top: 40px;
    animation: fadeUp 0.8s 0.45s ease both;
    flex-wrap: wrap;
  }

  .gg-btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: var(--gold);
    color: var(--black);
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 16px 36px;
    text-decoration: none;
    transition: all 0.25s ease;
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 100%, 12px 100%);
    border: none;
    cursor: pointer;
  }

  .gg-btn-primary:hover {
    background: var(--gold-light);
    transform: translateY(-2px);
    box-shadow: 0 12px 40px rgba(201,168,76,0.35);
  }

  .gg-btn-outline {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: 1px solid rgba(201,168,76,0.4);
    color: var(--gold);
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 16px 36px;
    text-decoration: none;
    transition: all 0.25s ease;
    background: transparent;
    cursor: pointer;
  }

  .gg-btn-outline:hover {
    border-color: var(--gold);
    background: rgba(201,168,76,0.08);
  }

  .gg-hero-stats {
    display: flex;
    gap: 40px;
    margin-top: 56px;
    padding-top: 40px;
    border-top: 1px solid var(--dark-border);
    animation: fadeUp 0.8s 0.6s ease both;
  }

  .gg-stat-item { text-align: left; }

  .gg-stat-num {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 42px;
    color: var(--gold);
    line-height: 1;
  }

  .gg-stat-label {
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--gray);
    margin-top: 4px;
  }

  /* ===== HERO FORM ===== */
  .gg-hero-form-wrap {
    animation: fadeUp 0.8s 0.3s ease both;
  }

  .gg-form-card {
    background: rgba(24,24,24,0.95);
    border: 1px solid var(--dark-border);
    padding: 40px 36px;
    position: relative;
    backdrop-filter: blur(12px);
  }

  .gg-form-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--gold-dark), var(--gold), var(--gold-light));
  }

  .gg-form-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 30px;
    letter-spacing: 1px;
    margin-bottom: 6px;
    color: var(--white);
  }

  .gg-form-subtitle {
    font-size: 13px;
    color: var(--gray);
    margin-bottom: 28px;
    letter-spacing: 0.5px;
  }

  .gg-form-group {
    margin-bottom: 16px;
  }

  .gg-form-group label {
    display: block;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 8px;
    font-weight: 600;
  }

  .gg-form-group input,
  .gg-form-group select {
    width: 100%;
    background: rgba(255,255,255,0.04);
    border: 1px solid var(--dark-border);
    color: var(--white);
    font-family: 'Barlow', sans-serif;
    font-size: 14px;
    padding: 13px 16px;
    outline: none;
    transition: border-color 0.2s;
    -webkit-appearance: none;
    appearance: none;
  }

  .gg-form-group input::placeholder { color: rgba(136,136,128,0.6); }

  .gg-form-group input:focus,
  .gg-form-group select:focus {
    border-color: var(--gold);
    background: rgba(201,168,76,0.04);
  }

  .gg-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }

  .gg-form-submit {
    width: 100%;
    background: var(--gold);
    color: var(--black);
    border: none;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 20px;
    letter-spacing: 2px;
    padding: 16px;
    cursor: pointer;
    transition: all 0.25s ease;
    margin-top: 8px;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 100%, 10px 100%);
  }

  .gg-form-submit:hover {
    background: var(--gold-light);
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(201,168,76,0.3);
  }

  .gg-form-note {
    font-size: 11px;
    color: var(--gray);
    text-align: center;
    margin-top: 14px;
    letter-spacing: 0.5px;
  }

  /* ===== SECTION SHARED ===== */
  .gg-section {
    max-width: 1280px;
    margin: 0 auto;
    padding: 100px 40px;
  }

  .gg-section-header {
    margin-bottom: 56px;
  }

  .gg-section-eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
  }

  .gg-section-eyebrow span {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 12px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: var(--gold);
    font-weight: 600;
  }

  .gg-section-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(40px, 5vw, 64px);
    line-height: 1;
    letter-spacing: 1px;
    color: var(--white);
  }

  .gg-section-title .gg-gold { color: var(--gold); }

  .gg-section-desc {
    font-size: 16px;
    color: var(--gray);
    line-height: 1.7;
    max-width: 560px;
    margin-top: 16px;
    font-weight: 300;
  }

  /* ===== PROMOTION SECTION ===== */
  .gg-promo-bg {
    background: linear-gradient(180deg, var(--black) 0%, #0f0c00 50%, var(--black) 100%);
  }

  .gg-promo-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }

  .gg-promo-card {
    position: relative;
    overflow: hidden;
    background: var(--dark-card);
    border: 1px solid var(--dark-border);
    padding: 48px 40px;
    transition: transform 0.3s ease, border-color 0.3s ease;
    cursor: pointer;
  }

  .gg-promo-card:hover {
    transform: translateY(-4px);
    border-color: rgba(201,168,76,0.3);
  }

  .gg-promo-card.gg-promo-featured {
    grid-column: span 2;
    background: linear-gradient(135deg, #1a1200, #111, #0d0900);
    border-color: rgba(201,168,76,0.25);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center;
    padding: 60px 56px;
  }

  .gg-promo-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--gold), transparent);
    opacity: 0;
    transition: opacity 0.3s;
  }

  .gg-promo-card:hover::before { opacity: 1; }

  .gg-promo-badge {
    display: inline-block;
    background: var(--gold);
    color: var(--black);
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    padding: 5px 14px;
    margin-bottom: 20px;
    clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 100%, 6px 100%);
  }

  .gg-promo-badge.gg-badge-red { background: var(--red-accent); color: #fff; }

  .gg-promo-offer {
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(36px, 4vw, 56px);
    line-height: 1;
    color: var(--white);
    margin-bottom: 12px;
  }

  .gg-promo-offer .gg-gold { color: var(--gold); }

  .gg-promo-desc {
    font-size: 15px;
    color: var(--gray);
    line-height: 1.6;
    margin-bottom: 28px;
    font-weight: 300;
  }

  .gg-promo-expiry {
    font-size: 12px;
    letter-spacing: 1px;
    color: rgba(136,136,128,0.7);
    margin-top: 20px;
  }

  .gg-promo-big-num {
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(80px, 12vw, 160px);
    line-height: 0.85;
    color: rgba(201,168,76,0.12);
    position: absolute;
    right: 40px;
    bottom: -10px;
    pointer-events: none;
    user-select: none;
  }

  .gg-promo-features {
    list-style: none;
    margin-bottom: 28px;
  }

  .gg-promo-features li {
    font-size: 15px;
    color: var(--gray);
    padding: 8px 0;
    border-bottom: 1px solid var(--dark-border);
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 300;
  }

  .gg-promo-features li::before {
    content: '✦';
    color: var(--gold);
    font-size: 10px;
    flex-shrink: 0;
  }

  .gg-promo-price {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin-bottom: 8px;
  }

  .gg-price-currency {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 22px;
    color: var(--gold);
    font-weight: 600;
  }

  .gg-price-amount {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 56px;
    color: var(--gold);
    line-height: 1;
  }

  .gg-price-period {
    font-size: 13px;
    color: var(--gray);
    font-weight: 300;
  }

  .gg-price-old {
    font-size: 16px;
    color: var(--gray);
    text-decoration: line-through;
    margin-left: 4px;
    opacity: 0.6;
  }

  /* ===== SCHEDULE SECTION ===== */
  .gg-schedule-bg {
    background: var(--dark);
  }

  .gg-schedule-tabs {
    display: flex;
    gap: 4px;
    margin-bottom: 36px;
    border-bottom: 1px solid var(--dark-border);
    overflow-x: auto;
    scrollbar-width: none;
  }

  .gg-schedule-tabs::-webkit-scrollbar { display: none; }

  .gg-tab {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--gray);
    padding: 14px 24px;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: all 0.2s;
    white-space: nowrap;
    background: none;
    border-top: none;
    border-left: none;
    border-right: none;
  }

  .gg-tab:hover { color: var(--white); }
  .gg-tab.gg-tab-active {
    color: var(--gold);
    border-bottom-color: var(--gold);
  }

  .gg-schedule-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 16px;
  }

  .gg-schedule-card {
    background: var(--dark-card);
    border: 1px solid var(--dark-border);
    padding: 24px 22px;
    position: relative;
    overflow: hidden;
    transition: all 0.25s ease;
  }

  .gg-schedule-card:hover {
    border-color: rgba(201,168,76,0.3);
    transform: translateY(-3px);
  }

  .gg-schedule-card::after {
    content: '';
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 3px;
    background: var(--gold);
    transform: scaleY(0);
    transition: transform 0.25s ease;
    transform-origin: bottom;
  }

  .gg-schedule-card:hover::after { transform: scaleY(1); }

  .gg-schedule-time {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    color: var(--gold);
    margin-bottom: 10px;
  }

  .gg-schedule-class {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 22px;
    letter-spacing: 0.5px;
    color: var(--white);
    margin-bottom: 6px;
    line-height: 1;
  }

  .gg-schedule-meta {
    font-size: 13px;
    color: var(--gray);
    font-weight: 300;
    margin-bottom: 16px;
  }

  .gg-schedule-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .gg-schedule-trainer {
    font-size: 12px;
    color: rgba(136,136,128,0.7);
    letter-spacing: 0.5px;
  }

  .gg-schedule-level {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 3px 10px;
  }

  .gg-level-all { background: rgba(201,168,76,0.15); color: var(--gold); }
  .gg-level-inter { background: rgba(255,165,0,0.12); color: #FFA500; }
  .gg-level-adv { background: rgba(192,57,43,0.15); color: #E74C3C; }

  .gg-schedule-view-all {
    text-align: center;
    margin-top: 40px;
  }

  /* ===== FACILITIES SECTION ===== */
  .gg-facilities-bg {
    background: linear-gradient(180deg, var(--dark) 0%, #0d0900 50%, var(--dark) 100%);
  }

  .gg-facilities-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
  }

  .gg-facility-card {
    background: var(--dark-card);
    border: 1px solid var(--dark-border);
    padding: 32px 28px;
    text-align: center;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
  }

  .gg-facility-card:hover {
    transform: translateY(-6px);
    border-color: rgba(201,168,76,0.3);
  }

  .gg-facility-icon {
    font-size: 48px;
    margin-bottom: 16px;
    display: inline-block;
  }

  .gg-facility-name {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 24px;
    color: var(--white);
    margin-bottom: 12px;
    letter-spacing: 0.5px;
  }

  .gg-facility-desc {
    font-size: 14px;
    color: var(--gray);
    line-height: 1.6;
    font-weight: 300;
  }

  /* ===== TRAINERS SECTION ===== */
  .gg-trainers-bg {
    background: var(--black);
  }

  .gg-trainers-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 32px;
  }

  .gg-trainer-card {
    text-align: center;
    animation: fadeUp 0.6s ease both;
  }

  .gg-trainer-image {
    width: 100%;
    aspect-ratio: 1;
    background: linear-gradient(135deg, rgba(201,168,76,0.1), rgba(201,168,76,0.05));
    border: 2px solid var(--dark-border);
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 64px;
    transition: all 0.3s ease;
  }

  .gg-trainer-card:hover .gg-trainer-image {
    border-color: rgba(201,168,76,0.3);
    background: linear-gradient(135deg, rgba(201,168,76,0.2), rgba(201,168,76,0.1));
  }

  .gg-trainer-name {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 24px;
    color: var(--white);
    margin-bottom: 4px;
    letter-spacing: 0.5px;
  }

  .gg-trainer-specialty {
    font-size: 13px;
    color: var(--gold);
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 12px;
  }

  .gg-trainer-bio {
    font-size: 14px;
    color: var(--gray);
    line-height: 1.6;
    font-weight: 300;
  }

  /* ===== TESTIMONIALS SECTION ===== */
  .gg-testimonials-bg {
    background: linear-gradient(180deg, var(--black) 0%, #0f0c00 50%, var(--black) 100%);
  }

  .gg-testimonials-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 28px;
  }

  .gg-testimonial-card {
    background: var(--dark-card);
    border: 1px solid var(--dark-border);
    padding: 32px;
    position: relative;
    transition: all 0.3s ease;
  }

  .gg-testimonial-card:hover {
    border-color: rgba(201,168,76,0.3);
    transform: translateY(-4px);
  }

  .gg-testimonial-stars {
    color: var(--gold);
    font-size: 14px;
    margin-bottom: 16px;
    letter-spacing: 2px;
  }

  .gg-testimonial-text {
    font-size: 15px;
    color: var(--gray);
    line-height: 1.8;
    margin-bottom: 20px;
    font-weight: 300;
    font-style: italic;
  }

  .gg-testimonial-author {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 16px;
    color: var(--white);
    letter-spacing: 0.5px;
  }

  .gg-testimonial-role {
    font-size: 12px;
    color: var(--gold);
    margin-top: 4px;
    letter-spacing: 1px;
    text-transform: uppercase;
  }

  /* ===== FAQ SECTION ===== */
  .gg-faq-bg {
    background: var(--dark);
  }

  .gg-faq-container {
    max-width: 800px;
    margin: 0 auto;
  }

  .gg-faq-item {
    border-bottom: 1px solid var(--dark-border);
    padding: 24px 0;
  }

  .gg-faq-item:first-child {
    padding-top: 0;
  }

  .gg-faq-question {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 18px;
    color: var(--white);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: color 0.2s;
    letter-spacing: 0.5px;
  }

  .gg-faq-question:hover {
    color: var(--gold);
  }

  .gg-faq-toggle {
    font-size: 24px;
    color: var(--gold);
    transition: transform 0.3s ease;
    flex-shrink: 0;
  }

  .gg-faq-item.gg-faq-open .gg-faq-toggle {
    transform: rotate(180deg);
  }

  .gg-faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    margin-top: 0;
  }

  .gg-faq-item.gg-faq-open .gg-faq-answer {
    max-height: 500px;
    margin-top: 16px;
  }

  .gg-faq-answer-text {
    font-size: 15px;
    color: var(--gray);
    line-height: 1.8;
    font-weight: 300;
  }

  /* ===== CONTACT SECTION ===== */
  .gg-contact-bg {
    background: linear-gradient(135deg, #1a1200, #111, #0d0900);
  }

  .gg-contact-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: start;
  }

  .gg-contact-info {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }

  .gg-contact-item {
    display: flex;
    gap: 20px;
  }

  .gg-contact-icon {
    font-size: 32px;
    color: var(--gold);
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .gg-contact-content h3 {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 18px;
    color: var(--white);
    margin-bottom: 6px;
    letter-spacing: 0.5px;
  }

  .gg-contact-content p {
    font-size: 15px;
    color: var(--gray);
    line-height: 1.6;
    font-weight: 300;
  }

  .gg-contact-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .gg-contact-form input,
  .gg-contact-form textarea {
    background: rgba(255,255,255,0.04);
    border: 1px solid var(--dark-border);
    color: var(--white);
    font-family: 'Barlow', sans-serif;
    font-size: 14px;
    padding: 13px 16px;
    outline: none;
    transition: border-color 0.2s;
  }

  .gg-contact-form input::placeholder,
  .gg-contact-form textarea::placeholder {
    color: rgba(136,136,128,0.6);
  }

  .gg-contact-form input:focus,
  .gg-contact-form textarea:focus {
    border-color: var(--gold);
    background: rgba(201,168,76,0.04);
  }

  .gg-contact-form textarea {
    resize: vertical;
    min-height: 120px;
  }

  /* ===== DIVIDER ===== */
  .gg-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--dark-border) 20%, var(--dark-border) 80%, transparent);
    margin: 0;
  }

  /* ===== ANIMATIONS ===== */
  @keyframes fadeUp {
    from { opacity: 0; transform: translateY(24px); }
    to   { opacity: 1; transform: translateY(0); }
  }

  @keyframes slideIn {
    from { opacity: 0; transform: translateX(-20px); }
    to   { opacity: 1; transform: translateX(0); }
  }

  /* ===== RESPONSIVE ===== */
  @media (max-width: 960px) {
    .gg-hero-content { grid-template-columns: 1fr; gap: 48px; padding: 100px 24px 60px; }
    .gg-hero h1 { font-size: clamp(48px, 12vw, 80px); }
    .gg-promo-grid { grid-template-columns: 1fr; }
    .gg-promo-card.gg-promo-featured { grid-column: span 1; grid-template-columns: 1fr; padding: 40px 32px; }
    .gg-contact-grid { grid-template-columns: 1fr; gap: 40px; }
    .gg-section { padding: 64px 24px; }
    .gg-hero-stats { gap: 24px; }
  }

  @media (max-width: 600px) {
    .gg-form-row { grid-template-columns: 1fr; }
    .gg-hero-cta { flex-direction: column; }
    .gg-btn-primary, .gg-btn-outline { text-align: center; justify-content: center; width: 100%; }
    .gg-hero-stats { flex-wrap: wrap; gap: 20px; }
    .gg-schedule-grid { grid-template-columns: 1fr; }
    .gg-facilities-grid { grid-template-columns: 1fr; }
    .gg-trainers-grid { grid-template-columns: 1fr; }
    .gg-testimonials-grid { grid-template-columns: 1fr; }
    .gg-contact-item { gap: 16px; }
  }
</style>

<div class="gg-page">

  <!-- ===== HERO SECTION ===== -->
  <section class="gg-hero">
    <div class="gg-hero-bg-text">GG</div>
    <div class="gg-hero-content">

      <!-- Left: Copy -->
      <div class="gg-hero-left">
        <div class="gg-hero-eyebrow">
          <span class="gg-eyebrow-line"></span>
          <span>Gold's Gym · Jeddah · KSA</span>
        </div>
        <h1>
          FORGE YOUR<br>
          <span class="gg-gold">LEGEND</span><br>
          <span class="gg-stroke">HERE</span>
        </h1>
        <p class="gg-hero-sub">
          Jeddah's ultimate fitness destination. World-class equipment, elite trainers, and a community that pushes you beyond your limits — every single day.
        </p>
        <div class="gg-hero-cta">
          <a href="#gg-promo" class="gg-btn-primary">
            View Memberships &#9656;
          </a>
          <a href="#gg-schedule" class="gg-btn-outline">
            Class Schedule
          </a>
        </div>
        <div class="gg-hero-stats">
          <div class="gg-stat-item">
            <div class="gg-stat-num">5K+</div>
            <div class="gg-stat-label">Members</div>
          </div>
          <div class="gg-stat-item">
            <div class="gg-stat-num">40+</div>
            <div class="gg-stat-label">Classes / Week</div>
          </div>
          <div class="gg-stat-item">
            <div class="gg-stat-num">20+</div>
            <div class="gg-stat-label">Elite Trainers</div>
          </div>
          <div class="gg-stat-item">
            <div class="gg-stat-num">24/7</div>
            <div class="gg-stat-label">Open</div>
          </div>
        </div>
      </div>

      <!-- Right: Sign-Up Form -->
      <div class="gg-hero-form-wrap">
        <div class="gg-form-card">
          <div class="gg-form-title">Start Today — Free Trial</div>
          <div class="gg-form-subtitle">Get your first session on us. No commitment.</div>

          <form onsubmit="ggFormSubmit(event)" id="gg-hero-form">
            <div class="gg-form-row">
              <div class="gg-form-group">
                <label for="gg-fname">First Name</label>
                <input type="text" id="gg-fname" placeholder="Ahmed" required>
              </div>
              <div class="gg-form-group">
                <label for="gg-lname">Last Name</label>
                <input type="text" id="gg-lname" placeholder="Al-Harbi" required>
              </div>
            </div>
            <div class="gg-form-group">
              <label for="gg-phone">Phone Number</label>
              <input type="tel" id="gg-phone" placeholder="+966 5X XXX XXXX" required>
            </div>
            <div class="gg-form-group">
              <label for="gg-email">Email Address</label>
              <input type="email" id="gg-email" placeholder="ahmed@email.com" required>
            </div>
            <div class="gg-form-group">
              <label for="gg-goal">Your Goal</label>
              <select id="gg-goal" required>
                <option value="" disabled selected>Select your fitness goal</option>
                <option>Build Muscle &amp; Strength</option>
                <option>Weight Loss</option>
                <option>Cardio &amp; Endurance</option>
                <option>General Fitness</option>
                <option>Sport-Specific Training</option>
              </select>
            </div>
            <button type="submit" class="gg-form-submit">CLAIM FREE TRIAL &#9656;</button>
          </form>
          <p class="gg-form-note">&#128274; Your info is secure. No spam, ever.</p>
        </div>
      </div>

    </div>
  </section>

  <div class="gg-divider"></div>

  <!-- ===== PROMOTIONS SECTION ===== -->
  <section class="gg-promo-bg" id="gg-promo">
    <div class="gg-section">
      <div class="gg-section-header">
        <div class="gg-section-eyebrow">
          <span class="gg-eyebrow-line"></span>
          <span>Exclusive Offers</span>
        </div>
        <h2 class="gg-section-title">CURRENT <span class="gg-gold">PROMOTIONS</span></h2>
        <p class="gg-section-desc">
          Special membership deals crafted exclusively for Jeddah members. Limited time — act fast.
        </p>
      </div>

      <div class="gg-promo-grid">

        <!-- Featured Promo -->
        <div class="gg-promo-card gg-promo-featured">
          <div>
            <div class="gg-promo-badge gg-badge-red">Best Value &#9733;</div>
            <div class="gg-promo-offer">ANNUAL <span class="gg-gold">ELITE</span><br>MEMBERSHIP</div>
            <ul class="gg-promo-features">
              <li>Unlimited gym access — all branches</li>
              <li>2 personal training sessions / month</li>
              <li>Full group class access</li>
              <li>Nutrition consultation included</li>
              <li>Guest passes (4 per year)</li>
            </ul>
          </div>
          <div>
            <div class="gg-promo-price">
              <span class="gg-price-currency">SAR</span>
              <span class="gg-price-amount">2,999</span>
              <span class="gg-price-period">/ year <span class="gg-price-old">4,200</span></span>
            </div>
            <p class="gg-promo-desc">Save 29% — Pay once, train all year. Biggest savings we've ever offered.</p>
            <a href="#gg-contact" class="gg-btn-primary">Claim This Deal &#9656;</a>
            <p class="gg-promo-expiry">&#128336; Limited time offer</p>
          </div>
        </div>

        <!-- Summer Promo -->
        <div class="gg-promo-card">
          <div class="gg-promo-badge">Summer Special</div>
          <div class="gg-promo-offer">3-MONTH<br><span class="gg-gold">BLITZ</span></div>
          <div class="gg-promo-price" style="margin-top:12px">
            <span class="gg-price-currency">SAR</span>
            <span class="gg-price-amount">599</span>
            <span class="gg-price-period">/ 3 months</span>
          </div>
          <p class="gg-promo-desc">Unlimited access + 1 free PT session. Perfect summer kickstart.</p>
          <a href="#gg-contact" class="gg-btn-outline">Get Started &#9656;</a>
          <div class="gg-promo-big-num">3M</div>
          <p class="gg-promo-expiry">&#128336; Ends 31 Aug 2026</p>
        </div>

        <!-- Student Promo -->
        <div class="gg-promo-card">
          <div class="gg-promo-badge" style="background:rgba(201,168,76,0.15);color:var(--gold);clip-path:none;">Student Offer</div>
          <div class="gg-promo-offer">STUDENT<br><span class="gg-gold">RATE</span></div>
          <div class="gg-promo-price" style="margin-top:12px">
            <span class="gg-price-currency">SAR</span>
            <span class="gg-price-amount">149</span>
            <span class="gg-price-period">/ month</span>
          </div>
          <p class="gg-promo-desc">Valid student ID required. Full gym access — no compromise on quality.</p>
          <a href="#gg-contact" class="gg-btn-outline">Apply Now &#9656;</a>
          <div class="gg-promo-big-num">&#127891;</div>
          <p class="gg-promo-expiry">&#128336; Ongoing — verify each semester</p>
        </div>

      </div>
    </div>
  </section>

  <div class="gg-divider"></div>

  <!-- ===== SCHEDULE SECTION ===== -->
  <section class="gg-schedule-bg" id="gg-schedule">
    <div class="gg-section">
      <div class="gg-section-header">
        <div class="gg-section-eyebrow">
          <span class="gg-eyebrow-line"></span>
          <span>Weekly Programme</span>
        </div>
        <h2 class="gg-section-title">CLASS <span class="gg-gold">SCHEDULE</span></h2>
        <p class="gg-section-desc">
          Over 40 group classes per week — from sunrise HIIT to late-night yoga. Find your session.
        </p>
      </div>

      <!-- Day Tabs -->
      <div class="gg-schedule-tabs" id="gg-schedule-tabs">
        <button class="gg-tab gg-tab-active" onclick="ggSetDay(this, 'sat')">Saturday</button>
        <button class="gg-tab" onclick="ggSetDay(this, 'sun')">Sunday</button>
        <button class="gg-tab" onclick="ggSetDay(this, 'mon')">Monday</button>
        <button class="gg-tab" onclick="ggSetDay(this, 'tue')">Tuesday</button>
        <button class="gg-tab" onclick="ggSetDay(this, 'wed')">Wednesday</button>
        <button class="gg-tab" onclick="ggSetDay(this, 'thu')">Thursday</button>
        <button class="gg-tab" onclick="ggSetDay(this, 'fri')">Friday</button>
      </div>

      <!-- Schedule Cards -->
      <div class="gg-schedule-grid" id="gg-schedule-grid">
        <!-- Populated by JS -->
      </div>

      <div class="gg-schedule-view-all">
        <a href="#gg-contact" class="gg-btn-outline">Join a Class &#9656;</a>
      </div>
    </div>
  </section>

  <div class="gg-divider"></div>

  <!-- ===== FACILITIES SECTION ===== -->
  <section class="gg-facilities-bg">
    <div class="gg-section">
      <div class="gg-section-header">
        <div class="gg-section-eyebrow">
          <span class="gg-eyebrow-line"></span>
          <span>World-Class Equipment</span>
        </div>
        <h2 class="gg-section-title">OUR <span class="gg-gold">FACILITIES</span></h2>
        <p class="gg-section-desc">
          State-of-the-art equipment and specialized training zones designed for every fitness level.
        </p>
      </div>

      <div class="gg-facilities-grid">
        <div class="gg-facility-card">
          <div class="gg-facility-icon">🏋️</div>
          <div class="gg-facility-name">Weight Training</div>
          <p class="gg-facility-desc">Complete free weight and machine selection for strength building and muscle development.</p>
        </div>
        <div class="gg-facility-card">
          <div class="gg-facility-icon">🚴</div>
          <div class="gg-facility-name">Cardio Zone</div>
          <p class="gg-facility-desc">Latest treadmills, ellipticals, and stationary bikes with personal entertainment systems.</p>
        </div>
        <div class="gg-facility-card">
          <div class="gg-facility-icon">🥊</div>
          <div class="gg-facility-name">Combat Arena</div>
          <p class="gg-facility-desc">Dedicated boxing, kickboxing, and martial arts training area with professional equipment.</p>
        </div>
        <div class="gg-facility-card">
          <div class="gg-facility-icon">🧘</div>
          <div class="gg-facility-name">Yoga & Pilates</div>
          <p class="gg-facility-desc">Spacious studios with mirrors, sound systems, and climate control for flexibility training.</p>
        </div>
        <div class="gg-facility-card">
          <div class="gg-facility-icon">🏊</div>
          <div class="gg-facility-name">Recovery Zone</div>
          <p class="gg-facility-desc">Sauna, steam room, and stretching area for post-workout recovery and relaxation.</p>
        </div>
        <div class="gg-facility-card">
          <div class="gg-facility-icon">💪</div>
          <div class="gg-facility-name">CrossFit Box</div>
          <p class="gg-facility-desc">Specialized functional training area with Olympic lifting platforms and rig systems.</p>
        </div>
      </div>
    </div>
  </section>

  <div class="gg-divider"></div>

  <!-- ===== TRAINERS SECTION ===== -->
  <section class="gg-trainers-bg">
    <div class="gg-section">
      <div class="gg-section-header">
        <div class="gg-section-eyebrow">
          <span class="gg-eyebrow-line"></span>
          <span>Expert Guidance</span>
        </div>
        <h2 class="gg-section-title">MEET OUR <span class="gg-gold">ELITE TRAINERS</span></h2>
        <p class="gg-section-desc">
          Certified professionals dedicated to transforming your fitness journey with personalized coaching.
        </p>
      </div>

      <div class="gg-trainers-grid">
        <div class="gg-trainer-card">
          <div class="gg-trainer-image">👨‍🏫</div>
          <div class="gg-trainer-name">Coach Khalid</div>
          <div class="gg-trainer-specialty">HIIT & Strength</div>
          <p class="gg-trainer-bio">15+ years experience. Specializes in high-intensity interval training and functional strength development.</p>
        </div>
        <div class="gg-trainer-card">
          <div class="gg-trainer-image">👩‍🏫</div>
          <div class="gg-trainer-name">Trainer Sara</div>
          <div class="gg-trainer-specialty">Yoga & Flexibility</div>
          <p class="gg-trainer-bio">Certified yoga instructor with expertise in flexibility training and mind-body wellness.</p>
        </div>
        <div class="gg-trainer-card">
          <div class="gg-trainer-image">👨‍🏫</div>
          <div class="gg-trainer-name">Coach Rami</div>
          <div class="gg-trainer-specialty">CrossFit & Olympic</div>
          <p class="gg-trainer-bio">CrossFit Level 2 certified. Expert in Olympic lifting and functional fitness programming.</p>
        </div>
        <div class="gg-trainer-card">
          <div class="gg-trainer-image">👩‍🏫</div>
          <div class="gg-trainer-name">Trainer Nadia</div>
          <div class="gg-trainer-specialty">Group Classes</div>
          <p class="gg-trainer-bio">Dynamic group fitness instructor specializing in body pump, zumba, and dance cardio.</p>
        </div>
      </div>
    </div>
  </section>

  <div class="gg-divider"></div>

  <!-- ===== TESTIMONIALS SECTION ===== -->
  <section class="gg-testimonials-bg">
    <div class="gg-section">
      <div class="gg-section-header">
        <div class="gg-section-eyebrow">
          <span class="gg-eyebrow-line"></span>
          <span>Member Success Stories</span>
        </div>
        <h2 class="gg-section-title">REAL <span class="gg-gold">TRANSFORMATIONS</span></h2>
        <p class="gg-section-desc">
          Hear from our members about their fitness journey and achievements at Gold's Gym.
        </p>
      </div>

      <div class="gg-testimonials-grid">
        <div class="gg-testimonial-card">
          <div class="gg-testimonial-stars">★★★★★</div>
          <p class="gg-testimonial-text">"Gold's Gym changed my life. The trainers are incredibly supportive and the facilities are top-notch. I've never felt more motivated to achieve my fitness goals."</p>
          <div class="gg-testimonial-author">Mohammed Al-Dosari</div>
          <div class="gg-testimonial-role">Member since 2023</div>
        </div>
        <div class="gg-testimonial-card">
          <div class="gg-testimonial-stars">★★★★★</div>
          <p class="gg-testimonial-text">"The variety of classes is amazing. From HIIT to yoga, there's something for everyone. The community here is welcoming and inspiring. Highly recommend!"</p>
          <div class="gg-testimonial-author">Fatima Al-Otaibi</div>
          <div class="gg-testimonial-role">Member since 2022</div>
        </div>
        <div class="gg-testimonial-card">
          <div class="gg-testimonial-stars">★★★★★</div>
          <p class="gg-testimonial-text">"Best gym in Jeddah. The equipment is always clean and well-maintained. Coach Khalid's training sessions have helped me build serious strength. Worth every riyal!"</p>
          <div class="gg-testimonial-author">Ahmed Al-Harbi</div>
          <div class="gg-testimonial-role">Member since 2021</div>
        </div>
      </div>
    </div>
  </section>

  <div class="gg-divider"></div>

  <!-- ===== FAQ SECTION ===== -->
  <section class="gg-faq-bg">
    <div class="gg-section">
      <div class="gg-section-header">
        <div class="gg-section-eyebrow">
          <span class="gg-eyebrow-line"></span>
          <span>Common Questions</span>
        </div>
        <h2 class="gg-section-title">FREQUENTLY ASKED <span class="gg-gold">QUESTIONS</span></h2>
      </div>

      <div class="gg-faq-container">
        <div class="gg-faq-item">
          <div class="gg-faq-question" onclick="ggToggleFaq(this)">
            <span>What are your membership options?</span>
            <span class="gg-faq-toggle">▼</span>
          </div>
          <div class="gg-faq-answer">
            <p class="gg-faq-answer-text">We offer flexible membership plans including monthly, quarterly, and annual options. Each membership includes access to all facilities, group classes, and member benefits. We also have student discounts and corporate packages available.</p>
          </div>
        </div>

        <div class="gg-faq-item">
          <div class="gg-faq-question" onclick="ggToggleFaq(this)">
            <span>Do you offer personal training sessions?</span>
            <span class="gg-faq-toggle">▼</span>
          </div>
          <div class="gg-faq-answer">
            <p class="gg-faq-answer-text">Yes! Our certified trainers offer personalized one-on-one and small group training sessions. Sessions can be customized to your fitness level and goals. Contact us for pricing and availability.</p>
          </div>
        </div>

        <div class="gg-faq-item">
          <div class="gg-faq-question" onclick="ggToggleFaq(this)">
            <span>What are your operating hours?</span>
            <span class="gg-faq-toggle">▼</span>
          </div>
          <div class="gg-faq-answer">
            <p class="gg-faq-answer-text">Gold's Gym Jeddah is open 24/7 for all members. We have staff on-site during peak hours (6 AM - 10 PM) and automated access outside these times. Our group classes run throughout the day with multiple time slots.</p>
          </div>
        </div>

        <div class="gg-faq-item">
          <div class="gg-faq-question" onclick="ggToggleFaq(this)">
            <span>Do you have a free trial or introductory offer?</span>
            <span class="gg-faq-toggle">▼</span>
          </div>
          <div class="gg-faq-answer">
            <p class="gg-faq-answer-text">Absolutely! New members get a free trial session to experience our facilities and meet our trainers. Sign up through our form above or contact us directly to schedule your free session.</p>
          </div>
        </div>

        <div class="gg-faq-item">
          <div class="gg-faq-question" onclick="ggToggleFaq(this)">
            <span>What facilities and amenities are included?</span>
            <span class="gg-faq-toggle">▼</span>
          </div>
          <div class="gg-faq-answer">
            <p class="gg-faq-answer-text">All memberships include access to our weight training area, cardio zone, group fitness studios, combat arena, CrossFit box, and recovery facilities (sauna, steam room). Premium memberships include additional perks like nutrition consultations and guest passes.</p>
          </div>
        </div>

        <div class="gg-faq-item">
          <div class="gg-faq-question" onclick="ggToggleFaq(this)">
            <span>Can I cancel my membership anytime?</span>
            <span class="gg-faq-toggle">▼</span>
          </div>
          <div class="gg-faq-answer">
            <p class="gg-faq-answer-text">Yes, we offer flexible cancellation policies. Monthly memberships can be cancelled with 30 days notice. For longer-term commitments, please review your membership agreement or contact our team for specific terms.</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <div class="gg-divider"></div>

  <!-- ===== CONTACT SECTION ===== -->
  <section class="gg-contact-bg" id="gg-contact">
    <div class="gg-section">
      <div class="gg-section-header">
        <div class="gg-section-eyebrow">
          <span class="gg-eyebrow-line"></span>
          <span>Get In Touch</span>
        </div>
        <h2 class="gg-section-title">CONTACT <span class="gg-gold">GOLD'S GYM</span></h2>
      </div>

      <div class="gg-contact-grid">
        <div class="gg-contact-info">
          <div class="gg-contact-item">
            <div class="gg-contact-icon">📍</div>
            <div class="gg-contact-content">
              <h3>Location</h3>
              <p>Prince Sultan Road, Jeddah 23432<br>Saudi Arabia</p>
            </div>
          </div>

          <div class="gg-contact-item">
            <div class="gg-contact-icon">📞</div>
            <div class="gg-contact-content">
              <h3>Phone</h3>
              <p><a href="tel:+966123456789" style="color: var(--gold); text-decoration: none;">+966 (12) 345-6789</a></p>
            </div>
          </div>

          <div class="gg-contact-item">
            <div class="gg-contact-icon">✉️</div>
            <div class="gg-contact-content">
              <h3>Email</h3>
              <p><a href="mailto:info@goldsgym-jeddah.com" style="color: var(--gold); text-decoration: none;">info@goldsgym-jeddah.com</a></p>
            </div>
          </div>

          <div class="gg-contact-item">
            <div class="gg-contact-icon">🕐</div>
            <div class="gg-contact-content">
              <h3>Hours</h3>
              <p>Open 24/7 for Members<br>Staff Available: 6 AM - 10 PM</p>
            </div>
          </div>
        </div>

        <div>
          <form class="gg-contact-form" onsubmit="ggContactSubmit(event)">
            <input type="text" placeholder="Your Name" required>
            <input type="email" placeholder="Your Email" required>
            <input type="tel" placeholder="Your Phone" required>
            <textarea placeholder="Your Message" required></textarea>
            <button type="submit" class="gg-btn-primary" style="width: 100%; justify-content: center;">Send Message &#9656;</button>
          </form>
        </div>
      </div>
    </div>
  </section>

</div><!-- end .gg-page -->

<script>
// ===== SCHEDULE DATA =====
const ggSchedule = {
  sat: [
    { time: '6:00 AM', name: 'Power HIIT', meta: '50 min · Studio A', trainer: 'Coach Khalid', level: 'all' },
    { time: '8:00 AM', name: 'Yoga Flow', meta: '60 min · Studio B', trainer: 'Trainer Sara', level: 'all' },
    { time: '10:00 AM', name: 'Spin Cycle', meta: '45 min · Spin Room', trainer: 'Coach Faris', level: 'inter' },
    { time: '12:00 PM', name: 'Boxing Fit', meta: '60 min · Ring Area', trainer: 'Coach Omar', level: 'all' },
    { time: '5:00 PM', name: 'Body Pump', meta: '55 min · Studio A', trainer: 'Trainer Nadia', level: 'inter' },
    { time: '7:00 PM', name: 'CrossFit WOD', meta: '60 min · CF Zone', trainer: 'Coach Rami', level: 'adv' },
    { time: '9:00 PM', name: 'Pilates Core', meta: '45 min · Studio B', trainer: 'Trainer Lama', level: 'all' },
  ],
  sun: [
    { time: '7:00 AM', name: 'Morning Stretch', meta: '45 min · Studio B', trainer: 'Trainer Sara', level: 'all' },
    { time: '9:00 AM', name: 'HIIT Burn', meta: '50 min · Studio A', trainer: 'Coach Khalid', level: 'inter' },
    { time: '11:00 AM', name: 'Zumba', meta: '60 min · Studio A', trainer: 'Trainer Nadia', level: 'all' },
    { time: '4:00 PM', name: 'Strength Lab', meta: '60 min · Weight Floor', trainer: 'Coach Rami', level: 'adv' },
    { time: '6:00 PM', name: 'Spin Cycle', meta: '45 min · Spin Room', trainer: 'Coach Faris', level: 'all' },
    { time: '8:30 PM', name: 'Muay Thai', meta: '60 min · Ring Area', trainer: 'Coach Omar', level: 'inter' },
  ],
  mon: [
    { time: '6:00 AM', name: 'Sunrise Yoga', meta: '60 min · Studio B', trainer: 'Trainer Lama', level: 'all' },
    { time: '8:00 AM', name: 'Power HIIT', meta: '50 min · Studio A', trainer: 'Coach Khalid', level: 'all' },
    { time: '12:00 PM', name: 'Lunchtime Lift', meta: '45 min · Weight Floor', trainer: 'Coach Rami', level: 'inter' },
    { time: '5:00 PM', name: 'Kickboxing', meta: '60 min · Ring Area', trainer: 'Coach Omar', level: 'all' },
    { time: '7:00 PM', name: 'Body Combat', meta: '55 min · Studio A', trainer: 'Trainer Nadia', level: 'inter' },
    { time: '9:00 PM', name: 'Pilates Flow', meta: '45 min · Studio B', trainer: 'Trainer Sara', level: 'all' },
  ],
  tue: [
    { time: '7:00 AM', name: 'Cardio Blast', meta: '50 min · Studio A', trainer: 'Coach Faris', level: 'all' },
    { time: '9:30 AM', name: 'Pilates Core', meta: '45 min · Studio B', trainer: 'Trainer Lama', level: 'all' },
    { time: '11:00 AM', name: 'TRX Training', meta: '50 min · Studio A', trainer: 'Coach Khalid', level: 'inter' },
    { time: '5:30 PM', name: 'CrossFit WOD', meta: '60 min · CF Zone', trainer: 'Coach Rami', level: 'adv' },
    { time: '7:30 PM', name: 'Spin Cycle', meta: '45 min · Spin Room', trainer: 'Coach Faris', level: 'all' },
    { time: '9:00 PM', name: 'Night Yoga', meta: '60 min · Studio B', trainer: 'Trainer Sara', level: 'all' },
  ],
  wed: [
    { time: '6:00 AM', name: 'HIIT Burn', meta: '50 min · Studio A', trainer: 'Coach Khalid', level: 'inter' },
    { time: '8:30 AM', name: 'Stretch &amp; Recover', meta: '45 min · Studio B', trainer: 'Trainer Lama', level: 'all' },
    { time: '10:00 AM', name: 'Zumba', meta: '60 min · Studio A', trainer: 'Trainer Nadia', level: 'all' },
    { time: '4:00 PM', name: 'Boxing Fit', meta: '60 min · Ring Area', trainer: 'Coach Omar', level: 'all' },
    { time: '6:00 PM', name: 'Body Pump', meta: '55 min · Studio A', trainer: 'Trainer Nadia', level: 'inter' },
    { time: '8:00 PM', name: 'Muay Thai', meta: '60 min · Ring Area', trainer: 'Coach Omar', level: 'adv' },
  ],
  thu: [
    { time: '7:00 AM', name: 'Power Yoga', meta: '60 min · Studio B', trainer: 'Trainer Sara', level: 'all' },
    { time: '9:00 AM', name: 'Cardio Circuit', meta: '50 min · Studio A', trainer: 'Coach Faris', level: 'all' },
    { time: '11:00 AM', name: 'Strength Lab', meta: '60 min · Weight Floor', trainer: 'Coach Rami', level: 'adv' },
    { time: '5:00 PM', name: 'Kickboxing', meta: '60 min · Ring Area', trainer: 'Coach Omar', level: 'inter' },
    { time: '7:00 PM', name: 'HIIT &amp; Core', meta: '50 min · Studio A', trainer: 'Coach Khalid', level: 'inter' },
    { time: '9:00 PM', name: 'Restorative Yoga', meta: '60 min · Studio B', trainer: 'Trainer Lama', level: 'all' },
  ],
  fri: [
    { time: '8:00 AM', name: 'Friday HIIT', meta: '60 min · Studio A', trainer: 'Coach Khalid', level: 'all' },
    { time: '10:00 AM', name: 'Family Yoga', meta: '60 min · Studio B', trainer: 'Trainer Sara', level: 'all' },
    { time: '3:00 PM', name: 'Spin Cycle', meta: '45 min · Spin Room', trainer: 'Coach Faris', level: 'all' },
    { time: '5:30 PM', name: 'CrossFit WOD', meta: '60 min · CF Zone', trainer: 'Coach Rami', level: 'adv' },
    { time: '7:30 PM', name: 'Body Combat', meta: '55 min · Studio A', trainer: 'Trainer Nadia', level: 'inter' },
  ],
};

const levelMap = {
  all:   { label: 'All Levels', cls: 'gg-level-all' },
  inter: { label: 'Intermediate', cls: 'gg-level-inter' },
  adv:   { label: 'Advanced', cls: 'gg-level-adv' },
};

function ggRenderSchedule(day) {
  const grid = document.getElementById('gg-schedule-grid');
  const classes = ggSchedule[day] || [];
  grid.innerHTML = classes.map(c => {
    const lv = levelMap[c.level];
    return `
      <div class="gg-schedule-card">
        <div class="gg-schedule-time">${c.time}</div>
        <div class="gg-schedule-class">${c.name}</div>
        <div class="gg-schedule-meta">${c.meta}</div>
        <div class="gg-schedule-footer">
          <span class="gg-schedule-trainer">${c.trainer}</span>
          <span class="gg-schedule-level ${lv.cls}">${lv.label}</span>
        </div>
      </div>`;
  }).join('');
}

function ggSetDay(btn, day) {
  document.querySelectorAll('.gg-tab').forEach(t => t.classList.remove('gg-tab-active'));
  btn.classList.add('gg-tab-active');
  ggRenderSchedule(day);
}

// Form handlers
function ggFormSubmit(e) {
  e.preventDefault();
  const btn = e.target.querySelector('.gg-form-submit');
  const originalText = btn.textContent;
  btn.textContent = '✓ REQUEST SENT — WE\'LL CALL YOU SOON';
  btn.style.background = 'var(--green-accent)';
  btn.style.color = '#fff';
  btn.style.clipPath = 'none';
  e.target.querySelectorAll('input, select').forEach(el => el.disabled = true);
  
  // Reset after 5 seconds
  setTimeout(() => {
    btn.textContent = originalText;
    btn.style.background = '';
    btn.style.color = '';
    btn.style.clipPath = '';
    e.target.querySelectorAll('input, select').forEach(el => el.disabled = false);
    e.target.reset();
  }, 5000);
}

function ggContactSubmit(e) {
  e.preventDefault();
  const btn = e.target.querySelector('button');
  const originalText = btn.textContent;
  btn.textContent = '✓ MESSAGE SENT';
  btn.style.background = 'var(--green-accent)';
  
  setTimeout(() => {
    btn.textContent = originalText;
    btn.style.background = '';
    e.target.reset();
  }, 3000);
}

// FAQ toggle
function ggToggleFaq(element) {
  const item = element.closest('.gg-faq-item');
  item.classList.toggle('gg-faq-open');
}

// Init
ggRenderSchedule('sat');
</script>/* End custom CSS */