* {
  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;
}

/* 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;
  }

  .air-modal {
    width: 100%;
  }

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

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

footer.delta {
  background: #11172b;
}

footer.delta * {
  color: #fff;
}

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

.mod-mid .flex.align-center.delta {
  background: #11172b;
}

.mod-mid .iaia.delta i {
  color: #11172b;
}

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

.mod-foot .flex.align-center.delta {
  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.alaska .col-50 label {
    display: block;
    font-size: 14px;
    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.alaska .col-50 input[type="text"],
  .fligh-boook.alaska .col-50 input[type="date"],
  .pass-select select {
    width: 100%;
    outline: none;
    padding: 8px 9px 9px;
    font-size: 14px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    border: 1px solid #ccc;
    height: 42px;
  }

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

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

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

.mod-mid .flex.align-center.volaris {
  background: #a12885;
}

.mod-mid .iaia.volaris i {
  color: #a12885;
}

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

.mod-foot .flex.align-center.volaris {
  background: #a12885;
}

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

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

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

  .volaris-page {
    background: #f7f7f7;
    padding: 20px 10px;
  }

  .fligh-boook.volaris {
    margin-bottom: 0;
  }

  .fligh-boook.volaris .col-50,
  .fligh-boook.volaris .col-50 {
    border: 2px solid #e6e6e6;
    padding: 5px;
    border-radius: 6px;
    background: #fff;
  }

  .fligh-boook.volaris .col-50 i {
    position: absolute;
    font-size: 18px;
    top: 15px;
    left: 13px;
  }

  .fligh-boook.volaris .dropdown li,
  .fligh-boook.volaris .dropdown1 li {
    padding: 5px;
    cursor: pointer;
    border-bottom: 1px solid #a12885;
    font-size: 14px;
    color: #a12885;
  }

  .fligh-boook.volaris .col-50 input {
    background: transparent;
    border: none;
    outline: none;
    padding: 0;
    text-align: center;
  }

  .fligh-boook.volaris .col-50 label {
    display: block;
    text-align: center;
    font-size: 12px;
    margin: 5px 0;
  }

  .fligh-boook.volaris .pass-select {
    border: 2px solid #e6e6e6;
    padding: 13px;
    width: 100%;
    border-radius: 6px;
    background: #fff;
  }

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

  .fligh-boook.volaris .pass-select>div {
    margin-bottom: 0px;
  }

  .fligh-boook.volaris .adult-head {
    padding: 10px;
    width: 100%;
    position: absolute;
    right: 0;
    top: 75px;
    display: none;
    background: #fff;
    z-index: 99;
  }

  .fligh-boook.volaris .adult-top {
    padding: 5px 0;
    border-bottom: none;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

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

/* jetblue popup */
.mod-top.jetblue {
  background: #00205b;
  text-align: center;
  padding-bottom: 20px;
}

.mod-mid .flex.align-center.jetblue {
  background: #00205b;
}

.mod-mid .iaia.jetblue i {
  color: #00205b;
}

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

.mod-foot .flex.align-center.jetblue {
  background: #00205b;
}

/* spirit popup */
.mod-top.spirit {
  background: #ffec00;
  text-align: center;
  padding-bottom: 20px;
}

.mod-mid .flex.align-center.spirit {
  background: #ffec00;
}

.mod-mid .iaia.spirit i {
  color: #ffec00;
}

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

.mod-foot .flex.align-center.spirit {
  background: #ffec00;
}

/* jetblue airlines */
.call.jetblue {
  background: #00205b;
  border: 1px solid #fff;
  padding: 10px;
}

.left-padding-jetblue h3 {
  color: #00205b;
}

.jetblue-footer {
  background: #0033a0;
}

footer.jetblue-footer * {
  color: #fff;
}

.call.jetblue * {
  color: #fff;
}

.callcontent.spirit-airlines i {
  color: #ffec00;
}

.subscribe.jetblue-airline a {
  background: #00205b;
}

.area-free.jetblue-airline {
  background: #00205b;
}

.area-free.jetblue-airline * {
  color: #fff;
  border-color: #fff;
}

.foot-bottom.jetblue-airline {
  background: #00205b;
}

.foot-bottom.jetblue-airline a {
  color: #fff;
}

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

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

.call.spirit {
  background: #ffec00;
  border: 1px solid #fff;
  padding: 10px;
}

.call.spirit * {
  color: #000;
}

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

.subscribe.spirit-airline a {
  background: #ffec00;
}

.subscribe.spirit-airline * {
  color: #000;
}

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

.area-free.spirit-airline {
  background: #ffec00;
}

.area-free.spirit-airline * {
  color: #000;
  border-color: #000;
}

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

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

.foot-bottom.spirit-airline {
  background: #ffec00;
}

.foot-bottom.spirit-airline a {
  color: #000;
}

