@font-face {
  font-family: 'Bellefair'; 
  src: url('../../../etc.clientlibs/thaiairways/clientlibs/clientlib-common/resources/fonts/Bellefair.ttf'); 
}

@font-face {
  font-family: 'Inter'; 
  src: url('../../../etc.clientlibs/thaiairways/clientlibs/clientlib-common/resources/fonts/Inter-Regular.ttf');
}

@font-face {
  font-family: 'InterMedium'; 
  src: url('../../../etc.clientlibs/thaiairways/clientlibs/clientlib-common/resources/fonts/Inter-Medium.ttf');
}
@font-face {
  font-family: 'InterRegular'; 
  src: url('../../../etc.clientlibs/thaiairways/clientlibs/clientlib-common/resources/fonts/Inter-Regular.ttf');
}

@font-face {
  font-family: 'InterBold'; 
  src: url('../../../etc.clientlibs/thaiairways/clientlibs/clientlib-common/resources/fonts/Inter-Bold.ttf');
}
body,html{background:#ffffff;color:#202020;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1pc;line-height:1.5;margin:0}a{color:#2020e0}@media(prefers-color-scheme:dark){a{color:#dfdf1f}}button,input,optgroup,select,textarea{font:inherit}.cmp-helloworld__item-label{margin-bottom:0}.cmp-helloworld__item-output{margin-top:0}.cmp-navigation__item--level-0:hover>.cmp-navigation__group{background:#ececec}main.container{padding:.5em 1em}footer.experiencefragment{border-top:1px solid #202020;padding:.5em 1em}@media(prefers-color-scheme:dark){footer.experiencefragment{border-color:#dfdfdf}}footer.experiencefragment .cmp-separator__horizontal-rule{border:0;margin:0}header.experiencefragment{border-bottom:1px solid #202020;padding:.5em 1em}@media(prefers-color-scheme:dark){header.experiencefragment{border-bottom-color:#dfdfdf}}header.experiencefragment a{color:#202020;text-decoration:none}@media(prefers-color-scheme:dark){header.experiencefragment a{color:#dfdfdf}}header.experiencefragment a:focus,header.experiencefragment a:hover{color:#2020e0;text-decoration:underline}@media(prefers-color-scheme:dark){header.experiencefragment a:focus,header.experiencefragment a:hover{color:#dfdf1f}}header.experiencefragment .cmp-container{display:grid;grid-template-columns:4fr 1fr 1fr}header.experiencefragment .cmp-navigation__group{list-style:none;margin:0;padding:0}header.experiencefragment .cmp-navigation__item--level-0{display:grid;grid-template-columns:1fr 3fr}header.experiencefragment .cmp-navigation__item--level-0>.cmp-navigation__group{display:grid;grid-template-columns:repeat(3,1fr)}header.experiencefragment .cmp-navigation__item-link{display:block}header.experiencefragment .cmp-navigation__item--active>.cmp-navigation__item-link{font-weight:700}header.experiencefragment .cmp-languagenavigation{position:relative}header.experiencefragment .cmp-languagenavigation:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(32,32,32)" d="M12.1,0.2h-0.1c-3.1,0-6.1,1.3-8.3,3.5C1.4,6,0.2,8.9,0.2,12.1c0,3.1,1.3,6.1,3.5,8.3c2.2,2.2,5.1,3.4,8.3,3.4 c0,0,0,0,0.1,0c6.5,0,11.7-5.3,11.7-11.8C23.7,5.5,18.5,0.3,12.1,0.2z M18.3,11.5c-0.1-1.4-0.3-2.8-0.7-4.1C18.5,7,19.4,6.5,20.3,6 c1.1,1.6,1.9,3.5,2,5.5H18.3z M22.2,12.5c-0.1,2.1-0.8,4-2,5.5c-0.8-0.6-1.7-1-2.6-1.4c0.3-1.1,0.6-2.2,0.7-3.3c0-0.3,0-0.5,0-0.8 H22.2z M19.6,5.2c-0.8,0.5-1.6,0.9-2.4,1.3c-0.6-1.4-1.4-2.7-2.3-3.8c-0.2-0.2-0.4-0.4-0.6-0.6C16.4,2.5,18.3,3.7,19.6,5.2z M12.8,22.2c-0.1,0-0.2,0-0.3,0v-5.7c1.3,0,2.6,0.3,3.8,0.7C15.6,19.1,14.3,20.8,12.8,22.2z M9.9,20.8c-0.9-1.1-1.7-2.3-2.2-3.6 c1.2-0.4,2.5-0.6,3.8-0.7v5.7c-0.1,0-0.2,0-0.3,0C10.7,21.8,10.3,21.3,9.9,20.8z M11.4,1.8c0,0,0.1,0,0.1,0v5.7 c-1.3,0-2.6-0.3-3.8-0.7C8.5,4.9,9.7,3.2,11.4,1.8z M14.1,3.3c0.9,1.1,1.6,2.3,2.2,3.5c-1.2,0.4-2.5,0.6-3.8,0.7V1.8 c0.1,0,0.1,0,0.2,0C13.2,2.2,13.7,2.7,14.1,3.3z M16.7,7.7c0.4,1.2,0.6,2.5,0.7,3.8h-4.8V8.4C13.9,8.4,15.3,8.2,16.7,7.7z M11.5,8.4 v3.1H6.7C6.7,10.2,7,9,7.4,7.7C8.7,8.2,10.1,8.4,11.5,8.4z M11.5,12.5v3.1c-1.4,0-2.8,0.3-4.2,0.7c-0.4-1.2-0.6-2.5-0.7-3.8H11.5z M12.5,15.6v-3.1h4.8c0,0.2,0,0.5,0,0.7c-0.1,1.1-0.3,2.1-0.6,3.1C15.3,15.8,13.9,15.6,12.5,15.6z M9.6,2C8.4,3.3,7.4,4.8,6.8,6.5 C5.9,6.1,5.1,5.7,4.4,5.2c0.1-0.1,0.2-0.3,0.4-0.4C6.1,3.4,7.8,2.5,9.6,2z M5.7,11.5H1.8c0.1-2,0.8-3.9,1.9-5.5 C4.6,6.5,5.5,7,6.4,7.4C6,8.7,5.7,10.1,5.7,11.5z M6.4,16.6C5.5,17,4.6,17.5,3.7,18c-1.2-1.6-1.9-3.5-1.9-5.5h3.9 C5.7,13.9,5.9,15.3,6.4,16.6z M4.4,18.8c0.8-0.5,1.5-0.9,2.4-1.3c0.6,1.4,1.4,2.7,2.4,3.9c0.1,0.2,0.3,0.3,0.4,0.5 c-1.8-0.4-3.4-1.3-4.7-2.7C4.6,19.1,4.5,19,4.4,18.8z M14.5,21.9c1.2-1.3,2.1-2.8,2.8-4.4c0.8,0.3,1.6,0.8,2.4,1.2 C18.3,20.3,16.5,21.4,14.5,21.9z"/></svg>');background-repeat:no-repeat;content:" ";display:block;height:1.5em}@media(prefers-color-scheme:dark){header.experiencefragment .cmp-languagenavigation:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(223,223,223)" d="M12.1,0.2h-0.1c-3.1,0-6.1,1.3-8.3,3.5C1.4,6,0.2,8.9,0.2,12.1c0,3.1,1.3,6.1,3.5,8.3c2.2,2.2,5.1,3.4,8.3,3.4 c0,0,0,0,0.1,0c6.5,0,11.7-5.3,11.7-11.8C23.7,5.5,18.5,0.3,12.1,0.2z M18.3,11.5c-0.1-1.4-0.3-2.8-0.7-4.1C18.5,7,19.4,6.5,20.3,6 c1.1,1.6,1.9,3.5,2,5.5H18.3z M22.2,12.5c-0.1,2.1-0.8,4-2,5.5c-0.8-0.6-1.7-1-2.6-1.4c0.3-1.1,0.6-2.2,0.7-3.3c0-0.3,0-0.5,0-0.8 H22.2z M19.6,5.2c-0.8,0.5-1.6,0.9-2.4,1.3c-0.6-1.4-1.4-2.7-2.3-3.8c-0.2-0.2-0.4-0.4-0.6-0.6C16.4,2.5,18.3,3.7,19.6,5.2z M12.8,22.2c-0.1,0-0.2,0-0.3,0v-5.7c1.3,0,2.6,0.3,3.8,0.7C15.6,19.1,14.3,20.8,12.8,22.2z M9.9,20.8c-0.9-1.1-1.7-2.3-2.2-3.6 c1.2-0.4,2.5-0.6,3.8-0.7v5.7c-0.1,0-0.2,0-0.3,0C10.7,21.8,10.3,21.3,9.9,20.8z M11.4,1.8c0,0,0.1,0,0.1,0v5.7 c-1.3,0-2.6-0.3-3.8-0.7C8.5,4.9,9.7,3.2,11.4,1.8z M14.1,3.3c0.9,1.1,1.6,2.3,2.2,3.5c-1.2,0.4-2.5,0.6-3.8,0.7V1.8 c0.1,0,0.1,0,0.2,0C13.2,2.2,13.7,2.7,14.1,3.3z M16.7,7.7c0.4,1.2,0.6,2.5,0.7,3.8h-4.8V8.4C13.9,8.4,15.3,8.2,16.7,7.7z M11.5,8.4 v3.1H6.7C6.7,10.2,7,9,7.4,7.7C8.7,8.2,10.1,8.4,11.5,8.4z M11.5,12.5v3.1c-1.4,0-2.8,0.3-4.2,0.7c-0.4-1.2-0.6-2.5-0.7-3.8H11.5z M12.5,15.6v-3.1h4.8c0,0.2,0,0.5,0,0.7c-0.1,1.1-0.3,2.1-0.6,3.1C15.3,15.8,13.9,15.6,12.5,15.6z M9.6,2C8.4,3.3,7.4,4.8,6.8,6.5 C5.9,6.1,5.1,5.7,4.4,5.2c0.1-0.1,0.2-0.3,0.4-0.4C6.1,3.4,7.8,2.5,9.6,2z M5.7,11.5H1.8c0.1-2,0.8-3.9,1.9-5.5 C4.6,6.5,5.5,7,6.4,7.4C6,8.7,5.7,10.1,5.7,11.5z M6.4,16.6C5.5,17,4.6,17.5,3.7,18c-1.2-1.6-1.9-3.5-1.9-5.5h3.9 C5.7,13.9,5.9,15.3,6.4,16.6z M4.4,18.8c0.8-0.5,1.5-0.9,2.4-1.3c0.6,1.4,1.4,2.7,2.4,3.9c0.1,0.2,0.3,0.3,0.4,0.5 c-1.8-0.4-3.4-1.3-4.7-2.7C4.6,19.1,4.5,19,4.4,18.8z M14.5,21.9c1.2-1.3,2.1-2.8,2.8-4.4c0.8,0.3,1.6,0.8,2.4,1.2 C18.3,20.3,16.5,21.4,14.5,21.9z"/></svg>')}}header.experiencefragment .cmp-languagenavigation>.cmp-languagenavigation__group{background:#ececec;border:1px solid #202020;border-top:0;padding:0 8px;position:absolute;top:34px;-webkit-transition-delay:.5s;transition-delay:.5s;visibility:hidden;width:20em}@media(prefers-color-scheme:dark){header.experiencefragment .cmp-languagenavigation>.cmp-languagenavigation__group{background:#131313;border-color:#dfdfdf}}header.experiencefragment .cmp-languagenavigation:hover>.cmp-languagenavigation__group{-webkit-transition-delay:0s;transition-delay:0s;visibility:visible}header.experiencefragment .cmp-languagenavigation__group{list-style:none;margin:0;padding:0}header.experiencefragment .cmp-languagenavigation__item-title{font-size:x-small;text-transform:uppercase}header.experiencefragment .cmp-languagenavigation__item--level-0{margin-bottom:.5em}header.experiencefragment .cmp-languagenavigation__item--level-1{display:inline}header.experiencefragment .cmp-languagenavigation__item--level-1:not(:first-child):before{content:" | "}header.experiencefragment .cmp-languagenavigation__item--active>.cmp-languagenavigation__item-link{font-weight:700}header.experiencefragment .cmp-search__field{display:-webkit-box;display:-ms-flexbox;display:flex;margin:-3px 0}header.experiencefragment .cmp-search__input{height:26px}
 /* forces light color-scheme */
/*body{
  color-scheme: light;
  background: white;
  filter: grayscale(100%);
}*/
.grayscale{
filter: grayscale(100%);

    }

.container b{
 font-family: 'InterBold' !important;
}
.container strong{
 font-family: 'InterBold' !important;
}
.container b a , .navigator .learnMore {

    font-family: 'InterBold' !important;
}

#centerImage img{
    top:170px;
    height: 578px !important;
    width: 1440px !important;
}
.cmp-title-red-color .cmp-title__text{
  color: #c81017;
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 400;
  font-family: 'Bellefair';
}

