*,

ul {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}



body {

    background: #F0F0F0;

    display: flex;

    align-items: center;

    justify-content: center;

    min-height: 100vh;

    padding: 20px 0;

}



.slab {

    font-family: "Roboto Slab", serif;

}



.number {

    font-family: "Concert One", sans-serif;

}



.timer,

.text-hari {

    display: flex;

    gap: 10px;

    justify-content: center;

}



.text-hari span {

    display: block;

    width: 130px;

    text-align: center;

}



.timer div {

    width: 130px;

    height: 100px;

    font-size: 80px;

    background: #3F7D58;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 10px;

    color: white;

}



.form-group input,

.form-group select,

.form-group textarea {

    width: 100%;

    border-radius: 3px;

    padding: 10px;

    border: 1px solid #ddd;

    resize: none;

}



.form-group input:focus,

.form-group textarea:focus {

    border: 1px solid #5d5d5d;

    outline: none;

}



input[type="file"] {

    display: none;

}



.input-file {

    border: 1px dashed #585858;

    padding: 60px;

    text-align: center;

    width: 100%;

    border-radius: 4px;

}



.btn-utama {

    background: #0118D8;

    padding: 10px 15px;

    border-radius: 5px;

    display: inline-block;

    color: white;

    border: none;

    transition: .5s;

}



.btn-utama:hover {

    color: #fff;

    background: #0114bc;

}



.step {

    display: none;

}



@media only screen and (max-width:768px) {

    h2 {

        font-size: 20px;

    }



    .timer div {

        width: 130px;

        height: 60px;

        font-size: 40px;

    }

}



.whatsapp {

    position: fixed;

    right: 10px;

    bottom: 10px;

    z-index: 99;

    width: 50px;

    height: 50px;

    background: #15b437;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 30px;

    border-radius: 50%;

    color: white;

}

.whatsapp a{
    color: white;
    text-decoration: none;
}

img {

    width: 120px;

}



.cards {

    background: #fff;

    border-radius: 5px;

    border: 1px solid #ddd;

    min-height: 90vh;

    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);

}



.cards .card-body {

    padding: 40px;

}



table {

    width: 100%;

    border: 1px solid #ddd;

}



table thead tr th,

table tbody tr td {

    padding: 10px;

    border: 1px solid #ddd;

    font-size: 14px;

}



tr:nth-child(even) {

    background-color: #f2f2f2;

}



table thead tr th {

    background-color: #e5e5e5;

    font-family: "Roboto Slab", serif;

}