@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body{font-family: "Poppins", sans-serif!important;}
.mb_call_btn {display:none;}
.customer_supports{ background: url(/new-site-images/call_bg_new.webp); margin-bottom: 1rem; position: relative; border-radius: 0 0 41px 41px; background-repeat: no-repeat; background-size: cover; width: 334px; display: flex; justify-content: center; align-items: center; height: 80px; }
.support_number{text-align:center;}
.support_number p{color:#fff;font-size:12px;}
.support_number a{color:#fff;font-weight:600;font-size:18px;}
.English_sub{padding:6px 10px;text-align:center;display:none; align-items: center;margin:0 1rem;}
.English_main1{font-size:14px;font-weight:600;gap:7px;display:flex;}
.search-engine{background:url(/new-site-images/home_banner.webp);background-repeat:no-repeat;background-size:cover;position:relative;}
.search-engine:before{width:100%;background: linear-gradient(181.37deg, rgba(0, 0, 0, 0) 6.36%, rgba(0, 0, 0, 0.78) 99.01%);height:290px;position:absolute;left:0;bottom:0;content:'';}
.search-engine h1{text-align:center;font-size:45px;color:#fff;font-weight:700;margin-top:12rem;margin-bottom:0rem;}
.search-engine p{font-size:22px;color:#fff;text-align:center;margin-bottom:1.2rem;padding:0;}
.search-engine-section{padding:0.85rem 1.5rem 2.4rem;background:#1d3873;border-radius: 0 20px 20px;}
.search-menu{display: inline-block;background:#1d3873;padding: 4px 15px;position:relative;margin: 0 !important;border-radius: 20px 20px 2px 0px;}
/*.search-menu:after{position:absolute;content:'';left:0;top:0;background:#f00;width:50px;height:50px;border-radius:100%;}*/
.search-menu input{opacity:0;visibility:hidden;position:absolute;}
.search-menu label{border:1px solid #fff;padding:6px 18px;border-radius:30px;font-size:14px;font-weight:500;color:#fff;}
.search-menu ul li{margin:0!important;padding:0!important;}
.search-menu ul{gap:12px;   }
.search-menu ul li input:checked ~ label{background:#fff;color:#004790;}
.search-engine-section input {width: 100%;   height: 55px;   border-radius: 5px;   background: #fff;   border: 1px solid #fff;   padding: 12px 16px 12px 31px;   text-overflow: ellipsis;   font-weight: 600;   color: #000;   font-size: 17px;}
.search-engine-section label{display:none;}
.new_btn{position:relative;text-align:center;}
.new_btn_main{position: absolute;top:16px;  transform: translateX(-50%);  left: 50%;}
.new_btn_main button svg{stroke:#fff;width:18px;height:18px;}
.new_btn_main button{padding:7px 60px;background: linear-gradient(90deg, #ff6262 0%, #ff6262 100%);border-radius:30px;color:#fff;border:0;font-size:16px;font-weight:600;}
.new_trips{width: 17px;height: 17px;border-radius: 100px;border: 1px solid #000;position: absolute;left: 10px;  top: 26px;}
.dates svg{position:absolute;left: 10px;top: 22px;width: 22px;stroke: #333;}
.search_bootom{margin: 6rem auto;
  max-width: 965px;
  border: 2px solid #E0E0E0;
  padding: 8px 9px;
  border-radius: 30px;
  position: relative;
  z-index: 2;}
.search_bootom ul{margin:0;padding:0;list-style:none;display:flex;justify-content:space-between;}
.search_bootom ul li{color:#fff;font-size:15px;border-right:1px solid #ccc;text-align:center;padding:8px 10px;font-weight:500;font-size:15px;}


.pgf-main-title{
    font-size:36px;
    font-weight:700;
    color:#111;
    margin-bottom:15px;
}

.pgf-main-desc{
    font-size:15px;
    line-height:1.8;
    color:#555;
    margin-bottom:30px;
}

.pgf-flight-image-box{
    overflow:hidden;
    border-radius:10px;
}

.pgf-flight-image-box img{
    width:100%;
    display:block;
    object-fit:cover;
}

.pgf-feature-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
    position:relative;
}

/* Center White Circle */
.pgf-feature-grid::before{
    content:"";
    position:absolute;
    width:24px;
    height:24px;
    background:#fff;
    border-radius:50%;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    z-index:5;
}

.pgf-feature-card{
    background:#e8eef5;
    min-height:170px;
    padding:22px;
    position:relative;
    border-radius:6px;
    transition:.3s;
}

.pgf-feature-card:hover{
    transform:translateY(-5px);
}

.pgf-feature-card h4{
    font-size:24px;
    font-weight:600;
    margin-bottom:15px;
    color:#111;
}

.pgf-feature-card p{
    font-size:14px;
    line-height:1.8;
    color:#444;
    max-width:230px;
}

.pgf-feature-card img{
    position:absolute;
    right:18px;
    bottom:15px;
    width:58px;
}

@media(max-width:991px){

    .pgf-feature-grid{
        margin-top:30px;
        grid-template-columns:1fr;
    }

    .pgf-feature-grid::before{
        display:none;
    }

}

 .tps-section {
    padding:1rem;
      text-align: center;
    }
 
    .tps-section h2 {
      font-size:32px;
      font-weight:700;
      color: #111;
      margin-bottom:6px;
    
    }
 
    .tps-section p {
      font-size: 14px;
      color: #666;
      max-width: 500px;
      margin:0 auto 1rem;
      line-height: 1.7;
    }
 
    /* ── Slider Scene ── */
    .tps-scene {
      position: relative;
      width: 100%;
      max-width:1060px;
      margin: 0 auto;
      height: clamp(260px, 42vw, 420px);
    }
 
    .tps-track {
      position: relative;
      width: 100%;
      height: 100%;
    }
 
    /* ── Cards ── */
    .tps-card {
      position: absolute;
      border-radius: clamp(12px, 2vw, 20px);
      overflow: hidden;
      cursor: pointer;
      will-change: transform, opacity;
      transition: all 0.55s cubic-bezier(0.34, 1.08, 0.64, 1);
      box-shadow: 0 8px 32px rgba(0,0,0,0.18);
      top: 50%;
      transition:
    width .6s ease,
    height .6s ease,
    left .6s ease,
    transform .6s ease,
    opacity .6s ease;
    }
 
    .tps-card:hover {
      box-shadow: 0 16px 48px rgba(0,0,0,0.28);
    }
    #tpsTrack{
    touch-action:pan-y;
}

.tps-card,
.tps-card img{
    pointer-events:none;
}

.tps-card.tps-active{
    pointer-events:auto;
}
 
    .tps-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform 0.6s ease;
      pointer-events: none;
    }
 
    .tps-card:hover img {
      transform: scale(1.04);
    }
 
    .tps-card-overlay {
      position: absolute;
      bottom: 0; left: 0; right: 0;
      padding: clamp(10px, 2vw, 20px);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.72) 100%);

    }
 
    .tps-card-name {
      font-size: 26px;
      font-weight:700;
      color: #fff;
    
    }
 
    .tps-explore-btn {
      display: none;
      align-items: center;
      gap: 6px;
      margin-top: 8px;
  background: #DF5101;

      color: #fff;
      font-size:14px;
      font-weight: 700;
      letter-spacing: 2px;
      text-transform: uppercase;
      padding: clamp(6px, 1vw, 10px) clamp(14px, 2vw, 24px);
      border-radius:5px;
      text-decoration: none;
      box-shadow: 0 4px 16px rgba(240,90,26,0.45);
     
      transform: translateY(8px);
      pointer-events: none;
      transition: opacity 0.3s ease 0s, transform 0.3s ease 0s, background 0.2s ease, box-shadow 0.2s ease;

    }
 
    .tps-card.tps-active .tps-explore-btn {
    display: inline-flex;
      transform: translateY(0);
      pointer-events: auto;
      transition-delay: 0.18s;
    }
 
    .tps-explore-btn:hover {
      background: linear-gradient(135deg, #ff6a28, #f04010);
      color:#fff;
      box-shadow: 0 6px 22px rgba(240,90,26,0.6);
      transform: scale(1.05) translateY(0) !important;
    }
 
    /* ── Arrow Buttons ── */
    .tps-arrow {
      position: absolute;
      top:59%;
      transform: translateY(-50%);
      z-index: 30;
      background: rgba(255,255,255,0.95);
      border: 1px solid #B9B9B9;
      border-radius: 50%;
      width: clamp(36px, 4.5vw, 48px);
      height: clamp(36px, 4.5vw, 48px);
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      box-shadow: 0 4px 18px rgba(0,0,0,0.14);
      font-size: clamp(18px, 2.5vw, 24px);
      color: #333;
      transition: all 0.25s ease;
    }
 
    .tps-arrow:hover {
      background: #fff;
      box-shadow: 0 6px 26px rgba(0,0,0,0.22);
      transform: translateY(-50%) scale(1.08);
    }
 
    .tps-arrow:active {
      transform: translateY(-50%) scale(0.95);
    }
 
    .tps-arrow-left  { left: -0px; }
    .tps-arrow-right { right: -16px; }
 
    /* ── Dots ── */
    .tps-dots {
      display: flex;
      justify-content: center;
      gap: 8px;
      margin-top: clamp(18px, 3vw, 32px);
    }
 
    .tps-dot {
      width: 8px; height: 8px;
      border-radius: 50%;
      background: #bbb;
      cursor: pointer;
      border: none;
      padding: 0;
      transition: all 0.3s ease;
    }
 
    .tps-dot.tps-dot-active {
      background: #e8380a;
      width: 24px;
      border-radius: 4px;
    }

/*Faq*/
.rkxfaq-section{
margin:3rem auto;max-width:950px;
}


.rkxfaq-header{
    text-align:center;
    margin-bottom:26px;
}

.rkxfaq-title{
    font-size:34px;
    font-weight:600;
    color:#111;
    margin-bottom:6px;
    line-height:1.2;
}

.rkxfaq-subtitle{
    max-width:500px;
    margin:auto;
    color:#666;
    font-size:15px;
    line-height:1.8;
}

.rkxfaq-container{
    max-width:1200px;
    margin:auto;
}

.rkxfaq-item{
    background:#fff;
    border:1px solid #cfe6f5;
    margin-bottom:10px;
    border-radius:4px;
    overflow:hidden;
    transition:all .3s ease;
}

.rkxfaq-item:hover{
    border-color:#9fd2ef;
}

.rkxfaq-question{
    width:100%;
    background:none;
    border:none;
    display:flex;
    align-items:center;
    gap:20px;
    padding:20px 25px;
    cursor:pointer;
    text-align:left;
}

.rkxfaq-number{
    min-width:20px;
    font-size:14px;
    font-weight:700;
    color:#111;
}

.rkxfaq-text{
    flex:1;
    font-size:16px;
    color:#111;
    line-height:1.6;
    font-weight:500;
}

.rkxfaq-arrow{
    font-size:12px;
    transition:.4s ease;
}

.rkxfaq-answer-wrapper{
    max-height:0;
    overflow:hidden;
    transition:max-height .45s cubic-bezier(0.4,0,0.2,1);
}

.rkxfaq-answer{
    padding:0 65px 22px;
    color:#555;
    line-height:1.9;
    font-size:14px;
}

.rkxfaq-item.active .rkxfaq-arrow{
    transform:rotate(180deg);
}

.rkxfaq-hidden{
    max-height:0;
    overflow:hidden;
    opacity:0;
    transition:
        max-height .8s ease,
        opacity .5s ease;
}

.rkxfaq-hidden.show{
    max-height:6000px;
    opacity:1;
}

.rkxfaq-view-btn{
    border:none;
    background:none;
    cursor:pointer;
    float:right;
    margin-top:10px;
    font-size:16px;
    font-weight:500;
    color:#111;
    transition:.3s ease;
}

.rkxfaq-view-btn:hover{
  color:#004790;
}

@media(max-width:768px){

    .rkxfaq-title{
        font-size:24px;
    }

    .rkxfaq-question{
        padding:15px;
        gap:12px;
    }

    .rkxfaq-answer{
        padding:0 16px 16px;
    }

    .rkxfaq-text{
        font-size:14px;
    }
}
.rfs-policy-section{
 margin:3rem 0 0;
    padding-top:20px;
}

.rfs-policy-container{
    max-width:1200px;
    margin:auto;
    text-align:center;
    text-align: center;
  padding: 0 20px 4px;
}

.rfs-policy-title{
    margin:0 0 8px;
    font-size:26px;
    font-weight:700;
    color:#111;
    line-height:1.2;
}

.rfs-policy-text{
    margin:0;
    font-size:14px;
    line-height:1.35;
    color:#666;
}

.rfs-policy-banner{
    width:100%;
    overflow:hidden;
}

.rfs-policy-banner img{
    width:100%;
    height:400px;
    object-fit:cover;
    display:block;
}




.new_footer{padding:2rem 0.5rem;}

.rfsx-footer-main{
    background:#004b96;
    padding:18px 0 30px;
    color:#fff;
   
}
.offcanvas-end.show{z-index:9999;}
.rfsx-footer-top{
    display:flex;
    justify-content:space-between;
    gap:40px;
    align-items:center;
    margin:1.8rem 0;
}

.rfsx-footer-left{
    flex:1;
}

.rfsx-logo-wrap{
    display:flex;
    align-items:center;
    gap:15px;
}

.rfsx-logo-wrap img{
    filter:brightness(0) invert(1);
}

.rfsx-divider{
    height:1px;
    background:rgba(255,255,255,.35);
  width:100%;
}

.rfsx-link-row{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:14px;
    margin-bottom:10px;
}

.rfsx-link-row span{
    font-size:15px;
    font-weight:700;
    min-width:70px;position:relative;

}


.rfsx-link-row a{
    color:#fff;
    text-decoration:none;
    font-size:13px;
}

.rfsx-address-row{
    display:flex;
    gap:10px;
    margin-top:6px;
}

.rfsx-address-row span{
     font-size:15px;
    font-weight:700;
    min-width:70px;position:relative;
}

.rfsx-address-row div{
    font-size:13px;
    line-height:1.6;
}

.rfsx-footer-right{
    width:360px;
    text-align:center;
   
}

.rfsx-payment img{
    width:245px;
    margin-bottom:16px;
}

.rfsx-offer-text{
    font-size:13px;
    margin-bottom:12px;
}

.rfsx-offer-text strong{
    font-weight:700;
}

.rfsx-subscribe-box{
    display:flex;
}

.rfsx-subscribe-box input{
    flex:1;
    border:none;
    height:40px;
    padding:0 15px;
    font-size:13px;
}

.rfsx-subscribe-box button{
    width:105px;
    border:none;
    background:#1f8cff;
    color:#fff;
    font-size:13px;
}

.rfsx-disclaimer-title{
    margin-top:10px;
    font-size:13px;
}

.rfsx-disclaimer-text{
    margin-top:5px;
    color:#d8e6f7;
    font-size:12px;
    line-height:1.7;
}

.rfsx-footer-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:18px;
}

.rfsx-copyright{
    font-size:11px;
    color:#dbe7f5;
}

.rfsx-policy-links{
    display:flex;
    gap:15px;
}

.rfsx-policy-links a{
    color:#fff;
    font-size:11px;
    text-decoration:underline;
}

@media(max-width:991px){

    .rfsx-footer-top{
        flex-direction:column;
    }

    .rfsx-footer-right{
        width:100%;
        padding-top:15px;
    }

    .rfsx-footer-bottom{
        flex-direction:column;
        gap:10px;
        text-align:center;
    }

    .rfsx-address-row{
        flex-direction:column;
    }
}


.new_navbar{background:#fff;width:100%;}
.bi-list::before{content:''!important;}
.pass-name label{display:block!important}


@media (max-width:768px){

    .tps-slider{
        height:420px !important;
    }

    .tps-card{
        transition:all .6s ease;
    }

    .tps-card-name{
        font-size:24px !important;
    }

    .tps-explore-btn{
        font-size:12px !important;
        padding:10px 18px !important;
    }

    #tpsArrowLeft,
    #tpsArrowRight{
        width:42px !important;
        height:42px !important;
    }

}

.new_deals{margin:3rem 0;max-width:1200px;margin:0 auto;}
.new_deals_heading{text-align:center;margin-bottom:1.9rem;}
.new_deals_heading h2{font-size:26px;font-weight:800;margin-bottom:5px;}
.new_deals_heading p{font-size:14px;max-width:500px;margin:0 auto;color:#666;}
.deal-header svg{width:22px;height:22px;margin:0 6px;transform:rotate(45deg)}
.new_cheap{margin:1rem 0;}
.new_cheap_link {margin-bottom:8px;}
.new_cheap_link ul{margin:0;padding:0;}
.new_cheap_link ul li {font-size:15px; list-style:none;}
.new_cheap_link ul li a{color:blue;text-decoration:none;}
.new_cheap_box{margin:2rem auto;text-align:center;width:1050px;}
.new_cheap_box h2{font-size:25px;font-weight:400;color:#333;margin-bottom:15px;}
.new_cheap_box p{font-size:15px;margin-bottom:20px;padding:0;color:#000000;font-weight:300;line-height:1.7;}
.Popular_new , .cheap_page{width:1050px;margin:3rem auto;}a:hover{text-decoration:underline!important;color:unset;}
.Popular_new .section-title{font-size:30px;font-weight:600;color:#000;text-align:center;margin-bottom:10px;}
.Popular_new .tabs{text-align:center;display:flex;justify-content:center;}
.Popular_new .tab-button{margin:0;background:#E9F4FF;color:#000;padding:10px 20px;border-radius:0;border:0;font-size:17px;font-weight:400;}
.Popular_new .tab-button.active{background:#004790;color:#fff;border:0;}
.Popular_new .tab-button:hover{background:#004790;color:#fff;}
.cheap_page_bottm{margin-top:2rem;}
.cheap_page_bottm h2{font-size:26px;font-weight:600;margin-bottom:8px;}
.new_price_width{display:flex;  gap:8px;}
.flight_card_sub{display:flex;gap:8px;}

.flight-card{

    background:#fff!important;
    border-radius:16px!important;
    box-shadow:0 4px 14px rgba(0,0,0,.18)!important;
    padding:18px 16px!important;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
}

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

.airline-box img{

    width:35px;
    height:35px;
}

.route-box{
    position:relative;
    display:flex;
    align-items:center;
    gap:8px;
    justify-content:space-between;
    flex:1;
}


.city-box h2{

    font-size:18px;
    font-weight:400;
    color:#111;
    line-height:1;
    margin-bottom:6px;
}

.city-box p{
    font-size:13px;
    color:#333;
    margin:0;
    white-space:nowrap;
}

.line-box{

    display:flex;
    align-items:center;
    width:69px;position: absolute;
  left: 41%;
  transform: translateX(-41%);
  top: 2px;
}

.dot{

    width:12px;
    height:12px;
    background:#d8d8d8;
    border-radius:50%;
    flex-shrink:0;
}

.line{
    flex:1;
    height:2px;
    background:#d8d8d8;
}

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

.old-price{
    display:block;
    font-size:12px;
    color:#222;
    text-decoration:line-through;
    margin-bottom:4px;
}

.price-box h3{

    margin:0;
    font-size:18px;
    font-weight:500;
    color:#111;
    line-height:1;
}



.search-btn{
    display:flex;
    justify-content:center;
    align-items:center;

   padding:6px 15px;

    background:#ff6700;
    color:#fff;
    text-decoration:none;

    border-radius:16px;

    font-size:16px;
    font-weight:500;

    transition:.3s;
}

.search-btn:hover{

    background:#f05d00;
    color:#fff;
}

/* =====================================================
   POPULAR UNITED AIRLINES FLIGHT OPTIONS
===================================================== */

.ua-popular-flight-section {
    width: 100%;
    padding: 18px 0 35px;
    background: #ffffff;
}

.ua-popular-flight-container {
    width: calc(100% - 40px);
    max-width: 1280px;
    margin: 0 auto;
}


/* =====================================================
   HEADER
===================================================== */

.ua-popular-flight-header {
    margin-bottom: 44px;
}

.ua-popular-flight-header h2 {
    margin: 0 0 14px;
    color: #050505;
    font-size: 42px;
    line-height: 1.18;
    font-weight: 400;
}

.ua-popular-flight-header p {
    margin: 0;
    color: #080808;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 400;
}


/* =====================================================
   PRICING NOTICE
===================================================== */

.ua-pricing-area {
    margin-bottom: 11px;
}

.ua-pricing-area h3 {
    margin: 0 0 14px;
    color: #071627;
    font-size: 22px;
    line-height: 1.3;
    font-weight: 700;
}

.ua-pricing-notice {
    width: 100%;
    min-height: 62px;
    display: flex;
    align-items: center;
    padding: 14px 24px;

    border-left: 3px solid #56c4eb;
    border-radius: 0 10px 10px 0;

    background: #f1f6fa;

    color: #042c47;
    font-size: 14px;
    line-height: 1.55;
}


/* =====================================================
   GRID
===================================================== */

.ua-popular-flight-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
}


/* =====================================================
   CARD
===================================================== */

.ua-popular-flight-card {
    min-width: 0;
    padding: 18px 18px 17px;

    background: #f9f9f9;

    border: 1px solid #cce6f7;
    border-radius: 15px;

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}

.ua-popular-flight-card:hover {
    border-color: #9dd4f5;
    box-shadow: 0 8px 24px rgba(20, 66, 95, 0.07);
    transform: translateY(-2px);
}


/* =====================================================
   ROUTE ROW
===================================================== */

.ua-flight-route-row {
    display: grid;
    grid-template-columns: minmax(74px, auto) 1fr minmax(74px, auto);
    align-items: center;
    gap: 10px;
}


/* Airport */

.ua-flight-airport {
    min-width: 0;
}

.ua-flight-airport h4 {
    margin: 0 0 2px;

    color: #000000;

    font-size: 20px;
    line-height: 1.15;
    font-weight: 700;
}

.ua-flight-airport p {
    margin: 0 0 8px;

    color: #101010;

    font-size: 14px;
    line-height: 1.25;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ua-flight-airport span {
    display: block;

    color: #000000;

    font-size: 13px;
    line-height: 1.3;

    white-space: nowrap;
}

.ua-flight-airport-right {
    text-align: right;
}


/* =====================================================
   FLIGHT PATH
===================================================== */

.ua-flight-path {
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: center;
}

.ua-flight-dot {
    width: 7px;
    height: 7px;
    min-width: 7px;

    border-radius: 50%;

    background: #05547c;
}

.ua-flight-path-line {
    flex: 1;
    height: 1px;

    margin: 0 4px;

    border-top: 1px dotted #9f9f9f;
}

.ua-flight-path i {
    margin: 0 3px;

    color: #001d2e;

    font-size: 17px;

    transform: rotate(0deg);
}


/* =====================================================
   CARD FOOTER
===================================================== */

.ua-flight-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;

    margin-top: 14px;
    padding-top: 12px;

    border-top: 1px solid #ededed;
}

.ua-flight-airline {
    min-width: 0;

    color: #000000;

    font-size: 13px;
    line-height: 1.2;
    font-weight: 400;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* =====================================================
   BUTTON
===================================================== */

.ua-compare-flight-btn {
    height: 29px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    padding: 0 16px;

    border-radius: 50px;

    background: #ff3547;

    color: #ffffff !important;

    font-size: 12px;
    line-height: 1;
    font-weight: 500;

    text-decoration: none !important;

    transition:
        background 0.2s ease,
        transform 0.2s ease;
}

.ua-compare-flight-btn:hover {
    background: #e72d3f;
    color: #ffffff;
    transform: translateY(-1px);
}


/* =====================================================
   LARGE DESKTOP
===================================================== */

@media (min-width: 1500px) {

    .ua-popular-flight-container {
        width: calc(100% - 108px);
    }

}


/* =====================================================
   SMALL DESKTOP
===================================================== */

@media (max-width: 1199px) {

    .ua-popular-flight-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 991px) {

    .ua-popular-flight-section {
        padding-top: 25px;
    }

    .ua-popular-flight-container {
        width: calc(100% - 30px);
    }

    .ua-popular-flight-header {
        margin-bottom: 34px;
    }

    .ua-popular-flight-header h2 {
        font-size: 34px;
    }

    .ua-popular-flight-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 767px) {

    .ua-popular-flight-section {
        padding: 22px 0 30px;
    }

    .ua-popular-flight-container {
        width: calc(100% - 24px);
    }

    .ua-popular-flight-header {
        margin-bottom: 28px;
    }

    .ua-popular-flight-header h2 {
        margin-bottom: 10px;

        font-size: 28px;
        line-height: 1.2;
    }

    .ua-popular-flight-header p {
        font-size: 14px;
        line-height: 1.55;
    }

    .ua-pricing-area h3 {
        margin-bottom: 10px;
        font-size: 19px;
    }

    .ua-pricing-notice {
        min-height: auto;

        padding: 13px 15px;

        font-size: 12px;
        line-height: 1.55;
    }

    .ua-popular-flight-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .ua-popular-flight-card {
        padding: 16px;
    }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width: 480px) {

    .ua-popular-flight-container {
        width: calc(100% - 20px);
    }

    .ua-popular-flight-header h2 {
        font-size: 25px;
    }

    .ua-flight-route-row {
        grid-template-columns: minmax(72px, auto) 1fr minmax(72px, auto);
        gap: 6px;
    }

    .ua-flight-airport h4 {
        font-size: 19px;
    }

    .ua-flight-airport p {
        margin-bottom: 7px;
        font-size: 12px;
    }

    .ua-flight-airport span {
        font-size: 11px;
    }

    .ua-flight-path-line {
        margin: 0 3px;
    }

    .ua-flight-path i {
        margin: 0 2px;
        font-size: 15px;
    }

    .ua-flight-card-footer {
        gap: 8px;
    }

    .ua-flight-airline {
        font-size: 11px;
    }

    .ua-compare-flight-btn {
        height: 29px;

        padding: 0 13px;

        font-size: 11px;
    }

}


/* =====================================================
   EXTRA SMALL MOBILE
===================================================== */

@media (max-width: 360px) {

    .ua-popular-flight-card {
        padding: 14px 12px;
    }

    .ua-flight-route-row {
        grid-template-columns: minmax(65px, auto) 1fr minmax(65px, auto);
        gap: 4px;
    }

    .ua-flight-airport h4 {
        font-size: 18px;
    }

    .ua-flight-airport p {
        font-size: 11px;
    }

    .ua-flight-airport span {
        font-size: 10px;
    }

    .ua-flight-path i {
        font-size: 14px;
    }

    .ua-flight-dot {
        width: 6px;
        height: 6px;
        min-width: 6px;
    }

    .ua-flight-airline {
        max-width: 105px;
    }

    .ua-compare-flight-btn {
        padding: 0 11px;
        font-size: 10px;
    }

}



/* =========================================================
   AIRLINE CONTENT PAGE
   Uses existing classes only
========================================================= */

.airline-content-wrapper {
    width: 100%;
    padding: 45px 0 70px;
    background:
        linear-gradient(180deg, #f7f9fc 0%, #ffffff 320px);
}

.airline-content-wrapper .container-lg {
    max-width: 1240px;
}


/* =========================================================
   MAIN CONTENT WRAPPER
========================================================= */

.airline_new_content {
    position: relative;
    width: 100%;
    padding: 42px 46px;
    background: #ffffff;
    border: 1px solid #e8edf2;
    border-radius: 22px;
    box-shadow: 0 18px 45px rgba(18, 38, 63, 0.06);
    color: #303b46;
}


/* =========================================================
   MAIN PAGE TITLE
========================================================= */

.airline_new_content > h1:first-child {
    position: relative;
    margin: 0 0 22px;
    padding-bottom: 20px;

    color: #0a1f33;

    font-size: 30px;
    line-height: 1.18;
    font-weight: 500;
    letter-spacing: -0.7px;
}

.airline_new_content > h1:first-child::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;

    width: 72px;
    height: 4px;

    border-radius: 20px;
    background: #1677b8;
}


/* =========================================================
   FIRST INTRO PARAGRAPHS
========================================================= */

.airline_new_content > h1:first-child + p {
    margin-top: 0;
    color: #354553;
    font-size: 16px;
    line-height: 1.85;
}

.airline_new_content > h1:first-child + p + p {
    margin-top: 16px;
    color: #53616d;
    font-size: 16px;
    line-height: 1.8;
}


/* =========================================================
   SECTION DIVIDER
========================================================= */

.airline_new_content hr {
    display: block;
    width: 100%;
    height: 1px;

    margin: 40px 0 36px;

    border: 0;
    background: linear-gradient(
        90deg,
        #d8e2ea 0%,
        #edf1f4 65%,
        transparent 100%
    );
}


/* =========================================================
   SECTION HEADINGS
========================================================= */

.airline_new_content > h1:not(:first-child) {
    position: relative;

    margin: 0 0 18px;
    padding-left: 18px;

    color: #0b2034;

    font-size: 26px;
    line-height: 1.3;
    font-weight: 500;
    letter-spacing: -0.3px;
}

.airline_new_content > h1:not(:first-child)::before {
    content: "";
    position: absolute;

    left: 0;
    top: 4px;
    bottom: 4px;

    width: 4px;

    border-radius: 10px;
    background: #1692d0;
}


/* =========================================================
   H2
========================================================= */

.airline_new_content h2 {
    position: relative;

    margin: 28px 0 13px;

    color: #12304a;

    font-size: 22px;
    line-height: 1.35;
    font-weight: 500;
}


/* =========================================================
   H3
========================================================= */

.airline_new_content h3 {
    margin: 25px 0 10px;

    color: #184766;

    font-size: 18px;
    line-height: 1.4;
    font-weight: 500;
}


/* =========================================================
   PARAGRAPH
========================================================= */

.airline_new_content p {
    margin: 0 0 15px;

    color: #465461;

    font-size: 15px;
    line-height: 1.8;
    font-weight: 400;
}

.airline_new_content p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   LIST
========================================================= */

.airline_new_content ul {
    list-style: none;

    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 9px 16px;

    margin: 18px 0 22px;
    padding: 0;
}

.airline_new_content ul li {
    position: relative;

    min-height: 44px;

    display: flex;
    align-items: center;

    padding: 10px 13px 10px 36px;

    border: 1px solid #e6edf2;
    border-radius: 10px;

    background: #f9fbfc;

    color: #344552;

    font-size: 14px;
    line-height: 1.5;

    transition:
        border-color 0.2s ease,
        background 0.2s ease,
        transform 0.2s ease;
}

.airline_new_content ul li::before {
    content: "";

    position: absolute;
    left: 14px;

    width: 8px;
    height: 8px;

    border: 2px solid #1785c1;
    border-radius: 50%;

    background: #ffffff;
}

.airline_new_content ul li:hover {
    border-color: #bfddeb;
    background: #f4f9fc;
    transform: translateX(2px);
}


/* =========================================================
   SUBSECTIONS: H3 + P
========================================================= */

.airline_new_content h3 + p {
    padding-left: 15px;
    border-left: 2px solid #dceaf2;
}


/* =========================================================
   H2 CABIN SECTIONS
========================================================= */

.airline_new_content h2 + p {
    margin-top: 0;
}

.airline_new_content h2::after {
    content: "";

    display: block;

    width: 35px;
    height: 2px;

    margin-top: 8px;

    border-radius: 10px;
    background: #7ec3e5;
}


/* =========================================================
   LINKS
========================================================= */

.airline_new_content a {
    color: #087cb6;
    text-decoration: none;
    font-weight: 600;
}

.airline_new_content a:hover {
    color: #055c88;
    text-decoration: underline;
}


/* =========================================================
   STRONG / BOLD
========================================================= */

.airline_new_content strong {
    color: #142b3d;
    font-weight: 700;
}


/* =========================================================
   FAQ AREA
   Works without adding any new class
========================================================= */

.airline_new_content h1 + h3 {
    margin-top: 20px;
}

.airline_new_content h3:not(:first-child) {
    position: relative;
}


/* =========================================================
   DISCLAIMER
   Last section gets softer treatment
========================================================= */

.airline_new_content > h1:last-of-type {
    margin-top: 0;
}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (min-width: 1400px) {

    .airline-content-wrapper .container-lg {
        max-width: 1320px;
    }

    .airline_new_content {
        padding: 48px 54px;
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .airline-content-wrapper {
        padding: 32px 0 50px;
    }

    .airline_new_content {
        padding: 34px 30px;
        border-radius: 18px;
    }

    .airline_new_content > h1:first-child {
        font-size: 34px;
    }

    .airline_new_content > h1:not(:first-child) {
        font-size: 25px;
    }

    .airline_new_content h2 {
        font-size: 21px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .airline-content-wrapper {
        padding: 20px 0 35px;
        background: #f8fafb;
    }

    .airline-content-wrapper .container-lg {
        padding-left: 12px;
        padding-right: 12px;
    }

    .airline_new_content {
        padding: 24px 18px;

        border-radius: 15px;

        box-shadow: 0 8px 25px rgba(18, 38, 63, 0.05);
    }

    .airline_new_content > h1:first-child {
        margin-bottom: 18px;
        padding-bottom: 16px;

        font-size: 29px;
        line-height: 1.25;
        letter-spacing: -0.4px;
    }

    .airline_new_content > h1:first-child::after {
        width: 55px;
        height: 3px;
    }

    .airline_new_content > h1:first-child + p {
        font-size: 15px;
        line-height: 1.75;
    }

    .airline_new_content > h1:first-child + p + p {
        font-size: 14px;
        line-height: 1.75;
    }

    .airline_new_content hr {
        margin: 30px 0 27px;
    }

    .airline_new_content > h1:not(:first-child) {
        padding-left: 14px;

        font-size: 23px;
        line-height: 1.35;
    }

    .airline_new_content > h1:not(:first-child)::before {
        width: 3px;
    }

    .airline_new_content h2 {
        margin-top: 23px;
        font-size: 20px;
    }

    .airline_new_content h3 {
        margin-top: 22px;
        font-size: 17px;
    }

    .airline_new_content p {
        margin-bottom: 13px;

        font-size: 14px;
        line-height: 1.75;
    }

    .airline_new_content ul {
        grid-template-columns: 1fr;
        gap: 8px;

        margin: 15px 0 20px;
    }

    .airline_new_content ul li {
        min-height: 42px;

        padding: 9px 11px 9px 34px;

        font-size: 13px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .airline-content-wrapper .container-lg {
        padding-left: 10px;
        padding-right: 10px;
    }

    .airline_new_content {
        padding: 21px 15px;
        border-radius: 13px;
    }

    .airline_new_content > h1:first-child {
        font-size: 26px;
    }

    .airline_new_content > h1:not(:first-child) {
        font-size: 21px;
    }

    .airline_new_content h2 {
        font-size: 19px;
    }

    .airline_new_content h3 {
        font-size: 16px;
    }

    .airline_new_content p {
        font-size: 13.5px;
    }

    .airline_new_content ul li {
        font-size: 13px;
    }

}