.one__span1 {
    background: #6590C3;
    color: white;
    padding: 2px 15px;

    margin-right: 4px;
}

.one__section1:before {
    content: '9';
    background: #2E6C9A;
    color: white;

    padding: 2px 55px;
}

.twenty_eight1:before {
    content: '23';
    text-align: center;
    padding: 2px 82px;
    background: #2E6C9A;
    color: white;

    margin-right: 4px;
}
.fifteen1:before {
    content: '15';
    text-align: center;
    padding: 2px 50px;
    background: #2E6C9A;
    color: white;

    margin-right: 4px;
}

.twelve__span1 {
    background: #6590C3;
    color: white;
    padding: 2px 4px;

    margin-right: 4px;
}

.twelve__section1:before {
    content: '12';
    background: #2E6C9A;
    color: white;

    padding: 2px 42px;
}

.fourteen__span1 {
    background: #6590C3;
    color: white;
    padding: 2px 25px;

    margin-right: 4px;
}

.fourteen__section1:before {
    content: '6';
    background: #2E6C9A;
    color: white;

    padding: 2px 23px;
}

.thirteen__span1 {
    background: #6590C3;
    color: white;
    padding: 2px 1px;

    margin-right: 4px;
}

.thirteen__section1:before {
    content: '12';
    background: #2E6C9A;
    color: white;

    padding: 2px 42px;
}

.twelve__span2 {
    background: #6590C3;
    color: white;
    padding: 2px 4px;

    margin-right: 4px;
}

.twelve__section2:before {
    content: '8';
    background: #2E6C9A;
    color: white;

    padding: 2px 42px;
}

.twelve__span3 {
    background: #6590C3;
    color: white;
    padding: 2px 3px;

    margin-right: 4px;
}

.twelve__section3:before {
    content: '9';
    background: #2E6C9A;
    color: white;

    padding: 2px 43px;
}
.eleven1:before {
    content: '11';
    text-align: center;
    padding: 2px 43px;
    background: #2E6C9A;
    color: white;

    margin-right: 4px;
}

.eleven__span1 {
    background: #6590C3;
    color: white;
    padding: 2px 1px;

    margin-right: 4px;
}

.eleven__section1:before {
    content: '10';
    background: #2E6C9A;
    color: white;

    padding: 2px 38px;
}

.ten__span1 {
    background: #6590C3;
    color: white;
    padding: 2px 1px;

    margin-right: 4px;
}

.ten__section1:before {
    content: '9';
    background: #2E6C9A;
    color: white;

    padding: 2px 69px;
}
.eight__span1 {
    background: #6590C3;
    color: white;
    padding: 2px 3px;

    margin-right: 4px;
}

.eight__section1:before {
    content: '6';
    background: #2E6C9A;
    color: white;

    padding: 2px 60px;
}

.five1:before {
    content: '11';
    text-align: center;
    padding: 2px 50px;
    background: #2E6C9A;
    color: white;

    margin-right: 4px;
}

.three__span1 {
    background: #6590C3;
    color: white;
    padding: 2px 30px;

    margin-right: 4px;
}

.three__section1:before {
    content: '1';
    background: #2E6C9A;
    color: white;

    padding: 2px 3px;
}

.two1:before {
    content: '2';
    text-align: center;
    padding: 2px 25px;
    background: #2E6C9A;
    color: white;

    margin-right: 4px;
}

.twentysix__span1 {
    background: #6590C3;
    color: white;
    padding: 2px 7px;

    margin-right: 4px;
}

.twentysix__section1:before {
    content: '19';
    background: #2E6C9A;
    color: white;

    padding: 2px 74px;
}

.twentyone__span1 {
    background: #6590C3;
    color: white;
    padding: 2px 4px;

    margin-right: 4px;
}

.twentyone__section1:before {
    content: '19';
    background: #2E6C9A;
    color: white;

    padding: 2px 69px;
}

