.circles-graphic-hover {
  position: relative;
  padding-bottom: 100%; }
  .circles-graphic-hover svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain; }
  .circles-graphic-hover .path3,
  .circles-graphic-hover .path5,
  .circles-graphic-hover .path6 {
    cursor: default;
    position: relative;
    z-index: 5;
    fill: #f5f8fa !important; }
  .circles-graphic-hover .path1 {
    fill: #e0e7c8 !important;
    transition: fill .3s; }
    .circles-graphic-hover .path1.same-page, .circles-graphic-hover .path1.path-hover {
      fill: #99b047 !important; }
  .circles-graphic-hover .path2 {
    fill: #bbecee !important;
    transition: fill .3s; }
    .circles-graphic-hover .path2.same-page, .circles-graphic-hover .path2.path-hover {
      fill: #0fc2c4 !important; }
  .circles-graphic-hover .path4 {
    fill: #d7d7eb !important;
    transition: fill .3s; }
    .circles-graphic-hover .path4.same-page, .circles-graphic-hover .path4.path-hover {
      fill: #7c7bbe !important; }
  .circles-graphic-hover .path7 {
    fill: #ffffff !important;
    transition: fill .3s; }
  .circles-graphic-hover .path8 {
    fill: #fefdfd !important;
    transition: fill .3s; }
    .circles-graphic-hover .path8.same-page, .circles-graphic-hover .path8.path-hover {
      fill: #f46b10 !important; }
  .circles-graphic-hover .path13,
  .circles-graphic-hover .path14,
  .circles-graphic-hover .path15 {
    fill: #f9d3b7 !important;
    transition: fill .3s; }
  .circles-graphic-hover .path8.same-page ~ .path13,
  .circles-graphic-hover .path8.same-page ~ .path14,
  .circles-graphic-hover .path8.same-page ~ .path15,
  .circles-graphic-hover .path8.path-hover ~ .path13,
  .circles-graphic-hover .path8.path-hover ~ .path14,
  .circles-graphic-hover .path8.path-hover ~ .path15 {
    fill: #fff !important; }