*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    font-family:'Poppins',sans-serif;
    overflow-x:hidden;
    background:#f7fbfd;
    color:#1e293b;
}

/* =========================
   NAVBAR
========================= */

.custom-navbar{

    background:#fff;

    height:100px;

    display:flex;
    align-items:center;

    border-bottom:1px solid #edf2f7;

    z-index:9999;
}

.navbar-brand img{

    height:130px;
    width:auto;

    object-fit:contain;

    margin-top:5px;
}

.nav-link{
    margin-left:18px;
    font-weight:500;
    color:#0b4f8a !important;
}

.contact-btn{
    margin-left:20px;
    background:linear-gradient(
        135deg,
        #0b4f8a,
        #0fa67a,
        #6b5bce
    );

    color:#fff;
    border-radius:50px;
    padding:12px 28px;
    border:none;
}

.contact-btn:hover{
    color:#fff;
}

/* =========================
   HERO SECTION
========================= */
/* =========================
   HERO SECTION
========================= */

.hero-section{

    position:relative;
    overflow:hidden;

    background:
    linear-gradient(
        135deg,
        #f7fbff 0%,
        #eef5ff 55%,
        #f5f8ff 100%
    );
}

.hero-overlay{

    position:absolute;
    inset:0;

    background-image:
    radial-gradient(
        rgba(11,79,138,0.05) 1px,
        transparent 1px
    );

    background-size:38px 38px;
}

.hero-row{

    min-height:calc(100vh - 95px);

    padding-top:0px;
    padding-bottom:20px;
      align-items:flex-start !important;
}

.hero-content{
    position:relative;
    z-index:5;
}

.hero-tag{

    display:inline-block;

    background:#e8f7f3;

    color:#18a874;

    padding:10px 24px;

    border-radius:50px;

    font-weight:600;

    margin-bottom:25px;
    
}
.hero {
    margin-top: 10px;
}
.hero-section h1{

    font-size:88px;

    line-height:0.98;

    font-weight:800;

    color:#071b2d;

    letter-spacing:-3px;

    margin-bottom:30px;
}

.hero-section h1 span{

    background:
    linear-gradient(
        135deg,
        #1194d4,
        #22b573,
        #5d5fef
    );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.hero-section p{

    font-size:18px;

    line-height:1.9;

    color:#5b6677;

    max-width:620px;

    margin-top: -10px;
}

.hero-buttons{
    margin-top:35px;
}

/* BUTTONS */

.primary-btn,
.secondary-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    text-decoration:none !important;

    padding:16px 36px;

    border-radius:50px;

    font-weight:600;

    transition:
    background 0.35s ease,
    color 0.35s ease,
    border-color 0.35s ease,
    transform 0.35s ease;
}

/* PRIMARY */

.primary-btn{

    background:#0076cd;

    color:#ffffff !important;

    border:none;

    margin-right:15px;
}

.primary-btn:hover,
.primary-btn:focus,
.primary-btn:active{

    background:#498e00 !important;

    color:#ffffff !important;

    transform:translateY(-2px);

    text-decoration:none !important;
}

/* SECONDARY */

.secondary-btn{

    border:2px solid #0b4f8a;

    color:#0b4f8a !important;

    background:#ffffff;
}

.secondary-btn:hover,
.secondary-btn:focus,
.secondary-btn:active{

    background:#498e00 !important;

    border-color:#498e00 !important;

    color:#ffffff !important;

    transform:translateY(-2px);

    text-decoration:none !important;
}
.secondary-btn:hover{

    background:#498e00;

    border-color:#498e00;

    color:#ffffff;

    transition:0.3s ease;
}

/* =========================
   RIGHT SIDE GRAPHICS
========================= */

.hero-medical-wrapper{

    position:relative;

    height:700px;

    transform:translate(70px,-35px);
}

/* MAIN RING */

.medical-ring{

    position:absolute;

    width:540px;
    height:540px;

    border-radius:50%;

    top:50%;
    left:50%;

    transform:translate(-50%,-50%);

    background:
    conic-gradient(
        from 180deg,
        #19c37d,
        #1194d4,
        #5d5fef,
        #19c37d
    );

    animation:rotateRing 18s linear infinite;
}

/* INNER WHITE */

.medical-center{

    position:absolute;

    width:410px;
    height:410px;

    background:#fff;

    border-radius:50%;

    top:50%;
    left:50%;

    transform:translate(-50%,-50%);

    z-index:2;

    box-shadow:
    0 30px 80px rgba(0,0,0,0.08);
}

/* PRODUCT IMAGE */

.medical-products{

    position:absolute;

    width:360px;

    top:50%;
    left:50%;

    transform:
    translate(-50%,-50%);

    z-index:5;

    animation:floatProducts 5s ease-in-out infinite;
}

/* LABELS */

.medical-label{

    position:absolute;

    width:120px;
    height:120px;

    background:#fff;

    border-radius:50%;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    text-align:center;

    box-shadow:
    0 20px 50px rgba(0,0,0,0.08);

    z-index:10;
}

.label-icon{

    font-size:28px;

    margin-bottom:6px;
}

.medical-label span{

    font-size:16px;

    font-weight:700;

    color:#0b4f8a;
}

/* API - TOP */

/* TOP */

.api{

    top:20px;
    left:50%;

    transform:translateX(-50%);
}

/* TOP RIGHT */

.pharma{

    top:135px;
    right:35px;
}

/* BOTTOM RIGHT */

.nutra{

    bottom:135px;
    right:35px;
}

/* BOTTOM */

.personal{

    bottom:20px;
    left:50%;

    transform:translateX(-50%);
}

/* LEFT */

.surgical{

    top:50%;
    left:20px;

    transform:translateY(-50%);
}
/* DOTS */

.dot{

    position:absolute;

    border-radius:50%;

    animation:floatDot 6s infinite;
}

.dot1{
    width:16px;
    height:16px;
    background:#22b573;
    top:50px;
    left:180px;
}

.dot2{
    width:18px;
    height:18px;
    background:#5d5fef;
    top:150px;
    right:120px;
}

.dot3{
    width:14px;
    height:14px;
    background:#1194d4;
    bottom:140px;
    left:120px;
}

.dot4{
    width:22px;
    height:22px;
    background:#22b573;
    bottom:70px;
    right:110px;
}

/* ANIMATIONS */

@keyframes rotateRing{

    from{
        transform:
        translate(-50%,-50%)
        rotate(0deg);
    }

    to{
        transform:
        translate(-50%,-50%)
        rotate(360deg);
    }

}

