body {
       font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, 'Open Sans', sans-serif;
   }

   a:hover {
       color: #fff;
   }

   .newPP {
       display: none !important;
   }

   .remove {
       display: none;
   }

   .add {
       display: block;
   }

   .noscroll {
       margin: 0;
       height: 100%;
       overflow: hidden;
   }

   .aboutBox {
       background: #ffffff;
       /*  color: #ffffff87;*/
   }

   /*11-8-25*/

   :root {
       --electric: #1e52fd;
       --ink: #0f223f;
       --muted: #5e7194;
       --bg: #f7faff;
       --card: #ffffff;
       --line: #e1eaff;
       --navy: #102542;
   }

   /*desktop view*/

   #genericBannerCntr {
       position: relative;
       width: 100%;
       height: 400px;
       background-repeat: no-repeat;
       background-position: center top;
       background-size: cover;
       /* background-color: #001837; */
   }

   .change-cancel-card {
       padding: 18px 12px 10px;
       background: linear-gradient(180deg, #f9fbff, #ffffff);
       margin-top: 0;
       display: block;
       justify-content: space-between;
       width: 50%;
       float: left;
       margin-top: 20px;
   }

   .headline-card {
       background: var(--electric);
       color: #fff;
       border-radius: 18px 18px 0 0;
       padding: 50px 50px 5px;
       /* box-shadow: 0 18px 40px rgba(30, 82, 253, .28); */
       width: 100%;
   }

   .headline-card h1 {
       margin: 0 0 6px;
       font-size: 30px;
       line-height: 1.08;
       font-weight: 700;
   }

   .btn-call {
       background: var(--electric);
       color: #fff;
       box-shadow: none;
       text-shadow: 2px 2px 0px rgb(0 0 0 / 26%);
       font-size: 32px;
   }

   .change-cancel-card .btn {
       display: flex;
       align-items: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 0px 0 50px 45px;
       border-radius: 0 0 16px 16px;
       font-weight: 700;
       border: 0;
   }

   .cta-btn p {
       margin: 10px 0 0 10px;
   }

   ul.trust-visit {
       display: flex;
       flex-wrap: nowrap;
       gap: 15px;
       margin: 70px 0 4px;
       padding: 10px;
       list-style: none;
       width: 100%;
       flex-direction: row;
       background: transparent;
       white-space: pre;
   }

   ul.trust-visit li {
       color: #183155;
       background: #f1f6ff;
       border: 1px solid var(--line);
       box-shadow: 0 6px 14px rgba(18, 49, 108, .06);
       display: flex;
       align-items: center;
       gap: 0;
       padding: 10px 8px;
       border-radius: 999px;
       font-size: 12px;
   }

   .second-clock {
       padding: 20px 40px;
       width: 50%;
       float: left;
       background: #f1f6ff;
       margin-top: 20px;
       border-radius: 5px;
   }

   .service-btn {
       display: flex;
       align-items: center;
       justify-content: space-between;
       gap: 10px;
       background: var(--card);
       border: 1px solid var(--line);
       border-radius: 16px;
       padding: 14px 12px;
       box-shadow: 0 6px 16px rgba(18, 49, 108, .06);
       margin-bottom: 10px;
   }

   .how-works {
       padding: 10px 12px;
       width: 100%;
       float: left;
   }

   .steps {
       display: flex;
       gap: 10px;
       justify-content: space-between;
   }

   .step {
       background: var(--card);
       border: 1px solid var(--line);
       border-radius: 16px;
       padding: 12px;
       display: flex;
       gap: 10px;
       align-items: flex-start;
       box-shadow: 0 6px 16px rgba(18, 49, 108, .06);
       width: 33%;
   }

   .faq-title {
       padding: 10px 12px 0;
       font-weight: 900;
       color: #1c2c4a;
       font-size: 18px;
   }

   .faqBox ul li .faqhead {
       font-weight: 600;
       font-size: 16px;
   }

   .faqBox ul li {
       background: var(--card);
       border: 1px solid var(--line);
       border-radius: 14px;
       padding: 12px;
       margin: 8px 0;
       width: 100%;
   }

   .faqBox ul li .faqcontent {
       font-size: 13px;
       padding-top: 0;
   }

   .faqBox ul li .faqhead:after {
       content: url(/images/down-arrow-svgrepo-com.svg);
       top: 2px;
       position: absolute;
       left: 0;
       /* width: 10px; */
       /* display: inline-block; */
       /* text-align: center; */
       /* height: 20px; */
       /* line-height: 19px; */
       border: none;
       transform: rotate(270deg);
   }

   .faqBox ul li .faqhead.active:after {
       content: url(/images/down-arrow-svgrepo-com.svg);
       transform: none;
   }

   .faqBox ul li .faqhead {
       font-size: 14px;
       padding-left: 20px;
       line-height: normal;
   }

   .faqcontent p {
       margin: 8px 0 0;
       font-size: 13px;
       color: #44526a;
       font-weight: 400;
   }

   .service-btn strong {
       display: block;
       font-size: 16px;
       color: #000;
   }

   .service-btn span {
       color: #5e7194;
       font-size: 12px;
   }

   ul.trust-visit li {
       color: #183155;
       background: #f1f6ff;
       border: 1px solid var(--line);
       box-shadow: 0 6px 14px rgba(18, 49, 108, .06);
       display: flex;
       align-items: center;
       gap: 5px;
       padding: 10px 8px;
       border-radius: 999px;
       font-size: 14px;
   }

   ul.trust-visit li span.icons {
       width: 22px;
       height: 22px;
       border-radius: 999px;
       background: linear-gradient(180deg, #fff, #e9f1ff);
       box-shadow: inset 0 0 0 2px #d1e2ff;
       display: grid;
       place-items: center;
       font-size: 14px;
   }

   .steps {
       display: flex;
       gap: 10px;
   }

   .step {
       width: 100%;
   }

   .step b {
       background: linear-gradient(135deg, #21a1f1, #0f5cc0);
       color: #04213e;
       min-width: 28px;
       height: 28px;
       border-radius: 10px;
       display: grid;
       place-items: center;
       font-weight: 900;
   }

   .step h3 {
       margin: 0 0 2px;
       font-size: 14px !important;
       font-weight: 700;
   }

   .step p {
       margin: 0;
       font-size: 12px;
       color: #44526a;
   }

   .call-Cta {
       display: none;
   }

   a.service-btn {
       text-decoration: none;
   }

   .stickyFooter {
       display: none;
   }

   .quick_links {
       float: left;
       margin: 0 20px 0 12px;
       padding: 0 30px;
       width: 100%;
   }

   .quick_links ul {
       list-style: none;
       /* display: flex; */
       /* white-space: pre; */
       flex-wrap: wrap;
       padding: 0;
       margin: 0;
       column-gap: 30px;
       justify-content: space-between;
       row-gap: 8px;
       /* margin: 5px 0; */
   }

   .quick_links ul li {
       line-height: 20px;
       width: 50%;
       float: left;
   }

   .quick_links ul li a {
       color: #000;
       font-size: 12px;
       font-weight: 500;
       text-decoration: underline;
   }

   .new_booking a {
       color: #1e52fd;
       text-decoration: underline;
   }

   .new_booking a:hover {
       color: #000;
   }

   .new_booking {
       padding: 10px;
       font-size: 12px;
   }

   .headline-card p a {
       text-decoration: underline;
       color: #fff;
   }

   @media (max-width: 767px) {
       i.fa.fa-exchange {}
       .two_site {
           position: absolute;
           display: block;
           pointer-events: all !important;
           top: 40px;
           border-radius: 5px;
           background: #ff987d;
           padding: 0px 0px 7px 0px;
           font-size: 15px;
           text-align: center;
           width: 35px;
           border: none;
           color: #000000;
           /* margin-top: 1px; */
           font-weight: 900;
           right: 40px;
           height: 35px;
           line-height: 35px;
           z-index: 1;
           left: auto;
           transform: rotate(90deg);
           padding: 0;
       }
       .two_site i {
           line-height: 29px;
           padding: 0;
           position: absolute;
           top: 4px;
           left: 7px;
       }
       .contentArea {
           padding-top: 0;
           padding-bottom: 50px;
       }
       .psg_dls.d-none-cst {
           color: #000;
       }
       .psg_dls.d-none-cst .btn_done {
           background: #01213a;
       }
       .origin_desti {
           position: relative;
       }
       .fm_ln1 button {
           font-size: 13px;
           text-align: center;
           cursor: pointer;
           outline: none;
           margin: 0 auto;
           position: relative;
           background: transparent;
           color: #eaf3ff;
           border: 1px solid rgba(255, 255, 255, .35);
           padding: 12px;
           border-radius: 12px;
           font-weight: 800;
           width: 100%;
           left: 0;
           transform: none;
           top: 0;
       }
       .contentArea h1.page__title {
           font-size: 24px;
           line-height: normal;
       }
       .contentArea h3 {
           font-size: 18px !important;
           line-height: normal;
       }
       .flightHotelTab {
           background: linear-gradient(180deg, #0d1a36, #0a152b);
           /* background: #ffb5a9; */
           color: #fff;
           padding: 0;
           margin: 12px;
           border: 1px solid rgba(255, 255, 255, .10);
           border-radius: 20px;
           float: left;
       }
       .switch-field label {
           margin-left: 10px;
           letter-spacing: 1px;
           list-style: none;
           font-size: 12px;
           border: 1px solid rgba(255, 255, 255, .2);
           background: rgba(255, 255, 255, .06);
           padding: 8px 12px;
           font-weight: 800;
           border-radius: 20px !important;
           color: #fff !important;
       }
       .form-control[readonly] {
           border-radius: 10px;
           background-color: rgb(246 246 246);
           border-radius: 3px;
           background: #0f1e3a;
           color: #fff;
           font-weight: 300;
           border-radius: 15px;
       }
       .form_bx input {
           margin-bottom: 15px;
           padding: 15px 15px 15px 8px;
           height: auto;
           border: 1px solid rgba(255, 255, 255, .18);
           background: rgb(15 30 58);
           border-radius: 15px;
           color: #fff;
       }
       .form_bx input::placeholder {
           color: #fff;
       }
       label.labelBox {
           left: auto;
           margin-left: 10px;
           text-transform: uppercase;
           font-weight: 500;
           display: none;
       }
       .faqBox {
           /* background: #f9f9f9; */
           padding: 0;
           margin-top: 30px;
           border-radius: 8px;
       }
       .contentBox ul {
           border-top: none;
       }
       header.mob {
           display: none;
       }
       .tg-home-slider {
           border-bottom: none;
       }
       .new_booking {
           padding: 10px;
           /* border: 1px solid #0000002e; */
           display: block;
           position: relative;
           float: left;
           margin: 20px 0px;
           border-radius: 6px;
           background: #f5f5f5;
           color: #5e7194;
           font-size: 12px;
           line-height: 20px;
       }
       .second-clock {
           width: 100%;
           padding: 0;
           background: transparent;
       }
       .steps {
           display: grid;
           gap: 10px;
           justify-content: normal;
       }
       .change-cancel-card {
           width: 100%;
           padding: 0;
           background: linear-gradient(180deg, #f9fbff, #ffffff);
           margin-top: 90px;
       }
       .headline-card {
           background: var(--electric);
           color: #fff;
           border-radius: 18px;
           padding: 18px 10px 14px;
           box-shadow: 0 18px 40px rgba(30, 82, 253, .28);
       }
       .headline-card h1 {
           margin: 0 0 6px;
           font-size: 26px;
           line-height: 1.08;
           font-weight: 700;
       }
       .headline-card p {
           margin: 0;
           font-size: 14px;
           color: #fff;
       }
       .cta-btn {
           display: grid;
           gap: 10px;
           margin-top: 12px;
       }
       .cta-btn p {
           font-size: 12px;
           color: #3e506d;
       }
       .btn {
           display: flex;
           align-items: center;
           justify-content: center;
           gap: 10px;
           padding: 18px;
           border-radius: 16px;
           font-weight: 900;
           border: 0;
           font-size: 16px;
       }
       .change-cancel-card .btn {
           background: var(--electric);
           color: #fff;
           box-shadow: 1px 2px 9px 0px rgb(0 0 0 / 54%);
           text-shadow: 2px 2px 0px rgb(0 0 0 / 26%);
           border-radius: 16px;
           padding: 18px;
           justify-content: center;
       }
       ul.trust-visit {
           display: flex;
           flex-wrap: wrap;
           gap: 10px;
           margin: 12px 0 4px;
           padding: 0 2px;
           list-style: none;
       }
       ul.trust-visit li {
           color: #183155;
           background: #f1f6ff;
           border: 1px solid var(--line);
           box-shadow: 0 6px 14px rgba(18, 49, 108, .06);
           display: flex;
           align-items: center;
           gap: 5px;
           padding: 10px 8px;
           border-radius: 999px;
           font-size: 14px;
       }
       econd-clock {
           padding: 10px 12px;
       }
       .service-btn {
           display: flex;
           align-items: center;
           justify-content: space-between;
           gap: 10px;
           background: var(--card);
           border: 1px solid var(--line);
           border-radius: 16px;
           padding: 14px 12px;
           box-shadow: 0 6px 16px rgba(18, 49, 108, .06);
           margin-bottom: 10px;
       }
       .call-Cta {
           display: block;
           font-weight: 900;
           color: var(--electric);
       }
       .service-btn strong {
           display: block;
           font-size: 16px;
           color: #000;
       }
       .service-btn span {
           color: #5e7194;
           font-size: 12px;
       }
       .how-works {
           padding: 10px 0;
       }
       /*form css*/
       #mobileSearchCntr.mobile_searchCntrHome {
           background: linear-gradient(180deg, #0d1a36, #0a152b);
           /* background: #ffb5a9; */
           color: #fff;
           padding: 0;
           margin: 12px;
           border: 1px solid rgba(255, 255, 255, .10);
           border-radius: 20px;
           float: left;
           width: 95%;
       }
       .tripType.inputSet label input[type=radio]:checked~span {
           list-style: none;
           /* border-color: #5a78b8; */
           border: 1px solid #5a78b8;
           background: #172649;
           color: #d7e7ff;
           padding: 8px 12px;
           border-radius: 999px;
           font-weight: 800;
       }
       .tripType.inputSet label input[type=radio]~span {
           list-style: none;
           font-size: 12px;
           border: 1px solid rgba(255, 255, 255, .2);
           background: rgba(255, 255, 255, .06);
           color: #d7e7ff;
           padding: 8px 12px;
           border-radius: 999px;
           font-weight: 800;
       }
       #mobileSearchCntr .top_row {
           margin-bottom: 0;
           width: 100%;
           display: flex;
           align-items: center;
           justify-content: space-between;
       }
       #mobileSearchCntr .inputField {
           width: 100%;
           margin-top: 0px;
           padding: 10px 0 14px 45px !important;
           font-size: 14px;
           border: none;
           border-radius: 14px;
           font-weight: 300;
           outline: none;
           white-space: nowrap;
           text-overflow: ellipsis;
           overflow: hidden;
           border: 1px solid rgba(255, 255, 255, .18);
           background: #0f1e3a;
           color: #eaf3ff;
           margin: 0;
       }
       #mobileSearchCntr .label {
           background: transparent;
       }
       #mobileSearchCntr .box-shadow {
           background: transparent;
       }
       #depD_text br {
           display: none;
       }
       #retD_text br {
           display: none;
       }
       #mobileSearchCntr .icons {
           position: absolute;
           left: 10px;
           top: 0;
           display: block;
           pointer-events: none;
           font-size: 20px;
           color: #0c5178;
       }
       #mobileSearchCntr .mobilesearchButton {
           font-size: 13px;
           text-align: center;
           cursor: pointer;
           outline: none;
           margin: 0 auto;
           position: relative;
           background: transparent;
           color: #eaf3ff;
           border: 1px solid rgba(255, 255, 255, .35);
           padding: 12px;
           border-radius: 12px;
           font-weight: 800;
           width: 100%;
           left: 0;
           transform: none;
       }
       .inline-cta {
           display: flex;
           gap: 10px;
           align-items: center;
           margin: 12px 0 12px 0;
           width: 100%;
       }
       .muter {
           color: #9fb3d9;
           font-size: 12px;
       }
       .inline-cta .btn-call {
           flex: 1;
       }
       .fixedCta .btn-call {
           box-shadow: none;
       }
       .cta-btn a {
           font-size: 16px;
           padding: 0;
       }
       .cta-btn a:hover {
           color: #fff;
       }
       .fixedCta {
           position: fixed;
           left: 50%;
           transform: translateX(-50%);
           top: 62vh;
           z-index: 2;
           display: flex;
           align-items: center;
           background: var(--electric);
           color: #fff;
           padding: 12px 18px;
           border-radius: 999px;
           box-shadow: 0 22px 54px rgba(30, 82, 253, .35);
           max-width: 250px;
           width: 100%;
       }
       #mobileSearchCntr .icons.exchange {
           position: absolute;
           display: block;
           pointer-events: all !important;
           top: 36px;
           border-radius: 5px;
           background: #ff987d;
           padding: 0px 0px 7px 0px;
           font-size: 15px;
           text-align: center;
           width: 35px;
           border: none;
           color: #000000;
           /* margin-top: 1px; */
           font-weight: 900;
           left: 80%;
           height: 35px;
           line-height: 35px;
           z-index: 1;
       }
       .headerTop {
           position: fixed;
           top: 0;
           z-index: 2;
           display: flex;
           align-items: center;
           justify-content: space-between;
           gap: 10px;
           padding: 12px;
           background: rgba(16, 37, 66, .96);
           color: #fff;
           border-bottom: 1px solid rgba(0, 0, 0, .1);
           backdrop-filter: saturate(120%) blur(6px);
           width: 100%;
       }
       .fixedCta .btn-call:hover {
           color: #e3e1e1;
           text-decoration: none;
       }
       .top_row {
           color: #2D174D;
           display: flex;
           align-items: center;
           justify-content: start;
           padding: 0 0 12px 15px;
           white-space: nowrap;
           margin: 0px -12px;
       }
       .logo-head img {
           width: 35px;
       }
       .logo-head {
           display: flex;
           align-items: center;
           gap: 0;
           font-weight: 900;
           letter-spacing: .2px;
           width: 50%;
           float: left;
       }
       .call-top {
           display: inline-flex;
           align-items: center;
           gap: 8px;
           padding: 10px 16px;
           border-radius: 999px;
           background: var(--electric);
           color: #fff;
           font-weight: 900;
           box-shadow: 0 12px 28px rgba(30, 82, 253, .32);
           float: right;
       }
       .logo-head img {
           width: 35px;
           width: 130px;
           /* height: 35px; */
           border-radius: 9px;
           object-fit: cover;
           /* box-shadow: 0 6px 14px rgba(0, 0, 0, .25); */
           background: #fff;
           padding: 3px;
       }
       .stickyFooter {
           position: fixed;
           left: 0;
           right: 0;
           bottom: 0;
           z-index: 2;
           background: #102542;
           padding: 12px 12px;
           padding-bottom: max(12px, env(safe-area-inset-bottom));
           box-shadow: 0 -22px 44px rgba(0, 0, 0, .2);
           display: block;
       }
       .stickyFooter a {
           font-size: 18px;
       }
       .stickyFooter a:hover {
           color: #fff;
       }
       a:hover {
           color: #fff;
       }
       .full-screen-modal {
           position: fixed;
           top: 0;
           left: 100%;
           height: 100%;
           width: 100vw;
           background: #fff;
           z-index: 9;
           will-change: transform;
           transition: transform 0.3s ease;
       }
       .contentBox {
           padding: 0px 0px;
       }
   }

   .footer-disc p {
       margin: 10px 10px 30px;
   }