<!DOCTYPE html>

<head>

<title>WIPO ADR Service Portal</title>

<style>

body {

font-family: 'Inter', sans-serif;

scroll-behavior: smooth;

}

.text-navy { color: #1a3b5d; }

.bg-navy { background-color: #1a3b5d; }

.bg-light-blue { background-color: #f0f5fa; }

.bg-accent, .tab-active { background-color: #0d61a9; color: white; }

.border-accent { border-color: #0d61a9; }

.text-accent { color: #0d61a9; }

.section-title {

@apply text-3xl md:text-4xl font-extrabold text-navy tracking-tight text-center mb-4;

}

.section-title-underline {

@apply border-b-4 border-accent pb-2 inline-block;

}

.tab {

@apply px-4 py-2 md:px-6 md:py-2 text-base md:text-lg font-medium text-gray-600 bg-gray-100 rounded-t-lg cursor-pointer transition-colors duration-300;

}

.process-step { @apply text-center; }

.process-step .number {

@apply w-12 h-12 bg-accent text-white rounded-full flex items-center justify-center text-xl font-bold mx-auto mb-2;

}

.advantage-card {

@apply bg-white rounded-lg p-6 shadow-md flex items-start space-x-4 min-h-[132px];

}

.advantage-card svg { @apply w-8 h-8 text-accent mt-1 flex-shrink-0; }

/* Input focus styling for accessibility */

input:focus, select:focus, textarea:focus {

outline: none;

border-color: #0d61a9;

box-shadow: 0 0 0 1.5px #0d61a9;

}

/* FAQ Accordion: Remove double border when expanded */

.faq-open { border-bottom: none !important; }

</style>

</head>

WIPO / CICASME

</h1>

<p class="text-lg md:text-xl font-medium opacity-90 mb-2">Intellectual Property for Business Center</p>

Empowering SMEs to Create a New Future for Global Development

</h2>

<a href="#contact" class="border border-white text-white font-semibold py-2 px-6 rounded-md hover:bg-accent hover:text-white transition">Contact</a>

</div>

</header>

<main>

<h2 class="section-title"><span class="section-title-underline">Resolve Your IP Dispute</span></h2>

The WIPO Arbitration and Mediation Center offers time- and cost-efficient alternative dispute resolution (ADR) options, such as mediation, arbitration, expedited arbitration, and expert determination to enable private parties to settle their domestic or cross-border commercial disputes. The WIPO Center is international and specialized in IP and technology disputes. The WIPO Center is also the global leader in the provision of domain name dispute resolution services under the WIPO-designed UDRP.

</p>

<h3 class="text-xl md:text-2xl font-bold text-navy">IP Alternative Dispute Resolution Services</h3>

<p class="text-gray-600 mt-2 text-base">Resolve patent, trademark, copyright, and licensing disputes through mediation, arbitration, and expert determination.</p>

<span class="mt-6 inline-block bg-accent text-white font-semibold py-2 px-6 rounded-md">Learn More →</span>

</a>

<h3 class="text-xl md:text-2xl font-bold text-navy">Domain Name Dispute Resolution Services</h3>

<p class="text-gray-600 mt-2 text-base">Resolve disputes involving domain names that infringe on your trademark rights through UDRP procedures.</p>

<span class="mt-6 inline-block bg-accent text-white font-semibold py-2 px-6 rounded-md">Learn More →</span>

</a>

</div>

</section>

<h2 class="section-title"><span class="section-title-underline">Why Choose WIPO ADR?</span></h2>

</div>

</section>

</main>

// (Your JS is unchanged)

// Tab functionality

const tabs = document.querySelectorAll('.tab');

const tabContents = document.querySelectorAll('.tab-content');

tabs.forEach(tab => {

tab.addEventListener('click', () => {

tabs.forEach(item => item.classList.remove('tab-active'));

tab.classList.add('tab-active');

const targetId = tab.id.replace('tab-', 'content-');

tabContents.forEach(content => {

if (content.id === targetId) {

content.classList.remove('hidden');

} else {

content.classList.add('hidden');

}

});

// FAQ Accordion

const faqs = [

{ q: "Why consider WIPO ADR?", a: "WIPO ADR is specialized, flexible and confidential. Its consensual nature often results in a less adversarial process, allowing the parties to begin, continue, or enhance profitable business relationships with each other. If well managed, ADR can save time and money." },

{ q: "Who can use WIPO ADR?", a: "WIPO ADR options have been used by large-sized companies, SMEs and startups across industries and sectors, artists and inventors, R&D centers, universities, producers and collecting societies." },

{ q: "Can I submit a request if the other party hasn’t agreed to ADR yet?", a: "Yes. The WIPO Mediation and Expert Determination Rules allow a party to submit a request unilaterally. The WIPO Center can then assist by inviting the other party to consider the procedure." },

{ q: "How much does WIPO ADR cost?", a: "WIPO provides a <a href='https://www.wipo.int/amc/en/calculator/adr.jsp' target='_blank' class='text-accent hover:underline'>Fee Calculator</a> to estimate the costs, which are based on a fixed schedule, ensuring predictability." },

{ q: "What’s the difference between IP ADR and domain name disputes?", a: "IP ADR (Mediation, Arbitration, Expert Determination) covers a wide range of intellectual property disputes like patents, trademarks, and copyrights. Domain name dispute resolution specifically handles the abusive registration of domain names (cybersquatting) through processes like the UDRP." }

];

const faqContainer = document.getElementById('faq-container');

faqs.forEach(faq => {

const faqItem = document.createElement('div');

faqItem.className = 'border border-gray-200 rounded-lg';

faqItem.innerHTML = `

</button>

</div>

faqItem.querySelector('button').addEventListener('click', (e) => {

const answer = e.currentTarget.nextElementSibling;

const icon = e.currentTarget.querySelector('svg');

answer.classList.toggle('hidden');

icon.classList.toggle('rotate-180');

});

faqContainer.appendChild(faqItem);

});

</script>

</body>

</html>