plz, make this codes (<!-- Doctor Profile Section -->
<style>
    :root {
        --c-gradient: linear-gradient(135deg, #D1C287, #4F3F02);
        --c-gray: #4a4a4a;
        --c-light-gray: #f5f5f5;
        --c-white: #ffffff;
        --c-text-light: #d9d9d9;
        --c-bg-primary: rgba(43, 43, 43, 0.5); /* #2b2b2b with 0.5 opacity */
        --c-text-primary: #ffffff;
        --c-gold: #D1C287;
        --c-accent: #4F3F02;
        --f-primary: 'Poppins', sans-serif;
        --s-border-radius: 12px;
        --transition-speed: 0.3s;
        --container-max-width: 1200px;
        --fade-in-duration: 0.6s;
        --section-padding: 20px 0px; /* Added default padding */
    }

    /* Doctor Profile Container */
    .doctor-profile-container {
        max-width: var(--container-max-width);
        margin: 0 auto;
        padding: var(--section-padding);
    }

    /* Profile Card */
    .doctor-profile-card {
        display: flex;
        flex-direction: column;
        align-items: center;
        background: var(--c-bg-primary);
        backdrop-filter: blur(10px);
        border-radius: var(--s-border-radius);
        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
        overflow: hidden;
        transition: transform var(--transition-speed), box-shadow var(--transition-speed);
    }

    .doctor-profile-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 16px 40px rgba(0, 0, 0, 0.2);
    }

    /* Profile Image */
    .doctor-profile-image {
        width: 100%;
        max-width: 300px;
        height: auto;
        object-fit: cover;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: var(--s-border-radius);
    }

    /* Profile Content */
    .doctor-profile-content {
        padding: 20px;
        text-align: center;
    }

    .doctor-name {
        font-family: var(--f-primary);
        font-size: 2rem;
        font-weight: 700;
        background: var(--c-gradient);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        color: transparent;
        margin-bottom: 10px;
    }

    .doctor-title {
        font-family: var(--f-primary);
        font-size: 1.25rem;
        font-weight: 600;
        color: var(--c-gold);
        margin-bottom: 20px;
    }

    .doctor-bio {
        font-family: var(--f-primary);
        font-size: 1rem;
        font-weight: 400;
        color: var(--c-text-light);
        line-height: 1.6;
        margin-bottom: 20px;
    }

    /* Appointment Button */
    .appointment-button {
        display: inline-block;
        background: var(--c-gradient);
        color: #0a0a0a;
        padding: 12px 24px;
        border-radius: 4px;
        font-family: var(--f-primary);
        font-size: 1rem;
        font-weight: 600;
        text-transform: uppercase;
        text-decoration: none;
        cursor: pointer;
        transition: all var(--transition-speed) ease;
    }

    .appointment-button:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 6px rgba(209, 194, 135, 0.25);
        opacity: 0.9;
    }

    /* Social Media Icons */
    .social-media-icons {
        margin-top: 20px;
        display: flex;
        justify-content: center;
        gap: 20px;
    }

    .social-media-icons a {
        color: var(--c-gold);
        font-size: 1.5rem;
        transition: color var(--transition-speed);
    }

    .social-media-icons a:hover {
        color: var(--c-accent);
    }

    /* Responsive Design */
    @media (min-width: 768px) {
        .doctor-profile-card {
            flex-direction: row;
            text-align: left;
        }

        .doctor-profile-image {
            border-radius: var(--s-border-radius) 0 0 var(--s-border-radius);
            width: 40%;
            max-width: none;
            height: 100%;
        }

        .doctor-profile-content {
            width: 60%;
            padding: 40px;
        }

        .doctor-name {
            font-size: 2.5rem;
        }

        .doctor-title {
            font-size: 1.5rem;
        }

        .doctor-bio {
            font-size: 1.1rem;
        }

        .appointment-button {
            font-size: 1.1rem;
            padding: 14px 28px;
        }
    }

    @media (min-width: 1024px) {
        .doctor-name {
            font-size: 3rem;
        }

        .doctor-title {
            font-size: 1.75rem;
        }

        .doctor-bio {
            font-size: 1.2rem;
        }

        .appointment-button {
            font-size: 1.2rem;
            padding: 16px 32px;
        }
    }
