Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Div
home-intro
classsection tabs-container
Div
classcontainer
Div
classcols justify-content-center
Div
classcol-9 tabs hierarchy-first
Div
classtabs hierarchy-first
HTML
<img
<ul class
="sandbox-header-im
="case-family_tabs">
<li data-index="0" id="about-us"><a><img class="num-active" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/640548876/
sandbox-eubs-header.svg" alt=""/>
Div
classhome-intro-wrapper
Div
classhome-intro-content
HTML
<img
ebsi-logo_white.png"/><img class="num-deactive" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/640548876/ebsi-logo_black.png"/><span>About us</span></a></li>
<li data-index="1" id="eu-expert"><a><img class="num-active" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/640548876/
sandbox
european-blockchain-center-logo-white.
svg" alt="
png"/
> <h1
><img class="
secondary center"><span class="d-block">European blockchain regulatory sandbox</span><span class="d-block not-d-block-mobile"> for Distributed Ledger Technologies</span></h1> <p><a class="btn secondary anchor-smooth-scroll" href="#get-started-section"><span class="text-reboot">Get started</span><span class="ico-arrow-south"></span></a></p>
num-deactive" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/640548876/european-blockchain-center-logo-black.png"/><span>EU Expert Group on Blockchain Ethics</span></a></li>
<li data-index="2" id="eu-bc-sb"><a><img class="num-active" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/640548876/european-blockchain-sandbox-logo-white.png"/><img class="num-deactive" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/640548876/european-blockchain-sandbox-logo-black.png"/><span>European Blockchain Sandbox</span></a></li>
</ul>
Div
classhome-intro
HTML
<img class="sandbox-header-im" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/640548876/sandbox-eubs-header.png" alt=""/>
Div
classhome-intro-wrapper
Div
classhome-intro-content
HTML
<img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/640548876/sandbox-logo-white.svg" alt=""/>
<h1 class="secondary center"><span class="d-block">European blockchain regulatory sandbox</span><span class="d-block not-d-block-mobile"> for Distributed Ledger Technologies</span></h1>
<p><a class="btn secondary anchor-smooth-scroll" href="#heading-sandbox-sec"><span class="text-reboot">Get started</span><span class="ico-arrow-south"></span></a></p>
Div
classsection home-introduction-sb
Div
classcontainer
Div
classcols align-items-center
Div
classcol-6
HTML
<h2 id="heading-sandbox-sec" class="h2-home heading-deco terciary">Introduction</h2>
<p>The European Blockchain Regulatory Sandbox for innovative use cases involving Distributed Ledger Technologies (DLT) is an initiative of the European Commission. The sandbox establishes a pan-European framework for regulatory dialogues to increase legal certainty for innovative blockchain technology solutions.</p>
<p>Blockchain and other Distributed Ledger Technologies are innovative developments and are deployed across industry sectors such as energy & utilities, education, healthcare, mobility, finance & insurance, and logistics & supply chains.</p>
<p>The 
Div
classsection home-introduction-sb
Div
classcontainer
Div
classcols align-items-center
Div
classcol-6
HTML
<h2 class="h2-home heading-deco terciary">Introduction</h2>
<p>The pan-European Blockchain Regulatory Sandbox for innovative use cases involving Distributed Ledger Technologies (DLT) is an initiative of the European Commission. The sandbox establishes a pan-European framework for regulatory dialogues to increase legal certainty for innovative blockchain technology solutions.</p>
<p>Blockchain and other Distributed Ledger technologies are innovative developments and are deployed across industry sectors such as energy & utilities, education, healthcare, mobility, finance & insurance, and logistics & supply chains.</p>
<p>The pan-European Blockchain Sandbox has been set up and is being operated to facilitate the dialogue between regulators and innovators for private and public sector use cases. Legal advice and regulatory guidance will be provided in a safe and confidential environment. The dialogues will be held across industry sectors and geographic regions, which will help to identify and communicate best practices in the interest of the wider EU/EEA blockchain community. The sandbox is open to use cases based on any blockchain infrastructure.</p>
Div

HTML Image
srchttps://ec.europa.eu/digital-building-blocks/sites/download/attachments/640548876/sandbox-blockchain_isometric.svg
classimg-fluid img-right

section about-the-project
Div
classsection section-get-started
Div
classcontainer
Div
classcols
Div
styletext-align: center;
classcol-12 justify-content-center
HTML
<h2 class="h2-home">Get Started<h2/>
Div
classcols justify-content-center
Div
classcol-4
Div
classsection-get-started-box
HTML
<p><img style="height: 64px;" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/640548876/sandbox-docsapply-icon.svg" alt=""/></p>
<h3 class="secondary center h4"><strong>FAQ<><strong>Apply now</strong></h3>
<p>Consult our Frequently Asked Questions<<p>Click to apply for the Sandbox on the EUSurvey tool</p>
<div class="card-footer">
	<a class="btn secondary" href="https://ec.europa.eu/digital-building-blocks/sites/display/EBSISANDCOLLAB/Frequently+Asked+Questions"><span>Read FAQ<eusurvey/runner/EBS_Application_Form_2024"><span>Apply now</span><span class="ico-cta"></span></a>
</div>
Div
classcol-4
Div
classsection-get-started-box
HTML
<p><img style="height: 64px;" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/640548876/sandbox-faqdocs-icon.svg" alt=""/></p>
<h3 class="secondary center h4"><strong>Documents<><strong>FAQ</strong></h3>
<p>Access<p>Consult keyour documentsFrequently related to the European Blockchain Sandbox<Asked Questions</p>
<div class="card-footer">
	<a class="btn secondary" href="https://ec.europa.eu/digital-building-blocks/sites/display/EBSISANDCOLLAB/KeyFrequently+Asked+documentsQuestions"><span>Docs<><span>Read FAQ</span><span class="ico-cta"></span></a>
</div>
Div
class
col-4
Div
classcols justify-content-between
col-6
Div
class
Div
class
container
section-get-started-box
HTML
<h2
<p><img 
class
style="height: 64px;" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/640548876/sandbox-faq-icon.svg" alt=""/></p>
<h3 class="secondary center h4"><strong>Documents</strong></h3>
<p>Access key documents related to the European Blockchain Sandbox</p>
<div class="card-footer">
	<a class="btn secondary" href="https://ec.europa.eu/digital-building-blocks/sites/display/EBSISANDCOLLAB/Key+documents"><span>View Docs</span><span class="ico-cta"></span></a>
</div>
Div
classsection about-the-project
Div
classcontainer
Div
classcols justify-content-between
Div
classcol-6
HTML
<h2 class="heading-deco terciary">About the project</h2>
<p>Starting in 2023, the sandbox will annually accept cohorts of 20 blockchain use cases. They will be matched with relevant national and EU regulators for a safe and constructive dialogue on the most relevant regulatory heading-deco terciary">About the project</h2>
<p>Starting in 2023, the sandbox will annually accept cohorts of 20 blockchain use cases. They will be matched with relevant national and EU regulators for a safe and constructive dialogue on the most relevant regulatory issues. Use cases will be selected on the basis of the maturity of the business case, legal/regulatory relevance and thetheir contribution to the EU’s wider policy priorities. Every year, the most innovative regulator participating in the sandbox will be awarded a prize. The sandbox is facilitated by a consortium under the lead of Bird & Bird with its consulting arm OXYGY and blockchain experts of WBNoDE. The selection and award process will be overseen by a panel of independent academic experts from European universities.</p>

Div
classcol-5

HTML Image
srchttps://ec.europa.eu/digital-building-blocks/sites/download/attachments/640548876/sandbox-ea-illu.svg
classimg-fluid img-center

