.get-wrapper,.tps-wrapper{
    text-align:center
}
.upper-banner{
    background-image:url(https://faresfirstclass.com/assets/img/sea-1.jpg);
    width:100%;
    background-repeat:no-repeat;
    background-size:cover;
    padding:94px 0 73px
}

.upper-bannera{
    /*background-image:url(https://faresfirstclass.com/assets/img/sea-1.jpg);*/
    width:100%;
    background-repeat:no-repeat;
    background-size:cover;
    padding:94px 0 73px
}
.bsd-one-wrapper p,.first-wrapper,h2.prices-wrapper-one{
    color:#fff
}
.tst-wrapper{
    font-size:19px;
    font-weight:inherit;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:0
}
.price-z-wrapper{
    font-size:30px;
    font-weight:600
}
.gur-wrapper{
    color:#c9282e;
    padding:0;
    display:inline-block
}
.first-wrapper{
    color:#fff;
    /*margin-top:51px*/
}
.flight-wrapper{
    background-color:#000;
    width:fit-content;
    margin-top:30px;
    padding:14px 10px 1px;
    border-radius:8px;
    border:1px solid #c9282e
}
.ring-wrapper{
    height:40px;
    background-color:#fff;
    margin-top:-8px;
    border-radius:4px
}
span.one-wrapper{
    color:#c9282e;
    font-weight:700
}
span.ust-wrapper{
    color:#c9282e;
    font-weight:bolder
}
.fs-book-wrapper h2,.ysd-wrapper{
    font-weight:600
}
.ysd-wrapper{
    font-size:23px
}
.flight-wrapper-ten{
    background-color:#fff;
    padding:12px 40px 12px;
    border-radius:6px
}
.round-ten-wrapper{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:26px
}
select.form-select{
    border:none
}
select.form-select:hover{
    background-color:#ccc
}
.input-group-append{
    cursor:pointer
}
button.btn-search-wrapper{
    background-color:#c9282e;
    border:none;
    color:#fff;
    font-size:20px;
    padding:12px 36px;
    border-radius:5px
}
button.btn-call-k-wrapper{
    background-color:#c9282e;
    border:none;
    color:#fff;
    font-size:20px;
    padding:12px 0;
    border-radius:5px
}
button.btn-call-k-wrapper i{
    margin-left:16px;
    border-right:2px solid #fff;
    padding:0 10px
}
span.mst-wrapper{
    padding:0 90px
}
.flight-wrapper-ten i#\31 st{
    position:absolute;
    margin-left:11px;
    margin-top:18px;
    color:#232020
}
.flight-wrapper-ten .form-control{
    padding:.9rem 1.99rem!important
}
i#sd1{
    position:absolute;
    padding-left:10px;
    margin-top:10px
}
.flight-wrapper-ten .form-select{
    padding:.375rem 3.25rem .375rem 1.9rem!important
}
.support-wrapper{
    display:flex;
    align-items:flex-start;
    padding:0;
    border-radius:5px;
    justify-content:space-between;
    flex-wrap:wrap
}
.support-one{
    display:flex;
    align-items:center;
    gap:14px;
    justify-content:center
}
.support-two-image img{
    height:40px
}
section.Confidence-wrapper{
    padding:100px 0 71px;
    width:100%;
    background-size:cover;
    margin-top:40px;
    background-color:#ffb4c480
}
.support-three-text b{
    font-size:14px;
    color:#fff;
    font-weight:600
}
.Countries-full-wrapper{
    display:flex;
    align-items:center;
    background-color:#fff3f3;
    border-radius:5px;
    gap:14px;
    overflow:hidden
}
.tps-wrapper h2,section.faq-wrapper{
    margin-top:50px;
    margin-bottom:50px
}
section.Countries-wrapper{
    padding-bottom:66px
}
.Countries-image img{
    width:100%;
    height:100%;
    object-fit:cover
}
.Countries-image{
    width:210px;
    height:100px
}
.cst-one{
    color:#b81727;
    font-weight:500;
    margin-bottom:0
}
.pc-up-wrapper{
    margin-top:30px
}
button.desd-wrapper{
    background-color:#c9282e;
    border:none;
    color:#fff;
    padding:6px 25px;
    border-radius:26px
}
.get-wrapper{
    margin-top:55px
}
.faq-wrapper h2.heading.text-center{
    margin-bottom:26px
}
.test-wrapper{
    margin-top:50px
}
.test-wrapper h2{
    margin-bottom:25px
}
.test-wrapper .inner-slider{
    flex-direction:column;
    align-items:revert
}
.test-wrapper button.slick-next,.test-wrapper button.slick-prev{
    display:none!important
}
.icon-wrapper-one img{
    height:60px;
    background-color:#fff;
    padding:8px;
    border-radius:10px
}
.Unpublished-wrapper{
    text-align:center;
    border-radius:5px;
    background-color:#ffb4c429;
    margin-top:31px
}
.unp-text h4{
    margin-top:20px
}
.fares-wrapper{
    margin-top:50px!important;
    margin-bottom:37px
}
p.bh-wrapper{
    color:#fffdfd;
    font-weight:500
}
.holiday-one-wrapper{
    display:flex;
    gap:16px
}
p.resort-wrapper{
    color:#fff;
    margin-top:30px
}
.holiday-text-wrapper{
    background-color:#6c757d;
    padding:49px 50px 0;
    border-radius:20px 10px 10px 20px
}
.new-logo-ooe.slick-slide{
    margin:0 12px
}
.fares-wrapper h2.heading.text-center{
    margin-bottom:30PX
}
.fares-wrapper button.slick-prev{
    position:absolute;
    content:"";
    top:50%;
    left:0;
    -ms-transform:translate(-50%,-50%);
    transform:translate(-118%,-50%)
}
.fares-wrapper button.slick-next{
    position:absolute;
    content:"";
    top:50%;
    right:0;
    -ms-transform:translate(-50%,-50%);
    transform:translate(117%,-50%);
    margin-left:15px
}
.fares-wrapper .slick-list.draggable{
    margin-bottom:18px!important
}
a.white-text:hover{
    background-color:#fff;
    color:#000!important
}
@media (max-width:575px){
    .btn-call-k-wrapper,.flight-wrapper,.holiday-text-wrapper img{
        width:100%!important
    }
    .flight-wrapper{
        margin-top:27px!important;
        margin-bottom:28px!important
    }
    .round-ten-wrapper{
        display:grid;
        grid-template-columns:repeat(1,1fr)!important;
        gap:26px
    }
    /*.gst-one-wrapper{*/
    /*    margin-bottom:22px*/
    /*}*/
    .mst-wrapper{
        padding:0 66px!important
    }
    .btn-call-k-wrapper{
        margin-top:18px
    }
    .ysd-wrapper{
        font-size:20px!important
    }
    .support-wrapper{
        display:grid;
        grid-template-columns:repeat(2,1fr)!important;
        justify-content:start;
        text-align:center
    }
    .Countries-full-wrapper{
        margin-bottom:27px
    }
    .pc-up-wrapper{
        margin-top:0!important
    }
    .support-one{
        align-items:center!important;
        justify-content:start!important;
        flex-direction:column!important;
        display:block!important;
        align-items:center;
        gap:14px;
        justify-content:start;
        margin-bottom:30px!important;
        flex-direction:column!important
    }
    .holiday-text-wrapper{
        background-color:#454545;
        padding:16px 20px 25px!important;
        border-radius:20px 10px 10px 20px;
        margin-bottom:20px!important
    }
    .holiday-image-wrapper img{
        height:auto!important;
        width:100%!important;
        background-size:contain!important
    }
    .holiday-one-wrapper{
        flex-direction:column!important
    }
}
@media (min-width:576px) and (max-width:767px){
    .flight-wrapper{
        width:100%!important;
        margin-top:27px!important;
        margin-bottom:28px!important
    }
    .round-ten-wrapper{
        display:grid;
        grid-template-columns:repeat(1,1fr)!important;
        gap:26px
    }
    .gst-one-wrapper{
        margin-bottom:22px
    }
    .mst-wrapper{
        padding:0 66px!important
    }
    .btn-call-k-wrapper{
        margin-top:18px;
        width:100%!important
    }
    .ysd-wrapper{
        font-size:34px!important
    }
    .price-z-wrapper{
        font-size:46px!important
    }
    .fds-wrapper{
        font-size:26px!important
    }
    .support-wrapper{
        display:grid;
        grid-template-columns:repeat(2,1fr)!important
    }
    .Countries-full-wrapper{
        margin-bottom:27px
    }
    .pc-up-wrapper{
        margin-top:0!important
    }
    .support-one{
        align-items:center!important;
        justify-content:start!important;
        flex-direction:column!important;
        display:block!important;
        align-items:center;
        gap:14px;
        justify-content:start;
        margin-bottom:30px!important;
        flex-direction:column!important
    }
    .holiday-text-wrapper{
        background-color:#454545;
        padding:16px 20px 25px!important;
        border-radius:20px 10px 10px 20px;
        margin-bottom:20px!important
    }
    .holiday-image-wrapper img{
        height:auto!important;
        width:100%!important;
        background-size:contain!important
    }
    .holiday-one-wrapper{
        flex-direction:column!important
    }
}
@media (min-width:768px) and (max-width:991px){
    .Countries-full-wrapper{
        margin-bottom:26px
    }
    .flight-wrapper{
        width:48%!important;
        margin-bottom:28px!important
    }
    .price-z-wrapper{
        font-size:31px!important
    }
    .support-one{
        justify-content:flex-start!important
    }
    .support-wrapper{
        grid-template-columns:repeat(2,1fr)!important
    }
    .holiday-text-wrapper img{
        width:100%!important
    }
    .holiday-one-wrapper{
        flex-direction:column!important
    }
    .round-ten-wrapper{
        grid-template-columns:repeat(1,1fr)!important
    }
    .gst-one-wrapper{
        margin-bottom:18px!important
    }
}
@media (min-width:992px) and (max-width:1199px){
    .flight-wrapper{
        width:80%!important
    }
    .price-z-wrapper{
        font-size:42px!important
    }
    .support-one{
        justify-content:flex-start!important
    }
    .support-wrapper{
        grid-template-columns:repeat(2,1fr)!important
    }
    .holiday-text-wrapper img{
        width:100%!important
    }
    .holiday-one-wrapper{
        flex-direction:column!important
    }
    a.navbar-brand img{
        height:32px!important
    }
    li.nav-item a{
        padding-inline:10px!important
    }
    .navbar-expand-lg .navbar-collapse{
        margin-left:-138px!important
    }
}
@media only screen and (max-width:1500px){
    .round-two.d-flex span{
        font-size:13px!important
    }
    .round-ten-wrapper{
        gap:5px!important
    }
    .flight-wrapper-ten{
        padding:11px
    }
    .flight-wrapper-ten .form-control{
        padding:11px 9px 12px 30px!important;
        font-size:13px
    }
    .flight-wrapper-ten .row i{
        margin-top:16px!important;
        font-size:12px
    }
    .flight-wrapper-ten .form-select{
        padding:.375rem 1rem .375rem .9rem!important;
        font-size:13px
    }
    button.btn-search-wrapper{
        font-size:15px!important;
        padding:9px 25px!important
    }
    .round-ten-wrapper i{
        font-size:12px;
        margin-left:-11px!important
    }
}
.main-city p.cst-two{
    font-size:15px;
    margin:0;
    color:#000;
    text-align:left!important
}
.round-two .form-select{
    background-image:none!important;
    padding-right:0!important;
    border:none!important
}


