.global-content-padding {
    @media (min-width: 1301px) {
        padding-left: 10.42% !important;
        padding-right: 10.42% !important;
    }

    @media (max-width: 1300px) {
        padding-left: 8% !important;
        padding-right: 8% !important;
    }

    @media (max-width: 1220px) {
        padding-left: 6% !important;
        padding-right: 6% !important;
    }

    @media (max-width: 1150px) {
        padding-left: 5% !important;
        padding-right: 5% !important;
    }

    @media (max-width: 1120px) {
        padding-left: 4% !important;
        padding-right: 4% !important;
    }

    @media (max-width: 1100px) {
        padding-left: 3% !important;
        padding-right: 3% !important;
    }
}

.global-content-margin {
    @media (min-width: 1301px) {
        margin-left: 10.42% !important;
        margin-right: 10.42% !important;
    }

    @media (max-width: 1300px) {
        margin-left: 8% !important;
        margin-right: 8% !important;
    }

    @media (max-width: 1220px) {
        margin-left: 6% !important;
        margin-right: 6% !important;
    }

    @media (max-width: 1150px) {
        margin-left: 5% !important;
        margin-right: 5% !important;
    }

    @media (max-width: 1120px) {
        margin-left: 4% !important;
        margin-right: 4% !important;
    }

    @media (max-width: 1100px) {
        margin-left: 3% !important;
        margin-right: 3% !important;
    }
}

a {
  text-decoration: none !important;
}