@media(max-width:767px) {
  .jetblue-airline-nav {
    background: #00205b;
  }

  .jetblue-airline-nav h3 {
    color: #fff;
    font-size: 22px;
    font-weight: bold;
  }

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

  .jetblue-main {
    background: url("./images/jetblue-background.svg");
    padding: 25px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }

  .jetblue-select select {
    color: #00205b;
    background: #eaecf1;
  }

  .jetblue-count p,
  .jetblue-count p i {
    color: #00205b;
  }

  .input-container-jetblue {
    width: 48%;
    margin-top: 10px;
    position: relative;
    display: inline-block;
  }

  .input-container-jetblue input {
    padding-left: 27px;
    width: 100%;
    padding-top: 14px;
    padding-bottom: 30px;
    font-size: 21px;
    outline: none;
  }

  .calendar-icon-jetblue {
    position: absolute;
    left: 10px;
    font-size: 16px;
    color: #333;
    pointer-events: none;
    top: 15px;
  }

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

  .depart-jetblue,
  .return-jetblue {
    width: 48%;
    position: relative;
    display: inline-block;
  }

  .depart-jetblue input,
  .return-jetblue input {
    width: 100%;
    padding-left: 35px;
    padding-top: 19px;
    padding-bottom: 20px;
  }

  .map-icon-jetblue {
    position: absolute;
    left: 10px;
    top: 39%;
    transform: translateY(-50%);
    font-size: 18px;
    color: #000;
  }

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

  .passenger-header-jetblue {
    background: #00205b;
  }

  .close-overlay-btn-jetblue {
    position: absolute;
    top: 15px;
    right: 10px;
    color: #fff;
    font-size: 24px;
    border: none;
    cursor: pointer;
    outline: none;
  }

  .passenger-content-jetblue {
    padding: 15px;
    justify-content: center;
  }

  .passenger-selection-jetblue {
    padding: 20px;
    border-radius: 5px;
    color: #000;
    margin: 17px;
  }

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

  .jetblue-flight h1 {
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 50px;
    text-align: center;
    margin-top: 30px;
  }

  .close-btn-jetblue {
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px 50px;
    background-color: #00205b;
    color: #fff;
    border: none;
    cursor: pointer;
    width: 100%;
    text-align: right;
    font-size: 16px;
    font-weight: bold;
  }

  .popup-search-jetblue {
    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-jetblue span {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 40%;
    height: 12px;
    border-bottom: 2px solid #00205b;
  }

  .foot-bottom.jetblue-airline {
    background: #00205b;
  }

  .foot-bottom.jetblue-airline a {
    color: #fff;
  }
}


/* spirit airlines */
@media (max-width: 767px) {
  .spirit-airline-nav {
    background: #ffec00;
  }

  .spirit-airline-nav h3 {
    color: #000;
    font-size: 22px;
    font-weight: bold;
  }

  .call.spirit {
    background: #0073e6 !important;
    border: 1px solid #fff;
    padding: 10px 18px !important;
    width: 170px !important;
  }

  .input-container-spirit {
    width: 100%;
    margin-top: 10px;
    position: relative;
    display: inline-block;
  }

  .map-icon {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    color: #000;
  }

  .origin-text {
    position: absolute;
    top: 81%;
    transform: translateY(-50%);
    font-size: 13px;
    color: #000;
    left: 32px;
  }

  .input-container-spirit input {
    padding-left: 33px;
    width: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 21px;
    outline: none;
  }

  .book-flight-spirit {
    display: block;
  }

  .spirit-main {
    background: #ffec00;
    padding: 30px;
  }

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

  .depart-spirit,
  .return-spirit {
    width: 100%;
    position: relative;
    display: inline-block;
  }

  .calendar-icon {
    position: absolute;
    top: 56%;
    font-size: 18px;
    color: #000;
    pointer-events: none;
    left: 11px;
  }

  .depart-spirit input,
  .return-spirit input {
    width: 100%;
    padding-left: 35px;
    padding-top: 17px;
    padding-bottom: 17px;
  }

  .spirit-1,
  .spirit-2 {
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: bold;
  }

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

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

  .close-btn-spirit {
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px 50px;
    background-color: #ffec00;
    color: #000;
    border: none;
    cursor: pointer;
    width: 100%;
    text-align: right;
    font-size: 16px;
    font-weight: bold;
  }

  .number-passengers {
    margin-left: 15px;
  }

  .number-passengers p i {
    margin-left: 10px;
    color: #0073e6;
  }

  .select-method select {
    padding: 2px;
    border: none;
    color: #0073e6;
    font-weight: bold;
  }

  .number-passengers p {
    font-size: 15px;
  }

  .passenger-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 1000;

    align-items: center;
    justify-content: center;
    color: #fff;
  }

  .passenger-content {
    padding: 15px;
    justify-content: center;
  }

  .close-overlay-btn {
    position: absolute;
    top: 15px;
    right: 10px;
    color: #0073e6;
    font-size: 24px;
    border: none;
    cursor: pointer;
    outline: none;
  }

  .passenger-header {
    background: #ffec00;
  }

  .passenger-content h3 {
    color: #000;
    font-size: 24px;
  }

  .passenger-selection {
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 5px;

    color: #000;
    margin: 17px;
  }

  .passenger-group {
    display: flex;
    align-items: center;
  }

  .label {
    margin-right: 15px;
  }

  .label p {
    font-size: 14px;
    margin-top: 10px;
  }

  .decrement,
  .increment {
    color: #fff;
    border: none;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 15px;
    background: #0073e6;
  }

  .quantity {
    margin: 0 10px;
    font-size: 18px;
    width: 30px;
    text-align: center;
  }

  .popup-save button {
    width: 100%;
    color: #fff;
    background: #0073e6;
    border: none;
    padding: 10px;
    font-size: 21px;
    border-radius: 5px;
  }

  .spirit-footer {
    background: #ffec00;
  }

  footer.spirit-footer * {
    color: #000;
  }

  .popup-save {
    margin-left: 17px;
    margin-right: 17px;
  }

  .display-count {
    color: #0073e6;
  }

  .date-input-container {
    display: flex;
    flex-direction: column;
    margin: 10px 0;
    width: 100%;
  }

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

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

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

  #dateRange {
    padding: 24px 9px 24px 30px;
    border: 1px solid #000;
    border-radius: 4px;
    font-size: 14px;
    color: #000;
    width: 100%;
  }

  #dateRange::placeholder {
    color: #888;
    font-size: 14px;
  }

  #dateRange:focus {
    outline: none;
    border-color: #007bff;
  }

  .call.spirit a {
    color: #fff !important;
  }

  .flight-form-spirit .input-container-spirit input {
    padding-left: 33px;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 25px;
    font-size: 21px;
    outline: none;
  }

  .flight-form-spirit .origin-text {
    position: absolute;
    bottom: -12px;
    transform: translateY(-50%);
    font-size: 14px;
    color: #000;
    left: 33px;
  }

  .flight-form-spirit #dateRange {
    padding: 14px 9px 14px 30px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    color: #000;
    width: 100%;
  }

  .flight-form-spirit .calendar-icon {
    position: absolute;
    left: 10px;
    font-size: 16px;
    color: #333;
    pointer-events: none;
    top: 14px;
  }

  /* jetblue phone css */
  .jetblue-airline-nav {
    background: #0033a0;
  }

  .jetblue-airline-nav h3 {
    color: #fff;
    font-size: 22px;
    font-weight: bold;
  }

  .call.jetblue {
    background: #0033a0;
    border: 1px solid #fff;
    padding: 10px 18px !important;
    width: 170px !important;
  }

  /* .jetblue-main {
    background: linear-gradient(rgba(0, 32, 91, 0.6), rgba(0, 32, 91, 0.6)),
      url("./images/jetblue-background.webp");
    padding: 1px 10px 30px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  } */

  .jetblue-select select {
    color: #00205b !important;
    background: #eaecf1 !important;
  }

  .jetblue-count p,
  .jetblue-count p i {
    color: #00205b !important;
  }

  .jetblue-count p i {
    font-size: 12px;
    margin-left: 8px !important;
  }

  .input-container-jetblue {
    width: 49%;
    margin-top: 10px;
    position: relative;
    display: inline-block;
  }

  .input-container-jetblue input {
    padding-left: 10px;
    width: 100%;
    padding-top: 13px;
    padding-bottom: 30px;
    font-size: 22px;
    outline: none;
    font-weight: 800;
  }

  .calendar-icon-jetblue {
    position: absolute;
    left: 10px;
    font-size: 16px;
    color: #333;
    pointer-events: none;
    top: 20px;
  }

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

  .depart-jetblue,
  .return-jetblue {
    width: 49%;
    position: relative;
    display: inline-block;
  }

  .depart-jetblue label,
  .return-jetblue label {
    position: absolute;
    color: #303234;
    font-size: 14px;
    top: 5px;
    left: 10px;
  }

  .depart-jetblue input,
  .return-jetblue input {
    width: 100%;
    padding-left: 8px;
    padding-top: 28px;
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: 700;
  }

  .map-icon-jetblue {
    position: absolute;
    left: 10px;
    top: 39%;
    transform: translateY(-50%);
    font-size: 18px;
    color: #000;
  }

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

  .passenger-header-jetblue {
    background: #00205b;
  }

  .close-overlay-btn-jetblue {
    position: absolute;
    top: 15px;
    right: 10px;
    color: #fff;
    font-size: 24px;
    border: none;
    cursor: pointer;
    outline: none;
  }

  .passenger-content-jetblue {
    padding: 15px;
    justify-content: center;
  }

  .passenger-selection-jetblue {
    padding: 20px;
    border-radius: 5px;
    color: #000;
    margin: 17px;
  }

  .flight-form-jetblue {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
    padding-bottom: 10px;
    background: #eaecf1;
    padding-top: 0;
    padding: 10px 10px;
    border-radius: 10px;
  }

  .jetblue-flight h1 {
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 30px;
    text-align: center;
    margin-top: 30px;
  }

  .close-btn-jetblue {
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px 50px;
    background-color: #00205b;
    color: #fff;
    border: none;
    cursor: pointer;
    width: 100%;
    text-align: right;
    font-size: 16px;
    font-weight: bold;
  }

  .popup-search-jetblue {
    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-jetblue span {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 40%;
    height: 12px;
    border-bottom: 2px solid #00205b;
  }

  .foot-bottom.jetblue-airline {
    background: #0033a0;
  }

  .foot-bottom.jetblue-airline a {
    color: #fff;
  }
}