@keyframes floatProducts{

    0%{
        transform:
        translate(-50%,-50%)
        translateY(0px);
    }

    50%{
        transform:
        translate(-50%,-50%)
        translateY(-18px);
    }

    100%{
        transform:
        translate(-50%,-50%)
        translateY(0px);
    }

}

@keyframes floatDot{

    0%{
        transform:translateY(0px);
    }

    50%{
        transform:translateY(-15px);
    }

    100%{
        transform:translateY(0px);
    }

}
/* =========================
   ABOUT
========================= */

.about-section{
    padding:120px 0;
}

.section-tag{

    display:inline-block;

    background:#e8f7f3;

    color:#18a874;

    padding:10px 24px;

    border-radius:50px;

    font-weight:600;

    margin-bottom:25px;
}

.about-section h2,
.offerings-section h2,
.why-section h2{
    font-size:48px;
    font-weight:700;
    margin-bottom:40px;
    color:#0b1f36;
}

.about-section p{
    color:#64748b;
    line-height:1.9;
    margin-bottom:20px;
    max-width:90%;

}

.about-card{

    position:relative;

    height:680px;

    border-radius:40px;

    overflow:visible;

}

/* MAIN IMAGE */

.about-main-image{

    width:100%;
    height:100%;

    object-fit:cover;

    border-radius:40px;

    box-shadow:
    0 25px 70px rgba(0,0,0,0.12);
}

/* FLOATING OVERLAY CARD */

.about-floating-card{

    position:absolute;

    width:320px;

    left:-70px;

    top:50%;

    transform:translateY(-50%);

    border-radius:28px;

    overflow:hidden;

    background:#fff;

    box-shadow:
    0 30px 70px rgba(0,0,0,0.18);

    z-index:5;
}

.about-floating-card img{

    width:100%;

    display:block;
}

/* =========================
   ABOUT OVERLAY HOVER EFFECT
========================= */

.about-floating-card{

    transition:
    transform 0.45s ease,
    box-shadow 0.45s ease;
}

.about-floating-card img{

    transition:
    transform 0.6s ease,
    filter 0.6s ease;
}

/* HOVER */

/* =========================
   FLIP HOVER EFFECT
========================= */

.about-floating-card{

    transition:
    transform 0.8s ease,
    box-shadow 0.5s ease;

    transform-style:preserve-3d;

    perspective:1200px;
}

.about-floating-card img{

    transition:
    transform 0.8s ease;
}

/* HOVER FLIP */

.about-card:hover .about-floating-card{

    transform:
    translateY(-50%)
    rotateY(180deg);

    box-shadow:
    0 40px 90px rgba(0,0,0,0.22);
}


/* =========================
   OFFERINGS
========================= */
/* =========================
   OFFERINGS
========================= */

.offerings-section{

    padding:120px 7%;

    position:relative;

    overflow:hidden;

    background:
    linear-gradient(
        135deg,
        #eef6ff 0%,
        #e5fbf6 45%,
        #f1ecff 100%
    );
}

/* BREATHING PIXELS */

.offerings-section::before{

    content:'';

    position:absolute;

    inset:0;

    background-image:
    radial-gradient(rgba(17,148,212,0.18) 1.5px, transparent 1.5px);

    background-size:38px 38px;

    animation:pixelBreath 5s ease-in-out infinite;
}

.offerings-section::after{

    content:'';

    position:absolute;

    width:500px;
    height:500px;

    border-radius:50%;

    background:
    radial-gradient(
        rgba(110,231,183,0.22),
        transparent 70%
    );

    top:-180px;
    right:-120px;

    filter:blur(30px);

    animation:glowFloat 8s ease-in-out infinite;
}

.offerings-section .container{
    position:relative;
    z-index:2;
}

.offerings-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:28px;

    margin-top:70px;
}

.offering-card{

    background:rgba(255,255,255,0.82);

    backdrop-filter:blur(12px);

    border:1px solid rgba(255,255,255,0.65);

    border-radius:30px;

    padding:42px 34px;

    min-height:340px;

    transition:0.4s ease;

    position:relative;

    overflow:hidden;

    box-shadow:
    0 15px 40px rgba(66, 85, 164, 0.08);
}

.offering-card:hover{

    transform:
    translateY(-12px);

    box-shadow:
    0 25px 60px rgba(66,85,164,0.16);
}

/* ICON */

.offering-icon{

    display:flex;

    justify-content:center;

    align-items:center;

    margin-bottom:24px;
}

.offering-icon i{

    font-size:42px;

    color:#6ee7b7;

    filter:
    drop-shadow(0 6px 18px rgba(110,231,183,0.35));
}

/* TITLE */

.offering-card h3{

    font-size:32px;

    line-height:1.2;

    font-weight:700;

    color:#185293;

    margin-bottom:12px;

    min-height:78px;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;
}

/* PARAGRAPH */

.offering-card p{

    font-size:17px;

    line-height:1.9;

    text-align:center;

    color:#5f6780;
}

/* SECTION TITLE */

.offerings-section .section-tag{

    color:#16b67f;

    font-weight:700;
}

.offerings-section h2{

    color:#08203a;

    font-size:64px;

    font-weight:800;

    margin-top:12px;
}

/* =========================
   ANIMATIONS
========================= */

@keyframes pixelBreath{

    0%{
        opacity:0.45;
        transform:scale(1);
    }

    50%{
        opacity:0.85;
        transform:scale(1.02);
    }

    100%{
        opacity:0.45;
        transform:scale(1);
    }
}

@keyframes glowFloat{

    0%{
        transform:translateY(0px);
    }

    50%{
        transform:translateY(25px);
    }

    100%{
        transform:translateY(0px);
    }
}
.offerings-section .section-tag{

    color:#16b67f;
}

.offerings-section .section-title{

    color:#ffffff;
}
/* =========================
   WHY SECTION
========================= */

/* =========================
   WHY SECTION
========================= */

.why-section{

    position:relative;

    padding:130px 0 80px;

    overflow:hidden;

    background:
    linear-gradient(
        135deg,
        #f7fbff 0%,
        #f2fff8 50%,
        #f7f3ff 100%
    );
}

/* GLOW */

.why-bg-glow{

    position:absolute;

    width:700px;
    height:700px;

    border-radius:50%;

    background:
    radial-gradient(
        rgba(110,231,183,0.18),
        transparent 70%
    );

    top:-200px;
    right:-150px;

    filter:blur(30px);
}

/* LEFT CONTENT */

.why-section h2{

    font-size:72px;

    line-height:1.05;

    font-weight:800;

    color:#08203a;

    margin-bottom:28px;
}

