*{padding:0;margin:0;border:0;box-sizing:border-box}
a{text-decoration:none !important}
body{font-family:"Inter";font-size:16px}
.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:99}
.form-floating input.form-select{padding-top:1rem !important}
.form-floating label{color:var(--gray-text,#6a6d87);font-family:"Inter";font-weight:500;font-size:12px !important;line-height:19.2px;letter-spacing:0}
.search-container,.tab-container,.heading-container,.navigation-section,.dropdown-box,.img-container,.banner-container{padding:0 16px}
.tab-container{padding-bottom:48px}
.dropdown-container{width:100%;height:178px;padding:32px 16px;border-radius:16px;transform:translate(0,-18%);position:relative;z-index:100}
.search-label{color:var(--gray-text-strong,#2c3059);font-family:"InterBold";font-size:20px;font-weight:700;line-height:30px;text-align:left}
.result-container h1,.tab-section h2,.highlightsBenefits .heading-title{color:var(--gray-text-strong,#2c3059);font-family:"Bellefair";font-size:24px;font-style:normal;font-weight:400;line-height:150%;text-transform:uppercase}
.hero-title-md{color:var(--gray-text-invert,#fff);font-family:"Bellefair";font-size:24px;font-style:normal;font-weight:400;line-height:150%;text-transform:uppercase;height:100%;display:flex;align-items:center !important;margin-bottom:0;padding-bottom:0;z-index:1}
.tab-section{padding-top:20px;padding-bottom:40px}
@media(min-width:768px){.search-container,.tab-container,.heading-container,.navigation-section,.dropdown-box,.img-container,.banner-container{padding:0 150px}
.tab-container{padding-bottom:120px}
.navigation-scrolled{box-shadow:0 8px 16px 0 rgba(16,24,40,0.1)}
.dropdown-container{width:100%;height:188px;border-radius:16px;transform:translate(0,-18%);padding:32px}
.search-label{color:var(--gray-text-strong,#2c3059);font-family:"InterBold";font-size:24px;font-weight:700;line-height:36px;text-align:left}
.result-container h1,.tab-section h2,.highlightsBenefits .heading-title{color:var(--gray-text-strong,#2c3059);font-family:"Bellefair";font-size:32px;font-style:normal;font-weight:400;line-height:150%;text-transform:uppercase}
.hero-title-md{color:var(--gray-text-invert,#fff);font-family:"Bellefair";font-size:36px;font-style:normal;font-weight:400;line-height:150%;text-transform:uppercase;height:100%;display:flex;align-items:flex-end !important;padding-bottom:56px;z-index:1}
}
.hero-section{position:relative;width:100%;overflow:hidden;display:flex;flex-direction:column;align-items:start}
.hero-section img{position:absolute;top:0;bottom:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;z-index:0}
.hero-section::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0.7) 91.5%);z-index:1}
body{scroll-behavior:smooth}
.tab-section{height:max-content}
.sticky-tabs{position:sticky;top:0;background:white;z-index:1000;padding:10px 0;box-shadow:0 4px 6px rgba(0,0,0,0.1)}
.navigation-section{background-color:white;position:sticky;top:0;z-index:1}
nav ul{margin:0}
.nav-links{list-style:none;display:flex;justify-content:start}
ul.nav-links{padding:12px 0}
.nav-links li{margin:0}
.nav-links a{display:flex;min-width:140px;padding:var(--spacing-sm,12px) 24px;justify-content:center;align-items:center;gap:10px;color:var(--gray-text,#6a6d87);text-align:center;font-family:"InterMedium";font-size:18px;font-style:normal;font-weight:500;line-height:150%}
.nav-links a.active{color:var(--gray-text-strong,#2c3059);text-align:center;font-family:"InterBold";font-size:18px;font-style:normal;font-weight:700;line-height:150%;border-radius:8px;background:var(--gray-surface,#f2f2fa)}
.nav-links a:hover{border-bottom:0}
nav .form-select,.form-select{font-family:"Inter",sans-serif;color:#2c3059}
.custom-select select{width:100%;text-overflow:ellipsis}
.custom-select select option{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.form-floating .form-select{padding-top:unset !important;padding-bottom:unset !important}
.airport-card-group{display:flex;flex-direction:column;gap:24px;padding-bottom:56px}
.airport-info-card{width:100%;height:max-content;display:flex;flex-direction:column;gap:16px;border-radius:12px;border-width:1px;padding:24px 16px;border:1px solid var(--gray-stroke,#dfe0eb)}
.airport-info-card h4{color:var(--gray-text-strong,#2c3059);font-family:"InterBold";font-weight:700;font-size:18px;line-height:27px;letter-spacing:0;padding-bottom:12px;border-bottom:1px solid var(--gray-stroke,#dfe0eb)}
@media(min-width:768px){.result-container .airport-banner-container{width:100%;height:366px;padding-top:40px}
.airport-card-group-two{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.airport-card-group-one{display:grid;grid-template-columns:repeat(1,1fr);gap:24px}
.airport-info-card{width:100%;height:100%;display:flex;flex-direction:column;gap:32px;border-radius:12px;border-width:1px;padding:32px;border:1px solid var(--gray-stroke,#dfe0eb)}
.airport-info-card h4{color:var(--gray-text-strong,#2c3059);font-family:"InterBold";font-weight:700;font-size:20px;line-height:30px;letter-spacing:0;padding-bottom:16px;border-bottom:1px solid var(--gray-stroke,#dfe0eb)}
.checkin-counter .tab-sub-content{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.lounge-container{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}
.lounge-container .text-section{width:24%}
.lounge-container .carousel-section{width:70%}
.checkin-service .tab-sub-content{width:50%}
}
.contact-item{display:flex;flex-direction:row;gap:16px}
.city{display:flex;flex-direction:column;gap:4px !important}
.airport-code{color:#684b9b;font-family:"InterBold";font-weight:700;font-size:12px;line-height:19.2px;letter-spacing:0;text-align:center;width:49px;display:flex;padding:2px 12px;justify-content:center;align-items:center;border-radius:20px;background-color:#f5efff}
.city-text{color:var(--gray-text-strong,#2c3059);font-family:"InterMedium";font-size:16px;font-style:normal;font-weight:500;line-height:160%}
.airport-text{color:var(--gray-text,#6a6d87);font-family:"Inter";font-weight:400;font-size:14px;line-height:22.4px;letter-spacing:0}
.tab-container .nav-underline{row-gap:unset;column-gap:unset}
.tab-container .nav-underline .nav-item{width:50%}
.tab-container .nav-underline .nav-link.active{overflow:hidden;color:var(--primary-text,#684b9b);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-family:"InterBold";font-size:18px;font-style:normal;font-weight:700;line-height:150%;border-bottom:3px solid var(--primary-icon,#684b9b)}
.tab-container .nav-underline .nav-link,.nav-link:hover{overflow:hidden;color:var(--gray-text-weak,#9596ac);text-align:center;text-overflow:ellipsis;font-family:"InterMedium";font-size:18px;font-style:normal;font-weight:500;line-height:150%;border-bottom:1px solid var(--gray-stroke-strong,#cacad9)}
.tab-container select{color:var(--gray-text-strong,#2c3059);font-family:"Inter";font-size:16px;font-style:normal;font-weight:400;line-height:160%}
.tab-container p{display:flex;flex-direction:column;color:var(--gray-text,#6a6d87);font-family:"Inter";font-weight:400;font-size:16px;line-height:25.6px;letter-spacing:0;margin-bottom:0 !important}
.tab-container p strong,.tab-container a{color:var(--gray-text-strong,#2c3059) !important;font-family:"InterBold";font-weight:700;font-size:18px;line-height:27px;letter-spacing:0}
.tab-container .airport-card-group a:hover{color:var(--primary-text,#684b9b) !important;font-family:"InterBold";font-weight:700;font-size:18px;line-height:27px;letter-spacing:0;text-decoration:underline !important;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}
.tab-sub-content{display:flex;flex-direction:column;gap:16px}
.nav-link{width:100%}
.basic-facts{display:flex;flex-direction:column;gap:24px}
#tabNav .nav-link:focus{color:var(--gray-text,#6a6d87) !important}
#tabNav .nav-link:hover{color:var(--gray-text,#6a6d87) !important}
.card-carousel-section .carousel-items-wrapper{display:flex;overflow-x:hidden}
.card-carousel-section{width:70%}
@media(max-width:768px){.card-carousel-section{width:100%}
.lounge-container .text-section{padding:16px}
}
.card-carousel-section .card{min-width:454px;height:454px;border:0;border-radius:0;overflow:hidden}
.card-carousel-section .img-gradient{width:100%;height:100%;position:absolute;left:0;top:0;background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0.6) 100%)}
.card-carousel-section .card-img{width:100%;height:100%;object-fit:cover;object-position:50% 100%;transition:transform .3s ease-in-out;border-radius:0}
.card-carousel-section .card:hover .card-img{transform:scale(1.1)}
.card-carousel-section .card-img-overlay{background:radial-gradient(205.11% 205.11% at 54.75% 100%,rgba(44,48,89,0.8) 0,rgba(221,222,236,0) 100%);box-shadow:3.328px 3.328px 12.482px 0 rgba(0,0,0,0.05);backdrop-filter:blur(22px);margin-top:auto;height:fit-content;display:flex;flex-direction:column;justify-content:flex-end;opacity:0;transition:opacity .3s ease-in-out;border-radius:0}
.card-carousel-section .card-headtitle{position:absolute;left:0;bottom:32px;z-index:1;padding:24px}
.card-carousel-section .card-headtitle p{color:var(--gray-text-invert,#fff);font-family:"InterMedium";font-weight:500;font-size:16px;line-height:160%;letter-spacing:0}
.card-carousel-section .card-headtitle h4{color:var(--gray-text-invert,#fff);font-family:"InterBold";font-weight:700;font-size:28px;line-height:150%;letter-spacing:0;margin-bottom:0}
.card-carousel-section .card-overlay-title{color:var(--gray-text-invert,#fff);font-family:"InterBold";font-weight:700;font-size:28px;line-height:150%;letter-spacing:0;margin-bottom:0}
.card-carousel-section .card-overlay-text{width:100%;height:max-content;flex-shrink:0;align-self:stretch;opacity:.7;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--gray-text-invert,#fff);font-family:"Inter";font-size:16px;font-style:normal;font-weight:400;line-height:160%;margin-bottom:16px !important}
.card-carousel-section .card-overlay-button{background-color:#fff;border:0;margin-bottom:32px;display:flex;width:120px;height:42px;padding:8px 12px 8px 16px;justify-content:center;align-items:center;gap:8px;color:var(--primary-text,#684b9b);font-family:"InterBold";font-size:14px;font-style:normal;font-weight:700;line-height:160%;border-radius:30px;background:var(--gray-surface-invert,#fff);box-shadow:0 1px 2px 0 rgba(16,24,40,0.05)}
@media(min-width:768px){.card-carousel-section .card:hover .card-img-overlay{opacity:1;border-radius:0}
.card-carousel-section .card:hover .card-headtitle{display:none}
}
@media(max-width:767px){.card-carousel-section .card-overlay-button{margin-top:16px;margin-bottom:0}
.card-carousel-section .card{min-width:356px;height:356px;border:0;border-radius:0;overflow:hidden}
.card-carousel-section .card-headtitle h4{color:var(--gray-text-invert,#fff);font-family:"InterBold";font-weight:700;font-size:20px;line-height:150%;letter-spacing:0;margin-bottom:0}
.fixed-nav{position:fixed;top:0;z-index:100;width:100%;box-shadow:0 2px 5px rgba(0,0,0,0.1);padding:12px 0}
}
.cms-img-carousel .carousel-controls-and-indicators{display:flex;justify-content:center;gap:12px;padding-bottom:16px;position:absolute;bottom:0;left:41%}
.cms-img-carousel .carousel-control-prev-icon{background:url("../../../../content/dam/thaiairways/images/icons/carousel-prev-arrow-white.png");border:0;width:20px;height:20px}
.cms-img-carousel .carousel-control-next-icon{background:url("../../../../content/dam/thaiairways/images/icons/carousel-next-arrow-white.png");border:0;width:20px;height:20px}
.cms-img-carousel{width:100%;object-fit:cover}
#tab-3{margin-left:-3%;margin-right:-3%}
@media(min-width:768px){.cms-img-carousel .carousel-control-prev-icon{background:url("../../../../content/dam/thaiairways/images/icons/carousel-prev-arrow-white.png");border:0;width:24px;height:24px}
.cms-img-carousel .carousel-control-next-icon{background:url("../../../../content/dam/thaiairways/images/icons/carousel-next-arrow-white.png");border:0;width:24px;height:24px}
.cms-img-carousel{max-width:950px}
.cms-img-carousel .carousel-item{height:454px;aspect-ratio:3 / 2}
#tab-3{margin-left:0;margin-right:-15%}
}
.group{display:grid;grid-template-columns:repeat(1,1fr);gap:16px}
@media(min-width:1280px){#tab-3{margin-left:-5%;margin-right:-15%}
.group{display:grid;grid-template-columns:repeat(2,1fr)}
.basic-facts{width:80%}
}
.cms-img-carousel{width:100%}
.cms-img-carousel .carousel-item{width:100%;object-fit:cover}
.cms-img-carousel .carousel-item img{height:100% !important;object-fit:cover}
.carousel-indicators{position:unset !important;margin:unset !important;gap:unset !important}
.cms-img-carousel .carousel-indicators{display:flex !important;align-items:anchor-center !important;gap:4px}
.cms-img-carousel .carousel-indicators [data-bs-target].active{width:20px !important;height:6px !important;border-radius:5.2px !important;border:none !important;opacity:1}
.cms-img-carousel .carousel-indicators [data-bs-target]{width:6px !important;height:6px !important;border-radius:5.2px !important;border:none !important;opacity:.5}
.carousel-control-next,.carousel-control-prev{position:static !important}
.carousel-controls-and-indicators .carousel-control-prev{width:100%;margin-right:-6%}
.carousel-controls-and-indicators .carousel-control-next{width:100%;margin-left:-6%}
.fixed-nav{position:fixed;top:0;z-index:100;width:100%;box-shadow:0 2px 5px rgba(0,0,0,0.1)}
.data{color:var(--gray-text-strong,#2c3059) !important;font-family:"Inter";font-weight:700;font-size:18px;line-height:27px;letter-spacing:0}
.text-capitalize strong{color:var(--gray-text,#6a6d87) !important;font-family:"Inter";font-weight:400;font-size:16px;line-height:27px;letter-spacing:0}
.form-floating{position:relative}