* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Helvetica;
}

@font-face {
  font-family: Helvetica;
  src: url(Helvetica.otf);
}

body {
  font-size: 16px;
}

h1,
h2,
h3 {
  position: relative;
  z-index: 999;
}

.mb {
  margin-bottom: 20px !important;
}

h1 {
  font-size: 54px;
}

h2 {
  font-size: 46px;
}

h3 {
  font-size: 30px;
}

h4 {
  font-size: 26px;
  color: #2467E4;
}

h5 {
  font-size: 22px;
}

h6 {
  font-size: 18px;
}

a {
  text-decoration: none;
}

p {
  color: #303030;
}

.container {
  max-width: 95%;
  margin: 0 auto;
}

.flex {
  display: flex;
  flex-wrap: wrap;
}



.align-center {
  align-items: center;
}

.space-between {
  justify-content: space-between;
}

.justify-center {
  justify-content: center;
}

.flex-end {
  align-items: flex-end;
}

.flex-start {
  align-items: flex-start;
}

.text-center {
  text-align: center;
}

.section-gap {
  padding: 50px 0;
}

.col-33 {
  width: 32.33%;
}

.col-25 {
  width: 24%;
}

.col-50 {
  width: 49%;
}

.col-51 {
  width: 49%;
}

.col-40 {
  width: 39%;
}

.col-60 {
  width: 59%;
}

/* header css */
header {
  background: #f9f9f9;
  box-shadow: 0 0 10px #efefef;
}

nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 15px 2.5%;
}

.content-1 {
  display: block;
}

nav .logo {
  width: 160px;
}

nav .logo img {
  width: 100%;
  display: block;
}

.call {
  background: #2467E4;
  border-radius: 6px;
  padding: 10px 20px;
}

.call a {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

.header-mob .text-center {
  background: #2467E4;
  display: none;
  padding: 10px;
}

.header-mob .text-center h5 {
  font-size: 18px;
  color: #fff;
}

.header-mob .text-center h3 {
  font-size: 24px;
  color: #fff;
}

.header-mob .text-center ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 10px;
  border-bottom: 1px solid #000;
}

.header-mob .text-center ul li {
  color: #000;
  font-size: 14px;
}

.header-mob .canCha {
  background: #f9f9f9;
  margin-top: 0px;
  padding: 0;
}

.mob-purpose {
  display: none;
  padding: 30px 0;
}

.mob-purpose h3 {
  font-size: 20px;
}

.mob-purpose .call {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70%;
  margin: 10px auto 15px;
  padding: 10px 0px;
}

.mob-purpose .call a {
  font-size: 18px;
}

.mob-purpose p {
  font-size: 16px;
  margin-top: 10px;
}

.mob-purpose img {
  width: 250px;
  margin: 20px 0;
}

/* hero section */
.hero-section {
  background: #f9f9f9;
}

.hero-banner img {
  width: 100%;
  height: 520px;
  object-fit: cover;
  display: block;
}

.disclaimer {
  margin: 20px 0;
}

.copyright {
  margin-bottom: 70px;
  background: #f9f9f9;
  padding: 10px;
}

/* footer */
footer {
  background: #f9f9f9;
  padding: 50px 0;
}

footer h3 {
  font-size: 22px;
  margin-bottom: 15px;
  color: #000;
}

footer p {
  color: #000;
}

footer ul li {
  margin-bottom: 10px;
  list-style: none;
}

footer ul li a {
  color: #000;
}

footer ul li a i {
  margin-right: 10px;
}

.footer-bottom {
  padding-bottom: 40px;
}

.left-padding {
  padding-left: 80px;
}

.foot-bottom {
  width: 100%;
  padding: 10px 0;
  position: fixed;
  bottom: 0;
  z-index: 999;
  background: #2467E4;
}

.foot-bottom.flex {
  justify-content: center;
}

.foot-bottom.flex p {
  font-size: 20px;
  color: #fff;
  margin-right: 10px;
  font-weight: 700;
}

.foot-bottom.flex a {
  color: #fff;
  font-weight: 700;
  font-size: 25px;
  padding: 8px;
}


.foot-bottom.flex a i {
  margin-right: 5px;
}

.front-foot a {
  color: #fff;
  font-size: 26px;
  font-weight: 700;
}

/* added css  */
.hero-text-united h1 {
  color: #000;
}

.hero-text-united {
  width: 100%;
  padding: 30px 0;
}

.united-airline-content img {
  margin-top: 0;
}

.airline-content img {
  width: 100%;
  margin-bottom: 30px;
  display: block;
}

.united-airline-content h2,
.united-airline-content h3,
.united-airline-content p,
.united-airline-content ul li {
  color: #000;
}

.airline-content p {
  margin-bottom: 20px;
}

.hero-text h1 {
  font-size: 32px;
  color: #2467E4;
  line-height: 40px;
}

.airline-content h2 {
  color: #2467E4;
  font-size: 20px;
  margin-bottom: 20px;
  border-left: 3px solid #2467E4;
  padding-left: 5px;
}

.airline-content ul {
  padding-left: 20px;
}

.airline-content ul li {
  list-style: disc;
  margin-bottom: 10px;
}

.united-side .subscribe {
  background: #f2f2f2;
  border-radius: 5px;
  border: 1px solid #ccc;
}

/* .subscribe {
  padding: 20px;
  background: #ecf4fa;
  border-radius: 20px;
  margin-bottom: 50px;
  width: 40%;
  margin: 25px auto;
} */

.subscribe p {
  color: #36495a;
  margin-bottom: 40px;
  font-weight: 700;
}

.united-side .subscribe a {
  background: #2467E4;
}

.subscribe a {
  color: #fff;
  background: #2467E4;
  font-size: 18px;
  padding: 10px 20px;
  display: block;
  border-radius: 5px;
  text-align: center;
}

.airline-content h3 {
  font-size: 16px;
  color: #2467E4;
  font-weight: 700;
  margin-bottom: 20px;
  border-left: 3px solid #2467E4;
  padding-left: 5px;
}

.callcontent .guidance {
  text-align: center;
  box-shadow: 0 0 10px #d9d9d9;
  padding: 15px;
  border-radius: 10px;
}

.callcontent .guidance i {
  margin-bottom: 20px;
  font-size: 44px;
  color: #2467E4;
}

.callcontent .guidance p {
  font-size: 16px;
}

.callcontent h4 {
  font-size: 22px;
  color: #2467E4;
}

.callcontent p {
  margin-bottom: 0px;
}

.area-free {
  background: #2467E4;
  border-bottom: 2px solid #fdab1b;
  padding: 10px 0;
}

.area-free i {
  font-size: 18px;
  border: 3px solid #fff;
  width: 45px;
  height: 45px;
  line-height: 40px;
  border-radius: 50%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 15px;
}

.area-free h3 {
  font-size: 16px;
  color: #fff;
}

/* about us  */
.service_section {
  margin-top: 50px;
}

.service_section .col-25 i {
  color: #2467E4;
  font-size: 25px;
  padding-bottom: 10px;
}

.service_section .col-25 h5 {
  color: #2467E4;
  font-size: 18px;
  padding-bottom: 6px;
}

.cm-left-col img {
  width: 100%;
  height: 100%;
}

.cm-right-col {
  padding-left: 30px;
}

.cm-right-col h3,
.cm-right-col p {
  margin-bottom: 15px;
}

/* contact us */
.main-contact ul li {
  border-radius: 4px;
  font-weight: 600;
  padding: 15px;
  text-align: center;
  background: #f5faff;
  box-shadow: 1px 1px 1px 0 rgba(62, 28, 131, .12);
  list-style: none;
  margin-right: 30px;
}

.main-contact ul li i {
  border-radius: 50%;
  font-size: 24px;
  height: 64px;
  margin: 0 auto 10px;
  width: 64px;
  background: #2467E4;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.modal {
  display: none;
}

.main-contact ul li span {
  margin-top: 15px;
  display: block;
}

.main-contact ul li span a {
  color: #000;
}

