.index .about-us svg {
  width: 424px;
  height: 212px;
  transform: translate(-124px, -124px);
}
.index .policy svg {
  width: 424px;
  height: 239px;
  transform: translate(-132px, -118px);
}
.index .events svg {
  width: 424px;
  height: 234px;
  transform: translate(-100px, -4px);
}
.index .news svg {
  width: 424px;
  height: 205px;
  transform: translate(-105px, 5.5px);
}
@media (max-width: 1440px) {

  .index .about-us svg {
    height: 192px;
    transform: translate(-132px, -110px);
  }
  .index .policy svg {
    height: 230px;
    transform: translate(-132px, -115px);
  }
  .index .events svg {
    height: 220px;
    transform: translate(-106px, -4px);
  }

  .index .news svg {
    height: 187px;
    transform: translate(-117px, 1.5px);
  }
}

@media (max-width: 1360px) {

  .index .about-us svg {
    height: 185px;
    transform: translate(-134px, -102px);
  }
  .index .policy svg {
    height: 220px;
    transform: translate(-136px, -110px);
  }
  .index .events svg {
    height: 210px;
    transform: translate(-106px, -4px);
  }

  .index .news svg {
    height: 175px;
    transform: translate(-120px, 5.5px);
  }

}

@media (max-width: 1260px) {
  .index .about-us svg {
    height: 175px;
    transform: translate(-134px, -102px);
  }


  .index .policy svg {
    height: 210px;
    transform: translate(-141px, -105px);
  }
  .index .events svg {
    height: 198px;
    transform: translate(-112px, -4px);
  }

  .index .news svg {
    height: 174px;
    transform: translate(-122px, 5.5px);
  }
}
@media (max-width: 768px){
  .index .about-us svg {
    width: 240px;
    height: 135px;
    transform: translate(-64px, -77px);
  }
   .index .events svg {
    transform: translate(-100px, 0px);
    width: 253px;
    height: 173px;
    transform: translate(-46px, -2px);
  }
  .index .policy svg {
    width: 253px;
    height: 175px;
    transform: translate(-67px, 30px);
  }
   .index .news svg {
    width: 253px;
    height: 135px;
    transform: translate(-60px, 1px);
  }
}
@media (max-width: 620px){
    .index .policy svg {
    transform: translate(-67px, 20px);
  }
}
@media (max-width: 560px){
    .index .policy svg {
    transform: translate(-67px, 15px);
  }

}
@media (max-width: 540px){
    .index .policy svg {
    transform: translate(-67px, 10px);
  }
}
@media (max-width: 520px){
    .index .policy svg {
    transform: translate(-67px, 5px);
  }
}
@media (max-width: 460px){
    .index .policy svg {
    transform: translate(-67px, -10px);
  }
}
@media (max-width: 420px){
    .index .policy svg {
    transform: translate(-67px, -15px);
  }
}
@media (max-width: 400px){
    .index .policy svg {
    transform: translate(-67px, -20px);
  }
}