style
Div
display: none;classsection apply-now
Div
classcontainer
Div
classcols justify-content-center
Div
classcol-12 text-center
Html-bobswift
<h3>Apply now</h3>
<p><span class="d-block">Applications to join the first cohort are now open.</span>Please click on the “Apply now” button below to access the application form on EUSurvey.</p>
<p><a href="https://ec.europa.eu/eusurvey/runner/EBS_Application_Form_2024" class="btn secondary"><span>Click to access our EUSurvey</span><span class="ico-cta"></span></a></p>  
Div
classsection home-faq
Div
classcontainer
Div
classcols
Div

Frequently Asked Questions (FAQs)

HTML
<div class="collapse" id="accordionGroup" data-allow-multiple>

    <!--FAQ 1-->
    <div class="collapse-item">

        <h3>
            <button class="collapse-trigger" id="faq1" aria-expanded="false" aria-controls="sect1"> 
<span class="collapse-title h4">What is the             <span class="collapse-title h4">What is the European Blockchain Sandbox?<span
                        class="collapse-icon"></span> </span> </button>
        </h3>

        <div class="collapse-panel" id="sect1" role="region" aria-labelledby="faq1" hidden="">

            <p>The pan-European Blockchain Regulatory Sandbox for innovative use cases involving Distributed Ledger
                Technologies (DLT) is an initiative of the European Commission. The aim of the project is to provide a
                framework for regulators, supervising authorities and blockchain innovators to engage in regulatory
 dialogue, identify obstacles from a legal &          dialogue, identify obstacles from a legal & regulatory perspective in a safe and confidential
                environment, and thus increase legal certainty for innovative decentralized technology solutions,
                including blockchain. The sandboxSandbox will allow regulators and supervisors to enhance their knowledge of
                cutting edge blockchain technologies. Legal advice will be provided and regulatory experience and
                guidance will be contributed in a safe and confidential environment. The dialogues will be held across
                industry sectors and geographic regions, which will help to identify and communicateexchange best practices in the
 interest of the wider EU/EEA blockchain           interest of the wider EU/EEA blockchain community. The best practices reports will identify regulatory
                and legal issues and solutions with a focus of sharing insights and lessons learned across sectors.
The</p>

            <p>The initiative will annually support 20 projects starting in 2023 and is open to use cases based on any
                blockchain infrastructure. Blockchain use cases will be selected on the basis of the maturity of their
                business case, legal/regulatory relevance and their contribution to the EU’s wider policy priorities and
                matched with national and EU regulators. Further information about the selection criteria and the
 application process can be found on the website. Start-ups,        application process can be found on the website. Companies (including start-ups and scale-ups) and mature companies
                public entities with a validated proof of concept are invited to participate. Every year, the most
                innovative regulator participating in the sandboxSandbox will be awarded a prize. 
The</p>

            <p>The pan-European Blockchain Sandbox Sandboxisis set up and operated by a consortium of legal experts from the law
 firm Bird & Bird and its consulting arm OXYGY supported by blockchain experts of WBNoDE whichfirm has<strong>Bird been& procuredBird</strong> throughand anits openconsulting callarm for<strong>OXYGY</strong> tenderssupported inby 2022.blockchain
 The selection and the award process will be overseen by a panel of independent academics consistingexperts of Professor Roman Beck (IT-University, Copenhagen), Professor Soulla Louca (University of Nicosia, Cyprus) and Professor Walter Blocher (Universities of Kassel and Vienna).</p>

</div>
</div>
<!---->

<!--FAQ 2-->
<div class="collapse-item">

<h3>
<button class="collapse-trigger" id="faq2" aria-expanded="false" aria-controls="sect2"> 
<span class="collapse-title h4">Who can apply to the Sandbox?<span class="collapse-icon"></span> </span> </button>
</h3>

<div class="collapse-panel" id="sect2" role="region" aria-labelledby="faq2" hidden="">

<p>Innovative start-ups, scale ups, and companies of all sizes and maturity based in the EEA may participate in the application process. EEA-based companies can operate in a consortium with non-EEA companies provided that the beneficiary project in the sandbox is under the lead of an EEA-based company. The applicant must have been a legal person for at least six (6) months either as: i) a legal entity registered in the professional or commercial register according to the rules of the EEA Member State where it is established, or ii) a public body established in one of the EEA Member States. The applicant should submit a validated proof of concept for a blockchain/DLT application (e.g. case studies, financial information, results document, press release, which can be strengthened by a proof of an EU funding decision, an EU Seal of Excellence, or 1st place award in an EU competition in the last 5 years.). In addition, the applicant should submit the application form that is available on the website in English. The application form should be complete, accurate and up to date. 
Use cases that fulfil these eligibility criteria will be selected on the basis of the maturity of the business case, legal/regulatory relevance and the contribution to the EU’s wider policy priorities. Further information about the selection criteria and the application process can be found on the website. Only one application may be made per applicant.
A company may apply as part of a consortium, association, or group of companies with a shared use case. If applying on behalf of a consortium, the applicant must have permission to submit on behalf of the group.</p>

</div>
</div>
<!---->

<!--FAQ 3-->
<div class="collapse-item">

<h3>
<button class="collapse-trigger" id="faq3" aria-expanded="false" aria-controls="sect3"> 
<span class="collapse-title h4">What are the benefits for blockchain use cases in having been selected for participation in the European Blockchain Regulatory Sandbox?<span class="collapse-icon"></span> </span> </button>
</h3>

<div class="collapse-panel" id="sect3" role="region" aria-labelledby="faq3" hidden="">

<p>The regulatory sandbox aims to provide legal certainty through facilitating regulatory dialogue and cooperation between innovators and regulators at the national and the EU level. Blockchain companies participating in the sandbox have the opportunity to demonstrate their innovative solutions and highlight their needs regarding regulatory guidance and legal certainty to regulators and supervisors in a safe environment. They will receive legal advice from legal experts and be part of a constructive dialogue with national and EU regulators. Also they will be able to develop their regulatory understanding and extend their network and reputation through their participation in this pan-European project.</p>

</div>
</div>
<!----> 


 <!--FAQ 4-->
<div class="collapse-item">

<h3>
<button class="collapse-trigger" id="faq4" aria-expanded="false" aria-controls="sect4"> 
<span class="collapse-title h4">What are the benefits for national and EU regulators to take part in the European Blockchain Regulatory Sandbox?<span class="collapse-icon"></span> </span> </button>
</h3>

<div class="collapse-panel" id="sect4" role="region" aria-labelledby="faq4" hidden="">

<p>National regulators and supervising authorities will be able to discuss regulatory issues that have arisen on a national level in a crossborder setting with other EU and national regulators making use of the pan-European sandbox framework that is established for this project. Regulators have the chance to support use-case applications for the sandbox. Participating regulators and supervising authorities will have an opportunity to contribute to the development of best practices and lessons learned which can be shared between them. Moreover regulators will be able  to cooperate and exchange experiences and insights with other national and EU regulators participating in the sandbox for a specific use case. In addition the sandbox will allow regulators and supervising bodies to enhance their knowledge of cutting edge technologies involving blockchain and distributed ledger technologies. The best practices reports will identify regulatory and legal issues and solutions with a focus of mutual learning across sectors.  The best practice reports will be prominently published, highlighting the contributions of the participating regulators and supervisors. Each year there will be an award for the most innovative regulator.</p>

</div>
</div>
<!----> 



  <!--FAQ 5-->
<div class="collapse-item">

<h3>
<button class="collapse-trigger" id="faq5" aria-expanded="false" aria-controls="sect5"> 
<span class="collapse-title h4">What is the anticipated time commitment that should be expected for participation in the European Blockchain Regulatory Sandbox?<span class="collapse-icon"></span> </span> </button>
</h3>

<div class="collapse-panel" id="sect5" role="region" aria-labelledby="faq5" hidden="">