@media(max-width:767px) {
  .spirit-airline-nav {
    background: #ffec00;
  }

  .from-input input {
    border-radius: 12px 12px 0 0;
    border: 1px solid #ccc;
  }

  .to-input input {
    border-radius: 0 0 12px 12px;
    border: 1px solid #ccc;
  }

  .spirit-airline-nav h3 {
    color: #000;
    font-size: 22px;
    font-weight: bold;
  }

  .call.spirit {
    background: #0073e6 !important;
    border: 1px solid #fff;
    padding: 10px 18px !important;
    width: 170px !important;
  }

  .input-container-spirit {
    width: 100%;
    margin-top: 10px;
    position: relative;
    display: inline-block;
  }

  .map-icon {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    color: #000;
  }

  .origin-text {
    position: absolute;
    bottom: -12px;
    transform: translateY(-50%);
    font-size: 12px;
    color: #000;
    left: 11px;
  }

  .input-container-spirit input {
    padding-left: 33px;
    width: 100%;
    padding-top: 27px;
    padding-bottom: 27px;
    font-size: 21px;
    outline: none;
  }

  .book-flight-spirit {
    display: block;
  }

  .spirit-main {
    background: url("./images/spirit-background.png");
    padding: 30px 10px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin-bottom: 10px;
  }

  .flight-form-spirit {
    box-shadow: 0 .0625rem .4375rem .0625rem #0003;
    padding-bottom: 10px;
    background: #fff;
    padding-top: 0;
    padding: 10px 25px;
    border-radius: 10px;
  }

  .adult-text,
  .child-text {
    width: 50%;
  }

  .depart-spirit,
  .return-spirit {
    width: 100%;
    position: relative;
    display: inline-block;
  }

  .calendar-icon {
    position: absolute;
    top: 56%;
    font-size: 18px;
    color: #000;
    pointer-events: none;
    left: 11px;
  }

  .depart-spirit input,
  .return-spirit input {
    width: 100%;
    padding-left: 35px;
    padding-top: 17px;
    padding-bottom: 17px;
  }

  .spirit-1,
  .spirit-2 {
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: bold;
  }

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

  .search-btn-spirit button {
    padding: 10px;
    background-color: #0073e6;
    border: none;
    color: #fff;
    border-radius: 10px;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
  }

  .close-btn-spirit {
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px 50px;
    background-color: #ffec00;
    color: #000;
    border: none;
    cursor: pointer;
    width: 100%;
    text-align: right;
    font-size: 16px;
    font-weight: bold;
  }

  .number-passengers {
    margin-left: 15px;
  }

  .number-passengers p i {
    margin-left: 10px;
    color: #0073e6;
  }

  .select-method select {
    padding: 2px;
    border: none;
    color: #0073e6;
    font-weight: bold;
  }

  .number-passengers p {
    font-size: 14px;
    font-weight: 600;
  }

  .passenger-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 1000;

    align-items: center;
    justify-content: center;
    color: #fff;
  }

  .passenger-content {
    padding: 15px;
    justify-content: center;
  }

  .close-overlay-btn {
    position: absolute;
    top: 15px;
    right: 10px;
    color: #0073e6;
    font-size: 24px;
    border: none;
    cursor: pointer;
    outline: none;
  }

  .passenger-header {
    background: #ffec00;
  }

  .passenger-content h3 {
    color: #000;
    font-size: 24px;
  }

  .passenger-selection {
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 5px;

    color: #000;
    margin: 17px;
  }

  .passenger-group {
    display: flex;
    align-items: center;
  }

  .label {
    margin-right: 15px;
  }

  .label p {
    font-size: 14px;
    margin-top: 10px;
  }

  .decrement,
  .increment {
    color: #fff;
    border: none;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 15px;
    background: #0073e6;
  }

  .flight-form-jetblue .decrement,
  .flight-form-jetblue .increment {
    color: #00205b;
    border: none;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 15px;
    background: #fff;
    border: 1px solid #00205b;
  }

  .quantity {
    margin: 0 10px;
    font-size: 18px;
    width: 30px;
    text-align: center;
  }

  .popup-save button {
    width: 100%;
    color: #fff;
    background: #0073e6;
    border: none;
    padding: 10px;
    font-size: 21px;
    border-radius: 5px;
  }

  .spirit-footer {
    background: #ffec00;
  }

  footer.spirit-footer * {
    color: #000;
  }

  .popup-save {
    margin-left: 17px;
    margin-right: 17px;
  }

  .display-count {
    color: #0073e6;
  }

  .date-input-container {
    display: flex;
    flex-direction: column;
    margin: 10px 0;
    width: 100%;
  }

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

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

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

  #dateRange {
    padding: 24px 9px 24px 30px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    color: #000;
    width: 100%;
  }

  #dateRange::placeholder {
    color: #888;
    font-size: 14px;
  }

  #dateRange:focus {
    outline: none;
    border-color: #007bff;
  }

  .call.spirit a {
    color: #fff !important;
  }

}


/* turkish airlines */
.callcontent.turkish-airlines .guidance i {
  color: #232b38;
}

.airline-content.turkish-airlines h2,
.airline-content.turkish-airlines h3 {
  color: #232b38;
  border-left: 3px solid #232b38;
}

.call.turkish {
  background: #232b38;
  border: 1px solid #fff;
  padding: 10px;
}

.subscribe.turkish-airline a {
  background: #232b38;
}

.area-free.turkish-airline {
  background: #232b38;
}

footer.turkish {
  background: #232b38;
}

footer.turkish * {
  color: #fff;
}

.foot-bottom.turkish-airline {
  background: #232b38;
}

.mod-top.turkish {
  background: #232b38;
  text-align: center;
  padding-bottom: 20px;
}

.mod-mid .flex.align-center.turkish {
  background: #232b38;
}

.mod-mid .iaia.turkish i {
  color: #232b38;
}

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

.mod-foot .flex.align-center.turkish {
  background: #232b38;
}

