* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Poppins", sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
}

:root {
  /* --TABLECOLORS: #8d6eff9c; */
  --TABLECOLORS: #000;
  --XCHANGE-THEME-COLOR: #8d6eff;
  --XCHANGE-SECONDARY-BUTTON: #111111;
  --XCHANGE_LIGHT_COLOR: #d8cdff;
  --XCHANGE-PRIMARY-LIGHT: #a68aff;
  --XCHANGE-UPDATE-ICON-COLOR: #8d6eff;
  --XCHANGE-DETAILS-ICON-COLOR: #000000;
  --XCHANGE-DELETE-ICON-COLOR: #000000;
}

.main__page__container {
  height: 100vh;
}

.fa-fa-icon-color {
  color: var(--XCHANGE-THEME-COLOR);
  font-weight: bold;
  font-size: 1.1rem !important;
}

.text__color {
  color: var(--XCHANGE-THEME-COLOR);
}

.background-radial-gradient {
  background-color: hsl(218, 41%, 15%);
  background-image: radial-gradient(
      650px circle at 0% 0%,
      hsl(218, 41%, 35%) 15%,
      hsl(218, 41%, 30%) 35%,
      hsl(218, 41%, 20%) 75%,
      hsl(218, 41%, 19%) 80%,
      transparent 100%
    ),
    radial-gradient(
      1250px circle at 100% 100%,
      hsl(218, 41%, 45%) 15%,
      hsl(218, 41%, 30%) 35%,
      hsl(218, 41%, 20%) 75%,
      hsl(218, 41%, 19%) 80%,
      transparent 100%
    );
}

#radius-shape-1 {
  height: 220px;
  width: 220px;
  top: 40px;
  left: -130px;
  background: radial-gradient(
    var(--XCHANGE-PRIMARY-LIGHT),
    var(--XCHANGE-THEME-COLOR)
  );
  overflow: hidden;
}

#radius-shape-2 {
  border-radius: 38% 62% 63% 37% / 70% 33% 67% 30%;
  bottom: -50px;
  right: -110px;
  width: 300px;
  height: 300px;
  background: radial-gradient(
    var(--XCHANGE-PRIMARY-LIGHT),
    var(--XCHANGE-THEME-COLOR)
  );
  overflow: hidden;
}

.bg-glass {
  background-color: hsla(0, 0%, 100%, 0.9) !important;
  backdrop-filter: saturate(200%) blur(25px);
}

.custom-column{
  top: -150px;
  right : -100px;
}