.why-description{

    font-size:18px;

    line-height:2;

    color:#5f6780;

    max-width:95%;
}

/* =========================
   WHY CARD
========================= */

.why-card{

    position:relative;

    height:100%;

    padding:42px 34px;

    border-radius:32px;

    overflow:hidden;

    background:
    rgba(255,255,255,0.72);

    backdrop-filter:blur(14px);

    border:1px solid rgba(255,255,255,0.65);

    box-shadow:
    0 18px 50px rgba(31,41,55,0.06);

    transition:0.45s ease;
}

/* HOVER */

.why-card:hover{

    transform:
    translateY(-12px);

    box-shadow:
    0 28px 70px rgba(24,82,147,0.12);
}

/* ANIMATED TOP BORDER */

.why-card::before{

    content:'';

    position:absolute;

    top:0;
    left:-100%;

    width:100%;
    height:4px;

    background:
    linear-gradient(
        90deg,
        #1194d4,
        #22b573,
        #6b5bce
    );

    transition:0.6s ease;
}

.why-card:hover::before{

    left:0;
}

/* ICON */

.why-icon{

    width:70px;
    height:70px;

    border-radius:22px;

    display:flex;

    justify-content:center;
    align-items:center;

    margin-bottom:24px;

    background:
    linear-gradient(
        135deg,
        rgba(17,148,212,0.12),
        rgba(34,181,115,0.12)
    );
}

.why-icon i{

    font-size:30px;

    color:#1194d4;
}

/* TITLE */

.why-card h5{

    font-size:34px;

    line-height:1.2;

    font-weight:700;

    color:#185293;

    margin-bottom:18px;
}

/* TEXT */

.why-card p{

    color:#5f6780;

    line-height:1.95;

    font-size:16px;
}

/* =========================
   MARQUEE
========================= */

.healthcare-marquee{

    position:relative;

    overflow:hidden;

    margin-top:90px;

    padding:26px 0;

    border-top:1px solid rgba(17,148,212,0.08);

    border-bottom:1px solid rgba(17,148,212,0.08);
}

/* TRACK */

.marquee-track{

    display:flex;

    width:max-content;

    gap:90px;

    animation:marqueeMove 22s linear infinite;
}

/* ITEM */

.marquee-item{

    display:flex;

    align-items:center;

    gap:18px;

    flex-shrink:0;
}

.marquee-item i{

    font-size:38px;

    color:#22b573;
}

.marquee-item span{

    font-size:62px;

    font-weight:700;

    color:#185293;

    letter-spacing:-1px;
}

/* =========================
   ANIMATIONS
========================= */

@keyframes marqueeMove{

    0%{
        transform:translateX(0);
    }

    100%{
        transform:translateX(-50%);
    }
}

/* =========================
   FOOTER
========================= */
/* =========================
   FOOTER
========================= */

.footer-section{

    background:
    linear-gradient(
        135deg,
        #f4fbff,
        #f4fff8,
        #f8f5ff
    );

    padding:90px 0 30px;
    border-top:1px solid #dbeafe;
}

    .footer-logo{
        height:120px;
        margin-top: -40px;
    }

.footer-section h5{
    color:#0b1f36;
    margin-bottom:20px;
    font-weight:700;
}

.footer-text{
    margin-top:-20px;
    line-height:1.9;
    color:#475569;
}

.footer-links{
    list-style:none;
    padding:0;
}

.footer-links li{
    margin-bottom:12px;
}

.footer-links a{
    color:#475569;
    text-decoration:none;
    transition:0.3s;
}

.footer-links a:hover{
    color:#0fa67a;
}

.footer-section p{
    color:#475569;
}

.copyright-area{
    text-align:center;
    margin-top:20px;
    color:#64748b;
}
/* =========================
   ANIMATION
========================= */

@keyframes pulse{

    0%{
        transform:translate(-50%,-50%) scale(1);
    }

    50%{
        transform:translate(-50%,-50%) scale(1.06);
    }

    100%{
        transform:translate(-50%,-50%) scale(1);
    }

}

/* =========================
   HERO GRAPHICS
========================= */

.hero-row{
    min-height:100vh;
    padding-top:120px;
}

.hero-tag{
    margin-top:10px;
}

.hero-graphic-wrapper{
    position:relative;
    height:650px;
}

.main-circle{

    position:absolute;
    width:520px;
    height:520px;

    background:
    linear-gradient(
        135deg,
        rgba(11,79,138,0.10),
        rgba(15,166,122,0.10),
        rgba(107,91,206,0.08)
    );

    border-radius:50%;

    top:50%;
    left:50%;

    transform:translate(-50%,-50%);
}

.ring-circle{

    position:absolute;

    width:420px;
    height:420px;

    border:35px solid #0b4f8a;
    border-top-color:#0fa67a;

    border-radius:50%;

    top:50%;
    left:50%;

    transform:
    translate(-50%,-50%)
    rotate(20deg);

    animation:rotateRing 12s linear infinite;
}

.center-graphic{

    position:absolute;

    width:420px;

    top:50%;
    left:50%;

    transform:translate(-50%,-50%);

    z-index:5;
}

.capsule{

    position:absolute;

    width:110px;
    height:45px;

    border-radius:50px;

    background:
    linear-gradient(
        90deg,
        #0b4f8a 50%,
        #0fa67a 50%
    );

    box-shadow:
    0 10px 30px rgba(0,0,0,0.15);

    animation:floatCapsule 5s ease-in-out infinite;
}

.capsule1{
    top:120px;
    right:80px;
    transform:rotate(35deg);
}

.capsule2{
    bottom:100px;
    left:80px;
    transform:rotate(-35deg);
}

.floating-card{

    position:absolute;

    background:#fff;

    padding:16px 28px;

    border-radius:18px;

    font-weight:700;

    color:#0b4f8a;

    box-shadow:
    0 15px 40px rgba(0,0,0,0.08);

    z-index:6;
}

.card1{
    top:170px;
    left:20px;
}

.card2{
    bottom:150px;
    right:10px;
}

/* =========================
   PARTICLES
========================= */

.particle{

    position:absolute;

    border-radius:50%;

    opacity:0.4;

    animation:floatParticle 8s infinite;
}

.p1{
    width:16px;
    height:16px;
    background:#0fa67a;
    top:20%;
    left:10%;
}

.p2{
    width:24px;
    height:24px;
    background:#6b5bce;
    top:70%;
    left:20%;
}

.p3{
    width:18px;
    height:18px;
    background:#0b4f8a;
    top:30%;
    right:12%;
}

