in this codes (<style>
.lv-container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 1.5rem 0.875rem;
}

.lv-packages-section {
    position: relative;
    overflow: hidden;
    padding: 2rem 0;
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
}

.lv-packages-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: -50%;
    width: 200%;
    height: 100%;
    background: linear-gradient(45deg, rgba(0, 57, 96, 0.03) 0%, transparent 60%);
    z-index: 0;
    animation: gradientMove 20s infinite linear;
}

@keyframes gradientMove {
    0% { transform: translateX(0) rotate(0deg); }
    100% { transform: translateX(50%) rotate(5deg); }
}

.lv-section-header {
    text-align: center;
    margin-bottom: 3rem;
    position: relative;
}

.lv-section-title {
    font-size: 2.75rem;
    font-weight: 700;
    color: #003960;
    margin-bottom: 0.75rem;
    position: relative;
    display: inline-block;
    letter-spacing: -0.02em;
}

.lv-section-title::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #003960 0%, rgba(0, 57, 96, 0.5) 100%);
    border-radius: 4px;
}

.lv-packages-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1.5rem;
    padding: 0.5rem;
    position: relative;
    z-index: 1;
}

.lv-package-card {
    background: #003960;
    border-radius: 12px;
    padding: 1.25rem;
    padding-bottom: 3rem;  /* Increased to make room for the number */
    position: relative;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    cursor: pointer;
    backdrop-filter: blur(8px);
}

.lv-package-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at top right, rgba(255,255,255,0.12) 0%, transparent 60%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.lv-package-card:hover {
    transform: translateY(-6px) scale(1.01);
    box-shadow: 0 16px 32px rgba(0, 57, 96, 0.12),
                0 4px 8px rgba(0, 57, 96, 0.06);
}

.lv-package-card:hover::before {
    opacity: 1;
}

.lv-package-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.25rem;
    position: relative;
}

.lv-package-number {
    font-size: 0.875rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.7);
    position: absolute;
    bottom: -7rem;  /* Changed from top to bottom */
    right: 0;      /* Changed to right positioning */
    background: rgba(255, 255, 255, 0.1);
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    letter-spacing: 0.5px;
}

.lv-package-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #ffffff;
    margin-right: 1.5rem;
    line-height: 1.4;
    letter-spacing: -0.01em;
}

.lv-package-icon {
    width: 24px;
    height: 24px;
    transition: all 0.3s ease;
    opacity: 0.8;
}

.lv-package-card:hover .lv-package-icon {
    transform: rotate(45deg) scale(1.1);
    opacity: 1;
}

.lv-package-description {
    font-size: 0.9375rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 0.75rem;
}

.lv-package-link {
    text-decoration: none;
    display: block;
    position: relative;
    background: linear-gradient(150deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0) 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
}

.lv-package-link::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 0;
    height: 2px;
    background: rgba(255, 255, 255, 0.4);
    transition: width 0.3s ease;
}

.lv-package-card:hover .lv-package-link::after {
    width: 100%;
}

.lv-package-card::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 60%);
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity 0.6s ease;
}

.lv-package-card:hover::after {
    opacity: 0.1;
}

@media (max-width: 1024px) {
    .lv-section-title {
        font-size: 2.25rem;
    }
    
    .lv-packages-grid {
        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
        gap: 1.25rem;
    }
}

@media (max-width: 768px) {
    .lv-section-title {
        font-size: 2rem;
    }

    .lv-package-title {
        font-size: 1.125rem;
    }

    .lv-package-description {
        font-size: 0.875rem;
    }
}

