:root{
      --intelium-font-family: "Poppins", "Poppins Placeholder", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
      --intelium-font-size: 40px;
      --intelium-line-height: 60px;
      --intelium-text-color: #1d1c1c;
    }

    html, body { font-family: var(--intelium-font-family); }
    h1, h2, h3, h4, h5, h6 {
      font-family: var(--intelium-font-family);
      font-weight: 700;
      line-height: var(--intelium-line-height);
      color: var(--intelium-text-color);
    }
    p { font-size: 18px; line-height: 1.7; color: var(--intelium-text-color); }

    .selection\:bg-emerald-400\/30 *::selection {
      background-color: rgb(12 32 43 / 18%)!important;
  }
    .no-scrollbar::-webkit-scrollbar { display: none; }
    .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

    .hero-gradient{
      background:
        radial-gradient(1200px 700px at 10% -10%, rgb(16 47 67 / 75%), #09171f 60%),
        radial-gradient(900px 900px at 95% 20%, rgb(16 92 185 / 20%), transparent 60%),
        radial-gradient(700px 700px at 80% 75%, rgba(16, 185, 129, 0.10), transparent 60%),
        linear-gradient(180deg, #07150e 0%, #111111 100%);
    }

    #brandsCarousel { touch-action: pan-x; }

    .bg-overlay{
      background: linear-gradient(182deg, rgba(6, 15, 17, 0.00) 4.95%, rgba(6, 15, 17, 0.12) 18.22%, rgb(6 15 17 / 31%) 30.57%, #060f11f7 63.72%);
      height: 500px;
      display: block;
      width: 100%;
      z-index: 1 !important;
      position: absolute;
      margin-bottom: -65px;
    }

    canvas{
      display: block;
      width: 800px;
      height: 600px;
      background-color: transparent;
      margin: 0;
      transform: translateY(150px);
      position: absolute;
    }

    span.font-extralight.mobile {font-size: 28px;    line-height: 0 !important;}

    .list-disc {
        list-style-type: disc;
        font-size: 18px;
    }
    @media (max-width: 768px){
      .py-32 { padding-top: 4rem !important; padding-bottom: 4rem !important; }
      .py-44 { padding-top: 6rem !important; padding-bottom: 6rem !important; }
      .gap-44 { gap: 4rem !important; }
      .gap-40 { gap: 0rem !important; }
      .py-24 { padding-top: 4rem !important; padding-bottom: 4rem !important; }

      .mobile {
        font-size: 22px!important;
        padding: 0px !important;
      }

        span.font-extralight.mobile {font-size: 22px!important;    line-height: 0 !important;}
      }

      .text-\[40px\] {
          font-size: 32px!important;
      }
      .gap-10 {
        gap: 1rem!important;
      }
      .gap-6 {
          gap: .5rem;
      }
      #services > div > div.grid.gap-10.md\:grid-cols-2.items-start.mb-20 {
        margin-bottom: 25px;
      }
      .bg-\[\#eff0f233\] {
          background-color: #eff0f2b0!important;
      }

      #home > div.max-w-\[1320px\].mx-auto.w-full.px-6.pb-20.z-10 > div > h1 > span {
        font-size:32px!important;
      }

      .snap-start {
          scroll-snap-align: start;
          max-width: 23rem !important;
      }
      #cobe {
        top: -116px!important;
        left: 0%!important;
      }
    }