.animated-cards{
  position:relative;
  background-color:white;
  padding:50px;
  padding-bottom:0px;
  border-radius:12px;
 /* box-shadow: 0 0px 5px 0 rgba(0, 0, 0, .3);*/
}

/*.animated-cards::after{
  content:"";
  position: absolute;
  top: 3px; /* shadow offset */
  left: 3px;
  right: -3px;
  bottom: -3px;
  border-radius: inherit;
  background: linear-gradient(45deg, #FF629D, #FF7D56, #FF5D2C, #FFB10F);
  filter: blur(5px);
  z-index: -1;
}*/

.animated-cards-title{
  max-width:800px;
  margin:auto;
}



.main-card{
  width:100%;
  display:flex;
  justify-content:center;
  padding:25px;
  border-radius:22px;
  margin-bottom:25px;
}

.main-card-title{
  text-align:center;
}

.animated-card-item-container{
  text-decoration:none !important;
}

.animated-card-item{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  padding:15px;
  border-radius:22px;
  color:black !important;
  /*9box-shadow: 0px 2px 4px 1px rgb(201 201 201 / 50%);*/
  min-height:460px;
}

.animated-card-item .card-title{
  font-size:22px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  min-height:60px;
}

.animated-card-item .card-title-icon{
  width:27px;
  height:27px;
  margin-left:5px;
}

.animated-card-subitems-container{
  overflow:hidden;
  height:260px;
  -webkit-mask: linear-gradient(#0000, #000, #0000);
  mask: linear-gradient(#0000, #000, #0000);
}

.animated-card-subitems{
  display: flex;
  flex-direction: column;
  animation: scrollUp 7s linear infinite;
}

@keyframes scrollUp {
  0% {
    transform: translateY(0);  /* start */
  }
  100% {
    transform: translateY(-75%); /* move all the way up */
  }
}



.card-subitem{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
  font-size:20px;
}

.animated-card-item-description p{
  color:#414747;
  font-size:13px;
  line-height:1.4;
  margin-bottom:20px;
}

.animated-card-item-button{
  width:100%; 
  height:100px;
  display:flex;
  justify-content:center;
  align-items:flex-end;
  transition:.3s;
  border-radius:0px 0px 22px 22px;
  transform: translateY(-100px);
  padding:20px;
  position:relative;
  z-index:1;
  color: #101828;
  font-weight:700;
  font-size:18px;
  background: linear-gradient(90deg,rgba(255, 93, 44, 1) 0%, rgba(255, 177, 15, 1) 100%);
}

.animated-card-item-container:hover .animated-card-item-button{
  transform: translateY(-40px)
}

@media(max-width:1000px){
  .animated-card-item-container{
    margin-bottom:20px;
  }
  
  .animated-card-item{
      min-height: max-content;
  }
  
  .animated-card-item-button{
    display:none;
  }
  
}

@media(max-width:767px){
  .animated-cards{
    padding:20px;
  }
}