@media(max-width:767px) {

  .header-mob.turkish-airline .text-center {
    background: #232b38;
  }

  .header-mob.turkish-airline .final-mob {
    background: #232b38;
  }

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

  .mob-purpose .call.turkish {
    background: #232b38;
  }

  .call.turkish {
    background: #232b38;
    border: 1px solid #fff;
    padding: 10px 18px !important;
  }

  .book-btn.turkish {
    background: #232b38;
  }

  .flight-form.turkish {
    padding: 10px;
    margin-top: 0;
  }

  .flight-form.turkish .round-trip {
    background: #f4f6f8;
    padding: 10px;
    border-radius: .25rem;
    margin: 0 !important;
    border-bottom: none;
  }

  .flight-form.turkish .round-trip label {
    display: block;
    color: #647280;
    font-size: 14px;
  }

  .flight-form.turkish .round-trip select {
    background: #f4f6f8;
    border-bottom: none;
  }

  .flight-form.turkish .from-to .col-50 {
    background: #f4f6f8;
    border-radius: .25rem;
  }

  .flight-form.turkish input {
    background: transparent;
    padding: 5px 0;
  }

  .flight-form.turkish .input-container {
    width: 100%;
    padding: 10px;
    border-radius: .25rem;
  }

  .flight-form.turkish .input-container label {
    display: block;
    color: #647280;
    font-size: 14px;
  }

  .flight-form.turkish .input-container input {
    font-size: 18px;
  }

  .flight-form.turkish .origin-btm {
    position: relative;
    padding: 10px 0px 0 0;
  }

  .flight-form.turkish .input-container p {
    font-size: 14px;
  }

  .flight-form.turkish .depart-return {
    margin-top: 15px;
  }

  .flight-form.turkish .depart,
  .flight-form.turkish .return {
    background: #f4f6f8;
    border-radius: .25rem;
    padding: 10px;
  }

  .flight-form.turkish .depart label,
  .flight-form.turkish .return label {
    display: block;
    color: #647280;
    font-size: 14px;
  }

  .flight-form.turkish .depart input,
  .flight-form.turkish .return input {
    width: 100%;
    border: none;
    outline: none;
    margin: 0 !important;
    font-size: 18px;
  }

  .flight-form.turkish .adult-head {
    padding: 10px;
    width: 100%;
    position: absolute;
    right: 0;
    top: 75px;
    display: none;
    background: #fff;
    z-index: 99;
  }

  .pss-sel {
    background: #f4f6f8;
    border-radius: .25rem;
    padding: 10px;
    margin-bottom: 15px;
  }

  .pss-sel label {
    display: block;
    color: #647280;
    font-size: 14px;
    margin-bottom: 5px;
  }

  .pos-rel {
    position: relative;
  }

  .adult-head {
    padding: 10px;
    width: 100%;
    position: absolute;
    right: 0;
    top: 50px;
    display: none;
    background: #fff;
    z-index: 99;
  }

  .adult-top {
    padding: 5px 0;
    border-bottom: 1px solid #8f8f8f;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .passenger {
    padding: 5px 0px 0;
    font-size: 16px;
  }

  .passenger i {
    margin-left: 20px;
  }

  .adult-age p {
    font-size: 15px;
    padding-bottom: 5px;
  }

  .inc-dec p {
    margin-right: 5px;
    padding: 5px 10px;
    font-size: 15px;
  }

  .inc-dec p:first-of-type,
  .inc-dec p:last-of-type {
    background-color: transparent;
    color: #232b38;
    padding: 5px 10px;
    font-size: 18px;
    border: 1px solid #232b38;
    border-radius: 5px;
    cursor: pointer;
  }

  .inc-dec p:first-of-type:hover,
  .inc-dec p:last-of-type:hover {
    background-color: #636363;
  }

  .adult-age p:first-of-type {
    color: #232b38;
    font-size: 14px;
    font-weight: 600;
  }

  .adult-age p:last-of-type {
    color: #636363;
    font-size: 14px;
  }
}



/* alaska airlines */
.callcontent.alaska-airlines .guidance i {
  color: #01426a;
}

.airline-content.alaska-airlines h2,
.airline-content.alaska-airlines h3 {
  color: #01426a;
  border-left: 3px solid #01426a;
}

.call.alaska {
  background: #01426a;
  border: 1px solid #fff;
  padding: 10px;
}

.subscribe.alaska-airline a {
  background: #01426a;
}

.area-free.alaska-airline {
  background: #01426a;
}

footer.alaska {
  background: #00274a;
}

footer.alaska * {
  color: #fff;
}

.foot-bottom.alaska-airline {
  background: #00274a;
}

.mod-top.alaska {
  background: #01426a;
  text-align: center;
  padding-bottom: 20px;
}

.mod-mid .flex.align-center.alaska {
  background: #01426a;
}

.mod-mid .iaia.alaska i {
  color: #01426a;
}

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

.mod-foot .flex.align-center.alaska {
  background: #01426a;
}

.alaska-tbas {
  padding-left: 30px;
  margin-bottom: 25px;
}

.alaska-tbas p {
  color: #01426A;
  font-weight: 700;
  font-size: 14px;
  position: relative;
}

.alaska-tbas p::after {
  content: '';
  position: absolute;
  width: 70px;
  height: 3px;
  background: #01426A;
  bottom: -6px;
  left: -16px;
}

.some-content {
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, .35);
  border-radius: 5px;
  margin-bottom: 20px;
}

.some-content img {
  width: 100%;
  height: 200px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.some-content .some-text {
  margin: 12px 0 0;
  padding: 15px;
}

.some-content .some-text h3 {
  color: #01426a;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
}

.some-content .some-text h2 {
  color: #01426a;
  font-size: 46px;
  margin-bottom: 20px;
  font-weight: 400;
}

.some-content .some-text p {
  color: #01426a;
  font-size: 16px;
  line-height: 24px;
}

.some-content.jetblue {
  margin-top: 20px;
}

.some-content.jetblue .some-text {
  margin-top: 0;
  background: rgb(246, 246, 246);
  opacity: 1;
}

.some-content.jetblue .some-text h3 {
  color: #00205b;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -.8px;
}

.some-content.jetblue .some-text p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -.1px;
  color: #303234;
}

@media(max-width:767px) {
  .header-mob.alaska-airline .text-center {
    background: #01426a;
  }

  .header-mob.alaska-airline .final-mob h3 {
    color: #01426a;
  }

  .header-mob.alaska-airline .final-mob {
    background: #fff;
    border-bottom: 1px solid #dbdbdb;
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
  }

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

  .mob-purpose .call.alaska {
    background: #01426a;
  }

  .call.alaska {
    background: #00274a;
    border: 1px solid #fff;
    padding: 10px 18px !important;
  }

  .book-btn.alaska {
    background: #01426a;
  }

  .fligh-boook.alaska {
    margin: 0 !important;
  }

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

  .alaska-flight {
    background: #f5f5f5;
    padding: 10px;
    border-radius: 5px 5px 4px 4px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.35);
    margin-bottom: 20px;
  }

  button.top-one {
    border-radius: 4px 0 0;
    background-color: #01426A;
    color: #fff;
    box-shadow: 1px 0px 0px 0 #d5cdbe;
    padding: 10px;
    border: none;
    outline: none;
    font-weight: 700;
    font-size: 14px;
  }

  .fligh-boook.alaska .pss-sel {
    border: 1px solid #9da6ab;
    outline: none;
    padding: 8px 9px 9px;
    font-size: 16px;
    background: #fff;
    margin-bottom: 0;
    border-radius: 0;
    height: 42px;
    border: 1px solid #ccc;
  }

  .fligh-boook.alaska i {
    position: absolute;
    right: 12px;
    top: 34px;
    color: #656565;
  }

  .fligh-boook.alaska .inc-dec p:first-of-type,
  .fligh-boook.alaska .inc-dec p:last-of-type {
    background-color: #01426a;
    color: #fff;
    padding: 0px 0px;
    font-size: 18px;
    border: 1px solid #232b38;
    border-radius: 50%;
    cursor: pointer;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
  }

  .fligh-boook.alaska .inc-dec p {
    margin-right: 5px;
    padding: 3px 0px;
    font-size: 15px;
  }

  .fligh-boook.alaska .adult-age p:last-of-type {
    color: #636363;
    font-size: 12px;
    padding-bottom: 0;
  }

  .fligh-boook.alaska .passenger {
    padding: 0px 0px 0;
    font-size: 14px;
    margin-top: 4px;
  }

  .fligh-boook.alaska .adult-top {
    padding: 0px 0;
    border-bottom: none;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0 !important;
  }

  .fligh-boook.alaska .adult-head {
    top: 36px;
  }

  .fligh-boook.alaska .col-50 input[type="text"]:focus,
  .fligh-boook.alaska .col-50 input[type="date"]:focus {
    border-color: #66afe9;
    outline: transparent solid 3px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
  }

  .fligh-boook.alaska .btn button {
    background: #0074c8;
    font-size: 16px;
    border-radius: 0.375rem;
  }
}

