.cmp-tabs__tab--active{border-color:inherit;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) !important}
.cmp-tabs__tab{text-align:center;box-sizing:border-box;border-bottom:1px solid transparent;padding:.5rem 1rem;cursor:pointer;border-color:#dfe0eb}
.cmp-tabs__tab .nav-underline .nav-link,.nav-link:hover{overflow:hidden;color:var(--gray-text,#6a6d87);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)}
.cmp-tabs__tabpanel .global-content-padding{padding-left:0 !important;padding-right:0 !important}
.flight-upgrade-header>div{flex:1}
.flightupgrades .imageWithContent .tab-content{transform:translateY(-60px)}
@media(min-width:768px){.flightupgrades .imageWithContent .tab-content .card-group{width:min(100%,750px);align-self:center}
.flightupgrades.hero-title-md{width:min(100%,750px);align-self:center}
}
.image-container{width:100%;background:linear-gradient(180deg,rgba(0,0,0,0) 8.74%,rgba(0,0,0,0.5) 100%);display:flex;justify-content:center;align-items:center;position:relative}
.flight-upgrade-image{width:100%;height:100%;position:relative;object-fit:cover}
.flight-upgrades-container{width:min(100%,750px);height:auto;border-radius:16px;border-width:1px;border:1px solid;border-image-source:linear-gradient(228.69deg,#fff -21.97%,rgba(255,255,255,0) 134.54%);box-shadow:0 16px 100px 0 #10182814;backdrop-filter:blur(150px);transform:translateY(-35px);margin:auto;position:relative;z-index:1}
.flight-upgrade-header{width:100%;height:94px;display:flex;flex-direction:row}
.thai-flight-header{width:min(100%,375px);min-height:94px;height:auto;padding:32px 48px 32px 48px;border-top-right-radius:16px;backdrop-filter:blur(120px);font-family:'Inter-Bold';font-weight:700;font-size:20px;line-height:30px;letter-spacing:0;text-align:center;color:#2c3059;opacity:1;background:linear-gradient(180deg,#5b5757 0,rgba(255,255,255,0) 100%)}
.star-alliance-header{width:min(100%,374px);min-height:94px;height:auto;padding:32px 48px 32px 48px;border-top-left-radius:16px;backdrop-filter:blur(120px);font-family:'Inter-Bold';font-weight:700;font-size:20px;line-height:30px;letter-spacing:0;text-align:center;color:#2c3059;opacity:1;background:linear-gradient(180deg,#5b5757 0,rgba(255,255,255,0) 100%)}
.star-alliance-header.active{background:linear-gradient(180deg,#fff 0,rgba(255,255,255,0) 100%);opacity:1}
.thai-flight-header.active{background:linear-gradient(180deg,#fff 0,rgba(255,255,255,0) 100%);opacity:1}
.flight-upgrade-container{width:100%;height:auto;gap:16px;padding:32px 48px 48px 48px;display:flex;flex-direction:column;background-color:#fff;border-radius:0 0 8px 8px}
.start-alliance-info{width:100%;height:1311px;display:flex;margin:auto;flex-direction:column;height:auto}
.start-alliance-heading{font-family:'Inter',sans-serif;font-weight:700;font-size:20px;line-height:30px;letter-spacing:0;color:#2c3059;padding-left:12px}
.Information-section{width:min(100%,654px);height:auto;height:1269px;gap:32px;display:flex}
.start-alliance-description{font-family:'Inter';font-weight:400;font-size:16px;line-height:25.6px;letter-spacing:0;color:#6a6d87}
.start-alliance-description a{display:flex;flex-direction:row;align-items:center;gap:8px;margin-bottom:8px}
.start-alliance-description a img{width:16px;height:16px}
.star-alliance-externalLink{min-height:50px;height:auto;display:flex;flex-direction:row;gap:2px;border-radius:30px;padding-top:8px;padding-bottom:8px;border:0;background:0}
.externalLink-txt{width:207px;height:26px;font-family:'Inter',sans-serif;font-weight:700;font-size:16px;line-height:25.6px;letter-spacing:0;text-align:center;color:#684b9b}
.externalLink-img{width:20px;height:20px}
.next-btn-container{width:100%;height:61px;gap:16px;display:flex;flex-direction:row;justify-content:flex-end}
.next-btn{width:min(100%,171px);height:auto;height:61px;border-radius:30px;padding-top:16px;padding-right:8px;padding-bottom:16px;padding-left:8px;background:linear-gradient(98.72deg,#684b9b -27.72%,#381b6b 127.08%);box-shadow:0 1px 2px 0 #1018280D;color:#fff;border:0;transition:all 300ms ease-out;font-family:'Inter',sans-serif;font-weight:700;font-size:18px;line-height:28.8px;letter-spacing:0;text-align:center}
.upgrade-info-txt{transform:translateX(-31px);margin-bottom:25px}
.thai-flight-notification-cont{width:100%;height:auto;gap:8px;border-radius:8px;padding:8px;display:flex;flex-direction:row;background-color:#f5efff}
.banner-contact-logo{width:16px;height:16px}
.notificaton-sec{width:100%;height:auto}
.notification-heading{font-family:'Inter',sans-serif;font-weight:700;font-size:14px;line-height:22.4px;letter-spacing:0;color:#684b9b}
.notification-desc{font-family:'Inter';font-weight:400;font-size:14px;line-height:22.4px;letter-spacing:0;color:#684b9b}
.contact-thai-btn{display:none !important;width:141px;height:38px;padding-top:8px;padding-right:24px;padding-bottom:8px;padding-left:24px;border-radius:30px;background:linear-gradient(98.72deg,#684b9b -27.72%,#381b6b 127.08%);border:0;box-shadow:0 1px 2px 0 #1018280D;font-family:'Inter',sans-serif;font-weight:700;font-size:14px;line-height:22.4px;letter-spacing:0;color:#fff}
.thaiflight-upgrade-info-sec{width:100%;height:auto;gap:12px;display:flex;flex-direction:column}
.thaiflight-upgrade-txt{height:30px;font-family:'Inter',sans-serif;font-weight:700;font-size:20px;line-height:30px;letter-spacing:0;color:#2c3059}
.thaiflight-info-desc{width:100%;height:auto;gap:8px;display:flex;flex-direction:column;font-family:'Inter',sans-serif;font-weight:400;font-size:16px;line-height:25.6px;letter-spacing:0;color:#6a6d87}
.start-alliance-description h4,.thaiflight-info-desc h4{color:var(--gray-text-strong,#2c3059);font-size:20px}
.thaiflight-info-text{font-family:'Inter',sans-serif;font-weight:400;font-size:16px;line-height:25.6px;letter-spacing:0;color:#6a6d87}
.thaiflight-info-heading{font-family:'Inter',sans-serif;font-weight:700;font-size:16px;line-height:25.6px;letter-spacing:0;color:#6a6d87}
.thaiflight-upgrade-info-txt{transform:translateX(-16px)}
.air-award-txt{font-family:'Inter-Bold';font-weight:700;font-size:16px;line-height:25.6px;letter-spacing:0;text-decoration:underline;text-decoration-style:solid;text-decoration-thickness:Auto;color:#684b9b}
.card-section{width:min(100%,750px);min-height:182.62px;height:auto;border-radius:8px;box-shadow:0 16px 40px 0 #1018280F;background-color:#fff;display:flex;flex-direction:row;margin:auto}
.flightUpgrade-card-image{min-width:296.93px;height:auto;gap:9.79px;display:flex}
.flightUpgrade-imgContent{width:min(100%,453.06px);min-height:160px;height:auto;gap:8px;padding:32px;display:flex;flex-direction:column}
.miles-calculator-txt{height:36px;font-family:'Inter',sans-serif;font-weight:700;font-size:24px;line-height:36px;letter-spacing:0;color:#2c3059}
.miles-calclator-desc{font-family:'Inter',sans-serif;font-weight:400;font-size:16px;line-height:25.6px;letter-spacing:0;color:#6a6d87}
@media(max-width:746px){.card-section{flex-direction:column}
}
.air-awardchart-table-container{background:rgba(0,0,0,0.7);width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0;z-index:2}
.air-award-table-sec{max-width:810px;width:100%;min-height:300px;max-height:600px;border-radius:16px;background-color:#fff;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;margin:auto}
.cancel-icon-sec{display:flex;flex-direction:row;justify-content:end}
.cancel-icon{width:24.95px;height:24.95px;margin-right:20px;margin-top:20px}
.air-award-table-txt{width:730px;height:36px;padding-left:20px;font-family:'InterBold',sans-serif;font-weight:700;font-size:24px;line-height:36px;letter-spacing:0;color:#2c3059;padding-left:20px}
.air-ward-table-container{;height:280px;overflow-y:auto;overflow-x:hidden;padding:30px}
.air-award-button-container{display:flex;flex-direction:row;justify-content:end;padding:20px}
.air-award-table-btn-sec{width:187px;height:61px;gap:8px;padding-top:8px;padding-right:48px;padding-bottom:8px;padding-left:48px;border-radius:30px;background:linear-gradient(98.72deg,#684b9b -27.72%,#381b6b 127.08%);box-shadow:0 1px 2px 0 #1018280D;border:0}
.air-award-table-btn{width:91px;height:29px;gap:8px;padding-right:32px;padding-left:32px;font-family:'InterBold',sans-serif;font-weight:700;font-size:18px;line-height:28.8px;letter-spacing:0;color:#fff}
.cmz-table>:not(caption)>*>*{background-color:unset !important;color:unset !important;padding:unset !important;margin:unset !important}
.cmz-table{font-family:"Inter";height:100%;border:1px solid var(--gray-stroke,#dfe0eb);margin-top:2%;border-collapse:collapse}
.cmz-table thead{background:linear-gradient(180deg,#8240a5 0,#a465c6 100%) !important;color:var(--gray-text-invert,#fff);font-family:"InterBold";font-size:16px;font-style:normal;font-weight:700;line-height:150%}
.cmz-table thead tr th,.cmz-table tbody tr th,.cmz-table tbody tr td{padding:16px 11px 16px 11px !important;gap:60px;text-align:left}
.cmz-table tbody tr th .zone-title,.zone-title{color:var(--gray-text,#6a6d87);font-family:"InterBold";font-size:14px;font-style:normal;font-weight:700;line-height:160%}
.cmz-table tbody tr th .zone-subtitle,.cmz-table tbody tr td,.zone-subtitle{color:var(--gray-text,#6a6d87) !important;font-family:"Inter";font-size:14px;font-style:normal;font-weight:400;line-height:160%}
.cmz-table tbody tr td.availability,.zone-subtitle{color:green !important}
.cmz-table tbody tr:nth-child(4n-3),.cmz-table tbody tr:nth-child(4n-2){background-color:#f9f9fc}
.cmz-table tbody tr:nth-child(4n-1),.cmz-table tbody tr:nth-child(4n){background-color:#e0e0f8}
#ticketing-table tbody tr:nth-child(odd){background-color:#f9f9fc}
#ticketing-table tbody tr:nth-child(even){background-color:#f2f2fa}
#ticketing-table{margin-bottom:4%}
#code-share-flight{margin-bottom:4%}
#provided-service{margin-bottom:1%}
#chargeable-rates{margin-bottom:4%}
#between-zone{margin-bottom:1%}
tbody td{width:15%}
#provided-service tbody tr:nth-child(odd){background-color:#f9f9fc}
#provided-service tbody tr:nth-child(even){background-color:#f2f2fa}
#chargeable-rates tbody tr:nth-child(1){background-color:#f9f9fc}
#chargeable-rates tbody tr:nth-child(2){background-color:#f9f9fc}
#chargeable-rates tbody tr:nth-child(3){background-color:#e0e0f8}
#chargeable-rates tbody tr:nth-child(4){background-color:#e0e0f8}
#chargeable-rates tbody tr:nth-child(5){background-color:#f9f9fc}
#chargeable-rates tbody tr:nth-child(6){background-color:#e0e0f8}
#chargeable-rates tbody tr:nth-child(7){background-color:#f9f9fc}
#chargeable-rates tbody tr:nth-child(8){background-color:#e0e0f8}
.zonesub{width:100px}
.zonerow{margin-bottom:15px}
.paragraph{font-family:Inter;font-size:18px;font-weight:400;line-height:27px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;color:#6a6d87}
.generic_table p{color:var(--bs-secondary-color);text-align:left}
@media(max-width:767px){.generic_table{width:1100px;margin:auto}
.table-container{overflow-x:scroll}
}
.cmz-table-about-rop{border:unset !important;width:100%}
.cmz-table-about-rop thead{background:var(--primary-surface-strong,#684b9b) !important;font-size:14px !important}
.cmz-table-about-rop tbody tr th .zone-subtitle,.cmz-table-about-rop tbody tr td,.zone-subtitle{color:var(--gray-text-strong,#2c3059) !important}
.cmz-table-about-rop tbody tr:not(:last-child){border-bottom:1px solid var(--gray-stroke,#dfe0eb);background-color:var(--gray-surface-weak,#f9f9fc) !important}
.cmz-table-about-rop tbody tr:last-child{background-color:var(--gray-surface-weak,#f9f9fc) !important}
.generic_table .cmz-table-about-rop .sub-heading{background:var(--primary-surface-disable,#e3d4fe) !important;color:var(--gray-text-strong,#2c3059)}
.generic_table .cmz-table-about-rop .highlighted-row{background:var(--primary-surface-weak,#f5efff) !important}
@media(min-width:768px){.cmz-table-about-rop{margin-left:40px;width:90%}
.cmz-table-ticket-fee{margin-left:unset;width:100%}
}
@media(max-width:767px){.cmz-table-service-fee tbody tr td:first-child{width:100%}
.cmz-table-service-fee tbody tr td:not(:first-child){display:none}
}
.subheader-table .cmz-table{border:unset !important}
.subheader-table tbody tr{background-color:#f9f9fc !important}
.subheader-table .cmz-table tbody tr:last-child{border-bottom:unset !important}
.subheader-table tbody tr td{padding:16px !important}
.subheader-table .cmz-table tbody tr:first-child td{padding:8px 16px !important;font-family:"InterBold";font-weight:700;font-size:14px;line-height:160%;letter-spacing:0;color:var(--primary-text,#684b9b) !important;background:var(--primary-surface-disable,#e3d4fe) !important}
.ticket-issuing-mobile-view{display:none}
@media(max-width:767px){.ticket-issuing-mobile-view{display:block}
.ticket-fee-table{width:100%}
.ticket-issuing-table-head{background:var(--primary-surface-disable,#e3d4fe) !important;color:var(--gray-text-strong,#2c3059) !important}
.generic_table .ticket-issuing-label{background:var(--primary-surface-strong,#684b9b) !important;color:var(--gray-text-invert,#fff) !important;font-family:"Inter-Bold";font-size:14px;font-style:normal;font-weight:700;line-height:160%;width:40%}
.generic_table .ticket-issuing-align-row{border:unset !important;background:var(--gray-surface-weak,#f9f9fc) !important}
.generic_table .ticket-issuing-data{border-bottom:1px solid var(--gray-stroke,#dfe0eb) !important;background:var(--gray-surface-weak,#f9f9fc) !important;width:60%;color:var(--gray-text-strong,#2c3059) !important}
.generic_table .not-applicable{color:var(--gray-text-weak,#9596ac) !important}
.align-arrow{position:relative;cursor:pointer}
.arrow-icon{position:absolute;right:15px}
.btn-close{background-color:transparent !important;color:#181b47 !important;opacity:.7 !important}
.btn-close:focus{box-shadow:unset !important}
.btn-close:hover{color:#181b47 !important;opacity:.7 !important}
.show{border-radius:12px 12px 0 0 !important;cursor:unset !important}
.offcanvas-title{overflow:hidden;text-overflow:ellipsis;font-family:"Inter-Bold";font-size:20px;font-style:normal;font-weight:700;line-height:160%}
.list{display:flex;height:50px;padding:0 16px;justify-content:space-between;align-items:center;align-self:stretch;background:var(--gray-surface-weak,#f9f9fc)}
.list-name{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.selected-item{color:var(--gray-text-strong,#2c3059);font-family:"Inter-Bold";font-size:16px;font-style:normal;font-weight:700;line-height:160%}
.selected-tick-mark{position:absolute;right:33px}
.not-selected-item{align-self:stretch;color:var(--gray-text-strong,#2c3059);font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:160%}
.stroke{stroke-width:1px;stroke:var(--gray-stroke,#dfe0eb)}
.not-selected-list-name{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}
.not-selected-list-container{display:flex;padding:12px 16px;justify-content:space-between;align-items:center;align-self:stretch}
.offcanvas-height{min-height:400px}
.offcanvas-list-item{border:unset !important;display:flex;height:50px;padding:0 16px;justify-content:space-between;align-items:center;align-self:stretch;cursor:pointer;border-bottom:1px solid var(--gray-stroke,#dfe0eb) !important;color:var(--gray-text-strong,#2c3059);font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:160%}
.align-selected-img{position:absolute;right:15px}
.selected-option{border-top-left-radius:unset !important;border-top-right-radius:unset !important;background:var(--gray-surface-weak,#f9f9fc) !important}
.seperate-table{height:16px}
.air-award-table-sec{top:unset;left:unset;transform:unset;bottom:0;border-radius:16px 16px 0 0}
.air-ward-table-container{height:400px;overflow-y:auto;overflow-x:auto;padding:16px}
}
@media(max-width:767px){.next-btn-container{justify-content:center}
.next-btn{width:100%}
.card-section{flex-direction:column}
.contact-thai-btn{display:none !important}
.flight-upgrades-container{border-radius:0 !important;margin-top:30px}
.flight-upgrade-container{padding:16px}
.flight-upgrade-header{height:fit-content}
.star-alliance-header,.thai-flight-header{width:100%;min-height:fit-content;border-radius:0 !important;font-size:17px;padding:16px}
.start-alliance-description h4,.thaiflight-info-desc h4{color:var(--gray-text-strong,#2c3059);font-size:16px}
.flightUpgrade-card-image{border-radius:18px}
}
.textBold{font-family:"Inter-Bold !important"}
@media(max-width:767px){.thai-flight-header,.star-alliance-header{font-size:16px;font-family:'InterBold';opacity:unset}
}