.nineteen__span1 {
    background: #6590C3;
    color: white;
    padding: 2px 2px;

    margin-right: 4px;
}

.nineteen__section1:before {
    content: '17';
    background: #2E6C9A;
    color: white;

    padding: 2px 63px;
}

.sixteen__span2 {
    background: #6590C3;
    color: white;
    padding: 2px 6px;

    margin-right: 4px;
}

.sixteen__section2:before {
    content: '10';
    background: #2E6C9A;
    color: white;

    padding: 2px 48px;
}
.fourteen__span2 {
    background: #6590C3;
    color: white;
    padding: 2px 39px;

    margin-right: 4px;
}

.fourteen__section2:before {
    content: '4';
    background: #2E6C9A;
    color: white;

    padding: 2px 3px;
}
.fourteen__span3 {
    background: #6590C3;
    color: white;
    padding: 2px 2px;

    margin-right: 4px;
}

.fourteen__section3:before {
    content: '12';
    background: #2E6C9A;
    color: white;

    padding: 2px 41px;
}
.fourteen__span4 {
    background: #6590C3;
    color: white;
    padding: 2px 6px;

    margin-right: 4px;
}

.fourteen__section4:before {
    content: '8';
    background: #2E6C9A;
    color: white;

    padding: 2px 41px;
}
.thirteen__span2 {
    background: #6590C3;
    color: white;
    padding: 2px 2px;

    margin-right: 4px;
}

.thirteen__section2:before {
    content: '11';
    background: #2E6C9A;
    color: white;

    padding: 2px 39px;
}
.twenty_seven1:before {
    content: '27';
    text-align: center;
    padding: 2px 86px;
    background: #2E6C9A;
    color: white;

    margin-right: 4px;
}
.twenty1:before {
    content: '20';
    text-align: center;
    padding: 2px 69px;
    background: #2E6C9A;
    color: white;

    margin-right: 4px;
}
.nineteen1:before {
    content: '19';
    text-align: center;
    padding: 2px 71px;
    background: #2E6C9A;
    color: white;

    margin-right: 4px;
}
.seventeen1:before {
    content: '17';
    text-align: center;
    padding: 2px 65px;
    background: #2E6C9A;
    color: white;

    margin-right: 4px;
}
.seventeen__span2 {
    background: #6590C3;
    color: white;
    padding: 2px 6px;

    margin-right: 4px;
}

.seventeen__section2:before {
    content: '11';
    background: #2E6C9A;
    color: white;

    padding: 2px 55px;
}
.twentyfife__span2 {
    background: #6590C3;
    color: white;
    padding: 2px 6px;

    margin-right: 4px;
}

.twentyfife__section2:before {
    content: '19';
    background: #2E6C9A;
    color: white;

    padding: 2px 74px;
}
.seventeen__span3 {
    background: #6590C3;
    color: white;
    padding: 2px 3px;

    margin-right: 4px;
}

.seventeen__section3:before {
    content: '13';
    background: #2E6C9A;
    color: white;

    padding: 2px 58px;
}
.thirteen__span3 {
    background: #6590C3;
    color: white;
    padding: 2px 41px;

    margin-right: 4px;
}

.thirteen__section3:before {
    content: '1';
    background: #2E6C9A;
    color: white;

    padding: 2px 1px;
}
.twelve1:before {
    content: '12';
    text-align: center;
    padding: 2px 46px;
    background: #2E6C9A;
    color: white;

    margin-right: 4px;
}
.twelve__span3 {
    background: #6590C3;
    color: white;
    padding: 2px 1px;

    margin-right: 4px;
}

.twelve__section3:before {
    content: '11';
    background: #2E6C9A;
    color: white;

    padding: 2px 41px;
}
.eleven__span2 {
    background: #6590C3;
    color: white;
    padding: 2px 3px;

    margin-right: 4px;
}

.eleven__section2:before {
    content: '8';
    background: #2E6C9A;
    color: white;

    padding: 2px 40px;
}

