{"id":405,"date":"2026-02-09T10:25:33","date_gmt":"2026-02-09T10:25:33","guid":{"rendered":"https:\/\/colledeglideiacademy.com\/?page_id=405"},"modified":"2026-04-02T17:31:25","modified_gmt":"2026-04-02T17:31:25","slug":"program","status":"publish","type":"page","link":"https:\/\/colledeglideiacademy.com\/it\/program\/","title":{"rendered":"program"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"405\" class=\"elementor elementor-405\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc8a56f e-con-full e-flex e-con e-parent\" data-id=\"fc8a56f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e95636d elementor-widget elementor-widget-html\" data-id=\"e95636d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u2705 COLLE DEGLI DEI \u2014 GLOBAL DARK UI (SECTION 0)\n     Paste ONCE in the FIRST Elementor HTML widget on the About page.\n     This replaces your entire previous Section 0. -->\n\n<style>\n  :root{\n    --cdd-green:#0f6b4a;\n    --cdd-purple:#5a2e91;\n    --cdd-ink:#EAF1FF;\n    --cdd-muted:rgba(234,241,255,.70);\n    --cdd-dim:rgba(234,241,255,.55);\n    --cdd-bg1:#04110d;\n    --cdd-bg2:#061a14;\n    --cdd-bg3:#071126;\n    --cdd-border:rgba(255,255,255,.10);\n    --cdd-glass:rgba(9, 20, 16, .42);\n    --cdd-glass2:rgba(12, 24, 20, .58);\n    --cdd-shadow:0 18px 50px rgba(0,0,0,.35);\n    --cdd-radius:22px;\n    --cdd-max:1180px;\n  }\n\n  \/* Containers *\/\n  .cdd-wrap{max-width:var(--cdd-max); margin:0 auto; padding:0 18px;}\n  .cdd-sec{\n    position:relative;\n    padding:80px 0;\n    color:var(--cdd-ink);\n    overflow:hidden;\n  }\n  @media (max-width:980px){ .cdd-sec{padding:60px 0;} }\n\n  \/* Dark gradient background like homepage *\/\n  .cdd-sec--hero{\n    background:\n      radial-gradient(900px 520px at 18% 8%, rgba(15,107,74,.48), transparent 60%),\n      radial-gradient(900px 520px at 85% 0%, rgba(90,46,145,.35), transparent 65%),\n      linear-gradient(120deg, var(--cdd-bg1), var(--cdd-bg2) 45%, var(--cdd-bg3));\n  }\n\n  \/* Typography *\/\n  .cdd-kicker{\n    font-size:11px; letter-spacing:.22em; text-transform:uppercase;\n    color:rgba(234,241,255,.62);\n  }\n  .cdd-h{\n    margin:10px 0 10px;\n    font-weight:800;\n    font-size:clamp(30px, 4.2vw, 54px);\n    line-height:1.04;\n    letter-spacing:-.02em;\n  }\n  .cdd-sub{\n    max-width:820px;\n    margin:0 0 18px;\n    font-size:15px;\n    line-height:1.75;\n    color:var(--cdd-muted);\n  }\n\n  \/* Glass buttons *\/\n  .cdd-btn{\n    display:inline-flex; align-items:center; gap:10px;\n    padding:12px 16px;\n    border-radius:999px;\n    background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04));\n    border:1px solid var(--cdd-border);\n    color:var(--cdd-ink);\n    text-decoration:none;\n    box-shadow:0 10px 26px rgba(0,0,0,.25);\n    transition:transform .18s ease, box-shadow .18s ease, background .18s ease;\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n  }\n  .cdd-btn:hover{\n    transform:translateY(-1px);\n    box-shadow:0 16px 34px rgba(0,0,0,.35);\n    background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.06));\n  }\n  .cdd-btn svg{width:16px; height:16px; opacity:.9}\n\n  \/* Pill chips *\/\n  .cdd-chips{display:flex; flex-wrap:wrap; gap:10px; margin:10px 0 18px;}\n  .cdd-chip{\n    display:inline-flex; align-items:center; gap:8px;\n    padding:9px 12px;\n    border-radius:999px;\n    background:rgba(255,255,255,.06);\n    border:1px solid rgba(255,255,255,.10);\n    color:rgba(234,241,255,.78);\n    font-size:12px;\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    transition:transform .18s ease, border-color .18s ease, background .18s ease;\n  }\n  .cdd-chip:hover{transform:translateY(-1px); border-color:rgba(255,255,255,.18); background:rgba(255,255,255,.08);}\n  .cdd-dot{width:6px; height:6px; border-radius:999px; background:linear-gradient(90deg,var(--cdd-purple),var(--cdd-green)); opacity:.9}\n\n  \/* Slider header \/ arrows *\/\n  .cdd-slider-head{\n    display:flex; align-items:flex-end; justify-content:space-between; gap:18px;\n    margin-top:26px;\n  }\n  .cdd-mini-title{\n    font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:rgba(234,241,255,.55);\n  }\n  .cdd-arrows{display:flex; gap:10px;}\n  .cdd-arrow{\n    width:42px; height:42px; border-radius:999px;\n    border:1px solid rgba(255,255,255,.12);\n    background:rgba(255,255,255,.06);\n    color:var(--cdd-ink);\n    display:grid; place-items:center;\n    cursor:pointer;\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    transition:transform .18s ease, background .18s ease, border-color .18s ease;\n  }\n  .cdd-arrow:hover{transform:translateY(-1px); background:rgba(255,255,255,.09); border-color:rgba(255,255,255,.18);}\n  .cdd-arrow svg{width:18px; height:18px; opacity:.9}\n\n  \/* Horizontal scroll track *\/\n  .cdd-track{\n    margin-top:14px;\n    display:flex;\n    gap:18px;\n    overflow:auto;\n    scroll-snap-type:x mandatory;\n    padding-bottom:14px;\n  }\n  .cdd-track::-webkit-scrollbar{height:10px;}\n  .cdd-track::-webkit-scrollbar-thumb{background:rgba(255,255,255,.10); border-radius:999px;}\n  .cdd-track::-webkit-scrollbar-track{background:rgba(255,255,255,.04); border-radius:999px;}\n\n  \/* Cards *\/\n  .cdd-card{\n    border-radius:26px;\n    border:1px solid rgba(255,255,255,.10);\n    background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));\n    box-shadow:0 18px 40px rgba(0,0,0,.28);\n    overflow:hidden;\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n    position:relative;\n    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;\n  }\n  .cdd-card:hover{\n    transform:translateY(-3px);\n    border-color:rgba(255,255,255,.18);\n    box-shadow:0 26px 55px rgba(0,0,0,.38);\n  }\n\n  \/* Slider card width *\/\n  .cdd-card--slide{\n    flex:0 0 320px;\n    scroll-snap-align:start;\n  }\n\n  \/* Image box (background-image) *\/\n  .cdd-imgbox{\n    height:220px;\n    position:relative;\n    background-size:cover;\n    background-position:center;\n    background-repeat:no-repeat;\n    filter:grayscale(100%);\n    transform:scale(1.02);\n    transition:filter .35s ease, transform .35s ease;\n  }\n  .cdd-card:hover .cdd-imgbox{\n    filter:grayscale(0%);\n    transform:scale(1.06);\n  }\n  .cdd-img-overlay{\n    position:absolute; inset:0;\n    background:\n      linear-gradient(180deg, rgba(0,0,0,.0) 15%, rgba(0,0,0,.55) 100%),\n      radial-gradient(800px 220px at 20% 0%, rgba(15,107,74,.22), transparent 60%);\n    pointer-events:none;\n  }\n\n  .cdd-card-body{padding:16px 16px 18px;}\n  .cdd-name{font-size:14px; letter-spacing:.06em; margin:0 0 6px;}\n  .cdd-name b{font-weight:800; letter-spacing:.10em; text-transform:uppercase;}\n  .cdd-role{\n    font-size:11px; letter-spacing:.20em;\n    text-transform:uppercase;\n    color:rgba(234,241,255,.55);\n  }\n\n  \/* Tabs *\/\n  .cdd-tabs{display:flex; flex-wrap:wrap; gap:10px; margin-top:22px;}\n  .cdd-tab{\n    cursor:pointer;\n    border-radius:999px;\n    padding:10px 14px;\n    border:1px solid rgba(255,255,255,.10);\n    background:rgba(255,255,255,.06);\n    color:rgba(234,241,255,.80);\n    font-size:12px;\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    transition:transform .18s ease, background .18s ease, border-color .18s ease;\n    user-select:none;\n  }\n  .cdd-tab:hover{transform:translateY(-1px); background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.16);}\n  .cdd-tab.is-active{\n    background:linear-gradient(90deg, rgba(90,46,145,.55), rgba(15,107,74,.55));\n    border-color:rgba(255,255,255,.22);\n  }\n\n  .cdd-panel{\n    margin-top:12px;\n    border-radius:18px;\n    border:1px solid rgba(255,255,255,.10);\n    background:rgba(0,0,0,.18);\n    padding:14px 16px;\n    color:rgba(234,241,255,.78);\n    line-height:1.7;\n    font-size:13px;\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n  }\n  .cdd-panel b{color:rgba(234,241,255,.92)}\n<\/style>\n\n<script>\n(function(){\n  function initImgBoxes(){\n    \/\/ Init only once per element (data-cdd-ready)\n    const boxes = document.querySelectorAll(\".cdd-imgbox[data-images]:not([data-cdd-ready])\");\n    boxes.forEach(box=>{\n      const imgs = (box.getAttribute(\"data-images\") || \"\")\n        .split(\",\").map(s=>s.trim()).filter(Boolean);\n\n      if(!imgs.length) return;\n\n      box.setAttribute(\"data-cdd-ready\",\"1\");\n\n      \/\/ \u2705 Force first image immediately (fixes \u201cempty image\u201d in Elementor)\n      box.style.backgroundImage = \"url('\" + imgs[0] + \"')\";\n\n      let i = 0;\n      let timer = null;\n\n      const start = ()=>{\n        if(imgs.length < 2) return;\n        if(timer) return;\n        timer = setInterval(()=>{\n          i = (i + 1) % imgs.length;\n          box.style.backgroundImage = \"url('\" + imgs[i] + \"')\";\n        }, 2200);\n      };\n\n      const stop = ()=>{\n        if(timer){ clearInterval(timer); timer = null; }\n      };\n\n      \/\/ \u2705 Auto-run after short delay (even without hover)\n      setTimeout(start, 900);\n\n      box.addEventListener(\"mouseenter\", start);\n      box.addEventListener(\"mouseleave\", stop);\n    });\n  }\n\n  function initTrackArrows(){\n    document.querySelectorAll(\"[data-cdd-track]\").forEach(wrapper=>{\n      const track = wrapper.querySelector(\".cdd-track\");\n      const prev = wrapper.querySelector(\"[data-cdd-prev]\");\n      const next = wrapper.querySelector(\"[data-cdd-next]\");\n      if(!track || !prev || !next) return;\n\n      const scrollBy = ()=> Math.min(520, track.clientWidth * 0.85);\n\n      prev.onclick = ()=> track.scrollBy({left: -scrollBy(), behavior:\"smooth\"});\n      next.onclick = ()=> track.scrollBy({left:  scrollBy(), behavior:\"smooth\"});\n    });\n  }\n\n  function initTabs(){\n    document.querySelectorAll(\"[data-cdd-tabs]\").forEach(root=>{\n      if(root.getAttribute(\"data-cdd-tabs-ready\")) return;\n      root.setAttribute(\"data-cdd-tabs-ready\",\"1\");\n\n      const tabs = root.querySelectorAll(\".cdd-tab\");\n      const panel = root.querySelector(\".cdd-panel\");\n      tabs.forEach(t=>{\n        t.addEventListener(\"click\", ()=>{\n          tabs.forEach(x=>x.classList.remove(\"is-active\"));\n          t.classList.add(\"is-active\");\n          if(panel) panel.innerHTML = t.getAttribute(\"data-panel\") || \"\";\n        });\n      });\n    });\n  }\n\n  function boot(){\n    initImgBoxes();\n    initTrackArrows();\n    initTabs();\n  }\n\n  \/\/ Elementor loads content after DOM is ready \u2014 run multiple times\n  document.addEventListener(\"DOMContentLoaded\", boot);\n  window.addEventListener(\"load\", boot);\n  setTimeout(boot, 400);\n  setTimeout(boot, 1200);\n\n  \/\/ Watch for Elementor DOM updates\n  const obs = new MutationObserver(()=> boot());\n  obs.observe(document.documentElement, {childList:true, subtree:true});\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-74b8c79 e-con-full e-flex e-con e-parent\" data-id=\"74b8c79\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d71879c elementor-widget elementor-widget-html\" data-id=\"d71879c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"cdd-navA\" class=\"cdd-navA\">\n\n  <!-- RIGHT EDGE SIDEBAR (always visible) -->\n  <div class=\"cdd-edgebar\" aria-label=\"Open navigation\">\n    <button class=\"cdd-edgebar-open\" type=\"button\" aria-label=\"Open menu\" aria-expanded=\"false\">\n      <span class=\"cdd-edgebar-arrow\" aria-hidden=\"true\">\u2039<\/span>\n      <span class=\"cdd-edgebar-text\">MENU<\/span>\n    <\/button>\n\n    <div class=\"cdd-edgebar-social\" aria-label=\"Social links\">\n      <a class=\"cdd-edgebar-socialBtn\" href=\"https:\/\/www.instagram.com\/colledeglideiacademy\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M7.5 2h9A5.5 5.5 0 0 1 22 7.5v9A5.5 5.5 0 0 1 16.5 22h-9A5.5 5.5 0 0 1 2 16.5v-9A5.5 5.5 0 0 1 7.5 2zm0 2A3.5 3.5 0 0 0 4 7.5v9A3.5 3.5 0 0 0 7.5 20h9A3.5 3.5 0 0 0 20 16.5v-9A3.5 3.5 0 0 0 16.5 4h-9zm10.2 1.8a1 1 0 1 1 0 2 1 1 0 0 1 0-2zM12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6z\"\/><\/svg>\n      <\/a>\n      <a class=\"cdd-edgebar-socialBtn\" href=\"https:\/\/www.facebook.com\/colledeglidei.paginaufficiale\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13.5 22v-8h2.7l.4-3h-3.1V9.1c0-.9.3-1.6 1.6-1.6h1.7V4.8c-.3 0-1.4-.1-2.7-.1-2.6 0-4.4 1.6-4.4 4.6V11H7v3h2v8h4.5z\"\/><\/svg>\n      <\/a>\n    <\/div>\n  <\/div>\n\n  <!-- Overlay -->\n  <div class=\"cdd-navA-overlay\" aria-hidden=\"true\"><\/div>\n\n  <!-- Drawer -->\n  <aside class=\"cdd-navA-drawer\" aria-hidden=\"true\" role=\"dialog\" aria-label=\"Site navigation\">\n    <div class=\"cdd-navA-shell\">\n\n      <!-- Left content -->\n      <div class=\"cdd-navA-panel\">\n        <div class=\"cdd-navA-top\">\n          <div class=\"cdd-navA-kicker\"><span class=\"dot\"><\/span> Navigation<\/div>\n          <button class=\"cdd-navA-close\" type=\"button\" aria-label=\"Close menu\">\u2715<\/button>\n        <\/div>\n\n        <nav class=\"cdd-navA-links\" aria-label=\"Primary\">\n          <a href=\"\/\" class=\"cdd-navA-link\">Home<\/a>\n          <a href=\"\/about\" class=\"cdd-navA-link\">Who we are<\/a>\n          <a href=\"\/team\" class=\"cdd-navA-link\">Team<\/a>\n          <a href=\"\/program\" class=\"cdd-navA-link\">Programmes<\/a>\n          <a href=\"\/italy\" class=\"cdd-navA-link\">Why Italy<\/a>\n          <a href=\"https:\/\/colledeglideiacademy.com\/accommodation\" class=\"cdd-navA-link\">Accommodation<\/a>\n          <a href=\"https:\/\/colledeglideiacademy.com\/scholarship\/\" class=\"cdd-navA-link\">Apply for Scholarship<\/a>\n          <a href=\"\/contact\" class=\"cdd-navA-link\">Contact Us<\/a>\n        <\/nav>\n\n        <div class=\"cdd-navA-actions\">\n          <a class=\"cdd-navA-cta\" href=\"\/contact\">Apply for Evaluation<\/a>\n\n          <div class=\"cdd-navA-social\" aria-label=\"Social links\">\n            <a class=\"cdd-navA-socialBtn\" href=\"https:\/\/www.instagram.com\/colledeglideiacademy\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M7.5 2h9A5.5 5.5 0 0 1 22 7.5v9A5.5 5.5 0 0 1 16.5 22h-9A5.5 5.5 0 0 1 2 16.5v-9A5.5 5.5 0 0 1 7.5 2zm0 2A3.5 3.5 0 0 0 4 7.5v9A3.5 3.5 0 0 0 7.5 20h9A3.5 3.5 0 0 0 20 16.5v-9A3.5 3.5 0 0 0 16.5 4h-9zm10.2 1.8a1 1 0 1 1 0 2 1 1 0 0 1 0-2zM12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6z\"\/><\/svg>\n            <\/a>\n            <a class=\"cdd-navA-socialBtn\" href=\"https:\/\/www.facebook.com\/colledeglidei.paginaufficiale\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13.5 22v-8h2.7l.4-3h-3.1V9.1c0-.9.3-1.6 1.6-1.6h1.7V4.8c-.3 0-1.4-.1-2.7-.1-2.6 0-4.4 1.6-4.4 4.6V11H7v3h2v8h4.5z\"\/><\/svg>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Desktop-only Media Rail -->\n      <div class=\"cdd-navA-rail\" aria-hidden=\"true\">\n        <div class=\"cdd-navA-railImg\"\n          style=\"background-image:url('https:\/\/colledeglideiacademy.com\/wp-content\/uploads\/2026\/01\/VAL_2945.jpg');\"\n          data-images=\"\n            https:\/\/colledeglideiacademy.com\/wp-content\/uploads\/2026\/01\/VAL_2945.jpg,\n            https:\/\/colledeglideiacademy.com\/wp-content\/uploads\/2026\/01\/VAL_3143.jpg,\n            https:\/\/colledeglideiacademy.com\/wp-content\/uploads\/2026\/01\/VAL_3210.jpg,\n            https:\/\/colledeglideiacademy.com\/wp-content\/uploads\/2026\/01\/VAL_3438.jpg,\n            https:\/\/colledeglideiacademy.com\/wp-content\/uploads\/2026\/01\/VAL_3911.jpg\n          \"\n          data-interval=\"2800\"\n        ><\/div>\n\n        <div class=\"cdd-navA-railCap\">\n          <span class=\"line\"><\/span>\n          <div class=\"txt\">\n            <div class=\"t1\">Colle Degli Dei<\/div>\n            <div class=\"t2\">High-performance environment \u2022 Italian excellence<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/aside>\n\n  <style>\n    #cdd-navA{ position:relative; z-index:99999; background:transparent !important; isolation:isolate; }\n    #cdd-navA, #cdd-navA *{ box-sizing:border-box; }\n\n    #cdd-navA .cdd-edgebar{\n      position:fixed;\n      right:14px;\n      top:50%;\n      transform:translateY(-50%);\n      width:64px;\n      height:320px;\n      border-radius:999px;\n      z-index:99997;\n      display:flex;\n      flex-direction:column;\n      align-items:center;\n      justify-content:space-between;\n      padding:12px 10px;\n      background:rgba(0,0,0,.20);\n      border:1px solid rgba(255,255,255,.12);\n      backdrop-filter:blur(14px);\n      -webkit-backdrop-filter:blur(14px);\n      box-shadow:0 22px 60px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.05);\n    }\n\n    #cdd-navA .cdd-edgebar-open{\n      border:0;\n      background:transparent;\n      color:rgba(255,255,255,.92);\n      cursor:pointer;\n      width:100%;\n      display:flex;\n      flex-direction:column;\n      align-items:center;\n      gap:10px;\n      padding:6px 0;\n      transition:transform .18s ease;\n    }\n    #cdd-navA .cdd-edgebar-open:hover{ transform:translateX(-2px); }\n\n    #cdd-navA .cdd-edgebar-arrow{\n      width:40px; height:40px;\n      border-radius:999px;\n      display:grid; place-items:center;\n      border:1px solid rgba(255,255,255,.12);\n      background:linear-gradient(135deg, rgba(15,107,74,.20), rgba(90,46,145,.14));\n      box-shadow:0 14px 40px rgba(0,0,0,.25);\n      font-size:20px;\n      line-height:1;\n      transform:translateX(1px);\n    }\n\n    #cdd-navA .cdd-edgebar-text{\n      writing-mode:vertical-rl;\n      transform:rotate(180deg);\n      font-size:12px;\n      font-weight:900;\n      letter-spacing:.24em;\n      text-transform:uppercase;\n      color:#caa6ff;\n      text-shadow:\n        0 0 8px rgba(170,110,255,.55),\n        0 0 18px rgba(90,46,145,.45),\n        0 0 28px rgba(90,46,145,.22);\n      user-select:none;\n    }\n\n    #cdd-navA .cdd-edgebar-social{\n      display:flex;\n      flex-direction:column;\n      gap:10px;\n      align-items:center;\n      width:100%;\n    }\n    #cdd-navA .cdd-edgebar-socialBtn{\n      width:44px; height:44px;\n      border-radius:16px;\n      display:grid; place-items:center;\n      border:1px solid rgba(255,255,255,.12);\n      background:rgba(0,0,0,.14);\n      transition:transform .18s ease, border-color .18s ease, background .18s ease;\n      text-decoration:none;\n    }\n    #cdd-navA .cdd-edgebar-socialBtn:hover{\n      transform:translateX(-2px);\n      border-color:rgba(15,107,74,.30);\n      background:rgba(0,0,0,.20);\n    }\n    #cdd-navA .cdd-edgebar-socialBtn svg{ width:20px; height:20px; fill:rgba(255,255,255,.90); }\n\n    #cdd-navA.is-open .cdd-edgebar{ opacity:0; pointer-events:none; transition:opacity .18s ease; }\n    #cdd-navA .cdd-edgebar{ transition:opacity .18s ease; }\n\n    @media(max-width:720px){\n      #cdd-navA .cdd-edgebar{\n        right:10px;\n        width:54px;\n        height:250px;\n      }\n      #cdd-navA .cdd-edgebar-arrow{ width:36px; height:36px; }\n      #cdd-navA .cdd-edgebar-socialBtn{ width:40px; height:40px; }\n    }\n\n    #cdd-navA .cdd-navA-overlay{\n      position:fixed; inset:0;\n      background:rgba(0,0,0,.55);\n      opacity:0; pointer-events:none;\n      transition:opacity .22s ease;\n      z-index:99998;\n    }\n\n    #cdd-navA .cdd-navA-drawer{\n      position:fixed; top:0; right:0; height:100vh;\n      width:min(980px, 92vw);\n      transform:translateX(105%);\n      transition:transform .28s ease;\n      z-index:99999;\n      padding:16px;\n      overflow:hidden;\n      background:rgba(10,14,24,.70);\n      backdrop-filter:blur(18px);\n      -webkit-backdrop-filter:blur(18px);\n      border-left:1px solid rgba(255,255,255,.12);\n      box-shadow:-30px 0 80px rgba(0,0,0,.45);\n    }\n\n    #cdd-navA .cdd-navA-shell{\n      height:100%;\n      display:grid;\n      grid-template-columns: 1fr 300px;\n      gap:14px;\n      border-radius:22px;\n      overflow:hidden;\n      position:relative;\n      border:1px solid rgba(255,255,255,.10);\n      background:\n        linear-gradient(90deg,\n          rgba(6,36,26,.92) 0%,\n          rgba(7,28,33,.90) 45%,\n          rgba(12,18,34,.92) 100%);\n      box-shadow:0 24px 70px rgba(0,0,0,.40), inset 0 1px 0 rgba(255,255,255,.05);\n    }\n    #cdd-navA .cdd-navA-shell::after{\n      content:\"\";\n      position:absolute; inset:0;\n      pointer-events:none;\n      opacity:.10;\n      background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.35'\/%3E%3C\/svg%3E\");\n      mix-blend-mode:overlay;\n      z-index:0;\n    }\n\n    #cdd-navA .cdd-navA-panel{\n      position:relative; z-index:1;\n      padding:18px;\n      display:flex;\n      flex-direction:column;\n      justify-content:center;\n      min-height:0;\n    }\n    #cdd-navA .cdd-navA-top{\n      display:flex; align-items:center; justify-content:space-between; gap:12px;\n      margin-bottom:14px;\n    }\n    #cdd-navA .cdd-navA-kicker{\n      display:flex; align-items:center; gap:10px;\n      font-size:12px; letter-spacing:.18em; text-transform:uppercase;\n      color:rgba(255,255,255,.65);\n    }\n    #cdd-navA .dot{\n      width:10px; height:10px; border-radius:99px;\n      background:linear-gradient(135deg,#0f6b4a,#5a2e91);\n      box-shadow:0 0 18px rgba(15,107,74,.35);\n    }\n    #cdd-navA .cdd-navA-close{\n      width:44px; height:44px; border-radius:999px;\n      border:1px solid rgba(255,255,255,.12);\n      background:rgba(0,0,0,.18);\n      color:rgba(255,255,255,.86);\n      cursor:pointer;\n      transition:transform .18s ease, border-color .18s ease, background .18s ease;\n    }\n    #cdd-navA .cdd-navA-close:hover{ transform:translateY(-2px); border-color:rgba(90,46,145,.30); background:rgba(0,0,0,.22); }\n\n    #cdd-navA .cdd-navA-links{\n      display:flex;\n      flex-direction:column;\n      gap:12px;\n    }\n    #cdd-navA .cdd-navA-link{\n      display:flex;\n      justify-content:center;\n      align-items:center;\n      padding:18px 16px;\n      border-radius:18px;\n      color:#d7b8ff;\n      text-shadow:\n        0 0 10px rgba(170,110,255,.22),\n        0 0 22px rgba(90,46,145,.18);\n      font-weight:950;\n      font-size:clamp(18px,2.1vw,28px);\n      background:rgba(0,0,0,.14);\n      border:1px solid rgba(255,255,255,.10);\n      transition:transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease;\n      text-align:center;\n      text-decoration:none;\n    }\n    #cdd-navA .cdd-navA-link:hover{\n      transform:translateY(-2px);\n      border-color:rgba(90,46,145,.34);\n      background:rgba(0,0,0,.20);\n      color:#eedbff;\n    }\n\n    #cdd-navA .cdd-navA-actions{\n      margin-top:18px;\n      display:flex;\n      flex-direction:column;\n      align-items:center;\n      gap:12px;\n    }\n    #cdd-navA .cdd-navA-cta{\n      display:inline-flex;\n      justify-content:center;\n      padding:12px 18px;\n      border-radius:999px;\n      font-weight:950;\n      color:#fff;\n      border:1px solid rgba(255,255,255,.14);\n      background:linear-gradient(135deg, rgba(15,107,74,.35), rgba(90,46,145,.25));\n      box-shadow:0 18px 40px rgba(0,0,0,.25);\n      transition:transform .18s ease;\n      min-width:min(360px, 100%);\n      text-decoration:none;\n    }\n    #cdd-navA .cdd-navA-cta:hover{ transform:translateY(-2px); }\n\n    #cdd-navA .cdd-navA-social{\n      display:flex;\n      justify-content:center;\n      gap:12px;\n    }\n    #cdd-navA .cdd-navA-socialBtn{\n      width:46px; height:46px; border-radius:16px;\n      display:grid; place-items:center;\n      border:1px solid rgba(255,255,255,.12);\n      background:rgba(0,0,0,.14);\n      transition:transform .18s ease, border-color .18s ease, background .18s ease;\n      text-decoration:none;\n    }\n    #cdd-navA .cdd-navA-socialBtn:hover{ transform:translateY(-2px); border-color:rgba(15,107,74,.30); background:rgba(0,0,0,.20); }\n    #cdd-navA .cdd-navA-socialBtn svg{ width:20px; height:20px; fill:rgba(255,255,255,.90); }\n\n    #cdd-navA .cdd-navA-rail{\n      position:relative;\n      z-index:1;\n      border-left:1px solid rgba(255,255,255,.10);\n      overflow:hidden;\n      background:rgba(0,0,0,.10);\n    }\n    #cdd-navA .cdd-navA-railImg{\n      position:absolute; inset:0;\n      background-size:cover;\n      background-position:center;\n      filter:grayscale(100%) contrast(1.05) brightness(.95);\n      transform:scale(1.03);\n      transition:transform .65s ease, filter .45s ease;\n    }\n    #cdd-navA .cdd-navA-rail:hover .cdd-navA-railImg{\n      transform:scale(1.10);\n      filter:grayscale(85%) contrast(1.08) brightness(1.0);\n    }\n    #cdd-navA .cdd-navA-railImg::after{\n      content:\"\";\n      position:absolute; inset:0;\n      background:linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.70));\n      opacity:.70;\n    }\n    #cdd-navA .cdd-navA-railCap{\n      position:absolute;\n      left:14px; right:14px; bottom:14px;\n      padding:12px 12px;\n      border-radius:16px;\n      background:rgba(0,0,0,.40);\n      border:1px solid rgba(255,255,255,.14);\n      backdrop-filter:blur(14px);\n      -webkit-backdrop-filter:blur(14px);\n      display:flex;\n      gap:10px;\n      align-items:flex-start;\n      color:rgba(255,255,255,.92);\n    }\n    #cdd-navA .cdd-navA-railCap .line{\n      width:40px; height:2px; margin-top:7px;\n      background:linear-gradient(90deg,#0f6b4a,#5a2e91);\n      border-radius:99px;\n      flex:0 0 auto;\n    }\n    #cdd-navA .cdd-navA-railCap .t1{ font-weight:950; font-size:16px; }\n    #cdd-navA .cdd-navA-railCap .t2{ margin-top:4px; font-size:12.5px; color:rgba(255,255,255,.72); }\n\n    @media(max-width:980px){\n      #cdd-navA .cdd-navA-drawer{ width:min(430px, 90vw); }\n      #cdd-navA .cdd-navA-shell{ grid-template-columns:1fr; }\n      #cdd-navA .cdd-navA-rail{ display:none; }\n    }\n\n    #cdd-navA.is-open .cdd-navA-overlay{ opacity:1; pointer-events:auto; }\n    #cdd-navA.is-open .cdd-navA-drawer{ transform:translateX(0); }\n  <\/style>\n\n  <script>\n    (function(){\n      const root = document.getElementById(\"cdd-navA\");\n      if(!root) return;\n\n      const openBtn = root.querySelector(\".cdd-edgebar-open\");\n      const closeBtn = root.querySelector(\".cdd-navA-close\");\n      const overlay = root.querySelector(\".cdd-navA-overlay\");\n      const drawer = root.querySelector(\".cdd-navA-drawer\");\n      const railImg = root.querySelector(\".cdd-navA-railImg[data-images]\");\n\n      function openMenu(){\n        root.classList.add(\"is-open\");\n        openBtn.setAttribute(\"aria-expanded\",\"true\");\n        overlay.setAttribute(\"aria-hidden\",\"false\");\n        drawer.setAttribute(\"aria-hidden\",\"false\");\n        document.body.style.overflow = \"hidden\";\n      }\n      function closeMenu(){\n        root.classList.remove(\"is-open\");\n        openBtn.setAttribute(\"aria-expanded\",\"false\");\n        overlay.setAttribute(\"aria-hidden\",\"true\");\n        drawer.setAttribute(\"aria-hidden\",\"true\");\n        document.body.style.overflow = \"\";\n      }\n\n      openBtn.addEventListener(\"click\", openMenu);\n      closeBtn.addEventListener(\"click\", closeMenu);\n      overlay.addEventListener(\"click\", closeMenu);\n      document.addEventListener(\"keydown\", (e)=>{ if(e.key===\"Escape\") closeMenu(); });\n\n      if(railImg && railImg.dataset.init !== \"1\"){\n        railImg.dataset.init = \"1\";\n        const imgs = (railImg.getAttribute(\"data-images\")||\"\").split(\",\").map(s=>s.trim()).filter(Boolean);\n        if(imgs.length){\n          let i=0;\n          railImg.style.backgroundImage = `url(\"${imgs[i]}\")`;\n          const interval = parseInt(railImg.getAttribute(\"data-interval\")||\"2800\",10);\n          setInterval(()=>{ i=(i+1)%imgs.length; railImg.style.backgroundImage = `url(\"${imgs[i]}\")`; }, interval);\n        }\n      }\n    })();\n  <\/script>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-36b59e6 e-con-full e-flex e-con e-parent\" data-id=\"36b59e6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df72f2e elementor-widget elementor-widget-html\" data-id=\"df72f2e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\nSECTION 1 \u2014 PROGRAMS HERO (IMPROVED \/ MORE PREMIUM)\nFixes:\n- Headline always VISIBLE (pure white + subtle shadow)\n- Stronger green\u2192navy\u2192purple background like your other pages\n- Cleaner chips + better CTA hierarchy\n- Right image box: richer overlay + badge + micro-details bar\n\n========================================================= -->\n<section id=\"cdd-programs-hero\" class=\"cdd-section\">\n  <div class=\"cdd-wrap\">\n\n    <div class=\"cdd-hero-grid\">\n\n      <!-- LEFT: COPY -->\n      <div class=\"cdd-hero-left cdd-card\">\n        <div class=\"hero-kicker\">\n          <span class=\"dot\"><\/span>\n          <span>PROGRAMS<\/span>\n        <\/div>\n\n        <h1 class=\"hero-title\">\n          Elite Training Pathways.<br\/>\n          Built for Progress.\n        <\/h1>\n\n        <p class=\"hero-sub\">\n          From <strong>Junior Development<\/strong> to <strong>High Performance<\/strong> training blocks, our programs are\n          structured around standards, coaching quality, and measurable improvement \u2014 in a premium, professional environment.\n        <\/p>\n\n        <div class=\"hero-chips\" aria-label=\"Program categories\">\n          <a class=\"chip\" href=\"#cdd-programs-juniors\">Junior<\/a>\n          <a class=\"chip\" href=\"#cdd-programs-hpp\">High Performance<\/a>\n          <a class=\"chip\" href=\"#cdd-programs-camps\">Camps<\/a>\n          <a class=\"chip\" href=\"#cdd-programs-individual\">Individual<\/a>\n        <\/div>\n\n        <div class=\"hero-ctas\">\n          <a class=\"cdd-btn\" href=\"\/apply\">Apply for Evaluation<\/a>\n          <a class=\"cdd-btn cdd-btn--ghost\" href=\"#cdd-programs-hpp\">Explore Programs<\/a>\n        <\/div>\n\n        <div class=\"hero-foot\">\n          <span class=\"pill-dot\"><\/span>\n          <span>Structured weekly training<\/span>\n          <span class=\"sep\">\u2022<\/span>\n          <span>Performance tracking<\/span>\n          <span class=\"sep\">\u2022<\/span>\n          <span>Match-play integration<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- RIGHT: VISUAL -->\n      <div class=\"cdd-hero-right cdd-card\">\n        <div\n          class=\"cdd-imgbox hero-img\"\n          role=\"img\"\n          aria-label=\"Colle Degli Dei training environment\"\n          style=\"background-image:url('https:\/\/colledeglideiacademy.com\/wp-content\/uploads\/2026\/01\/VAL_2945.jpg');\"\n          data-images=\"\n            https:\/\/colledeglideiacademy.com\/wp-content\/uploads\/2026\/01\/VAL_2945.jpg,\n            https:\/\/colledeglideiacademy.com\/wp-content\/uploads\/2026\/01\/VAL_3143.jpg,\n            https:\/\/colledeglideiacademy.com\/wp-content\/uploads\/2026\/01\/VAL_3210.jpg,\n            https:\/\/colledeglideiacademy.com\/wp-content\/uploads\/2026\/01\/VAL_3438.jpg,\n            https:\/\/colledeglideiacademy.com\/wp-content\/uploads\/2026\/01\/DSC_5444.jpg\n          \"\n          data-interval=\"3600\"\n        ><\/div>\n\n        <!-- Badge -->\n        <div class=\"hero-badge\">\n          <span class=\"line\"><\/span>\n          <div class=\"badge-text\">\n            <strong>Performance-First<\/strong>\n            <div class=\"badge-sub\">Training \u2022 Fitness \u2022 Recovery \u2022 Match Play<\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Micro details -->\n        <div class=\"hero-micro\">\n          <div class=\"mitem\">\n            <div class=\"mlabel\">Pathway<\/div>\n            <div class=\"mval\">Junior \u2192 HP<\/div>\n          <\/div>\n          <div class=\"mitem\">\n            <div class=\"mlabel\">Focus<\/div>\n            <div class=\"mval\">Standards<\/div>\n          <\/div>\n          <div class=\"mitem\">\n            <div class=\"mlabel\">Output<\/div>\n            <div class=\"mval\">Progress<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- subtle scroll cue -->\n    <div class=\"hero-scroll\">\n      <span class=\"mouse\"><\/span>\n      <span class=\"txt\">Scroll<\/span>\n    <\/div>\n\n  <\/div>\n\n  <!-- =========================\n       Scoped CSS\n       ========================= -->\n  <style>\n    #cdd-programs-hero{\n      position:relative;\n      padding:clamp(64px,7.5vw,120px) 0 clamp(56px,6vw,100px);\n      overflow:hidden;\n      background:\n        radial-gradient(85% 70% at 18% 20%, rgba(15,107,74,.55), rgba(15,107,74,0) 62%),\n        radial-gradient(60% 60% at 78% 18%, rgba(90,46,145,.18), rgba(90,46,145,0) 62%),\n        linear-gradient(90deg, rgba(6,36,26,1) 0%, rgba(7,28,33,1) 45%, rgba(12,18,34,1) 100%);\n    }\n\n    #cdd-programs-hero .cdd-wrap{\n      width:min(1180px, calc(100% - 40px));\n      margin:0 auto;\n      position:relative;\n      z-index:2;\n    }\n\n    \/* layout *\/\n    #cdd-programs-hero .cdd-hero-grid{\n      display:grid;\n      grid-template-columns:1.05fr .95fr;\n      gap:clamp(16px,2.8vw,32px);\n      align-items:stretch;\n    }\n\n    \/* glass card (local reinforcement if needed) *\/\n    #cdd-programs-hero .cdd-card{\n      border-radius:24px;\n      background:rgba(255,255,255,.05);\n      border:1px solid rgba(255,255,255,.10);\n      backdrop-filter: blur(14px);\n      -webkit-backdrop-filter: blur(14px);\n      box-shadow: 0 18px 50px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.06);\n      position:relative;\n      overflow:hidden;\n    }\n\n    \/* LEFT *\/\n    #cdd-programs-hero .cdd-hero-left{\n      padding:clamp(18px,2.4vw,30px);\n    }\n\n    #cdd-programs-hero .hero-kicker{\n      display:flex;\n      align-items:center;\n      gap:10px;\n      font-size:12px;\n      letter-spacing:.18em;\n      text-transform:uppercase;\n      color:rgba(255,255,255,.62);\n      margin-bottom:10px;\n    }\n    #cdd-programs-hero .hero-kicker .dot{\n      width:10px; height:10px; border-radius:99px;\n      background:linear-gradient(135deg,#0f6b4a,#5a2e91);\n      box-shadow:0 0 18px rgba(15,107,74,.35);\n    }\n\n    #cdd-programs-hero .hero-title{\n      margin:0 0 12px;\n      font-size:clamp(34px,4.3vw,56px);\n      line-height:1.06;\n      font-weight:950;\n      letter-spacing:-0.02em;\n      color:#fff !important;              \/* FIX: always visible *\/\n      text-shadow:0 10px 30px rgba(0,0,0,.40);\n    }\n\n    #cdd-programs-hero .hero-sub{\n      margin:0 0 18px;\n      max-width:72ch;\n      color:rgba(255,255,255,.78);\n      line-height:1.65;\n      font-size:clamp(14.5px,1.25vw,17px);\n    }\n\n    #cdd-programs-hero .hero-chips{\n      display:flex;\n      flex-wrap:wrap;\n      gap:10px;\n      margin-bottom:18px;\n    }\n    #cdd-programs-hero .chip{\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      padding:10px 14px;\n      border-radius:999px;\n      background:rgba(0,0,0,.16);\n      border:1px solid rgba(255,255,255,.10);\n      color:rgba(255,255,255,.85);\n      text-decoration:none;\n      font-weight:750;\n      font-size:13px;\n      transition:transform .18s ease, border-color .18s ease, background .18s ease;\n    }\n    #cdd-programs-hero .chip:hover{\n      transform:translateY(-2px);\n      border-color:rgba(15,107,74,.32);\n      background:rgba(0,0,0,.22);\n      color:#fff;\n    }\n\n    #cdd-programs-hero .hero-ctas{\n      display:flex;\n      flex-wrap:wrap;\n      gap:12px;\n      margin-bottom:18px;\n    }\n\n    #cdd-programs-hero .hero-foot{\n      display:flex;\n      flex-wrap:wrap;\n      align-items:center;\n      gap:10px;\n      color:rgba(255,255,255,.68);\n      font-size:13px;\n      border-top:1px solid rgba(255,255,255,.10);\n      padding-top:14px;\n    }\n    #cdd-programs-hero .hero-foot .pill-dot{\n      width:9px; height:9px; border-radius:99px;\n      background:rgba(199,214,79,.0);\n      background:linear-gradient(135deg,#0f6b4a,#5a2e91);\n      box-shadow:0 0 18px rgba(90,46,145,.25);\n    }\n    #cdd-programs-hero .hero-foot .sep{ opacity:.55; }\n\n    \/* RIGHT *\/\n    #cdd-programs-hero .cdd-hero-right{\n      padding:14px;\n      min-height:clamp(420px,44vw,560px);\n    }\n\n    #cdd-programs-hero .hero-img{\n      height:100%;\n      width:100%;\n      border-radius:20px;\n      background-size:cover;\n      background-position:center;\n      filter:grayscale(52%);\n      transform:scale(1.01);\n      transition:transform .55s ease, filter .45s ease;\n      box-shadow: inset 0 0 0 1px rgba(255,255,255,.10), 0 22px 60px rgba(0,0,0,.35);\n      position:relative;\n      overflow:hidden;\n    }\n    #cdd-programs-hero .hero-img::after{\n      content:\"\";\n      position:absolute; inset:0;\n      border-radius:20px;\n      background:\n        radial-gradient(120% 90% at 50% 20%, rgba(0,0,0,.10), rgba(0,0,0,.60) 75%),\n        linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.45));\n      opacity:.42;\n      pointer-events:none;\n    }\n    #cdd-programs-hero .cdd-hero-right:hover .hero-img{\n      filter:grayscale(0%);\n      transform:scale(1.06);\n    }\n\n    #cdd-programs-hero .hero-badge{\n      position:absolute;\n      left:26px; right:26px; bottom:84px;\n      padding:14px 16px;\n      border-radius:16px;\n      background:rgba(0,0,0,.38);\n      border:1px solid rgba(255,255,255,.14);\n      backdrop-filter:blur(14px);\n      -webkit-backdrop-filter:blur(14px);\n      display:flex;\n      gap:12px;\n      align-items:flex-start;\n      color:rgba(255,255,255,.90);\n    }\n    #cdd-programs-hero .hero-badge .line{\n      width:44px; height:2px; margin-top:6px;\n      background:linear-gradient(90deg,#0f6b4a,#5a2e91);\n      border-radius:99px;\n      flex:0 0 auto;\n    }\n    #cdd-programs-hero .hero-badge strong{\n      display:block;\n      font-size:18px;\n      letter-spacing:-0.01em;\n    }\n    #cdd-programs-hero .badge-sub{\n      margin-top:4px;\n      font-size:13px;\n      color:rgba(255,255,255,.74);\n    }\n\n    #cdd-programs-hero .hero-micro{\n      position:absolute;\n      left:26px; right:26px; bottom:22px;\n      display:grid;\n      grid-template-columns:repeat(3, minmax(0,1fr));\n      gap:10px;\n    }\n    #cdd-programs-hero .mitem{\n      border-radius:14px;\n      background:rgba(0,0,0,.26);\n      border:1px solid rgba(255,255,255,.12);\n      padding:10px 12px;\n      backdrop-filter:blur(12px);\n      -webkit-backdrop-filter:blur(12px);\n    }\n    #cdd-programs-hero .mlabel{\n      font-size:11px;\n      letter-spacing:.14em;\n      text-transform:uppercase;\n      color:rgba(255,255,255,.58);\n      margin-bottom:6px;\n    }\n    #cdd-programs-hero .mval{\n      font-size:13px;\n      font-weight:850;\n      color:rgba(255,255,255,.86);\n    }\n\n    \/* Scroll cue *\/\n    #cdd-programs-hero .hero-scroll{\n      margin-top:18px;\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      gap:10px;\n      color:rgba(255,255,255,.55);\n      font-size:12px;\n      letter-spacing:.12em;\n      text-transform:uppercase;\n      user-select:none;\n    }\n    #cdd-programs-hero .mouse{\n      width:18px; height:28px;\n      border-radius:999px;\n      border:1px solid rgba(255,255,255,.22);\n      position:relative;\n      display:inline-block;\n    }\n    #cdd-programs-hero .mouse::after{\n      content:\"\";\n      width:4px; height:4px;\n      border-radius:99px;\n      background:rgba(255,255,255,.65);\n      position:absolute;\n      left:50%; top:7px;\n      transform:translateX(-50%);\n      animation:cddHeroScroll 1.35s infinite ease-in-out;\n    }\n    @keyframes cddHeroScroll{\n      0%{ transform:translate(-50%,0); opacity:.25; }\n      50%{ transform:translate(-50%,8px); opacity:.9; }\n      100%{ transform:translate(-50%,0); opacity:.25; }\n    }\n\n    @media (max-width:980px){\n      #cdd-programs-hero .cdd-hero-grid{ grid-template-columns:1fr; }\n      #cdd-programs-hero .cdd-hero-right{ min-height:340px; }\n      #cdd-programs-hero .hero-badge{ bottom:78px; }\n    }\n  <\/style>\n\n  <!-- =========================\n       Scoped JS (slider)\n       ========================= -->\n  <script>\n    (function(){\n      const root = document.getElementById(\"cdd-programs-hero\");\n      if(!root) return;\n\n      root.querySelectorAll(\".cdd-imgbox[data-images]\").forEach(box=>{\n        if(box.dataset.init===\"1\") return;\n        box.dataset.init=\"1\";\n\n        const imgs = (box.getAttribute(\"data-images\")||\"\")\n          .split(\",\").map(s=>s.trim()).filter(Boolean);\n        if(!imgs.length) return;\n\n        let i = 0;\n        box.style.backgroundImage = `url(\"${imgs[i]}\")`;\n        const interval = parseInt(box.getAttribute(\"data-interval\")||\"3600\",10);\n\n        setInterval(()=>{\n          i = (i + 1) % imgs.length;\n          box.style.backgroundImage = `url(\"${imgs[i]}\")`;\n        }, interval);\n      });\n    })();\n  <\/script>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0e4bb6a e-con-full e-flex e-con e-parent\" data-id=\"0e4bb6a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42b4372 elementor-widget elementor-widget-html\" data-id=\"42b4372\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\nSECTION 2 \u2014 HIGH PERFORMANCE PROGRAM (FINAL POLISHED VERSION)\n- Premium layout, professional spacing, no \u201cblank\u201d areas\n- Left: structured content + clickable accordion (clean + elegant)\n- Right: image slider (guaranteed visible) + tiers\n- Headings forced WHITE\n- Color pattern: green-left -> navy-right (matches reference)\nPaste into ONE Elementor HTML widget (replace your current Section 2 entirely)\n========================================================= -->\n<section id=\"cdd-programs-hpp\" class=\"cdd-section\">\n  <div class=\"cdd-wrap\">\n\n    <!-- HEADER -->\n    <div class=\"cdd-hpp-header cdd-card\">\n      <div class=\"cdd-kicker\">High Performance<\/div>\n\n      <div class=\"cdd-hpp-headrow\">\n        <h2 class=\"cdd-hpp-title\">High Performance Program<\/h2>\n        <div class=\"cdd-hpp-mini\">\n          <div class=\"mini-item\">\n            <div class=\"mini-label\">Format<\/div>\n            <div class=\"mini-value\">Weekly \u2022 Monthly \u2022 Full Season<\/div>\n          <\/div>\n          <div class=\"mini-item\">\n            <div class=\"mini-label\">Focus<\/div>\n            <div class=\"mini-value\">Standards \u2022 Progression \u2022 Match Readiness<\/div>\n          <\/div>\n          <div class=\"mini-item\">\n            <div class=\"mini-label\">Support<\/div>\n            <div class=\"mini-value\">Training \u2022 Physical \u2022 Recovery \u2022 Feedback<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <p class=\"cdd-hpp-intro\">\n        A structured, professional training pathway for competitive players \u2014 integrating\n        <strong>on-court work, physical preparation, match-play, recovery,<\/strong> and\n        <strong>performance feedback<\/strong> into one coordinated system.\n      <\/p>\n\n      <div class=\"cdd-hpp-pills\" aria-label=\"Program pillars\">\n        <span class=\"cdd-pill\">Train<\/span>\n        <span class=\"cdd-pill\">Prepare<\/span>\n        <span class=\"cdd-pill\">Compete<\/span>\n        <span class=\"cdd-pill\">Recover<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- MAIN GRID -->\n    <div class=\"cdd-hpp-grid\">\n\n      <!-- LEFT: CONTENT + ACCORDION -->\n      <div class=\"cdd-hpp-left cdd-card\">\n\n        <!-- Two quick cards (professional overview) -->\n        <div class=\"cdd-hpp-quickgrid\">\n          <div class=\"qcard\">\n            <div class=\"qtitle\">Who It\u2019s For<\/div>\n            <p class=\"qtext\">Competitive players who demand structure, intensity, and measurable improvement.<\/p>\n            <ul class=\"qlist\">\n              <li>ITF \/ Pro pathway & ranking progression<\/li>\n              <li>High-level juniors transitioning to pro habits<\/li>\n              <li>Tournament preparation blocks<\/li>\n              <li>Comeback \/ rebuild (controlled return)<\/li>\n            <\/ul>\n          <\/div>\n\n          <div class=\"qcard\">\n            <div class=\"qtitle\">What You Get<\/div>\n            <p class=\"qtext\">A complete performance system \u2014 not just court time.<\/p>\n            <ul class=\"qlist\">\n              <li>Pattern-based on-court training<\/li>\n              <li>Tennis-specific strength & conditioning<\/li>\n              <li>Structured match-play scenarios<\/li>\n              <li>Recovery & injury prevention routines<\/li>\n              <li>Feedback, tracking, and block reviews<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n\n        <!-- Accordion (click to expand details) -->\n        <div class=\"cdd-hpp-accwrap\">\n          <div class=\"acc-kicker\">Tap to Explore<\/div>\n          <h3 class=\"acc-title\">Program Modules<\/h3>\n\n          <div class=\"cdd-acc\" role=\"tablist\" aria-label=\"High Performance program modules\">\n\n            <div class=\"acc-item\">\n              <button class=\"acc-btn\" type=\"button\" aria-expanded=\"false\">\n                <span class=\"acc-btn-left\">\n                  <span class=\"acc-dot\"><\/span>\n                  On-Court Performance Training\n                <\/span>\n                <span class=\"acc-ico\">+<\/span>\n              <\/button>\n              <div class=\"acc-panel\" hidden>\n                <div class=\"acc-body\">\n                  <p>\n                    Training is built around <strong>patterns, targets, and match-realistic constraints<\/strong>.\n                    Sessions focus on decision-making under pressure \u2014 not random repetition.\n                  <\/p>\n                  <ul>\n                    <li>Serve +1 \/ Return +1 systems<\/li>\n                    <li>Transition & net patterns<\/li>\n                    <li>Defense-to-offense conversion<\/li>\n                    <li>Shot tolerance and point-building<\/li>\n                  <\/ul>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"acc-item\">\n              <button class=\"acc-btn\" type=\"button\" aria-expanded=\"false\">\n                <span class=\"acc-btn-left\">\n                  <span class=\"acc-dot\"><\/span>\n                  Strength & Conditioning (Tennis-Specific)\n                <\/span>\n                <span class=\"acc-ico\">+<\/span>\n              <\/button>\n              <div class=\"acc-panel\" hidden>\n                <div class=\"acc-body\">\n                  <p>\n                    Physical training is adjusted to your load and competition schedule \u2014 built for <strong>speed,\n                    power, durability, and movement efficiency<\/strong>.\n                  <\/p>\n                  <ul>\n                    <li>Acceleration & deceleration mechanics<\/li>\n                    <li>Rotation power (serve\/groundstrokes)<\/li>\n                    <li>Joint integrity and stability<\/li>\n                    <li>Mobility, coordination, and prehab<\/li>\n                  <\/ul>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"acc-item\">\n              <button class=\"acc-btn\" type=\"button\" aria-expanded=\"false\">\n                <span class=\"acc-btn-left\">\n                  <span class=\"acc-dot\"><\/span>\n                  Match-Play & Competitive Scenarios\n                <\/span>\n                <span class=\"acc-ico\">+<\/span>\n              <\/button>\n              <div class=\"acc-panel\" hidden>\n                <div class=\"acc-body\">\n                  <p>\n                    Competitive habits are built through <strong>structured match-play<\/strong> with scoring formats,\n                    tactical objectives, and post-session feedback.\n                  <\/p>\n                  <ul>\n                    <li>Pressure scoring formats & constraints<\/li>\n                    <li>Opponent-style simulations<\/li>\n                    <li>Momentum management and reset routines<\/li>\n                    <li>Post-match review for rapid correction<\/li>\n                  <\/ul>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"acc-item\">\n              <button class=\"acc-btn\" type=\"button\" aria-expanded=\"false\">\n                <span class=\"acc-btn-left\">\n                  <span class=\"acc-dot\"><\/span>\n                  Recovery & Injury Prevention\n                <\/span>\n                <span class=\"acc-ico\">+<\/span>\n              <\/button>\n              <div class=\"acc-panel\" hidden>\n                <div class=\"acc-body\">\n                  <p>\n                    Recovery is built into the program. We manage load and prioritize <strong>movement quality<\/strong>\n                    to keep athletes healthy through high training volume.\n                  <\/p>\n                  <ul>\n                    <li>Warm-up routines that protect<\/li>\n                    <li>Mobility & prehab protocols<\/li>\n                    <li>Post-session recovery structure<\/li>\n                    <li>Return-to-play progression guidance<\/li>\n                  <\/ul>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"acc-item\">\n              <button class=\"acc-btn\" type=\"button\" aria-expanded=\"false\">\n                <span class=\"acc-btn-left\">\n                  <span class=\"acc-dot\"><\/span>\n                  Feedback & Progression Tracking\n                <\/span>\n                <span class=\"acc-ico\">+<\/span>\n              <\/button>\n              <div class=\"acc-panel\" hidden>\n                <div class=\"acc-body\">\n                  <p>\n                    Progress must be measurable. We use clear objectives and consistent feedback \u2014 so players know\n                    <strong>what to improve and how<\/strong>.\n                  <\/p>\n                  <ul>\n                    <li>Session objectives + recap<\/li>\n                    <li>Key KPIs (serve %, patterns, errors under pressure)<\/li>\n                    <li>Training-load overview<\/li>\n                    <li>Block review and next priorities<\/li>\n                  <\/ul>\n                <\/div>\n              <\/div>\n            <\/div>\n\n          <\/div>\n\n          <div class=\"cdd-hpp-cta\">\n            <a class=\"cdd-btn\" href=\"\/apply\">Apply for High Performance<\/a>\n            <a class=\"cdd-btn cdd-btn--ghost\" href=\"\/contact\">Ask a Question<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- RIGHT: IMAGE + TIERS -->\n      <div class=\"cdd-hpp-right\">\n\n        <!-- IMAGE (guaranteed visible: first image set inline) -->\n        <div class=\"cdd-hpp-media cdd-card\">\n          <div\n            class=\"cdd-imgbox\"\n            role=\"img\"\n            aria-label=\"High Performance Training\"\n            style=\"background-image:url('https:\/\/colledeglideiacademy.com\/wp-content\/uploads\/2026\/01\/VAL_2945.jpg');\"\n            data-images=\"\n              https:\/\/colledeglideiacademy.com\/wp-content\/uploads\/2026\/01\/VAL_2945.jpg,\n              https:\/\/colledeglideiacademy.com\/wp-content\/uploads\/2026\/01\/VAL_2998.jpg,\n              https:\/\/colledeglideiacademy.com\/wp-content\/uploads\/2026\/01\/VAL_3143.jpg,\n              https:\/\/colledeglideiacademy.com\/wp-content\/uploads\/2026\/01\/VAL_3210.jpg,\n              https:\/\/colledeglideiacademy.com\/wp-content\/uploads\/2026\/01\/VAL_3438.jpg\n            \"\n            data-interval=\"3800\"\n          ><\/div>\n\n          <div class=\"cdd-hpp-badge\">\n            <span class=\"line\"><\/span>\n            <div>\n              <strong>Pro-Level Standards<\/strong><br \/>\n              Training volume \u2022 Intensity \u2022 Accountability\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- TIERS -->\n        <div class=\"cdd-hpp-tailored cdd-card\">\n          <div class=\"t-kicker\">Tailored Options<\/div>\n          <h3 class=\"t-title\">Choose Your Level of Support<\/h3>\n\n          <div class=\"t-stack\">\n            <div class=\"t-tier\">\n              <div class=\"t-head\">\n                <span class=\"t-name\">Base HP<\/span>\n                <span class=\"t-tag\">Core daily training<\/span>\n              <\/div>\n              <ul>\n                <li>Integrated on-court + S&C structure<\/li>\n                <li>Match-play & scenario sessions<\/li>\n                <li>Standard feedback loop<\/li>\n              <\/ul>\n            <\/div>\n\n            <div class=\"t-tier\">\n              <div class=\"t-head\">\n                <span class=\"t-name\">HP+<\/span>\n                <span class=\"t-tag\">More individualization<\/span>\n              <\/div>\n              <ul>\n                <li>Personal weekly priorities<\/li>\n                <li>Extra technical detail sessions<\/li>\n                <li>Enhanced review & progression targets<\/li>\n              <\/ul>\n            <\/div>\n\n            <div class=\"t-tier\">\n              <div class=\"t-head\">\n                <span class=\"t-name\">Full Performance<\/span>\n                <span class=\"t-tag\">Elite integrated support<\/span>\n              <\/div>\n              <ul>\n                <li>Competition planning & routines<\/li>\n                <li>Recovery-first scheduling<\/li>\n                <li>Tracking approach + block review<\/li>\n              <\/ul>\n            <\/div>\n          <\/div>\n\n          <a class=\"cdd-btn cdd-btn--ghost\" href=\"\/contact\">Request an Evaluation Call<\/a>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- =========================\n       Scoped CSS (SECTION ONLY)\n       ========================= -->\n  <style>\n    \/* Background pattern *\/\n    #cdd-programs-hpp{\n      position:relative;\n      padding:clamp(64px,7.2vw,110px) 0;\n      overflow:hidden;\n      background:\n        radial-gradient(70% 60% at 18% 22%, rgba(15,107,74,.45), rgba(15,107,74,0) 62%),\n        radial-gradient(55% 55% at 72% 18%, rgba(90,46,145,.16), rgba(90,46,145,0) 62%),\n        linear-gradient(90deg, rgba(6,36,26,1) 0%, rgba(7,28,33,1) 45%, rgba(12,18,34,1) 100%);\n    }\n    #cdd-programs-hpp::before{\n      content:\"\";\n      position:absolute; left:-10%; right:-10%; top:-35%;\n      height:75%;\n      background:\n        radial-gradient(60% 100% at 28% 80%, rgba(255,255,255,.08), rgba(255,255,255,0) 60%),\n        radial-gradient(45% 90% at 70% 85%, rgba(255,255,255,.06), rgba(255,255,255,0) 62%);\n      filter:blur(10px);\n      opacity:.45;\n      pointer-events:none;\n      z-index:0;\n    }\n    #cdd-programs-hpp::after{\n      content:\"\";\n      position:absolute; inset:0;\n      background:\n        radial-gradient(120% 90% at 50% 0%, rgba(0,0,0,.16), rgba(0,0,0,0) 55%),\n        radial-gradient(120% 120% at 50% 100%, rgba(0,0,0,.28), rgba(0,0,0,0) 60%);\n      pointer-events:none;\n      z-index:1;\n    }\n\n    #cdd-programs-hpp .cdd-wrap{\n      width:min(1180px, calc(100% - 40px));\n      margin:0 auto;\n      position:relative;\n      z-index:2;\n    }\n\n    \/* Force headings WHITE *\/\n    #cdd-programs-hpp h1,\n    #cdd-programs-hpp h2,\n    #cdd-programs-hpp h3{\n      color:#fff !important;\n    }\n\n    \/* Header card *\/\n    #cdd-programs-hpp .cdd-hpp-header{\n      border-radius:22px;\n      background:rgba(255,255,255,.05);\n      border:1px solid rgba(255,255,255,.10);\n      backdrop-filter: blur(14px);\n      -webkit-backdrop-filter: blur(14px);\n      box-shadow: 0 18px 50px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.06);\n      padding:clamp(20px,2.4vw,28px);\n      margin-bottom:clamp(22px,3vw,34px);\n      position:relative;\n      overflow:hidden;\n    }\n    #cdd-programs-hpp .cdd-hpp-header::before{\n      content:\"\";\n      position:absolute; inset:-2px;\n      background:\n        radial-gradient(55% 35% at 18% 18%, rgba(15,107,74,.18), transparent 60%),\n        radial-gradient(40% 30% at 80% 12%, rgba(90,46,145,.12), transparent 62%);\n      opacity:.85;\n      pointer-events:none;\n    }\n\n    #cdd-programs-hpp .cdd-hpp-headrow{\n      display:flex;\n      gap:18px;\n      align-items:flex-end;\n      justify-content:space-between;\n      flex-wrap:wrap;\n      position:relative;\n      z-index:2;\n    }\n\n    #cdd-programs-hpp .cdd-hpp-title{\n      margin:8px 0 0;\n      font-size:clamp(30px,3.6vw,44px);\n      font-weight:900;\n      letter-spacing:-0.02em;\n      text-shadow:0 8px 26px rgba(0,0,0,.35);\n    }\n\n    #cdd-programs-hpp .cdd-hpp-mini{\n      display:grid;\n      grid-template-columns:repeat(3, minmax(0, 1fr));\n      gap:10px;\n      width:min(560px, 100%);\n    }\n    #cdd-programs-hpp .mini-item{\n      padding:10px 12px;\n      border-radius:16px;\n      background:rgba(0,0,0,.16);\n      border:1px solid rgba(255,255,255,.10);\n    }\n    #cdd-programs-hpp .mini-label{\n      font-size:11px;\n      letter-spacing:.14em;\n      text-transform:uppercase;\n      color:rgba(255,255,255,.62);\n      margin-bottom:6px;\n    }\n    #cdd-programs-hpp .mini-value{\n      font-size:13px;\n      color:rgba(255,255,255,.86);\n      line-height:1.35;\n    }\n\n    #cdd-programs-hpp .cdd-hpp-intro{\n      max-width:84ch;\n      color:rgba(255,255,255,.80);\n      line-height:1.6;\n      font-size:clamp(15px,1.3vw,17px);\n      margin:14px 0 14px;\n      position:relative;\n      z-index:2;\n    }\n\n    #cdd-programs-hpp .cdd-hpp-pills{\n      display:flex;\n      flex-wrap:wrap;\n      gap:10px;\n      position:relative;\n      z-index:2;\n    }\n    #cdd-programs-hpp .cdd-pill{\n      display:inline-flex;\n      align-items:center;\n      padding:9px 12px;\n      border-radius:999px;\n      font-size:13px;\n      color:rgba(255,255,255,.86);\n      background:rgba(0,0,0,.16);\n      border:1px solid rgba(255,255,255,.10);\n      backdrop-filter:blur(10px);\n      -webkit-backdrop-filter:blur(10px);\n      transition:transform .18s ease, background .18s ease, border-color .18s ease;\n    }\n    #cdd-programs-hpp .cdd-pill:hover{\n      transform:translateY(-2px);\n      background:rgba(0,0,0,.22);\n      border-color:rgba(15,107,74,.35);\n    }\n\n    \/* Main grid *\/\n    #cdd-programs-hpp .cdd-hpp-grid{\n      display:grid;\n      grid-template-columns:1.12fr .88fr;\n      gap:clamp(18px,2.6vw,30px);\n      align-items:start;\n    }\n\n    \/* Left card *\/\n    #cdd-programs-hpp .cdd-hpp-left{\n      border-radius:22px;\n      background:rgba(255,255,255,.05);\n      border:1px solid rgba(255,255,255,.10);\n      backdrop-filter: blur(14px);\n      -webkit-backdrop-filter: blur(14px);\n      box-shadow: 0 18px 50px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.06);\n      padding:clamp(18px,2.2vw,26px);\n      position:relative;\n      overflow:hidden;\n    }\n    #cdd-programs-hpp .cdd-hpp-left::before{\n      content:\"\";\n      position:absolute; inset:-2px;\n      background:\n        radial-gradient(55% 35% at 18% 18%, rgba(15,107,74,.14), transparent 60%),\n        radial-gradient(40% 30% at 80% 12%, rgba(90,46,145,.10), transparent 62%);\n      opacity:.85;\n      pointer-events:none;\n    }\n\n    #cdd-programs-hpp .cdd-hpp-quickgrid{\n      display:grid;\n      grid-template-columns:1fr 1fr;\n      gap:14px;\n      position:relative;\n      z-index:2;\n      margin-bottom:18px;\n    }\n\n    #cdd-programs-hpp .qcard{\n      border-radius:18px;\n      background:rgba(0,0,0,.16);\n      border:1px solid rgba(255,255,255,.10);\n      padding:14px;\n      transition:transform .22s ease, border-color .22s ease, background .22s ease;\n    }\n    #cdd-programs-hpp .qcard:hover{\n      transform:translateY(-2px);\n      border-color:rgba(15,107,74,.28);\n      background:rgba(0,0,0,.20);\n    }\n    #cdd-programs-hpp .qtitle{\n      font-weight:900;\n      margin-bottom:6px;\n      color:#fff;\n    }\n    #cdd-programs-hpp .qtext{\n      margin:0 0 10px;\n      color:rgba(255,255,255,.74);\n      font-size:13px;\n      line-height:1.45;\n    }\n    #cdd-programs-hpp .qlist{\n      margin:0;\n      padding-left:18px;\n      color:rgba(255,255,255,.82);\n      font-size:13px;\n      line-height:1.45;\n    }\n    #cdd-programs-hpp .qlist li{ margin-bottom:6px; }\n\n    \/* Accordion *\/\n    #cdd-programs-hpp .cdd-hpp-accwrap{\n      position:relative;\n      z-index:2;\n      margin-top:6px;\n    }\n    #cdd-programs-hpp .acc-kicker{\n      font-size:11px;\n      letter-spacing:.14em;\n      text-transform:uppercase;\n      color:rgba(255,255,255,.62);\n      margin-bottom:6px;\n    }\n    #cdd-programs-hpp .acc-title{\n      margin:0 0 12px;\n      font-size:18px;\n      font-weight:900;\n      color:#fff !important;\n    }\n\n    #cdd-programs-hpp .cdd-acc{\n      display:flex;\n      flex-direction:column;\n      gap:10px;\n      margin-bottom:16px;\n    }\n\n    #cdd-programs-hpp .acc-item{\n      border-radius:16px;\n      background:rgba(0,0,0,.16);\n      border:1px solid rgba(255,255,255,.10);\n      overflow:hidden;\n      transition:border-color .22s ease, background .22s ease;\n    }\n    #cdd-programs-hpp .acc-item:hover{\n      border-color:rgba(90,46,145,.26);\n      background:rgba(0,0,0,.20);\n    }\n\n    #cdd-programs-hpp .acc-btn{\n      width:100%;\n      display:flex;\n      align-items:center;\n      justify-content:space-between;\n      gap:12px;\n      padding:14px 14px;\n      background:transparent;\n      border:none;\n      cursor:pointer;\n      color:#fff;\n      text-align:left;\n      font-weight:850;\n      letter-spacing:.01em;\n    }\n    #cdd-programs-hpp .acc-btn-left{\n      display:flex;\n      align-items:center;\n      gap:10px;\n    }\n    #cdd-programs-hpp .acc-dot{\n      width:10px;\n      height:10px;\n      border-radius:999px;\n      background:linear-gradient(135deg,#0f6b4a,#5a2e91);\n      box-shadow:0 0 16px rgba(15,107,74,.35);\n      flex:0 0 auto;\n    }\n    #cdd-programs-hpp .acc-ico{\n      width:26px;\n      height:26px;\n      border-radius:999px;\n      display:grid;\n      place-items:center;\n      border:1px solid rgba(255,255,255,.14);\n      background:rgba(0,0,0,.14);\n      color:rgba(255,255,255,.86);\n      font-weight:900;\n      flex:0 0 auto;\n      transition:transform .22s ease;\n    }\n    #cdd-programs-hpp .acc-item.is-open .acc-ico{\n      transform:rotate(45deg);\n    }\n\n    #cdd-programs-hpp .acc-panel{\n      padding:0 14px 14px;\n    }\n    #cdd-programs-hpp .acc-body{\n      border-radius:14px;\n      background:rgba(0,0,0,.14);\n      border:1px solid rgba(255,255,255,.08);\n      padding:12px 12px;\n      color:rgba(255,255,255,.78);\n      font-size:13px;\n      line-height:1.5;\n    }\n    #cdd-programs-hpp .acc-body p{\n      margin:0 0 10px;\n    }\n    #cdd-programs-hpp .acc-body ul{\n      margin:0;\n      padding-left:18px;\n      color:rgba(255,255,255,.82);\n    }\n    #cdd-programs-hpp .acc-body li{ margin-bottom:6px; }\n\n    \/* CTA *\/\n    #cdd-programs-hpp .cdd-hpp-cta{\n      display:flex;\n      flex-wrap:wrap;\n      gap:12px;\n      position:relative;\n      z-index:2;\n    }\n\n    \/* Right column *\/\n    #cdd-programs-hpp .cdd-hpp-right{\n      display:flex;\n      flex-direction:column;\n      gap:16px;\n    }\n\n    \/* Media card *\/\n    #cdd-programs-hpp .cdd-hpp-media{\n      border-radius:22px;\n      background:rgba(255,255,255,.05);\n      border:1px solid rgba(255,255,255,.10);\n      backdrop-filter: blur(14px);\n      -webkit-backdrop-filter: blur(14px);\n      box-shadow: 0 18px 50px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.06);\n      padding:14px;\n      min-height:420px;\n      position:relative;\n      overflow:hidden;\n    }\n\n    #cdd-programs-hpp .cdd-imgbox{\n      height:100%;\n      width:100%;\n      border-radius:18px;\n      background-size:cover;\n      background-position:center;\n      filter:grayscale(55%);\n      transform:scale(1.01);\n      transition:transform .55s ease, filter .45s ease;\n      box-shadow: inset 0 0 0 1px rgba(255,255,255,.10), 0 22px 60px rgba(0,0,0,.35);\n      position:relative;\n      overflow:hidden;\n    }\n    #cdd-programs-hpp .cdd-imgbox::after{\n      content:\"\";\n      position:absolute;\n      inset:0;\n      border-radius:18px;\n      background:\n        radial-gradient(120% 90% at 50% 20%, rgba(0,0,0,.05), rgba(0,0,0,.55) 70%),\n        linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.45));\n      opacity:.42;\n      pointer-events:none;\n    }\n    #cdd-programs-hpp .cdd-hpp-media:hover .cdd-imgbox{\n      filter:grayscale(0%);\n      transform:scale(1.06);\n    }\n\n    #cdd-programs-hpp .cdd-hpp-badge{\n      position:absolute;\n      left:18px; bottom:18px; right:18px;\n      padding:14px 16px;\n      border-radius:16px;\n      background:rgba(0,0,0,.38);\n      border:1px solid rgba(255,255,255,.14);\n      backdrop-filter:blur(14px);\n      -webkit-backdrop-filter:blur(14px);\n      font-size:13px;\n      color:rgba(255,255,255,.88);\n    }\n    #cdd-programs-hpp .cdd-hpp-badge .line{\n      display:block;\n      width:44px;\n      height:2px;\n      margin-bottom:8px;\n      background:linear-gradient(90deg,#0f6b4a,#5a2e91);\n      border-radius:99px;\n    }\n\n    \/* Tailored card *\/\n    #cdd-programs-hpp .cdd-hpp-tailored{\n      border-radius:22px;\n      background:rgba(255,255,255,.05);\n      border:1px solid rgba(255,255,255,.10);\n      backdrop-filter: blur(14px);\n      -webkit-backdrop-filter: blur(14px);\n      box-shadow: 0 18px 50px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.06);\n      padding:18px;\n      position:relative;\n      overflow:hidden;\n    }\n    #cdd-programs-hpp .cdd-hpp-tailored::before{\n      content:\"\";\n      position:absolute; inset:-2px;\n      background:\n        radial-gradient(55% 35% at 18% 18%, rgba(15,107,74,.14), transparent 60%),\n        radial-gradient(40% 30% at 80% 12%, rgba(90,46,145,.12), transparent 62%);\n      opacity:.85;\n      pointer-events:none;\n    }\n\n    #cdd-programs-hpp .t-kicker{\n      font-size:11px;\n      letter-spacing:.14em;\n      text-transform:uppercase;\n      color:rgba(255,255,255,.62);\n      position:relative;\n      z-index:2;\n      margin-bottom:6px;\n    }\n    #cdd-programs-hpp .t-title{\n      margin:0 0 12px;\n      font-size:18px;\n      font-weight:900;\n      position:relative;\n      z-index:2;\n      color:#fff !important;\n    }\n    #cdd-programs-hpp .t-stack{\n      display:flex;\n      flex-direction:column;\n      gap:12px;\n      position:relative;\n      z-index:2;\n      margin-bottom:14px;\n    }\n    #cdd-programs-hpp .t-tier{\n      border-radius:16px;\n      padding:12px;\n      background:rgba(0,0,0,.16);\n      border:1px solid rgba(255,255,255,.10);\n      transition:transform .22s ease, border-color .22s ease, background .22s ease;\n    }\n    #cdd-programs-hpp .t-tier:hover{\n      transform:translateY(-2px);\n      border-color:rgba(15,107,74,.28);\n      background:rgba(0,0,0,.20);\n    }\n    #cdd-programs-hpp .t-head{\n      display:flex;\n      justify-content:space-between;\n      align-items:baseline;\n      gap:10px;\n      margin-bottom:8px;\n      position:relative;\n      z-index:2;\n    }\n    #cdd-programs-hpp .t-name{ font-weight:950; color:rgba(255,255,255,.92); }\n    #cdd-programs-hpp .t-tag{\n      font-size:12px;\n      color:rgba(255,255,255,.62);\n      padding:6px 10px;\n      border-radius:999px;\n      border:1px solid rgba(255,255,255,.10);\n      background:rgba(0,0,0,.12);\n      white-space:nowrap;\n    }\n    #cdd-programs-hpp .t-tier ul{\n      margin:0;\n      padding-left:18px;\n      color:rgba(255,255,255,.80);\n      line-height:1.45;\n      font-size:13px;\n      position:relative;\n      z-index:2;\n    }\n    #cdd-programs-hpp .t-tier li{ margin-bottom:6px; }\n\n    @media (max-width:1100px){\n      #cdd-programs-hpp .cdd-hpp-mini{ grid-template-columns:1fr; }\n    }\n    @media (max-width:980px){\n      #cdd-programs-hpp .cdd-hpp-grid{ grid-template-columns:1fr; }\n      #cdd-programs-hpp .cdd-hpp-quickgrid{ grid-template-columns:1fr; }\n      #cdd-programs-hpp .cdd-hpp-media{ min-height:340px; }\n    }\n  <\/style>\n\n  <!-- =========================\n       Scoped JS (SECTION ONLY)\n       - image slider\n       - accordion open\/close\n       ========================= -->\n  <script>\n    (function(){\n      const root = document.getElementById(\"cdd-programs-hpp\");\n      if(!root) return;\n\n      \/* Image slider: always visible because we set inline background-image on the div *\/\n      root.querySelectorAll(\".cdd-imgbox[data-images]\").forEach(box=>{\n        if(box.dataset.cddInit===\"1\") return;\n        box.dataset.cddInit=\"1\";\n\n        const imgs = (box.getAttribute(\"data-images\")||\"\")\n          .split(\",\").map(s=>s.trim()).filter(Boolean);\n\n        if(!imgs.length) return;\n\n        let i = 0;\n        box.style.backgroundImage = `url(\"${imgs[i]}\")`;\n\n        const interval = parseInt(box.getAttribute(\"data-interval\")||\"3800\",10);\n        setInterval(()=>{\n          i = (i + 1) % imgs.length;\n          box.style.backgroundImage = `url(\"${imgs[i]}\")`;\n        }, interval);\n      });\n\n      \/* Accordion *\/\n      const items = root.querySelectorAll(\".acc-item\");\n      items.forEach(item=>{\n        const btn = item.querySelector(\".acc-btn\");\n        const panel = item.querySelector(\".acc-panel\");\n        if(!btn || !panel) return;\n\n        btn.addEventListener(\"click\", ()=>{\n          const open = item.classList.toggle(\"is-open\");\n          btn.setAttribute(\"aria-expanded\", open ? \"true\" : \"false\");\n          panel.hidden = !open;\n        });\n      });\n    })();\n  <\/script>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0641867 e-con-full e-flex e-con e-parent\" data-id=\"0641867\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-941af90 elementor-widget elementor-widget-html\" data-id=\"941af90\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\nSECTION 3 \u2014 JUNIOR DEVELOPMENT PROGRAM\nPremium, visual, parent-friendly, performance-oriented\nPaste into ONE Elementor HTML widget\n========================================================= -->\n<section id=\"cdd-programs-juniors\" class=\"cdd-section\">\n  <div class=\"cdd-wrap\">\n\n    <!-- HEADER -->\n    <div class=\"cdd-jun-header cdd-card\">\n      <div class=\"cdd-kicker\">Junior Pathway<\/div>\n\n      <h2 class=\"cdd-jun-title\">Junior Development Program<\/h2>\n\n      <p class=\"cdd-jun-intro\">\n        A long-term development pathway for young players \u2014 focused on\n        <strong>strong fundamentals, athletic development, confidence,<\/strong>\n        and a healthy progression toward competitive tennis.\n      <\/p>\n\n      <div class=\"cdd-jun-pills\">\n        <span class=\"cdd-pill\">Ages 6\u201310<\/span>\n        <span class=\"cdd-pill\">Ages 11\u201314<\/span>\n        <span class=\"cdd-pill\">Ages 15\u201318<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- MAIN GRID -->\n    <div class=\"cdd-jun-grid\">\n\n      <!-- LEFT: CONTENT -->\n      <div class=\"cdd-jun-left cdd-card\">\n\n        <!-- Philosophy -->\n        <div class=\"jun-block\">\n          <h3>Our Philosophy<\/h3>\n          <p>\n            We believe great players are built over time. Our Junior Development Program\n            prioritizes <strong>technique, movement quality, decision-making,<\/strong>\n            and enjoyment of the game \u2014 before results.\n          <\/p>\n        <\/div>\n\n        <!-- Visual Value Cards -->\n        <div class=\"jun-values\">\n\n          <div class=\"jun-value\">\n            <div class=\"jv-title\">Technical Foundations<\/div>\n            <p>Correct stroke mechanics, grips, footwork, and timing from the start.<\/p>\n          <\/div>\n\n          <div class=\"jun-value\">\n            <div class=\"jv-title\">Athletic Development<\/div>\n            <p>Coordination, balance, speed, and agility adapted to age and growth.<\/p>\n          <\/div>\n\n          <div class=\"jun-value\">\n            <div class=\"jv-title\">Game Understanding<\/div>\n            <p>Rally patterns, decision-making, and learning how to play points.<\/p>\n          <\/div>\n\n          <div class=\"jun-value\">\n            <div class=\"jv-title\">Confidence & Discipline<\/div>\n            <p>Positive training environment that builds focus, routines, and self-belief.<\/p>\n          <\/div>\n\n        <\/div>\n\n        <!-- Age Structure -->\n        <div class=\"jun-block\">\n          <h3>Age-Based Structure<\/h3>\n\n          <div class=\"jun-ages\">\n            <div class=\"jun-age\">\n              <strong>6\u201310 years<\/strong>\n              <span>Fundamentals \u2022 Coordination \u2022 Love for the game<\/span>\n            <\/div>\n            <div class=\"jun-age\">\n              <strong>11\u201314 years<\/strong>\n              <span>Technique refinement \u2022 Movement \u2022 Match introduction<\/span>\n            <\/div>\n            <div class=\"jun-age\">\n              <strong>15\u201318 years<\/strong>\n              <span>Competitive habits \u2022 Physical prep \u2022 Transition readiness<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"cdd-jun-cta\">\n          <a class=\"cdd-btn\" href=\"\/apply\">Apply for Junior Program<\/a>\n          <a class=\"cdd-btn cdd-btn--ghost\" href=\"\/contact\">Talk to Our Coaches<\/a>\n        <\/div>\n\n      <\/div>\n\n      <!-- RIGHT: VISUAL -->\n      <div class=\"cdd-jun-right\">\n\n        <div class=\"cdd-jun-media cdd-card\">\n          <div\n            class=\"cdd-imgbox\"\n            style=\"background-image:url('https:\/\/colledeglideiacademy.com\/wp-content\/uploads\/2026\/01\/VAL_0861.jpg');\"\n            data-images=\"\n              https:\/\/colledeglideiacademy.com\/wp-content\/uploads\/2026\/01\/VAL_0861.jpg,\n              https:\/\/colledeglideiacademy.com\/wp-content\/uploads\/2026\/01\/VAL_0807.jpg,\n              https:\/\/colledeglideiacademy.com\/wp-content\/uploads\/2026\/01\/VAL_0777.jpg,\n              https:\/\/colledeglideiacademy.com\/wp-content\/uploads\/2026\/01\/VAL_0540.jpg\n            \"\n            data-interval=\"4200\"\n          ><\/div>\n\n          <div class=\"jun-badge\">\n            <span class=\"line\"><\/span>\n            Long-term development \u2022 Player-first approach\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- =========================\n       Scoped CSS\n       ========================= -->\n  <style>\n    #cdd-programs-juniors{\n      padding:clamp(64px,7vw,110px) 0;\n      background:\n        radial-gradient(70% 60% at 20% 25%, rgba(15,107,74,.40), rgba(15,107,74,0) 62%),\n        linear-gradient(90deg, rgba(7,30,26,1), rgba(12,18,34,1));\n    }\n\n    #cdd-programs-juniors h2,\n    #cdd-programs-juniors h3{ color:#fff !important; }\n\n    .cdd-jun-header{\n      margin-bottom:32px;\n      padding:28px;\n    }\n\n    .cdd-jun-title{\n      font-size:clamp(30px,3.4vw,42px);\n      font-weight:900;\n      margin:8px 0;\n    }\n\n    .cdd-jun-intro{\n      max-width:75ch;\n      color:rgba(255,255,255,.78);\n      line-height:1.6;\n    }\n\n    .cdd-jun-pills{\n      display:flex;\n      gap:10px;\n      margin-top:14px;\n    }\n\n    .cdd-jun-grid{\n      display:grid;\n      grid-template-columns:1.1fr .9fr;\n      gap:28px;\n    }\n\n    .cdd-jun-left{\n      padding:26px;\n    }\n\n    .jun-block{\n      margin-bottom:22px;\n    }\n\n    .jun-block p{\n      color:rgba(255,255,255,.75);\n      line-height:1.6;\n    }\n\n    .jun-values{\n      display:grid;\n      grid-template-columns:1fr 1fr;\n      gap:14px;\n      margin-bottom:24px;\n    }\n\n    .jun-value{\n      background:rgba(0,0,0,.16);\n      border:1px solid rgba(255,255,255,.10);\n      border-radius:16px;\n      padding:14px;\n    }\n\n    .jv-title{\n      font-weight:900;\n      margin-bottom:6px;\n      color:#fff;\n    }\n\n    .jun-age{\n      display:flex;\n      flex-direction:column;\n      gap:4px;\n      padding:12px;\n      border-radius:14px;\n      background:rgba(0,0,0,.16);\n      border:1px solid rgba(255,255,255,.10);\n      margin-bottom:10px;\n      color:rgba(255,255,255,.82);\n    }\n\n    .cdd-jun-cta{\n      display:flex;\n      gap:12px;\n      margin-top:18px;\n    }\n\n    .cdd-jun-media{\n      padding:14px;\n      min-height:420px;\n      position:relative;\n    }\n\n    .jun-badge{\n      position:absolute;\n      bottom:18px;\n      left:18px;\n      right:18px;\n      padding:14px;\n      border-radius:16px;\n      background:rgba(0,0,0,.38);\n      border:1px solid rgba(255,255,255,.14);\n      color:rgba(255,255,255,.88);\n      font-size:13px;\n    }\n\n    .jun-badge .line{\n      display:block;\n      width:44px;\n      height:2px;\n      margin-bottom:8px;\n      background:linear-gradient(90deg,#0f6b4a,#5a2e91);\n    }\n\n    @media(max-width:980px){\n      .cdd-jun-grid{ grid-template-columns:1fr; }\n      .jun-values{ grid-template-columns:1fr; }\n      .cdd-jun-media{ min-height:320px; }\n    }\n  <\/style>\n\n  <!-- =========================\n       Scoped JS\n       ========================= -->\n  <script>\n    (function(){\n      const root = document.getElementById(\"cdd-programs-juniors\");\n      if(!root) return;\n\n      root.querySelectorAll(\".cdd-imgbox[data-images]\").forEach(box=>{\n        if(box.dataset.init===\"1\") return;\n        box.dataset.init=\"1\";\n\n        const imgs = box.dataset.images.split(\",\").map(s=>s.trim());\n        let i=0;\n        box.style.backgroundImage = `url(\"${imgs[i]}\")`;\n\n        setInterval(()=>{\n          i=(i+1)%imgs.length;\n          box.style.backgroundImage = `url(\"${imgs[i]}\")`;\n        }, parseInt(box.dataset.interval||\"4200\",10));\n      });\n    })();\n  <\/script>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d5e3d82 e-con-full e-flex e-con e-parent\" data-id=\"d5e3d82\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f1ee17f elementor-widget elementor-widget-html\" data-id=\"f1ee17f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\nSECTION 4 \u2014 CAMPS & SEASONAL PROGRAMS\nUltra-visual, premium, \u201cimmersion experience\u201d positioning\n- Left: strong copy + highlights + quick formats\n- Right: big image slider + \u201cCamp Types\u201d visual grid (clickable tabs)\n========================================================= -->\n<section id=\"cdd-programs-camps\" class=\"cdd-section\">\n  <div class=\"cdd-wrap\">\n\n    <!-- HEADER -->\n    <div class=\"cdd-camps-header cdd-card\">\n      <div class=\"cdd-kicker\">Camps & Seasonal<\/div>\n\n      <h2 class=\"cdd-camps-title\">Camps & Seasonal Programs<\/h2>\n\n      <p class=\"cdd-camps-intro\">\n        Short-term, high-intensity training blocks designed for fast improvement \u2014 ideal for visiting players,\n        off-season preparation, and competitive momentum. Expect structure, standards, and an elite training atmosphere.\n      <\/p>\n\n      <div class=\"cdd-camps-chips\">\n        <span class=\"cdd-pill\">1\u20132 Week Intensives<\/span>\n        <span class=\"cdd-pill\">Pre-Season Blocks<\/span>\n        <span class=\"cdd-pill\">Match-Play Weeks<\/span>\n        <span class=\"cdd-pill\">Visiting Players<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- MAIN GRID -->\n    <div class=\"cdd-camps-grid\">\n\n      <!-- LEFT -->\n      <div class=\"cdd-camps-left cdd-card\">\n\n        <div class=\"camps-highlights\">\n          <div class=\"hl\">\n            <div class=\"hl-title\">Intensive On-Court Training<\/div>\n            <div class=\"hl-text\">Pattern work, tactical clarity, and match-realistic drills.<\/div>\n          <\/div>\n          <div class=\"hl\">\n            <div class=\"hl-title\">Physical Preparation<\/div>\n            <div class=\"hl-text\">Tennis-specific movement, speed, and durability sessions.<\/div>\n          <\/div>\n          <div class=\"hl\">\n            <div class=\"hl-title\">Competitive Match-Play<\/div>\n            <div class=\"hl-text\">Structured sets with objectives and pressure formats.<\/div>\n          <\/div>\n          <div class=\"hl\">\n            <div class=\"hl-title\">Recovery Built-In<\/div>\n            <div class=\"hl-text\">Load-managed blocks to improve fast without burnout.<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"camps-formats\">\n          <h3>Popular Camp Formats<\/h3>\n          <div class=\"format-grid\">\n            <div class=\"format-card\">\n              <div class=\"f-top\">\n                <span class=\"f-name\">Intensive Camp<\/span>\n                <span class=\"f-tag\">1\u20132 weeks<\/span>\n              <\/div>\n              <ul>\n                <li>High-volume daily training<\/li>\n                <li>Fast technical & tactical gains<\/li>\n                <li>Match-play integration<\/li>\n              <\/ul>\n            <\/div>\n\n            <div class=\"format-card\">\n              <div class=\"f-top\">\n                <span class=\"f-name\">Pre-Season Block<\/span>\n                <span class=\"f-tag\">2\u20134 weeks<\/span>\n              <\/div>\n              <ul>\n                <li>Physical base + on-court structure<\/li>\n                <li>Progressive training load<\/li>\n                <li>Competition routines<\/li>\n              <\/ul>\n            <\/div>\n\n            <div class=\"format-card\">\n              <div class=\"f-top\">\n                <span class=\"f-name\">Match-Play Week<\/span>\n                <span class=\"f-tag\">1 week<\/span>\n              <\/div>\n              <ul>\n                <li>Pressure scoring & scenarios<\/li>\n                <li>Opponent-style simulations<\/li>\n                <li>Post-match feedback<\/li>\n              <\/ul>\n            <\/div>\n\n            <div class=\"format-card\">\n              <div class=\"f-top\">\n                <span class=\"f-name\">Private Camp<\/span>\n                <span class=\"f-tag\">Custom<\/span>\n              <\/div>\n              <ul>\n                <li>1:1 focus & priorities<\/li>\n                <li>Flexible scheduling<\/li>\n                <li>Tailored weekly plan<\/li>\n              <\/ul>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"cdd-camps-cta\">\n          <a class=\"cdd-btn\" href=\"\/apply\">Apply for a Camp<\/a>\n          <a class=\"cdd-btn cdd-btn--ghost\" href=\"\/contact\">Ask About Dates<\/a>\n        <\/div>\n\n      <\/div>\n\n      <!-- RIGHT -->\n      <div class=\"cdd-camps-right\">\n\n        <!-- BIG VISUAL SLIDER -->\n        <div class=\"cdd-camps-media cdd-card\">\n          <div\n            class=\"cdd-imgbox\"\n            role=\"img\"\n            aria-label=\"Camps & Seasonal Training\"\n            style=\"background-image:url('https:\/\/colledeglideiacademy.com\/wp-content\/uploads\/2026\/01\/VAL_2945.jpg');\"\n            data-images=\"\n              https:\/\/colledeglideiacademy.com\/wp-content\/uploads\/2026\/01\/VAL_2945.jpg,\n              https:\/\/colledeglideiacademy.com\/wp-content\/uploads\/2026\/01\/VAL_2969.jpg,\n              https:\/\/colledeglideiacademy.com\/wp-content\/uploads\/2026\/01\/VAL_2998.jpg,\n              https:\/\/colledeglideiacademy.com\/wp-content\/uploads\/2026\/01\/VAL_3143.jpg,\n              https:\/\/colledeglideiacademy.com\/wp-content\/uploads\/2026\/01\/VAL_3340.jpg\n            \"\n            data-interval=\"3600\"\n          ><\/div>\n\n          <div class=\"camps-badge\">\n            <span class=\"line\"><\/span>\n            <div>\n              <strong>Short-Term Immersion<\/strong><br\/>\n              Structured weeks \u2022 Fast improvement \u2022 Elite environment\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- CAMP TYPES (VISUAL TABS) -->\n        <div class=\"cdd-camps-types cdd-card\">\n          <div class=\"types-kicker\">Camp Types<\/div>\n\n          <div class=\"types-tabs\" role=\"tablist\" aria-label=\"Camp types\">\n            <button class=\"tbtn is-active\" type=\"button\" data-tab=\"t1\">Intensive<\/button>\n            <button class=\"tbtn\" type=\"button\" data-tab=\"t2\">Pre-Season<\/button>\n            <button class=\"tbtn\" type=\"button\" data-tab=\"t3\">Match-Play<\/button>\n            <button class=\"tbtn\" type=\"button\" data-tab=\"t4\">Private<\/button>\n          <\/div>\n\n          <div class=\"types-panels\">\n            <div class=\"tpanel is-active\" id=\"t1\">\n              <div class=\"tp-title\">Intensive Camp<\/div>\n              <p>High-frequency training built for quick improvements in technique, patterns, and match readiness.<\/p>\n              <ul>\n                <li>2\u20133 on-court sessions\/day (varies)<\/li>\n                <li>Serve\/return emphasis + patterns<\/li>\n                <li>Structured match-play integration<\/li>\n              <\/ul>\n            <\/div>\n\n            <div class=\"tpanel\" id=\"t2\">\n              <div class=\"tp-title\">Pre-Season Block<\/div>\n              <p>A professional base-building period combining physical preparation with progressive tennis workload.<\/p>\n              <ul>\n                <li>Movement + strength foundation<\/li>\n                <li>Daily structure & progression<\/li>\n                <li>Competition routines and habits<\/li>\n              <\/ul>\n            <\/div>\n\n            <div class=\"tpanel\" id=\"t3\">\n              <div class=\"tp-title\">Match-Play Week<\/div>\n              <p>Perfect before tournaments \u2014 focused on pressure formats, decision-making, and tactical clarity.<\/p>\n              <ul>\n                <li>Pressure scoring formats<\/li>\n                <li>Opponent-style simulations<\/li>\n                <li>Post-match corrections<\/li>\n              <\/ul>\n            <\/div>\n\n            <div class=\"tpanel\" id=\"t4\">\n              <div class=\"tp-title\">Private Camp<\/div>\n              <p>Customized 1:1 focus with flexible scheduling \u2014 ideal for specific improvements or personal goals.<\/p>\n              <ul>\n                <li>Personal priorities & weekly plan<\/li>\n                <li>Flexible intensity and timings<\/li>\n                <li>Optional match-play & feedback<\/li>\n              <\/ul>\n            <\/div>\n          <\/div>\n\n          <a class=\"cdd-btn cdd-btn--ghost\" href=\"\/apply\">Request a Camp Plan<\/a>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- =========================\n       Scoped CSS\n       ========================= -->\n  <style>\n    #cdd-programs-camps{\n      position:relative;\n      padding:clamp(64px,7.2vw,110px) 0;\n      overflow:hidden;\n      background:\n        radial-gradient(70% 60% at 18% 22%, rgba(15,107,74,.40), rgba(15,107,74,0) 62%),\n        radial-gradient(55% 55% at 72% 18%, rgba(90,46,145,.16), rgba(90,46,145,0) 62%),\n        linear-gradient(90deg, rgba(6,36,26,1) 0%, rgba(7,28,33,1) 45%, rgba(12,18,34,1) 100%);\n    }\n\n    #cdd-programs-camps h2,\n    #cdd-programs-camps h3{ color:#fff !important; }\n\n    #cdd-programs-camps .cdd-wrap{\n      width:min(1180px, calc(100% - 40px));\n      margin:0 auto;\n      position:relative;\n      z-index:2;\n    }\n\n    \/* Header *\/\n    #cdd-programs-camps .cdd-camps-header{\n      padding:28px;\n      margin-bottom:32px;\n      border-radius:22px;\n      background:rgba(255,255,255,.05);\n      border:1px solid rgba(255,255,255,.10);\n      backdrop-filter:blur(14px);\n      -webkit-backdrop-filter:blur(14px);\n      box-shadow: 0 18px 50px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.06);\n      position:relative;\n      overflow:hidden;\n    }\n    #cdd-programs-camps .cdd-camps-title{\n      font-size:clamp(30px,3.4vw,42px);\n      font-weight:900;\n      margin:8px 0 10px;\n    }\n    #cdd-programs-camps .cdd-camps-intro{\n      max-width:82ch;\n      color:rgba(255,255,255,.78);\n      line-height:1.6;\n      margin:0 0 14px;\n    }\n    #cdd-programs-camps .cdd-camps-chips{\n      display:flex;\n      flex-wrap:wrap;\n      gap:10px;\n    }\n\n    \/* Layout *\/\n    #cdd-programs-camps .cdd-camps-grid{\n      display:grid;\n      grid-template-columns:1.1fr .9fr;\n      gap:28px;\n      align-items:start;\n    }\n\n    \/* Left card *\/\n    #cdd-programs-camps .cdd-camps-left{\n      padding:26px;\n      border-radius:22px;\n      background:rgba(255,255,255,.05);\n      border:1px solid rgba(255,255,255,.10);\n      backdrop-filter:blur(14px);\n      -webkit-backdrop-filter:blur(14px);\n      box-shadow: 0 18px 50px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.06);\n      position:relative;\n      overflow:hidden;\n    }\n\n    #cdd-programs-camps .camps-highlights{\n      display:grid;\n      grid-template-columns:1fr 1fr;\n      gap:14px;\n      margin-bottom:18px;\n    }\n    #cdd-programs-camps .hl{\n      border-radius:16px;\n      background:rgba(0,0,0,.16);\n      border:1px solid rgba(255,255,255,.10);\n      padding:14px;\n      transition:transform .22s ease, border-color .22s ease, background .22s ease;\n    }\n    #cdd-programs-camps .hl:hover{\n      transform:translateY(-2px);\n      border-color:rgba(15,107,74,.28);\n      background:rgba(0,0,0,.20);\n    }\n    #cdd-programs-camps .hl-title{\n      font-weight:900;\n      color:#fff;\n      margin-bottom:6px;\n    }\n    #cdd-programs-camps .hl-text{\n      color:rgba(255,255,255,.75);\n      font-size:13px;\n      line-height:1.45;\n    }\n\n    #cdd-programs-camps .camps-formats h3{\n      margin:8px 0 12px;\n      font-size:18px;\n      font-weight:900;\n    }\n    #cdd-programs-camps .format-grid{\n      display:grid;\n      grid-template-columns:1fr 1fr;\n      gap:14px;\n    }\n    #cdd-programs-camps .format-card{\n      border-radius:16px;\n      background:rgba(0,0,0,.16);\n      border:1px solid rgba(255,255,255,.10);\n      padding:14px;\n      transition:transform .22s ease, border-color .22s ease, background .22s ease;\n    }\n    #cdd-programs-camps .format-card:hover{\n      transform:translateY(-2px);\n      border-color:rgba(90,46,145,.26);\n      background:rgba(0,0,0,.20);\n    }\n    #cdd-programs-camps .f-top{\n      display:flex;\n      justify-content:space-between;\n      gap:10px;\n      margin-bottom:10px;\n      align-items:baseline;\n    }\n    #cdd-programs-camps .f-name{\n      font-weight:950;\n      color:#fff;\n    }\n    #cdd-programs-camps .f-tag{\n      font-size:12px;\n      color:rgba(255,255,255,.62);\n      padding:6px 10px;\n      border-radius:999px;\n      border:1px solid rgba(255,255,255,.10);\n      background:rgba(0,0,0,.12);\n      white-space:nowrap;\n    }\n    #cdd-programs-camps .format-card ul{\n      margin:0;\n      padding-left:18px;\n      color:rgba(255,255,255,.80);\n      font-size:13px;\n      line-height:1.45;\n    }\n    #cdd-programs-camps .format-card li{ margin-bottom:6px; }\n\n    #cdd-programs-camps .cdd-camps-cta{\n      display:flex;\n      flex-wrap:wrap;\n      gap:12px;\n      margin-top:18px;\n    }\n\n    \/* Right column *\/\n    #cdd-programs-camps .cdd-camps-right{\n      display:flex;\n      flex-direction:column;\n      gap:16px;\n    }\n\n    \/* Media *\/\n    #cdd-programs-camps .cdd-camps-media{\n      padding:14px;\n      min-height:420px;\n      border-radius:22px;\n      background:rgba(255,255,255,.05);\n      border:1px solid rgba(255,255,255,.10);\n      backdrop-filter:blur(14px);\n      -webkit-backdrop-filter:blur(14px);\n      box-shadow: 0 18px 50px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.06);\n      position:relative;\n      overflow:hidden;\n    }\n\n    #cdd-programs-camps .cdd-imgbox{\n      height:100%;\n      width:100%;\n      border-radius:18px;\n      background-size:cover;\n      background-position:center;\n      filter:grayscale(55%);\n      transform:scale(1.01);\n      transition:transform .55s ease, filter .45s ease;\n      box-shadow: inset 0 0 0 1px rgba(255,255,255,.10), 0 22px 60px rgba(0,0,0,.35);\n      position:relative;\n      overflow:hidden;\n    }\n    #cdd-programs-camps .cdd-imgbox::after{\n      content:\"\";\n      position:absolute;\n      inset:0;\n      border-radius:18px;\n      background:\n        radial-gradient(120% 90% at 50% 20%, rgba(0,0,0,.05), rgba(0,0,0,.55) 70%),\n        linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.45));\n      opacity:.42;\n      pointer-events:none;\n    }\n    #cdd-programs-camps .cdd-camps-media:hover .cdd-imgbox{\n      filter:grayscale(0%);\n      transform:scale(1.06);\n    }\n\n    #cdd-programs-camps .camps-badge{\n      position:absolute;\n      left:18px; right:18px; bottom:18px;\n      padding:14px 16px;\n      border-radius:16px;\n      background:rgba(0,0,0,.38);\n      border:1px solid rgba(255,255,255,.14);\n      backdrop-filter:blur(14px);\n      -webkit-backdrop-filter:blur(14px);\n      font-size:13px;\n      color:rgba(255,255,255,.88);\n    }\n    #cdd-programs-camps .camps-badge .line{\n      display:block;\n      width:44px;\n      height:2px;\n      margin-bottom:8px;\n      background:linear-gradient(90deg,#0f6b4a,#5a2e91);\n      border-radius:99px;\n    }\n\n    \/* Types *\/\n    #cdd-programs-camps .cdd-camps-types{\n      padding:18px;\n      border-radius:22px;\n      background:rgba(255,255,255,.05);\n      border:1px solid rgba(255,255,255,.10);\n      backdrop-filter:blur(14px);\n      -webkit-backdrop-filter:blur(14px);\n      box-shadow: 0 18px 50px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.06);\n      position:relative;\n      overflow:hidden;\n    }\n\n    #cdd-programs-camps .types-kicker{\n      font-size:11px;\n      letter-spacing:.14em;\n      text-transform:uppercase;\n      color:rgba(255,255,255,.62);\n      margin-bottom:10px;\n    }\n\n    #cdd-programs-camps .types-tabs{\n      display:flex;\n      flex-wrap:wrap;\n      gap:10px;\n      margin-bottom:12px;\n    }\n\n    #cdd-programs-camps .tbtn{\n      border:none;\n      cursor:pointer;\n      padding:10px 12px;\n      border-radius:999px;\n      background:rgba(0,0,0,.16);\n      border:1px solid rgba(255,255,255,.10);\n      color:rgba(255,255,255,.82);\n      transition:transform .18s ease, border-color .18s ease, background .18s ease;\n      font-size:13px;\n      font-weight:750;\n    }\n    #cdd-programs-camps .tbtn:hover{\n      transform:translateY(-2px);\n      border-color:rgba(15,107,74,.28);\n      background:rgba(0,0,0,.20);\n    }\n    #cdd-programs-camps .tbtn.is-active{\n      border-color:rgba(15,107,74,.40);\n      background:rgba(15,107,74,.14);\n      color:#fff;\n    }\n\n    #cdd-programs-camps .tpanel{\n      display:none;\n      border-radius:16px;\n      background:rgba(0,0,0,.14);\n      border:1px solid rgba(255,255,255,.08);\n      padding:12px;\n      color:rgba(255,255,255,.78);\n      font-size:13px;\n      line-height:1.5;\n    }\n    #cdd-programs-camps .tpanel.is-active{ display:block; }\n\n    #cdd-programs-camps .tp-title{\n      font-weight:900;\n      color:#fff;\n      margin-bottom:6px;\n      font-size:15px;\n    }\n    #cdd-programs-camps .tpanel ul{\n      margin:10px 0 0;\n      padding-left:18px;\n      color:rgba(255,255,255,.82);\n    }\n    #cdd-programs-camps .tpanel li{ margin-bottom:6px; }\n\n    @media(max-width:980px){\n      #cdd-programs-camps .cdd-camps-grid{ grid-template-columns:1fr; }\n      #cdd-programs-camps .camps-highlights{ grid-template-columns:1fr; }\n      #cdd-programs-camps .format-grid{ grid-template-columns:1fr; }\n      #cdd-programs-camps .cdd-camps-media{ min-height:320px; }\n    }\n  <\/style>\n\n  <!-- =========================\n       Scoped JS\n       - Image slider\n       - Tabs\n       ========================= -->\n  <script>\n    (function(){\n      const root = document.getElementById(\"cdd-programs-camps\");\n      if(!root) return;\n\n      \/\/ Image slider (guaranteed visible due to inline background-image)\n      root.querySelectorAll(\".cdd-imgbox[data-images]\").forEach(box=>{\n        if(box.dataset.init===\"1\") return;\n        box.dataset.init=\"1\";\n\n        const imgs = (box.getAttribute(\"data-images\")||\"\")\n          .split(\",\").map(s=>s.trim()).filter(Boolean);\n        if(!imgs.length) return;\n\n        let i=0;\n        box.style.backgroundImage = `url(\"${imgs[i]}\")`;\n        const interval = parseInt(box.getAttribute(\"data-interval\")||\"3600\",10);\n\n        setInterval(()=>{\n          i=(i+1)%imgs.length;\n          box.style.backgroundImage = `url(\"${imgs[i]}\")`;\n        }, interval);\n      });\n\n      \/\/ Tabs\n      const buttons = root.querySelectorAll(\".tbtn[data-tab]\");\n      const panels = root.querySelectorAll(\".tpanel\");\n\n      function activate(id){\n        buttons.forEach(b=>b.classList.toggle(\"is-active\", b.dataset.tab === id));\n        panels.forEach(p=>p.classList.toggle(\"is-active\", p.id === id));\n      }\n\n      buttons.forEach(b=>{\n        b.addEventListener(\"click\", ()=> activate(b.dataset.tab));\n      });\n    })();\n  <\/script>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-83d312f e-con-full e-flex e-con e-parent\" data-id=\"83d312f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9850e60 elementor-widget elementor-widget-html\" data-id=\"9850e60\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\nSECTION 5 \u2014 INDIVIDUAL \/ CUSTOMIZED TRAINING\nPolished, premium, visual-first\n- Left: strong positioning + \u201cwhy 1:1 works\u201d cards\n- Right: big image slider + \u201cBuild Your Plan\u201d selector (clickable)\nPaste into ONE Elementor HTML widget\n========================================================= -->\n<section id=\"cdd-programs-individual\" class=\"cdd-section\">\n  <div class=\"cdd-wrap\">\n\n    <!-- HEADER -->\n    <div class=\"cdd-ind-header cdd-card\">\n      <div class=\"cdd-kicker\">Individual<\/div>\n\n      <h2 class=\"cdd-ind-title\">Individual \/ Customized Training<\/h2>\n\n      <p class=\"cdd-ind-intro\">\n        Private training for players who want maximum precision and flexibility.\n        We build a plan around your priorities \u2014 technical upgrades, match patterns, physical development,\n        and competition readiness \u2014 with direct coaching attention and consistent feedback.\n      <\/p>\n\n      <div class=\"cdd-ind-chips\">\n        <span class=\"cdd-pill\">1:1 Coaching<\/span>\n        <span class=\"cdd-pill\">Custom Weekly Plan<\/span>\n        <span class=\"cdd-pill\">Flexible Scheduling<\/span>\n        <span class=\"cdd-pill\">Fast Corrections<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- MAIN GRID -->\n    <div class=\"cdd-ind-grid\">\n\n      <!-- LEFT -->\n      <div class=\"cdd-ind-left cdd-card\">\n\n        <div class=\"ind-split\">\n          <div class=\"ind-block\">\n            <h3>Best For<\/h3>\n            <ul class=\"ind-list\">\n              <li>Players with specific technical priorities<\/li>\n              <li>Short-term improvement before tournaments<\/li>\n              <li>Those needing flexible training around travel or school<\/li>\n              <li>Comeback \/ rebuild with controlled intensity<\/li>\n            <\/ul>\n          <\/div>\n\n          <div class=\"ind-block\">\n            <h3>What Makes It Different<\/h3>\n            <ul class=\"ind-list\">\n              <li>Direct attention = faster correction cycles<\/li>\n              <li>Personal patterns and match solutions<\/li>\n              <li>Training load adjusted to your body and schedule<\/li>\n              <li>Clear feedback and next steps after sessions<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n\n        <!-- Value Cards -->\n        <div class=\"ind-cards\">\n          <div class=\"icard\">\n            <div class=\"ititle\">Technical Precision<\/div>\n            <p>Micro-adjustments, timing, footwork, and execution \u2014 built into repeatable habits.<\/p>\n          <\/div>\n          <div class=\"icard\">\n            <div class=\"ititle\">Tactical Clarity<\/div>\n            <p>Serve +1 \/ Return +1 systems, patterns, and decision-making under pressure.<\/p>\n          <\/div>\n          <div class=\"icard\">\n            <div class=\"ititle\">Match Readiness<\/div>\n            <p>Scenario training, pressure scoring, and confidence routines to compete at your level.<\/p>\n          <\/div>\n          <div class=\"icard\">\n            <div class=\"ititle\">Flexible Planning<\/div>\n            <p>Build around tournaments, school, travel, recovery, and priorities \u2014 without guessing.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"cdd-ind-cta\">\n          <a class=\"cdd-btn\" href=\"\/apply\">Apply for Individual Training<\/a>\n          <a class=\"cdd-btn cdd-btn--ghost\" href=\"\/contact\">Discuss Your Goals<\/a>\n        <\/div>\n\n      <\/div>\n\n      <!-- RIGHT -->\n      <div class=\"cdd-ind-right\">\n\n        <!-- BIG VISUAL SLIDER -->\n        <div class=\"cdd-ind-media cdd-card\">\n          <div\n            class=\"cdd-imgbox\"\n            role=\"img\"\n            aria-label=\"Individual training at Colle Degli Dei\"\n            style=\"background-image:url('https:\/\/colledeglideiacademy.com\/wp-content\/uploads\/2026\/01\/VAL_2810.jpg');\"\n            data-images=\"\n              https:\/\/colledeglideiacademy.com\/wp-content\/uploads\/2026\/01\/VAL_2810.jpg,\n              https:\/\/colledeglideiacademy.com\/wp-content\/uploads\/2026\/01\/VAL_3911.jpg,\n              https:\/\/colledeglideiacademy.com\/wp-content\/uploads\/2026\/01\/VAL_4210.jpg,\n              https:\/\/colledeglideiacademy.com\/wp-content\/uploads\/2026\/01\/VAL_4214.jpg,\n              https:\/\/colledeglideiacademy.com\/wp-content\/uploads\/2026\/01\/DSC_5444.jpg\n            \"\n            data-interval=\"3600\"\n          ><\/div>\n\n          <div class=\"ind-badge\">\n            <span class=\"line\"><\/span>\n            <div>\n              <strong>Maximum Personalization<\/strong><br\/>\n              Focused coaching \u2022 Precise feedback \u2022 Real progression\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- BUILD YOUR PLAN (CLICKABLE) -->\n        <div class=\"cdd-ind-plan cdd-card\">\n          <div class=\"plan-kicker\">Build Your Plan<\/div>\n          <h3 class=\"plan-title\">Select Your Priority<\/h3>\n\n          <div class=\"plan-options\" role=\"list\">\n            <button type=\"button\" class=\"pbtn is-active\" data-p=\"p1\">Technical Upgrade<\/button>\n            <button type=\"button\" class=\"pbtn\" data-p=\"p2\">Match Strategy<\/button>\n            <button type=\"button\" class=\"pbtn\" data-p=\"p3\">Serve \/ Return<\/button>\n            <button type=\"button\" class=\"pbtn\" data-p=\"p4\">Comeback \/ Rebuild<\/button>\n          <\/div>\n\n          <div class=\"plan-panels\">\n            <div class=\"ppanel is-active\" id=\"p1\">\n              <div class=\"ptitle\">Technical Upgrade<\/div>\n              <p>Rebuild the essentials: timing, spacing, footwork patterns, and stroke reliability.<\/p>\n              <ul>\n                <li>High-rep precision work (targets + structure)<\/li>\n                <li>Footwork sequences tied to your patterns<\/li>\n                <li>Corrections you can repeat alone<\/li>\n              <\/ul>\n            <\/div>\n\n            <div class=\"ppanel\" id=\"p2\">\n              <div class=\"ptitle\">Match Strategy<\/div>\n              <p>Build a clear match identity and a plan that holds under pressure.<\/p>\n              <ul>\n                <li>Pattern selection & point construction<\/li>\n                <li>Opponent-style simulations<\/li>\n                <li>Pressure decision-making<\/li>\n              <\/ul>\n            <\/div>\n\n            <div class=\"ppanel\" id=\"p3\">\n              <div class=\"ptitle\">Serve \/ Return<\/div>\n              <p>The fastest way to increase level \u2014 first strike tennis and clear systems.<\/p>\n              <ul>\n                <li>Serve placement, rhythm, and +1 patterns<\/li>\n                <li>Return positioning & aggression options<\/li>\n                <li>Score-based serve\/return training<\/li>\n              <\/ul>\n            <\/div>\n\n            <div class=\"ppanel\" id=\"p4\">\n              <div class=\"ptitle\">Comeback \/ Rebuild<\/div>\n              <p>A controlled plan to rebuild form safely and confidently.<\/p>\n              <ul>\n                <li>Progressive load & smart intensity<\/li>\n                <li>Movement efficiency & prevention routines<\/li>\n                <li>Match readiness ramp-up<\/li>\n              <\/ul>\n            <\/div>\n          <\/div>\n\n          <a class=\"cdd-btn cdd-btn--ghost\" href=\"\/apply\">Request a Personalized Plan<\/a>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- =========================\n       Scoped CSS\n       ========================= -->\n  <style>\n    #cdd-programs-individual{\n      position:relative;\n      padding:clamp(64px,7.2vw,110px) 0;\n      overflow:hidden;\n      background:\n        radial-gradient(70% 60% at 18% 22%, rgba(15,107,74,.40), rgba(15,107,74,0) 62%),\n        radial-gradient(55% 55% at 72% 18%, rgba(90,46,145,.16), rgba(90,46,145,0) 62%),\n        linear-gradient(90deg, rgba(6,36,26,1) 0%, rgba(7,28,33,1) 45%, rgba(12,18,34,1) 100%);\n    }\n\n    #cdd-programs-individual h2,\n    #cdd-programs-individual h3{ color:#fff !important; }\n\n    #cdd-programs-individual .cdd-wrap{\n      width:min(1180px, calc(100% - 40px));\n      margin:0 auto;\n      position:relative;\n      z-index:2;\n    }\n\n    \/* Header *\/\n    #cdd-programs-individual .cdd-ind-header{\n      padding:28px;\n      margin-bottom:32px;\n      border-radius:22px;\n      background:rgba(255,255,255,.05);\n      border:1px solid rgba(255,255,255,.10);\n      backdrop-filter:blur(14px);\n      -webkit-backdrop-filter:blur(14px);\n      box-shadow: 0 18px 50px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.06);\n    }\n    #cdd-programs-individual .cdd-ind-title{\n      font-size:clamp(30px,3.4vw,42px);\n      font-weight:900;\n      margin:8px 0 10px;\n    }\n    #cdd-programs-individual .cdd-ind-intro{\n      max-width:84ch;\n      color:rgba(255,255,255,.78);\n      line-height:1.6;\n      margin:0 0 14px;\n    }\n    #cdd-programs-individual .cdd-ind-chips{\n      display:flex;\n      flex-wrap:wrap;\n      gap:10px;\n    }\n\n    \/* Layout *\/\n    #cdd-programs-individual .cdd-ind-grid{\n      display:grid;\n      grid-template-columns:1.1fr .9fr;\n      gap:28px;\n      align-items:start;\n    }\n\n    \/* Left *\/\n    #cdd-programs-individual .cdd-ind-left{\n      padding:26px;\n      border-radius:22px;\n      background:rgba(255,255,255,.05);\n      border:1px solid rgba(255,255,255,.10);\n      backdrop-filter:blur(14px);\n      -webkit-backdrop-filter:blur(14px);\n      box-shadow: 0 18px 50px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.06);\n    }\n\n    #cdd-programs-individual .ind-split{\n      display:grid;\n      grid-template-columns:1fr 1fr;\n      gap:14px;\n      margin-bottom:16px;\n    }\n\n    #cdd-programs-individual .ind-block h3{\n      font-size:18px;\n      font-weight:900;\n      margin:0 0 10px;\n    }\n\n    #cdd-programs-individual .ind-list{\n      margin:0;\n      padding-left:18px;\n      color:rgba(255,255,255,.80);\n      line-height:1.45;\n      font-size:13px;\n    }\n    #cdd-programs-individual .ind-list li{ margin-bottom:6px; }\n\n    #cdd-programs-individual .ind-cards{\n      display:grid;\n      grid-template-columns:1fr 1fr;\n      gap:14px;\n      margin-top:10px;\n    }\n\n    #cdd-programs-individual .icard{\n      border-radius:16px;\n      background:rgba(0,0,0,.16);\n      border:1px solid rgba(255,255,255,.10);\n      padding:14px;\n      transition:transform .22s ease, border-color .22s ease, background .22s ease;\n    }\n    #cdd-programs-individual .icard:hover{\n      transform:translateY(-2px);\n      border-color:rgba(15,107,74,.28);\n      background:rgba(0,0,0,.20);\n    }\n    #cdd-programs-individual .ititle{\n      font-weight:950;\n      color:#fff;\n      margin-bottom:6px;\n    }\n    #cdd-programs-individual .icard p{\n      margin:0;\n      color:rgba(255,255,255,.75);\n      font-size:13px;\n      line-height:1.5;\n    }\n\n    #cdd-programs-individual .cdd-ind-cta{\n      display:flex;\n      flex-wrap:wrap;\n      gap:12px;\n      margin-top:18px;\n    }\n\n    \/* Right *\/\n    #cdd-programs-individual .cdd-ind-right{\n      display:flex;\n      flex-direction:column;\n      gap:16px;\n    }\n\n    \/* Media *\/\n    #cdd-programs-individual .cdd-ind-media{\n      padding:14px;\n      min-height:420px;\n      border-radius:22px;\n      background:rgba(255,255,255,.05);\n      border:1px solid rgba(255,255,255,.10);\n      backdrop-filter:blur(14px);\n      -webkit-backdrop-filter:blur(14px);\n      box-shadow: 0 18px 50px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.06);\n      position:relative;\n      overflow:hidden;\n    }\n\n    #cdd-programs-individual .cdd-imgbox{\n      height:100%;\n      width:100%;\n      border-radius:18px;\n      background-size:cover;\n      background-position:center;\n      filter:grayscale(55%);\n      transform:scale(1.01);\n      transition:transform .55s ease, filter .45s ease;\n      box-shadow: inset 0 0 0 1px rgba(255,255,255,.10), 0 22px 60px rgba(0,0,0,.35);\n      position:relative;\n      overflow:hidden;\n    }\n    #cdd-programs-individual .cdd-imgbox::after{\n      content:\"\";\n      position:absolute;\n      inset:0;\n      border-radius:18px;\n      background:\n        radial-gradient(120% 90% at 50% 20%, rgba(0,0,0,.05), rgba(0,0,0,.55) 70%),\n        linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.45));\n      opacity:.42;\n      pointer-events:none;\n    }\n    #cdd-programs-individual .cdd-ind-media:hover .cdd-imgbox{\n      filter:grayscale(0%);\n      transform:scale(1.06);\n    }\n\n    #cdd-programs-individual .ind-badge{\n      position:absolute;\n      left:18px; right:18px; bottom:18px;\n      padding:14px 16px;\n      border-radius:16px;\n      background:rgba(0,0,0,.38);\n      border:1px solid rgba(255,255,255,.14);\n      backdrop-filter:blur(14px);\n      -webkit-backdrop-filter:blur(14px);\n      font-size:13px;\n      color:rgba(255,255,255,.88);\n    }\n    #cdd-programs-individual .ind-badge .line{\n      display:block;\n      width:44px;\n      height:2px;\n      margin-bottom:8px;\n      background:linear-gradient(90deg,#0f6b4a,#5a2e91);\n      border-radius:99px;\n    }\n\n    \/* Plan *\/\n    #cdd-programs-individual .cdd-ind-plan{\n      padding:18px;\n      border-radius:22px;\n      background:rgba(255,255,255,.05);\n      border:1px solid rgba(255,255,255,.10);\n      backdrop-filter:blur(14px);\n      -webkit-backdrop-filter:blur(14px);\n      box-shadow: 0 18px 50px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.06);\n      position:relative;\n      overflow:hidden;\n    }\n\n    #cdd-programs-individual .plan-kicker{\n      font-size:11px;\n      letter-spacing:.14em;\n      text-transform:uppercase;\n      color:rgba(255,255,255,.62);\n      margin-bottom:8px;\n    }\n\n    #cdd-programs-individual .plan-title{\n      margin:0 0 12px;\n      font-size:18px;\n      font-weight:900;\n      color:#fff !important;\n    }\n\n    #cdd-programs-individual .plan-options{\n      display:flex;\n      flex-wrap:wrap;\n      gap:10px;\n      margin-bottom:12px;\n    }\n\n    #cdd-programs-individual .pbtn{\n      border:none;\n      cursor:pointer;\n      padding:10px 12px;\n      border-radius:999px;\n      background:rgba(0,0,0,.16);\n      border:1px solid rgba(255,255,255,.10);\n      color:rgba(255,255,255,.82);\n      transition:transform .18s ease, border-color .18s ease, background .18s ease;\n      font-size:13px;\n      font-weight:750;\n    }\n    #cdd-programs-individual .pbtn:hover{\n      transform:translateY(-2px);\n      border-color:rgba(15,107,74,.28);\n      background:rgba(0,0,0,.20);\n    }\n    #cdd-programs-individual .pbtn.is-active{\n      border-color:rgba(15,107,74,.40);\n      background:rgba(15,107,74,.14);\n      color:#fff;\n    }\n\n    #cdd-programs-individual .ppanel{\n      display:none;\n      border-radius:16px;\n      background:rgba(0,0,0,.14);\n      border:1px solid rgba(255,255,255,.08);\n      padding:12px;\n      color:rgba(255,255,255,.78);\n      font-size:13px;\n      line-height:1.5;\n    }\n    #cdd-programs-individual .ppanel.is-active{ display:block; }\n    #cdd-programs-individual .ptitle{\n      font-weight:950;\n      color:#fff;\n      margin-bottom:6px;\n      font-size:15px;\n    }\n    #cdd-programs-individual .ppanel ul{\n      margin:10px 0 0;\n      padding-left:18px;\n      color:rgba(255,255,255,.82);\n    }\n    #cdd-programs-individual .ppanel li{ margin-bottom:6px; }\n\n    @media(max-width:980px){\n      #cdd-programs-individual .cdd-ind-grid{ grid-template-columns:1fr; }\n      #cdd-programs-individual .ind-split{ grid-template-columns:1fr; }\n      #cdd-programs-individual .ind-cards{ grid-template-columns:1fr; }\n      #cdd-programs-individual .cdd-ind-media{ min-height:320px; }\n    }\n  <\/style>\n\n  <!-- =========================\n       Scoped JS\n       - Image slider\n       - Priority selector\n       ========================= -->\n  <script>\n    (function(){\n      const root = document.getElementById(\"cdd-programs-individual\");\n      if(!root) return;\n\n      \/\/ Image slider (visible due to inline background-image)\n      root.querySelectorAll(\".cdd-imgbox[data-images]\").forEach(box=>{\n        if(box.dataset.init===\"1\") return;\n        box.dataset.init=\"1\";\n\n        const imgs = (box.getAttribute(\"data-images\")||\"\")\n          .split(\",\").map(s=>s.trim()).filter(Boolean);\n        if(!imgs.length) return;\n\n        let i=0;\n        box.style.backgroundImage = `url(\"${imgs[i]}\")`;\n        const interval = parseInt(box.getAttribute(\"data-interval\")||\"3600\",10);\n\n        setInterval(()=>{\n          i=(i+1)%imgs.length;\n          box.style.backgroundImage = `url(\"${imgs[i]}\")`;\n        }, interval);\n      });\n\n      \/\/ Priority selector\n      const btns = root.querySelectorAll(\".pbtn[data-p]\");\n      const panels = root.querySelectorAll(\".ppanel\");\n\n      function activate(id){\n        btns.forEach(b=>b.classList.toggle(\"is-active\", b.dataset.p===id));\n        panels.forEach(p=>p.classList.toggle(\"is-active\", p.id===id));\n      }\n      btns.forEach(b=>b.addEventListener(\"click\", ()=>activate(b.dataset.p)));\n    })();\n  <\/script>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fa6d5bb e-con-full e-flex e-con e-parent\" data-id=\"fa6d5bb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da7efed elementor-widget elementor-widget-html\" data-id=\"da7efed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\nSECTION 6 \u2014 COMPARISON \/ PATHWAY (Which Program Fits You?)\nElite, decision-driving section (parents + serious players love this)\n- Top: pathway selector (clickable)\n- Middle: comparison cards (glass)\n- Bottom: strong CTA\nPaste into ONE Elementor HTML widget\n========================================================= -->\n<section id=\"cdd-programs-pathway\" class=\"cdd-section\">\n  <div class=\"cdd-wrap\">\n\n    <!-- HEADER -->\n    <div class=\"cdd-path-header cdd-card\">\n      <div class=\"cdd-kicker\">Pathway<\/div>\n\n      <h2 class=\"cdd-path-title\">Choose the Right Program<\/h2>\n\n      <p class=\"cdd-path-intro\">\n        Not sure what fits best? Use the pathway selector below. We\u2019ll guide you toward the right structure \u2014\n        whether you\u2019re building foundations, preparing for competition, or looking for maximum personalization.\n      <\/p>\n\n      <div class=\"cdd-path-chips\">\n        <span class=\"cdd-pill\">Clear Fit<\/span>\n        <span class=\"cdd-pill\">Progression<\/span>\n        <span class=\"cdd-pill\">Standards<\/span>\n        <span class=\"cdd-pill\">Evaluation Available<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- SELECTOR -->\n    <div class=\"cdd-path-selector cdd-card\">\n      <div class=\"sel-kicker\">Quick Selector<\/div>\n      <h3 class=\"sel-title\">What describes you best?<\/h3>\n\n      <div class=\"sel-buttons\" role=\"tablist\" aria-label=\"Program pathway selector\">\n        <button class=\"sel-btn is-active\" type=\"button\" data-sel=\"s1\">I\u2019m building fundamentals<\/button>\n        <button class=\"sel-btn\" type=\"button\" data-sel=\"s2\">I compete seriously<\/button>\n        <button class=\"sel-btn\" type=\"button\" data-sel=\"s3\">I\u2019m visiting for a short block<\/button>\n        <button class=\"sel-btn\" type=\"button\" data-sel=\"s4\">I need a custom plan<\/button>\n      <\/div>\n\n      <div class=\"sel-panels\">\n        <div class=\"sel-panel is-active\" id=\"s1\">\n          <div class=\"sp-title\">Best Match: Junior Development<\/div>\n          <p>\n            Focus on fundamentals, movement quality, and healthy progression \u2014 with the right structure for\n            long-term development.\n          <\/p>\n        <\/div>\n\n        <div class=\"sel-panel\" id=\"s2\">\n          <div class=\"sp-title\">Best Match: High Performance<\/div>\n          <p>\n            A professional performance system combining on-court training, physical preparation, match-play,\n            recovery, and feedback \u2014 built for competitive standards.\n          <\/p>\n        <\/div>\n\n        <div class=\"sel-panel\" id=\"s3\">\n          <div class=\"sp-title\">Best Match: Camps & Seasonal Programs<\/div>\n          <p>\n            Short-term immersion for fast improvement \u2014 ideal for off-season blocks, tournament prep, and\n            visiting players who want elite training intensity.\n          <\/p>\n        <\/div>\n\n        <div class=\"sel-panel\" id=\"s4\">\n          <div class=\"sp-title\">Best Match: Individual \/ Customized Training<\/div>\n          <p>\n            Maximum personalization with flexible scheduling \u2014 perfect for specific priorities, quick\n            corrections, or controlled comeback plans.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- COMPARISON GRID -->\n    <div class=\"cdd-comp-grid\">\n\n      <div class=\"cdd-comp-card cdd-card\">\n        <div class=\"cc-top\">\n          <div class=\"cc-name\">Junior Development<\/div>\n          <div class=\"cc-tag\">Long-term formation<\/div>\n        <\/div>\n        <ul class=\"cc-list\">\n          <li><strong>Best for:<\/strong> ages 6\u201318 building fundamentals<\/li>\n          <li><strong>Focus:<\/strong> technique, movement, game understanding<\/li>\n          <li><strong>Style:<\/strong> structured progression, confidence + discipline<\/li>\n          <li><strong>Ideal outcome:<\/strong> strong base \u2192 competitive readiness<\/li>\n        <\/ul>\n        <a class=\"cc-link\" href=\"#cdd-programs-juniors\">View Program \u2192<\/a>\n      <\/div>\n\n      <div class=\"cdd-comp-card cdd-card cc-featured\">\n        <div class=\"cc-top\">\n          <div class=\"cc-name\">High Performance<\/div>\n          <div class=\"cc-tag\">Elite competitive pathway<\/div>\n        <\/div>\n        <ul class=\"cc-list\">\n          <li><strong>Best for:<\/strong> serious competitors & ITF\/pro pathway<\/li>\n          <li><strong>Focus:<\/strong> patterns, match-play, physical prep, recovery<\/li>\n          <li><strong>Style:<\/strong> standards + accountability + feedback tracking<\/li>\n          <li><strong>Ideal outcome:<\/strong> match readiness & performance progression<\/li>\n        <\/ul>\n        <a class=\"cc-link\" href=\"#cdd-programs-hpp\">View Program \u2192<\/a>\n      <\/div>\n\n      <div class=\"cdd-comp-card cdd-card\">\n        <div class=\"cc-top\">\n          <div class=\"cc-name\">Camps & Seasonal<\/div>\n          <div class=\"cc-tag\">Short-term immersion<\/div>\n        <\/div>\n        <ul class=\"cc-list\">\n          <li><strong>Best for:<\/strong> visiting players & off-season blocks<\/li>\n          <li><strong>Focus:<\/strong> fast improvements + structured intensity<\/li>\n          <li><strong>Style:<\/strong> high-volume training + match-play scenarios<\/li>\n          <li><strong>Ideal outcome:<\/strong> momentum, confidence, tournament preparation<\/li>\n        <\/ul>\n        <a class=\"cc-link\" href=\"#cdd-programs-camps\">View Program \u2192<\/a>\n      <\/div>\n\n      <div class=\"cdd-comp-card cdd-card\">\n        <div class=\"cc-top\">\n          <div class=\"cc-name\">Individual \/ Custom<\/div>\n          <div class=\"cc-tag\">Maximum personalization<\/div>\n        <\/div>\n        <ul class=\"cc-list\">\n          <li><strong>Best for:<\/strong> specific priorities & flexible scheduling<\/li>\n          <li><strong>Focus:<\/strong> precision coaching + quick correction cycles<\/li>\n          <li><strong>Style:<\/strong> personal weekly plan + direct feedback<\/li>\n          <li><strong>Ideal outcome:<\/strong> targeted upgrades & clarity<\/li>\n        <\/ul>\n        <a class=\"cc-link\" href=\"#cdd-programs-individual\">View Program \u2192<\/a>\n      <\/div>\n\n    <\/div>\n\n    <!-- FINAL CTA -->\n    <div class=\"cdd-path-final cdd-card\">\n      <div class=\"final-left\">\n        <h3>Still Unsure?<\/h3>\n        <p>\n          Apply for an evaluation \u2014 we\u2019ll recommend the right program based on level, goals, schedule,\n          and development stage.\n        <\/p>\n      <\/div>\n      <div class=\"final-right\">\n        <a class=\"cdd-btn\" href=\"\/apply\">Apply for Evaluation<\/a>\n        <a class=\"cdd-btn cdd-btn--ghost\" href=\"\/contact\">Contact Us<\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- =========================\n       Scoped CSS\n       ========================= -->\n  <style>\n    #cdd-programs-pathway{\n      position:relative;\n      padding:clamp(64px,7.2vw,110px) 0;\n      overflow:hidden;\n      background:\n        radial-gradient(70% 60% at 18% 22%, rgba(15,107,74,.40), rgba(15,107,74,0) 62%),\n        radial-gradient(55% 55% at 72% 18%, rgba(90,46,145,.16), rgba(90,46,145,0) 62%),\n        linear-gradient(90deg, rgba(6,36,26,1) 0%, rgba(7,28,33,1) 45%, rgba(12,18,34,1) 100%);\n    }\n\n    #cdd-programs-pathway .cdd-wrap{\n      width:min(1180px, calc(100% - 40px));\n      margin:0 auto;\n      position:relative;\n      z-index:2;\n    }\n\n    #cdd-programs-pathway h2,\n    #cdd-programs-pathway h3{ color:#fff !important; }\n\n    \/* Header *\/\n    #cdd-programs-pathway .cdd-path-header{\n      padding:28px;\n      margin-bottom:18px;\n      border-radius:22px;\n      background:rgba(255,255,255,.05);\n      border:1px solid rgba(255,255,255,.10);\n      backdrop-filter:blur(14px);\n      -webkit-backdrop-filter:blur(14px);\n      box-shadow: 0 18px 50px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.06);\n    }\n    #cdd-programs-pathway .cdd-path-title{\n      font-size:clamp(30px,3.4vw,42px);\n      font-weight:900;\n      margin:8px 0 10px;\n    }\n    #cdd-programs-pathway .cdd-path-intro{\n      max-width:84ch;\n      color:rgba(255,255,255,.78);\n      line-height:1.6;\n      margin:0 0 14px;\n    }\n    #cdd-programs-pathway .cdd-path-chips{\n      display:flex;\n      flex-wrap:wrap;\n      gap:10px;\n    }\n\n    \/* Selector *\/\n    #cdd-programs-pathway .cdd-path-selector{\n      padding:18px;\n      border-radius:22px;\n      background:rgba(255,255,255,.05);\n      border:1px solid rgba(255,255,255,.10);\n      backdrop-filter:blur(14px);\n      -webkit-backdrop-filter:blur(14px);\n      box-shadow: 0 18px 50px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.06);\n      margin-bottom:18px;\n    }\n    #cdd-programs-pathway .sel-kicker{\n      font-size:11px;\n      letter-spacing:.14em;\n      text-transform:uppercase;\n      color:rgba(255,255,255,.62);\n      margin-bottom:8px;\n    }\n    #cdd-programs-pathway .sel-title{\n      margin:0 0 12px;\n      font-size:18px;\n      font-weight:900;\n      color:#fff !important;\n    }\n    #cdd-programs-pathway .sel-buttons{\n      display:flex;\n      flex-wrap:wrap;\n      gap:10px;\n      margin-bottom:12px;\n    }\n    #cdd-programs-pathway .sel-btn{\n      border:none;\n      cursor:pointer;\n      padding:10px 12px;\n      border-radius:999px;\n      background:rgba(0,0,0,.16);\n      border:1px solid rgba(255,255,255,.10);\n      color:rgba(255,255,255,.82);\n      transition:transform .18s ease, border-color .18s ease, background .18s ease;\n      font-size:13px;\n      font-weight:750;\n    }\n    #cdd-programs-pathway .sel-btn:hover{\n      transform:translateY(-2px);\n      border-color:rgba(15,107,74,.28);\n      background:rgba(0,0,0,.20);\n    }\n    #cdd-programs-pathway .sel-btn.is-active{\n      border-color:rgba(15,107,74,.40);\n      background:rgba(15,107,74,.14);\n      color:#fff;\n    }\n\n    #cdd-programs-pathway .sel-panel{\n      display:none;\n      border-radius:16px;\n      background:rgba(0,0,0,.14);\n      border:1px solid rgba(255,255,255,.08);\n      padding:12px;\n      color:rgba(255,255,255,.78);\n      font-size:13px;\n      line-height:1.5;\n    }\n    #cdd-programs-pathway .sel-panel.is-active{ display:block; }\n    #cdd-programs-pathway .sp-title{\n      font-weight:950;\n      color:#fff;\n      margin-bottom:6px;\n      font-size:15px;\n    }\n\n    \/* Comparison *\/\n    #cdd-programs-pathway .cdd-comp-grid{\n      display:grid;\n      grid-template-columns:repeat(4, minmax(0,1fr));\n      gap:14px;\n      margin-bottom:18px;\n    }\n    #cdd-programs-pathway .cdd-comp-card{\n      padding:16px;\n      border-radius:22px;\n      background:rgba(255,255,255,.05);\n      border:1px solid rgba(255,255,255,.10);\n      backdrop-filter:blur(14px);\n      -webkit-backdrop-filter:blur(14px);\n      box-shadow: 0 18px 50px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.06);\n      transition:transform .22s ease, border-color .22s ease, background .22s ease;\n      position:relative;\n      overflow:hidden;\n    }\n    #cdd-programs-pathway .cdd-comp-card:hover{\n      transform:translateY(-3px);\n      border-color:rgba(15,107,74,.24);\n      background:rgba(255,255,255,.06);\n    }\n    #cdd-programs-pathway .cc-top{\n      display:flex;\n      justify-content:space-between;\n      gap:10px;\n      align-items:baseline;\n      margin-bottom:10px;\n    }\n    #cdd-programs-pathway .cc-name{\n      font-weight:950;\n      color:#fff;\n    }\n    #cdd-programs-pathway .cc-tag{\n      font-size:12px;\n      color:rgba(255,255,255,.62);\n      padding:6px 10px;\n      border-radius:999px;\n      border:1px solid rgba(255,255,255,.10);\n      background:rgba(0,0,0,.12);\n      white-space:nowrap;\n    }\n    #cdd-programs-pathway .cc-list{\n      margin:0;\n      padding-left:18px;\n      color:rgba(255,255,255,.80);\n      line-height:1.45;\n      font-size:13px;\n    }\n    #cdd-programs-pathway .cc-list li{ margin-bottom:8px; }\n    #cdd-programs-pathway .cc-link{\n      margin-top:12px;\n      display:inline-flex;\n      color:rgba(255,255,255,.85);\n      text-decoration:none;\n      font-weight:850;\n      border-bottom:1px solid rgba(255,255,255,.18);\n      padding-bottom:3px;\n    }\n    #cdd-programs-pathway .cc-link:hover{\n      color:#fff;\n      border-bottom-color:rgba(15,107,74,.45);\n    }\n\n    \/* Featured *\/\n    #cdd-programs-pathway .cc-featured{\n      border-color:rgba(15,107,74,.28);\n      background:\n        radial-gradient(70% 60% at 20% 20%, rgba(15,107,74,.16), rgba(15,107,74,0) 62%),\n        rgba(255,255,255,.05);\n    }\n\n    \/* Final CTA *\/\n    #cdd-programs-pathway .cdd-path-final{\n      display:flex;\n      justify-content:space-between;\n      gap:18px;\n      align-items:center;\n      padding:18px;\n      border-radius:22px;\n      background:rgba(255,255,255,.05);\n      border:1px solid rgba(255,255,255,.10);\n      backdrop-filter:blur(14px);\n      -webkit-backdrop-filter:blur(14px);\n      box-shadow: 0 18px 50px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.06);\n    }\n    #cdd-programs-pathway .cdd-path-final p{\n      margin:6px 0 0;\n      color:rgba(255,255,255,.75);\n      line-height:1.55;\n      max-width:70ch;\n    }\n    #cdd-programs-pathway .final-right{\n      display:flex;\n      gap:12px;\n      flex-wrap:wrap;\n      justify-content:flex-end;\n    }\n\n    @media(max-width:1100px){\n      #cdd-programs-pathway .cdd-comp-grid{\n        grid-template-columns:repeat(2, minmax(0,1fr));\n      }\n    }\n    @media(max-width:720px){\n      #cdd-programs-pathway .cdd-comp-grid{\n        grid-template-columns:1fr;\n      }\n      #cdd-programs-pathway .cdd-path-final{\n        flex-direction:column;\n        align-items:flex-start;\n      }\n      #cdd-programs-pathway .final-right{\n        width:100%;\n        justify-content:flex-start;\n      }\n    }\n  <\/style>\n\n  <!-- =========================\n       Scoped JS\n       - Selector tabs\n       ========================= -->\n  <script>\n    (function(){\n      const root = document.getElementById(\"cdd-programs-pathway\");\n      if(!root) return;\n\n      const btns = root.querySelectorAll(\".sel-btn[data-sel]\");\n      const panels = root.querySelectorAll(\".sel-panel\");\n\n      function activate(id){\n        btns.forEach(b=>b.classList.toggle(\"is-active\", b.dataset.sel===id));\n        panels.forEach(p=>p.classList.toggle(\"is-active\", p.id===id));\n      }\n      btns.forEach(b=>b.addEventListener(\"click\", ()=>activate(b.dataset.sel)));\n    })();\n  <\/script>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-461b74c e-con-full e-flex e-con e-parent\" data-id=\"461b74c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1dcf240 elementor-widget elementor-widget-html\" data-id=\"1dcf240\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cdd-contact-map\" id=\"contact-details-map\">\n  <style>\n    .cdd-contact-map{\n      padding: 40px 18px 90px;\n      background:#0b0d10;\n      font-family: Arial, sans-serif;\n      color:#f2f2f2;\n    }\n    .cdd-contact-map *{box-sizing:border-box}\n    .cdd-contact-map .container{max-width:1120px;margin:0 auto;}\n\n    .cdd-contact-map .grid{\n      display:grid;\n      grid-template-columns: 1fr 1.25fr;\n      gap:16px;\n      align-items:stretch;\n    }\n    @media(max-width:980px){ .cdd-contact-map .grid{grid-template-columns:1fr;} }\n\n    .cdd-contact-map .card{\n      border:1px solid rgba(242,242,242,.12);\n      background: rgba(18,20,23,.72);\n      border-radius: 22px;\n      box-shadow: 0 18px 60px rgba(0,0,0,.24);\n      overflow:hidden;\n      position:relative;\n    }\n\n    \/* subtle brand glow *\/\n    .cdd-contact-map .card::before{\n      content:\"\";\n      position:absolute; inset:-2px;\n      background:\n        radial-gradient(600px 360px at 18% 18%, rgba(90,46,145,.28), transparent 60%),\n        radial-gradient(600px 360px at 86% 24%, rgba(15,107,74,.20), transparent 60%);\n      z-index:0;\n      pointer-events:none;\n    }\n    .cdd-contact-map .inner{position:relative; z-index:1;}\n\n    .cdd-contact-map .head{\n      padding:22px;\n      border-bottom:1px solid rgba(242,242,242,.10);\n    }\n    .cdd-contact-map h2{\n      margin:0 0 10px;\n      font-size:22px;\n      letter-spacing:.01em;\n    }\n    .cdd-contact-map p{\n      margin:0;\n      color: rgba(242,242,242,.78);\n      font-size:14.5px;\n      line-height:1.65;\n    }\n\n    \/* Contact items *\/\n    .cdd-contact-map .items{display:grid;gap:12px;padding:22px;}\n    .cdd-contact-map .item{\n      display:flex;gap:12px;align-items:flex-start;\n      padding:14px;\n      border-radius: 16px;\n      border:1px solid rgba(242,242,242,.10);\n      background: rgba(0,0,0,.14);\n      transition: transform .2s ease, border-color .2s ease;\n    }\n    .cdd-contact-map .item:hover{transform: translateY(-2px); border-color: rgba(15,107,74,.28);}\n\n    .cdd-contact-map .icon{\n      width:42px;height:42px;border-radius:14px;\n      display:grid;place-items:center;\n      background: linear-gradient(135deg, rgba(90,46,145,.35), rgba(15,107,74,.20));\n      border:1px solid rgba(242,242,242,.12);\n      flex:0 0 42px;\n    }\n    .cdd-contact-map .icon svg{width:22px;height:22px;opacity:.92}\n\n    .cdd-contact-map .label{font-weight:800;margin:0 0 4px;font-size:14px;color:#fff;}\n    .cdd-contact-map .value{margin:0;color:rgba(242,242,242,.78);font-size:14px;line-height:1.55;}\n    .cdd-contact-map .value a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.22);}\n    .cdd-contact-map .value a:hover{border-bottom-color: rgba(15,107,74,.6);}\n\n    \/* Buttons *\/\n    .cdd-contact-map .btnrow{\n      display:flex;gap:12px;flex-wrap:wrap;\n      padding: 0 22px 22px;\n    }\n    .cdd-contact-map .btn{\n      display:inline-flex;align-items:center;justify-content:center;\n      padding:12px 18px;border-radius:999px;\n      text-decoration:none;font-weight:800;\n      transition: transform .2s ease, background .2s ease, border-color .2s ease;\n      white-space:nowrap;\n    }\n    .cdd-contact-map .btn-primary{\n      background:#5a2e91;color:#fff;\n      box-shadow:0 18px 50px rgba(90,46,145,.24);\n    }\n    .cdd-contact-map .btn-primary:hover{transform:translateY(-2px); background:#4a2578;}\n    .cdd-contact-map .btn-ghost{\n      border:1px solid rgba(255,255,255,.22);\n      color:#fff;\n      background:transparent;\n    }\n    .cdd-contact-map .btn-ghost:hover{transform:translateY(-2px);border-color: rgba(15,107,74,.55);background:rgba(255,255,255,.06);}\n\n    \/* Map *\/\n    .cdd-contact-map .mapwrap{\n      height:100%;\n      display:flex;\n      flex-direction:column;\n    }\n    .cdd-contact-map .maptop{\n      display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;\n      padding:22px;\n      border-bottom:1px solid rgba(242,242,242,.10);\n    }\n    .cdd-contact-map .maptop .small{\n      color: rgba(242,242,242,.78);\n      font-size:14.5px;\n      line-height:1.6;\n    }\n    .cdd-contact-map iframe{\n      width:100%;\n      height: 420px;\n      border:0;\n      display:block;\n      filter:saturate(.95) contrast(1.05);\n      flex: 1 1 auto;\n    }\n    @media(max-width:980px){\n      .cdd-contact-map iframe{height:380px;}\n    }\n  <\/style>\n\n  <div class=\"container\">\n    <div class=\"grid\">\n\n      <!-- LEFT: CONTACT INFO -->\n      <div class=\"card\">\n        <div class=\"inner\">\n          <div class=\"head\">\n            <h2>Contact information<\/h2>\n            <p>Reach us directly, or use the form above. We typically respond within 24 hours.<\/p>\n          <\/div>\n\n          <div class=\"items\">\n\n            <div class=\"item\">\n              <div class=\"icon\" aria-hidden=\"true\">\n                <!-- mail -->\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                  <path d=\"M4 6h16v12H4V6Z\" stroke=\"white\" stroke-width=\"1.6\"\/>\n                  <path d=\"M4 7l8 6 8-6\" stroke=\"white\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/>\n                <\/svg>\n              <\/div>\n              <div>\n                <p class=\"label\">Email<\/p>\n                <p class=\"value\">\n                  <a href=\"mailto:info@colledeglideiacademy.com?subject=Training%20Enquiry%20-%20Colle%20Degli%20Dei&body=Hello%20Colle%20Degli%20Dei%20Team,%0D%0A%0D%0AI%20would%20like%20to%20inquire%20about%20training.%0D%0A%0D%0AWho%20is%20this%20for%3F%20(Myself%2FMy%20son%2FMy%20daughter%2FMy%20player)%0D%0APlayer%20age:%20%0D%0ARanking%20(optional):%20%0D%0APreferred%20dates:%20%0D%0AGoals:%20%0D%0A%0D%0AThank%20you\">\n                    info@colledeglideiacademy.com\n                  <\/a>\n                <\/p>\n              <\/div>\n            <\/div>\n\n            <div class=\"item\">\n              <div class=\"icon\" aria-hidden=\"true\">\n                <!-- phone -->\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                  <path d=\"M7 4h3l1 5-2 1c1 2 3 4 5 5l1-2 5 1v3c0 1-1 2-2 2-9 0-16-7-16-16 0-1 1-2 2-2Z\" stroke=\"white\" stroke-width=\"1.6\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n              <\/div>\n              <div>\n                <p class=\"label\">Phone<\/p>\n                <p class=\"value\"><a href=\"tel:+39069623226\">+39 06 962 3226<\/a><\/p>\n              <\/div>\n            <\/div>\n\n            <div class=\"item\">\n              <div class=\"icon\" aria-hidden=\"true\">\n                <!-- pin -->\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                  <path d=\"M12 21s7-5.2 7-11a7 7 0 1 0-14 0c0 5.8 7 11 7 11Z\" stroke=\"white\" stroke-width=\"1.6\" stroke-linejoin=\"round\"\/>\n                  <path d=\"M12 11.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z\" stroke=\"white\" stroke-width=\"1.6\"\/>\n                <\/svg>\n              <\/div>\n              <div>\n                <p class=\"label\">Address<\/p>\n                <p class=\"value\">Via Colle Calcagno, 31\/11, 00049 Velletri RM, Italy<\/p>\n              <\/div>\n            <\/div>\n\n          <\/div>\n\n          <div class=\"btnrow\">\n            <a class=\"btn btn-primary\"\n               href=\"https:\/\/www.google.com\/maps\/dir\/\/A.S.D.+Colle+degli+Dei,+Via+Colle+Calcagno,+31%2F11,+00049+Velletri+RM,+Italy\/@49.6009216,6.1079552,11z\/data=!4m8!4m7!1m0!1m5!1m1!1s0x13259d56fb1a72e5:0xeccfcdf88a8a42e!2m2!1d12.8037001!2d41.6707498?entry=ttu&g_ep=EgoyMDI2MDEyOC4wIKXMDSoASAFQAw%3D%3D\"\n               target=\"_blank\" rel=\"noopener\">\n              Get Directions\n            <\/a>\n\n            <a class=\"btn btn-ghost\"\n               href=\"mailto:info@colledeglideiacademy.com?subject=Training%20Enquiry%20-%20Colle%20Degli%20Dei&body=Hello%20Colle%20Degli%20Dei%20Team,%0D%0A%0D%0AI%20would%20like%20to%20inquire%20about%20training.%0D%0A%0D%0AThank%20you\">\n              Email us\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- RIGHT: MAP -->\n      <div class=\"card\">\n        <div class=\"inner mapwrap\">\n          <div class=\"maptop\">\n            <div>\n              <h2 style=\"margin:0 0 6px;font-size:22px;\">Find us<\/h2>\n              <div class=\"small\">A.S.D. Colle degli Dei \u2014 Velletri (RM), Italy<\/div>\n            <\/div>\n\n            <a class=\"btn btn-primary\"\n               href=\"https:\/\/www.google.com\/maps\/dir\/\/A.S.D.+Colle+degli+Dei,+Via+Colle+Calcagno,+31%2F11,+00049+Velletri+RM,+Italy\/@49.6009216,6.1079552,11z\/data=!4m8!4m7!1m0!1m5!1m1!1s0x13259d56fb1a72e5:0xeccfcdf88a8a42e!2m2!1d12.8037001!2d41.6707498?entry=ttu&g_ep=EgoyMDI2MDEyOC4wIKXMDSoASAFQAw%3D%3D\"\n               target=\"_blank\" rel=\"noopener\">\n              Get Directions\n            <\/a>\n          <\/div>\n\n          <iframe\n            loading=\"lazy\"\n            referrerpolicy=\"no-referrer-when-downgrade\"\n            src=\"https:\/\/www.google.com\/maps?q=Via%20Colle%20Calcagno%2C%2031%2F11%2C%2000049%20Velletri%20RM%2C%20Italy&output=embed\"\n            title=\"Colle Degli Dei Map\">\n          <\/iframe>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b56b21d e-con-full e-flex e-con e-parent\" data-id=\"b56b21d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-242d82c elementor-widget elementor-widget-html\" data-id=\"242d82c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<footer style=\"\nwidth:100vw;\nmargin-left:calc(50% - 50vw);\npadding:64px 18px 42px 18px;\nbackground:linear-gradient(180deg,#061612 0%, #081f1a 50%, #040d0b 100%);\ncolor:rgba(255,255,255,0.85);\nfont-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;\n\">\n\n  <div style=\"max-width:1120px;margin:0 auto;\">\n\n    <!-- TOP GRID -->\n    <div style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px;align-items:flex-start;\">\n\n      <!-- Brand -->\n      <div>\n        <div style=\"font-weight:950;font-size:18px;color:#ffffff;margin-bottom:12px;\">\n          Colle Degli Dei Tennis Academy\n        <\/div>\n        <div style=\"font-size:14px;line-height:1.7;color:rgba(255,255,255,0.75);max-width:320px;\">\n          High-performance training base in Italy for professional players,\n          competitive juniors, and ambitious athletes.\n        <\/div>\n      <\/div>\n\n      <!-- Social -->\n      <div>\n        <div style=\"font-weight:900;font-size:15px;margin-bottom:12px;color:#ffffff;\">\n          Follow us\n        <\/div>\n\n        <div style=\"display:flex;flex-direction:column;gap:10px;\">\n          <a href=\"https:\/\/www.instagram.com\/colledeglideiacademy\" target=\"_blank\" rel=\"noopener\"\n             style=\"text-decoration:none;color:rgba(255,255,255,0.85);font-weight:700;\">\n            Instagram\n          <\/a>\n          <a href=\"https:\/\/www.facebook.com\/colledeglidei.paginaufficiale\" target=\"_blank\" rel=\"noopener\"\n             style=\"text-decoration:none;color:rgba(255,255,255,0.85);font-weight:700;\">\n            Facebook\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Useful links -->\n      <div>\n        <div style=\"font-weight:900;font-size:15px;margin-bottom:12px;color:#ffffff;\">\n          Useful links\n        <\/div>\n\n        <div style=\"display:flex;flex-direction:column;gap:10px;\">\n          <a href=\"https:\/\/www.atptour.com\/en\" target=\"_blank\" rel=\"noopener\"\n             style=\"text-decoration:none;color:rgba(255,255,255,0.85);\">\n            ATP Tour\n          <\/a>\n          <a href=\"https:\/\/www.wtatennis.com\/\" target=\"_blank\" rel=\"noopener\"\n             style=\"text-decoration:none;color:rgba(255,255,255,0.85);\">\n            WTA Tennis\n          <\/a>\n          <a href=\"https:\/\/www.gptcatennis.org\/\" target=\"_blank\" rel=\"noopener\"\n             style=\"text-decoration:none;color:rgba(255,255,255,0.85);\">\n            GPTCA\n          <\/a>\n          <a href=\"https:\/\/www.itftennis.com\/en\/\" target=\"_blank\" rel=\"noopener\"\n             style=\"text-decoration:none;color:rgba(255,255,255,0.85);\">\n            ITF Tennis\n          <\/a>\n          <a href=\"https:\/\/thetennisagency.com\/\" target=\"_blank\" rel=\"noopener\"\n             style=\"text-decoration:none;color:rgba(255,255,255,0.85);\">\n            The Tennis Agency\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Legal -->\n      <div>\n        <div style=\"font-weight:900;font-size:15px;margin-bottom:12px;color:#ffffff;\">\n          Legal\n        <\/div>\n\n        <a href=\"\/privacy\" target=\"_blank\" rel=\"noopener\"\n           style=\"text-decoration:none;color:rgba(255,255,255,0.85);font-weight:700;\">\n          Privacy Policy\n        <\/a>\n      <\/div>\n\n    <\/div>\n\n    <!-- DIVIDER -->\n    <div style=\"height:1px;background:rgba(255,255,255,0.12);margin:42px 0 22px 0;\"><\/div>\n\n    <!-- BOTTOM -->\n    <div style=\"display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;\n      font-size:13px;color:rgba(255,255,255,0.6);\">\n\n      <div>\n        \u00a9 Colle Degli Dei Tennis Academy \u2014 All rights reserved\n      <\/div>\n\n      <div>\n        Italy \u00b7 High Performance Tennis\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/footer>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u2039 MENU Navigation \u2715 Home Who we are Team Programmes Why Italy Accommodation Apply for Scholarship Contact Us Apply for Evaluation Colle Degli Dei High-performance environment \u2022 Italian excellence PROGRAMS Elite Training Pathways. Built for Progress. From Junior Development to High Performance training blocks, our programs are structured around standards, coaching quality, and measurable improvement [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-405","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/colledeglideiacademy.com\/it\/wp-json\/wp\/v2\/pages\/405","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/colledeglideiacademy.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/colledeglideiacademy.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/colledeglideiacademy.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/colledeglideiacademy.com\/it\/wp-json\/wp\/v2\/comments?post=405"}],"version-history":[{"count":25,"href":"https:\/\/colledeglideiacademy.com\/it\/wp-json\/wp\/v2\/pages\/405\/revisions"}],"predecessor-version":[{"id":663,"href":"https:\/\/colledeglideiacademy.com\/it\/wp-json\/wp\/v2\/pages\/405\/revisions\/663"}],"wp:attachment":[{"href":"https:\/\/colledeglideiacademy.com\/it\/wp-json\/wp\/v2\/media?parent=405"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}