#thai-ground-services__footer {
        width: 100%;
        height: auto;
        background: linear-gradient(138deg,
                rgba(255, 255, 255, 0) -15.66%,
                rgba(255, 255, 255, 0.3) 163.23%);
        box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.05);
        background: var(--primary-surface-dark, #381b6b);
        flex-direction: column;
        display: flex;
        justify-content: center;
        align-content: center;

    .padding {
        gap: 2rem;
    }
    
    .topContainer {
        /*width: 100%;*/
        width: max-content;
        height: auto;
        flex-direction: row;
        display: inline-flex;
        align-items: flex-start;
        gap: auto;
        margin-bottom: 2%;
    }
    
    .footerMenu {
        width: max-content;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 2rem;
    }
    
    .subTabs {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
    
    .footerSub {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.55rem;
    }
    
    .subOpt {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        color: var(--gray-text-invert, #fff);
        text-overflow: ellipsis;
    
        /* Small/Small — Medium */
        font-family: Inter;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: 160%;
        /* 1.4rem */
    }
    
    .sectionText {
        color: var(--primary-text-weak, #cfb3ff);
        font-family: Bellefair;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 1.5rem */
        text-transform: uppercase;
    }
    
    .subItemText {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        color: var(--gray-text-invert, #fff);
        text-overflow: ellipsis;
    
        /* Body2/Body 2 — Regular */
        font-family: Inter;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        /* 1.4rem */
    }
    
    .appStoreContainer {
        width: 34%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        row-gap: 8px;
    
        @media screen and (max-width: 1080px) {
            flex-direction: column;
            width: 100%;
        }
    }
    
    .appText {
        color: var(--gray-text-invert-weak, #f2f2fa);
    
        /* Desktop/Display-4 */
        font-family: Bellefair;
        font-size: 1.5rem;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 2.25rem */
        text-transform: uppercase;
        align-self: stretch;
        width: 357px;
    
        @media screen and (max-width: 1080px) {
            flex-direction: column;
            width: 100%;
        }
    }
    
    .appDesc {
        color: var(--gray-text-invert-weak, #f2f2fa);
    
        /* Small/Small — Medium */
        font-family: Inter;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: 160%;
        /* 1.4rem */
        align-self: stretch;
        padding-bottom: 10px;
    }
    
    .download {
        color: var(--gray-text-invert-weak, #f2f2fa);
    
        /* Desktop/H4 — Bold */
        font-family: Inter;
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
        /* 1.875rem */
    }
    
    .subTask {
        width: 100%;
        height: auto;
        flex-direction: row;
        display: inline-flex;
        align-items: flex-start;
        gap: 4%;
        margin-bottom: 5%;
        justify-content: space-between;
    }
    
    .platform {
        display: flex;
        align-items: flex-start;
        gap: 20%;
        flex-direction: row;
        align-self: stretch;
        width: 50%;
    }
    
    .platformText {
        color: var(--primary-text-weak, #cfb3ff);
        font-family: Bellefair;
        font-size: 1rem;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 1.5rem */
        text-transform: uppercase;
    }
    
    .copyrightDiv {
        display: flex;
        width: 100%;
        padding: 1% 4%;
        align-items: center;
        gap: 3rem;
        background: linear-gradient(122deg,
                rgba(255, 255, 255, 0) -30.72%,
                rgba(255, 255, 255, 0.3) 187.28%);
        box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.05);
        -webkit-backdrop-filter: blur(25px);
        backdrop-filter: blur(25px);
        position: relative;
        bottom: 0;
        flex-direction: row;
        justify-content: space-between;
    
        >img {
            cursor: pointer;
        }
    }
    
    .copyrightDiv>img {
        cursor: pointer;
    }
    
    .copyrightText {
        color: var(--gray-text-invert, #fff);
        font-family: Inter;
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        opacity: 0.7;
        align-self: stretch;
    }
    
    .copyrightText > p {
        margin: 0;
    }
    
    .List {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        background: linear-gradient(138deg,
                rgba(255, 255, 255, 0) -15.66%,
                rgba(255, 255, 255, 0.3) 163.23%);
        box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.05);
        -webkit-backdrop-filter: blur(25);
        backdrop-filter: blur(25px);
    }
    
    @media (max-width: 1080px) {
        .padding {
            margin-bottom: 4%;
            padding: 3%;
            /* gap: 4rem; */
            gap: 0;
        }
    
        .topContainer {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }
    
        .menu {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            gap: 1.5rem;
            width: 100%;
            left: 1px;
        }
    
        .menuText {
            width: 90%;
    
            @media (max-width: 340px) {
                width: 83%;
            }
    
            @media (min-width: 341px) and (max-width: 460px) {
                width: 86%;
            }
    
            @media (min-width: 461px) and (max-width: 500px) {
                width: 87%;
            }
    
            @media (min-width: 501px) and (max-width: 580px) {
                width: 88%;
            }
    
            color: var(--primary-text-invert, #f5efff);
    
            /* Mobile/Display-4 */
            font-family: Bellefair;
            font-size: 1.125rem;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            /* 1.6875rem */
            text-transform: uppercase;
        }
    
        .subMenu {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 0.75rem;
            margin-top: 1.5rem;
        }
    
        .borderTop {
            border: 1px solid var(--primary-stroke-strong, #684b9b);
            width: 94%;
            text-align: end;
            margin: 0 2%;
        }
    
        .horizLine {
            border-width: 22px;
            border-color: #fff;
        }
    
        .appDesc {
            margin-bottom: 1.5rem;
        }
    
        .copyrightDiv {
            padding: 20px 16px;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            gap: 12px;
            position: relative;
            bottom: 0;
            align-self: stretch;
        }
    
        .copyrightDivImg {
            height: 18px;
            cursor: pointer;
        }
    
        .social {
            align-items: flex-start;
            gap: 0.75rem;
            width: 90%;
            position: relative;
            margin: 2rem 0;
        }
    
        .platform {
            align-items: flex-start;
            gap: 2rem;
            width: 100%;
            padding: 1%;
    
            @media (max-width: 380px) {
                gap: 0.5rem;
            }
    
            @media (min-width: 381px) and (max-width: 400px) {
                gap: 0.75rem;
            }
    
            @media (min-width: 401px) and (max-width: 420px) {
                gap: 1rem;
            }
    
            @media (min-width: 421px) and (max-width: 451px) {
                gap: 1.25rem;
            }
    
            @media (min-width: 451px) and (max-width: 500px) {
                gap: 1.5rem;
            }
    
            @media (min-width: 501px) and (min-width: 600px) {
                gap: 2rem;
            }
    
            @media (min-width: 601px) and (max-width: 639px) {
                gap: 2.25rem;
            }
    
            @media (min-width: 640px) and (max-width: 680px) {
                gap: 2.5rem;
            }
    
            @media (min-width: 681px) and (max-width: 741px) {
                gap: 3rem;
            }
    
            @media (min-width: 742px) and (max-width: 768px) {
                gap: 3.5rem;
            }
        }
    }
    
    .list-container {
        width: 100%;
    }
    
    .list-header {
        & :global {
            .accordion-button::after {
                background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="plus"><path id="Icon" d="M12 5.5V19.5M5 12.5H19" stroke="%23DFE0EB" stroke-linecap="round" stroke-linejoin="round"/></g></svg>');
            }
    
            .accordion-button:not(.collapsed)::after {
                background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="minus"><path id="Icon" d="M5 12.5H19" stroke="%23DFE0EB" stroke-linecap="round" stroke-linejoin="round"/></g></svg>');
            }
        }
    
        >button {
            background-color: unset !important;
            box-shadow: unset !important;
            padding-left: 0px !important;
            padding-right: 0px !important;
            color: var(--primary-text-invert, #f5efff) !important;
            font-family: Bellefair;
            font-size: 1.125rem;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            /* 1.6875rem */
            text-transform: uppercase;
        }
    }
    
    .list-head-item {
        border: unset !important;
        background: none;
    }
    
    .list-body>button {
        padding: 0rem 1rem 1rem 0rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        color: var(--gray-text-invert, #fff);
        text-overflow: ellipsis;
        font-family: Inter;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
    }
    
    .list-item {
        justify-content: space-between;
        align-items: center;
        background-color: unset !important;
        box-shadow: unset !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        color: var(--gray-text-invert, #fff) !important;
        text-overflow: ellipsis;
    
        font-family: Inter;
        font-size: 0.5rem;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
    }
    
    .list-item-bottom {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: unset !important;
        box-shadow: unset !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        color: var(--primary-text-invert, #f5efff) !important;
        font-family: Bellefair;
        font-size: 1.1rem;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 1.6875rem */
        text-transform: uppercase;
    }
    
    .list-wrapper a {
        border: unset !important;
        padding-left: unset;
        padding-right: unset;
        border-radius: unset !important;
        color: #6a6d87;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        color: var(--gray-text-invert, #fff);
        text-overflow: ellipsis;
    
        font-family: Inter;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
    }
    
    .list-wrapper a>div {
        border-bottom: unset !important;
    }
    
    .bottomLn {
        border-top: 1px solid var(--primary-stroke-strong, #684b9b);
        width: 99%;
    }
    
    .footerIcon {
        margin-left: 6px;
    }
    
    .footer-icon-external {
        margin-left: 6px;
    }
    
    .list-item.accordion-item {
        border-bottom: 1px solid var(--primary-stroke-strong, #684b9b) !important;
        width: 99%;
    }
    
    .accordion-button,
    .accordion-item {
        background-color: unset !important;
        border: none !important;
        border-radius: unset !important;
    }
    
    .accordion-button,
    .accordion-item,
    .accordion-body {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .accordion-button,
    .accordion-button:not(.collapsed) {
        color: white !important;
        background-color: unset !important;
        box-shadow: unset !important;
    }
    
    .accordion-button::after {
        background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="plus"><path id="Icon" d="M12 5.5V19.5M5 12.5H19" stroke="%23DFE0EB" stroke-linecap="round" stroke-linejoin="round"/></g></svg>') !important;
    }
    
    .accordion-button:not(.collapsed)::after {
        background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="minus"><path id="Icon" d="M5 12.5H19" stroke="%23DFE0EB" stroke-linecap="round" stroke-linejoin="round"/></g></svg>') !important;
    }
    
    .nav-mobile {
        display: flex;
        flex-direction: column;
    }
    
    .nav-desktop {
        display: none;
    }
    
    
    @media (min-width: 1080px) {
        .nav-mobile {
            display: none;
        }
    
        .nav-desktop {
            display: flex;
            flex-direction: row;
        }
    }
}

.external-icon {
    width: 14px;
    height: 14px;
}