/*#toautocomplete-list,#whereautocomplete-list{*/
/*    background:#fbfbfb;*/
/*    border-top-left-radius:0;*/
/*    border-bottom-left-radius:0;*/
/*    max-height:300px;*/
/*    height:auto;*/
/*    overflow-x:scroll;*/
/*    border:1px solid #ced4da*/
/*}*/
/*#toautocomplete-list div,#whereautocomplete-list div{*/
/*    border-bottom:1px solid #d3d3d3;*/
/*    padding:8px 11px;*/
/*    margin:-1px 0;*/
/*    font-size:13px;*/
/*    cursor:pointer;*/
/*    transition:.3s linear*/
/*}*/
/*#toautocomplete-list div:hover,#whereautocomplete-list div:hover{*/
/*    color:#000*/
/*}*/


a.navbar-brand img{
    height:38px!important
}
.round-two .form-select::placeholder{
    color:#212529
}
input[type=number]{
    border:2px solid red!important;
    border-radius:5px;
    padding:8px;
    width:100%;
    font-size:16px;
    background-color:#fff;
    color:#000;
    -moz-appearance:textfield
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
    opacity:1;
    display:inline-block
}
.round-two.d-flex input.form-select{
    padding-left:2px!important;
    width:45px
}
.round-two.d-flex span{
    display:flex;
    gap:6px;
    align-items:baseline;
    color:#212529
}
ol.breadcrumb.mt-3.justify-content{
    padding:0!important;
    margin:5px 0!important
}
.Unpublished-wrapper{
    padding:20px 15px!important
}
/*.inner-firstclass.text-center h3{*/
/*    position:absolute;*/
/*    bottom:11%;*/
/*    color:#fff;*/
/*    z-index:8;*/
/*    font-weight:400;*/
/*    padding:0 10px*/
/*}*/