/* singapore airlines  */
.singapore-eco-popup {
  display: none;
}

.singapore {
  background-color: #002a77;
}

.callcontent.singapore-airlines .guidance i {
  color: #002a77;
}

.airline-content.singapore-airlines h2,
.airline-content.singapore-airlines h3 {
  color: #002a77;
  border-left: 3px solid #002a77;
}

.subscribe.singapore-airline a {
  background: #002a77;
}

.area-free.singapore-airline {
  background: #002a77;
}

.foot-bottom.singapore-airline {
  background: #002a77;
}

.sing-ds-none {
  display: none;
}

@media(max-width:767px) {
  .sing-ds-none {
    display: block;
  }

  .sing-one-way {
    /* margin: 12px 0; */
    margin-left: 10px;
    margin-bottom: 10px;
  }

  .sing-one-way select {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    background-color: #1f4283;
    padding: 10px 15px;
    border-radius: 20px;
    border: none;
    outline: none;
  }

  .air-canada-mob.singapore-mob {
    padding: 15px 0px;
    /* background: linear-gradient(87deg, #002a77 80%, #012e7e 20%); */
    background-color: #002a77;
  }

  .air-sign-join.singapore-join a:last-of-type {
    padding: 10px 15px;
    border-radius: 25px;
    background-color: #002a77;
    border: 1px solid #fff;
  }

  .air-header-img.singapore-header-img p {
    margin-bottom: 4px;
    color: #fff;
  }

  .singapore-book {
    padding: 10px 0;
    border-bottom: 2px solid #ff9f00;
    width: 50%;
    margin-bottom: 15px;
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    color: #fff;
  }

  .air-banner-bg.singapore-banner-bg {
    background-color: #092b69;
  }

  .singapore-exp-book {
    padding: 10px 15px;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background-color: #1f4283;
  }

  .singapore-economy-passenger {
    padding: 10px 0;
    margin-bottom: 10px;
  }

  .singapore-economy-passenger p:first-of-type {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    background-color: #1f4283;
    /* margin-right: 15px; */
    padding: 10px 15px;
    border-radius: 20px;
  }

  .singapore-economy-passenger p:last-of-type {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    background-color: #1f4283;
    padding: 10px 15px;
    border-radius: 20px;
  }

  .singapore-economy-passenger p i {
    margin-left: 10px;
    font-size: 14px;
  }

  .singapore-eco-popup {
    position: fixed;
    top: 25%;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    /* display: flex; */
    z-index: 1000;
  }

  .singapore-ecopop {
    background-color: #fff;
    width: 90%;
    margin: 0 auto;
    padding: 15px 20px;
    border-radius: 10px;
  }

  .singapore-ecopop i {
    position: absolute;
    top: 5px;
    right: 11px;
    padding: 7px 10px;
    background-color: #666666;
    color: #fff;
    font-size: 11px;
    border-radius: 50%;
  }

  .singapore-ecopop div {
    font-size: 17px;
    margin: 10px 0;
    font-weight: 700;
    color: #303030;
  }

  .singapore-ecopop ul li {
    padding: 15px 0;
    border-bottom: 1px solid #666666;
    font-size: 16px;

  }

  li {
    list-style: none;
  }

  .singapore-ecopop ul li:last-of-type {
    border-bottom: none;
  }

  .air-departing-absol.sing-departing-absol {
    background-color: transparent;
    position: absolute;
    width: 61px;
    border-radius: 50%;
    left: 45%;
    height: 58px;
    bottom: 23%;
  }

  .air-departing-absol.sing-departing-absol .air-left-right {
    background-color: #0f3373;
    padding: 9px 8px;
    border-radius: 50%;
    width: 32px;
    height: 34px;
    margin-top: 5px;
    /* margin-left: 9px; */
  }

  .air-departing-absol.sing-departing-absol .air-left-right i {
    color: #fff;
  }

  .air-departing.singapore-departing {
    width: 49%;
    padding: 40px 15px;
  }

  .air-form-top.singapore-form-top {
    background-color: #123679;
  }

  .sing-trip-head .col-50 p {
    color: #fff !important;
  }

  .sing-trip-head div.col-50:first-of-type {
    border-right: none;
  }

  .sing-trip-head .col-50 input {
    width: 100%;
    padding: 10px 15px;
    color: #666666;
  }

  .sing-trip-head {
    border-bottom: none;
    padding: 0px 0;
    margin-bottom: 15px;
  }

  .air-search.singapore-search {
    border-radius: 0px;
    background-color: #2275d3;
  }

  .singapore-passenger-top {
    position: fixed;
    top: 25%;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    z-index: 1000;
  }

  .singapore-passenger-top .air-passenger-popup {
    position: absolute;
    top: 0;
    left: 20px;
    background-color: #fff;
    width: 90%;
    margin: 0 auto;
    padding: 15px 20px;
    border-radius: 10px;
    display: block;

  }

  .singapore-departing.pos-relate p {
    position: absolute;
    top: 5px;
    left: 17px;
    font-size: 14px;
  }

  .singapore-departing.pos-relate input {
    border: none;
    outline: none;
    font-size: 17px;
    color: #00266b;
    font-weight: 700;
  }

  .sing-arrival.pos-relate {
    padding: 40px 15px;
  }

  .sing-arrival.pos-relate p {
    position: absolute;
    top: 5px;
    left: 17px;
    font-size: 14px;
  }

  .sing-arrival.pos-relate input {
    border: none;
    outline: none;
    font-size: 17px;
    color: #00266b;
    font-weight: 700;
    width: 100%;
  }

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

  .singapore-footer * {
    color: #fff;
  }

  .foot-bottom.singapore-airline {
    background-color: #002a77;
  }

  .singapore-footer {
    background-color: #002a77;
    color: #fff;
  }

  .singapore-footer ul li {
    color: #fff;
  }

  .singapore-economy-passenger select {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    background-color: #1f4283;
    padding: 10px 15px;
    border-radius: 20px;
    /* margin-left: 15px; */
    border: none;
    outline: none;
  }

}


/* Air Canada Airline */
.air-canada-top {
  display: none;
}

.pos-rel {
  position: relative;
}

.air-canada-overlay {
  display: none;
}

.air-canada-mob {
  display: none;
}

.foot-bottom.air-canada-airline {
  background-color: #000000;
}

.area-free.air-canada-airline {
  background-color: #000000;
}

.aircan-airlines .col-25 i {
  color: #000000;
}

