/*.desktop-main-links ul li > ul{*/
/*    top:150px;*/
/*}*/
.promo-code-form {
    width: 100%;
}

.desktop-account-signup ul li:nth-child(2) a span {
    display: flex;
    align-items: center;
}

.desktop-account-signup ul li:nth-child(2) a span:first-child {
    margin-right: 8px;
    padding-right: 8px;
    border-right: 1px solid lightgray;
}

.desktop-country-invisible {
    display: block;
    padding: 35px 30px 30px;
    max-width: 350px;
    right: 0;
}


.header-language-location-select {
    width: 100%;
    /* padding-bottom: 20px; */
    padding-top: 20px;
    margin-top: 18px;
    border-top: 1px solid rgba(0, 80, 158, 0.1);
}

.header-language-location-select .float-group {
    width: 100%;
    padding-bottom: 20px;
}

.destination-carousel-caption {
    z-index: 1 !important;
}

.header-language-location-select .float-group-icon {
    flex-wrap: wrap;
}

.header-language-location-select .float-group-first input,
.header-language-location-select .float-group-second input {
    border-right: .1em solid #b0b0b0 !important;
    border-radius: 0.5em !important;
    padding: 10px !important;
    min-height:60px;
    font-size: 15px !important;
}
.header-language-location-select .float-group select {
    border: .1em solid #b0b0b0 !important;
    border-radius: 0.5em !important;
    padding: 10px !important;
    min-height:60px;
}
.header-language-location-select .hide-float-group-language .float-group-lists li {
    padding: 0 !important;
}

.header-language-location-select .float-group label {
    width: 100%;
    padding-bottom: 5px;
}

.header-language-location-select .float-group select {
    width: 100%;
    border: .1em solid #b0b0b0;
    border-radius: 0.5em;
    padding: 10px;
    margin-bottom: 10px;
}
.desktop-country-invisible .submit-form-button button{
    padding: 1rem !important;
    font-size: 16px !important;
    border-radius: 0.4rem !important;
    margin-top: 12px;
}

.header-language-location-select .float-group select span {
    padding-left: 5px;
}

.country-lists-invisible i {
    top: -20px;
}

.header-language-location-button {
    width: 100%;
}

.float-group-country h5 {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 10px;
}

.float-group-country h5 img {
    margin: unset;
    width: 20px;
}

.desktop-country-invisible {
    display: none;
}

.subscribe-newsletter-wrap {
    display: block;
    padding: 40px 0px 0px 0px;
}

.subscribe-newsletter-wrap h4 {
    font-size: 24px;
    font-weight: 700;
}

.subscribe-newsletter-wrap form {
    padding: 10px 0 0 0;
}

.subscribe-newsletter-wrap p {
    font-weight: 400;
}

.subscribe-newsletter-wrap form .newsletter-input input {
    padding: 18px 15px;
}

.subscribe-newsletter-wrap form .newsletter-input button {
    right: 12px;
    top: 10px;
}

.mobile-logo-wrapper img {
    height: 100%;
}

.newsletter-wrapper {
    padding: 0 0 4rem;
    background: #fff;
    float: left;
    width: 100%;
}

.newsletter {
    display: flex;
    align-items: center;
    justify-content: center;
    /*gap: 40px;*/
    background: #FCFCFD;
    border-radius: 10px;
    /*box-shadow: 0 4px 12px rgba(0,0,0,0.08);*/
    border: #C4C4C4 1px solid;
    overflow: hidden;
    padding: 0px;
    width: 100%;
}

.newsletter figure {
    flex: 1;
    min-width: 280px;
    margin: 0;
}

.newsletter figure img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    display: block;
}

.newsletter-content {
    flex: 1;
    min-width: 300px;
    padding: 40px;
}

.newsletter-content h2 {
    font-size: 1.8rem;
    margin-bottom: 15px;
    font-weight: 700;
    color: #000;
}

.newsletter-content p {
    font-size: 1rem;
    color: #555;
    margin-bottom: 25px;
    line-height: 1.6;
}

.newsletter-content form {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 6px;
    /* overflow: hidden; */
    max-width: 500px;
    position: relative;
}
.newsletter-content form #emailError{
    position: absolute;
    top: -22px;
}
.newsletter-content form .search-input input:focus+span, .newsletter-content form input:not(:placeholder-shown)+span{
    transform: unset!important;
}
.newsletter-content input[type="email"] {
    flex: 1;
    padding: 12px 15px;
    border: none;
    outline: none;
    font-size: 1rem;
}
.subscribe-modal-wrapper .iti{
    width: 100%;
}

.newsletter-content button {
    background: #28a745;
    color: #fff;
    border: none;
    padding: 12px 20px;
    cursor: pointer;
    font-size: 1rem;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: background 0.3s ease;
}

.newsletter-content button:hover {
    background: #218838;
}

.newsletter-content button img {
    width: 16px;
    height: 16px;
}

.subscribe-modal-wrapper {
    position: fixed;
    background: rgb(0 0 0 / 51%);
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    z-index: 1234;
    overflow: hidden;
    display: none;
}

.subscribe-modal-wrapper.active {
    display: block;
}

.subscribe-modal {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    max-width: 800px;
    width: 95%;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
    animation: fadeIn 0.3s ease;
    margin: 8rem auto;
}

.subscribe-modal img {
    width: 50%;
    object-fit: cover;
}

.subscribe-modal .modal-content {
    flex: 1;
    padding: 30px;
    position: relative;
    border: none;
}

/* Close Button */
.subscribe-modal .close-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    background: none !important;
    border: none;
    font-size: 22px !important;
    cursor: pointer;
    color: #333 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.subscribe-modal .modal-content h2 {
    margin-bottom: 10px;
    font-size: 1.1rem;
    color: #393939;
}

.subscribe-modal .modal-content p {
    font-size: 0.9rem;
    color: #555;
    margin-bottom: 15px;
}

.subscribe-modal .modal-content form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.subscribe-modal .modal-content input,
.subscribe-modal .modal-content select {
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 0.95rem;
    outline: none;
    width: 100%;
    color: #666;
}

.subscribe-modal .modal-content label {
    font-size: 0.85rem;
    color: #444;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.subscribe-modal .modal-content label input {
    position: unset;
    opacity: 1;
    width: 25px;
}

.subscribe-modal .modal-content button {
    margin-top: 10px;
    padding: 12px;
    background: #00509E;
    color: #fff;
    font-size: 1rem;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    transition: background 0.3s;
}

.subscribe-modal .modal-content button:hover {
    background: #003f99;
}
.bx-wrapper .bx-pager{
    text-align: center!important;
}
/* Animation */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive */
@media (max-width: 768px) {
    .subscribe-modal {
        flex-direction: column;
        max-width: 92%;
        margin:2em auto;
        max-height: calc(100vh - 5em);
        overflow: auto;
        height: 100%;
    }

    .subscribe-modal img {
        width: 100%;
        height: 200px;
    }
    .subscribe-modal .modal-content{
        padding:25px;
    }
    .subscribe-modal .modal-content button{
        top: 5px !important;
    right: 5px !important;
    }
}

.privacy_content h3 {
    margin-bottom: 12px !important;
    padding-top: 12px !important;
}

.privacy_content p {
    padding: 0 0 15px 0 !important;
}
.tablet-image{
        display: none;
    }
.bx-wrapper figure.mobile-image{
    display: none;
}
/* .home-slider-wrapper .bx-wrapper .bx-controls-direction{
    display: none;
} */
.mobile-right-elements #toggle+label{
    display: flex!important;
}

.dont-miss-offer-column2 ul li:last-child a{
    height: 100% !important;
}







@media handheld, only screen and (max-width: 1370px) {
    .home-slider-wrapper .bx-wrapper .bx-pager, .home-slider-wrapper .bx-wrapper .bx-controls-auto{
        bottom:9rem!important;
    }
}
@media handheld, only screen and (max-width: 1200px) {
    .desktop-main-links ul li a {
        padding: 29px 10px 14px 10px;
        font-size: 15px;
    }
}

@media handheld, only screen and (max-width: 1024px) {
    .submit-form-button button {
        padding: 21px 4px;
    }

    .tablet-image{
        display: block;
    }
    .home-slider-wrapper .bx-wrapper .bx-pager, .home-slider-wrapper .bx-wrapper .bx-controls-auto{
        bottom:5rem!important;
    }

    .home-slider-wrapper .bx-wrapper .desktop-image{
        display: none!important;
    }
    .privacy_content h3 {
        margin-bottom: 8px !important;
        padding-top: 10px !important;
    }

    .desktop-account-signup ul li:nth-child(1) a {
        border: none !important;
    }

    .desktop-account-signup ul li:nth-child(2) a figure img {
        width: 17px !important;
        height: 17px !important;
        border-radius: 50% !important;
        margin-right: 2px;
    }

    .desktop-account-signup ul li:nth-child(2) a span.flag_sections {
        padding: 0 !important;
        margin: 0 !important;
    }

    .cookies-page .container-rigid {
        padding: 0 !important;
    }

    .cookies-page .no-banner-style {
        height: 120px;
    }

    .cookies-page .no-banner-style figure {
        height: 100%;
    }

    .cookies-page .no-banner-style figure img {
        height: 100%;
        object-fit: cover;
    }

    .privacy_content p {
        padding-bottom: 10px !important;
    }

    .policies-content {
        padding-top: 30px;
    }

    .desktop-main-links {
        padding: 0;
        width: 100%;
        max-height: calc(100vh - 120px);
        overflow: auto;
    }

    .desktop-main-links ul li a.question-link {
        padding: 20px;
    }

    .desktop-account-signup ul {
        padding: 20px 10px 0 0;
    }

    .desktop-main-links ul li > ul {
        /*top:134px;*/
        width: 100%;
        padding: 0 10px;
    }

    .desktop-main-links ul li a {
        padding: 22px 10px 14px 10px;
        font-size: 16px;
    }

    .home-form-wrapper {
        padding: 0 20px;
    }

}

@media handheld, only screen and (max-width: 960px) {
    .subscribe-newsletter-wrap {
        display: block;
        padding: 10px 0 10px;
    }

    .subscribe-newsletter-wrap p {
        padding: 5px 0;
    }

    .subscribe-newsletter-wrap h4 {
        font-size: 18px;
        font-weight: 600;
    }

    .subscribe-newsletter-wrap form .newsletter-input input {
        padding: 15px;
    }
    .home-slider-wrapper .bx-wrapper img, .bx-wrapper figure.mobile-image img{
        display: block!important;
    }
    .home-form-wrapper{
        margin: 0 !important;
    }
    .home-slider-wrapper .bx-wrapper .bx-pager, .home-slider-wrapper .bx-wrapper .bx-controls-auto{
        bottom: 1rem !important;
    }
}

@media handheld, only screen and (max-width: 768px) {
    .desktop-main-links {
        width: 100%;
        padding: 0;
    }

    .desktop-main-links ul li > ul {
        position: relative;
        width: 100%;
        top: 0;
    }
}

