body {
    font-family: "Poppins", sans-serif;

  }

body.bg-dark-custom {
  background-color: #111827;
  color: white;   
}

.modal-content.bg-gray-custom, header.bg-gray-custom, .section-includes.bg-gray-custom {
      background-color: #1f2937;
  }
    
.bg-dark-custom, .offcanvas.bg-dark-custom {
      background-color: #111827;
}

    .btn.btn-gradient {
      background: linear-gradient(90deg, #22c55e 0%, #3b82f6 100%);
      color: white;
      border-radius: 0.375rem;
    }

    .btn-gradient:hover {
      background: linear-gradient(90deg, #3b82f6 0%, #22c55e 100%);
      color: white;
    }

    .card-plan {
      background-color: #1f2937;
      border: 2px solid #22c55e;
      border-radius: 0.5rem;
      padding: 1.5rem;
      height: 100%;
    }

    .includes-item {
      background-color: #111827;
      border-radius: 0.5rem;
      padding: 1rem;
      height: 100%;
    }

    .footer-main {
      background-color: #0f172a;
      padding: 3rem 0 1rem 0;
    }

    .footer-bottom {
      background-color: #0e1625;
      text-align: center;
      padding: 1rem 0;
      font-size: 0.9rem;
    }

    #sidebarMenu {
      width: 280px;
      transform: translateX(100%);
      transition: transform 0.3s ease;
      z-index: 9999;
    }

    .includes-item i
    {
      font-size: 1.5rem;
    }

    .page-card { 
      background-color: #1f2937; border: 2px solid #22c55e; border-radius: 0.5rem; padding: 2rem; 
    }
    .page-card h2, .page-card h3  { 
      color: #22c55e; margin-top: 1.25rem;
     }
    .page-card a { 
      color: #3b82f6; text-decoration: underline; 
    }