.inner-firstclass h3 {
    position: absolute;
    bottom: 11%;                   /* distance from bottom */
    left: 50%;                     /* move to horizontal center */
    transform: translateX(-50%);   /* adjust back by 50% */
    color: #fff;
    z-index: 8;
    font-weight: 400;
    /*padding: 0 10px;*/
    /*text-align: center;         */
}


/* AUTOCOMPLETE LIST CONTAINERS */
#toautocomplete-list,
#whereautocomplete-list {
    background: #fbfbfb;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    max-height: 300px;
    height: auto;

    /* CHANGED ↓ */
    overflow-y: auto;       /* was overflow-x: scroll */
    /* NEW ↓ */
    position: absolute;     /* take out of normal flow */
    top: 100%;              /* directly below input */
    left: 0;
    right: 0;
    z-index: 9999;          /* make sure it appears on top */
    box-shadow: 0 2px 6px rgba(0,0,0,0.1); /* subtle dropdown shadow */

    border: 1px solid #ced4da;
}

/* AUTOCOMPLETE LIST ITEMS */
#toautocomplete-list div,
#whereautocomplete-list div {
    border-bottom: 1px solid #d3d3d3;
    padding: 8px 11px;
    margin: -1px 0;
    font-size: 13px;
    cursor: pointer;
    transition: background .3s linear; /* slightly improved */
}