/* Responsive */
@media (max-width: 768px) {
    .newsletter {
        flex-direction: column;
        text-align: center;
        padding: 0px;
    }

    .newsletter figure {
        width: 100%;
    }

    .newsletter-content {
        padding: 20px;
    }

    .newsletter-content form {
        flex-direction: column;
        width:100%;
        max-width: 100%;
        border: none;
    }

    .newsletter-content input[type="email"] {
        width: 100%;
        border: 1px solid #ddd;
        margin-bottom: 15px;
        border-radius: 5px;
    }

    .newsletter-content button {
        width: 100%;
        justify-content: center;
        border-radius: 5px;
    }

    .newsletter-content button img {
        margin: unset;
    }

    .newsletter-content h2 {
        font-size: 1.2rem;
        margin-bottom: 8px;
    }

    .newsletter-content p {
        font-size: 0.9rem;
        margin-bottom: 15px;
    }

    .newsletter-wrapper {
        padding: 0 0 10px;
    }
}

@media handheld, only screen and (max-width: 600px) {
    .home-news-snip-wrapper ul li {
        display: block;
        display: flex;
        flex-direction: column;
    }
        .dont-miss-offer-column2 ul {
        grid-template-columns: 1fr 1fr !important;
    }
    .home-news-content {
        width: 100%;
        order: 2;
    }
    .bx-wrapper figure.mobile-image{
        display: block;
    }
    .bx-wrapper figure.tablet-image{
        display: none;
    }
    .desktop-country-invisible{
        max-width: 100%!important;
    }
}


.dreammiles-header-wrapper {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
}

.dreammiles-header-logos {
    display: flex;
    align-items: center;
}

.dreammiles-header-logos li:nth-child(1) {
    padding-right: 10px;
    border-right: 2px #DFDFDF solid;
    max-width: 180px;
}

.dreammiles-header-logos li:nth-child(2) {
    padding-left: 10px;
    max-width: 200px;
}

.dreammiles-header-login {
    display: flex;
}

.dreammiles-header-login li {
    padding-left: 20px;
}

.dreammiles-header-login li a {
    background: white;
    border: #00509e 1px solid;
    color: #00509e;
    padding: 8px 25px;
    border-radius: 5px;
}

.dreammiles-header-login li a:hover {
    background: #00509e;
    color: white;
}

.dreammiles-header-login li:nth-child(1) a {
    color: white;
    background: #00509e;
}

.dreammiles-header-login li:nth-child(1) a:hover {
    color: #00509e;
    background: white;
}

.home-plan-trip-wrapper ul {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
}

.home-plan-trip-wrapper ul li {
    width: 100%;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
}

.home-plan-trip-wrapper ul li a {
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    height: 100%;
    justify-content: center;
}

.home-plan-trip-wrapper ul li a p {
    padding: 0;
    text-align: center;
}

.home-plan-trip-wrapper ul li a .plan-trip-caption {
    padding: 0;
    justify-content: center;
}

.home-plan-trip-wrapper ul li a figure img {
    width: 50px;
}

.home-plan-trip-wrapper h3 {
    font-size: 28px;
    font-weight: 700;
    padding: 10px 0 10px 0;
}

.home-stopover-wrapper h2 {
    color: #006699;
    font-size: 28px;
    margin-bottom: 20px;
    font-weight: 600;
}

.home-stopover-wrapper .slider-wrapper {
    position: relative;
}

.home-stopover-wrapper.bx-wrapper {
    margin-bottom: 0 !important;
}

.home-stopover-wrapper .slide-card {
    background: white;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    margin: 0 0 30px;
    transition: transform 0.3s ease;
}

.home-stopover-wrapper .slide-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.home-stopover-wrapper .slide-image {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.home-stopover-wrapper .slide-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-stopover-wrapper .price-amount {
    font-size: 24px;
    color: #006699;
    line-height: 1;
}

.home-stopover-wrapper .price-label {
    font-size: 10px;
    color: #fff;
    background: #006699;
    padding: 2px 8px;
    border-radius: 10px;
    margin-top: 2px;
}

.home-stopover-wrapper .slide-content {
    padding: 20px;
}

.home-stopover-wrapper .slide-title {
    font-size: 20px;
    color: #333;
    margin-bottom: 15px;
    font-weight: 600;
    min-height: 50px;
}

.home-stopover-wrapper .slide-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.home-stopover-wrapper .price-info {
    color: #666;
}

.home-stopover-wrapper .from-label {
    font-size: 13px;
    color: #999;
}

.home-stopover-wrapper .price {
    font-size: 24px;
    color: #006699;
    font-weight: bold;
}

.home-stopover-wrapper .per-person {
    font-size: 12px;
    color: #999;
}

.home-stopover-wrapper .book-btn {
    background: transparent;
    color: #006699;
    border: none;
    padding: 8px 0;
    font-size: 14px;
    cursor: pointer;
    text-decoration: none;
    font-weight: 600;
}

.home-stopover-wrapper .book-btn:hover {
    text-decoration: underline;
}

.home-stopover-wrapper .bx-wrapper .bx-controls-direction a {
    width: 40px;
    height: 40px;
    background: white;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    margin-top: -20px;
}

.home-stopover-wrapper .bx-wrapper .bx-prev {
    left: -20px;
}

.home-stopover-wrapper .bx-wrapper .bx-next {
    right: -20px;
}

.home-stopover-wrapper .bx-wrapper .bx-prev:before,
.home-stopover-wrapper .bx-wrapper .bx-next:before {
    content: '';
    border: solid #006699;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
}

.home-stopover-wrapper .bx-wrapper .bx-prev:before {
    transform: translate(-30%, -50%) rotate(135deg);
}

.home-stopover-wrapper .bx-wrapper .bx-next:before {
    transform: translate(-70%, -50%) rotate(-45deg);
}

/* Custom pager */
.home-stopover-wrapper .bx-wrapper .bx-pager {
    padding-top: 30px;
}

.home-stopover-wrapper .bx-wrapper .bx-pager.bx-default-pager a {
    background: #ccc;
    width: 10px;
    height: 10px;
}

.home-stopover-wrapper .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #006699;
}

.home-stopover-wrapper {
    width: 100%;
    float: left;
}

.desktop-create-row {
    padding: 1.5em 0 1em;
    margin: 30px 0 0 0;
    flex-wrap: wrap;
}
.desktop-create-row p{
    padding: 0 25px 10px 25px!important;
}

.dreammiles-login figure {
    padding: 2em 0 0;
}

.newsletter-wrapper {
    padding: 3rem 0;
}

.home-news-snip-wrapper {
    padding: 3em 0 1em;
}

.special-needs-assistance-col p {
    font-size: 15px;
    line-height: 24px;
}

.special-needs-assistance h3 {
    font-size: 20px;
    font-family: "Lato";
}

.special-needs-assistance-pic img {
    width: 60px;
}

.special-needs-assistance-title {
    padding: 2em 0 1em;
}

.special-needs-assistance-title h2 {
    font-size: 28px;
    font-weight: 600;
}

.policies-wrapper p {
    line-height: 26px;
}

.desktop-search-invisible {
    padding: 40px 30px 30px !important;
}


/* Modal Close Buttons - Position in Top Right Corner */
.feedback-buttons-modal .modal-header {
    position: relative !important;
    padding: 15px 20px !important;
    border: none !important;
    min-height: 50px !important;
}

.feedback-buttons-modal .modal-header button,
.feedback-buttons-modal .modal-header .close-modal,
.feedback-survey-modal .modal-header button,
.raise-concern-modal .modal-header button,
.subscribe-modal .close-btn,
button#close_feedback_form,
button#close_concerns,
button#close_contact_us {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    background: none !important;
    border: none !important;
    font-size: 24px !important;
    cursor: pointer !important;
    z-index: 1000 !important;
    padding: 5px 10px !important;
    color: #333 !important;
    line-height: 1 !important;
    float: none !important;
}

.feedback-buttons-modal .modal-header button:hover,
.feedback-survey-modal .modal-header button:hover,
.raise-concern-modal .modal-header button:hover,
button#close_feedback_form:hover,
button#close_concerns:hover,
button#close_contact_us:hover {
    color: #000 !important;
    opacity: 0.8 !important;
}

.feedback-buttons-modal .modal-header button i,
.feedback-survey-modal .modal-header button i,
.raise-concern-modal .modal-header button i {
    font-size: 18px !important;
    line-height: 1 !important;
}

/* Ensure modal headers have proper positioning context */
.feedback-survey-modal .modal-header,
.raise-concern-modal .modal-header {
    position: relative !important;
    padding: 15px 20px !important;
    border: none !important;
    min-height: 50px !important;
}

/* Menu Dropdown Close Buttons - Position in Top Right Corner */
.desktop-main-links-invisible .menu-close-btn,
.desktop-search-invisible .menu-close-btn,
.desktop-currency-invisible .menu-close-btn,
.desktop-country-invisible .menu-close-btn,
.desktop-login-invisible .menu-close-btn {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    background: none !important;
    border: none !important;
    font-size: 24px !important;
    cursor: pointer !important;
    z-index: 1001 !important;
    padding: 5px 10px !important;
    color: #333 !important;
    line-height: 1 !important;
    float: none !important;
    display: block !important;
}

.desktop-search-invisible {
    padding: 45px 30px 30px !important;
}

.desktop-search-invisible .menu-close-btn {
    top: 8px !important;
    right: 10px !important;
}

.desktop-country-invisible .menu-close-btn {
    top: -25px !important;
    right: -2px !important;
    padding: 5px !important;
    display: none !important;
}

.desktop-main-links-invisible .menu-close-btn {
    top: 0px !important;
    right: 2px !important;
    font-size: 21px !important;
}


.chat-msger-header-title .pull-left img {
    width: auto !important;
    height: 40px !important;
    object-fit: contain !important;
}

.chat-msger-header-title .pull-left {
    display: flex !important;
    justify-content: flex-start !important;
}

.chat-msger-header-title .pull-left .text-white {
    display: flex !important;
    gap: 0.5rem !important;
    align-items: center !important;
}

.chat-msger-header {
    height: 90px !important;
    display: flex !important;
    align-items: center !important;
}

.chat-btn-link {
    font-size: 14px !important;
}

.chat-msg-link {
    max-width: auto !important;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.chat-msg-link > div {
    display: flex !important;
    gap: 1rem !important;
    flex-wrap: wrap !important;
}

.chat-btn {
    margin: 0 !important;
    padding: 0.5rem 0.7rem !important;
    display: flex !important;
    gap: 0.5rem !important;
}

.pull-right {
    cursor: pointer !important;
    padding:0;
}
.pull-right button{
    float:right;
}

.chat-btn-link:hover {
    background-color: aliceblue !important;
}

.sticky-chat-rwf ul li:last-child a {
    background-image: initial !important;
    color: #00509e !important;
}

.sticky-chat-rwf ul li a {
    float: initial !important;
    padding: initial !important;
    border-top-left-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
    margin: initial !important;
    position: fixed;
    bottom: 60px;
    right: 0px;
    z-index: 123;
}

.sticky-chat-rwf ul {
    position: initial !important;
    right: initial !important;
    float: initial !important;
    bottom: initial !important;
    z-index: initial !important;
    margin: initial !important;
}

.sticky-chat-rwf ul li:last-child a > img {
    width: auto !important
}

.chat-open-button {
    background-color: transparent !important;
    right: 30px !important;
    transition: all .3s !important;
}

.chat-open-button img {
    width: 45px !important;
    height: auto !important;
}

.chat-open-button:hover {
    transform: scale(1.07) !important;
}

/* Cookies */
#cookies {
    width: 100%;
    position: fixed;
    bottom: 0;
    color: white;
    color: #666666;
    background-color: #00509E;
    background-color: #F3F6FA !important;
    z-index: 1;
    display: none;
    z-index: 1000;
}