.header-mob {
  display: none;
}

.book-flight {
  display: none;
}

.mobile-foot {
  display: none;
}

.img-btm {
  display: none;
}

@media (max-width: 767px) {

  /* .hero-banner img {
    width: 100%;
    height: 160px;
    object-fit: cover;
  } */
  .banner-height img {
    width: 100%;
    height: 250px;
    object-fit: cover;
  }

  .col-50 {
    width: 100%;
  }

  .col-51 {
    width: 100%;
  }

  footer .col-51 {
    margin-top: 10px;
  }


  .depart,
  .return {
    width: 33%;
  }

  .depart-return .calendar-icon {
    width: 16%;
    color: #2467E4;
  }

  .passengers-head {
    margin: 15px 0;
  }

  .passenger-text,
  .passenger-select {
    width: 33%;
  }

  .passenger-text h3 {
    font-weight: 700;
    font-size: 23px;
    margin-bottom: 10px;
  }

  .passenger-text p,
  .passenger-select p {
    text-align: center;
    font-size: 12px;
    color: #8f8f8f;
  }

  .passenger-select {
    width: 33%;
  }

  .passengers-head .calendar-icon {
    width: 16%;
  }

  .passenger-select select {
    width: 100%;
    border: none;
    outline: none;
    text-align: center;
    margin-bottom: 10px;
    font-size: 22px;
  }

  .tab-head1 {
    margin: 15px 0;
  }

  .tab-head1 li {
    width: 50%;
    text-align: center;
    font-size: 17px;
    list-style: none;
    padding: 10px 15px;
    color: grey;
  }

  .tab-head1 {
    border: 1px solid grey;
  }

  .tab-head1 li:first-of-type {
    border-right: 1px solid grey;
  }

  .tab-head1 li.active {
    background: #2467E4;
    color: #fff;
  }

  .passenger-select p {
    text-align: center;
    font-size: 12px;
    color: #8f8f8f;
  }

  .modal-content a {
    width: 100%;
  }



  .call-content {
    margin-bottom: 50px;
  }

  .section-gap {
    padding: 30px 0;
  }

  h4 {
    font-size: 20px;
  }

  .col-25 {
    width: 50%;
  }

  .col-33 {
    width: 100%;
    margin-bottom: 15px;
  }

  .col-33:last-of-type {
    margin-bottom: 0;
  }

  .left-padding {
    padding-left: 0px;
  }

  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Helvetica;
  }

  @font-face {
    font-family: Helvetica;
    src: url(Helvetica.otf);
  }

  body {
    font-size: 16px;
  }

  h1,
  h2,
  h3 {
    position: relative;
    z-index: 999;
  }

  .mb {
    margin-bottom: 20px !important;
  }

  h1 {
    font-size: 54px;
  }

  h2 {
    font-size: 46px;
  }

  h3 {
    font-size: 30px;
  }

  h4 {
    font-size: 26px;
    color: #2467E4;
  }

  h5 {
    font-size: 22px;
  }

  h6 {
    font-size: 18px;
  }

  a {
    text-decoration: none;
  }

  p {
    color: #303030;
  }

  .container {
    max-width: 95%;
    margin: 0 auto;
  }

  .flex {
    display: flex;
    flex-wrap: wrap;
  }

  .align-center {
    align-items: center;
  }

  .space-between {
    justify-content: space-between;
  }

  .flex-end {
    align-items: flex-end;
  }

  .flex-start {
    align-items: flex-start;
  }

  .text-center {
    text-align: center;
  }

  .section-gap {
    padding: 50px 0;
  }

  .col-33 {
    width: 32.33%;
  }

  .col-25 {
    width: 24%;
  }

  .col-50 {
    width: 49%;
  }

  /* header css */
  header {
    background: #f9f9f9;
    box-shadow: 0 0 10px #efefef;
  }

  .book-flight h1 {
    font-size: 35px;
    margin-bottom: 30px;
  }

  /* .book-flight {
    margin-top: 27px;
  } */

  .header-mob .final-mob h3 {
    color: #fff;
    font-size: 19px;
  }

  .input-icon i {
    color: #df1e33;
  }

  .final-mob {
    padding: 10px;
  }

  .header-call a {
    font-size: 15px;
    color: #fff;
  }

  .from-to {
    margin-top: 15px;
    padding: 0 0px;
  }

  .from-to.sw {
    margin-top: 15px;
    padding: 0 33px;
  }

  .from-to h2 {
    font-size: 40px;
  }

  .to-from {
    margin: 10px 0;
    padding: 0 0px !important;
    margin-top: 0;
    padding-bottom: 15px;
  }

  .to-from.sw {
    margin: 10px 0;
    padding: 0 25px !important;
    margin-top: 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px !important;
  }

  /* Styles for the modal */
  .modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
  }

  /* Modal Content */
  .modal-content {
    /* background-color: #fefefe; */
    /* margin: 15% auto; */
    /* padding: 20px; */
    border: 1px solid #888;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    height: 100%;
  }

  .modal-content a img {
    width: 100%;
    height: 100%;
  }

  /* Close button */
  .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }

  .close:hover,
  .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
  }


  .to-from p {
    font-size: 14px;
    margin-right: 20px;
    width: 25%;
    margin-left: 10px;
  }

  .flight-form {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
    padding-bottom: 10px;
    margin-top: 15px;
    background: #fff;
    padding-top: 0;
    padding: 10px 25px;
  }

  .flight-form.southwest {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
    background: #fff;
    margin-top: 0 !important;
    padding: 0px 0px !important;
  }

  .round-trip {
    margin: 15px 0;
    border-bottom: 1px solid #11172b;
    margin-top: 25px;
  }

  .round-trip select {
    width: 100%;
    border: none;
    padding: 10px 0;
    font-size: 16px;
    outline: none;
    background: #fff;
  }

  .depart input,
  .return input {
    padding: 5px 5px;
    margin-top: 15px;
    width: 80%;
    /* background: url('calendar-icon.png') no-repeat center;
    width: 28px;
    height: 20px;
    border: none; */
  }

  .depart-return {
    margin-top: 25px;
    padding: 15px 0px;
    padding-top: 0;
  }

  .depart-return.southwest {
    margin-top: 25px;
    padding: 15px 25px;
    padding-top: 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
  }

  .passengers-head {
    padding: 0 25px;
    margin: 22px 0;
  }


  .depart-return p {
    font-size: 35px;
    color: #df1e33;

  }

  .shop-miles-head {
    margin: 15px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #11172b;
  }

  .nearby-airports {
    padding: 10px 0;
  }

  .nearby-airports .shop-mile input {
    margin-right: 10px;
  }



  .search-btn button {
    padding: 10px;
    background-color: #e51937;
    border: none;
    color: #fff;
    border-radius: 10px;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
  }

  .search-btn-final button {
    padding: 10px;
    background-color: #ffbf27;
    border: none;
    color: #fff;
    /* border-radius: 10px; */
    width: 100%;
    font-size: 20px;
    font-weight: bold;
  }

  /* dropdown css */
  .input-container {
    position: relative;
    width: 200px;
    /* Adjust the width as needed */
  }

  .dropdown {
    position: absolute;
    top: 100%;
    left: 0px;
    right: 0;
    display: none;
    background-color: white;
    border: 1px solid #ccc;
    /* max-height: 150px; */
    overflow-y: auto;
    list-style-type: none;
    padding: 0;
    margin: 0;
    z-index: 1;
    width: 100%;
    height: 250px;
  }

  .dropdown1 {
    position: absolute;
    top: 107%;
    left: 0px;
    right: 0;
    display: none;
    background-color: white;
    border: 1px solid #ccc;
    /* max-height: 150px; */
    overflow-y: auto;
    list-style-type: none;
    padding: 0;
    margin: 0;
    z-index: 1;
    width: 100%;
    height: 250px;
  }

  .book-flight {
    position: relative;
    padding-top: 15px;
  }

  .img-btm {
    width: 100%;
    background-color: #e5e5e5;
    padding-top: 30px;
    display: none;
  }

  .img-btm img {
    width: 100%;
  }

  .book-flight span {
    /* margin-top: 19px; */
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 107px;
    height: 12px;
    color: red;
    border-bottom: 2px solid red;
  }

  .round-trip select {
    background: #fff;
  }

  .dropdown li,
  .dropdown1 li {
    padding: 12px;
    cursor: pointer;
    border-bottom: 1px solid #11172b;
  }



  .input-container input {
    padding: 10px;
    border: none;
    font-size: 26px;
    width: 100%;
    outline: none;
    color: #8f8f8f;
  }

  .input-icon {
    width: 20%;
  }

  .input-container {
    width: 32%;
  }



  .show-fares {
    font-size: 15px;
    margin-bottom: 10px;
  }


  .shop-mile input {
    margin: 10px 0;
  }

  .shop-mile label {
    font-size: 16px;
  }

  .shop-miles-head .shop-mile input {
    margin-right: 10px;
    font-size: 15px;
  }

  .flight-form i {
    font-size: 26px;
    color: #e51937;
  }

  .flight-form.southwest i {
    font-size: 26px;
    color: #2467E4;
  }


  nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 15px 2.5%;
  }

  nav .logo {
    width: 160px;
  }

  nav .logo img {
    width: 100%;
    display: block;
  }

  .call {
    background: #2467E4;
    border-radius: 6px;
    padding: 10px 20px;
  }

  .call a {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
  }

  .header-mob .text-center {
    background: #2467E4;
    display: none;
    padding: 10px;
  }

  /* southwest extended */
  .final-southwest-mob {
    background: #2467E4;
    display: none;
    padding: 10px;
  }



  .final-southwest-mob {
    color: #fff;
  }

  .call-southwest {
    background-color: #2467E4;
  }

  .call-southwest a {
    color: #fff;
  }


  .header-mob {
    display: none;
  }

  .header-mob .text-center h5 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 15px;
  }

  .header-mob .text-center h3 {
    font-size: 24px;
    color: #fff;
  }

  .header-mob .text-center ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid #000;
  }

  .header-mob .text-center ul li {
    color: #000;
    font-size: 14px;
  }

  .header-mob .canCha {
    background: #f9f9f9;
    margin-top: 0px;
    padding: 0;
  }

  .mob-purpose {
    display: none;
    padding: 30px 0;
  }

  .mob-purpose h3 {
    font-size: 20px;
  }

  .mob-purpose .call {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70%;
    margin: 10px auto 15px;
    padding: 10px 0px;
  }

  .mob-purpose .call a {
    font-size: 18px;
  }

  .mob-purpose p {
    font-size: 16px;
    margin-top: 10px;
  }

  .mob-purpose img {
    width: 250px;
    margin: 20px 0;
  }

  /* hero section */
  .hero-section {
    background: #f9f9f9;
  }

  .hero-banner img {
    width: 100%;
    height: 520px;
    object-fit: cover;
    display: block;
  }

  .disclaimer {
    margin: 20px 0;
  }

  .copyright {
    margin-bottom: 70px;
    background: #f9f9f9;
    padding: 10px;
  }

  /* footer */
  footer {
    background: #f9f9f9;
    padding: 50px 0;
  }

  footer h3 {
    font-size: 22px;
    margin-bottom: 15px;
    color: #000;
  }

  footer p {
    color: #000;
  }

  footer ul li {
    margin-bottom: 10px;
    list-style: none;
  }

  footer ul li a {
    color: #000;
  }

  footer ul li a i {
    margin-right: 10px;
  }

  .footer-bottom {
    padding-bottom: 40px;
  }

  .left-padding {
    padding-left: 80px;
  }

  .foot-bottom {
    width: 100%;
    padding: 15px 0;
    position: fixed;
    bottom: 0;
    z-index: 999;
    background: #2467E4;
  }

  .foot-bottom.flex {
    justify-content: center;
  }

  .foot-bottom.flex p {
    font-size: 20px;
    color: #fff;
    margin-right: 10px;
    font-weight: 700;
  }

  .foot-bottom.flex a i {
    margin-right: 5px;
  }

  /* added css  */
  .hero-text-united h1 {
    color: #000;
  }

  .hero-text-united {
    width: 100%;
    padding: 30px 0;
  }

  .united-airline-content img {
    margin-top: 0;
  }

  .airline-content img {
    width: 100%;
    margin-bottom: 30px;
    display: block;
  }

  .united-airline-content h2,
  .united-airline-content h3,
  .united-airline-content p,
  .united-airline-content ul li {
    color: #000;
  }

  .airline-content p {
    margin-bottom: 20px;
  }

  .hero-text h1 {
    font-size: 32px;
    color: #2467E4;
    line-height: 40px;
  }

  .airline-content h2 {
    color: #2467E4;
    font-size: 20px;
    margin-bottom: 20px;
    border-left: 3px solid #2467E4;
    padding-left: 5px;
  }

  .airline-content ul {
    padding-left: 20px;
  }

  .airline-content ul li {
    list-style: disc;
    margin-bottom: 10px;
  }

  .united-side .subscribe {
    background: #f2f2f2;
    border-radius: 5px;
    border: 1px solid #ccc;
  }

  /* .subscribe {
  padding: 20px;
  background: #ecf4fa;
  border-radius: 20px;
  margin-bottom: 50px;
  width: 40%;
  margin: 25px auto;
} */

  .subscribe p {
    color: #36495a;
    margin-bottom: 40px;
    font-weight: 700;
  }

  .united-side .subscribe a {
    background: #2467E4;
  }

  .subscribe a {
    color: #fff;
    background: #2467E4;
    font-size: 18px;
    padding: 10px 20px;
    display: block;
    border-radius: 5px;
    text-align: center;
    font-weight: 700;
  }

  .airline-content h3 {
    font-size: 16px;
    color: #2467E4;
    font-weight: 700;
    margin-bottom: 20px;
    border-left: 3px solid #2467E4;
    padding-left: 5px;
  }

  .callcontent .guidance {
    text-align: center;
    box-shadow: 0 0 10px #d9d9d9;
    padding: 15px;
    border-radius: 10px;
  }

  .callcontent .guidance i {
    margin-bottom: 20px;
    font-size: 44px;
    color: #2467E4;
  }

  .callcontent .guidance p {
    font-size: 16px;
  }

  .callcontent h4 {
    font-size: 22px;
    color: #2467E4;
  }

  .callcontent p {
    margin-bottom: 0px;
  }

  .area-free {
    background: #2467E4;
    border-bottom: 2px solid #fdab1b;
    padding: 10px 0;
  }

  .area-free i {
    font-size: 18px;
    border: 3px solid #fff;
    width: 45px;
    height: 45px;
    line-height: 40px;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
  }

  .area-free h3 {
    font-size: 16px;
    color: #fff;
  }

  @media (max-width: 767px) {
    .hero-banner img {
      width: 100%;
      height: 250px;
      object-fit: cover;
    }

    .col-50 {
      width: 100%;
    }

    .section-gap {
      padding: 30px 0;
    }

    h4 {
      font-size: 20px;
    }

    .col-25 {
      width: 50%;
    }

    .col-33 {
      width: 100%;
      margin-bottom: 15px;
    }

    .col-33:last-of-type {
      margin-bottom: 0;
    }

    .left-padding {
      padding-left: 0px;
    }

    .footer-1 p {
      color: #7d8388;
      margin-bottom: 20px;
      font-size: 13px;
    }

    .footer-1 p a {
      color: #fff;
    }

    .footer-btm-icon {
      justify-content: center;
      color: #fff;
    }

    .footer-btm-icon div {
      margin-right: 8px;
      font-size: 14px;
    }
  }

  @media (max-width: 480px) {
    .main-contact ul li {
      margin-bottom: 10px;
      margin-right: 0;
    }

    .book-flight {
      display: block;
      /* background: grey; */
      background: #111b40;
    }

    .book-flight.sw {
      background: #2467E4;
    }

    .delta-flight {
      display: block;
      background: #e5e5e5;
    }

    header,
    .hero-banner,
    .banner-height {
      display: none;
    }


    .southwest-background {
      background: #2467E4;
      /* padding-bottom: 89px; */
    }

    .southwest-background div,
    .southwest-background p {
      color: #fff;
    }

    .footer-1 {
      background-color: #11172b;
      padding: 30px 50px;
      padding-bottom: 100px;
      margin-top: -3px;
    }

    .call.delta {
      background: #11172b;
      border: 1px solid #fff;
      padding: 10px 18px !important;
      width: 170px !important;
    }

    .call.southwest {
      background: #11172b;
      border: 1px solid #fff;
      padding: 10px 18px !important;
      width: 170px !important;
    }

    .header-mob .text-center,
    .mob-purpose {
      display: block;
    }

    .header-mob {
      display: block;
    }

    nav {
      padding: 15px 2.5% 0;
    }

    .section-gap {
      padding: 15px 0;
    }

    .callcontent,
    .subscribe {
      width: 100%;
    }

    h4 {
      font-size: 16px;
    }

    .col-25 {
      width: 100%;
    }

    .col-40 {
      width: 100%;
    }

    .col-60 {
      width: 100%;
    }

    .cm-right-col {
      padding-left: 0px;
    }

    .cm-right-col h3 {
      font-size: 20px;
    }

    .service_section {
      margin-top: 30px;
    }

    .service_section .col-25 {
      margin-bottom: 10px;
    }

    .airline-text p {
      margin-bottom: 10px;
      font-size: 14px;
    }

    .hero-image img {
      width: 100%;
    }

    .callcontent .guidance {
      width: 49%;
      margin-bottom: 15px;
    }

    footer {
      padding: 30px 0;
    }

    .footer-bottom {
      padding-bottom: 0px;
    }

    nav .logo {
      width: 110px;
    }

    .call {
      padding: 2px 5px;
    }

    .call a {
      font-size: 12px;
    }

    .area-free .col-25 {
      width: 49%;
      margin-bottom: 10px;
    }

    .inner-banner {
      display: none;
    }

    .img-btm {
      display: block;

    }
  }

  /* contatc us */
  .contact-form form {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 10px;
    padding: 15px;
  }

  .contact-form .flex {
    margin-bottom: 15px;
  }

  .contact-form label {
    display: block;
    margin-bottom: 5px;
    color: #7b7b7b;
  }

  .contact-form input {
    width: 100%;
    outline: none;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ebebeb;
    border-radius: 5px;
  }

  .contact-form textarea {
    width: 100%;
    outline: none;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    resize: none;
    margin-bottom: 15px;
  }

  .contact-form input[type="submit"] {
    background: #2467E4;
    color: #fff;
    font-size: 16px;
  }

  @media(max-width:767px) {
    .about-btm {
      font-size: 22px;
    }

    .content-1 {
      display: block;
    }

    .about-banner {
      padding: 30px 0px;
    }

    .about-banner h1 {
      font-size: 26px;
      line-height: 1.1;
    }

    .about-section h2 {
      font-size: 22px;
      line-height: 1.1;
    }

    .about-section {
      margin-bottom: 10px;
    }

    .contact-form input {
      padding: 5px;
      font-size: 14px;
    }

    .contact-form label {
      font-size: 14px;
    }

    .contact-form .flex {
      margin-bottom: 5px;
    }

    .contact-form textarea {
      padding: 5px;
      font-size: 14px;
      margin-bottom: 5px;
    }

    .our-specialist-img {
      margin-top: 15px;
    }
  }

  /* privacy policy */
  .privacy-policy h3 {
    font-size: 22px;
    margin-bottom: 15px;
  }

  .privacy-policy h5 {
    font-size: 16px;
    margin-bottom: 15px;
  }

  .privacy-policy p,
  .privacy-policy ul li {
    margin-bottom: 15px;
  }

  .privacy-policy ul {
    padding-left: 20px;
  }

  .privacy-policy ul li {
    list-style: disc;
  }

  /* //////// */
  .our-specialist {
    margin: 15px 0;
  }

  .subscribe {
    padding: 20px;
    background: #ecf4fa;
    border-radius: 20px;
  }

  .our-specialist-img img {
    width: 100%;
    border-radius: 15px;
    margin-bottom: 0;
    height: 260px;
    object-fit: cover;
  }

  .footer-logo {
    width: 40%;
    margin-bottom: 10px;
  }

  .footer-logo img {
    width: 100%;
  }

  .inner-banner {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(images/back-image.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 150px 0;

  }

  .inner-banner h2 {
    color: #fff;
  }




}