</style>

<section id="doctor-profile" class="doctor-profile-container">
    <div class="doctor-profile-card">
        <!-- Profile Image -->
        <img 
            src="https://longevacare.com/wp-content/uploads/2024/08/Dr.-Engy-Shahbander.jpg" 
            alt="Dr. Engy Shahbander, Chief Executive Officer at Longeva Care" 
            class="doctor-profile-image"
        />
        <!-- Profile Content -->
        <div class="doctor-profile-content">
            <h1 class="doctor-name">Dr. Engy Shahbander</h1>
            <h2 class="doctor-title">Chief Executive Officer</h2>
            <p class="doctor-bio">
                Dr. Shahbander is the co-founder and CEO of Longeva, a medical center focused on delivering innovative healthcare solutions.
            </p>
            <p class="doctor-bio">
                She earned her bachelor’s degree in Neuropsychology from the University of California, San Diego, before pursuing medical studies at the University of Sint Eustatius.
            </p>
            <p class="doctor-bio">
                Driven by a passion for addressing the root causes of disease, Dr. Shahbander assembled a strong medical team and developed integrated protocols that emphasize holistic, patient-centered care.
            </p>
            <p class="doctor-bio">
                Her approach centers on understanding disease mechanisms at the cellular level, which also informs her teaching philosophy.
            </p>
            <p class="doctor-bio">
                Dr. Shahbander is committed to training medical students and healthcare professionals to think critically, connect concepts, and understand the science behind symptoms and diseases, fostering a deeper and more effective approach to healthcare.
            </p>
            <!-- Appointment Button -->
            <a 
                href="https://info.longevacare.com/appointment/public_appointment.php" 
                class="appointment-button" 
                target="_blank" 
                rel="noopener noreferrer">
                Schedule an Appointment
            </a>
            <!-- Social Media Icons -->
            <div class="social-media-icons">
                <a href=<PRESIDIO_ANONYMIZED_URL> target="_blank" rel="noopener noreferrer" aria-label="LinkedIn">
                    <i class="fab fa-linkedin"></i>
                </a>
                <a href="https://twitter.com/drengyshahbander" target="_blank" rel="noopener noreferrer" aria-label="Twitter">
                    <i class="fab fa-twitter"></i>
                </a>
                <a href="https://www.facebook.com/drengyshahbander" target="_blank" rel="noopener noreferrer" aria-label="Facebook">
                    <i class="fab fa-facebook"></i>
                </a>
            </div>
        </div>
    </div>
    <!-- Structured Data for SEO -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Person",
      "name": "Dr. Engy Shahbander",
      "jobTitle": "Chief Executive Officer",
      "image": "https://longevacare.com/wp-content/uploads/2024/08/Dr.-Engy-Shahbander.jpg",
      "description": "Dr. Engy Shahbander is the co-founder and CEO of Longeva, a medical center focused on delivering innovative healthcare solutions. She holds a bachelor’s degree in Neuropsychology from the University of California, San Diego, and pursued medical studies at the University of Sint Eustatius. Dr. Shahbander is passionate about addressing the root causes of disease through holistic, patient-centered care.",
      "url": "https://longevacare.com/doctor-profile/dr-engy-shahbander",
      "sameAs": [
        <PRESIDIO_ANONYMIZED_URL>,
        "https://twitter.com/drengyshahbander",
        "https://www.facebook.com/drengyshahbander"
      ],
      "alumniOf": [
        {
          "@type": "EducationalOrganization",
          "name": "University of California, San Diego"
        },
        {
          "@type": "EducationalOrganization",
          "name": "University of Sint Eustatius"
        }
      ],
      "worksFor": {
        "@type": "Organization",
        "name": "Longeva Care",
        "url": "https://longevacare.com"
      }
    }
    </script>
</section>) better and amazing codes, and remove shadow background and add more feautres and make the image profile looks great and , and add sentecnes on left and the image on the right and add more features and desig and make it repsoineve design