.navbar {
        padding: 0;
    }

    /* Brand treatment */
    .swa-landing-page-content-detail .yellow {
        color: #FFBF27
    }

    .swa-landing-page-content-detail .bold-blue {
        color: #304CB2
    }

    .swa-landing-page-content-detail .bold-blue-bg {
        background-color: #304CB2
    }

    .swa-landing-page-content-detail .midnight-blue {
        color: #111B40
    }

    .swa-landing-page-content-detail .midnight-blue-bg {
        background-color: #111B40
    }

    .swa-landing-page-content-detail .midnight-blue-bg a {
        color: #FFBF27;
        font-weight: bold;
        text-decoration: underline
    }

    .swa-landing-page-content-detail .dark-blue {
        color: #1A2C80
    }

    .swa-landing-page-content-detail .dark-blue-bg {
        background-color: #1A2C80
    }

    @font-face {
        font-family: "Southwest Sans";
        src: url("/swa-resources/fonts/SouthwestSans-Regular.eot");
        src: url("/swa-resources/fonts/SouthwestSans-Regular.eot?") format("embedded-opentype"), url("/swa-resources/fonts/SouthwestSans-Regular.otf") format("truetype");
        font-weight: normal;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: "Southwest Sans";
        src: url("/swa-resources/fonts/SouthwestSans-Bold.eot");
        src: url("/swa-resources/fonts/SouthwestSans-Bold.eot?") format("embedded-opentype"), url("/swa-resources/fonts/SouthwestSans-Bold.otf") format("truetype");
        font-weight: bold;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: "Southwest Sans";
        src: url("/swa-resources/fonts/SouthwestSans-Light.eot");
        src: url("/swa-resources/fonts/SouthwestSans-Light.eot?") format("embedded-opentype"), url("/swa-resources/fonts/SouthwestSans-Light.otf") format("truetype");
        font-weight: 300;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: "Southwest Sans";
        src: url("/swa-resources/fonts/SouthwestSans-Medium.eot");
        src: url("/swa-resources/fonts/SouthwestSans-Medium.eot?") format("embedded-opentype"), url("/swa-resources/fonts/SouthwestSans-Medium.otf") format("truetype");
        font-weight: 500;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: "Southwest Sans";
        src: url("/swa-resources/fonts/SouthwestSans-Black.eot");
        src: url("/swa-resources/fonts/SouthwestSans-Black.eot?") format("embedded-opentype"), url("/swa-resources/fonts/SouthwestSans-Black.otf") format("truetype");
        font-weight: 900;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: "Southwest Sans";
        src: url("/swa-resources/fonts/SouthwestSans-Italic.eot");
        src: url("/swa-resources/fonts/SouthwestSans-Italic.eot?") format("embedded-opentype"), url("/swa-resources/fonts/SouthwestSans-Italic.otf") format("truetype");
        font-weight: normal;
        font-style: italic;
        font-display: swap
    }

    @font-face {
        font-family: "Southwest Sans";
        src: url("/swa-resources/fonts/SouthwestSans-BoldItalic.eot");
        src: url("/swa-resources/fonts/SouthwestSans-BoldItalic.eot?") format("embedded-opentype"), url("/swa-resources/fonts/SouthwestSans-BoldItalic.otf") format("truetype");
        font-weight: bold;
        font-style: italic;
        font-display: swap
    }

    @font-face {
        font-family: "Southwest Sans";
        src: url("/swa-resources/fonts/SouthwestSans-LightItalic.eot");
        src: url("/swa-resources/fonts/SouthwestSans-LightItalic.eot?") format("embedded-opentype"), url("/swa-resources/fonts/SouthwestSans-LightItalic.otf") format("truetype");
        font-weight: 300;
        font-style: italic;
        font-display: swap
    }

    @font-face {
        font-family: "Southwest Sans";
        src: url("/swa-resources/fonts/SouthwestSans-MediumItalic.eot");
        src: url("/swa-resources/fonts/SouthwestSans-MediumItalic.eot?") format("embedded-opentype"), url("/swa-resources/fonts/SouthwestSans-MediumItalic.otf") format("truetype");
        font-weight: 500;
        font-style: italic;
        font-display: swap
    }

    @font-face {
        font-family: "Southwest Sans";
        src: url("/swa-resources/fonts/SouthwestSans-BlackItalic.eot");
        src: url("/swa-resources/fonts/SouthwestSans-BlackItalic.eot?") format("embedded-opentype"), url("/swa-resources/fonts/SouthwestSans-BlackItalic.otf") format("truetype");
        font-weight: 900;
        font-style: italic;
        font-display: swap
    }

    .swa-landing-page-content-detail {
        color: #111B40;
        font-family: Arial, sans-serif;
        font-size: 16px
    }

    .swa-landing-page-content-detailh1,
    .swa-landing-page-content-detailh2,
    .swa-landing-page-content-detailh3,
    .swa-landing-page-content-detailh4,
    .swa-landing-page-content-detailh5,
    .swa-landing-page-content-detailh6 {
        font-family: 'Southwest Sans', Arial;
        font-weight: bold
    }

    .swa-landing-page-content-detailh1 {
        font-size: 50px
    }

    .swa-landing-page-content-detailh1 sup {
        font-size: 65%
    }

    @media (max-width: 767px) {

        .swa-landing-page-content-detailh1 {
            font-size: 32px
        }
    }

    .swa-landing-page-content-detailh2 {
        font-size: 30px;
        margin-bottom: 30px
    }

    @media (max-width: 767px) {

        .swa-landing-page-content-detailh2 {
            font-size: 24px
        }
    }

    .swa-landing-page-content-detailh3 {
        font-size: 36px;
        padding-top: 60px;
        padding-bottom: 20px;
        color: #304CB2;
        margin-bottom: 0px
    }

    @media (max-width: 767px) {

        .swa-landing-page-content-detail h3 {
            font-size: 32px
        }
    }

    .swa-landing-page-content-detail h4 {
        font-size: 22px;
        line-height: 1.4em;
        margin-bottom: 10px
    }

    .swa-landing-page-content-detail h5 {
        font-size: 28px;
        margin-bottom: 20px;
        padding-top: inherit;
        padding-bottom: inherit
    }

    .swa-landing-page-content-detail h6 {
        font-size: 18px;
        margin-bottom: 20px
    }

    .swa-landing-page-content-detail a {
        color: #304CB2
    }

    .swa-landing-page-content-detail a:hover {
        text-decoration: underline
    }

    .swa-landing-page-content-detail p {
        margin-bottom: 20px
    }

    .swa-landing-page-content-detail sup {
        top: -.3em
    }

    .swa-landing-page-content-detail .disclaimer {
        font-size: 11px
    }

    @media (max-width: 767px) {
        .swa-landing-page-content-detail .btn {
            padding: 1em 0;
            width: 100%;
        }
    }

    .swa-landing-page-content-detail .btn-outline-blue {
        color: #304cb2;
        background-color: #ffffff;
        background-image: none;
        border-color: #304cb2;
        font-weight: bold;
    }

    .swa-landing-page-content-detail .btn-outline-blue:hover {
        color: #ffffff;
        background-color: #304cb2;
        background-image: none;
        border-color: #304cb2;
        text-decoration: none;
    }

    .swa-landing-page-content-detail.swa_content_module_inner .ct-faq-questions {
        margin: 0;
        padding: 0 20px
    }

    .swa-landing-page-content-detail.swa_content_module_inner .inner .ct-faq-answer {
        border-left: 1px solid #ccc;
        margin: 0 0 0 9px;
        padding: 10px 0 10px 28px
    }

    .swa-landing-page-content-detail.swa_content_module_inner .ct-faq-answer p {
        line-height: 1.3em;
        margin: 0;
        padding: 0
    }

    .swa-landing-page-content-detail.swa_content_module_inner .inner {
        overflow: hidden;
        display: none
    }

    .footer-wrapper {
        padding-top: 40px
    }

    .swa-landing-page-content-detail.box-row {
        text-align: center;
        padding-bottom: 60px
    }

    .swa-landing-page-content-detail.box-row.pad-top {
        padding-top: 60px
    }

    .swa-landing-page-content-detail.content-box {
        margin: 30px 0
    }

    .swa-landing-page-content-detail.content-box img {
        margin-bottom: 20px;
        max-height: 36px
    }

    @media (max-width: 767px) {
        .swa-landing-page-content-detail.content-box {
            margin-bottom: 0px
        }
    }

    /* Text styles */
    .swa-landing-page-content-detail h1 {
        font-size: 32px;
    }

    .swa-landing-page-content-detail h3 {
        font-size: 36px;
        padding-top: 60px;
        padding-bottom: 20px;
        color: #304CB2;
        margin-bottom: 0px;
        text-align: center;
    }

    .swa-landing-page-content-detail h1,
    .swa-landing-page-content-detail h2,
    .swa-landing-page-content-detail h3,
    .swa-landing-page-content-detail h4,
    .swa-landing-page-content-detail h5,
    .swa-landing-page-content-detail h6 {
        font-family: "Southwest Sans", Arial;
        font-weight: bold;
    }

    /* Custom padding */
    .swa-landing-page-content-detail section {
        padding: 30px 0;
    }

    .swa-landing-page-content-detail .box-row {
        text-align: center;
        padding-bottom: 60px;
    }

    .swa-landing-page-content-detail .pad-right {
        padding-right: 100px;
        margin-bottom: 60px;
    }

    .swa-landing-page-content-detail .pad-left {
        padding-left: 100px;
        margin-bottom: 60px;
    }


    /* Section: Breadcrumbs */
    .swa-landing-page-content-detail #breadcrumbs {
        padding: 10px 0;
        color: #ffffff;
        border-top: none;
        font-size: 14.4px;
    }

    .swa-landing-page-content-detail #breadcrumbs a {
        color: #ffffff;
    }

    @media all and (min-width: 767px) {
        .swa-landing-page-content-detail #breadcrumbs {
            padding-left: 0;
        }
    }

    .swa-landing-page-content-detail #breadcrumbs sup {
        font-size: 9px;
    }


    @media all and (min-width: 767px) {
        .swa-landing-page-content-detail .mobile-only {
            display: none;
        }
    }

    @media all and (max-width: 767px) {
        .swa-landing-page-content-detail .desktop-only {
            display: none;
        }
    }

    /* Section: Hero */
    .swa-landing-page-content-detail .hero {
        -webkit-transition: background-position 0s ease;
        -moz-transition: background-position 0s ease;
        -ms-transition: background-position 0s ease;
        -o-transition: background-position 0s ease;
        transition: background-position 0s ease;
        position: relative;
        overflow: hidden;
        display: flex;
    }

    .swa-landing-page-content-detail .hero {
        background: url("/swa-resources/images/responsive/hawaii-interisland/d-hero-bg-hawaii-interisland.png") no-repeat;
        background-size: 100%;
        padding: 0;
    }

    @media all and (max-width: 767px) {
        .swa-landing-page-content-detail .hero {
            background: url("/swa-resources/images/responsive/hawaii-interisland/m-hero-bg-hawaii-interisland.png") no-repeat;
            background-size: cover;
            background-position: left;
        }
    }

    .swa-landing-page-content-detail .hero .intro {
        color: #ffffff;
    }

    /* temp fix - hide book now button that appears over mhero*/
    .hero .row.booking-widget .btn.btn-block.btn-warning {
        display: none;
    }

    @media all and (min-width: 767px) {
        .swa-landing-page-content-detail .hero h1 {
            margin-left: -0.4em;
        }
    }

    @media all and (min-width: 1100px) {
        .swa-landing-page-content-detail .hero h1 {
            margin-left: -0.4em;
        }
    }

    .swa-landing-page-content-detail .hero p {
        background-color: #00162ba1;
        border-radius: 15px;
        padding: .5em;
    }

    @media all and (min-width: 767px) {
        .swa-landing-page-content-detail .hero p {
            margin-left: -0.8em;
            margin-bottom: 2.5em;
        }
    }

    .swa-landing-page-content-detail .hero .header-sub {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .swa-landing-page-content-detail .hero .disclaimer {
        font-size: 11px;
        padding-left: 0;
    }

    .swa-landing-page-content-detail .disclaimer {
        font-size: 11px;
    }

    @media all and (max-width: 1199px) {
        .swa-landing-page-content-detail .hero .header-sub {
            padding-top: 5vw;
        }
    }

    @media all and (min-width: 992px) {
        .swa-landing-page-content-detail .hero .header-sub .disclaimer-container {
            margin-top: 210px;
            margin-bottom: -200px;
            width: 990px !important;
        }
    }



    @media all and (max-width: 767px) {
        .swa-landing-page-content-detail .hero h1 {
            font-size: 35px;
        }
    }

    /* Section: Low fares */
    @media all and (max-width: 767px) {
        .swa-landing-page-content-detail #low-fares .row {
            flex-wrap: wrap-reverse;
        }
    }

    @media all and (max-width: 767px) {
        .swa-landing-page-content-detail section#low-fares {
            padding: 0;
        }
    }

    .swa-landing-page-content-detail #low-fares .plane-box {
        color: #304CB2;
        background: url(https://www.southwest.com/swa-resources/images/responsive/hawaii-interisland/39-sale-bkg-hawaii-interisland.png) no-repeat;
        padding-top: 1.5em;
        padding-left: 2em;
        padding-right: 2em;
        background-size: 100%;
        padding-bottom: 1em
    }

    @media all and (max-width: 767px) {
        .swa-landing-page-content-detail #low-fares .plane-box {
            background: url(https://www.southwest.com/swa-resources/images/responsive/hawaii-interisland/m-39-sale-bkg-hawaii-interisland.png) no-repeat;
            background-size: 100%;
        }
    }

    .swa-landing-page-content-detail #low-fares .plane-box p.eyebrow {
        color: #d5152e;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: bold;
        margin-bottom: 0;
    }

    .swa-landing-page-content-detail #low-fares .plane-box p.headline {
        margin-bottom: 0;
        line-height: 1.3em;
        margin-top: 0.2em;
        font-size: 30px;
        font-weight: bold;
    }

    @media all and (max-width: 767px) {
        .swa-landing-page-content-detail #low-fares .plane-box p.headline {
            margin-top: 0.2em;
            margin-bottom: 0;
            line-height: 1.3em;
            font-size: 26px;

        }
    }

    .swa-landing-page-content-detail #low-fares .plane-box p.subhead {
        font-size: 12px;
        margin-top: 1em;
        margin-bottom: 0;
    }

    @media all and (max-width: 767px) {
        .swa-landing-page-content-detail #low-fares .plane-box p.subhead {
            margin-top: 3em;
        }
    }

    .swa-landing-page-content-detail #low-fares .plane-box p.price {
        font-size: 80px;
        margin: -0.3em 0 0 0;
        font-weight: bold;
    }

    @media all and (min-width: 767px) {
        .swa-landing-page-content-detail #low-fares .plane-box p.price {
            font-size: 120px;

        }
    }

    .swa-landing-page-content-detail #low-fares .plane-box p.price sup {
        font-size: .3em;
        vertical-align: 1em;
    }


    @media all and (max-width: 767px) {
        .swa-landing-page-content-detail #low-fares .plane-box .cta.btn.btn-outline-blue {
            margin-top: 3em;
            color: #000000;
            background-color: #ffc107;
            background-image: none;
            border-color: #ffc107;
        }
    }


    .swa-landing-page-content-detail #low-fares .plane-box p.disclaimer {
        color: #111B40;
        font-size: 11px;
        margin-top: 2em;
        margin-bottom: 0;
    }

    @media all and (min-width: 767px) {
        .swa-landing-page-content-detail #low-fares .plane-box p.disclaimer {
            margin-top: 3em;
            font-size: 12px;
        }
    }

    .swa-landing-page-content-detail #low-fares .blue-box {
        padding-top: 1.5em;
        padding-right: 2em;
        padding-left: 2em;
    }


    .swa-landing-page-content-detail #low-fares .blue-box p.headline {
        font-weight: bold;
        font-size: 34px;
        color: #FFBF27;
        line-height: 1.2em;
    }

    .swa-landing-page-content-detail #low-fares .blue-box p.perk {
        font-weight: bold;
        font-size: 17px;
        color: #ffffff;
    }

    @media all and (min-width: 767px) {
        .swa-landing-page-content-detail #low-fares .blue-box p.perk {
            font-size: 23px;
        }
    }


    .swa-landing-page-content-detail #low-fares .blue-box p.disclaimer {
        font-size: 12px;
        color: #ffffff;
        margin-top: 3em;
    }

    @media all and (min-width: 767px) {
        .swa-landing-page-content-detail #low-fares .blue-box p.disclaimer {
            width: 95%;
        }
    }

    .swa-landing-page-content-detail #low-fares .blue-box .fa-solid.fa-check:before,
    .swa-landing-page-content-detail #low-fares .blue-box span {
        color: #FFBF27;
        font-weight: bold;
    }


    /*Interactive Map*/
    #Hawaii_Map {
        background: #C7E9F6;
        border: 1px solid #C7E9F6;
    }

    #Hawaii_Map g:hover {
        cursor: pointer;
    }

    #Hawaii_Map g:focus {
        outline: none;
    }

    #Hawaii_Map g.glow {
        filter: url('#drop-shadow');
    }

    .routes_map {
        position: absolute;
        top: 0;
        padding: 2em;
    }

    .routes_map h2 {
        font-size: 20px;
    }

    @media all and (min-width: 767px) {
        .routes_map h2 {
            font-size: 25px;
        }
    }

    .routes_map p {
        font-size: 14px;
    }

    @media all and (min-width: 767px) {
        .routes_map p {
            font-size: 16px;
        }
    }

    .swa-landing-page-content-detail .routes_map p:nth-of-type(1) {
        margin-bottom: 5px;
    }


    /* Section: Boarding */
    .swa-landing-page-content-detail #boarding {
        margin-top: 1em;
    }


    /* Section: Across the islands */
    .swa-landing-page-content-detail #across-the-islands p {
        color: #ffffff;
    }

    .swa-landing-page-content-detail #across-the-islands h3 {
        padding-top: 0;
    }

    /* Section: Download app */
    .swa-landing-page-content-detail #download-app {
        background-image: linear-gradient(to right, #d3dce1, #ffffff);
        padding-bottom: 5em;
    }

    .swa-landing-page-content-detail #download-app hr {
        border-color: #dadddf;
        background-color: #dadddf;
    }

    .swa-landing-page-content-detail #download-app p {
        text-align: center;
    }

    .swa-landing-page-content-detail #download-app p.intro {
        padding: 1.5em 1em 0 1em;
        text-align: left;
    }

    @media all and (min-width: 767px) {
        .swa-landing-page-content-detail #download-app p.intro {
            padding: 0;
            width: 32%;
            margin-left: 3em;
        }
    }

    .swa-landing-page-content-detail #download-app p.heading {
        font-weight: bold;
        font-size: 1.1em;
        margin-bottom: 0.25em;
    }

    .swa-landing-page-content-detail #download-app .feat-box {
        width: 50%;
    }

    @media all and (min-width: 767px) {
        .swa-landing-page-content-detail #download-app .feat-box {
            width: 25%;
            padding:0 1em;
        }
    }

    @media all and (max-width: 767px) {
        .swa-landing-page-content-detail #download-app .feat-box:nth-of-type(3),
        .swa-landing-page-content-detail #download-app .feat-box:nth-of-type(4) {
            margin-top: 2em;
        }
    }

    .swa-landing-page-content-detail #download-app .feat-box img {
        margin-bottom: 1em;
    }

    .swa-landing-page-content-detail #download-app img.QRcode{
        margin-left:5em;
        margin-right:4em;
    }

    @media all and (min-width: 767px) {
        .swa-landing-page-content-detail #download-app .app-buttons {
            width: 50%;
        }
    }

    .swa-landing-page-content-detail #download-app .app-buttons p {
        text-align: left;
        width:75%;
    }

    /* Section: FAQs */
    .swa-landing-page-content-detail #FAQ {
        background-color: #ededed;
    }

    .swa-landing-page-content-detail #FAQ h3 {
        color: #1a2c80;
    }

    .swa-landing-page-content-detail .accordion .card {
        border: none;
        background: transparent;
    }

    .swa-landing-page-content-detail .accordion .card-header {
        /* background-color: #edf1ff; */
        background-color: #ffffff;
        border: none;
        -webkit-border-radius: 0;
        border-radius: 0;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding: 1rem;
        text-align: left;
    }

    .swa-landing-page-content-detail .accordion .card-header:first-child {
        margin: 0;
    }

    .swa-landing-page-content-detail .accordion .card-header.collapsed {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        margin: 0 0 0.5rem 0;
        padding: 1.5rem 1rem;
    }

    .swa-landing-page-content-detail .accordion .card-header.collapsed:first-child {
        margin-top: 0;
    }

    .swa-landing-page-content-detail .accordion .card-header .card-title {
        font-size: 1.375rem;
        font-family: "SouthwestSans-Bold", arial, sans-serif;
        font-weight: normal;
        color: #304cb2;
        margin: 0;
        padding-right: 1rem;
        padding-top: 0;
        padding-bottom: 0;
    }

    .swa-landing-page-content-detail .accordion .card-header.collapsed:after {
        content: url("/swa-resources/images/responsive/airline-cleanliness-social-distance/icon-arrow-down.png");
        line-height: 0;
        margin: auto 0;
    }

    .swa-landing-page-content-detail .accordion .card-header:after {
        content: url("/swa-resources/images/responsive/airline-cleanliness-social-distance/icon-arrow-up.png");
        line-height: 0;
        margin: auto 0;
    }

    .swa-landing-page-content-detail .accordion .card-body {
        color: #111b40;
        margin: 0.5rem;
        padding: 0;
    }

    /*Take your business*/
    .bg-darkblue {
        background-color: #111b40
    }