@media (max-width: 480px) {

  header,
  .hero-banner {
    display: none;
  }

  footer h3 {
    font-size: 22px;
    margin-bottom: 15px;
    color: #fff;
  }

  .southwest-background .col-33 ul li a {
    color: #fff;
  }

  .header-mob .text-center,
  .mob-purpose {
    display: block;
  }

  nav {
    padding: 15px 2.5% 0;
  }

  .section-gap {
    padding: 15px 0;
  }

  .callcontent,
  .subscribe {
    width: 100%;
  }

  h4 {
    font-size: 16px;
  }

  .col-25 {
    width: 100%;
  }

  .airline-text p {
    margin-bottom: 10px;
    font-size: 14px;
  }

  .hero-image img {
    width: 100%;
  }

  .callcontent .guidance {
    width: 49%;
    margin-bottom: 15px;
  }

  footer {
    padding: 30px 0;
  }

  .footer-bottom {
    padding-bottom: 0px;
  }

  nav .logo {
    width: 110px;
  }

  .call {
    padding: 2px 5px;
  }

  .call a {
    font-size: 16px;
  }

  .content-1 {
    display: none;
  }

  .area-free .col-25 {
    width: 49%;
    margin-bottom: 10px;
  }

  .inner-banner {
    display: none;
  }
}