<p>The operation of the sandbox will be organised as efficiently as possible. Selected use cases will be provided with legal advice in the form of a first written legal assessment, identifying applicable EU and national laws and pointing to areas where particular regulatory questions may arise. Two sandbox meetings will be organised per use case with the selected use case owner and the participating national and EU regulators/supervisors. Bird & Bird legal experts will participate at the meetings to provide ongoing legal advice. The meetings will be held virtually and minutes will be prepared during the meetings. All documents that are exchanged or prepared as part of the meetings will only be accessible for the participants safeguarding confidential information. Further details about the operation of the sandbox are given in the Protocol for Participation that is published on the website. The use case owner and the regulator(s) are requested to submit the feedback form at the end of the Sandbox operations.</p>

</div>
</div>
<!---->   





</div>
Html-bobswift
<p class="text-center"><a class="btn secondary outline" href="https://ec.europa.eu/digital-building-blocks/sites/display/EBSISANDCOLLAB/Frequently+Asked+Questions"><span><strong>See all FAQs</strong></span><span class="ico-cta"></span></a></p>
Div
classsection
Div
classcontainer
Div
classcols
Div
classcol-5
HTML
<h4>Any questions?</h4>
<p>Our project management team will be happy to assist with any questions you have. For more information, please consult the <a>project wiki.</a></p>
<p><a class="btn secondary" href="" target="_blank"><span>Contact us</span><span class="ico-cta"></span><span class="sr-only">(opens in a new tab)</span></a></p>
Div
idss-bg-section
Html-bobswift
<img aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/640548876/sandbox-bg-rec.svg" alt="">

...

idsuccess-stories
classsection ss-carroussel
HTML
<img class="sb-testing" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/640548876/sandbox-touch-section-bg.svg"/>

...

classcontainer
Div
classcols
Div
Div
classslider-default

News Slider
buttonsColor#0049B0
displayTime0
newsTextfull_content
colorwhite
filterByDatefalse
openLinksInNewWindowfalse
showCreatedDatefalse
spacesSelectedEBSI
showStatsfalse
linkfalse
showSpacefalse
showAuthorfalse
showDatefalse
labelsebsi-sandbox-stories
navigationtrue
showErrortrue
maxResults5
sortOrdercreated
width100%
contentTypepage
showCreatorfalse
bulletstrue

 <strong>Warren Brandeis</strong> which
                has been procured through an <a
                    href="https://etendering.ted.europa.eu/cft/cft-display.html?cftId=8273">open call for tenders</a> in
                2022. The selection and the award process will be
                overseen by a panel of independent academics consisting of <strong>Professor Roman Beck</strong>
                (IT-University,
                Copenhagen), <strong>Professor Soulla Louca</strong> (University of Nicosia, Cyprus) and
                <strong>Professor Walter Blocher</strong>
                (Universities of Kassel and Vienna).
            </p>

        </div>
    </div>
    <!---->

    <!--FAQ 2-->
    <div class="collapse-item">

        <h3>
            <button class="collapse-trigger" id="faq2" aria-expanded="false" aria-controls="sect2">
                <span class="collapse-title h4">Who can apply to the Sandbox?<span class="collapse-icon"></span> </span>
            </button>
        </h3>

        <div class="collapse-panel" id="sect2" role="region" aria-labelledby="faq2" hidden="">

            <p>Companies (including start-ups and scale-ups), non-profit organisations and public bodies with a
                validated proof of concept can apply. EEA-based applicants can operate in a consortium with non-EEA
                companies/entities provided that the beneficiary project in the Sandbox is under the lead of an
                EEA-based company. The Sandbox is open to use cases based on any blockchain infrastructure. The
                applicant must (by the deadline for the submission of an application specified on the website) have been
                a legal person for at least six (6) months either as: i) a legal entity registered in the professional
                or commercial register for companies or non-profit organisations according to the rules of the EEA
                Member State where it is established, or ii) a public body established in one of the EEA Member States
                which will be determined in accordance with the EU Commission’s ‘Rules for Legal Entity Validation, LEAR
                Appointment and Financial Capacity Assessment’ Version 4.0. The applicant should submit a validated
                proof of concept for a blockchain/DLT application (e.g. case studies, financial information, results
                document, press release, which can be strengthened by a proof of an EU funding decision, an EU Seal of
                Excellence, or 1st place award in an EU competition in the last 5 years). In addition, the applicant
                should submit the application form that is available online in English. The application form should be
                complete, accurate and up to date.</p>

            <p>Use cases that fulfil these eligibility criteria will be selected on the basis of the maturity of the
                business case, legal/regulatory relevance and their contribution to the EU’s wider policy priorities.
                Further information about the selection criteria and the application process can be found on the
                website. Only one application may be made per applicant.</p>

            <p>An applicant may apply as part of a consortium, association, or group of companies/entities with a shared
                use case. If applying on behalf of a consortium, the applicant must have permission to submit on behalf
                of the group.</p>

        </div>
    </div>
    <!---->

    <!--FAQ 3-->
    <div class="collapse-item">

        <h3>
            <button class="collapse-trigger" id="faq3" aria-expanded="false" aria-controls="sect3">
                <span class="collapse-title h4">What are the benefits for blockchain use cases in having been selected
                    for participation in the European Blockchain regulatory sandbox?<span class="collapse-icon"></span>
                </span> </button>
        </h3>

        <div class="collapse-panel" id="sect3" role="region" aria-labelledby="faq3" hidden="">

            <p>The regulatory Sandbox aims to provide legal certainty through facilitating regulatory dialogue and
                cooperation between innovators and regulators at the national and the EU level. DLT use cases
                participating in the Sandbox have the opportunity to demonstrate their innovative solutions and
                highlight their needs regarding regulatory guidance and legal certainty to regulators and supervisors in
                a safe and confidential environment. They will receive legal advice from legal experts and be part of a
                constructive dialogue with national and EU regulators. Also, they will be able to develop their
                regulatory understanding and extend their network and reputation through their participation in this
                pan-European project. No fee will be charged for the application and participation in the Sandbox but
                there will not be reimbursement of costs.</p>

        </div>
    </div>
    <!---->


    <!--FAQ 4-->
    <div class="collapse-item">

        <h3>
            <button class="collapse-trigger" id="faq4" aria-expanded="false" aria-controls="sect4">
                <span class="collapse-title h4">What are the benefits for national and EU regulators to take part in the
                    European Blockchain regulatory sandbox?<span class="collapse-icon"></span> </span> </button>
        </h3>

        <div class="collapse-panel" id="sect4" role="region" aria-labelledby="faq4" hidden="">

            <p>National regulators and supervising authorities will be able to discuss regulatory issues that have
                arisen on a national level in a cross border setting with other EU and national regulators making use of
                the pan-European Sandbox framework that is established for this project. Regulators have the chance to
                support applications of use-cases for the Sandbox that they find particularly relevant for a regulatory
                dialogue. Further details about the support that regulators can give are included in the Selection
                Criteria that are published on the website: <a class=""
                    href="https://ec.europa.eu/digital-building-blocks/sites/display/EBSISANDCOLLAB/Key+documents"
                    target="_blank" onclick="event.stopPropagation();">here.</a> Participating regulators and
                supervising authorities will have an opportunity to contribute to the development of best practices and
                lessons learned which can be shared between them. Moreover, regulators will be able to cooperate and
                exchange experiences and insights with other national and EU regulators participating in the Sandbox for
                a specific use case. In addition, the Sandbox will allow regulators and supervising bodies to enhance
                their knowledge of cutting edge technologies involving blockchain and distributed ledger technologies.
                The best practices reports will identify regulatory and legal issues and solutions with a focus on
                fostering mutual learning across sectors. The best practice reports will be prominently published,
                highlighting the contributions of the participating regulators and supervisors. Each year there will be
                an award for the most innovative regulator.</p>

        </div>
    </div>
    <!---->



    <!--FAQ 5-->
    <div class="collapse-item">

        <h3>
            <button class="collapse-trigger" id="faq5" aria-expanded="false" aria-controls="sect5">
                <span class="collapse-title h4">What is the anticipated time commitment that should be expected for
                    participation in the European Blockchain regulatory sandbox?<span class="collapse-icon"></span>
                </span> </button>
        </h3>

        <div class="collapse-panel" id="sect5" role="region" aria-labelledby="faq5" hidden="">

            <p>The application process and operation of the Sandbox will be organised in a streamlined manner. Selected
                use cases will be provided with legal advice in the form of a first written legal assessment,
                identifying applicable EU and national laws and pointing to areas where particular regulatory questions
                may arise. Two Sandbox meetings will be organised per use case with the selected use case owner and the
                participating national and EU regulators/supervisors. Bird & Bird legal experts will participate at the
                meetings to provide legal advice also on the basis of questions that can be submitted in advance. The
                meetings will be held virtually and short minutes will be prepared. All documents that are exchanged or
                prepared as part of the meetings will only be accessible for the participants safeguarding confidential
                information. Further details about the operation of the Sandbox are given in the Protocol for
                Participation that is published on the website: <a target="_blank"
                    href="https://ec.europa.eu/digital-building-blocks/sites/display/EBSISANDCOLLAB/Key+documents">here</a>.
                The use case owner and the regulator(s) are
                requested to submit the feedback form at the end of the Sandbox operations.</p>

        </div>
    </div>
    <!---->
