@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;1,200;1,300;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Thasadith:ital,wght@0,400;0,700;1,400;1,700&display=swap');


h1, h2, h3, h4, h5, h6, .title , .subtitle , .sub , .header{
  font-family: 'Thasadith';

}

body, p {
  font-family: 'Nunito', sans-serif;
}

html {
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  html {
    font-size: calc(16px + 6 * ((100vw - 320px) / 680));
  }
}
@media screen and (min-width: 1000px) {
  html {
    font-size: 22px;
  }
}


.t-shadow-1{
  text-shadow:0px 2px 4px rgba(0,0,0,0.18);
}
.t-shadow-2{
  text-shadow:0px 1px 9px rgba(0,0,0,1);
}

:root {
  --cobalt: #2a3373;
  --cobalt-light: #404a94;
  --cobalt-dark: #232a61;
  --tOff: #dfdfdf;
  --tWhite: #f4f4f4;
  --tBlack: #161616;
      --tBlack1: #242424;
          --tBlack2: #3b3b3b;
              --tBlack3: #616161;
  --bgReignGradient:linear-gradient(0deg, rgba(57,68,142,1) 0%, rgba(33,41,95,1) 100%);
}