/* contatc us */
.contact-form form {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border-radius: 10px;
  padding: 15px;
}

.contact-form .flex {
  margin-bottom: 15px;
}

.contact-form label {
  display: block;
  margin-bottom: 5px;
  color: #7b7b7b;
}

.contact-form input {
  width: 100%;
  outline: none;
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ebebeb;
  border-radius: 5px;
}

.contact-form textarea {
  width: 100%;
  outline: none;
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  resize: none;
  margin-bottom: 15px;
}

.contact-form input[type="submit"] {
  background: #2467E4;
  color: #fff;
  font-size: 16px;
}

@media(max-width:767px) {
  .about-banner {
    padding: 30px 0px;
  }


  .about-banner h1 {
    font-size: 26px;
    line-height: 1.1;
  }

  .about-section h2 {
    font-size: 22px;
    line-height: 1.1;
  }

  .about-section {
    margin-bottom: 10px;
  }

  .contact-form input {
    padding: 5px;
    font-size: 14px;
  }

  .contact-form label {
    font-size: 14px;
  }

  .contact-form .flex {
    margin-bottom: 5px;
  }

  .contact-form textarea {
    padding: 5px;
    font-size: 14px;
    margin-bottom: 5px;
  }

  .our-specialist-img {
    margin-top: 15px;
  }
}

/* privacy policy */
.privacy-policy h3 {
  font-size: 22px;
  margin-bottom: 15px;
}

.privacy-policy h5 {
  font-size: 16px;
  margin-bottom: 15px;
}

.privacy-policy p,
.privacy-policy ul li {
  margin-bottom: 15px;
}

.privacy-policy ul {
  padding-left: 20px;
}

.privacy-policy ul li {
  list-style: disc;
}

/* //////// */
.our-specialist {
  margin: 15px 0;
}

.subscribe {
  padding: 20px;
  background: #ecf4fa;
  border-radius: 20px;
}

.our-specialist-img img {
  width: 100%;
  border-radius: 15px;
  margin-bottom: 0;
  height: 260px;
  object-fit: cover;
}

.footer-logo {
  width: 40%;
  margin-bottom: 10px;
}

