@import url("https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Itim&display=swap");

* {
    font-family: "Kanit", sans-serif;
    /* font-family: 'Itim', cursive; */
    font-weight: 300;
}
.text-posi {
    position: fixed;
    top: 50%;
    left: 30%;
    transform: translate(-50%, -50%);
}

.web-btn-white {
    transition: all 0.5s;
    color: #fff;
    border: 1.5px solid #fff;
}

.web-btn-white:hover {
    transition: all 0.5s;
    color: #000000;
    background-color: #fff;
    box-shadow: 0 10px 12px 0 rgba(255, 255, 255, 0.2), 0 6px 12px 0 rgba(235, 235, 235, 0.19);
}

.modal.fade .modal-dialog {
    -webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0);
}

.modal.show .modal-dialog {
    transform: none
}

.web-btn-success {
    transition: all 0.5s;
    color: #fff;
    background-color: #58b368;
    border: 1.5px solid #58b368;
}

.web-btn-success:hover {
    transition: all 0.5s;
    color: #fff;
    background-color: #498d55;
    border: 1.5px solid #00ff2f;
}

.text-don{
    color: red;
}