.eventsTimer {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 2rem;
}

    .eventsTimer .eventsTimer-card {
        border-radius: 1rem;
        padding: 3rem;
        max-width: 27rem;
        margin: 0 auto;
        background: var(--color-white);
        box-shadow: 0px 3.96989px 18.857px rgb(0 0 0 / 25%);
    }

    .eventsTimer .card-title {
        font-size: 1.1em;
        font-weight: var(--font-weight-medium);
        color: #0c0c0c;
        margin-top: -15px;
        line-height: initial;
        font-family: var(--font-sancoale-medium)
    }

    .eventsTimer .count-time-description {
        font-size: 0.8em;
    }

    .eventsTimer .tille-event {
        font-size: 1.1em;
        font-weight: 500;
        color: #0c0c0c;
        margin-top: -15px;
        line-height: initial;
        margin: 0;
    }

    .eventsTimer .adjust-title-card {
        font-size: 1.7em;
        line-height: initial;
    }

    .eventsTimer .eventsTimer-count-time {
        width: 25%;
        font-weight: var(--font-weight-semibold);
        color: #0c0c0c;
        float: left;
    }

    .eventsTimer .event-date-description {
        font-size: 0.8em;
        font-weight: var(--font-weight-semibold);
        clear: both;
        color: #7d7d7d;
        font-family: var(--bs-font-sans-serif);
    }

    .eventsTimer .eventsTimer-text {
        font-weight: bold;
        background: -webkit-linear-gradient(0deg, #7A2180 16.67%, #E40276 95.31%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-top: 1rem;
        font-size: 1.1em;
        font-family: var(--font-sancoale-medium);
    }

    .eventsTimer .eventsTimer-count-time-number {
        font-size: 2em;
        display: block;
        clear: both;
        margin-bottom: -4px;
        font-family: var(--bs-font-sans-serif);
    }