.image-wrapper.image-new-1 {
  background-image: url(../../assets/images/home/banner/one.svg);
  animation: first-animation-image-1 1s linear forwards;
}
@keyframes first-animation-image-1 {
  from {
    border-radius: 0;
    background: #ff5050;
  }
  to {
    border-radius: 200px 200px 200px 200px;
    background: #ff5050;
  }
}
.image-wrapper.image-new-1.do-second-animation-image-1 {
  background-image: url(../../assets/images/home/banner/three.svg) !important;
  animation: second-animation-image-1 1s linear forwards !important;
}

@keyframes second-animation-image-1 {
  from {
    border-radius: 0 200px 0 0;
    background: #ff5050;
  }
  to {
    border-radius: 200px 0 0 0;
    background: #ff5050;
  }
}

.image-wrapper.image-new-2 {
  background-image: url(../../assets/images/home/banner/three.png);
  animation: first-animation-image-2 1s linear forwards;
}
@keyframes first-animation-image-2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.image-wrapper.image-new-3 {
  background-image: url(../../assets/images/home/banner/two.svg);
}
@keyframes first-animation-image-3 {
  from {
    border-radius: 0;
    background: #ff5050;
  }
  to {
    border-radius: 0 0 200px 0;
    background: #ffc732;
  }
}
.image-wrapper.image-new-4 {
  background-image: url(../../assets/images/home/banner/six.svg);
  animation: first-animation-image-4 1s linear forwards;
}
@keyframes first-animation-image-4 {
  from {
    border-radius: 200px 200px 200px 200px;
    background: #ff5050;
  }
  to {
    border-radius: 200px 0 0 0;
    background: #ff5050;
  }
}
.image-wrapper.image-new-5 {
  background-image: url(../../assets/images/home/banner/new/nine.svg);
  animation: first-animation-image-5 1s linear forwards;
}
@keyframes first-animation-image-5 {
  from {
    border-radius: 200px 200px 200px 200px;
    background: #ff5050;
  }
  to {
    border-radius: 0;
  }
}
.image-wrapper.image-new-6 {
  background-image: url(../../assets/images/home/banner/one.svg);
  animation: first-animation-image-6 1s linear forwards;
}
@keyframes first-animation-image-6 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.image-wrapper.image-new-7 {
  background-image: url(../../assets/images/home/banner/new/thirteen.svg);
  animation: first-animation-image-7 1s linear forwards;
}
@keyframes first-animation-image-7 {
  from {
    border-radius: 200px 200px 200px 200px;
    background: #ff5050;
  }
  to {
    border-radius: 0;
  }
}
.image-wrapper.image-new-8 {
  background-image: url(../../assets/images/home/banner/seven.png);
  animation: first-animation-image-8 1s linear forwards;
}
@keyframes first-animation-image-8 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.image-wrapper.image-new-9 {
  background-image: url(../../assets/images/home/banner/five.png);
  animation: first-animation-image-9 1s linear forwards;
}
@keyframes first-animation-image-9 {
  from {
    border-radius: 200px 200px 200px 200px;
    background: #ff5050;
  }
  to {
    border-radius: 0;
  }
}
.do-second-animation-image-1 {
  animation: second-animation-image-1 1s linear forwards !important;
}
@keyframes second-animation-image-1 {
  from {
    border-radius: 0 200px 0 0;
    background: #ff5050;
  }
  to {
    border-radius: 200px 0 0 0;
    background: #ff5050;
  }
}
.do-second-animation-image-2 {
  animation: second-animation-image-2 1s linear forwards !important;
}
@keyframes second-animation-image-2 {
  from {
    border-radius: 0;
    background: #ffc732;
  }
  to {
    border-radius: 200px 200px 200px 200px;
    background: #1d5aec;
  }
}
.do-second-animation-image-3 {
  animation: second-animation-image-3 1s linear forwards !important;
}
@keyframes second-animation-image-3 {
  from {
    border-radius: 0;
    background: #ff5050;
  }
  to {
    border-radius: 0 200px 0 0;
    background: #ff5050;
  }
}
.do-second-animation-image-4 {
  background-image: url(../../assets/images/home/banner/web/three.jpg) !important;
  animation: second-animation-image-4 1s linear forwards !important;
}
@keyframes second-animation-image-4 {
  from {
    border-radius: 200px 0 0 200px;
  }
  to {
    border-radius: 0;
  }
}
.do-second-animation-image-5 {
  background-image: url(../../assets/images/home/banner/new/ten.svg) !important;
  animation: second-animation-image-5 1s linear forwards !important;
}
@keyframes second-animation-image-5 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.do-second-animation-image-6 {
  background-image: url(../../assets/images/home/banner/web/one.png) !important;
  animation: second-animation-image-6 1s linear forwards !important;
}
@keyframes second-animation-image-6 {
  from {
    border-radius: 200px 0 0 200px;
  }
  to {
    border-radius: 0;
  }
}
.do-second-animation-image-7 {
  animation: do-second-animation-image-7 1s linear forwards !important;
}
@keyframes do-second-animation-image-7 {
  from {
    border-radius: 0;
    background: #ffc732;
  }
  to {
    border-radius: 0 0 0 200px;
    background: #ff5050;
  }
}
.do-second-animation-image-8 {
  background-image: url(../../assets/images/home/banner/web/two.jpg) !important;
  animation: do-second-animation-image-8 1s linear forwards !important;
}
@keyframes do-second-animation-image-8 {
  from {
    border-radius: 200px 200px 200px 200px;
  }
  to {
    border-radius: 0;
  }
}
.do-second-animation-image-9 {
  background-image: url(../../assets/images/home/banner/new/twelve.svg) !important;
  animation: do-second-animation-image-9 1s linear forwards !important;
}
@keyframes do-second-animation-image-9 {
  from {
    border-radius: 200px 200px 200px 200px;
    background: #ffc732;
  }
  to {
    border-radius: 0 0 200px 0;
  }
}
.do-third-animation-image-1 {
  animation: third-animation-image-1 1s linear forwards !important;
}
@keyframes third-animation-image-1 {
  from {
    border-radius: 0 200px 0 0;
    background: #ff5050;
  }
  to {
    border-radius: 200px 0 0 0;
    background: #ff5050;
  }
}
.do-third-animation-image-2 {
  background-image: url(../../assets/images/home/banner/new/fourteen.svg) !important;
  animation: third-animation-image-2 1s linear forwards !important;
}
@keyframes third-animation-image-2 {
  to {
    border-radius: 0;
    background: #ffc732;
  }
}
.do-third-animation-image-3 {
  animation: third-animation-image-3 1s linear forwards !important;
}
@keyframes third-animation-image-3 {
  from {
    border-radius: 0;
    background: #ff5050;
  }
  to {
    border-radius: 0 200px 0 0;
    background: #ff5050;
  }
}
.do-third-animation-image-4 {
  background-image: url(../../assets/images/home/banner/mobile/two.jpg) !important;
  animation: third-animation-image-4 1s linear forwards !important;
}
@keyframes third-animation-image-4 {
  from {
    border-radius: 200px 0 0 200px;
  }
  to {
    border-radius: 0;
  }
}
.do-third-animation-image-5 {
  background-image: url(../../assets/images/home/banner/eight.svg) !important;
  animation: do-third-animation-image-5 1s linear forwards !important;
}
@keyframes do-third-animation-image-5 {
  from {
    border-radius: 0;
    background: #1d5aec;
  }
  to {
    border-radius: 200px 200px 200px 200px;
    background: #1d5aec;
  }
}
.do-third-animation-image-6 {
  background-image: url(../../assets/images/home/banner/mobile/five.jpg) !important;
  animation: third-animation-image-6 1s linear forwards !important;
}
@keyframes third-animation-image-6 {
  from {
    border-radius: 200px 0 0 200px;
  }
  to {
    border-radius: 0;
  }
}
.do-third-animation-image-7 {
  animation: do-third-animation-image-7 1s linear forwards !important;
}
@keyframes do-third-animation-image-7 {
  from {
    border-radius: 0;
    background: #ff5050;
  }
  to {
    border-radius: 0 0 200px 0;
    background: #ffc732;
  }
}
.do-third-animation-image-8 {
  background-image: url(../../assets/images/home/banner/new/eleven.svg) !important;
  animation: third-animation-image-8 1s linear forwards !important;
}
@keyframes third-animation-image-8 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.do-third-animation-image-9 {
  background-image: url(../../assets/images/home/banner/mobile/three.png) !important;
}