.data-title {
    display: flex;
    align-items: flex-end;
    width: 94%;
    padding: .3rem 3%;
}

.data-title h1 {
    color: #484848;
    font-size: .34rem;
    font-weight: normal;
    margin-right: .1rem;
}

.data-title p {
    color: #d9d9d9;
    font-size: .3rem;
    text-transform: uppercase;
}

/* title-H */

.title-H {
    width: 94%;
    padding: .3rem 3%;
}

.title-H h1 {
    color: #273443;
    line-height: .35rem;
    font-weight: normal;
    font-size: .32rem;
    text-align: justify;
}

.title-H .timer {
    display: flex;
    padding: .3rem 0;
    justify-content: center;
    border-bottom: 1px dotted #dadada;
}

.title-H .timer p {
    font-size: .24rem;    
    color: #abaaaa;
    margin: 0 .3rem;
}

.data-inner {
    color: #636363;
    width: 94%;
    padding: 0 3% .5rem;
    font-size: .28rem;
    line-height: .38rem;
    text-align: justify;
    text-indent: .56rem;
}

.jabak {
    padding-bottom: .6rem;
}

.jabak a {
    display: block;
    width: 2.4rem;
    height: .6rem;
    text-align: center;
    margin: 0 auto;
    line-height: .6rem;
    color: #fff;
    font-size: .24rem;
    border-radius: .05rem;
    background: #1894eb;
}