.container {
    overflow: hidden;
}

.cookies {
    min-height: 70px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.6rem;
    font-size: 14px;
    max-width: 1140px;
    min-width: 80%;
    margin: auto;
    padding: 1rem;

}

p {
    padding-top: 10px;
}

.cookies a {
    text-decoration: underline;
    font-weight: 500;
    color: #fff;
    color: #666;
    color: #00509E;
}

.cookies p {
    color: #e0e1e2;
    color: #666;
    padding-right: 10px;
}

#cookies-btn {
    border-radius: 5px;
    padding: 4px 30px;
    font-size: 14px;
    font-family: inherit;
    cursor: pointer;
    border: 1px solid white;
    background-color: transparent;
    border: 1px solid #00509E;
    color: #00509E;
    transition: all ease 0.5s;
}

#cookies-btn:hover {
    background-color: #00509E;
    color: white;
}

.desktop-main-links-invisible .menu-close-btn:hover,
.desktop-search-invisible .menu-close-btn:hover,
.desktop-currency-invisible .menu-close-btn:hover,
.desktop-country-invisible .menu-close-btn:hover,
.desktop-login-invisible .menu-close-btn:hover {
    color: #000 !important;
    opacity: 0.8 !important;
}

.dream-upgrade-intro a {
    color: white;
    background: #00509e;
    background: linear-gradient(135deg, #00509e 0%, #02335f 100%);
    padding: 10px 20px 12px;
    border-radius: 8px;
    text-decoration: none;
    display: flex;
    width: fit-content;
}

.train-booking-btn {
    padding: 14px 20px 16px !important;
}

.dream-flight-upgrades a img {
    margin-left: 8px;
    width: 20px;
}

.dream-flight-upgrades h2 {
    color: #00509e;
    font-weight: 800;
    font-size: 1.5em;
    padding-bottom: 5px;
    padding-top: 1em;
}

.plusgrade-border h4 {
    font-weight: 700;
    padding-bottom: 0;
    color: #00509e;
    font-size: 1.6em;
}

.dream-flight-upgrades ul li {
    list-style: none;
    padding-top: 45px;
}

.plusgrade-list-content {
    border: 1px solid #005DA1;
    border-radius: 10px;
    position: relative;
    padding: 30px;
    padding-top: 50px;
    text-align: center;
    height: 100%;
}

.plusgrade-list-content figure {
    position: absolute;
    left: 50%;
    width: 110px;
    height: 110px;
    background: #00509e;
    border-radius: 50%;
    transform: translateX(-50%);
    top: -55px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 10px white solid;
}

.plusgrade-list-content figure img {
    width: 40px;
}

.plusgrade-list-content h4 {
    font-weight: bold;
    font-size: 1.2rem;
    padding: 10px 0 5px;
}

.plusgrade-list-content p {
    font-size: 16px;
    color: #4f4f4f;
    padding-bottom: 10px;
}

.benefits-btn a {
    margin-bottom: 20px;
    color: white;
    background: #00509e;
    background: linear-gradient(135deg, #00509e 0%, #02335f 100%);
    padding: 10px 20px 12px;
    border-radius: 8px;
    text-decoration: none;
    display: inline-block;
    font-weight: 600;
}

.benefits-btn a:hover {
    background: #003366;
    background: linear-gradient(135deg, #003366 0%, #00509e 100%);
    text-decoration: none;
}

.upgrade-benefits {
    text-align: center;
    background: #f7f7f7;
    background: rgba(0, 93, 161, 0.071);
    float: left;
}

.upgrade-benefits h2 {
    font-weight: 900;
    color: #00509E;
    font-size: 1.6em;
    padding-bottom: 5px;
}

.upgrade-benefits p {
    font-size: 18px;
    color: #4f4f4f;
    max-width: 720px;
    margin: auto;
}

.chat-msg-bubble-response {
    float: left;
    width: 100%;
}

.chat-msg-text a, .chat-msg-text a, .chat-links-button a {
    position: unset !important;
}

.chat-msger_main {
    background: white !important;
}

.chat-msger-header .chat-msger-header-title {
    display: flex;
    justify-content: space-between;
}

.chat-msger-header-title .pull-left .text-white {
    color: white;
}

.chat-msger-inputarea {
    border-top: 1px solid #dee2e6 !important;
}

.top-desktop-links {
    background-color: #F3F6FA !important;
    position: relative;
    z-index: 12;
}

.left-top-desktop-links ul li a b, .left-top-desktop-links ul li a p {
    color: #666666 !important;
}

.left-top-desktop-links ul li a i {
    color: #00509E !important;
}

.right-top-desktop-links ul li a b {
    color: #666666 !important;
}

.left-top-desktop-links ul li a {
    line-height: 1;
}

.left-top-desktop-links {
    display: flex;
    align-items: center;
    padding-bottom: 2px;
}

.left-top-desktop-links i {
    margin-right: 5px;
    color: #00509E !important;
    line-height: 0;
}

.top-desktop-links .checkin-time-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.left-top-desktop-links ul li a b {
    padding: 0 0 0 5px !important;
    font-size: 13px !important;
}

.left-top-desktop-links ul li a p {
    font-size: 13px !important;
}

.submit-form-button button {
    border: 1px solid #00529B !important;
    background-color: #00529B !important;
}

button:focus {
    border: none;
}

.desktop-logo-wrapper figure img {
    height: 100%;
}

.toast-container {
    position: fixed;
    bottom: 80px !important;
    right: 30px !important;
    padding: 0 !important;
    z-index: 12 !important;
}

.toast-container .toast {
    width: 350px;
    max-width: 100%;
    font-size: .875rem;
    pointer-events: auto;
    background-color: rgba(255, 255, 255, .9);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    border-radius: .5rem;
    float: left;
    overflow: hidden;
}

.toast-container .toast-header {
    display: flex;
    justify-content: space-between;
    /* padding: 12px 15px 12px; */
    background-color: #eef3f8 !important;
    position: relative;
}

.toast-container .toast-header img {
    width: 40px;
    height: 100%;
    margin: 0;
}
.toast-container .toast-header small{
    position: absolute;
    right: 50px;
    text-align: right;
}

.toast-container .toast-body {
    padding: 12px 15px 15px;
    padding: 20px;
    float: left;
    color: #444;
    width: 100%;
    background-color: #eef3f8
}
.toast-container .toast-body  .toast-btn{
    color: #00509E;
    border: 1px solid #00509E;
        font-size: 13px;
    padding: 3px 8px;
    border-radius: 10px;
    width: 80px;
    min-width: 80px;
    display: flex;
    justify-content: center;
}

.toast-container .toast-body .d-flex{
    gap: 8px;
}

.toast-container .toast-body .col-12 {
    padding: 0 !important;
}

.toast-container .btn-close {
    position:absolute;
    top: 14px;
    right: 14px;
    box-sizing: content-box;
    width: 8px;
    height: 8px;
    padding: .25em .25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center / 1em auto no-repeat;
    border: 0;
    border-radius: .25rem;
    opacity: .5;
}

.toast-container .btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.toast-container .btn-primary {
    color: #fff;
    background-color: #00509e;
    border-color: #00509e;
    font-size: 0.8rem;
    margin-top: 10px;
}

/* .toast-container .toast:not(.showing):not(.show) {
    opacity: 0;
} */
.toast-container .toast.hide {
    display: none;
}

.toast-container .fade:not(.show) {
    transition: opacity .15s linear;
}

.toast-container .fade {
    transition: opacity .15s linear;
}


.careers-intro-wrapper iframe {
    border-radius: 1rem;
    min-height: 380px;
}

.careers-intro-wrapper h2 {
    font-weight: 700;
    color: #393939;
    font-size: 1.6rem;
}

.careers-intro-wrapper p {
    font-size: 1.1rem;
}

.careers-areas-card {
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
    height: 100%;
}

.careers-areas-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.careers-areas-card .careers-areas-card-text {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 25px 20px;
    color: white;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
}

.careers-areas-card .careers-areas-card-text h4 {
    font-size: 1rem;
    border: white 1px solid;
    background: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    padding: 12px 20px;
    color: white;
    font-weight: 600;
}

.careers-areas-card .careers-areas-card-text .careers-areas-card-text-hidden {
    font-size: 0.9rem;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.7s ease, opacity 0.7s ease;
}

.careers-areas-card .careers-areas-card-text .careers-areas-card-text-hidden p {
    font-size: 0.9rem;
    color: white;
}

.careers-areas-card:hover .careers-areas-card-text .careers-areas-card-text-hidden {
    max-height: 300px;
    opacity: 1;
}

.careers-areas-card:hover .careers-areas-card-text .careers-areas-card-text-hidden ul li {
    display: inline-block;
}

.careers-subtitle {
    position: relative;
    margin-bottom: 1.5rem;
    font-weight: 700;
    color: #393939;
    font-size: 1.6rem;
}

.careers-subtitle::after {
    content: "";
    height: 1.5px;
    width: 40%;
    position: absolute;
    bottom: 0.2rem;
    left: 50%;
    transform: translateX(-50%);
    background: #00509e;
}

.open-position-card {
    border: solid 1px #B6B6B6;
    border-radius: 8px;
    width: 100%;
    float: left;
}

.open-position-card h3, .open-position-card h4, .open-position-card h5 {
    color: #00509e;
    font-size: 1.1rem;
    font-weight: 500;
    margin-bottom: 0;
}

.open-position-card h4 {
    margin-bottom: 0 !important;
}

.open-position-card h3 span, .open-position-card h4 span, .open-position-card h5 span {
    color: #393939;
    font-weight: 600;
}

.open-position-card b {
    font-weight: 400;
    font-size: 1.2rem;
    padding-bottom: 5px;
}

.careers-counter-wrapper .stat-number {
    font-size: 2.5rem;
    padding-bottom: 0.5rem;
}

.careers-counter-wrapper .stat-number::after {
    content: "+";
    padding-left: 3px;
}

.careers-counter-wrapper .border-top {
    border-color: #999 !important;
    color: #4f4f4f;
    font-weight: 600;
    width: 100%;
    max-width: 65%;
    margin: 0 auto;
}

.connect-collaborate-wrapper h2 {
    margin-bottom: 0;
    font-weight: 700;
    color: #393939;
    font-size: 1.6rem;
}

.connect-collaborate-grid {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    /*grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));*/
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.connect-collaborate-item {
    max-width: 160px;
}

.connect-collaborate-item img {

}

.connect-collaborate-item h4 {
    text-align: center;
    font-size: 1.1rem;
    font-weight: 600;
    color: #393939;
}

.careers-awards-wrapper h2 {
    font-weight: 700;
    color: #393939;
    font-size: 1.6rem;
    width: 100%;
    max-width: 700px;
}

.careers-awards-wrapper p {
    width: 100%;
    max-width: 900px;
    font-size: 1rem;
    font-weight: 400;
    color: #4f4f4f;
}

.careers-awards-wrapper figure {
    width: 100px;
}

.careers-awards-wrapper img {
    width: 100%;
}

.careers-awards-wrapper h5 {
    padding-top: 1rem;
    font-size: 1rem;
    color: #00509e;
    font-weight: 600;
}

.footer-trip-planning-wrapper ul li a figure {
    display: flex;
}

.careers-awards-wrapper .careers-award-card {
    width: 100%;
    max-width: 250px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.careers-awards-grid {
    row-gap: 1.5rem;
    column-gap: 3rem;
}

.internship-content-wrapper h2 {
    color: #00509e;
    font-weight: 800;
    font-size: 1.5em;
    margin-bottom: 0;
}

.internship-content-wrapper p {
    margin-bottom: 5px;
}

.ukoffice-content-border li {
    font-size: 15px;
    color: #4f4f4f;
}

.ukoffice-content-border h2, .ukoffice-content-border h4 {
    font-size: 22px;
}

.ukoffice-content-border a {
    color: white;
    border-radius: 5px;
    background: #00509e;
    font-size: 15px;
    text-decoration: none;
    padding: 10px 22px;
    float: left;
    width: fit-content;
    margin-top: 5px;
}

.bx-wrapper .bx-prev,
.bx-wrapper .bx-next {
    z-index: 9999;
    pointer-events: all;
}

/* Force bxSlider controls ON */
.home-slider-wrapper .bx-wrapper .bx-controls-direction a {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 999;
}

/* Prevent disabled styles */
.home-slider-wrapper .bx-wrapper .bx-controls-direction a.disabled {
    display: block !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

.desktop-account-signup {
    display: flex;
    align-items: center;
}

.desktop-account-signup .signup-cart {
    margin-left: 15px;
    width: 25px;
    position: relative;
}
.desktop-account-signup .signup-cart #cart-widget{
    display: flex;
    align-items: flex-end;
}

.desktop-account-signup .signup-cart span {
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background: red;
    position: absolute;
    top: 0;
    right: 0;
}

.signup-cart-invisible {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 10000;
    display: none;
}

.signup-cart-invisible .modal {
    display: block !important;
    background: white;
    max-width: 550px;
    width: 100%;
    left: unset;
}

.signup-cart-invisible .modal-header {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid #00509E;
}

.signup-cart-invisible .header-title {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #00509E;
    font-size: 16px;
    font-weight: 500;
}

.signup-cart-invisible .close-btn {
    background: none;
    border: none;
    color: #00509E;
    font-size: 32px;
    cursor: pointer;
    padding: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.signup-cart-invisible .modal-body {
    padding: 20px;
    max-height: calc(100vh - 70px);
    overflow-y: auto;
}

.signup-cart-invisible .trip-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.signup-cart-invisible .trip-title {
    font-size: 16px;
    font-weight: 600;
}

.signup-cart-invisible .traveler-count {
    color: #666;
    font-size: 14px;
    font-weight: normal;
}

.signup-cart-invisible .edit-btn {
    background: none;
    border: none;
    color: #00509E;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 4px;
}

.signup-cart-invisible .flight-card {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 16px;
}

.signup-cart-invisible .flight-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
}

.signup-cart-invisible .route {
    font-size: 13px;
    font-weight: 600;
    color: #333;
}

.signup-cart-invisible .date {
    font-size: 11px;
    color: #666;
    margin-top: 0px;
}

.signup-cart-invisible .delete-icon {
    background: none;
    border: none;
    color: #999;
    color: #00509E;
    cursor: pointer;
    font-size: 18px;
}

.signup-cart-invisible .flight-time {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 10px 0 2px;
    max-width: 300px;
}

.signup-cart-invisible .time {
    font-size: 17px;
    font-weight: 600;
    color: #555;
}

.signup-cart-invisible .duration-line {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
}

.signup-cart-invisible .duration-text {
    font-size: 12px;
    color: #666;
    white-space: nowrap;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 2px;
}

.signup-cart-invisible .line {
    flex: 1;
    height: 2px;
    background: #999;
    position: relative;
}

/* .signup-cart-invisible .line::after {
    content: '';
    position: absolute;
    right: -6px;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    background: #999;
    border-radius: 50%;
} */

.signup-cart-invisible .flight-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0px;
}

.signup-cart-invisible .show-details {
    background: none;
    border: none;
    color: #00509E;
    font-size: 13px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 4px;
    text-decoration: underline;
}

.signup-cart-invisible .show-details i {
    font-size: 11px;
}

.signup-cart-invisible .flight-info {
    text-align: right;
    font-size: 13px;
}

.signup-cart-invisible .stops {
    font-weight: 600;
    color: #333;
}

.signup-cart-invisible .class {
    color: #666;
    margin-top: 0px;
}

.signup-cart-invisible .extra-services {
    margin-top: 24px;
}

.signup-cart-invisible .section-title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.signup-cart-invisible .service-card {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
}

.signup-cart-invisible .service-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}

.signup-cart-invisible .service-name {
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.signup-cart-invisible .service-price {
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.signup-cart-invisible .delete-link {
    background: none;
    border: none;
    color: #00509E;
    font-size: 13px;
    cursor: pointer;
    text-decoration: none;
}

.signup-cart-invisible .service-details {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    color: #666;
}

.signup-cart-invisible .price-summary {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 2px solid #e0e0e0;
}

.signup-cart-invisible .price-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    font-size: 14px;
}

.signup-cart-invisible .price-label {
    color: #666;
}

.signup-cart-invisible .price-value {
    color: #333;
    font-weight: 500;
}

.signup-cart-invisible .total-row {
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #e0e0e0;
    font-size: 16px;
    font-weight: 600;
}

.signup-cart-invisible .continue-btn {
    width: 100%;
    background: #00509E;
    color: white;
    border: none;
    padding: 14px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 20px;
    width: 300px;
    margin: 20px auto 0 auto;
}

.signup-cart-invisible .continue-btn:hover {
    background: #005bb5;
}

.continue-btn-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
}
.invisible-alerts-wrapper i{
    display: none !important;
}
.invisible-alerts-wrapper ul li a p, .invisible-alerts-wrapper ul li a p b{
    color: #666666 !important;
}
.invisible-alerts-wrapper ul li{
    padding-bottom: 8px;
}

.home-slider-wrapper .bx-wrapper .bx-pager, .home-slider-wrapper .bx-wrapper .bx-controls-auto{
    bottom: 14rem;
}
.dont-miss-offer-column2 ul li{
    margin-bottom: 0%!important;
    position: relative;
}
.dont-miss-offer-columns-style ul li figure{
    height:fit-content;
    border-radius:20px;
}
.dont-miss-offer-details-visible b:nth-child(1) h4{
    font-size: 17px;
    font-weight: 600;
}
.trip-type-wrapper{
    padding:10px 0 0 10px;

}
.trip-type-wrapper select{
    padding: 10px 40px 10px 15px ;
    border-radius: 20px;
    border: 1px solid #cfcfcf;
    width: 100%;
    max-width: 300px;
    background-position: right 15px center!important;
}
.cont_select_center{
    display: flex;
    align-items: flex-end;
}

.sticky-chat-rwf ul li:first-child a p {
    padding: 8px 20px 8px 12px !important;
}

.sticky-chat-rwf ul li:first-child a {
    display: none !important;
}

:root{
      --peek: 14%;        /* how much of NEXT slide is visible */
      --gap: 16px;
      --radius: 18px;
      --imgH: 550px;
      --maskW: 18px;      /* hides any accidental left-peek while dragging */
      --pageBg: #ffffff;
    }


    .peek-wrap{
      max-width: 1200px;
      margin: 20px auto;
      padding: 0 16px;
      position: relative;
    }

    /* Header + buttons */
    .peek-header{
      display:flex;
      align-items:center;
      justify-content:space-between;
      margin-bottom: 10px;
      gap: 12px;
    }
    .peek-title{ margin:0; font-size:18px; font-weight:700; }
    .peek-controls{ display:flex; gap:8px; }
    .peek-btn{
      /* width: 40px;
      height: 40px; */
      border-radius: 12px;
      border: 1px solid rgba(0,0,0,.15);
      border: none;
      background: #fff;
      cursor: pointer;
      font-size: 37px;
      line-height: 1;
      display:grid;
      gap:12px;
      place-items:center;
      user-select:none;
      color: #00509E;
    }
    .peek-btn:active{ transform: scale(.98); }

    /* IMPORTANT: wrapper hides overflow so ONLY RIGHT peek is visible */
    .peek-viewport{
      position: relative;
      overflow: hidden; /* clips left side completely */
    }

    /* optional: left mask to hide any tiny left edge while swiping */
    .peek-viewport::before{
      content:"";
      position:absolute;
      left:0;
      top:0;
      bottom:0;
      width: var(--maskW);
      background: var(--pageBg);
      /* z-index: 5; */
      pointer-events:none;
    }

    /* Track uses scroll-snap (custom slider) */
    .peek-track{
      display:flex;
      gap: var(--gap);
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      scroll-snap-stop: always;
      scroll-behavior: smooth;
      -webkit-overflow-scrolling: touch;

      padding-bottom: 8px;
      scrollbar-width: none;
    }
    .peek-track::-webkit-scrollbar{ height: 0; }

    /* Each slide is narrower than viewport -> right peek */
    .peek-slide{
      flex: 0 0 calc(100% - var(--peek));
      scroll-snap-align: start;
      min-width: 0;
    }

    .peek-card{
      position: relative;
      border-radius: var(--radius);
      border-radius: 8px;
      overflow: hidden;
      background: #000;
    }

    .peek-img{
      width: 100%;
      height: var(--imgH);
      object-fit: cover;
      display:block;
    }

    .peek-overlay{
      position:absolute;
      left:16px;
      right:16px;
      bottom:16px;
      background: rgba(0,0,0,.45);
      color:#fff;
      padding: 14px;
      border-radius: 14px;
      backdrop-filter: blur(2px);
    }
    .peek-overlay h4{ margin:0 0 6px; font-size: 20px; line-height:1.2;color:white; }
    .peek-overlay p{ margin:0 0 10px; font-size: 14px; opacity:.95;color: rgba(255, 255, 255, 0.873); }
    .peek-link{
      display:inline-block;
      background:#fff;
      color:#000;
      padding:8px 12px;
      border-radius: 10px;
      text-decoration:none;
      font-weight: 700;
      font-size: 13px;
      color: #00509E;
    }

    @media (max-width: 768px){
      :root{ --imgH: 450px; --peek: 12%; }
      .peek-overlay h4{ font-size: 18px; }
    }
    @media (max-width: 576px){
      :root{ --imgH: 350px; --peek: 10%; }
    }
    @media (max-width: 360px){
      :root{ --peek: 0%; } /* disable peek on tiny screens */
    }

.pic-megamenu {
    float: right;
    border-radius: 10px;
    overflow: hidden;
}
.left-top-desktop-links ul li a b:hover{
    text-decoration: underline;
}
.home-corporate-news-wrapper ul{
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    width: 50% !important;
}
.home-corporate-news-wrapper ul li{
    width:100%!important;
}
.home-corporate-news{
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.home-corporate-news .home-corporate{
    width: calc(50% - 20px);
    position:relative;
    border-radius: 10px;
    overflow: hidden;
}
.home-corporate-news .home-corporate .home-corporate-text{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 4rem 1.8rem 1.8rem;
    background: rgba(0, 0, 0, 0.5);
    background: linear-gradient(to top, #00509E 0%, #00509E 65%, rgba(0, 80, 158, 0) 100%);
    color: white;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.home-corporate-news h2{
    font-size: 28px!important;
    font-weight: 700;
}
.home-corporate .home-corporate-text h3{
    font-size: 1.3rem!important;
    font-weight: 600;
    color: white;
    padding-bottom: 3px;
}
.home-corporate .home-corporate-text p{
    font-size: 15px;
    color: rgba(255, 255, 255, 0.873);
    padding-bottom: 10px;
}
.home-corporate .home-corporate-text a{
    color: #FBDA00;
    font-style: italic;
    font-size: 15px;
    font-weight: 400;
    display: flex;
    align-items: center;
}
.home-news-content a{
    color: #39AE41!important;
}
.home-news-content a i, .home-corporate .home-corporate-text a i{
    font-size: 11px;
    padding-left: 8px!important;
    line-height: 0;
}
.corporate-benefits-wrapper h2{
    font-size: 28px!important;
    font-weight: 700;
    margin-bottom: 8px;
}
.corporate-benefits-wrapper p{
    font-size: 16px;
    color: #4f4f4f;
    padding-bottom: 20px;
}
.corporate-benfit-item {
    display: flex;
    gap: 12px;
    align-items: start;
    /* margin-bottom: 20px; */
    background: white;
    border: 1px solid #EEF4FF;
    border-radius: 12px;
    padding: 20px;
    display: grid;
    grid-template-columns: 60px 1fr;
    height: 100%;
}
.corporate-benfit-item figure {
    width: 60px;
    height: 60px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #EEF4FF;
}
.corporate-benfit-item img {
    width: 32px;
    height: auto;
}
.corporate-benfit-item h3 {
    font-size: 1.1rem;
    font-weight: 600;
    color: #00509E;
    margin-bottom: 0.5rem;
}
.corporate-benfit-item p {
    font-size: 14px;
    color: #4f4f4f;
    margin-bottom: 0;
    padding-bottom: 0;
}

 .how-it-works-section {
      background: #ffffff;
      float: left;
      width: 100%;
      padding-top: 4rem;
    }

    .how-it-works-title {
      color: #0054a6;
      font-size: 28px;
      font-weight: 700;
      margin-bottom: 30px;
      text-align: center;
    }

     .how-it-works-section .steps-row {
      position: relative;
      display: grid;
      grid-template-columns: repeat(4,1fr);
    }

    .step-item {
      position: relative;
      text-align: center;
      padding: 0 15px;
      margin-bottom: 30px;
    }

    .step-top {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 28px;
    }

    .step-circle {
      width: 76px;
      height: 76px;
      min-width: 76px;
      border-radius: 50%;
      background: #0054a6;
      border: 4px solid #ffffff;
      outline: 2px solid #0054a6;
      color: #ffffff;
      font-size: 2rem;
      font-weight: 500;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 2;
      position: relative;
    }

    .step-line {
      position: absolute;
      top: 50%;
      left: calc(50% + 52px);
      width: calc(100% - 104px);
      height: 1px;
      background: #0054a6;
      transform: translateY(-50%);
      z-index: 1;
    }

    .step-item:last-child .step-line {
      display: none;
    }

    .step-title {
      color: #0054a6;
      font-size: 20px;
      font-weight: 700;
      margin-bottom: 14px;
    }

    .step-text {
      color: #4b4b4b;
      font-size: 14px;
      line-height: 1.4;
      max-width: 280px;
      margin: 0 auto;
    }
.corporate-travel-form-wrapper h2{
    font-size: 28px!important;
    font-weight: 700;
    text-align: center;
    padding-bottom: 8px;
}
.home-corporate-news-wrapper h2{
    font-size: 28px!important;
    font-weight: 700;
}
.corporate-travel-form-wrapper p{
    font-size: 16px;
    color: #4f4f4f;
    text-align: center;
    max-width: 600px;
    margin: auto;
    padding-bottom: 25px;
}
.corporate-travel-form-wrapper h2.section-title{
    font-size: 1.1rem!important;
    text-align: left;
    padding-bottom: 0;
}

.desktop-main-links ul li a{
    font-size:15px;
}



    @media (max-width: 991.98px) {
      .how-it-works-title {
        font-size: 1.3rem!important;
        margin-bottom: 35px;
        text-align: center;
      }
      .how-it-works-section .steps-row {
        grid-template-columns: repeat(2, 1fr);
      }
      .step-title {
        font-size: 1.2rem;
        margin-bottom: 5px;
      }
      .step-top{
        margin-bottom: 15px;
      }
      .step-text {
        font-size: 0.95rem;
      }

      .step-circle {
        width: 68px;
        height: 68px;
        min-width: 68px;
        font-size: 1.8rem;
      }

      .step-line {
        display: none;
      }
      .how-it-works-section{
        padding: 0.5rem 0 0 0;
      }
    }

    @media (max-width: 575.98px) {

      .how-it-works-title {
        font-size: 20px;
        text-align: center;
      }

      .step-item {
        margin-bottom: 30px;
      }

      .step-title {
        font-size: 1.15rem;
      }

      .step-text {
        font-size: 0.9rem;
      }
      .how-it-works-section .steps-row {
        grid-template-columns: repeat(1, 1fr);
      }
    }

.hidden-mobile{
    height: calc(100vh - 0px);
    max-height: calc(100vh - 98px)!important;
    position: relative;
    top: 60px;
    background:white;
}
.plusgrade-faqs .dreammiles-faqs li h3 {
    justify-content: flex-start;
    color: #005DA1;
    font-weight: 600;
}
.plusgrade-faqs .dreammiles-faqs li.mb-4 {
    background: rgb(0 93 161 / 7%);
    border-radius: 8px;
}

.plusgrade-list-content{
    border:1px solid #005DA1;
    border-radius:10px;
    position:relative;
    padding:30px;
    padding-top:50px;
    text-align:center;
    height:100%;
}
.plusgrade-list-content figure{
    position:absolute;
    left:50%;
    width:110px;
    height:110px;
    background:#00509e;
    border-radius: 50%;
    transform: translateX(-50%);
    top: -55px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 10px white solid;
}
.plusgrade-list-content figure img{
    width:40px;
}
.plusgrade-list-content h4{
    font-weight:bold;
    font-size:1.2rem;
    padding:10px 0 5px;
}
.plusgrade-list-content p{
    font-size:16px;
    color:#4f4f4f;
    padding-bottom:10px;
}


.upgrade-benefits{
    text-align:center;
    background:#f7f7f7;
    background:rgba(0, 93, 161, 0.071);
}
.benefits-btn a{
    margin-bottom:20px;
    color: white;
    background: #00509e;
    background: linear-gradient(135deg, #00509e 0%, #02335f 100%);
    padding: 10px 20px 12px;
    border-radius: 8px;
    text-decoration: none;
    display: inline-block;
    font-weight: 600;
}
.benefits-btn a:hover{
    background: #003366;
    background: linear-gradient(135deg, #003366 0%, #00509e 100%);
    text-decoration: none;
}
.upgrade-benefits h2{
    font-weight:900;
    color:#00509E;
    font-size:1.6em;
    padding-bottom:5px;
}
.upgrade-benefits p{
    font-size:18px;
    color:#4f4f4f;
    max-width: 720px;
    margin: auto;
}
.benefits-list ul li{
    position:relative;
}
.benefits-list ul li p{
    position:absolute;
    left:30px;
    bottom:18px;
    padding:5px 10px;
    background:white;
    border-radius:5px;
}
.benefits-list ul{
    list-style:none;
    padding-left:0;
}
.benefits-list ul li img{
    width:100%;
}
.plusgrade-faqs .dreammiles-faqs li.mb-4{
    background:rgb(0 93 161 / 7%);
    border-radius:8px;
}
.plusgrade-faqs .dreammiles-faqs li.mb-4:hover{
    background:#005da12e;
    background:rgb(0 93 161 / 15%);
}
.dreammiles-faqs li h3{
    font-weight:500;
}
.plusgrade-faqs .dreammiles-faqs li h3{
    justify-content: flex-start;
    color:#005DA1;
    font-weight:600;
}
.plusgrade-faqs .dreammiles-faqs li h3 img{
    margin-right:10px;
}
.plusgrade-faqs  .dreammiles-faqs-hidden{
    padding-top:10px;
    padding-left:30px;
}
/*.plusgrade-faqs  .dreammiles-faqs-hidden {*/
/*    max-height: 0;*/
/*    overflow: hidden;*/
/*    transition: max-height 0.4s ease;*/
/*  }*/

/* .plusgrade-faqs .toggle-icon {*/
/*    transition: transform 0.3s ease;*/
/*    margin-right: 8px;*/
/*  }*/

/* .plusgrade-faqs .dreammiles-faqs li.active h3 {*/
/*    font-weight: bold;*/
/*  }*/
.dream-flight-upgrades h2{
    color:#00509e;
    font-weight:800;
    font-size:1.5em;
    padding-bottom:5px;
    padding-top:1em;
}
.dream-upgrade-intro h2{
    padding-top:1.8em;
    padding-bottom:10px;
}
.dream-upgrade-intro figure{
    padding-left:30px;

}
.plusgrade-border h4{
    font-weight:700;
    padding-bottom:0;
    color:#00509e;
    font-size:1.6em;
}
.plusgrade-border p{
    color:#4f4f4f;
    font-size:16px;
    line-height:26px;
}
.plusgrade-faqs h2{
    font-size:1.5em;
    padding-bottom:12px;
    color:#4f4f4f;
    font-weight:700;
}
.plusgrade-faqs h2 a{
    font-size:15px;
    margin-left:10px;
     font-weight:500;
}
.plusgrade-border ul li{
    font-size:15px;
    color:#4f4f4f;
    line-height:24px;
}
.neighbor-free-form .form-row{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}
.neighbor-free-terms{
    float: left;
}
.neighbor-free-form .form-row label{
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
}
.neighbor-free-form .form-group{
    padding-right: 0!important;
    margin: 0 0 15px 0!important;
    padding-left: 0!important;
}
.neighbor-free-form .form-row input[type="text"],
.neighbor-free-form .form-row input[type="email"]{
    width: 100%;
}
.neighbor-free-intro{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    padding: 4em 0;
}
.neighbor-free-intro p{
    padding-bottom: 8px;
}
.neighbor-free-intro figure{
    padding-left: 10px;
}
.neighbor-free-form .form-row{
    margin:0;
}
#toggle:checked+label i#cross{
    font-size: 22px!important;
}
#toggle:checked+label i#bars{
    font-size: 22px!important;
}
.desktop-login-invisible .menu-close-btn{
    display: none!important;
}
.plusgrade-faqs .dreammiles-faqs-hidden ul {
    padding-left: 20px;
}
.plusgrade-faqs .dreammiles-faqs-hidden ul li{
    padding:0!important;
    padding-bottom: 8px!important;
    margin:0!important;
    background:none!important;
    list-style:disc!important;
}
.neighbor-free-terms-wrapper .unaccompanied-content-border h5{
    font-size: 1.3rem;
    font-weight: 600;
    color: #00509E;
    padding-top: 8px;
    padding-bottom: 5px;
}
.media-sustainability-sponsors ul li figure img{
    height:250px;
    object-fit: cover;
}
.home-dreammiles-slide .bx-caption{
    left:3em!important;
}
.home-slider-wrapper .bx-caption p{
    padding: 15px 0 25px 0!important;
}
.dont-miss-offer-details {
    width: 100%;
    float: left;
    padding: 40px 20px 20px 20px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: linear-gradient(0deg,rgba(38, 38, 38, 0.62) 0%, rgba(38, 38, 38, 0.47) 50%, rgba(38, 38, 38, 0) 100%);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.dont-miss-offer-details-visible b:nth-child(1) h4{
    color:white!important;
    font-size:18px!important;
    font-weight: 800;
}
.dont-miss-offer-details-visible b p{
    color: rgba(255, 255, 255, 0.873)!important;
}
.dont-miss-offer-details-visible b h4{
    color:white!important;
}

.dont-miss-offer-details-visible {
    position: relative;
    overflow: hidden;
    padding-bottom: 0;
    transition: padding-bottom 0.45s ease;
}

.dont-miss-offer-details-visible > b {
    display: block;
    transition: transform 0.45s ease;
}

.book-now-hover-btn {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.45s ease, transform 0.45s ease;
    pointer-events: none;
    float: none !important;
    width: 100%;
    margin-top: 8px;
}


.dont-miss-offer-column2 ul li:hover .dont-miss-offer-details-visible {
    padding-bottom: 45px;
}

.dont-miss-offer-column2 ul li:hover .dont-miss-offer-details-visible > b {
    transform: translateY(-12px);
}

.dont-miss-offer-column2 ul li:hover .book-now-hover-btn {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.book-now-hover-btn a:last-child {
    padding: 12px 35px;
    font-size: 15px;
    float: left;
    background: #fff;
    color: #00509E;
    border-radius: 5px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius: 28px;
    margin-top: 10px;
}

.book-now-hover-btn a:last-child:hover {
    background: #00509E;
    color: #fff;
}
.dont-miss-offer-details-hover{
    margin-bottom: -40px;
}
.ukoffice-banner-title h1{
    font-size: 32px!important;
}
.featured-news-wrapper{

}
.featured-news {
    border: 1px solid #e5e7eb;
    background: #f8fafc;
    border-radius: 15px;
    overflow: hidden;
    margin: 0;
}
.featured-news-content h2 {
    color: #00509E;
    font-weight: 700;
    font-size: 24px;
}
.dream-upgrade-intro figure {
    /* padding-left: 30px; */
}
.dream-upgrade-intro figure iframe {
    width: 100%;
    height: 100%;
    min-height: 350px;
}
#latest h2{
    font-size: 28px!important;
    font-weight: 700;
    padding-bottom: 8px;

}

.news-card {
    border: 0;
    border-radius: 1.25rem;
    box-shadow: 0 .75rem 2rem rgba(16, 24, 40, .08);
    height: 100%;
    transition: transform .2s ease, box-shadow .2s ease;
}
.news-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 1.2rem 2.6rem rgba(16,24,40,.12);
}
.news-card .tag {
    display: inline-block;
    color: #00509E;
    background: rgba(0, 163, 224, .12);
    border-radius: 999px;
    padding: .25rem .7rem;
    font-size: .78rem;
    font-weight: 800;
    margin-bottom: .75rem;
}
.news-card .date {
    color: #667085;
    font-size: .9rem;
}
.news-card h3{
    font-weight: 700!important;
    color:#333;
    font-size: 1.25rem!important;
}
.news-card a{
    color: #00509e;
    text-decoration: underline;
    font-weight: 600;
    margin-top: 10px;
}
.neighbor-free-benefits {
    text-align: left !important;
}
.media-contacts {
    border-radius: 15px;
    background: #00509E;
    padding: 2rem 1.5rem;
    border-radius: 15px;
}
.media-contacts h3 {
    color: white;
    font-size: 1.3rem;
    font-size: 22px;
    padding-bottom: 10px;
}
.media-contacts p, .media-contacts a {
    color: rgba(255, 255, 255, 0.863);
    font-size: 15px;
}
.neighbor-free-benefits p{
    margin:10px 0 0;
    width:100%;
    max-width: 100%;
}

    .topic-pill {
      border: 1px solid #d8dee8;
      border-radius: 999px;
      background: #fff;
      padding: .55rem 1rem;
      font-weight: 700;
      color: #00509E;
      display: inline-flex;
      gap: .4rem;
      align-items: center;
      margin: .25rem;
      text-decoration:none;
    }
    .topic-pill.active,
    .topic-pill:hover {
      background: #00509E;
      color: #fff;
      border-color: #00509E;
    }

    .tag {
      display: inline-block;
      color: #00509E;
      background: rgba(0,163,224,.12);
      border-radius: 999px;
      padding: .25rem .7rem;
      font-size: .78rem;
      font-weight: 800;
      margin-bottom: .75rem;
    }

    .date { color: #667085; font-size: .9rem; }

    .media-cta {
      background: #fff;
      border-radius: 1.5rem;
      box-shadow: 0 1rem 3rem rgba(16,24,40,.08);
      overflow: hidden;
    }
    .btn-outline-rw {
        border-color: #00509E;
        color: #00509E;
        border-radius: 999px;
        font-weight: 700;
    }
    .article-section{
      padding:34px 0 40px;
      border-top:1px solid #dce8f4;
    }

    .article-card{
      background:#fff;
      border:1px solid #dce8f4;
      border-radius:14px;
      overflow:hidden;
      box-shadow:0 10px 15px rgba(0,42,90,.08);
      width:calc(100% - 30px);
    }

    .article-image{
      width:100%;
      height:440px;
      object-fit:cover;
    }
    .article-card img{
        width: 100%;
        height: auto;
        object-fit: cover;
        max-height: 440px;
    }


    .article-body{
      padding:42px;
    }

    .article-date{
      color:var(--rw-muted);
      font-size:14px;
      margin-bottom:12px;
    }

    .article-title{
      color:#00509e;
      font-weight:800;
      font-size:28px;
      line-height:1.16;
      margin-bottom:24px;
    }

    .article-body p{
      color:#374151;
      line-height:1.85;
      margin-bottom:20px;
      font-size:16px;
    }

    .article-body blockquote{
      border-left:5px solid var(--rw-yellow);
      padding:22px 26px;
      background:#f7fbff;
      border-radius:0 12px 12px 0;
      color:#1f2937;
      font-style:italic;
      margin:30px 0;
    }

    .article-actions{
      border-top:1px solid #dce8f4;
      padding-top:28px;
      margin-top:30px;
      display:flex;
      flex-wrap:wrap;
      gap:12px;
    }

    .btn-rw{
      background:#00509e;
      color:#fff;
      border-radius:6px;
      padding:12px 24px;
      font-weight:700;
      border:1px solid #00509e;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
    }

    .btn-rw:hover{background:var(--rw-dark-blue);color:#fff}

    .btn-rw-outline{
      background:#fff;
      color:#00509e;
      border:1px solid #00509e;
      border-radius:6px;
      padding:12px 24px;
      font-weight:700;
    }

    .side-card{
      background:#fff;
      border:1px solid #dce8f4;
      border-radius:14px;
      padding:26px;
      box-shadow:0 18px 45px rgba(0,42,90,.07);
      margin-bottom:24px;
    }

    .side-card h5{
      color:#111827;
      font-weight:800;
      margin-bottom:18px;
    }

    .copy-link{
      display:flex;
      align-items:center;
      gap:10px;
      padding:11px 0;
      color:#00509e;
      font-size:14px;
      font-weight:700;
      border-bottom:1px solid #eef3f8;
    }

    .contact-mini{
      border:1px solid #edf2f7;
      border-radius:10px;
      padding:16px;
      background:#fbfdff;
    }

    .contact-mini img{
      height:38px;
      margin-bottom:10px;
    }

    .socials{
      display:flex;
      gap:9px;
      flex-wrap:wrap;
    }

    .socials a{
      width:34px;
      height:34px;
      border-radius:50%;
      background:#00509e;
      color:#fff;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      font-size:13px;
      font-weight:800;
    }

    .about-box{
      margin-top:42px;
      border-top:1px solid #dce8f4;
      padding-top:32px;
    }

    .related-section{
      background:#f6f9fc;
      padding:80px 0;
}
.related-news{
    background: #f6f9fc !important;
    float: left;
    width: 100%;
    margin-top: 40px;
    padding:3rem 0 4rem 0;
}
.related-news .row{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.related-news .card-body{
    padding:1.5rem;
}
.media-enquiry-wrapper{
    padding:4rem 0;
}
.unaccompanied-content-border h4{
    font-size: 24px!important;
}
#content1{
    float: left;
    width: 100%;
}
.why-join-cards-section{
    padding: 4rem 0;
}
.why-join-cards-wrapper{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.date-inputs label{
    left:19px!important;
}
.date-inputs-second label{
    left:19px!important;
}
.date-inputs i, .date-inputs-second i{
    position: absolute;
    right: 12px;
    bottom: 17px;
    color: #7c7c7c;
}
.date-inputs i{
    right: 20px;
}
.date-inputs-second i{
    right: 13px;
}
.feedback-button{
    top:59%!important;
}
.feedback-buttons-modal{
    z-index: 13!important;
}

#horizontalTab .form-tab-lists ul li input{
    height: fit-content;
}
.hide-customize-passenger-trip{
    top:30px!important;
    width: 210px!important;
}
.passenger-hide-numbers .quantity-input button:last-child{
    background:#00509E;
    color: white;
}
.passenger-hide ul li{
    border: none!important;
    margin: 0!important;
}
.quantity-input__screen{
    padding: 0.7rem 0!important;
    width: 2rem!important;
}
.quantity-input__modifier{
    font-size: 17px!important;
    font-weight:700;
}
.passenger-hide-ctn{
    display:none;
}
.float-group-lists li:first-child {
    background-color: #f3f6fa;
    /* display: none!important; */
}
.hide-float-group-first, .hide-float-group-second{
    top: 76px!important;
}
.float-group-lists li p{
    font-weight: 400!important;
}
.float-group-lists .destinations_data li:hover {
    background-color: rgba(171,206,235,.2)!important;
    transition: all ease 0.9s;
}

.float-group-lists .destinations_data li:hover h5,
.float-group-lists .destinations_data li:hover p {
    color: #222!important;
}
#openModal1 .modal-dialog{
    margin-top:4rem;
}




@media handheld, only screen and (max-width: 1200px) {
    .careers-awards-wrapper .careers-award-card {
        max-width: 220px;
    }
    .careers-counter-wrapper .border-top {
        max-width: 80%;
    }
    .desktop-logo-wrapper figure img{
        width:160px!important;
    }
}

@media handheld, only screen and (max-width: 1024px) {
    .desktop-header-wrapper {
        display: none;
    }
    .header-wrapper{
        position:fixed;
        top:0;
        z-index: 10;
    }
    main.container{
        margin-top: 6rem;
    }
    .travel-requirements-title{
        padding-top:80px;
    }
    .desktop-country-invisible .menu-close-btn{
        display: block!important;
        font-size: 16px!important;
    }
    .mobile-navigation {
        display: block;
        /* height:100vh; */
        z-index: 12;
    }

    .desktop-account-signup ul {
        justify-content: space-between;
    }

    .newsletter-wrapper {
        padding: 0;
    }

    .desktop-account-signup ul {
        background-color: #f9f9f9;
        padding: 20px 0;
    }

    .mobile-navigation {
        padding: 0;
    }

    .visible-mobile {
        width: 100%;
        float: left;
        padding: 5px;
    }
    .mobile-right-elements .desktop-login-visible a{
        padding:5px!important;
        line-height: 1;
        color:#00509E;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #edf3ff;
        border: none!important;
    }
    .desktop-login-visible{
        padding: 5px 0 0 0;
    }
    /* Show search button on mobile - only within mobile-navigation context */
    .mobile-navigation .demo-login-wrapper {
        display: block !important;
        width: 100%;
        float: left;
        padding: 12px;
        border-bottom: 1px solid #e0e0e0 !important;
    }

    .mobile-navigation .demo-login-wrapper .desktop-account-signup {
        display: flex !important;
        width: auto !important;
        float: right;
        align-items: center;
    }

    .mobile-navigation .demo-login-wrapper .desktop-account-signup ul {
        display: flex !important;
        justify-content: flex-end;
        align-items: center;
        background-color: transparent !important;
        padding: 0 !important;
        margin: 0;
    }

    .mobile-navigation .demo-login-wrapper .desktop-account-signup ul li {
        padding: 0 8px;
        display: flex;
        align-items: center;
        width:fit-content;
    }

    .mobile-navigation .demo-login-wrapper .desktop-account-signup ul li a {
        display: flex !important;
        align-items: center;
        justify-content: center;
        color: #005daf;
    }
    .desktop-account-signup .signup-cart{
        margin-left: 0;
    }
    .mobile-navigation .demo-login-wrapper .desktop-account-signup ul li a i {
        font-size: 12px;
    }

    .mobile-navigation .demo-login-wrapper .desktop-account-signup ul li.search-visible a i {
        font-size: 17px;
    }

    /* Hide LOGIN text on mobile, show only icon */
    .mobile-navigation .demo-login-wrapper .desktop-account-signup ul li.desktop-login-visible a b {
        display: none !important;
    }

    /* Hide the duplicate standalone login button outside demo-login-wrapper */
    .mobile-navigation .visible-mobile > .desktop-login-visible {
        display: none !important;
    }

    .mobile-navigation .demo-login-wrapper .desktop-account-signup ul li.search-visible {
        display: inline-block !important;
    }

    .mobile-navigation .demo-login-wrapper .desktop-account-signup ul li.search-visible a {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    .best-discover a {
        margin: 0;
    }

    .desktop-search-invisible {
        top: 105px;
    }

    .desktop-currency-invisible {
        top: 105px;
    }

    .desktop-country-invisible {
        top: 0!important;
        max-width: 100%!important;
    }

    .hide-float-group-second {
        /*width: 100%;*/
        /*float: left;*/
        /*position: absolute;*/
        top: 151px !important;
        /*display: none;*/
        /*z-index: 9;*/
        /*background-color: #fff;*/
        /*padding: 0 20px 0 0;*/
    }

    .desktop-login-invisible {
        top: 80px;
        padding: 25px;
    }

    .desktop-login-inputs form h3 {
        font-size: 24px;
    }

    .desktop-login-inputs form input {
        margin: 10px 0;
    }

    .desktop-login-inputs form button {
        margin: 15px 0 15px;
    }

    .dreammiles-login {
        padding: 20px 0 0 0;
    }

    .desktop-account-signup ul li:nth-child(3) a {
        border: none;
    }

    .desktop-login-row {
        display: block;
    }

    .desktop-login-inputs {
        padding: 10px 0;
        border: none;
    }

    .country-lists-invisible ul {
        display: block;
    }

    .country-lists-invisible ul li {
        width: 100%;
        float: left;
    }

    .currency-lists-invisible ul {
        display: block;
    }

    .currency-lists-invisible ul li {
        width: 100%;
        float: left;
    }

    .trending-search-invisiible ul {
        display: block;
    }

    .trending-search-invisiible ul li {
        width: 100%;
        float: left;
        margin: 10px 0;
        padding: 0 10px;
    }

    .search-invisible-input input {
        font-size: 15px;
    }

    .desktop-login-column {
        width: 100%;
    }

    .desktop-account-signup ul {
        padding: 10px !important;
    }

    .desktop-account-signup ul li:nth-child(2) a {
        padding: 7px 0px;
    }

    .country-visible figure {
        width: 25px !important;
        height: 20px !important;
    }

    .desktop-account-signup ul li:nth-child(2) a p {
        white-space: nowrap;
    }

    .desktop-account-signup ul li:nth-child(2) a span:first-child {
        /*margin:0!important;*/
    }

    .desktop-account-signup ul li:nth-child(2) a span:first-child {
        margin-right: 0 !important;
    }

    .country-visible span:last-child {
        border-right: none !important;
        margin-left: -20px;
    }

    .desktop-account-signup ul li:nth-child(2) a span.flag_sections {
        margin-left: -15px !important;
    }

    .menu-country li {
        width: 48% !important;
        margin: 1% !important;
        float: left !important;
    }

    .desktop-account-signup {
        display: flex !important;
        width: auto !important;
        float: right;
    }

    .desktop-login-visible {
        width: fit-content;
        float: right;
        padding-top: 3px;
    }

    .desktop-login-visible a {
        font-size: 20px;
        color: #00509e !important;
    }

    #horizontalTab ul.resp-tabs-list li {
        margin: 0;
    }

    .home-plan-trip-wrapper {
        padding: 2em 0 0 0;
    }

    .resp-tabs-list li {
        font-weight: 600;
        font-size: 13px;
        display: inline-block;
        padding: 30px 10px 0px 9px;
        margin: 0 0px;
        list-style: none;
        cursor: pointer;
        background-color: #fff;
    }

    .policies-wrapper {
        margin-top: 0 !important;
    }

    .home-plan-trip-wrapper ul {
        grid-template-columns: repeat(3, 1fr);
    }

    .visible-mobile {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 15px 10px 15px 20px !important;
        width: 100% !important;
        float: none !important;
        position: fixed !important;
        z-index: 10000;
        box-shadow: rgba(0, 0, 0, 0.02) 0px 20px 25px -5px, rgba(0, 0, 0, 0.01) 0px 10px 10px -5px;
        background: #fff;
    }

    .desktop-login-invisible {
        max-width: 600px;
    }

    .mobile-logo-wrapper {
        float: none !important;
        padding: 0 !important;
        /* padding-left: 10px!important; */
    }
    .mobile-logo-wrapper a img{
        margin-left: 10px;
    }

    .mobile-right-elements {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
    }

    .demo-login-wrapper {
        display: block !important;
        width: auto !important;
        float: none !important;
    }

    .desktop-account-signup {
        float: none !important;
        display: flex !important;
        width: auto !important;
    }

    .desktop-account-signup ul {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 0 !important;
        background: transparent !important;
        gap: 2px !important;
    }

    .desktop-account-signup ul li {
        padding: 0 5px !important;
        display: flex !important;
        align-items: center !important;
    }

    /* Fix flag size */
    .country-visible figure {
        width: 30px !important;
        height: 20px !important;
        overflow: hidden !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
    }

    .country-visible figure img,
    .country-visible figure span {
        width: 100% !important;
        height: 100% !important;
        display: block !important;
        object-fit: cover !important;
    }

    .flag_sections {
        background-size: cover !important;
        background-position: center !important;
        width: 100% !important;
        height: 100% !important;
        display: block !important;
    }

    /* Adjust text size if needed */
    .selected_currency,
    .selected_language_country {
        font-size: 14px !important;
        margin: 0 !important;
        padding-left: 5px !important;
    }

    /* Mobile Toggle Styling to match Desktop */
    .country-visible a {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
    }

    .country-visible span {
        display: flex !important;
        align-items: center !important;
        padding: 0 10px !important;
        border-right: 1px solid #ccc !important;
    }

    .country-visible span:last-child {
        border-right: none !important;
    }

    .country-visible i {
        margin-right: 5px !important;
    }

    /* Dropdown positioning for mobile */
    .desktop-search-invisible,
    .desktop-currency-invisible,
    .desktop-country-invisible,
    .desktop-login-invisible {
        position: absolute !important;
        top: 70px !important;
        top: 124px !important;
        /* Adjust based on header height */
        right: 0 !important;
        width: 100% !important;
        background: #fff !important;
        z-index: 9999 !important;
        padding: 25px !important;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    .desktop-login-invisible {
       top: 60px !important;
       min-height: calc( 100vh - 60px )!important;
       overflow: auto !important;
    }
    .dreammiles-login h3{
        font-size: 20px;
    }
    .dreammiles-login ul{
        padding: 1em 0;
    }
    .desktop-search-invisible {
        padding: 20px 25px 15px !important;
        height: calc(100vh - 118px);
        overflow: auto;
    }
    .desktop-search-invisible .menu-close-btn{
        display: none !important;
    }
    .search-invisible-input{
        flex-wrap: wrap !important;
    }
    .search-invisible-input input{
        width: 100% !important;
        margin: 0px !important;
    }
    .search-invisible-input button span{
        padding: 0!important;
    }
    .search-invisible-input button{
        padding: 8px 28px 10px!important;
        margin-top: 15px;
    }

    /* Ensure contents are visible and styled */
    .search-invisible-details,
    .currency-lists-invisible,
    .country-lists-invisible {
        display: block !important;
        width: 100% !important;
    }

    /* Mobile Menu Styling */
    .hidden-mobile .desktop-main-links > ul > li > a {
        padding: 15px 20px !important;
        display: block !important;
        border-bottom: 1px solid #e0e0e0 !important;
        color: #333 !important;
        font-weight: 600 !important;
        font-size: 16px !important;
    }

    .hidden-mobile .desktop-main-links > ul > li:last-child > a {
        border-bottom: none !important;
    }

    .hidden-mobile .desktop-main-links > ul > li > a i {
        float: right !important;
        margin-top: 2px !important;
    }

    /* Mobile submenu styling */
    .desktop-main-links-invisible {
        background: #f8f8f8 !important;
        padding: 10px 0 !important;
    }

    .dropdown-links-columns {
        padding: 10px 20px !important;
    }

    .dropdown-links-columns h3 {
        font-size: 14px !important;
        font-weight: bold !important;
        color: #00509e !important;
        margin-bottom: 10px !important;
    }

    .dropdown-links-style li {
        padding: 8px 0 !important;
    }

    .dropdown-links-style li a {
        font-size: 14px !important;
        color: #555 !important;
    }

    /* Mobile Menu Styling */
    .hidden-mobile .desktop-main-links > ul > li > a {
        padding: 15px 20px !important;
        display: block !important;
        border-bottom: 1px solid #e0e0e0 !important;
        color: #333 !important;
        font-weight: 600 !important;
        font-size: 16px !important;
    }

    .hidden-mobile .desktop-main-links > ul > li:last-child > a {
        border-bottom: none !important;
    }

    .hidden-mobile .desktop-main-links > ul > li > a i {
        float: right !important;
        margin-top: 2px !important;
    }

    /* Mobile submenu styling */
    .desktop-main-links-invisible {
        background: #f8f8f8 !important;
        padding: 10px 0 !important;

    }

    .dropdown-links-columns {
        padding: 10px 20px !important;
    }

    .dropdown-links-columns h3 {
        font-size: 14px !important;
        font-weight: bold !important;
        color: #00509e !important;
        margin-bottom: 10px !important;
    }

    .dropdown-links-style li {
        padding: 8px 0 !important;
    }

    .dropdown-links-style li a {
        font-size: 14px !important;
        color: #555 !important;
    }

    .mobile-navigation ul li.search-visible a {
        padding: 8px 5px;
    }

    .mobile-navigation ul li.search-visible {
    }

    .desktop-country-invisible {
        padding: 40px 25px 25px !important;
        top: 0 !important;
        background: #fff !important;
        height: 100vh !important;
        z-index: 9999999 !important;
    }
    .country-lists-invisible{
        max-width: 545px !important;
        margin: 0 auto !important;
        float: none !important;
    }

    #countries_language_mobile.flagged {
        background-repeat: no-repeat;
        background-position: 8px center;
        background-size: 20px 17px;
        padding-left: 36px !important;
    }
    .top-desktop-links{
        padding:5px 15px!important;
    }
}

@media handheld, only screen and (max-width: 992px) {
    .careers-banner-wrapper .desktop-unaccompanied {
        display: none;
    }

    .careers-banner-wrapper .mobile-unaccompanied {
        height: 100%;
        flex: 1;
        display: flex;
    }

    .connect-collaborate-grid {
        gap: 1.2rem;
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    }

    .careers-intro-wrapper h2, .connect-collaborate-wrapper h2, .careers-awards-wrapper h2 {
        font-size: 1.2rem;
    }

    .careers-intro-wrapper p {
        font-size: 0.95rem;
    }

    .careers-subtitle {
        margin-bottom: 0rem;
        font-size: 1.2rem;
    }

    .careers-subtitle::after {
        bottom: 1rem;
    }

    .careers-counter-wrapper .stat-number {
        padding-bottom: 0;
    }

    .careers-areas-card img {
        height: 400px;
    }
}

@media handheld, only screen and (max-width: 960px) {
    .float-group input:focus~.float-label-promo, .float-group input:not(:focus):valid~.float-label-promo{
        top:-8px!important;
        left: unset!important;
        right: 0.2em!important;
    }
    .home-plan-trip-wrapper {
        padding: 1em 0 0 0;
    }
    .sustainability-sponsors ul li:nth-child(3) .media-center-caption a{width: fit-content;}
    .home-dreammiles-slide .desktop-image{
        height: 300px;
    }
    .home-dreammiles-slide .desktop-image img{
        height: 100%;
        object-fit: cover;
        object-position: left;
    }
    .home-dreammiles-slide .display-caption{
        display: flex;
        align-items: center;
    }
    .home-dreammiles-slide .display-caption br{
        display: none;
    }
    .home-dreammiles-slide .bx-caption h3{
        font-size: 22px!important;
        color:#00509E!important;
        padding-bottom: 7px!important;
    }
    .home-dreammiles-slide .bx-caption p{
        color:#666666!important;
        padding-bottom: 15px!important;
        font-weight: 400!important;
    }
    .home-dreammiles-slide .bx-caption a{
        color:#00509E!important;
        text-decoration: none!important;
        border-color: #00509E!important;
    }
    .home-news-snip-wrapper{
        display: flex!important;
        padding: 0;
    }
    .home-corporate-news-wrapper h2{
        font-size: 21px!important;
        font-weight: 700;
    }
        .mobile-home-news-snip-wrapper {
        display: none;
    }
    .home-news-snip-wrapper.d-none{
        display: none!important;
    }

    .toast-container {
        position: fixed;
        bottom: 65px !important;
        right: 10px !important;
        padding: 0 !important;
        z-index: 12 !important;
    }
    .home-corporate-news-wrapper ul{
        width: 100% !important;
    }
    .home-slider-wrapper .bx-wrapper .bx-caption {
        padding: 0 !important;
    }
    .home-corporate-news .home-corporate{
        width: 100%;
    }

    .home-plan-trip-wrapper ul {
        box-shadow: none;
    }

    .home-plan-trip-wrapper ul li a figure {
        display: block;
    }

    .home-plan-trip-wrapper h3 {
        font-size: 21px;
        padding: 0 0 10px;
    }

    .chat-open-button {
        right: 10px !important;
        bottom: 15px !important;
    }

    .chat-open-button img {
        width: 40px !important;
    }
    .dont-miss-offer-columns-style ul li figure {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .newsletter-content{
        padding: 25px;
    }
    .newsletter-content h2{
        font-size: 22px;
    }
    .itemc{
        width: 100%;
        flex-basis: 100%!important;
        height: auto!important;
    }
    .itemc-1{
        width: 100%;
        flex-basis: 100%!important;
        background-image: none!important;
    }
    .itemc-2{
        width: 100%;
        flex-basis: 100%!important;
        background-image: none!important;
    }
    figure.desktop-image img{
        display: block!important;
    }
    figure.mobile-image img{
        display: none!important;
    }
    .home-news-image{
        display: block!important;
    }
    .itemc-2:hover{
    background-image: none!important;
    order: unset!important;
    }
    .home-news-content h3{
        color: #00509E;
    }
    .home-news-content p{
        color: #666;
    }
    .home-news-content a {
        color: #39AE41 !important;
        background-color: transparent !important;
        padding: 0 !important;
        font-weight: 500!important;
        margin-top: 10px !important;
    }
    .home-news-content{
        position: unset!important;
        width: 50%!important;
        padding: 1.5em!important;
    }
    .home-news-snip-wrapper ul li{
        border:1px solid #ccc!important;
        border-radius: 10px;
        overflow: hidden;
        max-height: 300px;
    }

    .dont-miss-offer-details{
        border:none!important;
    }
    .dont-miss-offer-columns-style ul li figure{
        border-radius: 20px!important;
    }
    .right-top-desktop-links ul li a i{
        display:none!important;
    }
    .right-top-desktop-links ul li a b{
        display:inline-block!important;
        width:66px;
    }
    .top-desktop-links{
        padding:5px 15px!important;
    }
}

@media handheld, only screen and (max-width: 768px) {
    .home-plan-trip-wrapper ul {
        grid-template-columns: repeat(2, 1fr);
    }
    .ukoffice-banner-title h1{
        font-size: 20px!important;
    }
    .careers-counter-wrapper .border-top {
        max-width: 300px;
        border: none !important;
    }

    .careers-counter-wrapper .col-md-4 {
        border-bottom: 1px solid #999;
    }

    .careers-areas-wrapper .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .careers-areas-card h4 {
        padding: 12px;
    }

    .careers-areas-card img {
        height: 320px;
    }
}

/* Fix: Show search button on mobile devices */
@media handheld, only screen and (max-width: 800px) {
    .bottom-desktop-links .desktop-account-signup {
        display: flex !important;
        width: auto !important;
        float: right;
        position: relative;
        z-index: 100;
        background: transparent;
    }

    .bottom-desktop-links .desktop-account-signup ul {
        justify-content: flex-end;
        padding: 0;
        background-color: transparent !important;
    }

    .bottom-desktop-links .desktop-account-signup ul li {
        padding: 0 5px;
    }
}

@media handheld, only screen and (max-width: 600px){
    .home-news-snip-wrapper ul li{
        max-height: 100%!important;
    }
    .home-news-content{
        width: 100%!important;
    }
    .itemc figure.desktop-image img{
        max-height: 300px!important;
    }
    .feedback-buttons-modal .modal-dialog{
        max-height: 100vh!important;
        height: 100%!important;
        margin: 0 auto!important;
        padding:0!important;
    }
    .feedback-buttons-modal {
        /* z-index: 100000000!important; */
    }
    .footer-modals .modal-content{
        /* height: calc(100% - 20px)!important; */
        height: 100%!important;
        top: 50%!important;
        transform: translateY(-50%)!important;
        padding-top: 40px;
    }
    .feedback-buttons-wrapper button{
        /* padding: 40px 20px!important; */
    }
    .feedback-survey-modal .modal-dialog, .raise-concern-modal .modal-dialog{
            height: 100vh;
        max-height: 100vh;
        width: 100%;
        padding: 0!important;
    }
    .feedback-survey-modal, .raise-concern-modal{
        z-index: 100000000!important;
    }
    .feedback-survey-modal .modal-dialog .modal-content, .raise-concern-modal .modal-dialog .modal-content{
        height: 100vh!important;
            max-height: 100vh!important;
            /* padding: 0!important; */
    }
    .feedback-survey-modal .modal-dialog .modal-body, .raise-concern-modal .modal-dialog .modal-body{
        padding: 0!important;
        max-height: calc(100% - 20px);
    }
    .feedback-survey-modal .modal-dialog .modal-body .row, .raise-concern-modal .modal-dialog .modal-body .row{
        margin: 0!important;
    }
    .feedback-survey-modal .modal-dialog .modal-body .row .col-12, .raise-concern-modal .modal-dialog .modal-body .row .col-12{
        padding: 0!important;
    }
    .feedback-survey-modal .modal-dialog .modal-body .row .col-sm-12, .raise-concern-modal .modal-dialog .modal-body .row .col-sm-12{
        padding: 0!important;
    }
    button#close_feedback_form, button#close_concerns, button#close_contact_us{
        right: 0!important;
        top: -10px!important;
    }
    .feedback-survey-modal .modal-header, .raise-concern-modal .modal-header{
        padding: 0!important;
        min-height: 25px!important;
    }
    button.mv-save{
        float: left!important;
        margin-top: 10px;
        margin-bottom: 10px!important;
    }
    .dont-miss-offer-columns-style ul li figure{
        height: fit-content!important;
    }
    .dreammiles-login figure{
        display: none!important;
    }
    .dreammiles-login{
        display: none!important;
    }
    .desktop-login-invisible{
        top: 0!important;
        height: 100vh!important;
        max-height: 100vh!important;
        z-index: 100000000!important;
    }
    .desktop-login-invisible .menu-close-btn{
        font-size: 16px!important;
        display: block!important;
    }
}

@media handheld, only screen and (max-width: 560px) {
    .careers-areas-wrapper .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }
}
@media handheld, only screen and (max-width: 450px) {
    .dont-miss-offer-columns-style ul li figure{
        height: fit-content!important;
    }
}

body{
    outline: none!important;
}




.destination-airport-item{
    display: flex!important;
    justify-content: flex-start!important;
    align-items: flex-start;
    gap: 10px;
    color: #303030!important;
}
.destination-airport-image {
    flex: 0 0 20px;
    padding-top: 3px;
}

.destination-airport-image img {
    display: block;
    width: 20px;
    height: 20px;
    object-fit: contain;
}
.destination-airport-item .destination-airport-label{
    font-weight: 600;
    font-size: 17px;
}
.destination-airport-item .destination-airport-country{
    font-size: 14px;

}