@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {
    body {
        --h1Size: 34px;
        --h2Size: 28px;
    }
    .how-work-list {
        flex-wrap: wrap;
    }
    .how-work-list__item {
        flex: 0 0 50%;
        width: 50%;
    }
}

@media (max-width: 767.98px) {

}

@media (max-width: 575.98px) {
    .how-work-list__item {
        flex: 0 0 100%;
        width: 100%;
    }
    .how-work-list__item + .how-work-list__item::before {
        top: -48px;
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
    }
}

@media (min-width: 576px) {

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}