@media (max-width: 768px) {
  .p-5 {
    padding: 1rem !important;
  }
}

.animated-border {
    position: relative;
    overflow: hidden;
    border-radius: 1rem;
    background: #fff;
}

/* Gradient Border Layer */
.animated-border::before {
    content: "";
    position: absolute;
    inset: -2px;
    background: linear-gradient(
        90deg,
        #ff1744,
        #ff9100,
        #00e5ff,
        #00e676,
        #ff1744
    );
    background-size: 300% 300%;
    animation: borderMove 4s linear infinite;
    z-index: 0;
}

/* Inner card content layer */
.animated-border::after {
    content: "";
    position: absolute;
    inset: 2px;
    background: var(--bs-body-bg);
    border-radius: 0.9rem;
    z-index: 1;
}

/* Keep content above layers */
.animated-border > * {
    position: relative;
    z-index: 2;
}

/* Animation */
@keyframes borderMove {
    0% { background-position: 0% 50%; }
    100% { background-position: 300% 50%; }
}