.footer-logo img {
  width: 100%;
}

.inner-banner {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(images/back-image.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 150px 0;

}

.inner-banner h2 {
  color: #fff;
  font-size: 30px;
}

.about-btm {
  margin-bottom: 15px;

}

.banner-height img {
  width: 100%;
}

/* delta-airlines */
.callcontent.delta-airlines .guidance i {
  color: #11172b;
}

.airline-content.delta-airlines h2,
.airline-content.delta-airlines h3 {
  color: #11172b;
  border-left: 3px solid #11172b;
}

.call.delta {
  background: #11172b;
  border: 1px solid #fff;
  padding: 10px;
}

.subscribe.delta-airline a {
  background: #11172b;
}

.area-free.delta-airline {
  background: #11172b;
}

.foot-bottom.delta-airline {
  background: #11172b;
}

@media(max-width: 767px) {
  .header-mob.delta-airline .text-center {
    background: #11172b;
  }

  .header-mob.delta-airline .final-mob {
    background: #11172b;
  }

  .header-mob.delta-airline .text-center ul li {
    color: #fff;
  }

  .mob-purpose .call.delta {
    background: #11172b;
  }

  .this-mobile {
    display: none;
  }

  .book-btn.delta {
    background: #11172b;
  }
}

/* southwest-airlines */
.callcontent.southwest-airlines .guidance i {
  color: #2467E4;
}

.airline-content.southwest-airlines h2,
.airline-content.southwest-airlines h3 {
  color: #2467E4;
  border-left: 3px solid #2467E4;
}

.call.southwest {
  background: #2467E4;
  border: 1px solid #fff;
  padding: 10px;
}

.subscribe.southwest-airline a {
  background: #2467E4;
}

.area-free.southwest-airline {
  background: #2467E4;
}

footer.southwest-background {
  background: #2467E4;
}

footer.southwest-background * {
  color: #fff;
}

.foot-bottom.southwest-airline {
  background: #2467E4;
}


@media(max-width: 767px) {
  .header-mob.southwest-airline {
    background: #2467E4;
  }

  .header-mob.southwest-airline .text-center ul li {
    color: #fff;
  }

  .mob-purpose .call.southwest {
    background: #2467E4;
  }

  /* popup css */
  .fullscreen-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    /* Semi-transparent background */
    z-index: 1000;
    justify-content: center;
    align-items: center;
  }

  .popup-box {
    background-color: #fff;
    padding: 50px;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
  }

  .popup-search {
    position: relative;
    font-size: 15px;
    border-bottom: 1px solid gray;
    text-align: left;
    margin-top: 15px;
    padding: 8px 21px;
    color: #080808;
    font-weight: 800;
  }

  .popup-search span {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 40%;
    height: 12px;

    border-bottom: 2px solid red;
  }

  .popup-search .southwest-line {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 40%;
    height: 12px;

    border-bottom: 2px solid #2467E4;
  }

  .origin-btm {
    position: relative;
    padding: 7px 10px;
  }

  .origin-btm input {
    border: none;
    padding: 7px;
    outline: none;
    font-size: 20px;
    color: #000;
    width: 100%;
  }

  .origin-btm i {
    position: absolute;
    top: 16px;
    right: 5px;
    font-size: 23px;
    color: #8996a9;
  }

  .origin-top {
    text-align: left;
    border-bottom: 1px solid gray;
  }

  .origin-top p {
    font-size: 15px;
    margin-top: 30px;
    font-weight: bold;
  }

  .close-btn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px 50px;
    background-color: #11172b;
    color: white;
    border: none;

    cursor: pointer;
    width: 100%;
    text-align: right;
    font-size: 16px;
    font-weight: 600;
  }

  .close-btn1 {
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px 50px;
    background-color: #2467E4;
    color: white;
    border: none;

    cursor: pointer;
    width: 100%;
    text-align: right;
    font-size: 16px;
    font-weight: 600;
  }



}

/* southwest// */
.southwest-plane i {
  font-size: 26px;
  color: #2467E4;
}

.depart-return p i {
  color: #2467E4;
  font-size: 26px;
}

.search-southwest-btn button {
  padding: 10px;
  background-color: #ffbf27;
  border: none;
  color: #fff;
  border-radius: 10px;
  width: 100%;
  font-size: 20px;
  font-weight: bold;
}

/* united-airlines */
.callcontent.united-airlines .guidance i {
  color: #2467E4;
}

.airline-content.united-airlines h2,
.airline-content.united-airlines h3 {
  color: #2467E4;
  border-left: 3px solid #2467E4;
}

.call.united {
  background: #2467E4;
}

.subscribe.united-airline a {
  background: #2467E4;
}

.area-free.united-airline {
  background: #2467E4;
}

.foot-bottom.united-airline {
  background: #2467E4;
}

@media(max-width: 767px) {
  .header-mob.united-airline .text-center {
    background: #2467E4;
  }

  .header-mob.united-airline .text-center ul li {
    color: #fff;
  }

  .mob-purpose .call.united {
    background: #2467E4;
  }

  .header-mob.allegiant-airline .text-center {
    background: #2467E4;
  }

  .header-mob.allegiant-airline .text-center ul li {
    color: #fff;
  }

  .call.delta.allegiant-airline {
    background: #2467E4;
  }
}

/* allegiant airline */
.header-mob.allegiant-airline {
  background: #01579b;
}

.call.allegiant {
  background: #01579b;
  border: 1px solid #fff;
  padding: 10px;
}

.callcontent.allegiant-airlines .guidance i {
  color: #01579b;
}

.airline-content.allegiant-airlines h2,
.airline-content.allegiant-airlines h3 {
  color: #01579b;
  border-left: 3px solid #01579b;
}

.call.allegiant {
  background: #01579b;
}

.subscribe.allegiant-airline a {
  background: #01579b;
}

.area-free.allegiant-airline {
  background: #01579b;
}

footer.allegiant {
  background: #01579b;
}

footer.allegiant * {
  color: #fff;
}

.foot-bottom.allegiant-airline {
  background: #01579b;
}

