.animated {
  animation: up-down 3s ease-in-out infinite alternate-reverse both;
}
@-webkit-keyframes up-down {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px);
  }
}

@keyframes up-down {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px);
  }
}
.cus-bg-pastel {
  background-color: #f5efe5;
}

.cus-bg-orange {
  background-color: #b93006;
}
.cus-bg-kuning {
  background-color: #ec9a2e;
}
.cus-bg-light {
  background-color: #f3f4f5;
}

.cus-link-brown {
  color: #c77905 !important;
}

.cus-link-brown:hover,
.cus-link-brown:focus {
  color: #db5405 !important;
}

.bg-gradient-orange {
  background-color: #d95723;
  background-image: linear-gradient(90deg, #d95723 2%, #224abe 100%);
  background-size: cover;
}

@import url(https://fonts.googleapis.com/css?family=Montserrat);

svg {
  display: block;
  font-family: "Montserrat", sans-serif;
  width: 70%; /* Adjusted width for responsiveness */
  height: auto; /* Allowing height to adjust proportionally */
  margin: 1;
}

.text-copy {
  fill: none;
  stroke: white;
  stroke-dasharray: 6% 29%;
  stroke-width: 6px; /* Adjusted stroke width */
  stroke-dashoffset: 0%;
  animation: stroke-offset 5.5s infinite linear;
}

.text-copy:nth-child(1) {
  stroke: #4d163d;
  animation-delay: -1s;
}

.text-copy:nth-child(2) {
  stroke: #840037;
  animation-delay: -2s;
}

.text-copy:nth-child(3) {
  stroke: #bd0034;
  animation-delay: -3s;
}

.text-copy:nth-child(4) {
  stroke: #bd0034;
  animation-delay: -4s;
}

.text-copy:nth-child(5) {
  stroke: #fdb731;
  animation-delay: -5s;
}

@keyframes stroke-offset {
  100% {
    stroke-dashoffset: -35%;
  }
}