.subscribe.aircanada-airline a {
  background-color: #000000;
}

.airline-content.air-can-airlines h2,
.airline-content.air-can-airlines h3 {
  color: #000000;
  border-left: 3px solid #000000;
}

.subscribe.aircanada-airline.col-50 p {
  color: #000000;
}

.canada-footer {
  background: #000000;
}

.canada-footer * {
  color: #fff;
}

@media(max-width:767px) {

  .air-canada-mob {
    display: block;
  }

  .col-49 {
    width: 48%;
  }

  .air-img-input input {
    border: none;
    outline: none;
    padding: 5px 10px;
    font-size: 16px;
    width: 100%;
    color: #2269af;
    text-align: center;
  }

  .air-canada-top {
    display: block;
  }

  .air-canada-mob {
    padding: 15px 0px;
    background-color: #000000;
  }

  .air-canada-header {
    width: 100%;
  }

  .air-canada-header i {
    margin-right: 15px;
    color: #fff;
    font-size: 22px;
    display: inline-block;
  }

  .air-sign-join a {
    display: inline-block;
    font-size: 15px;
    color: #fff;
    font-weight: 700;
  }

  .air-sign-join a:first-of-type {
    margin-right: 15px;
  }

  .air-sign-join a:last-of-type {
    padding: 10px 15px;
    border-radius: 25px;
    background-color: #1460aa;
  }

  .air-header-img {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
  }

  .air-banner-bg h1 {
    text-align: center;
    font-size: 30px;
    color: #fff;
    margin: 25px 0;
  }

  .air-departing {
    padding: 30px 18px;
    background-color: #fff;
    border-radius: 15px;
    text-align: center;
    margin-bottom: 10px;
    width: 48%;
  }

  .air-departing i {
    color: #2269af;
    margin-bottom: 10px;
    font-size: 22px;
  }

  .air-departing p {
    color: #2269af;
    font-size: 17px;
    font-weight: 700;
  }

  .air-banner-bg {
    background-image: url(images/evening-img.webp);
    /* min-height: 500px; */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15px 20px;
    width: 100%;

  }

  .air-left-right {
    padding: 14px 17px;
    background-color: #fff;
    border-radius: 50%;
    width: 50px;
    height: 45px;
    margin-top: 6px;
    margin-left: 5px;
  }

  .air-left-right i {
    color: #2269af;
  }

  .air-form-top {
    padding: 15px 20px;
  }

  .air-points i {
    margin-right: 15px;
    font-size: 16px;
  }

  .air-points p {
    font-size: 16px;
    font-weight: 700;
  }

  .air-points-head {
    background-color: #f9f9f9;
    color: #000000;
    padding: 10px 20px;
    border-radius: 15px;
    margin-bottom: 25px;

  }

  .air-trip-head .col-45 p {
    margin-bottom: 4px;
    font-size: 14px;
    color: #9d9898;
  }



  .air-trip-head i {
    color: #2269af;
    margin-right: 15px;
    width: 5%;
    font-size: 22px;
  }

  .air-trip-type {
    width: 90%;
  }

  .air-trip-type select {
    width: 100%;
    border: none;
    outline: none;
    font-size: 16px;
  }

  .air-trip-type p {
    font-size: 13px;
    color: #b4b4b5;
    margin-bottom: 5px;
  }

  .air-trip-head {
    border-bottom: 1px solid #d6d7d9;
    padding: 12px 0;
    margin-bottom: 15px;
  }

  .air-chevron i {
    color: #000;
    font-size: 11px;
    padding-left: 20px;
  }

  /* .air-trip-head div.col-50:first-of-type{
  border-right: 1px solid #d6d7d9;
} */
  .air-trip-head .col-50 input {
    padding: 10px 15px;
  }

  .air-trip-head .col-50 p {
    margin-bottom: 10px;
    color: #000;
  }

  .air-search {
    padding: 10px 15px;
    border-radius: 20px;
    background-color: #1460aa;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    border: none;
    outline: none;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 80px;
  }

  .air-adult-head {
    padding: 10px 0;
    border-bottom: 1px solid #d6d7d9;
  }

  .air-adult-head .air-adult {
    font-size: 16px;
    color: #000;
  }

  .air-passenger-popup {
    position: absolute;
    padding: 10px 15px;
    width: 100%;
    left: 0;
    top: -283px;
    background-color: #fff;
    z-index: 1;
    border-top: 1px solid #000;
    display: none;
  }

  .air-plus-min p:first-of-type {
    padding: 5px 10px;
    background-color: #d6d7d9;
    border-radius: 50%;
    color: #79797b;
    margin-right: 10px;
    font-size: 18px;
  }

  .air-plus-min p:last-of-type {
    background-color: #1460aa;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    padding: 5px 10px;
    border-radius: 50%;
    margin-right: 10px;
  }

  .air-plus-min p:nth-child(2) {
    font-size: 18px;
    color: #000;
    margin-right: 10px;
  }

  .air-close {
    padding: 10px 0;
    font-size: 18px !important;
    color: #2269af !important;
    width: 100%;
    text-align: center;
    font-weight: 700;
  }

  .air-canada-overlay {
    display: none;
  }

  .air-departing-absol {
    position: absolute;
    background-color: #7b7b7b;
    width: 61px;
    border-radius: 50%;
    left: 43%;
    height: 58px;
    bottom: 30%;
  }

  .air-canada-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1000;
    justify-content: center;
    align-items: center;
  }

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


/* Qatar Airways */


.qatar-mob {
  display: none;
}

.qatar-form {
  display: none;
}

.callcontent.qatar-airlines .guidance i {
  color: #8e2157;
}

.airline-content.qatar-airlines h2,
.airline-content.qatar-airlines h3 {
  color: #8e2157;
  border-left: 3px solid #8e2157;
}

.call.qatar {
  background: #8e2157;
  border: 1px solid #fff;
  padding: 10px;
}

.subscribe.qatar-airline a {
  background: #8e2157;
}

.area-free.qatar-airline {
  background: #8e2157;
}

.foot-bottom.qatar-airline {
  background: #8e2157;
}

footer.qatar {
  background: #8e2157;
}

footer.qatar * {
  color: #fff;
}

.foot-bottom.qatar-airline {
  background: #8e2157;
}

.mod-top.qatar {
  background: #8e2157;
  text-align: center;
  padding-bottom: 20px;
}

.mod-mid .flex.align-center.qatar {
  background: #8e2157;
}

.mod-mid .iaia.qatar i {
  color: #8e2157;
}

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

.mod-foot .flex.align-center.qatar {
  background: #8e2157;
}

