/* Brand treatment */
#sustainability .yellow {
  color: #FFBF27
}

#sustainability .bold-blue {
  color: #304CB2
}

#sustainability .bold-blue-bg {
  background-color: #304CB2
}

#sustainability .bold-blue-bg a {
  color: #FFBF27;
  font-weight: bold
}

#sustainability .midnight-blue {
  color: #111B40
}

#sustainability .midnight-blue-bg {
  background-color: #111B40
}

#sustainability .midnight-blue-bg a {
  color: #FFBF27;
  font-weight: bold;
  text-decoration: underline
}

#sustainability .dark-blue {
  color: #1A2C80
}

#sustainability .dark-blue-bg {
  background-color: #1A2C80
}

@-webkit-keyframes ltr {
  0% {
    left: -100%
  }

  100% {
    left: 0%
  }
}

@-moz-keyframes ltr {
  0% {
    left: -100%
  }

  100% {
    left: 0%
  }
}

@-ms-keyframes ltr {
  0% {
    left: -100%
  }

  100% {
    left: 0%
  }
}

@-o-keyframes ltr {
  0% {
    left: -100%
  }

  100% {
    left: 0%
  }
}

@keyframes ltr {
  0% {
    left: -100%
  }

  100% {
    left: 0%
  }
}

@-webkit-keyframes slidedown {
  0% {
    top: -100%
  }

  100% {
    top: 0%
  }
}

@-moz-keyframes slidedown {
  0% {
    top: -100%
  }

  100% {
    top: 0%
  }
}

@-ms-keyframes slidedown {
  0% {
    top: -100%
  }

  100% {
    top: 0%
  }
}

@-o-keyframes slidedown {
  0% {
    top: -100%
  }

  100% {
    top: 0%
  }
}

@keyframes slidedown {
  0% {
    top: -100%
  }

  100% {
    top: 0%
  }
}