.p4{
    width:28px;
    height:28px;
    background:#0fa67a;
    bottom:15%;
    right:18%;
}

/* =========================
   GLOBAL SECTION
========================= */

/* =========================
   GLOBAL SECTION
========================= */

.global-section{

    padding:120px 0;

    background:
    linear-gradient(
        135deg,
        #f7fbff 0%,
        #f3fff9 50%,
        #f7f3ff 100%
    );
}

.global-section .row{
    align-items:stretch !important;
}

.global-section h2{

    font-size:72px;

    line-height:1.05;

    font-weight:800;

    color:#08203a;

    margin-bottom:30px;
}

.global-section p{

    color:#5f6780;

    line-height:2;

    font-size:18px;

    margin-bottom:40px;
}

/* FEATURES */

.global-features{

    display:flex;

    flex-wrap:wrap;

    gap:18px;

    margin-top:30px;
}

.global-feature{

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    width:110px;
    height:110px;

    background:rgba(255,255,255,0.82);

    backdrop-filter:blur(10px);

    border-radius:24px;

    box-shadow:
    0 12px 30px rgba(0,0,0,0.05);

    transition:0.35s ease;

    padding:14px;
}

.global-feature:hover{

    transform:translateY(-6px);
}

.global-feature i{

    font-size:30px;

    color:#6ee7b7;

    margin-bottom:10px;

    display:block;
}

.global-feature span{

    text-align:center;

    font-size:14px;

    line-height:1.45;

    font-weight:700;

    color:#185293;
}

/* =========================
   MAP
========================= */

/* =========================
   MAP
========================= */

.map-wrapper{

    position:relative;

    height:100%;

    min-height:660px;

    border-radius:42px;

    overflow:hidden;

    background:
    linear-gradient(
        135deg,
        #eef7ff,
        #f2fff9,
        #f4f0ff
    );

    box-shadow:
    0 25px 80px rgba(27,62,117,0.08);
}

/* WORLD MAP IMAGE */

.map-wrapper::before{

    content:'';

    position:absolute;

    inset:0;

    background-image:
    url('../images/world-map.png');

    background-repeat:no-repeat;

    background-position:center;

    background-size:cover;

    opacity:1;

    z-index:1;
}

/* GLOW EFFECT */

.map-glow{

    position:absolute;

    width:540px;
    height:540px;

    border-radius:50%;

    background:
    radial-gradient(
        rgba(110,231,183,0.18),
        transparent 72%
    );

    top:50%;
    left:50%;

    transform:translate(-50%,-50%);

    filter:blur(18px);

    animation:mapGlow 6s ease-in-out infinite;

    z-index:2;
}

/* REMOVE OLD PINS */

.map-pin{
    display:none;
}

/* MAP ANIMATION */

@keyframes mapGlow{

    0%{
        transform:
        translate(-50%,-50%)
        scale(1);
    }

    50%{
        transform:
        translate(-50%,-50%)
        scale(1.08);
    }

    100%{
        transform:
        translate(-50%,-50%)
        scale(1);
    }
}
/* =========================
   MAP ANIMATIONS
========================= */

@keyframes pinPulse{

    0%{
        transform:scale(0.8);
        opacity:1;
    }

    100%{
        transform:scale(1.7);
        opacity:0;
    }
}

@keyframes mapGlow{

    0%{
        transform:
        translate(-50%,-50%)
        scale(1);
    }

    50%{
        transform:
        translate(-50%,-50%)
        scale(1.08);
    }

    100%{
        transform:
        translate(-50%,-50%)
        scale(1);
    }
}
/* =========================
   ANIMATIONS
========================= */

@keyframes rotateRing{

    from{
        transform:
        translate(-50%,-50%)
        rotate(0deg);
    }

    to{
        transform:
        translate(-50%,-50%)
        rotate(360deg);
    }

}

@keyframes floatCapsule{

    0%{
        transform:translateY(0px);
    }

    50%{
        transform:translateY(-20px);
    }

    100%{
        transform:translateY(0px);
    }

}

@keyframes floatParticle{

    0%{
        transform:translateY(0px);
    }

    50%{
        transform:translateY(-30px);
    }

    100%{
        transform:translateY(0px);
    }

}


/* =========================
   ABOUT PAGE
========================= */

.about-hero-section{

    position:relative;

    overflow:hidden;

    padding:150px 0 40px;

    background:
    linear-gradient(
        135deg,
        #f7fbff,
        #eefcff,
        #f6f2ff
    );
}

/* PATTERN */

.hero-pattern{

    position:absolute;

    inset:0;

    background-image:
    radial-gradient(
        rgba(17,148,212,0.08) 1px,
        transparent 1px
    );

    background-size:38px 38px;
}

.about-hero-section h1{

    font-size:88px;

    line-height:0.98;

    font-weight:800;

    color:#071b2d;

    letter-spacing:-3px;

    margin-bottom:30px;
}
.about-hero-section p{

    font-size:19px;

    line-height:2;

    color:#5f6780;

    max-width:650px;

    margin-bottom:42px;
}
.about-hero-image{

    position:relative;

    animation:
    floatAbout 5s ease-in-out infinite;

    width:118%;

    margin-left:-40px;
}

.about-hero-image img{

    width:100%;

    height:680px;

    object-fit:cover;

    border-radius:42px;

    box-shadow:
    0 45px 110px rgba(11,79,138,0.14);
}
/* =========================
   ABOUT CONTENT
========================= */

.about-content-section{

    padding:120px 0;
}

.about-content-section h2{

    font-size:64px;

    line-height:1.08;

    font-weight:800;

    color:#08203a;

    margin:18px 0 28px;
}

.about-content-section p{

    color:#5f6780;

    line-height:2;

    font-size:17px;

    margin-bottom:22px;
}

.about-image-card img{

    border-radius:36px;

    box-shadow:
    0 30px 80px rgba(0,0,0,0.08);
}

/* =========================
   VALUES
========================= */

.about-values-section{

    padding:120px 0;

    background:
    linear-gradient(
        135deg,
        #eef7ff,
        #f2fff8,
        #f5f1ff
    );
}

.about-values-section h2{

    font-size:64px;

    font-weight:800;

    color:#08203a;

    margin-top:12px;
}

.value-card{

    position:relative;

    height:100%;

    padding:42px 34px;

    border-radius:32px;

    background:
    rgba(255,255,255,0.72);

    backdrop-filter:blur(14px);

    border:1px solid rgba(255,255,255,0.6);

    box-shadow:
    0 18px 50px rgba(31,41,55,0.06);

    transition:0.45s ease;

    overflow:hidden;
}

