h1 {
    text-align: center;
}

.converter-widget, .under-h1-text {
    max-width: 767px;
}

.file-drop-area {
    border: 2px dashed #ced4da;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.file-drop-area.drag-over {
    border-color: var(--bs-primary);
    background-color: var(--bs-light);
}

.file-icon {
    font-size: 2.5rem;
    color: var(--bs-primary);
}

.truncate-text {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.how-to-step {
    list-style-type: none;
    counter-increment: step-counter;
    margin-bottom: 2rem;
    position: relative;
    padding-left: 3rem;
}

.how-to-step::before {
    content: counter(step-counter);
    font-size: 1.5rem;
    font-weight: bold;
    color: var(--bs-primary);
    background-color: white;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    border: 2px solid var(--bs-primary);
}