:root {
            --yellow: #ffb600;
            --dark-bg: #050505;
        }
        body {
            background-color: var(--dark-bg);
            color: #fff;
            font-family: 'Bai Jamjuree';
            margin: 0;
            padding: 0;
            overflow-x: hidden;
        }

/* barlow-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/barlow-v13-latin-100.eot'); /* IE9 Compat Modes */
  src: url('../fonts/barlow-v13-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v13-latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/barlow-v13-latin-100.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/barlow-v13-latin-100.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/barlow-v13-latin-100.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/barlow-v13-latin-100italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/barlow-v13-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v13-latin-100italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/barlow-v13-latin-100italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/barlow-v13-latin-100italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/barlow-v13-latin-100italic.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/barlow-v13-latin-200.eot'); /* IE9 Compat Modes */
  src: url('../fonts/barlow-v13-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v13-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/barlow-v13-latin-200.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/barlow-v13-latin-200.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/barlow-v13-latin-200.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/barlow-v13-latin-200italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/barlow-v13-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v13-latin-200italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/barlow-v13-latin-200italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/barlow-v13-latin-200italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/barlow-v13-latin-200italic.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/barlow-v13-latin-300.eot'); /* IE9 Compat Modes */
  src: url('../fonts/barlow-v13-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v13-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/barlow-v13-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/barlow-v13-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/barlow-v13-latin-300.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/barlow-v13-latin-300italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/barlow-v13-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v13-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/barlow-v13-latin-300italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/barlow-v13-latin-300italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/barlow-v13-latin-300italic.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/barlow-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/barlow-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v13-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/barlow-v13-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/barlow-v13-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/barlow-v13-latin-regular.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/barlow-v13-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/barlow-v13-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v13-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/barlow-v13-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/barlow-v13-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/barlow-v13-latin-italic.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/barlow-v13-latin-500.eot'); /* IE9 Compat Modes */
  src: url('../fonts/barlow-v13-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v13-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/barlow-v13-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/barlow-v13-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/barlow-v13-latin-500.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/barlow-v13-latin-500italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/barlow-v13-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v13-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/barlow-v13-latin-500italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/barlow-v13-latin-500italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/barlow-v13-latin-500italic.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/barlow-v13-latin-600.eot'); /* IE9 Compat Modes */
  src: url('../fonts/barlow-v13-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v13-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/barlow-v13-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/barlow-v13-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/barlow-v13-latin-600.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/barlow-v13-latin-600italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/barlow-v13-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v13-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/barlow-v13-latin-600italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/barlow-v13-latin-600italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/barlow-v13-latin-600italic.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/barlow-v13-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/barlow-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v13-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/barlow-v13-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/barlow-v13-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/barlow-v13-latin-700.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/barlow-v13-latin-700italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/barlow-v13-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v13-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/barlow-v13-latin-700italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/barlow-v13-latin-700italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/barlow-v13-latin-700italic.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/barlow-v13-latin-800.eot'); /* IE9 Compat Modes */
  src: url('../fonts/barlow-v13-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v13-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/barlow-v13-latin-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/barlow-v13-latin-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/barlow-v13-latin-800.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/barlow-v13-latin-800italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/barlow-v13-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v13-latin-800italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/barlow-v13-latin-800italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/barlow-v13-latin-800italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/barlow-v13-latin-800italic.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/barlow-v13-latin-900.eot'); /* IE9 Compat Modes */
  src: url('../fonts/barlow-v13-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v13-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/barlow-v13-latin-900.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/barlow-v13-latin-900.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/barlow-v13-latin-900.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/barlow-v13-latin-900italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/barlow-v13-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v13-latin-900italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/barlow-v13-latin-900italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/barlow-v13-latin-900italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/barlow-v13-latin-900italic.svg#Barlow') format('svg'); /* Legacy iOS */
}