</div>
Html-bobswift
<p class="text-center"><a class="btn secondary outline" href="https://ec.europa.eu/digital-building-blocks/sites/display/EBSISANDCOLLAB/Frequently+Asked+Questions"><span><strong>See all FAQs</strong></span><span class="ico-cta"></span></a></p>
Div
classsection
Div
classcontainer
Div
classcols
Div
classcol-5
HTML
<h4>Any questions?</h4>
<p>Our project management team will be happy to assist with any questions you have. For more information, please consult the <a href="https://ec.europa.eu/digital-building-blocks/sites/display/EBSISANDCOLLAB/European+Blockchain+Sandbox+Wiki">project wiki.</a></p>
<p><a class="btn secondary" href="javascript:location='mailto:\u0069\u006e\u0066\u006f\u0040\u0062\u006c\u006f\u0063\u006b\u0063\u0068\u0061\u0069\u006e\u002d\u0073\u0061\u006e\u0064\u0062\u006f\u0078\u002e\u0065\u0075';void 0"><span>Contact us</span><span class="ico-cta"></span><span class="sr-only">(opens in a new tab)</span></a></p>
Div
idss-bg-section
Html-bobswift
<img aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/640548876/sandbox-bg-rec.svg" alt="">
Div
idsuccess-stories
classsection ss-carroussel
HTML
<img class="sb-testing" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/640548876/sandbox-touch-section-bg.svg"/>
Div
classcontainer
Div
classcols
Div
Div
classslider-default

News Slider
filterStartDate
displayTime0
newsTextfull_content
colorwhite
showCreatedDatefalse
showStatsfalse
linkfalse
showDatefalse
navigationfalse
showErrortrue
maxResults5
contentTypepage
imageLabels
showCreatorfalse
bulletstrue
height
buttonsColor#0049B0
filterByDatefalse
openLinksInNewWindowfalse
spacesSelectedEBSI
showSpacefalse
showAuthorfalse
timeFrame
filterEndDate
labelsebsi-sandbox-stories
sortOrdercreated
width100%
cql

Div
idss-become-a-pilot
classcol
Div
classcol-12 text-center
Html-bobswift
<h3 class="heading-deco center">Keep in touch</h3>
<p>If you would like to receive project updates, including when the application process opens and closes, please subscribe to our mailing list.</p>  <a class="btn secondary" href="https://ec.europa.eu/eusurvey/runner/european_blockchain_sandbox_updates"><span>Keep in touch</span><span class="ico-cta"></span></a> 



Html-bobswift
<img class="test0image img-fluid" aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/640548876/sandbox-decentralised-network.svg?api=v2" alt="">
Div
idsb-footer
classsection
Div
classcontainer
Div
classcols justify-content-between align-items-center
Div
classcol-4 sandbox-footer-section-f-block
HTML
<img style="height: 50px;" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/640548876/sandbox-logo-black.svg" alt=""/>
<p>European blockchain regulatory sandbox for Distributed Ledger Technologies</p>
<p><span><a href="https://twitter.com/EuropeanSandbox" target="_blank"><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/640548876/sandbox-twitter-icon.svg" alt=""/><a/></span> <span><a href="https://www.linkedin.com/company/european-blockchain-sandbox/?viewAsMember=true" target="_blank"><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/640548876/sandbox-linkedin-icon.svg" alt=""/></a></span></p>
Div
classcol-4
HTML
<p class="sandbox-footer-section-s-block"><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/640548876/sandbox-europe-icon.svg" alt=""/></p>
Div
classcol-4
HTML
<p class="sandbox-footer-section-t-block"><a class="btn secondary" href="https://ec.europa.eu/digital-building-blocks/sites/pages/viewpage.action?pageId=639108485&preview=/639108485/642941245/European%20Blockchain%20Sandbox%20Website%20Privacy%20Statement%20-%20(2023-02-07).pdf"><span>Privacy Statement</span><span class="ico-cta"></span></a><p>
CSS Stylesheet
@media screen and (max-width: 500px) {
	.home-intro-content h1 { font-size: 28px; }
	.home-instro-content h1 span { font-size: 28px; }
}
@media screen and (min-width: 768px) { 
  .home-intro-content h1 { font-size: 40px;}
  .home-intro-content h1 span {font-size: 40px;}
  
}

@media screen and (min-width: 1360px) { 
  .home-intro-content h1 { font-size: 48px;}
  .home-intro-content h1 span {font-size: 48px;}
  .home-intro-content p { font-size:1.2rem;}
}

@media screen and ( max-width: 768px ) {
	 #sb-footer { padding-top: 8rem; }
    .sandbox-footer-section-f-block { display: flex!important; flex-direction: column; align-items: center; }
	.sandbox-footer-section-t-block { justify-content: center!important; }
	.test0image { position: absolute; }
	.sb-testing { top: unset; z-index: 10; bottom: 0; }
	.about-the-project { background-position-y: 100%!important; background-position-x: unset!important; }
}

@media screen and ( max-width: 500px ) {
	.test0image { margin-top: -7rem; }
}

@media screen and (min-width: 1700px ) {
	#ss-become-a-pilot { padding-top: 10rem!important; }
}