.value-card:hover{

    transform:
    translateY(-10px);

    box-shadow:
    0 28px 70px rgba(24,82,147,0.12);
}

.value-card::before{

    content:'';

    position:absolute;

    top:0;
    left:-100%;

    width:100%;
    height:4px;

    background:
    linear-gradient(
        90deg,
        #1194d4,
        #22b573,
        #6b5bce
    );

    transition:0.6s ease;
}

.value-card:hover::before{

    left:0;
}

.value-icon{

    width:70px;
    height:70px;

    border-radius:22px;

    display:flex;

    justify-content:center;
    align-items:center;

    margin-bottom:24px;

    background:
    linear-gradient(
        135deg,
        rgba(17,148,212,0.12),
        rgba(34,181,115,0.12)
    );
}

.value-icon i{

    font-size:30px;

    color:#1194d4;
}

.value-card h4{

    font-size:34px;

    line-height:1.2;

    font-weight:700;

    color:#185293;

    margin-bottom:18px;
}

.value-card p{

    color:#5f6780;

    line-height:1.95;

    font-size:16px;
}

/* =========================
   VISION
========================= */

.vision-section{

    padding:120px 0;
}

.vision-section h2{

    font-size:64px;

    line-height:1.08;

    font-weight:800;

    color:#08203a;

    margin:18px 0 25px;
}

.vision-intro{

    font-size:20px;

    color:#5f6780;

    margin-bottom:25px;
}

.vision-points{

    display:flex;

    flex-direction:column;

    gap:18px;
}

.vision-point{

    display:flex;

    align-items:center;

    gap:16px;

    font-size:18px;

    font-weight:600;

    color:#185293;
}

.vision-point i{

    color:#22b573;

    font-size:22px;
}

.vision-card,
.mission-card{

    padding:40px;

    border-radius:32px;

    background:
    rgba(255,255,255,0.8);

    backdrop-filter:blur(12px);

    box-shadow:
    0 20px 60px rgba(0,0,0,0.06);

    margin-bottom:24px;

    transition:0.4s ease;
}

.vision-card:hover,
.mission-card:hover{

    transform:
    translateY(-8px);
}

.vision-card h4,
.mission-card h4{

    color:#185293;

    font-size:28px;

    font-weight:700;

    margin-bottom:18px;
}

.vision-card p,
.mission-card p{

    color:#5f6780;

    line-height:2;

    font-size:17px;
}

/* =========================
   ANIMATION
========================= */

@keyframes floatAbout{

    0%{
        transform:translateY(0px);
    }

    50%{
        transform:translateY(-18px);
    }

    100%{
        transform:translateY(0px);
    }
}

/* =========================
   WHO WE ARE MODERN
========================= */
/* =========================
   WHO WE ARE MODERN
========================= */

.who-we-are-modern{

    padding:100px 0;

    background:
    linear-gradient(
        135deg,
        #f7fbff 0%,
        #f2fbff 50%,
        #f7f4ff 100%
    );

    overflow:hidden;
}

/* ROW ALIGN */

.who-we-are-modern .row{

    align-items:center !important;
}

/* IMAGE SIDE */

.who-image-wrapper{

    position:relative;

    height:100%;

    display:flex;

    align-items:center;
}

.who-main-image{

    width:100%;

    height:720px;

    object-fit:cover;

    border-radius:42px;

    box-shadow:
    0 35px 90px rgba(11,79,138,0.12);
}

/* CONTENT SIDE */

.who-content{

    background:
    rgba(255,255,255,0.78);

    backdrop-filter:blur(12px);

    border-radius:42px;

    padding:55px 50px;

    box-shadow:
    0 20px 60px rgba(0,0,0,0.06);

    height:720px;

    display:flex;

    flex-direction:column;

    justify-content:center;
}
.who-content .section-tag{

    align-self:flex-start;

    width:auto;

    display:inline-block;
    margin-top: 20px;
    margin-bottom: 20px;
}
/* FEATURE */

.who-feature{

    display:flex;

    gap:24px;

    padding:24px 0;

    border-bottom:1px solid #e8edf5;
}

.who-feature.no-border{

    border-bottom:none;

    padding-bottom:0;
}

/* ICON */

.who-icon{

    width:82px;
    height:82px;

    min-width:82px;

    border-radius:50%;

    display:flex;

    align-items:center;
    justify-content:center;

    background:#ffffff;

    box-shadow:
    0 10px 30px rgba(0,0,0,0.06);
}

.who-icon i{

    font-size:34px;

    color:#0b4f8a;
}

/* TITLE */

.who-feature h4{

    font-size:22px !important;

    line-height:1.15;

    font-weight:700;

    color:#185293;

    margin-bottom:12px;
}

/* TEXT */

.who-feature p{

    font-size:14px;

    line-height:1.8;

    color:#5f6780;

    margin-bottom:0;
}

/* RESPONSIVE */

@media(max-width:991px){

    .who-main-image{

        height:auto;
    }

    .who-content{

        height:auto;

        padding:40px 30px;

        margin-top:30px;
    }

    .who-feature{

        gap:18px;
    }

    .who-feature h4{

        font-size:24px;
    }

    .who-feature p{

        font-size:16px;
    }

    .who-icon{

        width:68px;
        height:68px;
        min-width:68px;
    }

}

/* RESPONSIVE */

@media(max-width:991px){

    .who-content{

        margin-top:20px;
    }

    .who-feature{

        gap:18px;
    }

    .who-feature h4{

        font-size:24px;
    }

    .who-feature p{

        font-size:16px;
    }

}

/* =========================
   CONTACT PAGE
========================= */

.contact-hero-section{

    padding-top:120px;

    background:transparent;
}

/* BANNER */

.contact-banner{

    position:relative;

    height:260px;

    border-radius:36px;

    overflow:hidden;
}

.contact-banner img{

    width:100%;
    height:100%;

    object-fit:cover;
}

.contact-banner-overlay{

    position:absolute;

    inset:0;

    background:
    rgba(7,27,45,0.45);

    display:flex;

    align-items:center;
    justify-content:center;
}

.contact-banner-overlay h1{

    color:#ffffff;

    font-size:72px;

    font-weight:800;

    letter-spacing:-2px;
}

/* =========================
   INTRO
========================= */

.contact-intro-section{

    padding:110px 0 90px;

    background:#ffffff;
}

.contact-intro-section h2{

    font-size:64px;

    line-height:1.08;

    font-weight:800;

    color:#071b2d;

    margin-bottom:28px;
}

.contact-intro-section p{

    font-size:18px;

    line-height:2;

    color:#5f6780;
}

