@font-face {
  font-family: 'MuovertiFont';

  src: url('muoverti_medium.woff2') format('woff2') /* Super Modern Browsers */
}

@font-face {
  font-family: 'MuovertiHeavy';

  src: url('muoverti_heavy.woff2') format('woff2') /* Super Modern Browsers */
}

body {
  font-family: "MuovertiFont", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.body-bg {
  background: #F3F4FA !important;
}

h1, h2, h3, h4, h5, h6, strong {
  font-weight: 600;
}

.box .apexcharts-xaxistooltip {
  background: #1B213B;
  color: #fff;
}

.content-area {
  max-width: 1280px;
  margin: 0 auto;
}

.box {
  background-color: #262D47;
  padding: 25px 25px;
  border-radius: 4px;
}

.columnbox {
  padding-right: 15px;
}

.radialbox {
  max-height: 333px;
  margin-bottom: 60px;
}

.garden {
  position: relative;
  width: 200px;
  height: 200px;
  border: 5px solid #CCC;
  border-radius: 10px;
}

.ball {
  position: absolute;
  top: 90px;
  left: 90px;
  width: 20px;
  height: 20px;
  background: green;
  border-radius: 100%;
}