.home-intro { position: relative; min-height:65vh; }
.home-intro-wrapper {  display: flex; align-content: center; align-items: center; min-height:65vh; background: #014494;}
.sandbox-header-im { position: absolute; width: 100%; height: 100%; object-fit: cover; opacity: 0.4;}
.home-intro-content { position: relative; margin:0 auto; width:90%; text-align: center;}
.home-intro-content h1 { margin-top:1rem; margin-bottom:2rem; font-size:38px; line-height: 1}
.home-intro-content h1 span {font-size: 38px; display:block; margin:0.5rem 0 0 0; font-weight: normal;}
.home-intro-content p.lead { margin:0.5rem 0 0 0; font-size:18px;}
.home-intro-content .btn { margin:2rem 0 0 0;}
.home-intro-content h1, .home-intro-content p { color: white;}
.home-introduction-sb { background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/640548876/sandbox-bg-curve-intro.svg") no-repeat;
background-position: top right; background-position-y: 200%;}

.section-get-started { text-align: center;  }
.section-get-started-box { display: flex; flex-direction: column; justify-content: space-between; height: 100%; position:relative; padding:1.5rem 3rem; box-shadow: 0px 4px 20px rgba(0, 55, 100, 0.1); border-radius: 16px;}

.section-get-started-box h3+p { flex-grow: 1; }


.about-the-project { background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/640548876/sandbox-bg-oval.svg?api=v2") no-repeat; background-position-y: 30%; background-position-x: 90%; }

.apply-now { background: linear-gradient(270deg, #BC3588 -22.05%, #17458F 41.52%, #3682C2 100%); padding-top: 5rem; padding-bottom: 6rem;}
.apply-now h3 { color: white; }
.apply-now p { color: white; }


/*--- HOME FAQ ---*/
.home-faq { padding-bottom:4rem;}
.home-faq .cols { z-index: 6; position: relative;}
.home-faq h2 { margin-bottom:3rem;}
.home-faq .btn { margin-top:2rem;}



/*--- MACRO SLIDER BY DEFAULT ---*/
.slider-default { position:relative; z-index:10; }
.slider-default .flickity-enabled { background-color: transparent; box-shadow:none;}
.slider-default .flickity-enabled.is-draggable { box-shadow:none;}
.slider-default .news-slider-root > div { padding:0;}
.slider-default .aui-item > div { margin:0; padding:0;}
.slider-default .aui-item { display:inline-block; padding:0 15px 10px 15px;}
.slider-default .aui-group>.aui-item { padding-top:0; padding-top:1rem; padding-bottom:0; width: 100%;}
.slider-default .aui-group>.aui-item+.aui-item { padding:0; width: 100%;}
.slider-default > ul { list-style: none; margin: 0; padding: 0;}
/*heading*/
.slider-default h2:first-child { display: none;}
/*arrow*/ 
.slider-default .flickity-button { top:38% !important; background-color: #fff !important; border:1px solid #CD1D8B; border-radius:8px !important;}
.slider-default .flickity-button:hover { background-color: #FFE7F2 !important;}
.slider-default .flickity-button:focus {  outline: 2px dashed black; outline-offset: 2px; box-shadow: none;} 
.slider-default .flickity-prev-next-button .flickity-button-icon { left: 30%; top: 30%; width: 40%; height: 40%; fill: rgb(205, 29, 139) !important;} 
.slider-default .flickity-prev-next-button.previous { left: -15px;}
.slider-default .flickity-prev-next-button.next { right: -15px;} 
/*dots*/
.slider-default .flickity-page-dots { position:relative; margin-bottom: 0; top:1rem !important; height:1rem; text-align: center !important;}
.slider-default .flickity-page-dots .dot { opacity: 1; height: 12px; width:12px; background: #CD1D8B !important; border:1px solid #CD1D8B;}
.slider-default .flickity-page-dots .dot.is-selected { height: 12px; width:48px; background: #CD1D8B !important; border:1px solid #CD1D8B; border-radius:10px;}
.slider-default .flickity-page-dots .dot:focus { outline: 2px dashed black; outline-offset: 2px;}
.slider-default .col-4 { padding-left: 0px; right: 0px; }
.slider-default .card-grid-body { display: flex; flex-direction: column; flex: unset !important;}

.flickity-viewport { min-height: 528px!important; }

.card-grid .card-grid-img{
	height: 200px;
}

.card-grid .card-grid-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


@media screen and (min-width: 1280px) {
  .slider-default .flickity-prev-next-button.previous { left: -50px;}
  .slider-default .flickity-prev-next-button.next { right: -50px;}
}




/*--- HOME SS SLIDER BY DEFAULT ADD ON ---*/
.ss-carroussel { position:relative; padding-top:0; padding-bottom:0; z-index: 10;}
.ss-carroussel .slider-default { margin-top:1rem;}
/*hack*/
.ss-carroussel .slider-default > p:last-child { display: none;}
/*arrow*/
.ss-carroussel .slider-default .flickity-button { background-color: rgba(205, 29, 139, .3) !important;; border:1px solid #FFF;}
.ss-carroussel .slider-default .flickity-button:hover { background-color: #CD1D8B !important;}
.ss-carroussel .slider-default .flickity-prev-next-button .flickity-button-icon { fill: rgb(255, 255, 255) !important;}

@media screen and (min-width: 1280px) {
  .ss-carroussel .slider-default .flickity-button { background-color: transparent !important; border:1px solid #FFF;}
}  

/*wave top*/
.success-stories-curve-top { z-index:2; position: absolute; left: 0; right: 0; height: 100%; margin-top: 7.7rem;}
.success-stories-curve-top p { margin:0;} 
.success-stories-curve-top img {width: 103%;}
/*wave bottom*/ 
.success-stories-wave-bottom { overflow: hidden; z-index:1; position:relative; height:10rem; background-color: #E5F7FE; margin-top: 4.5rem;}
.success-stories-wave-bottom p { margin:0;} 
.success-stories-wave-bottom img { position:absolute; bottom:0; left:-1%; width: 102%;}  


#ss-become-a-pilot { position: relative; z-index: 1000; padding-top: 4rem; }
#ss-become-a-pilot h3 { color: white; }
#ss-become-a-pilot p { color: white; }
#ss-become-a-pliot span { color: white; }

@media screen and ( max-width: 768px ) {
  #ss-become-a-pilot h3 { color: black; }
  #ss-become-a-pilot p { color: black; }
  #ss-become-a-pliot span { color: black; }
}


#ss-bg-section {  position:relative; height:8rem;}
#ss-bg-section p { margin: 0; }
#ss-bg-section img { position: absolute; top: -216px; right: -128px; z-index: 10;}

#ss-bg-section-dec {  position:relative; height:8rem; z-index:1;}
#ss-bg-section-dec p { margin: 0; }
#ss-bg-section-dec img { position: absolute; top: -391px; right: -128px;}
#sandbox-slider-cards .card-grid-footer { text-align: right; margin-bottom: 1rem; margin-top: auto; }
#sandbox-slider-cards .card-grid .card-grid-text{min-height: 75px;}
.bg-gradient { background: linear-gradient(270deg, #BC3588 -22.05%, #17458F 41.52%, #3682C2 100%)!important; }
.sandbox-footer-section-s-block { display: flex; justify-content: center; }
.sandbox-footer-section-t-block { display: flex; justify-content: end; }

@media(max-width: 768px){
    #sandbox-slider-cards > .col-4{padding-left: 1rem !important;}
}

#ss-bg-section-dec-test { display: none; position: relative; margin-top: -15.5rem;  }
#ss-bg-section-dec-test img { max-width: 110%!important;}


.sb-testing { position: absolute; top: 155px; left: 0; width: 100%; min-width: fit-content; min-height: fit-content;}

.test0image { margin-top: -13rem; }

#ss-become-a-pilot { padding-top: 1rem; padding-bottom: 5rem; }  
CSS Stylesheet
/* TABS */

.tabs-container .container { max-width: 1226px; }
@media screen and ( min-width: 1101px ) {
	.case-family_tabs { max-width: 850px; }
	.case-family_tabs { max-height: 64px; }
}
@media screen and ( min-width: 1117px ) {
   
	.case-family_tabs li:hover, .case-family_tabs li:active { background : #6a9ad1; border-radius: 16px; color: white; }
	.case-family_tabs .active:hover, .case-family_tabs .active:active { background: #004494!important; }
}
@media screen and ( min-width: 611px ) {
	#bg-about-us_nd { display: none; }
}
@media screen and ( max-width: 374px ) {
	.case-family_tabs { flex-direction: column; }
}
@media screen and ( max-width: 610px ) {
	.case-family_tabs a { flex-direction: column; gap: 2px!important; line-height: 24px!important; text-align: center!important; white-space: pre; }
	.case-family_tabs li { height: 74px!important; padding: 12px 24px!important; }
}
@media screen and ( max-width: 1100px ) {   
	.case-family_tabs li { width: 100%; padding-left: 40px; }
	.active { width: 100%;  }
}
.tabs-container { padding-left: 16px; padding-right: 16px; padding-bottom: 40px; position: relative; z-index: 2; } 
.case-family_tabs { margin-bottom: 0rem!important; }
.case-family_tabs ul { list-style: none;}
.case-family_tabs li {display: flex; align-items: center; justify-content: center; list-style: none; cursor: pointer; padding-right: 24px; padding-left: 24px; height: 48px; }
.case-family_tabs li:first-child { padding-left: 40px; padding-right: 40px; }
.case-family_tabs li:last-child { padding-right: 24px; }
.case-family_tabs a { text-decoration: none; color: black; text-align: left; line-height: 1;}
.case-family_tabs { display: flex; justify-content: space-between; align-items: center; padding: 8px; border-radius: 20px; list-style: none; background: #E6ECF4; width: 100%; }
.case-family_tabs .active {background: #004494; display: flex; align-items: center; border-radius: 16px; color: white; padding-top: 12px; padding-bottom: 12px; }
.case-family_tabs a { display: flex; align-items: center; gap: 12px; }  
.case-family_tabs a img { max-width: 24px; max-height: 24px; width: 24px; height: 24px; }
.num-active { display: none; } 
HTML
<script>

const mediaQuery2 = window.matchMedia("(max-width: 1070px)")

const structureNav = () => {
  const mediaQuery = window.matchMedia("(max-width: 1070px)")
  const tabs = document.querySelectorAll(".case-family_tabs li")
  tabs.forEach((tab) => {
    if (mediaQuery.matches) {
      tab.getAttribute("id") === "about-us"
        ? (tab.querySelector("a > span").textContent = "About us")
        : tab.querySelector("a > span").textContent
      tab.getAttribute("id") === "eu-expert"
        ? (tab.querySelector("a > span").textContent = "EGBE")
        : tab.querySelector("a > span").textContent
      tab.getAttribute("id") === "eu-bc-sb"
        ? (tab.querySelector("a > span").textContent = "Sandbox")
        : tab.querySelector("a > span").textContent
    } else {
      tab.getAttribute("id") === "about-us"
        ? (tab.querySelector("a > span").textContent = "About us")
        : tab.querySelector("a > span").textContent
      tab.getAttribute("id") === "eu-expert"
        ? (tab.querySelector("a > span").textContent =
            "EU Expert Group on Blockchain Ethics")
        : tab.querySelector("a > span").textContent
      tab.getAttribute("id") === "eu-bc-sb"
        ? (tab.querySelector("a > span").textContent =
            "European Blockchain Sandbox")
        : tab.querySelector("a > span").textContent
    }
  })
}
structureNav()

mediaQuery2.addEventListener("change", structureNav)

const setImageInActive = (that) => {
  if (
    that.getAttribute("data-index") == 0 ||
    that.getAttribute("id") == "about-us"
  ) {
    $(that.children[0].children[0]).css("display", "none")
    $(that.children[0].children[1]).css("display", "block")
    $(that.children[0].children[2]).css("color", "black")
  }
  if (
    that.getAttribute("data-index") == 1 ||
    that.getAttribute("id") == "eu-expert"
  ) {
    $(that.children[0].children[0]).css("display", "none")
    $(that.children[0].children[1]).css("display", "block")
    $(that.children[0].children[2]).css("color", "black")
    
  }
  if (
    that.getAttribute("data-index") == 2 ||
    that.getAttribute("id") == "eu-bc-sb"
  ) {
    $(that.children[0].children[0]).css("display", "none")
    $(that.children[0].children[1]).css("display", "block")
    $(that.children[0].children[2]).css("color", "black")
	$(that.children[0].children[2]).css("fontWeight", "600")   }
}
const setImageActive = (that) => {
  if (
    that.getAttribute("data-index") == 0 ||
    that.getAttribute("id") == "about-us"
  ) {
    $(that.children[0].children[0]).css("display", "block")
    $(that.children[0].children[1]).css("display", "none")
    $(that.children[0].children[2]).css("color", "white")
  }
  if (
    that.getAttribute("data-index") == 1 ||
    that.getAttribute("id") == "eu-expert"
  ) {
    $(that.children[0].children[0]).css("display", "block")
    $(that.children[0].children[1]).css("display", "none")
    $(that.children[0].children[2]).css("color", "white")
    
  }
  if (
    that.getAttribute("data-index") == 2 ||
    that.getAttribute("id") == "eu-bc-sb"
  ) {
    $(that.children[0].children[0]).css("display", "block")
    $(that.children[0].children[1]).css("display", "none")
    $(that.children[0].children[2]).css("color", "white")
	$(that.children[0].children[2]).css("fontWeight", "600")
   }
}
const tabs = document.querySelectorAll(".case-family_tabs li")
tabs.forEach((tab) => {
  if (
    tab.getAttribute("data-index") == 2 ||
    tab.getAttribute("id") == "eu-bc-sb"
  ) {
    $(tab).addClass("active")
    setImageActive(tab)
  }
  $(tab).on("click", function (e) {
    e.stopPropagation()
    tabs.forEach((tab) => {
      $(tab).removeClass("active")
      setImageInActive(tab)
    })
    this.classList.toggle("active")
    setImageActive(this)

    if (this.getAttribute("data-index") == 0) {
      window.location.href ="https://ec.europa.eu/digital-building-blocks/sites/display/EBSI/About+us"
    }

    if (this.getAttribute("data-index") == 1) {
      window.location.href ="https://ec.europa.eu/digital-building-blocks/sites/display/EBSI/EU+Expert+Group+on+Blockchain+Ethics"
    }

    e.preventDefault()
  })
})








</script>
HTML
<script>

/*
*   This content is licensed according to the W3C Software License at
*   https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document
*
*   Simple accordion pattern example
*/

'use strict';

Array.prototype.slice.call(document.querySelectorAll('.collapse')).forEach(function (accordion) {

  // Allow for multiple accordion sections to be expanded at the same time
  var allowMultiple = accordion.hasAttribute('data-allow-multiple');
  // Allow for each toggle to both open and close individually

...

idss-become-a-pilot
classcol
Div
classcol-12 text-center
Html-bobswift
<h3 class="heading-deco center">Keep in touch</h3>
<p>If you would like to receive project updates, including when the application process opens and closes, please subscribe to our mailing list.</p>  <a class="btn secondary openPopIn" href=""><span>Keep in touch</span><span class="ico-cta"></span></a> 
Html-bobswift
<img class="test0image img-fluid" aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/640548876/sandbox-decentralised-network.svg?api=v2" alt="">
Div
classsection
Div
classcontainer
Div
classcols justify-content-between align-items-center
Div
classcol-4
HTML
<img style="height: 50px;" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/640548876/sandbox-logo-black.svg" alt=""/>
<p>European blockchain regulatory sandbox for Distributed Ledger Technologies</p>
Div
classcol-4
HTML
<p class="sandbox-footer-section-s-block"><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/640548876/sandbox-europe-icon.svg" alt=""/></p>
Div
classcol-4
HTML
<p class="sandbox-footer-section-t-block"><a class="btn secondary" href="https://ec.europa.eu/digital-building-blocks/sites/display/EBSI/Developers"><span>Privacy Statement</span><span class="ico-cta"></span></a><p>
HTML
<script>

/*
*   This content is licensed according to the W3C Software License at
*   https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document
*
*   Simple accordion pattern example
*/

'use strict';

Array.prototype.slice.call(document.querySelectorAll('.collapse')).forEach(function (accordion) {

  // Allow for multiple accordion sections to be expanded at the same time
  var allowMultiple = accordion.hasAttribute('data-allow-multiple');
  // Allow for each toggle to both open and close individually
  var allowToggle = (allowMultiple) ? allowMultiple : accordion.hasAttribute('data-allow-toggle');

  // Create the array of toggle elements for the accordion group
  var triggers = Array.prototype.slice.call(accordion.querySelectorAll('.collapse-trigger'));
  var panels = Array.prototype.slice.call(accordion.querySelectorAll('.collapse-panel'));


  accordion.addEventListener('click', function (event) {
	event.stopPropagation();
    var target = event.target;

    if (target.classList.contains('collapse-trigger')) {
      // Check if the current toggle is expanded.
      var isExpanded = target.getAttribute('aria-expanded') == 'true';
      var active = accordion.querySelector('[aria-expanded="true"]');

      // without allowMultiple, close the open accordion
      if (allowMultiple && active && active !== target) {
        // Set the expanded state on the triggering element
        active.setAttribute('aria-expanded', 'false');
        // Hide the accordion sections, using aria-controls to specify the desired section
        document.getElementById(active.getAttribute('aria-controls')).setAttribute('hidden', '');

        // When toggling is not allowed, clean up disabled state
        if (!allowToggle) {
          active.removeAttribute('aria-disabled');
        }
      }

      if (!isExpanded) {
        // Set the expanded state on the triggering element
        target.setAttribute('aria-expanded', 'true');
        // Hide the accordion sections, using aria-controls to specify the desired section
        document.getElementById(target.getAttribute('aria-controls')).removeAttribute('hidden');

        // If toggling is not allowed, set disabled state on trigger
        if (!allowToggle) {
          target.setAttribute('aria-disabled', 'true');
        }
      }
      else if (allowToggle && isExpanded) {
        // Set the expanded state on the triggering element
        target.setAttribute('aria-expanded', 'false');
        // Hide the accordion sections, using aria-controls to specify the desired section
        document.getElementById(target.getAttribute('aria-controls')).setAttribute('hidden', '');
      }

      event.preventDefault();
    }
  });

  // Bind keyboard behaviors on the main accordion container
  accordion.addEventListener('keydown', function (event) {
    var target = event.target;
    var key = event.which.toString();

    var isExpanded = target.getAttribute('aria-expanded') == 'true';
    var allowToggle = (allowMultiple) ? allowMultiple : accordion.hasAttribute('data-allow-toggle');

  // Create the array of  // 33 = Page Up, 34 = Page Down
  toggle elements for the accordion group
  var triggers = Array.prototype.slice.call(accordion.querySelectorAll('.collapse-trigger'));
  var ctrlModifierpanels = (event.ctrlKey && key.match(/33|34/Array.prototype.slice.call(accordion.querySelectorAll('.collapse-panel'));


  accordion.addEventListener('click', function  // Is this coming from an accordion header?(event) {
    var target = event.target;

    if (target.classList.contains('collapse-trigger')) {
      // Up/Check Downif arrowthe andcurrent Controltoggle + Page Up/ Page Down keyboard operations
      // 38 = Up, 40 = Down
is expanded.
      var isExpanded if= (keytarget.match(/38|40/) || ctrlModifier) {
  getAttribute('aria-expanded') == 'true';
      var indexactive = triggersaccordion.indexOf(targetquerySelector('[aria-expanded="true"]');

      // without varallowMultiple, directionclose = (key.match(/34|40/)) ? 1 : -1;
the open accordion
      if (allowMultiple && active && varactive length = triggers.length;!== target) {
        var// newIndexSet =the (index + length + direction) % length;
expanded state on the triggering element
        triggers[newIndex].focus(active.setAttribute('aria-expanded', 'false');

        // Hide the  event.preventDefault();
      }accordion sections, using aria-controls to specify the desired section
      else if document.getElementById(keyactive.match(/35|36/)) {getAttribute('aria-controls')).setAttribute('hidden', '');

        // When toggling 35is =not Endallowed, 36clean =up Homedisabled keyboard operationsstate
        switchif (key) {
   !allowToggle) {
       // Go to first accordion active.removeAttribute('aria-disabled');
        }
  case '36':
   }

         triggers[0].focus();if (!isExpanded) {
        // Set the expanded break;
state on the triggering element
        // Go to last accordion
target.setAttribute('aria-expanded', 'true');
        // Hide the accordion sections, using case '35':
    aria-controls to specify the desired section
        triggers[triggers.length - 1].focus();document.getElementById(target.getAttribute('aria-controls')).removeAttribute('hidden');

        // If toggling is break;
not allowed, set disabled state on trigger
  }
       if event.preventDefault(!allowToggle);
 {
      }

    }
  });
target.setAttribute('aria-disabled', 'true');
  // These are used to style the accordion when one of the buttons has focus
  accordion.querySelectorAll('.collapse-trigger').forEach(function (trigger) {

    trigger.addEventListener('focus', function (event }
      }
      else if (allowToggle && isExpanded) {
      accordion.classList.add('focus');
  // Set });

the expanded state  trigger.addEventListener('blur', function (event) {
on the triggering element
        accordiontarget.classList.remove('focussetAttribute('aria-expanded', 'false');
    });

  });

  // Minor setup: will set disabled state, via aria-disabled, to an
  // expanded/ active accordion which is not allowed to be toggled close
  if (!allowToggle) {
    // Get the first expanded/ active accordion
    var expanded = accordion.querySelector('[aria-expanded="true"]');

    // If an expanded/ active accordion is found, disable
    if (expanded) {
      expanded.setAttribute('aria-disabled', 'true');
    }
  }

});

</script>
CSS Stylesheet
.home-intro { position: relative; min-height:65vh; }
.home-intro-wrapper {  display: flex; align-content: center; align-items: center; min-height:65vh; background: #014494;}
.sandbox-header-im { position: absolute; width: 100%; height: 100%; object-fit: cover; opacity: 0.4;}
.home-intro-content { position: relative; margin:0 auto; width:90%; text-align: center;}
.home-intro-content h1 { margin:0; font-size:38px; line-height: 1}
.home-intro-content h1 span {font-size: 38px; display:block; margin:0.5rem 0 0 0; font-weight: normal;}
.home-intro-content p.lead { margin:0.5rem 0 0 0; font-size:18px;}
.home-intro-content .btn { margin:2rem 0 0 0;}
.home-intro-content h1, .home-intro-content p { color: white;}
.home-introduction-sb { background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/640548876/sandbox-bg-curve-intro.svg") no-repeat;
background-position: top right; background-position-y: 200%;}

.section-get-started { text-align: center;  }
.section-get-started-box { position:relative; padding:1.5rem 3rem; box-shadow: 0px 4px 20px rgba(0, 55, 100, 0.1); border-radius: 16px;}


.about-the-project { background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/640548876/sandbox-bg-oval.svg?api=v2") no-repeat; background-position-y: 30%; background-position-x: 90%; }

.apply-now { background: linear-gradient(270deg, #BC3588 -22.05%, #17458F 41.52%, #3682C2 100%); padding-top: 5rem; padding-bottom: 6rem;}
.apply-now h3 { color: white; }
.apply-now p { color: white; }


/*--- HOME FAQ ---*/
.home-faq { padding-bottom:4rem;}
.home-faq .cols { z-index: 6; position: relative;}
.home-faq h2 { margin-bottom:3rem;}
.home-faq .btn { margin-top:2rem;}



/*--- MACRO SLIDER BY DEFAULT ---*/
.slider-default { position:relative; z-index:10; }
.slider-default .flickity-enabled { background-color: transparent; box-shadow:none;}
.slider-default .flickity-enabled.is-draggable { box-shadow:none;}
.slider-default .news-slider-root > div { padding:0;}
.slider-default .aui-item > div { margin:0; padding:0;}
.slider-default .aui-item { display:inline-block; padding:0 15px 10px 15px;}
.slider-default .aui-group>.aui-item { padding-top:0; padding-top:1rem; padding-bottom:0; width: 100%;}
.slider-default .aui-group>.aui-item+.aui-item { padding:0; width: 100%;}
.slider-default > ul { list-style: none; margin: 0; padding: 0;}
/*heading*/
.slider-default h2:first-child { display: none;}
/*arrow*/ 
.slider-default .flickity-button { top:38% !important; background-color: #fff !important; border:1px solid #CD1D8B; border-radius:8px !important;}
.slider-default .flickity-button:hover { background-color: #FFE7F2 !important;}
.slider-default .flickity-button:focus {  outline: 2px dashed black; outline-offset: 2px; box-shadow: none;} 
.slider-default .flickity-prev-next-button .flickity-button-icon { left: 30%; top: 30%; width: 40%; height: 40%; fill: rgb(205, 29, 139) !important;} 
.slider-default .flickity-prev-next-button.previous { left: -15px;}
.slider-default .flickity-prev-next-button.next { right: -15px;} 
/*dots*/
.slider-default .flickity-page-dots { position:relative; margin-bottom: 0; top:1rem !important; height:1rem; text-align: center !important;}
.slider-default .flickity-page-dots .dot { opacity: 1; height: 12px; width:12px; background: #CD1D8B !important; border:1px solid #CD1D8B;}
.slider-default .flickity-page-dots .dot.is-selected { height: 12px; width:48px; background: #CD1D8B !important; border:1px solid #CD1D8B; border-radius:10px;}
.slider-default .flickity-page-dots .dot:focus { outline: 2px dashed black; outline-offset: 2px;}
.slider-default .col-4 { padding-left: 0px; padding: right: 0px; }
.slider-default .card-grid-body { display: flex; flex-direction: column; justify-content: space-evenly; }

@media screen and (min-width: 1280px) {
  .slider-default .flickity-prev-next-button.previous { left: -50px;}
  .slider-default .flickity-prev-next-button.next { right: -50px;}
}




/*--- HOME SS SLIDER BY DEFAULT ADD ON ---*/
.ss-carroussel { position:relative; padding-top:0; padding-bottom:0; z-index: 10;}
.ss-carroussel .slider-default { margin-top:1rem;}
/*hack*/
.ss-carroussel .slider-default > p:last-child { display: none;}
/*arrow*/
.ss-carroussel .slider-default .flickity-button { background-color: rgba(205, 29, 139, .3) !important;; border:1px solid #FFF;}
.ss-carroussel .slider-default .flickity-button:hover { background-color: #CD1D8B !important;}
.ss-carroussel .slider-default .flickity-prev-next-button .flickity-button-icon { fill: rgb(255, 255, 255) !important;}

@media screen and (min-width: 1280px) {
  .ss-carroussel .slider-default .flickity-button { background-color: transparent !important; border:1px solid #FFF;}
}  

/*wave top*/
.success-stories-curve-top { z-index:2; position: absolute; left: 0; right: 0; height: 100%; margin-top: 7.7rem;}
.success-stories-curve-top p { margin:0;} 
.success-stories-curve-top img {width: 103%;}
/*wave bottom*/ 
.success-stories-wave-bottom { overflow: hidden; z-index:1; position:relative; height:10rem; background-color: #E5F7FE; margin-top: 4.5rem;}
.success-stories-wave-bottom p { margin:0;} 
.success-stories-wave-bottom img { position:absolute; bottom:0; left:-1%; width: 102%;}  


#ss-become-a-pilot { position: relative; z-index: 1000; padding-top: 4rem; }
#ss-become-a-pilot h3 { color: white; }
#ss-become-a-pilot p { color: white; }
#ss-become-a-pliot span { color: white; }


#ss-bg-section {  position:relative; height:8rem;}
#ss-bg-section p { margin: 0; }
#ss-bg-section img { position: absolute; top: -216px; right: -128px; z-index: 10;}

#ss-bg-section-dec {  position:relative; height:8rem; z-index:1;}
#ss-bg-section-dec p { margin: 0; }
#ss-bg-section-dec img { position: absolute; top: -391px; right: -128px;}

.bg-gradient { background: linear-gradient(270deg, #BC3588 -22.05%, #17458F 41.52%, #3682C2 100%)!important; }
.sandbox-footer-section-s-block { display: flex; justify-content: center; }
.sandbox-footer-section-t-block { display: flex; justify-content: end; }







#ss-bg-section-dec-test { display: none; position: relative; margin-top: -15.5rem;  }
#ss-bg-section-dec-test img { max-width: 110%!important;}


.sb-testing { position: absolute; top: 155px; left: 0; width: 100%; min-width: fit-content; min-height: fit-content;}

.test0image { margin-top: -13rem; }

#ss-become-a-pilot { padding-top: 1rem; padding-bottom: 5rem; }


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

	.test0image { position: absolute; }
	.sb-testing { top: unset; z-index: 10; bottom: 0; }
	.about-the-project { background-position-y: 100%!important; background-position-x: unset!importanta; }
}

@media screen and ( max-width: 500px ) {
	.test0image { margin-top: -7rem; }
}

@media screen and (min-width: 1700px ) {
	#ss-become-a-pilot { padding-top: 10rem; }
}


 Hide the accordion sections, using aria-controls to specify the desired section
        document.getElementById(target.getAttribute('aria-controls')).setAttribute('hidden', '');
      }

      event.preventDefault();
    }
  });

  // Bind keyboard behaviors on the main accordion container
  accordion.addEventListener('keydown', function (event) {
    var target = event.target;
    var key = event.which.toString();

    var isExpanded = target.getAttribute('aria-expanded') == 'true';
    var allowToggle = (allowMultiple) ? allowMultiple : accordion.hasAttribute('data-allow-toggle');

    // 33 = Page Up, 34 = Page Down
    var ctrlModifier = (event.ctrlKey && key.match(/33|34/));

    // Is this coming from an accordion header?
    if (target.classList.contains('collapse-trigger')) {
      // Up/ Down arrow and Control + Page Up/ Page Down keyboard operations
      // 38 = Up, 40 = Down
      if (key.match(/38|40/) || ctrlModifier) {
        var index = triggers.indexOf(target);
        var direction = (key.match(/34|40/)) ? 1 : -1;
        var length = triggers.length;
        var newIndex = (index + length + direction) % length;

        triggers[newIndex].focus();

        event.preventDefault();
      }
      else if (key.match(/35|36/)) {
        // 35 = End, 36 = Home keyboard operations
        switch (key) {
          // Go to first accordion
          case '36':
            triggers[0].focus();
            break;
            // Go to last accordion
          case '35':
            triggers[triggers.length - 1].focus();
            break;
        }
        event.preventDefault();

      }

    }
  });

  // These are used to style the accordion when one of the buttons has focus
  accordion.querySelectorAll('.collapse-trigger').forEach(function (trigger) {

    trigger.addEventListener('focus', function (event) {
      accordion.classList.add('focus');
    });

    trigger.addEventListener('blur', function (event) {
      accordion.classList.remove('focus');
    });

  });

  // Minor setup: will set disabled state, via aria-disabled, to an
  // expanded/ active accordion which is not allowed to be toggled close
  if (!allowToggle) {
    // Get the first expanded/ active accordion
    var expanded = accordion.querySelector('[aria-expanded="true"]');

    // If an expanded/ active accordion is found, disable
    if (expanded) {
      expanded.setAttribute('aria-disabled', 'true');
    }
  }

});


         let userAgent = navigator.userAgent;
         
         if(userAgent.match(/chrome|chromium|crios/i)){
             $("#home-architecture-video").show()
            $("#home-architecture-image").hide()
           }else if(userAgent.match(/firefox|fxios/i)){
            $("#home-architecture-video").show()
            $("#home-architecture-image").hide()
           }  else if(userAgent.match(/safari/i)){
           $("#home-architecture-video").hide()
            $("#home-architecture-image").show()
           }else if(userAgent.match(/opr\//i)){
            $("#home-architecture-video").hide()
            $("#home-architecture-image").show()
           } else if(userAgent.match(/edg/i)){
            $("#home-architecture-video").show()
            $("#home-architecture-image").hide()
           }else{
            $("#home-architecture-video").hide()
            $("#home-architecture-image").show()
           }


</script>