.index .about-us svg {
  width: calc(428 * var(--basePC));
  height: calc(243 * var(--basePC));
  transform: translate(calc(-114 * var(--basePC)), calc(-148 * var(--basePC)));
}
.index .policy svg {
  width: calc(424 * var(--basePC));
  height: calc(298 * var(--basePC));
  transform: translate(calc(-111 * var(--basePC)), calc(-154 * var(--basePC)));
}
.index .events svg {
  width: calc(424 * var(--basePC));
  height: calc(262 * var(--basePC));
  transform: translate(calc(-87 * var(--basePC)), calc(-4 * var(--basePC)));
}
.index .news svg {
  width: calc(424 * var(--basePC));
  height: calc(230 * var(--basePC));
  transform: translate(calc(-94 * var(--basePC)), calc(5.5 * var(--basePC)));
}

@media (max-width: 768px){
  .index .about-us svg {
    width: calc(438 * var(--basePC));
    height: calc(242* var(--basePC));
    transform: translate(calc(-120 * var(--basePC)), calc(-143 * var(--basePC)));
  }
   .index .events svg {
    transform: translate(calc(-100 * var(--basePC)), 0px);
    width: calc(360 * var(--basePC));
    height: calc(265 * var(--basePC));
    transform: translate(calc(-54 * var(--basePC)), calc(0 * var(--basePC)));
  }
  .index .policy svg {
    width: calc(426 * var(--basePC));
    height: calc(298 * var(--basePC));
    transform: translate(calc(-110 * var(--basePC)), calc(149 * var(--basePC)));
  }
   .index .news svg {
      width: calc(406 * var(--basePC));
      height: calc(230 * var(--basePC));
      transform: translate(calc(-85 * var(--basePC)), calc(0* var(--basePC)));
  }
}