:root {
    /* Gradient colors */
    --gradient-primary: linear-gradient(135deg, var(--bs-primary) 0%, var(--bs-secondary) 100%);
    --gradient-secondary: linear-gradient(45deg, var(--bs-light), var(--bs-warning));
  
    /* Typography and spacing */
    --heading-size: clamp(2rem, 5vw, 2.5rem);
    --lead-size: clamp(1rem, 3vw, 1.25rem);
    --btn-padding-x: 2.5rem;
    --btn-padding-y: 1.5rem;
  }
  
  /* Global Styles */
  .gradient-text {
    background: var(--gradient-secondary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  
  /* Price Card Hover */
  .price-card {
    transition: transform 0.3s ease;
  }
  .price-card:hover {
    transform: scale(1.03);
  }
  
  


  
  /* Pricing Section */
  #pricing {
    background: #f8f9fa;
    padding: 4rem 0;
  }
  #pricing h2 {
    font-size: var(--heading-size);
  }
  #pricing p.lead {
    font-size: var(--lead-size);
  }
  .pricing-card {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    overflow: hidden;
  }
  .pricing-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  }
  .pricing-card ul {
    padding: 0;
    list-style: none;
  }
  .pricing-card li {
    margin-bottom: 0.75rem;
    font-size: 0.95rem;
  }
  .pricing-card small {
    display: block;
    margin-bottom: 1rem;
    color: #6c757d;
  }
  
  /* Tab Navigation Styles */
  .nav-tabs .nav-link {
    font-weight: 600;
    padding: 0.75rem 1.5rem;
    border: none;
    border-bottom: 2px solid transparent;
    transition: border-color 0.3s ease, color 0.3s ease;
  }
  .nav-tabs .nav-link.active {
    border-color: var(--bs-primary);
    color: var(--bs-primary);
  }
  .nav-tabs .nav-link:hover {
    color: var(--bs-primary);
  }
  
  /* Empower Section */
  #empower {
    background: linear-gradient(135deg, #ffffff, #f8f9fa);
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  #empower h2 {
    font-size: var(--heading-size);
  }
  #empower p.lead {
    font-size: var(--lead-size);
  }
  .feature-item {
    transition: transform 0.3s ease, opacity 0.3s ease;
  }
  .feature-item:hover {
    transform: translateX(5px);
    opacity: 0.9;
  }
  #empower a.btn {
    padding: var(--btn-padding-y) var(--btn-padding-x);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  #empower a.btn:hover {
    transform: scale(1.03);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  }
  
  /* Responsive Adjustments */
  @media (max-width: 767.98px) {
    #empower {
      padding-top: 3rem;
      padding-bottom: 3rem;
    }
    .feature-item {
      font-size: 0.95rem;
    }
    #pricing {
      padding: 3rem 1rem;
    }
    .pricing-card {
      margin-bottom: 1.5rem;
    }
  }
  
    /* Call-to-Action Section Styles */
    .cta-section {
        background: var(--gradient-primary);
        position: relative;
        overflow: hidden;
        padding-top: 4rem;
        padding-bottom: 4rem;
      }
      .cta-section .container {
        position: relative;
        z-index: 2;
      }
      .cta-section .gradient-text {
        font-size: clamp(2rem, 5vw, 3rem);
      }
      .cta-section p.lead {
        font-size: clamp(1rem, 3vw, 1.5rem);
      }
      .cta-section a.btn {
        background: #fff;
        color: var(--bs-primary);
        font-weight: 600;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
      }
      .cta-section a.btn:hover {
        transform: scale(1.05);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
      }
      .parallax-bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        opacity: 0.15;
        z-index: 1;
      }
      @media (max-width: 767.98px) {
        .cta-section {
          padding-top: 3rem;
          padding-bottom: 3rem;
        }
      }