@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wdth,wght@62.5..100,100..900&display=swap');
* {
    font-family: "Noto Sans Thai", sans-serif;
    font-size: 0.98rem;
}

html,
body {
    height: 100%;
}

.glass-blur {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background-color: rgba(255, 255, 255, 0.4);
}

.background {
    position: relative;
}

.background::after {
    position: absolute;
    content: "";
    z-index: -1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    filter: blur(15px);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    background-position: center center;
    background-attachment: fixed;
    background-image: linear-gradient( rgba(255, 255, 255, 0.7), rgba(64, 107, 207, 0.5)), url(../images/bg.jpg);
}

.form-check-input:checked {
    background-color: #385d91 !important;
    border-color: #385d91 !important;
}

.bg-blue {
    background-color: #385d91 !important;
}

.text-bule {
    color: #000093 !important;
}

.btn-bule {
    background-color: rgb(64, 107, 207) !important;
    color: #fff;
}

.btn-bule:hover,
.btn-bule:focus,
.btn-bule:active,
.btn-bule.btn-default {
    background-color: rgb(69, 97, 163) !important;
    color: #fff;
}

.border-bule {
    border-color: rgb(21, 64, 162) !important;
}

.text-blink {
    animation: blinker 3s linear infinite;
}

@keyframes blinker {
    25% {
        opacity: 50;
    }
    50% {
        opacity: 30;
    }
    75% {
        opacity: 0;
    }
}