@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100;200;400;500;600;700;800;900&display=swap");
* {
  font-family: "Noto Sans Thai", sans-serif;
}

html,
body {
  height: 100%;
}

.glass-blur {
  -webkit-backdrop-filter: blur(45px);
  backdrop-filter: blur(45px);
  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(128, 193, 255, 0.8)
    ),
    url(../images/bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: 50% 50%;
  animation: gradient 50s ease infinite;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.btn-his {
  background-color: #0C88AE !important;
  color: #fff !important;
}

.btn-his:hover,
.btn-his:focus,
.btn-his:active,
.btn-his.btn-default {
  background-color: #0C88AE !important;
  color: #ddd;
}

.border-his {
  border-color: #0C88AE !important;
}


.text-ria{
    color: #0C88AE !important;
}