
.pathAni svg{
  width: 100% !important;
}
.ger_line{
  width: 25%;
}
.ger_line svg path{
  stroke-dasharray: 580;
  stroke-dashoffset: 580;
}
.aos-animate .ger_line svg path{
  animation: globalSvg1 4s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.pak_line{
  width: 14%;
}
.pak_line svg path{
  stroke-dasharray: 200;
  stroke-dashoffset: 200;
}
.aos-animate .pak_line path{
  animation: globalSvg2 2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.thai_line{
  width: 8%;
}
.thai_line svg path{
  stroke-dasharray: 165;
  stroke-dashoffset: 165;
}
.aos-animate .thai_line path{
  animation: globalSvg3 3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.indo_line{
  width: 3%;
}
.indo_line svg path{
  stroke-dasharray: 260;
  stroke-dashoffset: 260;
}
.aos-animate .indo_line path{
  animation: globalSvg4 5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.chi_line{
  width: 3%;
}
.chi_line svg path{
  stroke-dasharray: 60;
  stroke-dashoffset: 60;
}
.aos-animate .chi_line path{
  animation: globalSvg5 3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}



@keyframes globalSvg1{
  0% {
    stroke-dashoffset: 580;
  }
  100%{
    stroke-dashoffset: 0;
  }
}

@keyframes globalSvg2{
  0% {
    stroke-dashoffset: 200;
  }
  100%{
    stroke-dashoffset: 0;
  }
}

@keyframes globalSvg3{
  0% {
    stroke-dashoffset: 165;
  }
  100%{
    stroke-dashoffset: 0;
  }
}

@keyframes globalSvg4{
  0% {
    stroke-dashoffset: 260;
  }
  100%{
    stroke-dashoffset: 0;
  }
}

@keyframes globalSvg5{
  0% {
    stroke-dashoffset: 60;
  }
  100%{
    stroke-dashoffset: 0;
  }
}