International Partnerships & Agencies
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap');
/* Scoped wrapper */
.partnerships-carousel-scope {
font-family: 'Inter', sans-serif;
}
/* 1. Header Style */
.partnerships-carousel-scope .section-title {
color: #4ca9d4 !important;
font-weight: 800;
font-size: 1.85rem;
letter-spacing: -0.01em;
margin-bottom: 1rem;
text-align: center;
}
.partnerships-carousel-scope .title-underline {
width: 80px;
height: 5px;
background-color: #4ca9d4;
border-radius: 99px;
margin: 0 auto;
}
/* 2. Laser Border Animation */
@keyframes rotatePartnerships {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
.partnerships-carousel-scope .laser-card {
position: relative;
padding: 3px;
border-radius: 16px;
overflow: hidden;
height: 100%;
display: flex;
background: rgba(76, 169, 212, 0.1);
margin: 0 12px;
transition: transform 0.3s ease;
}
.partnerships-carousel-scope .laser-card:hover {
transform: translateY(-8px);
}
.partnerships-carousel-scope .laser-card::before {
content: '';
position: absolute;
width: 200%;
height: 200%;
background: conic-gradient(transparent, transparent, transparent, #4ca9d4);
animation: rotatePartnerships 4s linear infinite;
top: -50%;
left: -50%;
z-index: 0;
}
.partnerships-carousel-scope .card-content {
position: relative;
background: white;
border-radius: 14px;
padding: 3rem 2rem;
width: 100%;
z-index: 1;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
/* 3. Logo & Typography */
.partnerships-carousel-scope .logo-container {
width: 100%;
height: 100px;
margin-bottom: 2rem;
display: flex;
align-items: center;
justify-content: center;
}
.partnerships-carousel-scope .logo-container img {
max-width: 220px;
max-height: 90px;
object-fit: contain;
}
.partnerships-carousel-scope .card-h3 {
color: #4ca9d4 !important;
font-weight: 800;
font-size: 1.15rem;
margin-bottom: 1rem;
min-height: 3.5rem;
display: flex;
align-items: center;
justify-content: center;
}
/* Updated description text to black */
.partnerships-carousel-scope .card-p {
color: #1f2937 !important;
font-size: 0.95rem;
line-height: 1.6;
margin-bottom: 2rem;
min-height: 5.5rem;
}
/* 4. Carousel Layout */
.partnerships-carousel-scope .carousel-outer {
overflow: hidden;
width: 100%;
}
.partnerships-carousel-scope .carousel-track {
display: flex;
transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
.partnerships-carousel-scope .slide {
flex: 0 0 100%;
}
@media (min-width: 768px) {
.partnerships-carousel-scope .slide {
flex: 0 0 33.333333%;
}
}
.partnerships-carousel-scope .btn-learn {
background-color: #4ca9d4;
color: white;
padding: 0.8rem 2.5rem;
border-radius: 9999px;
font-weight: 700;
margin-top: auto;
font-size: 0.9rem;
transition: all 0.3s ease;
display: inline-block;
}
.partnerships-carousel-scope .btn-learn:hover {
opacity: 0.9;
transform: scale(1.05);
box-shadow: 0 8px 20px rgba(76, 169, 212, 0.3);
}
.partnerships-carousel-scope .nav-control {
border: 2px solid #4ca9d4;
color: #4ca9d4;
padding: 10px 14px;
border-radius: 12px;
transition: all 0.2s;
display: flex;
align-items: center;
justify-content: center;
}
.partnerships-carousel-scope .nav-control:hover:not(:disabled) {
background-color: #4ca9d4;
color: white;
}
.partnerships-carousel-scope .nav-control:disabled {
opacity: 0.2;
cursor: not-allowed;
}
.partnerships-carousel-scope .counter-text {
color: #4ca9d4 !important;
font-weight: 800;
font-size: 1.25rem;
}
International Partnerships & Agencies
Sanstiva Pharma (Private Label Company MAH)
Sanstiva Pharma is a transparent pharmaceutical trading company importing reliable medications and vitamins from Spain.
Learn More
Insud Pharma
Insud Pharma spans the entire pharmaceutical value chain — from R&D to manufacturing and global distribution.
Learn More
Chemo Pharmaceuticals
Develops and manufactures active pharmaceutical ingredients and finished dosage forms for human and veterinary use.
Learn More
Cinfa Group
Cinfa is committed to accessible, quality healthcare through a patient-centric and sustainable development approach.
Learn More
Al-Faraj Medical Office
Al-Faraj is dedicated to efficiently trading and distributing medical supplies, ensuring seamless access to vital resources.
Learn More
Sama Al-Ma'moura Office
Sama Al-Ma'moura was founded with the mission of making a meaningful impact on the healthcare sector.
Learn More
Arlico Pharm
A Korean pharmaceutical leader standing out for its dedication to innovation and prestigious healthcare awards.
Learn More
Uniphar
Uniphar is a Polish manufacturer producing innovative, high-quality dietary supplements since 2004.
Learn More
lucide.createIcons();
const track = document.getElementById('partners-track');
const nextBtn = document.getElementById('partners-next');
const prevBtn = document.getElementById('partners-prev');
const pageLabel = document.getElementById('partners-page');
const container = document.getElementById('partners-carousel-container');
let currentIndex = 0;
const totalSlides = 8;
let autoPlayInterval;
function getVisibleCount() {
return window.innerWidth >= 768 ? 3 : 1;
}
function updateCarousel() {
const visible = getVisibleCount();
const maxIdx = totalSlides - visible;
if (currentIndex > maxIdx) currentIndex = 0;
if (currentIndex {
currentIndex++;
updateCarousel();
}, 4000);
}
function stopAutoPlay() {
clearInterval(autoPlayInterval);
}
nextBtn.addEventListener('click', () => {
stopAutoPlay();
currentIndex++;
updateCarousel();
startAutoPlay();
});
prevBtn.addEventListener('click', () => {
stopAutoPlay();
currentIndex--;
updateCarousel();
startAutoPlay();
});
container.addEventListener('mouseenter', stopAutoPlay);
container.addEventListener('mouseleave', startAutoPlay);
window.addEventListener('resize', updateCarousel);
updateCarousel();
startAutoPlay();