.counter-section{
 padding: 50px 0px;
 background-color: var(--secondary-color);
}
.gradient-background {
 background: linear-gradient(100deg, #200c32, #e74d89, #febaa6);
 background-size: 180% 180%;
 animation: gradient-animation 9s ease infinite;
}

@keyframes gradient-animation {
 0% {
  background-position: 0% 50%;
 }

 50% {
  background-position: 100% 50%;
 }

 100% {
  background-position: 0% 50%;
 }
}



.counter {
 padding: 20px 0;
 border-radius: 5px;
 color: black;
}

.count-title {
 font-size: 60px;
 font-weight: normal;
 margin-top: 10px;
 margin-bottom: 0;
 text-align: center;
 color: black;
}

.count-text {
 font-size: 20px;
 font-weight: normal;
 color: #fff;
 margin-top: 10px;
 margin-bottom: 0;
 text-align: center;
 text-transform: uppercase;
}