:root {

  --navy: #0d1b3e;
  --navy-light: #1a2d5a;

  --orange: #e8560a;
  --orange-light: #ff6b1a;
  --orange-glow: #ff8c42;

  --white: #ffffff;

  --gray-light: #f5f6fa;
  --gray: #e8eaf0;

  --text-dark: #1a1a2e;
  --text-mid: #4a4a6a;
  --text-light: #8b92a5;

  --green: #22c55e;
  --red: #ef4444;
  --gold: #f59e0b;

}


html {
  box-sizing:border-box;
}


*, 
*::before,
*::after {
  box-sizing:border-box;
}


body {

  font-family:'Sarabun', sans-serif;

  color:var(--text-dark);

  background:#fff;

  overflow-x:hidden;

}


img {

  max-width:100%;
  height:auto;

}