/* bai-jamjuree-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/bai-jamjuree-v13-latin-200.eot'); /* IE9 Compat Modes */
  src: url('../fonts/bai-jamjuree-v13-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/bai-jamjuree-v13-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/bai-jamjuree-v13-latin-200.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/bai-jamjuree-v13-latin-200.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/bai-jamjuree-v13-latin-200.svg#BaiJamjuree') format('svg'); /* Legacy iOS */
}
/* bai-jamjuree-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bai Jamjuree';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/bai-jamjuree-v13-latin-200italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/bai-jamjuree-v13-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/bai-jamjuree-v13-latin-200italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/bai-jamjuree-v13-latin-200italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/bai-jamjuree-v13-latin-200italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/bai-jamjuree-v13-latin-200italic.svg#BaiJamjuree') format('svg'); /* Legacy iOS */
}
/* bai-jamjuree-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/bai-jamjuree-v13-latin-300.eot'); /* IE9 Compat Modes */
  src: url('../fonts/bai-jamjuree-v13-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/bai-jamjuree-v13-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/bai-jamjuree-v13-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/bai-jamjuree-v13-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/bai-jamjuree-v13-latin-300.svg#BaiJamjuree') format('svg'); /* Legacy iOS */
}
/* bai-jamjuree-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bai Jamjuree';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/bai-jamjuree-v13-latin-300italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/bai-jamjuree-v13-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/bai-jamjuree-v13-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/bai-jamjuree-v13-latin-300italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/bai-jamjuree-v13-latin-300italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/bai-jamjuree-v13-latin-300italic.svg#BaiJamjuree') format('svg'); /* Legacy iOS */
}
/* bai-jamjuree-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/bai-jamjuree-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/bai-jamjuree-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/bai-jamjuree-v13-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/bai-jamjuree-v13-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/bai-jamjuree-v13-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/bai-jamjuree-v13-latin-regular.svg#BaiJamjuree') format('svg'); /* Legacy iOS */
}
/* bai-jamjuree-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bai Jamjuree';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/bai-jamjuree-v13-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/bai-jamjuree-v13-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/bai-jamjuree-v13-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/bai-jamjuree-v13-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/bai-jamjuree-v13-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/bai-jamjuree-v13-latin-italic.svg#BaiJamjuree') format('svg'); /* Legacy iOS */
}
/* bai-jamjuree-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/bai-jamjuree-v13-latin-500.eot'); /* IE9 Compat Modes */
  src: url('../fonts/bai-jamjuree-v13-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/bai-jamjuree-v13-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/bai-jamjuree-v13-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/bai-jamjuree-v13-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/bai-jamjuree-v13-latin-500.svg#BaiJamjuree') format('svg'); /* Legacy iOS */
}
/* bai-jamjuree-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bai Jamjuree';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/bai-jamjuree-v13-latin-500italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/bai-jamjuree-v13-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/bai-jamjuree-v13-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/bai-jamjuree-v13-latin-500italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/bai-jamjuree-v13-latin-500italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/bai-jamjuree-v13-latin-500italic.svg#BaiJamjuree') format('svg'); /* Legacy iOS */
}
/* bai-jamjuree-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/bai-jamjuree-v13-latin-600.eot'); /* IE9 Compat Modes */
  src: url('../fonts/bai-jamjuree-v13-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/bai-jamjuree-v13-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/bai-jamjuree-v13-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/bai-jamjuree-v13-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/bai-jamjuree-v13-latin-600.svg#BaiJamjuree') format('svg'); /* Legacy iOS */
}
/* bai-jamjuree-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bai Jamjuree';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/bai-jamjuree-v13-latin-600italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/bai-jamjuree-v13-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/bai-jamjuree-v13-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/bai-jamjuree-v13-latin-600italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/bai-jamjuree-v13-latin-600italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/bai-jamjuree-v13-latin-600italic.svg#BaiJamjuree') format('svg'); /* Legacy iOS */
}
/* bai-jamjuree-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/bai-jamjuree-v13-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/bai-jamjuree-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/bai-jamjuree-v13-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/bai-jamjuree-v13-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/bai-jamjuree-v13-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/bai-jamjuree-v13-latin-700.svg#BaiJamjuree') format('svg'); /* Legacy iOS */
}
/* bai-jamjuree-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bai Jamjuree';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/bai-jamjuree-v13-latin-700italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/bai-jamjuree-v13-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/bai-jamjuree-v13-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/bai-jamjuree-v13-latin-700italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/bai-jamjuree-v13-latin-700italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/bai-jamjuree-v13-latin-700italic.svg#BaiJamjuree') format('svg'); /* Legacy iOS */
}



        .text-yellow { color: var(--yellow) !important; }
        .bg-yellow { background-color: var(--yellow) !important; }
        .border-yellow { border-color: var(--yellow) !important; }
        
        .heading-italic {
            font-family: 'Barlow';
            font-style: italic;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 2px;
        }
        
        .nav-link {
            color: #fff !important;
            font-size: 0.85rem;
            margin-right: 1.5rem;
            text-transform: capitalize;
            opacity: 0.8;
            transition: opacity 0.3s;
        }
        .nav-link:hover, .nav-link.active {
            opacity: 1;
        }
        
        .btn-yellow-outline {
            border: 1px solid var(--yellow);
            color: var(--yellow);
            background: transparent;
            border-radius: 4px;
            padding: 0.2rem 2rem;
            font-weight: bold;
            font-size: 1.2rem;
            transition: 0.3s;
        }
        .btn-yellow-outline:hover {
            background: var(--yellow);
            color: #000;
        }
        
        /* Service Cards */
        .service-card {
            position: relative;
            z-index: 2;
        }
        .service-card-top {
            background: rgba(100, 100, 100, 0.6);
            backdrop-filter: blur(5px);
            color: white;
            text-align: center;
            padding: 1.5rem 1rem 3rem 1rem;
            min-height: 120px;
        }
        .service-card-bottom {
            background: #e2e2e2;
            color: #444;
            padding: 3rem 1rem 1.5rem 1rem;
            font-size: 0.8rem;
            min-height: 180px;
            display: flex;
            align-items: center;
        }
        .service-icon-wrapper {
            position: absolute;
            top: 120px;
            left: 50%;
            transform: translate(-50%, -50%);
            background: var(--yellow);
            border-radius: 50%;
            width: 60px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            color: white;
            z-index: 3;
        }
        .service-card-contact {
            position: absolute;
            inset: 0;
            background-color: #050505;
            color: #fff;
            display: flex;
            flex-direction: column;
            justify-content: center;
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transition: opacity 0.25s ease, visibility 0.25s ease;
            z-index: 5;
        }
        .service-card:hover .service-card-contact,
        .service-card:focus-within .service-card-contact,
        .service-card:focus .service-card-contact {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
        }
        .service-card:focus {
            outline: none;
        }

        .contact-input {
            background: #f4f4f4;
            border: none;
            border-radius: 0;
            padding: 0.8rem;
            font-size: 0.85rem;
        }
        .contact-input::placeholder {
            color: #888;
        }
        
        /* Utility */
        .z-3 { z-index: 3; }

        