.cmp-title-black-color .cmp-title__text{
  color: #0D0E10;
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 400;
  font-family: 'Bellefair';
}
.cmp-title__text-h5-color h5 {
  width: 100%;
  color: var(--gray-text-strong, #2c3059);
  font-family: "InterBold";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */  
}

a{
    color:var(--primary-text, #684B9B);
}

/*.hero-section {
    max-width: 2400px;
    }*/
 .container {
       padding-left: 0 !important;  
   }

#error-page .error-banner .error-container {
	display: flex;
    flex-direction: column;
    margin-bottom: 40px;
}

#error-page .error-banner .error-container .home-button {
    width: max-content;
}

button:focus:not(:focus-visible) {
  outline: none !important;
}

@media (min-width: 768px) {

  button:focus:not(:focus-visible) {
    outline: none !important;
  }
  
.cmp-title__text-h5-color h5 {
  color: var(--gray-text-strong, #2c3059);
  font-family: "InterBold";
  font-size: 24px;
  font-weight: 700;
  line-height: 28.8px;
  text-align: left;
}
.cmp-title__text-h3-color h3 {
  color: var(--gray-text-strong, #2c3059);
  font-family: "InterBold";
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
  width: 1110px;
  margin: auto;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.cmp-title__text-h2-color h2 {
  color: var(--gray-text-strong, #2c3059);
  font-family: "Bellefair";
  font-size: 32px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 48px;
}
.cmp-title__text-h2-ourcraft-color h2 {
  color: var(--gray-text-strong, #2c3059);
  font-family: "Bellefair";
  font-size: 32px;
  font-weight: 400;
  line-height: 48px; 
}
.cmp-title__text-h1-color h1 {
    color: var(--gray-text-strong, #2c3059);
    font-family: "Bellefair";
    font-size: 36px;
    font-weight: 400;
    line-height: 54px;
    text-align: left;
    width: 1110px;
    /* margin: auto; */
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2%;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    text-transform: uppercase;
}
.cmp-title__text-h4-color h4 {
  font-family: InterBold;
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  text-align: left;
  width: 1110px;
   margin: auto !important;       
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #6A6D87;
 }

.cmp-title__text-h4-modal-color h4 {
  color: var(--gray-text-strong, #2c3059);  
  font-family: InterBold;
  font-size: 28px;
  font-weight: 700;
  line-height: 33.6px;
  text-align: left;
  width: "100%";
  margin: auto;        
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
 }

#error-page .error-banner .error-container {
	display: flex;
    flex-direction: column;
    margin-bottom: 120px;
}
}

/* board of directors - individual page */
.title.cmp-title__text-h4-color h4 {
    width: 100% !important;
    margin-bottom: 0;
}

.title.cmp-title__text-h4-color .cmp-title__link {
  width: fit-content;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  margin: 24px 0px;
}

.title.cmp-title__text-h4-color .cmp-title__link {
  font-family: "InterBold";
  color: var(--gray-text-strong, #2c3059);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

.title.cmp-title__text-h4-color .cmp-title__link::before {
  background-image: url("../../../content/dam/thaiairways/images/icons/back-arrow.png");
  width: 30px;
  height: 30px;
  content: "";
  display: inline-block;
  margin-top: 3px;
  flex-shrink: 0;
  background-size: contain;
  background-repeat: no-repeat;
}

.pageLoader{

    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    display: block;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background:#000;
        opacity:0.5;
}

.spinner{
	/*width: 184px;*/
    width: 250px;
    /*left: 45%;*/
    left: 41%;
    background: unset;
    border: unset;
    padding: unset;
    /*position: absolute;*/
    position: fixed;
    top: 0;
    z-index: 1056;
    /*top: 43%*/
    top: 30%;
}


@media (min-width: 768px) {
  .title.cmp-title__text-h4-color .cmp-title__link {
    width: fit-content;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
  }
}