@media (max-width: 480px) {
    .lv-container {
        padding: 0.75rem 0.5rem;
    }

    .lv-section-title {
        font-size: 1.75rem;
    }

    .lv-packages-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .lv-package-title {
        font-size: 1.0625rem;
    }

    .lv-package-description {
        font-size: 0.8125rem;
    }

    .lv-package-card {
        padding: 1rem;
        padding-bottom: 2.75rem;  /* Adjusted for mobile */
    }
}</style>
<div class="lv-container">
  <section class="lv-packages-section">
    <div class="lv-section-header">
      <h2 class="lv-section-title">Integrakare Packages</h2>
    </div>
    <div class="lv-packages-grid">
      <!-- Package 1 -->
      <div class="lv-package-card">
        <div class="lv-package-header">
          <span class="lv-package-number">01</span>
          <h3 class="lv-package-title">The Diagnostics</h3>
          <img src="https://longevacare.com/wp-content/uploads/2024/08/open_new_page-1.svg" alt="Open New Page Icon" class="lv-package-icon">
        </div>
        <p class="lv-package-description">Comprehensive diagnostic solutions for optimal health assessment</p>
      </div>

      <!-- Package 2 -->
      <div class="lv-package-card">
        <div class="lv-package-header">
          <span class="lv-package-number">02</span>
          <h3 class="lv-package-title">Age Reversal & Skin Enhancement</h3>
          <img src="https://longevacare.com/wp-content/uploads/2024/08/open_new_page-1.svg" alt="Open New Page Icon" class="lv-package-icon">
        </div>
        <p class="lv-package-description">Advanced treatments for youthful, radiant skin</p>
      </div>

      <!-- Package 3 -->
      <div class="lv-package-card">
        <div class="lv-package-header">
          <span class="lv-package-number">03</span>
          <h3 class="lv-package-title">Non-Surgical Lifting & Feature Enhancement</h3>
          <img src="https://longevacare.com/wp-content/uploads/2024/08/open_new_page-1.svg" alt="Open New Page Icon" class="lv-package-icon">
        </div>
        <p class="lv-package-description">Advanced non-invasive aesthetic treatments for natural enhancement</p>
      </div>

      <!-- Package 4 -->
      <div class="lv-package-card">
        <div class="lv-package-header">
          <span class="lv-package-number">04</span>
          <h3 class="lv-package-title">Neuropsychiatry</h3>
          <img src="https://longevacare.com/wp-content/uploads/2024/08/open_new_page-1.svg" alt="Open New Page Icon" class="lv-package-icon">
        </div>
        <p class="lv-package-description">Comprehensive mental health and neurological care solutions</p>
      </div>

      <!-- Package 5 -->
      <div class="lv-package-card">
        <div class="lv-package-header">
          <span class="lv-package-number">05</span>
          <h3 class="lv-package-title">Reversal of Autoimmune Diseases</h3>
          <img src="https://longevacare.com/wp-content/uploads/2024/08/open_new_page-1.svg" alt="Open New Page Icon" class="lv-package-icon">
        </div>
        <p class="lv-package-description">Innovative approaches to autoimmune disease management</p>
      </div>

      <!-- Package 6 -->
      <div class="lv-package-card">
        <div class="lv-package-header">
          <span class="lv-package-number">06</span>
          <h3 class="lv-package-title">Reversal of Fibromyalgia</h3>
          <img src="https://longevacare.com/wp-content/uploads/2024/08/open_new_page-1.svg" alt="Open New Page Icon" class="lv-package-icon">
        </div>
        <p class="lv-package-description">Specialized treatment for fibromyalgia symptom management</p>
      </div>

      <!-- Package 7 -->
      <div class="lv-package-card">
        <div class="lv-package-header">
          <span class="lv-package-number">07</span>
          <h3 class="lv-package-title">Reversal of Diabetes</h3>
          <img src="https://longevacare.com/wp-content/uploads/2024/08/open_new_page-1.svg" alt="Open New Page Icon" class="lv-package-icon">
        </div>
        <p class="lv-package-description">Comprehensive diabetes management and lifestyle intervention</p>
      </div>

      <!-- Package 8 -->
      <div class="lv-package-card">
        <div class="lv-package-header">
          <span class="lv-package-number">08</span>
          <h3 class="lv-package-title">Reversal of Obesity</h3>
          <img src="https://longevacare.com/wp-content/uploads/2024/08/open_new_page-1.svg" alt="Open New Page Icon" class="lv-package-icon">
        </div>
        <p class="lv-package-description">Sustainable weight management and lifestyle transformation</p>
      </div>

      <!-- Package 9 -->
      <div class="lv-package-card">
        <div class="lv-package-header">
          <span class="lv-package-number">09</span>
          <h3 class="lv-package-title">Reversal of Hypertension</h3>
          <img src="https://longevacare.com/wp-content/uploads/2024/08/open_new_page-1.svg" alt="Open New Page Icon" class="lv-package-icon">
        </div>
        <p class="lv-package-description">Advanced blood pressure management and cardiovascular health</p>
      </div>

      <!-- Package 10 -->
      <div class="lv-package-card">
        <div class="lv-package-header">
          <span class="lv-package-number">10</span>
          <h3 class="lv-package-title">Reversal of Parkinson's</h3>
          <img src="https://longevacare.com/wp-content/uploads/2024/08/open_new_page-1.svg" alt="Open New Page Icon" class="lv-package-icon">
        </div>
        <p class="lv-package-description">Innovative Parkinson's disease management strategies</p>
      </div>

      <!-- Package 11 -->
      <div class="lv-package-card">
        <div class="lv-package-header">
          <span class="lv-package-number">11</span>
          <h3 class="lv-package-title">Reversal of Alzheimer's</h3>
          <img src="https://longevacare.com/wp-content/uploads/2024/08/open_new_page-1.svg" alt="Open New Page Icon" class="lv-package-icon">
        </div>
        <p class="lv-package-description">Comprehensive cognitive health and memory care solutions</p>
      </div>

      <!-- Package 12 -->
      <div class="lv-package-card">
        <div class="lv-package-header">
          <span class="lv-package-number">12</span>
          <h3 class="lv-package-title">Menopause Reversal</h3>
          <img src="https://longevacare.com/wp-content/uploads/2024/08/open_new_page-1.svg" alt="Open New Page Icon" class="lv-package-icon">
        </div>
        <p class="lv-package-description">Specialized hormone management and menopause care</p>
      </div>
    </div>
  </section>
</div>) remove (          <img src="https://longevacare.com/wp-content/uploads/2024/08/open_new_page-1.svg" alt="Open New Page Icon" class="lv-package-icon">
) and make the codes looks great and make it cool design and dont' change the styles colors but makei ltter chnage and type full codes and don't add html and head tags