.headerlogo
{
    height: 50px;
}        

.footerlogo
{
    height: 107px;
}

.conlogo
{
        height: 161px;
}

.navbar
{
    top: 0;
}

body.subheader .navbar
{
    background-color: transparent !important;
}

.fahrtextsec
{
        display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.service-icon-wrapper {
    width: 82px;
    height: 82px;
}

.leistung-icon
{
    height: 37px !important;
    width: auto !important;
}

.leistungrow 
{
        margin-top: -136px !important;
}

.leistungrow > div.row
{
        display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.kontaktimage 
{
    display: flex;
    justify-content: center;
}

.kontaktimage img
{
    width: 730px !important;
}

form 
{
        display: flex;
    flex-wrap: wrap;
}

form label
{
    display: none !important;
}

.kontaktbackground
{
    background-color: rgba(255,255,255,0.6) !important;
}


form .form-field
{
     padding: 5px 10px;
}

.form-label {
    margin-bottom: .5rem;
    display: none;
}

textarea
{
    height: 156px;
}

form a
{
    color: white;
    text-decoration: none;
}

.hponeicon
{
    width: 35px
}

.form-check
{
    color: rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important
}

.navbar
{
    z-index: 999999999999999999999999999999999999999999999;
}

.backlogo
{
    width: 800px;
    opacity: 0.5;
}

.menuefooter
{
        height: 267px;
    padding-top: 30px;
}

h1
{
    font-size: 108px !important;
    font-weight: 500 !important;
}

h2
{
    font-size: 108px !important;
    font-weight: 500 !important;
}

.paddleft
{
    padding-left: 191px; 
}

.fahrzeugbtn .btn-yellow-outline {
    width: 120px;
        left: 0;
    right: 0;
    position: relative;
    margin: 0 auto;
}

.fahrzeugbtn 
{
    margin-bottom: 100px;
}

body#fahrzeuge .fahrzeugsec
{
    margin-top: 139px !important;
}

.mt-10
{
        margin-top: 7rem !important;
}

h4
{
    font-size: 26px;
}

.paddleftleistungen {
    padding-left: 591px;
}

.hobericon
{
    width: 75px;
}

body#impressum a
{
    color: #ffb600;
    text-decoration: none;
}

body#privacy a
{
    color: #ffb600;
    text-decoration: none;
}

body#privacy ul
{
    padding-left: 40px;
}