.fzt-number-box {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 25px;
    position: relative;
}

.fzt-number-box .fzt-number-box-number {
    align-items: center;
    background-color: var(--builet-light-color);
    border: 2px dashed var(--builet-border-dark-color);
    border-radius: 50%;
    display: inline-flex;
    height: 100px;
    justify-content: center;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    width: 100px;
}

.fzt-number-box .fzt-number-box-number span {
    font-family: var(--builet-body-font-family);
    font-size: clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem);
    font-weight: 700;
    -webkit-text-fill-color: var(--builet-light-color);
    -webkit-text-stroke: 1px #969696;
}

.fzt-number-box .fzt-number-box-content {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 0 50px;
    text-align: center;
    width: 100%;
}

.fzt-number-box .fzt-number-box-content .fzt-number-box-title {
    color: var(--builet-heading-color);
    font-family: var(--builet-h6-font-family);
    font-size: var(--builet-h5-font-size);
    font-weight: 600;
    -webkit-transition: var(--transition);
    transition: var(--transition);
}

.fzt-number-box:hover .fzt-number-box-content .fzt-number-box-title {
    color: var(--builet-primary-color);
}

.fzt-number-box:hover .fzt-number-box-number {
    border-color: var(--builet-primary-color);
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}

.fzt-number-box:hover .fzt-number-box-number span {
    -webkit-text-stroke-color: var(--builet-primary-color);
}

/* Curved design using pseudo-elements */
.fzt-number-box:nth-child(1)::after,
.fzt-number-box:nth-child(2)::after {
    border-radius: 50%;
    border-top: 2px dashed var(--builet-border-dark-color);
    content: '';
    height: 100%;
    left: 54%;
    position: absolute;
    width: 100%;
    z-index: -1;
}

.fzt-number-box:nth-child(1)::after {
    border-bottom: 2px dashed var(--builet-border-dark-color);
    border-top: 0;
    bottom: 0%;
    top: auto;
    transform: translateY(-50%) rotate(5deg);
}

.fzt-number-box:nth-child(2)::after {
    top: 45%;
    transform: translateY(-50%) rotate(7deg);
}