.crm-hero {
        background: linear-gradient(135deg, #384bff, #0d133a);
        color: #fff;
        text-align: center;
        padding: 120px 20px 100px;
        background-image: url("https://img.freepik.com/free-vector/business-people-analyzing-growth-chart_23-2148865343.jpg");
        background-size: cover;
        background-position: center;
        position: relative;
      }

      .crm-hero::after {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(12, 16, 50, 0.7);
      }

      .crm-hero .container {
        position: relative;
        z-index: 2;
      }

      .crm-hero h1 {
        font-size: 2.8rem;
        font-weight: 700;
        margin-bottom: 15px;
      }

      .crm-hero p {
        font-size: 1.1rem;
        color: #d0d8ff;
        max-width: 700px;
        margin: 0 auto;
      }

      /* ===== ABOUT SECTION ===== */
      .crm-about {
        background: #f7f9ff;
        padding: 90px 0;
      }

      .crm-about h2 {
        color: #0d133a;
        font-weight: 700;
        margin-bottom: 20px;
      }

      .crm-about p {
        color: #555;
        line-height: 1.7;
        margin-bottom: 15px;
      }

      .crm-about img {
        width: 100%;
        border-radius: 15px;
        box-shadow: 0 12px 30px rgba(56, 75, 255, 0.25);
        transition: 0.4s;
      }

      .crm-about img:hover {
        transform: scale(1.05);
      }

      .theme-btn {
        display: inline-block;
        background: #384bff;
        color: #fff;
        padding: 12px 28px;
        border-radius: 30px;
        text-decoration: none;
        font-weight: 600;
        transition: 0.3s;
      }

      .theme-btn:hover {
        background: #1f2aff;
        transform: translateY(-3px);
      }

      /* ===== FEATURE SECTION ===== */
      .crm-features {
        background: #ffffff;
        padding: 100px 0;
        text-align: center;
      }

      .crm-features h2 {
        color: #0d133a;
        font-weight: 700;
        margin-bottom: 20px;
      }

      .crm-features p {
        color: #555;
        max-width: 700px;
        margin: 0 auto 50px;
      }

      .crm-card {
        background: linear-gradient(145deg, #f0f3ff, #ffffff);
        border-radius: 18px;
        padding: 35px 25px;
        transition: all 0.4s ease;
        box-shadow: 0 6px 20px rgba(56, 75, 255, 0.15);
        min-height: 230px;
        position: relative;
      }

      .crm-card i {
        font-size: 45px;
        color: #384bff;
        margin-bottom: 15px;
        transition: 0.3s;
      }

      .crm-card h5 {
        color: #0d133a;
        font-weight: 600;
        margin-bottom: 10px;
      }

      .crm-card p {
        color: #555;
        font-size: 14px;
        line-height: 1.6;
      }

      .crm-card:hover {
        transform: translateY(-8px);
        background: linear-gradient(145deg, #384bff, #1f2aff);
        color: #fff;
      }

      .crm-card:hover i {
        color: #fff;
        transform: scale(1.1);
      }

      .crm-card:hover h5,
      .crm-card:hover p {
        color: #fff;
      }

      /* ===== CTA SECTION ===== */
      .crm-cta {
        background: linear-gradient(135deg, #384bff, #0d133a);
        color: #fff;
        padding: 80px 20px;
        text-align: center;
      }

      .crm-cta h2 {
        font-weight: 700;
        margin-bottom: 20px;
      }

      .crm-cta p {
        color: #d4dcff;
        max-width: 650px;
        margin: 0 auto 30px;
      }