.chart-section {
 /* background-color: black; */
 width: 100%;
 background-image: url('../image/chart-bg.png');
 background-repeat: no-repeat;
 background-position: 0 100%;
}

.chart-section .about-right {
 gap: 30px 85px;
}

@media (max-width:1366px) {
 .chart-section .about-right {
  gap: 30px 45px;
 }
}

@media (max-width:991px) {
 .chart-section .about-right {
  flex-direction: column-reverse;
  gap: 30px;
 }

 .chart-a {
  padding-right: 15px;
 }

 .chart-b {
  padding-left: 15px;
 }

 .chart-section .prefix {
  display: flex;
  align-items: center;
  justify-content: center;
 }

 .chart-section .about-info-down {
  justify-content: center;
 }

 .chart-section .about-info {
  text-align: center;
 }

}

@media (max-width:767px) {
 .about-right {
  flex-direction: column-reverse;
  gap: 30px;
 }

 .chart-a {
  padding-right: 0px;
 }

 .chart-b {
  padding-left: 0px;
 }
}