.ten__span1 {
    background: #6590C3;
    color: white;
    padding: 2px 1px;

    margin-right: 4px;
}

.ten__section1:before {
    content: '9';
    background: #2E6C9A;
    color: white;

    padding: 2px 37px;
}
.ten1:before {
    content: '10';
    text-align: center;
    padding: 2px 39px;
    background: #2E6C9A;
    color: white;

    margin-right: 4px;
}
.six1:before {
    content: '6';
    text-align: center;
    padding: 2px 75px;
    background: #2E6C9A;
    color: white;

    margin-right: 4px;
}
.five1:before {
    content: '5';
    text-align: center;
    padding: 2px 73px;
    background: #2E6C9A;
    color: white;

    margin-right: 4px;
}
.four1:before {
    content: '4';
    text-align: center;
    padding: 2px 71px;
    background: #2E6C9A;
    color: white;

    margin-right: 4px;
}
.three__span2 {
    background: #6590C3;
    color: white;
    padding: 2px 20px;

    margin-right: 4px;
}

.three__section2:before {
    content: '2';
    background: #2E6C9A;
    color: white;

    padding: 2px 47px;
}

.one__span2 {
    background: #6590C3;
    color: white;
    padding: 2px 28px;

    margin-right: 4px;
}

.one__section2:before {
    content: '1';
    background: #2E6C9A;
    color: white;

    padding: 2px 33px;
}
.two1:before {
    content: '';
    text-align: center;
    padding: 2px 69px;
    background: #2E6C9A;
    color: white;

    margin-right: 4px;
}


/*old styles for 2022*/
.one__span {
    background: #6590C3;
    color: white;
    padding: 2px 5px;

    margin-right: 4px;
}

.one__section:before {
    content: '12';
    background: #2E6C9A;
    color: white;

    padding: 2px 65px;
}

.one__sect:before {
    content: '11';
    background: #2E6C9A;
    color: white;

    padding: 2px 56px;
}

.two__span {
    background: #6590C3;
    color: white;
    padding: 2px 15px;

    margin-right: 4px;
}

.two__section:before {
    content: '11';
    background: #2E6C9A;
    color: white;

    padding: 2px 55px;
}

.four__span {
    background: #6590C3;
    color: white;
    padding: 2px 20px;

    margin-right: 4px;
}

.three__section:before {
    content: '5';
    background: #2E6C9A;
    color: white;

    padding: 2px 15px;
}

.three__span_double {
    background: #6590C3;
    color: white;
    padding: 2px 8px;

    margin-right: 4px;
}

.three__section_double:before {
    content: '15';
    background: #2E6C9A;
    color: white;

    padding: 2px 35px;
}

.three__background {
    background: #2E6C9A;
    color: white;

    padding: 2px 8px;
    margin-right: 4px;
}

.four__section:before {
    content: '9';
    background: #2E6C9A;
    color: white;

    padding: 2px 50px;
}

.four:before {
    content: '4';
    background: #2E6C9A;
    color: white;
    text-align: center;

    padding: 2px 50px;
    margin-right: 4px;
}

.five:before {
    content: '5';
    background: #2E6C9A;
    color: white;
    text-align: center;

    padding: 2px 65px;
    margin-right: 4px;
}

.five__span {
    background: #6590C3;
    color: white;
    padding: 2px 12px;

    margin-right: 4px;
}

.five__span_double {
    background: #2E6C9A;
    color: white;
    padding: 2px 20px;

    margin-right: 4px;
}

.five__section:before {
    content: '11';
    background: #2E6C9A;
    color: white;

    padding: 2px 55px;
}

.six:before {
    content: '6';
    text-align: center;
    padding: 2px 75px;
    background: #2E6C9A;
    color: white;

    margin-right: 4px;
}

.six__background:before {
    content: '6';
    text-align: center;
    padding: 2px 45px;
    background: #6590C3;
    color: white;

    margin-right: 4px;
}

