INDIA · PHARMACEUTICAL EXPORTS
Connecting Global Markets
Through Quality Healthcare
Your trusted partner for pharmaceutical export solutions
from India. We support international buyers with product
sourcing, export documentation and coordinated global
supply solutions.
◎
Global Reach
International B2B markets
✓
Quality Focus
Qualified sourcing partners
↗
Export Support
Documentation coordination
Global Supply
+
Healthcare Partnerships
/* ATHSOU ALLIANCE - HERO SECTION */
.aa-hero {
--aa-navy: #06264A;
--aa-blue: #0C4476;
--aa-gold: #D9AA3A;
--aa-white: #FFFFFF;
position: relative;
isolation: isolate;
overflow: hidden;
width: 100%;
background:
radial-gradient(
ellipse at 78% 46%,
rgba(23, 92, 137, 0.65),
transparent 38%
),
linear-gradient(115deg, #04182F 0%, #06264A 54%, #0A345C 100%);
color: var(--aa-white);
font-family: "Saira", sans-serif;
box-sizing: border-box;
}
.aa-hero *,
.aa-hero *::before,
.aa-hero *::after {
box-sizing: border-box;
}
.aa-hero__overlay {
position: absolute;
inset: 0;
z-index: -1;
pointer-events: none;
opacity: 0.17;
background-image:
radial-gradient(rgba(255,255,255,.3) 0.7px,
transparent 0.7px);
background-size: 25px 25px;
}
.aa-hero__container {
width: min(1180px, calc(100% - 48px));
min-height: 610px;
margin: 0 auto;
padding: 75px 0 65px;
display: grid;
grid-template-columns: 1.12fr .88fr;
align-items: center;
gap: 34px;
}
.aa-hero__content {
position: relative;
z-index: 2;
max-width: 660px;
}
.aa-hero__eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
margin-bottom: 22px;
padding: 9px 13px;
border: 1px solid rgba(217,170,58,.45);
border-radius: 4px;
color: #F1CD78;
font-size: 12px;
font-weight: 600;
letter-spacing: 2px;
}
.aa-hero__eyebrow::before {
content: "";
display: block;
width: 7px;
height: 7px;
flex-shrink: 0;
border-radius: 50%;
background: var(--aa-gold);
}
.aa-hero h1 {
margin: 0 0 22px;
color: #FFFFFF;
font-family: "Saira", sans-serif;
font-size: clamp(35px, 4.1vw, 57px);
font-weight: 600;
line-height: 1.14;
letter-spacing: -1.2px;
}
.aa-hero h1 span {
display: block;
margin-top: 7px;
color: var(--aa-gold);
}
.aa-hero__description {
max-width: 560px;
margin: 0 0 30px;
color: #D5E0EC;
font-size: 16px;
font-weight: 300;
line-height: 1.9;
}
.aa-hero__buttons {
display: flex;
flex-wrap: wrap;
gap: 13px;
margin-bottom: 43px;
}
.aa-hero .aa-btn {
min-height: 50px;
padding: 14px 21px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 12px;
border: 1px solid transparent;
border-radius: 4px;
font-family: "Saira", sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 1.4;
text-decoration: none;
transition: background .25s ease,
color .25s ease,
border-color .25s ease,
transform .25s ease;
}
.aa-hero .aa-btn:hover {
transform: translateY(-2px);
}
.aa-hero .aa-btn--gold {
background: var(--aa-gold);
border-color: var(--aa-gold);
color: #071F3A;
}
.aa-hero .aa-btn--gold:hover {
background: #F0C65F;
border-color: #F0C65F;
color: #071F3A;
}
.aa-hero .aa-btn--outline {
border-color: rgba(255,255,255,.55);
background: rgba(255,255,255,.04);
color: #FFFFFF;
}
.aa-hero .aa-btn--outline:hover {
border-color: var(--aa-gold);
color: #F1CD78;
}
.aa-hero__features {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 17px;
padding-top: 24px;
border-top: 1px solid rgba(255,255,255,.16);
}
.aa-hero__feature {
display: flex;
align-items: flex-start;
gap: 10px;
min-width: 0;
}
.aa-feature__icon {
width: 30px;
height: 30px;
flex: 0 0 30px;
display: grid;
place-items: center;
border: 1px solid rgba(217,170,58,.55);
border-radius: 50%;
color: #F1CD78;
font-size: 16px;
}
.aa-hero__feature strong,
.aa-hero__feature small {
display: block;
}
.aa-hero__feature strong {
margin: 1px 0 5px;
color: #FFFFFF;
font-size: 12px;
font-weight: 600;
}
.aa-hero__feature small {
color: #BFCEDC;
font-size: 10px;
line-height: 1.6;
}
/* Decorative globe: CSS only, no external image required */
.aa-hero__visual {
position: relative;
display: grid;
place-items: center;
min-height: 400px;
overflow: visible;
}
.aa-hero__globe {
position: relative;
z-index: 1;
width: min(285px, 74%);
aspect-ratio: 1;
display: grid;
place-items: center;
overflow: hidden;
border: 1px solid rgba(217,170,58,.75);
border-radius: 50%;
background:
radial-gradient(circle at 32% 28%,
rgba(56,133,182,.65), transparent 44%),
linear-gradient(145deg, #174F7B, #06264A 68%, #03162B);
box-shadow:
inset -22px -15px 45px rgba(0,0,0,.45),
inset 8px 8px 30px rgba(255,255,255,.08),
0 0 70px rgba(40,112,163,.23),
0 0 0 14px rgba(255,255,255,.025);
}
.aa-globe__latitude {
position: absolute;
width: 100%;
height: 42%;
border: 1px solid rgba(217,170,58,.5);
border-radius: 50%;
}
.aa-globe__latitude::before,
.aa-globe__latitude::after {
position: absolute;
content: "";
left: -1px;
right: -1px;
height: 100%;
border: 1px solid rgba(217,170,58,.28);
border-radius: 50%;
}
.aa-globe__latitude::before {
transform: scaleY(1.65);
}
.aa-globe__latitude::after {
transform: scaleY(2.3);
}
.aa-globe__longitude {
position: absolute;
width: 43%;
height: 100%;
border: 1px solid rgba(217,170,58,.5);
border-radius: 50%;
}
.aa-globe__longitude::before {
position: absolute;
content: "";
inset: -1px 25%;
border: 1px solid rgba(217,170,58,.32);
border-radius: 50%;
}
.aa-globe__cross {
position: relative;
z-index: 2;
color: #F3D38B;
font-size: 46px;
text-shadow: 0 0 22px rgba(217,170,58,.65);
}
.aa-hero__orbit {
position: absolute;
left: 50%;
top: 50%;
border: 1px solid rgba(217,170,58,.35);
border-radius: 50%;
transform: translate(-50%, -50%) rotate(-28deg);
}
.aa-hero__orbit--outer {
width: 390px;
height: 185px;
}
.aa-hero__orbit--inner {
width: 340px;
height: 150px;
transform: translate(-50%, -50%) rotate(48deg);
border-color: rgba(255,255,255,.18);
}
.aa-hero__floating {
position: absolute;
z-index: 3;
display: flex;
align-items: center;
gap: 9px;
padding: 13px 15px;
border: 1px solid rgba(255,255,255,.17);
border-radius: 6px;
background: rgba(4,27,51,.88);
box-shadow: 0 12px 30px rgba(0,0,0,.18);
color: #FFFFFF;
font-size: 12px;
font-weight: 500;
backdrop-filter: blur(8px);
}
.aa-hero__floating--top {
top: 17%;
right: -2%;
}
.aa-hero__floating--bottom {
bottom: 15%;
left: -3%;
}
.aa-floating__dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: #73D4A1;
box-shadow: 0 0 10px rgba(115,212,161,.5);
}
.aa-floating__symbol {
display: grid;
place-items: center;
width: 23px;
height: 23px;
border-radius: 50%;
background: rgba(217,170,58,.17);
color: #F1CD78;
font-size: 17px;
}
.aa-hero__bottom-line {
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 3px;
background: linear-gradient(
90deg,
transparent,
#D9AA3A 50%,
transparent
);
opacity: .8;
}
/* Tablet */
@media (max-width: 1024px) {
.aa-hero__container {
width: min(100% - 40px, 900px);
min-height: 560px;
grid-template-columns: 1.1fr .9fr;
gap: 15px;
padding: 60px 0;
}
.aa-hero h1 {
font-size: clamp(34px, 4.3vw, 46px);
}
.aa-hero__visual {
min-height: 330px;
}
.aa-hero__orbit--outer {
width: 310px;
height: 155px;
}
.aa-hero__orbit--inner {
width: 275px;
height: 125px;
}
.aa-hero__features {
gap: 10px;
}
}
/* Mobile */
@media (max-width: 767px) {
.aa-hero__container {
width: calc(100% - 36px);
min-height: auto;
grid-template-columns: 1fr;
gap: 22px;
padding: 47px 0 43px;
}
.aa-hero__content {
max-width: none;
}
.aa-hero__eyebrow {
margin-bottom: 18px;
font-size: 10px;
letter-spacing: 1.5px;
}
.aa-hero h1 {
margin-bottom: 18px;
font-size: clamp(32px, 8.5vw, 43px);
line-height: 1.18;
letter-spacing: -.6px;
}
.aa-hero__description {
margin-bottom: 24px;
font-size: 14px;
line-height: 1.85;
}
.aa-hero__buttons {
gap: 10px;
margin-bottom: 28px;
}
.aa-hero .aa-btn {
min-height: 48px;
padding: 12px 15px;
font-size: 12px;
}
.aa-hero__features {
gap: 10px;
padding-top: 20px;
}
.aa-hero__feature {
flex-direction: column;
gap: 8px;
}
.aa-hero__feature strong {
font-size: 11px;
}
.aa-hero__feature small {
font-size: 10px;
}
.aa-hero__visual {
min-height: 300px;
margin: 0 0 4px;
}
.aa-hero__globe {
width: 220px;
}
.aa-hero__orbit--outer {
width: 300px;
height: 140px;
}
.aa-hero__orbit--inner {
width: 260px;
height: 115px;
}
.aa-hero__floating {
padding: 10px 11px;
font-size: 10px;
}
.aa-hero__floating--top {
top: 10%;
right: 0;
}
.aa-hero__floating--bottom {
bottom: 7%;
left: 0;
}
}
/* Small mobile */
@media (max-width: 380px) {
.aa-hero__container {
width: calc(100% - 28px);
}
.aa-hero h1 {
font-size: 30px;
}
.aa-hero__buttons {
flex-direction: column;
align-items: stretch;
}
.aa-hero .aa-btn {
width: 100%;
}
.aa-hero__features {
gap: 7px;
}
.aa-hero__feature strong {
font-size: 10px;
}
.aa-hero__feature small {
font-size: 9px;
}
}
@media (prefers-reduced-motion: reduce) {
.aa-hero .aa-btn {
transition: none;
}
}
