Skip to main content
Opening Canada Business Gate
INTERNATIONAL TRADE · SOURCING · BUSINESS DEVELOPMENT
Build business between Canada and the Middle East & North Africa
Find buyers, source products or services, and develop cross-border deals. We support businesses of all sizes in Canada and the Middle East & North Africa (MENA).
Two ways we help you trade
Market Development & Deal Support
Find potential buyers and distributors, arrange introductions, and get support with sales discussions and negotiations.
Sourcing & Import–Export
Find suppliers, compare quotations, and arrange selected import–export transactions with qualified logistics and customs partners as needed.
Three areas of trade
Agriculture & Food
A priority for our sourcing work: agricultural products, food ingredients, and packaged foods.
Manufactured Products, Equipment & Technology
Manufactured goods, industrial materials, machinery, and technology solutions for your business.
Consulting & Professional Services
Consultants, technical specialists, and professional service providers for projects and partnerships.
See where trade is already happening
Explore trade figures, industry examples, and country profiles to see what Canada and MENA already buy and sell.
In 2025, Canada’s global goods trade totalled C$1.57 trillion .
Trade with 19 MENA markets was C$17.1 billion, or 1.1% of that total.
Canada exported C$4.92 billion to the six Gulf Cooperation Council countries
and imported C$3.44 billion from them.
Source: Statistics Canada, Table 12-10-0171-01
In development
A planned platform for business listings, product and service enquiries, and quotation requests. Explore the preview and learn about early access.
Explore the Canada Gate Preview
Share your product or service, target market, and timeline. We’ll discuss the scope of work and fees before you commit.
* --- Global Styles & Variables --- */
:root {
--primary-red: #D8292F; /* Official Canada Red */
--dark-grey: #222222;
--medium-grey: #4a4a4a;
--light-grey: #f4f4f4;
--white: #ffffff;
--gold-accent: #D4AF37;
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: 'Roboto', sans-serif;
line-height: 1.6;
color: var(--dark-grey);
background-color: var(--white);
}
.container {
max-width: 1200px;
margin: auto;
padding: 0 2rem;
}
h1, h2, h3 {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
line-height: 1.2;
}
h1 {
font-size: 3.5rem;
font-weight: 900;
}
h2 {
font-size: 2.5rem;
text-align: center;
margin-bottom: 1rem;
}
p {
margin-bottom: 1rem;
}
/* --- Header & Navigation --- */
header {
background: var(--white);
color: var(--dark-grey);
padding: 1rem 0;
position: fixed;
width: 100%;
top: 0;
z-index: 1000;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
header .container {
display: flex;
justify-content: space-between;
align-items: center;
}
header .logo {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: var(--dark-grey);
text-decoration: none;
font-size: 1.2rem;
}
header nav ul {
list-style: none;
display: flex;
align-items: center;
}
header nav ul li {
margin-left: 1.5rem;
}
header nav a {
color: var(--dark-grey);
text-decoration: none;
font-weight: bold;
transition: color 0.3s ease;
}
header nav a:hover {
color: var(--primary-red);
}
/* --- Buttons --- */
.btn {
display: inline-block;
padding: 0.8rem 2rem;
text-decoration: none;
border-radius: 5px;
font-weight: bold;
font-family: 'Montserrat', sans-serif;
transition: all 0.3s ease;
border: 2px solid transparent;
}
.btn-primary {
background-color: var(--primary-red);
color: var(--white);
border-color: var(--primary-red);
}
.btn-primary:hover {
background-color: #a82025;
border-color: #a82025;
}
.btn-secondary {
background-color: transparent;
color: var(--white);
border-color: var(--white);
}
.btn-secondary:hover {
background-color: var(--white);
color: var(--dark-grey);
}
.btn-register-nav {
background-color: var(--primary-red);
color: var(--white) !important;
padding: 0.5rem 1.2rem;
border-radius: 5px;
}
.btn-register-nav:hover {
background-color: #a82025;
color: var(--white) !important;
}
/* --- Hero Section --- */
.hero {
height: 100vh;
background: url('https://i.imgur.com/uQ9K8Jb.jpg') no-repeat center center/cover;
color: var(--white);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
position: relative;
padding-top: 80px; /* Offset for fixed header */
}
.hero-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
}
.hero .container {
position: relative;
z-index: 2;
}
.hero .subtitle {
font-size: 1.5rem;
max-width: 800px;
margin: 1rem auto 2rem;
}
.stats {
display: flex;
justify-content: center;
gap: 3rem;
margin-bottom: 2rem;
}
.stat {
text-align: center;
}
.stat-number {
display: block;
font-size: 2.5rem;
font-weight: 700;
font-family: 'Montserrat', sans-serif;
color: var(--gold-accent);
}
.stat-label {
font-size: 1rem;
text-transform: uppercase;
}
.hero-buttons .btn {
margin: 0 0.5rem;
}
/* --- Content Sections --- */
.content-section, .sectors-section, .founders-section, .cta-section {
padding: 5rem 0;
}
.content-section {
background: var(--light-grey);
text-align: center;
}
.content-section p {
max-width: 800px;
margin: 0 auto;
font-size: 1.1rem;
}
/* --- Sectors Section --- */
.sectors-section {
background: var(--white);
}
.sectors-section h2, .sectors-section p {
text-align: center;
}
.sectors-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 1.5rem;
margin-top: 2rem;
}
.sector-card {
position: relative;
color: var(--white);
overflow: hidden;
border-radius: 10px;
height: 200px;
}
.sector-card img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}
.sector-card:hover img {
transform: scale(1.1);
}
.sector-card span {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 1rem;
background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
font-weight: bold;
font-family: 'Montserrat', sans-serif;
}
/* --- Founders Section --- */
.founders-section {
background-color: var(--light-grey);
}
.founders-section h2 {
text-align: center;
margin-bottom: 2rem;
}
.founders-grid {
display: flex;
justify-content: center;
gap: 4rem;
flex-wrap: wrap;
}
.founder-profile {
text-align: center;
max-width: 250px;
}
.founder-profile img {
width: 180px;
height: 180px;
border-radius: 50%;
object-fit: cover;
border: 5px solid var(--primary-red);
margin-bottom: 1rem;
box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}
.founder-profile h3 {
font-size: 1.5rem;
margin-bottom: 0.25rem;
}
.founder-profile p {
color: var(--medium-grey);
font-style: italic;
}
/* --- Call to Action (CTA) Section --- */
.cta-section {
background: var(--primary-red);
color: var(--white);
text-align: center;
}
.cta-section .btn {
background: var(--white);
color: var(--primary-red);
}
/* --- Footer --- */
footer {
background: var(--dark-grey);
color: var(--white);
text-align: center;
padding: 2rem 0;
}
.flags {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 1rem;
margin-bottom: 1rem;
}
.flags img {
height: 24px;
width: auto;
border: 1px solid #555;
}
/* --- Responsive Design --- */
@media (max-width: 768px) {
h1 {
font-size: 2.5rem;
}
header nav {
display: none; /* Simplification for this example; a real site would use a hamburger menu */
}
.stats {
flex-direction: column;
gap: 1.5rem;
}
.hero-buttons {
display: flex;
flex-direction: column;
gap: 1rem;
align-items: center;
}
.founders-grid {
flex-direction: column;
align-items: center;
}
}>