.six__span {
    background: #6590C3;
    color: white;
    padding: 2px 28px;

    margin-right: 4px;
}

.seven__span {
    background: #6590C3;
    color: white;
    padding: 2px 66.5px;

    margin-right: 4px;
}

.seven__section:before {
    content: '2';
    background: #2E6C9A;
    color: white;

    padding: 2px 10px;
}

.seven:before {
    content: '7';
    text-align: center;
    padding: 2px 80px;
    background: #2E6C9A;
    color: white;

    margin-right: 4px;
}

.eight:before {
    content: '8';
    text-align: center;
    padding: 2px 90px;
    background: #2E6C9A;
    color: white;

    margin-right: 4px;
}

.nine__section:before {
    content: '11';
    background: #2E6C9A;
    color: white;

    padding: 2px 60px;
}

.nine__span {
    background: #6590C3;
    color: white;
    padding: 2px 15px;

    margin-right: 4px;
}

.ten:before {
    content: '10';
    text-align: center;
    padding: 2px 30px;
    background: #2E6C9A;
    color: white;
}

.eleven__span {
    background: #6590C3;
    color: white;
    padding: 2px 33px;

    margin-right: 4px;
}

.twelve:before {
    content: '12';
    text-align: center;
    padding: 2px 65px;
    background: #2E6C9A;
    color: white;

    margin-right: 4px;
}

.twelve__double:before {
    content: '12';
    text-align: center;
    padding: 2px 35px;
    background: #2E6C9A;
    color: white;

    margin-right: 4px;
}

.thirteen:before {
    content: '13';
    text-align: center;
    padding: 2px 75px;
    background: #6590C3;
    color: white;

    margin-right: 4px;
}

.fourteen:before {
    content: '14';
    text-align: center;
    padding: 2px 80px;
    background: #2E6C9A;
    color: white;

    margin-right: 4px;
}

.sixteen:before {
    content: '16';
    text-align: center;
    padding: 2px 90px;
    background: #2E6C9A;
    color: white;

    margin-right: 4px;
}

.sixteen__double:before {
    content: '16';
    text-align: center;
    padding: 2px 38px;
    background: #2E6C9A;
    color: white;

    margin-right: 4px;
}

.seventeen:before {
    content: '17';
    text-align: center;
    padding: 2px 43px;
    background: #2E6C9A;
    color: white;

    margin-right: 4px;
}

.twenty:before {
    content: '20';
    text-align: center;
    padding: 2px 50px;
    background: #2E6C9A;
    color: white;

    margin-right: 4px;
}

.twenty_seven:before {
    content: '27';
    text-align: center;
    padding: 2px 85px;
    background: #2E6C9A;
    color: white;

    margin-right: 4px;
}
/*old styles for 2022*/

.span__one {
    padding: 2px 0 2px 0;
    color: white;
    margin-right: 4px;
    background: #3A88E6;
}

.span__one:before {
    content: '';
    background: #3A88E6;
    padding: 2px;
    margin-right: 2px;
}