/* INFO LIST */

.contact-info-list{

    display:flex;

    flex-direction:column;

    gap:38px;
}

.contact-info-item{

    display:flex;

    align-items:flex-start;

    gap:24px;
}

.contact-icon{

    width:72px;
    height:72px;

    min-width:72px;

    border-radius:50%;

    display:flex;

    align-items:center;
    justify-content:center;

    background:#fffff;

    color:#185293;

    font-size:24px;

    box-shadow:
    0 14px 35px rgba(34,181,115,0.25);
}

.contact-info-content h5{

    font-size:30px;

    font-weight:700;

    color:#071b2d;

    margin-bottom:10px;
}

.contact-info-content p{

    margin:0;

    color:#5f6780;

    font-size:17px;

    line-height:1.9;
}

/* =========================
   FORM SECTION
========================= */

.contact-form-section{

    padding:40px 0 60px;

    background:
    linear-gradient(
        135deg,
        #eef8f3,
        #f7fbff,
        #f8f4ee
    );
}

.contact-form-wrapper{

    padding:70px;

    border-radius:42px;
}

.contact-form-section h2{

    font-size:58px;

    line-height:1.1;

    font-weight:800;

    color:#071b2d;

    margin-bottom:18px;
}

.contact-form-section p{

    color:#5f6780;

    line-height:2;

    margin-bottom:35px;
}

/* FORM */

.modern-contact-form input,
.modern-contact-form textarea{

    width:100%;

    border:none;

    outline:none;

    padding:18px 24px;

    border-radius:20px;

    background:#ffffff;

    font-size:16px;

    color:#1e293b;

    box-shadow:
    0 10px 30px rgba(0,0,0,0.04);

    transition:0.35s ease;
}

.modern-contact-form input:focus,
.modern-contact-form textarea:focus{

    box-shadow:
    0 0 0 3px rgba(17,148,212,0.12);
}

/* IMAGE */

.contact-image-card{

    position:relative;
}

.contact-image-card img{

    width:100%;

    height:620px;

    object-fit:cover;

    border-radius:36px;

    box-shadow:
    0 25px 70px rgba(0,0,0,0.10);
}

/* =========================
   MAP
========================= */

.map-section{

    position:relative;
}

.map-section iframe{

    width:100%;

    height:500px;

    border:none;
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:991px){

    .contact-banner{

        height:180px;
    }

    .contact-banner-overlay h1{

        font-size:48px;
    }

    .contact-intro-section h2{

        font-size:42px;
    }

    .contact-form-section h2{

        font-size:42px;
    }

    .contact-form-wrapper{

        padding:40px 25px;
    }

    .contact-image-card{

        margin-top:40px;
    }

    .contact-image-card img{

        height:auto;
    }

    .contact-info-item{

        gap:18px;
    }

    .contact-icon{

    width:72px;
    height:72px;

    min-width:72px;

    border-radius:50%;

    display:flex;

    align-items:center;
    justify-content:center;

    background:#edf4ff !important;

    color:#185293;

    font-size:24px;

    box-shadow:
    0 10px 30px rgba(24,82,147,0.08);
}
    .contact-info-content h5{

        font-size:24px;
    }

}

/* =========================
   R&D PAGE
========================= */

.rd-hero-section{

    position:relative;

    overflow:hidden;

    padding:150px 0 110px;

    background:
    linear-gradient(
        135deg,
        #f7fbff,
        #eefcff,
        #f6f2ff
    );
}

.rd-hero-section h1{

    font-size:78px;

    line-height:1.02;

    font-weight:800;

    color:#071b2d;

    letter-spacing:-3px;

    margin-bottom:28px;
}

.rd-hero-section p{

    font-size:20px;

    line-height:2;

    color:#5f6780;

    margin-bottom:28px;
}
.rd-hero-content{

    padding-left:90px;

    max-width:720px;
}
/* CAPABILITIES */

.rd-capabilities-section{

    position: relative;

    padding: 120px 0;

    background:
    radial-gradient(circle at top left, rgba(118, 231, 178, 0.18), transparent 35%),
    radial-gradient(circle at bottom right, rgba(24, 82, 147, 0.12), transparent 40%),
    #f4fbf8;

    overflow: hidden;
}

.rd-title{

    color:#00000;

    font-size:64px;

    font-weight:800;
}

.rd-capabilities-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;
}

.rd-card{

    background:rgba(255,255,255,0.9);

    backdrop-filter:blur(12px);

    border-radius:32px;
    text-align: center;

    padding:42px 34px;

    transition:0.4s ease;
}

.rd-card:hover{

    transform:translateY(-10px);
}

.rd-icon{

    width:74px;
    height:74px;

    border-radius:22px;

    display:flex;

    align-items:center;
    justify-content:center;

    background:
    linear-gradient(
        135deg,
        rgba(17,148,212,0.12),
        rgba(34,181,115,0.12)
    );

     margin:0 auto 24px;
}

.rd-icon i{

    font-size:30px;

    color:#63d8a1;

}

.rd-card h4{

    font-size:28px;

    line-height:1.2;

    font-weight:700;

    color:#185293;

    margin-bottom:18px;
}

.rd-card p{

    color:#5f6780;

    line-height:1.9;
}

/* FOCUS */

.rd-focus-section{

    padding:120px 0;

    background:#ffffff;
}

.rd-focus-section h2{

    font-size:64px;

    font-weight:800;

    color:#071b2d;
}

.rd-focus-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;
}

.focus-card{

    padding:40px 34px;

    border-radius:32px;

    background:#ffffff;

    border:1px solid rgba(255,140,70,0.25);

    transition:0.4s ease;

    text-align:center;
}

.focus-card:hover{

    transform:translateY(-8px);

    box-shadow:
    0 20px 50px rgba(0,0,0,0.06);
}

.focus-icon{

    width:74px;
    height:74px;

    margin:0 auto 22px;

    border-radius:50%;

    display:flex;

    align-items:center;
    justify-content:center;

     background:rgba(99,216,161,0.12);
    border:1px solid rgba(99,216,161,0.20);

    border:1px solid rgba(255,140,70,0.15);
}

.focus-icon i{

    font-size:28px;

    color:#63d8a1;

}

.focus-card h4{

    font-size:26px;

    line-height:1.3;

    font-weight:700;

    color:#071b2d;

    margin-bottom:16px;
}

.focus-card p{

    color:#5f6780;

    line-height:1.9;
}

/* COLLABORATION */

.rd-collaboration-section{

    padding:120px 0;

    background:
    linear-gradient(
        135deg,
        #eef8f3,
        #f7fbff,
        #f8f4ee
    );
}