@media(max-width:767px) {
  .dropdown-qatar li {
    padding: 12px;
    cursor: pointer;
    border-bottom: 1px solid #cccccc;
  }

  .qatar-mob {
    background-color: #8e2157;
    display: block;
    color: #fff;
  }

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

  .qatar-no {
    background-color: #8e2157;
    border: 1px solid #fff;
    padding: 10px 18px;
    width: 170px;

    border-radius: 8px;
  }

  .qatar-no a {
    color: #fff;
  }

  .qatar-form {
    background-color: #e9eaf0;
    display: block;
  }

  .qatar-form-inner {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
    padding: 20px 25px;
    background-color: #fff;
    margin: 0 15px;
  }

  .return-way .return-radio:first-of-type {
    margin-right: 20px;
  }

  .return-way .return-radio input {
    margin-right: 6px;
  }

  .return-way .return-radio label {
    font-size: 15px;
  }

  .qatar-from-to {
    margin: 20px 0;
    border: 1px solid #dbdee8;
    border-radius: 10px;
    padding: 15px;
    position: relative;
    padding-bottom: 5px;
  }

  .qatar-from-to i {
    position: absolute;
    top: 39%;
    right: 16px;
    color: #dbdee8;
  }

  .qatar-from-to input:first-of-type {
    border-bottom: 1px solid #dbdee8;
    margin-bottom: 15px;
    width: 95%;
  }

  .qatar-from-to input {
    padding: 5px 10px;
    border: none;
    outline: none;
    font-size: 16px;
  }

  .qatar-depart-return {
    border: 1px solid #dbdee8;
    padding: 10px 15px;
    border-radius: 10px;
  }

  .qatar-depart-return .qatar-depart p {
    margin-bottom: 8px;
    font-size: 14px;
  }

  .qatar-depart-return .qatar-depart input {
    padding: 5px;
    outline: none;
    border: none;
    width: 100%;
  }

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

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

  .qatar-promo {
    margin: 20px 0;
    font-size: 15px;
  }

  .qatar-promo span {
    margin-right: 8px;
  }

  .qatar-search-flight {
    width: 100%;
    padding: 15px 15px;
    background-color: #8e2157;
    color: #fff;
    border-radius: 30px;
    border: none;
    outline: none;
    font-size: 18px;
  }

  .fullscreen-overlay.qatar-overlay {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 600px;
    height: 100%;
    background-color: rgb(10 10 10 / 82%);
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 1000;
  }


  .qatar-overlay .popup-box {
    background-color: white;
    /* Background color of the popup */
    width: 100%;
    height: auto;
    max-height: 100%;
    overflow-y: auto;
    padding: 20px;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.5);
  }

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

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

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

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

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

  .pass-adult .qatar-plus p:first-of-type,
  .pass-adult .qatar-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 .qatar-plus p:nth-child(2) {
    color: #252730;
    font-size: 20px;
    font-weight: 400;
    padding: 5px 15px;
    margin: 0 15px;
  }

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

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

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

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

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

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

  .delta-airline.qatar-airways {
    background-color: #8e2157;
  }

  .qatar-departure {
    width: 100%;
    background-color: #fff;
    padding: 20px;
    height: 100%;
    text-align: center;
  }

  .qatar-departure-inner {
    position: relative;

  }

  .qatar-departure p {
    font-size: 18px;
    font-weight: 600;
  }

  .close-btn-qatar {
    border: none;
    outline: none;
    position: absolute;
    top: 0;
    right: 0;
  }

  .close-btn-qatar i {
    color: #000;
  }

  .qatar-pop-from {
    padding: 5px 10px;
    border: 1px solid #dbdee8;
    margin-top: 25px;
    border-radius: 10px;
  }

  .qatar-pop-from input {
    border: none;
    outline: none;
    padding: 5px 10px;
    width: 100%;
  }

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

  .air-trip-head .col-45 {
    width: 49%;
  }

  .air-trip-head .col-45:first-of-type {
    border-right: 1px solid #b9b9ba;
  }

  .air-trip-head .col-45 input {
    width: 100%;
    border: none;
    text-align: center;
    padding: 5px 10px;
  }
}

@media(max-width:480px) {
  .air-trip-head i {
    margin-right: 28px;
    width: 0%;
    font-size: 18px;
  }
}

/* lufthansa airlines */
.foot-bottom.lufthansa-airline {
  background: #05164d;
}

.area-free.lufthansa-airline {
  background: #05164d;
}

.airline-content.lufthansa-airlines h3 {
  color: #05164d;
  border-left: 3px solid #05164d;
}

.airline-content.lufthansa-airlines h2 {
  color: #05164d;
}

.airline-content.lufthansa-airlines p {
  color: #05164d;
}

.callcontent.lufthansa-airlines i {
  color: #05164d;
}

.callcontent.lufthansa-airlines p {
  color: #05164d;
}

.subscribe.lufthansa-airline a {
  background: #05164d;
}

.call.lufthansa {
  background: #05164d;
  border: 1px solid #fff;
  padding: 10px;
}

.mod-top.lufthansa {
  background: #05164d;
  text-align: center;
  padding-bottom: 20px;
}

.mod-mid .flex.align-center.lufthansa {
  background: #05164d;
}

.mod-mid .iaia.lufthansa i {
  color: #05164d;
}

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

.mod-foot .flex.align-center.lufthansa {
  background: #05164d;
}

@media(max-width:767px) {
  .lufthansa-airline-nav {
    background: #05164d;
  }

  .lufthansa-airline-nav h3 {
    color: #fff;
    font-size: 22px;
    font-weight: bold;
  }

  .call.lufthansa {
    background: #05164d !important;
    border: 1px solid #fff;
    padding: 10px 18px !important;
    width: 170px !important;
  }

  .lufthansa-main {
    background: url("./images/lufthansa-bg.jpg");
    padding: 20px 10px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin-bottom: 10px;
  }

  .input-container-lufthansa {
    width: 100%;
    margin-top: 10px;
    position: relative;
    display: inline-block;
    border-bottom: 2px solid darkgray;
    margin-bottom: 20px;
  }

  .input-container-lufthansa input {
    width: 100%;
    padding: 10px;
    font-size: 18px;
    outline: none;
  }

  .lufthansa-input input {
    border: none;
  }

  .date-input-wrapper-lufthansa {
    display: flex;
    align-items: center;
    position: relative;
    border-bottom: 2px solid darkgray;
  }

  .date-lufthansa {
    padding: 10px !important;
    border: none !important;
    font-size: 14px;
    color: #000;
    width: 100%;
  }

  .calendar-icon-lufthansa {
    position: absolute;
    right: 0;
    font-size: 16px;
    color: #05164d;
    pointer-events: none;
    top: 9px;
  }

  .lufthansa-passengers {
    margin-top: 20px;
    margin-left: 0px !important;
  }

  .lufthansa-passengers p {
    color: #05164d !important;
  }

  .lufthansa-passengers p i {
    color: #05164d !important;
  }

  .search-btn-lufthansa button {
    padding: 10px;
    background-color: #ffad00;
    border: none;
    color: #000;
    border-radius: 10px;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 24px;
  }

  .select-method-lufthansa {
    margin-bottom: 20px;
  }

  .select-method-lufthansa select {
    padding: 2px;
    border: none;
    color: #05164d;
    font-weight: bold;
  }

  .passenger-header-lufthansa {
    background: #fff;
  }

  .passenger-content-lufthansa {
    padding: 30px;
    justify-content: center;
    border-bottom: 1px solid darkgray;
  }

  .lufthansa-increment,
  .lufthansa-decrement {
    background: #05164d !important;
  }

  .lufthansa-count {
    border: 1px solid #05164d;
  }

  .lufthansa-content {
    padding: 10px;
  }

  .lufthansa-selection {
    border: none !important;
    padding: 0px !important;
  }

  .travel-class label {
    display: block;
    margin-bottom: 10px;
  }

  .travel-class select {
    padding: 10px;
    border: 1px solid #ccc;
    width: 100%;
  }

  .lufthansa-group {
    margin-top: 20px;
  }

  .lufthansa-save button {
    background: #05164d;
  }

  .passenger-content-lufthansa i {
    color: #05164d;
  }

  .foot-bottom.lufthansa-airline {
    background: #05164d;
  }

  .lufthansa-footer {
    background: #05164d;
  }

  .lufthansa-footer p {
    color: #fff !important;
  }

  .lufthansa-footer ul li a {
    color: #fff !important;
  }
}

