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

div{
    font-family: Kanit !important;
}

a{
    font-family: Kanit !important;
}

p{
    font-family: Kanit !important;
}

h1{
    font-family: Kanit !important;
}

h2{
    font-family: Kanit !important;
}

h3{
    font-family: Kanit !important;
}

h4{
    font-family: Kanit !important;
}

h5{
    font-family: Kanit !important ;
}

h6{
    font-family: Kanit !important;
}

input{
  font-family: Kanit !important;
}

button{
  font-family: Kanit !important;
}

td{
    font-family: Kanit !important;
  }

tr{
font-family: Kanit !important;
}

table{
    font-family: Kanit !important;
    }

.img-cert{
    max-width: 100%;
    height: auto;
}    

a {
    text-decoration: none !important;
}

/* ปุ่มที่เป็นลิงก์ (<a class="btn btn-...">) — ธีมกำหนด a:hover/a:focus เป็นสีฟ้า
   ทำให้ตัวอักษรบนปุ่มกลายเป็นสีฟ้าเมื่อชี้/แตะ จึงคงสีขาวไว้ทุกสถานะ */
a.btn-primary, a.btn-secondary, a.btn-success, a.btn-info, a.btn-warning, a.btn-danger,
a.btn-primary:hover, a.btn-secondary:hover, a.btn-success:hover, a.btn-info:hover, a.btn-warning:hover, a.btn-danger:hover,
a.btn-primary:focus, a.btn-secondary:focus, a.btn-success:focus, a.btn-info:focus, a.btn-warning:focus, a.btn-danger:focus,
a.btn-primary:active, a.btn-secondary:active, a.btn-success:active, a.btn-info:active, a.btn-warning:active, a.btn-danger:active {
    color: #fff !important;
}

.range-wrap {
    position: relative;
    margin: 0 auto 3rem;
  }
  .range {
    width: 100%;
  }
  .bubble {
    background: #1572e8;
    color: white;
    padding: 4px 12px;
    position: absolute;
    border-radius: 5px;
    left: 50%;
    transform: translateX(-50%);
  }
  .bubble::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 2px;
    background: #1572e8;
    top: -1px;
    left: 50%;
  }