@import '../../../assets/scss/variables';

.radial-rate{
  align-items: center;
  background-color: #F3F8FC;
  border-radius: 10px;
  padding: 15px;
  margin: 0;
 height: 175px;
  display: flex;

  & .content{
    & h4 {
      font-size: 1.4rem;
      line-height: 23px;
      font-weight: normal;
      color: $main-color;
      margin-bottom: -4px;
    }

    & p {
      font-size: 2.2rem;
      line-height: 40px;
      font-weight: bold;
      color: $main-color;
    }
  }


  & .radial {
    margin-left: auto;

    position: relative;
    & > div {
      transform: translateX(50px);
      //position: absolute;
      //top: -92px;
      //right: -54px;
    }

    &.negative {
      & svg {
        transform: rotateY(-180deg);

        & g.apexcharts-datalabels-group {
          transform: rotateY(180deg) translateX(25%);
          transform-origin: center;
        }
      }
    }
  }
}