.rd-collaboration-section h2{

    font-size:64px;

    line-height:1.08;

    font-weight:800;

    color:#071b2d;

    margin:20px 0 24px;
}

.rd-collaboration-section p{

    color:#5f6780;

    line-height:2;
}

.rd-collab-image img{

    width:100%;

    height:520px;

    object-fit:cover;

    border-radius:36px;

    box-shadow:
    0 25px 70px rgba(0,0,0,0.10);
}

/* GALLERY */
/* =========================================
   FACILITY SLIDER
========================================= */

.rnd-gallery-section{

    padding:120px 0;

    background:#ffffff;

    overflow:hidden;
}

.rnd-gallery-section .section-heading{

    text-align:center;

    margin-bottom:60px;
}

.rnd-gallery-section .section-heading h2{

    font-size:64px;

    font-weight:800;

    line-height:1.1;

    color:#071739;

    margin-top:18px;
}

.facility-slider{

    width:100%;

    overflow:hidden;

    position:relative;
}

.facility-track{

    display:flex;

    gap:28px;

    width:max-content;

    animation:facilityScroll 28s linear infinite;
}

.facility-slider:hover .facility-track{

    animation-play-state:paused;
}

.facility-slide{

    width:420px;

    height:300px;

    border-radius:32px;

    overflow:hidden;

    flex-shrink:0;

    position:relative;

    box-shadow:
    0 20px 50px rgba(7, 23, 57, 0.08);
}

.facility-slide img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:0.6s ease;
}

.facility-slide:hover img{

    transform:scale(1.08);
}

@keyframes facilityScroll{

    0%{
        transform:translateX(0);
    }

    100%{
        transform:translateX(calc(-420px * 6 - 28px * 6));
    }
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:768px){

    .rnd-gallery-section{

        padding:80px 0;
    }

    .rnd-gallery-section .section-heading h2{

        font-size:42px;
    }

    .facility-slide{

        width:300px;
        height:220px;
    }
}


.rnd-gallery-section + .healthcare-marquee{
    margin-bottom: 80px;
}

/* =========================
PRODUCTS PAGE
========================= */

.product-block-section{

    padding:120px 0;

    background:#ffffff;
}

.product-block-section.alt-bg{

    background:
    linear-gradient(
        135deg,
        #eef8f3,
        #f7fbff,
        #f8f4ee
    );
}

.product-content-card h2{

    font-size:58px;

    line-height:1.08;

    font-weight:800;

    color:#071b2d;

    margin-bottom:28px;
}

.product-list{

    list-style:none;

    padding:0;

    margin:0 0 28px;
}

.product-list li{

    display:flex;

    align-items:center;

    gap:14px;

    margin-bottom:16px;

    font-size:18px;

    color:#5f6780;

    font-weight:500;
}

.product-list li i{

    color:#63d8a1;

    font-size:18px;
}

.product-content-card p{

    color:#5f6780;

    line-height:2;

    font-size:17px;
}

.product-image-card{

    position:relative;

    overflow:hidden;

    border-radius:36px;

    box-shadow:
    0 25px 70px rgba(0,0,0,0.10);
}

.product-image-card img{

    width:100%;

    height:460px;

    object-fit:cover;

    transition:0.6s ease;
}

.product-image-card:hover img{

    transform:scale(1.06);
}

@media(max-width:991px){

    .product-block-section{

        padding:80px 0;
    }

    .product-content-card h2{

        font-size:42px;
    }

    .product-image-card img{

        height:auto;
    }
}
.rd-capabilities-section + .healthcare-marquee{
    margin-bottom: 80px !important;
}


/* =========================================
PRODUCT MODAL
========================================= */

.product-modal-overlay{
    position: fixed;
    inset: 0;
    background: rgba(4, 15, 33, 0.78);
    backdrop-filter: blur(10px);
    z-index: 999999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 40px;
}

.product-modal-overlay.active{
    display: flex;
    animation: fadeIn .35s ease;
}

.product-modal-box{
    width: 100%;
    max-width: 1400px;
    height: 88vh;
    background: #ffffff;
    border-radius: 30px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 30px 80px rgba(0,0,0,0.25);
}

.product-modal-header{
    padding: 28px 35px;
    border-bottom: 1px solid #edf2f7;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-modal-header h3{
    margin: 0;
    font-size: 34px;
    font-weight: 800;
    color: #071b3b;
}

.close-product-modal{
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: none;
    background: #f2f6fb;
    font-size: 22px;
    color: #071b3b;
    transition: .3s;
}