@media(max-width: 767px) {
  .header-mob.allegiant-airline .text-center {
    background: #01579b;
  }

  .header-mob.allegiant-airline .text-center ul li {
    color: #fff;
  }

  .mob-purpose .call.allegiant {
    background: #01579b;
  }

  .header-mob.allegiant-airline .text-center {
    background: #01579b;
  }

  .header-mob.allegiant-airline .text-center ul li {
    color: #fff;
  }

  .call.delta.allegiant-airline {
    background: #01579b;
  }

  .fligh-boook.allegiant {
    background: linear-gradient(rgba(25, 118, 210, 0.85), rgb(1, 87, 155) 40%);
    padding: 20px 15px;
  }

  .fligh-boook.allegiant .colo-50 label,
  .fligh-boook.allegiant .col-50 label,
  .fligh-boook.allegiant .pass-select label {
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
    display: block;
  }

  .fligh-boook.allegiant .colo-50 {
    width: 100%;
    margin-bottom: 15px;
  }

  .fligh-boook.allegiant .colo-50 input[type="text"],
  .fligh-boook.allegiant .col-50 input,
  .fligh-boook.allegiant .pass-select select {
    width: 100%;
    border: 1px solid #86929c;
    outline: none;
    padding: 15px 10px;
    font-size: 16px;
    padding-right: 0px;
    border-radius: 8px;
  }

  .fligh-boook.allegiant .btn button {
    background: #716f6f;
    border: none;
  }

  .fligh-boook.allegiant .colo-50 input[type="text"]:focus {
    border: 1px solid rgb(255, 210, 0);
  }

  .fligh-boook.allegiant .pass-select {
    padding-top: 0;
  }

  .fligh-boook.allegiant .dropdown,
  .fligh-boook.allegiant .dropdown1 {
    position: absolute;
    top: 76px;
    left: 0px;
    right: 0;
    display: none;
    background: #fff;
    border: 1px solid #ccc;
    overflow-y: auto;
    list-style-type: none;
    padding: 0;
    margin: 0;
    z-index: 99999;
    width: 100%;
    height: 250px;
  }

  .rtrip {
    margin-right: 20px;
    color: #fff;
    margin-bottom: 20px;
  }

  .fligh-boook.allegiant .btn input {
    background: #716f6f;
    border: 1px solid #716f6f;
    border-radius: 8px;
  }

  .fligh-boook.allegiant h3 {
    text-align: center;
    margin-bottom: 20px;
    color: #fff;
    font-size: 18px;
  }

  .alert {
    text-align: center;
  }

  .alert h2 {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    padding: 20px 0px;
  }

  .alert h2 i {
    margin-right: 10px;
  }

  .fligh-boook.allegiant {
    margin-top: 0;
  }

  .fligh-boook.allegiant a {
    color: #fff;
    text-decoration: underline;
    margin-right: 15px;
    margin-top: 15px;
  }

  .allegiant-passenger {
    border: 1px solid #dbdee8;
    padding: 10px 15px;
    border-radius: 10px;
    margin: 20px 0;
  }

  .allegiant-passenger .passenger-inner p {
    font-size: 13px;
    margin-bottom: 8px;
  }

  .passenger-allegiant {
    margin-bottom: 30px;
  }

  .passenger-allegiant p:first-of-type {
    font-size: 16px;
    font-weight: 600;
  }

  .pass-adult {
    margin-bottom: 25px;
  }

  .pass-adult .allegiant-adults-childs p:first-of-type {
    font-size: 15px;
    margin-bottom: 6px;
  }

  .pass-adult .allegiant-adults-childs p:last-of-type {
    font-size: 12px;
    color: #4a525d;
  }

  .pass-adult .allegiant-plus p:first-of-type,
  .pass-adult .allegiant-plus p:last-of-type {
    border: 1px solid #dbdee8;
    border-radius: 8px;
    color: #252730;
    font-size: 20px;
    font-weight: 400;
    padding: 5px 15px;
  }

  .pass-adult .allegiant-plus p:nth-child(2) {
    color: #252730;
    font-size: 20px;
    font-weight: 400;
    padding: 5px 15px;
    margin: 0 15px;
  }

  #cls-allegiant-pop {
    font-size: 14px;
  }

  .pass-adult-btm {
    border-bottom: 1px solid #dbdee8;
    padding-bottom: 25px;
  }

  .allegiant-class {
    margin: 15px 0;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
  }

  .allegiant-economy {
    margin: 15px 0;
  }

  .allegiant-economy p {
    font-size: 15px;
  }

  .allegiant-confirm {
    background: #01579b;
    border: 1px solid #01579b;
    border-radius: 30px;
    color: #fff;
    font-size: 18px;
    outline: 0;
    padding: 15px;
    text-align: center;
    width: 100%;
    margin-top: 15px;
  }

  .book-btn.allegiant {
    background: #01579b;
  }
}

/* american airline */
.header-mob.american-airline {
  background: #0078d2;
}

.call.american {
  background: #0078d2;
  border: 1px solid #fff;
  padding: 10px;
}

.area-free.american-airline {
  background: #0078d2;
}

footer.american {
  background: #0078d2;
}

.foot-bottom.american-airline {
  background: #0078d2;
}

.call.american {
  background: #0078d2;
  border: 1px solid #fff;
  padding: 10px;
}

.callcontent.american-airlines .guidance i {
  color: #0078d2;
}

.airline-content.american-airlines h2,
.airline-content.american-airlines h3 {
  color: #0078d2;
  border-left: 3px solid #0078d2;
}

.call.american {
  background: #0078d2;
}

.subscribe.american-airline a {
  background: #0078d2;
}

.area-free.american-airline {
  background: #0078d2;
}

.foot-bottom.american-airline {
  background: #0078d2;
}

.nos-how {
  display: none;
}

footer.american {
  background: #0078d2;
}

footer.american * {
  color: #fff;
}

@media(max-width:767px) {

  /* / american airline / */
  .nos-how {
    display: block;
  }

  .pos-relate {
    position: relative;
  }

  .col-50 {
    width: 49%;
  }

  .fligh-boook {
    margin: 20px 0;
  }

  .fligh-boook .flex.space-between {
    margin-bottom: 15px;
  }

  .fligh-boook .flex {
    margin-top: 10px;
  }

  .fligh-boook .col-50 label,
  .pass-select label {
    display: block;
    font-size: 15px;
    margin-bottom: 5px;
  }

  .fligh-boook .col-50 label sup {
    color: red;
  }

  .fligh-boook .col-50 input[type="text"],
  .fligh-boook .col-50 input[type="date"],
  .pass-select select {
    width: 100%;
    border: 1px solid #9da6ab;
    outline: none;
    padding: 8px 9px 9px;
    font-size: 16px;
  }

  .fligh-boook .col-50 p {
    font-size: 14px;
    margin-left: 5px;
  }

  .pass-select {
    padding-top: 40px;
  }

  .pass-select h3 {
    margin-bottom: 20px;
    color: #00467f;
    font-size: 1.92857rem;
    font-weight: 400;
  }

  .pass-select>div {
    margin-bottom: 15px;
  }

  .btn button {
    background-color: #0078d2;
    background: linear-gradient(#0078d2, #0061ab);
    border: 1px solid #0078d2;
    border-radius: 2px;
    color: #fff;
    text-shadow: none;
    height: 40px;
    padding: 0;
    margin: 5px 0;
    font-size: 18px;
    font-size: 1.28571rem;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    width: 100%;
  }

  .fligh-boook .dropdown,
  .fligh-boook .dropdown1 {
    position: absolute;
    top: 60px;
    left: 0px;
    right: 0;
    display: none;
    background: #fff;
    border: 1px solid #ccc;
    overflow-y: auto;
    list-style-type: none;
    padding: 0;
    margin: 0;
    z-index: 99999;
    width: 100%;
    height: 250px;
  }

  .fligh-boook .dropdown li,
  .fligh-boook .dropdown1 li {
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px solid #2467E4;
    font-size: 14px;
    color: #00467f;
  }

  .tab-contentam {
    display: none;
  }

  .tab-contentam:first-of-type {
    display: block;
  }

  .tab-headam {
    margin: 20px 0;
    padding: 0px;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
  }

  .tab-headam li {
    display: inline-block;
    padding: 5px 0px;
    position: relative;
    cursor: pointer;
    width: 49%;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #0078d2;
    font-size: 14px;
  }

  .tab-headam li.active {
    background: #0078d2;
    color: #fff;
  }

  footer .american * {
    color: #fff !important;
  }

  .top-text {
    margin: 15px 0;
  }

  .top-text h3 {
    font-size: 22px;
    color: #0078d2;
    font-weight: 400;
    margin-bottom: 15px;
  }

  .top-text h4 {
    font-size: 22px;
    color: #00467F;
    font-weight: 400;
  }

  .top-text span {
    color: #0078d2;
    display: block;
    margin: 10px 0;
  }

  .top-text span i {
    margin-left: 5px;
    color: #0078d2;
    font-size: 14px;
  }

  #completeDesign .modal-content a img {
    width: 100%;
    height: 100vh;
  }
}

/* volairs airlines */
.header-mob.volaris-airline {
  background: #a12885;
}

.call.volaris {
  background: #a12885;
  border: 1px solid #fff;
  padding: 10px;
}

.callcontent.volaris-airlines .guidance i {
  color: #a12885;
}

.airline-content.volaris-airlines h2,
.airline-content.volaris-airlines h3 {
  color: #a12885;
  border-left: 3px solid #a12885;
}

.call.volaris {
  background: #a12885;
  border: 1px solid #fff;
  padding: 10px;
}

.subscribe.volaris-airline a {
  background: #a12885;
}

.area-free.volaris-airline {
  background: #a12885;
}

footer.volaris {
  background: #a12885;
}

footer.volaris * {
  color: #fff;
}

.foot-bottom.volaris-airline {
  background: #a12885;
}

