.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;
    }
}

/* Ground Services */
/* reset max-width of container */
.container {
   max-width: unset !important;
   --bs-gutter-x: 0 !important;
}


#thai-ground-services__header.cmp-header__header-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 8px;
    padding-bottom: 8px;
    font-family: "InterMedium";
}


@media (min-width: 1080px) {
    #thai-ground-services__header.cmp-header__header-container {
        padding: 12px 0px 8px 0px;
    	min-height: 80px;
    	align-items: end;
    }
}

#thai-ground-services__header {
    .TGGS-logo {
        width: auto;
        height: 70px;
        margin-bottom: -8px;
    }
    
    .offcanvas.offcanvas-start {
        width: 100% !important;
    }
    
    .offcanvas-body {
        flex-grow: 1;
        padding: 1rem 1rem;
        overflow-y: auto;
    }


    .cmp-header__nav-mobile-container {
        display: flex;
        justify-content: space-between;
    }
    
    .nav-mobile {
        display: flex;
    }
    
    .nav-desktop {
        display: none;
    }
    
    ._m3MfPogkV8mlgnn47QQ .u5RSHqXPxX2uWcJmqmlJ .navbar-nav {
        width: 100%;
        justify-content: center;
        cursor: pointer;
    }
    
    .navbar-expand .navbar-nav {
        flex-direction: row;
    }
    
    .list-group-horizontal,
    .navbar-expand .navbar-nav {
        flex-direction: row;
    }
    
    .YLeYQIDPhTRUfBwqP1ip {
        display: flex;
        flex-direction: row !important;
        gap: 32px !important;
    }
    
    .zaodEidjZ53PQC34CSWP,
    .nav-item {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-family: "InterMedium";
    }

    .activeBar {
        position: absolute;
        right: 54px;
        bottom: -8px;
        width: 22px;
        height: 4px;
        border-radius: 24px 24px 0px 0px;
        background: var(--secondary-icon, #bfa252);
    
        @media (min-width: 1080px) {
            right: 0px;
        }
    }
    
    @media (min-width: 1080px) {
        .cmp-header__nav-mobile-container {
            display: flex;
            justify-content: end;
        }
    
        .nav-mobile {
            display: none;
        }
    
        .nav-desktop {
            display: flex;
            flex-direction: row;
    		align-items: end;
    		margin-bottom: -8px;
        }
    }
    
    @media (max-width: 1079px) {
        .TGGS-logo {
            width: auto;
            height: 32px;
        }
    }

    .offcanvas-header .btn-close {
      	background-image: url("../../../../../content/dam/ground-services/icons/close-icon.png");
    }

    .ptEgnPiglYhuCMtC3ey_ a>div {
        border-bottom: unset !important;
    }
    
    .ptEgnPiglYhuCMtC3ey_ a {
        border: unset !important;
        border-bottom: 1px solid #f2f2fa !important;
        padding-left: unset;
        padding-right: unset;
        padding-top: 16px;
        padding-bottom: 16px;
        border-radius: unset !important;
        color: #6a6d87;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 25.6px;
        background-repeat: no-repeat;
    }
    
    .list-group-item span {
        background-color: unset !important;
        box-shadow: unset !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        color: var(--gray-text-strong, #2c3059) !important;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 27px;
    }
    
    .YyNYqagEuc8VhNCHeuDn {
        display: flex !important;
        justify-content: space-between;
        align-items: center;
    }
    
    .SDqIiNvY0crnYkTFpEQh {
        height: 20px;
        width: 20px;
        background: center;
        background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27%3E%3Cpath d=%27M10.2442 4.4107C10.5697 4.08527 11.0973 4.08527 11.4228 4.4107L16.4228 9.4107C16.579 9.56698 16.6668 9.77895 16.6668 9.99996C16.6668 10.221 16.579 10.4329 16.4228 10.5892L11.4228 15.5892C11.0973 15.9147 10.5697 15.9147 10.2442 15.5892C9.9188 15.2638 9.9188 14.7361 10.2442 14.4107L13.8217 10.8333L4.16683 10.8333C3.70659 10.8333 3.3335 10.4602 3.3335 9.99996C3.3335 9.53972 3.70659 9.16663 4.16683 9.16663L13.8217 9.16663L10.2442 5.58921C9.9188 5.26378 9.9188 4.73614 10.2442 4.4107Z%27 fill=%27%23381B6B%27/%3E%3C/svg%3E");
    }
    /*
    .nav-underline .nav-link:hover,
    .nav-underline .nav-link:focus {
        border-top-right-radius: 24px !important;
        border-top-left-radius: 24px !important;
        border-bottom-color: #BFA252 !important;
    	border-width: 4px !important;
    }
    */
    .btn-close:focus,
    .btn-close:active {
        outline: none !important;
        box-shadow: none !important;
    }

	.nav-link {
      color: var(--gray-text, #6A6D87);
    
      font-family: "InterMedium";
      font-weight: 500;
      font-style: Medium;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: 0%;
    }

	.nav-link:hover, .nav-link:focus {
      color: var(--gray-text, #6A6D87);

      font-family: "InterBold";
      font-weight: 700;
      font-style: Bold;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: 0%;
    }

	.nav-link {
      display: inline-block !important;
      border-bottom: 5px solid transparent !important; /* Reserve space */
      padding-bottom: 3px !important; /* Optional, for spacing */
      transition: border-color 0.3s !important;
    }

    /*.nav-link:hover,
    .nav-link:focus {
      background-color: white !important;
      border-top-right-radius: 24px !important;
      border-top-left-radius: 24px !important;
      border-bottom-color: #BFA252 !important;
      border-width: 3px !important;
    }*/

	/*.nav-underline .nav-link.active {
        padding-right: 0;
        padding-left: 0;
        border-bottom: #bfa252 solid !important;
    }*/

	.nav-underline .nav-item {
      display: flex;
      position: relative;
      flex-direction: column;
    }

	.nav-item:hover::after {
      	content: "";
        top: 14px;
        height: 3px;
        width: 100%;
        border-radius: var(--Spacing--24px, 24px) var(--Spacing--24px, 24px) 0px 0px;
        background: var(--secondary-icon, #bfa252);
    }

    .nav-item.active .nav-link {
      color: var(--gray-text, #6A6D87);
      font-family: "InterBold";
      font-weight: 700;
      font-style: Bold;
      font-size: 16px;
      line-height: 160%;
      letter-spacing: 0%;
    }

    .nav-underline .nav-item.active {
        display: flex;
        position: relative;
        flex-direction: column;
    }

    .nav-underline .nav-item.active::after {
        content: "";
        top: 14px;
        height: 3px;
        width: 100%;
        border-radius: var(--Spacing--24px, 24px) var(--Spacing--24px, 24px) 0px 0px;
        background: var(--secondary-icon, #bfa252);
    }
}