.span__one:after {
    content: '';
    margin-left: 2px;
    padding: 2px 49px;
    background: linear-gradient(to right, #149BE8 11%, #149BE8 11%,#5B74F7 0%, #5B74F7 20%, #C2CCFF 0%, #C2CCFF 100%);
}

.span__one1 {
    padding: 2px 0 2px 0;
    color: white;
    margin-right: 4px;
    background: #3A88E6;
}

.span__one1:before {
    content: '';
    background: #3A88E6;
    padding: 2px;
    margin-right: 2px;
}

.span__one1:after {
    content: '';
    margin-left: 2px;
    padding: 2px 45px;
    background: linear-gradient(to right, #8DCCEF 0%,  #8DCCEF 11%, #3A88E6 0%, #149BE8 11%, #149BE8 11%,#5B74F7 23%, #5B74F7 36%, #C2CCFF 36%, #C2CCFF 100%);
}

.span__two1 {
    padding: 2px 0 2px 0;
    color: white;
    margin-right: 4px;
    background: #3A88E6;
}

.span__two1:before {
    content: '';
    background: #3A88E6;
    padding: 2px;
    margin-right: 2px;
}

.span__two1:after {
    content: '';
    margin-left: 2px;
    padding: 2px 42px;
    background: linear-gradient(to right, #5B74F7 11%, #5B74F7 11%, #C2CCFF 1%, #C2CCFF 100%);
}

.span__two {
    padding: 2px 0 2px 2px;
    color: white;
    margin-right: 4px;
    background: #3A88E6;
}

.span__one3 {
    padding: 2px 0 2px ;
    color: white;
    margin-right: 4px;
    background: #3A88E6;
}

.span__one3:before {
    content: '';
    background: #3A88E6;
    padding: 2px;
    margin-right: 2px;
}

.span__one3:after {
    content: '';
    margin-left: 2px;
    padding: 2px 45px;
    background: linear-gradient(to right, #149BE8 11%, #149BE8 11%,#5B74F7 0%, #5B74F7 20%, #C2CCFF 0%, #C2CCFF 100%);
}

.span__three {
    padding: 2px 6px;
    color: white;
    margin-right: 4px;
    background: #3A88E6;
}

.span__four {
    padding: 2px 0px 2px 2px;
    color: white;
    margin-right: 4px;
    background: #3A88E6;
}

.span__four:after {
    content: '';
    margin-left: 2px;
    padding: 2px 35px;
    background: linear-gradient(to right, #8DCCEF 0%, #8DCCEF 11%, #149BE8 11%, #149BE8 23%,#5B74F7 23%, #5B74F7 36%, #C2CCFF 36%, #C2CCFF 100%);
}

.span__four1 {
    padding: 2px 0px 2px 2px;
    color: white;
    margin-right: 4px;
    background: #149BE8;
}

.span__four1:after {
    content: '';
    margin-left: 2px;
    padding: 2px 36px;
    background: linear-gradient(to right, #149BE8 0%, #149BE8 5%, #C2CCFF 0%, #C2CCFF 100%);
}

.span__four2 {
    padding: 2px 0px 2px 2px;
    color: white;
    margin-right: 4px;
    background: #5B74F7;
}

.span__four2:after {
    content: '';
    margin-left: 2px;
    padding: 2px 36px;
    background: linear-gradient(to right, #5B74F7 5%, #C2CCFF 0%, #C2CCFF 100%);
}

.span__two2:before {
    content: '';
    background: #149BE8;
    padding: 2px;
    margin-right: 2px;
}

.span__two2:after {
    content: '';
    margin-left: -2px;
    padding: 2px 35px;
    background: linear-gradient(to right, #149BE8 0%, #149BE8 5%,#5B74F7 0%, #5B74F7 15%, #C2CCFF 0%, #C2CCFF 100%);
}

.span__five {
    padding: 2px 0px 2px 10px;
    color: white;
    margin-right: 4px;
    background: #3A88E6;
}

.span__one4 {
    padding: 2px 0 2px 0;
    color: white;
    margin-right: 4px;
    background: #3A88E6;
}

.span__one4:before {
    content: '';
    background: #3A88E6;
    padding: 2px;
    margin-right: 6px;
}

.span__one4:after {
    content: '';
    margin-left: 2px;
    padding: 2px 29px;
    background: linear-gradient(to right, #8DCCEF 0%,  #8DCCEF 8%, #3A88E6 0%, #149BE8 25%, #149BE8 25%,#5B74F7 11%, #5B74F7 20%, #C2CCFF 1%, #C2CCFF 100%);
}

.span__one5 {
    padding: 2px 0 2px 0;
    color: white;
    margin-right: 4px;
    background: #3A88E6;
}

.span__one5:before {
    content: '';
    background: #3A88E6;
    padding: 2px;
    margin-right: 2px;
}

.span__one5:after {
    content: '';
    margin-left: 2px;
    padding: 2px 31px;
    background: linear-gradient(to right, #8DCCEF 0%,  #8DCCEF 8%, #3A88E6 0%, #149BE8 25%, #149BE8 25%,#5B74F7 11%, #5B74F7 20%, #C2CCFF 1%, #C2CCFF 100%);
}
.span__four3 {
    padding: 2px 0px 2px 2px;
    color: white;
    margin-right: 4px;
    background: #8DCCEF;
}

.span__four3:after {
    content: '';
    margin-left: 2px;
    padding: 2px 33px;
    background: linear-gradient(to right, #8DCCEF 5%,  #149BE8 0%, #149BE8 2%,#5B74F7 23%, #5B74F7 20%, #C2CCFF 0%, #C2CCFF 100%);
}
.span__one6 {
    padding: 2px 0 2px 0;
    color: white;
    margin-right: 4px;
    background: #3A88E6;
}

.span__one6:before {
    content: '';
    background: #3A88E6;
    padding: 2px;
    margin-right: 2px;
}

.span__one6:after {
    content: '';
    margin-left: 2px;
    padding: 2px 32px;
    background: linear-gradient(to right,#3A88E6 8%,  #149BE8 1%, #149BE8 15%,#5B74F7 11%, #5B74F7 23%, #C2CCFF 1%, #C2CCFF 100%);
}

.span__one7 {
    padding: 2px 0 2px 0;
    color: white;
    margin-right: 4px;
    background: #149BE8;
}

.span__one7:before {
    content: '';
    background: #149BE8;
    padding: 2px;
    margin-right: 2px;
}

.span__one7:after {
    content: '';
    margin-left: 2px;
    padding: 2px 44px;
    background: linear-gradient(to right, #5B74F7 1%, #5B74F7 7%, #C2CCFF 1%, #C2CCFF 100%);
}

.span__one8 {
    padding: 2px 0 2px 0;
    color: white;
    margin-right: 4px;
    background: #3A88E6;
}

.span__one8:before {
    content: '';
    background: #3A88E6;
    padding: 2px;
    margin-right: 6px;
}

.span__one8:after {
    content: '';
    margin-left: 2px;
    padding: 2px 42px;
    background: linear-gradient(to right, #8DCCEF 0%,  #8DCCEF 8%, #3A88E6 0%, #149BE8 25%, #149BE8 25%,#5B74F7 11%, #5B74F7 20%, #C2CCFF 1%, #C2CCFF 100%);
}
.span__one9 {
    padding: 2px 0 2px 0;
    color: white;
    margin-right: 4px;
    background: #3A88E6;
}

.span__one9:before {
    content: '';
    background: #3A88E6;
    padding: 2px;
    margin-right: 2px;
}

.span__one9:after {
    content: '';
    margin-left: 2px;
    padding: 2px 44px;
    background: linear-gradient(to right, #149BE8 0%, #149BE8 5%,#5B74F7 0%, #5B74F7 10%, #C2CCFF 0%, #C2CCFF 100%);
}
.span__one10 {
    padding: 2px 0 2px 0;
    color: white;
    margin-right: 4px;
    background: #149BE8;
}

.span__one10:before {
    content: '';
    background: #149BE8;
    padding: 2px;
    margin-right: 2px;
}

.span__one10:after {
    content: '';
    margin-left: 2px;
    padding: 2px 42px;
    background: linear-gradient(to right, #5B74F7 1%, #5B74F7 7%, #C2CCFF 1%, #C2CCFF 100%);
}
.span__one11 {
    padding: 2px 0 2px 0;
    color: white;
    margin-right: 4px;
    background: #3A88E6;
}

.span__one11:before {
    content: '';
    background: #3A88E6;
    padding: 2px;
    margin-right: 2px;
}

.span__one11:after {
    content: '';
    margin-left: 2px;
    padding: 2px 42px;
    background: linear-gradient(to right, #3A88E6 1%, #8DCCEF 0%,  #8DCCEF 76%,  #149BE8 0%, #149BE8 90%,#5B74F7 0%, #5B74F7 0%);
}

.span__one12 {
    padding: 2px 0 2px 0;
    color: white;
    margin-right: 4px;
    background: #3A88E6;
}

.span__one12:before {
    content: '';
    background: #3A88E6;
    padding: 2px;
    margin-right: 2px;
}

.span__one12:after {
    content: '';
    margin-left: 2px;
    padding: 2px 38px;
    background: linear-gradient(to right,  #3A88E6 35%, #149BE8 0%, #149BE8 55%,#5B74F7 0%, #5B74F7 76%, #C2CCFF 0%, #C2CCFF 36%);
}
.span__one13 {
    padding: 2px 0 2px 0;
    color: white;
    margin-right: 4px;
    background: #3A88E6;
}

.span__one13:before {
    content: '';
    background: #3A88E6;
    padding: 2px;
    margin-right: 2px;
}

.span__one13:after {
    content: '';
    margin-left: 2px;
    padding: 2px 36px;
    background: linear-gradient(to right, #3A88E6 1%, #8DCCEF 0%,  #8DCCEF 76%,  #149BE8 0%, #149BE8 90%,#5B74F7 0%, #5B74F7 0%);
}







.span__five:after {
    content: '';
    margin-left: 10px;
    padding: 2px 12px;
    background: linear-gradient(to right, #8DCCEF 0%, #8DCCEF 33%, #149BE8 33%, #149BE8 66%,#5B74F7 66%, #5B74F7 100%);
}

.span__seven {
    padding: 2px 0px 2px 4px;
    color: white;
    margin-right: 4px;
    background: #3A88E6;
}

.span__seven:after {
    content: '';
    margin-left: 4px;
    padding: 2px 18px;
    background: linear-gradient(to right, #8DCCEF 0%, #8DCCEF 28%, #149BE8 28%, #149BE8 50%,#5B74F7 50%, #5B74F7 75%, #C2CCFF 75%, #C2CCFF 100%);
}

.span__eight:after {
    content: '';
    margin-right: 4px;
    padding: 2px 60px;
    background: linear-gradient(to right, #149BE8 0%, #149BE8 20%,  #5B74F7 20%, #5B74F7 40%, #BBC6FF 40%, #BBC6FF 100%);
}

.span__eleven:after {
    content: '';
    margin-right: 4px;
    padding: 2px 25px;
    background: linear-gradient(to right, #149BE8 0%, #149BE8 20%,  #5B74F7 20%, #5B74F7 40%, #BBC6FF 40%, #BBC6FF 100%);
}

.span__twelve:after {
    content: '';
    margin-right: 4px;
    padding: 2px 35px;
    background: linear-gradient(to right, #149BE8 0%, #149BE8 20%, #BBC6FF 20%, #BBC6FF 100%);
}

.span__thirteen:after {
    content: '';
    margin-right: 4px;
    padding: 2px 40px;
    background: linear-gradient(to right, #149BE8 0%, #149BE8 20%,  #5B74F7 20%, #5B74F7 40%, #BBC6FF 40%, #BBC6FF 100%);
}

.span__fifteen:after {
    content: '';
    margin-right: 4px;
    padding: 2px 50px;
    background: linear-gradient(to right, #149BE8 0%, #149BE8 20%,  #5B74F7 20%, #5B74F7 40%, #BBC6FF 40%, #BBC6FF 100%);
}

.span__after:after {
    content: '';
    margin-left: 2px;
    padding: 2px 12px;
    background: linear-gradient(to right, #8DCCEF 0%, #8DCCEF 33%, #149BE8 33%, #149BE8 66%,#5B74F7 66%, #5B74F7 100%);
}

.span__bg {
    padding-right: 0 !important;
}

.span__bg:before {
    content: '25';
    text-align: center;
    padding: 2px 60px;
    background: #BBC6FF;
    color: white;
    margin-right: 4px;
}