.oip-chart {
  width: 100% !important;
  height: 300px !important;
}
.oip-interactive {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.oip-chart.oip-interactive {
  background: #fff;
  border-radius: 20px;
  min-height: 350px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.oip-interactive-left {
  width: 33.33%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.oip-interactive-right {
  width: 66.66%;
}

.oip-chart-title {
  color: #272b5c;
  font-family: var(--e-global-typography-9937965-font-family), Sans-serif;
  font-size: var(--e-global-typography-9937965-font-size);
  font-weight: var(--e-global-typography-9937965-font-weight);
  line-height: var(--e-global-typography-9937965-line-height);
  text-align: center;
  width: 250px;
}

@media (max-width: 767px) {
  .oip-interactive-left {
    width: 100%;
    justify-content: center;
  }
  .oip-interactive-right {
    width: 100%;
    margin-top: 20px;
  }
  .oip-chart {
    min-width: auto !important;
  }
}