@font-face {
  font-family: "Southwest Sans";src:url("https://espanol.swabiz.com/swa-resources/fonts/SouthwestSans-Regular.eot");src:url("https://espanol.swabiz.com/swa-resources/fonts/SouthwestSans-Regular.eot?")
 format("embedded-opentype"), url("https://espanol.swabiz.com/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("https://espanol.swabiz.com/swa-resources/fonts/SouthwestSans-Bold.eot");src:url("https://espanol.swabiz.com/swa-resources/fonts/SouthwestSans-Bold.eot?")
 format("embedded-opentype"), url("https://espanol.swabiz.com/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("https://espanol.swabiz.com/swa-resources/fonts/SouthwestSans-Light.eot");src:url("https://espanol.swabiz.com/swa-resources/fonts/SouthwestSans-Light.eot?")
 format("embedded-opentype"), url("https://espanol.swabiz.com/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("https://espanol.swabiz.com/swa-resources/fonts/SouthwestSans-Medium.eot");src:url("https://espanol.swabiz.com/swa-resources/fonts/SouthwestSans-Medium.eot?")
 format("embedded-opentype"), url("https://espanol.swabiz.com/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("https://espanol.swabiz.com/swa-resources/fonts/SouthwestSans-Black.eot");src:url("https://espanol.swabiz.com/swa-resources/fonts/SouthwestSans-Black.eot?")
 format("embedded-opentype"), url("https://espanol.swabiz.com/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("https://espanol.swabiz.com/swa-resources/fonts/SouthwestSans-Italic.eot");src:url("https://espanol.swabiz.com/swa-resources/fonts/SouthwestSans-Italic.eot?")
 format("embedded-opentype"), url("https://espanol.swabiz.com/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("https://espanol.swabiz.com/swa-resources/fonts/SouthwestSans-BoldItalic.eot");src:url("https://espanol.swabiz.com/swa-resources/fonts/SouthwestSans-BoldItalic.eot?")
 format("embedded-opentype"), url("https://espanol.swabiz.com/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("https://espanol.swabiz.com/swa-resources/fonts/SouthwestSans-LightItalic.eot");src:url("https://espanol.swabiz.com/swa-resources/fonts/SouthwestSans-LightItalic.eot?")
 format("embedded-opentype"), url("https://espanol.swabiz.com/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("https://espanol.swabiz.com/swa-resources/fonts/SouthwestSans-MediumItalic.eot");src:url("https://espanol.swabiz.com/swa-resources/fonts/SouthwestSans-MediumItalic.eot?")
 format("embedded-opentype"), url("https://espanol.swabiz.com/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("https://espanol.swabiz.com/swa-resources/fonts/SouthwestSans-BlackItalic.eot");src:url("https://espanol.swabiz.com/swa-resources/fonts/SouthwestSans-BlackItalic.eot?")
 format("embedded-opentype"), url("https://espanol.swabiz.com/swa-resources/fonts/SouthwestSans-BlackItalic.otf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap
}

#sustainability {
  color: #ffffff;
  font-family: Arial,
    sans-serif;
  font-size: 16px
}

#sustainabilityh1,
#sustainability.h1,
#sustainabilityh2,
#sustainability.h2,
#sustainabilityh3,
#sustainability.testimonials .testimonial,
#sustainability.h3,
#sustainabilityh4,
#sustainability.h4,
#sustainabilityh5,
#sustainability.h5,
#sustainabilityh6 {
  font-family: 'Southwest Sans', Arial;font-weight:bold}#sustainability.h1,#sustainabilityh1{font-size:50px}#sustainability.h1
 sup, #sustainabilityh1 sup {
    font-size: 65%
  }

  @media (max-width: 767px) {

    #sustainability.h1,
    #sustainabilityh1 {
      font-size: 32px
    }
  }

  #sustainability.h2,
  #sustainabilityh2 {
    font-size: 30px;
    margin-bottom: 30px
  }

  @media (max-width: 767px) {

    #sustainability.h2,
    #sustainabilityh2 {
      font-size: 24px
    }
  }

  #sustainability.h3,
  #sustainabilityh3,
  #sustainability.testimonials .testimonial {
    font-size: 36px;
    padding-top: 60px;
    padding-bottom: 20px;
    color: #FFBF27;
    margin-bottom: 0px
  }

  @media (max-width: 767px) {

    #sustainability.h3,
    #sustainabilityh3,
    #sustainability.testimonials .testimonial {
      font-size: 32px
    }
  }

  #sustainability.h4,
  #sustainabilityh4 {
    font-size: 22px;
    line-height: 1.4em;
    margin-bottom: 10px
  }

  #sustainabilityh5,
  #sustainability.h5 {
    font-size: 28px;
    margin-bottom: 20px;
    padding-top: inherit;
    padding-bottom: inherit
  }

  #sustainabilityh6 {
    font-size: 18px;
    margin-bottom: 20px
  }

  #sustainabilitya {
    color: #304CB2
  }

  #sustainabilitya:hover {
    text-decoration: underline
  }

  #sustainabilityp {
    margin-bottom: 20px
  }

  #sustainabilitysup {
    top: -.3em
  }

  #sustainability.disclaimer {
    font-size: 11px
  }

  #sustainability.swa-font,
  #sustainability.form .existing,
  .form #sustainability.existing,
  #sustainability.testimonials,
  #sustainability.distribution-channel .contact,
  #sustainability.where-we-fly .map .bottom-left {
    font-family: 'Southwest Sans',
      Arial
  }

  #sustainability.swa-button.swa-button_primary_yellow {
    font-family: Arial,
      sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.1em;
    letter-spacing: -.01em;
    display: inline-block;
    margin: 0;
    padding: 8px 28px;
    cursor: pointer;
    text-align: center;
    /*corgb(84, 114,
224)1b40;*/
    border-radius: 2px;
    background: #ffbf27;
    -webkit-transition: color ease-out .3s, background ease-out .3s, border-color ease-out .3s;
    transition: color ease-out .3s, background ease-out .3s, border-color ease-out .3s;
    text-decoration: none;
    border-color: #FAD101 #FAD101 #D2AF01
  }

  #sustainability.swa-button.swa-button_primary_yellow:hover {
    border-color: #111B40
  }

  #sustainability.swa-button {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    display: inline-block;
    min-width: 75px;
    margin: 0;
    padding: 7px 20px;
    cursor: pointer;
    -webkit-transition: color ease-out .3s, background ease-out .3s, border-color ease-out .3s;
    transition: color ease-out .3s, background ease-out .3s, border-color ease-out .3s;
    text-align: center;
    vertical-align: baseline;
    color: #304CB2;
    border: 1px solid #E5E5E5;
    border-bottom-color: #D0D0D0;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #FFF;
    -webkit-appearance: none;
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#F7F7F7', GradientType=0) */
  }

  #sustainability.swa-button.swa-button_primary {
    color: #111B40;
    border-color: #FAD101 #FAD101 #D2AF01;
    background: #FFBF27;
    -webkit-filter: none;
    filter: none
  }

  #sustainability.swa-button:hover {
    text-decoration: none
  }

  #sustainability.in-touch-list {
    margin-bottom: 20px
  }

  #sustainability.in-touch-list a {
    text-decoration: underline
  }

  #sustainability.in-touch-list a:hover {
    text-decoration: none
  }

  #sustainability.in-touch-list li {
    font-weight: normal;
    padding: 5px 45px;
    line-height: 1.5em;
    position: relative;
    margin-bottom: 4px
  }

  @media (max-width: 767px) {
    #sustainability.in-touch-list li {
      background-position: left 8px !important
    }
  }

  #sustainabilityli.in-touch-1 {
    background: url(https://www.southwest.com/swa-resources/images/responsive/airfare-types-benefits/icon-contact.png) no-repeat scroll left center transparent
  }

  #sustainabilityli.in-touch-2 {
    background: url(https://www.southwest.com/swa-resources/images/responsive/airfare-types-benefits/icon-change-fees.png) no-repeat scroll left center transparent
  }

  #sustainabilityli.in-touch-3 {
    background: url(https://www.southwest.com/swa-resources/images/responsive/airfare-types-benefits/icon-rr.png) no-repeat scroll left center transparent
  }

  #sustainabilityli.in-touch-4 {
    background: url(https://www.southwest.com/swa-resources/images/responsive/airfare-types-benefits/icon-meetings.png) no-repeat scroll left center transparent
  }

  #sustainabilityli.in-touch-5 {
    background: url(https://www.southwest.com/swa-resources/images/responsive/airfare-types-benefits/icon-general.png) no-repeat scroll left center transparent
  }

  #sustainability.bottom-border {
    border-bottom: 1px solid #e6e7e8;
    padding-bottom: 30px
  }

  #sustainability.swa_content_module_inner ul li a.toggle,
  #sustainability#page .swa_content_module_inner ul li a.corptravel-link {
    background-color: #111B40;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    font-size: 18px;
    line-height: 1em;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
    position: relative;
    margin: 10px 0
  }

  @media (max-width: 575px) {

    #sustainability.swa_content_module_inner ul li a.toggle,
    #sustainability#page .swa_content_module_inner ul li a.corptravel-link {
      font-size: 16px;
      line-height: 1.1em
    }
  }

  #sustainability.swa_content_module_inner ul li a.toggle:hover,
  #sustainability#page .swa_content_module_inner ul li a.corptravel-link:hover {
    background-color: #1a2c80
  }

  #sustainability.swa_content_module_inner .toggle:after {
    content: url(https://www.southwest.com/swa-resources/images/responsive/airfare-types-benefits/icon-arrow-closed.png);
    width: 22px;
    height: 12px;
    position: absolute;
    right: 20px;
    top: 20px
  }

  #sustainability.swa_content_module_inner .active:after {
    content: url(https://www.southwest.com/swa-resources/images/responsive/airfare-types-benefits/icon-arrow-opened.png)
  }

  #sustainability.swa_content_module_inner .corptravel-link:after {
    content: url(https://www.southwest.com/swa-resources/images/responsive/airfare-types-benefits/icon-arrow-link.png);
    width: 12px;
    height: 22px;
    position: absolute;
    right: 20px;
    top: 15px
  }

  #sustainability.swa_content_module_inner .nested-toggle:after {
    position: absolute;
    top: 10px;
    right: 15px;
    display: block;
    color: #FFBF27;
    width: 30px;
    height: 30px;
    font-size: 30px;
    font-weight: normal;
    line-height: 1;
    box-sizing: border-box;
    text-align: center
  }

  #sustainability.swa_content_module_inner .nested-nested-toggle:after {
    content: "+";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: #304CB2;
    color: #ffffff;
    width: 20px;
    height: 20px;
    font-size: 20px;
    font-weight: normal;
    line-height: 1;
    box-sizing: border-box;
    text-align: center
  }

  #sustainability.swa_content_module_inner .nested-nested-toggle.active:after {
    content: "-"
  }

  #sustainability.swa_content_module_inner .accordion-wrapper,
  #sustainability#page .swa_content_module_inner .accordion-wrapper ul {
    margin: 0
  }

  #sustainability.swa_content_module_inner ul li .inner .nested-toggle {
    background: transparent;
    color: #1a2c80;
    padding: 0 0 0 36px;
    margin: 10px 0;
    font-size: 18px;
    line-height: 1em
  }

  #sustainability.swa_content_module_inner ul li .inner .nested-nested-toggle {
    background: transparent;
    color: #000000;
    padding: 0 0 0 36px;
    margin: 15px 0;
    font-size: 18px;
    line-height: 22px
  }

  #sustainability.swa_content_module_inner ul li .inner .nested-nested-toggle:hover {
    background: transparent
  }

  #sustainability.swa_content_module_inner ul li .inner .nested-toggle:hover,
  #sustainability#page .swa_content_module_inner ul li .inner .nested-nested-toggle:hover {
    background: transparent
  }

  #sustainability.swa_content_module_inner .ct-faq-questions {
    margin: 0;
    padding: 0 20px
  }

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

  #sustainability.swa_content_module_inner .ct-faq-answer p {
    line-height: 1.3em;
    margin: 0;
    padding: 0
  }

  #sustainability.swa_content_module_inner .inner {
    overflow: hidden;
    display: none
  }

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

  #sustainability.box-row {
    text-align: center;
    padding-bottom: 60px
  }

  #sustainability.box-row.pad-top {
    padding-top: 60px
  }

  #sustainability.content-box {
    margin: 30px 0
  }

  #sustainability.content-box img {
    margin-bottom: 20px;
    max-height: 36px
  }

  @media (max-width: 767px) {
    #sustainability.content-box {
      margin-bottom: 0px
    }
  }

  #sustainability.what-it-is {
    background: url("https://www.swabiz.com/swa-resources/images/responsive/airfare-types-benefits/circle-airplane.png") no-repeat
  }

  #sustainability.highlights {
    background: url("https://www.swabiz.com/swa-resources/images/responsive/airfare-types-benefits/star-icon.png") no-repeat
  }

  #sustainability.need-to-know {
    background: url("https://www.swabiz.com/swa-resources/images/responsive/airfare-types-benefits/exclamation-icon.png") no-repeat
  }

  #sustainability.partnership {
    background: url("https://www.swabiz.com/swa-resources/images/responsive/airfare-types-benefits/partner-icon.png") no-repeat
  }

  #sustainability.partnership img {
    margin: 0px 20px 20px 0;
    max-height: 40px
  }

  #sustainability.swabiz-sps {
    padding-bottom: 0px;
    background: linear-gradient(to right, #1A2C80 0%, #1A2C80 50%, #111B40 50%, #111B40 100%)
  }

  @media (max-width: 991px) {
    #sustainability.swabiz-sps {
      background: #1A2C80
    }

    #sustainability.swabiz-sps .pad-left:before {
      background: #111B40
    }

    #sustainability.swabiz-sps .sps {
      padding-top: 30px
    }
  }

  #sustainability.reservations {
    padding: 0px
  }

  #sustainability.reservations h4 {
    margin-bottom: 20px
  }

  #sustainability.booking-form {
    text-align: center;
    color: #000000;
    margin-bottom: 60px
  }

  #sustainability.booking-form h4 {
    color: #1A2C80;
    text-align: center
  }

  #sustainability.groups {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 30px
  }

  #sustainability.lead-gen-form {
    text-align: center;
    color: #000000;
    padding: 60px 0
  }

  /*!

/* Brand treatment */
  .yellow {
    color: #FFBF27
  }

  .bold-blue {
    color: #304CB2
  }

  .bold-blue-bg {
    background-color: #304CB2
  }

  .bold-blue-bg a {
    color: #FFBF27;
    font-weight: bold
  }

  .midnight-blue {
    color: #111B40
  }

  .midnight-blue-bg {
    background-color: #111B40
  }

  .midnight-blue-bg a {
    color: #FFBF27;
    font-weight: bold;
    text-decoration: underline
  }

  .dark-blue {
    color: #1A2C80
  }

  .dark-blue-bg {
    background-color: #1A2C80
  }

  /* TRANSFERABLE FLIGHT CREDITS */

  /* Variables */
  :root {
    /* ---- Page Options ---- */
    --header-bg-color: #fff;
    --page-bg-color: #ffffff;
    --footer-bg-color: #fff;

    /* ---- Main text options ---- */
    --main-text-color: #757575;
    --main-link-color: #304cb2;
    --main-accent-color: #ffbf27;
    --main-font-family: "Southwest Sans", Arial, sans-serif;
    --main-text-font-size: 16px;
    --main-text-line-height: 28px;
    --main-terms-font-size: 10px;

    /* ---- Header text options ---- */
    --heading-1-text-color: #304cb2;
    --heading-1-text-size: 48px;
    --heading-1-line-height: 60px;
    --heading-2-text-color: #1a2c80;
    --heading-2-text-size: 40px;
    --heading-2-line-height: 48px;
    --heading-3-text-color: #1a2c80;
    --heading-3-text-size: 28px;
    --heading-3-line-height: 36px;
    --heading-4-text-size: 24px;
    --heading-4-line-height: 32px;

    /* ---- Form options ---- */
    --form-bg-color: #fff;
    --form-header-bg-color: #415b90;

    /* input field settings */
    --form-input-fields-bg-color: #fff;
    --form-input-fields-border-color: #e0e0e0;
    --form-input-fields-text-color: #757575;

    /* submit button settings */
    --form-submit-button-bg-color: #ffbf27;
    --form-submit-button-font-color: #212529;
    --form-submit-button-font-size: 12px;

    /* checkbox settings */
    --form-checkbox-bg-color: #2ca4bf;
    --form-checkbox-border-color: #2ca4bf;

    /* radio button settings */
    --form-radio-circle-color: #2ca4bf;
    --form-radio-border-color: #2ca4bf;

    /* field label settings */
    --form-label-text-color: #757575;
    --form-labels-text-size: 15px;
  }

  h1 {
    color: var(--heading-1-text-color);
    font-size: var(--heading-1-text-size);
    line-height: var(--heading-1-line-height);
    font-weight: bold;
    padding-bottom: 20px;
    margin: 0;
  }

  h1 sup {
    font-size: 65%;
  }

  h2 {
    color: var(--heading-2-text-color);
    font-size: var(--heading-2-text-size);
    line-height: var(--heading-2-line-height);
    font-weight: bold;
    padding-bottom: 20px;
    margin: 0;
  }

  h3 {
    color: var(--heading-3-text-color);
    font-size: var(--heading-3-text-size);
    line-height: var(--heading-3-line-height);
    font-weight: bold;
    padding-bottom: 20px;
    margin: 0;
  }

  h4 {
    color: var(--heading-4-text-color);
    font-size: var(--heading-4-text-size);
    line-height: var(--heading-4-line-height);
    font-weight: bold;
    padding-bottom: 20px;
    margin: 0;
  }

  body {
    font-family: var(--main-font-family);
    color: var(--main-text-color);
    font-size: var(--main-text-font-size);
    line-height: var(--main-text-line-height);
    background-color: var(--page-bg-color);
  }

  body .plus {
    color: #d5152e;
    font-family: "Fairwater Script" !important;
  }

  body .plus sub {
    font-size: 12px;
  }

  body p {
    font-size: 16px;
  }

  body a {
    color: var(--main-link-color);
  }

  body .terms {
    font-size: var(--main-terms-font-size);
    line-height: 1rem;
  }


  /* Text styles */


  /* Custom padding */
  section {
    padding: 30px 0;
  }

  .box-row {
    text-align: center;
    padding-bottom: 60px;
  }

  .pad-right {
    padding-right: 100px;
    margin-bottom: 60px;
  }

  .pad-left {
    padding-left: 100px;
    margin-bottom: 60px;
  }

  /* Buttons */
  .swa-button {
    min-width: 147px;
  }

  .swa-button.swa-button_primary_yellow {
    color: #111b40;
  }

  .swa-button.swa-button_primary_yellow {
    /* font-family: Arial, sans-serif;
font-size: 13px; */
    font-weight: bold;
    line-height: 1.1em;
    letter-spacing: -0.01em;
    display: inline-block;
    margin: 0;
    padding: 7px 28px;
    cursor: pointer;
    text-align: center;
    border-radius: 2px;
    background: #ffbf27;
    -webkit-transition: color ease-out 0.3s, background ease-out 0.3s,
      border-color ease-out 0.3s;
    transition: color ease-out 0.3s, background ease-out 0.3s,
      border-color ease-out 0.3s;
    text-decoration: none;
    border-color: #fad101 #fad101 #d2af01;
  }

  /* Section: Breadcrubs */
  #breadcrumbs {
    color: #ffffff;
    padding: 10px 0;
    border-bottom: 2px solid #ffffff;
    font-size: 0.75rem;
  }

  #breadcrumbs a {
    color: #ffffff;
    font-weight: 400;
    ;
  }

  #breadcrumbs sup {
    font-size: 9px;
  }

  /* Section: Header */
  #tfc-header {
    background-color: #1a2c80;
    color: #ffffff;
    height: auto;
    overflow: hidden;
    padding: 0.3rem 5rem 0.3rem 1rem;
    position: relative;
  }

  #tfc-header h1 {
    color: #ffffff;
    font-size: 1.875rem;
    font-family: 'SouthwestSans-Bold', arial, sans-serif;
    font-weight: normal;
    margin: 0;
    padding-bottom: 0;
  }

  #tfc-header .swa-heart {
    position: absolute;
    top: 8px;
    right: -20px;
    height: 100px;
    z-index: 0;
  }

  #tfc-header .brandbar {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 1;
  }


  /* Section: How it works */
  #how-it-works h3 {
    color: #111b40;
    padding-bottom: 5px;
  }

  #how-it-works .blue-box-header {
    color: #FFBF27;
    background-color: #304CB2;
    padding: 15px;
    min-height: 70px;
    position: relative;
  }

  #how-it-works .blue-box-header h5 {
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  #how-it-works .step .header {
    color: #FFBF27;
    background-color: #304CB2;
    padding: 15px;
  }

  /* .card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #ffffff;
background-clip: border-box;
border: 1px solid #e6e4e9;
border-radius: 8px;
} */

  #how-it-works .steps .card {
    padding: 0 5px;
    border: none;
  }

  #how-it-works .left {
    padding: 0 0 0 15px;
  }

  #how-it-works .right {
    padding: 0 15px 0 10px;
  }

  #how-it-works .steps .card:first-of-type {
    padding-left: 0;
  }

  #how-it-works .steps .card:last-of-type {
    padding-right: 0;
  }

  #how-it-works .steps .card .card-header {
    color: #ffffff;
    background: #80B3E0;
    padding: 5px 20px;
    font-weight: 500;
    display: flex;
    align-items: center;
    min-height: 30px;
    border: none;
  }

  #how-it-works .steps .card .card-body {
    background-color: #E6E7E8;
    min-height: 20vw;
  }

  #how-it-works .steps .card .card-header .card-title {
    font-size: 14px;
    margin: 0;
  }

  #how-it-works .steps .step .step-title-wrapper {
    display: flex;
    align-items: center;
  }

  #how-it-works .steps .step .step-title-wrapper .step-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 10px 0;
  }

  #how-it-works .steps .step .step-title-wrapper .step-name {
    color: #304CB2;
    font-size: 20px;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    margin-left: 1rem;
  }

  #how-it-works .steps .step .step-info {
    font-weight: 400;
    font-size: 15px;
    line-height: 1rem;
    margin-top: .5rem;
  }

  @media all and (min-width: 1200px) {
    #how-it-works .steps .card .card-body {
      max-height: 235px;
    }
  }

  @media all and (max-width: 1199px) {
    #how-it-works .steps .card .card-body {
      min-height: 29vw;
    }
  }

  @media all and (max-width: 992px) {
    #how-it-works .left {
      padding: 0 15px;
      margin-bottom: 1rem;
    }

    #how-it-works .right {
      padding: 0 15px;
    }

    #how-it-works .steps .card .card-body {
      min-height: auto;
    }
  }

  @media all and (max-width: 575px) {
    #how-it-works .steps {
      display: block !important;
    }

    #how-it-works .steps .card {
      padding: 0;
    }
  }

  /* Section: Video */
  #video iframe {
    display: block;
    margin: 0 auto 15px;
  }

  #video h3 {
    color: #111b40;
  }

  #fares h3 {
    color: #111b40;
  }

  /* Section: Fare chart */
  #fares .fare-chart-header {
    background: #111B40;
    color: #ffffff;
    min-height: 28px;
  }

  #fares .fare-chart-header * {
    display: inline-block;
  }

  #fares .fare-chart-header .scroll-indicator {
    display: block;
    /* hidden above 992px */
    font-size: 10px;
    float: right;
    letter-spacing: 1px;
  }

  #fares .fare-chart-header .scroll-indicator span {
    margin: 0 5px;
  }

  @media all and (max-width: 992px) {
    #fares .fare-chart-header .scroll-indicator {
      display: block;
    }
  }

  #fares .fare-chart-body table * {
    font-family: "Southwest Sans", Arial;
  }

  #fares .fare-chart-body {
    overflow-x: hidden;
  }

  #fares .fare-chart-body sup {
    top: -3px;
  }

  #fares .fare-chart-body .table-bordered td,
  .table-bordered th {
    color: #111B40;
    border: none;
    vertical-align: middle;
    text-align: center;
  }

  #fares .fare-chart-body .table-bordered thead th {
    border: none;
    /* padding: 1rem 4rem; */
    line-height: 1rem !important;
    vertical-align: inherit;
  }

  #fares .fare-chart-body table {
    border-collapse: separate;
    border-spacing: 0 5px;
  }

  #fares .fare-chart-body table tbody th {
    color: #111B40;
    text-align: left;
    font-size: 12px;
    font-weight: 400;
  }

  #fares .fare-chart-body table tr td {
    width: 220px;
    height: 85px;
    border: none;
  }

  #fares .fare-chart-body .text {
    font-size: 24px;
    font-weight: bold;
  }

  #fares .fare-chart-body span {
    font-size: 14px;
  }

  #fares .fare-chart-body .new {
    color: #D5152E;
    font-size: 10px;
    line-height: 1.2rem;
    font-weight: bold;
    display: block;
  }

  /* #fares .fare-chart-body .icon img {
margin-top: 10px;
transform: scale(1.25);
} */
  #fares .fare-chart-body td p {
    color: #c0ccd6;
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: -5px;
  }

  /* background colors */
  /* header */
  #fares .fare-chart-body table thead tr th:nth-child(2) {
    border: 1px solid #FFBF27;
    border-bottom: 10px solid #FFBF27;
  }

  #fares .fare-chart-body table thead tr th:nth-child(3) {
    border: 1px solid #D5152E;
    border-bottom: 10px solid #D5152E;
  }

  #fares .fare-chart-body table thead tr th:nth-child(4) {
    border: 1px solid #A4BAF2;
    border-bottom: 10px solid #A4BAF2;
  }

  #fares .fare-chart-body table thead tr th:nth-child(5) {
    border: 1px solid #304CB2;
    border-bottom: 10px solid #304CB2;
  }

  /* body */
  #fares .fare-chart-body table tbody tr th:nth-of-type(1) span {
    font-size: 20px;
    line-height: 1.2rem;
    ;
    font-weight: bold;
    display: block;
    margin-bottom: 0.5rem;
  }

  #fares .fare-chart-body table tbody tr th:nth-of-type(1) {
    line-height: 1rem;
    padding: 2rem;
    /* padding-right: 79px; */
    background-color: rgba(237, 237, 237, 0.5);
  }

  #fares .fare-chart-body table tr td:nth-child(2) {
    background-color: rgba(255, 191, 39, 0.15);
  }

  #fares .fare-chart-body table tr td:nth-child(3) {
    background-color: rgba(213, 21, 46, 0.12);
  }

  #fares .fare-chart-body table tr td:nth-child(4) {
    background-color: rgba(164, 186, 242, 0.2);
  }

  #fares .fare-chart-body table tr td:nth-child(5) {
    background-color: rgba(164, 186, 242, 0.3);
  }

  /* box */
  #fares .box {
    background-color: #E6E7E8;
    padding: 15px;
  }

  #fares .box p {
    font-size: 18px;
    font-weight: bold;
    ;
    color: #0C132D;
    margin: 0;
  }

  /* Responsive fare chart */
  @media all and (max-width: 1199px) {
    #fares .fare-chart-body .table-bordered thead th {
      min-width: 0;
    }

    .fare-chart-body .nav-tabs>li:first-of-type {
      top: 6%;
      height: 24.5rem;
    }

    .fare-chart-body .nav-tabs>li:nth-of-type(2) {
      top: 7.5%;
      height: 21.5rem;
    }
  }

  @media all and (max-width: 991px) {
    .fare-chart-body .left {
      margin: 130px 0 90px -50px;
      left: 7.5%;
    }

    .fare-chart-body .right table {
      table-layout: fixed;
      overflow-x: auto;
      min-width: 510px;
    }

    .fare-chart-body .nav-tabs>li:first-of-type {
      top: 0;
      height: 48.5rem;
    }

    .fare-chart-body .nav-tabs>li:nth-of-type(2) {
      top: 1.5%;
      height: 29rem;
    }

    .fare-chart-body .nav-tabs>li:first-of-type {
      top: 1%;
      height: 57rem;
    }

    .fare-chart-body .nav-tabs>li:nth-of-type(2) {
      top: 2%;
      height: 46rem;
    }

    #fares .fare-chart-body table tbody th {
      font-size: 0.75em;
    }
  }

  @media all and (max-width: 767px) {
    #fares .fare-chart-body .table-bordered thead th {
      padding: 1rem 2rem;
    }

    #fares .fare-chart-body table tbody tr th:nth-of-type(1) {
      padding: 2rem 1rem;
    }

    .fare-chart-body .left {
      margin: 130px 0 90px -50px;
      left: 7.5%;
    }

    .fare-chart-body .nav-tabs>li:first-of-type {
      height: 52.5rem;
    }

    .fare-chart-body .nav-tabs>li:nth-of-type(2) {
      height: 30rem;
    }

    .fare-chart-body .nav-tabs>li:first-of-type {
      top: 2%;
    }

    .fare-chart-body .nav-tabs>li:nth-of-type(2) {
      top: 2.5%;
    }
  }

  /* /Fare chart */

  /* Section: FAQs */
  /* Section: Change-faqs */


  #faqs {
    padding-top: 1rem;
  }

  #faqs #accordion-faqs {
    border-bottom: 1px solid #E6E7E8;
  }

  #faqs .card-body {
    font-family: 'SouthwestSans-Regular', arial, sans-serif;
    font-size: 1.2rem;
    color: #111b40;
  }

  #faqs p {
    font-size: 1.0rem;
  }

  #faqs .accordion .card-header.collapsed:first-child {
    margin-top: 0;
  }

  #faq-list .accordion .card-header .card-title {
    text-align: left;
    font-family: 'SouthwestSans-Regular', arial, sans-serif;
    font-size: 0.9rem;
    color: var(--unnamed-color-0c132d);
    letter-spacing: 0px;
    color: #0C132D;
    opacity: 1;
  }

  #faq-list h3 {
    color: #304cb2;
    font-size: 1.375rem;
    font-family: 'SouthwestSans-Bold', arial, sans-serif;
    font-weight: normal;
    margin: 0;
    padding-bottom: 0;
  }

  section #faqs #faq-list .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 1rem 0;
    padding: 1rem;
  }

  section #faqs #faq-list .accordion .card-header:hover {
    background-color: #dce4ff;
  }

  #faqs .accordion .card-header {
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    border: 1px solid var(--unnamed-color-e6e7e8);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E6E7E8;
    opacity: 1;
    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: 0.7rem 1rem;
  }


  #faqs button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
  }

  #faq-list {
    background-color: transparent;
    padding: 0;
    border: none;
  }

  #faq-list .accordion .card-header.collapsed:after {
    content:
      url(https://www.southwest.com/swa-resources/images/responsive/airfare-types-benefits/sameday/icon-arrow-down.png);
    line-height: 0;
    margin: auto 0;
  }

  #faq-list .accordion .card-header:after {
    content:
      url(https://www.southwest.com/swa-resources/images/responsive/airfare-types-benefits/sameday/icon-arrow-up.png);
    line-height: 0;
    margin: auto 0;
  }

  #faq-list .heading {
    background: var(--unnamed-color-e6e7e8) 0% 0% no-repeat padding-box;
    background: #E6E7E8 0% 0% no-repeat padding-box;
    opacity: 1;
    padding: 0.7rem 1rem;
  }

  #faq-list h2 {
    color: var(--unnamed-color-304cb2);
    text-align: left;
    letter-spacing: 0px;
    color: #304CB2;
    opacity: 1;
    font-family: 'SouthwestSans-Bold', arial, sans-serif;
    font-size: 1.7rem;
  }

  #booking-widget .btn {
    font-weight: bold;
  }


  /* Section: Benefits */
  #flight-benefits .brand-bar-top {
    height: auto;
    overflow: hidden;
    padding: 0.3rem 5rem 0.3rem 1rem;
    position: relative;
  }

  #flight-benefits .brandbar {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
  }

  #flight-benefits .benefits-box {
    background: var(--unnamed-color-f2f2f2) 0% 0% no-repeat padding-box;
    background: #F2F2F2 0% 0% no-repeat padding-box;
    opacity: 1;
    border-bottom: 5px solid #304cb2;
    padding: 1rem;
  }

  #flight-benefits .benefits-box h2 {
    color: var(--unnamed-color-0c132d);
    text-align: left;
    letter-spacing: 0px;
    color: #0C132D;
    opacity: 1;
    font-size: 1.5rem;
    font-family: 'SouthwestSans-Bold', arial, sans-serif;
    padding-bottom: 1rem;
  }

  #flight-benefits .benefits-box h3 {
    font-size: 1.2rem;
    line-height: 1.5rem;
    font-family: 'SouthwestSans-Bold', arial, sans-serif;
    color: var(--unnamed-color-304cb2);
    text-align: left;
    letter-spacing: 0px;
    color: #304CB2;
    opacity: 1;
  }

  #flight-benefits .benefits-box .icon {
    text-align: right;
  }

  #flight-benefits .benefits-box .title h3 {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }

  @media all and (max-width: 575px) {

    #flight-benefits .benefits-box .wifi,
    #flight-benefits .benefits-box .flyfree,
    #flight-benefits .benefits-box .nofees,
    #flight-benefits .benefits-box .inflight {
      padding: 1rem;
    }

    #flight-benefits .benefits-box .icon {
      text-align: center;
      max-width: 25%;
    }

    #flight-benefits .benefits-box .title {
      text-align: left;
    }
  }


  /* Animations */
  @-moz-keyframes bounceDown {

    0%,
    20%,
    50%,
    80%,
    100% {
      -moz-transform: translateY(0);
      transform: translateY(0);
    }

    40% {
      -moz-transform: translateY(-30px);
      transform: translateY(-30px);
    }

    60% {
      -moz-transform: translateY(-15px);
      transform: translateY(-15px);
    }
  }

  @-webkit-keyframes bounceDown {

    0%,
    20%,
    50%,
    80%,
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }

    40% {
      -webkit-transform: translateY(-30px);
      transform: translateY(-30px);
    }

    60% {
      -webkit-transform: translateY(-15px);
      transform: translateY(-15px);
    }
  }

  @keyframes bounceDown {

    0%,
    20%,
    50%,
    80%,
    100% {
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }

    40% {
      -moz-transform: translateY(-30px);
      -ms-transform: translateY(-30px);
      -webkit-transform: translateY(-30px);
      transform: translateY(-30px);
    }

    60% {
      -moz-transform: translateY(-15px);
      -ms-transform: translateY(-15px);
      -webkit-transform: translateY(-15px);
      transform: translateY(-15px);
    }
  }





  @-webkit-keyframes bounceLeft {

    0%,
    20%,
    50%,
    80%,
    100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }

    40% {
      -webkit-transform: translateX(30px);
      transform: translateX(30px);
    }

    60% {
      -webkit-transform: translateX(15px);
      transform: translateX(15px);
    }
  }

  @-moz-keyframes bounceLeft {

    0%,
    20%,
    50%,
    80%,
    100% {
      transform: translateX(0);
    }

    40% {
      transform: translateX(30px);
    }

    60% {
      transform: translateX(15px);
    }
  }

  @keyframes bounceLeft {

    0%,
    20%,
    50%,
    80%,
    100% {
      -ms-transform: translateX(0);
      transform: translateX(0);
    }

    40% {
      -ms-transform: translateX(30px);
      transform: translateX(30px);
    }

    60% {
      -ms-transform: translateX(15px);
      transform: translateX(15px);
    }
  }

  /* /left bounce */


  /* right bounce */
  @-webkit-keyframes bounceRight {

    0%,
    20%,
    50%,
    80%,
    100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }

    40% {
      -webkit-transform: translateX(-30px);
      transform: translateX(-30px);
    }

    60% {
      -webkit-transform: translateX(-15px);
      transform: translateX(-15px);
    }
  }

  @-moz-keyframes bounceRight {

    0%,
    20%,
    50%,
    80%,
    100% {
      transform: translateX(0);
    }

    40% {
      transform: translateX(-30px);
    }

    60% {
      transform: translateX(-15px);
    }
  }

  @keyframes bounceRight {

    0%,
    20%,
    50%,
    80%,
    100% {
      -ms-transform: translateX(0);
      transform: translateX(0);
    }

    40% {
      -ms-transform: translateX(-30px);
      transform: translateX(-30px);
    }

    60% {
      -ms-transform: translateX(-15px);
      transform: translateX(-15px);
    }
  }

  /* /right bounce */

  /* assign bounce */
  .scroll-indicator {
    -webkit-animation: bounceRight 2s 3;
    animation: bounceRight 2s 3;
  }