@import url("https://fonts.googleapis.com/css2?family=Kanit:wght@300;350&display=swap");

html,
body {
    color: #000000;
    background: url(../image/backgounddd.png) top center no-repeat;
    overflow-x: hidden;
    font-family: "Kanit", sans-serif;
}

@media only screen and (max-width: 600px) {
    .titletop {
        display: none;
    }

    .hidesearch {
        display: none;
    }

}

.mainnumber {
    background: #303030;
    border-radius: 8px;
    padding: 0px 10px 0px 10px;
    margin-right: 5px;
}

.number {
    background: #eee;
    border: 2px solid #fff;
}

.text-whight {
    color: #fff;
}

.text-yellow {
    color: #ffb900 !important;
}

.font600 {
    font-weight: 600 !important;
}

.font32 {
    font-size: 32px !important;
}

.font30 {
    font-size: 30px !important;
}

.font28 {
    font-size: 28px !important;
}

.font26 {
    font-size: 26px !important;
}

.font24 {
    font-size: 24px !important;
}

.font22 {
    font-size: 22px !important;
}

.font20 {
    font-size: 20px !important;
}

.font18 {
    font-size: 18px !important;
}

.font16 {
    font-size: 16px !important;
}

.font14 {
    font-size: 14px !important;
}

.font13 {
    font-size: 13px !important;
}

.font12 {
    font-size: 12px !important;
}

.font11 {
    font-size: 11px !important;
}

.font10 {
    font-size: 10px !important;
}

.font8 {
    font-size: 8px !important;
}


.text.grayy {
    color: #7d7d7d !important
}

.text-gray {
    color: #dedede !important
}

.text-green {
    color: #4caf50 !important
}

.text-danger {
    color: #f00 !important
}

.text-blue {
    color: #00e2ff !important
}

.text-orange {
    color: #ff9800 !important;
}

.text-yellow {
    color: #ffb900 !important;
}

.text-purple {
    color: #9c27b0 !important;
}

.text-pink {
    color: #f05e90 !important;
}

.text-brown {
    color: #795548 !important;
}