@media(max-width:767px) {
  .tab-headam.volaris li.active {
    background: #a12885;
    color: #fff;
  }

  .tab-headam.volaris {
    margin: 20px 0;
    border: 1px solid #a12885;
    padding: 0px;
    border-radius: 5px;
    display: flex;
    padding: 5px;
  }

  .tab-headam.volaris li {
    border-radius: 5px;
    padding: 6px 30px;
    border: none;
  }

  .fligh-boook.volaris .col-50 input[type="text"],
  .fligh-boook.volaris .col-50 input,
  .fligh-boook.volaris .pass-select select {
    border: 2px solid #e6e6e6;
    padding: 13px;
    width: 100%;
    border-radius: 6px;
  }

  .fligh-boook.volaris .pass-select {
    padding: 0;
  }

  .fligh-boook.volaris .btn button {
    background: #a12885;
    border-color: #a12885;
    border-radius: 30px;
    font-size: 16px;
  }

  .allegiant-passenger {
    border: 1px solid #dbdee8;
    padding: 10px 15px;
    border-radius: 10px;
    margin: 20px 0;
    background: #fff;
  }

  .allegiant-passenger .passenger-inner p {
    font-size: 13px;
    margin-bottom: 8px;
  }

  .fullscreen-overlay-al.allegiant-overlay {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 75%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: flex-end;
    align-items: flex-start;
    z-index: 1000;
  }

  .allegiant-overlay .popup-box {
    background-color: white;
    width: 100%;
    height: auto;
    max-height: 100%;
    overflow-y: auto;
    padding: 20px;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.5);
    display: block;
  }

  .passenger-allegiant {
    margin-bottom: 30px;
  }

  .passenger-allegiant p:first-of-type {
    font-size: 16px;
    font-weight: 600;
  }

  .pass-adult {
    margin-bottom: 25px;
  }

  .pass-adult .allegiant-adults-childs p:first-of-type {
    font-size: 15px;
    margin-bottom: 6px;
  }

  .pass-adult .allegiant-adults-childs p:last-of-type {
    font-size: 12px;
    color: #4a525d;
  }

  .pass-adult .allegiant-plus p:first-of-type,
  .pass-adult .allegiant-plus p:last-of-type {
    border: 1px solid #dbdee8;
    border-radius: 8px;
    color: #252730;
    font-size: 20px;
    font-weight: 400;
    padding: 5px 15px;
  }

  .pass-adult .allegiant-plus p:nth-child(2) {
    color: #252730;
    font-size: 20px;
    font-weight: 400;
    padding: 5px 15px;
    margin: 0 15px;
  }

  #cls-allegiant-pop {
    font-size: 14px;
  }

  .pass-adult-btm {
    border-bottom: 1px solid #dbdee8;
    padding-bottom: 25px;
  }

  .allegiant-class {
    margin: 15px 0;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
  }

  .allegiant-economy {
    margin: 15px 0;
  }

  .allegiant-economy p {
    font-size: 15px;
  }

  .allegiant-confirm {
    background: #01579b;
    border: 1px solid #01579b;
    border-radius: 30px;
    color: #fff;
    font-size: 18px;
    outline: 0;
    padding: 15px;
    text-align: center;
    width: 100%;
    margin-top: 15px;
  }

}

.date-picker-container {
  display: flex;
  flex-direction: column;
  margin: 10px 0;
  max-width: 300px;
}

.date-picker-label {
  font-weight: bold;
  margin-bottom: 5px;
  color: #333;
  font-size: 14px;
}

.date-input-wrapper {
  display: flex;
  align-items: center;
  position: relative;
}

.date-picker-icon {
  position: absolute;
  left: 10px;
  font-size: 16px;
  color: #333;
  pointer-events: none;
}

.date-picker-input {
  padding: 8px 8px 8px 30px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
  color: #333;
  width: 100%;
}

.date-picker-input::placeholder {
  color: #888;
  font-size: 14px;
}

.date-picker-input:focus {
  outline: none;
  border-color: #007bff;
}

/* booking page inside */
@media(max-width: 767px) {
  .cm-fl-res-item {
    background: #fff;
    /* border: 1px solid #e1e1e1; */
    margin: 10px 0;
    padding: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  }

  .cm-flex-type-1 {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }

  .cm-fl-res-item-header h4 {
    font-size: 14px;
    color: #11172b;
  }

  .cm-fl-res-item-it-sum-wrap {
    padding: 0 0 15px;
  }

  .flight-summery-detail .cm-fl-res-item-it-sum-item:last-of-type {
    border: none;
    padding: 5px 0;
  }

  .cm-fl-res-item-it-sum-item>.cm-col {
    text-align: center;
    width: 35%;
  }

  .cm-txt-center {
    text-align: center;
  }

  .cm-fl-res-item p {
    font-size: 14px;
  }

  .cm-fl-res-item-it-sum-item>.cm-col p {
    margin-bottom: 0;
  }

  .cm-fl-res-item-it-sum-item>.cm-col2 {
    width: 180px;
  }

  .cm-fl-path:before {
    border-top: 2px dotted #0e5b93;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: calc(50% - 1px);
    width: 100%;
  }

  .cm-fl-path .fa-location-dot {
    color: #11172b;
    left: -3px;
    position: absolute;
    top: calc(50% - 15px);
  }

  .cm-fl-path .fa-plane {
    font-size: 20px;
    position: relative;
    top: 2px;
    z-index: 2;
  }

  .cm-fl-path .fa-location-dot:last-child {
    left: auto;
    right: -3px;
  }

  .cm-pos-relative {
    position: relative;
  }

  .cm-fl-path {
    margin-bottom: 0;
    text-align: center;
  }

  span.cm-airport-name {
    display: block;
    font-size: 17px;
    font-weight: 600;
  }

  .cm-fl-res-item-it-sum-item,
  .cm-iti-item .cm-content {
    flex-wrap: wrap;
    justify-content: center;
  }

  .cm-flex {
    display: flex;
    /* flex-wrap: wrap; */
  }

  .cm-flex-align-mid {
    align-items: center;
  }

  .flight-summery-detail .cm-fl-res-item-it-sum-wrap,
  .tex-button {
    width: 100%;
  }

  .flight-summery-detail {
    flex-wrap: wrap;
  }

  .cm-fl-res-item .cm-fl-res-item-header {
    flex-wrap: wrap;
  }

  .cm-flex-type-1 {
    flex-wrap: wrap;
  }

  .cm-fl-res-item-header h3 {
    font-size: 18px;
    color: #11172b;
  }

  .cm-fl-res-item-it-sum-item>.cm-col2 {
    width: 100px;
  }

  .cm-fl-res-item-header {
    padding: 0px 10px 20px;
  }

  .cm-fl-res-item-it-sum-item>.cm-col2>span {
    display: block;
    font-size: 12px;
    margin-top: 5px;
    text-align: center;
  }

  .flight-summery-detail .cm-fl-res-item-it-sum-item {
    border-bottom: 1px dashed #0064e9;
    padding: 5px 0;
  }

  .book-btn {
    background: #11172b;
    border: 2px solid #0000;
    border-radius: 17px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    line-height: 1.4;
    padding: 4px 20px;
    transition: .3s;
  }

  .book-btn.american {
    background: #0078d2;
  }

  .total-price p {
    margin-bottom: 5px;
    font-size: 14px;
  }

  #main-container h6 {
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    margin: 15px 0;
  }

  #backBtn {
    padding: 10px 20px;
    background: #0078d2;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    border: none;
    border-radius: 5px;
    margin: 0px auto 15px;
  }
}


/* loader */
.loading {
  position: fixed;
  z-index: 999999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(rgba(20, 20, 20, .8), rgba(0, 0, 0, .8));
}

