@font-face {
    font-family: 'sukhumvit_bold';
    src: url('/static/font/sukhumvitset-bold-webfont.eot');
    src: url('/static/font/sukhumvitset-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/static/font/sukhumvitset-bold-webfont.woff2') format('woff2'),
         url('/static/font/sukhumvitset-bold-webfont.woff') format('woff'),
         url('/static/font/sukhumvitset-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sukhumvit';
    src: url('/static/font/sukhumvitset-text-webfont.eot');
    src: url('/static/font/sukhumvitset-text-webfont.eot?#iefix') format('embedded-opentype'),
         url('/static/font/sukhumvitset-text-webfont.woff2') format('woff2'),
         url('/static/font/sukhumvitset-text-webfont.woff') format('woff'),
         url('/static/font/sukhumvitset-text-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Noto Sans Thai', sans-serif;
    background: url(/static/images/desktop/home/bg2.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
h1, h2, h3, h4, h5 {
    font-family: 'Noto Sans Thai', sans-serif;
    font-weight: bold;
}
.card {
    background-color: #5929b26e;
}
.box {
    color: black;
    background: rgba(252, 250, 255, 0.5);
    /* Mono/Off-Black/03 */
    border: 1px solid #DCDDE0;
    box-sizing: border-box;
    border-radius: 24px;
    padding: 1.5rem;
    margin: 0 1.5rem;
    box-shadow: 12px 12px 0px rgba(88, 41, 178, 0.07);
}
.mb-2 {
    margin-bottom: 1.25rem!important;
}
.clear {
    clear: both;
}

.btn {
    padding: 0.85rem .75rem;
    margin: 1rem 0;
    border-radius: 0.5rem;
}

.btn-primary {
    background-color: #5829B2;
    border-color: #5829B2;
}
.btn-primary:hover,
.btn-primary:focus {
    background-color: #C940FF;
    border-color: #c940ff;
}

.form-control {
    padding: .75rem .75rem;
    border-radius: 0.5rem;
    color: #5829B2;
}
#name::placeholder, #line_id::placeholder, #mobile_country_id::placeholder, #mobile::placeholder, #password::placeholder, #password2::placeholder {
    color: #A79EC0;
}

.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

label {
    padding-bottom: 0.5rem;
}

#form_register {
    margin-top: 1.5rem;
}

a,
.navbar .nav-link {
    color: #5829B2;
    font-weight:800;
    text-decoration: none;
}
a:hover,
.navbar .nav-link:hover {
    color:#C940FF;
}

.navbar .nav-link.active {
    color: black;
}