/* * --------------------
* ReviaCloud base CSS
* ----------------------- */

/* ===============================
        Global Variables
================================== */

:root {
  --main-color: #1c6fb8;
  --main-color-dark: #1c6fb8;
  --primary-color: #061e48;
  --secondary-color: #f4fbff;
  --text-color: #767f8a;
  --heading-color: #0f172a;
  --white-color: #ffffff;
  --error-color: rgb(230, 87, 87);

  --logo-blue: #1668f2;
  --logo-cyan: #1ba8e8;
  --logo-aqua: #18dcd4;
  --logo-dark: #262d3b;
  --logo-soft: #eef8ff;

  --main-gradient: linear-gradient(
    135deg,
    #1c6fb8 0%,
    #1668f2 32%,
    #1ba8e8 82%,
    #18dcd4 100%
  );
  --main-gradient-soft: linear-gradient(
    135deg,
    rgba(22, 104, 242, 0.1) 0%,
    rgba(27, 168, 232, 0.08) 50%,
    rgba(24, 220, 212, 0.1) 100%
  );
  --hero-glow: radial-gradient(
    circle at top left,
    rgba(22, 104, 242, 0.16) 0%,
    rgba(27, 168, 232, 0.1) 35%,
    rgba(24, 220, 212, 0.08) 60%,
    rgba(255, 255, 255, 0) 100%
  );
  --btn-gradient: linear-gradient(
    135deg,
    rgba(22, 104, 242, 0.7) 0%,
    rgba(27, 168, 232, 0.5) 50%,
    rgba(24, 220, 212, 0.6) 100%
  );

  --default-font: "Poppins", sans-serif;
  --heading-font: "Poppins", sans-serif;
}

/* ====================================
      Shared Animation
======================================= */

@keyframes scrollX {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}