@keyframes pulse-badge {
    0% {
        transform: scale(0.9);
        opacity: 0.7;
    }
    50% {
        transform: scale(1.1);
        opacity: 1;
    }
    100% {
        transform: scale(0.9);
        opacity: 0.7;
    }
}

.animate-pulse {
    animation: pulse-badge ping 1s cubic-bezier(0,0,.2,1)infinite;
}
.blog-elegant {
    --fa-primary-color: #6f42c1; /* Purple */
    --fa-secondary-color: #ffc107; /* Gold/Yellow */
    --fa-secondary-opacity: 1.0;
}
.text-muted:hover {
    color: #343a40 !important; /* A dark Bootstrap grey, or #000 for pure black */
    /* Optional: Add a smooth transition for the color change */
    transition: color 0.3s ease;
}
i.fa-regular.fa-message-dots.fa-lg {
    color: #8898aa;
}
.badge {
    box-shadow: inset 2px -2px 0 0 rgb(35 42 47 / 20%);
}
.btn-orange {
    background: #FF9800;
}
.btn-teal {
    background: #009688;
    color: #fafafa;
}
.btn-cofee {
    background: #795548;
    color: #fafafa;
}
.badge-orange {
    background: #FF9800;
}
.badge-yellow {
    background: #FFEB3B;
}
.loader-dx {
        width: 64px;
        height: 64px;
        position: relative;
        background-image:
          linear-gradient(#FFF 16px, transparent 0) ,
          linear-gradient(#FF3D00 16px, transparent 0) ,
          linear-gradient(#FF3D00 16px, transparent 0) ,
          linear-gradient(#FFF 16px, transparent 0);
        background-repeat: no-repeat;
        background-size: 16px 16px;
        background-position: left top , left bottom , right top , right bottom;
        animation: rotate 1s linear infinite;
      }
      @keyframes rotate {
        0% {
          width: 64px;
          height: 64px;
          transform: rotate(0deg)
        }
        50% {
          width: 30px;
          height: 30px;
          transform: rotate(180deg)
        }
        100% {
          width: 64px;
          height: 64px;
          transform: rotate(360deg)
        }
}
.lift:focus, .lift:hover {
    transform: translate3d(0, -3px, 0);
}
.camp-card {
    border-top: 4px solid #10b981;
    border-radius: 12px;
    border-bottom: 2px solid #afabab;
}
.camp-card.failed {
    border-top: 4px solid #ef4444;
    border-radius: 12px;
    border-bottom: 2px solid #afabab;
}
.card {
    border-radius: 15px;
}