<!DOCTYPE html>
<html lang="zxx">

<head>
    <!-- Meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="author" content="BailsSoft">

    <!-- Page Title -->
    <title>Home | Oncogen Pharma</title>
    <?php include __DIR__ . '/include/head-assets.php'; ?>
</head>

<body>
<?php include 'include/header.php'; ?>

    <!-- Hero Section Start -->
    <div class="hero hero-video">
        <!-- Video Start -->
        <div class="hero-bg-video">
            <!-- Selfhosted Video Start -->
            <!-- <video autoplay muted loop id="myVideo"><source src="images/hero-bg-video.mp4" type="video/mp4"></video> -->
            <video muted loop playsinline preload="none" id="myVideo">
                <source src="video/about-oncogen-pharma.mp4" type="video/mp4">
            </video>

            <!-- Selfhosted Video End -->

            <!-- Youtube Video Start -->
            <!-- <div id="herovideo" class="player" data-property="{videoURL:'74DWwSxsVSs',containment:'.hero-video', showControls:false, autoPlay:true, loop:true, vol:0, mute:false, startAt:0,  stopAt:296, opacity:1, addRaster:true, quality:'large', optimizeDisplay:true}"></div> -->
            <!-- Youtube Video End -->
        </div>
        <!-- Video End -->
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <!-- Hero Content Start -->
                    <div class="hero-content">
                        <!-- Section Title Start -->
                        <div class="section-title">
                            <h1 class="text-anime-style-2" data-cursor="-opaque">Your Trusted National Partner in Cancer Care</h1>
                            <!-- <p class="wow fadeInUp" data-wow-delay="0.2s">Oncogen Pharma delivers high-quality, affordable cancer medicines through advanced research and world-class manufacturing — bringing hope and better outcomes to patients everywhere.</p> -->
                        </div>
                        <!-- Section Title End -->

                        <!-- Hero Content Body Start -->
                        <!-- <div class="hero-body wow fadeInUp" data-wow-delay="0.4s">
                            
                            <div class="hero-btn">
                                <a href="#" class="btn-default">About Oncogen</a>
                            </div>
                           
                        </div> -->
                        <!-- Hero Content Body End -->
                    </div>
                    <!-- Hero Content End -->
                </div>
            </div>
        </div>


    </div>
    <!-- Hero Section End -->

    <!-- About Us Section Start -->
    <div class="about-us">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <!-- Who We Are Image Start -->
                    <div class="who-we-are-image">
                        <figure>
                            <img src="images/who-we-are-image.png" alt="Oncogen Pharma manufacturing and oncology care" width="600" height="600" fetchpriority="high" decoding="async">
                        </figure>
                    </div>
                    <!-- Who We Are Image End -->
                </div>

                <div class="col-lg-6">
                    <!-- About Us Content Start -->
                    <div class="about-us-content">
                        <!-- Section Title Start -->
                        <div class="section-title">
                            <h3 class="wow fadeInUp">DEDICATED TO NATIONAL HEALTHCARE EXCELLENCE</h3>
                            <h2 class="text-anime-style-2" data-cursor="-opaque">Advancing National Healthcare Through Quality and Clinical Trust</span></h2>
                            <P class="wow fadeInUp" data-wow-delay="0.2s">At Oncogen Pharma, we are committed to strengthening Pakistan's cancer care landscape through the local manufacturing of high-quality oncology medicines. Every day, thousands of patients across the country benefit from our treatments, reflecting our dedication to improving access to specialized cancer care while upholding the highest standards of quality, safety, and reliability.</P>
                        </div>
                        <!-- Section Title End -->

                        <!-- About Content Body Start -->
                        <div class="about-content-body">
                            <!-- About Benefit Item Start -->
                            <div class="about-benefit-item wow fadeInUp" data-wow-delay="0.4s">
                                <div class="icon-box">
                                    <img src="images/atom-icon.png" alt="" loading="lazy" decoding="async">
                                </div>
                                <div class="about-benefit-item-content">
                                    <h3>Driving Oncology Forward</h3>
                                    <p>At Oncogen Pharma, we are committed to strengthening Pakistan's cancer care landscape through the local manufacturing of high-quality oncology medicines. Every day, thousands of patients across the country benefit from our treatments, reflecting our dedication to improving access to specialized cancer care while upholding the highest standards of quality, safety, and reliability.</p>
                                </div>
                            </div>
                            <!-- About Benefit Item End -->

                            <!-- About Benefit Item Start -->
                            <div class="about-benefit-item wow fadeInUp" data-wow-delay="0.6s">
                                <div class="icon-box">
                                    <img src="images/shield-icon.png" alt="" loading="lazy" decoding="async">
                                </div>
                                <div class="about-benefit-item-content">
                                    <h3>Data-Driven Confidence</h3>
                                    <p>Our foundation is built on rigorous product studies and an unwavering commitment to manufacturing standards that healthcare providers across the country can confidently rely on.</p>
                                </div>
                            </div>
                            <!-- About Benefit Item End -->
                        </div>
                        <!-- About Content Body End -->

                        <!-- About Content Button Start -->
                        <div class="about-content-btn wow fadeInUp" data-wow-delay="0.8s">
                            <a href="who-we-are" class="btn-default">more about us</a>
                        </div>
                        <!-- About Content Button End -->
                    </div>
                    <!-- About Us Content End -->
                </div>
            </div>
        </div>
    </div>
    <!-- About Us Section End -->
	
	
	<!-- Our Services Section Start -->
    <div class="our-services" id="what-we-do">
        <div class="container">
            <div class="row">				
                <div class="col-lg-6 col-md-6">
                    <!-- Service Item Start -->
                    <div class="service-item wow fadeInUp">
					   <div class="service-header">
						<div class="icon-box">
							<img src="images/vision-icon.png" alt="" loading="lazy" decoding="async">
						</div>
					   </div>
                        <!-- Service Content Start -->
                        <div class="service-content">
                            <h3><a href="#">Our Vision</a></h3>
                            <p>Transforming Cancer Care with Quality, Affordability & Sustainability.</p>
                        </div>
                        <!-- Service Content End -->
                    </div>
                    <!-- Service Item End -->
                </div>
				
				<div class="col-lg-6 col-md-6">
                    <!-- Service Item Start -->
                    <div class="service-item wow fadeInUp">
					   <div class="service-header">
						<div class="icon-box">
							<img src="images/mission-icon.png" alt="" loading="lazy" decoding="async">
						</div>
					   </div>
                        <!-- Service Content Start -->
                        <div class="service-content">
                            <h3><a href="#">Our Mission</a></h3>
                            <p>Our mission is to bridge the gap in healthcare access by manufacturing high-quality, affordable, and sustainable generic medicines in Pakistan. With a dedicated team and a commitment to global standards, we aim to make essential treatments accessible to underdeveloped countries and improve quality of life.</p>
                        </div>
                        <!-- Service Content End -->
                    </div>
                    <!-- Service Item End -->
                </div>
            </div>
            </div>
        </div>
    </div>
    <!-- Our Services Section End -->
	
    <!--
    <div class="our-approach">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <div class="our-approach-content">
                        <div class="section-title">
                            <h3 class="wow fadeInUp">Mission • Vision • Values</h3>
                            <h2 class="text-anime-style-2" data-cursor="-opaque">Transforming Lives <br><span>Through Care & Science</span></h2>
                        </div>


                        <div class="our-approach-body">
                            <div class="mission-vision-item wow fadeInUp" data-wow-delay="0.2s">
                                <h3>our mission</h3>
                                <p>To promote holistic well-being by guiding individuals on journey of self-discovery inner peace throug yoga, meditation.</p>
                            </div>


                            <div class="mission-vision-item wow fadeInUp" data-wow-delay="0.4s">
                                <h3>our vision</h3>
                                <p>To promote holistic well-being by guiding individuals on journey of self-discovery inner peace throug yoga, meditation.</p>
                            </div>

                            <div class="mission-vision-item wow fadeInUp" data-wow-delay="0.6s">
                                <h3>our goals</h3>
                                <p>To promote holistic well-being by guiding individuals on journey of self-discovery inner peace throug yoga, meditation.</p>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="col-lg-6">
                    <div class="our-approach-image">
                        <div class="our-approach-img-1">
                            <figure class="image-anime">
                                <img src="images/about-img-01.png" alt="" loading="lazy" decoding="async">
                            </figure>
                        </div>

                        <div class="our-approach-img-2">
                            <figure class="image-anime">
                                <img src="images/about-img-02.png" alt="" loading="lazy" decoding="async">
                            </figure>
                        </div>

                        <div class="approach-explore-more-circle">
                            <a href="contact.html">
                                <img src="images/explore-more-circle.png" alt="" loading="lazy" decoding="async">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Our Approach Section End -->

    <!-- Leadership Messages Section Start -->
    <section class="road-ahead-messages-section">
        <div class="container">
            <div class="section-title road-ahead-messages-heading">
                <h3 class="wow fadeInUp">Leadership Messages</h3>
                <h2 class="wow fadeInUp" data-wow-delay="0.1s">Guiding our <span>commitment</span></h2>
                <p class="wow fadeInUp" data-wow-delay="0.2s">Our leadership team shares a shared commitment to quality oncology manufacturing, responsible growth, and broader access to essential cancer therapies.</p>
            </div>

            <div class="road-ahead-message-list">
                <!-- MD Message Block Start -->
                <div class="road-ahead-message-row" data-cursor="-opaque">
                    <div class="road-ahead-message-unit">
                        <div class="row g-0 align-items-lg-center">
                            <div class="col-lg-6 order-lg-1 order-2">
                                <article class="road-ahead-message-block">
                                    <span class="road-ahead-message-mark" aria-hidden="true">&ldquo;</span>
                                    <p>In oncology, the consequences of manufacturing failure are borne not by a company but by a patient. It is that truth which defines every standard we set and every decision we make on the manufacturing floor</p>
                                    <div class="road-ahead-message-meta">
                                        <span class="road-ahead-message-name">JUNAID YOUSUF</span>
                                        <span class="road-ahead-message-role">Managing Director</span>
                                    </div>
                                    <a href="the-road-ahead" class="btn-default road-ahead-message-read-more">Read More</a>
                                </article>
                            </div>
                            <div class="col-lg-6 order-lg-2 order-1">
                                <div class="road-ahead-message-visual">
                                    <figure>
                                        <img src="images/md-inside.webp" alt="Managing Director of Oncogen Pharma" width="340" height="453" loading="lazy" decoding="async">
                                    </figure>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- MD Message Block End -->

                <!-- GM-Commercial Message Block Start -->
                <div class="road-ahead-message-row road-ahead-message-row--reverse" data-cursor="-opaque">
                    <div class="road-ahead-message-unit">
                        <div class="row g-0 align-items-lg-center">
                            <div class="col-lg-6 order-lg-2 order-2">
                                <article class="road-ahead-message-block">
                                    <span class="road-ahead-message-mark" aria-hidden="true">&ldquo;</span>
                                    <p>Developing an effective medicine is only the first step. Its real impact begins when it reaches the patients who need it most. Our mission is to bridge the gap between medical innovation and patient access, ensuring that quality treatment can make a meaningful difference in real world lives.</p>
                                    <div class="road-ahead-message-meta">
                                        <span class="road-ahead-message-name">IFTIKHAR HUSSAIN</span>
                                        <span class="road-ahead-message-role">GM Commercial</span>
                                    </div>
                                    <a href="the-road-ahead" class="btn-default road-ahead-message-read-more">Read More</a>
                                </article>
                            </div>
                            <div class="col-lg-6 order-lg-1 order-1">
                                <div class="road-ahead-message-visual">
                                    <figure>
                                        <img src="images/gm-inside.webp" alt="GM-Commercial of Oncogen Pharma" width="340" height="453" loading="lazy" decoding="async">
                                    </figure>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- GM-Commercial Message Block End -->
            </div>
        </div>
    </section>
    <!-- Leadership Messages Section End -->

	
	<!-- Page Team Start -->
	<div class="page-team" id="therapeutics">
		<div class="container">

			<div class="row section-row align-items-center">
				<div class="col-lg-6">
					<div class="section-title">
						<h3 class="wow fadeInUp">Advancing Cancer Treatment Through <br> Quality Oncology Medicines</h3>
						<h1 class="text-anime-style-2" data-cursor="-opaque">
							Our Product <span>Portfolio</span>
						</h1>
					</div>
				</div>

				<div class="col-lg-6">
					<div class="section-btn wow fadeInUp" data-wow-delay="0.2s">
						<a href="target-therapies" class="btn-default">Explore More Products</a>
					</div>
				</div>
			</div>

			<!-- ===== SLIDER START ===== -->
			<div class="product-slider-wrapper">
				<div class="swiper-button-prev"></div>

				<div class="swiper myProductSlider">
					<div class="swiper-wrapper">

						<div class="swiper-slide">
							<div class="team-item product-slide-card wow fadeInUp">
								<div class="team-image">
                                    <a href="target-therapies#product-abytiga">
										<figure class="image-anime">
											<img src="images/target therapies/abytiga-packshot.png" alt="Abytiga 500mg" class="product-strength-image" width="280" height="320" loading="eager" decoding="async">
										</figure>
									</a>
								</div>
								<div class="team-content">
									<h2><a href="target-therapies#product-abytiga">Abytiga</a></h2>
									<div class="product-strength-selector" role="group" aria-label="Abytiga strengths">
										<button type="button" class="product-strength-option is-active" data-strength="500mg" data-image="images/target therapies/abytiga-500.png" data-alt="Abytiga 500mg" aria-pressed="true">500mg</button>
										<button type="button" class="product-strength-option" data-strength="250mg" data-image="images/target therapies/abytiga.png" data-alt="Abytiga 250mg" aria-pressed="false">250mg</button>
									</div>
								</div>
							</div>
						</div>

						<div class="swiper-slide">
							<div class="team-item product-slide-card wow fadeInUp">
								<div class="team-image">
                                    <a href="target-therapies#product-imatigliv">
										<figure class="image-anime">
											<img src="images/target therapies/imatigliv-packshot.png" alt="Imatigliv 400mg" class="product-strength-image" width="280" height="320" loading="eager" decoding="async">
										</figure>
									</a>
								</div>
								<div class="team-content">
									<h2><a href="target-therapies#product-imatigliv">Imatigliv</a></h2>
									<div class="product-strength-selector" role="group" aria-label="Imatigliv strengths">
										<button type="button" class="product-strength-option is-active" data-strength="400mg" data-image="images/target therapies/imatigliv-400.png" data-alt="Imatigliv 400mg" aria-pressed="true">400mg</button>
										<button type="button" class="product-strength-option" data-strength="100mg" data-image="images/target therapies/imatigliv-100.png" data-alt="Imatigliv 100mg" aria-pressed="false">100mg</button>
									</div>
								</div>
							</div>
						</div>

						<div class="swiper-slide">
							<div class="team-item product-slide-card wow fadeInUp">
								<div class="team-image">
                                    <a href="target-therapies#product-oncolib">
										<figure class="image-anime">
											<img src="images/target therapies/oncolib-green.png" alt="Oncolib 125mg" class="product-strength-image" width="280" height="320" loading="eager" decoding="async">
										</figure>
									</a>
								</div>
								<div class="team-content">
									<h2><a href="target-therapies#product-oncolib">Oncolib</a></h2>
									<div class="product-strength-selector" role="group" aria-label="Oncolib strengths">
										<button type="button" class="product-strength-option is-active" data-strength="125mg" data-image="images/target therapies/oncolib-green.png" data-alt="Oncolib 125mg" aria-pressed="true">125mg</button>
										<button type="button" class="product-strength-option" data-strength="100mg" data-image="images/target therapies/oncolib-green.png" data-alt="Oncolib 100mg" aria-pressed="false">100mg</button>
										<button type="button" class="product-strength-option" data-strength="75mg" data-image="images/target therapies/oncolib-green.png" data-alt="Oncolib 75mg" aria-pressed="false">75mg</button>
									</div>
								</div>
							</div>
						</div>

						<div class="swiper-slide">
							<div class="team-item product-slide-card wow fadeInUp">
								<div class="team-image">
                                    <a href="chemotherapies#product-pectibine">
										<figure class="image-anime">
											<img src="images/chemotherapies/pectibine-green.png" alt="Pectibine 500mg" class="product-strength-image" width="280" height="320" loading="eager" decoding="async">
										</figure>
									</a>
								</div>
								<div class="team-content">
									<h2><a href="chemotherapies#product-pectibine">Pectibine</a></h2>
									<div class="product-strength-selector product-strength-selector--single" role="group" aria-label="Pectibine strengths">
										<button type="button" class="product-strength-option is-active" data-strength="500mg" aria-pressed="true">500mg</button>
									</div>
								</div>
							</div>
						</div>

						<div class="swiper-slide">
							<div class="team-item product-slide-card wow fadeInUp">
								<div class="team-image">
                                    <a href="target-therapies#product-jaklitinib">
										<figure class="image-anime">
											<img src="images/target therapies/jaklitinib-green.png" alt="Jaklitinib 15mg" class="product-strength-image" width="280" height="320" loading="eager" decoding="async">
										</figure>
									</a>
								</div>
								<div class="team-content">
									<h2><a href="target-therapies#product-jaklitinib">Jaklitinib</a></h2>
									<div class="product-strength-selector" role="group" aria-label="Jaklitinib strengths">
										<button type="button" class="product-strength-option is-active" data-strength="15mg" data-image="images/target therapies/jaklitinib-green.png" data-alt="Jaklitinib 15mg" aria-pressed="true">15mg</button>
										<button type="button" class="product-strength-option" data-strength="5mg" data-image="images/target therapies/jaklitinib-green.png" data-alt="Jaklitinib 5mg" aria-pressed="false">5mg</button>
									</div>
								</div>
							</div>
						</div>

						<div class="swiper-slide">
							<div class="team-item product-slide-card wow fadeInUp">
								<div class="team-image">
                                    <a href="target-therapies#product-nilosigna">
										<figure class="image-anime">
											<img src="images/target therapies/nilosigna.png" alt="Nilosigna 200mg" class="product-strength-image" width="280" height="320" loading="eager" decoding="async">
										</figure>
									</a>
								</div>
								<div class="team-content">
									<h2><a href="target-therapies#product-nilosigna">Nilosigna</a></h2>
									<div class="product-strength-selector" role="group" aria-label="Nilosigna strengths">
										<button type="button" class="product-strength-option is-active" data-strength="200mg" data-image="images/target therapies/nilosigna.png" data-alt="Nilosigna 200mg" aria-pressed="true">200mg</button>
										<button type="button" class="product-strength-option" data-strength="150mg" data-image="images/target therapies/nilosigna.png" data-alt="Nilosigna 150mg" aria-pressed="false">150mg</button>
									</div>
								</div>
							</div>
						</div>

						<div class="swiper-slide">
							<div class="team-item product-slide-card wow fadeInUp">
								<div class="team-image">
                                    <a href="target-therapies#product-pazorene">
										<figure class="image-anime">
											<img src="images/target therapies/pazorene-green.png" alt="Pazorene 400mg" class="product-strength-image" width="280" height="320" loading="eager" decoding="async">
										</figure>
									</a>
								</div>
								<div class="team-content">
									<h2><a href="target-therapies#product-pazorene">Pazorene</a></h2>
									<div class="product-strength-selector" role="group" aria-label="Pazorene strengths">
										<button type="button" class="product-strength-option is-active" data-strength="400mg" data-image="images/target therapies/pazorene-green.png" data-alt="Pazorene 400mg" aria-pressed="true">400mg</button>
										<button type="button" class="product-strength-option" data-strength="200mg" data-image="images/target therapies/pazorene-green.png" data-alt="Pazorene 200mg" aria-pressed="false">200mg</button>
									</div>
								</div>
							</div>
						</div>

                        <div class="swiper-slide">
							<div class="team-item product-slide-card wow fadeInUp">
								<div class="team-image">
                                    <a href="target-therapies#product-lemiryl">
										<figure class="image-anime">
											<img src="images/target therapies/lemiryl.png" alt="Lemiryl 25mg" class="product-strength-image" width="280" height="320" loading="eager" decoding="async">
										</figure>
									</a>
								</div>
								<div class="team-content">
									<h2><a href="target-therapies#product-lemiryl">Lemiryl</a></h2>
									<div class="product-strength-selector" role="group" aria-label="Lemiryl strengths">
										<button type="button" class="product-strength-option is-active" data-strength="25mg" data-image="images/target therapies/lemiryl.png" data-alt="Lemiryl 25mg" aria-pressed="true">25mg</button>
										<button type="button" class="product-strength-option" data-strength="10mg" data-image="images/target therapies/lemiryl.png" data-alt="Lemiryl 10mg" aria-pressed="false">10mg</button>
										<button type="button" class="product-strength-option" data-strength="5mg" data-image="images/target therapies/lemiryl.png" data-alt="Lemiryl 5mg" aria-pressed="false">5mg</button>
									</div>
								</div>
							</div>
						</div>

                        <div class="swiper-slide">
							<div class="team-item product-slide-card wow fadeInUp">
								<div class="team-image">
                                    <a href="target-therapies#product-osivant">
										<figure class="image-anime">
											<img src="images/target therapies/osivant-green.png" alt="Osivant 80mg" class="product-strength-image" width="280" height="320" loading="eager" decoding="async">
										</figure>
									</a>
								</div>
								<div class="team-content">
									<h2><a href="target-therapies#product-osivant">Osivant</a></h2>
									<div class="product-strength-selector product-strength-selector--single" role="group" aria-label="Osivant strengths">
										<button type="button" class="product-strength-option is-active" data-strength="80mg" aria-pressed="true">80mg</button>
									</div>
								</div>
							</div>
						</div>

                        <div class="swiper-slide">
							<div class="team-item product-slide-card wow fadeInUp">
								<div class="team-image">
                                    <a href="target-therapies#product-lenvagen">
										<figure class="image-anime">
											<img src="images/target therapies/lenvagen-packshot.png" alt="Lenvagen 10mg" class="product-strength-image" width="280" height="320" loading="eager" decoding="async">
										</figure>
									</a>
								</div>
								<div class="team-content">
									<h2><a href="target-therapies#product-lenvagen">Lenvagen</a></h2>
									<div class="product-strength-selector" role="group" aria-label="Lenvagen strengths">
										<button type="button" class="product-strength-option is-active" data-strength="10mg" data-image="images/target therapies/lenvagen.png" data-alt="Lenvagen 10mg" aria-pressed="true">10mg</button>
										<button type="button" class="product-strength-option" data-strength="4mg" data-image="images/target therapies/lenvagen.png" data-alt="Lenvagen 4mg" aria-pressed="false">4mg</button>
									</div>
								</div>
							</div>
						</div>

                        <div class="swiper-slide">
							<div class="team-item product-slide-card wow fadeInUp">
								<div class="team-image">
                                    <a href="chemotherapies#product-doxetran">
										<figure class="image-anime">
											<img src="images/chemotherapies/doxetran-green.png" alt="Doxetran 50mg/25mL" class="product-strength-image" width="280" height="320" loading="eager" decoding="async">
										</figure>
									</a>
								</div>
								<div class="team-content">
									<h2><a href="chemotherapies#product-doxetran">Doxetran</a></h2>
									<div class="product-strength-selector" role="group" aria-label="Doxetran strengths">
										<button type="button" class="product-strength-option is-active" data-strength="50mg/25mL" aria-pressed="true">50mg/25mL</button>
										<button type="button" class="product-strength-option" data-strength="10mg/5mL" aria-pressed="false">10mg/5mL</button>
									</div>
								</div>
							</div>
						</div>

                        <div class="swiper-slide">
							<div class="team-item product-slide-card wow fadeInUp">
								<div class="team-image">
                                    <a href="chemotherapies#product-doxiant">
										<figure class="image-anime">
											<img src="images/chemotherapies/doxiant-green.png" alt="Doxient 80mg/4mL" class="product-strength-image" width="280" height="320" loading="eager" decoding="async">
										</figure>
									</a>
								</div>
								<div class="team-content">
									<h2><a href="chemotherapies#product-doxiant">Doxiant</a></h2>
									<div class="product-strength-selector" role="group" aria-label="Doxient strengths">
										<button type="button" class="product-strength-option is-active" data-strength="80mg/4mL" aria-pressed="true">80mg/4mL</button>
										<button type="button" class="product-strength-option" data-strength="20mg/mL" aria-pressed="false">20mg/mL</button>
									</div>
								</div>
							</div>
						</div>

                        <div class="swiper-slide">
							<div class="team-item product-slide-card wow fadeInUp">
								<div class="team-image">
                                    <a href="chemotherapies#product-pacnogen">
										<figure class="image-anime">
											<img src="images/chemotherapies/pacnogen-green.png" alt="Pacnogen 300mg/50mL" class="product-strength-image" width="280" height="320" loading="eager" decoding="async">
										</figure>
									</a>
								</div>
								<div class="team-content">
									<h2><a href="chemotherapies#product-pacnogen">Pacnogen</a></h2>
									<div class="product-strength-selector" role="group" aria-label="Pacnogen strengths">
										<button type="button" class="product-strength-option is-active" data-strength="300mg/50mL" aria-pressed="true">300mg/50mL</button>
										<button type="button" class="product-strength-option" data-strength="150mg/25mL" aria-pressed="false">150mg/25mL</button>
										<button type="button" class="product-strength-option" data-strength="30mg/5mL" aria-pressed="false">30mg/5mL</button>
									</div>
								</div>
							</div>
						</div>

					</div>
				</div>

				<div class="swiper-button-next"></div>
			</div>
			<!-- ===== SLIDER END ===== -->

		</div>
	</div>
	<!-- Page Team End -->
	


        <!-- Page Pricing Start -->
        <div class="page-pricing" id="road-ahead">
            <div class="container">
                <div class="row section-row align-items-center">
                    <div class="col-lg-6">
                        <div class="section-title">
                            <h3 class="wow fadeInUp">Stories &amp; Moments that Matter</h3>
                            <h1 class="text-anime-style-2" data-cursor="-opaque">
                                Insights and <span>Events</span>
                            </h1>
                        </div>
                    </div>

                    <div class="col-lg-6">
                        <div class="section-btn wow fadeInUp" data-wow-delay="0.2s">
                            <a href="media" class="btn-default">View Events</a>
                        </div>
                    </div>
                </div>
                <?php
                    $homeMediaEvents = require __DIR__ . '/include/media-events-data.php';
                    $homeMediaEvents = array_slice($homeMediaEvents, 0, 3);
                ?>
                <div class="row">
                    <?php foreach ($homeMediaEvents as $index => $event): ?>
                    <?php
                        $delay = $index > 0 ? min($index * 0.2, 0.4) : 0;
                        $delayAttr = $delay > 0 ? ' data-wow-delay="' . htmlspecialchars((string)$delay, ENT_QUOTES, 'UTF-8') . 's"' : '';
                    ?>
                    <div class="col-lg-4 col-md-6">
                        <!-- Media Event Item Start -->
                        <div class="media-event-card wow fadeInUp"<?php echo $delayAttr; ?>>
                            <div class="media-event-image">
                                <figure class="image-anime">
                                    <img src="<?php echo htmlspecialchars($event['image'], ENT_QUOTES, 'UTF-8'); ?>" width="405" height="315" alt="<?php echo htmlspecialchars($event['image_alt'], ENT_QUOTES, 'UTF-8'); ?>" loading="lazy" decoding="async">
                                </figure>
                            </div>
                            <div class="media-event-content">
                                <h3><?php echo htmlspecialchars($event['title'], ENT_QUOTES, 'UTF-8'); ?></h3>
                            </div>
                            <div class="media-event-overlay">
                                <div class="media-event-overlay-content">
                                    <h3><?php echo htmlspecialchars($event['title'], ENT_QUOTES, 'UTF-8'); ?></h3>
                                    <a href="<?php echo htmlspecialchars($event['link'], ENT_QUOTES, 'UTF-8'); ?>" class="btn-default"><?php echo htmlspecialchars($event['button'], ENT_QUOTES, 'UTF-8'); ?></a>
                                </div>
                            </div>
                        </div>
                        <!-- Media Event Item End -->
                    </div>
                    <?php endforeach; ?>
                </div>
            </div>
        </div>
        <!-- Page Pricing End -->

        <!-- What We Do Section Start -->
        <div class="what-we-do">
            <div class="container">
                <div class="row section-row align-items-center">
                    <div class="col-lg-6">
                        <div class="section-title">
                            
                            <h1 class="text-anime-style-2 careers-heading" data-cursor="-opaque">Careers at <span>Oncogen</span></h1>
                        </div>
                    </div>
                </div>
                <div class="row align-items-center">
                    <div class="col-lg-12 order-3">
                        <!-- What We Benefits Box Start -->
                        <div class="what-we-benefits-box">
                            <!-- What We Benefits List Start -->
                            <div class="what-we-benefits-list">
                                <!-- What We Item Start -->
                                <div class="what-we-item wow fadeInUp">
                                    <div class="what-we-item-content">
                                        <h3>Shape the Future of Patient Care</h3>
                                        <h3 style="color: #f25832; font-size: 50px;">Join Our Impactful Team</h3>
                                        <p>At Oncogen, every role contributes to a shared mission: improving access to quality cancer treatment and advancing patient care. Join a collaborative team where your expertise is valued, your growth is supported, and your work makes a meaningful difference.</p>
                                    </div>
                                </div>
                                <div class="pricing-btn">
                                    <a href="career" class="btn-default">Apply Now</a>
                                </div>
                                <!-- What We Item End -->
                            </div>
                            <!-- What We Benefits List End -->

                            <!-- What We Benefits Image Start -->
                            <div class="what-we-benefit-image">
                                <figure class="image-anime">
                                    <img src="images/career-image.png" alt="" loading="lazy" decoding="async">
                                </figure>
                            </div>
                            <!-- What We Benefits Image End -->
                        </div>
                        <!-- What We Benefits Box End -->
                    </div>
                </div>
            </div>
        </div>
        <!-- What We Do Section End -->



        <!-- Page Contact Us Start -->
        <div class="page-contact-us" id="contact-us">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6">
                        <!-- Contect Us Content Start -->
                        <div class="contact-us-content">
                            <!-- Section Title Start -->
                            <div class="section-title">
                                <h3 class="wow fadeInUp">call us</h3>
                                <h2 class="text-anime-style-2" data-cursor="-opaque">Get in Touch</h2>
                                <p class="wow fadeInUp" data-wow-delay="0.2s"> Have questions? Fill out the form below, or use our location, phone, or email to reach us—we’ll get back to you promptly.</p>
                            </div>
                            <!-- Section Title End -->

                            <!-- Contact Info List Start -->
                            <div class="contact-info-list">
                                <!-- Contact Info Item Start -->
                                <div class="contact-info-item wow fadeInUp">
                                    <!-- Icon Box Start -->
                                    <div class="icon-box">
                                        <i class="fa-solid fa-phone fa-lg text-white" aria-hidden="true"></i>
                                    </div>
                                    <!-- Icon Box End -->

                                    <!-- Contact Item Content Start -->
                                    <div class="contact-item-content">
                                        <h3>call us</h3>
                                        <p><a href="tel:+922138899090">(021) 38899090</a></p>
                                    </div>
                                    <!-- Contact Item Content End -->
                                </div>
                                <!-- Contact Info Item End -->

                                <!-- Contact Info Item Start -->
                                <div class="contact-info-item wow fadeInUp" data-wow-delay="0.2s">
                                    <!-- Icon Box Start -->
                                    <div class="icon-box">
                                        <img src="images/icon-mail.svg" alt="" loading="lazy" decoding="async">
                                    </div>
                                    <!-- Icon Box End -->

                                    <!-- Contact Item Content Start -->
                                    <div class="contact-item-content">
                                        <h3>email us</h3>
                                        <p><a href="mailto:<?php echo htmlspecialchars($siteContactEmail, ENT_QUOTES, 'UTF-8'); ?>"><?php echo htmlspecialchars($siteContactEmail, ENT_QUOTES, 'UTF-8'); ?></a></p>
                                    </div>
                                    <!-- Contact Item Content End -->
                                </div>
                                <!-- Contact Info Item End -->

                                <!-- Contact Info Item Start -->
                                <div class="contact-info-item wow fadeInUp" data-wow-delay="0.4s">
                                    <!-- Icon Box Start -->
                                    <div class="icon-box">
                                        <img src="images/icon-location.svg" alt="" loading="lazy" decoding="async">
                                    </div>
                                    <!-- Icon Box End -->

                                    <!-- Contact Item Content Start -->
                                    <div class="contact-item-content">
                                        <h3>location</h3>
                                        <p>Plot Nos. WH 26 & 27-A3, Korangi Creek Industrial Park KCIP, Karachi, Karachi City, Sindh 75190</p>
                                    </div>
                                    <!-- Contact Item Content End -->
                                </div>
                                <!-- Contact Info Item End -->

                            </div>
                            <!-- Contact Info List End -->

                        </div>
                        <!-- Contect Us Content End -->
                    </div>

                    <div class="col-lg-6">
                        <!-- Contact Us Form Section Start -->
                        <div class="contact-us-form">
                            <!-- Section Title Start -->
                            <div class="section-title">
                                <h2 class="text-anime-style-2" data-cursor="-opaque"><span>We’re Here to Help</span></h2>
                            </div>
                            <!-- Section Title End -->

                            <!-- Contact Form Start -->
                            <div class="contact-form">
                                <form id="contactForm" action="#" method="POST" data-toggle="validator" class="wow fadeInUp" data-wow-delay="0.2s">
                                    <div class="row">
                                        <div class="form-group col-md-6 mb-4">
                                            <input type="text" name="fname" class="form-control" id="fname" placeholder="First name" required>
                                            <div class="help-block with-errors"></div>
                                        </div>

                                        <div class="form-group col-md-6 mb-4">
                                            <input type="text" name="lname" class="form-control" id="lname" placeholder="Last name" required>
                                            <div class="help-block with-errors"></div>
                                        </div>

                                        <div class="form-group col-md-6 mb-4">
                                            <input type="email" name="email" class="form-control" id="email" placeholder="E-mail" required>
                                            <div class="help-block with-errors"></div>
                                        </div>

                                        <div class="form-group col-md-6 mb-4">
                                            <input type="text" name="phone" class="form-control" id="phone" placeholder="Phone" required>
                                            <div class="help-block with-errors"></div>
                                        </div>

                                        <div class="form-group col-md-12 mb-5">
                                            <textarea name="message" class="form-control" id="message" rows="3" placeholder="Write Message..."></textarea>
                                            <div class="help-block with-errors"></div>
                                        </div>

                                        <div class="col-md-12">
                                            <button type="submit" class="btn-default">Send your message!</button>
                                            <div id="msgSubmit" class="h3 hidden"></div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <!-- Contact Form End -->
                        </div>
                        <!-- Contact Us Form Section End -->
                    </div>
                </div>
            </div>
        </div>
        <!-- Page Contact Us End -->

<?php include 'include/footer.php'; ?>