.loading:not(:required) {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  animation: spinner 150ms infinite linear;
  border-radius: 0.5em;
  box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@-moz-keyframes spinner {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@-o-keyframes spinner {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}


/* frontier abhishek */
.front-air-mob {
  display: none;
}

.frontier-form {
  display: none;
}

footer.frontier {
  background: #006643;
}

footer.frontier * {
  color: #fff;
}

.foot-bottom.frontier-airline {
  background: #006643;
}

.callcontent.frontier-airlines .guidance i {
  color: #006643;
}

.airline-content.frontier-airlines h2,
.airline-content.frontier-airlines h3 {
  color: #006643;
  border-left: 3px solid #006643;
}

.call.frontier {
  background: #006643;
  border: 1px solid #fff;
  padding: 10px;
}

.subscribe.frontier-airline a {
  background: #006643;
}

.area-free.frontier-airline {
  background: #006643;
}

.foot-bottom.frontier-airline {
  background: #006643;
}

@media(max-width:767px) {
  .front-air-mob {
    background-color: #006643;
    display: block;
    color: #fff;
  }

  .front-air-mob-inner {
    padding: 10px;
  }

  .front-air-mob-inner h3 {
    font-size: 20px;
  }

  .front-air-mob-inner .frontier-no a {
    color: #fff;
  }

  .frontier-no {
    background-color: #006643;
    border: 1px solid #fff;
    padding: 10px 18px;
    width: 170px;
    border-radius: 8px;
  }

  .frontier-form {
    background-color: #fff;
    display: block;
  }

  .frontier-form-inner {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
    padding: 20px 20px;
    background-color: #3d525b;
  }

  .return-radio {
    margin-right: 20px;
  }

  .return-way-frontier .return-radio label {
    color: #fff;
    font-size: 14px;
  }

  .frontier-from {
    margin: 15px 0;
    position: relative;
  }

  .frontier-from label {
    font-size: 13px;
    color: #fff;
    margin-bottom: 5px;
    display: inline-block;
  }

  .frontier-from input {
    font-size: 14px;
    background-color: #fff;
    border: none;
    outline: none;
    border-radius: 2px;
    width: 100%;
    padding: 10px 15px;
  }

  .frontier-passenger {
    background-color: #fff;
  }

  .frontier-passenger .passenger-inner p:first-of-type {
    margin-right: 3px;
  }

  .frontier-select {
    position: relative;
  }

  .qatar-overlay-frontier {
    display: none;
    left: 0;
    top: 66px;
    position: absolute;
    background-color: fff;
    width: 100%;
    overflow-y: auto;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.5);
  }

  .qatar-overlay-frontier .popup-box {
    background-color: #fff;
    padding: 10px 10px;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
  }

  .pass-adult-frontier {
    background-color: #e8e8e8;
    padding: 5px 10px;
  }

  .pass-adult-frontier .qatar-plus-frontier p:first-of-type,
  .pass-adult-frontier .qatar-plus-frontier p:last-of-type {
    border: 1px solid #dbdee8;
    border-radius: 24px;
    color: #252730;
    padding: 5px 10px;
  }

  .pass-adult-frontier {
    margin-bottom: 15px;
  }

  .qatar-passenger-frontier11 .passenger-inner p .frontier-span {
    margin-right: 3px;
  }

  .pass-adult-frontier .qatar-adults-childs p:first-of-type {
    font-size: 15px;
    margin-bottom: 6px;
  }

  .pass-adult-frontier .qatar-adults-childs p:last-of-type {
    font-size: 12px;
    color: #4a525d;
  }

  .pass-adult-frontier .qatar-plus-frontier p:nth-child(2) {
    color: #252730;
    font-size: 20px;
    font-weight: 400;
    padding: 5px 15px;
    margin: 0 15px;
  }

  .qatar-passenger-frontier {
    border: 1px solid #dbdee8;
    padding: 10px 15px;
    border-radius: 2px;
    margin: 20px 0;
  }

  .frontier-search {
    border: none;
    outline: none;
    background-color: #006643;
  }

  .travellers-frontier {
    font-size: 13px;
    color: #fff;
    margin-bottom: 5px;
    display: inline-block;
  }

  .qatar-passenger-frontier11 {
    border: 1px solid #dbdee8;
    padding: 10px 15px;
    border-radius: 2px;
    position: relative;
  }

  .frontier-search i {
    margin-right: 8px;
    font-size: 15px;
  }

  .frontier-search {
    outline: none;
    background-color: #006643;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    width: 100%;
    border: 1px solid #fff;
    padding: 10px 15px;
    margin-top: 25px;
  }

  .passenger-frontier {
    margin-bottom: 15px;

  }

  .passenger-qatar-frontier p:first-of-type {
    font-size: 13px;
    font-weight: 600;
  }

  .frontier-from ul {
    position: absolute;
    top: 60px;
    left: 0px;
    right: 0;
    display: none;
    background: #fff;
    border: 1px solid #ccc;
    overflow-y: auto;
    list-style-type: none;
    padding: 0;
    margin: 0;
    z-index: 99999;
    width: 100%;
    height: 250px;
  }

  .frontier-from ul li {
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px solid #006643;
    font-size: 14px;
    color: #006643;
  }

  .book-btn.frontier {
    background: #006643
  }
}

/* american popup */
.airlineModal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 99999;
  display: none;
}

.mod-top.allegiant {
  background: #0078d2;
  text-align: center;
  padding-bottom: 20px;
}

.mod-top img {
  width: 200px;
}

.mod-mid img {
  width: 250px;
  display: block;
  margin: 0px auto 20px;
}

.mod-mid h3 {
  text-align: center;
  text-transform: capitalize;
  font-size: 22px;
  text-decoration: underline;
}

.mod-mid .flex.align-center {
  background: #0078d2;
  border-radius: 30px;
  padding: 10px;
  margin: 20px 0;
}

.mod-mid .flex.space-between {
  margin: 20px 0;
  padding: 0 15px;
}

.mod-mid .flex .icon {
  background: #fff;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 10px;
}

.mod-mid .flex .icon i {
  font-size: 26px;
}

.mod-mid .flex .text p {
  font-size: 16px;
  color: #fff;
  margin-bottom: 5px;
}

.mod-mid .flex .text a {
  color: #fff;
  font-weight: 700;
  font-size: 20px;
}

.mod-mid .iaia>div {
  width: 32.33%;
  text-align: center;
}

.mod-mid .iaia i {
  color: #0078d2;
  margin-bottom: 10px;
  font-size: 24px;
}

.mod-mid .iaia p {
  font-size: 14px;
}

.mod-mid .reserve {
  background: #0078d2;
  padding: 10px 0;
  text-align: center;
  margin: 15px 0;
}

.mod-mid .reserve p {
  font-size: 16px;
  color: #fff;
}

.mod-foot .flex.align-center {
  background: #0078d2;
  padding: 10px;
  margin: 0px 0;
  position: fixed;
  width: 100%;
  bottom: 0;
  justify-content: center;
}

.mod-foot .flex .icon {
  background: #fff;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 20px;
}

.mod-foot .flex .icon i {
  font-size: 26px;
}

.mod-foot .flex .text p {
  font-size: 16px;
  color: #fff;
  margin-bottom: 10px;
}

.mod-foot .flex .text a {
  color: #fff;
  font-weight: 700;
  font-size: 20px;
}

/* allegiant */

.mod-top.american {
  background: #01579b;
  text-align: center;
  padding-bottom: 20px;
}

.mod-mid .flex.align-center.american {
  background: #01579b;
}

.mod-mid .iaia.american i {
  color: #01579b;
}

.mod-mid .reserve.american {
  background: #01579b;
  padding: 10px 0;
  text-align: center;
  margin: 15px 0;
}

.mod-foot .flex.align-center.american {
  background: #01579b;
}

/* frontier */

.mod-top.frontier {
  background: #006643;
  text-align: center;
  padding-bottom: 20px;
}

.mod-mid .flex.align-center.frontier {
  background: #006643;
}

.mod-mid .iaia.frontier i {
  color: #006643;
}

.mod-mid .reserve.frontier {
  background: #006643;
  padding: 10px 0;
  text-align: center;
  margin: 15px 0;
}

.mod-foot .flex.align-center.frontier {
  background: #006643;
}