.s-fixed-term-card{
    background: #ddd;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    border-radius: 16px;
    border-color: #bbb !important;
}

.s-fixed-term-card .role-line{
    width: 100%;
    height: 20px;
    background: #bbb;
    border-radius: 16px;
    margin-right: 15px;
}

.s-fixed-term-card .date-line{
    width: 40%;
    margin-top: 5px;
    height: 10px;
    background: #bbb;
    border-radius: 16px;
}

.s-fixed-term-card .internship-line{
    width: 34px;
    height: 34px;
    background: #bbb !important;
    border-radius: 50%;
}

.s-fixed-term-card .company-line{
    width: 100%;
    height: 30px;
    background: #bbb;
    border-radius: 16px;
}

.s-fixed-term-card .shimmer{
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;

    background: linear-gradient(100deg,
    rgba(255,255,255,0) 20%,
    rgba(255,255,255,0.5) 50%,
    rgba(255,255,255,0) 80%);

    animation: shimmer 2s infinite linear;
}

@keyframes shimmer{
    from {
        transform: translateX(-200%);
    }
    to{
        transform: translateX(200%);
    }
}



@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

.tag{
    border: 1px solid #ccc; padding: 10px;word-wrap: break-word;
    white-space: nowrap;border-radius: 4px;
}