:root {
    --conti-color: #ffa700;
}

.conti_font {
    color: var(--conti-color);
    font-weight: bold;
}

.conti_font:hover {
    color: #fff;
    font-weight: bold;
}

.conti_number {
    color: var(--conti-color);
    font-weight: bolder;
    border: 2px solid var(--conti-color);
    width: 37%;
    text-align: center;
}

.conti_number::after {
    content: '';
    width: 30px;
    height: 30px;
    border-top: 2px solid var(--conti-color);
    border-right: 2px solid var(--conti-color);
    display: inline-block;
    position: absolute;
    top: -10%;
    left: 27%
}

.conti_number_sec {
    color: var(--conti-color);
    font-weight: bolder;
    border: 2px solid var(--conti-color);
    width: 37%;
    text-align: center;
}

.conti_number_sec::after {
    content: '';
    width: 30px;
    height: 30px;
    border-bottom: 2px solid var(--conti-color);
    border-right: 2px solid var(--conti-color);
    display: inline-block;
    position: absolute;
    top: 55%;
    left: 27%
}

.conti_number_th {
    color: var(--conti-color);
    font-weight: bolder;
    border: 2px solid var(--conti-color);
    width: 37%;
    text-align: center;
}

.conti_number_th::after {
    content: '';
    width: 30px;
    height: 30px;
    border-bottom: 2px solid var(--conti-color);
    border-left: 2px solid var(--conti-color);
    display: inline-block;
    position: absolute;
    top: 55%;
    left: 4%
}

.conti_bg {
    background: url(/img/artykuly/conti_blik_2023/hero-bg.png);
    background-size: cover;

    color: #fff;
}