/* air france */
.callcontent.airfrance-airlines .guidance i {
  color: #051039;
}

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

.call.airfrance {
  background: #051039;
  border: 1px solid #fff;
  padding: 10px;
}

.subscribe.airfrance-airline a {
  background: #051039;
}

.area-free.airfrance-airline {
  background: #051039;
}

footer.airfrance {
  background: #051039;
}

footer.airfrance * {
  color: #fff;
}

.foot-bottom.airfrance-airline {
  background: #051039;
}

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

.mod-mid .flex.align-center.france {
  background: #051039;
}

.mod-mid .iaia.france i {
  color: #051039;
}

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

.mod-foot .flex.align-center.france {
  background: #051039;
}

@media(max-width:767px) {
  .header-mob.airfrance-airline {
    background: #fff;
    box-shadow: 0 3px 5px -1px #0003, 0 5px 8px #00000024, 0 1px 14px #0000001f;
  }

  .header-mob.airfrance-airline h3 {
    color: #051039;
    font-size: 22px;
  }

  .call.airfrance {
    background: #051039;
    border: 1px solid #fff;
    padding: 10px;
  }

  .tab-form {
    height: 57px;
    border: 1px solid #e9e9eb;
    background-color: #fff;
    padding: 0 15px;
  }

  .tab-head-france {
    padding: 0px;
    border-radius: 5px;
  }

  .tab-head-france li {
    display: inline-block;
    padding: 25px 15px;
    position: relative;
    cursor: pointer;
    color: #fff;
    font-weight: 700;
    background: #051039;
  }

  .tab-head-france li.activefrance {
    background: #fff;
    color: #051039;
  }

  .fligh-boook.airfrance {
    border: 1px solid #e9e9eb;
    border-radius: 8px;
    padding: 24px 16px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .08), 0 8px 8px -8px rgba(0, 0, 0, .08);
    margin-top: 0;
    background: #fff;
  }

  .fligh-boook.airfrance .col-50 {
    width: 100%;
  }

  .fligh-boook.airfrance .col-50 input {
    font-size: 1.125rem;
    line-height: 1.3333333333;
    text-transform: none;
    font-weight: 400;
    color: #051039;
    padding: 15px 15px 15px 40px;
    border: 1px solid #051039;
    border-radius: 4px;
    margin-bottom: 24px;
  }

  .fligh-boook.airfrance select {
    font-size: 1.125rem;
    line-height: 1.3333333333;
    text-transform: none;
    font-weight: 400;
    color: #051039;
    padding: 15px;
    border: 1px solid #051039;
    border-radius: 4px;
    margin-bottom: 24px;
    width: 100%;
  }

  .fligh-boook.airfrance .flex {
    margin: 0px;
  }

  .fligh-boook.airfrance .loca .col-50 i {
    position: absolute;
    color: #051039;
    font-size: 18px;
    top: 18px;
    left: 10px;
  }

  .fligh-boook.airfrance .origin-btm {
    padding: 10px 0;
  }

  .fligh-boook.airfrance .origin-btm input {
    padding: 0px 0px 0px 40px;
  }

  .fligh-boook.airfrance .origin-btm i {
    position: absolute;
    top: 10px;
    left: 5px;
    font-size: 18px;
    color: #051039;
  }

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

  .fligh-boook.airfrance .dropdown,
  .fligh-boook.airfrance .dropdown1 {
    position: absolute;
    top: 45px;
    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.airfrance .dropdown li,
  .fligh-boook.airfrance .dropdown1 li {
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px solid #051039;
    font-size: 16px;
    color: #051039;
  }

  .fligh-boook.airfrance .origin-top p {
    font-size: 15px;
    margin-top: 30px;
    font-weight: bold;
    margin-bottom: 10px;
  }

  .fligh-boook.airfrance .close-btn {
    background-color: #051039;
  }

  .fligh-boook.airfrance .date i {
    position: absolute;
    top: 17px;
    left: 12px;
    font-size: 18px;
    color: #051039;
  }

  .fligh-boook.airfrance .date-input-container {
    margin: 0;
    padding: 15px 15px 15px 40px;
    border: 1px solid #051039;
    border-radius: 8px;
    margin-bottom: 24px;
  }

  .fligh-boook.airfrance #dateRange {
    font-size: 1.125rem;
    line-height: 1.3333333333;
    text-transform: none;
    font-weight: 400;
    color: #051039;
    border: none;
    padding: 0;
    line-height: 1.3333333333;
  }

  .showPass {
    margin: 0;
    padding: 15px 15px 15px 15px;
    border: 1px solid #051039;
    border-radius: 8px;
    margin-bottom: 24px;
  }

  .showPass input {
    border: none;
    outline: none;
    width: 100%;
    font-size: 1.125rem;
  }

  .fligh-boook.airfrance .btn {
    text-align: right;
  }

  .fligh-boook.airfrance .btn button {
    background: #0045b6;
    padding: 8px 24px;
    border: none;
    border-radius: 4px;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);
    width: 40%;
    font-size: 16px;
  }

  .airfrance .some-content {
    margin-bottom: 100px;
  }

  .airfrance .some-text {
    position: absolute;
    background: #051039;
    padding: 15px;
    border-radius: 8px;
    bottom: -70px;
    width: 90%;
    left: 23px;
  }

  .airfrance .some-text h3,
  .airfrance .some-text p {
    color: #fff;
    text-transform: none;
  }

  #notNow {
    display: none;
  }

  #continueBtn {
    text-align: right;
  }

  #continueBtn p {
    font-size: 16px;
    font-weight: 800;
    color: #051039;
  }

  #continueBtn p i {
    font-size: 14px;
  }

  #addPass {
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
  }

  .passPop {
    width: 90%;
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
  }

  .popClose {
    color: #0045b6;
    position: absolute;
    right: 20px;
    top: 10px;
    font-weight: 900;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999999;
  }

  .passTop {
    box-shadow: 0 3px 5px -1px #0003, 0 5px 8px #00000024, 0 1px 14px #0000001f;
    padding: 15px;
    margin-bottom: 24px;
  }

  .passTop h2 {
    font-size: 22px;
    color: #051039;
  }

  .popMid,
  .popBottom {
    padding: 0 15px;
  }

  .popMid .passSel {
    margin-bottom: 30px;
  }

  .popMid .passSel span {
    position: absolute;
    top: 76px;
    right: 30px;
  }

  .popMid .passSel label {
    display: block;
    margin-bottom: 8px;
    font-size: 16px;
  }

  .popMid .passSel select {
    width: 100%;
    padding: 15px;
    border: 1px solid #000;
    outline: none;
    border-radius: 4px;
    font-size: 16px;
  }

  .popMid p {
    font-size: 16px;
    font-weight: 900;
    color: #051039;
    margin: 20px 0;
  }

  .popBottom button {
    padding: 8px;
    background: #0045b6;
    color: #fff;
    width: 100%;
    outline: none;
    border: none;
    margin-bottom: 20px;
    border-radius: 4px;
    font-size: 16px;
  }
}