/* HOVER EFFECT */
#toautocomplete-list div:hover,
#whereautocomplete-list div:hover {
    background: #f1f1f1; /* NEW: highlight on hover */
    color: #000;
}

/* NEW: wrapper ensures dropdown is aligned with input */
.input-wrapper {
    position: relative;
    width: 100%;
}






/* 🔥 NEW styles for passenger selection */
.round-two .passenger-select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
}

.round-two .passenger-select label {
    font-size: 13px;
    color: #212529;
    margin: 0;
}

.round-two .passenger-select input {
    width: 45px;                 /* match your old width */
    text-align: center;
    border: none !important;     /* keep consistent with .form-select */
    background-image: none !important;
}







.passenger-toggle {
  cursor: pointer;
  padding: 6px 0;
  color: #212529;
  /*font-weight: 500;*/
}

.passenger-dropdown {
  display: none;
  position: absolute;   /* float instead of pushing layout */
  top: 100%;            /* show right below the toggle */
  left: 0;
  width: 100%;          /* same width as parent */
  margin-top: 6px;
  background: #fbfbfb;
  border: 1px solid #ced4da;
  border-radius: 6px;
  padding: 8px;
  z-index: 999;         /* stay above other form fields */
}

.passenger-dropdown.active {
  display: block;
}

.passenger-select {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.passenger-select label {
  font-size: 13px;
  color: #212529;
  margin: 0;
}

.counter {
  display: flex;
  align-items: center;
  gap: 8px;
}

.counter button {
  width: 28px;
  height: 28px;
  border: 1px solid #ced4da;
  background: #fff;
  border-radius: 50%;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
}

.counter span {
  min-width: 20px;
  text-align: center;
  font-weight: 500;
}


.round-two {
  position: relative; /* anchor for absolute dropdown */
}


@media (max-width: 768px) {

.heading-shadow {
    background: rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    padding: 18px 22px;
    border-radius: 12px;
}

}

/*@media (min-width: 768px) {*/
/*.heading-shadow {*/
/*    position: relative;*/
/*    padding: 18px 22px;  */
/*    z-index: 1;*/
/*}*/

/*.heading-shadow::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*   top: 77px;*/
/*    bottom: 90px; */
/*    right: 200px !important;*/
/*    left: 0;*/
/*    right: 0;*/
/*    background: rgba(0, 0, 0, 0.25);*/
/*    backdrop-filter: blur(6px);*/
/*    -webkit-backdrop-filter: blur(6px);*/
/*    border-radius: 12px;*/
/*    z-index: -1;*/
/*}*/
/*}*/


@media (min-width: 768px) {
 .heading-shadow {
    background: rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    padding: 18px 22px;
    border-radius: 12px;
     max-width: 75%;
}

}

@media (max-width: 767px) {
.top-bar.bg-red.py-3 {
    padding-block: 9px !important;
    display: none !important;
}
.passenger-toggle {
    cursor: pointer;
    padding: 6px 0;
    color: #212529;
    font-weight: normal;
    font-size: 13px;
    padding-left: 10px;
}
    
}

@media only screen and (max-width: 500px) {
    body header .navbar {
        margin-top: 0px !important;
       
    }
}

@media only screen and (max-width: 500px) {
    a.navbar-brand img {
        width: 112px !important;
    }
}