.blue-dark-gradient{
    background: rgb(20,85,180);
  background: linear-gradient(56deg, rgba(20,85,180,0.85) 40%, rgba(20,85,180,0) 100%);
}
.blue-gradient{
    background: rgb(65,140,225);
  background: linear-gradient(56deg, rgba(65,140,225,0.85) 40%, rgba(65,140,225,0) 100%);
}
.blue-light-gradient{
    background: rgb(145,200,255);
  background: linear-gradient(56deg, rgba(145,200,255,0.85) 40%, rgba(145,200,255,0) 100%);
}
.green-dark-gradient{
    background: rgb(0,110,115);
  background: linear-gradient(56deg, rgba(0,110,115,0.85) 40%, rgba(0,110,115,0) 100%);
}
.green-gradient{
    background: rgb(0,170,145);
  background: linear-gradient(56deg, rgba(0,170,145,0.85) 40%, rgba(0,170,145,0) 100%);
}
.green-light-gradient{
    background: rgb(115,225,165);
  background: linear-gradient(56deg, rgba(115,225,165,0.85) 40%, rgba(115,225,165,0) 100%);
}
.violet-dark-gradient{
    background: rgb(155,20,180);
  background: linear-gradient(56deg, rgba(155,20,180,0.85) 40%, rgba(155,20,180,0) 100%);
}
.violet-gradient{
    background: rgb(210,65,200);
  background: linear-gradient(56deg, rgba(210,65,200,0.85) 40%, rgba(210,65,200,0) 100%);
}
.violet-light-gradient{
    background: rgb(250,140,255);
  background: linear-gradient(56deg, rgba(250,140,255,0.85) 40%, rgba(250,140,255,0) 100%);
}
.blue-dark-gradient{
    background: rgb(20,85,180);
  background: linear-gradient(56deg, rgba(20,85,180,0.85) 40%, rgba(20,85,180,0) 100%);
}
.blue-gradient{
    background: rgb(65,140,225);
  background: linear-gradient(56deg, rgba(65,140,225,0.85) 40%, rgba(65,140,225,0) 100%);
}
.blue-light-gradient{
    background: rgb(145,200,255);
  background: linear-gradient(56deg, rgba(145,200,255,0.85) 40%, rgba(145,200,255,0) 100%);
}
.green-dark-gradient{
    background: rgb(0,110,115);
  background: linear-gradient(56deg, rgba(0,110,115,0.85) 40%, rgba(0,110,115,0) 100%);
}
.green-gradient{
    background: rgb(0,170,145);
  background: linear-gradient(56deg, rgba(0,170,145,0.85) 40%, rgba(0,170,145,0) 100%);
}
.green-light-gradient{
    background: rgb(115,225,165);
  background: linear-gradient(56deg, rgba(115,225,165,0.85) 40%, rgba(115,225,165,0) 100%);
}
.violet-dark-gradient{
    background: rgb(155,20,180);
  background: linear-gradient(56deg, rgba(155,20,180,0.85) 40%, rgba(155,20,180,0) 100%);
}
.violet-gradient{
    background: rgb(210,65,200);
  background: linear-gradient(56deg, rgba(210,65,200,0.85) 40%, rgba(210,65,200,0) 100%);
}
.violet-light-gradient{
    background: rgb(250,140,255);
  background: linear-gradient(56deg, rgba(250,140,255,0.85) 40%, rgba(250,140,255,0) 100%);
}

.w-slider-nav.w-round > div{
  border-radius: 0.5rem;
}
.w-slider-dot {
position: relative;
overflow: hidden;
width: 3rem;
height: 10px; 
margin: 0 5px;
}
.w-slider-dot::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background-color: white;
transition: none;
}
.w-slider-dot.w-active{
  background-color: rgba(255, 255, 255, .4);
}
.w-slider-dot.w-active::before {
animation: fillAnimation 7s linear forwards !important;
}
@keyframes fillAnimation {
from {
  width: 0;
}
to {
  width: 100%;
}
}