@font-face {
	font-family: "sarabun";
	src: url("../fonts/sarabun/sarabun-extrabold.eot") format("embedded-opentype"), url("../fonts/sarabun/sarabun-extrabold.woff") format("woff"), url("../fonts/sarabun/sarabun-extrabold.woff2") format("woff2"), url("../fonts/sarabun/sarabun-extrabold.ttf") format("truetype");
	font-style: normal;
	font-weight: 800;
  }
  @font-face {
	font-family: "sarabun";
	src: url("../fonts/sarabun/sarabun-bold.eot") format("embedded-opentype"), url("../fonts/sarabun/sarabun-bold.woff") format("woff"), url("../fonts/sarabun/sarabun-bold.woff2") format("woff2"), url("../fonts/sarabun/sarabun-bold.ttf") format("truetype");
	font-style: normal;
	font-weight: 700;
  }
  @font-face {
	font-family: "sarabun";
	src: url("../fonts/sarabun/sarabun-semibold.eot") format("embedded-opentype"), url("../fonts/sarabun/sarabun-semibold.woff") format("woff"), url("../fonts/sarabun/sarabun-semibold.woff2") format("woff2"), url("../fonts/sarabun/sarabun-semibold.ttf") format("truetype");
	font-style: normal;
	font-weight: 600;
  }
  @font-face {
	font-family: "sarabun";
	src: url("../fonts/sarabun/sarabun-medium.eot") format("embedded-opentype"), url("../fonts/sarabun/sarabun-medium.woff") format("woff"), url("../fonts/sarabun/sarabun-medium.woff2") format("woff2"), url("../fonts/sarabun/sarabun-medium.ttf") format("truetype");
	font-style: normal;
	font-weight: 500;
  }
  @font-face {
	font-family: "sarabun";
	src: url("../fonts/sarabun/sarabun-regular.eot") format("embedded-opentype"), url("../fonts/sarabun/sarabun-regular.woff") format("woff"), url("../fonts/sarabun/sarabun-regular.woff2") format("woff2"), url("../fonts/sarabun/sarabun-regular.ttf") format("truetype");
	font-style: normal;
	font-weight: 400;
  }
  @font-face {
	font-family: "sarabun";
	src: url("../fonts/sarabun/sarabun-light.eot") format("embedded-opentype"), url("../fonts/sarabun/sarabun-light.woff") format("woff"), url("../fonts/sarabun/sarabun-light.woff2") format("woff2"), url("../fonts/sarabun/sarabun-light.ttf") format("truetype");
	font-style: normal;
	font-weight: 300;
  }
  @font-face {
	font-family: "sarabun";
	src: url("../fonts/sarabun/sarabun-extralight.eot") format("embedded-opentype"), url("../fonts/sarabun/sarabun-extralight.woff") format("woff"), url("../fonts/sarabun/sarabun-extralight.woff2") format("woff2"), url("../fonts/sarabun/sarabun-extralight.ttf") format("truetype");
	font-style: normal;
	font-weight: 200;
  }
  @font-face {
	font-family: "sarabun";
	src: url("../fonts/sarabun/sarabun-thin.eot") format("embedded-opentype"), url("../fonts/sarabun/sarabun-thin.woff") format("woff"), url("../fonts/sarabun/sarabun-thin.woff2") format("woff2"), url("../fonts/sarabun/sarabun-thin.ttf") format("truetype");
	font-style: normal;
	font-weight: 100;
  }
.cookies-wrapper {
    position: fixed;
    bottom: 1.25rem;
    left: 50%;
    display: flex;
    width: 100%;
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    flex-direction: column;
    justify-content: center;
    border-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .cookies-wrapper.hidden{
    display: none;
  }
  
  @media (min-width: 768px) {
  
    .cookies-wrapper {
      flex-direction: row;
    }
  }
  
  .cookies-wrapper {
    max-width: 1180px;
    z-index: 1041;
  }
  @media (max-width: 1280px) {
    .cookies-wrapper {
      max-width: 90%;
    }
  }
  
  .cookies-text {
    padding: 1.25rem;
    padding-right: 2rem;
  }
  
  @media (min-width: 576px) {
  
    .cookies-text {
      padding: 2rem;
      padding-bottom: 1.5rem;
    }
  }
  
  @media (min-width: 768px) {
  
    .cookies-text {
      padding-left: 1rem;
      padding-right: 1rem;
      padding-top: 2rem;
      padding-bottom: 2rem;
    }
  }
  
  .cookies-action {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 1rem;
    padding-right: 1rem;
  }
  
  @media (min-width: 768px) {
  
    .cookies-action {
      padding-bottom: 0px;
      width: 170px;
      flex: 0 0 170px;
    }
  }
  
  .cookies-accept {
    width: 250px;
    cursor: pointer;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: center;
    font-size: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  
  @media (min-width: 768px) {
  
    .cookies-accept {
      margin-right: 1rem;
    }
  }
  
  .cookies-denied {
    position: absolute;
    cursor: pointer;
  }
  
  @media (min-width: 768px) {
  
    .cookies-denied {
      position: relative;
    }
  }
  @media (max-width: 767px) {
    .cookies-denied {
      top: 0.75rem;
      right: 0.75rem;
    }
  }

  .fixed.top-0.left-0.right-0.z-10.header.bg-1st{
    background: linear-gradient(90deg, #5585FF 26.09%, #0100E0 76.35%);
  }
  .nav{
    box-shadow: none;
  }
@media (min-width:992px) {
  .nav a:hover{
    color: #fff
  }
}

  footer{
    background-image: url(../img/bgcc.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    padding: 50px 30px 50px!important
  }
  .fil-bd-darken{
    opacity: .95
  }
  .footer__logo img{
    width:90px
  }