* {
    font-family: "promptlight";
}

.signin-btn {
    background-color: #1b1464;
    color: #ffff;
    width: 100%;
    border-radius: 10px;
    font-size: 20px;
    font-family: "promptlight";
    padding: 6px 0;

    &:hover {
        box-shadow: 5px 5px 5px  rgba(0, 0, 0, 0.1);
    }
}

.signin {
    background-color: #1b1464;
    color: #ffff;
    width: 100%;
    border-radius: 10px;
    font-size: 20px;
    font-family: "promptlight";
    padding: 6px 0;

    &:hover {
        box-shadow: 5px 5px 5px  rgba(0, 0, 0, 0.1);
    }
}

label {
    font-family: "promptlight";
    font-size: 14px;
}

.divider {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 20px 0;
  color: #5d6975;
}

.divider::before,
.divider::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #5d6975;
}

.divider:not(:empty)::before {
  margin-right: 10px;
}

.divider:not(:empty)::after {
  margin-left: 10px;
}

.divider span {
  font-size: 16px;
  font-weight: bold;
}

.google-btn {
    background-color: #fff;
    border: 1px solid #1b1464;
    border-radius: 10px;
    font-family: "promptlight";
    color: #000;
    font-size: 18px;
    width: 100%;
    padding: 6px 0;
    
    
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
    background-color: white;
    background-repeat: no-repeat;
    background-position: 50px 11px;

    &:hover {
        box-shadow: 5px 5px 5px  rgba(0, 0, 0, 0.1);
    }
}

.thai-btn {
  background-color: #fff;
    border: 1px solid #1b1464;
    border-radius: 10px;
    font-family: "promptlight";
    color: #000;
    font-size: 18px;
    width: 100%;
    padding: 6px 0;

    &:hover {
        box-shadow: 5px 5px 5px  rgba(0, 0, 0, 0.1);
    }
}

.thaiD-logo {
  width: 1vw;
  border-radius: 10px;
  margin-right: 10px
}

.header {
  background-color: #e8e8e8;
  border-radius: 10px;
  padding: 5px 30px;
}

.new-detail {
  background-color: #f2f2f2;
  border-radius: 5px;
  tex-align: center;
  display: flex;
  flex-direction: column;
  padding: 5px 10px;
  font-size: 16px;
}

.text-line {
  margin-top: 10px;
  line-height: 1.5;
}

.icon-spl {
  width: 80px;
  height: 70px;
}

.swal-button {
  font-size: 24px;
  padding: 10px 20px;
}