PagesStructures['id1698956675759'] = {"structures":[{"type":"page","id":"id1698956675759","elementProperties":{"tagName":"DIV","behaviours":null,"isLocked":false,"name":"Volunteering","baseName":"About Us","templateID":null,"templateName":null,"order":0,"customStates":null,"isElementWasEditedInMode":true,"showHoverEffects":true,"skinInformation":{"skinId":"500955-id1434289337840","categoryId":229},"isSupportsMobile":false,"isVisibleInMode":true,"isFixed":false,"topZIndex":0,"elementOpacity":1,"staticMargin":{"horizontalMargin":0,"verticalMargin":0},"sizeAndPosition":{"width":0,"height":1068,"top":0,"left":0},"lastResizingSize":{"width":0,"height":1068,"top":0,"left":0},"isVisibleInLastSection":true,"isVisibleInLastDataItem":true,"attributes":null,"metaProps":null,"metaItemType":null,"metaTitle":null,"styleBindingId":null,"styleBindingFields":null,"shadow":{"top":0,"left":0,"spread":0,"blur":0,"color":"black"},"glow":{"spread":0,"blur":0,"color":"black"},"isParallaxBackground":false,"parallaxBackgroundSpeed":0.5,"isParallaxElement":{"isActive":false,"speed":1,"delay":0},"effectsOptions":{"isParallax":false,"oneTimeAnimation":false,"duration":1200,"startDistance":200,"startVisibility":0.8,"distance":300,"measureDistanceType":3,"delay":0,"distanceDelay":0,"runInLoop":false,"flyDirection":2,"direction":"horizontal","movementDistanceHorizontally":200,"movementDistanceVertically":0,"autoStartDistanceSettings":true,"autoDistanceSettings":true},"effects":null,"binding":null,"verticalAlign":"center","horizontalAlign":"center","horizontalContentAlign":"center","basicUserCanEdit":true,"overflow":false,"isGrowable":{"bottom":false,"right":false},"rowsItems":null,"childrenAnchor":"center","backgroundColor":"#fff","imageUrl":"","imageLayout":"repeat","imagePosition":{"horizontal":"center","vertical":"top"},"origImage":"","imageOpacity":0.26,"backgroundOverlay":"transparent","gridLines":[],"fixedBackground":true,"statesGroups":null},"metaData":{"position":{"left":-1164.5,"top":0},"size":{"width":2329,"height":5335}},"childElements":[{"type":"SectionElement","id":"id1698956675760","elementProperties":{"tagName":"SECTION","behaviours":null,"isLocked":false,"name":"Section 2","baseName":null,"templateID":null,"templateName":null,"order":3,"customStates":null,"isElementWasEditedInMode":false,"showHoverEffects":true,"skinInformation":{},"isSupportsMobile":false,"isVisibleInMode":true,"isFixed":false,"topZIndex":0,"elementOpacity":1,"staticMargin":{"horizontalMargin":0,"verticalMargin":0},"sizeAndPosition":{"height":786,"left":0,"width":1689,"top":0},"lastResizingSize":{"height":786,"left":0,"width":1689,"top":0},"isVisibleInLastSection":true,"isVisibleInLastDataItem":true,"attributes":null,"metaProps":null,"metaItemType":null,"metaTitle":null,"styleBindingId":null,"styleBindingFields":null,"shadow":{"top":0,"left":0,"spread":0,"blur":0,"color":"black"},"glow":{"spread":0,"blur":0,"color":"black"},"isParallaxBackground":false,"parallaxBackgroundSpeed":0.5,"isParallaxElement":{"isActive":false,"speed":1,"delay":0},"effectsOptions":{"isParallax":false,"oneTimeAnimation":false,"duration":1200,"startDistance":200,"startVisibility":0.8,"distance":300,"measureDistanceType":3,"delay":0,"distanceDelay":0,"runInLoop":false,"flyDirection":2,"direction":"horizontal","movementDistanceHorizontally":200,"movementDistanceVertically":0,"autoStartDistanceSettings":true,"autoDistanceSettings":true},"effects":[{"name":"None"}],"binding":null,"innerGlow":{"spread":0,"blur":0,"color":"black"},"innerShadow":{"top":0,"left":0,"spread":0,"blur":0,"color":"black"},"padding":{"top":0,"left":0,"bottom":0,"right":0},"basicUserCanEdit":true,"backgroundColor":"transparent","imageUrl":"","imageLayout":"stretchedToFill","imagePosition":{"vertical":"center","horizontal":"center"},"origImage":"","imageOpacity":1,"backgroundOverlay":"transparent","verticalLayout":"normal","horizontalLayout":"normal","fillLayout":{"fillVertical":false,"fillHorizontal":false},"margin":{"top":0,"left":0,"bottom":0,"right":0},"overflow":false,"isGrowable":{"bottom":false,"right":false},"rowsItems":null,"childrenAnchor":"center","resizingGripPosiotion":"s","sectionName":"Section A","pageContentType":1,"borderWidth":{"top":0,"left":0,"bottom":0,"right":0},"roundness":{"topLeft":0,"bottomLeft":0,"topRight":0,"bottomRight":0},"borderColor":{"top":"Black","left":"Black","bottom":"Black","right":"Black"},"borderStyle":{"top":"solid","left":"solid","bottom":"solid","right":"solid"}},"metaData":{"position":{"left":-1164.5,"top":229},"size":{"width":2329,"height":786}},"childElements":[{"type":"ExternalAppembed_html_app1","id":"id1774625223414","elementProperties":{"tagName":"DIV","behaviours":null,"isLocked":false,"name":"Embed Html 4","baseName":null,"templateID":"templateid1774625223415","templateName":null,"order":95,"customStates":null,"isElementWasEditedInMode":false,"showHoverEffects":true,"skinInformation":{},"isSupportsMobile":false,"isVisibleInMode":true,"isFixed":false,"topZIndex":0,"elementOpacity":1,"staticMargin":{"horizontalMargin":0,"verticalMargin":0},"sizeAndPosition":{"width":1206,"height":1115,"left":-617,"top":3},"lastResizingSize":{"width":1206,"height":1115},"isVisibleInLastSection":true,"isVisibleInLastDataItem":true,"attributes":null,"metaProps":null,"metaItemType":null,"metaTitle":null,"styleBindingId":null,"styleBindingFields":null,"shadow":{"top":0,"left":0,"spread":0,"blur":0,"color":"black"},"glow":{"spread":0,"blur":0,"color":"black"},"isParallaxBackground":false,"parallaxBackgroundSpeed":0.5,"isParallaxElement":{"isActive":false,"speed":1,"delay":0},"effectsOptions":{"isParallax":false,"oneTimeAnimation":false,"duration":1200,"startDistance":200,"startVisibility":0.8,"distance":300,"measureDistanceType":3,"delay":0,"distanceDelay":0,"runInLoop":false,"flyDirection":2,"direction":"horizontal","movementDistanceHorizontally":200,"movementDistanceVertically":0,"autoStartDistanceSettings":true,"autoDistanceSettings":true},"effects":null,"binding":null,"innerGlow":{"spread":0,"blur":0,"color":"black"},"innerShadow":{"top":0,"left":0,"spread":0,"blur":0,"color":"black"},"basicUserCanEdit":true,"backgroundColor":"transparent","padding":{"top":0,"left":0,"bottom":0,"right":0},"imageUrl":"","imageLayout":"stretchedToFill","imagePosition":{"vertical":"center","horizontal":"center"},"origImage":"","imageOpacity":1,"backgroundOverlay":"transparent","verticalLayout":"normal","horizontalLayout":"normal","fillLayout":{"fillHorizontal":false,"fillVertical":false},"margin":{"top":0,"left":0,"bottom":0,"right":0},"isVisible":true,"borderWidth":{"top":0,"left":0,"bottom":0,"right":0},"roundness":{"topLeft":0,"bottomLeft":0,"topRight":0,"bottomRight":0},"borderColor":{"top":"Black","left":"Black","bottom":"Black","right":"Black"},"borderStyle":{"top":"solid","left":"solid","bottom":"solid","right":"solid"},"rotationAngle":0,"display":"fixed","cellItem":null,"cellHorizontalAlignment":"none","verticalAlign":"center","horizontalAlign":"center","horizontalContentAlign":"center","embed_html_app1html":"<section style=\" \n  max-width:1100px;\n  margin:0 auto;\n  padding:3.5rem 1.25rem 3rem 1.25rem;\n  font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\n  color:#1e293b;\n  box-sizing:border-box;\n\">\n\n  <div style=\"\n    background:linear-gradient(135deg,#f8fbff 0%,#eef6ff 100%);\n    border:1px solid #dbeafe;\n    border-radius:28px;\n    padding:2.5rem 2rem;\n    box-shadow:0 10px 30px rgba(15,23,42,0.06);\n    overflow:hidden;\n  \">\n\n    <div style=\"\n      display:grid;\n      grid-template-columns:1.1fr 0.9fr;\n      gap:2rem;\n      align-items:center;\n    \">\n\n      <div>\n        <span style=\"\n          display:inline-block;\n          background:#e0f2fe;\n          color:#0369a1;\n          font-size:0.85rem;\n          font-weight:600;\n          padding:0.45rem 0.9rem;\n          border-radius:999px;\n          margin-bottom:1rem;\n        \">\n          Volunteer with local organisations across Swale\n        </span>\n\n        <h1 style=\"\n          font-size:2.5rem;\n          line-height:1.1;\n          margin:0 0 1rem 0;\n          color:#0f172a;\n          font-weight:800;\n        \">\n          Volunteering in Swale\n        </h1>\n\n        <p style=\"\n          font-size:1.08rem;\n          line-height:1.75;\n          margin:0 0 1rem 0;\n          color:#475569;\n        \">\n          Volunteering is a great way to support your community, meet new people, build confidence and share your skills. Whether you have a few hours to spare each week or want to explore something more regular, there are many different ways to get involved across Swale.\n        </p>\n\n        <p style=\"\n          font-size:1.02rem;\n          line-height:1.75;\n          margin:0 0 1.5rem 0;\n          color:#475569;\n        \">\n          We work with local organisations to promote a wide range of opportunities and help people find roles that suit their interests, availability and experience. From community support and befriending to youth work, events and trusteeship, there is something for everyone.\n        </p>\n\n      </div>\n\n      <div>\n        <div style=\"\n          background:#fff;\n          border:1px solid #dbeafe;\n          border-radius:22px;\n          padding:0.6rem;\n          box-shadow:0 10px 24px rgba(15,23,42,0.08);\n        \">\n          <img\n            src=\"https://images.unsplash.com/photo-1559027615-cd4628902d4a?auto=format&fit=crop&w=1200&q=80\"\n            alt=\"People volunteering together\"\n            style=\"\n              width:100%;\n              height:360px;\n              object-fit:cover;\n              border-radius:16px;\n              display:block;\n            \"\n          >\n        </div>\n      </div>\n\n    </div>\n\n    <div style=\"\n      display:grid;\n      grid-template-columns:repeat(3,1fr);\n      gap:1rem;\n      margin-top:2rem;\n    \">\n\n      <div style=\"\n        background:#ffffffcc;\n        border:1px solid #dbeafe;\n        border-radius:20px;\n        padding:1.25rem;\n      \">\n        <div style=\"\n          width:48px;\n          height:48px;\n          border-radius:50%;\n          background:#e0f2fe;\n          display:flex;\n          align-items:center;\n          justify-content:center;\n          font-size:1.3rem;\n          margin-bottom:0.9rem;\n        \">🤝</div>\n        <h3 style=\"\n          margin:0 0 0.5rem 0;\n          font-size:1.1rem;\n          color:#0f172a;\n        \">Meet people</h3>\n        <p style=\"\n          margin:0;\n          color:#475569;\n          line-height:1.65;\n          font-size:0.96rem;\n        \">\n          Volunteering can help you build new connections, feel part of your community and develop lasting friendships.\n        </p>\n      </div>\n\n      <div style=\"\n        background:#ffffffcc;\n        border:1px solid #dbeafe;\n        border-radius:20px;\n        padding:1.25rem;\n      \">\n        <div style=\"\n          width:48px;\n          height:48px;\n          border-radius:50%;\n          background:#e0f2fe;\n          display:flex;\n          align-items:center;\n          justify-content:center;\n          font-size:1.3rem;\n          margin-bottom:0.9rem;\n        \">🌱</div>\n        <h3 style=\"\n          margin:0 0 0.5rem 0;\n          font-size:1.1rem;\n          color:#0f172a;\n        \">Grow in confidence</h3>\n        <p style=\"\n          margin:0;\n          color:#475569;\n          line-height:1.65;\n          font-size:0.96rem;\n        \">\n          Many people volunteer to gain experience, improve wellbeing, learn new skills and feel more confident in themselves.\n        </p>\n      </div>\n\n      <div style=\"\n        background:#ffffffcc;\n        border:1px solid #dbeafe;\n        border-radius:20px;\n        padding:1.25rem;\n      \">\n        <div style=\"\n          width:48px;\n          height:48px;\n          border-radius:50%;\n          background:#e0f2fe;\n          display:flex;\n          align-items:center;\n          justify-content:center;\n          font-size:1.3rem;\n          margin-bottom:0.9rem;\n        \">💙</div>\n        <h3 style=\"\n          margin:0 0 0.5rem 0;\n          font-size:1.1rem;\n          color:#0f172a;\n        \">Make a difference</h3>\n        <p style=\"\n          margin:0;\n          color:#475569;\n          line-height:1.65;\n          font-size:0.96rem;\n        \">\n          Every volunteer role contributes something valuable, whether that is supporting individuals, strengthening groups or helping services run well.\n        </p>\n      </div>\n\n    </div>\n\n    <div style=\"\n      margin-top:2rem;\n      background:#fff;\n      border:1px solid #dbeafe;\n      border-radius:20px;\n      padding:1.25rem 1.4rem;\n      display:flex;\n      flex-wrap:wrap;\n      justify-content:space-between;\n      align-items:center;\n      gap:1rem;\n    \">\n      <div>\n        <h3 style=\"\n          margin:0 0 0.35rem 0;\n          font-size:1.05rem;\n          color:#0f172a;\n        \">Need help finding the right role?</h3>\n        <p style=\"\n          margin:0;\n          color:#475569;\n          line-height:1.6;\n          font-size:0.96rem;\n        \">\n          Get in touch and we can help you explore volunteering opportunities that match your interests and availability.\n        </p>\n      </div>\n\n      <div style=\"\n        display:flex;\n        flex-wrap:wrap;\n        gap:0.75rem;\n      \">\n        <a href=\"tel:01795473438\" style=\"\n          text-decoration:none;\n          color:#0284c7;\n          font-weight:700;\n        \">\n          01795 473438\n        </a>\n        <a href=\"mailto:mandy.gambell@swalecvs.org.uk\" style=\"\n          text-decoration:none;\n          color:#0284c7;\n          font-weight:700;\n        \">\n          mandy.gambell@swalecvs.org.uk\n        </a>\n      </div>\n    </div>\n\n  </div>\n</section>","embed_html_app1headerHtml":""},"metaData":{"position":{"left":-617,"top":232},"size":{"width":1206,"height":1115}}}]},{"type":"SectionElement","id":"id1713861500444","elementProperties":{"tagName":"SECTION","behaviours":null,"isLocked":false,"name":"Section 5","baseName":null,"templateID":null,"templateName":null,"order":4,"customStates":null,"isElementWasEditedInMode":false,"showHoverEffects":true,"skinInformation":{"categoryId":199},"isSupportsMobile":false,"isVisibleInMode":true,"isFixed":false,"topZIndex":0,"elementOpacity":1,"staticMargin":{"horizontalMargin":0,"verticalMargin":0},"sizeAndPosition":{"height":31,"left":0,"width":1296,"top":0},"lastResizingSize":{"height":31,"left":0,"width":1296,"top":0},"isVisibleInLastSection":true,"isVisibleInLastDataItem":true,"attributes":null,"metaProps":null,"metaItemType":null,"metaTitle":null,"styleBindingId":null,"styleBindingFields":null,"shadow":{"top":0,"left":0,"spread":0,"blur":0,"color":"black"},"glow":{"spread":0,"blur":0,"color":"black"},"isParallaxBackground":false,"parallaxBackgroundSpeed":0.5,"isParallaxElement":{"isActive":false,"speed":1,"delay":0},"effectsOptions":{"isParallax":false,"oneTimeAnimation":false,"duration":1200,"startDistance":200,"startVisibility":0.8,"distance":300,"measureDistanceType":3,"delay":0,"distanceDelay":0,"runInLoop":false,"flyDirection":2,"direction":"horizontal","movementDistanceHorizontally":200,"movementDistanceVertically":0,"autoStartDistanceSettings":true,"autoDistanceSettings":true},"effects":null,"binding":null,"innerGlow":{"spread":0,"blur":0,"color":"black"},"innerShadow":{"top":0,"left":0,"spread":0,"blur":0,"color":"black"},"padding":{"top":0,"left":0,"bottom":0,"right":0},"basicUserCanEdit":true,"backgroundColor":"transparent","imageUrl":"","imageLayout":"stretchedToFill","imagePosition":{"vertical":"center","horizontal":"center"},"origImage":"","imageOpacity":1,"backgroundOverlay":"transparent","verticalLayout":"normal","horizontalLayout":"normal","fillLayout":{"fillVertical":false,"fillHorizontal":false},"margin":{"top":0,"left":0,"bottom":0,"right":0},"overflow":false,"isGrowable":{"bottom":false,"right":false},"rowsItems":null,"childrenAnchor":"center","resizingGripPosiotion":"s","sectionName":"Section 4","pageContentType":1,"borderWidth":{"top":0,"left":0,"bottom":0,"right":0},"roundness":{"topLeft":0,"bottomLeft":0,"topRight":0,"bottomRight":0},"borderColor":{"top":"Black","left":"Black","bottom":"Black","right":"Black"},"borderStyle":{"top":"solid","left":"solid","bottom":"solid","right":"solid"}},"metaData":{"position":{"left":-1164.5,"top":1015},"size":{"width":2329,"height":31}}},{"type":"SectionElement","id":"id1711100053554","elementProperties":{"tagName":"SECTION","behaviours":null,"isLocked":false,"name":"Section 2","baseName":null,"templateID":null,"templateName":null,"order":5,"customStates":null,"isElementWasEditedInMode":false,"showHoverEffects":true,"skinInformation":{"categoryId":199},"isSupportsMobile":false,"isVisibleInMode":true,"isFixed":false,"topZIndex":0,"elementOpacity":1,"staticMargin":{"horizontalMargin":0,"verticalMargin":0},"sizeAndPosition":{"height":1965,"left":0,"width":1689,"top":0},"lastResizingSize":{"height":1965,"left":0,"width":1689,"top":0},"isVisibleInLastSection":true,"isVisibleInLastDataItem":true,"attributes":null,"metaProps":null,"metaItemType":null,"metaTitle":null,"styleBindingId":null,"styleBindingFields":null,"shadow":{"top":0,"left":0,"spread":0,"blur":0,"color":"black"},"glow":{"spread":0,"blur":0,"color":"black"},"isParallaxBackground":false,"parallaxBackgroundSpeed":0.5,"isParallaxElement":{"isActive":false,"speed":1,"delay":0},"effectsOptions":{"isParallax":false,"oneTimeAnimation":false,"duration":1200,"startDistance":200,"startVisibility":0.8,"distance":300,"measureDistanceType":3,"delay":0,"distanceDelay":0,"runInLoop":false,"flyDirection":2,"direction":"horizontal","movementDistanceHorizontally":200,"movementDistanceVertically":0,"autoStartDistanceSettings":true,"autoDistanceSettings":true},"effects":null,"binding":null,"innerGlow":{"spread":0,"blur":0,"color":"black"},"innerShadow":{"top":0,"left":0,"spread":0,"blur":0,"color":"black"},"padding":{"top":0,"left":0,"bottom":0,"right":0},"basicUserCanEdit":true,"backgroundColor":"transparent","imageUrl":"","imageLayout":"stretchedToFill","imagePosition":{"vertical":"center","horizontal":"center"},"origImage":"","imageOpacity":1,"backgroundOverlay":"transparent","verticalLayout":"normal","horizontalLayout":"normal","fillLayout":{"fillVertical":false,"fillHorizontal":false},"margin":{"top":0,"left":0,"bottom":0,"right":0},"overflow":false,"isGrowable":{"bottom":false,"right":false},"rowsItems":null,"childrenAnchor":"center","resizingGripPosiotion":"s","sectionName":"Section 2","pageContentType":1,"borderWidth":{"top":0,"left":0,"bottom":0,"right":0},"roundness":{"topLeft":0,"bottomLeft":0,"topRight":0,"bottomRight":0},"borderColor":{"top":"Black","left":"Black","bottom":"Black","right":"Black"},"borderStyle":{"top":"solid","left":"solid","bottom":"solid","right":"solid"}},"metaData":{"position":{"left":-1164.5,"top":1046},"size":{"width":2329,"height":1965}},"childElements":[{"type":"ExternalAppembed_html_app1","id":"id1763648847481","elementProperties":{"tagName":"DIV","behaviours":null,"isLocked":false,"name":"Embed Html 1","baseName":null,"templateID":"templateid1763648847482","templateName":null,"order":94,"customStates":null,"isElementWasEditedInMode":false,"showHoverEffects":true,"skinInformation":{},"isSupportsMobile":false,"isVisibleInMode":true,"isFixed":false,"topZIndex":0,"elementOpacity":1,"staticMargin":{"horizontalMargin":0,"verticalMargin":0},"sizeAndPosition":{"width":1206,"height":3331,"left":-617,"top":186},"lastResizingSize":{"width":1206,"height":3331},"isVisibleInLastSection":true,"isVisibleInLastDataItem":true,"attributes":null,"metaProps":null,"metaItemType":null,"metaTitle":null,"styleBindingId":null,"styleBindingFields":null,"shadow":{"top":0,"left":0,"spread":0,"blur":0,"color":"black"},"glow":{"spread":0,"blur":0,"color":"black"},"isParallaxBackground":false,"parallaxBackgroundSpeed":0.5,"isParallaxElement":{"isActive":false,"speed":1,"delay":0},"effectsOptions":{"isParallax":false,"oneTimeAnimation":false,"duration":1200,"startDistance":200,"startVisibility":0.8,"distance":300,"measureDistanceType":3,"delay":0,"distanceDelay":0,"runInLoop":false,"flyDirection":2,"direction":"horizontal","movementDistanceHorizontally":200,"movementDistanceVertically":0,"autoStartDistanceSettings":true,"autoDistanceSettings":true},"effects":null,"binding":null,"innerGlow":{"spread":0,"blur":0,"color":"black"},"innerShadow":{"top":0,"left":0,"spread":0,"blur":0,"color":"black"},"basicUserCanEdit":true,"backgroundColor":"transparent","padding":{"top":0,"left":0,"bottom":0,"right":0},"imageUrl":"","imageLayout":"stretchedToFill","imagePosition":{"vertical":"center","horizontal":"center"},"origImage":"","imageOpacity":1,"backgroundOverlay":"transparent","verticalLayout":"normal","horizontalLayout":"normal","fillLayout":{"fillHorizontal":false,"fillVertical":false},"margin":{"top":0,"left":0,"bottom":0,"right":0},"isVisible":true,"borderWidth":{"top":0,"left":0,"bottom":0,"right":0},"roundness":{"topLeft":0,"topRight":0,"bottomLeft":0,"bottomRight":0},"borderColor":{"top":"Black","left":"Black","bottom":"Black","right":"Black"},"borderStyle":{"top":"solid","left":"solid","bottom":"solid","right":"solid"},"rotationAngle":0,"display":"fixed","cellItem":null,"cellHorizontalAlignment":"none","verticalAlign":"center","horizontalAlign":"center","horizontalContentAlign":"center","embed_html_app1html":"<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\" />\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n  <title>Volunteer Opportunities | Swale CVS</title>\n  <script src=\"https://cdn.tailwindcss.com\"></script>\n  <script src=\"https://cdn.jsdelivr.net/npm/papaparse@5.4.1/papaparse.min.js\"></script>\n  <style>\n    html {\n      scroll-behavior: smooth;\n    }\n\n    body {\n      font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n      background: #f8fafc;\n      color: #0f172a;\n    }\n\n    .line-clamp-3 {\n      display: -webkit-box;\n      -webkit-line-clamp: 3;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n    }\n\n    .glass {\n      backdrop-filter: blur(14px);\n      background: rgba(255,255,255,0.78);\n    }\n\n    .card-enter {\n      animation: cardEnter 0.28s ease;\n    }\n\n    @keyframes cardEnter {\n      from {\n        opacity: 0;\n        transform: translateY(10px) scale(0.985);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0) scale(1);\n      }\n    }\n  </style>\n</head>\n<body>\n  <section class=\"relative overflow-hidden bg-white border-b border-slate-200\">\n    <div class=\"absolute inset-0 bg-[radial-gradient(circle_at_top_left,rgba(59,130,246,0.10),transparent_34%),radial-gradient(circle_at_top_right,rgba(14,165,233,0.10),transparent_30%),linear-gradient(to_bottom,#ffffff,rgba(248,250,252,1))]\"></div>\n\n    <div class=\"relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 sm:py-16\">\n      <div class=\"max-w-3xl mx-auto text-center\">\n        <span class=\"inline-flex items-center rounded-full border border-sky-200 bg-sky-50 px-3 py-1 text-sm font-medium text-sky-700\">\n          Volunteer with local organisations across Swale\n        </span>\n\n        <h1 class=\"mt-5 text-4xl sm:text-5xl font-bold tracking-tight text-slate-900\">\n          Current Volunteer Opportunities\n        </h1>\n\n        <p class=\"mt-4 text-lg text-slate-600\">\n          Browse live volunteering opportunities from local organisations. Use the area filter or search box to find roles that suit you, then open any opportunity for full details and contact information.\n        </p>\n      </div>\n\n      <div class=\"mt-10 glass rounded-3xl border border-slate-200 shadow-sm p-4 sm:p-5\">\n        <div class=\"grid grid-cols-1 md:grid-cols-[220px,1fr] gap-4\">\n          <div>\n            <label for=\"areaFilter\" class=\"block text-sm font-semibold text-slate-700 mb-2\">Filter by area</label>\n            <select id=\"areaFilter\" class=\"w-full rounded-2xl border border-slate-300 bg-white px-4 py-3 text-slate-800 shadow-sm focus:outline-none focus:ring-2 focus:ring-sky-400\">\n              <option value=\"\">All areas</option>\n            </select>\n          </div>\n\n          <div>\n            <label for=\"searchInput\" class=\"block text-sm font-semibold text-slate-700 mb-2\">Search opportunities</label>\n            <div class=\"relative\">\n              <input\n                id=\"searchInput\"\n                type=\"text\"\n                placeholder=\"Search by role, description, area or requirement\"\n                class=\"w-full rounded-2xl border border-slate-300 bg-white px-4 py-3 pl-12 text-slate-800 shadow-sm focus:outline-none focus:ring-2 focus:ring-sky-400\"\n              />\n              <svg class=\"absolute left-4 top-1/2 -translate-y-1/2 w-5 h-5 text-slate-400\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m21 21-4.35-4.35m1.85-5.15a7 7 0 1 1-14 0 7 7 0 0 1 14 0Z\" />\n              </svg>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"mt-4 flex flex-wrap items-center gap-3 text-sm text-slate-600\">\n          <div class=\"inline-flex items-center rounded-full bg-slate-100 px-3 py-1\">\n            <span id=\"resultsCount\">Loading opportunities...</span>\n          </div>\n          <button\n            id=\"clearFilters\"\n            class=\"inline-flex items-center rounded-full border border-slate-300 px-3 py-1.5 font-medium text-slate-700 hover:bg-slate-50 transition\"\n          >\n            Clear filters\n          </button>\n          <span class=\"text-slate-500\">Sorted newest first</span>\n        </div>\n      </div>\n    </div>\n  </section>\n\n  <main id=\"directoryTop\" class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 sm:py-10\">\n    <div id=\"loadingState\" class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6\">\n      <div class=\"animate-pulse rounded-3xl bg-white border border-slate-200 overflow-hidden shadow-sm\">\n        <div class=\"h-52 bg-slate-200\"></div>\n        <div class=\"p-5 space-y-3\">\n          <div class=\"h-6 bg-slate-200 rounded\"></div>\n          <div class=\"h-4 bg-slate-200 rounded w-2/3\"></div>\n          <div class=\"h-4 bg-slate-200 rounded w-1/2\"></div>\n        </div>\n      </div>\n\n      <div class=\"animate-pulse rounded-3xl bg-white border border-slate-200 overflow-hidden shadow-sm hidden sm:block\">\n        <div class=\"h-52 bg-slate-200\"></div>\n        <div class=\"p-5 space-y-3\">\n          <div class=\"h-6 bg-slate-200 rounded\"></div>\n          <div class=\"h-4 bg-slate-200 rounded w-2/3\"></div>\n          <div class=\"h-4 bg-slate-200 rounded w-1/2\"></div>\n        </div>\n      </div>\n\n      <div class=\"animate-pulse rounded-3xl bg-white border border-slate-200 overflow-hidden shadow-sm hidden lg:block\">\n        <div class=\"h-52 bg-slate-200\"></div>\n        <div class=\"p-5 space-y-3\">\n          <div class=\"h-6 bg-slate-200 rounded\"></div>\n          <div class=\"h-4 bg-slate-200 rounded w-2/3\"></div>\n          <div class=\"h-4 bg-slate-200 rounded w-1/2\"></div>\n        </div>\n      </div>\n\n      <div class=\"animate-pulse rounded-3xl bg-white border border-slate-200 overflow-hidden shadow-sm hidden xl:block\">\n        <div class=\"h-52 bg-slate-200\"></div>\n        <div class=\"p-5 space-y-3\">\n          <div class=\"h-6 bg-slate-200 rounded\"></div>\n          <div class=\"h-4 bg-slate-200 rounded w-2/3\"></div>\n          <div class=\"h-4 bg-slate-200 rounded w-1/2\"></div>\n        </div>\n      </div>\n    </div>\n\n    <div id=\"emptyState\" class=\"hidden rounded-3xl border border-dashed border-slate-300 bg-white p-10 text-center shadow-sm\">\n      <h2 class=\"text-2xl font-semibold text-slate-900\">No opportunities found</h2>\n      <p class=\"mt-2 text-slate-600\">Try changing your search or selecting a different area.</p>\n    </div>\n\n    <div id=\"cardsContainer\" class=\"hidden\">\n      <div id=\"cardsGrid\" class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6 items-start\"></div>\n      <div id=\"pagination\" class=\"mt-10 flex flex-wrap items-center justify-center gap-2\"></div>\n    </div>\n  </main>\n\n  <script>\n    const CSV_URL = 'https://docs.google.com/spreadsheets/d/e/2PACX-1vQqGwVOZPHsc6DJZFTYCUA0HhFxuOcguK5ZskluLsOzjkyKMorw3Y-GRqUKJla455mL9Rz_YvM67xll/pub?output=csv';\n    const PLACEHOLDER_IMAGE = 'https://images.unsplash.com/photo-1517486808906-6ca8b3f04846?auto=format&fit=crop&w=1200&q=80';\n    const CARDS_PER_PAGE = 12;\n\n    const state = {\n      raw: [],\n      filtered: [],\n      area: '',\n      search: '',\n      currentPage: 1,\n      selectedId: null\n    };\n\n    const els = {\n      directoryTop: document.getElementById('directoryTop'),\n      cardsContainer: document.getElementById('cardsContainer'),\n      cardsGrid: document.getElementById('cardsGrid'),\n      loadingState: document.getElementById('loadingState'),\n      emptyState: document.getElementById('emptyState'),\n      areaFilter: document.getElementById('areaFilter'),\n      searchInput: document.getElementById('searchInput'),\n      clearFilters: document.getElementById('clearFilters'),\n      resultsCount: document.getElementById('resultsCount'),\n      pagination: document.getElementById('pagination')\n    };\n\n    function scrollToDirectoryTop() {\n      if (els.directoryTop) {\n        els.directoryTop.scrollIntoView({ behavior: 'smooth', block: 'start' });\n      }\n    }\n\n    function normaliseText(value) {\n      return (value || '').toString().replace(/\\s+/g, ' ').trim();\n    }\n\n    function splitBenefits(row) {\n      return ['1', '2', '3', '4']\n        .map(key => normaliseText(row[key]))\n        .filter(Boolean);\n    }\n\n    function parseRows(rows) {\n      return rows\n        .map((row, index) => ({\n          id: `opp-${index}`,\n          sourceIndex: index,\n          name: normaliseText(row['Name']),\n          areaFilter: normaliseText(row['AREA'] || row['Area']),\n          areaDisplay: normaliseText(row['Area'] || row['AREA']),\n          image: normaliseText(row['Image']),\n          description: normaliseText(row['Description']),\n          contact: normaliseText(row['Contact Details']),\n          link: normaliseText(row['Link']),\n          requirements: normaliseText(row['Requirements']),\n          organisation: normaliseText(row['Organisation']),\n          benefits: splitBenefits(row)\n        }))\n        .filter(item => item.name)\n        .sort((a, b) => b.sourceIndex - a.sourceIndex);\n    }\n\n    function populateAreaFilter(data) {\n      const areas = [...new Set(data.map(item => item.areaFilter).filter(Boolean))]\n        .sort((a, b) => a.localeCompare(b));\n\n      els.areaFilter.innerHTML =\n        '<option value=\"\">All areas</option>' +\n        areas.map(area => `<option value=\"${escapeHtml(area)}\">${escapeHtml(area)}</option>`).join('');\n    }\n\n    function applyFilters() {\n      const search = state.search.toLowerCase();\n\n      state.filtered = state.raw.filter(item => {\n        const areaMatch = !state.area || item.areaFilter === state.area;\n\n        const haystack = [\n          item.name,\n          item.organisation,\n          item.areaFilter,\n          item.areaDisplay,\n          item.description,\n          item.contact,\n          item.requirements,\n          ...item.benefits\n        ].join(' ').toLowerCase();\n\n        const searchMatch = !search || haystack.includes(search);\n        return areaMatch && searchMatch;\n      });\n\n      state.currentPage = 1;\n      state.selectedId = null;\n      renderPage();\n    }\n\n    function getPaginatedItems() {\n      const start = (state.currentPage - 1) * CARDS_PER_PAGE;\n      return state.filtered.slice(start, start + CARDS_PER_PAGE);\n    }\n\n    function getLinkHtml(item) {\n      if (!item.link) return '';\n      return `\n        <a\n          href=\"${escapeAttribute(item.link)}\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          class=\"inline-flex items-center justify-center rounded-2xl bg-sky-600 px-5 py-3 text-sm font-semibold text-white shadow-sm transition hover:bg-sky-700\"\n        >\n          View opportunity\n        </a>\n      `;\n    }\n\n    function getContactHtml(contact) {\n      if (!contact) return '<span class=\"text-slate-500\">Contact details available on request.</span>';\n\n      const isEmail = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(contact);\n\n      if (isEmail) {\n        return `<a href=\"mailto:${escapeAttribute(contact)}\" class=\"text-sky-700 underline underline-offset-2 break-all\">${escapeHtml(contact)}</a>`;\n      }\n\n      if (/^https?:\\/\\//i.test(contact)) {\n        return `<a href=\"${escapeAttribute(contact)}\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-sky-700 underline underline-offset-2 break-all\">${escapeHtml(contact)}</a>`;\n      }\n\n      return `<span class=\"text-slate-700 break-words\">${escapeHtml(contact)}</span>`;\n    }\n\n    function renderStandardCard(item) {\n      return `\n        <article id=\"${item.id}\" class=\"rounded-[1.75rem] border border-slate-200 bg-white shadow-sm overflow-hidden transition duration-300 hover:-translate-y-1 hover:shadow-xl\">\n          <div class=\"relative h-56 overflow-hidden bg-slate-100\">\n            <img\n              src=\"${escapeAttribute(item.image || PLACEHOLDER_IMAGE)}\"\n              alt=\"${escapeAttribute(item.name)}\"\n              class=\"h-full w-full object-cover transition duration-500 hover:scale-105\"\n              loading=\"lazy\"\n              onerror=\"this.onerror=null;this.src='${PLACEHOLDER_IMAGE}'\"\n            >\n            ${item.areaFilter ? `<div class=\"absolute left-4 top-4 rounded-full bg-white/90 px-3 py-1 text-xs font-semibold text-slate-700 shadow-sm\">${escapeHtml(item.areaFilter)}</div>` : ''}\n          </div>\n\n          <div class=\"p-5\">\n            <div class=\"mb-3\">\n              <h2 class=\"text-xl font-bold leading-tight text-slate-900\">${escapeHtml(item.name)}</h2>\n              ${item.organisation ? `<p class=\"mt-1 text-sm font-medium text-slate-500\">${escapeHtml(item.organisation)}</p>` : ''}\n            </div>\n\n            ${item.description\n              ? `<p class=\"line-clamp-3 text-sm leading-6 text-slate-600\">${escapeHtml(item.description)}</p>`\n              : `<p class=\"text-sm leading-6 text-slate-500\">Open this opportunity to view the full details.</p>`\n            }\n\n            ${item.benefits.length ? `\n              <div class=\"mt-4 flex flex-wrap gap-2\">\n                ${item.benefits.map(tag => `\n                  <span class=\"rounded-full bg-slate-100 px-3 py-1 text-xs font-semibold text-slate-700\">${escapeHtml(tag)}</span>\n                `).join('')}\n              </div>\n            ` : ''}\n\n            <div class=\"mt-5 flex items-center justify-between gap-3\">\n              <button\n                data-id=\"${item.id}\"\n                class=\"open-details inline-flex items-center rounded-2xl border border-slate-300 px-4 py-2 text-sm font-semibold text-slate-800 transition hover:bg-slate-50\"\n              >\n                More details\n              </button>\n            </div>\n          </div>\n        </article>\n      `;\n    }\n\n    function renderExpandedCard(item) {\n      return `\n        <article id=\"${item.id}\" class=\"card-enter sm:col-span-2 lg:col-span-3 xl:col-span-4 rounded-[2rem] border border-slate-200 bg-white shadow-xl overflow-hidden\">\n          <div class=\"flex flex-col\">\n            <div class=\"bg-slate-100 flex items-center justify-center p-6\">\n              <img\n                src=\"${escapeAttribute(item.image || PLACEHOLDER_IMAGE)}\"\n                alt=\"${escapeAttribute(item.name)}\"\n                class=\"max-h-[340px] w-auto h-auto object-contain rounded-2xl shadow-sm\"\n                loading=\"lazy\"\n                onerror=\"this.onerror=null;this.src='${PLACEHOLDER_IMAGE}'\"\n              >\n            </div>\n\n            <div class=\"p-6 sm:p-8 max-w-3xl\">\n              ${item.areaFilter ? `<div class=\"inline-flex rounded-full bg-sky-50 px-3 py-1 text-xs font-semibold text-sky-700 border border-sky-100\">${escapeHtml(item.areaFilter)}</div>` : ''}\n\n              <h2 class=\"mt-4 text-3xl font-bold tracking-tight text-slate-900\">${escapeHtml(item.name)}</h2>\n\n              ${item.organisation ? `<p class=\"mt-2 text-base font-medium text-slate-500\">${escapeHtml(item.organisation)}</p>` : ''}\n\n              ${item.benefits.length ? `\n                <div class=\"mt-5 flex flex-wrap gap-2\">\n                  ${item.benefits.map(tag => `\n                    <span class=\"rounded-full bg-slate-100 px-3 py-1 text-xs font-semibold text-slate-700\">${escapeHtml(tag)}</span>\n                  `).join('')}\n                </div>\n              ` : ''}\n\n              <div class=\"mt-6 grid gap-5\">\n                ${item.description ? `\n                  <div>\n                    <h3 class=\"text-sm font-semibold uppercase tracking-wide text-slate-500\">Description</h3>\n                    <p class=\"mt-2 text-base leading-7 text-slate-700\">${escapeHtml(item.description)}</p>\n                  </div>\n                ` : ''}\n\n                ${item.requirements ? `\n                  <div>\n                    <h3 class=\"text-sm font-semibold uppercase tracking-wide text-slate-500\">Requirements</h3>\n                    <p class=\"mt-2 text-base leading-7 text-slate-700\">${escapeHtml(item.requirements)}</p>\n                  </div>\n                ` : ''}\n\n                ${item.areaDisplay ? `\n                  <div>\n                    <h3 class=\"text-sm font-semibold uppercase tracking-wide text-slate-500\">Area</h3>\n                    <p class=\"mt-2 text-base leading-7 text-slate-700\">${escapeHtml(item.areaDisplay)}</p>\n                  </div>\n                ` : ''}\n\n                <div>\n                  <h3 class=\"text-sm font-semibold uppercase tracking-wide text-slate-500\">Contact details</h3>\n                  <div class=\"mt-2 text-base leading-7\">${getContactHtml(item.contact)}</div>\n                </div>\n              </div>\n\n              <div class=\"mt-8 flex flex-wrap gap-3\">\n                ${getLinkHtml(item)}\n                <button\n                  data-id=\"${item.id}\"\n                  class=\"close-expanded inline-flex items-center justify-center rounded-2xl border border-slate-300 px-5 py-3 text-sm font-semibold text-slate-800 transition hover:bg-slate-50\"\n                >\n                  Close\n                </button>\n              </div>\n            </div>\n          </div>\n        </article>\n      `;\n    }\n\n    function renderPage() {\n      els.loadingState.classList.add('hidden');\n      els.cardsContainer.classList.remove('hidden');\n\n      const count = state.filtered.length;\n      const totalPages = Math.max(1, Math.ceil(count / CARDS_PER_PAGE));\n\n      if (state.currentPage > totalPages) state.currentPage = totalPages;\n\n      els.resultsCount.textContent = `${count} opportunit${count === 1 ? 'y' : 'ies'} found`;\n\n      if (!count) {\n        els.cardsGrid.innerHTML = '';\n        els.pagination.innerHTML = '';\n        els.emptyState.classList.remove('hidden');\n        return;\n      }\n\n      els.emptyState.classList.add('hidden');\n\n      const items = getPaginatedItems();\n\n      if (state.selectedId) {\n        const selectedItem = items.find(item => item.id === state.selectedId);\n\n        if (selectedItem) {\n          els.cardsGrid.innerHTML = renderExpandedCard(selectedItem);\n        } else {\n          els.cardsGrid.innerHTML = items.map(renderStandardCard).join('');\n        }\n      } else {\n        els.cardsGrid.innerHTML = items.map(renderStandardCard).join('');\n      }\n\n      document.querySelectorAll('.open-details').forEach(button => {\n        button.addEventListener('click', () => toggleDetails(button.dataset.id));\n      });\n\n      document.querySelectorAll('.close-expanded').forEach(button => {\n        button.addEventListener('click', () => toggleDetails(button.dataset.id));\n      });\n\n      renderPagination(totalPages);\n    }\n\n    function toggleDetails(id) {\n      const isSameCard = state.selectedId === id;\n      state.selectedId = isSameCard ? null : id;\n      renderPage();\n\n      if (!isSameCard) {\n        setTimeout(() => {\n          const selectedCard = document.getElementById(id);\n          if (selectedCard) {\n            selectedCard.scrollIntoView({ behavior: 'smooth', block: 'start' });\n          }\n        }, 40);\n      }\n    }\n\n    function renderPagination(totalPages) {\n      if (totalPages <= 1) {\n        els.pagination.innerHTML = '';\n        return;\n      }\n\n      let buttons = `\n        <button\n          class=\"page-btn rounded-2xl border px-4 py-2 text-sm font-semibold ${state.currentPage === 1 ? 'border-slate-200 text-slate-400 cursor-not-allowed' : 'border-slate-300 text-slate-700 hover:bg-slate-50'}\"\n          data-page=\"${state.currentPage - 1}\"\n          ${state.currentPage === 1 ? 'disabled' : ''}\n        >\n          Previous\n        </button>\n      `;\n\n      for (let i = 1; i <= totalPages; i++) {\n        buttons += `\n          <button\n            class=\"page-btn rounded-2xl px-4 py-2 text-sm font-semibold border ${i === state.currentPage ? 'border-sky-600 bg-sky-600 text-white' : 'border-slate-300 text-slate-700 hover:bg-slate-50'}\"\n            data-page=\"${i}\"\n          >\n            ${i}\n          </button>\n        `;\n      }\n\n      buttons += `\n        <button\n          class=\"page-btn rounded-2xl border px-4 py-2 text-sm font-semibold ${state.currentPage === totalPages ? 'border-slate-200 text-slate-400 cursor-not-allowed' : 'border-slate-300 text-slate-700 hover:bg-slate-50'}\"\n          data-page=\"${state.currentPage + 1}\"\n          ${state.currentPage === totalPages ? 'disabled' : ''}\n        >\n          Next\n        </button>\n      `;\n\n      els.pagination.innerHTML = buttons;\n\n      document.querySelectorAll('.page-btn').forEach(button => {\n        button.addEventListener('click', () => {\n          const page = Number(button.dataset.page);\n          if (!page || page < 1 || page > totalPages) return;\n\n          state.currentPage = page;\n          state.selectedId = null;\n          renderPage();\n\n          setTimeout(() => {\n            scrollToDirectoryTop();\n          }, 50);\n        });\n      });\n    }\n\n    function escapeHtml(str) {\n      return (str || '').replace(/[&<>'\"]/g, char => ({\n        '&': '&amp;',\n        '<': '&lt;',\n        '>': '&gt;',\n        '\"': '&quot;',\n        \"'\": '&#39;'\n      })[char]);\n    }\n\n    function escapeAttribute(str) {\n      return escapeHtml(str).replace(/`/g, '&#96;');\n    }\n\n    async function loadData() {\n      try {\n        const response = await fetch(CSV_URL, { cache: 'no-store' });\n        if (!response.ok) throw new Error('Unable to load the live volunteer opportunities feed.');\n\n        const csvText = await response.text();\n\n        const parsed = Papa.parse(csvText, {\n          header: true,\n          skipEmptyLines: true\n        });\n\n        state.raw = parseRows(parsed.data);\n        populateAreaFilter(state.raw);\n        applyFilters();\n      } catch (error) {\n        console.error(error);\n        els.loadingState.classList.add('hidden');\n        els.emptyState.classList.remove('hidden');\n        els.emptyState.innerHTML = `\n          <h2 class=\"text-2xl font-semibold text-slate-900\">Unable to load opportunities</h2>\n          <p class=\"mt-2 text-slate-600\">The live sheet could not be reached. Please check that the Google Sheet is still published and publicly accessible.</p>\n        `;\n        els.resultsCount.textContent = 'Unable to load opportunities';\n      }\n    }\n\n    els.areaFilter.addEventListener('change', (event) => {\n      state.area = event.target.value;\n      applyFilters();\n      setTimeout(() => {\n        scrollToDirectoryTop();\n      }, 50);\n    });\n\n    els.searchInput.addEventListener('input', (event) => {\n      state.search = event.target.value.trim();\n      applyFilters();\n    });\n\n    els.clearFilters.addEventListener('click', () => {\n      state.area = '';\n      state.search = '';\n      state.selectedId = null;\n      state.currentPage = 1;\n      els.areaFilter.value = '';\n      els.searchInput.value = '';\n      applyFilters();\n      setTimeout(() => {\n        scrollToDirectoryTop();\n      }, 50);\n    });\n\n    loadData();\n  </script>\n</body>\n</html>","embed_html_app1headerHtml":""},"metaData":{"position":{"left":-617,"top":1232},"size":{"width":1206,"height":3331}}}]},{"type":"SectionElement","id":"id1699007257848","elementProperties":{"tagName":"SECTION","behaviours":null,"isLocked":false,"name":"Section 3","baseName":null,"templateID":null,"templateName":null,"order":7,"customStates":null,"isElementWasEditedInMode":false,"showHoverEffects":true,"skinInformation":{"categoryId":199},"isSupportsMobile":false,"isVisibleInMode":true,"isFixed":false,"topZIndex":0,"elementOpacity":1,"staticMargin":{"horizontalMargin":0,"verticalMargin":0},"sizeAndPosition":{"height":1856,"left":0,"width":2329,"top":0},"lastResizingSize":{"width":2329,"height":1856},"isVisibleInLastSection":true,"isVisibleInLastDataItem":true,"attributes":null,"metaProps":null,"metaItemType":null,"metaTitle":null,"styleBindingId":null,"styleBindingFields":null,"shadow":{"top":0,"left":0,"spread":0,"blur":0,"color":"black"},"glow":{"spread":0,"blur":0,"color":"black"},"isParallaxBackground":false,"parallaxBackgroundSpeed":0.5,"isParallaxElement":{"isActive":false,"speed":1,"delay":0},"effectsOptions":{"isParallax":false,"oneTimeAnimation":false,"duration":1200,"startDistance":200,"startVisibility":0.8,"distance":300,"measureDistanceType":3,"delay":0,"distanceDelay":0,"runInLoop":false,"flyDirection":2,"direction":"horizontal","movementDistanceHorizontally":200,"movementDistanceVertically":0,"autoStartDistanceSettings":true,"autoDistanceSettings":true},"effects":null,"binding":null,"innerGlow":{"spread":0,"blur":0,"color":"black"},"innerShadow":{"top":0,"left":0,"spread":0,"blur":0,"color":"black"},"padding":{"top":0,"left":0,"bottom":0,"right":0},"basicUserCanEdit":true,"backgroundColor":"transparent","imageUrl":"","imageLayout":"stretchedToFill","imagePosition":{"vertical":"center","horizontal":"center"},"origImage":"","imageOpacity":1,"backgroundOverlay":"transparent","verticalLayout":"normal","horizontalLayout":"normal","fillLayout":{"fillVertical":false,"fillHorizontal":false},"margin":{"top":0,"left":0,"bottom":0,"right":0},"overflow":false,"isGrowable":{"bottom":false,"right":false},"rowsItems":null,"childrenAnchor":"center","resizingGripPosiotion":"s","sectionName":"Section 1","pageContentType":1,"borderWidth":{"top":0,"left":0,"bottom":0,"right":0},"roundness":{"topLeft":0,"bottomLeft":0,"topRight":0,"bottomRight":0},"borderColor":{"top":"Black","left":"Black","bottom":"Black","right":"Black"},"borderStyle":{"top":"solid","left":"solid","bottom":"solid","right":"solid"}},"metaData":{"position":{"left":-1164.5,"top":3011},"size":{"width":2329,"height":1856}}}],"offset":{"left":231,"top":-1336}}],"connections":{"targetConnections":{},"sourceConnections":{}},"customStatesProperties":{"id1698956675759":{"order":{"MobileResponsiveStateId1234":{"coordinator":{"stateValue":0}}},"isElementWasEditedInMode":{"MobileResponsiveStateId1234":{"coordinator":{"stateValue":true}}},"isVisibleInMode":{"MobileResponsiveStateId1234":{"coordinator":{"stateValue":true}}},"topZIndex":{"MobileResponsiveStateId1234":{"coordinator":{"stateValue":0}}},"elementOpacity":{"MobileResponsiveStateId1234":{"coordinator":{"stateValue":1}}},"staticMargin":{"MobileResponsiveStateId1234":{"coordinator":{"stateValue":{"horizontalMargin":0,"verticalMargin":0}}}},"sizeAndPosition":{"MobileResponsiveStateId1234":{"coordinator":{"stateValue":{"width":0,"height":1068,"top":0,"left":0}}}},"lastResizingSize":{"MobileResponsiveStateId1234":{"coordinator":{"stateValue":{"width":362,"height":2563}}}},"isVisibleInLastSection":{"MobileResponsiveStateId1234":{"coordinator":{"stateValue":true}}},"isVisibleInLastDataItem":{"MobileResponsiveStateId1234":{"coordinator":{"stateValue":true}}},"shadow":{"MobileResponsiveStateId1234":{"coordinator":{"stateValue":{"top":0,"left":0,"spread":0,"blur":0,"color":"black"}}}},"glow":{"MobileResponsiveStateId1234":{"coordinator":{"stateValue":{"spread":0,"blur":0,"color":"black"}}}},"verticalAlign":{"MobileResponsiveStateId1234":{"coordinator":{"stateValue":"center"}}},"horizontalAlign":{"MobileResponsiveStateId1234":{"coordinator":{"stateValue":"center"}}},"horizontalContentAlign":{"MobileResponsiveStateId1234":{"coordinator":{"stateValue":"center"}}},"basicUserCanEdit":{"MobileResponsiveStateId1234":{"coordinator":{"stateValue":true}}},"rowsItems":{"MobileResponsiveStateId1234":{"coordinator":{"stateValue":null}}},"backgroundColor":{"MobileResponsiveStateId1234":{"coordinator":{"stateValue":{"mainColor":0,"variation":0,"opacity":1,"brightness":0}}}},"imageUrl":{"MobileResponsiveStateId1234":{"coordinator":{"stateValue":""}}},"imageLayout":{"MobileResponsiveStateId1234":{"coordinator":{"stateValue":"stretchedToFill"}}},"imagePosition":{"MobileResponsiveStateId1234":{"coordinator":{"stateValue":{"horizontal":"right","vertical":"top"}}}},"origImage":{"MobileResponsiveStateId1234":{"coordinator":{"stateValue":""}}},"imageOpacity":{"MobileResponsiveStateId1234":{"coordinator":{"stateValue":1}}},"backgroundOverlay":{"MobileResponsiveStateId1234":{"coordinator":{"stateValue":"transparent"}}},"fixedBackground":{"MobileResponsiveStateId1234":{"coordinator":{"stateValue":false}}}},"id1698956675760":{"order":{"MobileResponsiveStateId1234":{"coordinator":{"stateValue":3}}},"isElementWasEditedInMode":{"MobileResponsiveStateId1234":{"coordinator":{"stateValue":true}}},"isVisibleInMode":{"MobileResponsiveStateId1234":{"coordinator":{"stateValue":true}}},"sizeAndPosition":{"MobileResponsiveStateId1234":{"coordinator":{"stateValue":{"height":713,"left":0,"width":1830,"top":0}}}},"rowsItems":{"MobileResponsiveStateId1234":{"coordinator":{"stateValue":{"1698956675793":{"id":1698956675793},"1698956675795":{"id":1698956675795},"1698956675796":{"id":1698956675796},"1698956675797":{"id":1698956675797},"1698956675798":{"id":1698956675798},"1698956675799":{"id":1698956675799},"1698956675800":{"id":1698956675800},"1712920222208":{"id":1712920222208},"1712920222209":{"id":1712920222209},"1712920222210":{"id":1712920222210}}}}}},"id1711100053554":{"order":{"MobileResponsiveStateId1234":{"coordinator":{"stateValue":5}}},"isElementWasEditedInMode":{"MobileResponsiveStateId1234":{"coordinator":{"stateValue":true}}},"isVisibleInMode":{"MobileResponsiveStateId1234":{"coordinator":{"stateValue":true}}},"sizeAndPosition":{"MobileResponsiveStateId1234":{"coordinator":{"stateValue":{"height":1447,"left":0,"width":1514,"top":0}}}},"rowsItems":{"MobileResponsiveStateId1234":{"coordinator":{"stateValue":{"1711100682197":{"id":1711100682197},"1698956675802":{"id":1698956675802},"1712920222219":{"id":1712920222219}}}}}},"id1699007257848":{"order":{"MobileResponsiveStateId1234":{"coordinator":{"stateValue":7}}},"isElementWasEditedInMode":{"MobileResponsiveStateId1234":{"coordinator":{"stateValue":true}}},"isVisibleInMode":{"MobileResponsiveStateId1234":{"coordinator":{"stateValue":true}}},"sizeAndPosition":{"MobileResponsiveStateId1234":{"coordinator":{"stateValue":{"height":356,"left":0,"width":1689,"top":0}}}},"rowsItems":{"MobileResponsiveStateId1234":{"coordinator":{"stateValue":{"1712920222232":{"id":1712920222232}}}}}}},"pageId":"id1698956675759","version":17.004,"id":"id1774627862956","relativePoint":{"left":231,"top":-1336}}