.close-product-modal:hover{
    background: linear-gradient(135deg,#00b894,#3f5efb);
    color: #fff;
}

.product-modal-body{
    padding: 35px;
    overflow-y: auto;
    flex: 1;
}

.product-category-block{
    margin-bottom: 60px;
}

.product-category-title{
    font-size: 32px;
    font-weight: 800;
    color: #1d4ed8;
    margin-bottom: 30px;
}

.product-sub-title{
    font-size: 24px;
    font-weight: 700;
    color: #071b3b;
    margin-bottom: 20px;
    margin-top: 40px;
}

.product-table-wrapper{
    overflow-x: auto;
    border-radius: 22px;
    border: 1px solid #edf2f7;
    margin-bottom: 35px;
}

.product-table{
    width: 100%;
    border-collapse: collapse;
}

.product-table thead{
    background: linear-gradient(135deg,#f3f8ff,#edfdf7);
}

.product-table th{
    padding: 18px 24px;
    text-align: left;
    font-size: 16px;
    font-weight: 700;
    color: #071b3b;
}

.product-table td{
    padding: 18px 24px;
    border-top: 1px solid #edf2f7;
    color: #4b587c;
    font-size: 15px;
    line-height: 1.7;
    vertical-align: top;
}

.product-table tr:hover{
    background: #f8fbff;
}

.modal-loader{
    text-align: center;
    padding: 120px 20px;
    font-size: 22px;
    font-weight: 600;
    color: #1d4ed8;
}

@keyframes fadeIn{
    from{
        opacity:0;
    }
    to{
        opacity:1;
    }
}

@media(max-width:768px){

    .product-modal-overlay{
        padding: 15px;
    }

    .product-modal-box{
        height: 94vh;
        border-radius: 20px;
    }

    .product-modal-header h3{
        font-size: 24px;
    }

    .product-category-title{
        font-size: 24px;
    }

    .product-sub-title{
        font-size: 20px;
    }

}


/* =========================================
MOBILE RESPONSIVE FIXES - HOME PAGE
========================================= */

@media(max-width:768px){

    /* =========================
       NAVBAR
    ========================= */

    .custom-navbar{

        height:82px;

        padding:0 12px;

        display:flex;
        align-items:center;
    }

    .custom-navbar .container{

        display:flex;
        align-items:center;
        justify-content:space-between;
    }

    .navbar-brand{

        display:flex;
        align-items:center;

        margin:0;
        padding:0;
    }

    .navbar-brand img{

        height:82px;

        margin-top:0;
    }

    .navbar-toggler{

        margin:0;

        display:flex;
        align-items:center;
        justify-content:center;

        height:50px;
        width:50px;
    }

    /* =========================
       HERO SECTION
    ========================= */

    .hero-section{

        padding-top:20px;
    }

    .hero-row{

        min-height:auto;

        padding-top:20px;
        padding-bottom:60px;

        text-align:center;

        align-items:center !important;
    }

    .hero-content{

        padding-top:0;
    }

    .hero-tag{

        margin-top:0;
        margin-bottom:18px;

        font-size:14px;
    }

    .hero-section h1{

        font-size:58px;

        line-height:1.02;

        letter-spacing:-2px;

        margin-bottom:22px;
    }

    .hero-section p{

        font-size:17px;

        line-height:1.9;

        max-width:100%;

        margin:0 auto;
    }

    .hero-buttons{

        margin-top:28px;
    }

    .primary-btn,
    .secondary-btn{

        width:100%;

        margin-right:0;
        margin-bottom:15px;

        padding:16px 24px;
    }

    /* =========================
       HERO GRAPHICS
    ========================= */

    .hero-medical-wrapper{

    height:600px;

    width:100%;

    transform:none;

    margin:-10px auto 0;

    display:flex;
    align-items:center;
    justify-content:center;
}
    .medical-ring{

    width:390px;
    height:390px;
}

.medical-center{

    width:285px;
    height:285px;
}

.medical-products{

    width:220px;
}

    .medical-label{

        width:82px;
        height:82px;
    }

    .medical-label span{

        font-size:12px;
    }

    .label-icon{

        font-size:18px;
    }

.api{

    top:18px;
    left:50%;

    transform:translateX(-50%);
}

.pharma{

    top:150px;
    right:-8px;
}

.nutra{

    bottom:150px;
    right:-8px;
}

.personal{

    bottom:18px;
    left:50%;

    transform:translateX(-50%);
}

.surgical{

    top:50%;
    left:-8px;

    transform:translateY(-50%);
}
.hero-content{
    margin-top:-40px !important;
}
    /* =========================
       WHY SECTION
    ========================= */

    .why-section{

        padding:80px 0 50px;
    }

    .why-section h2{

        font-size:42px;

        text-align:center;
    }

    .why-description{

        text-align:center;

        max-width:100%;
    }

    .why-card{

        text-align:center;

        padding:35px 24px;
    }

    .why-icon{

        margin:0 auto 22px;
    }

    .why-card h5{

        font-size:28px;

        margin-bottom:16px;
    }

    .why-card p{

        text-align:center;
    }

    /* =========================
       GLOBAL SECTION
    ========================= */

    .global-section{

        padding:80px 0;
    }

    .global-section h2{

        font-size:42px;

        text-align:center;
    }

    .global-section p{

        text-align:center;
    }

    .global-features{

        justify-content:center;
    }

    .map-wrapper{

        min-height:380px;

        margin-top:40px;
    }

    /* =========================
       MARQUEE
    ========================= */

    .healthcare-marquee{

        margin-top:50px;

        padding:18px 0;
    }

    .marquee-item span{

        font-size:32px;
    }

    .marquee-item i{

        font-size:24px;
    }

    /* =========================
       FOOTER
    ========================= */

    .footer-section{

        padding:50px 0 20px;
    }

    .footer-logo{

        height:90px;

        margin-top:-20px;
    }

    .footer-section .row > div{

        margin-bottom:30px;
    }

    .footer-section h5{

        margin-bottom:15px;
    }

    .copyright-area{

        margin-top:0;
    }

}
/* =========================================
FINAL MOBILE HERO FIX
========================================= */

@media(max-width:768px){

    .hero-section{
        overflow:hidden;
    }

    .hero-row{

        padding-top:0 !important;

        margin-top:-30px;

        display:flex;
        flex-direction:column;
        align-items:center !important;
        justify-content:flex-start;
    }

    .hero-content{

        margin-top:-20px !important;

        padding-top:0 !important;

        text-align:center;
    }

    .hero-medical-wrapper{

    position:relative;

    width:100%;

    height:430px !important;

    margin:40px auto -40px !important;

    left:auto !important;
    right:auto !important;

    transform:none !important;

    display:flex;
    align-items:center;
    justify-content:center;
}
    .medical-ring{

         width:330px !important;
    height:330px !important;
        
        position:absolute;

        top:50%;
        left:50%;

        transform:translate(-50%,-50%);
    }

    .medical-center{

         width:225px !important;
    height:225px !important;
    }

    .medical-products{

        width:200px !important;
    }

    .medical-label{

        width:88px;
        height:88px;
    }

    /* TOP */

    .api{

        top:22px !important;

        left:50% !important;

        transform:translateX(-50%) !important;
    }

    /* RIGHT TOP */

    .pharma{

        top:120px !important;

        right:0 !important;
    }

    /* RIGHT BOTTOM */

    .nutra{

        bottom:120px !important;

        right:0 !important;
    }

    /* BOTTOM */

    .personal{

        bottom:18px !important;

        left:50% !important;

        transform:translateX(-50%) !important;
    }

    /* LEFT */

    .surgical{

        top:50% !important;

        left:0 !important;

        transform:translateY(-50%) !important;
    }

}
/* =========================
   NAVBAR HOVER EFFECT
========================= */

.nav-menu a,
.navbar-nav .nav-link{

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR */

.nav-menu a:hover,
.navbar-nav .nav-link:hover{

    color: #1fa971 !important;
}

/* UNDERLINE EFFECT */

.nav-menu a::after,
.navbar-nav .nav-link::after{

    content: "";

    position: absolute;

    left: 0;

    bottom: -6px;

    width: 0;

    height: 2px;

    background: #1fa971;

    border-radius: 10px;

    transition: width 0.3s ease;
}

.nav-menu a:hover::after,
.navbar-nav .nav-link:hover::after{

    width: 100%;
}

/* MOBILE MENU */

@media(max-width:768px){

    .nav-menu a:hover{

        padding-left: 8px;

        color: #1fa971 !important;
    }

    .nav-menu a::after{

        display: none;
    }
}